Fix no-descending-specificity (CSS)

This commit is contained in:
MrTimscampi 2020-01-19 14:29:41 +01:00
parent ba8b34cd56
commit eef526df2c
13 changed files with 209 additions and 212 deletions

View file

@ -49,8 +49,9 @@ progress[aria-valuenow]:before {
@media all and (min-width:50em) {
.type-interior>.ui-panel-content-wrap>div[data-role=content],
.type-interior>div[data-role=content] {
.type-interior>div[data-role=content],
.type-interior>.ui-panel-content-wrap>div[data-role=content]
{
padding-right: 0;
padding-left: 0;
padding-top: 0;
@ -74,6 +75,22 @@ progress[aria-valuenow]:before {
height: 4em
}
a[data-role=button] {
background: #292929 !important;
background-clip: padding-box;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-webkit-background-clip: padding-box;
cursor: pointer !important;
font-family: inherit !important;
font-weight: 500 !important;
margin: 0 .25em !important;
display: inline-block;
padding: .8em 1em;
text-align: center;
text-decoration: none !important;
}
div[data-role=controlgroup] a[data-role=button] {
display: inline-block !important;
margin: 0 !important;
@ -107,6 +124,24 @@ div[data-role=controlgroup] a.ui-btn-active {
color: #292929 !important
}
.sessionAppInfo img {
max-width: 40px;
max-height: 40px;
margin-right: 8px;
}
.appLinks img {
height: 36px
}
.wizardContent h2 img {
height: 2.5em;
vertical-align: middle;
margin-right: .5em;
position: relative;
top: -.3em
}
.header .imageLink {
display: inline-block
}
@ -167,6 +202,18 @@ div[data-role=controlgroup] a.ui-btn-active {
flex-grow: 1
}
.sessionNowPlayingContent {
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.activeSession:not(.playingSession) .sessionNowPlayingContent {
display: none
}
@ -213,15 +260,6 @@ div[data-role=controlgroup] a.ui-btn-active {
}
}
.premiumBanner img {
position: absolute;
text-align: right;
top: 0;
right: 0;
width: 4.4em;
height: 4.4em
}
.wizardContent {
max-width: 62em;
padding: .5em 2em 1em;
@ -237,14 +275,6 @@ div[data-role=controlgroup] a.ui-btn-active {
max-width: 100%
}
.wizardContent h2 img {
height: 2.5em;
vertical-align: middle;
margin-right: .5em;
position: relative;
top: -.3em
}
.scheduledTaskPaperIconItem {
outline: 0 !important
}
@ -296,18 +326,6 @@ div[data-role=controlgroup] a.ui-btn-active {
margin: 0
}
.sessionNowPlayingContent {
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.sessionNowPlayingInnerContent {
position: absolute;
top: 0;
@ -340,12 +358,6 @@ div[data-role=controlgroup] a.ui-btn-active {
padding: 0.8em 0.5em;
}
.sessionAppInfo img {
max-width: 40px;
max-height: 40px;
margin-right: 8px;
}
.sessionNowPlayingTime {
flex-shrink: 0;
align-self: flex-end;
@ -357,6 +369,13 @@ div[data-role=controlgroup] a.ui-btn-active {
white-space: nowrap;
}
.playbackProgress,
.transcodingProgress {
margin: 0px;
width: 100%;
background: transparent !important;
}
.activeSession .playbackProgress,
.activeSession .transcodingProgress {
position: absolute;
@ -367,13 +386,6 @@ div[data-role=controlgroup] a.ui-btn-active {
width: 100%;
}
.playbackProgress,
.transcodingProgress {
margin: 0px;
width: 100%;
background: transparent !important;
}
.playbackProgress > div {
z-index: 1000;
background-color: #00a4dc;
@ -412,26 +424,6 @@ div[data-role=controlgroup] a.ui-btn-active {
margin-left: 5px
}
.appLinks img {
height: 36px
}
a[data-role=button] {
background: #292929 !important;
background-clip: padding-box;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-webkit-background-clip: padding-box;
cursor: pointer !important;
font-family: inherit !important;
font-weight: 500 !important;
margin: 0 .25em !important;
display: inline-block;
padding: .8em 1em;
text-align: center;
text-decoration: none !important;
}
@-webkit-keyframes rotating {
from {
-webkit-transform: rotate(0);

View file

@ -84,6 +84,22 @@
display: none
}
.headerLeft,
.headerRight {
justify-content: center;
}
.headerRight {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.noHeaderRight .headerRight,
.noHomeButtonHeader .headerHomeButton {
display: none !important
@ -164,17 +180,6 @@
width: 100%
}
.headerRight {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.selectedMediaFolder {
background-color: #f2f2f2 !important
}
@ -358,6 +363,11 @@
margin: 0 0 .25em
}
.listTopPaging,
.viewControls {
display: inline-block
}
.viewControls+.listTopPaging {
margin-left: .5em !important
}
@ -445,15 +455,6 @@
bottom: .75em
}
.layout-mobile .detailPagePrimaryContainer {
display: block;
position: relative;
}
.layout-tv .detailPagePrimaryContainer {
position: relative;
}
.detailPagePrimaryContainer {
display: flex;
align-items: center;
@ -464,6 +465,15 @@
z-index: 2;
}
.layout-mobile .detailPagePrimaryContainer {
display: block;
position: relative;
}
.layout-tv .detailPagePrimaryContainer {
position: relative;
}
.infoWrapper {
flex: 1 0 0;
}
@ -483,11 +493,6 @@
padding-right: 2%;
}
.layout-mobile .detailImageContainer,
.layout-tv .detailImageContainer {
position: relative;
}
.detailImageContainer {
margin: 1.25em 0;
position: sticky;
@ -496,6 +501,11 @@
width: 22.786458333333332vw;
}
.layout-mobile .detailImageContainer,
.layout-tv .detailImageContainer {
position: relative;
}
.detailPagePrimaryContent {
position: relative;
-webkit-box-flex: 1;
@ -741,11 +751,6 @@
}
}
.listTopPaging,
.viewControls {
display: inline-block
}
@media all and (max-width:50em) {
.editorMenuLink {
display: none