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

115 lines
2.5 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: 0 0 0 8px;
height: 50px;
border-bottom: 1px solid #b5bcc7;
font-size: 18px;
font-family: Helvetica;
font-weight: normal;
text-shadow: none;
color: #131313;
line-height: 50px;
}
.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: #5cb0ff;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3)));
}
.mblItemSelected .mblListItemAnchor {
color: #000000;
}
.mblItemSelected .mblDomButton div {
border-color: white;
}
.mblListItemTextBoxSelected {
background-color: #5cb0ff;
}
.mblListItemChecked {
color: #000000;
}
.mblListItemIcon {
float: left;
line-height: normal;
margin-top: 10.5px;
margin-right: 11px;
}
.mblListItemSpriteIcon {
position: absolute;
margin-top: 10.5px;
margin-left: 8px;
}
.mblListItemRightIcon, .mblListItemRightIcon2 {
position: relative;
float: right;
line-height: normal;
margin-top: 10.5px;
}
.mblListItemRightText {
position: relative;
float: right;
line-height: normal;
color: #131313;
margin: 14px 4px 0 0;
}
.mblListItemTextBox {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.mblVariableHeight .mblListItemTextBox {
white-space: normal;
}