|
@ -1,4 +1,3 @@ |
|
|
|
|
|
|
|
|
/* dP dP dP */ |
|
|
/* dP dP dP */ |
|
|
/* 88 88 88 */ |
|
|
/* 88 88 88 */ |
|
|
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ |
|
|
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ |
|
@ -15,33 +14,43 @@ |
|
|
* { |
|
|
* { |
|
|
outline: none !important; |
|
|
outline: none !important; |
|
|
} |
|
|
} |
|
|
h1,h2,h3,h4,h5,h6 { |
|
|
|
|
|
|
|
|
h1, |
|
|
|
|
|
h2, |
|
|
|
|
|
h3, |
|
|
|
|
|
h4, |
|
|
|
|
|
h5, |
|
|
|
|
|
h6 { |
|
|
color: var(--text-hover); |
|
|
color: var(--text-hover); |
|
|
} |
|
|
} |
|
|
body { |
|
|
|
|
|
|
|
|
body { |
|
|
background: var(--main-bg-color) !important; |
|
|
background: var(--main-bg-color) !important; |
|
|
background-repeat: repeat, no-repeat; |
|
|
background-repeat: repeat, no-repeat; |
|
|
background-attachment: fixed, fixed; |
|
|
background-attachment: fixed, fixed; |
|
|
background-position: center center, center center; |
|
|
background-position: center center, center center; |
|
|
background-size: auto, cover; |
|
|
background-size: auto, cover; |
|
|
-webkit-background-size: auto, cover; |
|
|
-webkit-background-size: auto, cover; |
|
|
-moz-background-size: auto, cover; |
|
|
-moz-background-size: auto, cover; |
|
|
-o-background-size: auto, cover; |
|
|
-o-background-size: auto, cover; |
|
|
color:var(--text) !important; |
|
|
color: var(--text) !important; |
|
|
} |
|
|
} |
|
|
div.displayMiddle { |
|
|
|
|
|
background: var(--modal-bg-color); |
|
|
div.displayMiddle { |
|
|
background-repeat: repeat, no-repeat; |
|
|
background: var(--modal-bg-color); |
|
|
background-attachment: fixed, fixed; |
|
|
background-repeat: repeat, no-repeat; |
|
|
background-position: center center, center center; |
|
|
background-attachment: fixed, fixed; |
|
|
background-size: auto, cover; |
|
|
background-position: center center, center center; |
|
|
-webkit-background-size: auto, cover; |
|
|
background-size: auto, cover; |
|
|
-moz-background-size: auto, cover; |
|
|
-webkit-background-size: auto, cover; |
|
|
-o-background-size: auto, cover; |
|
|
-moz-background-size: auto, cover; |
|
|
} |
|
|
-o-background-size: auto, cover; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
input::-webkit-input-placeholder { |
|
|
input::-webkit-input-placeholder { |
|
|
color: var(--text) !important; |
|
|
color: var(--text) !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
input:focus::-webkit-input-placeholder { |
|
|
input:focus::-webkit-input-placeholder { |
|
|
color: var(--text-hover) !important; |
|
|
color: var(--text-hover) !important; |
|
|
} |
|
|
} |
|
@ -50,6 +59,7 @@ input:focus::-webkit-input-placeholder { |
|
|
input:-moz-placeholder { |
|
|
input:-moz-placeholder { |
|
|
color: var(--text) !important; |
|
|
color: var(--text) !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
input:focus:-moz-placeholder { |
|
|
input:focus:-moz-placeholder { |
|
|
color: var(--text-hover) !important; |
|
|
color: var(--text-hover) !important; |
|
|
} |
|
|
} |
|
@ -58,6 +68,7 @@ input:focus:-moz-placeholder { |
|
|
input::-moz-placeholder { |
|
|
input::-moz-placeholder { |
|
|
color: var(--text) !important; |
|
|
color: var(--text) !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
input:focus::-moz-placeholder { |
|
|
input:focus::-moz-placeholder { |
|
|
color: var(--text-hover) !important; |
|
|
color: var(--text-hover) !important; |
|
|
} |
|
|
} |
|
@ -66,204 +77,267 @@ input:focus::-moz-placeholder { |
|
|
input:-ms-input-placeholder { |
|
|
input:-ms-input-placeholder { |
|
|
color: var(--text) !important; |
|
|
color: var(--text) !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
input:focus:-ms-input-placeholder { |
|
|
input:focus:-ms-input-placeholder { |
|
|
color: var(--text-hover) !important; |
|
|
color: var(--text-hover) !important; |
|
|
} |
|
|
} |
|
|
/* Scrollbar */ |
|
|
|
|
|
@media only screen and (min-width: 768px) { |
|
|
/* Scrollbar */ |
|
|
html { |
|
|
@media only screen and (min-width: 768px) { |
|
|
height: 100%; |
|
|
html { |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
overflow: hidden; |
|
|
width: 100%; |
|
|
} |
|
|
overflow: hidden; |
|
|
body { |
|
|
} |
|
|
overflow-y: auto; |
|
|
|
|
|
height: 100%; |
|
|
body { |
|
|
background: var(--main-bg-color); |
|
|
overflow-y: auto; |
|
|
background-repeat: repeat, no-repeat; |
|
|
height: 100%; |
|
|
background-attachment: fixed, fixed; |
|
|
background: var(--main-bg-color); |
|
|
background-position: center center, center center; |
|
|
background-repeat: repeat, no-repeat; |
|
|
background-size: auto, cover; |
|
|
background-attachment: fixed, fixed; |
|
|
-webkit-background-size: auto, cover; |
|
|
background-position: center center, center center; |
|
|
-moz-background-size: auto, cover; |
|
|
background-size: auto, cover; |
|
|
-o-background-size: auto, cover; |
|
|
-webkit-background-size: auto, cover; |
|
|
} |
|
|
-moz-background-size: auto, cover; |
|
|
} |
|
|
-o-background-size: auto, cover; |
|
|
::-webkit-scrollbar { |
|
|
} |
|
|
width: 14px; |
|
|
} |
|
|
} |
|
|
|
|
|
::-webkit-scrollbar-thumb { |
|
|
::-webkit-scrollbar { |
|
|
min-height: 50px; |
|
|
width: 14px; |
|
|
border: 3px solid transparent; |
|
|
} |
|
|
border-radius: 8px; |
|
|
|
|
|
background-color: hsla(0,0%,100%,.2); |
|
|
::-webkit-scrollbar-thumb { |
|
|
background-clip: padding-box; |
|
|
min-height: 50px; |
|
|
} |
|
|
border: 3px solid transparent; |
|
|
::-webkit-scrollbar-track { |
|
|
border-radius: 8px; |
|
|
background-color: transparent; |
|
|
background-color: hsla(0, 0%, 100%, .2); |
|
|
} |
|
|
background-clip: padding-box; |
|
|
::-webkit-scrollbar-thumb:hover { |
|
|
} |
|
|
min-height: 50px; |
|
|
|
|
|
border: 3px solid transparent; |
|
|
::-webkit-scrollbar-track { |
|
|
border-radius: 8px; |
|
|
background-color: transparent; |
|
|
background-color: hsla(0,0%,100%,.5); |
|
|
} |
|
|
background-clip: padding-box; |
|
|
|
|
|
} |
|
|
::-webkit-scrollbar-thumb:hover { |
|
|
/* LOGIN MENU */ |
|
|
min-height: 50px; |
|
|
div.login-ui { |
|
|
border: 3px solid transparent; |
|
|
background: inherit; |
|
|
border-radius: 8px; |
|
|
} |
|
|
background-color: hsla(0, 0%, 100%, .5); |
|
|
.login-ui div.login-dialog { |
|
|
background-clip: padding-box; |
|
|
background: rgba(0, 0, 0, .25); |
|
|
} |
|
|
border: none; |
|
|
|
|
|
} |
|
|
/* LOGIN MENU */ |
|
|
input[type="submit"], button, a.button { |
|
|
div.login-ui { |
|
|
background-color: var(--button-color); |
|
|
background: inherit; |
|
|
border: none; |
|
|
} |
|
|
outline: none; |
|
|
|
|
|
} |
|
|
.login-ui div.login-dialog { |
|
|
input[type="submit"]:hover, button:hover, a.button:hover { |
|
|
background: rgba(0, 0, 0, .25); |
|
|
background-color: var(--button-color-hover); |
|
|
border: none; |
|
|
border: none; |
|
|
} |
|
|
cursor: pointer; |
|
|
|
|
|
} |
|
|
input[type="submit"], |
|
|
.login-ui .login-fields .labeled-field input:focus { |
|
|
button, |
|
|
background: rgba(0,0,0,0.45) !important; |
|
|
a.button { |
|
|
outline: none; |
|
|
background-color: var(--button-color); |
|
|
} |
|
|
border: none; |
|
|
.login-ui .login-fields .labeled-field.empty input { |
|
|
outline: none; |
|
|
background: rgba(0,0,0,0.25) !important; |
|
|
} |
|
|
outline: none; |
|
|
|
|
|
} |
|
|
input[type="submit"]:hover, |
|
|
.login-ui .login-fields .labeled-field.empty input:focus { |
|
|
button:hover, |
|
|
background: rgba(0,0,0,0.45) !important; |
|
|
a.button:hover { |
|
|
outline: none; |
|
|
background-color: var(--button-color-hover); |
|
|
} |
|
|
border: none; |
|
|
.login-ui .login-dialog .login-fields input { |
|
|
cursor: pointer; |
|
|
background-color: rgba(0,0,0,0.45) !important; |
|
|
} |
|
|
} |
|
|
|
|
|
div.location, input[type=text], input[type=email], input[type=number], input[type=password], textarea { |
|
|
.login-ui .login-fields .labeled-field input:focus { |
|
|
color: white !important; |
|
|
background: rgba(0, 0, 0, 0.45) !important; |
|
|
background: rgba(0, 0, 0, 0.25) !important; |
|
|
outline: none; |
|
|
} |
|
|
} |
|
|
input[type=checkbox], input[type=number], input[type=text], input[type=email], input[type=radio], textarea { |
|
|
|
|
|
color: var(--text-hover) !important; |
|
|
.login-ui .login-fields .labeled-field.empty input { |
|
|
background: transparent; |
|
|
background: rgba(0, 0, 0, 0.25) !important; |
|
|
} |
|
|
outline: none; |
|
|
|
|
|
} |
|
|
/* HOME MENU */ |
|
|
|
|
|
.header h2 { |
|
|
.login-ui .login-fields .labeled-field.empty input:focus { |
|
|
color: var(--text-hover); |
|
|
background: rgba(0, 0, 0, 0.45) !important; |
|
|
background-color: rgba(0, 0, 0, 0.25); |
|
|
outline: none; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.connection .icon.vnc, .connection .icon.rdp { |
|
|
.login-ui .login-dialog .login-fields input { |
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-monitor.png); |
|
|
background-color: rgba(0, 0, 0, 0.45) !important; |
|
|
} |
|
|
} |
|
|
.connection .icon.ssh, .connection .icon.telnet { |
|
|
|
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-text.png); |
|
|
div.location, |
|
|
} |
|
|
input[type=text], |
|
|
|
|
|
input[type=email], |
|
|
.user-menu .menu-dropdown .menu-title { |
|
|
input[type=number], |
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-user.png); |
|
|
input[type=password], |
|
|
background-color: transparent; |
|
|
textarea { |
|
|
} |
|
|
color: white !important; |
|
|
.user-menu .menu-dropdown .menu-contents li a[href="#/"] { |
|
|
background: rgba(0, 0, 0, 0.25) !important; |
|
|
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"] { |
|
|
input[type=checkbox], |
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-config-dark.png); |
|
|
input[type=number], |
|
|
} |
|
|
input[type=text], |
|
|
.user-menu .menu-dropdown .menu-contents li a.logout { |
|
|
input[type=email], |
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-logout-dark.png); |
|
|
input[type=radio], |
|
|
} |
|
|
textarea { |
|
|
.icon.user { |
|
|
color: var(--text-hover) !important; |
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-user.png); |
|
|
background: transparent; |
|
|
} |
|
|
} |
|
|
.pager .icon.first-page { |
|
|
|
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-first-page.png); |
|
|
/* HOME MENU */ |
|
|
} |
|
|
.header h2 { |
|
|
.pager .icon.prev-page { |
|
|
color: var(--text-hover); |
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-prev-page.png); |
|
|
background-color: rgba(0, 0, 0, 0.25); |
|
|
} |
|
|
} |
|
|
.pager .icon.next-page { |
|
|
|
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-next-page.png); |
|
|
.connection .icon.vnc, |
|
|
} |
|
|
.connection .icon.rdp { |
|
|
.pager .icon.last-page { |
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-monitor.png); |
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-last-page.png); |
|
|
} |
|
|
} |
|
|
|
|
|
.loading::before{ |
|
|
.connection .icon.ssh, |
|
|
background-image:url('https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/cog.png'); |
|
|
.connection .icon.telnet { |
|
|
} |
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-text.png); |
|
|
table.sorted th.sort-primary.sort-descending:after { |
|
|
} |
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/up.png); |
|
|
|
|
|
} |
|
|
.user-menu .menu-dropdown .menu-title { |
|
|
|
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-user.png); |
|
|
.menu-dropdown .menu-indicator { |
|
|
background-color: transparent; |
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/down.png); |
|
|
} |
|
|
} |
|
|
|
|
|
.menu-dropdown .menu-indicator:hover { |
|
|
.user-menu .menu-dropdown .menu-contents li a[href="#/"] { |
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/down.png); |
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-home-dark.png); |
|
|
color: #f9be03; |
|
|
} |
|
|
} |
|
|
|
|
|
table.sorted th.sort-primary:after { |
|
|
.user-menu .menu-dropdown .menu-contents li a[href="#/settings/users"], |
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/down.png); |
|
|
.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"] { |
|
|
thead { |
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-config-dark.png); |
|
|
color: var(--text-hover); |
|
|
} |
|
|
} |
|
|
|
|
|
table.sorted th, table.sorted td { |
|
|
.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); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
thead { |
|
|
|
|
|
color: var(--text-hover); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
table.sorted th, |
|
|
|
|
|
table.sorted td { |
|
|
border: 1px solid rgb(255 255 255 / 15%); |
|
|
border: 1px solid rgb(255 255 255 / 15%); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.settings table.session-list tr.session:hover { |
|
|
.settings table.session-list tr.session:hover { |
|
|
background: rgba(255, 255, 255, 0.15); |
|
|
background: rgba(255, 255, 255, 0.15); |
|
|
} |
|
|
} |
|
|
.menu-dropdown.open, .menu-dropdown.open:hover { |
|
|
|
|
|
background: rgba(0, 0, 0, 0.25); |
|
|
.menu-dropdown.open, |
|
|
} |
|
|
.menu-dropdown.open:hover { |
|
|
.menu-dropdown { |
|
|
background: rgba(0, 0, 0, 0.25); |
|
|
border-left: none; |
|
|
} |
|
|
background: rgba(0, 0, 0, 0.25); |
|
|
|
|
|
} |
|
|
.menu-dropdown { |
|
|
.menu-dropdown .menu-contents li a { |
|
|
border-left: none; |
|
|
display: block; |
|
|
background: rgba(0, 0, 0, 0.25); |
|
|
cursor: pointer; |
|
|
} |
|
|
color: var(--text); |
|
|
|
|
|
text-decoration: none; |
|
|
.menu-dropdown .menu-contents li a { |
|
|
padding: .75em; |
|
|
display: block; |
|
|
} |
|
|
cursor: pointer; |
|
|
.menu-dropdown .menu-contents li a.current, .menu-dropdown .menu-contents li a.current:hover { |
|
|
color: var(--text); |
|
|
background-color: rgba(0,0,0,.25); |
|
|
text-decoration: none; |
|
|
color:var(--text-hover) |
|
|
padding: .75em; |
|
|
} |
|
|
} |
|
|
.menu-dropdown .menu-contents li a:hover { |
|
|
|
|
|
background-color: rgba(0,0,0,.25); |
|
|
.menu-dropdown .menu-contents li a.current, |
|
|
color: var(--text-hover); |
|
|
.menu-dropdown .menu-contents li a.current:hover { |
|
|
} |
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
.menu-dropdown:hover { |
|
|
color: var(--text-hover) |
|
|
background: rgba(0, 0, 0, 0.25); |
|
|
} |
|
|
color: var(--text-hover); |
|
|
|
|
|
} |
|
|
.menu-dropdown .menu-contents li a:hover { |
|
|
|
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
.menu-dropdown .menu-contents { |
|
|
color: var(--text-hover); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.menu-dropdown:hover { |
|
|
|
|
|
background: rgba(0, 0, 0, 0.25); |
|
|
|
|
|
color: var(--text-hover); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.menu-dropdown .menu-contents { |
|
|
background: var(--drop-down-menu-bg); |
|
|
background: var(--drop-down-menu-bg); |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
.header .filter input { |
|
|
|
|
|
-moz-border-radius: 0; |
|
|
.header .filter input { |
|
|
-webkit-border-radius: 0; |
|
|
-moz-border-radius: 0; |
|
|
-khtml-border-radius: 0; |
|
|
-webkit-border-radius: 0; |
|
|
border-radius: 0; |
|
|
-khtml-border-radius: 0; |
|
|
border: 0; |
|
|
border-radius: 0; |
|
|
border-left: 1px solid rgba(0,0,0,0.125); |
|
|
border: 0; |
|
|
background-color: transparent; |
|
|
border-left: 1px solid rgba(0, 0, 0, 0.125); |
|
|
color: var(--text-hover); |
|
|
background-color: transparent; |
|
|
} |
|
|
color: var(--text-hover); |
|
|
.header .filter { |
|
|
} |
|
|
background-color: rgba(0, 0, 0, 0.25); |
|
|
|
|
|
} |
|
|
.header .filter { |
|
|
.filter .search-string { |
|
|
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-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/magnifier.png) !important; |
|
|
background-repeat: no-repeat !important; |
|
|
background-repeat: no-repeat !important; |
|
|
background-size: 1.75em !important; |
|
|
background-size: 1.75em !important; |
|
@ -274,34 +348,46 @@ input:focus:-ms-input-placeholder { |
|
|
max-width: none; |
|
|
max-width: none; |
|
|
background-color: rgba(0, 0, 0, 0.25); |
|
|
background-color: rgba(0, 0, 0, 0.25); |
|
|
border: 0; |
|
|
border: 0; |
|
|
} |
|
|
} |
|
|
div.location, input[type=text], input[type=email], input[type=number], input[type=password], textarea { |
|
|
|
|
|
color: var(--text-hover); |
|
|
div.location, |
|
|
} |
|
|
input[type=text], |
|
|
|
|
|
input[type=email], |
|
|
|
|
|
input[type=number], |
|
|
.user a:visited, .connection a:visited, .connection-group a:visited { |
|
|
input[type=password], |
|
|
text-decoration: none; |
|
|
textarea { |
|
|
color: var(--link-color-hover); |
|
|
color: var(--text-hover); |
|
|
} |
|
|
} |
|
|
.recent-connections .connection:hover { |
|
|
|
|
|
background: hsla(0, 0%, 100%, 0.08); |
|
|
|
|
|
color: var(--link-color-hover); |
|
|
.user a:visited, |
|
|
} |
|
|
.connection a:visited, |
|
|
.list-item:not(.selected) .caption:hover { |
|
|
.connection-group a:visited { |
|
|
background: hsla(0, 0%, 100%, 0.07); |
|
|
text-decoration: none; |
|
|
color: var(--link-color-hover); |
|
|
color: var(--link-color-hover); |
|
|
} |
|
|
} |
|
|
.list-item .name { |
|
|
|
|
|
color: var(--link-color); |
|
|
.recent-connections .connection:hover { |
|
|
} |
|
|
background: hsla(0, 0%, 100%, 0.08); |
|
|
|
|
|
color: var(--link-color-hover); |
|
|
.list-item:not(.selected) .caption:hover .name { |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.list-item:not(.selected) .caption:hover { |
|
|
|
|
|
background: hsla(0, 0%, 100%, 0.07); |
|
|
|
|
|
color: var(--link-color-hover); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.list-item .name { |
|
|
|
|
|
color: var(--link-color); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.list-item:not(.selected) .caption:hover .name { |
|
|
color: var(--link-color-hover); |
|
|
color: var(--link-color-hover); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/* SIDE MENU */ |
|
|
/* SIDE MENU */ |
|
|
.menu, .menu .header { |
|
|
.menu, |
|
|
|
|
|
.menu .header { |
|
|
background: var(--modal-bg-color) !important; |
|
|
background: var(--modal-bg-color) !important; |
|
|
background-repeat: repeat, no-repeat; |
|
|
background-repeat: repeat, no-repeat; |
|
|
background-attachment: fixed, fixed; |
|
|
background-attachment: fixed, fixed; |
|
@ -312,7 +398,10 @@ input:focus:-ms-input-placeholder { |
|
|
-o-background-size: auto, cover; |
|
|
-o-background-size: auto, cover; |
|
|
box-shadow: none; |
|
|
box-shadow: none; |
|
|
} |
|
|
} |
|
|
.menu-content, .menu-content .header, .menu-body { |
|
|
|
|
|
|
|
|
.menu-content, |
|
|
|
|
|
.menu-content .header, |
|
|
|
|
|
.menu-body { |
|
|
background: var(--modal-bg-color) !important; |
|
|
background: var(--modal-bg-color) !important; |
|
|
background-repeat: repeat, no-repeat; |
|
|
background-repeat: repeat, no-repeat; |
|
|
background-attachment: fixed, fixed; |
|
|
background-attachment: fixed, fixed; |
|
@ -322,133 +411,182 @@ input:focus:-ms-input-placeholder { |
|
|
-moz-background-size: auto, cover; |
|
|
-moz-background-size: auto, cover; |
|
|
-o-background-size: auto, cover; |
|
|
-o-background-size: auto, cover; |
|
|
} |
|
|
} |
|
|
.clipboard, .clipboard-service-target { |
|
|
|
|
|
background: rgba(0, 0, 0, 0.25); |
|
|
.clipboard, |
|
|
color: white; |
|
|
.clipboard-service-target { |
|
|
} |
|
|
background: rgba(0, 0, 0, 0.25); |
|
|
/* NOTIFICATION BOX */ |
|
|
color: white; |
|
|
.notification.error { |
|
|
} |
|
|
background: var(--modal-bg-color); |
|
|
|
|
|
background-repeat: repeat, no-repeat; |
|
|
/* NOTIFICATION BOX */ |
|
|
background-attachment: fixed, fixed; |
|
|
.notification.error { |
|
|
background-position: center center, center center; |
|
|
background: var(--modal-bg-color); |
|
|
background-size: auto, cover; |
|
|
background-repeat: repeat, no-repeat; |
|
|
-webkit-background-size: auto, cover; |
|
|
background-attachment: fixed, fixed; |
|
|
-moz-background-size: auto, cover; |
|
|
background-position: center center, center center; |
|
|
-o-background-size: auto, cover; |
|
|
background-size: auto, cover; |
|
|
color: white; |
|
|
-webkit-background-size: auto, cover; |
|
|
} |
|
|
-moz-background-size: auto, cover; |
|
|
.notification { |
|
|
-o-background-size: auto, cover; |
|
|
background: var(--modal-bg-color); |
|
|
color: white; |
|
|
background-repeat: repeat, no-repeat; |
|
|
} |
|
|
background-attachment: fixed, fixed; |
|
|
|
|
|
background-position: center center, center center; |
|
|
.notification { |
|
|
background-size: auto, cover; |
|
|
background: var(--modal-bg-color); |
|
|
-webkit-background-size: auto, cover; |
|
|
background-repeat: repeat, no-repeat; |
|
|
-moz-background-size: auto, cover; |
|
|
background-attachment: fixed, fixed; |
|
|
-o-background-size: auto, cover; |
|
|
background-position: center center, center center; |
|
|
color: white; |
|
|
background-size: auto, cover; |
|
|
} |
|
|
-webkit-background-size: auto, cover; |
|
|
|
|
|
-moz-background-size: auto, cover; |
|
|
/* SETTINGS */ |
|
|
-o-background-size: auto, cover; |
|
|
.page-tabs .page-list li a[href]:visited { |
|
|
color: white; |
|
|
color: white; |
|
|
} |
|
|
} |
|
|
|
|
|
.page-tabs .page-list li a[href] { |
|
|
/* SETTINGS */ |
|
|
color: white; |
|
|
.page-tabs .page-list li a[href]:visited { |
|
|
} |
|
|
color: white; |
|
|
.page-tabs .page-list li a[href]:hover { |
|
|
} |
|
|
background-color: rgba(0, 0, 0, 0.25); |
|
|
|
|
|
} |
|
|
.page-tabs .page-list li a[href] { |
|
|
.user a:visited, .connection a:visited, .connection-group a:visited { |
|
|
color: white; |
|
|
text-decoration: none; |
|
|
} |
|
|
color: var(--link-color); |
|
|
|
|
|
} |
|
|
.page-tabs .page-list li a[href]:hover { |
|
|
.user a:hover, .user-group a:hover, .connection a:hover, .connection-group a:hover, a.ng-binding:hover:not(.add-user):not(.button) { |
|
|
background-color: rgba(0, 0, 0, 0.25); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.user a:visited, |
|
|
|
|
|
.connection a:visited, |
|
|
|
|
|
.connection-group a:visited { |
|
|
|
|
|
text-decoration: none; |
|
|
|
|
|
color: var(--link-color); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.user a:hover, |
|
|
|
|
|
.user-group a:hover, |
|
|
|
|
|
.connection a:hover, |
|
|
|
|
|
.connection-group a:hover, |
|
|
|
|
|
a.ng-binding:hover:not(.add-user):not(.button) { |
|
|
color: var(--link-color-hover) !important; |
|
|
color: var(--link-color-hover) !important; |
|
|
} |
|
|
} |
|
|
.user a, .connection a, .connection-group a, a.ng-binding:not(.add-user):not(.button){ |
|
|
|
|
|
text-decoration: none; |
|
|
.user a, |
|
|
color: var(--link-color); |
|
|
.connection a, |
|
|
} |
|
|
.connection-group a, |
|
|
div.location, input[type=text], input[type=email], input[type=number], input[type=password], textarea { |
|
|
a.ng-binding:not(.add-user):not(.button) { |
|
|
border: 0; |
|
|
text-decoration: none; |
|
|
background: rgba(0, 0, 0, .25); |
|
|
color: var(--link-color); |
|
|
} |
|
|
} |
|
|
.location-chooser .dropdown { |
|
|
|
|
|
background: #666; |
|
|
div.location, |
|
|
} |
|
|
input[type=text], |
|
|
/* USER SETTINGS */ |
|
|
input[type=email], |
|
|
.page-tabs .page-list li a[href], .section-tabs li a { |
|
|
input[type=number], |
|
|
color: var(--text) !important; |
|
|
input[type=password], |
|
|
} |
|
|
textarea { |
|
|
.page-tabs .page-list li a[href].current, .page-tabs .page-list li a[href].current:hover, .section-tabs li a.current, .section-tabs li a.current:hover { |
|
|
border: 0; |
|
|
background: rgba(0,0,0,0.25); |
|
|
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: var(--text) !important; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.page-tabs .page-list li a[href].current, |
|
|
|
|
|
.page-tabs .page-list li a[href].current:hover, |
|
|
|
|
|
.section-tabs li a.current, |
|
|
|
|
|
.section-tabs li a.current:hover { |
|
|
|
|
|
background: rgba(0, 0, 0, 0.25); |
|
|
cursor: default; |
|
|
cursor: default; |
|
|
color: rgb(var(--accent-color)) !important; |
|
|
color: rgb(var(--accent-color)) !important; |
|
|
} |
|
|
} |
|
|
.page-tabs .page-list li a[href]:hover, .section-tabs li a:hover { |
|
|
|
|
|
background-color: hsla(0, 0%, 100%, 0.07); |
|
|
.page-tabs .page-list li a[href]:hover, |
|
|
color: var(--text-hover) !important; |
|
|
.section-tabs li a:hover { |
|
|
} |
|
|
background-color: hsla(0, 0%, 100%, 0.07); |
|
|
.manage-user .page-tabs .page-list li.linked a[href]:before { |
|
|
color: var(--text-hover) !important; |
|
|
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 { |
|
|
.manage-user .page-tabs .page-list li.linked a[href]:before { |
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/lock.png); |
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/checkmark.png); |
|
|
} |
|
|
} |
|
|
.manage-user .notice.read-only { |
|
|
|
|
|
background: hsla(0, 0%, 100%, 0.07); |
|
|
.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); |
|
|
/* DUA 2FA PAGE */ |
|
|
} |
|
|
.duo-signature-response-field { |
|
|
|
|
|
background: var(--modal-bg-color) !important; |
|
|
.manage-user .notice.read-only { |
|
|
background-repeat: repeat, no-repeat; |
|
|
background: hsla(0, 0%, 100%, 0.07); |
|
|
background-attachment: fixed, fixed; |
|
|
} |
|
|
background-position: center center, center center; |
|
|
|
|
|
background-size: auto, cover; |
|
|
/* DUA 2FA PAGE */ |
|
|
-webkit-background-size: auto, cover; |
|
|
.duo-signature-response-field { |
|
|
-moz-background-size: auto, cover; |
|
|
background: var(--modal-bg-color) !important; |
|
|
-o-background-size: auto, cover; |
|
|
background-repeat: repeat, no-repeat; |
|
|
} |
|
|
background-attachment: fixed, fixed; |
|
|
.base-wrapper { |
|
|
background-position: center center, center center; |
|
|
border: 1px solid transparent !important; |
|
|
background-size: auto, cover; |
|
|
background: var(--modal-bg-color) !important; |
|
|
-webkit-background-size: auto, cover; |
|
|
background-repeat: repeat, no-repeat; |
|
|
-moz-background-size: auto, cover; |
|
|
background-attachment: fixed, fixed; |
|
|
-o-background-size: auto, cover; |
|
|
background-position: center center, center center; |
|
|
} |
|
|
background-size: auto, cover; |
|
|
|
|
|
-webkit-background-size: auto, cover; |
|
|
.base-wrapper { |
|
|
-moz-background-size: auto, cover; |
|
|
border: 1px solid transparent !important; |
|
|
-o-background-size: auto, cover; |
|
|
background: var(--modal-bg-color) !important; |
|
|
} |
|
|
background-repeat: repeat, no-repeat; |
|
|
.base-body { |
|
|
background-attachment: fixed, fixed; |
|
|
background-color: #333 !important; |
|
|
background-position: center center, center center; |
|
|
} |
|
|
background-size: auto, cover; |
|
|
h1.spacious-frame-view { |
|
|
-webkit-background-size: auto, cover; |
|
|
color: var(--text-hover) !important; |
|
|
-moz-background-size: auto, cover; |
|
|
} |
|
|
-o-background-size: auto, cover; |
|
|
@media screen and (-webkit-max-device-pixel-ratio: 1.25), screen and (max-resolution: 120dpi) { |
|
|
} |
|
|
h1, .h1 { |
|
|
|
|
|
color: var(--text-hover) !important; |
|
|
.base-body { |
|
|
} |
|
|
background-color: #333 !important; |
|
|
} |
|
|
} |
|
|
.white-wrapper { |
|
|
|
|
|
background-color: #333 !important; |
|
|
h1.spacious-frame-view { |
|
|
color: var(--text) !important; |
|
|
color: var(--text-hover) !important; |
|
|
} |
|
|
} |
|
|
form:not(.inline) fieldset { |
|
|
|
|
|
background-color: #333 !important; |
|
|
@media screen and (-webkit-max-device-pixel-ratio: 1.25), |
|
|
} |
|
|
screen and (max-resolution: 120dpi) { |
|
|
label span { |
|
|
|
|
|
color: white !important; |
|
|
h1, |
|
|
} |
|
|
.h1 { |
|
|
input[type=radio] { |
|
|
color: var(--text-hover) !important; |
|
|
border: 1px solid var(--text-hover) !important; |
|
|
} |
|
|
} |
|
|
} |
|
|
/* Connection */ |
|
|
|
|
|
|
|
|
.white-wrapper { |
|
|
#connection-warning { |
|
|
background-color: #333 !important; |
|
|
|
|
|
color: var(--text) !important; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
form:not(.inline) fieldset { |
|
|
|
|
|
background-color: #333 !important; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
label span { |
|
|
|
|
|
color: white !important; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
input[type=radio] { |
|
|
|
|
|
border: 1px solid var(--text-hover) !important; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* Connection */ |
|
|
|
|
|
|
|
|
|
|
|
#connection-warning { |
|
|
background: var(--modal-bg-color); |
|
|
background: var(--modal-bg-color); |
|
|
background-repeat: repeat, no-repeat; |
|
|
background-repeat: repeat, no-repeat; |
|
|
background-attachment: fixed, fixed; |
|
|
background-attachment: fixed, fixed; |
|
@ -459,6 +597,7 @@ input:focus:-ms-input-placeholder { |
|
|
-o-background-size: auto, cover; |
|
|
-o-background-size: auto, cover; |
|
|
color: var(--text); |
|
|
color: var(--text); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/* File Transfer */ |
|
|
/* File Transfer */ |
|
|
#file-transfer-dialog .transfer-manager { |
|
|
#file-transfer-dialog .transfer-manager { |
|
|
background: var(--modal-bg-color); |
|
|
background: var(--modal-bg-color); |
|
@ -470,12 +609,15 @@ input:focus:-ms-input-placeholder { |
|
|
-moz-background-size: auto, cover; |
|
|
-moz-background-size: auto, cover; |
|
|
-o-background-size: auto, cover; |
|
|
-o-background-size: auto, cover; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.transfer.error { |
|
|
.transfer.error { |
|
|
background: rgba(244, 67, 54, 0.5) ; |
|
|
background: rgba(244, 67, 54, 0.5); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.transfer-manager .header h2 { |
|
|
.transfer-manager .header h2 { |
|
|
background-color: transparent ; |
|
|
background-color: transparent; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.transfer .in-progress .progress { |
|
|
.transfer .in-progress .progress { |
|
|
background-color: var(--modal-bg-color); |
|
|
background-color: var(--modal-bg-color); |
|
|
background-repeat: repeat, no-repeat; |
|
|
background-repeat: repeat, no-repeat; |
|
@ -494,6 +636,7 @@ input:focus:-ms-input-placeholder { |
|
|
border: 1px solid rgb(var(--accent-color)); |
|
|
border: 1px solid rgb(var(--accent-color)); |
|
|
background: rgb(var(--accent-color)); |
|
|
background: rgb(var(--accent-color)); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.related-objects .abbreviated-related-objects ul li label span { |
|
|
.related-objects .abbreviated-related-objects ul li label span { |
|
|
color: var(--label-text-color) !important; |
|
|
color: var(--label-text-color) !important; |
|
|
} |
|
|
} |