webui-aria2/js/libs/dojox/mobile/themes/iphone/ListItem.css
2012-05-01 19:52:07 +08:00

113 lines
2.3 KiB
CSS

.mblDomButtonGrayArrow, .mblDomButtonArrow {
position: relative;
width: 20px;
height: 29px;
}
.mblDomButtonGrayArrow > div, .mblDomButtonArrow > div {
position: absolute;
top: 10px;
left: 6px;
width: 6px;
height: 6px;
font-size: 1px;
-webkit-transform: rotate(45deg);
border-width: 3px 3px 0px 0px;
border-style: solid;
border-color: #808080;
}
.mblDomButtonDarkBlueCheck, .mblDomButtonCheck {
position: relative;
width: 20px;
height: 29px;
}
.mblDomButtonDarkBlueCheck > div, .mblDomButtonCheck > div {
position: absolute;
left: 0px;
top: 8px;
width: 16px;
height: 6px;
font-size: 1px;
-webkit-transform: scaleX(0.7) rotate(135deg);
border-width: 3px 4px 0px 0px;
border-style: solid;
border-color: #314E84;
}
.mblListItem {
position: relative;
list-style-type: none;
vertical-align: bottom;
padding: 0px 0px 0px 8px;
height: 43px;
border-bottom: 1px solid #ADAAAD;
font-weight: bold;
color: black;
line-height: 43px;
}
.mblListItem.mblVariableHeight {
height: auto;
padding: 11px 0px 10px 6px;
line-height: normal;
}
.mblListItem .mblListItemAnchor {
display: block;
height: 100%;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
background-position: 9px 7px;
text-decoration: none;
padding-right: 7px;
}
.mblListItem .mblListItemAnchor * {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
}
.mblItemSelected {
background-color: #048BF4;
background-image: -webkit-gradient(linear, left top, left bottom, from(#048bf4), to(#005ce5));
}
.mblItemSelected .mblListItemAnchor {
color: white;
}
.mblItemSelected .mblDomButton div {
border-color: white;
}
.mblListItemTextBoxSelected {
background-color: #048BF4;
}
.mblListItemChecked {
color: #314E84;
}
.mblListItemIcon {
float: left;
line-height: normal;
margin-top: 7px;
margin-right: 11px;
}
.mblListItemSpriteIcon {
position: absolute;
margin-top: 7px;
margin-left: 8px;
}
.mblListItemRightIcon, .mblListItemRightIcon2 {
position: relative;
float: right;
line-height: normal;
margin-top: 7px;
margin-bottom: -7px;
}
.mblListItemRightText {
position: relative;
float: right;
line-height: normal;
color: #324F85;
margin: 11px 4px 0 0;
}
.mblListItemTextBox {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.mblVariableHeight .mblListItemTextBox {
white-space: normal;
}