122 lines
3.7 KiB
CSS
122 lines
3.7 KiB
CSS
|
|
||
|
|
.dj_tablet .mblHeading {
|
||
|
|
background-color: #889BB3;
|
||
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#F3F4F6), to(#A7ABB8));
|
||
|
|
border-top: 1px solid #FEFEFE;
|
||
|
|
border-bottom: 1px solid #787E8F;
|
||
|
|
color: #70777F;
|
||
|
|
text-shadow: rgba(256,256,256,0.6) 0px 1px 0px;
|
||
|
|
}
|
||
|
|
.dj_tablet .mblTooltip .mblHeading {
|
||
|
|
position: relative;
|
||
|
|
margin: 0px;
|
||
|
|
width: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
white-space: nowrap;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
padding: 0px;
|
||
|
|
height: 42px;
|
||
|
|
background-color: #889BB3;
|
||
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#5E6167), to(#1A1D24), color-stop(0.5, #2E322B));
|
||
|
|
border-top: 3px solid #4F5055;
|
||
|
|
border-bottom: 1px solid #2D3642;
|
||
|
|
color: white;
|
||
|
|
font-family: Helvetica;
|
||
|
|
font-size: 20px;
|
||
|
|
font-weight: normal;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 44px;
|
||
|
|
text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;
|
||
|
|
z-index: 1;
|
||
|
|
border-left: 1px solid #2A2D47;
|
||
|
|
-webkit-border-radius: 3px 3px 0 0;
|
||
|
|
}
|
||
|
|
.dj_tablet .mblTooltip .mblHeading .mblToolBarButton {
|
||
|
|
float: left;
|
||
|
|
position: relative;
|
||
|
|
cursor: pointer;
|
||
|
|
-webkit-tap-highlight-color: rgba(255,255,255,0);
|
||
|
|
margin: 6px;
|
||
|
|
padding: 0px 10px;
|
||
|
|
height: 29px;
|
||
|
|
border: 1px inset #434450;
|
||
|
|
font-family: Helvetica;
|
||
|
|
font-size: 13px;
|
||
|
|
font-weight: normal;
|
||
|
|
color: white;
|
||
|
|
line-height: 29px;
|
||
|
|
text-align: center;
|
||
|
|
-webkit-border-radius: 5px;
|
||
|
|
-moz-border-radius: 5px;
|
||
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#686F80), to(#000924), color-stop(0.5, #000B29));
|
||
|
|
}
|
||
|
|
.dj_tablet .mblArrowButtonHead {
|
||
|
|
border-color: #4D4E50;
|
||
|
|
background: -webkit-gradient(linear, left top, right bottom, from(#B1B5BB), to(#6A727D));
|
||
|
|
}
|
||
|
|
.dj_tablet .mblArrowButtonBody {
|
||
|
|
border-color: #C0C0C0;
|
||
|
|
background-color: #8B919A;
|
||
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#B1B5BB), to(#6A727D));
|
||
|
|
-webkit-tap-highlight-color: rgba(255,255,255,0);
|
||
|
|
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
|
||
|
|
}
|
||
|
|
.dj_tablet .mblArrowButtonSelected .mblArrowButtonHead {
|
||
|
|
background: -webkit-gradient(linear, left top, right bottom, from(#9DA0A3), to(#43484F));
|
||
|
|
}
|
||
|
|
.dj_tablet .mblArrowButtonSelected .mblArrowButtonBody {
|
||
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#9DA0A3), to(#43484F));
|
||
|
|
}
|
||
|
|
.dj_tablet .mblRoundRect {
|
||
|
|
margin: 7px 30px 30px 30px;
|
||
|
|
}
|
||
|
|
.dj_tablet .mblHeading + .mblRoundRect {
|
||
|
|
margin-top: 30px;
|
||
|
|
}
|
||
|
|
.dj_tablet .mblRoundRectCategory {
|
||
|
|
margin: 18px 0px 0px 41px;
|
||
|
|
}
|
||
|
|
.dj_tablet .mblRoundRectList {
|
||
|
|
margin: 7px 30px 30px 30px;
|
||
|
|
}
|
||
|
|
.dj_tablet .mblRoundRectList:first-child {
|
||
|
|
margin-top: 25px;
|
||
|
|
}
|
||
|
|
.dj_tablet .mblHeading + .mblRoundRectList {
|
||
|
|
margin-top: 30px;
|
||
|
|
}
|
||
|
|
.dj_tablet .mblTabPanelHeader {
|
||
|
|
background-color: #889BB3;
|
||
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#F3F4F6), to(#A7ABB8));
|
||
|
|
border-top: 1px solid #FEFEFE;
|
||
|
|
border-bottom: 1px solid #787E8F;
|
||
|
|
color: #70777F;
|
||
|
|
text-shadow: rgba(256,256,256,0.6) 0px 1px 0px;
|
||
|
|
}
|
||
|
|
.dj_tablet .mblTabButton {
|
||
|
|
font-weight: bold;
|
||
|
|
color: #70777F;
|
||
|
|
text-shadow: none;
|
||
|
|
border-color: silver;
|
||
|
|
background-color: #CCCED6;
|
||
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#F3F4F6), to(#A7ABB8));
|
||
|
|
}
|
||
|
|
.dj_tablet .mblTabPanelHeader .mblTabButton.mblTabButtonSelected {
|
||
|
|
color: white;
|
||
|
|
text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;
|
||
|
|
background-color: #8B919A;
|
||
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#B1B5BB), to(#6A727D));
|
||
|
|
}
|
||
|
|
.dj_tablet .mblToolBarButton {
|
||
|
|
text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;
|
||
|
|
border: 1px inset silver;
|
||
|
|
}
|
||
|
|
.dj_tablet .mblColorDefault {
|
||
|
|
background-color: #8B919A;
|
||
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#B1B5BB), to(#6A727D));
|
||
|
|
}
|
||
|
|
.dj_tablet .mblColorDefaultSel {
|
||
|
|
background-color: #515761;
|
||
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#7A7E85), to(#303845));
|
||
|
|
}
|