430 lines
No EOL
13 KiB
CSS
430 lines
No EOL
13 KiB
CSS
:root {
|
|
--dark-1: #2f3439;
|
|
--dark-2: #2a2e33;
|
|
--dark-3: #24282d;
|
|
/* 1a -> 10% */
|
|
/* 66 -> 40% */
|
|
/* cc -> 80% */
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
::-webkit-scrollbar-button {
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
::-webkit-scrollbar-corner {
|
|
background: transparent;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
body {
|
|
padding-bottom: 25px;
|
|
}
|
|
}
|
|
|
|
.dark-mode::-webkit-scrollbar-thumb,
|
|
.dark-mode *::-webkit-scrollbar-thumb {
|
|
background: rgba(255,255,255,.4);
|
|
border: 0px none rgba(255,255,255,.4);
|
|
border-radius: 10px;
|
|
}
|
|
.dark-mode::-webkit-scrollbar-thumb:hover,
|
|
.dark-mode *::-webkit-scrollbar-thumb:hover {
|
|
background: rgba(255,255,255,.4);
|
|
}
|
|
.dark-mode::-webkit-scrollbar-thumb:activ,
|
|
.dark-mode *::-webkit-scrollbar-thumb:active {
|
|
background: rgba(255,255,255,.4);
|
|
}
|
|
.dark-mode::-webkit-scrollbar-track,
|
|
.dark-mode *::-webkit-scrollbar-track {
|
|
border: 0px none rgba(255,255,255,.4);
|
|
border-radius: 10px;
|
|
}
|
|
|
|
|
|
.light-mode::-webkit-scrollbar-thumb,
|
|
.light-mode *::-webkit-scrollbar-thumb {
|
|
background: rgba(0,0,0,.4);
|
|
border: 0px none rgba(0,0,0,.4);
|
|
border-radius: 10px;
|
|
}
|
|
.light-mode::-webkit-scrollbar-thumb:hover,
|
|
.light-mode *::-webkit-scrollbar-thumb:hover {
|
|
background: rgba(0,0,0,.4);
|
|
}
|
|
.light-mode::-webkit-scrollbar-thumb:active,
|
|
.light-mode *::-webkit-scrollbar-thumb:active {
|
|
background: rgba(0,0,0,.4);
|
|
}
|
|
.light-mode::-webkit-scrollbar-track,
|
|
.light-mode *::-webkit-scrollbar-track {
|
|
border: 0px none rgba(0,0,0,.4);
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.main-sidebar .sidebar {
|
|
overflow-x: hidden !important;
|
|
}
|
|
|
|
.sidebar .os-scrollbar-handle {
|
|
width: 3px;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.mixed-mode footer a.text-dark:hover,
|
|
.dark-mode a.text-dark:hover {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.light-mode .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
|
|
background: rgba(0,0,0,.4) !important;
|
|
}
|
|
.dark-mode .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
|
|
background: rgba(255,255,255,.4) !important;
|
|
}
|
|
|
|
.ace_scrollbar-v,
|
|
.ace_scrollbar-inner {
|
|
width: 6px !important;
|
|
}
|
|
|
|
input:-webkit-autofill,
|
|
input:-webkit-autofill:hover,
|
|
input:-webkit-autofill:focus,
|
|
input:-webkit-autofill:active{
|
|
-webkit-box-shadow: inset !important;
|
|
}
|
|
|
|
.login-page .navbar {
|
|
position: fixed;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
}
|
|
|
|
.preloader {
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.brand-link {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sidebar-collapse .brand-link > img {
|
|
margin: 0px;
|
|
}
|
|
|
|
.user-panel img
|
|
{
|
|
width: 2.1rem;
|
|
height: 2.1rem;
|
|
}
|
|
|
|
.rc-anchor-dark.rc-anchor-normal {
|
|
border: 1px solid #6c757d;
|
|
background: #454d55;
|
|
}
|
|
|
|
.hide, .hidden {
|
|
display: none;
|
|
}
|
|
|
|
body.sidebar-collapse .main-sidebar:not(.hover) .text-truncate
|
|
{
|
|
text-overflow: unset;
|
|
}
|
|
|
|
.main-sidebar img.nav-icon {
|
|
width: 14px !important;
|
|
height: 14px !important;
|
|
}
|
|
|
|
body.sidebar-collapse .main-sidebar img.nav-icon {
|
|
margin-left: 7px !important;
|
|
}
|
|
|
|
body:not(.sidebar-collapse) .main-sidebar img.nav-icon {
|
|
margin-right: 7px !important;
|
|
}
|
|
|
|
.nav-sidebar .nav-link p {
|
|
white-space: nowrap !important;
|
|
}
|
|
|
|
.nav-sidebar .nav-item img.nav-icon {
|
|
margin-right: 0.5rem;
|
|
}
|
|
|
|
.card .card-body > pre {
|
|
padding: 0px;
|
|
background: transparent;
|
|
}
|
|
|
|
.card:not(.maximized-card) .card-body > pre {
|
|
max-height: 400px;
|
|
overflow: auto;
|
|
}
|
|
|
|
pre {
|
|
padding: 1rem;
|
|
}
|
|
|
|
.dark-mode pre {
|
|
color: #fff;
|
|
background-color: var(--dark-1);
|
|
}
|
|
|
|
.light-mode pre {
|
|
background-color: var(--light);
|
|
}
|
|
|
|
.callout a {
|
|
text-decoration: none;
|
|
color: #007bff;
|
|
}
|
|
|
|
.versionInfo:hover {
|
|
cursor: pointer;
|
|
color: #fff;
|
|
}
|
|
|
|
.sort-highlight {
|
|
background: rgb(52 58 64 / 50%);
|
|
border: 2px dashed #2d3338;
|
|
margin-bottom: 10px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.collapsible:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.card-body.p-0 > .table > tbody > tr:nth-child(1) > td {
|
|
border-top: none;
|
|
}
|
|
|
|
.loading:before {
|
|
content: "\f110" !important;
|
|
-webkit-animation: fa-spin 2s infinite linear;
|
|
animation: fa-spin 2s infinite linear;
|
|
}
|
|
.loading {
|
|
content: "Loading..." !important;
|
|
}
|
|
|
|
.shortblink {
|
|
animation: blink 1s infinite;
|
|
}
|
|
@keyframes blink {
|
|
50% {
|
|
opacity: 0.3;
|
|
}
|
|
}
|
|
|
|
.light-mode .btn.redirectLink {
|
|
color: var(--light);
|
|
}
|
|
|
|
.dark-mode .white-popup {
|
|
background-color: var(--dark);
|
|
border: 10px solid var(--dark);
|
|
color: var(--light);
|
|
}
|
|
.dark-mode .magnificTitle {
|
|
background-color: var(--dark);
|
|
}
|
|
|
|
.btn:not(.btn-tool) {
|
|
margin-bottom: 0.1rem;
|
|
margin-right: 0.25rem;
|
|
}
|
|
|
|
.loading-overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 99;
|
|
text-align: center;
|
|
background-color: rgb(0 0 0 / 40%);
|
|
}
|
|
.loading-overlay img {
|
|
top: 40%;
|
|
position: absolute;
|
|
}
|
|
|
|
.tablesorter-header {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
table.tablesorter thead tr .tablesorter-header {
|
|
background-repeat: no-repeat;
|
|
background-position: center right;
|
|
cursor: pointer;
|
|
}
|
|
table.tablesorter thead tr .tablesorter-headerUnSorted {
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC");
|
|
}
|
|
table.tablesorter thead tr .tablesorter-headerAsc {
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==");
|
|
}
|
|
table.tablesorter thead tr .tablesorter-headerDesc {
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=");
|
|
}
|
|
|
|
#toast-container {
|
|
min-width: 28%;
|
|
max-width: calc(100% - 32px);
|
|
width: auto;
|
|
}
|
|
|
|
#toast-container > div {
|
|
width: 100%;
|
|
}
|
|
|
|
.dark-mode .input-group-text {
|
|
background-color: var(--dark-2);
|
|
}
|
|
|
|
/* *** mfp popup *** */
|
|
.mfp-bg {
|
|
opacity: 0.3;
|
|
}
|
|
.light-mode .white-popup {
|
|
border-color: var(--gray);
|
|
border-radius: 6px;
|
|
background-color: var(--light);
|
|
}
|
|
.light-mode .magnificTitle {
|
|
background-color: var(--gray);
|
|
}
|
|
|
|
.ui-dialog .ui-dialog-content {
|
|
min-height: 60px !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Icons Default */
|
|
.administration-table a:before,
|
|
.monitorButtonContainer a:before
|
|
{ content: "\f101"; }
|
|
|
|
/* Icons Defined */
|
|
/* FA Set */
|
|
.monitorButtonContainer a:before,
|
|
.srvctrl a:before {
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 900;
|
|
}
|
|
|
|
/* Brands */
|
|
.nav-sidebar [href^="?m=steam_workshop"] > .nav-icon,
|
|
.administration-table [href^="?m=steam_workshop"]:before,
|
|
.monitorButtonContainer [href^="?m=steam_workshop"]:before,
|
|
.monitorButtonContainer [href^="?m=gamemanager&p=update"]:before,
|
|
.nav-sidebar [href="?m=TS3Admin"] > .nav-icon
|
|
{
|
|
font-family: "Font Awesome 5 Brands";
|
|
font-weight: 400;
|
|
}
|
|
|
|
/* Icons */
|
|
.nav-sidebar [href="?m=dashboard&p=dashboard"] > .nav-icon:before,
|
|
.administration-table [href="?m=dashboard&p=dashboard"]:before { content: "\f3fd"; }
|
|
.nav-sidebar [href="?m=gamemanager&p=game_monitor"] > .nav-icon:before,
|
|
.nav-sidebar [link="?m=gamemanager&p=game_monitor"] > .nav-icon:before { content: "\f108"; }
|
|
.nav-sidebar [href="?m=administration&p=main"] > .nav-icon:before,
|
|
.nav-sidebar [link="?m=administration&p=main"] > .nav-icon:before { content: "\f023"; }
|
|
.nav-sidebar [href="?m=TS3Admin"] > .nav-icon:before { content: "\f4f9"; }
|
|
.nav-sidebar [href^="?m=gamemanager&p=log"] > .nav-icon:before,
|
|
.monitorButtonContainer [href^="?m=gamemanager&p=log"]:before { content: "\f1da"; }
|
|
.nav-sidebar [href="?m=addonsmanager&p=addons_manager"] > .nav-icon:before,
|
|
.monitorButtonContainer [href^="?m=addonsmanager&p=user_addons"]:before,
|
|
.administration-table [href="?m=addonsmanager&p=addons_manager"]:before { content: "\f12e"; }
|
|
.nav-sidebar [href="?m=extras"] > .nav-icon:before,
|
|
.administration-table [href="?m=extras"]:before{ content: "\f1e6"; }
|
|
.nav-sidebar [href^="?m=ftp"] > .nav-icon:before,
|
|
.monitorButtonContainer [href^="?m=ftp"]:before,
|
|
.administration-table [href^="?m=ftp"]:before{ content: "\f15c"; }
|
|
.nav-sidebar [href="?m=user_games"] > .nav-icon:before,
|
|
.administration-table [href="?m=user_games"]:before{ content: "\f11b"; }
|
|
.nav-sidebar [href="?m=config_games"] > .nav-icon:before,
|
|
.administration-table [href="?m=config_games"]:before{ content: "\f044"; }
|
|
.nav-sidebar [href^="?m=litefm"] > .nav-icon:before,
|
|
.nav-sidebar [href="?m=litefm&p=litefm_settings"] > .nav-icon:before,
|
|
.administration-table [href="?m=litefm&p=litefm_settings"]:before,
|
|
.nav-sidebar [href^="?m=user_games&p=edit"] > .nav-icon:before,
|
|
.monitorButtonContainer [href^="?m=user_games&p=edit"]:before{ content: "\f085"; }
|
|
.nav-sidebar [href="?m=modulemanager"] > .nav-icon:before,
|
|
.administration-table [href="?m=modulemanager"]:before { content: "\f009"; }
|
|
.nav-sidebar [href="?m=settings"] > .nav-icon:before,
|
|
.administration-table [href="?m=settings"]:before { content: "\f1de"; }
|
|
.nav-sidebar [href="?m=server"] > .nav-icon:before,
|
|
.administration-table [href="?m=server"]:before { content: "\f233"; }
|
|
.nav-sidebar [href="?m=settings&p=themes"] > .nav-icon:before,
|
|
.administration-table [href="?m=settings&p=themes"]:before { content: "\f043"; }
|
|
.nav-sidebar [href="?m=update"] > .nav-icon:before,
|
|
.administration-table [href="?m=update"]:before { content: "\f021"; }
|
|
.nav-sidebar [href^="?m=gamemanager&p=update"] > .nav-icon:before,
|
|
.nav-sidebar [href^="?m=steam_workshop"] > .nav-icon:before,
|
|
.administration-table [href^="?m=steam_workshop"]:before,
|
|
.monitorButtonContainer [href^="?m=steam_workshop"]:before,
|
|
.monitorButtonContainer [href^="?m=gamemanager&p=update"]:before { content: "\f1b6"; }
|
|
.nav-sidebar [href^="?m=user_admin"] > .nav-icon:before,
|
|
.nav-sidebar [link^="?m=user_admin"] > .nav-icon:before,
|
|
.administration-table [href^="?m=user_admin"]:before{ content: "\f007"; }
|
|
.nav-sidebar [href="?m=user_admin&p=show_groups"] > .nav-icon:before { content: "\f0c0"; }
|
|
.nav-sidebar [href="?m=administration&p=watch_logger"] > .nav-icon:before,
|
|
.administration-table [href="?m=administration&p=watch_logger"]:before { content: "\f017"; }
|
|
.nav-sidebar [href^="?m=cron"] > .nav-icon:before,
|
|
.administration-table [href^="?m=cron"]:before { content: "\f073"; }
|
|
.nav-sidebar [href="?m=mysql&p=mysql_admin"] > .nav-icon:before,
|
|
.monitorButtonContainer [href^="?m=mysql"]:before,
|
|
.administration-table [href="?m=mysql&p=mysql_admin"]:before { content: "\f1c0"; }
|
|
.nav-sidebar [href="?m=administration&p=banlist"] > .nav-icon:before,
|
|
.administration-table [href="?m=administration&p=banlist"]:before { content: "\f05e"; }
|
|
.nav-sidebar [href^="home.php?m=gamemanager&p=rcon_presets"] > .nav-icon:before,
|
|
.monitorButtonContainer [href^="home.php?m=gamemanager&p=rcon_presets"]:before,
|
|
.nav-sidebar [href="?m=rcon&p=rcon"] > .nav-icon:before,
|
|
.administration-table [href="?m=rcon&p=rcon"]:before { content: "\f120"; }
|
|
.nav-sidebar [href^="?m=gamemanager&p=rsync_install"] > .nav-icon:before { content: "\f0ad"; }
|
|
.nav-sidebar [href^="?m=support"] > .nav-icon:before { content: "\f095"; }
|
|
.nav-sidebar [href^="?m=faq"] > .nav-icon:before,
|
|
.administration-table [href^="?m=faq"]:before{ content: "\f059"; }
|
|
.nav-sidebar [href^="?m=fast_download"] > .nav-icon:before,
|
|
.monitorButtonContainer [href^="?m=fast_download"]:before,
|
|
.administration-table [href^="?m=fast_download"]:before { content: "\f019"; }
|
|
.nav-sidebar [href^="?m=dsi"] > .nav-icon:before,
|
|
.monitorButtonContainer [href^="?m=dsi"]:before,
|
|
.administration-table [href^="?m=dsi"]:before{ content: "\f03e"; }
|
|
.nav-sidebar [href^="?m=simple-billing"] > .nav-icon:before,
|
|
.administration-table [href^="?m=simple-billing"]:before { content: "\f07a"; }
|
|
.nav-sidebar [href^="?m=util"] > .nav-icon:before { content: "\f0ad"; }
|
|
.nav-sidebar [href^="?m=lgsl_with_img_mod"] > .nav-icon:before,
|
|
.administration-table [href^="?m=lgsl_with_img_mod"]:before { content: "\f022"; }
|
|
.nav-sidebar [href^="?m=news"] > .nav-icon:before,
|
|
.administration-table [href^="?m=news"]:before { content: "\f1ea"; }
|
|
.nav-sidebar [href^="?m=register"] > .nav-icon:before { content: "\f067"; }
|
|
.nav-sidebar [href="?logout"] > .nav-icon:before { content: "\f08b"; }
|
|
.nav-sidebar [href="index.php"] > .nav-icon:before { content: "\f0e4"; }
|
|
.monitorButtonContainer [href^="?m=litefm"]:before { content: "\f03a"; }
|
|
.monitorbutton.size:before { content: "\f07c"; }
|
|
.monitorbutton.getAutoUpdateLink:before { content: "\f0c1"; }
|
|
.monitorButtonContainer [href^="?m=gamemanager&p=rsync_install"]:before { content: "\f381"; }
|
|
.administration-table.externalLinks a:before { content: "\f0c1"; }
|
|
.nav-sidebar [href^="?m=tickets"] > .nav-icon:before,
|
|
.administration-table [href^="?m=tickets"]:before { content: "\f4c4"; }
|
|
.monitorButtonContainer [href^="?m=editconfigfiles"]:before { content: "\f1c9"; }
|
|
.monitorButtonContainer [href^="?m=user_games&p=custom_fields"]:before { content: "\f1de"; }
|
|
.nav-sidebar [href="?m=tshock"] > .nav-icon:before { content: "\f1bb"; }
|
|
.nav-sidebar [href="?m=circular"] > .nav-icon:before,
|
|
.administration-table [href="?m=circular"]:before { content: "\f0e0"; }
|
|
.monitorbutton.getAPILinks:before { content: "\f1da"; } |