mirror of
https://github.com/gilbN/theme.park.git
synced 2024-11-20 01:52:32 +01:00
721 lines
19 KiB
CSS
721 lines
19 KiB
CSS
|
/* dP dP dP */
|
||
|
|
/* 88 88 88 */
|
||
|
|
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||
|
|
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||
|
|
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||
|
|
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||
|
|
/* 88 */
|
||
|
|
/* dP */
|
||
|
|
|
||
|
|
/* Made by @gilbN */
|
||
|
|
/* https://github.com/gilbN/theme.park */
|
||
|
|
|
||
|
|
* {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
color: var(--text);
|
||
|
|
background: var(--main-bg-color);
|
||
|
|
background-repeat: repeat, no-repeat;
|
||
|
|
background-attachment: fixed, fixed;
|
||
|
|
background-position: center center, center center;
|
||
|
|
background-size: auto, cover;
|
||
|
|
-webkit-background-size: auto, cover;
|
||
|
|
-moz-background-size: auto, cover;
|
||
|
|
-o-background-size: auto, cover;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1,
|
||
|
|
h2,
|
||
|
|
h3,
|
||
|
|
h4,
|
||
|
|
h5,
|
||
|
|
h6,
|
||
|
|
strong {
|
||
|
|
color: var(--text-hover);
|
||
|
|
}
|
||
|
|
|
||
|
|
i.fa.fa-fw {
|
||
|
|
color: var(--text-hover) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
a,
|
||
|
|
.blue-text,
|
||
|
|
a.static,
|
||
|
|
i.control {
|
||
|
|
color: var(--link-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
a:hover,
|
||
|
|
a.static:hover,
|
||
|
|
i.control:hover {
|
||
|
|
color: var(--link-color-hover);
|
||
|
|
}
|
||
|
|
|
||
|
|
#template {
|
||
|
|
background: var(--main-bg-color);
|
||
|
|
background-repeat: repeat, no-repeat;
|
||
|
|
background-attachment: fixed, fixed;
|
||
|
|
background-position: center center, center center;
|
||
|
|
background-size: auto, cover;
|
||
|
|
-webkit-background-size: auto, cover;
|
||
|
|
-moz-background-size: auto, cover;
|
||
|
|
-o-background-size: auto, cover;
|
||
|
|
}
|
||
|
|
|
||
|
|
#menu {
|
||
|
|
background: var(--main-bg-color);
|
||
|
|
background-repeat: repeat, no-repeat;
|
||
|
|
background-attachment: fixed, fixed;
|
||
|
|
background-position: center center, center center;
|
||
|
|
background-size: auto, cover;
|
||
|
|
-webkit-background-size: auto, cover;
|
||
|
|
-moz-background-size: auto, cover;
|
||
|
|
-o-background-size: auto, cover;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header .text-left {
|
||
|
|
border-right: solid medium rgb(var(--accent-color));
|
||
|
|
}
|
||
|
|
|
||
|
|
#header {
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header,
|
||
|
|
#header .text-right a {
|
||
|
|
color: var(--text) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header .block {
|
||
|
|
background-color: rgb(0 0 0 / 20%);
|
||
|
|
border-radius: 0px 0px 0px 25px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#nav-block #nav-item:focus:after,
|
||
|
|
#nav-block #nav-item:hover:after,
|
||
|
|
#nav-block #nav-item.active:after {
|
||
|
|
background: var(--accent-color-hover);
|
||
|
|
}
|
||
|
|
|
||
|
|
#nav-block #nav-item a:hover {
|
||
|
|
color: var(--text-hover);
|
||
|
|
}
|
||
|
|
|
||
|
|
#nav-block #nav-item a {
|
||
|
|
color: var(--text);
|
||
|
|
}
|
||
|
|
|
||
|
|
#nav-item.active a {
|
||
|
|
color: rgb(var(--accent-color)) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
#nav-item.active a:hover {
|
||
|
|
color: rgb(var(--accent-color)) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
textarea {
|
||
|
|
background: rgb(0 0 0 / 25%);
|
||
|
|
}
|
||
|
|
|
||
|
|
/*DASHBOARD*/
|
||
|
|
table.share_status.dashboard {
|
||
|
|
background-color: rgba(0, 0, 0, .15);
|
||
|
|
border: 1px solid rgba(255, 255, 255, .25);
|
||
|
|
}
|
||
|
|
|
||
|
|
table.share_status.dashboard tr>td.next {
|
||
|
|
border-top: 1px solid rgba(255, 255, 255, .25);
|
||
|
|
color: var(--text-hover);
|
||
|
|
}
|
||
|
|
|
||
|
|
span.outer.solid {
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
span.inner {
|
||
|
|
width: 137px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
thead.sortable,
|
||
|
|
thead,
|
||
|
|
table.tablesorter thead tr th {
|
||
|
|
color: var(--text-hover);
|
||
|
|
}
|
||
|
|
|
||
|
|
.sys,
|
||
|
|
.usage-disk,
|
||
|
|
.usage-bar {
|
||
|
|
background: rgba(0, 0, 0, .35);
|
||
|
|
}
|
||
|
|
|
||
|
|
.usage-disk>span:first-child {
|
||
|
|
background-color: #4caf50
|
||
|
|
}
|
||
|
|
|
||
|
|
#db-box3>tbody.smb.share.share1.sortable>tr>td>a {
|
||
|
|
color: var(--link-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
#db-box3>tbody.smb.share.share1.sortable>tr>td>a:hover {
|
||
|
|
color: var(--link-color-hover);
|
||
|
|
}
|
||
|
|
|
||
|
|
.green-text,
|
||
|
|
.passed,
|
||
|
|
.green {
|
||
|
|
color: #4caf50;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*MAIN*/
|
||
|
|
#title {
|
||
|
|
border-bottom: 1px solid rgba(255, 255, 255, .25);
|
||
|
|
background-color: rgba(0, 0, 0, .5);
|
||
|
|
color: var(--text-hover);
|
||
|
|
}
|
||
|
|
|
||
|
|
table {
|
||
|
|
background-color: rgb(0 0 0 / 25%);
|
||
|
|
}
|
||
|
|
|
||
|
|
table.disk_status thead tr:first-child td,
|
||
|
|
table tbody tr.tr_last,
|
||
|
|
table.share_status tbody tr:nth-child(even),
|
||
|
|
table.share_status thead tr:first-child td,
|
||
|
|
table.tablesorter thead tr th,
|
||
|
|
table.tablesorter tbody tr:nth-child(even),
|
||
|
|
table.tablesorter thead tr .tablesorter-headerAsc,
|
||
|
|
table.tablesorter thead tr .tablesorter-headerDesc {
|
||
|
|
background-color: rgba(0, 0, 0, .25);
|
||
|
|
}
|
||
|
|
|
||
|
|
table.disk_status tbody tr:nth-child(even) {
|
||
|
|
background-color: rgba(0, 0, 0, .25);
|
||
|
|
}
|
||
|
|
|
||
|
|
table.disk_status thead tr:last-child {
|
||
|
|
border-bottom: 1px solid rgb(160, 160, 160);
|
||
|
|
}
|
||
|
|
|
||
|
|
table.tablesorter thead tr {
|
||
|
|
border-bottom: rgba(255, 255, 255, .25) 1px solid;
|
||
|
|
}
|
||
|
|
|
||
|
|
table tbody tr.tr_last {
|
||
|
|
border-top: 1px solid rgba(255, 255, 255, .25);
|
||
|
|
}
|
||
|
|
|
||
|
|
table.share_status tbody tr.warn {
|
||
|
|
color: #e68a00 !important;
|
||
|
|
background-color: #feefb3 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*BUTTON*/
|
||
|
|
input[type=button],
|
||
|
|
input[type=reset],
|
||
|
|
input[type=submit],
|
||
|
|
button,
|
||
|
|
button[type=button],
|
||
|
|
a.button,
|
||
|
|
.sweet-alert button,
|
||
|
|
#template button[type=button],
|
||
|
|
#template button {
|
||
|
|
color: var(--text);
|
||
|
|
text-shadow: var(--text-shadow) var(--text-shadow-color);
|
||
|
|
background: linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
|
||
|
|
background: -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
|
||
|
|
background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
|
||
|
|
border: 1px solid transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
input:hover[type=button],
|
||
|
|
input:hover[type=reset],
|
||
|
|
input:hover[type=submit],
|
||
|
|
button:hover,
|
||
|
|
button:hover[type=button],
|
||
|
|
a.button:hover,
|
||
|
|
.sweet-alert button:hover,
|
||
|
|
#template button[type=button]:hover,
|
||
|
|
#template button:hover {
|
||
|
|
color: var(--button-text-hover);
|
||
|
|
text-shadow: var(--text-shadow) var(--button-color-hover);
|
||
|
|
box-shadow: var(--box-shadow) var(--button-color-hover);
|
||
|
|
background-color: var(--button-color-hover);
|
||
|
|
background: -webkit-gradient(linear, left top, right top, from(var(--button-color-hover)), to(var(--button-color-hover)));
|
||
|
|
background: linear-gradient(90deg, var(--button-color-hover) 0, var(--button-color-hover));
|
||
|
|
}
|
||
|
|
|
||
|
|
.swal-button {
|
||
|
|
color: var(--button-text) !important;
|
||
|
|
text-shadow: var(--text-shadow) var(--text-shadow-color) !important;
|
||
|
|
background: linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat !important;
|
||
|
|
background: -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat !important;
|
||
|
|
background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100% !important;
|
||
|
|
border: 1px solid transparent !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.swal-button:hover {
|
||
|
|
color: var(--button-text-hover) !important;
|
||
|
|
text-shadow: var(--text-shadow) var(--button-color-hover) !important;
|
||
|
|
box-shadow: var(--box-shadow) var(--button-color-hover) !important;
|
||
|
|
background-color: var(--button-color-hover) !important;
|
||
|
|
background: -webkit-gradient(linear, left top, right top, from(var(--button-color-hover)), to(var(--button-color-hover))) !important;
|
||
|
|
background: linear-gradient(90deg, var(--button-color-hover) 0, var(--button-color-hover)) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switch-button-background.checked {
|
||
|
|
background-color: #4caf50 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switch-button-label.on {
|
||
|
|
color: #4caf50 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* BAR GAUGES */
|
||
|
|
.usage-disk {
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* USERS */
|
||
|
|
div.user-list {
|
||
|
|
border: 1px solid rgba(255, 255, 255, .15);
|
||
|
|
background-color: rgba(255, 255, 255, .05);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* SETTINGS */
|
||
|
|
label.checkbox input:checked~.checkmark {
|
||
|
|
background: var(--button-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
.logLine {
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.logLine.spacing {
|
||
|
|
color: var(--text);
|
||
|
|
background: var(--modal-bg-color);
|
||
|
|
background-repeat: repeat, no-repeat;
|
||
|
|
background-attachment: fixed, fixed;
|
||
|
|
background-position: center center, center center;
|
||
|
|
background-size: auto, cover;
|
||
|
|
-webkit-background-size: auto, cover;
|
||
|
|
-moz-background-size: auto, cover;
|
||
|
|
-o-background-size: auto, cover;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sb-info-inner,
|
||
|
|
#sb-loading-inner,
|
||
|
|
div.sb-message {
|
||
|
|
color: var(--text);
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sb-title,
|
||
|
|
#sb-title-inner {
|
||
|
|
color: var(--text-hover);
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
#sb-wrapper {
|
||
|
|
border: 1px rgba(0, 0, 0, 0) solid;
|
||
|
|
color: var(--text);
|
||
|
|
background: var(--modal-bg-color);
|
||
|
|
background-repeat: repeat, no-repeat;
|
||
|
|
background-attachment: fixed, fixed;
|
||
|
|
background-position: center center, center center;
|
||
|
|
background-size: auto, cover;
|
||
|
|
-webkit-background-size: auto, cover;
|
||
|
|
-moz-background-size: auto, cover;
|
||
|
|
-o-background-size: auto, cover;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sb-loading,
|
||
|
|
#sb-body-inner,
|
||
|
|
iframe {
|
||
|
|
color: var(--text);
|
||
|
|
background: transparent !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.Panel i.PanelIcon {
|
||
|
|
color: var(--text-hover);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* PLUGINS */
|
||
|
|
div.tab [type=radio]:checked+label,
|
||
|
|
div.tab [type=radio]+label:hover {
|
||
|
|
border: 1px solid var(--accent-color-hover);
|
||
|
|
color: var(--text-hover);
|
||
|
|
}
|
||
|
|
|
||
|
|
div.tab [type=radio]+label {
|
||
|
|
border: 1px solid rgb(255 255 255 / 25%);
|
||
|
|
background-color: rgb(0 0 0 / 50%);
|
||
|
|
opacity: 0.5;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* FOOTER */
|
||
|
|
#footer {
|
||
|
|
color: var(--text);
|
||
|
|
background: var(--main-bg-color);
|
||
|
|
background-repeat: repeat, no-repeat;
|
||
|
|
background-attachment: fixed, fixed;
|
||
|
|
background-position: center center, center center;
|
||
|
|
background-size: auto, cover;
|
||
|
|
-webkit-background-size: auto, cover;
|
||
|
|
-moz-background-size: auto, cover;
|
||
|
|
-o-background-size: auto, cover;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* CA */
|
||
|
|
.ca_holderDocker {
|
||
|
|
background-color: rgb(0 0 0 / 10%) !important;
|
||
|
|
border-color: rgb(0 0 0 / 25%) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ca_holderDocker::before {
|
||
|
|
color: rgb(255 255 255 / 40%) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.selectedMenu {
|
||
|
|
color: rgb(var(--accent-color)) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hoverMenu {
|
||
|
|
color: var(--link-color-hover) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ca_descriptionArea:hover,
|
||
|
|
a.ca_repoPopup:hover {
|
||
|
|
color: var(--button-text-hover) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ca_templatesDisplay .ca_holderFav {
|
||
|
|
background: rgb(var(--accent-color), .7) !important;
|
||
|
|
color: var(--label-text-color) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
a.ca_appreadmore:hover {
|
||
|
|
color: var(--link-color-hover) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ca_bottomLine .appIcons:hover,
|
||
|
|
.ca_bottomLine .unpinned:hover {
|
||
|
|
text-decoration: none;
|
||
|
|
color: var(--link-color-hover) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
|
||
|
|
border-left: 3px solid rgb(var(--accent-color)) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
|
||
|
|
border-top: 3px solid rgb(var(--accent-color)) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
|
||
|
|
border-top-color: rgb(var(--accent-color)) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
|
||
|
|
border-right-color: rgb(var(--accent-color)) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border,
|
||
|
|
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
|
||
|
|
border-bottom-color: rgb(var(--accent-color)) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.appIconsPopUp:hover {
|
||
|
|
color: var(--accent-color-hover) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
a.popUpLink:hover {
|
||
|
|
color: var(--accent-color-hover) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
li.caMenuItem {
|
||
|
|
color: var(--link-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
li.caMenuItem:hover {
|
||
|
|
color: var(--link-color-hover);
|
||
|
|
}
|
||
|
|
|
||
|
|
.ca_holder {
|
||
|
|
background-color: rgb(0, 0, 0, .25) !important;
|
||
|
|
border-color: rgba(255, 255, 255, 0.1) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ca_holder:hover {
|
||
|
|
background-color: rgba(0, 0, 0, 0.45) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.supportButton,
|
||
|
|
.actionsPopup,
|
||
|
|
.supportPopup,
|
||
|
|
.popupProfile,
|
||
|
|
.repoPopup,
|
||
|
|
.ca_favouriteRepo {
|
||
|
|
color: var(--button-text) !important;
|
||
|
|
background: var(--button-color) !important;
|
||
|
|
border-color: var(--button-color) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
#templates_content > div > div > div.ca_bottomLine > div.infoButton.ca_appPopup {
|
||
|
|
color: var(--button-text) !important;
|
||
|
|
background: var(--button-color) !important;
|
||
|
|
border-color: var(--button-color) !important;
|
||
|
|
}
|
||
|
|
.infoButton:hover {
|
||
|
|
background: var(--button-color-hover) !important;
|
||
|
|
color: var(--button-text-hover) !important;
|
||
|
|
border-color: var(--button-color-hover) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.supportButton:hover,
|
||
|
|
.actionsPopup:hover,
|
||
|
|
.supportPopup:hover,
|
||
|
|
.popupProfile:hover,
|
||
|
|
.repoPopup:hover,
|
||
|
|
.ca_favouriteRepo:hover,
|
||
|
|
.donate:hover{
|
||
|
|
background: var(--button-color-hover) !important;
|
||
|
|
color: var(--button-text-hover) !important;
|
||
|
|
border-color: var(--button-color-hover) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.donate a {
|
||
|
|
color: var(--button-text) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.donate:hover a {
|
||
|
|
color: var(--button-text-hover) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.unpinned {
|
||
|
|
color: var(--button-color) !important
|
||
|
|
}
|
||
|
|
|
||
|
|
.unpinned:hover {
|
||
|
|
color: var(--button-color-hover) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.homeMore:hover,
|
||
|
|
.popUpClose:hover,
|
||
|
|
.enabledIcon:hover,
|
||
|
|
.ca_readmore:hover {
|
||
|
|
color: var(--link-color-hover) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.homeMore,
|
||
|
|
.popUpClose,
|
||
|
|
.ca_readmore {
|
||
|
|
color: var(--link-color) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sortIcons.enabledIcon {
|
||
|
|
color: rgb(var(--accent-color)) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sortIcons.enabledIcon:hover {
|
||
|
|
color: var(--link-color-hover) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sortIcons {
|
||
|
|
color: var(--text) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sortIcons:hover {
|
||
|
|
color: var(--text-hover) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pageSelected {
|
||
|
|
color: rgb(var(--accent-color)) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pageNumber:hover {
|
||
|
|
color: var(--accent-color-hover) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
#copyright>a {
|
||
|
|
color: var(--link-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
#copyright>a:hover {
|
||
|
|
color: var(--link-color-hover);
|
||
|
|
}
|
||
|
|
|
||
|
|
.ca_red {
|
||
|
|
color: #e22828 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* CA search input */
|
||
|
|
#searchButton:hover {
|
||
|
|
color: rgb(var(--accent-color));
|
||
|
|
}
|
||
|
|
|
||
|
|
#searchBox,
|
||
|
|
.searchSubmit {
|
||
|
|
background: rgba(255, 255, 255, 0.05) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* CA slide in menu */
|
||
|
|
|
||
|
|
.chartMenu:hover {
|
||
|
|
color: var(--link-color-hover) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sidenav {
|
||
|
|
background: var(--modal-bg-color) !important;
|
||
|
|
color: var(--text) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* AZURE THEME*/
|
||
|
|
div.frame,
|
||
|
|
div.tabs {
|
||
|
|
background: var(--main-bg-color);
|
||
|
|
background-repeat: repeat, no-repeat;
|
||
|
|
background-attachment: fixed, fixed;
|
||
|
|
background-position: center center, center center;
|
||
|
|
background-size: auto, cover;
|
||
|
|
-webkit-background-size: auto, cover;
|
||
|
|
-moz-background-size: auto, cover;
|
||
|
|
-o-background-size: auto, cover;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*DROPDOWN MENU*/
|
||
|
|
.dropdown-menu {
|
||
|
|
background: var(--drop-down-menu-bg) !important;
|
||
|
|
background-repeat: repeat, no-repeat;
|
||
|
|
background-attachment: fixed, fixed;
|
||
|
|
background-position: center center, center center;
|
||
|
|
background-size: auto, cover;
|
||
|
|
-webkit-background-size: auto, cover;
|
||
|
|
-moz-background-size: auto, cover;
|
||
|
|
-o-background-size: auto, cover;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown-menu a {
|
||
|
|
color: var(--text) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown-menu .divider {
|
||
|
|
background-color: rgb(255 255 255 / 10%) !important;
|
||
|
|
border-bottom: 1px solid rgb(255 255 255 / 10%) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown-menu li>a:hover,
|
||
|
|
.dropdown-menu li>a:focus,
|
||
|
|
.dropdown-submenu:hover>a {
|
||
|
|
color: var(--text-hover) !important;
|
||
|
|
background: rgb(255 255 255 / 10%) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*VM MANAGER*/
|
||
|
|
div.shade-black {
|
||
|
|
background-color: rgb(0 0 0 / 15%) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
::placeholder {
|
||
|
|
color: var(--text-muted) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
:-ms-input-placeholder {
|
||
|
|
color: var(--text-muted) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
::-webkit-input-placeholder {
|
||
|
|
color: var(--text-muted) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* MODAL */
|
||
|
|
|
||
|
|
/* .sweet-alert {
|
||
|
|
background: var(--modal-bg-color) !important;
|
||
|
|
} */
|
||
|
|
|
||
|
|
.showSweetAlert:not([data-has-cancel-button="false"]),
|
||
|
|
.swal-overlay--show-modal .swal-modal {
|
||
|
|
background: var(--modal-bg-color);
|
||
|
|
background-repeat: repeat, no-repeat;
|
||
|
|
background-attachment: fixed, fixed;
|
||
|
|
background-position: center center, center center;
|
||
|
|
background-size: auto, cover;
|
||
|
|
-webkit-background-size: auto, cover;
|
||
|
|
-moz-background-size: auto, cover;
|
||
|
|
-o-background-size: auto, cover;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sweet-alert h2,
|
||
|
|
.sweet-alert p,
|
||
|
|
.swal-title,
|
||
|
|
.swal-content,
|
||
|
|
.swal-content select {
|
||
|
|
color: var(--text) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*HELP TEXT*/
|
||
|
|
|
||
|
|
blockquote {
|
||
|
|
border-top: 2px solid rgb(0 0 0 / 25%);
|
||
|
|
border-bottom: 2px solid rgb(0 0 0 / 25%);
|
||
|
|
color: var(--text);
|
||
|
|
background-color: rgb(0 0 0 / 10%);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* MY SERVERS */
|
||
|
|
.UnraidUPC .--hasBanner-custom .UnraidUPC-dropdown {
|
||
|
|
background: var(--drop-down-menu-bg) !important;
|
||
|
|
background-repeat: repeat, no-repeat;
|
||
|
|
background-attachment: fixed, fixed;
|
||
|
|
background-position: center center, center center;
|
||
|
|
background-size: auto, cover;
|
||
|
|
-webkit-background-size: auto, cover;
|
||
|
|
-moz-background-size: auto, cover;
|
||
|
|
-o-background-size: auto, cover;
|
||
|
|
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 50%) !important;
|
||
|
|
-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
|
||
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
|
||
|
|
color: var(--text) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
#UnraidUPC .text-beta {
|
||
|
|
color: var(--text) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.UnraidUPC-dropdown a,
|
||
|
|
.UnraidUPC-dropdown button {
|
||
|
|
color: var(--text) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.UnraidUPC-dropdown .btn-emphasize,
|
||
|
|
.UnraidUPC-dropdown a:focus,
|
||
|
|
.UnraidUPC-dropdown a:hover,
|
||
|
|
.UnraidUPC-dropdown button:focus,
|
||
|
|
.UnraidUPC-dropdown button:hover {
|
||
|
|
background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
|
||
|
|
background-image: linear-gradient(90deg, var(--tw-gradient-stops));
|
||
|
|
--tw-gradient-from: var(--accent-color-hover);
|
||
|
|
--tw-gradient-stops: var(--tw-gradient-from), rgb(var(--accent-color)), rgba(226, 40, 40, 0);
|
||
|
|
--tw-gradient-to: var(--accent-color-hover);
|
||
|
|
--tw-text-opacity: 1;
|
||
|
|
color: rgba(255, 255, 255, var(--tw-text-opacity));
|
||
|
|
outline: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
unraid-authed::part(div[data-v-050c892a] > button) {
|
||
|
|
background: pink !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Edit template*/
|
||
|
|
#contDescription {
|
||
|
|
background: rgb(0 0 0 / 25%);
|
||
|
|
padding: 1%;
|
||
|
|
border-radius: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
dt {
|
||
|
|
color: var(--text-hover);
|
||
|
|
}
|