/* dojox.mobile.IconContainer */
|
.mblIconContainer {
|
margin: 20px 10px;
|
padding: 0;
|
}
|
|
/* dojox.mobile.IconItem */
|
.mblIconItem {
|
position: relative;
|
overflow: hidden; /* for focus frame */
|
list-style-type: none;
|
float: left;
|
.tap-highlight-color(rgba(255, 255, 255, 0));
|
}
|
.mblIconItemTerminator {
|
list-style-type: none;
|
clear: both;
|
}
|
.mblIconItemPane {
|
list-style-type: none;
|
.mblIconItemSub-styles;
|
}
|
.mblIconArea {
|
position: relative;
|
height: 78px;
|
font-family: Helvetica;
|
font-size: 12px;
|
text-align: center;
|
.mblIconArea-styles;
|
img {
|
vertical-align: middle;
|
}
|
}
|
.mblIconAreaInner {
|
position: relative;
|
height: 65px;
|
line-height: 65px;
|
text-align: center;
|
}
|
.mblIconItemDeleteIcon {
|
position: absolute;
|
.mblIconItemDeleteIcon-styles;
|
}
|
.mblIconItemSpriteIcon {
|
position: absolute;
|
}
|
.mblContent {
|
clear: both;
|
padding-bottom: 20px;
|
}
|
table.mblClose {
|
clear: both;
|
cursor: pointer;
|
}
|
.mblVibrate{
|
position: relative;
|
.animation-duration(.5s);
|
.animation-timing-function(ease-in-out);
|
.animation-iteration-count(infinite);
|
.animation-name(mblVibrate);
|
.transform(rotate(0deg));
|
}
|
.mblCloseContent{
|
.animation-duration(.3s);
|
.animation-timing-function(ease-in-out);
|
.animation-name(mblShrink);
|
.transform(scale(0.01));
|
&.mblShrink0{
|
.animation-name(mblShrink0);
|
}
|
&.mblShrink1{
|
.animation-name(mblShrink1);
|
}
|
&.mblShrink2{
|
.animation-name(mblShrink2);
|
}
|
&.mblShrink3{
|
.animation-name(mblShrink3);
|
}
|
}
|
|
/* dojox.mobile._IconItemPane */
|
.mblIconItemPaneHeading {
|
position: relative;
|
clear: both;
|
overflow: hidden;
|
margin-top: 0px;
|
padding-left: 40px;
|
height: 25px;
|
border-top: 1px solid #f1f3f4;
|
border-bottom: 1px solid #717d85;
|
.background-image-linear-gradient-top-bottom-2-stops(#e0e4e7, #b4bec6, 0.5, #c4ccd2, 0.5, #bfc8ce);
|
font-family: Helvetica;
|
font-size: 14px;
|
color: white;
|
line-height: 26px;
|
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
.mblIconItemPaneIcon {
|
position: absolute;
|
top: -2px;
|
left: 1px;
|
}
|
|
@-webkit-keyframes mblVibrate { .keyframes-vibrate-webkit(); }
|
@keyframes mblVibrate { .keyframes-vibrate (); }
|
@-webkit-keyframes mblShrink { .keyframes-transform-from-to-webkit(scale(1), scale(0.01)); }
|
@keyframes mblShrink { .keyframes-transform-from-to (scale(1), scale(0.01)); }
|
@-webkit-keyframes mblShrink0 { .keyframes-transform-from-to-webkit(scale(1), translate(-40%,-70%) scale(0.01)); }
|
@keyframes mblShrink0 { .keyframes-transform-from-to (scale(1), translate(-40%,-70%) scale(0.01)); }
|
@-webkit-keyframes mblShrink1 { .keyframes-transform-from-to-webkit(scale(1), translate(-14%,-70%) scale(0.01)); }
|
@keyframes mblShrink1 { .keyframes-transform-from-to (scale(1), translate(-14%,-70%) scale(0.01)); }
|
@-webkit-keyframes mblShrink2 { .keyframes-transform-from-to-webkit(scale(1), translate(14%,-70%) scale(0.01)); }
|
@keyframes mblShrink2 { .keyframes-transform-from-to (scale(1), translate(14%,-70%) scale(0.01)); }
|
@-webkit-keyframes mblShrink3 { .keyframes-transform-from-to-webkit(scale(1), translate(40%,-70%) scale(0.01)); }
|
@keyframes mblShrink3 { .keyframes-transform-from-to (scale(1), translate(40%,-70%) scale(0.01)); }
|