forked from I2P_Developers/i2p.i2p
big CSS update across all dark-theme apps and susimail light-theme
This commit is contained in:
hankhill19580
@ -254,8 +254,14 @@ public class HomeHelper extends HelperBase {
|
||||
continue;
|
||||
}
|
||||
}
|
||||
buf.append("\n<div class=\"app\">\n" +
|
||||
"<div class=\"appimg\">" +
|
||||
// If an image isn't in a /themes or /images directory, it comes from a plugin.
|
||||
// tag it thus.
|
||||
String plugin = "";
|
||||
if (!app.icon.startsWith("/themes") && !app.icon.startsWith("/images")) {
|
||||
plugin = " plugin";
|
||||
}
|
||||
buf.append("\n<div class=\"app" + plugin + "\">\n" +
|
||||
"<div class=\"appimg" + plugin + "\">" +
|
||||
// usability: add tabindex -1 so we avoid 2 tabs per app
|
||||
"<a href=\"").append(url).append("\" tabindex=\"-1\">" +
|
||||
"<img alt=\"\" title=\"").append(app.desc).append("\" src=\"").append(app.icon)
|
||||
|
||||
@ -3098,13 +3098,6 @@ public class WebMail extends HttpServlet
|
||||
"<tr><td align=\"right\" width=\"30%\">" + _t("User") + "</td><td width=\"40%\" align=\"left\"><input type=\"text\" size=\"32\" name=\"" + USER + "\" value=\"" + "\"> @mail.i2p</td></tr>\n" +
|
||||
"<tr><td align=\"right\" width=\"30%\">" + _t("Password") + "</td><td width=\"40%\" align=\"left\"><input type=\"password\" size=\"32\" name=\"pass\" value=\"" + "\"></td></tr>\n");
|
||||
// which is better?
|
||||
//if (!fixed) {
|
||||
if (true) {
|
||||
out.println(
|
||||
"<tr><td align=\"right\" width=\"30%\">" + _t("Host") + "</td><td width=\"40%\" align=\"left\"><input type=\"text\" size=\"32\" name=\"" + HOST +"\" value=\"" + quoteHTML(host) + "\"" + ( fixed ? " disabled" : "" ) + "></td></tr>\n" +
|
||||
"<tr><td align=\"right\" width=\"30%\">" + _t("POP3 Port") + "</td><td width=\"40%\" align=\"left\"><input type=\"text\" style=\"text-align: right;\" size=\"5\" name=\"" + POP3 +"\" value=\"" + quoteHTML(pop3) + "\"" + ( fixed ? " disabled" : "" ) + "></td></tr>\n" +
|
||||
"<tr><td align=\"right\" width=\"30%\">" + _t("SMTP Port") + "</td><td width=\"40%\" align=\"left\"><input type=\"text\" style=\"text-align: right;\" size=\"5\" name=\"" + SMTP +"\" value=\"" + quoteHTML(smtp) + "\"" + ( fixed ? " disabled" : "" ) + "></td></tr>\n");
|
||||
}
|
||||
out.println(
|
||||
"<tr><td colspan=\"2\"><hr></td></tr>\n" +
|
||||
"<tr><td colspan=\"2\" align=\"center\">" + button( LOGIN, _t("Login") ) + spacer +
|
||||
@ -3114,7 +3107,7 @@ public class WebMail extends HttpServlet
|
||||
spacer +
|
||||
button(CONFIGURE, _t("Settings")) +
|
||||
"</td></tr>\n" +
|
||||
"<tr><td align=\"center\" colspan=\"2\"><hr><a href=\"http://hq.postman.i2p/?page_id=14\" target=\"_blank\">" + _t("Learn about I2P mail") + "</a> | <a href=\"http://hq.postman.i2p/?page_id=16\" target=\"_blank\">" + _t("Create Account") + "</a></td></tr>\n" +
|
||||
"<tr><td align=\"center\" colspan=\"2\"><hr><a class=\"mailhelp\" href=\"http://hq.postman.i2p/?page_id=14\" target=\"_blank\">" + _t("Learn about I2P mail") + "</a> | <a class=\"mailcreate\" href=\"http://hq.postman.i2p/?page_id=16\" target=\"_blank\">" + _t("Create Account") + "</a></td></tr>\n" +
|
||||
"</table></div>");
|
||||
}
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -6,25 +6,26 @@ body {
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
|
||||
background: #010 url(images/camotile.png) center bottom;
|
||||
color: #ee9;
|
||||
/*background: #010 url(images/camotile.png) center bottom;*/
|
||||
background: #1F1A24;
|
||||
color: #e6e6e7;
|
||||
font-size: 9pt;
|
||||
}
|
||||
|
||||
body.iframed {
|
||||
background: transparent url(/themes/console/images/transparent.gif) !important;
|
||||
/*background: transparent url(/themes/console/images/transparent.gif) !important;*/
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: #030 !important;
|
||||
/*background: #030 !important;*/
|
||||
color: white;
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
background: #030 !important;
|
||||
/*background: #030 !important;*/
|
||||
color: white;
|
||||
}
|
||||
|
||||
@ -43,7 +44,7 @@ a {
|
||||
}
|
||||
|
||||
a:link {
|
||||
color: #494;
|
||||
color: #e6e6e7;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
@ -123,7 +124,7 @@ hr {
|
||||
max-width: 1400px;
|
||||
overflow: hidden;
|
||||
text-align: left;
|
||||
color: #ee9;
|
||||
color: #e6e6e7;
|
||||
background: none;
|
||||
}
|
||||
|
||||
@ -167,58 +168,57 @@ hr {
|
||||
h2, h3 {
|
||||
margin: 10px 0 -1px;
|
||||
padding: 8px 10px 8px 34px;
|
||||
border: 1px solid #494;
|
||||
border: 1px solid #292929;
|
||||
font-size: 11pt;
|
||||
color: #ee9;
|
||||
color: #e6e6e7;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
word-spacing: 0.1em;
|
||||
text-shadow: 0 1px 1px #000;
|
||||
box-shadow: inset 0 0 0 1px #000;
|
||||
background: linear-gradient(to bottom, #1a261a 50%, #000 50%) !important;
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%), url(/themes/console/dark/images/camotile2.png) top left !important;
|
||||
/*background: linear-gradient(to bottom, #1a261a 50%, #000 50%) !important;
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%), url(/themes/console/dark/images/camotile2.png) top left !important;*/
|
||||
}
|
||||
|
||||
/* title images */
|
||||
|
||||
#messages h2 {
|
||||
background: url(/themes/console/images/info/logs.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important;
|
||||
background: url(/themes/console/images/info/logs.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.8) 2px, rgba(0,32,0,0.8) 4px) !important;
|
||||
background: url(/themes/console/images/info/logs.png) left 8px center no-repeat !important;
|
||||
background: url(/themes/console/images/info/logs.png) left 8px center no-repeat !important;
|
||||
background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important;
|
||||
background-blend-mode: normal, normal, normal, exclusion, normal, normal;
|
||||
}
|
||||
|
||||
#globalTunnelControl h2 {
|
||||
background: url(/themes/console/images/info/control.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important;
|
||||
background: url(/themes/console/images/info/control.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.8) 2px, rgba(0,32,0,0.8) 4px) !important;
|
||||
background: url(/themes/console/images/info/control.png) left 8px center no-repeat!important;
|
||||
background: url(/themes/console/images/info/control.png) left 8px center no-repeat !important;
|
||||
background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important;
|
||||
background-blend-mode: normal, normal, normal, exclusion, normal, normal;
|
||||
}
|
||||
|
||||
#servers h2 {
|
||||
background: url(/themes/console/images/info/server.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important;
|
||||
background: url(/themes/console/images/info/server.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.8) 2px, rgba(0,32,0,0.8) 4px) !important;
|
||||
background: url(/themes/console/images/info/server.png) left 8px center no-repeat !important;
|
||||
background: url(/themes/console/images/info/server.png) left 8px center no-repeat !important;
|
||||
background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important;
|
||||
background-blend-mode: normal, normal, normal, exclusion, normal, normal;
|
||||
}
|
||||
|
||||
#clients h2 {
|
||||
background: url(/themes/console/images/info/client.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important;
|
||||
background: url(/themes/console/images/info/client.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.8) 2px, rgba(0,32,0,0.8) 4px) !important;
|
||||
background: url(/themes/console/images/info/client.png) left 8px center no-repeat !important;
|
||||
background: url(/themes/console/images/info/client.png) left 8px center no-repeat !important;
|
||||
background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important;
|
||||
background-blend-mode: normal, normal, normal, exclusion, normal, normal;
|
||||
}
|
||||
|
||||
#tunnelEditPage h2, #tunnelEditPage h3, #registration h2, #registration h3 {
|
||||
background: url(/themes/console/images/info/configure.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important;
|
||||
background: url(/themes/console/images/info/configure.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.5) 2px, rgba(0,32,0,0.8) 4px) !important;
|
||||
background: url(/themes/console/images/info/configure.png) left 8px center no-repeat !important;
|
||||
background: url(/themes/console/images/info/configure.png) left 8px center no-repeat !important;
|
||||
background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important;
|
||||
background-blend-mode: normal, normal, normal, exclusion, normal, normal;
|
||||
}
|
||||
|
||||
#wizardPanel h2 {
|
||||
background: url(/themes/console/images/info/wizard.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important;
|
||||
background: url(/themes/console/images/info/wizard.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.8) 2px, rgba(0,32,0,0.8) 4px) !important;
|
||||
background: url(/themes/console/images/info/wizard.png) left 8px center no-repeat, #1F1A24 !important;
|
||||
background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important;
|
||||
background-blend-mode: normal, normal, normal, exclusion, normal, normal;
|
||||
}
|
||||
@ -241,19 +241,19 @@ h3 {
|
||||
.panel table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
border: 1px solid #494;
|
||||
border: 1px solid #292929;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
th {
|
||||
background: #000;
|
||||
/*background: #000;
|
||||
background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%);
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #002000, #000 75%);
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #002000, #000 75%);*/
|
||||
padding: 7px 5px;
|
||||
border-top: 1px solid #494;
|
||||
border-bottom: 1px solid #494;
|
||||
border-top: 1px solid #7778bf;
|
||||
border-bottom: 1px solid #7778bf;
|
||||
font-size: 9pt;
|
||||
color: #ee9;
|
||||
color: #e6e6e7;
|
||||
text-align: left;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
@ -292,23 +292,27 @@ td.infohelp {
|
||||
}
|
||||
|
||||
.tunnelConfig th:first-child, .tunnelConfig td:first-child {
|
||||
border-left: 1px solid #494;
|
||||
border-left: 1px solid #433e47;
|
||||
}
|
||||
|
||||
.tunnelConfig th:last-child, .tunnelConfig td:last-child {
|
||||
border-right: 1px solid #494;
|
||||
border-right: 1px solid #433e47;
|
||||
}
|
||||
|
||||
#clientTunnels tr, #serverTunnels tr, .tunnelConfig tr {
|
||||
background: rgba(0,4,0,0.4);
|
||||
background: #1F1A24;
|
||||
}
|
||||
|
||||
#advancedServerTunnelOptions tr, #advancedServerTunnelOptions tr {
|
||||
background: #332940;
|
||||
}
|
||||
|
||||
.tunnelProperties {
|
||||
background: #000 !important;
|
||||
/*background: #332940 !important;*/
|
||||
overflow: hidden;
|
||||
text-align: left;
|
||||
border: 1px solid #494;
|
||||
border-bottom: 1px inset #010 !important;
|
||||
/*border: 1px solid #494;
|
||||
border-bottom: 1px inset #010 !important;*/
|
||||
}
|
||||
|
||||
#serverTunnels {
|
||||
@ -316,14 +320,14 @@ td.infohelp {
|
||||
}
|
||||
|
||||
.tunnelProperties:hover {
|
||||
background: #020 !important;
|
||||
background: #7778bf !important;
|
||||
}
|
||||
|
||||
.newTunnel {
|
||||
text-align: right;
|
||||
border-top: 1px solid #494 !important;
|
||||
padding: 5px !important;
|
||||
background: #fff;
|
||||
/*background: #fff;*/
|
||||
}
|
||||
|
||||
.newTunnel select, .newTunnel input, .newTunnel .control {
|
||||
@ -391,7 +395,7 @@ th.tunnelControl {
|
||||
}
|
||||
|
||||
textarea {
|
||||
border: 1px solid #494;
|
||||
border: 1px solid #433e47;
|
||||
background: #000;
|
||||
margin-left: 4px;
|
||||
margin-right: 4px;
|
||||
@ -402,7 +406,7 @@ textarea {
|
||||
}
|
||||
|
||||
textarea:focus {
|
||||
color: #ee9;
|
||||
color: #e6e6e7;
|
||||
background: #000 !important;
|
||||
filter: drop-shadow(0 0 1px #880);
|
||||
transition: ease filter 0.3s 0s;
|
||||
@ -412,7 +416,7 @@ textarea:focus {
|
||||
|
||||
textarea#statusMessages, textarea#statusMessages:active, textarea#statusMessages:focus {
|
||||
background: #000;
|
||||
background: linear-gradient(to bottom, #000 0%, #010 100%) !important;
|
||||
/*background: linear-gradient(to bottom, #000 0%, #010 100%) !important;*/
|
||||
box-shadow: inset 0 0 3px 3px #000 !important;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
@ -432,7 +436,7 @@ _:-ms-lang(x), textarea#statusMessages, textarea#statusMessages:active, textarea
|
||||
|
||||
.freetext {
|
||||
width: 150px;
|
||||
border: 1px solid #494;
|
||||
border: 1px solid #433e47;
|
||||
padding: 4px;
|
||||
font: 8.5pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
|
||||
background: #fff;
|
||||
@ -466,17 +470,17 @@ input, select, button, a {
|
||||
box-sizing: border-box;
|
||||
font-size: 9pt;
|
||||
border-radius: 2px;
|
||||
color: #ee9;
|
||||
color: #e6e6e7;
|
||||
resize: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
input {
|
||||
background-color: #020;
|
||||
color: #ee9;
|
||||
color: #e6e6e7;
|
||||
margin: 0 2px 0 2px;
|
||||
font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
|
||||
border: 1px solid #494;
|
||||
border: 1px solid #433e47;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@ -496,13 +500,15 @@ input[type="checkbox"], input[type="radio"] {
|
||||
min-height: 16px;
|
||||
margin: 0;
|
||||
background: none;
|
||||
filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%); /* colorize radios and checkboxes */
|
||||
filter: invert(100%) sepia(100%);
|
||||
/* hue-rotate(70deg) saturate(200%); colorize radios and checkboxes */
|
||||
}
|
||||
|
||||
input[type="checkbox"]:hover, input[type="radio"]:hover,
|
||||
input[type="checkbox"]:focus, input[type="radio"]:focus {
|
||||
outline: none;
|
||||
filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%) drop-shadow(0 0 3px #f60);
|
||||
filter: invert(100%) sepia(100%);
|
||||
/* hue-rotate(70deg) saturate(200%) drop-shadow(0 0 3px #da736b);*/
|
||||
}
|
||||
|
||||
label {
|
||||
@ -515,10 +521,10 @@ input[type="password"] {
|
||||
|
||||
input[type="text"], input[type="password"], textarea, textarea[readonly="readonly"]:focus {
|
||||
background: #000;
|
||||
background: linear-gradient(to bottom, #000 0%, #010 100%);
|
||||
/*background: linear-gradient(to bottom, #000 0%, #010 100%);*/
|
||||
box-shadow: inset 0 0 3px 3px #000;
|
||||
filter: none;
|
||||
color: #bb7;
|
||||
color: #e6e6e7;
|
||||
}
|
||||
|
||||
textarea[readonly="readonly"]:focus {
|
||||
@ -526,7 +532,7 @@ textarea[readonly="readonly"]:focus {
|
||||
}
|
||||
|
||||
input[type="text"]:focus, input[type="password"]:focus {
|
||||
color: #ee9;
|
||||
color: #e6e6e7;
|
||||
background: #000;
|
||||
filter: drop-shadow(0 0 1px #880);
|
||||
transition: ease filter 0.3s 0s;
|
||||
@ -534,7 +540,7 @@ input[type="text"]:focus, input[type="password"]:focus {
|
||||
|
||||
input[readonly="readonly"]:focus {
|
||||
filter: none;
|
||||
background: linear-gradient(to bottom, #000 0%, #010 100%) !important;
|
||||
/*background: linear-gradient(to bottom, #000 0%, #010 100%) !important;*/
|
||||
}
|
||||
|
||||
a.control, input.control {
|
||||
@ -549,8 +555,8 @@ a.control, input.control {
|
||||
min-width: 78px;
|
||||
font-size: 8pt;
|
||||
font-weight: bold;
|
||||
background: #000;
|
||||
background: linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%) !important;
|
||||
background: #1F1A24;
|
||||
/*background: linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%) !important;*/
|
||||
color: #494 !important;
|
||||
border: 1px solid #8b8;
|
||||
border-bottom: 1px solid #171;
|
||||
@ -567,14 +573,14 @@ a.control, input.control {
|
||||
}
|
||||
|
||||
.control:link {
|
||||
color: #494 !important;
|
||||
background: #000 !important;
|
||||
background: linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%) !important;
|
||||
color: #e6e6e7 !important;
|
||||
/*background: #000 !important;
|
||||
background: linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%) !important;*/
|
||||
}
|
||||
|
||||
.control:hover {
|
||||
border: 1px solid #f60;
|
||||
background: #000;
|
||||
background: #332940;
|
||||
color: #f60 !important;
|
||||
text-decoration: none;
|
||||
box-shadow: inset 0 1px 1px 0 #eff;
|
||||
@ -592,22 +598,23 @@ a.control, input.control {
|
||||
white-space: nowrap;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
border-radius: 2px;
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 0 1px #000;
|
||||
box-sizing: border-box;
|
||||
min-width: 70px !important;
|
||||
border: 1px groove #332940;
|
||||
}
|
||||
|
||||
.control:hover, .control:focus {
|
||||
text-decoration: none;
|
||||
color: #f60 !important;
|
||||
border: 1px solid #f60 !important;
|
||||
color: #da736b !important;
|
||||
border: 1px solid #da736b !important;
|
||||
box-shadow: inset 0 1px 1px 0 #eff;
|
||||
}
|
||||
|
||||
.control:active {
|
||||
background: #f60 !important;
|
||||
color: #ee9 !important;
|
||||
color: #e6e6e7 !important;
|
||||
text-decoration: none;
|
||||
box-shadow: inset 0 0 0 1px #000 !important;
|
||||
box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px #000 !important;
|
||||
@ -618,7 +625,7 @@ a.control {
|
||||
}
|
||||
|
||||
select {
|
||||
color: #494;
|
||||
color: #e6e6e7;
|
||||
font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
|
||||
font-weight: bold;
|
||||
font-size: 8pt !important;
|
||||
@ -626,13 +633,13 @@ select {
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
background: #000 url(images/dropdown.png) right center no-repeat !important;
|
||||
background: #332940 url(images/dropdown.png) right center no-repeat !important;
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
filter: drop-shadow(0 0 1px #000);
|
||||
border: 1px solid #8b8;
|
||||
border-bottom: 1px solid #171;
|
||||
border-right: 1px solid #171;
|
||||
border: 1px solid #1F1A24;
|
||||
border-bottom: 1px solid #332940;
|
||||
border-right: 1px solid #332940;
|
||||
min-width: 120px;
|
||||
}
|
||||
|
||||
@ -646,16 +653,16 @@ select option:hover, select option:checked {
|
||||
}
|
||||
|
||||
select:focus, select:hover {
|
||||
color: #f60;
|
||||
border: 1px solid #f60;
|
||||
color: #e6e6e7;
|
||||
border: 1px solid #da736b;
|
||||
}
|
||||
|
||||
select:hover {
|
||||
box-shadow: inset 0 1px 1px 0 #ee9;
|
||||
box-shadow: inset 0 1px 1px 0 #e6e6e7;
|
||||
}
|
||||
|
||||
select:hover, select:focus, select:active {
|
||||
background: #000 url(images/dropdown_hover.png) right center no-repeat !important;
|
||||
background: #332940 url(images/dropdown_hover.png) right center no-repeat !important;
|
||||
}
|
||||
|
||||
select::-ms-expand {
|
||||
@ -677,10 +684,10 @@ button, input[type="submit"], input[type="reset"], a.control, select {
|
||||
.buttons, .newTunnel {
|
||||
text-align: right !important;
|
||||
padding: 7px 5px !important;
|
||||
background: #000;
|
||||
background: linear-gradient(to bottom, #010, #000);
|
||||
background: linear-gradient(-135deg, #000, rgba(0,0,0,0) 40%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #020, #000 75%);
|
||||
border-top: 1px solid #494 !important;
|
||||
background: #1F1A24;
|
||||
/*background: linear-gradient(to bottom, #010, #000);
|
||||
background: linear-gradient(-135deg, #000, rgba(0,0,0,0) 40%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #020, #000 75%);*/
|
||||
border-top: 1px solid #7778bf !important;
|
||||
}
|
||||
|
||||
.tunnelDescriptionLabel, .tunnelDestinationLabel {
|
||||
@ -820,11 +827,17 @@ td.blankColumn {
|
||||
}
|
||||
|
||||
#throttler tr:nth-child(odd) {
|
||||
background: rgba(0,16,0,0.7);
|
||||
/*background: rgba(0,16,0,0.7);*/
|
||||
background: #332940;
|
||||
}
|
||||
|
||||
#throttler tr:nth-child(even) {
|
||||
background: rgba(0,8,0,0.7);
|
||||
/*background: rgba(0,8,0,0.7);*/
|
||||
background: #332940;
|
||||
}
|
||||
|
||||
#serverTunnelEdit tr:nth-child(even) {
|
||||
background: #332940;
|
||||
}
|
||||
|
||||
#throttler input[type="text"] {
|
||||
@ -832,8 +845,8 @@ td.blankColumn {
|
||||
}
|
||||
|
||||
table {
|
||||
background: #000 url(images/camotile2.png);
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0.5),rgba(0,0,0,0.7)), url(images/camotile2.png);
|
||||
/*background: #000 url(images/camotile2.png);
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0.5),rgba(0,0,0,0.7)), url(images/camotile2.png);*/
|
||||
}
|
||||
|
||||
#tunnelMessages {
|
||||
@ -956,15 +969,15 @@ input.tunnelName, input.tunnelDescriptionText, #userAgents {
|
||||
}
|
||||
|
||||
#wizardTunnelTypes tr:nth-child(even), #wizardSummary tr:nth-child(even) {
|
||||
background: #010;
|
||||
background: #332940;
|
||||
}
|
||||
|
||||
#wizardTunnelTypes tr:nth-child(odd), #wizardSummary tr:nth-child(odd) {
|
||||
background: #000800;
|
||||
background: #1F1A24;
|
||||
}
|
||||
|
||||
#wizardTunnelTypes tr:last-child {
|
||||
background: #000;
|
||||
background: #1F1A24;
|
||||
}
|
||||
|
||||
#wizardPanel #name, #wizardPanel #description {
|
||||
@ -1018,10 +1031,16 @@ input.tunnelName, input.tunnelDescriptionText, #userAgents {
|
||||
/* more space */
|
||||
|
||||
.tunnelConfig td, td {
|
||||
border-top: 1px inset #1c3f1b;
|
||||
border-top: 1px inset #433e47;
|
||||
padding: 8px 5px;
|
||||
}
|
||||
|
||||
.tunnelConfig tr:nth-child(even) {
|
||||
border-top: 1px inset #433e47;
|
||||
padding: 8px 5px;
|
||||
background: #332940;
|
||||
}
|
||||
|
||||
input[type="checkbox"], input[type="radio"] {
|
||||
margin: 5px 3px 5px 5px;
|
||||
}
|
||||
@ -1087,7 +1106,7 @@ _:-ms-lang(x), .tunnelProperties {
|
||||
}
|
||||
|
||||
td.tunnelDestination, td.tunnelDescription {
|
||||
background: linear-gradient(to right, #000 50%, #010);
|
||||
background: #332940; /*linear-gradient(to right, #000 50%, #010);*/
|
||||
}
|
||||
|
||||
/* end more space */
|
||||
|
||||
@ -9,15 +9,16 @@ body {
|
||||
margin: 5px 3px;
|
||||
color: #ee9;
|
||||
font-size: 9pt;
|
||||
background: url(/themes/console/dark/images/camotile2.png) top left;
|
||||
background-size: 175px 175px;
|
||||
/*background: top left;*/
|
||||
background: #1F1A24;
|
||||
/*background-size: 175px 175px;*/
|
||||
}
|
||||
|
||||
/* preload top navigation mouseovers */
|
||||
|
||||
body {
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.7)),
|
||||
url(/themes/console/dark/images/camotile2.png) top left fixed,
|
||||
background: #1F1A24,
|
||||
/*top left fixed,*/
|
||||
url(images/button_snark_hover.png) no-repeat,
|
||||
url(images/button_snark_active.png) no-repeat,
|
||||
url(images/button_tracker_hover.png) no-repeat,
|
||||
@ -51,18 +52,18 @@ body.iframed {
|
||||
line-height: 160% !important;
|
||||
text-align: center;
|
||||
background: #000;
|
||||
background: repeating-linear-gradient(135deg, #010, #010 10px, #020 10px, #020 20px, #010 20px);
|
||||
background: repeating-linear-gradient(135deg, #000 1px, #000 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, rgba(0,200,0,0.5) 2px, rgba(0,200,0,0.5) 4px), repeating-linear-gradient(135deg, #010, #010 10px, #020 10px, #020 20px, #010 20px);
|
||||
/*background: repeating-linear-gradient(135deg, #010, #010 10px, #020 10px, #020 20px, #010 20px);
|
||||
background: repeating-linear-gradient(135deg, #000 1px, #000 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, rgba(0,200,0,0.5) 2px, rgba(0,200,0,0.5) 4px), repeating-linear-gradient(135deg, #010, #010 10px, #020 10px, #020 20px, #010 20px);*/
|
||||
background-blend-mode: darken, darken, normal;
|
||||
}
|
||||
|
||||
.iframed .page {
|
||||
border: none;
|
||||
background: none;
|
||||
/*background: none;*/
|
||||
padding: 0;
|
||||
margin: 5px 0;
|
||||
background: url(/themes/console/dark/images/camotile2.png) repeat scroll left top #000;
|
||||
background: linear-gradient(to right, #000, #020 50%, #000) !important;
|
||||
/*background: repeat scroll left top #000;
|
||||
background: linear-gradient(to right, #000, #020 50%, #000) !important;*/
|
||||
}
|
||||
|
||||
.toggleview, .snarkConfigTitle, .snarknavbar, img, input[type="image"] {
|
||||
@ -104,11 +105,12 @@ body, input, select, .snarkCommentInfo textarea, textarea[name="i2cpOpts"] {
|
||||
padding: 9px 0 8px;
|
||||
text-align: center;
|
||||
letter-spacing: 0.1em !important;
|
||||
border: 1px solid #494;
|
||||
border: 1px solid #433e47;
|
||||
box-shadow: inset 0 0 0 1px #000;
|
||||
box-shadow: inset 0 0 0 2px #000, inset 0 0 10px 3px rgba(0,8,0,0.7);
|
||||
background: #010 !important;
|
||||
background: repeating-linear-gradient(135deg, #000 1px, #000 2px, #010 2px, #010 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, #010 2px, #010 4px), linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 52%, #010301 53%, #000000 56%, #000000 100%), url(/themes/console/dark/images/camotile2.png) top left !important;
|
||||
/*background: #010 !important;
|
||||
background: repeating-linear-gradient(135deg, #000 1px, #000 2px, #010 2px, #010 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, #010 2px, #010 4px), linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 52%, #010301 53%, #000000 56%, #000000 100%), top left !important;*/
|
||||
background: #1F1A24;
|
||||
background-blend-mode: exclusion, exclusion, normal, normal;
|
||||
}
|
||||
|
||||
@ -117,7 +119,7 @@ body, input, select, .snarkCommentInfo textarea, textarea[name="i2cpOpts"] {
|
||||
padding: 7px 0;
|
||||
position: static;
|
||||
box-shadow: inset 0 0 0 1px #000;
|
||||
background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 51%, #020602 52%, #010301 55%, #000000 57%), url(/themes/console/dark/images/camotile2.png) top left !important;
|
||||
/*background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 51%, #020602 52%, #010301 55%, #000000 57%), top left !important;*/
|
||||
}
|
||||
|
||||
_:-ms-lang(x), .snarknavbar {
|
||||
@ -125,18 +127,16 @@ _:-ms-lang(x), .snarknavbar {
|
||||
}
|
||||
|
||||
.snarkNav:link, .snarkNav:visited {
|
||||
margin: 0 -3px !important;
|
||||
padding: 4px 7px 4px 22px !important;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
line-height: 120%;
|
||||
color: #3f3;
|
||||
color: rgba(51, 255, 51, .6);
|
||||
color: #7779bf;
|
||||
font-size: 9pt;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
text-shadow: 0 0 1px #000;
|
||||
border: 1px solid #373;
|
||||
border: 1px groove #524b5e;
|
||||
border-radius: 0;
|
||||
box-shadow: inset 0 0 0 1px #000;
|
||||
background-blend-mode: overlay, normal;
|
||||
@ -158,47 +158,52 @@ _:-ms-lang(x), .snarknavbar {
|
||||
}
|
||||
|
||||
.nav_main:link {
|
||||
border-radius: 2px 0 0 2px !important;
|
||||
/*border-radius: 2px 0 0 2px !important;*/
|
||||
border-radius: 12px;
|
||||
padding-left: 24px !important;
|
||||
background: url(images/button_snark.png) 7px center no-repeat, url(/themes/console/dark/images/header.png) center center repeat;
|
||||
background: url(images/button_snark.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%);
|
||||
background: url(images/button_snark.png) 7px center no-repeat, linear-gradient(to bottom, rgba(17, 119, 17, .75) 0%, rgba(17, 51, 17, .75) 50%, rgba(0, 0, 0, .75));
|
||||
padding: 3px;
|
||||
background: url(images/button_snark.png) 7px center no-repeat, #1F1A24; /*url(/themes/console/dark/images/header.png) center center repeat;
|
||||
background: url(images/button_snark.png) 7px center no-repeat, ;linear-gradient(to bottom, #171 0%, #131 50%, #000 51%);
|
||||
background: url(images/button_snark.png) 7px center no-repeat, ;linear-gradient(to bottom, rgba(17, 119, 17, .75) 0%, rgba(17, 51, 17, .75) 50%, rgba(0, 0, 0, .75));*/
|
||||
}
|
||||
|
||||
.nav_forum:link {
|
||||
background: url(images/button_forum.png) 7px center no-repeat, url(/themes/console/dark/images/header.png) center center repeat;
|
||||
background: url(images/button_forum.png) 7px center no-repeat, #1F1A24; /*url(/themes/console/dark/images/header.png) center center repeat;*/
|
||||
background: url(images/button_forum.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%);
|
||||
background: url(images/button_forum.png) 7px center no-repeat, linear-gradient(to bottom, rgba(17, 119, 17, .75) 0%, rgba(17, 51, 17, .75) 50%, rgba(0, 0, 0, .75));
|
||||
}
|
||||
|
||||
.nav_tracker:link {
|
||||
background: url(images/button_tracker.png) 7px center no-repeat, url(/themes/console/dark/images/header.png) center center repeat;
|
||||
border-radius: 12px;
|
||||
background: url(images/button_tracker.png), #1F1A24;
|
||||
padding: 3px;
|
||||
/*background: url(images/button_tracker.png) 7px center no-repeat, url(/themes/console/dark/images/header.png) center center repeat;
|
||||
background: url(images/button_tracker.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%);
|
||||
background: url(images/button_tracker.png) 7px center no-repeat, linear-gradient(to bottom, rgba(17, 119, 17, .75) 0%, rgba(17, 51, 17, .75) 50%, rgba(0, 0, 0, .75));
|
||||
background: url(images/button_tracker.png) 7px center no-repeat, linear-gradient(to bottom, rgba(17, 119, 17, .75) 0%, rgba(17, 51, 17, .75) 50%, rgba(0, 0, 0, .75));*/
|
||||
}
|
||||
|
||||
.snarkNav:hover, .snarkNav:focus {
|
||||
z-index: 10;
|
||||
color: #f50;
|
||||
border-radius: 0;
|
||||
color: #e6e6e7;
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 0 1px #000 !important;
|
||||
border: 1px solid #f60 !important;
|
||||
border: 1px groove #da736b !important;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.nav_main:hover, .nav_main:focus {
|
||||
background-image: url(images/button_snark_hover.png), url(../ubergine/images/snarknav_on.png);
|
||||
background-image: url(images/button_snark_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%);
|
||||
background-image: url(images/button_snark_hover.png), linear-gradient(to bottom, #332940 50%, #1F1A24 100%);
|
||||
}
|
||||
|
||||
.nav_forum:hover, .nav_forum:focus {
|
||||
background-image: url(images/button_forum_hover.png), url(../ubergine/images/snarknav_on.png);
|
||||
background-image: url(images/button_forum_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%);
|
||||
background-image: url(images/button_forum_hover.png), linear-gradient(to bottom, #332940 50%, #1F1A24 100%);
|
||||
}
|
||||
|
||||
.nav_tracker:hover, .nav_tracker:focus {
|
||||
background-image: url(images/button_tracker_hover.png), url(../ubergine/images/snarknav_on.png);
|
||||
background-image: url(images/button_tracker_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%);
|
||||
background-image: url(images/button_tracker_hover.png), linear-gradient(to bottom, #332940 50%, #1F1A24 100%);
|
||||
}
|
||||
|
||||
.snarkNav:link:active, .snarkNav:active {
|
||||
@ -228,7 +233,8 @@ _:-ms-lang(x), .snarknavbar {
|
||||
}
|
||||
|
||||
.snarkNav:last-child {
|
||||
border-radius: 0 2px 2px 0 !important;
|
||||
/*border-radius: 0 2px 2px 0 !important;*/
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.iframed .snarkNav:last-child[href="/i2psnark/"] {
|
||||
@ -251,9 +257,10 @@ _:-ms-lang(x), .snarknavbar {
|
||||
font-size: 8.5pt;
|
||||
color: #69f;
|
||||
box-shadow: inset 0 0 0 1px #000;
|
||||
border-bottom: 1px solid #494;
|
||||
border-bottom: 1px solid #433e47;
|
||||
background: #000;
|
||||
background: linear-gradient(to bottom, #010, #000);
|
||||
/*background: linear-gradient(to bottom, #010, #000);*/
|
||||
border: 1px groove #524b5e;
|
||||
background-size: auto 95%, 100% 100%;
|
||||
background-blend-mode: screen;
|
||||
}
|
||||
@ -311,7 +318,7 @@ _:-ms-lang(x), .snarkMessages {
|
||||
float: right;
|
||||
margin: -4px -5px 4px 4px;
|
||||
opacity: 0.7;
|
||||
border: 1px solid #494;
|
||||
border: 1px solid #433e47;
|
||||
border-right: 0 none;
|
||||
border-top: 0 none;
|
||||
border-radius: 0 0 0 1px;
|
||||
@ -323,7 +330,7 @@ _:-ms-lang(x), .snarkMessages {
|
||||
|
||||
.snarkMessages img:hover {
|
||||
opacity: 1;
|
||||
border: 1px solid #494;
|
||||
border: 1px solid #433e47;
|
||||
border-right: 0 none;
|
||||
border-top: 0 none;
|
||||
}
|
||||
@ -345,24 +352,30 @@ table {
|
||||
}
|
||||
|
||||
thead, tfoot {
|
||||
background: #000;
|
||||
background: #1F1A24;
|
||||
}
|
||||
|
||||
thead {
|
||||
border-bottom: 1px solid #101;
|
||||
background: linear-gradient(to bottom, #003000, #000 75%) !important;
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important;
|
||||
border: 1px groove #524b5e;
|
||||
border-bottom: 1px solid #7778bf;
|
||||
/*background: linear-gradient(to bottom, #003000, #000 75%) !important;
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important;*/
|
||||
background: #1F1A24;
|
||||
}
|
||||
|
||||
thead img {
|
||||
filter: hue-rotate(120deg);
|
||||
}
|
||||
|
||||
th {
|
||||
padding: 3px 2px;
|
||||
font-size: 8pt;
|
||||
border-top: 1px solid #494;
|
||||
border-bottom: 1px solid #494;
|
||||
color: #ee9;
|
||||
border-top: 1px groove #7778bf;
|
||||
border-bottom: 1px groove #7778bf;
|
||||
color: #e6e6e7;
|
||||
white-space: nowrap;
|
||||
background: #000;
|
||||
background: linear-gradient(to bottom, #010, #000);
|
||||
background: #1F1A24;
|
||||
/*background: linear-gradient(to bottom, #010, #000);*/
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
@ -371,7 +384,7 @@ thead th {
|
||||
}
|
||||
|
||||
.iframed thead th {
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important;
|
||||
/*background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important;*/
|
||||
}
|
||||
|
||||
th:first-child {
|
||||
@ -430,8 +443,9 @@ tfoot th {
|
||||
}
|
||||
|
||||
.snarkTorrents tfoot th {
|
||||
background: #000;
|
||||
background: #1F1A24;
|
||||
font-weight: normal;
|
||||
border: 1px groove #524b5e;
|
||||
}
|
||||
|
||||
.snarkTorrents tfoot tr:first-child th {
|
||||
@ -466,6 +480,7 @@ tfoot th {
|
||||
font-weight: bold;
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
filter: hue-rotate(120deg);
|
||||
}
|
||||
|
||||
.snarkTrackerDetails img, .snarkTorrentDetails img, .snarkCommentDetails img, .snarkDirInfo td:first-child img {
|
||||
@ -560,7 +575,8 @@ th.snarkTorrentStatus {
|
||||
}
|
||||
|
||||
.snarkTorrentInfo th:first-child {
|
||||
background: url(images/file_sm.png) no-repeat 6px 7px, linear-gradient(to bottom, #010, #000);
|
||||
background: url(images/file_sm.png) no-repeat 6px 7px, #1F1A24;
|
||||
/*linear-gradient(to bottom, #000, #1F1A24);*/
|
||||
}
|
||||
|
||||
.snarkTorrentInfo th:nth-child(2) {
|
||||
@ -620,22 +636,22 @@ th.snarkTorrentStatus {
|
||||
|
||||
.SnarkTorrentInfo {
|
||||
margin-bottom: 1px !important;
|
||||
background: url(/themes/console/dark/images/camotile2.png) repeat scroll center bottom #001100;
|
||||
border-bottom: 1px solid #494;
|
||||
background: repeat scroll center bottom #1F1A24;
|
||||
border-bottom: 1px solid #433e47;
|
||||
}
|
||||
|
||||
.snarkTorrentInfo tr:nth-child(even) {
|
||||
background: #001000;
|
||||
background: #332940;
|
||||
}
|
||||
|
||||
.snarkTorrentInfo tr:nth-child(odd) {
|
||||
background: #001a00;
|
||||
background: #1F1A24;
|
||||
}
|
||||
|
||||
.SnarkDirInfo {
|
||||
margin-top: 10px !important;
|
||||
margin-bottom: 0;
|
||||
border-bottom: 1px solid #494;
|
||||
border-bottom: 1px solid #433e47;
|
||||
}
|
||||
|
||||
#infohash {
|
||||
@ -686,19 +702,20 @@ th.snarkTorrentStatus {
|
||||
}
|
||||
|
||||
.snarkDirInfo tr:last-child {
|
||||
border-bottom: 1px solid #494 !important;
|
||||
border-bottom: 1px solid #433e47 !important;
|
||||
}
|
||||
|
||||
#setPriority, #torrentInfoControl, #torrentOrderControl, .commentAction[colspan="5"] {
|
||||
background: url(/themes/console/dark/images/camotile2.png) repeat scroll center bottom #001100 !important;
|
||||
background: repeating-linear-gradient(135deg, #000 1px, #000 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, rgba(0,200,0,0.5) 2px, rgba(0,200,0,0.5) 4px), url(/themes/console/dark/images/camotile2.png) top left repeat !important;
|
||||
/*background: repeat scroll center bottom #001100 !important;
|
||||
background: repeating-linear-gradient(135deg, #000 1px, #000 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, rgba(0,200,0,0.5) 2px, rgba(0,200,0,0.5) 4px), top left repeat !important;*/
|
||||
background: #1F1A24;
|
||||
background-blend-mode: exclusion, darken, normal;
|
||||
border-top: 1px solid #494 !important;
|
||||
border-bottom: 1px solid #494 !important;
|
||||
border-top: 1px solid #433e47 !important;
|
||||
border-bottom: 1px solid #433e47 !important;
|
||||
}
|
||||
|
||||
_:-ms-lang(x), #setPriority, #torrentInfoControl, #torrentOrderControl {
|
||||
background: url(/themes/console/dark/images/camotile2.png) repeat scroll center bottom #001100 !important;
|
||||
background: repeat scroll center bottom #001100 !important;
|
||||
}
|
||||
|
||||
.SnarkDirInfo img {
|
||||
@ -728,6 +745,7 @@ td.subHeaderPriority, td.priority {
|
||||
td.subHeaderPriority {
|
||||
background: #020;
|
||||
font-weight: bold;
|
||||
background: url(images/snarktopnav.png) repeat-x scroll center center #110011;
|
||||
background-image: linear-gradient(to bottom, #030 0%, #020 50%, #000 51%);
|
||||
text-align: center !important;
|
||||
padding: 0 1px !important;
|
||||
@ -862,11 +880,11 @@ td {
|
||||
}
|
||||
|
||||
.snarkTorrents tr:hover, .snarkDirInfo tr:hover, #trackerselect tr:nth-child(n+2):hover, .trackerconfig tr:nth-child(n+2):hover {
|
||||
background: #030 !important;
|
||||
background: #433e47 !important;
|
||||
}
|
||||
|
||||
.snarkTorrents thead tr:hover, .snarkDirInfo thead tr:hover {
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important;
|
||||
/*background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important;*/
|
||||
}
|
||||
|
||||
tr:hover .percentBarText {
|
||||
@ -888,11 +906,11 @@ _:-ms-lang(x), .snarkTorrents tr, .snarkTorrents tr:hover, .snarkDirInfo tr:hove
|
||||
}
|
||||
|
||||
.snarkTorrentEven, .snarkTorrentEven:nth-child(even) {
|
||||
background: #001000;
|
||||
background: #332940;
|
||||
}
|
||||
|
||||
.snarkTorrentEven:nth-child(odd) {
|
||||
background: #000800;
|
||||
background: #1F1A24;
|
||||
}
|
||||
|
||||
.snarkTorrentOdd, .SnarkTorrentEven {
|
||||
@ -908,12 +926,12 @@ _:-ms-lang(x), .snarkTorrentOdd, .SnarkTorrentEven {
|
||||
}
|
||||
|
||||
.snarkTorrentOdd:nth-child(even) {
|
||||
background: #001000 !important;
|
||||
background: #332940 !important;
|
||||
}
|
||||
|
||||
.snarkTorrentOdd td, .snarkTorrentEven td {
|
||||
border-top: none !important;
|
||||
color: #bb7 !important;
|
||||
color: #7778bf !important;
|
||||
}
|
||||
|
||||
.SnarkTorrentOdd tr:nth-child(odd) {
|
||||
@ -959,7 +977,7 @@ _:-ms-lang(x), .snarkTorrentOdd, .SnarkTorrentEven {
|
||||
background: #000;
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
border-bottom: 1px solid #494;
|
||||
border-bottom: 1px solid #433e47;
|
||||
}
|
||||
|
||||
.snarkTorrentNoneLoaded td, .snarkTorrentNoneLoaded:hover td {
|
||||
@ -1092,11 +1110,10 @@ _:-ms-lang(x), .snarkTorrentOdd, .SnarkTorrentEven {
|
||||
padding: 3px 1px;
|
||||
margin: 5px 0 10px !important;
|
||||
letter-spacing: 0.2em;
|
||||
border: 1px solid #494;
|
||||
border: 1px groove #524b5e;
|
||||
border-radius: 0 0 2px 2px;
|
||||
border-top: none;
|
||||
background: #000 url(/themes/console/dark/images/header.png) repeat-x scroll center center !important;
|
||||
background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%) !important;
|
||||
/*background: linear-gradient(to bottom, #332940 0%, #1F1A24 100%);*/
|
||||
font-variant: small-caps !important;
|
||||
display: inline-block;
|
||||
margin: 0 0 -3px !important;
|
||||
@ -1130,8 +1147,8 @@ _:-ms-lang(x), .snarkTorrentOdd, .SnarkTorrentEven {
|
||||
}
|
||||
|
||||
.snarkConfigTitle:hover, .toggleview:hover, input.toggle_input:focus + .toggleview {
|
||||
background: #000 !important;
|
||||
background: linear-gradient(to bottom, #001000 50%, #000 50%) !important;
|
||||
/*background: #000 !important;
|
||||
background: linear-gradient(to bottom, #433e47 50%, #1F1A24 50%) !important;*/
|
||||
mix-blend-mode: exclusion !important;
|
||||
transition: ease all 0.1s;
|
||||
}
|
||||
@ -1153,6 +1170,10 @@ _:-ms-lang(x), .snarkTorrentOdd, .SnarkTorrentEven {
|
||||
filter: sepia(1) hue-rotate(70deg);
|
||||
}
|
||||
|
||||
#lowersection {
|
||||
background: #1F1A24;
|
||||
}
|
||||
|
||||
#lowersection:hover .snarkConfigTitle img, #lowersection:hover .toggleview img {
|
||||
will-change: transform;
|
||||
}
|
||||
@ -1189,9 +1210,9 @@ to {
|
||||
margin: -1px -1px -14px !important;
|
||||
display: block;
|
||||
text-align: left;
|
||||
background: #000 url(/themes/console/dark/images/header.png) repeat-x scroll center center !important;
|
||||
background: #000 repeat-x scroll center center !important;
|
||||
background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%) !important;
|
||||
border-top: 1px solid #494;
|
||||
border-top: 1px solid #433e47;
|
||||
padding: 8px;
|
||||
text-transform: uppercase;
|
||||
font-variant: normal;
|
||||
@ -1235,7 +1256,7 @@ hr {
|
||||
}
|
||||
|
||||
a:link {
|
||||
color: #7c7;
|
||||
color: #e6e6e7;
|
||||
text-decoration: none;
|
||||
word-wrap: break-word;
|
||||
border-radius: 0;
|
||||
@ -1243,12 +1264,12 @@ a:link {
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #393;
|
||||
color: #e6e6e7;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover, a:focus {
|
||||
color: #f40 !important;
|
||||
color: #da736b !important;
|
||||
}
|
||||
|
||||
a:active {
|
||||
@ -1259,9 +1280,10 @@ input {
|
||||
text-align: left;
|
||||
padding: 3px 4px !important;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #494;
|
||||
/*border: 1px solid #433e47;*/
|
||||
border: none;
|
||||
background: #000;
|
||||
color: #494;
|
||||
color: #7778bf;
|
||||
margin: 2px 4px 2px 0;
|
||||
font-size: 8pt;
|
||||
font-weight: bold;
|
||||
@ -1294,11 +1316,11 @@ input.disabled, a.controld {
|
||||
input.r {
|
||||
text-align: right;
|
||||
background: #000;
|
||||
border: 1px solid #494;
|
||||
border: 1px solid #433e47;
|
||||
}
|
||||
|
||||
input[type=submit], input[type=submit]:visited, input.disabled:hover {
|
||||
color: #494;
|
||||
color: #e6e6e7;
|
||||
background: #000;
|
||||
border: 1px outset #191;
|
||||
padding: 5px 10px !important;
|
||||
@ -1310,16 +1332,16 @@ input[type=submit], input[type=submit]:visited, input.disabled:hover {
|
||||
}
|
||||
|
||||
input[type=submit]:hover, input[type=submit]:focus, a.control:hover, a.control:focus {
|
||||
border: 1px solid #f60;
|
||||
background-color: #000;
|
||||
color: #f60 !important;
|
||||
border: 1px groove #da736b;
|
||||
background-color: #332940;
|
||||
color: #7778bf !important;
|
||||
box-shadow: 0 1px 1px 0 #ee9 inset;
|
||||
}
|
||||
|
||||
input[type=submit]:active, a.control:active {
|
||||
border: 1px solid #f60;
|
||||
background: #f60;
|
||||
color: #ee9 !important;
|
||||
background: #332940;
|
||||
color: #7778bf !important;
|
||||
text-shadow: none !important;
|
||||
box-shadow: inset 3px 3px 3px #000;
|
||||
box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px #000;
|
||||
@ -1328,7 +1350,7 @@ input[type=submit]:active, a.control:active {
|
||||
input.disabled, input.disabled:hover, input.disabled:focus, input.disabled:active {
|
||||
border: 1px outset #191 !important;
|
||||
box-shadow: none !important;
|
||||
color: #494 !important;
|
||||
color: #433e47 !important;
|
||||
background: #000 !important;
|
||||
}
|
||||
|
||||
@ -1350,6 +1372,7 @@ thead a:active img {
|
||||
|
||||
.snarkTorrentAction {
|
||||
white-space: nowrap;
|
||||
filter: hue-rotate(125deg);
|
||||
}
|
||||
|
||||
.snarkTorrents td[colspan="10"] {
|
||||
@ -1360,16 +1383,17 @@ thead a:active img {
|
||||
margin: 0 2px !important;
|
||||
padding: 4px !important;
|
||||
height: 9px;
|
||||
border: 1px solid #151 !important;
|
||||
border: 1px solid #433e47 !important;
|
||||
border-radius: 2px;
|
||||
box-shadow: inset 0 0 0 1px #000;
|
||||
background: #030;
|
||||
background: linear-gradient(to bottom, #030 50%, #010 50%);
|
||||
box-shadow: inset 0 0 0 1px #433e47;
|
||||
/*background: #030;
|
||||
background: linear-gradient(to bottom, #030 50%, #010 50%);*/
|
||||
background: #433e47;
|
||||
}
|
||||
|
||||
.snarkTorrentAction input[type="image"]:hover, .snarkTorrentAction input[type="image"]:focus {
|
||||
border: 1px solid #f60 !important;
|
||||
background: #060;
|
||||
background: #433e47;
|
||||
background: linear-gradient(to bottom, #060 50%, #010 50%);
|
||||
filter: saturate(150%) drop-shadow(0 0 1px #930) !important;
|
||||
}
|
||||
@ -1384,7 +1408,6 @@ input[type=text], input.r, textarea[name="i2cpOpts"], input[name="nofilter_dataD
|
||||
color: #bb7;
|
||||
padding: 4px 5px !important;
|
||||
background: #000;
|
||||
background: linear-gradient(to bottom, #000, #010);
|
||||
box-shadow: inset 0 0 3px 3px #000;
|
||||
outline: none;
|
||||
}
|
||||
@ -1487,7 +1510,7 @@ select {
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
color: #494;
|
||||
color: #433e47;
|
||||
font-size: 8pt;
|
||||
font-weight: bold;
|
||||
padding: 4px 16px 4px 4px;
|
||||
@ -1534,7 +1557,7 @@ select[disabled], select[disabled]:hover {
|
||||
background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%) !important;
|
||||
border: 1px outset #191;
|
||||
box-shadow: none;
|
||||
color: #494 !important;
|
||||
color: #433e47 !important;
|
||||
opacity: 0.7;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
@ -1549,7 +1572,7 @@ textarea {
|
||||
font-weight: bold;
|
||||
padding: 1px 4px 0;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #494;
|
||||
border: 1px solid #433e47;
|
||||
font-size: 8pt;
|
||||
}
|
||||
|
||||
@ -1558,10 +1581,11 @@ textarea:focus {
|
||||
}
|
||||
|
||||
input[type="submit"], input[type="reset"], select, button, a.control, a.controld {
|
||||
border: 1px solid #8b8;
|
||||
border-bottom: 1px solid #171;
|
||||
border-right: 1px solid #171;
|
||||
background: linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%);
|
||||
border: 1px solid #1F1A24;
|
||||
border-bottom: 1px solid #332940;
|
||||
border-right: 1px solid #332940;
|
||||
background: #1F1A24;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.script {
|
||||
@ -1577,7 +1601,7 @@ a.control, a.controld {
|
||||
margin: 2px 4px 2px 0;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
color: #494 !important;
|
||||
color: #433e47 !important;
|
||||
}
|
||||
|
||||
a.control img, a.controld img, a.control:hover img, a.control img:hover {
|
||||
@ -1642,18 +1666,19 @@ img:hover {
|
||||
/* newtorrent tracker selection */
|
||||
|
||||
#trackerselect {
|
||||
border: 1px solid #131;
|
||||
/*border: 1px solid #131;*/
|
||||
border: 1px groove #524b5e;
|
||||
width: 100% !important;
|
||||
width: calc(100% - 170px) !important;
|
||||
margin: 2px 5px 0;
|
||||
}
|
||||
|
||||
#trackerselect tr:nth-child(even) {
|
||||
background: #000800 !important;
|
||||
background: #332940 !important;
|
||||
}
|
||||
|
||||
#trackerselect tr:nth-child(odd) {
|
||||
background: #001000;
|
||||
background: #1F1A24;
|
||||
border-bottom: 1px inset #000;
|
||||
}
|
||||
|
||||
@ -1666,7 +1691,7 @@ _:-ms-lang(x), #trackerselect tr:last-child {
|
||||
}
|
||||
|
||||
#trackerselect tr:first-child {
|
||||
background: linear-gradient(to bottom, #010, #000);
|
||||
background: linear-gradient(to bottom, #332940, #1F1A24);
|
||||
border-bottom: 1px solid #131;
|
||||
font-weight: bold;
|
||||
}
|
||||
@ -1720,7 +1745,7 @@ _:-ms-lang(x), #trackerselect tr:last-child {
|
||||
}
|
||||
|
||||
.trackerconfig th:first-child {
|
||||
background: url(/themes/snark/ubergine/images/nuke.png) center right 8px no-repeat, linear-gradient(to bottom, #010, #000);
|
||||
background: url(images/delete.png) center right 8px no-repeat, linear-gradient(to bottom, #010, #000);
|
||||
}
|
||||
|
||||
.trackerselect tr:first-child td, .addtorrentsection tr:first-child td {
|
||||
@ -1736,7 +1761,7 @@ _:-ms-lang(x), #trackerselect tr:last-child {
|
||||
}
|
||||
|
||||
.trackerconfig tr:last-child {
|
||||
border: 1px solid #494;
|
||||
border: 1px solid #433e47;
|
||||
background: #000;
|
||||
background: linear-gradient(to bottom, #001100, #000000) repeat scroll 0 0 #000000;
|
||||
}
|
||||
@ -1755,7 +1780,7 @@ _:-ms-lang(x), #trackerselect tr:last-child {
|
||||
}
|
||||
|
||||
.snarkConfig tr:last-child {
|
||||
border: 1px solid #494;
|
||||
border: 1px solid #433e47;
|
||||
}
|
||||
|
||||
.trackerconfig td:first-child {
|
||||
@ -1794,7 +1819,7 @@ _:-ms-lang(x), #trackerselect tr:last-child {
|
||||
}
|
||||
|
||||
.snarkConfig table tr:first-child {
|
||||
border-top: 1px solid #494 !important;
|
||||
border-top: 1px solid #433e47 !important;
|
||||
}
|
||||
|
||||
.trackerconfig th:nth-child(n+4), .trackerconfig th:nth-child(n+5), .trackerconfig td:nth-child(n+4), .trackerconfig td:nth-child(n+5) {
|
||||
@ -1824,7 +1849,7 @@ _:-ms-lang(x), #trackerselect tr:last-child {
|
||||
}
|
||||
|
||||
.configsectionpanel td[colspan="5"] {
|
||||
border-top: 1px solid #494;
|
||||
border-top: 1px solid #433e47;
|
||||
}
|
||||
|
||||
.snarkConfig tr:nth-last-child(2), .snarkConfig tr:hover:nth-last-child(2) {
|
||||
@ -1834,7 +1859,7 @@ _:-ms-lang(x), #trackerselect tr:last-child {
|
||||
.snarkConfig tr:nth-last-child(2) td, .configsectionpanel td[colspan="5"] {
|
||||
text-align: right !important;
|
||||
padding: 11px 15px 0 !important;
|
||||
border-top: 1px solid #494;
|
||||
border-top: 1px solid #433e47;
|
||||
}
|
||||
|
||||
.snarkConfig tr {
|
||||
@ -1881,7 +1906,7 @@ _:-ms-lang(x), #trackerselect tr:last-child {
|
||||
|
||||
.section, .mainsection, .newtorrentsection, .addtorrentsection, .configsection, .configsectionpanel {
|
||||
background: #000;
|
||||
border: 1px solid #494;
|
||||
border: 1px solid #433e47;
|
||||
color: #ee9;
|
||||
text-align: center;
|
||||
}
|
||||
@ -1899,33 +1924,34 @@ _:-ms-lang(x), #trackerselect tr:last-child {
|
||||
.newtorrentsection {
|
||||
margin: -1px 0 10px;
|
||||
padding: 0 10px;
|
||||
background: #000 url(images/snark_create.png) no-repeat scroll right center;
|
||||
background: url(images/snark_create.png) center right no-repeat, linear-gradient(to bottom, rgba(0,40,0,0.3) 0%, rgba(0,15,0,0.5) 100%), url(/themes/console/dark/images/camotile2.png) top left repeat;
|
||||
background: url(images/snark_create.png) no-repeat scroll right center;
|
||||
background-size: 80px 80px, 100% 100%, 175px 175px;
|
||||
background-blend-mode: soft-light, normal, normal;
|
||||
/*filter: hue-rotate(180deg);*/
|
||||
}
|
||||
|
||||
.addtorrentsection {
|
||||
margin: -1px 0 0;
|
||||
padding: 0 10px;
|
||||
background: #000 url(images/snark_add.png) no-repeat scroll right center;
|
||||
background: url(images/snark_add.png) 99% center no-repeat, linear-gradient(to bottom, rgba(0,40,0,0.3) 0%, rgba(0,15,0,0.5) 100%), url(/themes/console/dark/images/camotile2.png) top left repeat;
|
||||
background: url(images/snark_add.png) no-repeat scroll right center;
|
||||
background-size: 61px 61px, 100% 100%, 175px 175px;
|
||||
background-blend-mode: soft-light, normal, normal;
|
||||
/*filter: hue-rotate(180deg);*/
|
||||
}
|
||||
|
||||
.configsection {
|
||||
margin: -11px 0 0;
|
||||
padding: 0 10px 12px;
|
||||
background: url(images/configuration.png) 102% 30% no-repeat, linear-gradient(to bottom, rgba(0,40,0,0.3) 0%, rgba(0,15,0,0.5) 100%), url(/themes/console/dark/images/camotile2.png) top left repeat;
|
||||
background: url(images/configuration.png) no-repeat scroll right center;
|
||||
background-size: 84px 82px, 100% 100%, 175px 175px;
|
||||
background-blend-mode: soft-light, normal, normal;
|
||||
/*filter: hue-rotate(180deg);*/
|
||||
}
|
||||
|
||||
.configsectionpanel {
|
||||
margin: -1px 0 0;
|
||||
padding: 0;
|
||||
background: #000 url(images/configuration.png) no-repeat scroll right center;
|
||||
background: linear-gradient(to bottom, #000 10%, rgba(0,40,0,0.3) 10%, rgba(0,15,0,0.5) 100%), url(/themes/console/dark/images/camotile2.png) top left repeat;
|
||||
background: repeating-linear-gradient(135deg, #000 1px, #000 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, rgba(0,200,0,0.5) 2px, rgba(0,200,0,0.5) 4px), linear-gradient(to bottom, #000 10%, rgba(0,40,0,0.3) 10%, rgba(0,15,0,0.5) 100%), url(/themes/console/dark/images/camotile2.png) top left repeat;
|
||||
background: #1F1A24 url(images/configuration.png) no-repeat scroll right center;
|
||||
background-blend-mode: darken, darken, normal, normal;
|
||||
}
|
||||
|
||||
@ -1969,11 +1995,12 @@ code {
|
||||
border-left: none !important;
|
||||
border-right: none !important;
|
||||
border-radius: 0;
|
||||
border: 1px groove #524b5e;
|
||||
}
|
||||
|
||||
.routerdown {
|
||||
color: #ee9;
|
||||
border-bottom: 1px solid #494;
|
||||
border-bottom: 1px solid #433e47;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
@ -2114,7 +2141,7 @@ input#toggle_addtorrent:checked + label + hr + table, input#toggle_createtorrent
|
||||
|
||||
#dhtdebugPanel {
|
||||
background: linear-gradient(to right, #000, #010, #000);
|
||||
border: 1px solid #494;
|
||||
border: 1px solid #433e47;
|
||||
border-top: none;
|
||||
box-shadow: inset 0 0 0 1px #000;
|
||||
text-align: center;
|
||||
@ -2306,12 +2333,12 @@ td#bwHelp a {
|
||||
}
|
||||
|
||||
.resourceError th {
|
||||
background: url(/themes/console/images/info/errortriangle.png) left 10px center no-repeat, linear-gradient(to bottom, #010, #000);
|
||||
background: url(images/trackererror.png) left 10px center no-repeat, linear-gradient(to bottom, #010, #000);
|
||||
background-size: 24px auto, 100% 100%;
|
||||
padding: 10px 10px 10px 40px;
|
||||
font-size: 10pt !important;
|
||||
border: none;
|
||||
border-bottom: 1px solid #494;
|
||||
border-bottom: 1px solid #433e47;
|
||||
}
|
||||
|
||||
.resourceError td {
|
||||
@ -2331,15 +2358,15 @@ td#bwHelp a {
|
||||
#DoesNotExist {
|
||||
margin-top: 10px;
|
||||
border: none;
|
||||
border-bottom: 1px solid #494;
|
||||
border-bottom: 1px solid #433e47;
|
||||
}
|
||||
|
||||
#DoesNotExist th {
|
||||
border-top: 1px solid #494;
|
||||
border-top: 1px solid #433e47;
|
||||
}
|
||||
|
||||
#NotFound {
|
||||
border-bottom: 1px solid #494;
|
||||
border-bottom: 1px solid #433e47;
|
||||
}
|
||||
|
||||
/* end Resource Errors */
|
||||
@ -2364,8 +2391,8 @@ input[type="radio"][disabled]:hover, input[type="radio"][disabled]:focus {
|
||||
}
|
||||
|
||||
_:-ms-lang(x), .snarkTorrents tr:last-child {
|
||||
border-top: 1px solid #494 !important;
|
||||
border-bottom: 1px solid #494 !important;
|
||||
border-top: 1px solid #433e47 !important;
|
||||
border-bottom: 1px solid #433e47 !important;
|
||||
}
|
||||
|
||||
/* end Edge fix */
|
||||
@ -2379,7 +2406,7 @@ input[type="checkbox"], input[type="checkbox"]:checked, input[type="checkbox"][d
|
||||
height: 19px;
|
||||
border-radius: 2px;
|
||||
-webkit-appearance: inherit;
|
||||
border: 1px solid #494;
|
||||
border: 1px solid #524b5e;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
filter: none !important;
|
||||
@ -2404,10 +2431,10 @@ input[type="radio"], input[type="radio"]:checked, input[type="radio"][disabled],
|
||||
background: linear-gradient(to bottom, #010, #000);
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
box-shadow: inset 0 0 2px green;
|
||||
box-shadow: inset 0 0 2px #7778bf;
|
||||
border-radius: 50%;
|
||||
-webkit-appearance: none;
|
||||
border: 1px solid #494;
|
||||
border: 1px solid #524b5e;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
filter: none !important;
|
||||
@ -2455,10 +2482,10 @@ input.toggle_input, input.toggle_input:checked { /* hide checkbox and use label
|
||||
|
||||
.snarkCommentInfo, .snarkComments {
|
||||
margin: 10px 0 0 !important;
|
||||
border: 1px solid #494;
|
||||
border: 1px solid #433e47;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
background: #001100 url(/themes/console/dark/images/camotile2.png) repeat scroll center bottom;
|
||||
background: #001100 repeat scroll center bottom;
|
||||
filter: drop-shadow(0px 0 1px rgba(16, 8, 16, 0.7));
|
||||
}
|
||||
|
||||
@ -2468,26 +2495,26 @@ input.toggle_input, input.toggle_input:checked { /* hide checkbox and use label
|
||||
}
|
||||
|
||||
.snarkCommentInfo th, .snarkComments th {
|
||||
background: linear-gradient(to bottom, #003000, #000 75%);
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%);
|
||||
/*background: linear-gradient(to bottom, #003000, #000 75%);
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%);*/
|
||||
padding: 8px 5px;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.snarkCommentInfo tr:nth-child(even), .snarkComments tr:nth-child(odd) {
|
||||
background: #001000;
|
||||
background: #332940;
|
||||
border-bottom: 1px inset #000;
|
||||
}
|
||||
|
||||
.snarkCommentInfo tr:nth-child(odd), .snarkComments tr:nth-child(even) {
|
||||
background: #000800;
|
||||
background: #332940;
|
||||
border-bottom: 1px inset #000;
|
||||
}
|
||||
|
||||
.snarkCommentInfo th {
|
||||
padding: 8px 5px 8px 30px;
|
||||
background: url(images/comment.png) 8px center no-repeat, linear-gradient(to bottom, #003000, #000 75%);
|
||||
background: url(images/comment.png) 8px center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%);
|
||||
background: url(images/comment.png) 8px center no-repeat, #1F1A24; /*linear-gradient(to bottom, #003000, #000 75%);*/
|
||||
/*background: url(images/comment.png) 8px center no-repeat, ; linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%);*/
|
||||
}
|
||||
|
||||
.snarkCommentInfo td, .snarkComments td {
|
||||
@ -2890,10 +2917,6 @@ textarea[name="i2cpOpts"] {
|
||||
.snarkTorrentName:hover a, .snarkFileName:hover a {
|
||||
margin: -2px 0 -2px -2px;
|
||||
padding: 3px 3px 3px 5px;
|
||||
background: rgba(0,16,0,0.3);
|
||||
border: 1px solid #002000;
|
||||
border-radius: 2px 20px 20px 2px;
|
||||
box-shadow: inset 2px 2px 2px rgba(0,8,0,0.5);
|
||||
}
|
||||
|
||||
.snarkFileName:hover a {
|
||||
@ -2912,7 +2935,7 @@ textarea[name="i2cpOpts"] {
|
||||
|
||||
.page {
|
||||
padding: 10px;
|
||||
border: 1px solid #494;
|
||||
border: 1px solid #433e47;
|
||||
}
|
||||
|
||||
#configs td:first-child::after {
|
||||
@ -3083,7 +3106,7 @@ th.snarkTorrentStatus a img, .snarkTorrentETA a img, .snarkTrackerDetails a img,
|
||||
|
||||
.snarkTorrentInfo th:nth-child(2) {
|
||||
padding-left: 5px;
|
||||
border-bottom: 1px solid #494 !important;
|
||||
border-bottom: 1px solid #433e47 !important;
|
||||
}
|
||||
|
||||
.snarkDirInfo td.snarkFileStatus {
|
||||
@ -3189,7 +3212,7 @@ th a img {
|
||||
border: 2px solid #000;
|
||||
border-radius: 50%;
|
||||
background: #000;
|
||||
background: linear-gradient(to bottom, #000 50%, #040 50%);
|
||||
background: linear-gradient(to bottom, #000 50%, #1f1A24 50%);
|
||||
}
|
||||
|
||||
.configsection .snarkConfigTitle a img {
|
||||
|
||||
@ -4,9 +4,9 @@
|
||||
body {
|
||||
font-family: "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Helvetica, sans-serif;
|
||||
line-height: 120%;
|
||||
background: #000;
|
||||
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.45)), url(/themes/console/dark/images/camotile2.png) top left fixed;
|
||||
color: #ee9;
|
||||
background: #1F1A24;
|
||||
/*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.45)), url(/themes/console/dark/images/camotile2.png) top left fixed;*/
|
||||
color: #e6e6e7;
|
||||
padding-top: 5px;
|
||||
margin: 0 10px;
|
||||
min-width: 650px;
|
||||
@ -15,7 +15,6 @@ body {
|
||||
body.iframed {
|
||||
/* background: transparent !important;*/
|
||||
margin: 0;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
::selection {
|
||||
@ -38,7 +37,7 @@ body.iframed {
|
||||
}
|
||||
|
||||
.page {
|
||||
color:#ee9;
|
||||
color:#e6e6e7;
|
||||
margin: 10px 0;
|
||||
padding: 0 5px;
|
||||
font-size: 9pt !important;
|
||||
@ -67,11 +66,12 @@ body.iframed {
|
||||
top: -1px;
|
||||
z-index: 999;
|
||||
text-align: center;
|
||||
border: 1px solid #2a5f29;
|
||||
border: 1px solid #292929;
|
||||
border-radius: 0 1px 2px 2px;
|
||||
box-shadow: inset 0 0 0 1px #000, 0 2px 2px 2px rgba(0,0,0,0.7);
|
||||
background: #000 url(/themes/console/dark/images/header.png) repeat-x scroll center center !important;
|
||||
background: repeating-linear-gradient(135deg, #000 1px, #000 2px, #010 2px, #010 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, #010 2px, #010 4px), linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%), url(/themes/console/dark/images/camotile2.png) top left !important;
|
||||
background: #1F1A24 !important;
|
||||
/*url(/themes/console/dark/images/header.png) repeat-x scroll center center !important;*/
|
||||
/*background: repeating-linear-gradient(135deg, #000 1px, #000 2px, #010 2px, #010 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, #010 2px, #010 4px), linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%), url(/themes/console/dark/images/camotile2.png) top left !important;*/
|
||||
background-blend-mode: exclusion, exclusion, normal, normal;
|
||||
}
|
||||
|
||||
@ -84,7 +84,8 @@ body.iframed {
|
||||
border-left: none;
|
||||
border-radius: 0;
|
||||
box-shadow: inset 0 0 0 1px #000;
|
||||
background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%), url(/themes/console/dark/images/camotile2.png) top left !important;
|
||||
/*background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%), url(/themes/console/dark/images/camotile2.png) top left !important;*/
|
||||
background: #1F1A24;
|
||||
background-blend-mode: exclusion, normal;
|
||||
}
|
||||
|
||||
@ -92,17 +93,9 @@ body.iframed {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
#navi a:first-child {
|
||||
border-radius: 4px 0 0 4px;
|
||||
}
|
||||
|
||||
#navi a:last-child {
|
||||
border-radius: 0 4px 4px 0;
|
||||
}
|
||||
|
||||
#navi a, #navi a:visited {
|
||||
color: #494 !important;
|
||||
border: 1px solid #2a5f29;
|
||||
border: 1px solid #292929;
|
||||
display: inline-block;
|
||||
margin: 1px -2px;
|
||||
box-shadow: inset 0 0 0 1px #000, 0 0 0 1px #000;
|
||||
@ -110,52 +103,53 @@ body.iframed {
|
||||
padding: 2px 6px 3px 24px;
|
||||
position: relative;
|
||||
text-shadow: 0 1px 1px #000;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
#navi a:hover, #navi a:focus {
|
||||
border: 1px solid #f60;
|
||||
color: #f60 !important;
|
||||
border: 1px solid #da736b;
|
||||
color: #da736b !important;
|
||||
background: #000;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
#navi a:active {
|
||||
border: 1px solid #f60;
|
||||
border: 1px solid #da736b;
|
||||
box-shadow: inset 3px 3px 3px #000;
|
||||
box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px #000;
|
||||
color: #ee9 !important;
|
||||
color: #e6e6e7 !important;
|
||||
background-blend-mode: luminosity;
|
||||
}
|
||||
|
||||
#navi a.abook {
|
||||
background: #000 url(/themes/susidns/images/abook.png) 5px center no-repeat;
|
||||
background: url(/themes/susidns/images/abook.png) 5px center no-repeat, linear-gradient(to bottom, #020 0%, #020 50%, #000 50%, #000 100%);
|
||||
background: #332940 url(/themes/susidns/images/abook.png) 5px center no-repeat;
|
||||
background: url(/themes/susidns/images/abook.png) 5px center no-repeat, #332940;
|
||||
}
|
||||
|
||||
#navi a.abook:hover, #navi a.abook:focus {
|
||||
background: #000 url(/themes/susidns/images/abook.png) 5px center no-repeat !important;
|
||||
background: #332940 url(/themes/susidns/images/abook.png) 5px center no-repeat !important;
|
||||
}
|
||||
|
||||
#navi a.abook:active {
|
||||
background: #f60 url(/themes/susidns/images/abook.png) 5px center no-repeat !important;
|
||||
background: #da736b url(/themes/susidns/images/abook.png) 5px center no-repeat !important;
|
||||
}
|
||||
|
||||
#navi a#subs {
|
||||
background: #000 url(/themes/susidns/images/subs.png) 5px center no-repeat;
|
||||
background: url(/themes/susidns/images/subs.png) 5px center no-repeat, linear-gradient(to bottom, #020 0%, #020 50%, #000 50%, #000 100%);
|
||||
background: #332940 url(/themes/susidns/images/subs.png) 5px center no-repeat;
|
||||
background: url(/themes/susidns/images/subs.png) 5px center no-repeat, #1F1A24;
|
||||
}
|
||||
|
||||
#navi a#subs:hover, #navi a#subs:focus {
|
||||
background: #000 url(/themes/susidns/images/subs.png) 5px center no-repeat !important;
|
||||
background: #332940 url(/themes/susidns/images/subs.png) 5px center no-repeat !important;
|
||||
}
|
||||
|
||||
#navi a#subs:active {
|
||||
background: #f60 url(/themes/susidns/images/subs.png) 5px center no-repeat !important;
|
||||
background: #da736b url(/themes/susidns/images/subs.png) 5px center no-repeat !important;
|
||||
}
|
||||
|
||||
#navi a#config {
|
||||
background: #000 url(/themes/console/images/buttons/configure.png) 5px center no-repeat;
|
||||
background: url(/themes/console/images/buttons/configure.png) 5px center no-repeat, linear-gradient(to bottom, #020 0%, #020 50%, #000 50%, #000 100%);
|
||||
background: url(/themes/console/images/buttons/configure.png) 5px center no-repeat, #1F1A24;
|
||||
}
|
||||
|
||||
#navi a#config:hover, #navi a#config:focus {
|
||||
@ -163,20 +157,20 @@ body.iframed {
|
||||
}
|
||||
|
||||
#navi a#config:active {
|
||||
background: #f60 url(/themes/console/images/buttons/configure.png) 5px center no-repeat !important;
|
||||
background: #da736b url(/themes/console/images/buttons/configure.png) 5px center no-repeat !important;
|
||||
}
|
||||
|
||||
#navi a#overview {
|
||||
background: #000 url(/themes/susidns/images/overview.png) 5px center no-repeat;
|
||||
background: url(/themes/susidns/images/overview.png) 5px center no-repeat, linear-gradient(to bottom, #020 0%, #020 50%, #000 50%, #000 100%);
|
||||
background: #1F1A24 url(/themes/susidns/images/overview.png) 5px center no-repeat;
|
||||
background: url(/themes/susidns/images/overview.png) 5px center no-repeat, #1F1A24;
|
||||
}
|
||||
|
||||
#navi a#overview:hover, #navi a#overview:focus {
|
||||
background: #000 url(/themes/susidns/images/overview.png) 5px center no-repeat !important;
|
||||
background: #1F1A24 url(/themes/susidns/images/overview.png) 5px center no-repeat !important;
|
||||
}
|
||||
|
||||
#navi a#overview:active {
|
||||
background: #f60 url(/themes/susidns/images/overview.png) 5px center no-repeat !important;
|
||||
background: #1F1A24 url(/themes/susidns/images/overview.png) 5px center no-repeat !important;
|
||||
}
|
||||
|
||||
/* end topnav */
|
||||
@ -193,14 +187,14 @@ hr {
|
||||
}
|
||||
|
||||
div#filter {
|
||||
border: 1px solid #2a5f29;
|
||||
border: 1px solid #292929;
|
||||
padding: 0 5px 15px;
|
||||
text-align: center;
|
||||
background: #001000;
|
||||
background: #332940;
|
||||
}
|
||||
|
||||
div#filter + div#search {
|
||||
border: 1px solid #2a5f29;
|
||||
border: 1px solid #292929;
|
||||
margin: -1px 0 14px !important;
|
||||
}
|
||||
|
||||
@ -243,13 +237,13 @@ div#filter + div#search > form {
|
||||
}
|
||||
|
||||
#filter a {
|
||||
border: 1px solid #2a5f29;
|
||||
border: 1px solid #292929;
|
||||
margin: 1px 0 3px;
|
||||
padding: 1px 8px;
|
||||
min-width: 12px;
|
||||
border-radius: 2px;
|
||||
background: #000;
|
||||
background: linear-gradient(to bottom, #010 0%, #000 100%);
|
||||
background: #1F1A24;
|
||||
/*background: linear-gradient(to bottom, #010 0%, #000 100%);*/
|
||||
font-size: 10pt;
|
||||
text-transform: uppercase;
|
||||
white-space: nowrap;
|
||||
@ -259,8 +253,8 @@ div#filter + div#search > form {
|
||||
|
||||
#filter a:hover {
|
||||
text-decoration: none;
|
||||
color: #f60;
|
||||
border: 1px solid #f60;
|
||||
color: #da736b;
|
||||
border: 1px solid #da736b;
|
||||
border-radius: 2px;
|
||||
background: #020;
|
||||
}
|
||||
@ -271,7 +265,7 @@ div#filter + div#search > form {
|
||||
|
||||
#filter span {
|
||||
display: inline-block;
|
||||
border: 1px solid #2a5f29;
|
||||
border: 1px solid #292929;
|
||||
min-width: 300px;
|
||||
white-space: nowrap;
|
||||
margin-top: -1px;
|
||||
@ -279,7 +273,7 @@ div#filter + div#search > form {
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
text-transform: capitalize;
|
||||
background-image: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 51%, #000 100%) !important;
|
||||
background-image: linear-gradient(to bottom, #1F1A24 0%, #332940 50%, #332940 51%, #332940 100%) !important;
|
||||
}
|
||||
|
||||
#filter span a, #filter span a:hover {
|
||||
@ -300,7 +294,7 @@ div#filter + div#search > form {
|
||||
}
|
||||
|
||||
p {
|
||||
color:#ee9;
|
||||
color:#e6e6e7;
|
||||
margin: 0 0 4px;
|
||||
font-size: 9pt;
|
||||
text-align: justify;
|
||||
@ -311,14 +305,15 @@ span.addrhlpr {
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #ee9;
|
||||
color: #e6e6e7;
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
border: 1px solid #2a5f29;
|
||||
border: 1px solid #292929;
|
||||
padding: 7px 10px;
|
||||
background: #000 url(/themes/console/dark/images/header.png) repeat-x scroll center center;
|
||||
/*background: #000 url(/themes/console/dark/images/header.png) repeat-x scroll center center;
|
||||
background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%);
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%);
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%);*/
|
||||
background: #1F1A24;
|
||||
letter-spacing: 0.08em;
|
||||
word-spacing: 0.1em;
|
||||
text-shadow: 0 0 2px #001100;
|
||||
@ -369,7 +364,7 @@ div#messages {
|
||||
margin: -16px 0 25px !important;
|
||||
background: #020;
|
||||
z-index: 999;
|
||||
border: 1px solid #2a5f29;
|
||||
border: 1px solid #292929;
|
||||
box-shadow: inset 0 0 0 1px #000;
|
||||
line-height: 120%;
|
||||
}
|
||||
@ -377,14 +372,14 @@ div#messages {
|
||||
#messages p {
|
||||
padding: 15px 15px 15px 40px !important;
|
||||
background: url(/themes/console/dark/images/infohelp.png) 6px center no-repeat;
|
||||
color: #ee9;
|
||||
color: #e6e6e7;
|
||||
padding: 5px 5px 10px;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#messages + p, p.book {
|
||||
border: 1px solid #2a5f29;
|
||||
border: 1px solid #292929;
|
||||
background: #000 url(/themes/susidns/images/addressbook.png) 10px center no-repeat;
|
||||
padding: 20px 20px 20px 50px !important;
|
||||
}
|
||||
@ -426,14 +421,18 @@ h4 {
|
||||
font-size: 9pt;
|
||||
margin-top: -15px;
|
||||
word-spacing: 0.1em;
|
||||
border: 1px solid #2a5f29;
|
||||
border: 1px solid #292929;
|
||||
padding: 8px 10px 8px 35px;
|
||||
margin-bottom: 30px !important;
|
||||
background: url(/themes/susidns/images/drive.png) 9px center no-repeat #000 !important;
|
||||
background: url(/themes/susidns/images/drive.png) 9px center no-repeat #332940 !important;
|
||||
}
|
||||
|
||||
a {
|
||||
color: e6e6e7;
|
||||
}
|
||||
|
||||
a:link, #filter a:visited {
|
||||
color: #494;
|
||||
color: #e6e6e7;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
outline: none;
|
||||
@ -441,7 +440,7 @@ a:link, #filter a:visited {
|
||||
|
||||
a:hover, a:focus {
|
||||
text-decoration: none;
|
||||
color: #f60 !important;
|
||||
color: #da736b !important;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
@ -450,18 +449,18 @@ a:visited {
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: #f90 !important;
|
||||
color: #da736b !important;
|
||||
}
|
||||
|
||||
th {
|
||||
color: #ee9;
|
||||
color: #e6e6e7;
|
||||
font-size: 9pt;
|
||||
padding: 5px 10px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
td {
|
||||
color: #ee9;
|
||||
color: #e6e6e7;
|
||||
padding: 5px;
|
||||
font-size: 9pt;
|
||||
vertical-align: middle;
|
||||
@ -480,7 +479,7 @@ input[type="checkbox"], input[type="radio"] {
|
||||
}
|
||||
|
||||
input[type="checkbox"]:hover, input[type="radio"]:hover, input[type="checkbox"]:focus, input[type="radio"]:focus {
|
||||
filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%) drop-shadow(0 0 3px #f60);
|
||||
filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%) drop-shadow(0 0 3px #da736b);
|
||||
}
|
||||
|
||||
.iframed #visualid {
|
||||
@ -497,7 +496,7 @@ input[type="checkbox"]:hover, input[type="radio"]:hover, input[type="checkbox"]:
|
||||
|
||||
#visualid table {
|
||||
width: 100%;
|
||||
border: 1px solid #2a5f29;
|
||||
border: 1px solid #292929;
|
||||
border-collapse: collapse;
|
||||
background: #000900;
|
||||
}
|
||||
@ -516,7 +515,7 @@ input[type="checkbox"]:hover, input[type="radio"]:hover, input[type="checkbox"]:
|
||||
|
||||
#visualid td[colspan="2"] {
|
||||
padding: 15px 3px;
|
||||
border-top: 1px solid #2a5f29;
|
||||
border-top: 1px solid #292929;
|
||||
}
|
||||
|
||||
#visualid tr:last-child {
|
||||
@ -531,7 +530,7 @@ td > img[width="320"], td > img[src^="/imagegen"] {
|
||||
border-radius: 4px;
|
||||
width: 240px;
|
||||
height: 240px;
|
||||
border: 1px solid #2a5f29;
|
||||
border: 1px solid #292929;
|
||||
padding: 5px;
|
||||
margin: 10px 3px;
|
||||
background: #000;
|
||||
@ -547,7 +546,7 @@ ol, ul {
|
||||
}
|
||||
|
||||
li {
|
||||
color: #ee9;
|
||||
color: #e6e6e7;
|
||||
margin: 0;
|
||||
font-size: 9pt;
|
||||
list-style: square;
|
||||
@ -555,15 +554,15 @@ li {
|
||||
}
|
||||
|
||||
tr.list1 {
|
||||
background-color: #000900;
|
||||
background-color: #332940;
|
||||
}
|
||||
|
||||
tr.list0 {
|
||||
background-color: #001000;
|
||||
background-color: #1F1A24;
|
||||
}
|
||||
|
||||
.help {
|
||||
border: 1px solid #2a5f29;
|
||||
border: 1px solid #292929;
|
||||
padding: 20px 30px;
|
||||
}
|
||||
|
||||
@ -581,7 +580,7 @@ tr.list0 {
|
||||
|
||||
#helpsubs {
|
||||
padding: 0 0 0 40px;
|
||||
background: #000 url(/themes/console/dark/images/infohelp.png) 15px center no-repeat !important;
|
||||
background: #332940 url(/themes/console/dark/images/infohelp.png) 15px center no-repeat !important;
|
||||
}
|
||||
|
||||
#helpsubs p {
|
||||
@ -591,7 +590,7 @@ tr.list0 {
|
||||
}
|
||||
|
||||
#helpconfig {
|
||||
background: #000;
|
||||
background: #332940;
|
||||
}
|
||||
|
||||
#helpconfig ul {
|
||||
@ -635,14 +634,14 @@ p.buttons, #buttons {
|
||||
}
|
||||
|
||||
div#book + div#buttons {
|
||||
border: 1px solid #2a5f29;
|
||||
border: 1px solid #292929;
|
||||
padding: 0 0 10px;
|
||||
margin-top: 3px;
|
||||
background: #000;
|
||||
background: #1F1A24;
|
||||
}
|
||||
|
||||
form[action="export"] > div#buttons {
|
||||
border: 1px solid #2a5f29;
|
||||
border: 1px solid #292929;
|
||||
padding: 0 0 10px;
|
||||
margin-top: 15px;
|
||||
background: #000;
|
||||
@ -660,11 +659,11 @@ textarea[name="config"] {
|
||||
}
|
||||
|
||||
div#config + div#buttons, div#content + div#buttons {
|
||||
border: 1px solid #2a5f29;
|
||||
border: 1px solid #292929;
|
||||
margin-top: -3px;
|
||||
padding: 5px;
|
||||
margin-bottom: 15px;
|
||||
background: #000;
|
||||
background: #1F1A24;
|
||||
}
|
||||
|
||||
div#content + div#buttons {
|
||||
@ -680,8 +679,8 @@ div#content + div#buttons {
|
||||
border: 1px solid #fff;
|
||||
font-size: 10pt;
|
||||
box-shadow: inset 0px 0px 1px 0px #020;
|
||||
background: #fff;
|
||||
background: rgba(255,255,255,0.3);
|
||||
/*background: #1F1A24;*/
|
||||
/*background: rgba(255,255,255,0.3);*/
|
||||
opacity: 0.8;
|
||||
filter: invert(1) sepia(100%) hue-rotate(30deg);
|
||||
}
|
||||
@ -708,24 +707,24 @@ div#book, #emptybook {
|
||||
|
||||
#book table {
|
||||
width: 100%;
|
||||
border: 1px solid #2a5f29;
|
||||
border: 1px solid #292929;
|
||||
border-collapse: separate;
|
||||
}
|
||||
|
||||
#book tr.head {
|
||||
background: url(/themes/console/dark/images/header.png) repeat-x scroll center center #000;
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #002000, #000 75%) !important;
|
||||
background: #1F1A24;
|
||||
/*background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #002000, #000 75%) !important;*/
|
||||
}
|
||||
|
||||
#book table th {
|
||||
padding: 10px 0;
|
||||
border-bottom: 1px solid #2a5f29;
|
||||
border-bottom: 1px solid #292929;
|
||||
}
|
||||
|
||||
|
||||
#book th:last-child {
|
||||
background: url(/themes/console/dark/images/header.png) repeat-x scroll center center #000;
|
||||
background: url(images/bin.png) center center no-repeat !important;
|
||||
background: #1F1A24;
|
||||
background: url(images/bin.png) center center no-repeat #1F1A24 !important;
|
||||
}
|
||||
|
||||
|
||||
@ -735,17 +734,18 @@ div#book, #emptybook {
|
||||
}
|
||||
|
||||
#book table tr:hover td {
|
||||
background: #001a00;
|
||||
border-bottom: 1px solid #2a5f29;
|
||||
border-top: 1px solid #2a5f29;
|
||||
background: #7778bf;
|
||||
border-bottom: 1px solid #292929;
|
||||
border-top: 1px solid #292929;
|
||||
}
|
||||
|
||||
#book table tr:nth-child(2):hover td {
|
||||
border-top: 1px solid transparent;
|
||||
background: #7778bf;
|
||||
}
|
||||
|
||||
#book table tr:hover td textarea {
|
||||
color: #ee9;
|
||||
color: #e6e6e7;
|
||||
}
|
||||
|
||||
#book input[type="checkbox"] {
|
||||
@ -753,10 +753,10 @@ div#book, #emptybook {
|
||||
}
|
||||
|
||||
div#add, div#import {
|
||||
border: 1px solid #2a5f29;
|
||||
border: 1px solid #292929;
|
||||
padding: 0 0 10px;
|
||||
margin-top: 23px;
|
||||
background: #000;
|
||||
background: #332940;
|
||||
}
|
||||
|
||||
#add h3, #import h3 {
|
||||
@ -785,15 +785,16 @@ div#add, div#import {
|
||||
|
||||
#add p.buttons, #import p.buttons {
|
||||
margin-top: 5px;
|
||||
border-top: 1px solid #2a5f29;
|
||||
border-top: 1px solid #292929;
|
||||
padding-top: 5px;
|
||||
background: #1F1A24;
|
||||
}
|
||||
|
||||
input[type="submit"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="reset"]:focus, .fakebutton:hover, #fakebutton:focus {
|
||||
background: #000;
|
||||
color: #f60;
|
||||
border: 1px solid #f60;
|
||||
box-shadow: inset 0 1px 1px 0 #ee9;
|
||||
color: #da736b;
|
||||
border: 1px solid #da736b;
|
||||
box-shadow: inset 0 1px 1px 0 #e6e6e7;
|
||||
}
|
||||
|
||||
.fakebutton, .fakebutton:visited {
|
||||
@ -801,7 +802,7 @@ input[type="submit"]:hover, input[type="reset"]:hover, input[type="submit"]:focu
|
||||
}
|
||||
|
||||
.fakebutton:hover, .fakebutton:focus {
|
||||
color: #f60;
|
||||
color: #da736b;
|
||||
}
|
||||
|
||||
input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
|
||||
@ -815,16 +816,17 @@ input {
|
||||
text-align: left;
|
||||
padding: 5px !important;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #2a5f29;
|
||||
border: 1px solid #292929;
|
||||
background: #000 none !important;
|
||||
color: #494;
|
||||
margin: 2px 4px 2px 0;
|
||||
font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Helvetica, sans-serif;
|
||||
min-width: 64px !important;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
input[type="submit"], input[type="reset"], .fakebutton {
|
||||
color: #494;
|
||||
color: #e6e6e7;
|
||||
background: #000;
|
||||
border: 1px outset #191;
|
||||
border-radius: 2px;
|
||||
@ -838,19 +840,20 @@ input[type="submit"], input[type="reset"], .fakebutton {
|
||||
}
|
||||
|
||||
input[type=submit]:active, input[type=reset]:active, .fakebutton:active {
|
||||
background: #f60 !important;
|
||||
color: #ee9 !important;
|
||||
border: 1px solid #f60;
|
||||
background: #da736b !important;
|
||||
color: #e6e6e7 !important;
|
||||
border: 1px solid #da736b;
|
||||
filter: none;
|
||||
box-shadow: inset 3px 3px 3px #000;
|
||||
box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px #000;
|
||||
}
|
||||
|
||||
input[type="submit"], input[type="reset"], select, button { /* webkit/blink fix for oversaturated colors */
|
||||
border: 1px solid #8b8;
|
||||
border-bottom: 1px solid #171;
|
||||
border-right: 1px solid #171;
|
||||
background: linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%) !important;
|
||||
border: 1px groove #332940;
|
||||
border-bottom: 1px groove #292929;
|
||||
border-right: 1px groove #292929;
|
||||
background: #1F1A24 !important;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
@ -859,14 +862,15 @@ input[type="text"] {
|
||||
|
||||
input[type="text"], textarea {
|
||||
background: #000;
|
||||
background: linear-gradient(to bottom, #000 0%, #010 100%) !important;
|
||||
/*background: linear-gradient(to bottom, #000 0%, #010 100%) !important;*/
|
||||
box-shadow: inset 0 0 3px 3px #000;
|
||||
color: #bb7;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
textarea {
|
||||
color: #bb7;
|
||||
border: 1px solid #2a5f29;
|
||||
border: 1px solid #292929;
|
||||
padding: 3px 5px;
|
||||
font: bold 8.5pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
|
||||
border-radius: 2px;
|
||||
@ -882,7 +886,7 @@ textarea[cols="70"] {
|
||||
}
|
||||
|
||||
input:focus, textarea:focus {
|
||||
color: #ee9;
|
||||
color: #e6e6e7;
|
||||
background: #000 !important;
|
||||
filter: drop-shadow(0 0 1px #880);
|
||||
transition: ease filter 0.3s;
|
||||
@ -895,7 +899,7 @@ textarea:focus {
|
||||
}
|
||||
|
||||
input[name="search"] {
|
||||
background: url(/themes/console/images/buttons/search.png) 5px center no-repeat, linear-gradient(to bottom, #000 0%, #010 100%) !important;
|
||||
background: url(/themes/console/images/buttons/search.png) 5px center no-repeat, #000 !important;
|
||||
padding: 5px 5px 5px 25px !important;
|
||||
}
|
||||
|
||||
@ -908,8 +912,7 @@ input[name="search"]:focus {
|
||||
|
||||
.headline h3 {
|
||||
padding: 10px 5px 10px 35px;
|
||||
background: url(/themes/susidns/images/addressbook.png) 5px center no-repeat, linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%);
|
||||
background: url(/themes/susidns/images/addressbook.png) 5px center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%);
|
||||
background: url(/themes/susidns/images/addressbook.png) 5px center no-repeat, #1F1A24;
|
||||
font-size: 11pt;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
@ -917,13 +920,17 @@ input[name="search"]:focus {
|
||||
}
|
||||
|
||||
.headline#subscriptions h3 {
|
||||
background: url(/themes/susidns/images/subs_24.png) 5px center no-repeat, linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%);
|
||||
background: url(/themes/susidns/images/subs_24.png) 5px center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%);
|
||||
background: url(/themes/susidns/images/subs_24.png) 5px center no-repeat;
|
||||
/*linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%);*/
|
||||
background: url(/themes/susidns/images/subs_24.png) 5px center no-repeat;
|
||||
/*linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%);*/
|
||||
}
|
||||
|
||||
.headline#configure h3 {
|
||||
background: url(/themes/susidns/images/configure_24.png) 5px center no-repeat, linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%);
|
||||
background: url(/themes/susidns/images/configure_24.png) 5px center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%);
|
||||
background: url(/themes/susidns/images/configure_24.png) 5px center no-repeat ;
|
||||
/*, linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%);*/
|
||||
background: url(/themes/susidns/images/configure_24.png) 5px center no-repeat;
|
||||
/*, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%);*/
|
||||
}
|
||||
|
||||
/* export hosts button adjustments */
|
||||
@ -951,8 +958,8 @@ p.book {
|
||||
}
|
||||
|
||||
#messages + p, p.book {
|
||||
border: 1px solid #2a5f29;
|
||||
background: #000 url(/themes/susidns/images/addressbook.png) 5px center no-repeat;
|
||||
border: 1px solid #292929;
|
||||
background: #332940 url(/themes/susidns/images/addressbook.png) 5px center no-repeat;
|
||||
}
|
||||
|
||||
/* hide export button on published addressbook if empty */
|
||||
@ -1010,7 +1017,7 @@ p.book {
|
||||
}
|
||||
|
||||
.names img:hover, .names a:focus img {
|
||||
border: 1px solid #f60;
|
||||
border: 1px solid #da736b;
|
||||
}
|
||||
|
||||
.names a:active img, .names a:focus img {
|
||||
@ -1102,7 +1109,7 @@ p.book {
|
||||
|
||||
#host_list td:nth-child(2) a:hover, #host_list td:nth-child(3) a:hover, #host_list td:nth-child(4) a:hover,
|
||||
#host_list td:nth-child(2) a:focus, #host_list td:nth-child(3) a:focus, #host_list td:nth-child(4) a:focus {
|
||||
filter: drop-shadow(0 0 1px #f60);
|
||||
filter: drop-shadow(0 0 1px #da736b);
|
||||
}
|
||||
|
||||
.destaddress:focus {
|
||||
@ -1160,7 +1167,7 @@ _:-ms-lang(x), * {
|
||||
}
|
||||
|
||||
#navi a.abook:active, #navi a#overview:active, #navi a#subs:active, #navi a#config:active {
|
||||
background: #f60 !important;
|
||||
background: #da736b !important;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1213,7 +1220,7 @@ h3, #filter a, #filter span {
|
||||
}
|
||||
|
||||
div#filter {
|
||||
background: linear-gradient(to right, #000, #001000 10%, #001000 90%, #000);
|
||||
background: #332940;
|
||||
}
|
||||
|
||||
form[action="addressbook"] > p.buttons {
|
||||
|
||||
@ -7,8 +7,7 @@ html {
|
||||
}
|
||||
|
||||
body {
|
||||
background: url(/themes/console/dark/images/camotile2.png) top left fixed #000;
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.7)), url(/themes/console/dark/images/camotile2.png) top left scroll #000;
|
||||
background: #1F1A24;
|
||||
background-size: 100% 100%, 175px 175px !important;
|
||||
color: #ee9;
|
||||
font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
|
||||
@ -24,7 +23,6 @@ body {
|
||||
}
|
||||
|
||||
body.iframed {
|
||||
background: transparent !important;
|
||||
margin: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
@ -143,19 +141,11 @@ p.mailbody, textarea {
|
||||
div.topbuttons {
|
||||
padding: 8px 0 !important;
|
||||
font-weight: bold;
|
||||
border: 1px solid #494;
|
||||
border-bottom: 0 solid;
|
||||
border-radius: 2px 2px 0 0;
|
||||
margin-bottom: -4px;
|
||||
margin-top: -1px;
|
||||
margin: -1px -1px -4px -1px;
|
||||
border-bottom: 1px solid #494;
|
||||
box-shadow: inset 0 0 0 1px #000;
|
||||
background: #000;
|
||||
background: linear-gradient(to bottom, #002000 0%, #000 100%);
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #002000, #000 75%) !important;
|
||||
background: repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.5) 2px, rgba(0,64,0,0.5) 4px), linear-gradient(to bottom, rgba(0,32,0,0.5), rgba(0,0,0,0.8)), url(/themes/console/dark/images/camotile2.png) top left !important;
|
||||
box-shadow: inset 0 0 0 2px #000;
|
||||
}
|
||||
|
||||
.iframed .topbuttons {
|
||||
@ -201,7 +191,7 @@ table#mailbox {
|
||||
}
|
||||
|
||||
#mailbox tr:nth-child(2) {
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important;
|
||||
/*background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important;*/
|
||||
}
|
||||
|
||||
#mailbox th {
|
||||
@ -244,6 +234,7 @@ table#mailbox td[colspan="5"], table#mailbox td[colspan="4"] {
|
||||
table#mailbox td[colspan="5"] {
|
||||
border-bottom: none;
|
||||
padding: 9px 6px 6px !important;
|
||||
background: #1F1A24;
|
||||
}
|
||||
|
||||
table#mailbox td[colspan="4"] {
|
||||
@ -252,15 +243,6 @@ table#mailbox td[colspan="4"] {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.bottombuttons, #prefsave {
|
||||
box-shadow: inset 0 0 0 2px #000 !important;
|
||||
background: repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, rgba(0,24,0,0.4), #000 75%), url(/themes/console/dark/images/camotile2.png) !important;
|
||||
}
|
||||
|
||||
.iframed .bottombuttons {
|
||||
background: linear-gradient(to bottom, rgba(0,24,0,0.4) 25%, #000), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), url(/themes/console/dark/images/camotile2.png) !important;
|
||||
}
|
||||
|
||||
#composemail .bottombuttons {
|
||||
background: none !important;
|
||||
}
|
||||
@ -325,7 +307,7 @@ tr.bottombuttons:last-child td {
|
||||
}
|
||||
|
||||
a:link {
|
||||
color: #5a5;
|
||||
color: #e6e6e7;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
@ -344,7 +326,7 @@ a:active, a:visited:active, tr:hover td[onclick]:active a {
|
||||
}
|
||||
|
||||
td {
|
||||
color: #ee9;
|
||||
color: #e6e6e7;
|
||||
margin: 0 5px;
|
||||
font-size: 9pt;
|
||||
padding: 2px;
|
||||
@ -457,6 +439,7 @@ table.noborder {
|
||||
|
||||
td:first-child {
|
||||
font-weight: bold;
|
||||
background: #332940;
|
||||
}
|
||||
|
||||
pre {
|
||||
@ -466,7 +449,7 @@ pre {
|
||||
}
|
||||
|
||||
.page {
|
||||
color: #ee9;
|
||||
color: #e6e6e7;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 9pt !important;
|
||||
@ -497,8 +480,6 @@ form {
|
||||
line-height: 160%;
|
||||
border-radius: 2px;
|
||||
padding-bottom: 0;
|
||||
border: 1px solid #494;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
|
||||
@ -627,9 +608,9 @@ input[type=submit], input.cancel {
|
||||
}
|
||||
|
||||
input[type=submit]:hover, input.cancel:hover, input[type=submit]:focus, input.cancel:focus {
|
||||
color: #f60;
|
||||
background: #000;
|
||||
border: 1px solid #f60;
|
||||
color: #e6e6e7;
|
||||
background: #332940;
|
||||
border: 1px solid #da736b;
|
||||
box-shadow: inset 0 1px 1px 0 #ee9 ;
|
||||
}
|
||||
|
||||
@ -714,11 +695,10 @@ input.delete {
|
||||
|
||||
|
||||
input[type="submit"], input[type="reset"], select, button { /* webkit/blink fix for oversaturated colors */
|
||||
border: 1px solid #8b8;
|
||||
border-bottom: 1px solid #171;
|
||||
border-right: 1px solid #171;
|
||||
background: linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%);
|
||||
color: #494;
|
||||
border: 1px solid #292929;
|
||||
background: #1F1A24;
|
||||
color: #e6e6e7;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.page td[colspan="2"] {
|
||||
@ -738,16 +718,13 @@ input[type="submit"], input[type="reset"], select, button { /* webkit/blink fix
|
||||
}
|
||||
|
||||
#dologin {
|
||||
border: 1px solid #494;
|
||||
margin: 20px auto;
|
||||
width: 600px;
|
||||
padding: 0 0 10px;
|
||||
border-radius: 2px;
|
||||
box-shadow: inset 0 0 0 1px #000, inset 0 0 2px 1px #020;
|
||||
background: #001000;
|
||||
background: linear-gradient(to bottom, #000 0%, #010 50%);
|
||||
background: repeating-linear-gradient(135deg, #000 1px, #000 2px, rgba(0,32,0,0.5) 2px, rgba(0,32,0,0.5) 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, rgba(0,32,0,0.5) 2px, rgba(0,32,0,0.5) 4px), linear-gradient(to bottom, #030 0%, #020);
|
||||
background: linear-gradient(to bottom, #000 0%, #001000 90%);
|
||||
background: #1F1A24;
|
||||
background-blend-mode: normal, darken, darken, normal;
|
||||
background-blend-mode: difference, normal;
|
||||
|
||||
@ -758,7 +735,6 @@ input[type="submit"], input[type="reset"], select, button { /* webkit/blink fix
|
||||
}
|
||||
|
||||
#dologin h1 {
|
||||
border: 1px solid #494;
|
||||
padding: 10px 10px 10px 48px;
|
||||
margin: -1px -1px 15px -1px;
|
||||
border-radius: 2px 2px 0 0;
|
||||
@ -766,11 +742,9 @@ input[type="submit"], input[type="reset"], select, button { /* webkit/blink fix
|
||||
font-size: 14pt;
|
||||
letter-spacing:0.08em;
|
||||
word-spacing: 0.1em;
|
||||
text-align:left;
|
||||
background: #002000 url(images/mail.png) 8px center no-repeat;
|
||||
background: url(images/mail.png) 8px center no-repeat, linear-gradient(to bottom, rgba(0,48,0,0.5) 50%, rgba(0,0,0,0.7) 50%), url(/themes/console/dark/images/camotile2.png);
|
||||
text-align: center;
|
||||
background: url(images/mail.png) 8px center no-repeat, #1F1A24;
|
||||
text-shadow: 0 1px 1px #000;
|
||||
box-shadow: inset 0 0 0 1px #000;
|
||||
}
|
||||
|
||||
#dologin table {
|
||||
@ -778,6 +752,7 @@ input[type="submit"], input[type="reset"], select, button { /* webkit/blink fix
|
||||
margin-bottom: -9px;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0 !important;
|
||||
background: #1F1A24;
|
||||
}
|
||||
|
||||
#dologin td {
|
||||
@ -792,6 +767,7 @@ input[type="submit"], input[type="reset"], select, button { /* webkit/blink fix
|
||||
#dologin td:last-child {
|
||||
width: 71%;
|
||||
white-space: nowrap;
|
||||
background: #1F1A24;
|
||||
}
|
||||
|
||||
#dologin td[colspan="2"] {
|
||||
@ -821,13 +797,15 @@ input[type="submit"], input[type="reset"], select, button { /* webkit/blink fix
|
||||
padding: 3px 10px;
|
||||
border: 1px solid #010;
|
||||
border-radius: 25px;
|
||||
background: #020;
|
||||
background: #1F1A24;
|
||||
box-shadow: 0 0 1px rgba(0,0,0,0);
|
||||
background: url(images/help.png) 8px center no-repeat, #1F1A24 !important;
|
||||
padding-left: 30px !important;
|
||||
}
|
||||
|
||||
#dologin tr:last-child a:hover {
|
||||
background: #030;
|
||||
background: linear-gradient(to bottom, #030 50%, #000 50%) #000;
|
||||
background: #332940;
|
||||
/*background: linear-gradient(to bottom, #030 50%, #000 50%) #000;*/
|
||||
box-shadow: 0 0 1px #000;
|
||||
transition: ease all 0.2s;
|
||||
}
|
||||
@ -959,8 +937,9 @@ table#pagenav td {
|
||||
word-spacing: 0.1em;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
color: #bb7;
|
||||
color: #e6e6e7;
|
||||
text-shadow: 0 1px 1px #000;
|
||||
background: #1F1A24;
|
||||
}
|
||||
|
||||
table#pagenav td:first-child {
|
||||
@ -1141,6 +1120,31 @@ input.switchto:focus {
|
||||
border: 1px solid #f60;
|
||||
}
|
||||
|
||||
input.login {
|
||||
background: url(images/login.png) 8px center no-repeat, #1F1A24 !important;
|
||||
padding-left: 18px !important;
|
||||
}
|
||||
|
||||
input.offline {
|
||||
background: url(images/offline.png) 8px center no-repeat, #1F1A24 !important;
|
||||
padding-left: 30px !important;
|
||||
}
|
||||
|
||||
input.configure {
|
||||
background: url(images/settings.png) 8px center no-repeat, #1F1A24 !important;
|
||||
padding-left: 30px !important;
|
||||
}
|
||||
|
||||
a.mailhelp {
|
||||
background: url(images/help.png) 8px center no-repeat, #1F1A24 !important;
|
||||
padding-left: 30px !important;
|
||||
}
|
||||
|
||||
a.mailcreate {
|
||||
background: url(images/account.png) 8px center no-repeat, #1F1A24 !important;
|
||||
padding-left: 30px !important;
|
||||
}
|
||||
|
||||
select {
|
||||
margin: 11px 3px 3px 5px;
|
||||
}
|
||||
|
||||
@ -6,14 +6,12 @@ body {
|
||||
color: #33333f;
|
||||
font-family: "Droid Sans", "NotoSans", Ubuntu, "Bitstream Vera Sans", "Segoe UI", Verdana, "Lucida Grande", Helvetica, sans-serif;
|
||||
font-size: 9pt;
|
||||
background: linear-gradient(135deg, #9dabd5 0%,#265ea7 53%,#222187 76%,#323638 100%);
|
||||
background: -webkit-linear-gradient(-45deg, #9dabd5 0%,#265ea7 53%,#222187 76%,#323638 100%);
|
||||
background: #f1f3f5;
|
||||
}
|
||||
|
||||
/* preload button mouseovers */
|
||||
body {
|
||||
background: linear-gradient(135deg, #9dabd5 0%,#265ea7 53%,#222187 76%,#323638 100%);
|
||||
background: -webkit-linear-gradient(-45deg, #9dabd5 0%,#265ea7 53%,#222187 76%,#323638 100%);
|
||||
background: #f1f3f5;
|
||||
}
|
||||
|
||||
body.iframed {
|
||||
@ -150,10 +148,8 @@ div.header, .iframed .header {
|
||||
div.footer {
|
||||
border-top: none;
|
||||
margin: -14px 0 10px;
|
||||
border: 1px solid #7778bf;
|
||||
background: #eef;
|
||||
background: linear-gradient(to right, rgba(232,232,255,0.3) 35%, #fafaff 50%, rgba(232,232,255,0.3) 65%), repeating-linear-gradient(to bottom, #fff 1px, #ddf 2px, #fff 3px);
|
||||
box-shadow: inset 0 0 0 1px #fff;
|
||||
border: 1px solid #f1f3f5;
|
||||
background: #f1f3f5;
|
||||
}
|
||||
|
||||
p.footer {
|
||||
@ -162,8 +158,7 @@ p.footer {
|
||||
line-height: 10pt;
|
||||
text-align: center;
|
||||
padding: 3px;
|
||||
color: #449 !important;
|
||||
text-shadow: 0 0 5px #fff;
|
||||
color: #495057 !important;
|
||||
}
|
||||
|
||||
.iframed .footer {
|
||||
@ -264,16 +259,15 @@ pre {
|
||||
}
|
||||
|
||||
.page {
|
||||
background-color: #fcfcff;
|
||||
background-color: #f1f3f5;
|
||||
color: #33333f;
|
||||
margin: 0;
|
||||
padding: 10px 10px 0;
|
||||
border-radius: 2px 2px 0 0;
|
||||
font-size: 8.5pt !important;
|
||||
line-height: 160% !important;
|
||||
box-shadow: inset 0 0 0 1px #bbf;
|
||||
text-align: center;
|
||||
border: 1px solid #447;
|
||||
border: 1px solid #f1f3f5;
|
||||
min-width: 800px;
|
||||
}
|
||||
|
||||
@ -593,13 +587,14 @@ input.download:hover {
|
||||
|
||||
input.offline {
|
||||
background: #eee url(/themes/susimail/images/offline.png) no-repeat 6px center;
|
||||
background: url(/themes/susimail/images/offline.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
|
||||
padding: 5px 7px 5px 24px;
|
||||
background: #f8f9fa;
|
||||
border-radius: 15px;
|
||||
padding: 7px;
|
||||
}
|
||||
|
||||
input.offline:hover {
|
||||
background: #fff url(/themes/susimail/images/offline_hover.png) no-repeat 6px center;
|
||||
background: url(/themes/susimail/images/offline_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
|
||||
background: #f1f3f5;
|
||||
}
|
||||
|
||||
input.list, input.moveto, #pagenav input.switchto {
|
||||
@ -626,13 +621,14 @@ input.forward:hover {
|
||||
|
||||
input.login {
|
||||
background: #eee url(/themes/susimail/images/login.png) no-repeat 6px center;
|
||||
background: url(/themes/susimail/images/login.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
|
||||
padding: 5px 7px 5px 24px;
|
||||
background: #f8f9fa;
|
||||
border-radius: 15px;
|
||||
padding: 7px;
|
||||
}
|
||||
|
||||
input.login:hover {
|
||||
background: #fff url(/themes/susimail/images/login_hover.png) no-repeat 6px center;
|
||||
background: url(/themes/susimail/images/login_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
|
||||
background: #f1f3f5;
|
||||
}
|
||||
|
||||
input.logout {
|
||||
@ -812,13 +808,14 @@ input.send:hover {
|
||||
|
||||
input.configure {
|
||||
background: #eee url(/themes/console/images/buttons/configure.png) no-repeat 6px center;
|
||||
background: url(/themes/console/images/buttons/configure.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
|
||||
padding: 5px 7px 5px 24px;
|
||||
background: #f8f9fa;
|
||||
border-radius: 15px;
|
||||
padding: 7px;
|
||||
}
|
||||
|
||||
input.configure:hover {
|
||||
background: #fff url(/themes/console/images/buttons/configure_hover.png) no-repeat 6px center;
|
||||
background: url(/themes/console/images/buttons/configure_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
|
||||
background: #f1f3f5;
|
||||
}
|
||||
|
||||
input.saveas {
|
||||
@ -901,6 +898,31 @@ input[type="text"][disabled] {
|
||||
filter: none;
|
||||
}
|
||||
|
||||
input.login {
|
||||
background: url(images/login.png) 8px center no-repeat !important;
|
||||
padding-left: 30px !important;
|
||||
}
|
||||
|
||||
input.offline {
|
||||
background: url(images/offline.png) 8px center no-repeat !important;
|
||||
padding-left: 30px !important;
|
||||
}
|
||||
|
||||
input.configure {
|
||||
background: url(images/settings.png) 8px center no-repeat !important;
|
||||
padding-left: 30px !important;
|
||||
}
|
||||
|
||||
a.mailhelp {
|
||||
background: url(images/help.png) 8px center no-repeat !important;
|
||||
padding-left: 30px !important;
|
||||
}
|
||||
|
||||
a.mailcreate {
|
||||
background: url(images/account.png) 8px center no-repeat !important;
|
||||
padding-left: 30px !important;
|
||||
}
|
||||
|
||||
textarea {
|
||||
font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
|
||||
font-size: 9pt;
|
||||
@ -978,11 +1000,9 @@ div#mailheader {
|
||||
margin: 40px auto 40px;
|
||||
padding: 10px 10px 0;
|
||||
width: 600px;
|
||||
border: 1px solid #77789f;
|
||||
border: 1px solid #dee2e6;
|
||||
border-radius: 2px;
|
||||
box-shadow: inset 0 0 2px 2px rgba(225, 225, 255, 0.5), 0 0 2px rgba(100, 100, 200, 0.6);
|
||||
background: #fafaff;
|
||||
background: linear-gradient(to bottom, #fafaff, rgba(232,232,255,0.5)), linear-gradient(to bottom, rgba(255,255,255,0.7) 5%, rgba(220,220,255,0.9)), linear-gradient(to right, #fff, #efefff, #fff);
|
||||
background: #dee2e6;
|
||||
background-size: 100% 100%, auto 2px, 100%, 100%;
|
||||
}
|
||||
|
||||
@ -1009,15 +1029,14 @@ div#mailheader {
|
||||
}
|
||||
|
||||
#dologin h1 {
|
||||
background: #fafaff;
|
||||
background: linear-gradient(to bottom, #fff 50%, #f2f2ff 50%);
|
||||
border-bottom: 1px solid #77789f;
|
||||
color: #4c526f;
|
||||
text-transform: uppercase;
|
||||
background: #4661A9;
|
||||
border-bottom: 1px solid #4661A9;
|
||||
color: #f8f9fa;
|
||||
text-transform: capitalize;
|
||||
letter-spacing: 0.1em;
|
||||
word-spacing: 0.1em;
|
||||
font-size: 14pt;
|
||||
text-align: left;
|
||||
text-align: center;
|
||||
padding: 12px 10px 12px 15px;
|
||||
margin: -9px -9px 5px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user