dojox
Version:
Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.
119 lines (115 loc) • 3.28 kB
text/less
/* 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)); }