mirror of
https://github.com/CTalvio/Ultrachromic
synced 2026-01-15 13:52:53 -03:00
Finalized base.css
This commit is contained in:
Casper Talvio
111
accentlist.css
Normal file
111
accentlist.css
Normal file
@@ -0,0 +1,111 @@
|
||||
/*Title text buttons*/
|
||||
button-flat:hover {
|
||||
color: rgba(var(--accent)) !important;
|
||||
}
|
||||
|
||||
.raised:hover,
|
||||
.fab:hover,
|
||||
a[data-role="button"]:hover {
|
||||
background: rgba(var(--accent),0.5) !important;
|
||||
}
|
||||
|
||||
.subtitleappearance-preview {
|
||||
background: linear-gradient(140deg,rgb(var(--accent)),#111) !important;
|
||||
}
|
||||
|
||||
.navMenuOption-selected {
|
||||
color: rgba(var(--accent));
|
||||
}
|
||||
.mdl-slider-background-lower {
|
||||
background-color: rgba(var(--accent));
|
||||
}
|
||||
|
||||
.playbackProgress>div {
|
||||
background-color: rgba(var(--accent),0.75);
|
||||
}
|
||||
progress::-moz-progress-bar {
|
||||
background-color: rgba(var(--accent),0.75);
|
||||
}
|
||||
progress::-webkit-progress-value {
|
||||
background-color: rgba(var(--accent),0.75);
|
||||
}
|
||||
.taskProgressInner {
|
||||
background: rgba(var(--accent),0.75) !important;
|
||||
}
|
||||
|
||||
.transcodingProgress>div,
|
||||
.itemProgressBarForeground {
|
||||
background-color: rgba(var(--accent),0.35);
|
||||
}
|
||||
|
||||
.mdl-slider-background-lower {
|
||||
background-color: rgb(var(--accent));
|
||||
}
|
||||
.mdl-slider::-moz-range-thumb {
|
||||
background: rgb(var(--accent));
|
||||
}
|
||||
.mdl-slider::-ms-thumb {
|
||||
background: rgb(var(--accent));
|
||||
}
|
||||
.mdl-slider::-webkit-slider-thumb {
|
||||
background: rgb(var(--accent));
|
||||
}
|
||||
.iconOsdProgressInner {
|
||||
background: rgb(var(--accent));
|
||||
}
|
||||
|
||||
.paper-icon-button-light:hover,
|
||||
.raised.homeLibraryButton:hover,
|
||||
.button-flat:hover,
|
||||
.playstatebutton-icon-played,
|
||||
.ratingbutton-icon-withrating,
|
||||
.paper-icon-button-light:hover:not(:disabled),
|
||||
.emby-tab-button:hover,
|
||||
.selectLabelFocused,
|
||||
.inputLabelFocused,
|
||||
.textareaLabelFocused,
|
||||
.buttonActive,
|
||||
.button-link {
|
||||
color: rgba(var(--accent)) !important;
|
||||
}
|
||||
|
||||
#itemDetailPage .button-link {color: inherit !important;}
|
||||
|
||||
.navMenuOption:hover,
|
||||
.actionSheetMenuItem:hover {
|
||||
background-color: rgba(var(--accent),0.5) !important;
|
||||
}
|
||||
|
||||
.emby-checkbox:checked + span + .checkboxOutline,
|
||||
.emby-textarea:focus,
|
||||
.emby-select-withcolor:focus,
|
||||
.emby-input:focus,
|
||||
.itemSelectionPanel {
|
||||
border: 0.01em solid rgba(var(--accent),0.5) !important;
|
||||
}
|
||||
|
||||
.upNextDialog-countdownText {
|
||||
color: rgba(var(--accent));
|
||||
}
|
||||
|
||||
.mdl-spinner__layer-1 {
|
||||
border-color: rgba(var(--accent));
|
||||
}
|
||||
.mdl-switch__input:checked + .mdl-switch__label + .mdl-switch__trackContainer > .mdl-switch__track {
|
||||
background: rgba(var(--accent), 0.5);
|
||||
}
|
||||
.mdl-switch__input:checked + .mdl-switch__label + .mdl-switch__trackContainer > .mdl-switch__thumb {
|
||||
background: rgba(var(--accent));
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: rgba(var(--accent),0.8) !important;
|
||||
}
|
||||
* {
|
||||
scrollbar-color: rgba(var(--accent),0.8) #0000 !important;
|
||||
}
|
||||
|
||||
/* Syncplay theming*/
|
||||
.syncPlayIconCircle {
|
||||
color: rgba(var(--accent),1) !important;
|
||||
text-shadow: none !important;
|
||||
135
base.css
135
base.css
@@ -7,15 +7,12 @@
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
}
|
||||
.emby-tab-button {
|
||||
padding: 1.75em 1.7em;
|
||||
}
|
||||
|
||||
/*Accommodate mobile and set positions, I think*/
|
||||
/*Accommodate mobile and align buttons and indicators*/
|
||||
.cardIndicators,
|
||||
.listItemIndicators {
|
||||
right: 0.3em;
|
||||
top: 0.3em;
|
||||
right: 0.5em;
|
||||
top: 0.5em;
|
||||
}
|
||||
|
||||
@media all and (min-width: 70em){
|
||||
@@ -34,7 +31,7 @@
|
||||
background-color: rgba(0, 0, 0, 0.5) !important;
|
||||
}
|
||||
.cardOverlayButton {
|
||||
padding: 0.3em;
|
||||
padding: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -76,14 +73,22 @@
|
||||
transition: 0.7s;
|
||||
}
|
||||
|
||||
/*Hover background for buttons*/
|
||||
/*Hover background for section title buttons*/
|
||||
.button-flat:hover {
|
||||
background: rgba(0,0,0,0.4);
|
||||
color: #00a4dc !important;
|
||||
}
|
||||
.button-flat {
|
||||
padding: .5em !important;
|
||||
margin: .2em !important;
|
||||
}
|
||||
.dashboardSection h3 {
|
||||
margin: .5em .0em .5em .5em;
|
||||
}
|
||||
.dashboardSection .sectionTitleTextButton > .material-icons.material-icons {
|
||||
margin-top: .5em;
|
||||
margin-bottom: .5em;
|
||||
margin-right: .2em;
|
||||
}
|
||||
|
||||
/*Shrink the mouseover chapter image when scrobbling*/
|
||||
.chapterThumb {
|
||||
@@ -107,111 +112,7 @@
|
||||
background: #0000 !important;
|
||||
}
|
||||
|
||||
/*Everything below is from customcolor add-on*/
|
||||
.raised:hover,
|
||||
.fab:hover,
|
||||
a[data-role="button"]:hover {
|
||||
background: rgba(var(--accent),0.5) !important;
|
||||
}
|
||||
|
||||
.subtitleappearance-preview {
|
||||
background: linear-gradient(140deg,rgb(var(--accent)),#111) !important;
|
||||
}
|
||||
|
||||
.navMenuOption-selected {
|
||||
color: rgba(var(--accent));
|
||||
}
|
||||
.mdl-slider-background-lower {
|
||||
background-color: rgba(var(--accent));
|
||||
}
|
||||
|
||||
.playbackProgress>div {
|
||||
background-color: rgba(var(--accent),0.75);
|
||||
}
|
||||
progress::-moz-progress-bar {
|
||||
background-color: rgba(var(--accent),0.75);
|
||||
}
|
||||
progress::-webkit-progress-value {
|
||||
background-color: rgba(var(--accent),0.75);
|
||||
}
|
||||
.taskProgressInner {
|
||||
background: rgba(var(--accent),0.75) !important;
|
||||
}
|
||||
|
||||
.transcodingProgress>div,
|
||||
.itemProgressBarForeground {
|
||||
background-color: rgba(var(--accent),0.35);
|
||||
}
|
||||
|
||||
.mdl-slider-background-lower {
|
||||
background-color: rgb(var(--accent));
|
||||
}
|
||||
.mdl-slider::-moz-range-thumb {
|
||||
background: rgb(var(--accent));
|
||||
}
|
||||
.mdl-slider::-ms-thumb {
|
||||
background: rgb(var(--accent));
|
||||
}
|
||||
.mdl-slider::-webkit-slider-thumb {
|
||||
background: rgb(var(--accent));
|
||||
}
|
||||
.iconOsdProgressInner {
|
||||
background: rgb(var(--accent));
|
||||
}
|
||||
|
||||
.paper-icon-button-light:hover,
|
||||
.raised.homeLibraryButton:hover,
|
||||
.button-flat:hover,
|
||||
.playstatebutton-icon-played,
|
||||
.ratingbutton-icon-withrating,
|
||||
.paper-icon-button-light:hover:not(:disabled),
|
||||
.emby-tab-button:hover,
|
||||
.selectLabelFocused,
|
||||
.inputLabelFocused,
|
||||
.textareaLabelFocused,
|
||||
.buttonActive,
|
||||
.button-link {
|
||||
color: rgba(var(--accent)) !important;
|
||||
}
|
||||
|
||||
#itemDetailPage .button-link {color: inherit !important;}
|
||||
|
||||
.navMenuOption:hover,
|
||||
.actionSheetMenuItem:hover {
|
||||
background-color: rgba(var(--accent),0.5) !important;
|
||||
}
|
||||
|
||||
.emby-checkbox:checked + span + .checkboxOutline,
|
||||
.emby-textarea:focus,
|
||||
.emby-select-withcolor:focus,
|
||||
.emby-input:focus,
|
||||
.itemSelectionPanel {
|
||||
border: 0.01em solid rgba(var(--accent),0.5) !important;
|
||||
}
|
||||
|
||||
.upNextDialog-countdownText {
|
||||
color: rgba(var(--accent));
|
||||
}
|
||||
|
||||
.mdl-spinner__layer-1 {
|
||||
border-color: rgba(var(--accent));
|
||||
}
|
||||
.mdl-switch__input:checked + .mdl-switch__label + .mdl-switch__trackContainer > .mdl-switch__track {
|
||||
background: rgba(var(--accent), 0.5);
|
||||
}
|
||||
.mdl-switch__input:checked + .mdl-switch__label + .mdl-switch__trackContainer > .mdl-switch__thumb {
|
||||
background: rgba(var(--accent));
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: rgba(var(--accent),0.8) !important;
|
||||
}
|
||||
* {
|
||||
scrollbar-color: rgba(var(--accent),0.8) #0000 !important;
|
||||
}
|
||||
|
||||
|
||||
/* Syncplay theming*/
|
||||
.syncPlayIconCircle {
|
||||
color: rgba(var(--accent),1) !important;
|
||||
text-shadow: none !important;
|
||||
/*Remove divider on list items*/
|
||||
.listItem-border {
|
||||
border-color: rgba(255, 255, 255, 0) !important;
|
||||
}
|
||||
7
cardindicator_1.css
Normal file
7
cardindicator_1.css
Normal file
@@ -0,0 +1,7 @@
|
||||
/*Card indicators style 1 dark, matches footer style for scene times*/
|
||||
.innerCardFooter,
|
||||
.countIndicator,
|
||||
.playedIndicator {
|
||||
background: rgba(0,0,0,0.4);
|
||||
box-shadow: none;
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
/*Card indicators*/
|
||||
/*Card indicators style 2 colorful, matches footer style for scene times*/
|
||||
.cardIndicators,
|
||||
.listItemIndicators {
|
||||
right: 0;
|
||||
|
||||
@@ -26,254 +26,6 @@
|
||||
background-color: rgba(var(--accent),0.35);
|
||||
}
|
||||
|
||||
/*Make various stuff black, remove text shading*/
|
||||
.endsAtText,
|
||||
.osdTextContainer,
|
||||
.listItemBodyText,
|
||||
.textareaLabelUnfocused,
|
||||
.paper-icon-button-light:hover,
|
||||
.raised.homeLibraryButton:hover,
|
||||
.button-flat:hover,
|
||||
.playstatebutton-icon-played,
|
||||
.ratingbutton-icon-withrating,
|
||||
.paper-icon-button-light:hover:not(:disabled),
|
||||
.emby-tab-button:hover,
|
||||
.selectLabelFocused,
|
||||
.inputLabelFocused,
|
||||
.textareaLabelFocused,
|
||||
.buttonActive,
|
||||
.button-link,
|
||||
.emby-tab-button-active,
|
||||
.toast,
|
||||
.cardText,
|
||||
.paperListLabel,
|
||||
#scheduledTasksPage span,
|
||||
.raised.homeLibraryButton:hover,
|
||||
body,
|
||||
a,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
.textActionButton,
|
||||
.inputLabel,
|
||||
.inputLabelUnfocused,
|
||||
.fieldDescription,
|
||||
.navMenuOption-selected,
|
||||
.raised,
|
||||
.countIndicator,
|
||||
.playedIndicator,
|
||||
.mediaInfoItem,
|
||||
.nowPlayingBarCurrentTime,
|
||||
.paper-icon-button-light {
|
||||
text-shadow: none !important;
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
.cardText-secondary,
|
||||
.fieldDescription,
|
||||
.guide-programNameCaret,
|
||||
.listItem,
|
||||
.secondary,
|
||||
.nowPlayingBarSecondaryText,
|
||||
.programSecondaryTitle,
|
||||
.secondaryText {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
.cardOverlayContainer:hover, .dialog, .toast, .raised.homeLibraryButton:hover {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.alphaPickerButton {
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
#dashboardPage .playbackProgress>div {
|
||||
background-color: rgba(0,0,0,0.75);
|
||||
}
|
||||
#dashboardPage .transcodingProgress>div, #dashboardPage .itemProgressBarForeground {
|
||||
background-color: rgba(0,0,0,0.23);
|
||||
}
|
||||
.sessionAppInfo {
|
||||
filter: brightness(10%);
|
||||
}
|
||||
#devicesPage .cardImage {
|
||||
filter: brightness(20%);
|
||||
}
|
||||
|
||||
/*Theme media player*/
|
||||
.videoOsdBottom {
|
||||
background: rgba(210,210,210,.72);
|
||||
padding-top: 0;
|
||||
}
|
||||
.skinHeader-withBackground.osdHeader {
|
||||
background: rgba(255,255,255,.7) !important;
|
||||
height: 5em;
|
||||
}
|
||||
.mdl-slider-background-flex {
|
||||
background: rgba(0,0,0,.45);
|
||||
}
|
||||
|
||||
/*Syncplay*/
|
||||
@-webkit-keyframes pulse {
|
||||
0% {
|
||||
-webkit-transform:scale(.95);
|
||||
transform:scale(.95);
|
||||
color:rgba(var(--accent),.7);
|
||||
background:rgba(var(--accent),.3);
|
||||
box-shadow:0 0 0 0 rgba(var(--accent),.3)
|
||||
}
|
||||
70% {
|
||||
-webkit-transform:scale(1);
|
||||
transform:scale(1);
|
||||
color:rgba(var(--accent),0);
|
||||
background:rgba(var(--accent),0);
|
||||
box-shadow:0 0 0 60px rgba(var(--accent),0)
|
||||
}
|
||||
to {
|
||||
-webkit-transform:scale(.95);
|
||||
transform:scale(.95);
|
||||
color:rgba(var(--accent),0);
|
||||
background:rgba(var(--accent),0);
|
||||
box-shadow:0 0 0 0 rgba(var(--accent),0)
|
||||
}
|
||||
}
|
||||
@keyframes pulse {
|
||||
0% {
|
||||
-webkit-transform:scale(.95);
|
||||
transform:scale(.95);
|
||||
color:rgba(var(--accent),.7);
|
||||
background:rgba(var(--accent),.3);
|
||||
box-shadow:0 0 0 0 rgba(var(--accent),.3)
|
||||
}
|
||||
70% {
|
||||
-webkit-transform:scale(1);
|
||||
transform:scale(1);
|
||||
color:rgba(var(--accent),0);
|
||||
background:rgba(var(--accent),0);
|
||||
box-shadow:0 0 0 60px rgba(var(--accent),0)
|
||||
}
|
||||
to {
|
||||
-webkit-transform:scale(.95);
|
||||
transform:scale(.95);
|
||||
color:rgba(var(--accent),0);
|
||||
background:rgba(var(--accent),0);
|
||||
box-shadow:0 0 0 0 rgba(var(--accent),0)
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes infinite-pulse {
|
||||
0% {
|
||||
-webkit-transform:scale(.95);
|
||||
transform:scale(.95);
|
||||
color:rgba(var(--accent),.7);
|
||||
background:rgba(var(--accent),.3);
|
||||
box-shadow:0 0 0 0 rgba(var(--accent),.3)
|
||||
}
|
||||
70% {
|
||||
-webkit-transform:scale(1);
|
||||
transform:scale(1);
|
||||
color:rgba(var(--accent),.6);
|
||||
background:rgba(var(--accent),0);
|
||||
box-shadow:0 0 0 60px rgba(var(--accent),0)
|
||||
}
|
||||
to {
|
||||
-webkit-transform:scale(.95);
|
||||
transform:scale(.95);
|
||||
color:rgba(var(--accent),.7);
|
||||
background:rgba(var(--accent),.3);
|
||||
box-shadow:0 0 0 0 rgba(var(--accent),0)
|
||||
}
|
||||
}
|
||||
@keyframes infinite-pulse {
|
||||
0% {
|
||||
-webkit-transform:scale(.95);
|
||||
transform:scale(.95);
|
||||
color:rgba(var(--accent),.7);
|
||||
background:rgba(var(--accent),.3);
|
||||
box-shadow:0 0 0 0 rgba(var(--accent),.3)
|
||||
}
|
||||
70% {
|
||||
-webkit-transform:scale(1);
|
||||
transform:scale(1);
|
||||
color:rgba(var(--accent),.6);
|
||||
background:rgba(var(--accent),0);
|
||||
box-shadow:0 0 0 60px rgba(var(--accent),0)
|
||||
}
|
||||
to {
|
||||
-webkit-transform:scale(.95);
|
||||
transform:scale(.95);
|
||||
color:rgba(var(--accent),.7);
|
||||
background:rgba(var(--accent),.3);
|
||||
box-shadow:0 0 0 0 rgba(var(--accent),0)
|
||||
}
|
||||
}
|
||||
|
||||
/*Make various stuff light*/
|
||||
.sessionNowPlayingInnerContent {
|
||||
background: rgba(220,220,220,.8);
|
||||
}
|
||||
.emby-select-withcolor > option {
|
||||
color: #333;
|
||||
background: #cecece;
|
||||
}
|
||||
.raised.homeLibraryButton {
|
||||
background: rgba(255, 255, 255, 0.8) !important;
|
||||
}
|
||||
.raised.homeLibraryButton:hover {
|
||||
background: rgba(200, 200, 200, 0.25) !important;
|
||||
}
|
||||
|
||||
.navMenuOption-selected {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.navMenuOption-selected, .selectionCommandsPanel {
|
||||
background: #cecece !important;
|
||||
}
|
||||
|
||||
.playedIndicator {
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.nowPlayingContextMenu, .nowPlayingPlaylist, html {
|
||||
background-color: #cecece !important;
|
||||
}
|
||||
|
||||
.backgroundContainer, .dialog, .innerCardFooter {
|
||||
background-color: #cecece;
|
||||
}
|
||||
|
||||
.formDialogHeader, .formDialogFooter {
|
||||
background-color: #eaeaea !important;
|
||||
}
|
||||
|
||||
.cardOverlayContainer {
|
||||
background-color: rgba(200, 200, 200, 0.7);
|
||||
}
|
||||
|
||||
.listItem:hover {
|
||||
background-color: rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
|
||||
.dialog,
|
||||
#user_usage_report_table,
|
||||
.detailTable,
|
||||
.mainDrawer,
|
||||
.toast,
|
||||
.nowPlayingBarTop,
|
||||
.paperList,
|
||||
.visualCardBox,
|
||||
.checkboxOutline,
|
||||
.emby-input,
|
||||
.emby-textarea,
|
||||
.emby-select-withcolor {
|
||||
background-color: rgba(245, 245, 245, 0.8);
|
||||
}
|
||||
|
||||
/*Accenting*/
|
||||
|
||||
.ratingbutton-icon-withrating,
|
||||
|
||||
@@ -84,9 +84,6 @@ body, h1, h2, h3, h4, .textActionButton, .emby-button-foreground {
|
||||
.paperList, .visualCardBox {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.listItem-border {
|
||||
border-color: rgba(255, 255, 255, 0) !important;
|
||||
}
|
||||
|
||||
/*Change look of fields*/
|
||||
.infoBanner {
|
||||
|
||||
248
type/light.css
248
type/light.css
@@ -32,4 +32,252 @@ progress::-webkit-progress-value {
|
||||
}
|
||||
#scheduledTasksPage span {
|
||||
color: rgba(255,255,255) !important;
|
||||
}
|
||||
|
||||
/*Make various stuff black, remove text shading*/
|
||||
.endsAtText,
|
||||
.osdTextContainer,
|
||||
.listItemBodyText,
|
||||
.textareaLabelUnfocused,
|
||||
.paper-icon-button-light:hover,
|
||||
.raised.homeLibraryButton:hover,
|
||||
.button-flat:hover,
|
||||
.playstatebutton-icon-played,
|
||||
.ratingbutton-icon-withrating,
|
||||
.paper-icon-button-light:hover:not(:disabled),
|
||||
.emby-tab-button:hover,
|
||||
.selectLabelFocused,
|
||||
.inputLabelFocused,
|
||||
.textareaLabelFocused,
|
||||
.buttonActive,
|
||||
.button-link,
|
||||
.emby-tab-button-active,
|
||||
.toast,
|
||||
.cardText,
|
||||
.paperListLabel,
|
||||
#scheduledTasksPage span,
|
||||
.raised.homeLibraryButton:hover,
|
||||
body,
|
||||
a,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
.textActionButton,
|
||||
.inputLabel,
|
||||
.inputLabelUnfocused,
|
||||
.fieldDescription,
|
||||
.navMenuOption-selected,
|
||||
.raised,
|
||||
.countIndicator,
|
||||
.playedIndicator,
|
||||
.mediaInfoItem,
|
||||
.nowPlayingBarCurrentTime,
|
||||
.paper-icon-button-light {
|
||||
text-shadow: none !important;
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
.cardText-secondary,
|
||||
.fieldDescription,
|
||||
.guide-programNameCaret,
|
||||
.listItem,
|
||||
.secondary,
|
||||
.nowPlayingBarSecondaryText,
|
||||
.programSecondaryTitle,
|
||||
.secondaryText {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
.cardOverlayContainer:hover, .dialog, .toast, .raised.homeLibraryButton:hover {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.alphaPickerButton {
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
#dashboardPage .playbackProgress>div {
|
||||
background-color: rgba(0,0,0,0.75);
|
||||
}
|
||||
#dashboardPage .transcodingProgress>div, #dashboardPage .itemProgressBarForeground {
|
||||
background-color: rgba(0,0,0,0.23);
|
||||
}
|
||||
.sessionAppInfo {
|
||||
filter: brightness(10%);
|
||||
}
|
||||
#devicesPage .cardImage {
|
||||
filter: brightness(20%);
|
||||
}
|
||||
|
||||
/*Theme media player*/
|
||||
.videoOsdBottom {
|
||||
background: rgba(210,210,210,.72);
|
||||
padding-top: 0;
|
||||
}
|
||||
.skinHeader-withBackground.osdHeader {
|
||||
background: rgba(255,255,255,.7) !important;
|
||||
height: 5em;
|
||||
}
|
||||
.mdl-slider-background-flex {
|
||||
background: rgba(0,0,0,.45);
|
||||
}
|
||||
|
||||
/*Syncplay*/
|
||||
@-webkit-keyframes pulse {
|
||||
0% {
|
||||
-webkit-transform:scale(.95);
|
||||
transform:scale(.95);
|
||||
color:rgba(var(--accent),.7);
|
||||
background:rgba(var(--accent),.3);
|
||||
box-shadow:0 0 0 0 rgba(var(--accent),.3)
|
||||
}
|
||||
70% {
|
||||
-webkit-transform:scale(1);
|
||||
transform:scale(1);
|
||||
color:rgba(var(--accent),0);
|
||||
background:rgba(var(--accent),0);
|
||||
box-shadow:0 0 0 60px rgba(var(--accent),0)
|
||||
}
|
||||
to {
|
||||
-webkit-transform:scale(.95);
|
||||
transform:scale(.95);
|
||||
color:rgba(var(--accent),0);
|
||||
background:rgba(var(--accent),0);
|
||||
box-shadow:0 0 0 0 rgba(var(--accent),0)
|
||||
}
|
||||
}
|
||||
@keyframes pulse {
|
||||
0% {
|
||||
-webkit-transform:scale(.95);
|
||||
transform:scale(.95);
|
||||
color:rgba(var(--accent),.7);
|
||||
background:rgba(var(--accent),.3);
|
||||
box-shadow:0 0 0 0 rgba(var(--accent),.3)
|
||||
}
|
||||
70% {
|
||||
-webkit-transform:scale(1);
|
||||
transform:scale(1);
|
||||
color:rgba(var(--accent),0);
|
||||
background:rgba(var(--accent),0);
|
||||
box-shadow:0 0 0 60px rgba(var(--accent),0)
|
||||
}
|
||||
to {
|
||||
-webkit-transform:scale(.95);
|
||||
transform:scale(.95);
|
||||
color:rgba(var(--accent),0);
|
||||
background:rgba(var(--accent),0);
|
||||
box-shadow:0 0 0 0 rgba(var(--accent),0)
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes infinite-pulse {
|
||||
0% {
|
||||
-webkit-transform:scale(.95);
|
||||
transform:scale(.95);
|
||||
color:rgba(var(--accent),.7);
|
||||
background:rgba(var(--accent),.3);
|
||||
box-shadow:0 0 0 0 rgba(var(--accent),.3)
|
||||
}
|
||||
70% {
|
||||
-webkit-transform:scale(1);
|
||||
transform:scale(1);
|
||||
color:rgba(var(--accent),.6);
|
||||
background:rgba(var(--accent),0);
|
||||
box-shadow:0 0 0 60px rgba(var(--accent),0)
|
||||
}
|
||||
to {
|
||||
-webkit-transform:scale(.95);
|
||||
transform:scale(.95);
|
||||
color:rgba(var(--accent),.7);
|
||||
background:rgba(var(--accent),.3);
|
||||
box-shadow:0 0 0 0 rgba(var(--accent),0)
|
||||
}
|
||||
}
|
||||
@keyframes infinite-pulse {
|
||||
0% {
|
||||
-webkit-transform:scale(.95);
|
||||
transform:scale(.95);
|
||||
color:rgba(var(--accent),.7);
|
||||
background:rgba(var(--accent),.3);
|
||||
box-shadow:0 0 0 0 rgba(var(--accent),.3)
|
||||
}
|
||||
70% {
|
||||
-webkit-transform:scale(1);
|
||||
transform:scale(1);
|
||||
color:rgba(var(--accent),.6);
|
||||
background:rgba(var(--accent),0);
|
||||
box-shadow:0 0 0 60px rgba(var(--accent),0)
|
||||
}
|
||||
to {
|
||||
-webkit-transform:scale(.95);
|
||||
transform:scale(.95);
|
||||
color:rgba(var(--accent),.7);
|
||||
background:rgba(var(--accent),.3);
|
||||
box-shadow:0 0 0 0 rgba(var(--accent),0)
|
||||
}
|
||||
}
|
||||
|
||||
/*Make various stuff light*/
|
||||
.sessionNowPlayingInnerContent {
|
||||
background: rgba(220,220,220,.8);
|
||||
}
|
||||
.emby-select-withcolor > option {
|
||||
color: #333;
|
||||
background: #cecece;
|
||||
}
|
||||
.raised.homeLibraryButton {
|
||||
background: rgba(255, 255, 255, 0.8) !important;
|
||||
}
|
||||
.raised.homeLibraryButton:hover {
|
||||
background: rgba(200, 200, 200, 0.25) !important;
|
||||
}
|
||||
|
||||
.navMenuOption-selected {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.navMenuOption-selected, .selectionCommandsPanel {
|
||||
background: #cecece !important;
|
||||
}
|
||||
|
||||
.playedIndicator {
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.nowPlayingContextMenu, .nowPlayingPlaylist, html {
|
||||
background-color: #cecece !important;
|
||||
}
|
||||
|
||||
.backgroundContainer, .dialog, .innerCardFooter {
|
||||
background-color: #cecece;
|
||||
}
|
||||
|
||||
.formDialogHeader, .formDialogFooter {
|
||||
background-color: #eaeaea !important;
|
||||
}
|
||||
|
||||
.cardOverlayContainer {
|
||||
background-color: rgba(200, 200, 200, 0.7);
|
||||
}
|
||||
|
||||
.listItem:hover {
|
||||
background-color: rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
|
||||
.dialog,
|
||||
#user_usage_report_table,
|
||||
.detailTable,
|
||||
.mainDrawer,
|
||||
.toast,
|
||||
.nowPlayingBarTop,
|
||||
.paperList,
|
||||
.visualCardBox,
|
||||
.checkboxOutline,
|
||||
.emby-input,
|
||||
.emby-textarea,
|
||||
.emby-select-withcolor {
|
||||
background-color: rgba(245, 245, 245, 0.8);
|
||||
}
|
||||
Reference in New Issue
Block a user