forked from I2P_Developers/i2p.i2p
7969 lines
181 KiB
CSS
7969 lines
181 KiB
CSS
/* I2P Theme: Midnight */
|
|
/* Description: Dark blue with chrome highlights */
|
|
/* Thanks to Florian Kuhlmann for the hatface images. [http://www.flickr.com/photos/floriankuhlmann/] */
|
|
/* Additional thanks to NASA for the planet earth image */
|
|
/* Author: dr|z3d */
|
|
|
|
body {
|
|
margin: 5px 0 0 0;
|
|
padding: 0;
|
|
text-align: center;
|
|
background: #001;
|
|
background: linear-gradient(to bottom, #001, #000);
|
|
background-size: auto 2px;
|
|
color: #c9ceff;
|
|
font: 8.5pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
|
|
}
|
|
|
|
/* preload button mouseovers */
|
|
body {
|
|
background: linear-gradient(to bottom, #001, #000),
|
|
url(/themes/console/images/buttons/clean_hover.png) no-repeat,
|
|
url(/themes/console/images/buttons/configure_hover.png) no-repeat,
|
|
url(/themes/console/images/buttons/delete_hover.png) no-repeat,
|
|
url(/themes/console/images/buttons/restart_hover.png) no-repeat,
|
|
url(/themes/console/images/buttons/restore_hover.png) no-repeat,
|
|
url(/themes/console/images/buttons/search_hover.png) no-repeat,
|
|
url(/themes/console/images/buttons/shutdown_hover.png) no-repeat,
|
|
url(/themes/console/images/buttons/update_hover.png) no-repeat, #000;
|
|
background-size: auto 2px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
|
|
}
|
|
|
|
.hide, .hideme {
|
|
display: none;
|
|
}
|
|
|
|
small {
|
|
font-size: 9pt;
|
|
}
|
|
|
|
div.clearer {
|
|
clear: left;
|
|
height: 0;
|
|
line-height: 0;
|
|
margin-bottom: -16px;
|
|
}
|
|
|
|
::selection {
|
|
background: #22296f !important;
|
|
background: rgba(34, 41, 111, 0.9) !important;
|
|
color: white;
|
|
}
|
|
|
|
::-moz-selection {
|
|
background: #22296f !important;
|
|
color: white;
|
|
}
|
|
|
|
.routersummary img[src$="i2plogo.png"], .routersummary h3, .confignav, *::before, *::after {
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
/* standard buttons and inputs */
|
|
|
|
button, input[type="submit"], input[type="reset"], select {
|
|
filter: drop-shadow(0 0 1px #115);
|
|
box-shadow: inset 0 0 0 1px #000020;
|
|
}
|
|
|
|
button, button:visited, input[type="submit"], input[type="reset"] {
|
|
font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
|
|
border: 1px solid #3e3f8f;
|
|
border-bottom-color: #14144f;
|
|
border-right-color: #14144f;
|
|
border-radius: 2px;
|
|
padding: 5px 4px;
|
|
text-decoration: none;
|
|
margin: 2px 3px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
min-width: 75px;
|
|
background: #000;
|
|
background: linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%);
|
|
color: #4e47bf;
|
|
}
|
|
|
|
button:hover, button:focus, input[type="submit"]:focus, input[type="reset"]:focus {
|
|
border: 1px solid #652787;
|
|
box-shadow: inset 0 1px 1px 0 #c9ceff;
|
|
background: #000;
|
|
color: #652787;
|
|
cursor: pointer;
|
|
}
|
|
|
|
button:active, input[type="submit"]:active, input[type="reset"]:active {
|
|
border: 1px solid #652787;
|
|
background: #652787;
|
|
color: #c9ceff;
|
|
box-shadow: inset 0 0 0 1px #000;
|
|
}
|
|
|
|
:focus, :active, :checked {
|
|
outline: none !important;
|
|
}
|
|
|
|
input {
|
|
border: 1px solid #3e3f8f;
|
|
border-bottom-color: #14144f;
|
|
border-right-color: #14144f;
|
|
background: #000;
|
|
color: #443da0;
|
|
margin: 5px;
|
|
font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
|
|
padding: 3px 2px;
|
|
text-decoration: none;
|
|
min-width: 110px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
input:hover, input:focus {
|
|
background: #000;
|
|
color: #652787;
|
|
border: 1px solid #652787;
|
|
box-shadow: inset 0 1px 1px 0 #c9ceff;
|
|
cursor: pointer;
|
|
}
|
|
|
|
input:active {
|
|
background: #000;
|
|
color: #c9ceff;
|
|
border: 1px solid #652787;
|
|
box-shadow: inset 0 0 0 1px #000;
|
|
}
|
|
|
|
input[type=text], input[type=password] {
|
|
background: #000;
|
|
color: #c9ceff;
|
|
margin: 5px 10px;
|
|
padding: 4px 2px;
|
|
font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
|
|
border: 1px solid #443da0 !important;
|
|
text-decoration: none;
|
|
border-radius: 2px;
|
|
box-shadow: inset 1px 1px 1px 0 #000;
|
|
cursor: text;
|
|
}
|
|
|
|
textarea {
|
|
color: #c9ceff;
|
|
padding: 5px;
|
|
margin: 10px;
|
|
border-radius: 2px;
|
|
font: 8.5pt "Droid Sans Mono", "Noto Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
|
|
min-height: 100px;
|
|
min-width: 97%;
|
|
width: calc(100% - 15px);
|
|
text-align: left;
|
|
}
|
|
|
|
textarea[cols="70"], textarea[name="levels"] {
|
|
width: calc(100% - 20px);
|
|
}
|
|
|
|
button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
|
|
outline: none;
|
|
border: none;
|
|
}
|
|
|
|
input[type=text], input[type=password], textarea {
|
|
color: #7670c2 !important;
|
|
background: linear-gradient(to bottom, #000, #000019);
|
|
box-shadow: inset 0 0 3px 3px #000;
|
|
border: 1px solid #3e3f8f;
|
|
padding: 4px;
|
|
}
|
|
|
|
input[type=text]:focus, input[type=password]:focus, textarea:focus {
|
|
color: #c9ceff !important;
|
|
background: #000;
|
|
border: 1px solid #443da0;
|
|
box-shadow: 0 0 0 1px rgba(101, 39, 135, 0.5);
|
|
filter: drop-shadow(0 0 1px #99f);
|
|
transition: filter ease 0.3s;
|
|
}
|
|
|
|
input[type=image] {
|
|
min-width: 0;
|
|
}
|
|
|
|
input[type="checkbox"] {
|
|
min-width: 16px !important;
|
|
}
|
|
|
|
input[type="checkbox"], .optbox {
|
|
min-width: 16px !important;
|
|
vertical-align: sub;
|
|
filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%); /* colorize radios and checkboxes */
|
|
background: none;
|
|
}
|
|
|
|
input[type="checkbox"]:hover, .optbox:hover, input[type="checkbox"]:focus, .optbox:focus {
|
|
box-shadow: 0 0 2px 1px #99f;
|
|
filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%) drop-shadow(0 0 3px #99f);
|
|
}
|
|
|
|
input[type="checkbox"][disabled]:hover, input[type="checkbox"][disabled]:focus,
|
|
input[type="radio"][disabled]:hover, input[type="radio"][disabled]:focus {
|
|
box-shadow: none;
|
|
filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%);
|
|
}
|
|
|
|
label {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.main#config_clients label[for="0"] {
|
|
cursor: default;
|
|
}
|
|
|
|
input[type="file"] {
|
|
box-shadow: none;
|
|
border: none;
|
|
background: none;
|
|
color: #c9ceff;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
margin: 5px 10px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
input[type="file"]:hover, input[type="file"]:active {
|
|
color: #652787;
|
|
}
|
|
|
|
input[name="refreshInterval"] {
|
|
margin-right: 3px;
|
|
margin-left: 0;
|
|
width: 40px;
|
|
text-align: right;
|
|
}
|
|
|
|
input:disabled {
|
|
cursor: default;
|
|
}
|
|
|
|
input[type="text"]:disabled, input[readonly], input[readonly]:focus {
|
|
color: #443da0 !important;
|
|
box-shadow: none;
|
|
filter: none;
|
|
}
|
|
|
|
input[class="check"] { /* nudge "check for updates" button into alignment on /configupdate */
|
|
margin-left: 10px !important;
|
|
}
|
|
|
|
select {
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background: #000 url(images/dropdown.png) right center no-repeat !important;
|
|
color: #4e47bf;
|
|
margin: 5px 10px;
|
|
border: 1px solid #3e3f8f;
|
|
border-bottom-color: #14144f;
|
|
border-right-color: #14144f;
|
|
border-radius: 2px;
|
|
min-width: 110px;
|
|
font: 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
|
|
font-weight: bold;
|
|
padding: 4px 16px 4px 4px !important;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
select:focus, select:hover {
|
|
color: #652787;
|
|
border: 1px solid #652787;
|
|
box-shadow: inset 0 1px 1px 0 #c9ceff;
|
|
}
|
|
|
|
select option {
|
|
font-weight: normal;
|
|
font-size: 9.5pt !important;
|
|
box-shadow: inset 0 0 20px 20px #000;
|
|
}
|
|
|
|
select option:hover, select option:focus, select option:checked {
|
|
box-shadow: inset 0 0 20px 20px #652787;
|
|
}
|
|
|
|
img[src="dropdown.png"] {
|
|
filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%);
|
|
}
|
|
|
|
select:hover, select:active {
|
|
background: #000 url(images/dropdown_hover.png) right center no-repeat !important;
|
|
}
|
|
|
|
select:focus {
|
|
background: #000 url(images/dropdown_hover.png) right center no-repeat !important;
|
|
}
|
|
|
|
select::-ms-expand {
|
|
display: none;
|
|
}
|
|
|
|
/* buttons (experimental) */
|
|
|
|
input[type="submit"], input[type="reset"], button {
|
|
background-size: 14px 14px, 100% 100%;
|
|
filter: drop-shadow(0 0 1px #115);
|
|
box-shadow: inset 0 0 0 1px #000020;
|
|
min-width: 0 !important;
|
|
}
|
|
|
|
input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
|
|
background-blend-mode: normal;
|
|
box-shadow: inset 0 1px 1px #bbf;
|
|
}
|
|
|
|
input[type="submit"]:active, input[type="reset"]:active, button:active {
|
|
background-blend-mode: luminosity !important;
|
|
box-shadow: inset 0 0 0 1px #000 !important;
|
|
box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px #000 !important;
|
|
}
|
|
|
|
input.accept, button.accept, button[type="submit"] {
|
|
background: url(/themes/console/images/buttons/yes.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.accept:hover, button.accept:hover,
|
|
input.accept:focus, button.accept:focus {
|
|
background: #000 url(/themes/console/images/buttons/yes.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.accept:active, button.accept:active {
|
|
background: #652787 url(/themes/console/images/buttons/yes.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.accept[value^="Unban"], button.accept[value^="Unban"] {
|
|
background: url(/themes/console/images/buttons/unban.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.accept[value^="Unban"]:hover, button.accept[value^="Unban"]:hover,
|
|
input.accept[value^="Unban"]:focus, button.accept[value^="Unban"]:focus {
|
|
background: #000 url(/themes/console/images/buttons/unban.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.accept[value^="Unban"]:active, button.accept[value^="Unban"]:active {
|
|
background: #652787 url(/themes/console/images/buttons/unban.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.accept[value^="Create"], button.accept[value^="Create"] {
|
|
background: url(/themes/console/images/buttons/create.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.accept[value^="Create"]:hover, button.accept[value^="Create"]:hover,
|
|
input.accept[value^="Create"]:focus, button.accept[value^="Create"]:focus {
|
|
background: #000 url(/themes/console/images/buttons/create.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.accept[value^="Create"]:active, button.accept[value^="Create"]:active {
|
|
background: #652787 url(/themes/console/images/buttons/create.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.accept[value^="Filter"], button.accept[value^="Filter"] {
|
|
background: url(/themes/console/images/buttons/filter.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.accept[value^="Filter"]:hover, button.accept[value^="Filter"]:hover,
|
|
input.accept[value^="Filter"]:focus, button.accept[value^="Filter"]:focus {
|
|
background: #000 url(/themes/console/images/buttons/filter.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.accept[value^="Filter"]:focus, button.accept[value^="Filter"]:focus {
|
|
background: #652787 url(/themes/console/images/buttons/filter.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.add, button.add {
|
|
background: url(/themes/console/images/buttons/add.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.add:hover, button.add:hover,
|
|
input.add:focus, button.add:focus {
|
|
background: #000 url(/themes/console/images/buttons/add.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.add:active, button.add:active {
|
|
background: #652787 url(/themes/console/images/buttons/add.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.add[value^="Adjust"], button.add[value^="Adjust"] {
|
|
background: url(/themes/console/images/buttons/edit2.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.add[value^="Adjust"]:hover, button.add[value^="Adjust"]:hover,
|
|
input.add[value^="Adjust"]:focus, button.add[value^="Adjust"]:focus {
|
|
background: #000 url(/themes/console/images/buttons/edit2.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.add[value^="Adjust"]:active, button.add[value^="Adjust"]:active {
|
|
background: #652787 url(/themes/console/images/buttons/edit2.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.cancel, button.cancel {
|
|
background: url(/themes/console/images/buttons/no.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.cancel:hover, button.cancel:hover,
|
|
input.cancel:focus, button.cancel:focus {
|
|
background: #000 url(/themes/console/images/buttons/no.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.cancel:active, button.cancel:active {
|
|
background: #652787 url(/themes/console/images/buttons/no.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.accept[value^="Show"], button.accept[value^="Show"],
|
|
input.check[value^="View"], button.check[value^="View"] {
|
|
background: url(/themes/console/images/buttons/show.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.accept[value^="Show"]:hover, button.accept[value^="Show"]:hover,
|
|
input.check[value^="View"]:hover, button.check[value^="View"]:hover,
|
|
input.accept[value^="Show"]:focus, button.accept[value^="Show"]:focus,
|
|
input.check[value^="View"]:focus, button.check[value^="View"]:focus {
|
|
background: #000 url(/themes/console/images/buttons/show.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.accept[value^="Show"]:active, button.accept[value^="Show"]:active,
|
|
input.check[value^="View"]:active, button.check[value^="View"]:active {
|
|
background: #652787 url(/themes/console/images/buttons/show.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.cancel[value^="Hide"], button.cancel[value^="Hide"],
|
|
input.delete[value^="Do not view"], button.delete[value^="Do not view"] {
|
|
background: url(/themes/console/images/buttons/hide.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.cancel[value^="Hide"]:hover, button.cancel[value^="Hide"]:hover,
|
|
input.delete[value^="Do not view"]:hover, button.delete[value^="Do not view"]:hover,
|
|
input.cancel[value^="Hide"]:focus, button.cancel[value^="Hide"]:focus,
|
|
input.delete[value^="Do not view"]:focus, button.delete[value^="Do not view"]:focus {
|
|
background: #000 url(/themes/console/images/buttons/hide.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.cancel[value^="Hide"]:active, button.cancel[value^="Hide"]:active,
|
|
input.delete[value^="Do not view"]:active, button.delete[value^="Do not view"]:active {
|
|
background: #652787 url(/themes/console/images/buttons/hide.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.check, button.check {
|
|
background: url(/themes/console/images/buttons/yes.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.check:hover, button.check:hover,
|
|
input.check:focus, button.check:focus {
|
|
background: #000 url(/themes/console/images/buttons/yes.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.check:active, button.check:active {
|
|
background: #652787 url(/themes/console/images/buttons/yes.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.check[value$="updates"], button.check[value$="updates"] {
|
|
background: url(/themes/console/images/buttons/update.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.check[value$="updates"]:hover, button.check[value$="updates"]:hover,
|
|
input.check[value$="updates"]:focus, button.check[value$="updates"]:focus {
|
|
background: #000 url(/themes/console/images/buttons/update_hover.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.check[value$="updates"]:active, button.check[value$="updates"]:active {
|
|
background: #652787 url(/themes/console/images/buttons/update_hover.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.delete, button.delete {
|
|
background: url(/themes/console/images/buttons/delete.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.delete:hover, button.delete:hover,
|
|
input.delete:focus, button.delete:focus {
|
|
background: #000 url(/themes/console/images/buttons/delete_hover.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.delete:active, button.delete:active {
|
|
background: #652787 url(/themes/console/images/buttons/delete_hover.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.delete[value^="Ban"], button.delete[value^="Ban"] {
|
|
background: url(/themes/console/images/buttons/ban.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.delete[value^="Ban"]:hover, button.delete[value^="Ban"]:hover,
|
|
input.delete[value^="Ban"]:focus, button.delete[value^="Ban"]:focus {
|
|
background: #000 url(/themes/console/images/buttons/ban.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.delete[value^="Ban"]:active, button.delete[value^="Ban"]:active {
|
|
background: #652787 url(/themes/console/images/buttons/ban.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.download, button.download {
|
|
background: url(/themes/console/images/buttons/download.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.download:hover, button.download:hover,
|
|
input.download:focus, button.download:focus {
|
|
background: #000 url(/themes/console/images/buttons/download.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.download:active, button.download:active {
|
|
background: #652787 url(/themes/console/images/buttons/download.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.download[value^="Join"], button.download[value^="Join"] {
|
|
background: url(/themes/console/images/buttons/users.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.download[value^="Join"]:hover, button.download[value^="Join"]:hover,
|
|
input.download[value^="Join"]:focus, button.download[value^="Join"]:focus {
|
|
background: #000 url(/themes/console/images/buttons/users.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.download[value^="Join"]:active, button.download[value^="Join"]:active {
|
|
background: #652787 url(/themes/console/images/buttons/users.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.download[value$="from File"], button.download[value$="from File"],
|
|
input.download[value$="from file"], button.download[value$="from file"] {
|
|
background: url(/themes/console/images/buttons/from-file.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.download[value$="from file"]:hover, button.download[value$="from file"]:hover,
|
|
input.download[value$="from file"]:focus, button.download[value$="from file"]:focus {
|
|
background: #000 url(/themes/console/images/buttons/from-file.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.download[value$="from file"]:active, button.download[value$="from file"]:active {
|
|
background: #652787 url(/themes/console/images/buttons/from-file.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.download[value^="Dump"], button.download[value^="Dump"] {
|
|
background: url(/themes/console/images/buttons/dump-threads.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.download[value^="Dump"]:hover, button.download[value^="Dump"]:hover,
|
|
input.download[value^="Dump"]:focus, button.download[value^="Dump"]:focus {
|
|
background: #000 url(/themes/console/images/buttons/dump-threads.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.download[value^="Dump"]:active, button.download[value^="Dump"]:active {
|
|
background: #652787 url(/themes/console/images/buttons/dump-threads.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.go, button.go, input[value="GO"] {
|
|
background: url(/themes/console/images/buttons/go.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.go:hover, button.go:hover, input[value="GO"]:hover,
|
|
input.go:focus, button.go:focus, input[value="GO"]:focus {
|
|
background: #000 url(/themes/console/images/buttons/go.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.go:active, button.go:active, input[value="GO"]:active {
|
|
background: #652787 url(/themes/console/images/buttons/go.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.go[value^="Create"], button.go[value^="Create"] {
|
|
background: url(/themes/console/images/buttons/create-file.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.go[value^="Create"]:hover, button.go[value^="Create"]:hover,
|
|
input.go[value^="Create"]:focus, button.go[value^="Create"]:focus {
|
|
background: #000 url(/themes/console/images/buttons/create-file.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.go[value^="Create"]:active, button.go[value^="Create"]:active {
|
|
background: #652787 url(/themes/console/images/buttons/create-file.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.reload, button.reload {
|
|
background: url(/themes/console/images/buttons/restore.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.reload:hover, button.reload:hover,
|
|
input.reload:focus, button.reload:focus {
|
|
background: #000 url(/themes/console/images/buttons/restore_hover.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.reload:active, button.reload:active {
|
|
background: #652787 url(/themes/console/images/buttons/restore_hover.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.reload[value$="restart"], button.reload[value$="restart"] {
|
|
background: url(/themes/console/images/buttons/restart.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
|
|
}
|
|
|
|
input.reload[value$="restart"]:hover, button.reload[value$="restart"]:hover,
|
|
input.reload[value$="restart"]:focus, button.reload[value$="restart"]:focus {
|
|
background: #000 url(/themes/console/images/buttons/restart_hover.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
input.reload[value^="Update"], button.reload[value^="Update"] {
|
|
background: url(/themes/console/images/buttons/update.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
|
|
}
|
|
|
|
input.reload[value^="Update"]:hover, button.reload[value^="Update"]:hover,
|
|
input.reload[value^="Update"]:focus, button.reload[value^="Update"]:focus {
|
|
background: #000 url(/themes/console/images/buttons/update_hover.png) 6px center no-repeat !important;
|
|
}
|
|
|
|
input.reload[value^="Update"]:active, button.reload[value^="Update"]:active {
|
|
background: #652787 url(/themes/console/images/buttons/update_hover.png) 6px center no-repeat !important;
|
|
}
|
|
|
|
input.reload[value="Force GC"], button.reload[value="Force GC"] {
|
|
background: url(/themes/console/images/buttons/clean.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.reload[value="Force GC"]:hover, button.reload[value="Force GC"]:hover,
|
|
input.reload[value="Force GC"]:focus, button.reload[value="Force GC"]:focus {
|
|
background: #000 url(/themes/console/images/buttons/clean_hover.png) 6px center no-repeat !important;
|
|
}
|
|
|
|
input.reload[value="Force GC"]:active, button.reload[value="Force GC"]:active {
|
|
background: #652787 url(/themes/console/images/buttons/clean_hover.png) 6px center no-repeat !important;
|
|
}
|
|
|
|
input.stop, button.stop {
|
|
background: url(/themes/console/images/buttons/shutdown.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.stop:hover, button.stop:hover,
|
|
input.stop:focus, button.stop:focus {
|
|
background: #000 url(/themes/console/images/buttons/shutdown_hover.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
input.stop:active, button.stop:active {
|
|
background: #652787 url(/themes/console/images/buttons/shutdown.png) 6px center no-repeat !important;
|
|
}
|
|
|
|
button.search {
|
|
background: url(/themes/console/images/buttons/search.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px 14px, 100% 100% !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
button.search:hover, button.search:focus {
|
|
background: #000 url(/themes/console/images/buttons/search_hover.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
button.search:active {
|
|
background: #652787 url(/themes/console/images/buttons/search_hover.png) 6px center no-repeat !important;
|
|
background-size: 14px 14px !important;
|
|
}
|
|
|
|
/* client/plugin/webapps buttons aka project "X" */
|
|
|
|
button.control, button.control:hover, button.control:focus {
|
|
padding: 12px !important;
|
|
font-size: 0 !important;
|
|
text-indent: -99999px !important;
|
|
background-size: 16px 16px, 100% 100% !important;
|
|
}
|
|
|
|
button.accept.control {
|
|
background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
}
|
|
|
|
button.accept.control:hover, button.accept.control:focus {
|
|
background: #000 url(/themes/console/images/buttons/Xstart.png) center center no-repeat !important;
|
|
}
|
|
|
|
button.accept.control:active {
|
|
background: #652787 url(/themes/console/images/buttons/Xstart.png) center center no-repeat !important;
|
|
}
|
|
|
|
button.stop.control {
|
|
background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
}
|
|
|
|
button.stop.control:hover, button.stop.control:focus {
|
|
background: #000 url(/themes/console/images/buttons/Xstop.png) center center no-repeat !important;
|
|
}
|
|
|
|
button.stop.control:active {
|
|
background: #652787 url(/themes/console/images/buttons/Xstop.png) center center no-repeat !important;
|
|
}
|
|
|
|
button.add.control {
|
|
background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
}
|
|
|
|
button.add.control:hover, button.add.control:focus {
|
|
background: #000 url(/themes/console/images/buttons/edit2.png) center center no-repeat !important;
|
|
}
|
|
|
|
button.add.control:active {
|
|
background: #652787 url(/themes/console/images/buttons/edit2.png) center center no-repeat !important;
|
|
}
|
|
|
|
button.delete.control {
|
|
background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
}
|
|
|
|
button.delete.control:hover, button.delete.control:focus {
|
|
background: #000 url(/themes/console/images/buttons/delete_hover.png) center center no-repeat !important;
|
|
}
|
|
|
|
button.delete.control:active {
|
|
background: #652787 url(/themes/console/images/buttons/delete_hover.png) center center no-repeat !important;
|
|
}
|
|
|
|
button.check.control {
|
|
background: url(/themes/console/images/buttons/update.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
}
|
|
|
|
button.check.control:hover, button.check.control:focus {
|
|
background: #000 url(/themes/console/images/buttons/update_hover.png) center center no-repeat !important;
|
|
}
|
|
|
|
button.check.control:active {
|
|
background: #652787 url(/themes/console/images/buttons/update_hover.png) center center no-repeat !important;
|
|
}
|
|
|
|
button.download.control {
|
|
background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
}
|
|
|
|
button.download.control:hover, button.download.control:focus {
|
|
background: #000 url(/themes/console/images/buttons/download.png) center center no-repeat !important;
|
|
}
|
|
|
|
button.download.control:active {
|
|
background: #652787 url(/themes/console/images/buttons/download.png) center center no-repeat !important;
|
|
}
|
|
|
|
button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
|
|
outline: none;
|
|
border: none;
|
|
}
|
|
|
|
/* end project "X" */
|
|
|
|
/* sidebar buttons */
|
|
|
|
.routersummary button {
|
|
margin: 2px;
|
|
min-width: 87px !important;
|
|
background-blend-mode: normal;
|
|
}
|
|
|
|
.routersummary .reload, .routersummary .stop {
|
|
text-indent: -99999px;
|
|
background-size: 16px 16px, 100% 100% !important;
|
|
background-position: center center !important;
|
|
padding: 5px !important;
|
|
}
|
|
|
|
.routersummary .reload, .routersummary .reload[value$="restart"] {
|
|
background: url(/themes/console/images/buttons/restart.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
}
|
|
|
|
.routersummary .reload:hover, .routersummary .reload:focus, .routersummary .reload[value$="restart"]:hover, .routersummary .reload[value$="restart"]:focus {
|
|
background: #000 url(/themes/console/images/buttons/restart_hover.png) center center no-repeat !important;
|
|
background: url(/themes/console/images/buttons/shutdown_hover.png) 37% 55% no-repeat, url(/themes/console/images/buttons/restart_hover.png) 63% 55% no-repeat, #000 !important;
|
|
}
|
|
|
|
.routersummary .reload:active, .routersummary .reload[value$="restart"]:active {
|
|
background: #652787 url(/themes/console/images/buttons/restart_hover.png) center center no-repeat !important;
|
|
}
|
|
|
|
.routersummary .stop {
|
|
background: url(/themes/console/images/buttons/shutdown.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
}
|
|
|
|
.routersummary .stop:hover, .routersummary .stop:focus {
|
|
background: url(/themes/console/images/buttons/shutdown_hover.png) center center no-repeat;
|
|
background-position: center center !important;
|
|
background-size: 16px 16px, 100% 100% !important;
|
|
}
|
|
|
|
/* Show text on context specific buttons (eg deferred shutdown) */
|
|
|
|
.routersummary .reload[value="restartImmediate"], .routersummary .stop[value="shutdownImmediate"], .routersummary .reload[value="Reseed"] {
|
|
text-indent: 0;
|
|
text-align: left;
|
|
min-width: 0 !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
.routersummary .reload[value="restartImmediate"] {
|
|
background: url(/themes/console/images/buttons/restart.png) center left 6px no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px auto !important;
|
|
}
|
|
|
|
.routersummary .reload[value="restartImmediate"]:hover {
|
|
background: #000 url(/themes/console/images/buttons/restart.png) center left 6px no-repeat !important;
|
|
background-size: 14px auto !important;
|
|
}
|
|
|
|
.routersummary .reload[value="restartImmediate"]:focus, .routersummary .reload[value="restartImmediate"]:active {
|
|
background: url(/themes/console/images/buttons/restart_hover.png) center left 6px no-repeat;
|
|
background-size: 14px auto !important;
|
|
}
|
|
|
|
.routersummary .stop[value="shutdownImmediate"] {
|
|
background: url(/themes/console/images/buttons/shutdown.png) center left 6px no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px auto !important;
|
|
}
|
|
|
|
.routersummary .stop[value="shutdownImmediate"]:hover {
|
|
background: #000 url(/themes/console/images/buttons/shutdown_hover.png) center left 6px no-repeat !important;
|
|
background-size: 14px auto !important;
|
|
}
|
|
|
|
.routersummary .stop[value="shutdownImmediate"]:focus, .routersummary .stop[value="shutdownImmediate"]:active {
|
|
background: url(/themes/console/images/buttons/shutdown_hover.png) center left 6px no-repeat;
|
|
background-size: 14px auto !important;
|
|
}
|
|
|
|
.routersummary .reload[value="Reseed"] {
|
|
background: url(/themes/console/images/buttons/download.png) center left 6px no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
background-size: 14px auto !important;
|
|
}
|
|
|
|
.routersummary .reload[value="Reseed"]:hover {
|
|
background: #000 url(/themes/console/images/buttons/download.png) center left 6px no-repeat !important;
|
|
background-size: 14px auto !important;
|
|
}
|
|
|
|
.routersummary .reload[value="Reseed"]:focus, .routersummary .reload[value="Reseed"]:active {
|
|
background: #652787 url(/themes/console/images/buttons/download.png) center left 6px no-repeat !important;
|
|
background-size: 14px auto !important;
|
|
}
|
|
|
|
.routersummary .download, .routersummary .download:hover, .routersummary .download:focus {
|
|
background: url(/themes/console/images/buttons/download.png) 6px center no-repeat;
|
|
background-size: 14px 14px, 100% 100%;
|
|
min-width: 0 !important;
|
|
}
|
|
|
|
.routersummary .download, .routersummary .download:hover, .routersummary .download:focus, .routersummary .download:active {
|
|
background-size: 14x 14px !important;
|
|
padding: 5px 7px 5px 23px !important;
|
|
}
|
|
|
|
.routersummary .download:active {
|
|
background: #652787 url(/themes/console/images/buttons/download.png) 6px center no-repeat;
|
|
}
|
|
|
|
/* end sidebar buttons */
|
|
/* end buttons & inputs */
|
|
|
|
img {
|
|
border: none;
|
|
}
|
|
|
|
pre {
|
|
width: 98%;
|
|
overflow-x: auto;
|
|
text-align: left;
|
|
font: 8.5pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
|
|
color: #c9ceff;
|
|
}
|
|
|
|
/* proxy errors */
|
|
|
|
div.logo { /* proxy error "fake" sidebar */
|
|
float: left;
|
|
padding: 10px;
|
|
text-align: center;
|
|
color: #c9ceff;
|
|
margin: -2px 20px 0 20px;
|
|
border: 1px solid #443da0;
|
|
background: #000;
|
|
width: 185px;
|
|
box-shadow: inset 0 0 0 1px #44175f;
|
|
font-size: 9pt;
|
|
}
|
|
|
|
.logo a img {
|
|
opacity: 0.6;
|
|
filter: invert(100%) sepia(100%) hue-rotate(175deg);
|
|
}
|
|
|
|
.logo a img:hover {
|
|
opacity: 1;
|
|
filter: invert(100%) sepia(100%) hue-rotate(175deg) drop-shadow(0 0 3px #652787);
|
|
}
|
|
|
|
div.logo hr {
|
|
color: #443da0;
|
|
background: #443da0;
|
|
height: 1px;
|
|
border: 0 solid #443da0;
|
|
margin: 9px -10px;
|
|
}
|
|
|
|
.logo a:link {
|
|
display: block;
|
|
padding: 4px;
|
|
}
|
|
|
|
.warning { /* proxy error messages */
|
|
margin: 20px 20px 20px 245px;
|
|
padding: 14px 25px 20px 75px;
|
|
background: #000;
|
|
border: 1px solid #443da0;
|
|
text-align: left;
|
|
color: #c9ceff;
|
|
text-align: justify;
|
|
background: #000 url(/themes/console/images/itoopie_sm.png) 10px center no-repeat;
|
|
background-position: 10px calc(50% + 16px);
|
|
box-shadow: inset 0 0 0 1px #44175f;
|
|
word-wrap: break-word;
|
|
font-size: 10pt;
|
|
min-width: 300px;
|
|
box-shadow: inset 0 0 0 1px #44175f, inset 0 0 3px 3px #000, 0 0 0 2px #443da0;;
|
|
border: 5px solid #443da0;
|
|
border-image: repeating-linear-gradient(135deg, #003 0px, #003 20px, #550 20px, #550 40px, #003 40px) 5 repeat repeat;
|
|
border-image-width: 5px;
|
|
border-image-outset: 1px;
|
|
}
|
|
|
|
.warning p, .warning a {
|
|
font-size: 10pt
|
|
line-height: 130%;
|
|
}
|
|
|
|
.warning h3 {
|
|
text-align: left;
|
|
font-size: 10pt;
|
|
padding: 7px 10px;
|
|
text-align: left;
|
|
margin: -13px -24px 15px -74px;
|
|
border: none;
|
|
border-bottom: 1px solid #44175f;
|
|
}
|
|
|
|
#jumplinks a {
|
|
display: inline-block;
|
|
padding: 2px 0;
|
|
line-height: 16px;
|
|
}
|
|
|
|
#jumplinks a::before {
|
|
content: "\279F\00A0";
|
|
font-size: 16pt;
|
|
display: inline-block;
|
|
padding: 3px 0;
|
|
vertical-align: sub;
|
|
line-height: 16px;
|
|
}
|
|
|
|
#proxyNewAddressHelper .warning {
|
|
padding-bottom: 0 !important;
|
|
}
|
|
|
|
#proxyNewHost {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
#proxyNewHost td {
|
|
padding: 8px !important;
|
|
font-size: 10pt !important;
|
|
}
|
|
|
|
#proxyNewHost td:first-child {
|
|
font-weight: bold;
|
|
}
|
|
|
|
#proxyNewHost tr:last-child td:first-child {
|
|
vertical-align: top;
|
|
}
|
|
|
|
#proxyNewHost textarea {
|
|
white-space: pre-wrap;
|
|
word-break: break-all;
|
|
overflow: auto;
|
|
border: none;
|
|
resize: none;
|
|
background: none !important;
|
|
box-shadow: none !important;
|
|
width: 100% !important;
|
|
height: 6em;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
#proxyNewHost textarea:focus {
|
|
filter: none;
|
|
}
|
|
|
|
#proxyNewHost + hr {
|
|
display: none;
|
|
}
|
|
|
|
.warning h4 {
|
|
box-shadow: none !important;
|
|
text-align: left;
|
|
font-size: 10pt;
|
|
padding-bottom: 7px;
|
|
}
|
|
|
|
#proxyNewHost a {
|
|
display: inline-block;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.warning p + .formaction {
|
|
margin: 0 0 20px;
|
|
padding: 0;
|
|
}
|
|
|
|
.proxyfooter {
|
|
margin: 0 20px 10px 240px;
|
|
padding: 20px 25px 20px 75px;
|
|
color: #652787;
|
|
font-size: 7pt;
|
|
text-align: right !important;
|
|
border-radius: 2px;
|
|
border: 1px solid #000;
|
|
display: none;
|
|
}
|
|
|
|
/* responsive proxy errors */
|
|
|
|
@media screen and (max-width: 800px) {
|
|
.warning {
|
|
margin-left: 20px !important;
|
|
background: #000 !important;
|
|
padding-left: 25px !important;
|
|
}
|
|
|
|
.warning h3 {
|
|
margin: -4px -14px 10px;
|
|
padding: 7px 10px 5px;
|
|
}
|
|
|
|
.logo {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/* end proxy errors */
|
|
|
|
/* sidebar */
|
|
|
|
.routersummaryouter {
|
|
float: left;
|
|
width: 200px;
|
|
margin: 0 0 10px 5px;
|
|
padding: 0;
|
|
border: 0;
|
|
clear: left;/* fixes a bug in Opera */
|
|
text-align: center;
|
|
display: block;
|
|
position: absolute;/* so no interference with /home app icons */
|
|
}
|
|
|
|
.routersummary {
|
|
width: 184px;
|
|
padding: 8px 10px 8px;
|
|
text-align: center;
|
|
border: 1px solid #443da0;
|
|
background: #000;
|
|
color: #c9ceff;
|
|
font-size: 8pt;
|
|
clear: left;/* fixes a bug in Opera */
|
|
border-radius: 2px;
|
|
float: left;
|
|
box-shadow: 0 1px 5px #000;
|
|
margin-bottom: 7px !important;
|
|
}
|
|
|
|
.routersummary img[src*="i2plogo"] {
|
|
opacity: 0.7;
|
|
transition: ease-out opacity 0.3s, ease filter 0.3s;
|
|
margin-top: -1px;
|
|
margin-left: -5px;
|
|
width: 190px;
|
|
height: auto;
|
|
filter: sepia(100%) hue-rotate(180deg) drop-shadow(0 0 1px #652787);
|
|
}
|
|
|
|
.routersummary img[src*="i2plogo"]:hover {
|
|
opacity: 1;
|
|
transition: ease-in opacity 0.3s, ease filter 0.3s;
|
|
filter: drop-shadow(0 0 2px #652787) saturate(100%);
|
|
}
|
|
|
|
.routersummary img[src*="i2plogo"]:active {
|
|
filter: drop-shadow(0 0 5px #450519) saturate(140%) !important;
|
|
transition: ease-out opacity 0.3s, ease filter 0.3s;
|
|
}
|
|
|
|
.routersummary a[href="/"]:focus img, .routersummary a[href="/console"]:focus img {
|
|
opacity: 1;
|
|
transition: ease-in opacity 0.3s, ease filter 0.3s;
|
|
filter: drop-shadow(0 0 3px #652787) saturate(200%);
|
|
}
|
|
|
|
.routersummary input[type=text] {
|
|
text-align: right !important;
|
|
box-shadow: inset 1px 1px 1px 0 #000;
|
|
}
|
|
|
|
.routersummary hr {
|
|
color: #443da0;
|
|
background: #443da0;
|
|
height: 2px;
|
|
border-bottom: 1px solid #443da0;
|
|
margin: 8px -10px 7px -10px;
|
|
box-shadow: inset 0 1px 1px 1px #000;
|
|
}
|
|
|
|
.routersummary h3 {
|
|
border: 0;
|
|
font-size: 9.5pt;
|
|
letter-spacing: 0.04em;
|
|
margin: -7px -10px -8px -10px;
|
|
padding: 4px 0 !important;
|
|
text-transform: uppercase;
|
|
border-radius: 0;
|
|
background: #000 url(images/header.png) center center;
|
|
}
|
|
|
|
.routersummary h3:hover {
|
|
background: linear-gradient(to bottom, #001020 50%, #000 50%) !important;
|
|
}
|
|
|
|
.routersummary h3:hover a {
|
|
color: #652787 !important;
|
|
}
|
|
|
|
.routersummary h3:active {
|
|
box-shadow: inset 3px 3px 3px #000;
|
|
}
|
|
|
|
.routersummary h3 a, .routersummary h3 a:visited {
|
|
display: inline-block;
|
|
width: calc(100% - 6px);
|
|
padding: 1px 0 !important;
|
|
margin: 0;
|
|
color: #7670c2;
|
|
}
|
|
|
|
.routersummary h4 {
|
|
border: none;
|
|
font-size: 8pt;
|
|
letter-spacing: 0.02em;
|
|
margin: -6px -9px -8px -9px !important;
|
|
padding: 6px 3px;
|
|
background: #000;
|
|
background: linear-gradient(to right, #001 0%, #010005 5%, #010010 15%, #010025 50%, #010010 85%, #010005 95%, #001 100%);
|
|
text-decoration: none !important;
|
|
color: #2a1fbe;
|
|
line-height: 120%;
|
|
}
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
.routersummary h4 {
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
|
|
.routersummary ul {
|
|
text-align: left !important;
|
|
}
|
|
|
|
.routersummary table {
|
|
border: 0;
|
|
text-align: center !important;
|
|
margin: -4px -7px -5px -8px !important;
|
|
width: 200px !important;
|
|
overflow: hidden;
|
|
font-size: 8pt;
|
|
background-image: none !important;
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.routersummary td {
|
|
padding: 0 2px 0 2px;
|
|
background-image: none !important;
|
|
border: 0 !important;
|
|
word-spacing: -0.1em;
|
|
max-width: 180px;
|
|
}
|
|
|
|
.routersummary td:first-child {
|
|
max-width: 90px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
#sb_general, #sb_shortgeneral, #sb_advancedgeneral, #sb_bandwidth, #sb_peers, #sb_peersadvanced, #sb_tunnels, #sb_queue {
|
|
margin-top: -6px !important;
|
|
margin-bottom: -5px !important;
|
|
}
|
|
|
|
#sb_general td::after, #sb_shortgeneral td::after, #sb_advancedgeneral td::after, #sb_bandwidth td::after,
|
|
#sb_peers td::after, #sb_peersadvanced td::after, #sb_tunnels td::after, #sb_queue td::after {
|
|
content: "";
|
|
display: inline-block;
|
|
vertical-align: bottom;
|
|
min-height: 16px !important;
|
|
}
|
|
|
|
#sb_general td, #sb_shortgeneral td, #sb_advancedgeneral td {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#sb_localtunnels {
|
|
width: 200px !important;
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
margin-top: -6px !important;
|
|
margin-bottom: -8px !important;
|
|
}
|
|
|
|
#sb_localtunnels a {
|
|
display: inline-block;
|
|
width: 100%;
|
|
max-width: 156px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#sb_localtunnels img {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#sb_localtunnels td:first-child {
|
|
width: 16px;
|
|
text-align: left;
|
|
padding: 2px 0 2px 1px;
|
|
}
|
|
|
|
#sb_localtunnels td:last-child {
|
|
text-align: right;
|
|
padding-right: 0;
|
|
}
|
|
|
|
#sb_localtunnels tr:hover td {
|
|
background: #652787;
|
|
}
|
|
|
|
#sb_localtunnels tr:hover td:first-child {
|
|
border-radius: 2px 0 0 2px;
|
|
}
|
|
|
|
#sb_localtunnels tr:hover td:last-child {
|
|
border-radius: 0 2px 2px 0;
|
|
}
|
|
|
|
#sb_services a:link, #sb_internals a:link, #sb_advanced a:link, #sb_help a:link {
|
|
word-break: break-all;
|
|
max-width: 190px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
line-height: 140%;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
padding: 1px 3px;
|
|
}
|
|
|
|
#sb_services a:hover, #sb_internals a:hover, #sb_advanced a:hover, #sb_localtunnels tr:hover, #sb_localtunnels tr:hover a, #sb_help a:hover,
|
|
.news a:hover, #console a:hover, tt a:hover {
|
|
background: #652787;
|
|
color: #fff !important;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
#sb_services a:active, #sb_internals a:active, #sb_advanced a:active, #sb_help a:active,
|
|
#sb_localtunnels tr:active, .news a:active, #console a:active, tt a:active {
|
|
background: #39144f;
|
|
color: #c9ceff !important;
|
|
}
|
|
|
|
#sb_localtunnels tr:active a {
|
|
color: #c9ceff !important;
|
|
}
|
|
|
|
#sb_peersadvanced a {
|
|
padding: 0;
|
|
color: #c9ceff;
|
|
}
|
|
|
|
#sb_peersadvanced a:hover, #sb_peersadvanced a:focus {
|
|
color: #652787;
|
|
}
|
|
|
|
#sb_peersadvanced .separator td::after {
|
|
min-height: 0 !important;
|
|
}
|
|
|
|
#sb_peersadvanced .separator hr, #sb_peersadvanced .separator hr:last-child {
|
|
display: block !important;
|
|
margin: 3px 0 2px !important;
|
|
color: transparent;
|
|
background: transparent;
|
|
border-bottom: 1px dashed #2d296f;
|
|
}
|
|
|
|
.sb_notice {
|
|
background: #001;
|
|
border: 1px solid #241f69;
|
|
border-radius: 2px;
|
|
box-shadow: inset 0 0 0 1px #000;
|
|
margin: -3px -6px -5px;
|
|
padding: 5px 3px;
|
|
}
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
.sb_notice {
|
|
margin-bottom: -6px !important;
|
|
}
|
|
}
|
|
|
|
#sb_warning {
|
|
border-bottom: 1px solid #443da0;
|
|
margin-left: -10px !important;
|
|
margin-right: -10px !important;
|
|
}
|
|
|
|
#sb_warning + .sb_notice {
|
|
margin-top: 12px;
|
|
}
|
|
|
|
#sb_warning + hr {
|
|
margin-top: 6px !important;
|
|
}
|
|
|
|
p:empty + .sb_notice {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
/* sidebar stacked tables fix */
|
|
|
|
#sb_localid + #sb_version {
|
|
margin-top: 6px !important;
|
|
margin-bottom: 5px !important;
|
|
}
|
|
|
|
.routersummary tr {
|
|
background-image: none !important;
|
|
background-color: transparent !important;
|
|
border: 0 !important;
|
|
}
|
|
|
|
.routersummary form {
|
|
margin: -4px -9px -6px;
|
|
}
|
|
|
|
.routersummary form:first-child {
|
|
margin: 6px 0 -5px 0 !important;
|
|
}
|
|
|
|
.routersummary p {
|
|
padding: 0;
|
|
}
|
|
|
|
.refresh {
|
|
margin-top: -10px !important;
|
|
margin-bottom: -4px !important;
|
|
padding: 2px 0 0 0 !important;
|
|
}
|
|
|
|
.routersummary a:link, .routersummary a:visited {
|
|
padding: 0 2px;
|
|
word-spacing: 0;
|
|
}
|
|
|
|
.routersummary a:hover {
|
|
color: #652787;
|
|
}
|
|
|
|
.routersummary hr:last-child {
|
|
margin-top: 5px;
|
|
margin-bottom: -5px !important;
|
|
}
|
|
|
|
/* "experimental" custom sidebar links for apps
|
|
|
|
#sb_services {
|
|
width: 192px !important;
|
|
margin: 0 !important;
|
|
margin: -7px -10px -9px !important;
|
|
border-collapse: collapse;
|
|
|
|
}
|
|
|
|
#sb_services td {
|
|
padding: 0;
|
|
}
|
|
|
|
#sb_services a, #sb_services a:hover, #sb_services a:active {
|
|
border-bottom: 1px solid #443da0 !important;
|
|
outline: none !important;
|
|
}
|
|
|
|
#sb_services a:hover {
|
|
background: #002;
|
|
}
|
|
|
|
#sb_services a:last-child {
|
|
border-bottom: 1px solid transparent !important;
|
|
}
|
|
|
|
#sb_services a[href*="mail"], #sb_services a[href*="snark"], #sb_services a[href*="7658"], #sb_services a[href*="bote"] {
|
|
width: calc(100% - 31px) !important;
|
|
padding: 5px 5px 5px 26px !important;
|
|
border: 1px outset transparent;
|
|
margin: 0 !important;
|
|
float: left;
|
|
text-align: left;
|
|
background: #000;
|
|
text-decoration: none;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.1em;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
clear: both;
|
|
}
|
|
|
|
#sb_services a[href*="mail"] {
|
|
background: #000 url(images/mail.png) 5px center no-repeat;
|
|
}
|
|
#sb_services a[href*="mail"]:hover {
|
|
background: #002 url(images/mail.png) 5px center no-repeat;
|
|
}
|
|
|
|
#sb_services a[href*="bote"] {
|
|
background: #000 url(images/webmail.png) 5px center no-repeat;
|
|
}
|
|
|
|
#sb_services a[href*="bote"]:hover {
|
|
background: #002 url(images/webmail.png) 5px center no-repeat;
|
|
}
|
|
|
|
#sb_services a[href*="snark"] {
|
|
background: #000 url(images/magnet.png) 5px center no-repeat;
|
|
}
|
|
|
|
#sb_services a[href*="snark"]:hover {
|
|
background: #002 url(images/magnet.png) 5px center no-repeat;
|
|
}
|
|
|
|
#sb_services a[href*="7658"] {
|
|
background: #000 url(images/webserver.png) 5px center no-repeat;
|
|
}
|
|
|
|
#sb_services a[href*="7658"]:hover {
|
|
background: #002 url(images/webserver.png) 5px center no-repeat;
|
|
}
|
|
|
|
/* end custom sidebar links */
|
|
|
|
/* sidebar news */
|
|
|
|
.sb_newsheadings {
|
|
width: 192px;
|
|
margin-left: 0;
|
|
margin-top: -6px !important;
|
|
margin-bottom: -8px !important;
|
|
text-align: right;
|
|
}
|
|
|
|
.sb_newsheadings table {
|
|
margin-bottom: 3px !important;
|
|
}
|
|
|
|
.sb_newsheadings a {
|
|
display: inline-block;
|
|
padding: 0 3px 0 0;
|
|
line-height: 140%;
|
|
}
|
|
|
|
.sb_newsheadings td {
|
|
padding: 4px 5px 4px 20px;
|
|
text-align: left;
|
|
background: url(images/newsbullet_mini.png) 4px center no-repeat !important;
|
|
border-bottom: 1px solid #113 !important;
|
|
}
|
|
|
|
.sb_newsheadings tr:last-child td {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
/* end sidebar news */
|
|
|
|
/* mini sidebar graph */
|
|
|
|
#sb_bandwidthgraph {
|
|
width: 100%;
|
|
margin: -13px 0 0 -8px !important;
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
padding: 0;
|
|
border: 1px solid #5df;
|
|
box-shadow: 0 0 1px #ccf;
|
|
}
|
|
|
|
#sb_bandwidthgraph:hover {
|
|
border: 1px solid #f60;
|
|
cursor: url(/themes/console/images/cursor_zoom.png), pointer;
|
|
}
|
|
|
|
a:active #sb_bandwidthgraph {
|
|
border: 1px solid #f30;
|
|
}
|
|
|
|
#sb_bandwidthgraph td {
|
|
background: linear-gradient(to top, #f3f3ff 2px, rgba(255,255,255,0.0) 2px, rgba(255,255,255,0.0) 89%, #f3f3ff 93%), linear-gradient(to right, #f3f3ff, rgba(255,255,255,0.0) 2%, rgba(255,255,255,0.0) 98%, #f3f3ff), repeating-linear-gradient(to right, rgba(255,255,255,0.0) 10px, rgba(120,120,255,0.8) 11px, rgba(255,255,255,0.0) 11px, rgba(255,255,255,0.0) 20px), repeating-linear-gradient(to top, rgba(255,255,255,0.0) 1px, rgba(120,120,255,0.8) 2px, rgba(255,255,255,0.0) 2px, rgba(255,255,255,0.0) 10px) !important;
|
|
background: linear-gradient(to top, #fff 2px, rgba(255,255,255,0.0) 2px, rgba(255,255,255,0.0) 89%, #fff 93%), repeating-linear-gradient(to right, rgba(255,255,255,0.0) 10px, rgba(120,120,255,0.8) 11px, rgba(255,255,255,0.0) 11px, rgba(255,255,255,0.0) 20px), repeating-linear-gradient(to top, rgba(255,255,255,0.0) 1px, rgba(120,120,255,0.8) 2px, rgba(255,255,255,0.0) 2px, rgba(255,255,255,0.0) 10px) !important;
|
|
padding: 0 1px;
|
|
box-shadow: inset 0 0 0 1px #fff;
|
|
height: 40px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
#sb_graphstats {
|
|
display: inline-block;
|
|
padding: 2px 8px;
|
|
font-weight: bold;
|
|
background: #444;
|
|
border: 1px solid #999;
|
|
border-top: none;
|
|
box-shadow: inset 0 0 0 1px #fff, 0 0 1px #fff;
|
|
opacity: 0;
|
|
transition: ease opacity 0.3s;
|
|
}
|
|
|
|
#sb_graphcontainer:hover #sb_graphstats {
|
|
opacity: 1;
|
|
transition: ease opacity 0.3s;
|
|
}
|
|
|
|
#sb_graphcontainer {
|
|
background-color: #000;
|
|
background-position: left -72px top -26px !important;
|
|
background-size: 280px 90px !important;
|
|
background-repeat: no-repeat !important;
|
|
margin: -7px 0 -3px !important;
|
|
height: 40px;
|
|
filter: invert(1) sepia(1) hue-rotate(180deg);
|
|
}
|
|
|
|
@keyframes graphfadein {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
#sb_graphcontainer {
|
|
animation: graphfadein 0.4s ease-in; /* attempt to mitigate strobe effect as image loads before filters are applied */
|
|
}
|
|
|
|
@media screen and (min-width: 1500px) {
|
|
#sb_graphcontainer {
|
|
background-size: 300px 77px !important;
|
|
background-position: left -72px top -20px !important;
|
|
}
|
|
|
|
#sb_bandwidthgraph {
|
|
width: 100%;
|
|
margin: -15px 0 0 -8px !important;
|
|
}
|
|
}
|
|
|
|
/* end mini sidebar graph */
|
|
|
|
/* status bar */
|
|
|
|
.percentBarOuter {
|
|
width: 194px;
|
|
background: #000;
|
|
background: repeating-linear-gradient(135deg, #001 1px, #001 5px, #003 6px, #003 11px);
|
|
background: repeating-linear-gradient(to right, #000 1px, #000 2px, #003 2px, #003 4px);
|
|
border: 1px solid #171c3f;
|
|
opacity: 1;
|
|
box-shadow: 0 0 1px 1px rgba(0,0,0,0.8);
|
|
margin: -3px 0 -5px -6px;
|
|
}
|
|
|
|
@media screen and (min-width: 1500px) {
|
|
.percentBarOuter {
|
|
width: 210px;
|
|
}
|
|
}
|
|
|
|
.percentBarOuter:hover .percentBarText {
|
|
opacity: 1;
|
|
transition: ease opacity 0.2s;
|
|
}
|
|
|
|
.percentBarInner {
|
|
height: 14px;
|
|
background: #0e5f00;
|
|
background: linear-gradient(to bottom, #33a 0%, #226 50%, #003 50%, #000 100%);
|
|
box-shadow: inset 0 0 0 1px #000;
|
|
}
|
|
|
|
.percentBarText {
|
|
width: 100%;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
float: left;
|
|
opacity: 0;
|
|
transition: ease opacity 0.2s;
|
|
}
|
|
|
|
/* update bar */
|
|
|
|
.sb_updatestatus {
|
|
background: #000;
|
|
margin: -6px -4px -2px;
|
|
padding: 2px 0 4px;
|
|
border-bottom: 1px solid #443da0;
|
|
color: #c9ceff;
|
|
}
|
|
|
|
.sb_info .percentBarOuter {
|
|
margin: 5px -2px -4px 0;
|
|
box-shadow: none !important;
|
|
background: repeating-linear-gradient(135deg, #001 1px, #001 5px, #003 6px, #003 11px);
|
|
animation: downloadbar 3s infinite alternate;
|
|
}
|
|
.sb_info .percentBarText {
|
|
opacity: 1;
|
|
padding-top: 2px;
|
|
color: #c9ceff;
|
|
}
|
|
|
|
.sb_info .percentBarInner {
|
|
height: 16px;
|
|
}
|
|
|
|
@keyframes downloadbar {
|
|
from {
|
|
background: repeating-linear-gradient(135deg, #001 1px, #001 5px, #003 6px, #003 11px);
|
|
}
|
|
|
|
to {
|
|
background: repeating-linear-gradient(135deg, #003 1px, #003 6px, #001 7px, #001 11px);
|
|
}
|
|
}
|
|
|
|
/* end status bar */
|
|
/* end sidebar */
|
|
|
|
/* console error messages */
|
|
|
|
img[src="/themes/console/images/i2plogo.png"], img[src="/themes/console/images/i2plogo.png"]:hover,
|
|
img[src="/themes/console/images/i2plogo.png"]:focus, a:active img[src="/themes/console/images/i2plogo.png"] {
|
|
margin-top: 6px !important;
|
|
margin-left: -1px !important;
|
|
filter: sepia(100%) invert(100%) !important;
|
|
width: 180px !important;
|
|
}
|
|
|
|
.sorry {
|
|
margin: -1px 5px 10px 215px;
|
|
padding: 20px 20px 20px 75px;
|
|
background: #020022;
|
|
border: 1px solid #443da0;
|
|
border-radius: 0 0 2px 2px;
|
|
text-align: justify;
|
|
background-image:url(/themes/console/images/info/errortriangle.png);
|
|
background-position:15px center;
|
|
background-repeat:no-repeat;
|
|
box-shadow: inset 0 0 0 1px #320951;
|
|
word-wrap: break-word;
|
|
min-width: 545px;
|
|
color: #c9ceff;
|
|
font-size: 10pt;
|
|
}
|
|
|
|
div.sorry hr {
|
|
color: #c9ceff;
|
|
background: #c9ceff;
|
|
height: 1px;
|
|
border-top: 1px solid #c9ceff;
|
|
margin: 10px 0;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
#warning2 {
|
|
min-width: 580px;
|
|
background: #001;
|
|
background: #000 url(images/earth.jpg) no-repeat scroll bottom right !important;
|
|
background-size: auto 180px !important;
|
|
margin-top: -28px;
|
|
margin-bottom: 5px;
|
|
padding: 20px 30px 10px;
|
|
font-size: 9pt;
|
|
}
|
|
|
|
#warning2 h3 {
|
|
margin: -21px -31px 10px;
|
|
padding: 10px;
|
|
border-width: 1px;
|
|
box-shadow: inset 0 0 0 1px #320951;
|
|
}
|
|
|
|
#warning2 p {
|
|
line-height: 130% !important;
|
|
}
|
|
|
|
#warning2 b {
|
|
margin-right: 5px;
|
|
display: inline-block;
|
|
min-width: 140px;
|
|
text-align: right;
|
|
}
|
|
|
|
/* end error msgs */
|
|
|
|
.main {
|
|
margin: -1px 5px 5px 215px;
|
|
padding: 0 10px 1px 10px;
|
|
text-align: left;
|
|
color: #c9ceff;
|
|
width: auto;
|
|
border: 1px solid #443da0;
|
|
border-radius: 0 0 2px 2px;
|
|
background: #000 url(images/scarface.jpg) right bottom no-repeat !important;
|
|
background-size: auto 200px !important;
|
|
min-width: 620px;
|
|
box-shadow: 0 1px 5px #000, inset 0 0 0 1px #000;
|
|
font-size: 9pt;
|
|
}
|
|
|
|
.main#news {
|
|
background: #000 url(images/earth.jpg) no-repeat scroll bottom right !important;
|
|
background-size: auto 180px !important;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.news {
|
|
margin: -1px 5px 0 215px;
|
|
padding: 6px 20px 5px;
|
|
border: 1px solid #443da0;
|
|
background: #000 url(images/earth.jpg) no-repeat scroll bottom right;
|
|
background-size: auto 200px;
|
|
color: #7670c2;
|
|
font-size: 8pt;
|
|
text-align: right;
|
|
box-shadow: 0 1px 5px #000;
|
|
min-width: 600px;
|
|
}
|
|
|
|
.main#news .newscontent {
|
|
border: 1px solid #443da0;
|
|
margin: -11px 0 10px;
|
|
padding: 0 10px 5px;
|
|
border-radius: 0 0 2px 2px;
|
|
background: rgba(0,0,0,0.6);
|
|
box-shadow: inset 0 0 0 1px #000;
|
|
}
|
|
|
|
.main#news .newsentry h3 {
|
|
border: 1px solid #443da0;
|
|
border-radius: 2px 2px 0 0;
|
|
}
|
|
|
|
.main#news .newsentry {
|
|
margin-bottom: 14px !important;
|
|
}
|
|
|
|
.main#news .newsentry:first-child {
|
|
margin-top: -3px !important;
|
|
}
|
|
|
|
.main#news .newsentry:last-child {
|
|
margin-bottom: -3px !important;
|
|
}
|
|
|
|
.news .newsentry {
|
|
margin-top: -3px !important;
|
|
}
|
|
|
|
.news .newsentry:first-child {
|
|
margin-top: -10px !important;
|
|
}
|
|
|
|
.news h4 {
|
|
border-bottom: 1px;
|
|
border-bottom-style: dotted;
|
|
border-bottom-color: #443da0;
|
|
padding: 0 0 0 0;
|
|
margin: 5px 0 10px 0;
|
|
font-size: 10pt;
|
|
opacity: 1;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.news p, .newscontent p {
|
|
margin-top: -5px;
|
|
font-size: 9pt;
|
|
color: #c9ceff;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.news p:nth-child(n+1), .newscontent p:nth-child(n+1) {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.news hr {
|
|
margin: 8px -20px 5px;
|
|
}
|
|
|
|
#newspage {
|
|
margin: 18px 5px; /* positional parity with homepage news */
|
|
}
|
|
|
|
#newsStatus, #news #newsDisplay a {
|
|
font-size: 8pt;
|
|
}
|
|
|
|
#newsStatus {
|
|
float: left;
|
|
color: #c9ceff;
|
|
}
|
|
|
|
#newsDisplay {
|
|
white-space: nowrap;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
#news #newsDisplay {
|
|
margin-right: -10px;
|
|
}
|
|
|
|
#news #newsDisplay, #graphopts {
|
|
color: transparent;
|
|
}
|
|
|
|
#news #newsStatus {
|
|
padding-top: 2px;
|
|
margin-left: -10px;
|
|
}
|
|
|
|
#news #newsDisplay {
|
|
padding: 0 0 3px;
|
|
}
|
|
|
|
#newsStatus, #news #newsDisplay, #news #newsDisplay a, #graphopts a {
|
|
display: inline-block;
|
|
}
|
|
|
|
#news #newsDisplay a, #graphopts a {
|
|
border: 1px solid #005;
|
|
margin: 0 -2px;
|
|
padding: 1px 10px !important;
|
|
background: #002;
|
|
background: rgba(0,0,64,0.4);
|
|
border-radius: 15px;
|
|
filter: drop-shadow(0 0 1px rgba(0,0,64,0.8));
|
|
}
|
|
|
|
#news #newsDisplay a:hover, #news #newsDisplay a:focus, #graphopts a:hover, #graphopts a:focus {
|
|
background: #030;
|
|
background: linear-gradient(to bottom, #005 50%, #001 50%);
|
|
border: 1px solid #006;
|
|
text-shadow: 0 1px 1px #000;
|
|
}
|
|
|
|
#news #newsDisplay a:active, #graphopts a:active {
|
|
background: #004;
|
|
box-shadow: inset 2px 2px 2px #000;
|
|
}
|
|
|
|
.news #newsDisplay, .news #newsStatus {
|
|
margin-top: 3px !important;
|
|
display: inline-block;
|
|
}
|
|
|
|
.newsAuthor {
|
|
float: right;
|
|
background: url(/themes/console/images/info/author_dark.png) left 2px top no-repeat;
|
|
background-size: 14px 14px;
|
|
font-size: 8pt !important;
|
|
padding: 0 0 0 18px;
|
|
display: inline-block;
|
|
opacity: 0.7;
|
|
text-transform: none;
|
|
}
|
|
|
|
.newsDate {
|
|
opacity: 0.7;
|
|
font-style: italic;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.messages i {
|
|
text-align: left;
|
|
float: none;
|
|
display: inline-block;
|
|
}
|
|
|
|
.messages #newsDisplay {
|
|
display: inline-block;
|
|
margin-left: 45px;
|
|
}
|
|
|
|
.main#jobs .joblog {
|
|
margin-top: 10px !important;
|
|
}
|
|
|
|
.main#jobs ol {
|
|
padding: 10px 10px 5px 10px;
|
|
-moz-columns: 2;
|
|
-webkit-columns: 2;
|
|
columns: 2;
|
|
text-align: left;
|
|
}
|
|
|
|
.main#jobs ol:empty {
|
|
display: none;
|
|
}
|
|
|
|
.main#jobs ol li:first-child {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.main#jobs ol li {
|
|
break-inside: avoid;
|
|
page-break-inside: avoid;
|
|
-webkit-break-inside: avoid;
|
|
display: inline-block;
|
|
text-align: left !important;
|
|
min-width: 400px;
|
|
}
|
|
|
|
.main#config_update input, .main#config_update button, .main#config_update select, .main#config_update textarea {
|
|
margin-left: 0 !important;
|
|
}
|
|
|
|
.main#config_update .messages {
|
|
background: url(/themes/console/images/info/infohelp.png) no-repeat 15px center, url(images/earth.jpg) bottom right no-repeat !important;
|
|
background-size: auto, 80px !important;
|
|
}
|
|
|
|
.main#events .messages {
|
|
margin-top: 21px;
|
|
margin-bottom: -16px;
|
|
box-shadow: inset 0 0 0 1px #300 !important;
|
|
}
|
|
|
|
.wideload {
|
|
margin: 0;
|
|
}
|
|
|
|
.widescroll { /* only scroll content, not entire page eg /peers */
|
|
overflow: auto;
|
|
}
|
|
|
|
.widescroll table {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* top navigation */
|
|
|
|
div.confignav {
|
|
background: #010010 url(images/titles.png) center center repeat-x !important;
|
|
background: linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%);
|
|
padding: 7px 5px 8px !important;
|
|
margin: -1px -11px 15px;
|
|
border: 1px solid #443da0;
|
|
font-weight: bold !important;
|
|
line-height: 130% !important;
|
|
text-align: center;
|
|
box-shadow: inset 0 0 0 1px #000, inset 0 0 3px 1px #030;
|
|
}
|
|
|
|
.tab, .tab2 {
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
border: 1px solid #443da0;
|
|
margin: 0 -2px -1px -2px !important;
|
|
padding: 1px 0 2px;
|
|
min-width: 60px !important;
|
|
box-shadow: inset 0 0 0 1px #000;
|
|
}
|
|
|
|
.tab a, .tab a:visited {
|
|
display: inline-block;
|
|
padding: 4px 16px 5px;
|
|
color: #7670c2
|
|
}
|
|
|
|
.tab {
|
|
background: #010010 url(images/titles.png) center center repeat-x;
|
|
background: linear-gradient(to bottom, #1a1b2f 50%, #000011 50%, #00000d 50%) !important;
|
|
}
|
|
|
|
.tab:hover {
|
|
background: #000 !important;
|
|
box-shadow: inset 0 0 0 1px #404;
|
|
}
|
|
|
|
.tab:hover a {
|
|
color: #652787 !important;
|
|
}
|
|
|
|
.tab:active {
|
|
box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px 1px #2d103f;
|
|
background: #652787 !important;
|
|
}
|
|
|
|
.tab:active a {
|
|
color: #c9ceff !important;
|
|
}
|
|
|
|
.tab2 {
|
|
background: #040033;
|
|
color: #c9ceff;
|
|
padding: 5px 14px 7px;
|
|
}
|
|
|
|
/* end topnav */
|
|
|
|
#bwlimiter a, #advancedconfig a, .tabletitle a, #upnpconfig a, #servicedebug a, .ptitle a, #configstats th a, h3#graphinfo a, .h3navlinks {
|
|
float: right;
|
|
letter-spacing: normal;
|
|
text-transform: capitalize !important;
|
|
font-size: 9pt;
|
|
}
|
|
|
|
.h3navlinks a {
|
|
text-transform: capitalize;
|
|
letter-spacing: normal;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.main#tunnels h3:first-child {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.main#tunnels h3 a:not(old), #criticallogs + h3.tabletitle a:not(old) {
|
|
font-size: 0;
|
|
}
|
|
|
|
.main#tunnels h3 a[href^="/configtunnels#"]::after, #criticallogs + h3.tabletitle a::after {
|
|
content: url(/themes/console/images/buttons/configure.png);
|
|
float: right;
|
|
padding: 0;
|
|
}
|
|
|
|
#criticallogs tr:first-child {
|
|
display: none;
|
|
}
|
|
|
|
#criticallogs li::first-line, #routerlogs li::first-line {
|
|
display: inline-block;
|
|
border: 1px solid #f00;
|
|
}
|
|
|
|
#criticallogs li:last-child, #routerlogs li:last-child {
|
|
padding-bottom: 8px !important;
|
|
}
|
|
|
|
img[src$="inbound.png"], img[src$="outbound.png"] {
|
|
filter: hue-rotate(-47deg);
|
|
}
|
|
|
|
h3#iptransport a:not(old), h3#advancedconfig a:not(old) {
|
|
font-size: 0;
|
|
height: 20px;
|
|
}
|
|
|
|
h3#iptransport a::after, h3#advancedconfig a::after {
|
|
content: url(images/help.png);
|
|
padding: 0;
|
|
margin: 0;
|
|
vertical-align: text-top;
|
|
cursor: help;
|
|
filter: drop-shadow(0 0 1px #555);
|
|
}
|
|
|
|
div.messages {
|
|
padding: 20px 10px;
|
|
margin: -4px 0 10px;
|
|
border: 1px solid #443da0;
|
|
background: #000;
|
|
background: url(/themes/console/images/info/infohelp.png) no-repeat 15px center, #000;
|
|
font-weight: bold;
|
|
font-size: 9.5pt;
|
|
color: #c9ceff !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
div.messages i {
|
|
padding-left: 45px;
|
|
color: #c9ceff;
|
|
}
|
|
|
|
div.messages span.error {
|
|
color: #d6fffd;
|
|
}
|
|
|
|
div.messages span.notice {
|
|
font-style: italic;
|
|
}
|
|
|
|
div.messages li {
|
|
text-align: justify !important;
|
|
font-weight: bold;
|
|
list-style: none !important;
|
|
margin: 0 5px 0 50px !important;
|
|
padding: 0 10px 0 0 !important;
|
|
border: 0 !important;
|
|
}
|
|
|
|
div.widepanel h3 {
|
|
text-align: left !important;
|
|
padding: 6px 10px;
|
|
text-transform: uppercase;
|
|
font-size: 10.5pt;
|
|
text-align: left;
|
|
letter-spacing: 0.08em;
|
|
word-spacing: 0.1em;
|
|
border-radius: 0;
|
|
border: 1px solid #443da0;
|
|
}
|
|
|
|
/* graphs */
|
|
|
|
.graphspanel {
|
|
padding: 0;
|
|
margin: 15px 0 -15px 0;
|
|
background: none;
|
|
text-align: center;
|
|
overflow: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.graphspanel form {
|
|
text-align: left;
|
|
padding: 0 15px 0 15px;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.graphspanel a img {
|
|
border: 1px solid #443da0;
|
|
padding: 3px;
|
|
margin: 5px 4px;
|
|
text-align: center !important;
|
|
background: #000;
|
|
opacity: 0.9;
|
|
transition: ease all 0.3s;
|
|
}
|
|
|
|
.graphspanel a img:hover {
|
|
border: 1px solid #652787;
|
|
padding: 3px;
|
|
text-align: center !important;
|
|
background: #000;
|
|
opacity: 1;
|
|
transition: ease all 0.3s;
|
|
cursor: url(/themes/console/images/cursor_zoom.png), auto;
|
|
}
|
|
|
|
.graphspanel img {
|
|
border: 1px solid #2f2e38;
|
|
padding: 2px;
|
|
max-width: 97%;
|
|
max-width: calc(100% - 20px);
|
|
vertical-align: top;
|
|
}
|
|
|
|
.graphspanel img:not(old) {
|
|
filter: invert(1) hue-rotate(180deg);
|
|
background: #fff;
|
|
border: 1px solid #ddf;
|
|
}
|
|
|
|
.graphspanel a img:not(old) {
|
|
border: 1px solid #a2acdb;
|
|
padding: 2px;
|
|
}
|
|
|
|
.graphspanel a img:hover:not(old) {
|
|
border: 1px solid #9678d7;
|
|
background: #fff;
|
|
padding: 2px;
|
|
}
|
|
|
|
.graphspanel p {
|
|
text-align: center;
|
|
text-transform: capitalize;
|
|
margin-top: 10px;
|
|
border-top: 1px solid #443da0;
|
|
padding: 10px 10px 15px;
|
|
}
|
|
|
|
#graphopts {
|
|
margin: 30px -10px 0 !important;
|
|
padding: 10px 0 8px;
|
|
text-align: center;
|
|
background: #001;
|
|
background: rgba(0,0,16,0.5);
|
|
border-top: 1px solid #443da0;
|
|
}
|
|
|
|
#graphopts a {
|
|
margin: 3px -2px;
|
|
background: #001;
|
|
border-color: #003;
|
|
padding: 0 10px !important;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
#graphopts a, #graphopts a:visited {
|
|
color: #54508f;
|
|
}
|
|
|
|
#graphopts a:hover, #graphopts a:visited:hover, #graphopts a:focus {
|
|
color: #6762af;
|
|
}
|
|
|
|
#graphopts a:active {
|
|
color: #2d277f !important;
|
|
}
|
|
|
|
h3#graphinfo {
|
|
margin-top: 10px;
|
|
border-radius: 0 !important;
|
|
text-transform: capitalize;
|
|
letter-spacing: normal;
|
|
word-spacing: normal;
|
|
}
|
|
|
|
#graphopts + p {
|
|
display: none;
|
|
}
|
|
|
|
form[action="graphs"] {
|
|
border: 1px solid #443da0;
|
|
padding: 10px 10px 0 !important;
|
|
background: #000;
|
|
margin-top: -11px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
h3#graphdisplay a {
|
|
text-transform: capitalize;
|
|
letter-spacing: normal;
|
|
font-size: 9pt;
|
|
float: right;
|
|
}
|
|
|
|
#graphs form {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
#graphs form hr {
|
|
margin: 0 -1px 8px !important;
|
|
}
|
|
|
|
#graphs form table {
|
|
border: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.formaction#graphing {
|
|
margin: -2px 0 0 !important;
|
|
padding-top: 1px;
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
|
|
#graphs tr:first-child td {
|
|
border-top: none;
|
|
}
|
|
|
|
#graphs td:first-child {
|
|
text-align: right;
|
|
width: 85px;
|
|
white-space: nowrap;
|
|
padding: 13px 3px 13px 5px;
|
|
}
|
|
|
|
#graphs td:nth-child(2) {
|
|
width: 260px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#graphs td.infohelp {
|
|
border: 1px inset #120f35;
|
|
border-right: none;
|
|
border-left: none;
|
|
background-size: 20px 20px !important;
|
|
padding: 5px 5px 5px 40px !important;
|
|
background-color: #010008 !important;
|
|
text-align: left;
|
|
}
|
|
|
|
#graphs form input, #graphs form select {
|
|
margin: 3px 5px 3px 0;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#graphs input[type="text"] {
|
|
min-width: 60px;
|
|
}
|
|
|
|
/* end graphs */
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
border: 1px solid #443da0;
|
|
padding: 1px;
|
|
font-size: 9pt;
|
|
background: #040033;
|
|
margin: 1px 0;
|
|
}
|
|
|
|
table hr {
|
|
padding: 0 0;
|
|
color: #443da0;
|
|
background: #443da0;
|
|
border: 0 solid #443da0;
|
|
margin: 0 0;
|
|
height: 1px;
|
|
display: none;
|
|
}
|
|
|
|
th {
|
|
padding: 6px 2px;
|
|
color: #c9ceff;
|
|
text-align: center;
|
|
font-size: 9pt;
|
|
background: #000 url(images/titles.png) center center repeat-x;
|
|
background: linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%);
|
|
border-top: 1px solid #443da0;
|
|
border-bottom: 1px solid #443da0 !important;
|
|
line-height: 110%;
|
|
}
|
|
|
|
tr {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
tr:nth-child(even) {
|
|
background: #010010;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
tr:nth-child(odd) {
|
|
background: #010008;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
td {
|
|
padding: 4px 6px;
|
|
color: #c9ceff;
|
|
vertical-align: middle;
|
|
border-top: 1px inset #120f35;
|
|
}
|
|
|
|
td img {
|
|
padding: 0 1px 0 2px;
|
|
}
|
|
|
|
td img[src$="c=a1"], td img[src$="c=a2"] {
|
|
filter: drop-shadow(0 0 1px #337);
|
|
}
|
|
|
|
tt {
|
|
font: bold 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
|
|
color: #393;
|
|
}
|
|
|
|
table tt {
|
|
color: #393;
|
|
}
|
|
|
|
a:link tt, a:visited tt {
|
|
color: #4e47bf;
|
|
}
|
|
|
|
a:hover tt {
|
|
color: #652787;
|
|
}
|
|
|
|
a:active tt {
|
|
color: #9FE9F9;
|
|
}
|
|
|
|
div.main li {
|
|
text-align: left;
|
|
list-style: square;
|
|
margin: 2px 0 2px 30px;
|
|
padding: 2px 20px 2px 0;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.tidylist {
|
|
text-align: justify !important;
|
|
line-height: 150%;
|
|
}
|
|
|
|
.tidylist:last-child {
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.tidylist code {
|
|
text-align: left;
|
|
font: bold 8.5pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
|
|
color: #fff;
|
|
padding: 2px 3px;
|
|
background: #040033;
|
|
margin: 0 2px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
ol {
|
|
display: inline;
|
|
padding: 1px 0 0 20px;
|
|
}
|
|
|
|
ol li:first-child {
|
|
margin-top: 10px !important;
|
|
}
|
|
ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
code {
|
|
text-align: left;
|
|
font: 9pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
|
|
color: #393;
|
|
}
|
|
|
|
a:link, h2 a:link {
|
|
color: #7972d1;
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
word-wrap: break-word;
|
|
outline: none;
|
|
}
|
|
|
|
a:visited {
|
|
color: #4e47bf;
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
a:hover, a:focus {
|
|
color: #652787;
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
a:active {
|
|
color: #4f0519 !important;
|
|
}
|
|
|
|
.links {
|
|
text-align: justify;
|
|
margin-top: 10px;
|
|
margin-bottom: -10px;
|
|
}
|
|
|
|
.links li {
|
|
list-style-image: url(images/link.png) !important;
|
|
text-align: justify! important;
|
|
line-height: 150%;
|
|
}
|
|
|
|
.links b {
|
|
color: #ebdbff !important;
|
|
color: #8f7959 !important;
|
|
letter-spacing: 0.08em;
|
|
line-height: 165%;
|
|
}
|
|
|
|
p {
|
|
text-align: justify;
|
|
line-height: 160%;
|
|
}
|
|
|
|
p img:first-child {
|
|
display: none !important;
|
|
}
|
|
|
|
p:empty { /* kills empty paragraphs that are likely erroneous eg. see top of /profiles?f=1, /profiles */
|
|
display: none;
|
|
border: 1px dotted #652787; /* display in order to bug hunt */
|
|
}
|
|
|
|
#config_logging p {
|
|
text-align: left;
|
|
margin: 3px 0 0 !important;
|
|
}
|
|
|
|
h1 {
|
|
text-align: left;
|
|
color: #c9ceff;
|
|
padding: 13px 15px;
|
|
margin: 0 5px 0 215px !important;
|
|
font-size: 17pt;
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.15em;
|
|
text-shadow: 0 0 2px #010011;
|
|
white-space: normal;
|
|
background: #000 url(images/header.png) center center;
|
|
border: 1px solid #443da0;
|
|
border-radius: 2px 2px 0 0;
|
|
line-height: 120%;
|
|
min-width: 610px;
|
|
box-shadow: 0 1px 5px #000;
|
|
}
|
|
|
|
span.newtab {
|
|
text-align: right;
|
|
font-size: 8pt;
|
|
float: right;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.newtab:hover {
|
|
filter: drop-shadow(0 0 3px #652787) !important;
|
|
}
|
|
|
|
h2, h2.welcome {
|
|
font-size: 12pt;
|
|
color: #c9ceff;
|
|
text-shadow: 0 0 2px #010011;
|
|
letter-spacing: 0.05em;
|
|
background: #000 url(images/header.png) center center ;
|
|
padding: 10px;
|
|
border: 1px solid #443da0;
|
|
border-radius: 2px;
|
|
vertical-align: middle;
|
|
margin: 15px 0 12px 0 !important;
|
|
text-transform: uppercase;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
h2 a:visited {
|
|
color: #190f9b;
|
|
}
|
|
|
|
h2 a:hover {
|
|
color: #652787;
|
|
}
|
|
|
|
h2 a[name]:hover, h2 a[name]:active {
|
|
color: #c9ceff !important;
|
|
}
|
|
|
|
h3, h3.welcome, div.news h3 {
|
|
border: 1px solid #443da0;
|
|
border-left: 5px solid #443da0;
|
|
padding: 7px 10px;
|
|
margin: 10px 0 10px 0;
|
|
border-radius: 0 2px 2px 0;
|
|
background: #000 url(images/header.png) center center ;
|
|
text-transform: uppercase;
|
|
text-shadow: 0 0 2px #010011;
|
|
letter-spacing: 0.08em;
|
|
}
|
|
|
|
div.news h3 {
|
|
padding: 6px 10px 6px 0;
|
|
box-shadow: none;
|
|
}
|
|
|
|
h4 {
|
|
border-bottom: 1px;
|
|
border-bottom-style: solid;
|
|
border-bottom-color: #443da0;
|
|
padding: 0 0 10px 0;
|
|
margin: 5px 0 10px 0;
|
|
font-size: 11pt;
|
|
}
|
|
|
|
h1, h2, h3:not([id*="help"]), h4.app, h4.app2, .routersummary h3, .confignav {
|
|
background: linear-gradient(to bottom, #191729 0%, #000 50%) !important;
|
|
}
|
|
|
|
h2, h3, h4, .confignav {
|
|
box-shadow: inset 0 0 0 1px #000;
|
|
}
|
|
|
|
.news h3, #newspage h3 {
|
|
padding-left: 30px !important;
|
|
text-align: left !important;
|
|
font-size: 9.5pt !important;
|
|
letter-spacing: 0.08em;
|
|
color: #c9ceff;
|
|
padding: 6px 10px 6px 30px;
|
|
background: url(/themes/console/images/info/newspaper.png) left 8px center no-repeat, linear-gradient(to bottom, #191729 0%, #000 50%) !important;
|
|
background-size: 16px 16px, 100% 100% !important;
|
|
}
|
|
|
|
.news h3 {
|
|
padding-left: 23px !important;
|
|
background: url(/themes/console/images/info/newspaper.png) left 1px center no-repeat !important;
|
|
background-size: 16px 16px !important;
|
|
border: none !important;
|
|
border-bottom: 1px solid #443da0 !important;
|
|
}
|
|
|
|
.underline {
|
|
border-bottom: 1px solid #efeeff;
|
|
padding: 5px 0 5px 0;
|
|
margin: 0 0 10px 0;
|
|
}
|
|
|
|
/* welcome */
|
|
|
|
.langbox {
|
|
margin: 5px 4px 2px 5px;
|
|
padding: 0;
|
|
color: #c9ceff;
|
|
font-size: 7pt;
|
|
width: 360px;
|
|
text-align: right;
|
|
float: right;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.langbox img {
|
|
opacity: 0.7;
|
|
margin: 0 !important;
|
|
padding: 0;
|
|
}
|
|
|
|
.langbox img:hover, .langbox a:focus img {
|
|
opacity: 1;
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
.twocol {
|
|
-moz-columns: 2 400px;
|
|
-webkit-columns: 2 400px;
|
|
columns: 2 400px;
|
|
-moz-column-gap: 0 !important;
|
|
-webkit-column-gap: 0 !important;
|
|
column-gap: 0 !important;
|
|
display: block;
|
|
margin: 5px 0 -5px;
|
|
}
|
|
|
|
div[lang="es"] li, div[lang="pt"] li, div[lang="sv"] li, div[lang="zh"] li {
|
|
list-style: none;
|
|
text-align: justify;
|
|
}
|
|
|
|
div[lang="pt"] li br {
|
|
display: none;
|
|
}
|
|
|
|
div[lang="sv"] li::first-letter {
|
|
text-transform: uppercase !important;
|
|
}
|
|
|
|
div[lang="de"] .twocol, div[lang="pt"] .twocol, div[lang="es"] .twocol, div[lang="sv"] .twocol {
|
|
background: rgba(0,0,48,0.3);
|
|
border: 1px solid #002;
|
|
border-radius: 2px;
|
|
box-shadow: inset 0 0 0 1px #000;
|
|
padding: 10px;
|
|
margin: 10px -5px 5px !important;
|
|
}
|
|
|
|
p + .twocol, div[lang="de"] p + .twocol {
|
|
margin: 10px 25px !important;
|
|
}
|
|
|
|
.twocol li {
|
|
break-inside: avoid;
|
|
page-break-inside: avoid;
|
|
-webkit-column-break-inside: avoid;
|
|
}
|
|
|
|
.twocol li:first-child {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.main#console p {
|
|
margin: 5px 20px 10px;
|
|
}
|
|
|
|
div[lang="de"] ul.links {
|
|
margin: 0 30px -10px 20px;
|
|
}
|
|
|
|
div[lang] li {
|
|
line-height: 160% !important;
|
|
}
|
|
|
|
/* end welcome */
|
|
|
|
hr {
|
|
color: #443da0;
|
|
background: #443da0;
|
|
height: 1px;
|
|
border: 0 solid #443da0;
|
|
margin: 20px 0 10px;
|
|
}
|
|
|
|
hr:last-child {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.joblog hr {
|
|
margin: 10px 0;
|
|
}
|
|
|
|
fieldset {
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.statusnotes {
|
|
font-style: italic;
|
|
font-size: 9pt;
|
|
color: #c9ceff;
|
|
text-align: center;
|
|
border: 1px solid #443da0 !important;
|
|
margin: -3px 0 5px 0;
|
|
padding: 7px;
|
|
background: #000;
|
|
background: linear-gradient(to bottom, #010014, #010010 50%, #010010 100%);
|
|
}
|
|
|
|
div.joblog {
|
|
border-radius: 2px 2px 0 0;
|
|
overflow-y: hidden !important;
|
|
margin-top: 10px !important;
|
|
}
|
|
|
|
div.joblog h3 {
|
|
margin-top: 10px !important;
|
|
}
|
|
|
|
div.joblog br {
|
|
margin-bottom: -5px;
|
|
}
|
|
|
|
div.main li:last-child {
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
div.joblog li {
|
|
word-wrap: break-word !important;
|
|
line-height: 120% !important;
|
|
margin: 2px 0 2px 30px;
|
|
padding: 2px 20px 2px 0;
|
|
}
|
|
|
|
div.joblog ul {
|
|
word-wrap: break-word !important;
|
|
margin: 5px 0 -10px;
|
|
}
|
|
|
|
div.joblog li:first-child {
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
}
|
|
|
|
div.joblog li:last-child {
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
div.joblog ul li li li {
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
div.joblog form:first-child {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
div.joblog table {
|
|
margin-top: 15px;
|
|
margin-left: 0 !important; /* removes hard-coded indentation */
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
div.joblog table td:first-child {
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.joblog p {
|
|
line-height: 140%;
|
|
}
|
|
|
|
div.joblog th:first-child {
|
|
text-align: left;
|
|
padding-left: 6px;
|
|
}
|
|
|
|
/* /jobs */
|
|
|
|
h2#jobrunners {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.main#jobs h2 {
|
|
border-radius: 0;
|
|
}
|
|
|
|
#jobrunners ~ ol {
|
|
display: block;
|
|
margin-bottom: 5px !important;
|
|
margin-top: -11px !important;
|
|
border: 1px solid #443da0;
|
|
width: 97%;
|
|
width: calc(100% - 22px);
|
|
background: #010008;
|
|
padding: 0 20px 0 0;
|
|
}
|
|
|
|
#jobrunners ~ ol > li:last-child {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
h3[id*="jobs"] {
|
|
clear: both;
|
|
margin-top: 25px !important;
|
|
}
|
|
|
|
table#schedjobs {
|
|
width: 100% !important;
|
|
margin: -6px 0 0 !important;
|
|
}
|
|
|
|
#jobstats {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#jobstats th, #jobstats td {
|
|
text-align: right;
|
|
padding-right: 8px !important;
|
|
}
|
|
|
|
#schedjobs th:first-child, #schedjobs td:first-child, #jobstats th:first-child, #jobstats td:first-child {
|
|
text-align: left;
|
|
padding-left: 10px;
|
|
font-weight: bold;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
table#jobstats + hr {
|
|
display: none;
|
|
}
|
|
|
|
h3#totaljobstats {
|
|
margin-bottom: -2px;
|
|
margin-top: 10px !important;
|
|
}
|
|
|
|
h3#finishedjobs + ol li, h3#scheduledjobs + ol li, h3#activejobs + ol li, h3#readyjobs + ol li {
|
|
list-style: none !important;
|
|
}
|
|
|
|
h3#activejobs + ol li:before, h3#scheduledjobs + ol li:before, h3#readyjobs + ol li:before, h3#finishedjobs + ol li:before {
|
|
content: '\2023\00A0 ';
|
|
margin-left: -20px;
|
|
font-size: 15pt;
|
|
font-weight: bold;
|
|
line-height: 50%;
|
|
vertical-align: sub;
|
|
color: #393;
|
|
}
|
|
|
|
h3#finishedjobs + ol li:before {
|
|
color: #3D3;
|
|
content: '\2714\00A0';
|
|
}
|
|
|
|
h3#readyjobs + ol li:before {
|
|
color: #dd3;
|
|
}
|
|
|
|
h3#scheduledjobs + ol li:before {
|
|
color: #773;
|
|
}
|
|
|
|
/* end /jobs */
|
|
|
|
/* /eventlogs */
|
|
|
|
table#eventlog {
|
|
margin-top: -21px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
table#eventlog td {
|
|
padding: 3px 10px;
|
|
width: 30%;
|
|
}
|
|
|
|
table#eventlog td:last-child {
|
|
width: 40%;
|
|
}
|
|
|
|
form[action="events"] {
|
|
background: #000;
|
|
}
|
|
|
|
.smallhead th {
|
|
font-size: 8pt
|
|
}
|
|
|
|
.smallhead th a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.smallhead th a img:hover {
|
|
filter: drop-shadow(0 0 1px #652787);
|
|
}
|
|
|
|
.mediumtags {
|
|
font-size: 9pt;
|
|
}
|
|
|
|
.optbox {
|
|
min-width: 16px !important;
|
|
max-width: 16px !important;
|
|
width: 16px !important;
|
|
min-height: 16px;
|
|
max-height: 16px;
|
|
height: 16px;
|
|
opacity: 1.0;
|
|
border: 0;
|
|
margin: 2px 4px;
|
|
padding: 2px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.cells {
|
|
border: 1px inset #120f35;
|
|
text-align: center;
|
|
}
|
|
|
|
.tablefooter tr, .tablefooter td {
|
|
background: #000 url(images/header.png) repeat-x center center !important;
|
|
background: linear-gradient(to bottom, #010014, #010010 50%, #010010 100%) !important;
|
|
border-top: 1px solid #443da0;
|
|
border-bottom: 1px solid #443da0 !important;
|
|
line-height: 110%;
|
|
padding: 10px;
|
|
}
|
|
|
|
.formaction {
|
|
text-align: right;
|
|
margin-bottom: -5px;
|
|
padding: 7px 5px;
|
|
}
|
|
|
|
h3[id$="con"] { /* peers h3 + tables */
|
|
background: #652787;
|
|
margin-bottom: -2px;
|
|
border-radius: 0;
|
|
padding: 6px 10px;
|
|
font-size: 10pt;
|
|
word-spacing: 0.1em;
|
|
letter-spacing: 0.08em;
|
|
background: #000;
|
|
background: linear-gradient(to right, #000000, #010010 70%, #010013 90%);
|
|
border: 1px solid #443da0;
|
|
}
|
|
|
|
h3[id="udpcon"] {
|
|
width: auto;
|
|
}
|
|
|
|
#udpconnections table {
|
|
overflow-x: auto !important;
|
|
}
|
|
|
|
#udpconnections th {
|
|
padding: 5px 2px;
|
|
}
|
|
|
|
#udpconnections table i {
|
|
font-weight: bold;
|
|
line-height: 150%;
|
|
letter-spacing: 0.1em;
|
|
}
|
|
|
|
#udpconnections tr a img {
|
|
margin-top: 3px !important;
|
|
}
|
|
|
|
#udpconnections tr:hover, #ntcpconnections tr:hover, #jobstats tr:hover, #schedjobs tr:hover, #jardump tr:hover, #webappconfig tr:hover td, .tunneldisplay tr:hover td {
|
|
background: #020022;
|
|
color: #eff1ff;
|
|
}
|
|
|
|
#udpconnections td > *, #ntcpconnections td > * {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#udpconnections td:first-child, #udpconnections td:nth-child(2) {
|
|
width: 50px;
|
|
padding: 2px 4px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#udpconnections tr:hover td, #ntcpconnections tr:hover td {
|
|
color: #c9ceff;
|
|
}
|
|
|
|
#udpconnections tr.tablefooter td {
|
|
color: #c9ceff;
|
|
}
|
|
|
|
#udpconnections tr.tablefooter:hover td {
|
|
border-top: 1px solid #443da0;
|
|
}
|
|
|
|
#udpconnections tr.tablefooter td:first-child {
|
|
padding-left: 9px;
|
|
}
|
|
|
|
#udpconnections td[class="cells"]:first-child, #ntcpconnections td[class="cells"]:first-child {
|
|
width: 50px;
|
|
white-space: nowrap;
|
|
text-align: right;
|
|
}
|
|
|
|
#ntcpconnections td[class="cells"]:last-child {
|
|
font-weight: bold !important;
|
|
width: 100px;
|
|
}
|
|
|
|
#ntcpconnections {
|
|
overflow-x: scroll !important;
|
|
}
|
|
|
|
/* peers - sort icons */
|
|
|
|
#ntcpconnections th, #udpconnections th {
|
|
background: #000010 !important;
|
|
}
|
|
|
|
#udpconnections th {
|
|
vertical-align: top;
|
|
padding-top: 3px;
|
|
}
|
|
|
|
.sortup, .sortdown, .sortupactive, .sortdownactive {
|
|
padding: 1px 0;
|
|
border: 1px solid #117;
|
|
border: 1px solid #443da0;
|
|
border-radius: 1px;
|
|
margin: 4px 1px 0 !important;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 12px;
|
|
background-size: 10px auto, 100% 100% !important;
|
|
}
|
|
|
|
.sortup, .sortdown {
|
|
box-shadow: inset 0 0 0 1px #000;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.sortup img, .sortdown img, .sortupactive img, .sortdownactive img {
|
|
margin: 0;
|
|
padding: 0;
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 14px;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
filter: hue-rotate(60deg);
|
|
}
|
|
|
|
.sortupactive, .sortdownactive {
|
|
opacity: 1;
|
|
box-shadow: inset 2px 2px 1px #000;
|
|
}
|
|
|
|
.sortup {
|
|
background: url(images/sort_up.png) center center no-repeat, linear-gradient(to bottom, #004, #000);
|
|
}
|
|
|
|
.sortup:hover {
|
|
background: url(images/sort_up.png) center center no-repeat, linear-gradient(to bottom, #000, #004);
|
|
border: 1px solid #652787;
|
|
opacity: 1;
|
|
}
|
|
|
|
.sortup a:focus, .sortdown a:focus {
|
|
background: rgba(237, 207, 255, 0.2);
|
|
border-radius: 1px;
|
|
margin-top: -1px;
|
|
height: 14px;
|
|
width: 16px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sortupactive {
|
|
background: url(images/sort_up.png) center center no-repeat, #005;
|
|
}
|
|
|
|
.sortdown {
|
|
background: url(images/sort_down.png) center center no-repeat, linear-gradient(to bottom, #004, #000);
|
|
}
|
|
|
|
.sortdown:hover {
|
|
background: url(images/sort_down.png) center center no-repeat, linear-gradient(to bottom, #000, #004);
|
|
border: 1px solid #652787;
|
|
opacity: 1;
|
|
}
|
|
|
|
.sortdownactive {
|
|
background: url(images/sort_down.png) center center no-repeat, #005;
|
|
border: 1px solid #005;
|
|
}
|
|
|
|
/* end peer sort */
|
|
|
|
.backlogged {
|
|
font-size: 14pt;
|
|
line-height: 0;
|
|
}
|
|
|
|
pre#transports {
|
|
border: 1px solid #443da0;
|
|
padding: 15px 7px 5px 15px;
|
|
margin: 0;
|
|
background: #000;
|
|
width: calc(100% - 24px);
|
|
}
|
|
|
|
a[name="chelp"]:hover, a[name="help"]:hover, a[name="chelp"]:active, a[name="help"]:active { /* hide /help anchorpoints */
|
|
color: #c9ceff !important;
|
|
text-decoration: none;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.homelinkedit th:nth-child(3), .homelinkedit th:last-child {/* /confighome */
|
|
text-align: left !important;
|
|
text-transform: none !important;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.homelinkedit tr:last-child td:first-child {
|
|
text-align: right;
|
|
}
|
|
|
|
.homelinkedit input[type="text"] {
|
|
margin-left: 0;
|
|
}
|
|
|
|
#config_homepage .delete {
|
|
float: left;
|
|
}
|
|
|
|
.formaction#homesites {
|
|
margin-bottom: -2px !important;
|
|
}
|
|
|
|
.formaction#homeapps, .formaction#homesites, .formaction#tunnelconfigsave, .formaction#homesearch {
|
|
border: 1px solid #443da0;
|
|
background: #000;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.formaction#homesearch {
|
|
margin-bottom: -2px !important;
|
|
}
|
|
|
|
.formaction#themeui {
|
|
padding: 2px 0 12px !important;
|
|
}
|
|
|
|
#themesettings hr {
|
|
margin: 5px -7px;
|
|
}
|
|
|
|
tr#addnew {
|
|
border-top: 1px solid #443da0;
|
|
}
|
|
|
|
/* /configui lang selection boxes + theme selection */
|
|
|
|
div.themechoice {
|
|
width: 120px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
border: 1px solid #241f69;
|
|
float: left;
|
|
text-align: center;
|
|
padding: 0 4px;
|
|
margin: 4px;
|
|
border-radius: 2px;
|
|
background: linear-gradient(to bottom, #020020, #000);
|
|
box-shadow: inset 0 0 0 1px #000;
|
|
}
|
|
|
|
.themechoice:hover {
|
|
border: 1px solid #652787;
|
|
background: #000;
|
|
}
|
|
|
|
.themechoice:hover .themelabel {
|
|
border-top: 1px solid #652787 !important;
|
|
background: #000 !important;
|
|
color: #652787;
|
|
}
|
|
|
|
.themechoice:active .themelabel, .langselect:active .ui_lang {
|
|
border-top: 1px solid #652787 !important;
|
|
background: #652787 !important;
|
|
color: #c9ceff !important;
|
|
box-shadow: inset 0 0 0 1px #000 !important;
|
|
}
|
|
|
|
.themechoice:hover object {
|
|
filter: drop-shadow(0 0 2px #652787);
|
|
}
|
|
|
|
.themechoice object, .themechoice img {
|
|
padding: 3px 3px 4px;
|
|
}
|
|
|
|
.themechoice object img {
|
|
padding: 3px 3px 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.themechoice .optbox {
|
|
min-width: 120px !important;
|
|
min-height: 80px !important;
|
|
opacity: 0; /* hide the radio icon so we can use thumbnail img instead */
|
|
margin-left: -33px;
|
|
z-index: 999;
|
|
position: absolute;
|
|
}
|
|
|
|
.themechoice .optbox + img {
|
|
padding: 3px 0 !important;
|
|
}
|
|
|
|
.themechoice .optbox:hover + object ~ div.themelabel {
|
|
color: #652787;
|
|
}
|
|
|
|
.themechoice .optbox:checked + object ~ div.themelabel {
|
|
background: #040033 !important;
|
|
color: #c9ceff;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.themechoice .optbox:focus + object ~ div.themelabel {
|
|
color: #652787;
|
|
box-shadow: inset 0 0 10px 3px #000;
|
|
}
|
|
|
|
#themeoptions {
|
|
clear: both;
|
|
border-top: 1px solid #443da0;
|
|
margin: 0 -7px 5px;
|
|
position: relative;
|
|
top: 8px;
|
|
padding: 5px 10px 8px 5px;
|
|
}
|
|
|
|
#themeoptions br {
|
|
display: none;
|
|
}
|
|
|
|
#themeoptions label {
|
|
white-space: nowrap;
|
|
margin: 4px 10px 4px 0 !important;
|
|
display: inline-block;
|
|
}
|
|
|
|
p#helptranslate {
|
|
position: relative;
|
|
top: 8px;
|
|
margin: 0 -7px;
|
|
padding: 15px 10px 15px 50px !important;
|
|
text-align: left !important;
|
|
border-top: 1px solid #443da0;
|
|
border-bottom: 1px solid #443da0;
|
|
background: url(/themes/console/images/info/notice.png) left 14px center no-repeat, #000;
|
|
background-size: 28px 28px;
|
|
}
|
|
|
|
#themeoptions input {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
#themeoptions input[type="checkbox"] {
|
|
min-height: 16px;
|
|
}
|
|
|
|
.themelabel {
|
|
border-top: 1px solid #241f69 !important;
|
|
margin-left: -4px;
|
|
margin-right: -4px;
|
|
padding: 4px 2px;
|
|
background: #010010 url(images/titles.png) center center repeat-x;
|
|
background: linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%);
|
|
color: #7670c2;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
box-shadow: inset 0 0 0 1px #000;
|
|
}
|
|
|
|
h3#themeheading, h3#langheading, h3#passwordheading {
|
|
border-radius: 0;
|
|
border: 1px solid #443da0;
|
|
padding: 6px 10px;
|
|
font-size: 10.5pt;
|
|
word-spacing: 0.1em;
|
|
letter-spacing: 0.08em;
|
|
margin-bottom: 0;
|
|
background: #000;
|
|
background: linear-gradient(to right, #000000, #010010 70%, #010013 90%);
|
|
}
|
|
|
|
div#themesettings {
|
|
clear: both;
|
|
border: 1px solid #443da0;
|
|
padding: 8px 7px 0;
|
|
margin: -1px 0;
|
|
}
|
|
|
|
td#themeselect {
|
|
clear: both;
|
|
border: 1px solid #443da0;
|
|
padding: 8px 7px 0;
|
|
margin: -1px 0;
|
|
}
|
|
|
|
#themeselect hr {
|
|
display: inline !important;
|
|
}
|
|
|
|
.langselect { /* containing box for lang selection */
|
|
width: 120px;
|
|
float: left;
|
|
margin: 4px;
|
|
text-align: center;
|
|
border: 1px solid #241f69;
|
|
padding: 8px 4px 0;
|
|
border-radius: 2px;
|
|
background: linear-gradient(to bottom, #020020, #000);
|
|
box-shadow: inset 0 0 0 1px #000;
|
|
}
|
|
|
|
.langselect .optbox {
|
|
opacity: 0;
|
|
outline: 1px dotted #652787;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.langselect .optbox {
|
|
opacity: 0;
|
|
outline: 1px dotted !important;
|
|
min-height: 60px;
|
|
min-width: 125px !important;
|
|
margin: -5px 0 -30px -2px;
|
|
vertical-align: text-bottom;
|
|
text-align: center;
|
|
z-index: 999;
|
|
}
|
|
|
|
.langselect img {
|
|
border: 1px solid #241f69;
|
|
margin-bottom: 0;
|
|
margin-left: -72px;
|
|
margin-top: 7px !important;
|
|
position: absolute;
|
|
}
|
|
|
|
.langselect input[name="lang"]:checked + img {
|
|
width: 19px;
|
|
height: 13px;
|
|
border: 1px solid #652787;
|
|
margin-top: 6px !important;
|
|
margin-left: -73px;
|
|
}
|
|
|
|
.langselect input[name="lang"]:hover + img {
|
|
box-shadow: 0 0 1px 1px #652787;
|
|
}
|
|
|
|
.langselect input[name="lang"]:hover + img + div.ui_lang {
|
|
color: #652787;
|
|
}
|
|
|
|
.langselect input[name="lang"]:checked + img + div.ui_lang {
|
|
background: #040033 !important;
|
|
color: #c9ceff;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.langselect input[name="lang"]:focus + img + div.ui_lang {
|
|
color: #652787 !important;
|
|
box-shadow: inset 0 0 10px 3px #000 !important;
|
|
}
|
|
|
|
.langselect input[name="lang"]:active + img + div.ui_lang {
|
|
color: #c9ceff !important;
|
|
box-shadow: inset 0 0 0 1px #000 !important;
|
|
}
|
|
|
|
.langselect:hover, .langselect:active {
|
|
border: 1px solid #652787;
|
|
background: #000;
|
|
}
|
|
|
|
.langselect:hover .ui_lang {
|
|
border-top: 1px solid #652787;
|
|
background: #000;
|
|
color: #652787;
|
|
}
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
.langselect img {
|
|
margin-left: -8px !important;
|
|
margin-top: -16px !important;
|
|
}
|
|
|
|
.langselect input[name="lang"]:checked + img {
|
|
margin-left: -10px !important;
|
|
margin-top: -18px !important;
|
|
}
|
|
}
|
|
|
|
/* large flags */
|
|
|
|
.langselect img {
|
|
width: 40px;
|
|
height: 40px;
|
|
border: none !important;
|
|
margin-top: -6px !important;
|
|
margin-left: -82px;
|
|
position: absolute;
|
|
box-shadow: none;
|
|
opacity: 0.75;
|
|
filter: drop-shadow(0 0 1px #000);
|
|
}
|
|
|
|
.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] {
|
|
width: 32px !important;
|
|
height: 32px !important;
|
|
border: none !important;
|
|
margin-left: -78px;
|
|
margin-top: -2px !important;
|
|
margin-bottom: 0;
|
|
box-shadow: none !important;
|
|
opacity: 1;
|
|
}
|
|
|
|
.langselect input:hover + img {
|
|
box-shadow: none !important;
|
|
transition: none !important;
|
|
filter: drop-shadow(0 0 2px #652787);
|
|
}
|
|
|
|
/* end large flags */
|
|
/* end flag as radio icons */
|
|
|
|
.ui_lang { /* lang text label */
|
|
text-align: center;
|
|
background: #010010;
|
|
padding: 3px 2px 4px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: 124px;
|
|
margin: 10px -4px 0 !important;
|
|
border-top: 1px solid #241f69;
|
|
border-radius: 0 0 2px 2px;
|
|
text-transform: capitalize;
|
|
background: linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%);
|
|
color: #7670c2;
|
|
box-shadow: inset 0 0 0 1px #000;
|
|
}
|
|
|
|
p#helptranslate {
|
|
clear: both;
|
|
padding: 6px 10px 10px;
|
|
text-align: right;
|
|
}
|
|
|
|
h3#themeheading {
|
|
}
|
|
|
|
h3#langheading {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
div#langsettings {
|
|
border: 1px solid #443da0;
|
|
padding: 8px 7px 12px;
|
|
margin-top: -1px;
|
|
margin-bottom: -12px;
|
|
background: #000;
|
|
}
|
|
|
|
#langsettings hr {
|
|
display: none;
|
|
}
|
|
|
|
.formaction#langui {
|
|
margin: 7px -8px -15px;
|
|
border: 1px solid #443da0;
|
|
background: #000;
|
|
}
|
|
|
|
/* console password layout */
|
|
|
|
h3#passwordheading {
|
|
margin-top: 25px;
|
|
margin-bottom: -2px;
|
|
}
|
|
|
|
table#consolepass th:nth-child(2) {
|
|
text-align: left;
|
|
}
|
|
|
|
table#consolepass td:first-child {
|
|
width: 100px;
|
|
white-space:nowrap;
|
|
}
|
|
|
|
table#consolepass th {
|
|
padding: 5px;
|
|
}
|
|
|
|
table#consolepass td {
|
|
padding: 2px 3px;
|
|
}
|
|
|
|
table#consolepass td {
|
|
border-bottom: 1px solid #443da0;
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
table#consolepass input {
|
|
margin: 5px;
|
|
}
|
|
|
|
table#consolepass td#pw_adduser {
|
|
padding: 5px 10px;
|
|
background: #000;
|
|
}
|
|
|
|
td#pw_adduser input {
|
|
margin: 5px 20px 5px 5px !important;
|
|
}
|
|
|
|
table#consolepass input[name="name"] {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
table#consolepass input[type="password"] {
|
|
width: 200px;
|
|
}
|
|
|
|
.formaction#consolepass {
|
|
margin-bottom: -2px !important;
|
|
margin-top: -2px;
|
|
border: 1px solid #443da0;
|
|
background: #000;
|
|
}
|
|
|
|
#consolepass input[name="name"], #externali2cp input[name="user"] {
|
|
background: #000 url(/themes/console/images/buttons/user.png) 5px center no-repeat;
|
|
background: url(/themes/console/images/buttons/user.png) 5px center no-repeat, linear-gradient(to bottom, #000, #000019);
|
|
padding: 4px 5px 4px 26px !important;
|
|
background-size: 16px 16px, 100% 100% !important;
|
|
}
|
|
|
|
#consolepass input[name="name"]:focus, #externali2cp input[name="user"]:focus {
|
|
background: #000 url(/themes/console/images/buttons/user.png) 5px center no-repeat !important;
|
|
}
|
|
|
|
#consolepass input[name="nofilter_pw"], #externali2cp input[name="nofilter_pw"] {
|
|
background: #000 url(/themes/console/images/buttons/password.png) 3px center no-repeat;
|
|
background: url(/themes/console/images/buttons/password.png) 3px center no-repeat, linear-gradient(to bottom, #000, #000019);
|
|
padding: 4px 5px 4px 22px !important;
|
|
background-size: 16px 16px, 100% 100% !important;
|
|
}
|
|
#consolepass input[name="nofilter_pw"]:focus, #externali2cp input[name="nofilter_pw"]:focus {
|
|
background: #000 url(/themes/console/images/buttons/password.png) 3px center no-repeat !important;
|
|
}
|
|
|
|
/* end /configui mods */
|
|
|
|
form[action="/createreseed"] > h3 {
|
|
border-radius: 0;
|
|
border: 1px solid #443da0;
|
|
padding: 10px;
|
|
font-size: 10.5pt;
|
|
word-spacing: 0.1em;
|
|
letter-spacing: 0.08em;
|
|
background: linear-gradient(to right, #000000, #010010 70%, #010013 90%);
|
|
margin-bottom: -13px;
|
|
}
|
|
|
|
table#configclient {
|
|
margin-top: -11px !important;
|
|
}
|
|
|
|
/* configfamily */
|
|
|
|
#newfamily, #exportfamily {
|
|
margin-bottom: 14px !important;
|
|
}
|
|
|
|
#exportfamily tr:nth-child(2) td:first-child {
|
|
background: #000 url(/themes/console/images/info/export_key.png) 12px center no-repeat;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px;
|
|
}
|
|
|
|
#leavefamily {
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
#leavefamily tr:last-child td:first-child {
|
|
background: #000 url(/themes/console/images/info/leave_family.png) 12px center no-repeat;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px;
|
|
}
|
|
|
|
/* configreseed */
|
|
|
|
table#reseedconfig input[type="text"], table#reseedconfig input[type="password"] {
|
|
width: 170px;
|
|
}
|
|
|
|
#reseednow {
|
|
margin-top: -16px !important;
|
|
}
|
|
|
|
.formaction#resetreseed {
|
|
margin: -4px -5px 0 0;
|
|
}
|
|
|
|
table#reseedconfig textarea {
|
|
width: 100%;
|
|
width: calc(100% - 5px);
|
|
}
|
|
|
|
#reseedconfig tr:nth-child(2) br {
|
|
display: none;
|
|
}
|
|
|
|
#reseedconfig tr:nth-child(2) label {
|
|
white-space: nowrap;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#reseedconfig td:first-child {
|
|
line-height: 120%;
|
|
}
|
|
|
|
/* /configservice */
|
|
|
|
.formaction#shutdown, .formaction#restart, .formaction#systray, .formaction#runonstart, .formaction#dumpthreads, .formaction#browserstart {
|
|
border: 1px solid #443da0;
|
|
background: #000;
|
|
margin-top: -11px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
/* /configpeer */
|
|
|
|
ul#banlist {
|
|
margin-top: -2px;
|
|
}
|
|
|
|
ul#banlist tt {
|
|
color: #c11f5d;
|
|
}
|
|
|
|
ul#banlist {
|
|
border: 1px solid #443da0;
|
|
background: #000;
|
|
padding: 10px 10px 10px 0;
|
|
margin: -1px 0 13px;
|
|
-moz-column-count: auto;
|
|
-moz-column-width: 260px;
|
|
-moz-column-gap: 8px;
|
|
-moz-column-rule: 1px dotted #443da0;
|
|
-webkit-column-count: auto;
|
|
-webkit-column-width: 260px;
|
|
-webkit-column-gap: 8px;
|
|
-webkit-column-rule: 1px dotted #443da0;
|
|
column-count: auto;
|
|
column-width: 260px;
|
|
column-gap: 8px;
|
|
column-rule: 1px dotted #443da0;
|
|
}
|
|
|
|
#profiles ul#banlist {
|
|
margin-top: -4px !important;
|
|
}
|
|
|
|
#banlist li {
|
|
list-style: none !important;
|
|
border-bottom: 1px dotted #443da0;
|
|
margin: 0 10px 3px;
|
|
padding-top: 3px;
|
|
min-width: 250px;
|
|
width: 88%;
|
|
padding-bottom: 5px;
|
|
break-inside: avoid;
|
|
page-break-inside: avoid;
|
|
-webkit-break-inside: avoid;
|
|
display: inline-block;
|
|
}
|
|
|
|
/* /confignet */
|
|
|
|
h3#iptransport {
|
|
margin-bottom: 11px;
|
|
}
|
|
|
|
p#defaultswork {
|
|
margin-bottom: 11px !important;
|
|
}
|
|
|
|
p#upnpconfig, p#ipchange, p#ipv6config, p#tcpconfig, p#confignotes, p#defaultswork {
|
|
padding: 10px;
|
|
border: 1px solid #443da0;
|
|
margin-bottom: -13px;
|
|
margin-top: -12px;
|
|
}
|
|
|
|
p#defaultswork {
|
|
padding: 15px 10px 15px 45px !important;
|
|
}
|
|
|
|
p#confignotes {
|
|
margin-bottom: -21px;
|
|
padding: 15px 10px 15px 45px;
|
|
background: url(/themes/console/images/info/infohelp.png) 12px center no-repeat !important;
|
|
}
|
|
|
|
p#ipconfig, p#ipv4config, p#udpconfig, p#externaltcp {
|
|
border: 1px solid #443da0;
|
|
border-bottom: none;
|
|
padding: 10px;
|
|
background: #010010;
|
|
}
|
|
|
|
table#bandwidthconfig {
|
|
margin-bottom: 1px;
|
|
}
|
|
|
|
table#bandwidthconfig td:first-child {
|
|
width: 200px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
table#bandwidthconfig {
|
|
padding: 5px 10px !important;
|
|
}
|
|
|
|
table#bandwidthconfig input, table#bandwidthconfig select {
|
|
margin-right: 3px;
|
|
}
|
|
|
|
/* confignet tidyup */
|
|
|
|
#netconfig .optbox {
|
|
margin: 10px 6px 2px !important;
|
|
display: inline-block !important;
|
|
vertical-align: sub !important;
|
|
}
|
|
|
|
#netconfig .optbox:first-child {
|
|
margin-top: 6px !important;
|
|
margin-bottom: 6px !important;
|
|
}
|
|
|
|
#netconfig .optbox:last-child, #netconfig .optbox[value="only"], #netconfig .optbox[name="disableUDP"], #netconfig .optbox[value="disabled"] {
|
|
margin-bottom: 6px !important;
|
|
}
|
|
|
|
#netconfig input[type="text"] + br + .optbox, #netconfig .optbox[name="ntcpAutoPort"] {
|
|
margin-top: 3px !important;
|
|
}
|
|
|
|
#netconfig input[name*="ost"] {
|
|
width: 250px !important;
|
|
}
|
|
|
|
/* end confignet tidyup */
|
|
/* end /confignet */
|
|
|
|
/* /events */
|
|
|
|
div.eventspanel {
|
|
margin-top: -10px;
|
|
}
|
|
|
|
form[action="events"] {
|
|
border: 1px solid #443da0;
|
|
margin-top: -11px;
|
|
padding: 10px 20px 10px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
form[action="events"] > br {
|
|
display: none;
|
|
}
|
|
|
|
form[action="events"] > .formaction {
|
|
margin-bottom: -11px !important;
|
|
margin-right: -21px;
|
|
margin-left: -21px;
|
|
}
|
|
|
|
.eventspanel th {
|
|
text-align: left;
|
|
padding-left: 10px;
|
|
font-size: 10pt;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.08em;
|
|
word-spacing: 0.1em;
|
|
}
|
|
|
|
.eventspanel table {
|
|
font-size: 9pt;
|
|
}
|
|
|
|
.eventspanel table tr:hover {
|
|
background: #020020;
|
|
}
|
|
|
|
.eventspanel table td {
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
table#addkeyring td:first-child {
|
|
width: 15%;
|
|
white-space: nowrap;
|
|
font-weight: bold;
|
|
padding-right: 0;
|
|
}
|
|
|
|
table#addkeyring tr:last-child {
|
|
border-top: 1px solid #443da0;
|
|
background: linear-gradient(to bottom, #010014, #010010 50%, #010010 100%);
|
|
}
|
|
|
|
table#addkeyring tr:last-child td {
|
|
padding-right: 6px;
|
|
}
|
|
|
|
#addkeyring textarea, #addkeyring input[type="text"] {
|
|
width: 95%;
|
|
width: calc(100% - 15px);
|
|
}
|
|
|
|
p#keyringhelp, p#webappconfig, p#availableplugins, p#pluginconfigtext, p#clientdefaultshelp, p#bwshare, p#editclients, p#upnpstatus, p#gatherstats {
|
|
background: #000 url(/themes/console/images/info/infohelp.png) 12px center no-repeat !important;
|
|
border: 1px solid #443da0;
|
|
padding: 15px 15px 15px 45px !important;
|
|
}
|
|
|
|
#config_reseed p.infohelp, #config_family p.infohelp, p#tunnelconfig {
|
|
margin-top: 0;
|
|
}
|
|
|
|
p#keyringhelp, #ffconf, #bwlimiter, #i2pclientconfig, .confignav + h3, #advancedclientconfig, .confignav + .infowarn, #webappconfig,
|
|
#config_logging h3, #iptransport, .confignav + form > h3, #pluginmanage, .confignav + .infohelp, #statsForm > h3.ptitle, .infowarn + .infohelp {
|
|
margin-top: -4px !important;
|
|
}
|
|
|
|
p#availableplugins {
|
|
margin: 12px 0 -1px;
|
|
}
|
|
|
|
p#upnpstatus {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
p#webappconfigtext + p, p#pluginconfigtext {
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
h3#pconfig {
|
|
margin-top: -4px;
|
|
}
|
|
|
|
#pluginconfig th:first-child, #pluginconfig td:first-child, #webappconfig th:first-child {
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#webappconfig th:last-child {
|
|
text-align: left;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
#webappconfig td:first-child::after {
|
|
content: "";
|
|
display: inline-block;
|
|
min-height: 28px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#pluginconfig td:nth-child(2) {
|
|
border-right: 1px inset #120f35 !important;
|
|
}
|
|
|
|
#pluginconfig td:last-child table {
|
|
padding: 5px;
|
|
margin: 5px 15px 5px 5px !important;
|
|
width: 99%;
|
|
width: calc(100% - 8px);
|
|
}
|
|
|
|
/* /advanced */
|
|
|
|
.wideload > form > input[type="hidden"] + table + p + hr + .formaction {
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
|
|
input[type="hidden"] + p {
|
|
border: 1px solid #443da0;
|
|
padding: 10px;
|
|
margin-bottom: -21px;
|
|
background: #000;
|
|
}
|
|
|
|
input[type="hidden"] + p + p {
|
|
border: 1px solid #443da0;
|
|
padding: 10px;
|
|
margin-top: 20px;
|
|
margin-bottom: -21px;
|
|
background: #010010;
|
|
}
|
|
|
|
/* /stats */
|
|
|
|
form#statnav {
|
|
border: 1px solid #443da0 !important;
|
|
padding: 10px 10px 10px 15px;
|
|
}
|
|
|
|
h3.stats {
|
|
border: 1px solid #443da0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.statlist {
|
|
border: 1px solid #443da0;
|
|
margin-bottom: -21px !important;
|
|
margin-top: -11px !important;
|
|
padding: 10px 0 5px;
|
|
background: #000;
|
|
}
|
|
|
|
div.main .statlist li:not(old) {
|
|
list-style: none !important;
|
|
}
|
|
|
|
.statlist:last-of-type {
|
|
margin-bottom: -1px !important;
|
|
}
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
.statlist {
|
|
margin-bottom: -25px !important;
|
|
}
|
|
|
|
.statlist:last-of-type {
|
|
margin-bottom: -6px !important;
|
|
}
|
|
}
|
|
|
|
.statlist a[name], .statlist b, .statlist li b, .statlist a[name]:hover {
|
|
text-decoration: none;
|
|
letter-spacing: normal;
|
|
}
|
|
|
|
.statlist li::before {
|
|
content: "\2B26\00A0";
|
|
font-size: 14pt;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
.statlist li {
|
|
list-style: none;
|
|
margin-bottom: -3px;
|
|
}
|
|
|
|
.statlist li li {
|
|
margin-left: 16px;
|
|
margin-right: -20px;
|
|
line-height: 140% !important;
|
|
list-style: none;
|
|
}
|
|
|
|
.statlist li li::before {
|
|
content: "\279F\00A0";
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
.statlist li li:last-child::before {
|
|
content: "\27A1\00A0";
|
|
}
|
|
|
|
.statlist li li:last-child {
|
|
padding-bottom: 5px !important;
|
|
}
|
|
|
|
.statlist a[href^="graph"]::before {
|
|
content: "\27A1\00A0";
|
|
font-size: 14pt;
|
|
}
|
|
|
|
.statlist a[href$="&showEvents=true"]::before {
|
|
display: none;
|
|
}
|
|
|
|
.main#stats form {
|
|
border: 1px solid #443da0;
|
|
padding: 10px;
|
|
margin: -13px 0 -11px;
|
|
}
|
|
|
|
.statlist li ul {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.statlist li li b {
|
|
margin-right: 3px;
|
|
}
|
|
|
|
li.noevents {
|
|
margin-top: 0 !important;
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
.nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.statsViewGraphs {
|
|
display: inline-block;
|
|
margin: 5px 5px 0 20px;
|
|
}
|
|
|
|
.statsLongName {
|
|
color: #37a3df;
|
|
font-weight: bold;
|
|
}
|
|
|
|
p#gatherstats {
|
|
margin-top: 1px;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
/* end stats */
|
|
|
|
h3#exploratorytunnels {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
h3.tabletitle + .statusnotes, table.tunneldisplay {
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.statusnotes + .statusnotes {
|
|
margin-top: -6px;
|
|
}
|
|
|
|
.statusnotes:last-child {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
form > table {
|
|
font-size: 9pt;
|
|
}
|
|
|
|
/* configtunnels */
|
|
|
|
table#tunnelconfig td:first-child {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.formaction#tunnelconfigsave {
|
|
margin-top: -32px !important;
|
|
}
|
|
|
|
/* end /configtunnels */
|
|
|
|
/* /configupdate */
|
|
|
|
table#i2pupdates {
|
|
margin-top: -1px;
|
|
margin-bottom: -3px !important;
|
|
}
|
|
|
|
table#i2pupdates td:first-child {
|
|
width: 15%;
|
|
white-space: nowrap;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
table#i2pupdates input[name*="URL"], table#i2pupdates textarea {
|
|
width: 98%;
|
|
width: calc(100% - 10px);
|
|
resize: none;
|
|
}
|
|
|
|
table#i2pupdates tr:last-child td {
|
|
padding-right: 6px;
|
|
background: #000 !important;
|
|
}
|
|
|
|
/* /configlogging */
|
|
|
|
input[name="logfilename"], input[name="logformat"], input[name="logdateformat"], input[name="logfilesize"], select[name="defaultloglevel"], select[name="newloglevel"] {
|
|
width: 125px;
|
|
}
|
|
|
|
#loggingoptions td {
|
|
padding: 6px;
|
|
}
|
|
|
|
#loggingoptions td:first-child {
|
|
padding-right: 3px;
|
|
line-height: 120%;
|
|
}
|
|
|
|
#loggingoptions td:nth-child(2) {
|
|
width: 170px;
|
|
}
|
|
|
|
#loggingoptions tr:nth-last-child(2) {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#loggingoptions input[type="text"], #loggingoptions select, #loggingoptions textarea {
|
|
min-width: 170px !important;
|
|
margin: 3px;
|
|
}
|
|
|
|
#loggingoptions textarea {
|
|
width: 99%;
|
|
width: calc(100% - 8px);
|
|
resize: none;
|
|
}
|
|
|
|
#loggingoptions select[name="newlogclass"] {
|
|
width: calc(100% - 185px);
|
|
}
|
|
|
|
/* configsidebar */
|
|
|
|
#config_summarybar .configtable td:not(.optionsave) {
|
|
padding-left: 50px;
|
|
background: url(/themes/console/images/info/interval.png) 12px center no-repeat;
|
|
background-size: 28px 28px;
|
|
}
|
|
|
|
table#sidebarconf {
|
|
margin-top: -1px;
|
|
}
|
|
|
|
#sidebarconf tr:hover {
|
|
background: #020020;
|
|
}
|
|
|
|
#sidebarconf + .formaction {
|
|
margin-bottom: -3px !important;
|
|
}
|
|
|
|
#sidebarconf button {
|
|
margin: 2px;
|
|
padding: 4px 3px !important;
|
|
min-width: 0;
|
|
background: #000;
|
|
background: linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
|
|
}
|
|
|
|
#sidebarconf button:active {
|
|
background: #652787;
|
|
}
|
|
|
|
#sidebarconf button:hover img {
|
|
opacity: 1;
|
|
}
|
|
|
|
#sidebarconf button:active img {
|
|
mix-blend-mode: luminosity;
|
|
}
|
|
|
|
#sidebarconf button img {
|
|
height: 12px;
|
|
width: auto;
|
|
}
|
|
|
|
#sidebarconf th:nth-child(1), .homelinkedit th:first-child, #consolepass th:first-child {
|
|
text-align: center;
|
|
background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%);
|
|
text-indent: -99999px;
|
|
width: 5%;
|
|
}
|
|
|
|
#sidebarconf th:nth-child(2) {
|
|
text-align: left;
|
|
}
|
|
|
|
#sidebarconf td:first-child {
|
|
width: 60px;
|
|
}
|
|
|
|
#sidebarconf td:nth-child(3), #sidebarconf td:nth-child(4) {
|
|
width: 60px;
|
|
padding: 0;
|
|
white-space:nowrap;
|
|
}
|
|
|
|
#sidebarconf td:nth-child(3) {
|
|
}
|
|
|
|
#sidebarconf td:nth-child(4) {
|
|
text-align: left;
|
|
}
|
|
|
|
#sidebarconf tr:last-child td {
|
|
background: #000;
|
|
border-top: 1px solid #443da0;
|
|
}
|
|
|
|
#sidebarconf select {
|
|
margin-left: 0;
|
|
width: 100% !important;
|
|
}
|
|
|
|
#sidebarconf tr:last-child td:last-child {
|
|
text-align: left;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.formaction#sidebardefaults {
|
|
margin-top: -2px !important;
|
|
margin-bottom: -2px !important;
|
|
}
|
|
|
|
/* end configsidebar */
|
|
|
|
/* /configservice */
|
|
|
|
h3#shutdownrouter, h3#restartrouter, h3#servicedebug, h3#browseronstart, h3#rononstartup, h3#systray {
|
|
margin-bottom: -6px;
|
|
}
|
|
|
|
h3#restartrouter, h3#servicedebug, h3#browseronstart, h3#rononstartup, h3#systray {
|
|
margin-top: 11px !important;
|
|
}
|
|
|
|
/* info paragraphs */
|
|
|
|
h3#shutdownrouter + p, h3#restartrouter + p, h3#servicedebug + p, h3#browseronstart + p, h3#runonstartup + p, h3#systray + p {
|
|
background: #010008 url(/themes/console/images/info/infohelp.png) 12px center no-repeat !important;
|
|
padding: 10px 15px 10px 50px;
|
|
border: 1px solid #443da0;
|
|
border-bottom: none;
|
|
margin: 5px 0 -20px !important;
|
|
}
|
|
|
|
h3#servicedebug + p + p {
|
|
padding: 10px;
|
|
border: 1px solid #443da0;
|
|
border-bottom: none;
|
|
margin-bottom: -21px;
|
|
background: #010010;
|
|
margin-top: 20px;
|
|
}
|
|
/* configclients */
|
|
|
|
table#clientconfig th:first-child {
|
|
text-align: right;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
#clientconfig td:nth-child(3) {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
table#clientconfig th:last-child {
|
|
text-align: left;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.formaction#clientsconfig, .formaction#webappconfigactions, .formaction#pluginconfigactions, .formaction#sidebardefaults {
|
|
border: 1px solid #443da0;
|
|
background: #000;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.formaction#webappconfigactions, .formaction#pluginconfigactions, .formaction#clientsconfig {
|
|
margin-top: -2px;
|
|
margin-bottom: -2px;
|
|
}
|
|
|
|
table#externali2cp {
|
|
margin-bottom: -2px !important;
|
|
}
|
|
|
|
.infohelp#clientconf {
|
|
margin-bottom: -13px;
|
|
}
|
|
|
|
.infowarn#clientconf {
|
|
margin-bottom: 11px;
|
|
}
|
|
|
|
/* end /configclients */
|
|
|
|
/* /help */
|
|
|
|
.main#help h3 {
|
|
padding: 7px 10px;
|
|
font-size: 10pt;
|
|
}
|
|
|
|
#legal, #sidebarhelp, #volunteer, #reachabilityhelp, #configurationhelp, #faq {
|
|
border: 1px solid #443da0;
|
|
padding: 0 20px;
|
|
margin: 10px 0;
|
|
background: #000;
|
|
}
|
|
|
|
div#volunteer {
|
|
border: 1px solid #443da0;
|
|
padding: 0 20px;
|
|
margin: -5px 0 10px !important;
|
|
background: #000 url(images/scarface.jpg) bottom right no-repeat !important;
|
|
background-size: auto 60% !important;
|
|
}
|
|
|
|
#legal h2, #sidebarhelp h2, #volunteer h2, #reachabilityhelp h2, #configurationhelp h2, #faq h2 {
|
|
padding: 10px;
|
|
text-transform: uppercase;
|
|
font-size: 11pt;
|
|
text-align: left;
|
|
letter-spacing: 0.08em;
|
|
word-spacing: 0.1em;
|
|
border-radius: 0;
|
|
margin: -1px -21px 10px !important;
|
|
background: linear-gradient(to right, #000000, #010010 70%, #010013 90%);
|
|
}
|
|
|
|
#legal h2 + p {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
#sidebarhelp h3, #faq h3 {
|
|
padding: 10px;
|
|
text-transform: uppercase;
|
|
font-size: 10.5pt;
|
|
text-align: left;
|
|
letter-spacing: 0.08em;
|
|
word-spacing: 0.1em;
|
|
border-radius: 0;
|
|
margin: 0 -21px 10px !important;
|
|
background: linear-gradient(to right, #000000, #010010 70%, #010013 90%);
|
|
border: 1px solid #443da0;
|
|
}
|
|
|
|
#changelog h2, #advancedsettings h2 {
|
|
padding: 10px;
|
|
text-transform: uppercase;
|
|
font-size: 11pt;
|
|
text-align: left;
|
|
letter-spacing: 0.08em;
|
|
word-spacing: 0.1em;
|
|
border-radius: 0;
|
|
margin: 0 0 -11px !important;
|
|
}
|
|
|
|
#changelog pre {
|
|
margin-top: 11px;
|
|
padding: 10px 10px 10px 20px;
|
|
max-height: 600px;
|
|
overflow-y: scroll;
|
|
width: calc(100% - 32px);
|
|
border-left: 1px solid #443da0;
|
|
border-right: 1px solid #443da0;
|
|
background: #000;
|
|
}
|
|
|
|
#advancedsettings h2 {
|
|
margin-bottom: -13px !important;
|
|
}
|
|
|
|
#advancedsettings p.infohelp {
|
|
margin-top: 12px;
|
|
margin-bottom: -2px !important;
|
|
}
|
|
|
|
#configinfo th {
|
|
text-align: left;
|
|
padding: 8px 10px;
|
|
font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
|
|
color: #393;
|
|
background: #002;
|
|
background: linear-gradient(to right, #000, #002);
|
|
}
|
|
|
|
#configinfo td {
|
|
text-align: justify;
|
|
padding: 7px 10px;
|
|
}
|
|
|
|
p#fullhistory {
|
|
text-align: right;
|
|
margin: -13px 0 9px;
|
|
border: 1px solid #443da0;
|
|
padding: 5px 10px;
|
|
background: #000;
|
|
position: relative;
|
|
z-index: 999;
|
|
}
|
|
|
|
ul#upnphelp li:last-child, #legal ul li:last-child {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.main#help td.infohelp, .main#help td.infowarn {
|
|
background-size: 24px 24px !important;
|
|
padding-left: 46px !important;
|
|
}
|
|
|
|
.main#help #configinfo .infowarn {
|
|
border: none;
|
|
border-bottom: 1px inset #010008;
|
|
box-shadow: none;
|
|
background-size: 20px 20px !important;
|
|
padding: 7px 10px 7px 40px !important;
|
|
}
|
|
|
|
/* mini faq */
|
|
|
|
#faq h3 {
|
|
padding: 6px 10px 8px 35px !important;
|
|
background: url(/themes/console/images/info/question.png) 10px center no-repeat, linear-gradient(to bottom, #191729, #201f33 7%, #1f1e32 9%, #161525 21%, #090812 49%, #05050e 50%, #020206 51%, #010103 53%, #000000 56%) !important;
|
|
background-size: 18px 18px, 100% 100% !important;
|
|
background-blend-mode: luminosity, normal;
|
|
text-transform: none;
|
|
font-size: 10.5pt !important;
|
|
letter-spacing: 0;
|
|
word-spacing: 0;
|
|
}
|
|
|
|
#faq p.infohelp {
|
|
margin: 10px -10px !important;
|
|
}
|
|
|
|
#faq ul {
|
|
margin-bottom: -15px !important;
|
|
}
|
|
|
|
#faq li code {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
#faq code, #help code {
|
|
user-select: all;
|
|
-moz-user-select: all;
|
|
-webkit-user-select: all;
|
|
}
|
|
|
|
#portfaq {
|
|
width: auto;
|
|
margin: 10px -10px;
|
|
}
|
|
|
|
#portfaq td, #portfaq th {
|
|
padding-top: 10px !important;
|
|
padding-bottom: 10px !important;
|
|
}
|
|
|
|
#portfaq th:first-child, #portfaq td:first-child {
|
|
font-weight: bold;
|
|
text-align: right;
|
|
}
|
|
|
|
#portfaq .infohelp {
|
|
padding-top: 15px !important;
|
|
padding-bottom: 15px !important;
|
|
}
|
|
|
|
#portfaq th {
|
|
text-align: left;
|
|
padding: 8px 5px !important;
|
|
}
|
|
|
|
#portfaq th[colspan="3"] {
|
|
text-align: left;
|
|
font-size: 10.5pt !important;
|
|
letter-spacing: 0.08em;
|
|
word-spacing: 0.1em;
|
|
padding-left: 10px !important;
|
|
}
|
|
|
|
#portfaq td[colspan="3"] {
|
|
font-weight: normal;
|
|
}
|
|
|
|
#portfaq td:nth-child(2) {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#portfaq td:first-child {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
#portfaq td:last-child, #portfaq td[colspan="3"] {
|
|
text-align: justify;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
/* end mini faq */
|
|
/* end help */
|
|
|
|
/* netdb (main section) */
|
|
|
|
table#netdboverview {
|
|
margin: -5px 0 10px;
|
|
}
|
|
|
|
#netdboverview td {
|
|
padding: 0;
|
|
}
|
|
|
|
#netdbversions, #netdbtransports, #netdbcountrylist {
|
|
border: 1px solid #120f35 !important;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#netdbcountrylist img {
|
|
margin-right: 5px;
|
|
text-align: right;
|
|
}
|
|
|
|
#netdbtransports {
|
|
border-left: 1px solid transparent !important;
|
|
border-right: 1px solid transparent !important;
|
|
}
|
|
|
|
#netdbtransports th, #netdbtransports td {
|
|
padding-left: 10px !important;
|
|
padding-right: 10px !important;
|
|
}
|
|
|
|
#netdbversions th, #netdbtransports th, #netdbcountrylist th {
|
|
border-top: none;
|
|
padding: 3px 5px;
|
|
line-height: 150%;
|
|
}
|
|
|
|
#netdbversions td, #netdbtransports td, #netdbcountrylist td {
|
|
padding: 5px;
|
|
}
|
|
|
|
table[cellspacing="30"] > tbody > tr > th[colspan="3"] { /* netdb header */
|
|
padding: 10px;
|
|
text-transform: uppercase;
|
|
font-size: 11pt;
|
|
letter-spacing: 0.08em;
|
|
word-spacing: 0.1em;
|
|
}
|
|
|
|
table[cellspacing="30"] > tbody > tr > td {
|
|
padding: 8px;
|
|
}
|
|
|
|
table[cellspacing="30"] > tbody > tr > td > table > tbody > tr > th:first-child {
|
|
text-align: left;
|
|
padding: 5px;
|
|
}
|
|
|
|
table[cellspacing="30"] > tbody > tr > td:first-child > table > tbody > tr > th:first-child {
|
|
text-align: center;
|
|
}
|
|
|
|
/* /netdb - Sybil */
|
|
|
|
th > img[src^="/imagegen"] { /* scale down header images */
|
|
height: 24px;
|
|
width: 24px;;
|
|
margin: -1px;
|
|
border-left: 1px solid #443da0;
|
|
}
|
|
|
|
/* Advanced lookup */
|
|
|
|
#netdblookup {
|
|
margin-bottom: -4px;
|
|
}
|
|
|
|
#netdblookup th {
|
|
text-align: left;
|
|
font-size: 11pt;
|
|
letter-spacing: 0.08em;
|
|
padding: 10px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#netdblookup td:first-child {
|
|
text-align: right;
|
|
width: 100px;
|
|
white-space: nowrap;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#netdblookup td:nth-child(2) {
|
|
width: 100px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.subheading {
|
|
text-align: left !important;
|
|
background: #000;
|
|
padding: 10px;
|
|
border: 1px solid #443da0;
|
|
}
|
|
|
|
.subheading b {
|
|
font-size: 10pt !important;
|
|
}
|
|
|
|
#netdblookup .optbox {
|
|
margin: 10px ;
|
|
}
|
|
|
|
#netdblookup .optionsave {
|
|
padding: 10px !important;
|
|
}
|
|
|
|
#netdb .tabletitle {
|
|
margin-bottom: -2px !important;
|
|
}
|
|
|
|
.sybil_distance th {
|
|
text-align: left;
|
|
padding: 5px;
|
|
}
|
|
|
|
.sybil_distance th:last-child, .sybil_distance td:last-child {
|
|
text-align: right;
|
|
}
|
|
|
|
.sybil_distance tr:nth-child(n+2):hover {
|
|
background: #002;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sybil_distance:last-child {
|
|
margin-bottom: 9px;
|
|
}
|
|
|
|
/* leasesets */
|
|
|
|
.netdb_leases, .netdb_leases li, .netdb_leases li:first-child {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.netdb_leases {
|
|
columns: auto 420px !important;
|
|
column-rule: 1px solid #114;
|
|
column-gap: 1em;
|
|
}
|
|
|
|
.netdb_leases li {
|
|
list-style: none;
|
|
display: inline-block;
|
|
padding: 1px 5px 1px 0 !important;
|
|
margin: 1px 0;
|
|
min-width: 400px;
|
|
}
|
|
|
|
.netdb_leases li b:first-child {
|
|
display: inline-block;
|
|
min-width: 80px !important;
|
|
text-align: right;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.netdb_gateway {
|
|
margin-left: 0 !important;
|
|
margin-right: -8px !important;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.netdb_gateway img {
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.netdb_tunnel {
|
|
display: inline-block;
|
|
background: #003;
|
|
padding: 0 4px;
|
|
margin-left: 4px;
|
|
margin-right: -4px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.netdb_leases .tunnel_id {
|
|
min-width: 74px;
|
|
}
|
|
|
|
.netdb_leases .tunnel_peer {
|
|
min-width: 64px;
|
|
}
|
|
|
|
.netdb_leases .tunnel_peer tt, .netdb_leases .tunnel_peer tt a {
|
|
font-size: 8pt !important;
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
.netdb_leases .tunnel_peer tt, .netdb_leases .tunnel_peer a {
|
|
letter-spacing: 0.1em !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.main li .netdb_expiry {
|
|
font-weight: normal;
|
|
text-transform: lowercase;
|
|
font-style: italic;
|
|
}
|
|
|
|
/* end leasesets */
|
|
/* end netdb */
|
|
|
|
/* logs */
|
|
|
|
a[name="criticallogs"] + p + h3 + p + ul { /* tidy router logs ul */
|
|
border: 1px solid #443da0;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
#enviro, #criticallogs, #routerlogs, #eventlogs, #wrapperlogs {
|
|
margin-top: -11px;
|
|
}
|
|
|
|
#wrapperlogs {
|
|
width: 100%;
|
|
overflow-x: scroll;
|
|
table-layout: fixed;
|
|
}
|
|
|
|
#bugreports {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#bugreports td {
|
|
background: url(/themes/console/images/info/infohelp.png) 12px center no-repeat !important;
|
|
padding: 15px 10px 15px 50px;
|
|
}
|
|
|
|
#enviro:hover {
|
|
-moz-user-select: all;
|
|
--webkit-user-select: all;
|
|
user-select: all;
|
|
cursor: text;
|
|
}
|
|
|
|
#enviro:hover td {
|
|
background: #001;
|
|
border-top: 1px inset transparent;
|
|
border-bottom: 1px inset transparent;
|
|
color: #dd0;
|
|
}
|
|
|
|
#enviro td {
|
|
font-weight: normal !important;
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
#enviro td:first-child {
|
|
width: 1%;
|
|
text-align: right;
|
|
padding-right: 0;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#criticallogs td , #routerlogs td, #eventlogs td, #wrapperlogs td {
|
|
font-weight: normal !important;
|
|
padding: 5px 10px;
|
|
border-top: 1px solid #443da0;
|
|
}
|
|
|
|
#criticallogs td:empty {
|
|
display: none;
|
|
}
|
|
|
|
table[id$="logs"] tr:nth-child(odd){
|
|
background: #010011;
|
|
}
|
|
|
|
table[id$="logs"] tr:nth-child(even){
|
|
background: #000;
|
|
}
|
|
|
|
table[id$="logs"] ul {
|
|
margin: -3px 15px -10px -18px !important;
|
|
}
|
|
|
|
#wrapperlogs {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#wrapperlogs tr:last-child td {
|
|
padding: 0 0 0 5px;
|
|
}
|
|
|
|
#wrapperlogs pre {
|
|
margin-bottom: 0 !important;
|
|
white-space: pre-wrap !important;
|
|
word-wrap: break-word;
|
|
width: 100%;
|
|
height: 600px;
|
|
}
|
|
|
|
.main#logs li {
|
|
word-break: break-all;
|
|
font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
|
|
}
|
|
|
|
.logtable ul li:not(old) {
|
|
list-style: none !important;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
/* Override error log colors */
|
|
|
|
font[color="#006600"] { /* debug */
|
|
color: #090;
|
|
}
|
|
|
|
font[color="#bf00df"] { /* warning */
|
|
color: #909;
|
|
}
|
|
|
|
font[color="#ff3300"] { /* error */
|
|
color: #d00;
|
|
}
|
|
|
|
font[color="#cc0000"] { /* critical */
|
|
color: #f00;
|
|
}
|
|
|
|
font[color="#000099"] { /* info */
|
|
color: #bb0;
|
|
}
|
|
|
|
/* end log color overrides */
|
|
|
|
#logs li {
|
|
list-style: none;
|
|
font: 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
|
|
line-height: 130%;
|
|
text-align: left;
|
|
display: inline-block;
|
|
width: 100%;
|
|
margin-right: 5px !important;
|
|
padding: 2px 0;
|
|
}
|
|
|
|
#criticallogs li {
|
|
width: 100%;
|
|
}
|
|
|
|
#logs li::after {
|
|
content: "";
|
|
display: block;
|
|
border-top: 1px dotted #005;
|
|
width: 100%;
|
|
margin: 5px 0 -3px;
|
|
}
|
|
|
|
#logs li:last-child::after {
|
|
border: none;
|
|
margin: 0;
|
|
}
|
|
|
|
#logs font[color^="#"]::before {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 6px;
|
|
height: 6px;
|
|
background: #fff;
|
|
border-radius: 50%;
|
|
margin-right: 5px;
|
|
margin-left: 0;
|
|
vertical-align: calc(1px);
|
|
}
|
|
|
|
#logs li font[color="#cc0000"]::before {
|
|
background: #f00;
|
|
}
|
|
|
|
#logs li font[color="#006600"]::before {
|
|
background: #090;
|
|
}
|
|
|
|
#logs li font[color="#ff3300"]::before {
|
|
background: #d00;
|
|
}
|
|
|
|
#logs li font[color="#bf00df"]::before {
|
|
background: #909;
|
|
}
|
|
|
|
#logs li font[color="#000099"]::before {
|
|
background: #bb0;
|
|
}
|
|
|
|
/* /profiles */
|
|
|
|
#profilelist tr:hover, #floodfills tr:hover {
|
|
background: #040033;
|
|
}
|
|
|
|
#profilelist tr:hover td, #floodfills tr:hover td {
|
|
color: #c9ceff;
|
|
}
|
|
|
|
#profilelist th, #profilelist td {
|
|
text-align: right;
|
|
}
|
|
|
|
#profilelist td:nth-child(2), #profilelist th:nth-child(2) {
|
|
text-align: left;
|
|
}
|
|
|
|
#profilelist td:first-child {
|
|
width: 1%;
|
|
text-align: right;
|
|
}
|
|
|
|
#profilelist td:first-child {
|
|
text-align: right !important;
|
|
padding-left: 4px;
|
|
}
|
|
|
|
#profilelist td:first-child, #profilelist th:first-child, #profilelist td:nth-last-child(2), #profilelist th:nth-last-child(2) {
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
}
|
|
|
|
#profilelist td:nth-child(3) {
|
|
letter-spacing: 0.1em;
|
|
}
|
|
|
|
#profilelist th:last-child {
|
|
text-align: center;
|
|
padding-right: 8px;
|
|
}
|
|
|
|
#profilelist td:last-child {
|
|
text-align: center;
|
|
width: 1%;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#profilelist td[colspan="9"] { /* profile class separator */
|
|
background: #050044;
|
|
padding: 1px;
|
|
border: 1px inset #000;
|
|
}
|
|
|
|
a[href^="configpeer?peer"]:not(old) {
|
|
font-size: 0;
|
|
filter: drop-shadow(0 0 1px #777);
|
|
}
|
|
|
|
a[href^="configpeer?peer"]::after {
|
|
content: url(/themes/console/images/buttons/edit.png);
|
|
vertical-align: top;
|
|
margin: 0 0 0 4px !important;
|
|
line-height: 0;
|
|
}
|
|
|
|
a[href^="configpeer?peer"]:hover {
|
|
filter: drop-shadow(0 0 1px #99f);
|
|
}
|
|
|
|
table#profile_defs, table#thresholds {
|
|
margin-top: -1px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
table#profile_defs td, table#thresholds td {
|
|
padding: 5px;
|
|
}
|
|
|
|
#profile_defs td:first-child {
|
|
width: 5% !important;
|
|
white-space: nowrap;
|
|
text-align: right;
|
|
}
|
|
|
|
#profile_defs td:last-child {
|
|
white-space: normal;
|
|
line-height: 120%;
|
|
}
|
|
|
|
#thresholds th, #thresholds td {
|
|
text-align: center !important;
|
|
}
|
|
|
|
#capabilities_key td {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
#capabilities_key table {
|
|
margin: 0 !important;
|
|
border: none;
|
|
border-top: 1px solid #004;
|
|
border-bottom: 1px solid #004;
|
|
}
|
|
|
|
#capabilities_key table td {
|
|
padding: 3px 5px !important;
|
|
}
|
|
|
|
#capabilities_key table td:nth-child(even) {
|
|
width: 16px;
|
|
}
|
|
|
|
#capabilities_key td:nth-child(2) b, #capabilities_key td:nth-child(4) b {
|
|
display: inline-block;
|
|
min-width: 16px;
|
|
background: #003;
|
|
border-radius: 2px;
|
|
padding: 1px 2px;
|
|
text-align: center;
|
|
}
|
|
|
|
#capabilities_key td:nth-child(2), #capabilities_key td:nth-child(4) {
|
|
text-align: right;
|
|
}
|
|
|
|
#capabilities_key td[colspan="5"] {
|
|
text-align: left;
|
|
}
|
|
|
|
#profile_defs b {
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
#capabilities_key b {
|
|
text-transform: none !important;
|
|
}
|
|
|
|
table#profile_defs + hr {
|
|
display: none;
|
|
}
|
|
|
|
.main#profiles .widescroll {
|
|
margin-top: -5px !important;
|
|
}
|
|
|
|
.main#profiles ul#banlist {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
#profiles_overview {
|
|
margin-top: -4px;
|
|
}
|
|
|
|
#floodfills {
|
|
margin: 0 0 10px;
|
|
}
|
|
|
|
#floodfills + hr {
|
|
display: none;
|
|
}
|
|
|
|
#floodfills th, #floodfills td {
|
|
text-align: right !important;
|
|
}
|
|
|
|
#floodfills th {
|
|
white-space: normal;
|
|
text-align: center !important;
|
|
}
|
|
|
|
#floodfills td {
|
|
padding: 3px !important;
|
|
}
|
|
|
|
#floodfills th:first-child, #floodfills td:first-child {
|
|
text-align: center !important;
|
|
width: 52px;
|
|
white-space: nowrap;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
#floodfills td:first-child {
|
|
text-align: right !important;
|
|
padding-left: 4px !important;
|
|
padding-right: 5px !important;
|
|
}
|
|
|
|
#profilelist td:first-child > *, #floodfills td:first-child > *,
|
|
#udpconnections td:first-child > *, #ntcpconnections td:first-child > * {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
table#viewprofile {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
table#viewprofile td {
|
|
padding: 10px 15px 0;
|
|
}
|
|
|
|
#viewprofile pre {
|
|
margin-bottom: 0;
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
ul#banlist {
|
|
border: 1px solid #443da0;
|
|
background: #000;
|
|
padding: 10px 10px 10px 0;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
ul#banlist li:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
ul#banlist + hr {
|
|
display: none;
|
|
}
|
|
|
|
a[href^="/profiles"] ~ table > tbody > tr > th {
|
|
text-align: right;
|
|
}
|
|
|
|
a[href^="/profiles"] ~ table > tbody > tr > th:nth-last-child(2) {
|
|
text-align: center;
|
|
}
|
|
|
|
a[href^="/profiles"] ~ table > tbody > tr > th:nth-child(2) {
|
|
text-align: center;
|
|
}
|
|
|
|
a[href^="/profiles"] ~ table > tbody > tr > th:first-child {
|
|
text-align: center;
|
|
}
|
|
|
|
/* jardump */
|
|
|
|
#jardump {
|
|
padding: 0;
|
|
overflow: auto;
|
|
}
|
|
|
|
table#jardump {
|
|
margin-top: -1px;
|
|
margin-bottom: 0;
|
|
font-size: 8pt !important;
|
|
border: none;
|
|
}
|
|
|
|
#jardump tt {
|
|
letter-spacing: -0.03em;
|
|
}
|
|
|
|
#jardump hr {
|
|
margin: 1px 0 0;
|
|
width: 100%;
|
|
height: 1px;
|
|
background: #120f35;
|
|
display: block !important;
|
|
}
|
|
|
|
#jardump th {
|
|
border-right: none;
|
|
border-left: none;
|
|
}
|
|
|
|
#jardump th, #jardump td {
|
|
vertical-align: middle !important;
|
|
text-align: center !important;
|
|
}
|
|
|
|
#jardump th:first-child {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
#jardump th:first-child, #jardump td:first-child {
|
|
text-align: left !important;
|
|
}
|
|
|
|
#jardump .subheading {
|
|
padding: 6px 5px !important;
|
|
}
|
|
|
|
#jardump .subheading code {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.subheading.routerfiles {
|
|
background: url(/themes/console/images/eepsite.png) right 5px center no-repeat, linear-gradient(to right, #000, #000010 40%) !important;
|
|
background-size: 16px auto, 100% 100% !important;
|
|
background-blend-mode: luminosity, normal;
|
|
}
|
|
|
|
.subheading.pluginfiles {
|
|
background: url(/themes/console/images/plugin.png) right 5px center no-repeat, linear-gradient(to right, #000, #000010 40%) !important;
|
|
background-size: 16px auto, 100% 100% !important;
|
|
background-blend-mode: luminosity, normal;
|
|
}
|
|
|
|
#jardump td {
|
|
border-right: 1px inset #120f35;
|
|
}
|
|
|
|
#jardump td:nth-child(2) {
|
|
text-align: right !important;
|
|
font-style: italic;
|
|
}
|
|
|
|
#jardump td:last-child {
|
|
word-break: break-all;
|
|
text-align: left !important;
|
|
border-right: none;
|
|
}
|
|
|
|
#jardump tr:hover td {
|
|
border: 1px solid #115;
|
|
border-left: 1px solid transparent;
|
|
border-right: 1px solid transparent;
|
|
}
|
|
|
|
#jardump td:first-child {
|
|
padding-left: 22px;
|
|
}
|
|
|
|
#jardump td:first-child, #jardump tr:hover td:first-child {
|
|
background-image: url(/themes/console/images/info/box.png) !important;
|
|
background-position: 5px center;
|
|
background-repeat: no-repeat;
|
|
background-size: 16px 16px;
|
|
}
|
|
|
|
#jardump tr:hover td:first-child {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
#jardump td:first-child b {
|
|
display: inline-block;
|
|
padding: 4px;
|
|
border-radius: 2px;
|
|
margin-right: 4px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
#jardump tr:hover td:first-child b {
|
|
background: #004;
|
|
border: 1px solid #001;
|
|
margin-right: 0;
|
|
margin-left: 4px;
|
|
box-shadow: 0 0 1px 0 #001;
|
|
width: 95%;
|
|
width: calc(100% - 10px);
|
|
}
|
|
|
|
#jardump tr:hover hr {
|
|
background: transparent;
|
|
}
|
|
|
|
.revision, .sha256, .unsignedmod {
|
|
display: inline-block;
|
|
-moz-user-select: all;
|
|
-webkit-user-select: all;
|
|
user-select: all;
|
|
}
|
|
|
|
#jardump td:last-child {
|
|
word-break: break-all;
|
|
text-align: left !important;
|
|
border-right: none;
|
|
padding: 1px 0 1px;
|
|
}
|
|
|
|
.unsignedmod {
|
|
padding: 2px 3px 2px 4px;
|
|
margin: 0;
|
|
}
|
|
|
|
#jardump tr:hover .unsignedmod:not(:empty) {
|
|
background: #400;
|
|
color: #fff;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.revision:hover, .sha256:hover {
|
|
overflow: auto;
|
|
text-overflow: clip;
|
|
}
|
|
}
|
|
|
|
/* end jardump */
|
|
|
|
.main#certs {
|
|
padding-top: 3px;
|
|
}
|
|
|
|
.main#certs h3 {
|
|
margin-bottom: -16px !important;
|
|
border: 1px solid #443da0;
|
|
border-radius: 0;
|
|
padding: 7px 10px;
|
|
}
|
|
|
|
.main#certs h4 {
|
|
padding: 5px 10px;
|
|
margin: 15px 0 0;
|
|
border: 1px solid #443da0;
|
|
letter-spacing: 0.05em;
|
|
font-size: 10pt;
|
|
background: linear-gradient(to right, #000, #002);
|
|
}
|
|
|
|
.main#certs h3 + p {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.main#certs p {
|
|
margin-top: -1px;
|
|
padding: 10px;
|
|
border: 1px solid #443da0;
|
|
background: #000;
|
|
}
|
|
|
|
.main#certs p + p:empty + h4 {
|
|
margin-top: -13px !important;
|
|
}
|
|
|
|
.main#certs textarea {
|
|
margin: -1px 0 11px 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.main#tunnels th {
|
|
padding: 5px 2px;
|
|
}
|
|
|
|
.main#proof textarea, .main#proof textarea:focus {
|
|
margin-top: 12px !important;
|
|
background: none;
|
|
border: 0;
|
|
color: #c9ceff !important;
|
|
filter: none;
|
|
resize: none;
|
|
box-shadow: none;
|
|
font-size: 9pt;
|
|
line-height: 180%;
|
|
}
|
|
|
|
#proof p {
|
|
margin: 15px 5px;
|
|
padding: 30px 15px 0;
|
|
border: 1px solid #000;
|
|
border-radius: 2px;
|
|
box-shadow: inset 0 0 0 1px #225, 0 0 1px #000;
|
|
background: url(/themes/console/images/info/rosette.png) right 8px top 8px no-repeat #002;
|
|
background: url(/themes/console/images/info/rosette.png) right 8px top 8px no-repeat rgba(0,0,32,0.4);
|
|
background-blend-mode: color-burn;
|
|
}
|
|
|
|
#proof textarea {
|
|
line-height: 160%;
|
|
font-size: 9pt;
|
|
overflow: hidden;
|
|
word-break: break-all;
|
|
white-space: pre-wrap;
|
|
height: 200px;
|
|
}
|
|
|
|
#proof textarea:focus {
|
|
outline: none;
|
|
}
|
|
|
|
#oldconsole p {
|
|
margin: 17px 6px 15px;
|
|
padding: 10px 20px;
|
|
line-height: 200%;
|
|
border: 1px solid #000;
|
|
border-radius: 2px;
|
|
box-shadow: inset 0 0 0 1px #225, 0 0 1px #000;
|
|
background: #002;
|
|
background: rgba(0,0,32,0.4);
|
|
}
|
|
|
|
#oldconsole b {
|
|
display: inline-block;
|
|
min-width: 120px;
|
|
margin-right: 8px;
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
.main#webmail {
|
|
padding: 0;
|
|
background: #000 !important;
|
|
min-width: 736px;
|
|
}
|
|
|
|
.main#torrents, .main#tunnelmgr {
|
|
padding: 0;
|
|
background: url(images/scarface.jpg) right bottom no-repeat, linear-gradient(to bottom, #000, #001) !important;
|
|
background-size: auto 120px, 100% 2px !important;
|
|
background-blend-mode: screen;
|
|
}
|
|
|
|
.main#torrents {
|
|
min-width: 640px;
|
|
}
|
|
|
|
.main#tunnelmgr {
|
|
padding: 0 5px;
|
|
min-width: 630px;
|
|
}
|
|
|
|
#i2ptunnelframe {
|
|
margin: -5px 0;
|
|
}
|
|
|
|
/* debug */
|
|
|
|
#debug h2, #debug h3 {
|
|
border-radius: 0;
|
|
}
|
|
|
|
#debug h2 {
|
|
padding: 10px !important;
|
|
background: url(/themes/console/images/info/debug.png) right 5px center no-repeat, linear-gradient(to bottom, #191729 0%, #000000 50%) !important;
|
|
background-size: 24px 24px, 100% 100% !important;
|
|
background-blend-mode: luminosity, normal;
|
|
}
|
|
|
|
#debug h2:first-child, #dht {
|
|
margin-top: 10px !important;
|
|
}
|
|
|
|
#debug h2 + table {
|
|
margin-top: -13px;
|
|
}
|
|
|
|
#debug th:last-child, #debug td:last-child {
|
|
text-align: right;
|
|
}
|
|
|
|
#debug td:last-child {
|
|
vertical-align: top;
|
|
}
|
|
|
|
#debug_portmapper {
|
|
margin-top: -4px !important;
|
|
}
|
|
|
|
#portmapper td {
|
|
padding: 5px 10px !important;
|
|
}
|
|
|
|
#portmapper th, #portmapper td {
|
|
text-align: left !important;
|
|
}
|
|
|
|
#portmapper td:first-child {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.debug_container {
|
|
margin-top: -11px;
|
|
border: 1px solid #443da0;
|
|
padding: 10px 15px;
|
|
background: #000008;
|
|
}
|
|
|
|
.debug_container:empty::after {
|
|
content: "None";
|
|
display: inline-block;
|
|
font-style: italic;
|
|
}
|
|
|
|
.buckets {
|
|
margin-top: -13px;
|
|
margin-bottom: 9px;
|
|
max-height: 600px;
|
|
overflow: auto;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.buckets hr {
|
|
display: none;
|
|
}
|
|
|
|
.debug_container + h3, .debug_outboundsessions {
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.debug_outboundsessions {
|
|
margin-top: -2px;
|
|
}
|
|
|
|
#debug h3.debug_outboundsessions, #debug h3.debug_inboundsessions {
|
|
padding: 6px 10px 6px 28px !important;
|
|
background-blend-mode: luminosity, normal;
|
|
}
|
|
|
|
#debug h3.debug_outboundsessions {
|
|
background: url(/themes/console/images/outbound.png) 6px center no-repeat, linear-gradient(to bottom, #191729 0%, #000 50%) !important;
|
|
}
|
|
|
|
#debug h3.debug_inboundsessions {
|
|
background: url(/themes/console/images/inbound.png) 6px center no-repeat, linear-gradient(to bottom, #191729 0%, #000 50%) !important;
|
|
}
|
|
|
|
.debug_version {
|
|
color: #060;
|
|
}
|
|
|
|
#debug h2 + h3, .buckets {
|
|
margin-top: -13px;
|
|
}
|
|
|
|
#debug h3 + table {
|
|
margin-top: -11px;
|
|
}
|
|
|
|
#debug th {
|
|
padding: 7px 10px !important;
|
|
}
|
|
|
|
#debug h3 {
|
|
border-width: 1px !important;
|
|
padding: 5px 10px !important;
|
|
}
|
|
|
|
#debug ul, .debug_targetinfo {
|
|
columns: 400px 2;
|
|
column-rule: 1px solid #113;
|
|
column-gap: 30px;
|
|
margin: 0 !important;
|
|
text-align: left;
|
|
}
|
|
|
|
.debug_targetinfo {
|
|
line-height: 140% !important;
|
|
}
|
|
|
|
.debug_container {
|
|
line-height: 160% !important;
|
|
}
|
|
|
|
.debug_container.buckets {
|
|
line-height: 140% !important;
|
|
}
|
|
|
|
.debug_targetinfo b {
|
|
margin-right: 3px;
|
|
}
|
|
|
|
#debug li {
|
|
display: inline-block;
|
|
text-align: left !important;
|
|
margin: 0 !important;
|
|
padding: 2px 0 !important;
|
|
min-width: 400px !important;
|
|
}
|
|
|
|
/* end debug */
|
|
|
|
.footnote {
|
|
text-align: right;
|
|
font-size: 7pt;
|
|
margin-bottom: 5px !important;
|
|
}
|
|
|
|
.footnote hr {
|
|
margin: 10px 0 5px 0 !important;
|
|
color: #443da0;
|
|
background: #443da0;
|
|
height: 1px;
|
|
border: 0 solid #443da0;
|
|
}
|
|
|
|
.topness {
|
|
font-size: 7.5pt;
|
|
text-align: right;
|
|
margin-top: -10px !important;
|
|
margin-bottom: -5px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
/* begin home page */
|
|
|
|
#homepanel {
|
|
margin: 0 -8px;
|
|
}
|
|
|
|
h4.app, h4.app2 {
|
|
background: linear-gradient(to bottom, #191729 0%, #000 50%) !important;
|
|
border: 1px solid #443da0;
|
|
font-size: 10.5pt;
|
|
font-variant: small-caps;
|
|
letter-spacing: 2px;
|
|
margin: 11px -8px -9px -8px;
|
|
padding: 7px 8px 7px;
|
|
text-transform: uppercase;
|
|
text-align: left;
|
|
letter-spacing: 0.08em;
|
|
word-spacing: 0.1em;
|
|
}
|
|
|
|
h4.app2 {
|
|
clear: left;
|
|
position: relative;
|
|
top: -4px;
|
|
margin-bottom: -13px;
|
|
}
|
|
|
|
div.ag2 {
|
|
margin: 0 5px 12px;
|
|
padding: 0;
|
|
}
|
|
|
|
div.app {
|
|
float: left;
|
|
padding: 2px 0 0;
|
|
min-width: 70px;
|
|
border: 1px solid #443da0;
|
|
background: #000;
|
|
background: linear-gradient(to bottom, #020020, #000);
|
|
border-radius: 2px;
|
|
margin: 2px 3px 5px;
|
|
text-align: center !important;
|
|
opacity: 0.8;
|
|
box-shadow: inset 0 0 0 1px #000;
|
|
transition: border ease 0.3s;
|
|
}
|
|
|
|
.app a:link, .app a:visited {
|
|
color: #7670c2;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
div.app:hover {
|
|
opacity: 1;
|
|
border: 1px solid #652787;
|
|
background: #000;
|
|
box-shadow: none;
|
|
color: #652787 !important;
|
|
}
|
|
|
|
div.app:hover img {
|
|
filter: drop-shadow(0 0 3px #652787) !important;
|
|
mix-blend-mode: normal;
|
|
}
|
|
|
|
div.app:active .applabel {
|
|
background: #652787 !important;
|
|
box-shadow: inset 0 0 0 1px #000;
|
|
}
|
|
|
|
div.app:active .applabel a {
|
|
color: #c9ceff !important;
|
|
}
|
|
|
|
div.app a:link, div.app a:hover, div.app a:active {
|
|
outline: none;
|
|
}
|
|
|
|
div.app a:focus img {
|
|
filter: drop-shadow(0 0 3px #c96fff) !important;
|
|
}
|
|
|
|
div.app a:focus {
|
|
color: #652787;
|
|
}
|
|
|
|
div.app:hover a:link, div.app:hover a:visited {
|
|
color: #652787;
|
|
}
|
|
|
|
div.app:last-child {
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
h4.app + .appgroup div.app:last-child {
|
|
margin-bottom: 13px;
|
|
}
|
|
|
|
h4.app2 + .appgroup div.app:last-child {
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
div.appgroup {
|
|
margin: 0;
|
|
padding: 16px 0;
|
|
width: auto;
|
|
}
|
|
|
|
div.search {
|
|
margin: 10px 10px 0 0;
|
|
padding: 8px 8px 0 8px;
|
|
width: auto;
|
|
}
|
|
|
|
table.search {
|
|
background: none;
|
|
width: 80%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: -19px;
|
|
}
|
|
|
|
.search tr {
|
|
background: #000 url(images/header.png) center center repeat-x;
|
|
background: linear-gradient(to bottom, #000010 0%, #000019 50%, #000 51%) !important;
|
|
}
|
|
|
|
.search td {
|
|
padding: 4px;
|
|
text-align: center;
|
|
}
|
|
|
|
.search td:nth-child(2) {
|
|
width: 50px;
|
|
padding: 4px 0 4px 20px;
|
|
}
|
|
|
|
.search td:last-child {
|
|
text-align: left !important;
|
|
width: 50px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
input.search, input.search:hover {
|
|
background: #000 url(/themes/console/images/buttons/search.png) 4px center no-repeat;
|
|
background: url(/themes/console/images/buttons/search.png) 4px center no-repeat, linear-gradient(to bottom, #000, #000019);
|
|
padding: 4px 3px 4px 24px;
|
|
vertical-align: middle;
|
|
width: 100%;
|
|
}
|
|
|
|
input.search:focus {
|
|
background: #000 url(/themes/console/images/buttons/search.png) 4px center no-repeat;
|
|
}
|
|
|
|
.search select {
|
|
width: 90%;
|
|
}
|
|
|
|
.appimg {
|
|
height: 45px;
|
|
}
|
|
|
|
.app img {
|
|
height: 32px;
|
|
width: auto;
|
|
max-height: 32px;
|
|
max-width: 32px;
|
|
padding: 9px 50px 35px;
|
|
margin-bottom: 1px;
|
|
mix-blend-mode: luminosity;
|
|
}
|
|
|
|
div.app:hover .app img {
|
|
filter: saturate(200%);
|
|
mix-blend-mode: normal;
|
|
}
|
|
|
|
.app table {
|
|
background: none;
|
|
border: 0;
|
|
margin: auto;
|
|
width: auto;
|
|
}
|
|
|
|
.app tr {
|
|
background: none;
|
|
border: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.app td {
|
|
background: none;
|
|
border: 0;
|
|
margin: 0;
|
|
padding: 3px 0 0;
|
|
}
|
|
|
|
.applabel {
|
|
margin: 2px 0 0;
|
|
padding: 5px 2px 6px;
|
|
text-align: center;
|
|
vertical-align: bottom;
|
|
line-height: 95%;
|
|
text-transform: lowercase;
|
|
border: none;
|
|
width: 150px;
|
|
background: #001 url(images/titles.png) center center;
|
|
background: linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%);
|
|
border-radius: 0 0 2px 2px;
|
|
border-top: 1px solid #443da0;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
color: #4e47bf;
|
|
box-shadow: inset 0 0 0 1px #000;
|
|
}
|
|
|
|
.applabel:hover {
|
|
background: #000;
|
|
border-top: 1px solid #652787;
|
|
color: #652787;
|
|
}
|
|
|
|
.applabel a, .applabel a:hover {
|
|
text-decoration: none !important;
|
|
outline: none;
|
|
max-width: 144px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: inline-block;
|
|
padding: 2px 0;
|
|
}
|
|
|
|
div.app:hover .applabel {
|
|
border-top: 1px solid #652787 !important;
|
|
background: #000;
|
|
color: #652787;
|
|
}
|
|
|
|
/* end home page */
|
|
|
|
iframe.iframed {
|
|
margin: 15px 0 0;
|
|
}
|
|
|
|
#i2psnarkframe, #susimailframe {
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.main#dns {
|
|
padding: 0;
|
|
min-width: 640px;
|
|
background: #000 !important;
|
|
}
|
|
|
|
#susidnsframe {
|
|
margin-top: -2px;
|
|
}
|
|
|
|
/* Fixes for when app is not started and console error loads inside iframe */
|
|
|
|
body.iframed {
|
|
background: transparent url(/themes/console/images/transparent.gif) !important;
|
|
}
|
|
|
|
.iframed .routersummaryouter {
|
|
display: none !important;
|
|
}
|
|
|
|
.iframed h1 {
|
|
margin: 0 5px 0 5px !important;
|
|
}
|
|
|
|
.iframed div.sorry {
|
|
margin: -1px 5px 10px 5px !important;
|
|
}
|
|
|
|
/* end iframed console fixes */
|
|
|
|
/* global overrides */
|
|
|
|
h3[id*="job"] {
|
|
border: 1px solid #443da0;
|
|
padding: 6px;
|
|
margin: 12px 0 10px 0;
|
|
border-radius: 0;
|
|
text-transform: uppercase;
|
|
text-shadow: 0 0 2px #010011;
|
|
letter-spacing: 0.08em;
|
|
}
|
|
|
|
/* netdb */
|
|
|
|
.netdbentry, .leaseset {
|
|
width: 100% !important;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.confignav + .netdbentry {
|
|
margin-top: -4px !important;
|
|
}
|
|
|
|
.netdbentry td b, .leaseset td b, #leasesetdebug td b, .sybil_routerinfo td b {
|
|
color: #c9ceff !important;
|
|
}
|
|
|
|
span#distance {
|
|
color: #d6fffd !important;
|
|
}
|
|
|
|
.netdbentry th {
|
|
font-weight: normal;
|
|
text-align: left;
|
|
padding: 4px 6px;
|
|
}
|
|
|
|
.netdbentry th code, .leaseset th code, .sybil_routerinfo th code {
|
|
font-size: 9pt;
|
|
font-weight: bold;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.netdbentry th:last-child {
|
|
text-align: right;
|
|
padding: 5px;
|
|
white-space: nowrap;
|
|
width: 50px;
|
|
}
|
|
|
|
.netdbentry th:first-child {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.netdbentry td:first-child {
|
|
width: 80px;
|
|
}
|
|
|
|
.netdbentry td:nth-child(2) {
|
|
word-break: break-all;
|
|
hyphens: none;
|
|
}
|
|
|
|
.netdbentry img {
|
|
margin: 1px 0 0 0;
|
|
}
|
|
|
|
.netdbentry tr:last-child code {
|
|
font-weight: bold;
|
|
}
|
|
|
|
#leasesetdebug, #leasesetsummary {
|
|
margin-top: -4px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.leaseset th {
|
|
font-weight: normal;
|
|
padding: 5px;
|
|
text-align: left;
|
|
}
|
|
|
|
.leaseset th:last-child, .leaseset td:nth-child(2) {
|
|
text-align: right;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.leaseset td:first-child img {
|
|
margin-left: 3px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
#leasesetdebug th, #leasesetsummary th {
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
font-size: 10pt;
|
|
letter-spacing: 0.08em;
|
|
word-spacing: 0.1em;
|
|
padding: 8px 10px;
|
|
}
|
|
|
|
#leasesetdebug th a, #leasesetsummary a {
|
|
font-size: 9pt;
|
|
text-transform: capitalize;
|
|
letter-spacing: normal;
|
|
word-spacing: normal;
|
|
}
|
|
|
|
#leasesetsummary td:first-child {
|
|
width: 100px;
|
|
white-space: nowrap;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
#leasesetdebug th:first-child, #leasesetsummary th:first-child {
|
|
text-align:left;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#leasesetdebug th:last-child, #leasesetsummary th:last-child {
|
|
text-align:right;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#leasesetdebug td:nth-child(odd) {
|
|
width: 200px;
|
|
white-space: nowrap;
|
|
text-align: right;
|
|
border-right: 1px inset #120f35;
|
|
}
|
|
|
|
#leasesetdebug td:nth-child(even) {
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#leasesetdebug td:nth-child(2) {
|
|
width: 10px;
|
|
}
|
|
|
|
#leasesetdebug th a:not(old), #leasesetsummary th a:not(old) {
|
|
font-size: 0;
|
|
}
|
|
|
|
#leasesetdebug th a::after, #leasesetsummary th a::after {
|
|
content: url(/themes/console/images/buttons/floodfill.png);
|
|
vertical-align: text-top;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.addtobook {
|
|
text-align: right;
|
|
}
|
|
|
|
.addtobook a:not(old) {
|
|
font-size: 0;
|
|
}
|
|
|
|
.addtobook a::after {
|
|
content: url(/themes/console/images/buttons/add_address.png);
|
|
}
|
|
|
|
a.viewfullentry:not(old), a[href^="viewprofile"]:not(old) {
|
|
font-size: 0;
|
|
}
|
|
|
|
a.viewfullentry::after, a[href^="viewprofile"]::after {
|
|
content: url(/themes/console/images/buttons/fullview.png);
|
|
vertical-align: text-top;
|
|
}
|
|
|
|
#noleasesets, #notinitialized, .netdbnotfound {
|
|
background: #000 url(/themes/console/images/info/infohelp.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px !important;
|
|
border: 1px solid #443da0;
|
|
margin-top: -4px;
|
|
margin-bottom: 10px;
|
|
text-align: left;
|
|
}
|
|
|
|
#sybilnav, #sybils_summary {
|
|
border: 1px solid #443da0;
|
|
padding: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#sybilnav {
|
|
-moz-columns: 4 200px;
|
|
-webkit-columns: 4 200px;
|
|
columns: 4 200px;
|
|
padding: 10px;
|
|
}
|
|
|
|
#sybilnav li {
|
|
break-inside: avoid;
|
|
page-break-before: right;
|
|
-webkit-column-break-inside: avoid;
|
|
}
|
|
|
|
#sybilnav ul li {
|
|
list-style: none;
|
|
padding-left: 0;
|
|
margin-left: 0;
|
|
margin-bottom: 5px;
|
|
min-width: 110px;
|
|
white-space: nowrap;
|
|
border: 1px solid #443da0;
|
|
border-radius: 2px;
|
|
background: linear-gradient(to right, #000, #002 80%);
|
|
box-shadow: inset 0 0 0 1px #000;
|
|
}
|
|
|
|
#sybilnav ul li:hover {
|
|
border: 1px solid #652787;
|
|
background: #652787;
|
|
}
|
|
|
|
#sybilnav a {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
#sybilnav ul li:hover a {
|
|
color: #652787;
|
|
color: #fff;
|
|
}
|
|
|
|
#sybilnav ul li:active {
|
|
background: #39144f;
|
|
}
|
|
|
|
#sybilnav ul li:active a {
|
|
color: #c9ceff !important;
|
|
}
|
|
|
|
#sybilnav ul li a {
|
|
padding-right: 30%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#sybilnav ul li::before {
|
|
content: url(/themes/console/images/buttons/show.png);
|
|
mix-blend-mode: luminosity;
|
|
margin-right: 5px;
|
|
font-size: 16pt;
|
|
line-height: 50%;
|
|
vertical-align: middle;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
#sybilnav ul li:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
#sybilnav ul li:last-child {
|
|
margin-bottom: -10px;
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
/* end sybilnav */
|
|
|
|
.sybil_routerinfo {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sybil_routerinfo th {
|
|
padding: 1px 1px 1px 6px !important;
|
|
}
|
|
|
|
.sybil_routerinfo th:first-child {
|
|
text-align: left;
|
|
}
|
|
|
|
.sybil_routerinfo:first-of-type th {
|
|
padding: 6px !important;
|
|
}
|
|
|
|
.sybil_routerinfo th:first-child {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.sybil_routerinfo th:nth-last-child(2) {
|
|
text-align: right !important;
|
|
padding-right: 0 !important;
|
|
}
|
|
|
|
.sybil_routerinfo th:last-child {
|
|
width: 20px;
|
|
}
|
|
|
|
.sybil_routerinfo td:first-child {
|
|
width: 50px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
p.sybil_info, p.family, p.threatpoints, p.hashdist, p#sybil_totals, p.notfound {
|
|
border: 1px solid #443da0;
|
|
padding: 5px 5px 5px 30px;
|
|
margin: 3px 0;
|
|
font-weight: bold;
|
|
background: url(/themes/console/images/buttons/show.png) 8px center no-repeat, #002;
|
|
background: url(/themes/console/images/buttons/show.png) 8px center no-repeat, linear-gradient(to right, #000, #001 80%, #002);
|
|
background-blend-mode: luminosity;
|
|
box-shadow: inset 0 0 0 1px #080077;
|
|
}
|
|
|
|
p#sybil_totals {
|
|
font-weight: normal;
|
|
}
|
|
|
|
p.sybil_info, p.hashdist, p.family {
|
|
margin-top: -1px;
|
|
}
|
|
|
|
p.sybil_info + p.sybil_info, p.family + p.family {
|
|
margin-top: -4px;
|
|
}
|
|
|
|
p.sybil_info + a[name] + .sybil_routerinfo, p.hashdist + a[name] + .sybil_routerinfo {
|
|
margin-top: 10px !important;
|
|
}
|
|
|
|
.threatpoints + ul {
|
|
border: 1px solid #443da0;
|
|
padding: 5px 5px 0;
|
|
margin: -4px 0 10px;
|
|
background: #000;
|
|
}
|
|
.threatpoints + ul li:last-child {
|
|
margin-bottom: -5px;
|
|
}
|
|
|
|
.sybil_routerinfo + .threatpoints + ul + a[name] + table {
|
|
margin-top: -11px !important;
|
|
}
|
|
|
|
.sybil_routerinfo + .threatpoints + ul {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/* end netdb */
|
|
|
|
/* /confignet, /configadvanced */
|
|
|
|
.configtable + .tabletitle {
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.configtable {
|
|
margin-top: -1px;
|
|
margin-bottom: -2px !important;
|
|
}
|
|
|
|
.configtable tr:last-child {
|
|
border-top: 1px solid #443da0;
|
|
}
|
|
|
|
#netconfig th, #externali2cp th, #plugininstall th, .configtable th, th.th_title {
|
|
text-align: left;
|
|
padding: 5px 10px !important;
|
|
text-transform: uppercase;
|
|
font-size: 10pt;
|
|
letter-spacing: 0.08em;
|
|
word-spacing: 0.1em;
|
|
}
|
|
|
|
.configtable td {
|
|
padding: 6px 10px;
|
|
background: #000;
|
|
line-height: 180%;
|
|
}
|
|
|
|
.configtable input, .configtable textarea, .configtable select {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
#netconfig img[src*="itoo"] {
|
|
display: none;
|
|
}
|
|
|
|
.configtable td.tabletextarea {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
textarea#advancedsettings {
|
|
margin: 0 !important;
|
|
width: 100%;
|
|
resize: none;
|
|
overflow-x: hidden;
|
|
white-space: pre-wrap;
|
|
border: 0 none transparent;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.configtable td.infohelp, p.infohelp, td.infohelp, p#debugmode, p#sybilinfo, p.infowarn, td.infowarn {
|
|
background: #000 url(/themes/console/images/info/infohelp.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px !important;
|
|
text-align: justify;
|
|
line-height: 130%;
|
|
border-bottom: 1px solid #443da0;
|
|
border-top: 1px solid #443da0;
|
|
white-space: normal !important;
|
|
font-weight: normal !important;
|
|
}
|
|
|
|
p.infowarn, td.infowarn, p.infohelp, td.infohelp {
|
|
line-height: 130% !important;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
p.infowarn, td.infowarn {
|
|
background: #000 url(/themes/console/images/info/infowarn.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px !important;
|
|
border: 1px solid #443da0;
|
|
}
|
|
|
|
.logtable, #enviro {
|
|
margin-top: -1px !important;
|
|
}
|
|
|
|
p.infohelp, p#debugmode, p#sybilinfo {
|
|
border: 1px solid #443da0;
|
|
}
|
|
|
|
p#debugmode, p#sybilinfo {
|
|
margin-top: -4px;
|
|
}
|
|
|
|
td.optionsave {
|
|
text-align: right;
|
|
border-top: 1px solid #443da0;
|
|
padding: 7px 5px !important;
|
|
white-space: nowrap;
|
|
width: 50px;
|
|
background: #000;
|
|
}
|
|
|
|
#floodfillconfig form, #plugininstall form, #updateplugins form, .configtable form {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
h3.h3table, h3.tabletitle, h3#i2pclientconfig, h3#advancedclientconfig, h3#webappconfig, h3#pconfig, h3#pluginfromurl,
|
|
h3#pluginfromfile, h3#updateplugins, h3#pluginmanage, h3#bannedpeers, h3.ptitle, h3#transports, h3#upnpstatus, h3.sybils {
|
|
margin-bottom: 0 !important;
|
|
border-radius: 0;
|
|
border: 1px solid #443da0;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.08em;
|
|
padding: 7px 10px;
|
|
}
|
|
|
|
h3#pluginmanage {
|
|
margin-bottom: -13px !important;
|
|
}
|
|
|
|
.sybils#samefamily {
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
h3.tabletitle a {
|
|
text-transform: lowercase;
|
|
letter-spacing: normal;
|
|
}
|
|
|
|
h3.sybils + div, h3.sybils + a[name] + table {
|
|
margin-top: -1px;
|
|
}
|
|
|
|
p.notfound {
|
|
margin-top: -1px;
|
|
}
|
|
|
|
h3#transports {
|
|
margin-bottom: -1px !important;
|
|
}
|
|
|
|
h3#upnpstatus {
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
h3#upnp {
|
|
border: 1px solid #443da0;
|
|
}
|
|
|
|
#upnpscan {
|
|
border: 1px solid #443da0;
|
|
margin: -11px 0 10px;
|
|
padding: 5px 15px;
|
|
background: #000;
|
|
}
|
|
|
|
h3.ptitle {
|
|
margin-bottom: -6px !important;
|
|
}
|
|
|
|
h3#webappconfig {
|
|
margin-bottom: -13px !important;
|
|
}
|
|
|
|
p#webappconfigtext {
|
|
margin: 1px 0 15px 0;
|
|
background: #000 url(/themes/console/images/info/java_edit.png) 12px center no-repeat !important;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
#pluginconfig, #i2pupdates, .homelinkedit, #peerdefs {
|
|
margin-top: -1px;
|
|
}
|
|
|
|
#i2pupdates select {
|
|
min-width: 220px;
|
|
}
|
|
|
|
#i2pupdates .optbox {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
h3#i2pclientconfig, h3#pconfig, h3#pluginfromurl, h3#pluginfromfile {
|
|
margin-bottom: -13px !important;
|
|
}
|
|
|
|
table#advconf {
|
|
margin-bottom: 9px !important;
|
|
}
|
|
|
|
p#javaclienthelp {
|
|
border: 1px solid #443da0;
|
|
background: url(/themes/console/images/info/infohelp.png) 12px center no-repeat !important;
|
|
padding: 10px 10px 10px 50px !important;
|
|
}
|
|
|
|
div#clientsconfig {
|
|
margin-top: -2px;
|
|
}
|
|
|
|
table#externali2cp th {
|
|
text-align: left;
|
|
}
|
|
|
|
#tunnelconfig th {
|
|
padding: 6px 10px;
|
|
}
|
|
|
|
#tunnelconfig th img {
|
|
margin-bottom: -2px;
|
|
}
|
|
|
|
th.th_title {
|
|
padding: 7px 10px !important;
|
|
text-align: left;
|
|
background: linear-gradient(to bottom, #191729 0%, #000 50%) !important;
|
|
box-shadow: inset 0 0 0 1px #000;
|
|
}
|
|
|
|
input#hideme {
|
|
display: none;
|
|
}
|
|
|
|
#plugininstall input[type="text"] {
|
|
width: 50%;
|
|
min-width: 400px;
|
|
}
|
|
|
|
#plugininstall input.cancel {
|
|
display: none;
|
|
}
|
|
|
|
#pluginupdater {
|
|
border: 1px solid #443da0;
|
|
padding: 15px 5px 15px 50px;
|
|
margin-top: -11px;
|
|
margin-bottom: 10px !important;
|
|
background: url(/themes/console/images/info/update.png) 12px center no-repeat, #000;
|
|
background-size: 28px 28px;
|
|
}
|
|
|
|
#pluginupdater form {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.formaction#tunnelconfigsave, .formaction#homeapps, .formaction#browserstart {
|
|
margin-bottom: -2px !important;
|
|
}
|
|
|
|
h4.embeddedtitle#updateplugins {
|
|
padding: 5px 10px;
|
|
font-size: 9pt;
|
|
background: linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%);
|
|
border: 1px solid #443da0;
|
|
text-align: left;
|
|
text-transform: uppercase;
|
|
font-size: 10pt;
|
|
letter-spacing: 0.08em;
|
|
word-spacing: 0.1em;
|
|
margin-top: -13px;
|
|
}
|
|
|
|
#manualreseed input[type="text"] {
|
|
width: 50%;
|
|
width: calc(100% - 300px);
|
|
}
|
|
|
|
#loggingoptions, table#addkeyring {
|
|
margin-bottom: -3px !important;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
/* /configpeers banlist */
|
|
|
|
#bannedips {
|
|
margin-bottom: 8px;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
#bannedips table {
|
|
margin-bottom: -1px !important;
|
|
}
|
|
|
|
#bannedips td {
|
|
vertical-align: top;
|
|
padding: 0;
|
|
width: 50%;
|
|
}
|
|
|
|
#bannedips table tr {
|
|
border-top: 1px solid #000;
|
|
}
|
|
|
|
#bannedips table td {
|
|
text-align: center;
|
|
padding: 4px 2px;
|
|
}
|
|
|
|
#bannedips table tr:last-child {
|
|
border-bottom: 1px solid #443da0;
|
|
}
|
|
|
|
#permabanned th, #banneduntilrestart th {
|
|
padding: 5px 10px !important;
|
|
}
|
|
|
|
#permabanned, #banneduntilrestart {
|
|
margin: -1px 0 !important;
|
|
border: none;
|
|
}
|
|
|
|
#permabanned td:first-child {
|
|
border-left: 1px solid #443da0;
|
|
text-align: right;
|
|
padding-right: 10px;
|
|
width: 49%;
|
|
}
|
|
|
|
#permabanned td:nth-child(2) {
|
|
width: 2%;
|
|
}
|
|
|
|
#permabanned td:last-child {
|
|
text-align: left;
|
|
padding-left: 10px;
|
|
width: 49%;
|
|
}
|
|
|
|
#banneduntilrestart td {
|
|
border-right: 1px solid #443da0;
|
|
text-align: center !important;
|
|
}
|
|
|
|
#ipv4, #ipv6, #permabanned tr:nth-child(2) {
|
|
background: #000 url(images/titles.png) center center repeat-x;
|
|
background: linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%);
|
|
border-top: 1px solid #443da0 !important;
|
|
border-bottom: 1px solid #443da0 !important;
|
|
}
|
|
|
|
/* end /configpeer banlist */
|
|
|
|
table#configstats {
|
|
margin-bottom: -2px;
|
|
}
|
|
|
|
#configstats th {
|
|
padding: 8px 10px;
|
|
text-align: left;
|
|
}
|
|
|
|
#configstats th b {
|
|
text-transform: uppercase;
|
|
font-size: 10pt;
|
|
letter-spacing: 0.08em;
|
|
word-spacing: 0.1em;
|
|
}
|
|
|
|
#configstats td {
|
|
color: #b2bcf7;
|
|
padding: 8px 4px;
|
|
}
|
|
|
|
#configstats td:first-child {
|
|
width: 1%;
|
|
white-space: nowrap;
|
|
padding: 8px;
|
|
}
|
|
|
|
#configstats td:first-child:empty + td > label { /* remove pointer from inert labels */
|
|
cursor: default;
|
|
}
|
|
|
|
#configstats td:last-child {
|
|
border-right: 1px solid #443da0;
|
|
}
|
|
|
|
#configstats td b {
|
|
color: #c9ceff;
|
|
}
|
|
|
|
#configstats input.optbox {
|
|
margin: 0;
|
|
padding: 0;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#configstats tr.tablefooter td {
|
|
padding: 4px 10px;
|
|
line-height: 140%;
|
|
background: #000 !important;
|
|
}
|
|
|
|
p#enablefullstats {
|
|
margin-top: 5px;
|
|
padding: 5px 10px;
|
|
border: 1px solid #443da0;
|
|
}
|
|
|
|
#enablefullstats .optbox {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#peerdefs td:first-child {
|
|
width: 40px;
|
|
white-space: nowrap;
|
|
border: 1px inset #120f35;
|
|
text-align: right;
|
|
}
|
|
|
|
/* infohelp/warn overrides and misc ornamentation */
|
|
|
|
table#bugreports td.infohelp {
|
|
background: url(/themes/console/images/info/bugreport.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
p#debugmode {
|
|
padding: 15px 15px 15px 50px;
|
|
background: url(/themes/console/images/info/debug.png) 12px center no-repeat !important;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
p#sybilinfo {
|
|
padding: 15px 15px 15px 50px;
|
|
margin-bottom: 10px;
|
|
background: url(/themes/console/images/info/experimental.png) 12px center no-repeat !important;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
#bandwidthconfig tr:first-child .infohelp {
|
|
background: url(/themes/console/images/info/bandwidth.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
#addkeyring td.infohelp {
|
|
background: #000 url(/themes/console/images/info/keys.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
#joinfamily tr:nth-child(3) td:first-child {
|
|
background: #000 url(/themes/console/images/info/key.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
#newfamily tr:last-child td:first-child {
|
|
background: #000 url(/themes/console/images/info/label.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
#oldhome td:first-child {
|
|
background: url(/themes/console/images/info/home.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
#oldhome input[type="checkbox"], #enablefullstats input[type="checkbox"] {
|
|
vertical-align: sub;
|
|
}
|
|
|
|
#floodfillconfig tr:first-child .infohelp {
|
|
background: #000 url(/themes/console/images/info/floodfill_32x32.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
#floodfillconfig tr:nth-child(2) td {
|
|
padding: 10px 10px 10px 18px;
|
|
}
|
|
|
|
#floodfillconfig tr:nth-child(2) b {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
p#clientconf.infohelp, p#webappconfig.infohelp {
|
|
background: #000 url(/themes/console/images/info/java_edit.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
p#pluginconfigtext {
|
|
background: #000 url(/themes/console/images/info/plugin_edit.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
#plugininstall .infohelp {
|
|
background: #000 url(/themes/console/images/info/plugin_link.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
#manualreseed tr:nth-last-child(2) td.infohelp {
|
|
background: #000 url(/themes/console/images/info/box.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
#config_peers tr:nth-child(3) td.infohelp {
|
|
background: #000 url(/themes/console/images/info/blocked.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
h3#shutdownrouter + p.infohelp {
|
|
background: #000 url(/themes/console/images/info/power.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
h3#restartrouter + p.infohelp, #config_family .infohelp.needrestart {
|
|
background: #000 url(/themes/console/images/info/reboot.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
h3#systray + p.infohelp {
|
|
background: #000 url(/themes/console/images/info/systray.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
h3#servicedebug + p.infohelp {
|
|
background: #000 url(/themes/console/images/info/debug.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
h3#browseronstart + p.infohelp {
|
|
background: #000 url(/themes/console/images/info/launch_browser.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
.main#config_reseed p.infohelp {
|
|
background: #000 url(/themes/console/images/info/connect.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
p#enablefullstats, p#gatherstats {
|
|
background: #000 url(/themes/console/images/info/statistics.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
#config_family .infohelp {
|
|
background: #000 url(/themes/console/images/info/family.png) 12px center no-repeat !important;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px !important;
|
|
}
|
|
|
|
#consolepass tr:first-child td {
|
|
background: #000 url(/themes/console/images/info/user_add.png) 12px center no-repeat;
|
|
background-size: 28px 28px;
|
|
padding: 15px 15px 15px 50px;
|
|
}
|
|
|
|
form[action="events"] {
|
|
padding: 10px 10px 10px 50px;
|
|
background: url(/themes/console/images/info/logs.png) 12px center no-repeat;
|
|
background-size: 28px 28px;
|
|
}
|
|
|
|
#plugininstall tr:nth-child(3) td:nth-last-child(2), #manualreseed tr:nth-child(3) td:nth-last-child(2) {
|
|
background: #000 url(/themes/console/images/info/url.png) 12px center no-repeat;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px;
|
|
}
|
|
|
|
#manualreseed tr:nth-child(5) td:nth-last-child(2), #plugininstall tr:nth-child(5) td:nth-last-child(2) {
|
|
background: #000 url(/themes/console/images/info/from_file.png) 12px center no-repeat;
|
|
padding: 15px 15px 15px 50px;
|
|
background-size: 28px 28px;
|
|
}
|
|
|
|
/* network status */
|
|
|
|
.routersummary h4 a {
|
|
width: auto !important;
|
|
vertical-align: middle;
|
|
display: inline;
|
|
}
|
|
|
|
.routersummary .error, .routersummary .warn, .routersummary .testing, .routersummary .hidden,
|
|
.routersummary .running, .routersummary .firewalled, .routersummary .vmcomm, .routersummary .clockskew, .tunnelBuildStatus {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
border: 1px solid rgba(52, 47, 127, 0.6);
|
|
border-radius: 2px;
|
|
padding: 6px 3px;
|
|
width: 100%;
|
|
margin: -3px -1px;
|
|
box-shadow: inset 0 0 0 1px #000;
|
|
text-shadow: 0 1px 1px #000;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.routersummary .firewalled {
|
|
border: 1px dotted #342f7f;
|
|
}
|
|
|
|
.routersummary .error {
|
|
border: 1px dotted #700;
|
|
}
|
|
|
|
.routersummary .warn, .routersummary .clockskew {
|
|
border: 1px solid #550;
|
|
}
|
|
|
|
.routersummary .testing {
|
|
border: 1px dotted #342f7f;
|
|
}
|
|
|
|
.routersummary .hidden, .routersummary .vmcomm {
|
|
border: 1px solid #241f69;
|
|
}
|
|
|
|
.routersummary .running {
|
|
border: 1px solid #342f7f;
|
|
border: 1px solid rgba(52, 47, 127, 0.6);
|
|
}
|
|
|
|
.routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before,
|
|
.routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before {
|
|
padding: 0 2px;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
filter: drop-shadow(0 0 1px rgba(220,220,220,0.7));
|
|
transform: scale(0.9);
|
|
}
|
|
|
|
.routersummary .error::before, .routersummary .clockskew::before {
|
|
content: url(/themes/console/images/info/network_status/network_error.png);
|
|
}
|
|
|
|
.routersummary .warn::before {
|
|
content: url(/themes/console/images/info/network_status/network_warning.png);
|
|
}
|
|
|
|
.routersummary .testing::before {
|
|
content: url(/themes/console/images/info/network_status/network_testing.png);
|
|
}
|
|
|
|
.routersummary .hidden::before {
|
|
content: url(/themes/console/images/info/network_status/network_hidden.png);
|
|
padding: 0 3px;
|
|
}
|
|
|
|
.routersummary .running::before {
|
|
content: url(/themes/console/images/info/network_status/network_ok.png);
|
|
}
|
|
|
|
.routersummary .firewalled::before {
|
|
content: url(/themes/console/images/info/network_status/network_firewalled.png);
|
|
opacity: 0.7;
|
|
filter: drop-shadow(0 1px 1px rgba(255,120,120,0.8));
|
|
mix-blend-mode: luminosity;
|
|
}
|
|
|
|
.routersummary .vmcomm::before {
|
|
content: url(/themes/console/images/info/network_status/network_vm.png);
|
|
}
|
|
|
|
.routersummary .clockskew::before {
|
|
content: url(/themes/console/images/info/network_status/network_clockskew.png);
|
|
}
|
|
|
|
/* end network status */
|
|
|
|
#sb_services, #sb_internals, #sb_advanced, #sb_help {
|
|
margin-top: -3px !important;
|
|
margin-bottom: -5px !important;
|
|
}
|
|
|
|
/* /tunnels */
|
|
|
|
tt a {
|
|
letter-spacing: 0.07em;
|
|
}
|
|
|
|
.tunnel_cap {
|
|
background: rgba(0,0,140,0.4);
|
|
color: #c9ceff;
|
|
border: 1px solid rgba(0,0,64,0.2);
|
|
border-radius: 2px;
|
|
min-width: 12px;
|
|
padding: 0 2px;
|
|
display:inline-block;
|
|
margin: 1px 2px 1px 8px;
|
|
text-align: center !important;
|
|
text-shadow: 0 1px 1px #000;
|
|
}
|
|
|
|
.tunnel_cap:empty {
|
|
border: none;
|
|
}
|
|
|
|
.tunnel_id {
|
|
display: inline-block;
|
|
min-width: 78px;
|
|
text-align: right;
|
|
}
|
|
|
|
.tunnel_id:empty {
|
|
min-width: 0;
|
|
}
|
|
|
|
.tunnel_id:empty + .tunnel_cap {
|
|
margin-left: 12px !important;
|
|
display: inline-block;
|
|
}
|
|
|
|
.tunnel_peer {
|
|
display: inline-block;
|
|
min-width: 56px;
|
|
text-align: right;
|
|
}
|
|
|
|
.tunnel_local {
|
|
font-size: 8pt;
|
|
text-transform: lowercase;
|
|
background: rgba(0,0,96,0.3);
|
|
border-radius: 2px;
|
|
text-align: center;
|
|
padding: 2px 0;
|
|
margin-left: -4px;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.tunnel_peer:empty {
|
|
vertical-align: top;
|
|
}
|
|
|
|
#tunnel_defs {
|
|
margin-top: -1px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#tunnel_defs td:first-child, #tunnel_defs td:nth-child(even) {
|
|
width: 1%;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
@media screen and (max-width: 1100px) {
|
|
.tunnel_id, .tunnel_peer {
|
|
min-width: 0 !important;
|
|
text-align: center !important;
|
|
}
|
|
|
|
.tunnel_local {
|
|
margin-right: 5px;
|
|
margin-left: 2px;
|
|
padding: 2px 4px;
|
|
}
|
|
|
|
.tunnel_peer:empty {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.tunnel_peer:empty::before {
|
|
margin: 1px 6px 1px 2px;
|
|
}
|
|
|
|
.tunnel_cap {
|
|
margin-left: 5px !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1500px) {
|
|
.tunnel_cap {
|
|
margin-left: 10px;
|
|
padding: 0 1px;
|
|
min-width: 14px;
|
|
}
|
|
|
|
.tunnel_id:empty {
|
|
margin-right: -10px;
|
|
}
|
|
}
|
|
|
|
/* end tunnels */
|
|
|
|
/* /peers */
|
|
|
|
#ntcpconnections th:nth-child(6), #ntcpconnections th:nth-child(7), #ntcpconnections th:nth-child(8), #ntcpconnections th:nth-child(9), #ntcpconnections th:nth-child(10),
|
|
#ntcpconnections td:nth-child(6), #ntcpconnections td:nth-child(7), #ntcpconnections td:nth-child(8), #ntcpconnections td:nth-child(9), #ntcpconnections td:nth-child(10),
|
|
#udpconnections td:nth-child(6), #udpconnections td:nth-child(7), #udpconnections td:nth-child(9), #udpconnections td:nth-child(10), #udpconnections td:nth-child(11),
|
|
#udpconnections td:nth-child(13), #udpconnections td:nth-child(14), #udpconnections td:nth-child(15), #udpconnections td:nth-child(16) {
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#ntcpconnections .tablefooter td:nth-child(3), #ntcpconnections .tablefooter td:nth-child(4), #ntcpconnections .tablefooter td:nth-child(5), #ntcpconnections .tablefooter td:nth-child(6),
|
|
#udpconnections .tablefooter td:nth-child(3), #udpconnections .tablefooter td:nth-child(4), #udpconnections .tablefooter td:nth-child(7), #udpconnections .tablefooter td:nth-child(8),
|
|
#udpconnections .tablefooter td:nth-child(10), #udpconnections .tablefooter td:nth-child(11), #udpconnections .tablefooter td:nth-child(12), #udpconnections .tablefooter td:nth-child(13) {
|
|
text-align: right;
|
|
}
|
|
|
|
#udpconnections .tablefooter td:nth-child(9) {
|
|
text-align: center !important;
|
|
}
|
|
|
|
#ntcpconnections td:nth-child(4), #ntcpconnections td:nth-child(5), #udpconnections td:nth-child(4),
|
|
#udpconnections td:nth-child(5), #udpconnections td:nth-child(8), #udpconnections td:nth-child(12) {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#udpconnections .tablefooter td, #ntcpconnections .tablefooter td {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
#ntcpconnections th:nth-child(6), #ntcpconnections th:nth-child(7), #ntcpconnections th:nth-child(8), #ntcpconnections th:nth-child(9), #ntcpconnections th:nth-child(10) {
|
|
text-align: right;
|
|
}
|
|
|
|
#udpconnections th:nth-child(6), #udpconnections th:nth-child(7), #udpconnections th:nth-child(n+9) {
|
|
text-align: right;
|
|
}
|
|
|
|
#udpconnections th:nth-child(12) {
|
|
text-align: center;
|
|
}
|
|
|
|
.peersort {
|
|
text-align: center;
|
|
display: inline-block;
|
|
}
|
|
|
|
.right {
|
|
text-align: right;
|
|
margin: 0 1px;
|
|
display: inline-block;
|
|
width: 40%
|
|
}
|
|
|
|
.left {
|
|
text-align: left;
|
|
margin: 0 1px;
|
|
display: inline-block;
|
|
width: 40%
|
|
}
|
|
|
|
.peeripv6:empty {
|
|
padding: 0;
|
|
width: 0;
|
|
}
|
|
|
|
.cwnd .left, .cwnd .right {
|
|
width: auto;
|
|
}
|
|
|
|
#udpconnections th:nth-child(n+13), #udpconnections .tablefooter th:nth-child(n+10),
|
|
#udpconnections td:nth-child(n+13), #udpconnections .tablefooter td:nth-child(n+10) {
|
|
padding-right: 1% !important;
|
|
}
|
|
|
|
#peerdefs {
|
|
line-height: 140%;
|
|
}
|
|
|
|
.peer_arrow {
|
|
display: inline-block;
|
|
width: 18px;
|
|
text-align: center;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
/* end peers */
|
|
|
|
/* netdb router address info */
|
|
|
|
.leasesets_container {
|
|
-moz-columns: 680px 2;
|
|
-webkit-columns: 680px 2;
|
|
columns: 680px 2;
|
|
-moz-column-gap: 10px;
|
|
-webkit-column-gap: 10px;
|
|
column-gap: 10px;
|
|
}
|
|
|
|
th code {
|
|
-moz-user-select: all;
|
|
-webkit-user-select: all;
|
|
user-select: all;
|
|
}
|
|
|
|
@media screen and (min-width: 1634px) {
|
|
.leasesets_container {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
th code {
|
|
font-size: 9pt !important;
|
|
}
|
|
}
|
|
|
|
.leasesets_container table:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.leasesets_container table {
|
|
break-inside: avoid;
|
|
page-break-inside: avoid;
|
|
-webkit-column-break-inside: avoid;
|
|
}
|
|
|
|
.netdb_addresses br:first-child, .sybil_routerinfo tr:last-child td br:first-child {
|
|
display: none;
|
|
}
|
|
|
|
.netdbentry th:first-child::after {
|
|
content: "";
|
|
display: inline-block;
|
|
min-height: 20px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.netdbentry th:last-child > *, .sybil_routerinfo th:nth-child(2) > * {
|
|
display: inline-block;
|
|
vertical-align: middle !important;
|
|
}
|
|
|
|
.netdbentry th a img {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-right: 1px;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.netdbentry a.viewfullentry::after {
|
|
display: inline-block;
|
|
vertical-align: middle !important;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.netdbentry td:first-child {
|
|
text-align: right;
|
|
min-width: 100px;
|
|
padding-right: 5px !important
|
|
}
|
|
|
|
b.netdb_transport {
|
|
display: inline-block;
|
|
width: 50px;
|
|
text-align: right;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
#netdb code {
|
|
font-weight: normal !important;
|
|
}
|
|
|
|
.netdb_name {
|
|
color: #dfe2ff;
|
|
text-transform: capitalize;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.netdb_info {
|
|
margin-right: 1px;
|
|
}
|
|
|
|
.netdb_expiry {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.sybil_routerinfo th img[src^="/flags"] {
|
|
height: 11px;
|
|
width: 16px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.sybil_routerinfo b.netdb_transport {
|
|
margin-left: -13px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.sybil_routerinfo td:first-child, .netdbentry td:first-child {
|
|
text-align: right !important;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.sybil_routerinfo td[colspan="3"] {
|
|
white-space: normal;
|
|
}
|
|
|
|
.sybil_container {
|
|
-moz-columns: 680px 2;
|
|
-webkit-columns: 680px 2;
|
|
columns: 680px 2;
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.sybil_container p {
|
|
break-inside: avoid;
|
|
page-break-inside: avoid;
|
|
-webkit-column-break-inside: avoid;
|
|
}
|
|
|
|
.sybil_container p:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.sybil_container p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* end netdb router address */
|
|
|
|
/* sybils */
|
|
|
|
.leaseset th:last-child, .leaseset td:last-child, .sybil_routerinfo th:last-child, .sybil_routerinfo td:last-child {
|
|
border-right: 1px solid #443da0 !important;
|
|
}
|
|
|
|
.sybil_routerinfo table td:last-child {
|
|
border-right: none !important;
|
|
}
|
|
|
|
.sybilinfo_params {
|
|
padding: 0;
|
|
border-bottom: 1px solid #443da0;
|
|
}
|
|
|
|
.sybilinfo_container {
|
|
columns: 240px auto;
|
|
-moz-columns: 240px auto;
|
|
-webkit-columns: 240px auto;
|
|
-moz-column-gap: 0;
|
|
-webkit-column-gap: 0;
|
|
column-gap: 0;
|
|
background: #00001a;
|
|
padding: 4px 5px;
|
|
}
|
|
|
|
.sybilinfo_container b {
|
|
color: #bb3;
|
|
}
|
|
|
|
.sybil_routerinfo tr:last-child {
|
|
border-top: none;
|
|
}
|
|
|
|
.sybil_routerinfo p {
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: 120%;
|
|
break-inside: avoid;
|
|
page-break-inside: avoid;
|
|
-webkit-column-break-inside: avoid;
|
|
}
|
|
|
|
#sybils_summary {
|
|
line-height: 140%;
|
|
}
|
|
|
|
.sybilinfo_familyname {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
max-width: 150px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.sybil_addresses td:first-child {
|
|
max-width: 155px;
|
|
font-weight: bold;
|
|
padding-right: 9px;
|
|
}
|
|
|
|
.sybil_addresses table {
|
|
width: 100%;
|
|
margin: 0;
|
|
}
|
|
|
|
.sybil_addresses {
|
|
padding: 0;
|
|
border-bottom: 1px solid #443da0
|
|
}
|
|
|
|
.sybil_addresses table, .sybil_addresses td {
|
|
border: none;
|
|
}
|
|
|
|
.threatpoints + ul {
|
|
-moz-columns: auto 600px;
|
|
-webkit-columns: auto 600px;
|
|
columns: auto 600px;
|
|
-moz-column-rule: 1px solid #443da0;
|
|
-webkit-column-rule: 1px solid #443da0;
|
|
column-rule: 1px solid #443da0;
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
}
|
|
|
|
.threatpoints + ul li:first-child {
|
|
margin-top: 0 !important;
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
.threatpoints + ul li:last-child {
|
|
padding-bottom: 0 !important;
|
|
}
|
|
|
|
.threatpoints + ul li {
|
|
list-style: none;
|
|
margin-left: 5px;
|
|
line-height: 120%;
|
|
break-inside: avoid !important;
|
|
page-break-inside: avoid !important;
|
|
-webkit-column-break-inside: avoid !important;
|
|
}
|
|
|
|
.threatpoints + ul li a {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* end sybils */
|
|
|
|
/* responsive layout */
|
|
|
|
@media screen and (max-width: 900px) {
|
|
#ntcpconnections th:last-child:not(old) {
|
|
font-size: 0;
|
|
}
|
|
|
|
#ntcpconnections th:last-child::before {
|
|
content: url(/themes/console/images/info/backlogged.png) !important;
|
|
}
|
|
|
|
#ntcpconnections td:last-child {
|
|
width: 24px !important;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1200px) {
|
|
.tab, .tab2 {
|
|
padding: 1px 0 2px;
|
|
min-width: 50px !important;
|
|
}
|
|
|
|
.tab2 {
|
|
padding: 3px 12px 4px;
|
|
}
|
|
|
|
.tab a {
|
|
padding: 2px 14px;
|
|
}
|
|
|
|
#floodfills td {
|
|
border-right: 1px inset #120f35;
|
|
}
|
|
|
|
#floodfills td:last-child {
|
|
border-right: 1px solid #443da0;
|
|
}
|
|
|
|
#plugininstall input[type="text"] {
|
|
min-width: 200px !important;
|
|
}
|
|
|
|
td.optionsave, table#i2pupdates td:first-child {
|
|
white-space: normal !important;
|
|
width: 30%;
|
|
}
|
|
|
|
table#i2pupdates td:first-child {
|
|
line-height: 120%;
|
|
}
|
|
|
|
#portfaq td:nth-child(2) {
|
|
white-space: normal;
|
|
}
|
|
|
|
.main#help h3, #faq h3 {
|
|
font-size: 10pt !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1400px) {
|
|
.revision, .sha256 {
|
|
display: inline-block;
|
|
max-width: 100px !important;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.revision:hover, .sha256:hover {
|
|
overflow: auto;
|
|
text-overflow: clip;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1500px) {
|
|
#sb_general td::after, #sb_shortgeneral td::after, #sb_advancedgeneral td::after, #sb_bandwidth td::after,
|
|
#sb_peers td::after, #sb_peersadvanced td::after, #sb_tunnels td::after, #sb_queue td::after {
|
|
min-height: 14px;
|
|
}
|
|
|
|
.tunnels_client th:first-child:not(old) {
|
|
font-size: 0;
|
|
}
|
|
|
|
.tunnels_client th:first-child::after {
|
|
content: "\21F5";
|
|
content: "\21E9\21E7";
|
|
font-size: 12pt;
|
|
line-height: 0;
|
|
vertical-align: middle;
|
|
letter-spacing: -0.25em;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1200px) {
|
|
#floodfills td:last-child {
|
|
padding-right: 5px !important;
|
|
}
|
|
|
|
.topness, .footnote, #newsStatus, #newsDisplay {
|
|
font-size: 9pt !important;
|
|
}
|
|
|
|
.news hr {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.main#help h3, #faq h3 {
|
|
font-size: 10.5pt !important;
|
|
}
|
|
|
|
.cells {
|
|
border: none;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1400px) {
|
|
.main#help #changelog pre:not(old) {
|
|
columns: 550px auto;
|
|
column-gap: 40px;
|
|
column-rule: 1px dotted #443da0;
|
|
margin-left: 0;
|
|
padding-left: 10px;
|
|
width: calc(100% - 22px) !important;
|
|
overflow-y: hidden;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1500px) {
|
|
body, .main, .main td, .news p, #news p, .statusnotes, textarea, th, .applabel a, tt, code, .messages, .messages #newsStatus, .messages #newsDisplay, #changelog pre {
|
|
font-size: 10pt !important;
|
|
}
|
|
|
|
.cells tt, #profilelist tt, #floodfills tt {
|
|
font-size: 9pt !important;
|
|
margin-left: 1px !important;
|
|
margin-right: 2px !important;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 19pt;
|
|
padding: 15px;
|
|
}
|
|
|
|
.main button, .main input, select {
|
|
font-size: 10pt !important;
|
|
}
|
|
|
|
.main, .news, h1 {
|
|
margin-left: 232px !important;
|
|
}
|
|
|
|
.routersummary {
|
|
width: 200px !important;
|
|
}
|
|
|
|
.routersummary div[style="height: 36px;"] {
|
|
height: 40px !important;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.routersummary img[src$="i2plogo.png"] {
|
|
margin-left: -4px;
|
|
transform: none;
|
|
width: 204px;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.routersummary table[id^="sb_"], #sb_localtunnels {
|
|
width: 216px !important;
|
|
}
|
|
|
|
#sb_general td::after, #sb_shortgeneral td::after, #sb_advancedgeneral td::after,
|
|
#sb_bandwidth td::after, #sb_peers td::after, #sb_peersadvanced td::after, #sb_tunnels td::after, #sb_queue td::after {
|
|
min-height: 18px;
|
|
}
|
|
|
|
.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, .smallhead, pre, #newsStatus, #newsDisplay {
|
|
font-size: 9pt !important;
|
|
}
|
|
|
|
.routersummary button.download {
|
|
font-size: 10pt !important;
|
|
}
|
|
|
|
.routersummary h3 a, #netdboverview th {
|
|
font-size: 11pt !important;
|
|
}
|
|
|
|
.routersummary button {
|
|
min-width: 100px !important;
|
|
}
|
|
|
|
div.app {
|
|
min-width: 150px;
|
|
}
|
|
|
|
div.app:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.applabel {
|
|
width: 150px !important;
|
|
}
|
|
|
|
.applabel a, .applabel a:hover {
|
|
max-width: 146px;
|
|
padding: 3px 0;
|
|
}
|
|
|
|
.appimg {
|
|
height: 50px;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
img.app, img.app2p {
|
|
padding: 14px 61px 44px;
|
|
margin-top: -5px;
|
|
}
|
|
|
|
h3#themeheading, h3#langheading, h3#passwordheading {
|
|
font-size: 12pt !important;
|
|
}
|
|
|
|
h3#i2pclientconfig, h3#pconfig, h3#pluginfromurl, h3#pluginfromfile, #clientconf.infohelp, h3#pluginmanage, h3#webappconfig {
|
|
margin-bottom: -15px !important;
|
|
}
|
|
|
|
h4#updateplugins {
|
|
margin-top: -15px !important;
|
|
}
|
|
|
|
#profilelist td:first-child, #profilelist th:first-child, #floodfills td:first-child, #floodfills th:first-child {
|
|
width: 1% !important;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.sorry {
|
|
margin-left: 232px !important;
|
|
}
|
|
|
|
.subheading b {
|
|
font-size: 10.5pt !important;
|
|
}
|
|
|
|
#webappconfig td:first-child::after {
|
|
min-height: 30px;
|
|
}
|
|
|
|
div.joblog h3 {
|
|
margin-top: 8px !important;
|
|
}
|
|
|
|
#sb_services a:link, #sb_internals a:link, #sb_advanced a:link, #sb_help a:link {
|
|
max-width: 207px;
|
|
}
|
|
|
|
#sb_general, #sb_shortgeneral, #sb_advancedgeneral, #sb_bandwidth, #sb_peers, #sb_peersadvanced, #sb_tunnels, #sb_queue {
|
|
margin-top: -4px !important;
|
|
margin-bottom: -4px !important;
|
|
}
|
|
|
|
.langbox {
|
|
margin-top: 6px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
button.control, button.control:hover, button.control:focus {
|
|
padding: 14px !important;
|
|
font-size: 0 !important;
|
|
}
|
|
|
|
.main[id^="config_"] th, h4#updateplugins {
|
|
font-size: 10.5pt !important;
|
|
}
|
|
|
|
#help .confignav {
|
|
padding: 0 !important;
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 999;
|
|
}
|
|
|
|
#help .tab {
|
|
margin-top: -1px !important;
|
|
margin-bottom: -1px !important;
|
|
}
|
|
|
|
/* news @ home */
|
|
|
|
#newsStatus, #news #newsDisplay a, .newsAuthor {
|
|
font-size: 9pt !important;
|
|
}
|
|
|
|
.news #newsStatus, .news #newsDisplay {
|
|
display: inline-block;
|
|
padding-top: 2px;
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
.news hr {
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.newsAuthor {
|
|
background-size: 15px 15px !important;
|
|
padding-left: 19px !important;
|
|
}
|
|
|
|
/* end news */
|
|
|
|
table#reseedconfig input[type="text"], table#reseedconfig input[type="password"] {
|
|
width: 250px;
|
|
}
|
|
|
|
.themechoice, .langselect {
|
|
width: 134px !important;
|
|
}
|
|
|
|
.ui_lang {
|
|
width: 138px;
|
|
}
|
|
|
|
.themechoice .optbox, .langselect .optbox {
|
|
min-width: 138px !important;
|
|
outline: 1px dotted #f00;
|
|
opacity: 0;
|
|
}
|
|
|
|
.themechoice .optbox {
|
|
margin-left: -42px !important;
|
|
}
|
|
|
|
.langselect .optbox {
|
|
margin: -7px 0 -34px -2px;
|
|
min-height: 64px;
|
|
}
|
|
|
|
.langselect img {
|
|
margin-left: -78px !important;
|
|
}
|
|
|
|
.langselect input[name="lang"]:checked + img {
|
|
margin-left: -79px !important;
|
|
}
|
|
|
|
ul#banlist {
|
|
-moz-column-width: 300px;
|
|
-moz-column-gap: 10px;
|
|
-webkit-column-width: 300px;
|
|
-webkit-column-gap: 10px;
|
|
column-width: 300px;
|
|
column-gap: 10px;
|
|
}
|
|
}
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1500px) {
|
|
.langselect img, .langselect input[name="lang"]:checked + img {
|
|
margin-left: -10px !important;
|
|
margin-top: -16px !important;
|
|
}
|
|
|
|
.langselect input[name="lang"]:checked + img {
|
|
margin-left: -11px !important;
|
|
margin-top: -18px !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1840px) {
|
|
div[id^="config_"] div.confignav {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
align-content: space-evenly;
|
|
justify-content: center;
|
|
padding: 4px 4px 5px 3px !important;
|
|
}
|
|
|
|
div[id^="config_"] .tab, div[id^="config_"] .tab2 {
|
|
flex: auto;
|
|
flex-basis: content;
|
|
flex-grow: 0.06;
|
|
margin: 0 -1px -1px 0 !important;
|
|
white-space: nowrap;
|
|
min-width: 70px !important;
|
|
}
|
|
|
|
div[id^="config_"] .tab2 {
|
|
padding: 5px 6px;
|
|
}
|
|
|
|
div[id^="config_"] .tab a {
|
|
padding: 4px 6px;
|
|
}
|
|
|
|
div[id^="config_"] div.confignav {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
div[id^="config_"] .tab, div[id^="config_"] .tab2 {
|
|
margin-top: -1px !important;
|
|
}
|
|
|
|
div[id^="config_"] .tab:first-child {
|
|
margin-left: -1px !important;
|
|
}
|
|
}
|
|
|
|
/* responsive proxy errors */
|
|
|
|
@media screen and (max-width: 800px) {
|
|
.warning {
|
|
margin-left: 20px !important;
|
|
margin-top: 130px !important;
|
|
background: #000 !important;
|
|
padding: 5px 15px 15px !important;
|
|
}
|
|
|
|
.warning h3, .warning a, .warning p {
|
|
font-size: 9pt;
|
|
}
|
|
|
|
.logo {
|
|
position: absolute;
|
|
top: 20px;
|
|
width: calc(100% - 62px) !important;
|
|
z-index: 999;
|
|
min-width: 330px;
|
|
display: block;
|
|
}
|
|
|
|
.logo a {
|
|
width: auto !important;
|
|
padding: 2px 5px !important;
|
|
display: inline-block !important;
|
|
}
|
|
|
|
.logo a img {
|
|
padding: 0 !important;
|
|
margin-top: -2px;
|
|
margin-bottom: -4px;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-height: 700px) {
|
|
.proxyfooter {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
padding: 0 20px 0 0;
|
|
text-align: right;
|
|
background: #030;
|
|
width: 100%;
|
|
opacity: 0.7;
|
|
border-top: 1px solid #000;
|
|
}
|
|
|
|
.proxyfooter p {
|
|
text-align: right;
|
|
line-height: 130% !important;
|
|
margin: 5px 0;
|
|
}
|
|
|
|
.warning {
|
|
margin-bottom: 30px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-height: 700px) {
|
|
.proxyfooter {
|
|
display: none;
|
|
}
|
|
}
|
|
/* end proxy errors */
|
|
/* end responsive layout */
|
|
|
|
/* IE/Edge tweaks */
|
|
|
|
_:-ms-lang(x), .tunnels_client th:first-child::after {
|
|
letter-spacing: -0.05em;
|
|
font-weight: normal;
|
|
}
|
|
|
|
_:-ms-lang(x), table + .statusnotes {
|
|
margin-top: -2px;
|
|
}
|
|
|
|
/* end IE/Edge tweaks */
|
|
|