libs/js/jquery-mobile-1.1.0/css/structure/jquery.mobile.listview.css

   1 .ui-listview { margin: 0; counter-reset: listnumbering; }
   2 .ui-content .ui-listview { margin: -15px; }
   3 .ui-content .ui-listview-inset { margin: 1em 0;  }
   4 .ui-listview, .ui-li { list-style:none; padding:0; }
   5 .ui-li, .ui-li.ui-field-contain { display: block; margin:0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; }
   6 .ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }
   7 .ui-li-divider, .ui-li-static { padding: .5em 15px; font-size: 14px; font-weight: bold;  }
   8 .ui-li-divider { counter-reset: listnumbering;  }
   9 ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal;counter-increment: listnumbering; content: counter(listnumbering) ". "; }
  10 ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
  11 .ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
  12 .ui-li:last-child, .ui-li.ui-field-contain:last-child { border-bottom-width: 1px; }
  13 .ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
  14 .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px .7em 15px; display: block; }
  15 .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb  { min-height: 60px; padding-left: 100px; }
  16 .ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon {  min-height: 20px; padding-left: 40px; }
  17 .ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-count { padding-right: 45px; }
  18 .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow { padding-right: 30px; }
  19 .ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow.ui-li-has-count { padding-right: 75px; }
  20 .ui-li-has-count .ui-btn-text { padding-right: 15px; }
  21 .ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }
  22 .ui-li-desc {  font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  23 .ui-li-thumb, .ui-listview .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
  24 .ui-listview .ui-li-icon { max-height: 40px; max-width: 40px; left: 10px; top: .9em; }
  25 .ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
  26
  27 .ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
  28 @media all and (min-width: 480px){
  29          .ui-li-aside { width: 45%; }
  30 }
  31 .ui-li-divider { cursor: default; }
  32 .ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 95px; }
  33 .ui-li-has-count .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 48px; }
  34 .ui-li-divider .ui-li-count, .ui-li-static .ui-li-count { right: 10px; }
  35 .ui-li-has-alt .ui-li-count { right: 55px; }
  36 .ui-li-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; z-index: 2; }
  37 .ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -11px 0 0 0; border-bottom-width: 1px; z-index: -1;}
  38 .ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;}
  39 .ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px;  }
  40
  41 .ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0px; }
  42
  43 .ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px }
  44 .ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
  45
  46 .ui-listview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; }
  47 .ui-li.ui-screen-hidden{display:none;}
  48 /* Odd iPad positioning issue. */
  49 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  50     .ui-li .ui-btn-text { overflow:  visible; }
  51 }