jellyfin-web/dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.listview.css

246 lines
6.3 KiB
CSS
Raw Normal View History

2016-02-07 21:42:56 -07:00
ul[data-role="listview"] {
border-radius: 3px;
2016-02-07 22:59:33 -07:00
border-color: #ddd;
2016-02-07 21:42:56 -07:00
}
2015-09-04 09:20:54 -07:00
2016-02-07 21:42:56 -07:00
ul[data-role="listview"],
ul[data-role="listview"] > li {
margin: 0;
padding: 0;
list-style: none;
2016-02-07 22:59:33 -07:00
border-color: #ddd;
2016-02-07 21:42:56 -07:00
}
2015-09-04 09:20:54 -07:00
2016-02-07 12:47:09 -07:00
/*.ui-content ul[data-role="listview"],
.ui-panel-inner > ul[data-role="listview"] {
2015-09-04 09:20:54 -07:00
margin: 1em 0;
2016-02-07 12:47:09 -07:00
}*/
2016-02-07 21:42:56 -07:00
2016-02-07 12:47:09 -07:00
.ui-collapsible-content > ul[data-role="listview"] {
2016-02-07 21:42:56 -07:00
margin: .5em 0;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
2016-02-07 12:47:09 -07:00
ul[data-role="listview"] > li {
2016-02-07 21:42:56 -07:00
display: block;
position: relative;
overflow: visible;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
ul[data-role="listview"] > li,
ul[data-role="listview"] > li[data-role="list-divider"],
ul[data-role="listview"] > li > a {
margin: 0;
display: block;
position: relative;
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
color: inherit !important;
font-weight: inherit !important;
font-size: inherit !important;
}
ul[data-role="listview"] > li[data-role="list-divider"] {
background: #ddd;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
ul[data-role="listview"] > li > a:focus {
z-index: 1;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
2016-02-07 12:47:09 -07:00
ul[data-role="listview"] > li,
2016-02-07 21:42:56 -07:00
ul[data-role="listview"] > li[data-role="list-divider"] {
border-width: 1px 0 0 0;
border-style: solid;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
ul[data-role="listview"] > li,
ul[data-role="listview"] > li[data-role="list-divider"] {
border-right-width: 1px;
border-left-width: 1px;
}
ul[data-role="listview"] > li:last-child,
ul[data-role="listview"] > li[data-role="list-divider"]:last-child,
ul[data-role="listview"] > li:last-child > a {
border-bottom-width: 1px;
}
.ui-collapsible-content > ul[data-role="listview"]:not(ul[data-role="listview"]) > li:first-child,
.ui-collapsible-content > ul[data-role="listview"]:not(ul[data-role="listview"]) > li:first-child > a {
border-top-width: 0;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
.ui-collapsible-themed-content ul[data-role="listview"]:not(ul[data-role="listview"]) > li:last-child,
.ui-collapsible-themed-content ul[data-role="listview"]:not(ul[data-role="listview"]) > li:last-child > a {
border-bottom-width: 0;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
ul[data-role="listview"] > li:first-child,
ul[data-role="listview"] > li:first-child > a {
-webkit-border-top-right-radius: inherit;
border-top-right-radius: inherit;
-webkit-border-top-left-radius: inherit;
border-top-left-radius: inherit;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
ul[data-role="listview"] > li:last-child,
ul[data-role="listview"] > li:last-child > a {
-webkit-border-bottom-right-radius: inherit;
border-bottom-right-radius: inherit;
-webkit-border-bottom-left-radius: inherit;
border-bottom-left-radius: inherit;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
ul[data-role="listview"] > li.ui-li-has-alt > a {
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
ul[data-role="listview"] > li:first-child > a + a {
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: inherit;
border-top-right-radius: inherit;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
ul[data-role="listview"] > li:last-child > a + a {
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: inherit;
border-bottom-right-radius: inherit;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
ul[data-role="listview"] > li:first-child img:first-child:not(.ui-li-icon) {
-webkit-border-top-left-radius: inherit;
border-top-left-radius: inherit;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
ul[data-role="listview"] > li:last-child img:first-child:not(.ui-li-icon) {
-webkit-border-bottom-left-radius: inherit;
border-bottom-left-radius: inherit;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
2016-02-07 12:47:09 -07:00
.ui-collapsible-content > ul[data-role="listview"]:not(ul[data-role="listview"]) {
2016-02-07 21:42:56 -07:00
-webkit-border-radius: inherit;
border-radius: inherit;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
2016-02-07 12:47:09 -07:00
ul[data-role="listview"] > li {
2016-02-07 21:42:56 -07:00
padding: .7em 1em;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
ul[data-role="listview"] > li[data-role="list-divider"] {
padding: .5em 1.143em;
font-size: 14px;
font-weight: bold;
cursor: default;
outline: 0; /* Dividers in custom selectmenus have tabindex */
}
ul[data-role="listview"] > .ui-li-has-count > a,
ul[data-role="listview"] > .ui-li-static.ui-li-has-count,
ul[data-role="listview"] > li[data-role="list-divider"].ui-li-has-count {
padding-right: 2.8125em;
}
2016-02-07 12:47:09 -07:00
ul[data-role="listview"] > .ui-li-has-count > .ui-btn-icon-right {
2016-02-07 21:42:56 -07:00
padding-right: 4.6875em;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
ul[data-role="listview"] > .ui-li-has-thumb > a,
2016-02-07 12:47:09 -07:00
ul[data-role="listview"] > .ui-li-static.ui-li-has-thumb {
2016-02-07 21:42:56 -07:00
min-height: 3.625em;
padding-left: 6.25em;
2015-09-04 09:20:54 -07:00
}
/* ui-li-has-icon deprecated in 1.4. TODO: remove in 1.5 */
2016-02-07 21:42:56 -07:00
ul[data-role="listview"] > .ui-li-has-icon > a,
ul[data-role="listview"] > a + a {
min-height: 1.25em;
padding-left: 2.5em;
2015-09-04 09:20:54 -07:00
}
/* Used by both listview and custom multiple select button */
.ui-li-count {
2016-02-07 21:42:56 -07:00
position: absolute;
font-size: 12.5px;
font-weight: bold;
text-align: center;
border-width: 1px;
border-style: solid;
padding: 0 .48em;
line-height: 1.6em;
min-height: 1.6em;
min-width: .64em;
right: .8em;
top: 50%;
margin-top: -.88em;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
2016-02-07 12:47:09 -07:00
ul[data-role="listview"] .ui-btn-icon-right .ui-li-count {
2016-02-07 21:42:56 -07:00
right: 3.2em;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
2016-02-07 12:47:09 -07:00
ul[data-role="listview"] > li h1,
ul[data-role="listview"] > li h2,
ul[data-role="listview"] > li h3,
ul[data-role="listview"] > li h4,
ul[data-role="listview"] > li h5,
ul[data-role="listview"] > li h6 {
2016-02-07 21:42:56 -07:00
font-size: 1em;
display: block;
margin: .45em 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
2016-02-07 12:47:09 -07:00
ul[data-role="listview"] > li p {
2016-02-07 21:42:56 -07:00
font-size: .75em;
font-weight: normal;
display: block;
margin: .6em 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
2016-02-07 12:47:09 -07:00
ul[data-role="listview"] .ui-li-aside {
2016-02-07 21:42:56 -07:00
position: absolute;
top: 1em;
right: 3.333em;
margin: 0;
text-align: right;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
ul[data-role="listview"] > li.ui-li-has-alt > a {
margin-right: 2.5em;
border-right-width: 0;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
ul[data-role="listview"] > li > a + a {
position: absolute;
width: 2.5em;
height: 100%;
min-height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-left-width: 1px;
top: 0;
right: 0;
margin: 0;
padding: 0;
z-index: 2;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
2016-02-07 22:59:33 -07:00
ul[data-role="listview"] > li > a + a {
2016-02-07 21:42:56 -07:00
border-right-width: 1px;
2015-09-04 09:20:54 -07:00
}
2016-02-07 21:42:56 -07:00
2016-02-07 22:59:33 -07:00
ul[data-role="listview"] > li > a + a:focus {
2016-02-07 21:42:56 -07:00
z-index: 3;
}