Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-04-28 18:04:46 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

adding listview css

Browse source
This commit is contained in:
scottjehl 2010-09-15 16:53:23 -04:00
parent c30fc03e65
commit 8d425b9260
1 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
css/structure.css
View file

@ -178,6 +178,25 @@ div.ui-checkbox, div.ui-radio { position:relative; margin: .2em 0 .5em; }
.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
}
/* listview */
.ui-listview { margin: 1em 15px; }
.ui-listview, .ui-li { list-style:none; padding:0; zoom: 1; }
.ui-li { display: block; margin:0; position: relative; overflow: hidden; text-align: left; border-bottom-width: 0; }
.ui-li:last-child { border-bottom-width: 1px; }
.ui-li .ui-btn-inner { display: block; padding: .5em 65px .5em 15px; }
.ui-li-has-thumb { min-height: 80px; }
.ui-li-has-thumb .ui-btn-inner { padding-left: 100px; }
.ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; }
.ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; }
.ui-li-thumb { position: absolute; left: 0; top: 0; max-height: 80px; max-width: 80px; }
.ui-li-thumb, .ui-li-content { float: left; margin-right: 10px; }
.ui-li-aside { float: right; width: 25%; text-align: right; }
.ui-li-count { position: absolute; font-size: 11px; font-weight: bold; border-width: 0; padding: .2em .4em; top: 50%; margin-top: -.8em; right: 38px; }
.ui-li-link-alt { position: absolute; width: 30px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; }
.ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 5px; top: 50%; margin-top: -11px; }
.ui-li-link-alt .ui-btn-inner { padding: 0; }
.ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; }
/*globalnav*/
.ui-globalnav { overflow: hidden; width: 100%; overflow: hidden; }
.ui-globalnav ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;}