Mini Kabibi Habibi
body
{
margin:0;
background-color: white;
-webkit-tap-highlight-color: rgba(0,0,0,0);
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Verdana, sans-serif;
overflow: hidden;
}
body .dxdpLite .dxpc-mainDiv,
body .dxpc-mainDiv.dxdpLite,
body .dxeBase,
body .dxdvControl
{
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Verdana, sans-serif
}
form
{
height:100%; overflow: hidden;
}
.topHeader
{
border: 1px solid transparent;
width: 100%;
height: 40px;
}
.topHeader .userpic
{
width: 39px;
height: 39px;
padding: 1px;
border: 1px solid #D9D9D9;
margin-left: 6px;
margin-bottom: 10px;
vertical-align: middle;
}
.topHeader .username
{
color: #525252;
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Verdana, sans-serif;
font-size: 16pt;
}
.headerright
{
float:right;
}
.status
{
float:right;
}
.topHeader .banner
{
color: #aeaeae;
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Verdana, sans-serif;
font-size: 12pt;
vertical-align: top;
float: right;
}
.user
{
height: 40px;
width: 300px;
float: left;
}
@media only screen and (orientation: portrait) {
.topHeader
{
height: 64px;
}
.user
{
margin-top: 20px;
}
}
@media only screen and (orientation: landscape) {
.topHeader
{
height: 40px;
}
}
.pnlTwitterWidget.dxpc-content
{
overflow: hidden!important;
padding: 0;
background: #525252;
}
.pnlTwitterWidget.dxpc-content .wrapper
{
height: 448px;
margin: 2px 0;
background: #33ccff;
overflow: hidden;
}
.smallzone .pnlTwitterWidget.dxpc-content .wrapper,
.horizontalzone .pnlTwitterWidget.dxpc-content .wrapper
{
height: 33.05%
}
.pnlTwitterWidget .dxdvControl td.dxdvCtrl
{
padding: 12px 18px;
}
.pnlTwitterWidget .dxdvControl .dxdvItem
{
padding: 0;
}
.horizontalzone .pnlTwitterWidget .dxdvContent tbody > tr:nth-last-child(-n+3)
{
display: none;
}
.smallzone .pnlTwitterWidget .dxdvContent tbody > tr:nth-last-child(-n+5)
{
display: none;
}
.pnlTwitterWidget .dxdvControl .dxdvItem img
{
float: left;
margin-right: 8px;
margin-top: 5px;
border: 3px solid White;
-moz-box-shadow:
0 0 2px 2px rgba(0,0,0,0.1),
0 0 0 1px #2491b4;
-webkit-box-shadow:
0 0 2px 2px rgba(0,0,0,0.1),
0 0 0 1px #2491b4;
box-shadow:
0 0 2px 2px rgba(0,0,0,0.1),
0 0 0 1px #2491b4;
}
.smallzone .pnlTwitterWidget .dxdvControl .dxdvItem img
{
margin-top: 1px;
margin-right: 0px;
}
.pnlTwitterWidget .dxdvControl .dxdvItem .bubble
{
float: left;
position: relative;
}
.smallzone .pnlTwitterWidget .dxdvControl .dxdvItem .bubble
{
margin-left: -8px;
}
.pnlTwitterWidget .dxdvControl .dxdvItem .bubble .bubble_left
{
background-image: url('../Widgets/Images/Twitter/bubble_left.png');
width: 17px;
height: 9px;
float: left;
z-index: 100;
position: absolute;
top: 18px;
}
.smallzone .pnlTwitterWidget .dxdvControl .dxdvItem .bubble .bubble_left
{
top: 52px;
}
.pnlTwitterWidget .dxdvControl .dxdvItem .bubble .tweetBody
{
margin-left: 17px;
float: left;
background-color: White;
border-radius: 3px;
padding: 11px;
width: 362px;
height: 52px;
-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
overflow: hidden;
text-overflow: ellipsis;
}
.smallzone .pnlTwitterWidget .dxdvControl .dxdvItem .bubble .tweetBody
{
width: 148px;
height: 76px;
}
.horizontalzone .pnlTwitterWidget .dxdvControl .dxdvItem .bubble .tweetBody
{
height: 38px;
}
.pnlTwitterWidget .dxdvControl .dxdvItem .bubble .tweetBody .username
{
font-size: 14px;
color: #212121;
}
.pnlTwitterWidget .dxdvControl .dxdvItem .bubble .tweetBody .date
{
font-size: 12px;
color: #8f8f8f;
}
.pnlTwitterWidget .dxdvControl .dxdvItem .bubble .tweetBody .message
{
font-size: 12px;
color: #585858;
text-overflow: ellipsis;
}
.smallzone .pnlTwitterWidget .dxdvControl .dxdvItem .bubble .tweetBody .message
{
font-size: 11px;
}
@media (max-width: 1006px) {
.landscape .bigzone .pnlTwitterWidget .dxdvControl .dxdvItem img,
.landscape .bigzone .pnlTwitterWidget .bubble_left {
display: none;
}
.landscape .bigzone .pnlTwitterWidget .dxdvControl .dxdvItem .bubble .tweetBody,
.landscape .bigzone .pnlTwitterWidget .dxdvControl .dxdvItem .bubble {
width: 90%;
padding: 5px 5%;
margin-left: 0;
}
.landscape .bigzone .pnlTwitterWidget .dxdvControl td.dxdvCtrl
{
padding: 0;
}
.landscape .bigzone .pnlTwitterWidget .dxdvControl .dxdvItem .bubble .tweetBody
{
height: auto;
}
}
@media (max-width: 762px) {
.portrait .bigzone .pnlTwitterWidget .dxdvItem img,
.portrait .bigzone .pnlTwitterWidget .bubble_left {
display: none;
}
.portrait .bigzone .pnlTwitterWidget .dxdvControl .dxdvItem .bubble .tweetBody,
.portrait .bigzone .pnlTwitterWidget .dxdvControl .dxdvItem .bubble {
width: 90%;
padding: 5px 5%;
margin-left: 0;
}
.portrait .bigzone .pnlTwitterWidget .dxdvControl td.dxdvCtrl
{
padding: 0;
}
.portrait .bigzone .pnlTwitterWidget .dxdvControl .dxdvItem .bubble .tweetBody
{
height: auto;
}
}
@media (max-width: 1000px) {
.landscape .horizontalzone .pnlTwitterWidget .dxdvControl .dxdvItem img,
.landscape .horizontalzone .pnlTwitterWidget .bubble_left {
display: none;
}
.landscape .horizontalzone .pnlTwitterWidget .dxdvControl .dxdvItem .bubble .tweetBody,
.landscape .horizontalzone .pnlTwitterWidget .dxdvControl .dxdvItem .bubble {
width: 90%;
padding: 5px 5%;
margin-left: 0;
}
.landscape .horizontalzone .pnlTwitterWidget .dxdvControl td.dxdvCtrl
{
padding: 0;
}
.landscape .horizontalzone .pnlTwitterWidget .dxdvControl .dxdvItem .bubble .tweetBody
{
height: auto;
}
}
@media (max-width: 817px) {
.portrait .horizontalzone .pnlTwitterWidget .dxdvItem img,
.portrait .horizontalzone .pnlTwitterWidget .bubble_left {
display: none;
}
.portrait .horizontalzone .pnlTwitterWidget .dxdvControl .dxdvItem .bubble .tweetBody,
.portrait .horizontalzone .pnlTwitterWidget .dxdvControl .dxdvItem .bubble {
width: 90%;
padding: 5px 5%;
margin-left: 0;
}
.portrait .horizontalzone .pnlTwitterWidget .dxdvControl td.dxdvCtrl
{
padding: 0;
}
.portrait .horizontalzone .pnlTwitterWidget .dxdvControl .dxdvItem .bubble .tweetBody
{
height: auto;
}
}
@media (max-width: 1080px)
{
.landscape .smallzone .pnlTwitterWidget .dxdvControl td.dxdvCtrl
{
padding: 0;
}
.landscape .smallzone .pnlTwitterWidget .dxdvControl .dxdvItem img,
.landscape .smallzone .pnlTwitterWidget .bubble_left
{
display: none;
}
.landscape .smallzone .pnlTwitterWidget .dxdvControl .dxdvItem .bubble .tweetBody,
.landscape .smallzone .pnlTwitterWidget .dxdvControl .dxdvItem .bubble
{
width: 90%;
padding: 5px 5%;
margin-left: 0;
height: auto;
}
}
@media (max-width: 817px)
{
.portrait .smallzone .pnlTwitterWidget .dxdvControl td.dxdvCtrl
{
padding: 0;
}
.portrait .smallzone .pnlTwitterWidget .dxdvItem img,
.portrait .smallzone .pnlTwitterWidget .bubble_left {
display: none;
}
.portrait .smallzone .pnlTwitterWidget .dxdvControl .dxdvItem .bubble .tweetBody,
.portrait .smallzone .pnlTwitterWidget .dxdvControl .dxdvItem .bubble {
width: 90%;
padding: 5px 5%;
margin-left: 0;
height: auto;
}
}
.pnlTwitterWidget .footer,
.pnlTwitterWidget .footer
{
width: 100%;
position: absolute;
bottom: 0px!important;
height: 1px;
background-color: #33CCFF;
box-shadow: 0 0 4px 4px rgba(51,204,255,1);
}
.panel1,
.panel2
{
float: left;
}
.panel1 > div,
.panel2 > div
{
margin: 10px 0 0 10px;
}
.headerText
{
width: 100%;
}
.headerRemoveButton
{
}
.weatherforecast .today
{
border-right: 1px solid black;
padding: 5px;
}
.weatherforecast .today,
.weatherforecast .nextdays
{
float: left
}
.weatherforecast .todayimg
{
vertical-align: top;
}
.dockzone
{
background-color: white;
float:left;
}
.dxpc-content
{
overflow: hidden!important;
}
.animatedTabWidget
{
position: relative;
}
.animatedTabWidget .tabs
{
position: absolute;
bottom: 0;
width: 100%;
}
.animatedTabWidget .page
{
position: absolute;
}
.animatedTabWidget .page .item
{
font-family: HelveticaNeue, Helvetica, Verdana, sans-serif;
color: White;
position: absolute;
}
.animatedTabWidget .page.visible
{
visibility: visible;
opacity: 1;
-webkit-transition: opacity 500ms linear;
-moz-transition: opacity 500ms linear;
-o-transition: opacity 500ms linear;
transition: opacity 500ms linear;
}
.animatedTabWidget .page.hidden
{
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s 500ms, opacity 500ms linear;
-moz-transition: visibility 0s 500ms, opacity 500ms linear;
-o-transition: visibility 0s 500ms, opacity 500ms linear;
transition: visibility 0s 500ms, opacity 500ms linear;
}
/* News */
.newsWidget
{
background: #525252;
}
.newsWidget .dxtcLite li
{
height: 44px;
border: none !important;
}
.newsWidget .dxtcLite .dxtc-strip,
.newsWidget .dxtcLite .dxtc-tab
{
background: #525252;
}
.newsWidget .dxtcLite .dxtc-activeTab
{
background: #000000;
}
.newsWidget .dxtcLite .dxtc-text,
.newsWidget .dxtcLite .dxtc-leftIndent,
.newsWidget .dxtcLite .dxtc-rightIndent
{
color: #ffffff;
font-family: HelveticaNeue, Helvetica, Verdana, sans-serif;
font-size: 21px;
line-height: 24px;
text-decoration: none;
}
.newsWidget .dxtcLite .dxtc-activeTab .dxtc-text,
.newsWidget .dxtcLite .dxtc-activeTab .dxtc-leftIndent,
.newsWidget .dxtcLite .dxtc-activeTab .dxtc-rightIndent
{
color: #949494;
}
.newsWidget .dxtcLite .dxtc-link
{
padding: 9px 21px 0;
}
.newsWidget .dxtcLite .dxtc-spacer,
.newsWidget .dxtcLite .dxtc-leftIndent,
.newsWidget .dxtcLite .dxtc-rightIndent
{
width: 0;
}
/* Big Zone */
.newsWidget,
.bigzone .newsWidget
{
width: 492px;
height: 452px;
}
.newsWidget .page,
.bigzone .newsWidget .page
{
width: 492px;
height: 408px;
}
.newsWidget .page .item,
.bigzone .newsWidget .page .item
{
bottom: 44px;
width: 100%;
background: url("../Widgets/Images/News/itemBack.png");
}
.newsWidget .page .item .header,
.bigzone .newsWidget .page .item .header
{
font-family: HelveticaNeue-Light, HelveticaNeue, Helvetica, Verdana, sans-serif;
font-size: 36px;
padding: 16px 20px 7px;
}
.newsWidget .page .item .content,
.bigzone .newsWidget .page .item .content
{
font-size: 16px;
padding: 0 23px;
}
.newsWidget .page .item .content .smallText,
.bigzone .newsWidget .page .item .content .smallText
{
display: none;
}
.newsWidget img
{
width: 100%;
height: 100%;
background-repeat: no-repeat!important;
background-size: cover!important;
background-position: center!important;
}
.newsWidget #NewsWidget_TechPage img
{
background-position: top center!important;
}
.newsWidget img.small,
.newsWidget img.medium,
.bigzone .newsWidget img.small,
.bigzone .newsWidget img.medium
{
display: none;
}
/* Horizontal Zone */
.horizontalzone .newsWidget,
.horizontalzone .newsWidget .page
{
width: 492px;
height: 220px;
}
.horizontalzone .newsWidget .tabs
{
display: none;
}
.horizontalzone .newsWidget .page .item
{
bottom: 0;
width: 183px;
height: 100%;
background: url("../Widgets/Images/News/itemBack2.png");
}
.horizontalzone .newsWidget .page .item .header
{
font-family: HelveticaNeue-Light, HelveticaNeue, Helvetica, Verdana, sans-serif;
font-size: 28px;
padding: 10px 18px 6px;
}
.horizontalzone .newsWidget .page .item .content
{
font-size: 14px;
padding: 5px 20px;
}
.horizontalzone .newsWidget .page .item .content .smallText
{
display: none;
}
.horizontalzone .newsWidget .page .item .content .fullText
{
display: inline;
}
.horizontalzone .newsWidget img.medium
{
display: inline;
}
.horizontalzone .newsWidget img.small,
.horizontalzone .newsWidget img.large
{
display: none;
}
/* Small Zone */
.smallzone .newsWidget,
.smallzone .newsWidget .page
{
width: 240px;
height: 220px;
}
.smallzone .newsWidget .tabs
{
display: none;
}
.smallzone .newsWidget .page .item
{
bottom: 0;
width: 100%;
background: url("../Widgets/Images/News/itemBack2.png");
}
.smallzone .newsWidget .page .item .header
{
font-size: 16px;
padding: 12px 15px 3px;
}
.smallzone .newsWidget .page .item .content
{
font-size: 13px;
padding: 0 16px;
}
.smallzone .newsWidget .page .item .content .smallText
{
display: inline;
}
.smallzone .newsWidget .page .item .content .fullText
{
display: none;
}
.smallzone .newsWidget img.small
{
display: inline;
}
.smallzone .newsWidget img.medium,
.smallzone .newsWidget img.large
{
display: none;
}
@media (max-height: 570px)
{
.portrait .smallzone .newsWidget .page .item .content
{
display: none;
}
}
@media (max-height: 480px)
{
.landscape .smallzone .newsWidget .page .item .content
{
display: none;
}
}
@media (max-height: 420px)
{
.portrait .horizontalzone .newsWidget .page .item .content
{
display: none;
}
}
@media (max-height: 350px)
{
.landscape .horizontalzone .newsWidget .page .item .content
{
display: none;
}
}
@media (max-width: 800px) {
.newsWidget .dxtcLite .dxtc-link
{
padding: 9px 15px 0;
}
}
@media (max-width: 700px) {
.landscape .bigzone .newsWidget .tabs {
display: none;
}
.landscape .bigzone .newsWidget .page .item {
bottom: 0;
}
}
@media (max-width: 570px) {
.portrait .bigzone .newsWidget .tabs {
display: none;
}
.portrait .bigzone .newsWidget .page .item {
bottom: 0;
}
}
@media (max-height: 666px)
{
.horizontalzone .newsWidget .page .item .content .smallText
{
display: inline;
}
.horizontalzone .newsWidget .page .item .content .fullText
{
display: none;
}
.horizontalzone .newsWidget .page .item .header{
font-size: 16px;
padding: 12px 15px 3px;
}
}
@media (max-width: 1000px) and (max-height: 730px)
{
.bigzone .newsWidget .page .item .header{
font-size: 16px;
padding: 12px 15px 3px;
}
}
@media (max-width: 700px) and (max-height: 500px)
{
.bigzone .newsWidget .page .item .content .smallText
{
display: inline;
}
.bigzone .newsWidget .page .item .content .fullText
{
display: none;
}
}
@media (max-width: 1000px) and (max-height: 300px)
{
.bigzone .newsWidget img.medium
{
display: inline;
}
.bigzone .newsWidget img.small,
.bigzone .newsWidget img.large
{
display: none;
}
}
@media (max-width: 380px) and (max-height: 300px)
{
.bigzone .newsWidget img.small
{
display: inline;
}
.bigzone .newsWidget img.medium
{
display: none;
}
}
/* Travel */
.travelWidget
{
background: #525252;
}
.travelWidget .dxtcLite li
{
height: 42px;
border: none !important;
}
.travelWidget .dxtcLite .dxtc-strip
{
border: 1px solid #525252;
}
.travelWidget .dxtcLite,
.travelWidget .dxtcLite .dxtc-strip,
.travelWidget .dxtcLite .dxtc-tab
{
background: #525252;
}
.travelWidget .dxtcLite .dxtc-activeTab
{
background: #ffffff;
}
.travelWidget .dxtcLite .dxtc-text,
.travelWidget .dxtcLite .dxtc-leftIndent,
.travelWidget .dxtcLite .dxtc-rightIndent
{
color: #ffffff;
font-family: HelveticaNeue, Helvetica, Verdana, sans-serif;
font-size: 24px;
line-height: 27px;
text-decoration: none;
}
.travelWidget .dxtcLite .dxtc-activeTab .dxtc-text,
.travelWidget .dxtcLite .dxtc-activeTab .dxtc-leftIndent,
.travelWidget .dxtcLite .dxtc-activeTab .dxtc-rightIndent
{
color: #636363;
}
.travelWidget .dxtcLite .dxtc-link
{
padding: 8px 10px 0;
}
.travelWidget .dxtcLite .dxtc-spacer,
.travelWidget .dxtcLite .dxtc-leftIndent,
.travelWidget .dxtcLite .dxtc-rightIndent
{
width: 0;
}
/* Big Zone */
.travelWidget,
.travelWidget .page
{
width: 100%;
height: 100%;
}
.travelWidget .page .item,
.bigzone .travelWidget .page .item
{
top: 0;
height: 120px;
}
.travelWidget .page .item .location,
.bigzone .travelWidget .page .item .location
{
font-family: HelveticaNeue-Light, HelveticaNeue, Helvetica, Verdana, sans-serif;
font-size: 32px;
padding: 20px 31px 0;
}
.travelWidget .page .item .content,
.bigzone .travelWidget .page .item .content
{
font-size: 24px;
padding: 0 28px;
margin-top: -11px;
}
.travelWidget .page .item .content .price,
.bigzone .travelWidget .page .item .content .price
{
font-size: 60px;
margin-left: -10px
}
.travelWidget .page .item .content .amp,
.bigzone .travelWidget .page .item .content .amp
{
font-size: 63px;
}
.travelWidget img
{
width: 100%;
height: 100%;
background-repeat: no-repeat!important;
background-size: cover!important;
background-position: center!important;
}
.travelWidget img.small,
.travelWidget img.medium,
.bigzone .travelWidget img.small,
.bigzone .travelWidget img.medium
{
display: none;
}
/* Horizontal Zone */
.horizontalzone .travelWidget
{
width: 100%;
height: 220px;
}
.horizontalzone .travelWidget .page
{
width: 100%;
height: 100%;
}
.horizontalzone .travelWidget .page .item
{
bottom: 0;
height: 120px;
}
.horizontalzone .travelWidget .page .item .location
{
font-family: HelveticaNeue-Light, HelveticaNeue, Helvetica, Verdana, sans-serif;
font-size: 25px;
padding: 10px 20px 0;
}
.horizontalzone .travelWidget .page .item .content
{
font-size: 19px;
padding: 0 17px;
margin-top: -9px;
}
.horizontalzone .travelWidget .page .item .content .price
{
font-size: 48px;
margin-left: -6px
}
.horizontalzone .travelWidget .page .item .content .amp
{
font-size: 52px;
}
.horizontalzone .travelWidget img.medium
{
display: inline;
}
.horizontalzone .travelWidget img.small,
.horizontalzone .travelWidget img.large
{
display: none;
}
/* Small Zone */
.smallzone .travelWidget
{
width: 100%;
height: 100%;
}
.smallzone .travelWidget .page
{
width: 100%;
height: 100%;
}
.smallzone .travelWidget .page .item
{
bottom: 0;
height: 120px;
}
.smallzone .travelWidget .page .item .location
{
font-family: HelveticaNeue-Light, HelveticaNeue, Helvetica, Verdana, sans-serif;
font-size: 19px;
padding: 9px 14px 0;
}
.smallzone .travelWidget .page .item .content
{
font-size: 14px;
padding: 0 12px;
margin-top: -5px;
}
.smallzone .travelWidget .page .item .content .price
{
font-size: 28px;
margin-left: -5px
}
.smallzone .travelWidget .page .item .content .amp
{
font-size: 30px;
}
.smallzone .travelWidget img.small
{
display: inline;
}
.smallzone .travelWidget img.medium,
.smallzone .travelWidget img.large
{
display: none;
}
@media (max-width: 400px)
{
.portrait .travelWidget .page .item *
{
font-size: 16px!important;
margin-top: 0!important;
}
.portrait .smallzone .travelWidget .page .item
{
display: none;
}
}
@media (max-height: 420px)
{
.portrait .travelWidget .page .item *
{
font-size: 16px!important;
margin-top: 0!important;
}
.portrait .smallzone .travelWidget .page .item
{
display: none;
}
}
@media (max-width: 530px)
{
.landscape .travelWidget .page .item *
{
font-size: 16px!important;
margin-top: 0!important;
}
.landscape .smallzone .travelWidget .page .item
{
display: none;
}
}
@media (max-height: 420px)
{
.landscape .travelWidget .page .item *
{
font-size: 16px!important;
margin-top: 0!important;
}
.landscape .smallzone .travelWidget .page .item
{
display: none;
}
}
@media (max-width: 550px)
{
.portrait .smallzone .travelWidget .tabs,
.portrait .horizontalzone .travelWidget .tabs
{
display: none;
}
}
@media (max-width: 720px)
{
.landscape .smallzone .travelWidget .tabs,
.landscape .horizontalzone .travelWidget .tabs
{
display: none;
}
}
@media (max-width: 640px)
{
.horizontalzone .travelWidget .page .item .content,
.horizontalzone .travelWidget .page .item .content .price,
.horizontalzone .travelWidget .page .item .content .amp,
.horizontalzone .travelWidget .page .item .location
{
font-size: 20px;
margin-top: 0;
}
}
/* Reminder Widget */
.reminderWidget
{
background-color: #8E8E8E;
}
.reminderWidget .menu .dxmLite .dxm-main
{
color: White;
background: #8e8e8e;
border: none;
padding: 0;
}
.reminderWidget .dxmLite .dxm-spacing
{
background: #9f9f9f;
}
.reminderWidget .menu .subject
{
font-family: HelveticaNeue-Light, HelveticaNeue, Helvetica, Verdana, sans-serif;
white-space: nowrap;
}
.reminderWidget .menu .date
{
font-family: HelveticaNeue, Helvetica, Verdana, sans-serif;
white-space: nowrap;
}
.reminderWidget .page
{
color: White;
font-family: HelveticaNeue, Helvetica, Verdana, sans-serif;
background: #525252;
}
.reminderWidget .page .header
{
font-family: HelveticaNeue-Light, HelveticaNeue, Helvetica, Verdana, sans-serif;
}
.reminderWidget .page .dateLine
{
background: #ff9a0a;
}
.reminderWidget .page .dateLine .date
{
float: left;
font-size: 19px;
line-height: 23px;
padding: 14px 0 15px 12px;
}
.reminderWidget .page .dateLine img
{
float: right;
padding: 12px 15px 0;
}
.reminderWidget .page .details .contactDetails img
{
float: left;
margin-top: -7px;
}
.reminderWidget .page .details .contactDetails .info
{
float: left;
}
.reminderWidget .page .details .contactDetails .info .name
{
font-size: 24px;
padding-left: 12px;
}
.reminderWidget .page .details .contactDetails .info .phone
{
font-size: 16px;
padding-left: 10px;
}
.reminderWidget .clear
{
clear: both;
display: block;
font-size: 0;
height: 0;
line-height: 0;
overflow: hidden;
visibility: hidden;
width: 0;
}
/* Big zone */
.bigzone .menu
{
overflow: hidden;
height: 185px;
background: #8e8e8e;
}
.bigzone .reminderWidget .menu .dxmLite .dxm-main
{
border-top: 4px solid #ff9a0a;
}
.bigzone .reminderWidget .menu .dxm-item
{
padding: 15px 14px 14px 12px;
}
.bigzone .reminderWidget .menu .subject
{
float: left;
font-size: 24px;
line-height: 29px;
}
.bigzone .reminderWidget .menu .date
{
float: right;
font-size: 16px;
padding-top: 5px;
}
.bigzone .reminderWidget .page .header
{
font-size: 38px;
line-height: 44px;
padding: 10px 0 12px 11px;
}
.bigzone .reminderWidget .page .details
{
height: 149px;
}
.bigzone .reminderWidget .page .details .description
{
float: left;
font-size: 13px;
width: 225px;
padding: 17px 0 0 15px;
}
.bigzone .reminderWidget .page .details .shortDescription
{
display: none;
}
.bigzone .reminderWidget .page .details .contactDetails
{
float: left;
padding: 22px 0 0 25px;
}
/* Horizontal Zone */
.horizontalzone .menu
{
overflow: hidden;
height: 220px;
background: #8e8e8e;
}
.horizontalzone .reminderWidget .menu .dxmLite .dxm-item
{
padding: 7px 8px 7px;
}
.horizontalzone .reminderWidget .menu .subject
{
font-size: 20px;
}
.horizontalzone .reminderWidget .menu .date
{
margin-top: -2px;
font-size: 14px;
padding-left: 2px;
}
.horizontalzone .reminderWidget .page
{
float: left;
width: 60%;
height: 100%;
}
.horizontalzone .reminderWidget .menu
{
float: left;
width: 40%;
height: 100%;
}
.horizontalzone .reminderWidget .page .header
{
font-size: 22px;
line-height: 26px;
padding: 10px 0 10px 11px;
}
.horizontalzone .reminderWidget .page .details
{
height: 122px;
}
.horizontalzone .reminderWidget .page .details .shortDescription
{
float: left;
/*width: 225px;*/
padding-left: 14px;
padding-top: 8px;
font-size: 13px;
}
.horizontalzone .reminderWidget .page .details .description
{
display: none;
}
.horizontalzone .reminderWidget .page .details .contactDetails
{
float: left;
padding: 15px 0 0 11px;
}
/* Small Zone */
.smallzone .menu
{
display: none;
}
.smallzone .reminderWidget
{
background-color: #525252;
}
.smallzone .reminderWidget .page
{
float: left;
width: 100%;
}
.smallzone .reminderWidget .menu
{
float: left;
width: 201px;
}
.smallzone .reminderWidget .page .header
{
font-size: 22px;
line-height: 26px;
padding: 10px 0 10px 11px;
}
.smallzone .reminderWidget .page .dateLine img
{
display: none;
}
.smallzone .reminderWidget .page .details
{
height: 122px;
}
.smallzone .reminderWidget .page .details .shortDescription
{
float: left;
/*width: 226px;*/
padding-left: 14px;
padding-top: 8px;
font-size: 13px;
}
.smallzone .reminderWidget .page .details .description
{
display: none;
}
.smallzone .reminderWidget .page .details .contactDetails
{
float: left;
padding: 15px 0 0 11px;
}
/* Landscape */
@media (max-width: 720px)
{
.landscape .smallzone .reminderWidget .shortDescription
{
display: none;
}
}
@media (max-height: 540px)
{
.landscape .smallzone .reminderWidget .shortDescription
{
display: none;
}
}
@media (max-height: 470px)
{
.landscape .horizontalzone .reminderWidget .shortDescription,
.landscape .smallzone .reminderWidget .shortDescription
{
display: none;
}
}
@media (max-height: 670px)
{
.landscape .horizontalzone .reminderWidget .contactDetails,
.landscape .smallzone .reminderWidget .contactDetails
{
display: none;
}
}
@media (max-width: 900px)
{
.landscape .horizontalzone .reminderWidget .contactDetails img,
.landscape .smallzone .reminderWidget .contactDetails img
{
display: none;
}
}
@media (max-width: 970px)
{
.landscape .bigzone .reminderWidget .details
{
display: none;
}
}
@media (max-height: 400px)
{
.landscape .bigzone .reminderWidget .details
{
display: none;
}
}
@media (max-height: 360px)
{
.landscape .reminderWidget .page .header,
.landscape .reminderWidget .dateLine .date,
.landscape .reminderWidget .dateLine
{
font-size: 16px;
line-height: 16px;
padding: 10px 0 10px 11px;
}
.landscape .smallzone .reminderWidget .page .header,
.landscape .reminderWidget .dateLine
{
padding: 3px;
}
.landscape .reminderWidget .dateLine .date
{
padding: 0;
}
.landscape .reminderWidget .page .dateLine img
{
display: none;
}
}
@media (max-width: 680px)
{
.landscape .reminderWidget .page .header,
.landscape .reminderWidget .dateLine .date,
.landscape .reminderWidget .dateLine
{
font-size: 16px;
line-height: 16px;
padding: 10px 0 10px 11px;
}
.landscape .smallzone .reminderWidget .page .header,
.landscape .reminderWidget .dateLine
{
padding: 3px;
}
.landscape .reminderWidget .dateLine .date
{
padding: 0;
}
.landscape .reminderWidget .page .dateLine img
{
display: none;
}
.bigzone .reminderWidget .menu .subject
{
}
}
@media (max-width: 730px)
{
.landscape .horizontalzone .horizontalzone .reminderWidget .menu
{
display: none;
}
.landscape .horizontalzone .reminderWidget .page
{
width: 100%;
}
}
/* Portrait */
@media (max-width: 480px)
{
.portrait .smallzone .reminderWidget .shortDescription
{
display: none;
}
}
@media (max-height: 700px)
{
.portrait .smallzone .reminderWidget .shortDescription
{
display: none;
}
}
@media (max-width: 450px)
{
.portrait .horizontalzone .reminderWidget .shortDescription
{
display: none;
}
}
@media (max-width: 600px)
{
.portrait .smallzone .reminderWidget .info
{
display: none;
}
}
@media (max-width: 620px)
{
.portrait .horizontalzone .reminderWidget .page .dateLine img
{
display: none;
}
}
@media (max-width: 700px)
{
.portrait .horizontalzone .reminderWidget .contactDetails img,
.portrait .smallzone .reminderWidget .contactDetails img
{
display: none;
}
}
@media (max-height: 850px)
{
.portrait .horizontalzone .reminderWidget .contactDetails img,
.portrait .smallzone .reminderWidget .contactDetails img,
.portrait .horizontalzone .reminderWidget .info,
.portrait .smallzone .reminderWidget .info
{
display: none;
}
}
@media (max-width: 700px)
{
.portrait .horizontalzone .horizontalzone .reminderWidget .menu
{
display: none;
}
.portrait .horizontalzone .reminderWidget .page
{
width: 100%;
}
}
@media (max-width: 800px)
{
.portrait .bigzone .reminderWidget .details
{
display: none;
}
}
@media (max-height: 980px)
{
.portrait .bigzone .reminderWidget .details
{
display: none;
}
}
@media (max-width: 380px)
{
.portrait .reminderWidget .page .header,
.portrait .reminderWidget .dateLine .date,
.portrait .reminderWidget .dateLine
{
font-size: 16px;
line-height: 16px;
padding: 10px 0 10px 11px;
}
.portrait .smallzone .reminderWidget .page .header,
.portrait .reminderWidget .dateLine .date,
.portrait .reminderWidget .dateLine
{
padding: 3px;
}
.portrait .reminderWidget .page .dateLine img
{
display: none;
}
}
/*
@media (max-width: 960px) {
.bigzone .reminderWidget .page .details .description
{
display: none;
}
}
*/
/*@media (max-width: 840px)
{
.horizontalzone .reminderWidget .page .dateLine img
{
display: none;
}
}
*/
/* Market Widget */
.pnlMarketWidget.dxpc-content
{
padding: 0;
overflow: hidden !important;
background-color: #525252;
}
/* Market Widget - Grid */
.pnlMarketWidget td.dxgv,
.pnlMarketWidget td.dxgv,
.pnlMarketWidget td.dxgv,
.pnlMarketWidget td.dxgv
{
padding: 10px;
line-height: 17px;
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Verdana, sans-serif;
}
.pnlMarketWidget .dxgvDataRow,
.pnlMarketWidget .dxgvSelectedRow
{
background-color: #f4f4f4;
}
.pnlMarketWidget .dxgvTable tr:nth-child(even)
{
background-color: #ededed;
}
.bigzone .pnlMarketWidget .dxgvSelectedRow
{
background-color: #ff9a0a!important;
}
.pnlMarketWidget .dxgvControl
{
border: 0;
font-size: 16px;
}
.pnlMarketWidget .val.dxgv, .pnlMarketWidget .perc.dxgv
{
font-weight: bold;
}
.smallzone .pnlMarketWidget .dxgvSelectedRow,
.horizontalzone .pnlMarketWidget .dxgvSelectedRow
{
color: Black;
}
.pnlMarketWidget .perc.dxgv .perc_negative
{
color: #d60816;
}
.pnlMarketWidget .perc.dxgv .perc_positive
{
color: #4ea904;
}
.bigzone .pnlMarketWidget .dxgvSelectedRow .perc.dxgv .perc_negative,
.bigzone .pnlMarketWidget .dxgvSelectedRow .perc.dxgv .perc_positive
{
color: White;
}
.pnlMarketWidget .perc.dxgv .perc_negative, .pnlMarketWidget .perc.dxgv .perc_positive
{
height: 12px;
}
.bigzone .pnlMarketWidget .perc.dxgv .perc_positive, .horizontalzone .pnlMarketWidget .perc.dxgv .perc_positive
{
padding-right: 30px;
background-image: url("../Widgets/Images/Market/market_positive.png");
background-position: right bottom;
background-repeat: no-repeat;
}
.bigzone .pnlMarketWidget .perc.dxgv .perc_negative, .horizontalzone .pnlMarketWidget .perc.dxgv .perc_negative
{
padding-right: 30px;
background-image: url("../Widgets/Images/Market/market_negative.png");
background-position: right bottom;
background-repeat: no-repeat;
}
/* Market Widget - Chart */
.pnlMarketWidget.dxpc-content
{
text-align: center;
}
.pnlMarketWidget .marketChartsCenter
{
width: 100%;
text-align: center;
}
.bigzone .pnlMarketWidget .marketCharts
{
position: relative;
max-width: 492px;
max-height: 157px;
width: 100%;
height: 100%;
margin: 0 auto;
}
.pnlMarketWidget .marketCharts img
{
position: absolute;
width: 100%;
height: 100%;
left: 0;
visibility: hidden;
opacity: 0;
}
.pnlMarketWidget .marketCharts img.visible
{
visibility: visible;
opacity: 1;
-webkit-transition: opacity 500ms linear;
-moz-transition: opacity 500ms linear;
-o-transition: opacity 500ms linear;
transition: opacity 500ms linear;
}
.pnlMarketWidget .marketCharts img.hidden
{
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s 500ms, opacity 500ms linear;
-moz-transition: visibility 0s 500ms, opacity 500ms linear;
-o-transition: visibility 0s 500ms, opacity 500ms linear;
transition: visibility 0s 500ms, opacity 500ms linear;
}
/* landscape */
@media (max-width: 800px)
{
.landscape .smallzone .pnlMarketWidget tr > td:nth-child(3)
{
display: none;
}
}
@media (max-width: 570px)
{
.landscape .smallzone .pnlMarketWidget td.dxgv,
.landscape .horizontalzone .pnlMarketWidget td.dxgv,
.landscape .bigzone .pnlMarketWidget td.dxgv
{
padding: 3px;
}
}
@media (max-width: 450px)
{
.landscape .bigzone .pnlMarketWidget tr > td:nth-child(3)
{
display: none;
}
}
@media (max-height: 685px)
{
.landscape .bigzone .pnlMarketWidget td.dxgv
{
padding: 5px;
}
}
@media (max-height: 575px)
{
.landscape .bigzone .pnlMarketWidget td.dxgv
{
padding: 3px;
}
}
@media (max-height: 517px)
{
.landscape .bigzone .pnlMarketWidget td.dxgv
{
padding: 10px;
}
.landscape .bigzone .pnlMarketWidget .marketCharts
{
display: none;
}
.landscape .bigzone .pnlMarketWidget.dxpc-content
{
background-color: #EDEDED;
}
.landscape .pnlMarketWidget .footer
{
width: 100%;
position: absolute;
bottom: 0px!important;
box-shadow: 0 0 4px 4px rgba(255,255,255,1);
}
.landscape .bigzone .pnlMarketWidget .footer
{
height: 10px;
background: #525252;
}
}
@media (max-height: 450px)
{
.landscape .bigzone .pnlMarketWidget td.dxgv
{
padding: 3px;
}
}
/* portrait */
@media (max-width: 600px)
{
.portrait .smallzone .pnlMarketWidget tr > td:nth-child(3)
{
display: none;
}
}
@media (max-height: 913px)
{
.portrait .pnlMarketWidget td.dxgv
{
padding: 5px;
}
}
@media (max-height: 763px)
{
.portrait .bigzone .pnlMarketWidget td.dxgv
{
padding: 3px;
}
}
@media (max-height: 787px)
{
.portrait .smallzone .pnlMarketWidget .footer,
.portrait .horizontalzone .pnlMarketWidget .footer
{
width: 100%;
position: absolute;
bottom: 0px!important;
box-shadow: 0 0 4px 4px rgba(255,255,255,1);
}
}
@media (max-height: 910px)
{
.landscape .smallzone .pnlMarketWidget .footer,
.landscape .horizontalzone .pnlMarketWidget .footer
{
width: 100%;
position: absolute;
bottom: 0px!important;
box-shadow: 0 0 4px 4px rgba(255,255,255,1);
}
}
@media (max-height: 685px)
{
.portrait .bigzone .pnlMarketWidget td.dxgv
{
padding: 10px;
}
.portrait .bigzone .pnlMarketWidget .marketCharts
{
display: none;
}
.portrait .bigzone .pnlMarketWidget.dxpc-content
{
background-color: #EDEDED;
}
.portrait .pnlMarketWidget .footer
{
width: 100%;
position: absolute;
bottom: 0px!important;
box-shadow: 0 0 4px 4px rgba(255,255,255,1);
}
.portrait .bigzone .pnlMarketWidget .footer
{
height: 10px;
background: #525252;
}
}
@media (max-height: 610px)
{
.portrait .bigzone .pnlMarketWidget td.dxgv
{
padding: 3px;
}
}
@media (max-width: 600px) AND (max-height: 500px)
{
.smallzone .StockGrid_grid
{
display: none;
}
.smallzone .pnlMarketWidget .marketCharts
{
display: block;
position: relative;
max-width: 492px;
max-height: 157px;
width: 100%;
height: 100%;
margin: 0 auto;
}
}
/* WeatherWidget */
.pnlWeatherWidget.dxpc-content
{
padding: 0;
color: White;
position: relative;
background-repeat: no-repeat!important;
background-size: cover!important;
background-position: center!important;
}
.smallzone .pnlWeatherWidget_Cloudy { background: url('../Widgets/Images/Weather/bg_Cloudy_Small.jpg'); }
.bigzone .pnlWeatherWidget_Cloudy { background: url('../Widgets/Images/Weather/bg_Cloudy_Large.jpg'); }
.horizontalzone .pnlWeatherWidget_Cloudy { background: url('../Widgets/Images/Weather/bg_Cloudy_Medium.jpg'); }
.smallzone .pnlWeatherWidget_Fog { background: url('../Widgets/Images/Weather/bg_Fog_Small.jpg'); }
.bigzone .pnlWeatherWidget_Fog { background: url('../Widgets/Images/Weather/bg_Fog_Large.jpg'); }
.horizontalzone .pnlWeatherWidget_Fog { background: url('../Widgets/Images/Weather/bg_Fog_Medium.jpg'); }
.smallzone .pnlWeatherWidget_PartlyCloudy { background: url('../Widgets/Images/Weather/bg_PartlyCloudy_Small.jpg'); }
.bigzone .pnlWeatherWidget_PartlyCloudy { background: url('../Widgets/Images/Weather/bg_PartlyCloudy_Large.jpg'); }
.horizontalzone .pnlWeatherWidget_PartlyCloudy { background: url('../Widgets/Images/Weather/bg_PartlyCloudy_Medium.jpg'); }
.smallzone .pnlWeatherWidget_Rain { background: url('../Widgets/Images/Weather/bg_Rain_Small.jpg'); }
.bigzone .pnlWeatherWidget_Rain { background: url('../Widgets/Images/Weather/bg_Rain_Large.jpg'); }
.horizontalzone .pnlWeatherWidget_Rain { background: url('../Widgets/Images/Weather/bg_Rain_Medium.jpg'); }
.smallzone .pnlWeatherWidget_Snow { background: url('../Widgets/Images/Weather/bg_Snow_Small.jpg'); }
.bigzone .pnlWeatherWidget_Snow { background: url('../Widgets/Images/Weather/bg_Snow_Large.jpg'); }
.horizontalzone .pnlWeatherWidget_Snow { background: url('../Widgets/Images/Weather/bg_Snow_Medium.jpg'); }
.smallzone .pnlWeatherWidget_Storm { background: url('../Widgets/Images/Weather/bg_Storm_Small.jpg'); }
.bigzone .pnlWeatherWidget_Storm { background: url('../Widgets/Images/Weather/bg_Storm_Large.jpg'); }
.horizontalzone .pnlWeatherWidget_Storm { background: url('../Widgets/Images/Weather/bg_Storm_Medium.jpg'); }
.smallzone .pnlWeatherWidget_Sunny { background: url('../Widgets/Images/Weather/bg_Sunny_Small.jpg'); }
.bigzone .pnlWeatherWidget_Sunny { background: url('../Widgets/Images/Weather/bg_Sunny_Large.jpg'); }
.horizontalzone .pnlWeatherWidget_Sunny { background: url('../Widgets/Images/Weather/bg_Sunny_Medium.jpg'); }
/* WeatherWidget - Current Temperature */
.pnlWeatherWidget .currentTemperature
{
background: #ffab0a;
width: 180px;
height: 95px;
text-align: center;
position: absolute;
top: 20px;
right: 0;
line-height: 95px;
}
.smallzone .pnlWeatherWidget .currentTemperature
{
top: 14px;
width: 148px;
height: 75px;
line-height: 75px;
}
.pnlWeatherWidget .currentTemperature .dxeBase
{
font-size: 72px;
vertical-align: middle;
}
.smallzone .pnlWeatherWidget .currentTemperature .dxeBase
{
font-size: 56px;
}
/* WeatherWidget - Current Location and Date */
.pnlWeatherWidget .currentLocation
{
position: absolute;
}
.bigzone .pnlWeatherWidget .currentLocation
{
left: 36px;
top: 48px;
}
.smallzone .pnlWeatherWidget .currentLocation
{
left: 14px;
bottom: 0;
}
.horizontalzone .pnlWeatherWidget .currentLocation
{
left: 18px;
bottom: 0;
}
.pnlWeatherWidget .currentLocation .dxeBase.location
{
font-size: 24px;
}
.smallzone .pnlWeatherWidget .currentLocation .dxeBase.location
{
font-size: 21px;
}
.pnlWeatherWidget .currentLocation .dxeBase.date
{
font-size: 16px;
font-weight: bold;
}
.smallzone .pnlWeatherWidget .currentLocation .dxeBase.date
{
font-size: 14px;
}
/* WeatherWidget - Forecast */
.pnlWeatherWidget .forecast
{
position: absolute;
width: 100%;
height: 149px;
bottom: 0px;
}
.smallzone .pnlWeatherWidget .forecast,
.horizontalzone .pnlWeatherWidget .forecast
{
display: none;
}
.pnlWeatherWidget .forecast .bg
{
background: #ffab0a;
opacity: 0.75;
position: absolute;
width: 100%;
height: 100%;
z-index: 5;
}
.pnlWeatherWidget .forecast .data
{
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
text-align: center;
}
.pnlWeatherWidget .forecast .data .dxdvControl
{
margin-left: auto;
margin-right: auto;
margin-top: 32px;
color: White;
font-weight: bold;
}
.pnlWeatherWidget .forecast .data .dxdvControl .dxeBase.date
{
font-size: 14px;
font-weight: bold;
}
.pnlWeatherWidget .forecast .data .dxdvControl .dxeBase.temperature
{
font-size: 36px;
}
.pnlWeatherWidget .forecast .data .dxdvControl .dxdvItem
{
text-align: center;
}
.pnlWeatherWidget .forecast .data .dxdvControl .dxdvCtrl
{
padding: 0;
}
.pnlWeatherWidget .forecast .data .dxdvControl .dxdvItem
{
padding: 0;
}
@media (max-height: 555px)
{
.portrait .bigzone .pnlWeatherWidget .forecast
{
display: none;
}
}
@media (max-width: 590px)
{
.pnlWeatherWidget .forecast .data .dxdvControl .dxeBase.temperature
{
font-size: 26px;
}
}
@media (max-width: 490px)
{
.portrait .bigzone .pnlWeatherWidget .forecast
{
display: none;
}
}
@media (max-height: 421px)
{
.landscape .bigzone .pnlWeatherWidget .forecast
{
display: none;
}
}
@media (max-width: 780px)
{
.pnlWeatherWidget .forecast .data .dxdvControl .dxeBase.temperature
{
font-size: 26px;
}
}
@media (max-width: 600px)
{
.landscape .bigzone .pnlWeatherWidget .forecast
{
display: none;
}
}
@media (max-width: 1300px)
{
.smallzone .pnlWeatherWidget .currentLocation
{
display: none;
}
}
@media (max-width: 800px)
{
.pnlWeatherWidget .currentLocation .dxeBase.location
{
font-size: 16px;
}
}
@media (max-width: 700px)
{
.landscape .bigzone .pnlWeatherWidget .currentLocation
{
left: 16px;
}
.portrait .bigzone .pnlWeatherWidget .currentLocation
{
left: 26px;
}
}
@media (max-width: 570px)
{
.portrait .horizontalzone .pnlWeatherWidget .currentLocation,
.portrait .bigzone .pnlWeatherWidget .currentLocation
{
display: none;
}
}
@media (max-width: 712px)
{
.landscape .horizontalzone .pnlWeatherWidget .currentLocation,
.landscape .bigzone .pnlWeatherWidget .currentLocation
{
display: none;
}
}
@media (max-width: 590px)
{
.horizontalzone .pnlWeatherWidget .currentTemperature,
.smallzone .pnlWeatherWidget .currentTemperature
{
width: 80px;
height: 40px;
line-height: 30px;
top: 20px;
}
.horizontalzone .pnlWeatherWidget .currentTemperature .dxeBase,
.smallzone .pnlWeatherWidget .currentTemperature .dxeBase
{
font-size: 30px;
}
}
@media (max-width: 570px)
{
.smallzone .pnlWeatherWidget .currentTemperature
{
width: 100%!important;
}
}
@media (max-height: 440px)
{
.horizontalzone .pnlWeatherWidget .currentTemperature,
.smallzone .pnlWeatherWidget .currentTemperature
{
width: 80px!important;
height: 40px!important;
line-height: 30px!important;
top: 20px!important;
}
.horizontalzone .pnlWeatherWidget .currentTemperature .dxeBase,
.smallzone .pnlWeatherWidget .currentTemperature .dxeBase
{
font-size: 30px!important;
}
}
/* Facebook */
.pnlFacebookWidget.dxpc-content
{
}
.pnlFacebookWidget .footer
{
width: 100%;
height: 10px;
background: #3b5997;
position: absolute;
bottom: 0px!important;
box-shadow: 0 0 4px 4px rgba(255,255,255,1);
}
.pnlFacebookWidget .header
{
height: 74px;
background-color: #3b5997;
background-image: url('../Widgets/Images/Facebook/logo.png');
background-repeat: no-repeat;
background-position: top right;
padding: 13px;
line-height: 74px;
}
.pnlFacebookWidget .header img.authorImg
{
background: white;
border: 3px solid White;
-moz-box-shadow:
0 0 5px rgba(0,0,0,0.2),
0 0 0 1px #2a3f6b;
-webkit-box-shadow:
0 0 5px rgba(0,0,0,0.2),
0 0 0 1px #2a3f6b;
box-shadow:
0 0 5px rgba(0,0,0,0.2),
0 0 0 1px #2a3f6b;
float: left;
margin-right: 14px;
}
.pnlFacebookWidget .header .author
{
color: White;
font-size: 24px;
vertical-align: middle;
}
.pnlFacebookWidget .info
{
background: White;
padding: 17px 15px 13px 15px;
}
.pnlFacebookWidget .info .description
{
overflow: hidden;
text-overflow: ellipsis;
color: #525252;
font-size: 12px;
}
.pnlFacebookWidget .info .stat
{
color: #a6a6a6;
font-size: 12px;
}
.pnlFacebookWidget .info .stat .likes
{
float: right;
background-image: url('../Widgets/Images/Facebook/like.png');
background-position: left center;
background-repeat: no-repeat;
padding-left: 21px;
height: 15px;
display: none;
}
.pnlFacebookWidget .info .stat .comments
{
float: right;
background-image: url('../Widgets/Images/Facebook/comments.png');
background-position: left center;
background-repeat: no-repeat;
padding-left: 21px;
height: 15px;
margin-right: 40px;
display: none;
}
.bigzone .pnlFacebookWidget .info .description,
.horizontalzone .pnlFacebookWidget .info .description
{
font-size: 16px;
}
.bigzone .pnlFacebookWidget .info .stat,
.horizontalzone .pnlFacebookWidget .info .stat
{
font-size: 14px;
}
.bigzone .pnlFacebookWidget .info .stat .likes,
.horizontalzone .pnlFacebookWidget .info .stat .likes,
.bigzone .pnlFacebookWidget .info .stat .comments,
.horizontalzone .pnlFacebookWidget .info .stat .comments
{
display: block;
}
.commentsPanel
{
display: none;
background: #f7f7f7;
border-top: #e5e5e5 solid 1px;
height: 187px;
padding: 22px 26px;
}
.bigzone .pnlFacebookWidget .commentsPanel
{
display: block;
}
.pnlFacebookWidget .commentsPanel .dxdvCtrl
{
padding: 0px;
}
.pnlFacebookWidget .commentsPanel .dxdvCtrl .dxdvItem
{
padding: 0px;
border: 0;
background: transparent;
height: auto;
}
.pnlFacebookWidget .commentsPanel .dxdvCtrl .dxdvItem img
{
border: 3px solid White;
-moz-box-shadow:
0 0 5px rgba(0,0,0,0.4),
0 0 0 1px #aeaeae;
-webkit-box-shadow:
0 0 5px rgba(0,0,0,0.4),
0 0 0 1px #aeaeae;
box-shadow:
0 0 5px rgba(0,0,0,0.4),
0 0 0 1px #aeaeae;
margin-right: 12px;
}
.pnlFacebookWidget .commentsPanel .dxdvCtrl .dxdvItem .author
{
color: Black;
font-size: 14px;
}
.pnlFacebookWidget .commentsPanel .dxdvCtrl .dxdvItem .time
{
color: #8c8c8c;
font-size: 12px;
margin-left: 6px;
}
.pnlFacebookWidget .commentsPanel .dxdvCtrl .dxdvItem .description
{
color: #575757;
}
@media (max-width: 750px)
{
.pnlFacebookWidget .header
{
height: 25px;
line-height: 25px;
padding: 3px;
}
.pnlFacebookWidget .header img.authorImg
{
width: 16px;
height: 16px;
}
.pnlFacebookWidget .header .author
{
display: none;
}
}
@media (max-height: 620px)
{
.pnlFacebookWidget .header
{
height: 25px;
line-height: 25px;
padding: 3px;
}
.pnlFacebookWidget .header img.authorImg
{
width: 16px;
height: 16px;
}
.pnlFacebookWidget .header .author
{
display: none;
}
}
@media (max-width: 705px)
{
.landscape .bigzone .pnlFacebookWidget .info .stat
{
display: none;
}
}
@media (max-width: 550px)
{
.pnlFacebookWidget .header
{
height: 15px;
line-height: 15px;
padding: 3px;
}
.pnlFacebookWidget .header .author,
.pnlFacebookWidget .header img.authorImg,
.pnlFacebookWidget .info .stat
{
display: none;
}
.pnlFacebookWidget .info
{
padding: 3px;
}
}
form > .smallzone,
form > .horizontalzone,
form > .bigzone
{
float: left;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 6px solid transparent;
}
.smallzone .smallzone,
.horizontalzone .horizontalzone,
.bigzone .bigzone,
.smallzone div:only-child,
.horizontalzone div:only-child,
.bigzone div:only-child,
.newsWidget .page
{
width: 100%!important;
height: 100%!important;
border-color: transparent;
}