merge from dev
This commit is contained in:
Luke Pulverenti
parent
1c8f02ce0f
commit
33b01d778c
911 changed files with 34157 additions and 57125 deletions
|
|
@ -67,33 +67,20 @@
|
|||
}
|
||||
|
||||
.homeTopViews .cardImage {
|
||||
border-radius: 5px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.cardOverlayPlayButton {
|
||||
.cardOverlayMoreButton, .cardOverlayPlayButton {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
color: #333;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-color: rgba(210,210,210,.9);
|
||||
border-radius: 500px;
|
||||
padding: 6px;
|
||||
margin: 0 .5em .5em 0;
|
||||
}
|
||||
|
||||
.cardOverlayMoreButton {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
color: #333;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-color: rgba(210,210,210,.9);
|
||||
border-radius: 500px;
|
||||
padding: 6px;
|
||||
margin: 0 .5em .5em 0;
|
||||
margin: 0 .3em .3em 0;
|
||||
padding: 5px;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.grayscale {
|
||||
|
|
@ -241,7 +228,6 @@
|
|||
|
||||
.homeTopViews .cardText {
|
||||
font-size: 15px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.cardButtonContainer {
|
||||
|
|
@ -345,7 +331,7 @@
|
|||
}
|
||||
|
||||
.portraitCard {
|
||||
width: 33.3%;
|
||||
width: 33.334%;
|
||||
}
|
||||
|
||||
.overflowPortraitCard {
|
||||
|
|
@ -354,7 +340,7 @@
|
|||
}
|
||||
|
||||
.overflowBackdropCard {
|
||||
width: 80%;
|
||||
width: 84%;
|
||||
max-width: 400px;
|
||||
}
|
||||
|
||||
|
|
@ -390,11 +376,11 @@
|
|||
@media all and (min-width: 500px) {
|
||||
|
||||
.smallBackdropCard {
|
||||
width: 33.3%;
|
||||
width: 33.334%;
|
||||
}
|
||||
|
||||
.squareCard {
|
||||
width: 33.3%;
|
||||
width: 33.334%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -425,7 +411,7 @@
|
|||
|
||||
@media all and (min-width: 770px) {
|
||||
.backdropCard {
|
||||
width: 33.3%;
|
||||
width: 33.334%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -484,7 +470,7 @@
|
|||
}
|
||||
|
||||
.bannerCard {
|
||||
width: 33.3%;
|
||||
width: 33.334%;
|
||||
}
|
||||
|
||||
.portraitCard {
|
||||
|
|
@ -536,7 +522,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1920px) {
|
||||
@media all and (min-width: 2100px) {
|
||||
|
||||
.squareCard {
|
||||
width: 11.111111111111111111111111111111%;
|
||||
|
|
@ -583,7 +569,7 @@
|
|||
@media all and (min-width: 800px) {
|
||||
|
||||
.detailPage169Card {
|
||||
width: 33.3%;
|
||||
width: 33.334%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -602,7 +588,7 @@
|
|||
|
||||
|
||||
.detailPagePortraitCard {
|
||||
width: 33.3%;
|
||||
width: 33.334%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 540px) {
|
||||
|
|
@ -628,7 +614,7 @@
|
|||
|
||||
|
||||
.detailPageSquareCard {
|
||||
width: 33.33%;
|
||||
width: 33.334%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 540px) {
|
||||
|
|
@ -651,7 +637,7 @@
|
|||
@media all and (min-width: 540px) {
|
||||
|
||||
.homePageSmallBackdropCard {
|
||||
width: 33.3%;
|
||||
width: 33.334%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 48 KiB |
|
|
@ -69,11 +69,6 @@
|
|||
padding-left: .5em !important;
|
||||
padding-right: .5em !important;
|
||||
}
|
||||
|
||||
.pageWithAbsoluteTabs .pageTabContent {
|
||||
padding-left: .25em !important;
|
||||
padding-right: .25em !important;
|
||||
}
|
||||
}
|
||||
|
||||
.libraryPage .currentUsername {
|
||||
|
|
@ -87,9 +82,16 @@
|
|||
line-height: initial;
|
||||
}
|
||||
|
||||
.listHeader + paper-button {
|
||||
margin-left: 2em;
|
||||
@media all and (max-width: 500px) {
|
||||
|
||||
.listHeader {
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.listHeader + paper-button {
|
||||
margin-left: 2em;
|
||||
}
|
||||
|
||||
.ehsContent, .ehsContent .pageTabContent {
|
||||
margin: 0 auto;
|
||||
|
|
@ -128,14 +130,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 500px) {
|
||||
|
||||
.ehsContent:not(.fullWidth), .ehsContent .pageTabContent {
|
||||
width: 98%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1200px) {
|
||||
|
||||
.paddedItemsContainer {
|
||||
|
|
@ -150,10 +144,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1920px) {
|
||||
@media all and (min-width: 2560px) {
|
||||
|
||||
.ehsContent:not(.fullWidth), .ehsContent .pageTabContent {
|
||||
width: 95%;
|
||||
width: 96%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -469,19 +463,24 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
}
|
||||
|
||||
.itemDetailImage {
|
||||
-moz-box-shadow: 0px 0 20px #000;
|
||||
-webkit-box-shadow: 0px 0 20px #000;
|
||||
box-shadow: 0px 0 20px #000;
|
||||
border: solid 1px #222;
|
||||
border: solid 1px transparent;
|
||||
}
|
||||
|
||||
.itemDetailImage.loaded {
|
||||
-moz-box-shadow: 0px 0 20px #000;
|
||||
-webkit-box-shadow: 0px 0 20px #000;
|
||||
box-shadow: 0px 0 20px #000;
|
||||
border: solid 1px #222;
|
||||
}
|
||||
|
||||
.detailImageContainer img {
|
||||
max-width: 280px;
|
||||
max-height: 300px;
|
||||
width: 280px;
|
||||
/* This is just to make sure it always takes up some space */
|
||||
min-height: 140px;
|
||||
}
|
||||
|
||||
.portraitDetailImageContainer img {
|
||||
max-width: 220px;
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.squareDetailImageContainer {
|
||||
|
|
@ -501,7 +500,7 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
.primaryDetailsContainer {
|
||||
float: left;
|
||||
padding: .75em 0 0 1.5em;
|
||||
width: 68%;
|
||||
width: 66%;
|
||||
}
|
||||
|
||||
.portraitDetailImageContainer + .primaryDetailsContainer {
|
||||
|
|
@ -547,11 +546,13 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
}
|
||||
|
||||
.detailImageContainer img {
|
||||
max-width: 240px;
|
||||
width: 240px;
|
||||
/* This is just to make sure it always takes up some space */
|
||||
min-height: 120px;
|
||||
}
|
||||
|
||||
.portraitDetailImageContainer img {
|
||||
max-width: 180px;
|
||||
width: 180px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -893,7 +894,9 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
}
|
||||
|
||||
.detailImageContainer img {
|
||||
max-width: 140px;
|
||||
width: 140px;
|
||||
/* This is just to make sure it always takes up some space */
|
||||
min-height: 140px;
|
||||
}
|
||||
|
||||
.inlineItemName {
|
||||
|
|
@ -909,15 +912,14 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
}
|
||||
|
||||
.thumbDetailImageContainer img {
|
||||
max-width: 180px;
|
||||
width: 180px;
|
||||
/* This is just to make sure it always takes up some space */
|
||||
min-height: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 600px) {
|
||||
|
||||
.primaryDetailsContainer {
|
||||
}
|
||||
|
||||
.portraitDetailImageContainer + .primaryDetailsContainer {
|
||||
width: 65%;
|
||||
}
|
||||
|
|
@ -926,11 +928,15 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
@media all and (max-width: 500px) {
|
||||
|
||||
.detailImageContainer img {
|
||||
max-width: 80px;
|
||||
width: 80px;
|
||||
/* This is just to make sure it always takes up some space */
|
||||
min-height: 60px;
|
||||
}
|
||||
|
||||
.thumbDetailImageContainer img {
|
||||
max-width: 180px;
|
||||
width: 180px;
|
||||
/* This is just to make sure it always takes up some space */
|
||||
min-height: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1220,6 +1226,8 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
background: #43A047;
|
||||
z-index: 1000;
|
||||
padding: 0 .75em 0 .25em;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.selectionCommandsPanel paper-icon-button {
|
||||
|
|
@ -1235,11 +1243,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
padding-top: 1px;
|
||||
}
|
||||
|
||||
.selectionCommandsPanel paper-icon-button {
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
@media all and (min-height: 480px) {
|
||||
|
||||
.alphabetPicker {
|
||||
|
|
@ -1247,7 +1250,7 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
}
|
||||
|
||||
.itemsContainerWithAlphaPicker {
|
||||
margin-right: 15px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1456,6 +1459,10 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
padding-right: .7em;
|
||||
}
|
||||
|
||||
.itemsListview.paperList {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.itemsListview paper-item-body {
|
||||
min-height: 0 !important;
|
||||
}
|
||||
|
|
@ -1806,3 +1813,16 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
-ms-transform: rotateZ(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
#criticReviewsContent.hiddenScrollX {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#criticReviewsContent.hiddenScrollX .paperList {
|
||||
min-width: 240px;
|
||||
width: 90%;
|
||||
max-width: 500px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin: 0 4px 0 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,12 +16,6 @@
|
|||
margin: .5em 0;
|
||||
}
|
||||
|
||||
.headerButton {
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.headerUserImage {
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -93,25 +87,14 @@
|
|||
}
|
||||
|
||||
.headerButton {
|
||||
margin: 0;
|
||||
margin: 0 5px;
|
||||
background-color: transparent;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
border: 0 !important;
|
||||
outline: none;
|
||||
padding: 0 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.headerButton img {
|
||||
height: 26px !important;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.headerButtonLeft {
|
||||
padding: 0 15px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.menuArrow {
|
||||
|
|
@ -123,7 +106,6 @@
|
|||
|
||||
.headerButtonRight {
|
||||
border-width: 0 !important;
|
||||
padding: 0 15px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
|
@ -182,6 +164,9 @@
|
|||
z-index: 999;
|
||||
top: 0;
|
||||
border: 0;
|
||||
height: 50px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.hiddenViewMenuBar .viewMenuBar {
|
||||
|
|
@ -220,7 +205,7 @@
|
|||
}
|
||||
|
||||
.viewMenuBar.semiTransparent {
|
||||
background-color: rgba(18, 18, 18, .60);
|
||||
background-color: rgba(18, 18, 18, .55);
|
||||
}
|
||||
|
||||
.paperLibraryViewNav {
|
||||
|
|
@ -262,6 +247,8 @@
|
|||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.selectedMediaFolder {
|
||||
|
|
@ -325,6 +312,19 @@
|
|||
display: none;
|
||||
}
|
||||
|
||||
.minimumSizeTabs .libraryViewNav .tab-content {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.minimumSizeTabs .libraryViewNav paper-tab {
|
||||
height: auto !important;
|
||||
flex-grow: 0 !important;
|
||||
}
|
||||
|
||||
.minimumSizeTabs .libraryViewNav #tabsContainer {
|
||||
flex-grow: 0 !important;
|
||||
}
|
||||
|
||||
@media all and (max-width: 400px) {
|
||||
|
||||
.libraryMenuButtonText {
|
||||
|
|
|
|||
|
|
@ -232,13 +232,15 @@
|
|||
height: 42px;
|
||||
}
|
||||
|
||||
.channelHeaderCellInner {
|
||||
padding: .35em .5em .5em;
|
||||
display: block;
|
||||
.channelHeaderCell {
|
||||
padding: 0;
|
||||
text-decoration: none;
|
||||
font-weight: 400 !important;
|
||||
color: #fff !important;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.pointerInput .channelHeaderCell:hover {
|
||||
|
|
@ -307,17 +309,24 @@
|
|||
max-width: 110px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
margin-left: .5em;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.guideChannelImage {
|
||||
width: 60px;
|
||||
height: 35px;
|
||||
position: absolute;
|
||||
right: 7px;
|
||||
top: 7px;
|
||||
width: 70px;
|
||||
height: 44px;
|
||||
background-size: contain;
|
||||
background-position: right center;
|
||||
background-repeat: no-repeat;
|
||||
margin-right: .5em;
|
||||
}
|
||||
|
||||
.guideChannelName {
|
||||
margin-right: .5em;
|
||||
max-width: 50%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
@media (max-width: 1920px) {
|
||||
|
|
@ -369,10 +378,6 @@
|
|||
padding-top: .8em;
|
||||
}
|
||||
|
||||
.channelHeaderCellInner {
|
||||
padding-top: .6em;
|
||||
}
|
||||
|
||||
.channelTimeslotHeader a {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
|
|
|||
164
dashboard-ui/css/materialize.css
vendored
164
dashboard-ui/css/materialize.css
vendored
|
|
@ -1,164 +0,0 @@
|
|||
.z-depth-1, nav, .card-panel, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, ul.side-nav.full, ul.side-nav.fixed {
|
||||
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover, .modal {
|
||||
-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
|
||||
-moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
|
||||
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.toast .btn, .toast .btn-large, .toast .btn-flat {
|
||||
margin: 0;
|
||||
margin-left: 3rem;
|
||||
}
|
||||
|
||||
.btn, .btn-large, .btn-flat {
|
||||
display: block;
|
||||
padding: 0 2rem;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background-clip: padding-box;
|
||||
border: none;
|
||||
outline: 0;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.btn.disabled, .disabled.btn-large, .btn-floating.disabled, .btn-large.disabled, .btn:disabled, .btn-large:disabled, .btn-large:disabled, .btn-floating:disabled {
|
||||
background-color: #DFDFDF;
|
||||
box-shadow: none;
|
||||
color: #9F9F9F;
|
||||
}
|
||||
|
||||
.btn.disabled:hover, .disabled.btn-large:hover, .btn-floating.disabled:hover, .btn-large.disabled:hover, .btn:disabled:hover, .btn-large:disabled:hover, .btn-large:disabled:hover, .btn-floating:disabled:hover {
|
||||
background-color: #DFDFDF;
|
||||
color: #9F9F9F;
|
||||
}
|
||||
|
||||
.btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.btn, .btn-large {
|
||||
text-decoration: none;
|
||||
color: #FFF;
|
||||
background-color: #2196F3;
|
||||
text-align: center;
|
||||
letter-spacing: 0.5px;
|
||||
-webkit-transition: 0.2s ease-out;
|
||||
-moz-transition: 0.2s ease-out;
|
||||
-o-transition: 0.2s ease-out;
|
||||
-ms-transition: 0.2s ease-out;
|
||||
transition: 0.2s ease-out;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.btn:not(.btnStatic), .btn-large:not(.btnStatic) {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn-flat {
|
||||
box-shadow: none;
|
||||
background-color: transparent;
|
||||
color: #343434;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn-flat.disabled {
|
||||
color: #b3b3b3;
|
||||
}
|
||||
|
||||
.btn {
|
||||
padding: .6em 1.6em .6em 2em;
|
||||
}
|
||||
|
||||
.btn-large {
|
||||
padding: 1em 2em;
|
||||
}
|
||||
|
||||
.btn.btn-inline {
|
||||
padding: .6em 1.25em .6em 34px;
|
||||
}
|
||||
|
||||
.btn-large i {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
.btn-floating-large i {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
|
||||
.btn, .btn-large {
|
||||
background-color: #38c;
|
||||
}
|
||||
|
||||
.btnAction {
|
||||
background-color: #ee6e73;
|
||||
}
|
||||
|
||||
.btnAltAction {
|
||||
background-color: #ff8f00;
|
||||
}
|
||||
|
||||
.btnActionAccent {
|
||||
background-color: #52B54B;
|
||||
}
|
||||
|
||||
.btnWarningAccent {
|
||||
background-color: #FF6A00;
|
||||
}
|
||||
|
||||
.btnDarkAccent {
|
||||
background-color: #666;
|
||||
}
|
||||
|
||||
.btn, .btn-large {
|
||||
color: #fff !important;
|
||||
font-weight: 500 !important;
|
||||
font-size: 15px;
|
||||
font-family: Roboto !important;
|
||||
}
|
||||
|
||||
.btn-inline {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
margin-bottom: 0;
|
||||
padding: .6em .5em .6em .5em !important;
|
||||
}
|
||||
|
||||
button.btn:not(.btn-inline), button.btn-large:not(.btn-inline) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.btn i, .btn-large i, .btn-floating-large i, .btn span, .btn-large span {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.btn:not(.btn-inline):not(.btnNoText):not(.btnIconRight) i {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
.btnIconRight:not(.btn-inline):not(.btnNoText) i {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.btn-large i {
|
||||
position: absolute;
|
||||
left: 24px;
|
||||
top: 22px;
|
||||
}
|
||||
|
||||
.btnNoText {
|
||||
padding: .6em .5em !important;
|
||||
}
|
||||
|
||||
.btnNoText {
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
|
@ -1,5 +1,4 @@
|
|||
.videoBackdrop {
|
||||
/* Allows popups to be closed, because their z-index is 1099 */
|
||||
#mediaPlayer {
|
||||
z-index: 1098;
|
||||
position: fixed;
|
||||
background-color: transparent;
|
||||
|
|
|
|||
|
|
@ -1,71 +0,0 @@
|
|||
#mediaElement {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.nowPlayingText {
|
||||
display: inline-block;
|
||||
font-weight: normal;
|
||||
position: relative;
|
||||
top: -7px;
|
||||
margin: 0 0 0 3px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
font-size: 15px;
|
||||
max-width: 130px;
|
||||
}
|
||||
|
||||
.mediaButton.infoButton {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
.mediaButton.active {
|
||||
color: #52B54B;
|
||||
}
|
||||
|
||||
@media (min-width: 500px) {
|
||||
.nowPlayingText {
|
||||
max-width: 180px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.nowPlayingText {
|
||||
max-width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 800px) {
|
||||
.nowPlayingText {
|
||||
margin-right: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.mediaButton img {
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.currentTime {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
max-width: 110px;
|
||||
margin-right: 2em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.mediaPlayerAudioContainer {
|
||||
position: fixed;
|
||||
top: 40%;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.mediaPlayerAudioContainerInner {
|
||||
padding: 1em;
|
||||
background: #222;
|
||||
}
|
||||
|
|
@ -1,8 +1,72 @@
|
|||
/* Now playing bar */
|
||||
.nowPlayingText {
|
||||
display: inline-block;
|
||||
font-weight: normal;
|
||||
position: relative;
|
||||
top: -7px;
|
||||
margin: 0 0 0 3px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
font-size: 15px;
|
||||
max-width: 130px;
|
||||
}
|
||||
|
||||
.mediaButton.infoButton {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
.mediaButton.active {
|
||||
color: #52B54B;
|
||||
}
|
||||
|
||||
@media (min-width: 500px) {
|
||||
.nowPlayingText {
|
||||
max-width: 180px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.nowPlayingText {
|
||||
max-width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 800px) {
|
||||
.nowPlayingText {
|
||||
margin-right: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.mediaButton img {
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.currentTime {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
max-width: 110px;
|
||||
margin-right: 2em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* Now playing bar */
|
||||
.nowPlayingBar {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
/* Above everything, except for the video player and popup overlays */
|
||||
z-index: 1097;
|
||||
color: #fff;
|
||||
background-color: rgba(26,26,26,.94);
|
||||
border-top: 1px solid #444;
|
||||
text-align: center;
|
||||
/*box-shadow: 0 0 8px rgba(255,255,255,.4);*/
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.hiddenNowPlayingBar .nowPlayingBar {
|
||||
|
|
@ -17,8 +81,7 @@
|
|||
}
|
||||
|
||||
.mediaButton {
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
box-sizing: content-box !important;
|
||||
}
|
||||
|
||||
.mediaButton.remoteControlButton, .mediaButton.muteButton, .mediaButton.unmuteButton {
|
||||
|
|
@ -30,10 +93,6 @@
|
|||
}
|
||||
|
||||
.nowPlayingBarInfoContainer {
|
||||
vertical-align: middle;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.nowPlayingImage {
|
||||
|
|
@ -105,9 +164,12 @@
|
|||
vertical-align: middle;
|
||||
text-align: center;
|
||||
margin-top: 12px;
|
||||
position: relative;
|
||||
/* Need this to make sure it's on top of nowPlayingBarPositionContainer so that buttons are fully clickable */
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.nowPlayingBarPositionContainer {
|
||||
|
|
@ -127,7 +189,7 @@
|
|||
}
|
||||
|
||||
.nowPlayingBarPositionSlider #sliderBar {
|
||||
top: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.nowPlayingBarPositionSlider #sliderContainer {
|
||||
|
|
@ -149,18 +211,12 @@
|
|||
}
|
||||
|
||||
.nowPlayingBarRight {
|
||||
position: absolute;
|
||||
bottom: 12px;
|
||||
right: 10px;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
margin: 0 1em 0 auto;
|
||||
/* Need this to make sure it's on top of nowPlayingBarPositionContainer so that buttons are fully clickable */
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.mediaButton img {
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.nowPlayingBarCurrentTime {
|
||||
vertical-align: middle;
|
||||
font-weight: normal;
|
||||
|
|
@ -172,6 +228,7 @@
|
|||
|
||||
.nowPlayingBarVolumeSlider {
|
||||
margin-left: -1em;
|
||||
margin-right: 2em;
|
||||
}
|
||||
|
||||
.nowPlayingBarUserDataButtons {
|
||||
|
|
@ -197,18 +254,14 @@
|
|||
.nowPlayingBar .playlistButton {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.nowPlayingBarRight {
|
||||
bottom: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 800px) {
|
||||
|
||||
.nowPlayingBarCurrentTime {
|
||||
padding-left: 0;
|
||||
top: 12px;
|
||||
right: 130px;
|
||||
top: 22px;
|
||||
right: 140px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
|
|
@ -216,10 +269,6 @@
|
|||
display: none !important;
|
||||
}
|
||||
|
||||
.nowPlayingBarRight {
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
.nowPlayingBar, .nowPlayingImage img {
|
||||
height: 70px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,105 +0,0 @@
|
|||
.remoteControlFlyout {
|
||||
width: 300px;
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
.playMenuOptions {
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
border: 1px solid #aaa;
|
||||
}
|
||||
|
||||
.tblRemoteControl {
|
||||
width: 100%;
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.tblRemoteControl tbody tr:hover {
|
||||
background: #ddd;
|
||||
}
|
||||
|
||||
.tblRemoteControl td {
|
||||
padding: 5px;
|
||||
border-top: 1px solid #ccc;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.tblRemoteControl th {
|
||||
padding: 3px 5px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.tblRemoteControl th:first-child, .tblRemoteControl td:first-child {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.tblRemoteControlNoHeader tr:first-child td {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.tdSelectPlayTime, .tdSelectItem {
|
||||
vertical-align: middle!important;
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.tdRemoteControlImage {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.tblRemoteControl img {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.nowPlaying .ui-slider-track {
|
||||
margin-left: 15px!important;
|
||||
}
|
||||
|
||||
@media all and (max-width: 550px) {
|
||||
.nowPlayingCell + .nowPlayingCell {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 450px) {
|
||||
.nowPlayingCell {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-height: 500px) {
|
||||
.remoteControlFlyout {
|
||||
min-height: 450px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-height: 600px) {
|
||||
.remoteControlFlyout {
|
||||
min-height: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-height: 800px) {
|
||||
.playMenuOptions {
|
||||
max-height: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 400px) {
|
||||
.remoteControlFlyout {
|
||||
width: 360px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 500px) {
|
||||
.remoteControlFlyout {
|
||||
width: 450px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 600px) {
|
||||
.remoteControlFlyout {
|
||||
width: 550px;
|
||||
}
|
||||
}
|
||||
|
|
@ -108,26 +108,20 @@
|
|||
}
|
||||
|
||||
.headerSearchInput {
|
||||
margin: 0!important;
|
||||
background: #222!important;
|
||||
border: 0!important;
|
||||
color: #ddd!important;
|
||||
border-radius: 3px!important;
|
||||
padding: 4px 0 3px 0!important;
|
||||
text-indent: 50px!important;
|
||||
margin: 0 !important;
|
||||
background: #222 !important;
|
||||
border: 0 !important;
|
||||
color: #eee !important;
|
||||
border-radius: 0 !important;
|
||||
padding: 7px 0 6px 0 !important;
|
||||
text-indent: 10px !important;
|
||||
font-size: 16px;
|
||||
font-family: inherit;
|
||||
outline: none;
|
||||
vertical-align: middle;
|
||||
width: 85%!important;
|
||||
display: inline-block!important;
|
||||
}
|
||||
|
||||
.searchInputIcon {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
top: 12px;
|
||||
color: #ddd !important;
|
||||
width: 85% !important;
|
||||
display: inline-block !important;
|
||||
height: 100%!important;
|
||||
}
|
||||
|
||||
.viewMenuSearch {
|
||||
|
|
@ -163,7 +157,7 @@
|
|||
|
||||
.viewMenuSearchForm {
|
||||
max-width: none;
|
||||
padding: 10px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.searchResultsOverlay {
|
||||
|
|
|
|||
|
|
@ -660,21 +660,8 @@ div[data-role="controlgroup"] a.ui-btn-active {
|
|||
}
|
||||
|
||||
.paperLibraryViewNav.headroom--unpinned:not(.headroomDisabled) {
|
||||
-webkit-transform: translateY(-205%);
|
||||
transform: translateY(-205%);
|
||||
}
|
||||
|
||||
.largePanel {
|
||||
width: 270px !important;
|
||||
}
|
||||
|
||||
/* Make panels larger */
|
||||
.largePanelModalOpen.ui-panel-dismiss-position-right {
|
||||
right: 270px !important;
|
||||
}
|
||||
|
||||
.largePanelModalOpen.ui-panel-dismiss-position-left {
|
||||
left: 270px !important;
|
||||
-webkit-transform: translateY(-240%);
|
||||
transform: translateY(-240%);
|
||||
}
|
||||
|
||||
.checkboxContainer {
|
||||
|
|
@ -696,22 +683,6 @@ div[data-role="controlgroup"] a.ui-btn-active {
|
|||
padding: .7em .5em;
|
||||
}
|
||||
|
||||
@media all and (min-width: 340px) {
|
||||
|
||||
.largePanel {
|
||||
width: 300px !important;
|
||||
}
|
||||
|
||||
/* Make panels larger */
|
||||
.largePanelModalOpen.ui-panel-dismiss-position-right {
|
||||
right: 300px !important;
|
||||
}
|
||||
|
||||
.largePanelModalOpen.ui-panel-dismiss-position-left {
|
||||
left: 300px !important;
|
||||
}
|
||||
}
|
||||
|
||||
textarea {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -844,7 +815,7 @@ h1 .imageLink {
|
|||
}
|
||||
|
||||
.paperCheckboxFieldDescription {
|
||||
padding-left: 34px;
|
||||
padding-left: 31px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
|
|
@ -1575,7 +1546,7 @@ progress {
|
|||
z-index: 9999998;
|
||||
}
|
||||
|
||||
.nativeApp * {
|
||||
.nativeApp *:not(input):not(select):not(textarea) {
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
|
|
@ -1591,14 +1562,6 @@ progress {
|
|||
user-drag: none;
|
||||
}
|
||||
|
||||
.nativeApp input {
|
||||
-webkit-user-select: auto !important;
|
||||
-khtml-user-select: auto !important;
|
||||
-moz-user-select: auto !important;
|
||||
-ms-user-select: auto !important;
|
||||
user-select: auto !important;
|
||||
}
|
||||
|
||||
.supporterMembershipDisabled .tabSupporterMembership {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -1651,3 +1614,13 @@ progress {
|
|||
.scheduledTaskPaperIconItem paper-progress {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.imageDropZone {
|
||||
border: 2px dashed #bbb;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
padding: 25px;
|
||||
text-align: center;
|
||||
color: #bbb;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,10 +0,0 @@
|
|||
/* User Image */
|
||||
.imageDropZone {
|
||||
border: 2px dashed #bbb;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
padding: 25px;
|
||||
text-align: center;
|
||||
color: #bbb;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue