jellyfin-web/dashboard-ui/bower_components/emby-webcomponents/listview/listview.css
2017-07-03 13:15:46 -04:00

1 line
4.0 KiB
CSS

.listItemBody,.listItemButton,.listItemIcon,.listItemImage{display:inline-block;vertical-align:middle}.listItem,.listItemBody,.listItemButton{vertical-align:middle}.listItemBody,.listItemBodyText{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.listItem{background:0 0;border:0;outline:0!important;color:inherit;font-family:inherit;font-size:inherit;margin:0;-webkit-box-align:center;-webkit-align-items:center;align-items:center;text-align:left;padding:.25em 1em;cursor:pointer;overflow:hidden}.listItem[data-action=none]{cursor:default}.listItem-button{width:100%}.listItem-largeImage{padding:.5em .25em!important}.listItemAside,.listItemIcon,.listItemImage{-webkit-flex-shrink:0;flex-shrink:0}.listItemButton{margin:0;-webkit-flex-shrink:0;flex-shrink:0;contain:layout style}.listItemImage,.listItemIndicators{display:-webkit-box;display:-webkit-flex}.listViewDragHandle{margin-left:-.25em!important;touch-action:none}.listItemBody{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;padding:.8em 1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.listItemBody-noleftpadding{padding-left:0}.listItem-shaded:nth-child(even){background:#1c1c1c;background:rgba(30,30,30,.9)}.three-line{min-height:6.3em;padding-top:0;padding-bottom:0}.listItemBodyText{margin:0;padding:.25em 0}.listItemBodyText-nowrap{white-space:nowrap}.listItemImage{width:7.4vh;height:7.4vh;min-width:40px;min-height:40px;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain;-webkit-flex-shrink:0;flex-shrink:0;background-position:center center;position:relative;display:flex}.listItemImage-large{width:19.5vw;height:13vw;background-position:center center;margin-right:.5em}.listItemImageButton{-webkit-align-self:center;align-self:center;justify-self:center;margin:auto;color:rgba(255,255,255,.6);font-size:1.6em;border:.15em solid currentColor;padding:2px;background:rgba(0,0,0,.4);-webkit-transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out}.listItemImageButton:hover{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}@media all and (max-width:50em){.listItemImage-large{width:36vw;height:24vw}.listItem-largeImage{padding-right:0!important}}@media all and (max-width:64em){.listItemImage-large{width:30vw;height:20vw;margin-right:0}.listItemImageButton{font-size:1.1em}}.listItemImage-large-tv{width:30vw!important;height:20vw!important}.listItemIcon{width:1em!important;height:1em!important;font-size:143%;-webkit-border-radius:500px;border-radius:500px;padding:.5em;color:#fff}.listItemIcon:not(.listItemIcon-transparent){background-color:#52B54B}.listItemProgressBar{position:absolute;bottom:0;left:0;right:0}.listItem .secondary{color:#888}.listItem:focus .secondary{color:inherit!important}.listItem-focusscale{-webkit-transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out}.listItem-focusscale:focus{-webkit-transform:scale(1.025,1.025);transform:scale(1.025,1.025)}.paperList{padding:.5em 0;margin:1em auto;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.paperList-clear{-webkit-box-shadow:none!important;box-shadow:none!important;background-color:transparent!important}.listItemMediaInfo{-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-right:1em}.listGroupHeader{margin:2em 0 1em}.listGroupHeader-first{margin-top:0}.listItemIndicators{right:.5vh;top:.5vh;position:absolute;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.listItem,.listItemBody,.listItemMediaInfo{display:-webkit-box;display:-webkit-flex;display:flex;contain:layout style}@media all and (max-width:50em){.listItem .criticRating,.listItem .endsAt,.listItem-overview{display:none!important}}.listItemCheckboxContainer{width:auto!important}