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.
120 lines (117 loc) • 2.5 kB
CSS
@import url("../common/domButtons/DomButtonGrayArrow.css");
@import url("../common/domButtons/DomButtonWhiteCheck.css");
/* dojox.mobile.ListItem */
.mblListItem {
position: relative;
overflow: hidden;
/* for focus frame */
padding: 0 8px;
height: 50px;
list-style-type: none;
line-height: 50px;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
border-bottom: 1px solid #333538;
margin-right: 7px;
margin-left: 7px;
font-size: 18px;
color: #ffffff;
}
.mblListItem.mblVariableHeight {
padding: 11px 8px;
height: auto;
line-height: normal;
}
.mblListItemSelected {
color: #ffffff;
background-color: #3578b1;
}
.mblListItemSelected .mblDomButton div {
border-color: white;
}
.mblListItemLabelSelected {
background-color: #048bf4;
}
.mblListItemChecked .mblListItemRightIcon {
visibility: visible;
}
.mblListItemChecked .mblListItemUncheckIcon {
position: absolute;
visibility: hidden;
}
.mblListItemUnchecked .mblListItemRightIcon {
visibility: hidden;
}
.mblListItemUnchecked .mblListItemUncheckIcon {
visibility: visible;
}
.mblListItemDeleteIcon {
position: relative;
float: left;
line-height: normal;
margin-top: 10.5px;
margin-bottom: -10.5px;
margin-right: 11px;
}
.mblListItemIcon {
position: relative;
float: left;
line-height: normal;
margin-top: 10.5px;
margin-bottom: -10.5px;
margin-right: 11px;
}
.mblListItemRightIcon,
.mblListItemRightIcon2,
.mblListItemUncheckIcon {
position: relative;
float: right;
line-height: normal;
margin-top: 10.5px;
margin-bottom: -10.5px;
}
.mblListItemRightText {
position: relative;
float: right;
line-height: normal;
margin-right: 4px;
color: white;
margin-top: 14px;
}
.mblListItemLabel {
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 100%;
}
.mblVariableHeight .mblListItemLabel {
white-space: normal;
}
.mblListItemSubText {
font-size: 14px;
color: gray;
}
.mblListItemLayoutLeft {
position: relative;
float: left;
margin-right: 11px;
}
.mblListItemLayoutCenter {
position: absolute;
width: 100%;
text-align: center;
}
.mblListItemLayoutRight {
position: relative;
float: right;
}
/* dojox.mobile._EditableListMixin */
.mblListItemFloat {
position: absolute;
border: 1px solid gray;
opacity: 0.5;
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
border-radius: 0px ;
-moz-border-radius: 0px ;
}