mirror of
https://github.com/gilbN/theme.park.git
synced 2024-11-15 07:32:51 +01:00
276 lines
8.8 KiB
CSS
276 lines
8.8 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 */
|
|
|
|
body {
|
|
background-color: #1f1f1f;
|
|
color:#FFFFFF;
|
|
}
|
|
|
|
/* LOGIN MENU */
|
|
div.login-ui {
|
|
background: inherit;
|
|
}
|
|
.login-ui div.login-dialog {
|
|
background: rgba(0, 0, 0, .25);
|
|
}
|
|
input[type="submit"], button, a.button {
|
|
background-color: #cc7b19;
|
|
}
|
|
input[type="submit"]:hover, button:hover, a.button:hover {
|
|
background-color: #e59029;
|
|
}
|
|
.login-ui .login-fields .labeled-field input:focus {
|
|
background: #1f1f1f !important;
|
|
}
|
|
.login-ui .login-fields .labeled-field.empty input {
|
|
background: rgba(0,0,0,0.25) !important;
|
|
}
|
|
.login-ui .login-fields .labeled-field.empty input:focus {
|
|
background: #1f1f1f !important;
|
|
}
|
|
.login-ui .login-dialog .login-fields input {
|
|
background-color: #1f1f1f !important;
|
|
}
|
|
div.location, input[type=text], input[type=email], input[type=number], input[type=password], textarea {
|
|
color: white !important;
|
|
background: rgba(0, 0, 0, 0.25) !important;
|
|
}
|
|
input[type=checkbox], input[type=number], input[type=text], input[type=email], input[type=radio], label, textarea {
|
|
color: white !important;
|
|
background: transparent;
|
|
}
|
|
|
|
/* HOME MENU */
|
|
.header h2 {
|
|
color: white;
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
.connection .icon.vnc, .connection .icon.rdp {
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-monitor.png);
|
|
}
|
|
.connection .icon.ssh, .connection .icon.telnet {
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-text.png);
|
|
}
|
|
|
|
.user-menu .menu-dropdown .menu-title {
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-user.png);
|
|
background-color: transparent;
|
|
}
|
|
.user-menu .menu-dropdown .menu-contents li a[href="#/"] {
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-home-dark.png);
|
|
}
|
|
.user-menu .menu-dropdown .menu-contents li a[href="#/settings/users"], .user-menu .menu-dropdown .menu-contents li a[href="#/settings/connections"], .user-menu .menu-dropdown .menu-contents li a[href="#/settings/sessions"], .user-menu .menu-dropdown .menu-contents li a[href="#/settings/preferences"] {
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-config-dark.png);
|
|
}
|
|
.user-menu .menu-dropdown .menu-contents li a.logout {
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-logout-dark.png);
|
|
}
|
|
.icon.user {
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-user.png);
|
|
}
|
|
.pager .icon.first-page {
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-first-page.png);
|
|
}
|
|
.pager .icon.prev-page {
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-prev-page.png);
|
|
}
|
|
.pager .icon.next-page {
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-next-page.png);
|
|
}
|
|
.pager .icon.last-page {
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-last-page.png);
|
|
}
|
|
.loading::before{
|
|
background-image:url('https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/cog.png');
|
|
}
|
|
table.sorted th.sort-primary.sort-descending:after {
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/up.png);
|
|
}
|
|
|
|
.menu-dropdown .menu-indicator {
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/down.png);
|
|
}
|
|
.menu-dropdown .menu-indicator:hover {
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/down.png);
|
|
color: #f9be03;
|
|
}
|
|
table.sorted th.sort-primary:after {
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/down.png);
|
|
}
|
|
.menu-dropdown.open, .menu-dropdown.open:hover {
|
|
background: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.menu-dropdown {
|
|
border-left: none;
|
|
background: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.menu-dropdown .menu-contents li a {
|
|
display: block;
|
|
cursor: pointer;
|
|
color: white;
|
|
text-decoration: none;
|
|
padding: .75em;
|
|
background: #1f1f1f;
|
|
}
|
|
.menu-dropdown .menu-contents li a.current, .menu-dropdown .menu-contents li a.current:hover {
|
|
background-color: rgba(0,0,0,.25);
|
|
opacity: .9;
|
|
}
|
|
.menu-dropdown .menu-contents li a:hover {
|
|
background-color: rgba(0,0,0,.25);
|
|
}
|
|
.menu-dropdown:hover {
|
|
background: rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
.menu-dropdown .menu-contents {
|
|
background: #1f1f1f;
|
|
|
|
}
|
|
.header .filter input {
|
|
-moz-border-radius: 0;
|
|
-webkit-border-radius: 0;
|
|
-khtml-border-radius: 0;
|
|
border-radius: 0;
|
|
border: 0;
|
|
border-left: 1px solid rgba(0,0,0,0.125);
|
|
background-color: transparent;
|
|
color: white;
|
|
}
|
|
.header .filter {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.filter .search-string {
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/magnifier.png) !important;
|
|
background-repeat: no-repeat !important;
|
|
background-size: 1.75em !important;
|
|
background-position: .25em center !important;
|
|
padding: .5em !important;
|
|
padding-left: 2.25em !important;
|
|
width: 100%;
|
|
max-width: none;
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
border: 0;
|
|
}
|
|
div.location, input[type=text], input[type=email], input[type=number], input[type=password], textarea {
|
|
color: white;
|
|
}
|
|
|
|
|
|
.user a:visited, .connection a:visited, .connection-group a:visited {
|
|
text-decoration: none;
|
|
color: white;
|
|
}
|
|
.recent-connections .connection:hover {
|
|
background: hsla(0, 0%, 100%, 0.08);
|
|
}
|
|
.list-item:not(.selected) .caption:hover {
|
|
background: hsla(0, 0%, 100%, 0.07);
|
|
}
|
|
.list-item .name {
|
|
color: white;
|
|
}
|
|
|
|
/* SIDE MENU */
|
|
|
|
.menu-content {
|
|
background-color: #1f1f1f;
|
|
}
|
|
.clipboard, .clipboard-service-target {
|
|
background: rgba(0, 0, 0, 0.25);
|
|
color: white;
|
|
}
|
|
/* NOTIFICATION BOX */
|
|
.notification.error {
|
|
background: #1f1f1f;
|
|
color: white;
|
|
}
|
|
.notification {
|
|
background: #1f1f1f;
|
|
color: white;
|
|
}
|
|
|
|
/* SETTINGS */
|
|
.page-tabs .page-list li a[href]:visited {
|
|
color: white;
|
|
}
|
|
.page-tabs .page-list li a[href] {
|
|
color: white;
|
|
}
|
|
.page-tabs .page-list li a[href]:hover {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.user a:visited, .connection a:visited, .connection-group a:visited {
|
|
text-decoration: none;
|
|
color: white;
|
|
}
|
|
.user a, .connection a, .connection-group a {
|
|
text-decoration: none;
|
|
color: white;
|
|
}
|
|
div.location, input[type=text], input[type=email], input[type=number], input[type=password], textarea {
|
|
border: 0;
|
|
background: rgba(0, 0, 0, .25);
|
|
}
|
|
.location-chooser .dropdown {
|
|
background: #666;
|
|
}
|
|
/* USER SETTINGS */
|
|
.page-tabs .page-list li a[href], .section-tabs li a {
|
|
color: white;
|
|
}
|
|
.page-tabs .page-list li a[href]:hover, .section-tabs li a:hover {
|
|
background-color: hsla(0, 0%, 100%, 0.07);
|
|
}
|
|
.manage-user .page-tabs .page-list li.linked a[href]:before {
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/checkmark.png);
|
|
}
|
|
.manage-user .page-tabs .page-list li.read-only a[href]:before {
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/lock.png);
|
|
}
|
|
.manage-user .notice.read-only {
|
|
background: hsla(0, 0%, 100%, 0.07);
|
|
}
|
|
/* DUA 2FA PAGE */
|
|
.duo-signature-response-field {
|
|
background: #1f1f1f !important;
|
|
}
|
|
.base-wrapper {
|
|
border: 1px solid #1b1b1b !important;
|
|
background: #1b1b1b !important;
|
|
}
|
|
.base-body {
|
|
background-color: #333 !important;
|
|
}
|
|
h1.spacious-frame-view {
|
|
color: white !important;
|
|
}
|
|
@media screen and (-webkit-max-device-pixel-ratio: 1.25), screen and (max-resolution: 120dpi)
|
|
h1, .h1 {
|
|
color: white !important;
|
|
}
|
|
.white-wrapper {
|
|
background-color: #333 !important;
|
|
color: white !important;
|
|
}
|
|
form:not(.inline) fieldset {
|
|
background-color: #333 !important;
|
|
}
|
|
label span {
|
|
color: white !important;
|
|
}
|
|
input[type=radio] {
|
|
border: 1px solid #fff !important;
|
|
}
|