diff --git a/apps/i2psnark/java/src/org/klomp/snark/SnarkManager.java b/apps/i2psnark/java/src/org/klomp/snark/SnarkManager.java index 7af0e5c7b..d64ffceb5 100644 --- a/apps/i2psnark/java/src/org/klomp/snark/SnarkManager.java +++ b/apps/i2psnark/java/src/org/klomp/snark/SnarkManager.java @@ -135,7 +135,7 @@ public class SnarkManager implements CompleteListener, ClientApp { public static final String DEFAULT_THEME = "ubergine"; /** From CSSHelper */ private static final String PROP_DISABLE_OLD = "routerconsole.disableOldThemes"; - private static final boolean DEFAULT_DISABLE_OLD = false; + private static final boolean DEFAULT_DISABLE_OLD = true; /** @since 0.9.32 */ public static final String PROP_COLLAPSE_PANELS = "i2psnark.collapsePanels"; private static final String PROP_USE_OPENTRACKERS = "i2psnark.useOpentrackers"; diff --git a/apps/i2ptunnel/java/src/net/i2p/i2ptunnel/web/IndexBean.java b/apps/i2ptunnel/java/src/net/i2p/i2ptunnel/web/IndexBean.java index fea4fd94d..4964fafe4 100644 --- a/apps/i2ptunnel/java/src/net/i2p/i2ptunnel/web/IndexBean.java +++ b/apps/i2ptunnel/java/src/net/i2p/i2ptunnel/web/IndexBean.java @@ -81,7 +81,7 @@ public class IndexBean { private static final String DEFAULT_THEME = "light"; /** From CSSHelper */ private static final String PROP_DISABLE_OLD = "routerconsole.disableOldThemes"; - private static final boolean DEFAULT_DISABLE_OLD = false; + private static final boolean DEFAULT_DISABLE_OLD = true; public static final String PROP_CSS_DISABLED = "routerconsole.css.disabled"; public static final String PROP_JS_DISABLED = "routerconsole.javascript.disabled"; private static final String PROP_PW_ENABLE = "routerconsole.auth.enable"; diff --git a/apps/routerconsole/java/src/net/i2p/router/web/CSSHelper.java b/apps/routerconsole/java/src/net/i2p/router/web/CSSHelper.java index 7db23b10d..0b36fa4e6 100644 --- a/apps/routerconsole/java/src/net/i2p/router/web/CSSHelper.java +++ b/apps/routerconsole/java/src/net/i2p/router/web/CSSHelper.java @@ -33,7 +33,7 @@ public class CSSHelper extends HelperBase { public static final String PROP_EMBED_APPS = "routerconsole.embedApps"; /** @since 0.9.36 */ public static final String PROP_DISABLE_OLD = "routerconsole.disableOldThemes"; - public static final boolean DEFAULT_DISABLE_OLD = false; + public static final boolean DEFAULT_DISABLE_OLD = true; private static final String _consoleNonce = Long.toString(RandomSource.getInstance().nextLong()); diff --git a/apps/susidns/src/java/src/i2p/susi/dns/BaseBean.java b/apps/susidns/src/java/src/i2p/susi/dns/BaseBean.java index d8640bd1d..e59b8c017 100644 --- a/apps/susidns/src/java/src/i2p/susi/dns/BaseBean.java +++ b/apps/susidns/src/java/src/i2p/susi/dns/BaseBean.java @@ -32,7 +32,7 @@ public class BaseBean private static final String BASE_THEME_PATH = "/themes/susidns/"; /** From CSSHelper */ private static final String PROP_DISABLE_OLD = "routerconsole.disableOldThemes"; - private static final boolean DEFAULT_DISABLE_OLD = false; + private static final boolean DEFAULT_DISABLE_OLD = true; public static final String PROP_PW_ENABLE = "routerconsole.auth.enable"; private static final String ADDRESSBOOK_DIR = "addressbook"; private static final String CONFIG_FILE = "config.txt"; diff --git a/apps/susimail/src/src/i2p/susi/webmail/WebMail.java b/apps/susimail/src/src/i2p/susi/webmail/WebMail.java index 4eff6255f..ea4a617e1 100644 --- a/apps/susimail/src/src/i2p/susi/webmail/WebMail.java +++ b/apps/susimail/src/src/i2p/susi/webmail/WebMail.java @@ -255,7 +255,7 @@ public class WebMail extends HttpServlet private static final String DEFAULT_THEME = "light"; /** From CSSHelper */ private static final String PROP_DISABLE_OLD = "routerconsole.disableOldThemes"; - private static final boolean DEFAULT_DISABLE_OLD = false; + private static final boolean DEFAULT_DISABLE_OLD = true; private static final String spacer = ""; /* this is best done with css */ private static final String thSpacer = " \n"; diff --git a/installer/resources/themes/console/classic/console.css b/installer/resources/themes/console/classic/console.css deleted file mode 100644 index e4f8f3027..000000000 --- a/installer/resources/themes/console/classic/console.css +++ /dev/null @@ -1,7829 +0,0 @@ -/* I2P Theme: Classic */ -/* I2P Description: Light blue "classic" I2P theme; optimized for less capable browsers and system specifications. */ -/* Author: dr|z3d */ - -body { - margin: 3px; - padding: 0; - text-align: left; - background: #bbf url(images/bg.png) center center scroll; - background-size: 120px 120px; - color: #2c354f; - font: 9pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif; -} - -/* preload button mouseovers */ -body { - background: url(images/bg.png) scroll, - url(/themes/console/images/buttons/clean_hover.png) no-repeat, - url(/themes/console/images/buttons/configure_hover.png) no-repeat, - url(/themes/console/images/buttons/delete_hover.png) no-repeat, - url(/themes/console/images/buttons/restart_hover.png) no-repeat, - url(/themes/console/images/buttons/restore_hover.png) no-repeat, - url(/themes/console/images/buttons/search_hover.png) no-repeat, - url(/themes/console/images/buttons/shutdown_hover.png) no-repeat, - url(/themes/console/images/buttons/update_hover.png) no-repeat, #bbf; - background-size: 120px 120px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0; -} - -@supports (text-justify: auto) { /* Firefox 55+ */ -body { - background-attachment: fixed; -} -} - -::selection { - text-shadow: none; - background: #4a90d9; - color: white; -} - -::-moz-selection { - text-shadow: none; - background: #4a90d9; - color: white; -} - -.routersummary img[src$="i2plogo.png"], .routersummary h3, .confignav, *::before, *::after, div.app, .themechoice, .langselect, .langbox, -.newsAuthor, #newsDisplay, #netdbcountrylist img, .viewfullentry, .sybil_routerinfo th img, .graphspanel { - -moz-user-select: none; - -webkit-user-select: none; - user-select: none; -} - -.hide, .hideme { - display: none; -} - -div.clearer { - clear: left; - height: 0; - line-height: 0; -} - -img { - border: none; -} - -/* Sidepanel for proxy errors */ - -.logo { - float: left; - position: relative; - width: 200px; - margin: 0 0 0 20px; - padding: 10px 5px 8px; - text-align: center;; - border: 5px solid #ddf; - background: #eff1ff; -} - -.logo { - background: url(/themes/console/classic/images/i2plogo.png) center 12px no-repeat #eff1ff !important; - background-size: 90% auto !important; - background-blend-mode: luminosity; -} - -.logo:hover { - background-blend-mode: normal; -} - -.logo a img, .logo a:first-child:hover { - opacity: 0; - background: none !important; -} - -.logo hr { - color: #ddf; - background: #ddf; - height: 5px; - border: 0 solid #ddf; - margin: 8px -5px 8px; -} - -.logo a { - display: inline-block; - padding: 4px 0; - width: 100%; -} - -.logo a:active { - color: #f60; - box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #999 !important; -} - -.logo a:hover { - color: #900; - background: rgba(220,220,255,0.5); - box-shadow: inset 0 0 0 1px #fff; - border-radius: 3px; -} - -/* HTTP Proxy warning Main box */ - -.warning { - margin: 25px 20px 0 260px; - padding: 0 20px 40px; - border: 5px solid #fb7; - text-align: left; - color: inherit; - background: #ffd; - box-shadow: inset 0 0 0 2px #f60; - min-width: 500px; -} - -.warning a:link { - color: #f60 !important; -} - -.warning a:visited { - color: #f40 !important; -} - -.warning a:hover, .warning a:focus, .warning a:visited:focus { - color: #d30 !important; -} - -.warning a:active { - color: #900 !important; -} - -.warning hr { - color: #fb7; - background: #fb7; - height: 1px; - border: 0 solid #fb7; - margin: 5px 0; -} - -#jumplinks { - margin-bottom: -22px; -} - -#jumplinks h3 { - border: 0; - border-top: 1px solid #fb7; - border-bottom: 1px solid #fb7; - padding-bottom: 10px; - background: #ffe !important; - padding-left: 15px; - font-size: 10.5pt; - margin-top: 20px; -} - -.warning h3:first-child { - margin: 2px -18px 10px -18px; - padding: 10px 10px 8px 35px; - background: #ffe !important; - background: #ffe url(/themes/console/images/itoopie_sm.png) 8px center no-repeat !important; - background-size: auto 75% !important; - background-position: 8px calc(50% + 2px) !important; - border: none; - border-bottom: 1px solid #fb7; - text-transform: uppercase; - letter-spacing: 0.08em; - word-spacing: 0.1em; - font-size: 12pt; -} - -.warning p { - padding: 5px 0 0; -} - -.warning > br + br { - display: none; -} - -.warning textarea { - width: 100%; - resize: none; - white-space: pre-wrap; - word-break: break-all; - height: 100% !important; - font-size: 8pt; - border: none; -} - -.warning .formaction { - background: none !important; -} - -.warning button { - margin-right: 0; -} - -.warning table { - margin-bottom: 15px; - border: 1px solid #fb7; -} - -.warning tr { - background: #ffe !important; - border: 1px solid #fb7; -} - -.warning tr:last-child { - background: #fff !important; - height: 80px; - white-space: nowrap; -} - -.warning table td:first-child { - font-weight: bold; - vertical-align: top; -} - -#jumplinks a::before { - content: "\279F\00A0"; - font-size: 14pt; - display: inline-block; - padding: 3px 0; -} - -.proxyfooter { - font-size: 8pt; - padding: 0 5px 5px; - margin: -50px 8px 0 260px; - min-width: 600px; -} - -.proxyfooter p { - text-align: right !important; - line-height: 115%; - color: #6b4612; -} - -#proxyNewAddressHelper .proxyfooter { - display: none; -} - -#proxyNewAddressHelper .warning { - padding-bottom: 0 !important; -} - -#proxyNewHost { - margin-bottom: 15px; -} - -#proxyNewHost td { - padding: 8px !important; - font-size: 10pt !important; -} - -#proxyNewHost td:first-child { - font-weight: bold; -} - -#proxyNewHost textarea { - white-space: pre-wrap; - word-break: break-all; - overflow: auto; - border: none; - resize: none; - background: none !important; - box-shadow: none !important; - width: 100% !important; - height: 6em; - margin: 0 !important; - padding: 0 !important; -} - -#proxyNewHost textarea:focus { - filter: none; -} - -#proxyNewHost + hr { - display: none; -} - -.warning h4 { - box-shadow: none !important; - text-align: left; - font-size: 10pt; - margin: 0 -18px -5px; - background: #ffe; - border: 1px solid #fb7; - border-left: none; - border-right: none; - padding: 8px 10px; -} - -#jumplinks h4 { - margin: 15px -18px 8px; -} - -#proxyNewHost a { - display: inline-block; - word-break: break-all; -} - -.warning p + .formaction { - margin: -5px -5px 10px 0; - padding: 0; -} - -/* end proxy errors */ - -/* console error messages */ - -img[src="/themes/console/images/i2plogo.png"] { - box-shadow: none !important; -} - -.sorry { - padding: 20px 20px 20px 75px; - background: #fff url(/themes/console/images/info/errortriangle.png) 20px 40% no-repeat; - background: url(/themes/console/images/info/errortriangle.png) 20px 40% no-repeat, linear-gradient(to bottom, #fff, #ffe); - margin: -1px 0 0 211px; - min-width: 475px; - border: 1px solid #89f; - box-shadow: inset 0 0 0 1px #ff9; - text-align: justify; - word-wrap: break-word; - font-weight: bold; - color: #351d02; -} - -.sorry hr { - color: #89f; - background: #8c4d16; - height: 1px; - border: 0 solid #89f; - margin: 10px 0; -} - -.sorry p { - padding: 0 !important; -} - -#warning2 { - min-width: 540px; - background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.2)) repeat scroll 0 0 / 100% 100%, rgba(0, 0, 0, 0) url(images/bg0.png) repeat scroll 0 0 / 120px 120px; - margin-top: -15px; - padding: 0 15px 5px; - box-shadow: inset 0 0 0 1px #f99; - font-weight: normal; - color: #2c354f; -} - -#warning2 h3 { - margin: -1px -16px 15px; - color: #2c354f; - box-shadow: inset 0 0 0 1px #f99; - padding: 8px 10px; -} - -#warning2 b { - margin-right: 3px; - display: inline-block; - min-width: 140px; - text-align: right; -} - -#warning2 p { - margin-left: 10px; - margin-right: 10px; -} - -/* sidebar */ - -.routersummaryouter { - float: left; - width: 193px; - margin: 0; - padding: 0; - border: 0; - clear: left; /* fixes a bug in Opera */ - position: absolute; /* so no interference with /home app icons */ -} - -.routersummary { - background: #eef url(images/bg0.png); - background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.2)), url(images/bg0.png); - background-size: 100% 100%, 120px 120px; - width: 204px; - color: inherit; - margin: 0 0 5px; - padding: 9px 1px 7px 1px; - text-align: center !important; - border: 1px solid #89f; - word-wrap: break-word; - font-size: 9pt; - line-height: 125%; -} - -/* siderbar logo */ - -.routersummary div[style="height: 36px;"] { - height: 32px !important; -} - -.routersummary img[src$="i2plogo.png"] { - width: 190px; - height: auto; - box-shadow: 0 0 1px 1px rgba(180,180,180,0.7); - -moz-user-select: none; - -webkit-user-select: none; - user-select: none; -} - -.routersummary a img:first-child { - opacity: 0.8; - border: none; -} - -.routersummary a img:first-child:hover, .routersummary a img:first-child:active { - opacity: 1; - filter: drop-shadow(0 0 1px #f60); - box-shadow: none; -} - -.routersummary a[href="/"], .routersummary a[href="/console"] { - outline: none !important; -} - -.routersummary a[href="/"]:focus img, .routersummary a[href="/console"]:focus img { - filter: drop-shadow(0 0 1px #f60) saturate(200%); -} - -/* end siderbar logo */ - -.routersummary a { - padding: 2px; - vertical-align: middle; -} - -.routersummary input[type=text] { - text-align: right !important; -} - -.routersummary button[type="submit"] { - min-width: 87px; - margin: 2px 2px 1px; -} - -#xhr { - margin-top: 15px; -} - -.routersummary hr { - color: #89f; - background: #89f; - height: 0; - border-bottom: 1px solid #89f; - margin: 8px -1px 7px -1px; -} - -.routersummary b { - text-transform: capitalize; -} - -.routersummary h3 { - border: none; - font-size: 9.5pt; - letter-spacing: 0.05em; - margin: -7px -1px -8px -1px; - padding: 3px 0; - background: #fff url(images/tinytitle.png) center center repeat; - background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%) !important; - text-transform: uppercase; -} - -.routersummary h3:hover { - background: linear-gradient(to bottom, #fff 50%, #ffd 50%) !important; -} - -.routersummary h3:hover a { - color: #f60 !important; -} - -.routersummary h3:active { - box-shadow: inset 2px 2px 2px #777; -} - -.routersummary h3:active a { - color: #f90 !important; -} - -.routersummary h4 { - border: 0; - border-bottom: 0 !important; - font-size: 8.5pt; -/* letter-spacing: 0.05em;*/ - margin: -7px -1px -7px -1px !important; - padding: 8px 2px; - text-transform: capitalize; - text-decoration: none !important; - color: #1f7096; - line-height: 108%; - background: #fff url(images/bg2.png); - background: linear-gradient(to right, #eff2ff 0%, #fff 50%, #eff2ff); - box-shadow: inset 0 0 2px 1px #f2f7fa; -} - -.routersummary h3 a { - text-decoration: none; - white-space: normal; - display: inline-block; - width: 100%; - width: calc(100% - 5px); -} - -.routersummary ul { - text-align: left !important; -} - -.routersummary table { - table-layout: fixed; - border: 0; - text-align: center !important; - margin: -5px 0 -5px 0; - width: 204px !important; - overflow: hidden; - font-size: 8pt; - padding: 0; - background-image: none !important; - background-color: transparent !important; -} - -.routersummary tr { - background-image: none !important; - background-color: transparent !important; - border: 0 !important; -} - -.routersummary td { - padding: 0 3px; - background-image: none !important; - border: 0 !important; -} - -#sb_general, #sb_shortgeneral, #sb_advancedgeneral, #sb_bandwidth, #sb_peers, #sb_peersadvanced, #sb_tunnels, #sb_queue { - margin-bottom: -5px !important; - margin-top: -6px !important; -} - -#sb_general td::after, #sb_shortgeneral td::after, #sb_advancedgeneral td::after, #sb_bandwidth td::after, -#sb_peers td::after, #sb_peersadvanced td::after, #sb_tunnels td::after, #sb_queue td::after { - content: ""; - display: inline-block; - min-height: 14px; -} - -#sb_peers td:first-child, #sb_peersadvanced td:first-child, #sb_tunnels td:first-child, #sb_queue td:first-child, -#sb_bandwidth td:first-child, #sb_general td:first-child, #sb_shortgeneral td:first-child, #sb_advancedgeneral td:first-child { - white-space: nowrap; -} - -#sb_bandwidth td:nth-child(2) { - white-space: nowrap; - width: 60%; -} - -#sb_peersadvanced a { - padding: 0; -} - -#sb_peersadvanced a b { - color: #2c354f; -} - -#sb_peersadvanced a:hover b { - color: #f60; -} - -#sb_peersadvanced .separator td::after { - min-height: 0; -} - -#sb_peersadvanced .separator hr { - margin: 3px 0 2px !important; - color: transparent; - background: transparent; - border-bottom: 1px dashed #89f; -} - -#sb_localid { - margin: -3px 0 -1px; -} - -#sb_version { - margin: -1px 0; -} - -#sb_uptime { - margin: -1px 0 -3px; -} - -#sb_internals, #sb_services, #sb_advanced, #sb_help { - margin-top: -3px !important; -} - -#sb_internals a, #sb_services a, #sb_advanced a, #sb_help a { - display: inline-block; - padding: 2px; - max-width: 194px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - vertical-align: middle !important; -} - -#sb_localtunnels { - margin: -6px -2px -7px 0 !important; - text-align: center !important; - width: 196px; - box-sizing: border-box; -} - -#sb_localtunnels td { - padding: 1px !important; -} - -#sb_localtunnels tr:nth-child(odd) td { - background: rgba(220,220,255,0.5); -} - -#sb_localtunnels tr:nth-child(even) td { - background: rgba(230,230,255,0.5); -} - -#sb_localtunnels tr:hover td { - background: #ffe !important; - transition: ease background 0.3s; -} - -#sb_localtunnels a { - text-transform: none; - display: inline-block; - width: 100%; - max-width: 180px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -#sb_localtunnels td:first-child { - width: 12px !important; - padding-right: 0; - text-align: left; -} - -#sb_localtunnels td:nth-child(2) { - width: 156px; -} - -#sb_localtunnels td:last-child { - width: 12px; - text-align: right; - padding-right: 2px !important; -} - -#sb_warning { - border-bottom: 1px solid #89f !important; -} - -#sb_warning + hr { - margin-bottom: 5px; -} - -.sb_notice { - background: #fff; - border: 1px solid #89f; - border-radius: 2px; - box-shadow: 0 0 1px #bbb, inset 0 0 0 1px #fbb; - margin: -4px 2px -5px; - padding: 6px 5px; - line-height: 110%; - font-size: 8pt; -} - -.sb_notice a { - vertical-align: baseline; - padding: 0; -} - -#sb_warning + .sb_notice { - margin-top: 10px; -} - -p:empty + .sb_notice { - margin-top: 7px; -} - -.routersummary form { - margin: -2px -2px -3px; -} - -#sb_warning + hr { - opacity: 0; -} - -#sb_warning + hr + form { - margin-top: -1px; -} - -#sb_warning + p:empty + form { - margin-top: 10px; - margin-bottom: -3px; -} - -/* sidebar news */ - -.sb_newsheadings { - text-align: right; - margin: -1px 5px -5px 0; - margin: -3px 0 -7px 0; - padding: 0; - font-size: 8pt; -} - -.sb_newsheadings table { - margin: -6px 0 2px !important; - width: 100%; - table-layout: auto; - background: #fff; -} - -.sb_newsheadings td { - text-align: left; - border: none; - padding: 5px 3px; - border-collapse: collapse; - border-bottom: 1px solid #fff !important; - line-height: 100%; -} - -.sb_newsheadings table tr:last-child td { - border-bottom: none !important; - padding-bottom: 3px !important; -} - -.sb_newsheadings td { - background: #eff2ff; - padding-left: 20px; - padding-right: 8px; - text-align: left; - background: url(images/link.png) 4px 4px no-repeat !important; - background-size: 12px auto !important; - background-blend-mode: luminosity; - vertical-align: middle !important; - transition: ease background 0.2s; - word-spacing: 0.1em; -} - -.sb_newsheadings tr:hover td { - background: url(images/link.png) 4px 4px no-repeat #ffd !important; - background-size: 12px auto !important; - background-blend-mode: normal; - transition: ease background 0.2s; -} - -.sb_newsheadings td a { - line-height: 110%; - display: inline-block; - margin: 0; - padding: 0; - width: 100%; -} - -/* end sidebar news */ - -div.refresh { - margin-top: 10px !important; - margin-bottom: 10px !important; - padding: 2px 0 !important; -} - -.routersummary p { - padding: 0; -} - -.routersummary a:hover { - color: #f60; -} - -/* network status */ - -.routersummary .error, .routersummary .warn, .routersummary .testing, .routersummary .hidden, -.routersummary .running, .routersummary .firewalled, .routersummary .vmcomm, .routersummary .clockskew, .tunnelBuildStatus { - display: inline-block; - vertical-align: middle; - border: 1px solid #88f; - border-radius: 2px; - padding: 6px 5px; - width: calc(100% - 12px); - margin: -6px 0 -7px; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px rgba(96,96,96,0.5); - text-shadow: 0 1px 1px #fff; -} - -.routersummary .firewalled { - background: rgba(255,220,255,0.3); - background: repeating-linear-gradient(135deg, rgba(220,255,220,0.3) 2px, rgba(255,255,220,0.3) 3px, rgba(220,255,220,0.3) 5px); -} - -.routersummary .error { - background: rgba(255,110,110,0.1); - box-shadow: inset 0 0 0 1px rgba(255,0,0,0.3), 0 0 1px rgba(96,96,96,0.5); -} - -.routersummary .warn, .routersummary .clockskew { - background: rgba(255,255,200,0.4); - box-shadow: inset 0 0 0 1px #ff0, 0 0 1px rgba(96,96,96,0.5); -} - -.routersummary .testing { - background: rgba(255,220,110,0.1); -} - -.routersummary .hidden, .routersummary .vmcomm { - background: rgba(220,220,220,0.4); -} - -.routersummary .running { - background: rgba(220,255,220,0.2); -} - -.routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before, -.routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before { - padding-right: 1px; - vertical-align: middle; - display: inline-block; - filter: drop-shadow(0 0 1px rgba(96,96,96,0.5)); - transform: scale(0.9); -} - -.routersummary .error::before, .routersummary .clockskew::before { - content: url(/themes/console/images/info/network_status/network_error.png); -} - -.routersummary .warn::before { - content: url(/themes/console/images/info/network_status/network_warning.png); -} - -.routersummary .testing::before { - content: url(/themes/console/images/info/network_status/network_testing.png); -} - -.routersummary .hidden::before { - content: url(/themes/console/images/info/network_status/network_hidden.png); -} - -.routersummary .running::before { - content: url(/themes/console/images/info/network_status/network_ok.png); -} - -.routersummary .firewalled::before { - content: url(/themes/console/images/info/network_status/network_firewalled.png); - opacity: 0.8; -} - -.routersummary .vmcomm::before { - content: url(/themes/console/images/info/network_status/network_vm.png); -} - -.routersummary .clockskew::before { - content: url(/themes/console/images/info/network_status/network_clockskew.png); -} - -/* end network status */ - -/* mini sidebar graph */ - -#sb_bandwidthgraph { - width: 202px !important; - margin: 0; - margin: -20px 0 0 0; - border-collapse: separate; - border-spacing: 0; - padding: 0; - border: 1px solid #89f; - border-radius: 2px; - box-shadow: 0 0 1px #ccf; -} - -#sb_bandwidthgraph:hover { - border: 1px solid #f60; - cursor: url(/themes/console/images/cursor_zoom.png), pointer; -} - -a:active #sb_bandwidthgraph { - border: 1px solid #f30; -} - -#sb_bandwidthgraph td { - background: linear-gradient(to top, #f3f3ff 2px, rgba(255,255,255,0.0) 2px, rgba(255,255,255,0.0) 89%, #f3f3ff 93%), linear-gradient(to right, #f3f3ff, rgba(255,255,255,0.0) 2%, rgba(255,255,255,0.0) 98%, #f3f3ff), repeating-linear-gradient(to right, rgba(255,255,255,0.0) 10px, rgba(120,120,255,0.8) 11px, rgba(255,255,255,0.0) 11px, rgba(255,255,255,0.0) 20px), repeating-linear-gradient(to top, rgba(255,255,255,0.0) 1px, rgba(120,120,255,0.8) 2px, rgba(255,255,255,0.0) 2px, rgba(255,255,255,0.0) 10px) !important; - padding: 0 1px; - box-shadow: inset 0 0 0 1px #fff; - height: 38px; - vertical-align: top; -} - -#sb_graphstats { - display: inline-block; - padding: 2px 8px; - font-weight: bold; - background: #ddf; - background: linear-gradient(to right, #ddf, #efefff, #ddf); - border: 1px solid #89f; - border-top: none; - border-radius: 0 0 3px 3px; - box-shadow: inset 0 0 0 1px #fff; - opacity: 0; - transition: ease opacity 0.3s; -} - -#sb_graphcontainer:hover #sb_graphstats { - opacity: 1; - transition: ease opacity 0.3s; -} - -#sb_graphcontainer { - background-color: #f3f3ff; - background-position: left -60px top -35px !important; - background-position: left -60px top -29px !important; - background-size: 280px 92px !important; - background-size: 280px 77px !important; - background-repeat: no-repeat !important; - background-blend-mode: multiply; - margin: 0 2px -21px 1px !important; - padding: 0 5px 0 0; -} - -@media screen and (min-width: 1500px) { -#sb_bandwidthgraph { - width: 223px !important; - background-size: 300px 92px !important; -} - -#sb_graphcontainer { - background-size: 300px 77px !important; -} -} -/* end mini sidebar graph */ - -/* status bars */ - -.percentBarOuter { - width: 196px; - margin: -4px 0 -5px 3px; - text-align: center; - border: 1px solid #99f; - box-shadow: 0 0 1px rgba(200,200,200,0.8); - background: #eef; - background: repeating-linear-gradient(to right, rgba(180, 180, 255,0.7) 1px, rgba(180, 180, 255, 0.7) 2px, rgba(221, 221, 255, 0.7) 2px, rgba(221, 221, 255, 0.7) 4px); -} - -@media screen and (min-width: 1500px) { -.percentBarOuter { - width: 210px; -} -} - -.percentBarInner { - vertical-align: middle; - border: none; - height: 14px; - background: #bbf; - background: linear-gradient(to right, rgba(0,255,0,0.1) 65px, rgba(255,255,0,0.1) 110px, rgba(255,128,0,0.1) 175px, rgba(255,0,0,0.1)), linear-gradient(to bottom, rgba(255, 255, 255,0.6) 0%, rgba(238, 238, 255, 0.6) 50%, rgba(180, 180, 255, 0.7) 50%, rgba(140, 140, 255, 0.7) 100%); - box-shadow: inset 0 0 0 1px #ddf; -} - -.percentBarText { - display: inline !important; - white-space: nowrap; - text-align: center !important; - font-weight: bold !important; - color: #2c354f; - text-shadow: 0 1px 1px rgba(255,255,255,0.8); - float: left; - width: 100%; - height: 14px; - padding: 0; - opacity: 0; - transition: ease opacity 0.2s; -} - -.percentBarOuter:hover .percentBarText { - opacity: 1; - transition: ease opacity 0.2s; -} - -/* updates download bar */ - -.sb_updatestatus { - display: block; - border: 1px solid #99f; - border-top: none; - color: #2c354f; - border-radius: 0 0 3px 3px; - box-sizing: border-box; - background: #ccf; - background: linear-gradient(to right, #eef, #eff2ff 30%, #eff2ff 60%, #eef); - box-shadow: inset 0 0 0 1px #fff; - margin: -8px 2px 5px !important; - padding: 3px 0 4px; - font-style: italic; -} - -.sb_info .percentBarOuter { - margin: 3px -4px -5px 2px; - background: repeating-linear-gradient(135deg, rgba(238, 238, 255,0.7) 1px, rgba(238, 238, 255, 0.7) 5px, rgba(221, 221, 255, 0.7) 6px, rgba(221, 221, 255, 0.7) 11px); -} - -@keyframes downloadbar { -from { - background: repeating-linear-gradient(135deg, rgba(221, 221, 255, 0.7) 1px, rgba(221, 221, 255, 0.7) 6px, rgba(238, 238, 255,0.7) 7px, rgba(238, 238, 255,0.7) 11px); -} - -to { - background: repeating-linear-gradient(135deg, rgba(238, 238, 255,0.7) 1px, rgba(238, 238, 255, 0.7) 5px, rgba(221, 221, 255, 0.7) 6px, rgba(221, 221, 255, 0.7) 11px); -} -} - -.sb_info .percentBarOuter { - animation: downloadbar 3s infinite; -} - -.sb_info .percentBarInner { - height: 16px; - background: linear-gradient(to bottom, rgba(255, 255, 255,0.6) 0%, rgba(238, 238, 255, 0.6) 50%, rgba(180, 180, 255, 0.7) 50%, rgba(140, 140, 255, 0.7) 100%); - -} - -.sb_info .percentBarText { - opacity: 1; - padding-top: 2px; - mix-blend-mode: multiply; - color: #33f; - -} -/* end updates download bar */ -/* end status bars */ - -/* end sidebar */ - -/* welcome */ - -div[lang="es"] li, div[lang="pt"] li, div[lang="sv"] li, div[lang="zh"] li { - list-style: none; -} - -div[lang="sv"] li::first-letter { - text-transform: uppercase !important; -} - -div[lang="ar"] li { - margin: 0 10px 0 30px; -} - -div[lang="ar"] h3, div[lang="ar"] li { - text-align: right; -} - -div[lang="de"] .twocol { - margin-left: 50px !important; - margin-top: -8px !important; -} - -div[lang="sv"] .twocol { - margin-top: 2px !important; -} - -div[lang="es"] li { - list-style-type: none; - margin-left: -10px; -} - -div[lang="es"] .twocol { - background: #eff2ff; - border-radius: 1px; - box-shadow: 0 0 0 1px #bbf; - padding: 5px 0 8px 48px; - margin-top: 15px !important; -} - -div[lang="es"] .twocol:not(old) { - margin-left: 0 !important; - margin-right: 0 !important; -} - -div[lang="pt"] li br { - display: none; -} - -#console .links { - margin-left: 0; -} - -#console li:first-child { - padding-top: 10px; -} - -#console li { - line-height: 140%; - text-align: justify; -} - -.langbox { - margin: 3.5px 2px 0; - color: #001; - font-size: 7pt; - width: 380px; - text-align: right; - float: right; - padding: 1px; - overflow: hidden; -} - -.langbox img { - padding: 0 !important; - margin: 0 1px -1px; - opacity: 0.9; - border: 1px solid #bbf; - transform: none !important; -} - -.langbox img:hover, .langbox a:focus img { - opacity: 1; - transform: scale(1.1) !important; -} - -.langbox img:hover:active { - transform: none !important; -} - -.links { - padding-bottom: 0; - text-align: justify; - margin-top: 5px !important; -} - -.links li { - list-style-image: url(images/link.png) !important; - padding: 5px 10px 0 !important; -} - -.links:not(old) { - margin-left: -15px !important; - margin-right: -15px !important; -} - -.links li:not(old) { - list-style: url(/themes/console/images/transparent.gif) !important; - list-style-position: outside; - padding: 5px 10px 0 !important; -} - -.links li::before { - content: ""; - display: inline-block; - width: 16px; - height: 18px; - background: url(images/link.png) left top 4px no-repeat !important; - background-size: 14px 14px !important; - margin-right: 4px; - margin-left: -20px; -} - -div[lang="ar"] .links li::before { - background-position: right top 4px !important; - margin-right: -20px; - margin-left: 4px; -} - -.links li:first-child { - padding: 15px 10px 5px !important; -} - -.links li:last-child { - margin-bottom: 0 !important; - margin-top: 0; -} - -.links b { - font-size: 10pt; - line-height: 150%; - letter-spacing: 0.02em; -} - -.twocol { - -moz-columns: 2 400px; - -webkit-columns: 2 400px; - columns: 2 400px; - -moz-column-gap: 40px !important; - -webkit-column-gap: 40px !important; - column-gap: 40px !important; - display: block; - margin: 10px 0 !important; -} - -p + .twocol { - margin: 10px 30px !important; -} - -.twocol li { - break-inside: avoid; - page-break-inside: avoid; - -webkit-column-break-inside: avoid; -} - -@media screen and (-webkit-min-device-pixel-ratio:0) { -#console .twocol { - margin-left: -20px !important; -} - -#console div[lang="de"] .twocol { - margin-left: 30px !important; -} - -#console div[lang="es"] .twocol { - margin-left: 0 !important; -} - -.twocol li { - margin-left: 20px; -} -} - -.twocol li:first-child { - margin-top: 0 !important - padding-top: 0 !important; - padding-bottom: 0 !important; -} - -.main#console p { - padding-top: 0; - padding-bottom: 0; -} - -/* end welcome */ - -a:link { - color: #33a; - text-decoration: none; - font-weight: bold; - word-wrap: break-word; -} - -a:visited, #graphopts a, #graphopts a:visited, .tab a, .tab a:visited { - color: #448 !important; - text-decoration: none; - font-weight: bold; -} - -a:hover, a:visited:hover, a:focus, a:visited:focus { - color: #f60 !important; - text-decoration: none; - font-weight: bold; - outline: none; -} - -a:active, a:visited:active { - color: #f93 !important; - text-decoration: none; - font-weight: bold; -} - -a.script { - letter-spacing: normal; - word-spacing: normal; -} - -pre { - margin: 0 20px; - overflow: auto; - font-size: 8.5pt; - width: 95%; - padding-top: 10px; -} - -tt, code { - font: bold 8.5pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace !important; - color: darkgreen; -} - -/* buttons & inputs */ - -select { - -moz-appearance: none; - -webkit-appearance: none; - appearance: none; - background: url(images/dropdown.png) right center no-repeat #eee; - background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff, #ddd); - margin: 3px 5px; - vertical-align: middle; - min-width: 160px; - border-radius: 2px; - border: 1px solid #bbb; - box-shadow: inset 0 0 0 1px #fff; - padding: 4px 16px 4px 4px; - text-overflow: ellipsis; - color: #333; - cursor: pointer; -} - -@media screen and (-webkit-min-device-pixel-ratio:0) { -select { - padding: 5px 16px 5px 8px !important; -} -} - -select option { - background: #fff; -} - -select:hover, select:active { - background: #ddd url(images/dropdown_hover.png) right center no-repeat !important; - background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important; -} - -select:focus { - background: #fff url(images/dropdown_hover.png) right center no-repeat !important; - background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important; - box-shadow: 0 0 0 1px #89f; -} - -select:focus { - color: #000; -} - -select::-ms-expand { - display: none; -} - -select[name="newlogclass"] { - width: 80%; - width: calc(100% - 180px); - margin-right: 0; -} - -select[name="newlogclass"] { - margin-right: 0; -} - -.optbox { - vertical-align: middle; - margin-right: 0; -} - -.homelinkedit .optbox { - margin: 0; -} - -#config_homepage .delete { - float: left !important; - margin-left: 5px; -} - -input { - margin: 3px 5px 3px 0; -} - -input[type="radio"], input[type="checkbox"] { - min-width: 16px !important; - min-height: 16px !important; - vertical-align: sub; - background: none; - margin: 6px; -} - -input[type="radio"]:hover, input[type="radio"]:focus, input[type="checkbox"]:hover, input[type="checkbox"]:focus { - filter: drop-shadow(0 0 2px #89f); - box-shadow: inset 0 0 1px 2px #89f; - outline: none; -} - -input[type="checkbox"][disabled]:hover, input[type="radio"][disabled]:hover, -input[type="checkbox"][disabled]:focus, input[type="radio"][disabled]:focus { - box-shadow: none; - filter: none; -} - -label { - cursor: pointer; -} - -label:hover { - color: #03050f; -} - -label[for="0"] { - cursor: default; - color: #2c354f; -} - -.main#config_clients label[for="0"] { - cursor: default; - color: #2c354f; -} - -input[type="file"] { - margin: 3px 5px; - background: none; -} - -input[type="text"], input[type="password"] { - margin: 3px 5px 3px 5px; - vertical-align: middle; - min-width: 160px; - border: 1px solid #bbb; - box-shadow: inset 1px 1px 1px #ddd; - border-radius: 2px; - padding: 4px; - color: #333; - background-color: #fefefe; -} - -input[type="text"]:focus, input[type="password"]:focus { - box-shadow: inset 0 0 0 1px #89f, 0 0 1px rgba(136, 153, 255, 0.4); - color: #000; -} - -input[type="text"][readonly], input[type="text"][readonly]:focus { - background: #efefef; - box-shadow: inset 1px 1px 1px #ddd; - color: #333; -} - -button, input, select { - background-color: #eee; - font: 9pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif; - color: #333; -} - -button:hover, input[type="submit"]:hover, input[type="reset"]:hover { - background-color: #ddd; - background: linear-gradient(to bottom, #ddd, #fff); -} - -button:active, input[type="submit"]:active, input[type="reset"]:active { - background-color: #fff; -} - -input.search[type="text"] { - background: #fff url(/themes/console/images/buttons/search.png) no-repeat 2px center; - padding: 3px 3px 3px 24px; - min-height: 22px; - border: 1px solid #bbb; - color: #333 !important; -} - -input[name="refreshInterval"] { - text-align: right; - min-width: 80px; - width: 80px; -} - -input[type="submit"], input[type="reset"], button, .optbox { - cursor: pointer; -} - -/* accessibility tweak - colors rather than focus rings where possible */ - -.optbox:hover, .optbox:focus, input[type="checkbox"]:hover, input[type="checkbox"]:focus { - filter: drop-shadow(0 0 2px #89f); - box-shadow: 0 0 0 1px #89f; - border: 0; - outline: none; -} - -.optbox:disabled:hover, input:disabled:hover { - filter: none; -} - -button::-moz-focus-inner, input::-moz-focus-inner { - outline: none; - border: none; -} - -/* end accessibility */ - -/* confignet tidyup */ - -#netconfig .optbox { - margin: 10px 6px 2px !important; - display: inline-block !important; - vertical-align: sub !important; -} - -#netconfig .optbox:first-child { - margin-top: 6px !important; - margin-bottom: 6px !important; -} - -#netconfig .optbox:last-child, #netconfig .optbox[value="only"], #netconfig .optbox[name="disableUDP"], #netconfig .optbox[value="disabled"] { - margin-bottom: 6px !important; -} - -#netconfig input[type="text"] + br + .optbox, #netconfig .optbox[name="ntcpAutoPort"] { - margin-top: 3px !important; -} - -#netconfig input[name*="ost"] { - width: 250px !important; -} - -/* end confignet tidyup */ - -/* graphical buttons */ - -input[type="submit"], input[type="reset"], button { - border: 1px solid #999; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ddd; - background: #eee; - background: linear-gradient(to bottom, #fff, #ddd); - color: #333; - margin: 3px 8px 3px 0; - font: 9pt "Droid Sans", Ubuntu, "Noto Sans", "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif; - padding: 4px 5px; - text-decoration: none; - border-radius: 2px; - opacity: 1; - background-size: 14px auto, 100% 100% !important; -} - -button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:focus, input[type="submit"]:focus, input[type="reset"]:focus { - background: #ddd; - background: linear-gradient(to bottom, #ddd, #fff); - border: 1px solid #89f; - color: #222; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px #89f; -} - -button:active, input[type="submit"]:active, input[type="reset"]:active { - border: 1px solid #999; - box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px 1px #555; - background-color: #ddd; - background-blend-mode: luminosity; - color: #555; -} - -input.accept, button.accept { - background: #eee url(/themes/console/images/buttons/yes.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/yes.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.accept:hover, button.accept:hover, -input.accept:focus, button.accept:focus { - background: #fff url(/themes/console/images/buttons/yes.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/yes.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.accept[value^="Unban"], button.accept[value^="Unban"] { - background: #eee url(/themes/console/images/buttons/unban.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/unban.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.accept[value^="Unban"]:hover, button.accept[value^="Unban"]:hover, -input.accept[value^="Unban"]:focus, button.accept[value^="Unban"]:focus { - background: #fff url(/themes/console/images/buttons/unban.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/unban.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.accept[value^="Create"], button.accept[value^="Create"] { - background: #eee url(/themes/console/images/buttons/create.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/create.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.accept[value^="Create"]:hover, button.accept[value^="Create"]:hover, -input.accept[value^="Create"]:focus, button.accept[value^="Create"]:focus { - background: #fff url(/themes/console/images/buttons/create.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/create.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.accept[value^="Filter"], button.accept[value^="Filter"] { - background: #eee url(/themes/console/images/buttons/filter.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/filter.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.accept[value^="Filter"]:hover, button.accept[value^="Filter"]:hover, -input.accept[value^="Filter"]:focus, button.accept[value^="Filter"]:focus { - background: #fff url(/themes/console/images/buttons/filter.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/filter.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.add, button.add { - background: #eee url(/themes/console/images/buttons/add.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/add.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.add:hover, button.add:hover, -input.add:focus, button.add:focus { - background: #fff url(/themes/console/images/buttons/add.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/add.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.add[value^="Adjust"], button.add[value^="Adjust"] { - background: #eee url(/themes/console/images/buttons/edit2.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/edit2.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.add[value^="Adjust"]:hover, button.add[value^="Adjust"]:hover, -input.add[value^="Adjust"]:focus, button.add[value^="Adjust"]:focus { - background: #fff url(/themes/console/images/buttons/edit2.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/edit2.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.cancel, button.cancel { - background: #eee url(/themes/console/images/buttons/no.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/no.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.cancel:hover, button.cancel:hover, -input.cancel:focus, button.cancel:focus { - background: #fff url(/themes/console/images/buttons/no.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/no.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.accept[value^="Show"], button.accept[value^="Show"], -input.check[value^="View"], button.check[value^="View"] { - background: #eee url(/themes/console/images/buttons/show.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/show.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.accept[value^="Show"]:hover, button.accept[value^="Show"]:hover, -input.check[value^="View"]:hover, button.check[value^="View"]:hover, -input.accept[value^="Show"]:focus, button.accept[value^="Show"]:focus, -input.check[value^="View"]:focus, button.check[value^="View"]:focus { - background: #fff url(/themes/console/images/buttons/show.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/show.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.cancel[value^="Hide"], button.cancel[value^="Hide"], -input.delete[value^="Do not view"], button.delete[value^="Do not view"] { - background: #eee url(/themes/console/images/buttons/hide.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/hide.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.cancel[value^="Hide"]:hover, button.cancel[value^="Hide"]:hover, -input.delete[value^="Do not view"]:hover, button.delete[value^="Do not view"]:hover, -input.cancel[value^="Hide"]:focus, button.cancel[value^="Hide"]:focus, -input.delete[value^="Do not view"]:focus, button.delete[value^="Do not view"]:focus { - background: #fff url(/themes/console/images/buttons/hide.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/hide.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.check, button.check { - background: #eee url(/themes/console/images/buttons/yes.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/yes.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.check:hover, button.check:hover, -input.check:focus, button.check:focus { - background: #fff url(/themes/console/images/buttons/yes.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/yes.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.check[value$="updates"], button.check[value$="updates"] { - background: #eee url(/themes/console/images/buttons/update.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/update.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.check[value$="updates"]:hover, button.check[value$="updates"]:hover, -input.check[value$="updates"]:focus, button.check[value$="updates"]:focus { - background: #fff url(/themes/console/images/buttons/update_hover.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/update_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.delete, button.delete { - background: #eee url(/themes/console/images/buttons/delete.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/delete.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.delete:hover, button.delete:hover, -input.delete:focus, button.delete:focus { - background: #eee url(/themes/console/images/buttons/delete_hover.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/delete_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.delete[value^="Ban"], button.delete[value^="Ban"] { - background: #eee url(/themes/console/images/buttons/ban.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/ban.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.delete[value^="Ban"]:hover, button.delete[value^="Ban"]:hover, -input.delete[value^="Ban"]:focus, button.delete[value^="Ban"]:focus { - background: #fff url(/themes/console/images/buttons/ban.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/ban.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.download, button.download { - background: #eee url(/themes/console/images/buttons/download.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/download.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.download:hover, button.download:hover, -input.download:focus, button.download:focus { - background: #fff url(/themes/console/images/buttons/download.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/download.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.download[value^="Join"], button.download[value^="Join"] { - background: #eee url(/themes/console/images/buttons/users.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/users.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.download[value^="Join"]:hover, button.download[value^="Join"]:hover, -input.download[value^="Join"]:focus, button.download[value^="Join"]:focus { - background: #fff url(/themes/console/images/buttons/users.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/users.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.download[value$="from File"], button.download[value$="from File"], -input.download[value$="from file"], button.download[value$="from file"] { - background: #eee url(/themes/console/images/buttons/from-file.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/from-file.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.download[value$="from File"]:hover, button.download[value$="from File"]:hover, -input.download[value$="from file"]:hover, button.download[value$="from file"]:hover, -input.download[value$="from File"]:focus, button.download[value$="from File"]:focus, -input.download[value$="from file"]:focus, button.download[value$="from file"]:focus { - background: #fff url(/themes/console/images/buttons/from-file.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/from-file.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.download[value^="Dump"], button.download[value^="Dump"] { - background: #eee url(/themes/console/images/buttons/dump-threads.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/dump-threads.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.download[value^="Dump"]:hover, button.download[value^="Dump"]:hover, -input.download[value^="Dump"]:focus, button.download[value^="Dump"]:focus { - background: #fff url(/themes/console/images/buttons/dump-threads.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/dump-threads.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.go, button.go, input[value="GO"] { - background: #eee url(/themes/console/images/buttons/go.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/go.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.go:hover, button.go:hover, input[value="GO"]:hover, -input.go:focus, button.go:focus, input[value="GO"]:focus { - background: #fff url(/themes/console/images/buttons/go.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/go.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.go[value^="Create"], button.go[value^="Create"] { - background: #eee url(/themes/console/images/buttons/create-file.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/create-file.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.go[value^="Create"]:hover, button.go[value^="Create"]:hover, -input.go[value^="Create"]:focus, button.go[value^="Create"]:focus { - background: #fff url(/themes/console/images/buttons/create-file.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/create-file.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.back { - background: #eee url(/themes/console/images/buttons/back.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/back.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.back:hover, -input.back:focus { - background: #fff url(/themes/console/images/buttons/back.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/back.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.reload, button.reload { - background: #eee url(/themes/console/images/buttons/restore.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/restore.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.reload:hover, button.reload:hover, -input.reload:focus, button.reload:focus { - background: #fff url(/themes/console/images/buttons/restore_hover.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/restore_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.reload[value$="restart"], button.reload[value$="restart"] { - background: #eee url(/themes/console/images/buttons/restart.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/restart.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.reload[value$="restart"]:hover, button.reload[value$="restart"]:hover, -input.reload[value$="restart"]:focus, button.reload[value$="restart"]:focus { - background: #fff url(/themes/console/images/buttons/restart_hover.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/restart_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.reload[value^="Update"], button.reload[value^="Update"] { - background: #eee url(/themes/console/images/buttons/update.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/update.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.reload[value^="Update"]:hover, button.reload[value^="Update"]:hover, -input.reload[value^="Update"]:focus, button.reload[value^="Update"]:focus { - background: #fff url(/themes/console/images/buttons/update_hover.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/update_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.reload[value="Force GC"], button.reload[value="Force GC"] { - background: #eee url(/themes/console/images/buttons/clean.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/clean.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.reload[value="Force GC"]:hover, button.reload[value="Force GC"]:hover, -input.reload[value="Force GC"]:focus, button.reload[value="Force GC"]:focus { - background: #fff url(/themes/console/images/buttons/clean_hover.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/clean_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); -} - -input.stop, button.stop { - background: #eee url(/themes/console/images/buttons/shutdown.png) no-repeat 7px 6px; - background: url(/themes/console/images/buttons/shutdown.png) no-repeat 7px 6px, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 23px; -} - -input.stop:hover, button.stop:hover, -input.stop:focus, button.stop:focus { - background: #fff url(/themes/console/images/buttons/shutdown_hover.png) no-repeat 7px 6px; - background: url(/themes/console/images/buttons/shutdown_hover.png) no-repeat 7px 6px, linear-gradient(to bottom, #ddd, #fff); -} - -button.search { - background: #eee url(/themes/console/images/buttons/search.png) no-repeat 7px 6px; - background: url(/themes/console/images/buttons/search.png) no-repeat 7px 6px, linear-gradient(to bottom, #fff, #ddd); - padding: 5px 7px 5px 25px; -} - -button.search:hover, -button.search:focus { - background: #fff url(/themes/console/images/buttons/search_hover.png) no-repeat 7px 6px; - background: url(/themes/console/images/buttons/search_hover.png) no-repeat 7px 6px, linear-gradient(to bottom, #ddd, #fff); -} - -/* client config buttons aka project "X" */ - -button.control { - font-size: 0 !important; - text-indent: -99999px !important; - background-size: 16px 16px, 100% 100% !important; - padding: 12px !important; -} - -button.accept.control { - background: #eee url(/themes/console/images/buttons/Xstart.png) center center no-repeat; - background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd); -} - -button.accept.control:hover, button.accept.control:focus { - background: #fff url(/themes/console/images/buttons/Xstart.png) center center no-repeat; - background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff); -} - -button.stop.control { - background: #eee url(/themes/console/images/buttons/Xstop.png) center center no-repeat; - background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd); -} - -button.stop.control:hover, button.stop.control:focus { - background: #fff url(/themes/console/images/buttons/Xstop.png) center center no-repeat; - background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff); -} - -button.add.control { - background: #eee url(/themes/console/images/buttons/edit2.png) center center no-repeat; - background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd); -} - -button.add.control:hover, button.add.control:focus { - background: #fff url(/themes/console/images/buttons/edit2.png) center center no-repeat; - background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff); -} - -button.delete.control { - background: #eee url(/themes/console/images/buttons/delete.png) center center no-repeat; - background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd); -} - -button.delete.control:hover, button.delete.control:focus { - background: #fff url(/themes/console/images/buttons/delete_hover.png) center center no-repeat; - background: url(/themes/console/images/buttons/delete_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff); -} - -button.check.control { - background: #eee url(/themes/console/images/buttons/update.png) center center no-repeat; - background: url(/themes/console/images/buttons/update.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd); -} - -button.check.control:hover, button.check.control:focus { - background: #fff url(/themes/console/images/buttons/update_hover.png) center center no-repeat; - background: url(/themes/console/images/buttons/update_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff); -} - -button.download.control { - background: #eee url(/themes/console/images/buttons/download.png) center center no-repeat; - background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd); -} - -button.download.control:hover, button.download.control:focus { - background: #fff url(/themes/console/images/buttons/download.png) center center no-repeat; - background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff); -} - -button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner { - outline: none; - border: none; -} - -/* end project "X" */ - -/* sidebar buttons */ - -.routersummary button { - margin: 0 1px -3px; - min-width: 87px; -} - -.routersummary .reload, .routersummary .stop { - min-width: 92px !important; - text-indent: -99999px; - background-size: 16px 16px, 100% 100% !important; -} - -.routersummary .reload { - background: #eee url(/themes/console/images/buttons/restart.png) center center no-repeat !important; - background: url(/themes/console/images/buttons/restart.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important; -} - -.routersummary .reload:hover, .routersummary .reload:focus { - background: #ddd url(/themes/console/images/buttons/restart_hover.png) center center no-repeat !important; - background: url(/themes/console/images/buttons/shutdown_hover.png) 37% center no-repeat, url(/themes/console/images/buttons/restart_hover.png) 63% center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important; - border: 1px solid #89f; -} - -.routersummary .reload:active, .routersummary .stop:active, .routersummary .download:active { - box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px 1px #555; - border: 1px solid #999 !important; -} - -.routersummary .stop { - background: #eee url(/themes/console/images/buttons/shutdown.png) center center no-repeat; - background: url(/themes/console/images/buttons/shutdown.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd); -} - -.routersummary .stop:hover, .routersummary .stop:focus { - background: url(/themes/console/images/buttons/shutdown_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff); - border: 1px solid #89f; -} - -/* Show text on context specific buttons (eg deferred shutdown) */ - -.routersummary .reload[value="restartImmediate"], .routersummary .stop[value="shutdownImmediate"], .routersummary .reload[value="Reseed"] { - text-indent: 0; - text-align: left; - min-width: 0 !important; - padding: 5px 7px 5px 23px !important; - text-transform: capitalize; -} - -.routersummary .cancel { - text-transform: capitalize; -} - -.routersummary .reload[value="restartImmediate"] { - background: #eee url(/themes/console/images/buttons/restart.png) center left 7px no-repeat !important; - background: url(/themes/console/images/buttons/restart.png) center left 7px no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important; - background-size: 14px auto, 100% 100% !important; -} - -.routersummary .reload[value="restartImmediate"]:hover, .routersummary .reload[value="restartImmediate"]:focus, .routersummary .reload[value="restartImmediate"]:active { - background: #eee url(/themes/console/images/buttons/restart_hover.png) center left 7px no-repeat !important; - background: url(/themes/console/images/buttons/restart_hover.png) center left 7px no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important; - background-size: 14px auto, 100% 100% !important; -} - -.routersummary .stop[value="shutdownImmediate"] { - background: #eee url(/themes/console/images/buttons/shutdown.png) center left 7px no-repeat !important; - background: url(/themes/console/images/buttons/shutdown.png) center left 7px no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important; - background-size: 14px auto, 100% 100% !important; -} - -.routersummary .stop[value="shutdownImmediate"]:hover, .routersummary .stop[value="shutdownImmediate"]:focus, .routersummary .stop[value="shutdownImmediate"]:active { - background: #eee url(/themes/console/images/buttons/shutdown_hover.png) center left 7px no-repeat !important; - background: url(/themes/console/images/buttons/shutdown_hover.png) center left 7px no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important; - background-size: 14px auto, 100% 100% !important; -} - -.routersummary .reload[value="Reseed"] { - background: #eee url(/themes/console/images/buttons/download.png) center left 7px no-repeat !important; - background: url(/themes/console/images/buttons/download.png) center left 7px no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important; - background-size: 14px auto, 100% 100% !important; -} - -.routersummary .reload[value="Reseed"]:hover, .routersummary .reload[value="Reseed"]:focus, .routersummary .reload[value="Reseed"]:active { - background: #ddd url(/themes/console/images/buttons/download.png) center left 7px no-repeat !important; - background: url(/themes/console/images/buttons/download.png) center left 7px no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important; - background-size: 14px auto, 100% 100% !important; -} - -.routersummary .download { - background: #eee url(/themes/console/images/buttons/download.png) 7px center no-repeat; - background: url(/themes/console/images/buttons/download.png) 7px center no-repeat, linear-gradient(to bottom, #fff, #ddd); - background-size: 14px 14px, 100% 100% !important; -} - -.routersummary .download:hover, .routersummary .download:focus, .routersummary .download:active { - background: #ddd url(/themes/console/images/buttons/download.png) 7px center no-repeat; - background: url(/themes/console/images/buttons/download.png) 7px center no-repeat, linear-gradient(to bottom, #ddd, #fff); - background-size: 14px 14px, 100% 100% !important; -} - -/* end sidebar buttons */ -/* end buttons & inputs */ - -.main { - margin: 0 0 0 211px; - padding: 15px 15px 10px 15px; - border: 1px solid #89f; - border-top: 0; - text-align: left; - color: #2c354f; - min-width: 540px; - background: #eef; - background: url(images/bg0.png) repeat scroll top left !important; - background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.1)) top -1px center, url(images/bg0.png) top -3px center !important; - background-size: auto 180px, 100% 100%, 120px 120px !important; - box-shadow: inset 0 0 0 1px #e8e8f5; -} - -.main#news h3 { - padding: 3px 0; - font-size: 10pt; - border: none; - border-bottom: 1px solid #bfc9ff; - background: none; -} - -.main#news p { - padding: 0 10px; -} - -.main ul { - list-style-type: square; - margin: -10px 0 10px -10px; -} - -.main li { - padding: 0 0 5px 0; - word-wrap: break-word; - margin-right: 20px; -} - -.main li:first-child { - padding-top: 15px; -} - -.links li b { - color: #1f7096 !important; -} - -.main hr:last-child { - margin: 15px 0 10px 0; -} - -.main textarea { - width: 98%; - width: calc(100% - 5px); - margin: 2px 0 2px 5px; - min-height: 96px; - resize: none; - box-shadow: inset 1px 1px 1px #ddd; - border: 1px solid #bbb; - border-radius: 2px; - padding: 3px 4px; - color: #333; -} - -.main textarea:focus { - box-shadow: inset 0 0 0 1px #89f; - box-shadow: inset 0 0 0 1px #89f, 0 0 1px rgba(136, 153, 255, 0.4); - color: #000; -} - -.main h2 { - margin-bottom: 10px !important; -} - -.main#home .welcome h2 { - margin: -9px -10px -8px; -} - -.main#home .langbox { - margin-right: -7px; -} - -div.welcome { - margin-top: 0; -} - -.welcome + div .tidylist { - line-height: 150% !important; -} - -.main#dns, .main#webmail, .main#torrents { - padding: 0 !important; - min-width: 570px; -} - -.main#dns { - background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.8)), url(images/bg0.png) !important; -} - -.main#tunnelmgr { - padding: 0 10px; - min-width: 550px; -} - -#help { - background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.1)), url(images/bg0.png) !important; -} - -.welcome h2 { - margin-top: 0; -} - -.main h2:first-child, .main h3:first-child { - margin-top: 0; -} - -.topness { - text-align: right; - font-size: 8pt; -} - -div.wideload h2 { - margin-bottom: 0 !important; -} - -div.wideload h3 { - margin-top: 15px !important; - margin-bottom: 0 !important; -} - -div.wideload p { - margin-top: 5px !important; -} - -div.news { - margin: -1px 0 0 211px; - background: #f9f9ea url(images/bg1.png); - background: linear-gradient(to bottom, rgba(255,255,255,0.6), rgba(255,255,255,0.5)), url(images/bg1.png) #efefe0; - background-size: 100% 100%, 120px 120px; - border: 1px solid #89f; - border-bottom: 1px solid #89f; - border-right: 1px solid #89f; - text-align: right; - color: #331e0c; - min-width: 540px; - padding: 3px 10px 3px 10px; - font-size: 8pt; -} - -/* convert the list entry to our title */ - -div.news li { - text-align: justify; - list-style: none; - margin: 15px 15px -10px -20px; - border-bottom: 2px dotted #331e0c; - border-top: 0 solid #331e0c; - padding: 3px 5px 5px 0; - font-size: 10pt; - color: #331e0c; - text-transform: capitalize; -} - -div.news h3 { - text-align: left; - border: none !important; - border-bottom: 1px dotted !important; - box-shadow: none; - font-size: 10pt !important; - letter-spacing: 0.05em; - text-transform: capitalize !important; - text-shadow: none !important; - padding: 5px 0 3px 10px; - margin: 10px 10px -7px !important; - letter-spacing: 0.1em; -} - -.newsentry:first-child { - margin-top: -6px; -} - -.newsentry h3 { - letter-spacing: 0.1em; - box-shadow: none; - background: url(/themes/console/images/info/newspaper.png) left center no-repeat !important; - background-size: 16px 16px !important; - padding-left: 22px !important; -} - -.newsentry h3 a { - letter-spacing: 0.08em !important; - font-size: 10pt !important; -} - -.newsentry p { - line-height: 140% !important; -} - -div.news p { - color: #331e0c; - font-size: 9pt; - margin-bottom: -10px; -} - -div.news p:last-child { - margin-bottom: 10px; -} - -div.news a { - color: #7f560f !important; -} - -div.news a:hover, div.news a:focus, div.news a:visited:hover, div.news a:visited:focus { - color: #f60 !important; -} - -div.news a:visited { - color: #5f4312 !important; -} - -div.news hr { - color: #cc7; - background: #775628; - height: 2px; - border-bottom: 1px solid #fff9ef; - margin: 10px 0 1px !important; - opacity: 0.7; -} - -@media screen and (-webkit-min-device-pixel-ratio:0) { -div.news hr { - height: 1px; -} -} - -div.news hr:last-child { - margin-bottom: 10px !important; -} - -.newsentry + hr { - margin-bottom: 5px !important; -} - -.newsAuthor { - padding-left: 14px; - float: right; - background: url(/themes/console/images/info/author.png) left 2px bottom 3px no-repeat; - background-size: 10px 10px; - font-size: 8.5pt; - padding: 2px 4px 0 14px; - display: inline-block; - opacity: 0.8; - text-transform: none; -} - -.newsDate { - font-size: 10pt !important; -} - -#newsStatus { - float: left; - text-align: justify; -} - -#newsDisplay { - white-space: nowrap; - margin-left: 10px; - color: #663; - font-weight: bold; -} - -#news #newsDisplay, #news #newsStatus { - margin-top: 3px !important; - margin-bottom: 3px !important; - display: inline-block; -} - -.messages #newsStatus, .messages #newsDisplay { - float: none; - color: #005; -} - -.messages #newsDisplay { - margin-left: 5px; -} - -/* top navigation */ - -div.confignav { - padding: 5px 7px 6px; - margin: -16px -16px 5px -16px; - border: 1px solid #89f; - font-size: 9pt; - text-align: center; - font-weight: bold; - background: linear-gradient(to bottom, #fff, #eff2ff); -} - -.tab, .tab2 { - box-sizing: border-box; - display: inline-block; - border: 1px solid #89f; - margin: 0 -2px -1px -2px !important; - padding: 1px 0; - background: #fff; - min-width: 60px !important; -} - -.tab a { - display: inline-block; - padding: 3px 15px; -} - -.tab:hover a { - color: #f60 !important; -} - -.tab { - background: linear-gradient(to bottom, #fff 50%, #efefff 50%); - box-shadow: inset 0 0 0 1px #fff; -} - -.tab:hover { - background: #fff; - box-shadow: inset 0 0 0 1px #f90; -} - -.tab:active { - box-shadow: inset 0 0 0 1px #f90, inset 3px 3px 3px 1px #5f2400; - background: #f60; -} - -.tab:active a { - color: #fff !important; -} - -.tab2 { - padding: 4px 14px; - color: #fff; - text-shadow: 0 1px 1px #225; - box-shadow: inset 3px 3px 2px #337; - background: #89f; - background: linear-gradient(to bottom, #89f 50%, #78f 50%); - vertical-align: top; -} - -/* end topnav */ - -div.configure { - padding: 0; -} - -div.configure hr { - margin: 15px 0; - display: none; -} - -div.configure table { - font-size: 9pt; - border: 1px solid #89f; -} - -table.configtable, #permabanned, #loggingoptions, #configstats, ul#banlist { - margin-bottom: -5px; -} - -#config_homepage td { - padding: 5px; -} - -#config_peers #permabanned { - margin-bottom: 5px; -} - -#configstats th { - text-align: left; - padding: 6px 10px; - font-size: 10pt; - text-transform: uppercase; - letter-spacing: 0.08em; - word-spacing: 0.1em; -} - -#configstats th a { - float: right; - font-size: 9pt; - text-transform: none; -} - -#configstats td:first-child:empty + td > label, #configstats td:first-child:empty + td > label:hover { /* remove pointer from inert labels */ - cursor: default; - color: #2c354f; -} - -#configstats td:last-child { /* epiphany fix */ - border-right: 1px solid #89f !important; -} - -.configtable td, #joinfamily td { - padding: 5px 10px; - border-top: 1px solid #89f; - border-bottom: 1px solid #89f; -} - -#joinfamily, #exportfamily{ - margin-top: 15px !important; -} - -#newfamily { - margin-bottom: 6px; - margin-top: 4px; -} - -#exportfamily tr:nth-child(2) td:first-child { - background: #fff url(/themes/console/images/info/export_key.png) 12px center no-repeat; - padding: 15px 15px 15px 50px; - background-size: 28px 28px; -} - -#leavefamily { - margin-top: 19px; - margin-bottom: 7px; -} - -#leavefamily tr:last-child td:first-child { - background: #fff url(/themes/console/images/info/leave_family.png) 12px center no-repeat; - padding: 15px 15px 15px 50px; - background-size: 28px 28px; -} - -#peerdefs td:first-child { - text-align: right; - width: 10%; - white-space: nowrap; - padding: 5px; - border-right: 1px inset #cfd6ff; -} - -#peerdefs tr { - border-top: 1px inset #cfd6ff; -} - -#bandwidthconfig td:first-child { - width: 25%; - white-space: nowrap; -} - -#advconf { - margin-bottom: -5px !important; -} - -#addkeyring { - margin-bottom: -5px; -} - -#addkeyring td:first-child:not(.infohelp) { - line-height: 115%; -} - -#addkeyring input[type="text"] { - width: 99%; - width: calc(100% - 5px); -} - -#manualreseed { - margin-bottom: 10px; -} - -#manualreseed tr:nth-child(odd) { - background: #fff; -} - -#manualreseed td:first-child { - white-space: nowrap; - border-right: none; -} - -#manualreseed .optionsave { - padding-left: 0; -} - -#manualreseed .optionsave input { - min-width: 110px; -} - -#manualreseed input[type="text"], #manualreseed input[type="file"] { - width: 60%; -} - -#reseedconfig tr:nth-child(2) br { - display: none; -} - -#reseedconfig tr:nth-child(2) label { - white-space: nowrap; - margin-right: 10px; -} - -#reseedconfig td { - width: 50%; -} - -@media screen and (-webkit-min-device-pixel-ratio: 0) { -#reseedconfig .optbox[type="radio"] { - margin: 4px 4px 4px 15px !important; -} - -#reseedconfig .optbox[type="checkbox"] { - vertical-align: sub !important; -} - -#manualreseed th:last-child, #manualreseed td:last-child { - border-right: 1px solid #89f; -} -} - -#loggingoptions textarea { - width: 99%; - width: calc(100% - 5px); -} - -#loggingoptions td:nth-child(2) { - width: 170px; -} - -#profilelist { - margin: 0 !important; -} - -#profilelist th:nth-child(7) { - text-align: right; -} - -#profilelist td:first-child, #profilelist td:last-child { - width: 1%; - white-space: nowrap; -} - -#profilelist th:nth-child(3), #profiles th:nth-child(4), #profiles th:nth-child(5), #profiles th:nth-child(6) { - text-align: right; -} - -#profilelist td:nth-child(3) { - letter-spacing: 0.2em; -} - -#profilelist td[colspan="9"], #profilelist tr td[colspan="9"]:hover { - background: #77f; - padding: 1px 0; - border-top: 1px inset #fff !important; - border-bottom: 1px inset #fff !important; -} - -#profilelist td[colspan="9"] hr { - display: none; -} - -#profilelist tr:hover td, #floodfills tr:hover td, #ntcpconnections tr:hover td, #udpconnections tr:hover td, -.homelinkedit tr:hover td, #portmapper tr:hover td { - background: #ffe; - background: linear-gradient(to bottom, #fff, #ffe); - color: #104e99; - border-top: 1px solid #89f; - border-bottom: 1px solid #89f; -} - -#thresholds tr:last-child:hover td { - background: #fff; -} - -tr.tablefooter:hover td, tr:hover .infohelp { - color: #2c354f; -} - -/* peers - sort icons */ - -#udpconnections th { - vertical-align: top; - background: #fff; - padding-top: 3px; -} - -#ntcpconnections th { - background: #fff; -} - -#peers > #ntcpcon { - margin-top: 0 !important; -} - -#upnpstatus + #ntcpcon { - margin-top: 10px !important; -} - -#upnpscan { - border: 1px solid #89f; - margin: -11px 0 5px; - padding: 0 10px 5px; - background: #fff; -} - -.sortup, .sortdown, .sortupactive, .sortdownactive { - padding: 1px 0; - border: 1px solid #999; - border-radius: 2px; - margin: 2px 1px 0; - vertical-align: middle; - text-align: center; - display: inline-block; - width: 16px; - height: 12px; - background-size: 10px auto, 100% 100% !important; -} - -.sortup, .sortdown { - box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ddd;; - opacity: 0.7; -} - -.sortup img, .sortdown img, .sortupactive img, .sortdownactive img { - margin: 0; - padding: 0; - opacity: 0; - width: 16px; - height: 14px; - vertical-align: middle; - text-align: center; -} - -.sortupactive, .sortdownactive { - opacity: 1; - box-shadow: inset 1px 1px 1px #ccc; -} - -.sortup { - background: url(images/sort_up.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd); -} - -.sortup:hover { - background: url(images/sort_up.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff); - border: 1px solid #89f; - opacity: 1; -} - -.sortup a:focus, .sortdown a:focus { - background: rgba(255,102,0,0.15); - border-radius: 2px; - box-shadow: inset 0 0 0 1px #fff; - margin-top: -1px; - display: inline-block; -} - -.sortupactive { - background: url(images/sort_up.png) center center no-repeat, #fff; -} - -.sortdown { - background: url(images/sort_down.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd); -} - -.sortdown:hover { - background: url(images/sort_down.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff); - border: 1px solid #89f; - opacity: 1; -} - -.sortdownactive { - background: url(images/sort_down.png) center center no-repeat, #fff; -} - -/* end peer sort */ - -.backlogged { - font-size: 14pt; - line-height: 0; -} - -tr:hover th { - color: #2c354f; -} - -#thresholds, #profile_defs { - margin-top: -1px; - line-height: 150%; -} - -#thresholds p { - padding: 0 10px 0 5px; - margin-top: 0 !important; -} - -#profile_defs td:first-child { - width: 5% !important; - white-space: nowrap; - text-align: right; -} - -#profile_defs td:last-child { - white-space: normal; - line-height: 120%; -} - -#thresholds th, #thresholds td { - text-align: center !important; - width: auto !important; -} - -#thresholds tr:last-child td { - background: #fff; -} - -#profile_defs td:nth-child(2)::first-letter { - text-transform: uppercase; -} - -#capabilities_key td { - padding: 0 !important; -} - -#capabilities_key table td:nth-child(2)::first-letter { - text-transform: none; -} - -#capabilities_key table { - margin: 0 !important; - border: none; - border-top: 1px solid #89f; - border-bottom: 1px solid #89f; -} - -#capabilities_key table td { - padding: 3px 5px !important; -} - -#capabilities_key table td:nth-child(even) { - width: 16px; -} - -#capabilities_key b { - text-transform: none !important; - display: inline-block; - min-width: 16px; - background: #dfe4ff; - text-align: center; - text-shadow: 0 1px 1px #fff; - border-radius: 2px; - padding: 1px 2px; -} - -#thresholds tr:hover td, #profile_defs tr:hover td { - background: none; -} - -#profile_defs b { - text-transform: capitalize; -} - -#capabilities_key b { - text-transform: none !important; -} - -#floodfills { - margin-top: 10px; -} - -#floodfills th { - font-size: 8pt; -} - -#floodfills td:first-child, #profilelist td:first-child { - text-align: right; - width: 1%; - white-space: nowrap; -} - -ul#banlist { - border: 1px solid #89f; - margin: 15px 0 5px; - padding: 8px 10px; - background: #eff1ff; - -moz-column-count: 4; - -moz-column-width: 270px; - -moz-column-gap: 35px; - -moz-column-rule: 1px dotted #89f; - -webkit-column-count: 4; - -webkit-column-width: 270px; - -webkit-column-gap: 35px; - -webkit-column-rule: 1px dotted #89f; - column-count: 4; - column-width: 270px; - column-gap: 35px; - column-rule: 1px dotted #89f; -} - -#config_peers #banlist { - margin-bottom: 11px; -} - -ul#banlist + h3.tabletitle { - margin-top: 9px !important; -} - -#banlist li { - list-style: none !important; - border-bottom: 1px dotted #89f; - margin-bottom: 5px; - min-width: 250px; - width: calc(100% - 5px); - padding-bottom: 2px; - break-inside: avoid; - page-break-inside: avoid; - -webkit-column-break-inside: avoid; - display: table; - padding: 3px !important; - line-height: 100%; -} - -#banlist li img { - margin-right: 3px; -} - -#banlist li:first-child { - margin-top: 0; -} - -#banlist a[href^="configpeer?peer"] { - margin-top: -5px; - float: right; - line-height: 0; -} - -/* /configpeers banlist */ - -#bannedips { - margin-bottom: 4px; -} - -#bannedips table { - margin-bottom: -1px !important; -} - -#bannedips td { - vertical-align: top; - padding: 0; - width: 50%; -} - -#bannedips table tr { - border-top: 1px solid #ddf; -} - -#bannedips table td { - text-align: center; - padding: 4px 2px; -} - -#bannedips table tr:last-child { - border-bottom: 1px solid #89f; -} - -#permabanned, #banneduntilrestart { - margin: -1px 0 !important; - border: none; -} - -#permabanned td:first-child { - border-left: 1px solid #89f; - text-align: right; - padding-right: 10px; - width: 49%; -} - -#permabanned td:nth-child(2) { - width: 2%; -} - -#permabanned td:last-child { - text-align: left; - padding-left: 10px; - width: 49%; -} - -#banneduntilrestart td { - border-right: 1px solid #89f; - text-align: center !important; -} - -#ipv4, #ipv6, #permabanned tr:nth-child(2) { - background: url(images/tinytitle.png) center center repeat-x; - background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%); - border-top: 1px solid #89f !important; - border-bottom: 1px solid #89f !important; -} - -/* end /configpeer banlist */ - -.widescroll { - overflow: auto; -} - -a[href^="configpeer?peer"] { - font-size: 0; - filter: drop-shadow(0 0 1px #777); -} - -a[href^="configpeer?peer"]::after { - content: url(/themes/console/images/buttons/edit.png); - vertical-align: top; -} - -a[href^="configpeer?peer"]:hover { - filter: drop-shadow(0 0 1px #f60); -} - -pre#transports { - border: 1px solid #89f; - padding: 15px 15px 0; - margin: -11px 0 0; - width: 95%; - width: calc(100% - 32px); - background: #fff; -} - -#view_profile pre { - word-break: break-all; - word-wrap: break-word; - white-space: pre-wrap; -} - -#view_profile h2 { - text-transform: none; - line-height: 120%; - margin-bottom: -1px !important; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - letter-spacing: 0; - word-spacing: 0; -} - -#pluginconfig { - margin-bottom: 0 !important; -} - -#pluginconfig table { - margin: 3px; - width: calc(100% - 5px); -} - -#pluginconfig tr td { - background: #fff; -} - -#pluginconfig button, #webappconfig button, #clientconfig button { - margin: 3px; -} - -#enviro { - -moz-user-select: all; - -webkit-user-select: all; - user-select: all; - cursor: text; -} - -#enviro:hover tr, #enviro:hover td { - background: #ffe; - border-top: 1px inset transparent; - border-bottom: 1px inset transparent; -} - -#enviro td, #eventlogs td { - padding: 5px 10px; -} - -#enviro td:first-child { - text-align: right; - width: 1%; - white-space: nowrap; - padding-right: 0; -} - -#wrapperlogs pre { - white-space: pre-wrap; - word-break: break-all; - margin: 0; - width: 100%; - padding: 0; - height: 600px; - overflow: auto; -} - -#wrapperlogs tr:last-child td { - padding: 0 0 0 2px; -} - -#criticallogs tr:first-child { - display: none; -} - -.logtable tr:first-child { - border-bottom: 1px solid #89f; - padding: 5px 10px; -} - -.logtable p { - margin: 0; - padding: 0; -} - -.logtable ul { - margin-bottom: 0 !important; -} - -#i2pupdates input[type="text"], #i2pupdates select { - min-width: 200px; -} - -#i2pupdates input[name*="URL"] { - width: 99%; - width: calc(100% - 5px) !important; -} - -#i2pupdates input.check, .optbox { - margin-left: 5px; -} - -#i2pupdates td:first-child { - padding-right: 0; - line-height: 120%; -} - -#i2pupdates tr:last-child td { - background: #fff !important; - padding: 5px; -} - -#i2pupdates td:last-child { - padding-left: 0; - padding-right: 8px; -} - -div.configure tr, div.configure td { - padding: 5px; -} - -div.configure li:first-child, .main li:first-child { - margin-top: -10px; -} - -div.configure li:last-child { - margin-bottom: -5px; -} - -div.configure h2:first-child { - margin-top: 15px; -} - -#sidebarconf button { - margin: 2px !important; - padding: 2px 3px; - background-size: 100% 100% !important; -} - -#sidebarconf button img { - height: 14px; - width: 14px; -} - -#sidebarconf th:nth-child(1) { - text-align: center; -} - -#sidebarconf th:nth-child(2), #sidebarconf td:nth-child(2) { - text-align: left; - padding-left: 20px; -} - -#sidbarconf td:last-child[colspan="2"] { - text-align: center !important; - padding: 2px; -} - -#sidebarconf tr, .homelinkedit tr, #clientconfig tr, #webappconfig tr, #configstats tr, #tunnelconfig tr, #profiles tr, -#floodfills tr, #netdboverview tr, .netdbentry tr, #leasesetdebug tr, #leasesetsummary tr, .leaseset tr, #tunnel_defs tr, -.sybil_routerinfo tr, #enviro tr, #schedjobs tr, #jobstats tr, #eventlog tr, .tunneldisplay tr, #udpconnections tr, #ntcpconnections tr { - border-top: 1px inset #cfd6ff; -} - -#config_stats tr:not(.tablefooter) td:first-child::after { - content: ""; - display: inline-block; - min-height: 24px; - vertical-align: middle; -} - -#addkeyring tr td, #loggingoptions tr td, #profilelist tr:hover, #floodfills tr:hover { - border-top: 1px solid #cfd6ff !important; - border-bottom: 1px solid #cfd6ff !important; -} - - tr.tablefooter { - border-top: 1px solid #89f !important; - border-bottom: 1px solid #89f !important; -} - -#sidebarconf tr:hover td, #eventlog tr:hover td, .tunneldisplay tr:hover td, #jobstats tr:hover td, #schedjobs tr:hover td, #jardump tr:hover td { - background: #ffd; - background: linear-gradient(to bottom, #fff, #ffe); - color: #104e99; -} - -#sidebarconf tr:last-child td, #sidebarconf tr:last-child:hover td { - border-top: 1px solid #89f; - background: #eff1ff; -} - -#sidebarconf select { - margin-left: 0; - width: 100%; -} - -#sidebarconf td:first-child { - width: 60px; - text-align: center; -} - -#sidebarconf td:nth-child(3), #sidebarconf td:nth-child(4) { - width: 59px; - padding: 0; - white-space: nowrap; -} - -#sidebarconf td:nth-child(4) { - text-align: left; -} - -#sidebarconf tr:last-child td:last-child { - text-align: right; - padding-right: 2px; -} - -.topshimten { - margin-top: 15px; - margin-bottom: 15px; -} - -.messages { - padding: 15px 10px; - background: #fff; - border: 1px solid #89f; - border-right: 0; - margin: -6px -15px 10px -16px; - text-align: center; - font-size: 9pt; - font-weight: bold; - color: #474; -} - -#config_update .messages { - background: url(/themes/console/images/info/newspaper.png) 10px center no-repeat #fff; - background-size: 28px 28px; - padding-left: 48px; - text-align: left; - font-weight: normal; -} - -#messages { - margin-bottom: 5px; -} - -.messages li, .messages ul { - padding: 0 !important; - margin: -10px 0 0 25px !important; - list-style: none; - text-align: left; -} - -.messages .error li, .messages .error ul { - margin: 0 !important; -} - -.messages li { - padding-left: 60px !important -} - -#graphs .messages, #events #messages { - margin-top: -16px; -} - -#events #messages { - margin-bottom: 15px; - vertical-align: middle; -} - -#events .messages li { - padding: 0 !important; - margin: 10px 10px 0 35px !important; - text-align: justify; -} - -div.error { - color: #900; - background: url(/themes/console/images/info/errortriangle.png) 20px center no-repeat; - background-size: 28px auto; - padding: 10px 5px; - margin-left: -5px; -} - -div.notice { - padding: 10px 10px 10px 0 !important; - margin: 0; - background: url(/themes/console/images/info/infohelp.png) 15px center no-repeat; -} - -.notice ul, .notice li { - margin: 0 !important; -} - -h1, .main, .sorry, div.news { - margin-left: 211px; -} - -h1 { - font-size: 18pt; - text-align: left; - border: 1px solid #89f; - padding: 18px 20px 16px; - margin: 0 0 0 211px; - line-height: 93%; - text-transform: uppercase; - letter-spacing: 0.08em; - word-spacing: 0.1em; - background: #fff url(images/titlebg.png) center right no-repeat !important; - background: linear-gradient(to right, #fff 20%, rgba(255,255,255, 0.5) 70%), linear-gradient(to bottom, #e5f0f7 0%, #e5f0f7 50%, #b9c2f9 50%, #b9c2f9 100%) !important; - min-width: 530px; -} - -span.newtab { - text-align: right; - font-size: 8pt; - float: right; - letter-spacing: 0; -} - -.newtab img:hover { - filter: drop-shadow(0 0 1px #f60); -} - -h2 { - font-size: 14pt; - padding: 10px; - border: 1px solid #89f; - letter-spacing: 0.04em; - text-transform: uppercase; - background: #fff; -} - -h3, h4#updateplugins { - font-size: 11pt; - padding: 6px 10px; - border: 1px solid #89f; - margin-bottom: 10px; - background: #fff; -} - -h3.tabletitle { - margin-bottom: -1px; -} - -h3.ptitle { - margin-bottom: -13px; -} - -h3.ptitle, h3.tabletitle, th.th_title { - font-size: 11pt; -} - -h3.enbeddedtitle, h4.embeddedtitle { - margin-bottom: 5px !important; -} - -h3#udpcon, h3#ntcpcon { - margin-bottom: -1px; -} - -h3#i2pclientconfig { - margin-top: 15px; - margin-bottom: -13px; -} - -h3#bannedpeers { - margin-top: 16px; - margin-bottom: -16px; -} - -h3#bwlimiter, h3#iptransport { - margin: 15px 0 -1px !important; -} - -h3#iptransport a, th#upnpconfig a, h3#bwlimiter a, #config_stats h3 a, #config_logging h3 a, h3#graphdisplay a, #logs h3 a, h3#advancedconfig a, .h3navlinks { - float: right; - font-size: 9pt; - letter-spacing: normal; -} - -.h3navlinks a { - text-transform: capitalize; - letter-spacing: normal; - margin-left: 5px; -} - -h3#iptransport a:not(old), h3#advancedconfig a:not(old) { - font-size: 0 -} - -h3#iptransport a::after, h3#advancedconfig a::after { - content: url(images/help.png); - padding: 0; - margin: 0; - vertical-align: bottom; - height: 16px !important; - display: inline-block; -} - -h3#iptransport a:hover { - filter: drop-shadow(0 0 1px #f60); -} - -h4 { - border: 1px solid #89f; - background: #fff; - background: linear-gradient(to right, #fff, #eff2ff); - padding: 3px 5px; - font-size: 9pt; - margin: 5px 0; -} - -p#clientconf { - margin-bottom: -1px !important; -} - -table[id*="connections"] td { - text-align: center; -} - -table[id*="connections"] td:first-child { - width: 1%; - white-space: nowrap; - text-align: right; -} - -table[id*="connections"] .tablefooter td:first-child { - text-align: left; -} - -h3[id*="heading"] { - margin-bottom: -1px; -} - -h3#advancedclientconfig, h3#ffconf, h3#advancedconfig { - margin-bottom: -1px !important; -} - -h3#pluginmanage { - margin-bottom: -18px !important; -} - -.configure > h3#pluginmanage { - margin-top: 11px; -} - -h3#advancedclientconfig, h3#pconfig { - margin-top: 15px; -} - -h3#pluginmanage + p { - padding: 5px 0 0 !important; -} - -h3#webappconfig { - margin-bottom: -30px; - margin-top: 15px; -} - -p#webappconfigtext { - margin-bottom: -1px; -} - -p:empty { - display: none; -} - -h2 { - letter-spacing: 0.08em; - word-spacing: 0.1em; -} - -h2, h3, h4#updateplugins { - background: #fff url(images/titlebg.png) right center no-repeat; - background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%); - box-shadow: inset 0 0 0 1px #fff; -} - -h4#updateplugins { - margin-top: -13px; -} - -.routersummary h2, .routersummary h3 { - background: url(images/tinytitle.png) center center repeat-x; - background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%); -} - -table { - border-collapse: collapse; - border: 1px solid #89f; - margin: 0 0 5px 0; - font-size: 9pt; - background: #eff2ff; - width: 100%; -} - -table hr { - padding: 0; - color: #89f; - background: #89f; - border: 0 solid #89f; - margin: -5px -5px -10px -5px !important; - height: 1px; -} - -table tt { - font-size: 8pt; -} - -th { - background: #fff; - background: linear-gradient(to bottom, #fff, #eff2ff); - padding: 5px; - text-align: center; - border-bottom: 1px solid #89f; - border-top: 1px solid #89f; - font-size: 9pt; -} - -th.th_title { - text-align: left; - padding: 6px 10px; -} - -.configtable th { - padding: 5px 10px; - line-height: normal; -} - -.smallhead th { - font-size: 8pt; -} - -td { - padding: 3px 5px; -} - -td.optionsave { - text-align: right; - border-top: 1px solid #89f; - background: #fff; - padding: 8px 5px; -} - -td.optionsave[colspan="2"] { - background: #fff; -} - -td.infohelp, p.infohelp, td.infowarn, p.infowarn, p#upnpstatus, p#gatherstats, p#debugmode, p#sybilinfo, p#pluginconfigtext { - padding: 15px 15px 15px 55px !important; - border: 1px solid #89f; - background: #fff url(/themes/console/images/info/infohelp.png) 15px center no-repeat; - white-space: normal !important; - text-align: justify; -} - -td.infowarn, p.infowarn { - background: #fff url(/themes/console/images/info/infowarn.png) 15px center no-repeat !important; -} - -#config_summarybar .configtable td:not(.optionsave) { - padding: 15px 15px 15px 50px !important; - background: url(/themes/console/images/info/interval.png) 12px center no-repeat, #fff; - background-size: 28px 28px; -} - -.confignav + .infohelp, .confignav + h3.tabletitle, .confignav + form > h3.tabletitle, .confignav + .configure > form > h3.ptitle { - margin-top: 15px !important; -} - -p#profiles_overview, h3#shutdownrouter, h3#themeheading { - margin-top: 15px !important; -} - -p#gatherstats { - margin-top: -9px; - margin-bottom: 28px; -} - -p#upnpstatus { - margin-top: 0; -} - -td.tabletextarea { - padding: 0 !important; -} - -.tabletextarea textarea { - margin: 0 !important; - width: 100% !important; - height: 600px; - resize: none; - overflow: auto; - border: 0; - white-space: pre-wrap; - word-break: break-all; - font-size: 9pt; - padding: 5px; - box-shadow: 0 0 0 0 !important; - border: none !important; - color: #222; -} - -.tabletextarea textarea:focus { - box-shadow: inset 0 0 0 1px #89f !important; - border-radius: 0 !important; - color: #000; -} - -tr:nth-child(even), #pluginconfig table tr:nth-child(even) td { - background: #fff; - background: rgba(255,255,255,0.5); -} - -tr:nth-child(odd), #pluginconfig table tr:nth-child(odd) td, .main#profiles ul#banlist { - background: #f1f3ff; -} - -.configtable th { - text-align: left; -} - -/* begin home page */ - -h4.app, h4.app2 { - margin: 0 0 7px; - font-size: 11pt; - padding: 7px 10px 6px; - border: 1px solid #89f; - border-left: none; - border-right: none; - box-shadow: inset 0 0 0 1px #fff; - letter-spacing: 0.08em; - word-spacing: 0.1em; - background: #fff; - text-transform: uppercase; - background: url(images/tinytitle.png) center center repeat-x; - background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%); -} - -h4.app { - margin-top: -5px; - background: #fefeff url(/themes/console/images/favicon.ico) 8px center no-repeat; - background: url(/themes/console/images/eepsite.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%); - background-size: 16px 16px, 100% 100%; - background-blend-mode: luminosity, normal; - padding-left: 32px; -} - -h4.app2 { - clear: left; - margin-top: 5px !important; - background: #fefeff url(/themes/console/light/images/globe.png) 8px center no-repeat; - background: url(/themes/console/images/info/globe.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%); - background-size: 16px 16px, 100% 100%; - background-blend-mode: luminosity, normal; - padding-left: 32px; -} - -div.ag2 { - margin: 0 -15px -9px; -} - -div.app { - float: left; - padding: 0; - width: 140px; - text-align: center !important; - border: none; - margin: 3px ; - border: 1px solid #89f; - border-radius: 2px; - background: #fff; - background: linear-gradient(to bottom, #fff, #ddf); - box-shadow: 0 0 1px #fff; -} - -div.app:hover { - border: 1px solid #f60; - background: #fff; - cursor: pointer; -} - -div.app:hover a { - color: #f60 !important; -} - -.app td { - vertical-align: middle; -} - -.applabel { - background: url(images/tinytitle.png) center center repeat-x; - background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%); - font-size: 9pt; - margin: 0; - padding: 4px 2px; - text-align: center; - width: 136px; - line-height: 110%; - text-transform: lowercase; - font-size: 8pt; - border-top: 1px solid #89f; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.applabel a { - margin: 0; - padding: 1px; - display: inline-block; - width: 100%; - width: calc(100% - 2px); - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.app:hover .applabel { - border-top: 1px solid #f60; - background: #fff; -} - -.app:active .applabel { - background: #f60 !important; - color: #fff !important; - box-shadow: inset 0 0 0 1px #fff !important; -} - -.app:active .applabel a { - color: #fff !important; -} - -div.app:last-child { - margin-bottom: 10px; -} - -div.app a:link, div.app a:visited, div.app a:hover, div.app a:active { - text-decoration: none; -} - -div.app:hover a, .applabel a:focus { - color: #f60; - outline: none; -} - -div.app:hover img, .appimg a:focus { - filter: drop-shadow(0 0 1px rgba(255, 102, 0, 0.6)) saturate(150%); - outline: none; -} - -div.app:hover .applabel { - box-shadow: none; -} - -.appimg { - min-height: 42px; -} - -.appimg a { - display: inline-block; - width: 100%; -} - -div.appgroup { - margin: 0; - padding: 0 8px; - width: auto; -} - -div.search { - margin: -24px 10px 0 10px; - padding: 8px 8px 0 8px; - width: auto; -} - -table.search { - background: #eff1ff; - margin-left: auto; - margin-right: auto; - width: auto; - border: 1px solid #89f !important; - border-collapse: separate; - border-radius: 0 0 2px 2px; -} - -.search td { - padding: 1px 0; -} - -.search td:nth-child(2) { - text-align: center !important; -} - -.search button.search { - margin: 0; -} - -.app img { - height: 32px; - width: auto; - max-height: 32px; - max-width: 32px; - padding: 10px 46px 9px; -} - -.app table { - background: none; - border: 0; - margin: auto; - width: auto; -} - -.app tr { - background: none; - border: 0; - margin: 0; -} - -.app td { - background: none; - border: 0; - margin: 0; - padding: 0; -} - -.applabel:hover { - box-shadow: none; -} - -/* end home page */ - -#i2psnarkframe { - margin-bottom: -18px; -} - -#i2ptunnelframe { - margin-bottom: -3px; -} - -tt, pre, textarea, code { - font: 8.5pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace; -} - -hr { - color: #89f; - background: #89f; - height: 2px; - border: 0 solid #89f; - margin: 3px 0; -} - -p.infohelp + hr, p.infohelp + p + hr, #tunnelconfig + hr { /*configservice */ - display: none; -} - -h3#servicedebug a, h3#graphinfo a { - float: right; - font-size: 9pt; -} - -.main#tunnels h3 { - padding-right: 5px; -} - -.main#tunnels h3 a { - float: right; -} - -.main#tunnels h3 a:not(old), #logs h3 a:not(old) { - font-size: 0; -} - -.main#tunnels h3 a[href^="/configtunnels#"]::after, #logs h3 a::after { - content: url(/themes/console/images/buttons/configure.png); - float: right; - padding: 1px; -} - -.main#tunnels h3 a[href^="/configtunnels#"]:hover { - filter: drop-shadow(0 0 1px #f60); -} - -h3 + .statusnotes { - margin-top: -1px; -} - -.statusnotes { - font-style: italic; - font-size: 9pt; - color: #2c354f; - text-align: center; - margin: -6px 0 7px 0; - border: 1px solid #89f !important; - border-top: 0; - padding: 5px 0; - background: #fff; - background: linear-gradient(to right, #eff2ff, #fff, #eff2ff); - box-shadow: inset 0 0 0 1px #fff; -} - -.statusnotes + .statusnotes { - margin-top: -8px !important; -} - -.joblog { - margin: 10px 0; - line-height: 130% !important; -} - -.joblog li { - word-wrap: break-word !important; - line-height: 105% !important; -} - -.joblog ul { - word-wrap: break-word !important; -} - -.joblog li:first-child { - margin-top: -5px; -} - -.joblog li:last-child { - margin-bottom: -5px; -} - -.joblog form:first-child { - margin-top: 10px; -} - -.joblog table { - margin-top: 15px; -} - -.joblog p { - line-height: 130%; -} - -.joblog h3 { - margin: 10px 0 20px 0; -} - -.joblog h3:first-child { - margin: -10px 0 15px 0; -} - -.joblog hr { - margin: 15px 0 15px; -} - -h2#jobrunners { - margin-top: -10px; -} - -.joblog ol { - margin-bottom: 5px !important; - margin-top: -21px; - -moz-column-count: 2; - -moz-column-width: 400px; - -moz-column-gap: 100px; - -moz-column-rule: 1px dotted #89f; - -webkit-column-count: 2; - -webkit-column-width: 400px; - -webkit-column-gap: 100px; - column-count: 2; - column-width: 400px; - column-gap: 100px; - column-rule: 1px dotted #89f; - background: #eff1ff; - border: 1px solid #89f; - padding: 15px 50px; -} - -.joblog ol:empty + h3 { - margin-top: -10px; -} - -.joblog ol:empty { - display: none; -} - -.joblog ol li { - break-inside: avoid; - page-break-inside: avoid; - -webkit-column-break-inside: avoid; - display: inline-block; - border-bottom: 1px dotted #89f; - min-width: 400px; - margin-left: -15px; - margin-bottom: 5px; -} - -.joblog ol li:first-child { - padding-top: 5px; -} - -.joblog ol li:last-child { - border: none; -} - -h3#finishedjobs + ol li, h3#scheduledjobs + ol li, h3#activejobs + ol li, h3#readyjobs + ol li { - list-style: none !important; - width: 100%; -} - -h3#activejobs + ol li:before, h3#scheduledjobs + ol li:before, h3#readyjobs + ol li:before, h3#finishedjobs + ol li:before { - content: '\2023\00A0\00A0'; - margin-left: -20px; - font-size: 15pt; - font-weight: bold; - line-height: 50%; - vertical-align: sub; - color: #393; -} - -h3#finishedjobs + ol li:before { - color: #5a5; - content: '\2714\00A0'; -} - -h3#readyjobs + ol li:before { - color: #dd3; -} - -h3#scheduledjobs + ol li:before { - color: #970; -} - -h3#totaljobstats { - margin-bottom: -1px !important; -} - -#jobstats th:first-child, #jobstats td:first-child { - text-align: left; - padding-left: 10px; -} - -#jobstats th { - text-align: right; -} - -#jobstats .tablefooter td { - font-size: 9pt; -} - -#schedjobs { - width: 100% !important; - margin: -11px 0 0 !important; -} - -#schedjobs th { - padding: 3px 10px; -} - -#schedjobs td { - padding: 3px 10px; -} - -#schedjobs th:first-child { - text-align: left; -} - -#schedjobs td:first-child { - font-weight: bold; -} - -#oldhome { - margin-bottom: 10px; -} - -#oldhome input[type="checkbox"] { - vertical-align: sub !important; -} - -.homelinkedit th:first-child, #sidebarconf th:first-child, #consolepass th:first-child { - background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fff, #eff2ff); - font-size: 0 !important; - width: 5%; -} - -.homelinkedit th:last-child, .homelinkedit th:nth-child(3) { - text-align: left !important; -} - -.homelinkedit input[type="text"], #reseedconfig input[type="text"], #reseedconfig input[type="password"], #reseedconfig .optbox, #reseedconfig textarea { - margin-left: 0; -} - -#reseedconfig textarea { - width: 100% !important; -} - -.homelinkedit tr:last-child { - border-top: 1px solid #89f; -} - -#addnew td:first-child { - text-align: right; -} - -tr#addnew:hover { - color: #2c354f !important; -} - -#loggingoptions input[type="text"] { - width: 160px; -} - -#loggingoptions td:first-child { - line-height: 120%; -} - -#oldhome { - margin-bottom: 10px; -} - -#oldhome input[type="checkbox"] { - vertical-align: sub !important; -} - -p { - padding: 5px 20px 0 20px; - text-align: justify; -} - -p img:first-child { - display: none; -} - -p.infohelp, p.infohelp + p, p#enablefullstats { - border: 1px solid #89f; -} - -p.infohelp + p.infowarn { - padding: 10px; - margin-top: -1px; -} - -p#keyringhelp { - margin-top: 15px; -} - -p#pluginconfigtext { - border: 1px solid #89f; - padding: 10px; - margin: -11px 0 -1px; -} - -#config_logging p { - text-align: left; - margin: 3px 0 5px -15px !important; -} - -.formaction, td.optionsave { - padding-right: 3px !important; -} - -.configtable tr:last-child, #addkeyring tr:last-child, #loggingoptions tr:last-child { - background: #fff; - border-top: 1px solid #89f; -} - -#addkeyring tr:last-child td { - padding: 7px 2px; -} - -.formaction form, td form { - margin-bottom: 0; -} - -p#enablefullstats { - padding: 5px 10px; - line-height: 120%; - background: #fff; - text-align: left; -} - -.formaction { - text-align: right; - margin: 0; - padding: 8px 5px; - background: #fff; -} - -.formaction, td.optionsave { - padding-right: 3px !important; -} - -.configtable tr:last-child, #addkeyring tr:last-child, #loggingoptions tr:last-child { - background: #fff; - border-top: 1px solid #89f; -} - -.formaction form, td form { - margin-bottom: 0; -} - -.formaction#shutdown, .formaction#restart, .formaction#systray, .formaction#runonstart, -.formaction#dumpthreads, .formaction#browserstart, .formaction#sidebardefaults, -.formaction#tunnelconfigsave, .formaction#updateplugins, .formaction#consolepass { - border: 1px solid #89f; - margin-top: -13px; - margin-bottom: -5px; -} - -.formaction#clientsconfig, .formaction#webappconfigactions, .formaction#pluginupdater, .formaction#sidebardefaults, -.formaction#tunnelconfigsave, .formaction#consolepass { - border: 1px solid #89f; - margin-top: -6px; -} - -.formaction#clientsconfig { - margin-bottom: -5px; -} - -.formaction#pluginconfigactions { - border: 1px solid #89f; - margin-top: -1px; -} - -.formaction#pluginupdater { - margin-bottom: 6px; - background: url(/themes/console/images/info/update.png) 12px center no-repeat, #fff; - background-size: 28px 28px; - padding: 15px 15px 15px 50px; -} - -.formaction#webappconfigactions { - margin-bottom: -5px; -} - -.formaction#resetreseed { - margin: 0 -3px 0 0; - background: none; -} - -.formaction[id*="home"] { - margin-top: -6px; - padding: 5px; - border: 1px solid #89f; -} - -.formaction#homeapps { - margin-top: -6px; - margin-bottom: 0; -} - -.formaction#homesites { - margin-bottom: -6px; -} - -.formaction#themeui { - margin: 8px -5px 0; - border-top: 1px solid #89f; -} - -.formaction#langui { - margin: 0 -5px; -} - -.main#logs code { - font-size: 8pt; -} - -.tablefooter { - border: 1px solid #89f; -} - -.tablefooter tr, .tablefooter td { - background: #fff !important; - font-size: 9pt; - line-height: 150%; - white-space: nowrap; - padding: 8px 5px !important; -} - -#config_stats .tablefooter td { - line-height: normal; - padding: 2px 5px; -} - -#netconfig tr, #externali2cp tr { - background: #fff; -} - -#externali2cp label + br { - display: none; -} - -#externali2cp label { - white-space: nowrap; - margin-right: 10px; -} - -#pluginconfig tr { - border-bottom: 1px solid #89f; -} - -#pluginconfig td:first-child { - width: 80px; - white-space: nowrap; -} - -.tidylist { - text-align: justify; - padding-right: 25px; - margin-right: 15px !important; - margin-left: 15px; -} - -.tidylist code { - text-align: left; - font: 9pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace; - color: #723; - font-weight: bold; -} - -/* graphs */ - -.graphspanel { - padding: 15px 5px 1px; - margin: -16px -16px -11px -16px; - text-align: center !important; - overflow: hidden; -} - -#graphs .graphspanel { - margin: -16px; -} - -h3#graphdisplay { - margin: 12px -16px 10px; -} - -.graphspanel img { - margin: 5px 4px; - padding: 1px; - background: #fff; - border: 1px solid #9af; - box-shadow: 0 0 1px 0 #abf; - max-width: 95%; - max-width: calc(100% - 50px); -} - -.graphspanel a img { - background: #fff; - border: 1px solid #89f; - opacity: 0.9; - vertical-align: top; -} - -.graphspanel a img:hover { - border: 1px solid #f60; - text-align: center !important; - background: #ccf; - opacity: 1; - cursor: url(/themes/console/images/cursor_zoom.png), pointer; -} - -.graphspanel a:active img { - border: 1px solid #f90; -} - -.graphspanel a { - font-size: 0; -} - -.graphspanel hr { - margin: 10px 0; -} - -.graphspanel form:last-child { - text-align: left; - margin: 0 20px; -} - -.graphspanel h3 { - text-align: left; - margin: 10px 20px 10px 20px; -} - -form[action="graphs"] { - border: 1px solid #89f; - padding: 5px 10px; - margin: -11px 0 5px; - background: #eef; -} - -#graphs form[action="graphs"] { - margin: -11px -16px; -} - -form[action="graphs"] hr { - margin: 5px -11px 3px; - height: 1px; -} - -form[action="graphs"] input[type="text"] { - min-width: 80px !important; -} - -.formaction#graphing { - margin: -3px -10px -5px; -} - -/* graphs optionbox */ - -#graphs form { - padding: 0 !important; -} - -#graphs form hr { - margin: 0 -1px 8px !important; -} - -#graphs form table { - border: none; - margin: 0; -} - -.formaction#graphing { - margin: -8px 0 0 !important; - padding: 5px; - border-left: none; - border-right: none; -} - -#graphs tr:first-child td { - border-top: none; -} - -#graphs td:first-child { - text-align: right; - min-width: 100px; - white-space: nowrap; - padding: 13px 3px 13px 5px; - font-weight: bold; -} - -#graphs td:nth-child(2) { - width: 260px; - white-space: nowrap; -} - -#graphs td.infohelp { - border: none; - border-right: none; - background-size: 20px 20px !important; - padding: 5px 5px 5px 40px !important; - background: url(/themes/console/images/info/infohelp.png) 15px center no-repeat #f1f3ff; - text-align: left; -} - -#graphs form input, #graphs form select { - margin: 3px 5px 3px 0; - vertical-align: middle; -} - -#graphs input[type="text"] { - min-width: 60px; -} - -/* end graphs optionbox */ - -/* single view */ - -#graph_single { - padding-left: 0; - padding-right: 0; -} - -#graph_single .graphspanel { - margin: 0 -1px -13px; - padding: 3px 0 0 !important; -} - -#graph_single .graphspanel img { - margin: 10px 0; -} - -#graphopts { - text-align: center; - border: 1px solid #89f; - background: rgba(255,255,255,0.8); - margin: 25px -1px -11px; - padding: 10px 10px 9px; - text-transform: capitalize; - color: transparent; -} - -h3#graphinfo { - margin: 0 15px 9px; - text-transform: capitalize; -} - -#graphopts + p { - text-align: right; - background: #fff; - margin: -1px -5px 0; - padding: 10px; - border: 1px solid #89f; - display: none; -} - -#graphopts a { - display: inline-block; - border: 1px solid #8b8edf; - padding: 1px 10px; - border-radius: 15px; - background: #f8f8ff; - background: rgba(248,248,255,0.3); - margin: 3px -2px; - box-shadow: 0 0 0 1px #ddf; - box-shadow: 0 0 0 1px rgba(220,220,255,0.6); -} - -#graphopts a:empty { - display: none; -} - -#graphopts a:hover, #graphopts a:focus { - border: 1px solid #7778bf; - background: #e2e2ff; - background: linear-gradient(to bottom, #fff 50%, #d8d4ff 50%); - box-shadow: 0 0 0 1px rgba(220,220,255,0.6), inset 0 0 0 1px #d8d4ff; -} - -#graphopts a:active { - box-shadow: inset 3px 3px 3px rgba(41,61,95,0.8); - color: #557 !important; -} - -/* end single view */ -/* end graphs */ - -.footnote { - text-align: right; - color: #339; - font-size: 8pt; - margin-bottom: -4px !important; -} - -.footnote hr { - margin: 10px 0 5px 0 !important; - color: #99f; - background: #99f; - height: 1px; - border: 0 solid #99f; -} - -.topness { - font-size: 7.5pt; - text-align: right; - margin-top: -8px; - margin-bottom: -5px; - margin-right: 5px; -} - -/* Fixes for when app is not started and console error loads inside iframe */ - -body.iframed { - background: transparent url(/themes/console/images/transparent.gif) !important; -} - -.iframed .routersummaryouter { - display: none !important; -} - -.iframed h1 { - margin: 0 !important; -} - -.iframed .sorry { - margin: -1px 0 0 !important; -} - -/* end iframed console fixes */ - -/* Theme choice & Language selection in /configui */ - -.themechoice .optbox, .langselect .optbox { - vertical-align: text-bottom; -} - -.themechoice { - width: 115px; - min-height: 78px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - border: 1px solid #89f; - float: left; - text-align: center; - padding: 0 4px; - margin: 4px; - border-radius: 2px; - background: #fff; - background: linear-gradient(to bottom, #fff, #ddf); - transition: ease all 0.3s; - box-shadow: 0 0 1px #fff; -} - -.themechoice:hover { - border: 1px solid #f60; - background: #fff; -} - -.themechoice:hover > object ~ .themelabel { - border-top: 1px solid #f60 !important; - background: #fff; - transition: ease all 0.1s; -} - -.themechoice:hover > object { - filter: drop-shadow(0px 0 1px #f60); -} - -.themechoice .optbox { - height: 80px !important; - width: 110px !important; - padding: 2px; - opacity: 0; /* hide the radio icon so we can use thumbnail img instead */ - margin-top: 4px; - margin-left: -32px; - position: absolute; - z-index: 999; -} - -.themechoice .optbox + object { - margin-left: 0; - margin-top: 8px; - padding: 0 !important; - margin-bottom: 31px; -} - -.themechoice img { - margin-bottom: 31px !important; -} - -.themechoice .optbox:hover + img ~ div.themelabel { - color: #f60; - font-weight: bold; -} - -.themechoice:active .themelabel { - background: #f60 !important; - color: #fff !important; - box-shadow: inset 0 0 0 1px #fff; -} - -.themechoice .optbox:checked + object ~ div.themelabel { - background: #ddf; - color: #338; - font-weight: bold; -} - -.themechoice .optbox:checked + img, .themechoice .optbox:checked + object { - transform: scale(0.9); -} - -.themechoice .optbox:focus + object ~ div.themelabel { - color: #f60 !important; - background: #fff; - background: linear-gradient(to right, #eef, #fff, #eef); -} - -.themechoice .optbox:active + object ~ div.themelabel { - color: #fff !important; -} - -.themechoice:active .optbox:checked + object ~ .themelabel { - background: linear-gradient(to right, #eef, #fff, #eef) !important; - color: #f60 !important; - box-shadow: none !important; - font-weight: bold; -} - -#themeoptions { - clear: both; - border-top: 1px solid #89f; - background: rgba(230, 230, 255, 0.5); - margin: 0 -5px -3px; - position: relative; - top: 4px; - padding: 5px 10px 5px 5px; -} - -#themeoptions label { - white-space: nowrap; - margin: 4px 10px 4px 0 !important; - display: inline-block; -} - -p#helptranslate { - position: relative; - top: 4px; - padding: 15px 10px 15px 50px !important; - text-align: left !important; - border-top: 1px solid #89f; - border-bottom: 1px solid #89f; - background: url(/themes/console/images/info/notice.png) left 14px center no-repeat, #fff; - background-size: 28px 28px; -} - -#themeoptions input { - margin: 2px 8px 2px 6px; - vertical-align: sub; -} - -.themelabel { - border-top: 1px solid #89f !important; - margin: -25px -4px 0; - padding: 3px 2px; - background: #eef url(images/tinytitle.png) center center; - background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -#themesettings { - clear: both; - border: 1px solid #89f; - padding: 4px 5px 0; - margin: -1px 0; - background: #eff1ff; -} - -#langsettings { - border: 1px solid #89f; - padding: 4px 5px 0; - background: #eff1ff; -} - -#themesettings hr { - display: none; -} - -#langsettings hr { - margin: 0 -5px; - height: 1px; -} - -.langselect { - width: 115px; - float: left; - margin: 4px; - text-align: center; - border: 1px solid #89f; - padding: 4px 4px 0; - border-radius: 2px; - background: #fff; - background: linear-gradient(to bottom, #fff, #ddf); - transition: ease all 0.3s; - box-shadow: 0 0 1px #fff; -} - -.langselect:hover { - border: 1px solid #f60; - background: #fff; - transition: ease all 0.3s; -} - -.langselect .optbox { - width: 122px; - height: 66px; - margin: -4px 0 8px -54px; - opacity: 0; - z-index: 999; - position: relative; -} - -.langselect:hover > input + img { - transform: scale(1.1); -} - -.langselect img[src^="/flags"] { - border: 1px solid #89f; - margin-bottom: 42px; - margin-left: -72px; - opacity: 1; - z-index: 3; - position: relative; -} - -.langselect input, .themechoice input { - cursor: pointer; -} - -.langselect input[name="lang"]:checked + img { - transform: scale(1.1); - -webkit-transform: scale(1.1); - border: 1px solid #338; -} - -.langselect:hover > input[name="lang"] + img + .ui_lang { - color: #f60; - border-top: 1px solid #f60; - font-weight: bold; - background: #fff !important; - transition: ease all 0.1s; -} - -.langselect input[name="lang"]:checked + img + .ui_lang { - background: #ddf !important; - color: #338; - font-weight: bold; - margin: -32px -4px 0; - z-index: 2; -} - -.langselect:active .ui_lang, .langselect:active > input[name="lang"] + img + .ui_lang { - background: #f60 !important; - color: #fff !important; - box-shadow: inset 0 0 0 1px #fff; -} - -.langselect:active input[name="lang"]:checked + img + .ui_lang { - color: #f60 !important; - box-shadow: none !important; - background: linear-gradient(to right, #eef, #fff, #eef) !important; -} - -.langselect input[name="lang"]:focus + img + .ui_lang { - color: #f60 !important; - background: #fff !important; - background: linear-gradient(to right, #eef, #fff, #eef) !important; -} - -.langselect input[name="lang"]:active + img + .ui_lang { - color: #fff !important; - background: #f60 !important; -} - -.langselect + br { - display: none !important; -} - -.langselect br { - display: block; -} - -.ui_lang { - text-align: center; - background: #eef url(images/tinytitle.png) center center; - background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%); - padding: 3px 2px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - margin: -32px -4px 0; - border-top: 1px solid #89f; - border-radius: 0 0 2px 2px; - text-transform: capitalize; - font-size: 9pt; - z-index: 2; -} - -p#helptranslate { - clear: both; - padding: 5px 10px 10px; - text-align: right; - margin: 0 -5px; -} - -/* large flags */ - -.langselect img { - margin-top: 2px !important; - margin-bottom: 34px !important; - margin-left: -70px !important; - width: 40px; - height: 40px; - border: none !important; - box-shadow: none; - opacity: 0.9 !important; - transform: none !important; - filter: drop-shadow(0 0 1px #77d); -} - -.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] { - margin-top: 6px !important; - margin-bottom: 38px !important; - width: 32px !important; - height: 32px !important; - border: none !important; - box-shadow: none !important; - opacity: 1 !important; - transform: none !important; - animation: glow 20s 10s infinite; -} - -.langselect input:hover + img { - box-shadow: none !important; - border: none !important; - transition: none !important; - filter: drop-shadow(0 0 2px #f60); -} - -/* -.langselect input[name="lang"]:checked + img + .ui_lang { - margin: -24px -4px 0; -} -*/ - -@keyframes glow { -0% { - filter: drop-shadow(0 0 1px rgba(256, 100, 0, 0.1)); -} - -20% { - filter: drop-shadow(0 0 1px #f60); -} - -50% { - filter: drop-shadow(0 0 2px #930); -} - -80% { - filter: drop-shadow(0 0 1px #d40); -} - -100% { - filter: drop-shadow(0 0 1px rgba(256, 100, 0, 0.1)); -} -} - -/* end large flags */ - -/* configui password*/ - -#consolepass th:nth-child(2) { - text-align: left; -} - -#consolepass tr:first-child td { - background: #fff url("/themes/console/images/info/user_add.png") no-repeat scroll 12px center / 28px 28px; - padding: 15px 15px 15px 50px; -} - -#consolepass td { - padding: 5px 10px; - font-size: 9pt; - white-space: nowrap; -} - -#consolepass input { - margin: 5px; -} - -#consolepass td#pw_adduser { - padding: 5px 10px; - border-top: 1px solid #89f; -} - -td#pw_adduser input { - margin: 5px 20px 5px 5px !important; -} - -#consolepass input[name="name"] { - margin-right: 20px; -} - -/* end configui */ - -.main#netdb > .confignav { - margin-bottom: 15px; -} - -#clientconfig th:first-child, #webappconfig th:first-child, #pluginconfig th:first-child { - text-align: right; -} - -#clientconfig th:last-child, #webappconfig th:last-child, #pluginconfig th:last-child { - text-align: left; -} - -#clientconfig th:nth-child(2), #clientconfig th:nth-child(3), -#webappconfig th:nth-child(2), #webappconfig th:nth-child(3) { - text-align: center; -} - -#clientconfig td:nth-child(3) { - white-space: nowrap; -} - -#netconfig { - line-height: 160%; -} - -/* netdb */ - -.netdbentry { - margin-top: 10px !important; -} - -.netdbentry th { - font-weight: normal; -} - -.netdbentry th:last-child { - text-align: right; - padding: 5px; - white-space: nowrap; - width: 50px; -} - -.netdbentry th code, .sybil_routerinfo th code, .leaseset th code { - color: #030 !important; - border-radius: 3px; - padding: 1px 3px; - margin-left: 4px; - font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace !important; -} - -a.viewfullentry:not(old), #profilelist a[href^="viewprofile"]:not(old) { - font-size: 0; -} - -a.viewfullentry::after, #profilelist a[href^="viewprofile"]::after { - content: url(/themes/console/images/buttons/fullview.png); - margin: 0 2px; -} - -a.viewfullentry:hover { - filter: drop-shadow(0 0 1px #f60); -} - -.netdbentry th:first-child, .netdbentry td:first-child { - white-space: nowrap; - padding: 4px 6px !important; - text-align: left; -} - -.netdbentry td:first-child { - width: 80px; -} - -.netdbentry td:nth-child(2) { - word-wrap: break-word; -} - -.netdbentry img { - margin: 1px 0 0 0; -} - -#leasesetsummary { - margin-top: 15px; - margin-bottom: 10px; -} - -#leasesetsummary td:first-child { - width: 50px; - white-space: nowrap; -} - -#leasesetdebug, #leasesetsummary { - font-size: 9pt; -} - -#leasesetdebug td, #leaseset td { - padding: 5px !important; -} - -#leasesetdebug { - margin-bottom: 10px; -} - -#leasesetdebug th, #leasesetsummary th { - font-weight: bold; - padding: 8px 5px; - text-align: left; -} - -#leasesetdebug th:last-child, #leasesetsummary th:last-child { - text-align: right; -} - -#leasesetdebug th:first-child, #leasesetsummary th:first-child { - font-size: 10pt; -} - -#leasesetdebug th a, #leasesetsummary th a { - font-size: 8pt; - text-transform: capitalize; - letter-spacing: normal; - word-spacing: normal; -} - -#leasesetdebug th a:not(old), #leasesetsummary th a:not(old) { - font-size: 0; -} - -#leasesetdebug th a::after, #leasesetsummary th a::after { - content: url(/themes/console/images/buttons/floodfill.png); -} - -#leasesetdebug th a:hover, #leasesetsummary th a:hover { - filter: drop-shadow(0 0 1px #f60); -} - -#leasesetdebug td:nth-child(odd) { - width: 200px; - white-space: nowrap; - text-align: right; - border-right: 1px inset #cfd6ff; -} - -#leasesetdebug td:nth-child(even) { - text-align: left; - white-space: nowrap; -} - -#leasesetdebug td:nth-child(2) { - width: 10px; -} - -.leaseset { - font-size: 9pt; - margin: 5px 0 10px; -} - -.leaseset:last-child { - margin-bottom: 5px; -} - -.leaseset th { - font-weight: normal; - padding: 5px; - text-align: left; -} - -.leaseset th:last-child, .leaseset td:nth-child(2) { - text-align: right; - padding-right: 5px; -} - -.addtobook { - text-align: right; -} - -.addtobook a:not(old) { - font-size: 0; -} - -.addtobook a::after { - content: url(/themes/console/images/buttons/add_address.png); -} - -.addtobook a:hover { - filter: drop-shadow(0 0 1px #f60); -} - -#noleasesets, #notinitialized, .netdbnotfound { - border: 1px solid #89f; - padding: 20px; - font-weight: bold; - background: #eff1ff; - margin: 10px 0 7px; - text-align: center; -} - -.sybil_routerinfo { - margin-bottom: 10px; -} - -.sybil_routerinfo:last-child { - margin-bottom: 5px; -} - -.sybil_routerinfo th { - padding: 1px 1px 1px 6px !important; -} - -.sybil_routerinfo:first-of-type th { - padding: 6px !important; -} - -.sybil_routerinfo th:first-child { - white-space: nowrap; - text-align: left; -} - -.sybil_routerinfo th:nth-last-child(2) { - text-align: right !important; - padding-right: 0 !important; -} - -.sybil_routerinfo th:last-child { - width: 20px; -} - -.sybil_routerinfo td:first-child { - width: 50px; - white-space: nowrap; -} - -.sybil_routerinfo img[width="32"] { - width: 24px; - height: 24px; - margin: -1px; - border-left: 1px solid #89f; -} - -.main#netdb code, .main#netdb tt { - color: #03183f; - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif; - font-weight: normal; -} - -#sybilnav, #sybils_summary { - border: 1px solid #89f; - padding: 10px; - margin-bottom: 10px; - background: #fff; -} - -#sybilnav { - background: #eff1ff; - padding-bottom: 8px; - -moz-columns: 4 250px; - -webkit-columns: 4 250px; - columns: 4 250px; - -moz-column-gap: 10px; - -webkit-column-gap: 10px; - column-gap: 10px; -} - -#sybilnav ul { - margin: 0; - padding: 0; -} - -#sybilnav li { - border: 1px solid #ddf; - border-bottom: 2px solid #ccf; - list-style: none; - margin-bottom: 5px; - margin-left: 0; - margin-right: 0; - padding: 3px; - background: #fff; - background: linear-gradient(to bottom, #fff 0%, #eef 100%); - border-radius: 2px 2px 0 0; - box-sizing: border-box; - break-inside: avoid; - page-break-inside: avoid; - -webkit-column-break-inside: avoid; -} - -#sybilnav li:first-child { - margin-top: 0 !important; -} - -#sybilnav li:last-child { - margin-bottom: 0; -} - -#sybilnav li a { - display: inline-block; - vertical-align: middle; - line-height: 100%; - width: calc(100% - 30px); -} - -#sybilnav li::before { - content: '\00A0\1F441\00A0'; - content: url(images/eye.png); - padding: 0 5px; - font-size: 16pt; - line-height: 50%; - vertical-align: middle; -} - -p.sybil_info, p.family, p.threatpoints, p.hashdist, p.notfound, p#sybil_totals { - border: 1px solid #89f; - padding: 5px 5px 5px 30px; - margin: 3px 0; - font-weight: bold; - text-align: left; - background: #ffe url(images/eye.png) 8px center no-repeat; - background: url(images/eye.png) 8px center no-repeat, linear-gradient(to right, #fff 40%, #dde1ff); -} - -p#sybil_totals { - font-weight: normal; -} - -p.family a { - display: inline-block; -} - -p.family + p.family, p.sybil_info + p.sybil_info { - margin-top: -4px; -} - -p.sybil_info + a[name] + table.sybil_routerinfo, p.hashdist + a[name] + table.sybil_routerinfo { - margin-top: 10px !important; -} - -.threatpoints + a[name] + ul { - border: 1px solid #89f; - padding: 5px 5px 0; -} - -.threatpoints + ul { - border: 1px solid #89f; - padding: 0 15px 0 30px; - margin: -4px 0 10px !important; - background: #eff1ff; -} - -.threatpoints + ul li { - padding: 0; -} - -.threatpoints + ul li:last-child { - margin-bottom: 6px; -} - -.sybil_routerinfo + .threatpoints + ul + a[name] + table { - margin-top: -11px; -} - -p:empty { /* empty paragraph nuke */ - display: none; -} - -/* Advanced lookup */ - -#netdblookup { - margin-bottom: -8px; -} - -#netdblookup th { - font-size: 11pt; - text-align: left; - padding: 10px; -} - -#netdblookup td:first-child { - text-align: right; - width: 100px; - white-space: nowrap; - font-weight: bold; -} - -#netdblookup td:nth-child(2) { - width: 100px; -} - -.subheading { - text-align: left !important; - background: #fff; - padding: 10px; - border: 1px solid #89f; -} - -.subheading b { - font-size: 10pt !important; -} - -/* leasesets */ - -.netdb_leases, .netdb_leases li { - margin: -1px 0 0 !important; - padding: 0 !important; - columns: 400px auto; - column-rule: 1px solid #ccdeff; -} - -.netdb_leases li { - line-height: 140%; - list-style: none; - vertical-align: middle; - border-bottom: 1px solid #ccdeff; - padding: 2px 0 3px !important; -} - -.netdb_leases b:first-child { - display: inline-block; - min-width: 80px; - margin-right: 2px; - text-align: right; -} - -.netdb_leases .tunnel_peer img { - margin-bottom: -1px; -} - -.netdb_gateway img { - vertical-align: middle; -} - -.netdb_tunnel { - display: inline-block; - background: #ddf; - padding: 0 4px; - margin-right: -4px; - border-radius: 2px; -} - -.netdb_leases .tunnel_peer { - margin-left: 2px; -} - -.netdb_leases .tunnel_peer tt, .netdb_leases .tunnel_peer tt a { - letter-spacing: 0.1em; -} - -.netdb_leases .tunnel_id { - min-width: 74px; -} - -.netdb_leases .tunnel_peer tt { - margin: 0 3px; -} - -.main li .netdb_expiry { - font-weight: normal; - text-transform: lowercase; - color: #2c354f !important; - font-style: italic; -} - -#console h2, #console h3 { - border-radius: 2px; - box-shadow: 0 0 2px rgba(200,200,200,0.5); -} - -img.unknownflag { - opacity: 0.8; -} - -/* end leasesets */ - -/* end netdb */ - -/* /stats */ - -form#statnav { - border: 1px solid #89f !important; - padding: 10px 10px 10px 15px; -} - -h3.stats { - border: 1px solid #89f; - border-radius: 0; -} - -.statlist { - border: 1px solid #89f; - padding: 0 10px 0 0; - margin-left: 0 !important; - margin-bottom: -27px !important; - background: #eff1ff; -} - -.statlist:last-of-type { - margin-bottom: -22px !important; -} - -.statlist a[name], .statlist b, .statlist li b, .statlist a[name]:hover { - text-decoration: none; - letter-spacing: normal; - font-size: 9pt; - line-height: 120%; -} - -.statlist ul + br { - display: none !important; -} - -.statlist li b, .statlist b a:hover, h3.stats a:hover { - color: #2c354f !important; -} - -.statlist li::before { - content: "\2B26\00A0"; - margin-left: 5px; - font-size: 14pt; - line-height: 60%; - vertical-align: baseline; - color: #2c354f; -} - -.statlist li { - margin-left: 5px; - padding: 2px; - list-style: none; -} - -.statlist li li { - margin-left: 16px; - margin-right: -20px; - margin-top: 2px; - line-height: 150% !important; - list-style: none; - padding: 2px 0 2px 5px; - text-align: left; -} - -.statlist li li:first-child { - margin-top: 12px !important; - border-top: none; - padding-top: 2px; -} - -.statlist li li::before { - content: "\279F\00A0"; - vertical-align: baseline; - margin-left: 3px; -} - -.main#stats a[href^="graph?"]::before { - content: "\279F\00A0"; - color: #33a; - font-size: 14pt; - margin-left: 4px; -} - -.main#stats a[href^="graph?"]:hover::before { - color: #33a; -} - -.main#stats a[href$="showEvents=true"]::before { - display: none; -} - -.statlist li li:last-child { - padding-bottom: 2px; - padding-left: 5px; - border: 1px solid rgba(136, 153, 255, 0.3); - background: #fff; - background: linear-gradient(to right, #fff 0%, #eef 70%, #ddf 100%); - box-shadow: inset 0 0 0 1px #fff; -} - -.statlist li li.noevents { - margin-top: 15px !important; -} - -.statlist li:last-child { - padding-bottom: 15px; - margin-top: 2px; -} - -.statlist li:first-child { - margin-top: -5px; -} - -.statlist li li:last-child::before { - content: "\27A1\00A0"; - margin-left: 2px; - vertical-align: text-top; - vertical-align: calc(20% - 3px); -} - -.statlist a[href*="graph"] { - margin-top: 2px !important; -} - -.statlist li a[href*="graph"]:first-of-type { - margin-left: -1px; -} - -.statlist a[href*="graph"]::after { - content: "\00A0"; -} - -.statsViewGraphs { - margin-left: 20px; -} - -.nowrap { - display: inline-block; - white-space: nowrap; -} - -#gatherstats + form { - background: #fff; -} - -.main#stats form { - border: 1px solid #89f; - padding: 10px; - margin: -13px 0 -11px; -} - -h3.stats { - margin-bottom: 9px !important; -} -/* end stats */ - -/* netdb (main section) */ - -#netdboverview { - margin: 15px 0 5px; - border: 1px solid #89f !important; -} - -#netdboverview th { - padding: 5px; - font-size: 10pt; -} - -#netdboverview td { - padding: 5px 5px 0; - padding: 0; - background: rgba(255,255,255,0.4) !important; -} - -#netdbtransports th:first-child, #netdbcountrylist th:first-child { - text-align: left; -} - -#netdbversions, #netdbtransports, #netdbcountrylist { - border: none; - margin: -1px 0; -} - -#netdbversions { - border-right: 1px solid #89f; - border-bottom: 1px solid #89f; -} - -#netdbtransports { - border-bottom: 1px solid #89f; -} - -#netdbcountrylist { - border-left: 1px solid #89f; - border-bottom: 1px solid #89f; -} - -#netdbversions td, #netdbtransports td, #netdbcountrylist td { - padding: 5px; -} - -#netdbcountrylist img { - margin-right: 5px; - text-align: right; -} - -.sybil_distance th { - text-align: left; - padding: 5px; -} - -.sybil_distance th:last-child, .sybil_distance td:last-child { - text-align: right; -} - -.sybil_distance tr:nth-child(n+2):hover { - background: #ffe; - font-weight: bold; -} - -/* /help */ - -#volunteer, #sidebarhelp, #configurationhelp, #reachabilityhelp, #legal, #changelog, #faq { - border: 1px solid #89f; - padding: 10px 15px 5px; - margin-bottom: 20px; - margin-top: 15px !important; - background: #eff1ff; - background: rgba(230,230,255,0.5); - box-shadow: inset 0 0 0 1px #fff; -} - -#advancedsettings { - margin-top: -5px; - margin-bottom: 20px; -} - -#volunteer { - margin-top: 20px !important; - padding-bottom: 0 !important; - background: linear-gradient(to bottom, rgba(230,230,255,0.5), rgba(230,230,255,0.5)) !important; - background-size: 100% 100%, auto 75% !important; -} - -#volunteer ul li, #volunteer ul li:first-child { - padding: 2px 0 !important; -} - -#volunteer .links:not(old) { - margin: -10px 10px 0 !important; -} - -#sidebarhelp h2 { - margin-bottom: 5px !important; -} - -#help h2 { - margin: -16px -16px 0; -} - -#help h3 { - margin: -5px -16px 3px; -} - -#help p { - padding: 5px 0 0; - margin-top: 0; -} - -#help ul { - margin-bottom: 8px; - margin-top: -2px; - padding-left: 15px; -} - -#help ul li:first-child { - padding-top: 0; - margin-top: 10px !important; -} - -#help ul.links { - margin-left: 20px; - padding-top: 0; -} - -#help code, #help tt { - font-size: 8pt; -} - -ul#reachability { - padding-left: 15px; -} - -#help li { - text-align: justify; - margin-left: 20px; - margin-right: 0; -} - -#help li, #help p, #help td { - line-height: 140%; -} - -#portfaq tr { - box-shadow: none; -} - -#configinfo th { - box-shadow: inset 0 0 0 1px #fff; -} - -#changelog { - padding: 0; - margin-top: -5px !important; - margin-bottom: 10px !important; -} - -#changelog h2 { - margin: -1px -1px 5px !important; -} - -#help pre { - padding-left: 0; - padding-bottom: 20px; - margin: -5px 0 5px 10px; - width: 98%; - width: calc(100% - 10px); - height: 600px; - overflow: auto; - white-space: pre-wrap; - font-size: 9pt; -} - -p#fullhistory { - text-align: right; - margin-bottom: -5px; - margin: -5px -1px -6px !important; - background: #fff; - background: linear-gradient(to right, #eff2ff 50%, #fff); - border: 1px solid #89f; - padding: 7px 10px 4px 5px !important; -} - -#fullhistory::before { - content: ""; - display: inline-block; - vertical-align: middle; - width: 18px; - height: 20px; - background: url(/themes/console/images/buttons/fullview.png) left 45% no-repeat; - background-size: 14px auto; -} - -#help td.infohelp, #help td.infowarn, #help td.infohelp, #help p.infohelp { - background-size: 24px 24px !important; - padding-left: 46px !important; -} - -/* mini faq */ - -#faq h3 { - padding-left: 35px; - background: url(/themes/console/images/info/question.png) 10px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%) !important; - background-size: 18px 18px, 100% 100% !important; - background-blend-mode: luminosity, normal; - text-transform: none; - letter-spacing: 0; - word-spacing: 0; - font-size: 10.5pt; -} - -#faq p.infohelp { - margin: -11px -16px 4px; -} - -#faq ul { - margin: -5px 15px 0 !important; -} - -#portfaq { - margin: -4px -16px -6px; - width: auto; -} - -#portfaq th:first-child, #portfaq td:first-child { - font-weight: bold; - text-align: right; - padding-top: 6px; - padding-bottom: 6px; - padding-left: 10px; -} - -#portfaq th:nth-child(n+2) { - text-align: left; -} - -#portfaq .infohelp { - padding-top: 15px !important; - padding-bottom: 15px !important; -} - -#portfaq th[colspan="3"] { - text-align: left; - font-size: 10.5pt !important; - letter-spacing: 0.08em; - word-spacing: 0.1em; -} - -#portfaq td:nth-child(2) { - white-space: nowrap; -} - -#portfaq td:last-child, #portfaq td[colspan="3"] { - text-align: justify; - padding-right: 10px; -} - -#portfaq td[colspan="3"] { - font-weight: normal; -} - -/* end mini faq */ - -/* end /help */ - -.eventspanel br { - display: none; -} - -.eventspanel h3 { - margin-top: 0; -} - -.eventspanel form { - margin-top: -11px; - padding: 10px 10px 10px 50px; - border: 1px solid #89f; - background: #fff url(/themes/console/images/info/logs.png) 12px center no-repeat; - background-size: 28px 28px; -} - -.eventspanel select { - margin-right: 15px; -} - -.eventspanel th { - text-align: left; -} - -.main#proof { - padding: 10px; - min-width: 570px; -} - -#proof p { - margin: 0; - padding: 20px 10px 10px; - border: 1px solid #89f; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc; - background: url(/themes/console/images/info/rosette.png) right 8px top 8px no-repeat #eeeffb; - background: url(/themes/console/images/info/rosette.png) right 8px top 8px no-repeat rgba(220,225,252,0.3); - background-blend-mode: luminosity; -} - -#proof textarea, #proof textarea:focus { - line-height: 180%; - margin: 0; - border: none; - padding: 15px 20px; - width: 100%; - box-shadow: none; - color: #333; - background: none; - height: 200px; - overflow: hidden; - white-space: pre-wrap; - word-break: break-all; -} - -#oldconsole p { - margin: 0 0 5px; - padding: 10px 20px; - line-height: 200%; - border: 1px solid #89f; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc; - background: #eeeffb; - background: rgba(220,225,252,0.3); -} - -#oldconsole b { - display: inline-block; - min-width: 120px; - margin-right: 8px; - text-align: right; -} - -#certs p { - margin: 3px 0; - padding: 10px 5px; - border: 1px solid #89f; - background: #fff; -} - -#certs h4 + p { - margin-top: -6px; - margin-bottom: 10px; -} - -#certs textarea { - margin: -1px 0 10px 0; - width: 100%; -} - -#advancedsettings h2 { - margin: 10px 0 0 !important; -} - -#advancedsettings p.infohelp { - margin: -1px 0; -} - -#configinfo th { - text-align: left; - font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace; - padding: 7px 10px; - color: #050; -} - -#configinfo td { - text-align: justify; - padding: 5px 15px; - background: #eff1ff; - background: rgba(230,230,255,0.5); -} - -#help #configinfo td.infowarn { - padding: 10px 10px 10px 38px !important; - border: 1px solid #89f; - background: #fffff5 url(/themes/console/images/info/infowarn.png) 10px center no-repeat !important; - background-size: 20px 20px !important; -} - -/* informational images */ - -#bugreports td.infohelp { - background: #fff url(/themes/console/images/info/bugreport.png) no-repeat 12px center; - padding: 15px 15px 15px 50px; - background-size: 28px 28px; -} - -p#debugmode { - padding: 15px 15px 15px 50px; - background: #fff url(/themes/console/images/info/debug.png) 12px center no-repeat; - background-size: 28px 28px; -} - -p#sybilinfo { - padding: 15px 15px 15px 50px; - background: #fff url(/themes/console/images/info/experimental.png) 12px center no-repeat; - background-size: 28px 28px; -} - -p.infowarn { - border: 1px solid #89f; - padding: 15px 15px 15px 50px; - background: #fff url(/themes/console/images/info/infowarn.png) 10px center no-repeat; - line-height: 130%; -} - -.infowarn#tunnelconfig { - margin-top: 15px; -} - -#tunnelconfig td:nth-child(n+2) { - text-align: left; - padding-left: 0; -} - -#bandwidthconfig tr:first-child .infohelp { - background: #fff url(/themes/console/images/info/bandwidth.png) 12px center no-repeat; - padding: 15px 15px 15px 50px; - background-size: 28px 28px; -} - -#addkeyring td.infohelp { - background: #fff url(/themes/console/images/info/keys.png) 12px center no-repeat; - padding: 15px 15px 15px 50px; - background-size: 28px 28px; -} - -#joinfamily tr:nth-child(3) td:first-child { - background: #fff url(/themes/console/images/info/key.png) 12px center no-repeat; - padding: 15px 15px 15px 50px; - background-size: 28px 28px; -} - -#newfamily tr:last-child td:first-child { - background: #fff url(/themes/console/images/info/label.png) 12px center no-repeat; - padding: 15px 15px 15px 50px; - background-size: 28px 28px; -} - -#oldhome td:first-child { - background: #fff url(/themes/console/images/info/home.png) 12px center no-repeat; - padding: 15px 15px 15px 50px; - background-size: 28px 28px; -} - -#floodfillconfig tr:first-child .infohelp { - background: #fff url(/themes/console/images/info/floodfill_32x32.png) 12px center no-repeat; - padding: 15px 15px 15px 50px; - background-size: 28px 28px; -} - -#floodfillconfig tr:nth-child(2) td { - padding: 8px 10px 8px 18px; -} - -#floodfillconfig tr:nth-child(2) b { - margin-right: 8px; -} - -#floodfillconfig input[type="radio"] { - margin-right: 3px; -} - -p#clientconf.infohelp, p#webappconfigtext.infohelp { - background: #fff url(/themes/console/images/info/java_edit.png) 12px center no-repeat; - padding: 15px 15px 15px 50px; - background-size: 28px 28px; -} - -p#pluginconfigtext { - background: #fff url(/themes/console/images/info/plugin_edit.png) 12px center no-repeat; - padding: 15px 15px 15px 50px; - background-size: 28px 28px; -} - -#plugininstall .infohelp { - background: #fff url(/themes/console/images/info/plugin_link.png) 12px center no-repeat; - padding: 15px 15px 15px 50px; - background-size: 28px 28px; -} - -#plugininstall tr:nth-child(3) td:nth-last-child(2), #manualreseed tr:nth-child(3) td:nth-last-child(2) { - background: #fff url(/themes/console/images/info/url.png) 12px center no-repeat; - padding: 15px 15px 15px 50px; - background-size: 28px 28px; -} - -#manualreseed tr:nth-child(5) td:nth-last-child(2), #plugininstall2 tr:nth-child(2) td:nth-last-child(2) { - background: #fff url(/themes/console/images/info/from_file.png) 12px center no-repeat; - padding: 15px 15px 15px 50px; - background-size: 28px 28px; -} - -#manualreseed tr:nth-last-child(2) td.infohelp { - padding: 15px 15px 15px 50px; - background: #fff url(/themes/console/images/info/box.png) 12px center no-repeat; - background-size: 28px 28px; -} - -#config_peers tr:nth-child(3) td.infohelp { - padding: 15px 15px 15px 50px; - border-right: none; - background: #fff url(/themes/console/images/info/blocked.png) 12px center no-repeat; - background-size: 28px 28px; -} - -h3#shutdownrouter + p.infohelp { - padding: 15px 15px 15px 50px; - background: #fff url(/themes/console/images/info/power.png) 12px center no-repeat; - background-size: 28px 28px; -} - -h3#restartrouter + p.infohelp, #config_family .infohelp.needrestart { - padding: 15px 15px 15px 50px; - background: #fff url(/themes/console/images/info/reboot.png) 12px center no-repeat; - background-size: 28px 28px; -} - -h3#systray + p.infohelp { - padding: 15px 15px 15px 50px; - background: #fff url(/themes/console/images/info/systray.png) 12px center no-repeat; - background-size: 28px 28px; -} - -h3#servicedebug + p.infohelp { - padding: 15px 15px 15px 50px; - background: #fff url(/themes/console/images/info/debug.png) 12px center no-repeat; - background-size: 28px 28px; -} - -h3#browseronstart + p.infohelp { - padding: 15px 15px 15px 50px; - background: #fff url(/themes/console/images/info/launch_browser.png) 12px center no-repeat; - background-size: 28px 28px; -} - -.main#config_reseed p.infohelp { - padding: 15px 15px 15px 50px; - background: #fff url(/themes/console/images/info/connect.png) 12px center no-repeat; - background-size: 28px 28px; -} - -p#enablefullstats, p#gatherstats { - padding: 15px 15px 15px 50px; - background: #fff url(/themes/console/images/info/statistics.png) 12px center no-repeat; - background-size: 28px 28px; -} - -#config_family .infohelp { - margin-bottom: -1px !important; - padding: 15px 15px 15px 50px; - background: #fff url(/themes/console/images/info/family.png) 12px center no-repeat; - background-size: 28px 28px; -} - -/* end informational images */ - -/* login inputs */ - -#consolepass input[name="name"], #externali2cp input[name="user"] { - background: #fff url(/themes/console/images/buttons/user.png) 5px center no-repeat; - padding: 4px 5px 4px 26px !important; - background-size: 16px 16px !important; -} - -#consolepass input[name="nofilter_pw"], #externali2cp input[name="nofilter_pw"] { - background: #fff url(/themes/console/images/buttons/password.png) 5px center no-repeat; - padding: 4px 5px 4px 26px !important; - background-size: 16px 16px !important; -} - -/* logs */ - -#logs ul { - margin-left: -22px; - margin-right: -28px; - margin: -4px 0 0 -20px; - display: inline-block; - word-break: break-all; -} - -#logs li { - list-style: none; - font: 8.5pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace; - line-height: 130%; - text-align: left; - width: 100%; -} - -#logs li::after { - content: ""; - display: block; - border-top: 1px dotted #bbf; - width: 100%; - margin: 2px 0 -4px; -} - -#logs li:last-child::after { - border: none; - margin: -4px; -} - -#logs font[color^="#"]::before { - content: ""; - display: inline-block; - width: 6px; - height: 6px; - background: #fff; - border-radius: 50%; - margin-right: 5px; - margin-left: -17px; - vertical-align: calc(1px); -} - -#logs li font[color="#cc0000"]::before { - background: #cc0000; -} - -#logs li font[color="#006600"]::before { - background: #006600; -} - -#logs li font[color="#ff3300"]::before { - background: #ff3300; -} - -#logs li font[color="#bf00df"]::before { - background: #bf00df; -} - -#logs li font[color="#000099"]::before { - background: #000099; -} - -/* end logs */ - -/* peers, profiles, tunnels */ - -.cells tt, #profilelist tt { - font-size: 8.5pt !important; -} - -/* end peers, profiles, tunnels dests */ - -/* /tunnels */ - -tt a, .cells tt { - letter-spacing: 0.1em; -} - -.tunnel_cap { - background: rgba(0,0,64,0.3); - color: #fff; - border: 1px solid rgba(0,0,64,0.2); - border-radius: 2px; - min-width: 12px; - padding: 0 2px; - display:inline-block; - margin: 1px 2px 1px 8px; - text-align: center !important; - text-shadow: 0 1px 1px #555; -} - -.tunnel_cap:empty { - border: none; -} - -.tunnel_id { - display: inline-block; - min-width: 78px; - text-align: right; -} - -.tunnel_id:empty { - min-width: 0; -} - -.tunnel_id:empty + .tunnel_cap { - margin-left: 12px !important; - display: inline-block; -} - -.tunnel_peer { - display: inline-block; - min-width: 56px; - text-align: right; -} - -.tunnel_local { - font-size: 8pt; - text-transform: lowercase; - background: rgba(187, 187, 255, 0.3); - background: #d5d5ff; - border-radius: 2px; - text-align: center; - padding: 2px 0; - margin-left: -4px; - margin-right: 4px; -} - -.tunnel_peer:empty { - vertical-align: top; -} - -.tunneldisplay td { - padding-top: 4px; - padding-bottom: 4px; -} - -#tunnel_defs td:nth-child(even), #tunnel_defs td:first-child { - width: 1%; -} - -@media screen and (max-width: 1100px) { -.tunnel_id, .tunnel_peer { - min-width: 0 !important; - text-align: center !important; -} - -.tunnel_local { - margin-right: 5px; - margin-left: 2px; - padding: 2px 4px; -} - -.tunnel_peer:empty { - vertical-align: middle; -} - -.tunnel_peer:empty::before { - margin: 1px 6px 1px 2px; -} - -.tunnel_cap { - margin-left: 5px !important; -} -} - -@media screen and (min-width: 1500px) { -.tunnel_cap { - margin-left: 10px; - padding: 0 1px; - min-width: 14px; -} - -.tunnel_id:empty { - margin-right: -10px; -} -} - -/* end tunnels */ - -/* /peers */ - -#ntcpconnections th:nth-child(6), #ntcpconnections th:nth-child(7), #ntcpconnections th:nth-child(8), #ntcpconnections th:nth-child(9), #ntcpconnections th:nth-child(10), -#ntcpconnections td:nth-child(6), #ntcpconnections td:nth-child(7), #ntcpconnections td:nth-child(8), #ntcpconnections td:nth-child(9), #ntcpconnections td:nth-child(10), -#udpconnections td:nth-child(6), #udpconnections td:nth-child(7), #udpconnections td:nth-child(9), #udpconnections td:nth-child(10), #udpconnections td:nth-child(11), -#udpconnections td:nth-child(13), #udpconnections td:nth-child(14), #udpconnections td:nth-child(15), #udpconnections td:nth-child(16) { - text-align: right; - white-space: nowrap; -} - -#ntcpconnections .tablefooter td:nth-child(3), #ntcpconnections .tablefooter td:nth-child(4), #ntcpconnections .tablefooter td:nth-child(5), #ntcpconnections .tablefooter td:nth-child(6), -#udpconnections .tablefooter td:nth-child(3), #udpconnections .tablefooter td:nth-child(4), #udpconnections .tablefooter td:nth-child(7), #udpconnections .tablefooter td:nth-child(8), -#udpconnections .tablefooter td:nth-child(10), #udpconnections .tablefooter td:nth-child(11), #udpconnections .tablefooter td:nth-child(12), #udpconnections .tablefooter td:nth-child(13) { - text-align: right; -} - -#udpconnections .tablefooter td:nth-child(9) { - text-align: center !important; -} - -#ntcpconnections td:nth-child(4), #ntcpconnections td:nth-child(5), #udpconnections td:nth-child(4), -#udpconnections td:nth-child(5), #udpconnections td:nth-child(8), #udpconnections td:nth-child(12) { - white-space: nowrap; -} - -#udpconnections .tablefooter td, #ntcpconnections .tablefooter td { - padding-left: 5px; - padding-right: 5px; -} - - -#ntcpconnections th:nth-child(6), #ntcpconnections th:nth-child(7), #ntcpconnections th:nth-child(8), #ntcpconnections th:nth-child(9), #ntcpconnections th:nth-child(10) { - text-align: right; -} - -#udpconnections th:nth-child(6), #udpconnections th:nth-child(7), #udpconnections th:nth-child(n+9) { - text-align: right; -} - -#udpconnections th:nth-child(12) { - text-align: center; -} - -.peersort { - text-align: center; - display: inline-block; -} - -.right { - text-align: right; - margin: 0 1px; - display: inline-block; - width: 40% -} - -.left { - text-align: left; - margin: 0 1px; - display: inline-block; - width: 40% -} - -.peeripv6:empty { - padding: 0; - width: 0; -} - -.cwnd .left, .cwnd .right { - width: auto; -} - -#udpconnections td:nth-child(n+13), #udpconnections .tablefooter td:nth-child(n+10) { - padding-right: 1% !important; -} - -#peerdefs { - line-height: 140%; - padding: 5px; -} - -.peer_arrow { - display: inline-block; - width: 18px; - text-align: center; - margin-right: 3px; -} - -/* end peers */ - -/* netdb router address info */ - -.leasesets_container { - -moz-columns: 680px 2; - -webkit-columns: 680px 2; - columns: 680px 2; - -moz-column-gap: 10px; - -webkit-column-gap: 10px; - column-gap: 10px; -} - -th code { - -moz-user-select: all; - -webkit-user-select: all; - user-select: all; -} - -@media screen and (min-width: 1634px) { -.leasesets_container { - margin-bottom: 2px; -} - -th code { - font-size: 9pt !important; -} -} - -.leasesets_container table:first-child { - margin-top: 0; -} - -.leasesets_container table { - break-inside: avoid; - page-break-inside: avoid; - -webkit-column-break-inside: avoid; -} - -.netdb_addresses br:first-child, .sybil_routerinfo tr:last-child td br:first-child { - display: none; -} - -.netdb_addresses { - line-height: 150%; -} - -.netdbentry th:first-child::after { - content: ""; - display: inline-block; - min-height: 20px; - vertical-align: middle; -} - -.netdbentry th:last-child > *, .sybil_routerinfo th:nth-child(2) > * { - display: inline-block; - vertical-align: middle !important; -} - -.netdbentry th a img, .sybil_routerinfo th a img { - display: inline-block; - vertical-align: middle; - margin-right: 5px; -} - -.netdbentry a.viewfullentry::after { - display: inline-block; - vertical-align: middle !important; - margin-left: 3px; -} - -.netdbentry td:first-child { - text-align: right; -} - -.netdbentry .netdb_addresses { - padding-left: 40px; -} - -b.netdb_transport { - display: inline-block; - width: 50px; - text-align: right; - margin-left: -50px; - margin-right: 5px; -} - -#netdb code { - font-weight: normal !important; -} - -.netdb_name { - color: #335; - text-transform: capitalize; - font-weight: bold; -} - -.netdb_info { - margin-right: 1px; -} - -.netdb_expiry { - margin-left: 5px; -} - -.sybil_routerinfo th img[src^="/flags"] { - height: 11px; - width: 16px; -} - -.sybil_routerinfo b.netdb_transport { - margin-left: -13px; - margin-right: 0; -} - -.sybil_routerinfo td:first-child, .netdbentry td:first-child { - text-align: right !important; - padding-right: 0; -} - -.sybil_routerinfo td[colspan="3"] { - white-space: normal; -} - -.sybil_container { - -moz-columns: 680px 2; - -webkit-columns: 680px 2; - columns: 680px 2; - margin: 10px 0; -} - -.sybil_container p { - break-inside: avoid; - page-break-inside: avoid; - -webkit-column-break-inside: avoid; -} - -.sybil_container p:first-child { - margin-top: 0; -} - -.sybil_container p:last-child { - margin-bottom: 0; -} - -/* end netdb router address */ - -/* sybils */ - -.leaseset th:last-child, .leaseset td:last-child, .sybil_routerinfo th:last-child, .sybil_routerinfo td:last-child { - border-right: 1px solid #89f !important; -} - -.sybil_routerinfo table td:last-child { - border-right: none !important; -} - -.sybilinfo_params { - padding: 0; - border-bottom: 1px solid #89f; -} - -.sybilinfo_container { - columns: 240px auto; - -moz-columns: 240px auto; - -webkit-columns: 240px auto; - -moz-column-gap: 0; - -webkit-column-gap: 0; - column-gap: 0; - background: rgba(255, 255, 255, 0.5); - padding: 4px 5px; -} - -.sybilinfo_container b { - color: #335; -} - -.sybil_routerinfo tr:last-child { - border-top: none; -} - -.sybil_routerinfo p { - margin: 0; - padding: 1px 0; - break-inside: avoid; - page-break-inside: avoid; - -webkit-column-break-inside: avoid; -} - -.sybilinfo_familyname { - display: inline-block; - vertical-align: top; - max-width: 150px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.sybil_addresses td:first-child { - max-width: 155px; - font-weight: bold; - padding-right: 9px; -} - -.sybil_addresses table { - width: 100%; - margin: 0; -} - -.sybil_addresses { - padding: 0; - border-bottom: 1px solid #89f; -} - -.sybil_addresses table, .sybil_addresses td { - border: none; -} - -.threatpoints + ul { - -moz-columns: auto 500px; - -webkit-columns: auto 500px; - columns: auto 500px; - -moz-column-gap: 55px; - -webkit-column-gap: 55px; - column-gap: 55px; - -moz-column-rule: 1px solid #89f; - -webkit-column-rule: 1px solid #89f; - column-rule: 1px solid #89f; - padding-top: 3px; - padding-bottom: 3px; -} - -.threatpoints + ul li:first-child { - margin-top: 0 !important; - padding-top: 0 !important; -} - -.threatpoints + ul li:last-child { - margin-bottom: 0 !important; - padding-bottom: 0 !important; -} - -.threatpoints + ul li { - list-style: none; - margin-left: -15px; - line-height: 120%; - break-inside: avoid; - page-break-inside: avoid; - -webkit-column-break-inside: avoid; -} - -.threatpoints + ul li a { - white-space: nowrap; -} - -/* end sybils */ - -/* debug */ - -.main#debug h2 { - padding: 8px 10px; - font-size: 12pt; -} - -.main#debug h3 { - padding: 5px 10px; -} - -.main#debug td[colspan="2"] { - text-align: left; -} - -.main#debug h2 + hr { - display: none; -} - -#debug h2 + table { - margin-top: -11px; -} - -#debug th { - text-align: left; -} - -#debug tr { - border-bottom: 1px solid #89f; -} - -#debug td { - padding: 2px 5px; -} - -#debug .expiry ul { - margin: 3px 0 10px -35px !important; -} - -#debug li:first-child { - padding: 10px 0 0; -} - -#debug li:last-child { - padding-bottom: 0; - margin-bottom: -9px; -} - -#debug li { - list-style: none; - line-height: 150%; - padding-bottom: 0; - margin-left: -5px; - margin-bottom: -2px; -} - -.debug_container { - background: #eef; - border: 1px solid #89f; - padding: 10px 15px; - margin-top: -16px; -} - -.debug_container:empty, #debug ul:empty { - display: none; -} - -.debug_container, #debug td { - line-height: 140%; -} - -.main#debug h3 + table { - margin-top: -11px; -} - -#debug td { - padding-top: 5px; - padding-bottom: 5px; -} - -#debug td ul { - margin: 0; -} - -#debug td li { - padding: 0 0 -10px; -} - -#debug h2 { - margin: 12px 0 0; - background: url(/themes/console/images/info/debug.png) right 6px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%) !important; - background-size: 20px 20px, 100% 100% !important; - background-blend-mode: luminosity, normal, normal; -} - -h2#debug_portmapper { - margin-top: 14px !important; -} - -#debug h3 { - padding-left: 10px; -} - -.debug_container + h3 { - margin-top: -1px; -} - -.debug_section h2 + h3, .debug_container:empty + h3, h3 + .debug_container, .debug_section table + h3, .debug_container.buckets { - margin-top: -11px !important; -} - -.expiry td { - padding-left: 3% !important; -} - -.debug_container.buckets { - word-break: break-all; - margin-bottom: 5px; - padding-bottom: 0; - max-height: 600px; - overflow: auto; -} - -.buckets hr { - display: none; -} - -#debug th:first-child, #debug td:first-child { - padding-left: 10px; -} - -#debug td:last-child { - text-align: right; - vertical-align: top; - padding-right: 10px; -} - -.debug_outboundtarget td:first-child { - padding-left: 3% !important; -} - -#portmapper td:first-child { - font-weight: bold; -} - -#portmapper th:last-child, #portmapper td:last-child { - text-align: left !important; -} - -#debug h3.debug_outboundsessions, #debug h3.debug_inboundsessions { - padding: 6px 10px 6px 28px; - background-blend-mode: luminosity, normal; -} - -#debug h3.debug_outboundsessions { - margin-top: -6px !important; - background: url(/themes/console/images/outbound.png) 6px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%) !important; -} - -#debug h3.debug_inboundsessions { - background: url(/themes/console/images/inbound.png) 6px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%) !important; -} - -.debug_version { - color: #070; -} - -/* end debug */ - -/* jar dump */ - -#jardump { - padding: 0; - overflow-x: auto; - overflow-y: hidden; - min-width: 570px; -} - -#jardump table { - border-left: none; - border-right: none; - margin-top: -1px; - margin-bottom: -1px; - font-size: 8pt; -} - -#jardump th { - padding: 5.5px 5px; - font-size: 9pt; - text-align: center; - border-left: none !important; - border-right: none !important; -} - -#jardump th:first-child { - text-align: left; -} - -#jardump tr td { - border-top: 1px solid #cfd6ff !important; -} - -#jardump td { - vertical-align: top; -} - -#jardump td:nth-child(2) { - font-style: italic; -} - -#jardump tt { - letter-spacing: -0.05em; -} - -#jardump a tt { - color: #006 !important; -} - -#jardump a:hover tt { - color: #f60 !important; -} - -.sha256 tt, .revision tt { - font-weight: normal !important; -} - -.revision, .sha256, .unsignedmod { - -moz-user-select: all; - -webkit-user-select: all; - user-select: all; -} - -.subheading.routerfiles { - background: url(/themes/console/images/eepsite.png) right 5px center no-repeat, linear-gradient(to right, #fff, #eef) !important; - background-size: 16px auto, 100% 100% !important; - background-blend-mode: luminosity, normal; -} - -.subheading.pluginfiles { - background: url(/themes/console/images/plugin.png) right 5px center no-repeat, linear-gradient(to right, #fff, #eef) !important; - background-size: 16px auto, 100% 100% !important; - background-blend-mode: luminosity, normal; -} - -.subheading.pluginfiles { - border-top: 1px solid #89f !important; -} - -#jardump td { - border-left: 1px inset #cfd6ff !important; - vertical-align: middle; - text-align: center; -} - -#jardump td:first-child, #jardump td:last-child { - text-align: left; -} - -#jardump td:nth-child(2) { - text-align: right; -} - -#jardump td:first-child { - border-left: none; - transition: ease padding 0.05s; -} - -#jardump td:last-child { - padding: 1px 0; -} - -.unsignedmod { - display: inline-block; - padding: 1px 2px; - word-break: break-all; - -moz-user-select: all; - -webkit-user-select: all; - user-select: all; -} - -#jardump hr { - margin: 2px 0 !important; - background: #cfd6ff; -} - -.unsignedmod:empty { - display: none; -} - -#jardump td:first-child { - padding-left: 26px; - background-image: url(/themes/console/images/info/box.png); - background-position: 5px center; - background-repeat: no-repeat; - background-size: 16px 16px; -} - -#jardump tr:hover td:first-child { - background: url(/themes/console/images/info/box.png) 5px center no-repeat, linear-gradient(to bottom, #fff, #ffe); - background: url(/themes/console/images/info/box.png) 5px center no-repeat #ffe; - background-size: 16px 16px; -} - -@media screen and (-webkit-min-device-pixel-ratio:0) { -#jardump td:last-child { - word-break: break-all; -} -} - -/* end jardump */ - -/* responsive layout */ - -@media screen and (max-width: 900px) { -.welcome h2 { - font-size: 10pt !important; -} - -.homelinkedit input[name="nofilter_url"] { - width: 240px !important; -} - -#newfamily input[type="text"] { - width: 160px !important; -} - -#joinfamily input[type="file"] { - width: 220px; -} - -h3.ptitle, h3.tabletitle, th.th_title, h3#udpcon, h3#ntcpcon { - font-size: 10pt; -} - -#ntcpconnections th:last-child:not(old) { - font-size: 0; -} - -#ntcpconnections th:last-child::before { - content: url(/themes/console/images/info/backlogged.png) !important; -} - -#consolepass input[name="name"], #externali2cp input[name="user"], -#consolepass input[name="nofilter_pw"], #externali2cp input[name="nofilter_pw"] { - width: 130px !important; - min-width: 130px !important; -} - -input[name="pluginURL"] { - width: 190px !important; - margin-left: 0 !important; -} - -#plugininstall tr:nth-child(3) td:nth-last-child(2), #plugininstall tr:nth-child(5) td:nth-last-child(2) { - background-size: 0 0 !important; - padding-left: 5px !important; -} - -#plugininstall .optionsave, #plugininstall2 .optionsave { - padding-right: 0 !important; -} - -input[name="pluginFile"] { - transform: scale(0.9); - margin-left: 0 !important; -} - -.main#profiles table, .main#peers table, .main#tunnels table, .main#jobs table { - font-size: 8pt; -} - -#netdbversions th:last-child, #netdbtransports th:last-child, #netdbcountrylist th:last-child { - max-width: 60px; - overflow: hidden; - text-overflow: ellipsis; -} - -#netdbversions td, #netdbtransports td, #netdbcountrylist td { - font-size: 8.5pt !important; -} -} - -@media screen and (max-width: 1000px) { -.welcome h2 { - font-size: 11pt; -} - -div.confignav { - font-size: 8.5pt !important; -} - -.tab2 { - padding: 3px 8px; -} - -.tab a { - padding: 2px 10px; -} - -input.search[type="text"] { - width: 200px; -} - -input[name="pluginURL"] { - width: 260px; -} - -#plugininstall tr:nth-child(3) td:nth-last-child(2), #plugininstall2 tr:nth-child(2) td:nth-last-child(2) { - background-size: 20px 20px; - padding: 15px 0 15px 36px; - background-position: 10px center; -} - -.logo { - float: none; - position: absolute; - top: 10px !important; - margin: 0 5px !important; - display: block; - background-size: 200px auto !important; - min-width: 530px; - width: calc(100% - 36px); -} - -.warning { - margin: 140px 5px 0 !important; -} - -.warning h3:first-child { - font-size: 11pt; -} - -.logo a:nth-child(n+2) { - width: 25%; - white-space: nowrap; - font-size: 10pt; -} - -.proxyfooter { - display: none; -} - -img[src$="bound.png"] { - transform: scale(0.9); -} - -.main#tunnels th, .main#profiles th { - font-size: 8pt; -} - -#config_update .messages { - background-size: 22px 22px; - background-position: 8px center; - padding-left: 40px; -} - -.main#view_profile { - padding: 0 !important; - min-width: 540px; -} - -#view_profile pre { - margin: -5px 5px; - width: calc(100% - 5px); -} - -#view_profile h2 { - margin: -1px; - font-size: 13pt; -} - -#viewprofile { - border: none; - min-width: 500px; -} - -input[name="speed"], input[name="capacity"] { - min-width: 80px; - width: 80px; -} - -#netdbversions th, #netdbtransports th, #netdbcountrylist th { - font-size: 9pt !important; -} - -.main#events { - min-width: 510px; -} - -#events select { - min-width: 100px; -} - -#events table { - table-layout: fixed; - width: 100%; -} - -#events td:last-child { - word-break: break-all; -} -} - -@media screen and (max-width: 1200px) { -.tab, .tab2 { - padding: 1px 0; - min-width: 50px !important; -} - -.tab2 { - padding: 3px 10px; -} - -.tab a { - padding: 2px 12px; -} - -.main#peers th { - font-size: 8pt; -} - -#peers img[src^="/flags.jsp"], #profiles img[src^="/flags.jsp"], #tunnels img[src^="/flags.jsp"] { - transform: scale(0.9); -} - -p#enablefullstats input[type="checkbox"] { - float: left; - margin-top: 0; -} - -/* profiles, peers, tunnels, job queue, netdb - whitespace reduction */ - -.main#profiles, .main#peers, .main#tunnels, .main#jobs, .main#netdb { - padding: 5px; - min-width: 560px; -} - -.main#profiles .confignav, .main#netdb .confignav { - margin: -6px; -} - -.main#profiles table, .main#peers table, .main#tunnels table { - margin: 5px 0; -} - -#ntcpconnections { - margin-bottom: 0 !important; -} - -.main#profiles .infohelp { - margin: 11px 0 5px !important; -} - -.widescroll + .infohelp { - margin: 0 !important; -} - -.main#peers #upnpstatus { - margin-bottom: 5px 0 !important; -} - -.main#peers .infohelp { - margin: 5px 0 0; -} - -.main#profiles h3, .main#peers h3, .main#tunnels h3 { - margin: 5px 0 -6px !important; - font-size: 10.5pt; -} - -.main#tunnels h3 { - margin-top: -2px !important; -} - -.main#jobs h3 { - margin-top: 0; -} - -.main#tunnels h3#exploratorytunnels { - margin-top: 0 !important; -} - -h3 + .statusnotes { - margin-top: 5px !important; -} - -h2 { - font-size: 12pt !important; -} - -.main#jobs h2 { - margin-bottom: 5px !important; -} - -.main#jobs h3 + ol:empty + h3 { - margin-top: -16px !important; -} - -#jobstats { - margin-bottom: 0; -} - -h3#totaljobstats { - margin-top: 11px !important; -} - -.statusnotes:last-child { - margin-bottom: 0; -} - -#profile_defs, #floodfills, #profiles ul, .main#peers h3#transports { - margin-bottom: 0 !important; -} - -.main#peers pre { - margin-top: -1px; -} - -.main#peers pre + h3 { - margin-bottom: 5px !important; -} - -#floodfills, #profiles ul { - margin-top: 11px !important; -} - -table[id*="connections"] td, #floodfills td, #profilelist td, #jobstats td, .main#tunnels td { - padding: 3px; - border-right: 1px inset #cfd6ff; -} - -.main#netdb #netdboverview, #netdblookup { - margin: 11px 0 0; -} - -#netdb h3.tabletitle, h3.sybils { - font-size: 10pt; -} - -#netdblookup { - margin-bottom: -11px; -} - -.netdbentry, #leasesetdebug, #leasesetsummary, table.leaseset { - margin: 11px 0 -6px !important; -} - -.netdbentry:last-child, table.leaseset:last-child { - margin-bottom: 0 !important; -} - -.netdbentry th code, .sybil_routerinfo th code, .leaseset th code { - font-size: 8pt; -} - -#debugmode { - margin-bottom: -6px !important; -} - -table.sybil_routerinfo:last-child { - margin-bottom: 0 !important; -} - -#banlist li { - width: calc(100% - 5px); -} - -#schedjobs { - margin: -11px 0 -6px !important; -} - -#upnpstatus + #ntcpcon { - margin-top: 5px !important; -} - -/* end whitespace reduction */ - -#help h3, #faq h3 { - font-size: 10pt !important; -} - -#portfaq td:nth-child(2) { - white-space: normal; -} - -.eventspanel form { - padding: 10px !important; - background: #fff !important; -} - -.eventspanel select { - margin-right: 8px !important; -} -} - -@media screen and (max-width: 1500px) { -#sb_general td::after, #sb_shortgeneral td::after, #sb_advancedgeneral td::after, #sb_bandwidth td::after, -#sb_peers td::after, #sb_peersadvanced td::after, #sb_tunnels td::after, #sb_queue td::after { - min-height: 12px; -} - -.langbox { - margin-top: 3px !important; -} - -#sb_localtunnels td:first-child { - padding-right: 3px !important; -} - -.tunnels_client th:first-child:not(old) { - font-size: 0 !important; -} - -.tunnels_client th:first-child::after { - content: "\21E9\21E7"; - font-family: sans-serif; - font-size: 12pt; - line-height: 0; - vertical-align: middle; - letter-spacing: -0.3em; -} - -#help h3, #faq h3 { - font-size: 10.5pt !important; -} -} - -@media screen and (min-width: 900px) { -#consolepass input[name="name"], #externali2cp input[name="user"], -#consolepass input[name="nofilter_pw"], #externali2cp input[name="nofilter_pw"] { - width: 160px; -} -} - -@media screen and (min-width: 1200px) { -.cells tt, #profilelist tt { - margin-left: 2px !important; -} -} - -@media screen and (min-width: 1400px) { -#help #changelog pre:not(old) { -/* - columns: 560px auto; - column-gap: 40px; - column-rule: 1px dotted #abf; -*/ - margin-left: 0; - padding-left: 10px; -} -} - -@media screen and (min-width: 1500px) { -body, .main, .main td, .news p, #news p, .tab, .tab2, .main li b, .joblog li, .themelabel, .ui_lang, .applabel a, -.statusnotes, .routersummary button.download, #peerdefs, #profile_defs, #thresholds, #configinfo, .infohelp, .infowarn, -button, input, select, textarea, code, tt, pre, .netdbentry th, .configtable th, .statlist a[name], -.statlist b, .statlist li b, .statlist a[name]:hover, div.messages, th { - font-size: 10pt !important; -} - -.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.news, #banlist li, -.news #newsStatus, .news #newsDisplay, .topness, .footnote, .cells tt, #profilelist tt, .sb_notice, #help code, #help tt { - font-size: 9pt !important; -} - -.routersummary .reload, .routersummary .stop { - min-width: 102px !important; -} - -.cells tt, #profilelist tt { - margin-left: 3px !important; -} - -tt a, .cells tt, #profilelist tt { - font-size: 9pt !important; -} - -.main, .news, h1 { - margin-left: 232px !important; -} - -.routersummary { - width: 225px !important; -} - -.routersummary img[src$="i2plogo.png"] { - margin-left: -2px; - transform: none; - width: 210px; - margin-top: -1px; -} - -.routersummary table[id^="sb_"] { - width: 226px !important; -} - -.routersummary h3 a, #netdboverview th { - font-size: 11pt !important; -} - -.routersummary h3 { - padding: 4.5px 0 !important; -} - -#sb_internals a, #sb_services a, #sb_advanced a, #sb_help a { - max-width: 212px; -} - -.routersummary button[type="submit"] { - min-width: 100px; - margin: 2px 4px 1px; -} - -.percentBarOuter { - width: 217px; -} - -div.app { - width: 160px !important; -} - -.app img { - padding: 10px 60px 9px; -} - -.applabel { - width: 156px !important; - padding: 4px 2px 2px !important; -} - -.applabel a { - height: 16px !important; - padding-top: 3px; -} - -.footnote { - font-size: 8pt !important; -} - -h3, h3.ptitle, h3.tabletitle, th.th_title { - font-size: 11pt; -} - -.sb_newsheadings ul { - width: 193px; -} - -.newsentry h3, .newsentry h3 a, #news.main h3, .newsDate { - font-size: 10.5pt !important; -} - -.newsAuthor { - font-size: 9pt; - background-size: 12px 12px; - padding-left: 14px; - background-position: left center; -} - -#news #newsDisplay, #news #newsStatus { - margin-bottom: 0 !important; -} - -#console h3 { - font-size: 12pt; -} - -#netdb h3.tabletitle, h3.sybils { - font-size: 10.5pt; -} - -h3#i2pclientconfig, h3.ptitle { - margin-bottom: -15px !important; -} - -h3#systray, h3#servicedebug, h3#browseronstart { - margin-bottom: -15px !important; -} - -h3#pluginmanage { - margin-bottom: -20px !important; -} - -h4#updateplugins { - margin-top: -16px !important; - font-size: 10pt; - padding: 5px 10px; -} - -h3#webappconfig { - margin-bottom: -33px; -} - -#shutdown.formaction, #restart.formaction, #systray.formaction, #runonstart.formaction, #dumpthreads.formaction, #browserstart.formaction, #updateplugins.formaction { - margin-top: -15px; -} - -button.control { - font-size: 0 !important; - padding: 14px !important; -} - -#jardump td { - font-size: 9pt !important; -} - -#jardump tt, #wrapperlogs pre { - font-size: 8pt !important; -} - -#leasesetdebug th, #leasesetsummary th { - font-size: 11pt !important; -} - -div.news { - padding-bottom: 5px !important; -} - -.sorry { - margin-left: 232px !important; -} - -.joblog h3 { - margin-top: 8px; -} - -.subheading b { - font-size: 10.5pt !important; -} - -#stats.main form { - margin-top: -14px; -} - -.confignav { - padding: 0 5px !important; -} - -.tab, .tab2 { - margin-top: -1px !important; -} - -#help .confignav { - padding: 0 !important; - position: sticky; - top: -1px; - z-index: 999; -} - -#help .tab { - margin-top: -1px !important; - margin-bottom: -1px !important; -} - -.main[id^="config_"] th, h4#updateplugins { - font-size: 10.5pt !important; -} - -.homelinkedit th:first-child, #sidebarconf th:first-child, #consolepass th:first-child { - font-size: 0 !important; -} - -.themechoice, .langselect { - width: 140px !important; -} - -.themechoice .optbox, .langselect .optbox { - width: 144px !important; -} - -.themechoice .optbox { - margin-left: -48px !important; -} - -.langselect .optbox { - margin-left: -64px !important; -} - -.langselect img[src^="/flags"] { - margin-left: -81px !important; -} - -.sb_newsheadings table { - width: 224px !important; -} - -.sb_newsheadings td:last-child, .sb_newsheadings tr:hover td:last-child { - background-position: 4px 5px !important; -} -} - -/* end responsive layout */ - -/* Edge/IE tweaks */ - -_:-ms-lang(x), #sidebarconf tr, .homelinkedit tr, #clientconfig tr, #webappconfig tr, #configstats tr, #tunnelconfig tr, #profiles tr, -#floodfills tr, #netdboverview tr, .netdbentry tr, #leasesetdebug tr, #leasesetsummary tr, .leaseset tr, -.sybil_routerinfo tr, #enviro tr, #schedjobs tr, #jobstats tr, #eventlog tr, .tunneldisplay tr, #udpconnections tr, #ntcpconnections tr { - border-top: 1px solid #cfd6ff; -} - -_:-ms-lang(x), #peerdefs td:first-child { - border-right: 1px solid #cfd6ff; -} - -_:-ms-lang(x), .tunnels_client th:first-child::after { - letter-spacing: -0.05em; - font-weight: normal; -} - -/* end Edge/IE tweaks */ - - -/* TO DO: Merge with main classes */ - -.optionlist { - columns: 500px auto; - padding-bottom: 1px; -} - -.optionlist label { - min-width: 300px; - break-inside: avoid; - page-break-inside: avoid !important; - -webkit-column-break-inside: avoid; -} - -th.options, table#externali2cp th { - padding: 7px 10px !important; -} - -.options input[type="checkbox"], #i2pupdates .options .optbox { - margin: 0 3px 0 0; -} - -#reseedconfig textarea { - min-height: 76px !important; - height: 76px !important; - margin: 6px 10px 6px 0 !important; - padding: 3px 5px; -} - -#reseedconfig .nowrap b { - display: inline-block; - min-width: 100px; - text-align: right; - margin-right: 5px; -} - -#manualreseed { - margin-bottom: -3px !important; -} - -#resetreseed { - padding: 5px 5px 0 0; -} - -/* /configui */ - -#passwordheading { - margin-top: 0 !important; -} - -#langsettings { - margin-bottom: -6px !important; -} - -/* end /configui */ - -#pluginconfigtext + form { - float: right; - margin: -42px 6px 0 0; -} - -#externaltcp .nowrap:first-child { - margin: 5px 0 -18px !important; - display: inline-block; -} - -#cputype { - display: inline-block; - margin: -2px 2px -2px 0; - padding: 2px 5px; - font-weight: bold; - text-transform: uppercase; - border-radius: 2px; - background: #ddf; -} - -#wrapperlogs pre { - height: 400px; - resize: vertical; -} - -/* graphs */ - -.statimage { - animation: fadein 1s ease-in; /* prevent white background flicker on refresh */ -} - -@keyframes fadein { -from { - background: #f7f7ff; -} - -to { - background: #fff; -} -} - -#graphs td:first-child { - font-weight: normal; - text-align: left; - padding: 5px 0 0; -} - -@media screen and (min-width: 1060px) { -#graphs td:first-child { - padding: 5px 0; -} -} - -#graphs td b { - min-width: 150px; - text-align: right; - display: inline-block; - margin-right: 5px; -} - -#graphs .nowrap { - line-height: 300%; - display: inline-block; -} - -/* end graphs */ - -.buckets br + br { - line-height: 5px; -} - -#debug td div, #debug td ul { - columns: 400px auto; -} - diff --git a/installer/resources/themes/console/classic/console_big.css b/installer/resources/themes/console/classic/console_big.css deleted file mode 100644 index 480af0ae5..000000000 --- a/installer/resources/themes/console/classic/console_big.css +++ /dev/null @@ -1,603 +0,0 @@ -/* I2P Theme: I2P Classic Theme Override */ -/* I2P Description: Larger fontsize override for console to accomodate foreign charactersets */ -/* Author: dr|z3d */ - -* { - text-shadow: none !important; - font-weight: normal !important; - font-size: 11pt !important; - letter-spacing: normal !important; - word-spacing: normal !important; - line-height: 140% !important; -} - -b { - font-weight: normal !important; -} - -input[type="submit"], input[type="cancel"], input[type="file"], button, button.search, input.cancel { - font-size: 11pt !important; - padding-top: 3px; - padding-bottom: 3px; - line-height: 140% !important; - display: inline-block; - letter-spacing: 0.05em; -} - -input[type="submit"], input[type="cancel"], input[type="file"], button, button.search, input.cancel, div.app, .themelabel, .ui_lang, .tab a, label, a, li { - letter-spacing: 0.05em !important; -} - -.routersummary button { - min-width: 100px !important; - padding-top: 3px !important; - padding-bottom: 3px !important; -} - -/* sidepanel */ - -.routersummary h3, .routersummary h3 a { - font-size: 13pt !important; -} - -.routersummary h4, .routersummary h4 a { - font-size: 13pt !important; - letter-spacing: 0; -} - -.routersummary td { - font-size: 11pt; -} - -.routersummary { - width: 220px; -} - -.routersummary table { - width: 219px !important; -} - -#sb_bandwidth td:first-child { - width: 20px !important; - white-space: nowrap; -} - -#sb_bandwidth td:last-child { - width: 80% !important; -} - -#sb_bandwidth td:last-child, #sb_peers td:last-child, #sb_peersadvanced td:last-child, #sb_queue td:last-child, #sb_tunnels td:last-child, #sb_general td:last-child, #sb_shortgeneral td:last-child, #sb_advancedgeneral td:last-child { - font-size: 10pt !important; -} - -.routersummary table a:link, .routersummary table a:visited { - font-size: 12pt; - font-weight: normal; - text-shadow: none; -} - -#sb_bandwidthgraph { - width: 218px !important; - margin: -25px 0 -6px !important; -} - -#sb_graphstats { - font-size: 9pt !important; -} - -#sb_graphcontainer { - background-position: left -66px top -30px !important; - background-size: 340px 80px !important; -} - -.percentBarOuter { - width: 212px !important; - margin: -3px 0 -4px 3px; -} - -.percentBarText { - font-size: 9pt !important; - padding: 0 !important; - margin-top: -1px; -} - -/* end sidepanel */ - -/* global overrides */ - -a, b, .routersummary h3 a, .routersummary h4 { - font-weight: normal !important; - font-size: 100%; -} - -b, a, input, button, submit, i, th, thead, tfoot, h1, h2, h3, h4, .messages { - font-weight: normal !important; - font-style: normal !important; - text-shadow: none; -} - -body, .main { - font: 12pt "Noto Sans", "Droid Sans", "Segoe UI", "Lucida Grande", Verdana, "Bitstream Vera Sans", Helvetica, Sans, sans-serif; -} - -h1 { - font-size: 18pt !important; - padding: 14px 20px 12px; -} - -h2 { - font-size: 16pt !important; -} - -h3, .configtable th { - font-size: 14pt !important; -} - -h3 a { - display: inline-block; - padding: 3px 2px; -} - -h4 { - font-size: 13pt !important; -} - -h1, h2, h3, h4 { - letter-spacing: 0.08em !important; - word-spacing: 0.1em !important; -} - -.infohelp, .infowarn, .infowarn b, #helptranslate { - letter-spacing: 0.1em !important; - word-spacing: 0.2em !important; -} - -.suboption { - display: inline-block; - margin-bottom: 5px !important; -} - -/* end global overrides */ - -div.tunnels a { - font-size: 12pt !important; -} - -div.tunnels td:first-child, div.tunnels td:last-child { - width: 16px; -} - -div.tunnels td:last-child { - text-align: left; -} - -div.tunnels td { - padding: 0 2px; -} - -div.main, div.main p, div.news p { - line-height: 140%; -} - -div.main, div.news, h1, .sorry { - margin-left: 227px; -} - -.langbox { - width: 400px; - margin-top: 5px; - margin-right: 8px; -} - -.joblog li i { - font-weight: normal; -} - -.joblog b { - color: #003; - font-size: 110%; -} - -table code { - font-size: 120%; -} - -.tab, .tab2 { - font-size: 11pt; -} - -.applabel a { - padding: 0 2px 6px !important; -} - -.themelabel, .ui_lang { - font-size: 12pt !important; - font-weight: normal !important; - overflow: hidden; - text-overflow: hidden; - padding-bottom: 4px !important; -} - -.ui_lang { - font-size: 9pt !important; -} - -#themeui.formaction { - margin-top: 8px !important; -} - -div.themechoice, div.langselect { - width: 140px; -} - -h3.ptitle, h3#i2pclientconfig { - margin-bottom: -17px !important; -} - -h3#systray, h3#servicedebug, h3#browseronstart { - margin-bottom: -17px !important; -} - -h3#pluginmanage { - margin-bottom: -22px !important; -} - -.formaction, #consolepass + .formaction, #sidebardefaults, #webappconfigactions.formaction, #clientsconfig.formaction, #homesites, #homeapps { - margin-top: -6px !important; -} - -table + .formaction { - margin-top: -1px !important; -} - -hr + .formaction { - margin-top: 0 !important; -} - -h4#updateplugins { - margin-top: -16px; -} - - #tunnelconfigsave { - margin-top: -6px !important; -} - -#resetreseed input.reload { - margin-top: 20px; - margin-bottom: 0; -} - -p#keyringhelp, #tunnelconfig + .infohelp { - margin-bottom: 15px !important; -} - -h3.stats { - margin-top: -1px !important; -} - -.main#stats form { - margin-top: 0; - margin-bottom: -1px; -} -input[type="text"], input[type="password"] { - min-width: 0; -} - -input[type="radio"], input[type="checkbox"] { - margin-top: 6px; - margin-bottom: 6px; -} - -input[name="pluginURL"] { - max-width: 250px !important; - width: 250px !important; -} - -button.control { - font-size: 0 !important; -} - -.infohelp, .infowarn { - line-height: 160% !important; -} - -p.infohelp { - margin-bottom: -7px; -} - -#advancedsettings, .main textarea { - font-size: 10pt !important; -} - -#webappconfig { - margin-bottom: -37px !important; -} - -.formaction#webappconfigactions { - margin-top: 36px !important; -} - -p[style="margin: 0px 12px"] { - margin-left: 5px !important; - padding: 8px 0 !important; -} - -#news hr + i { - display: inline-block; - margin-top: 4px !important; -} - -.newsAuthor { - background-position: left top 8px !important; - background-size: 12px 12px !important; - padding-left: 14px; -} - -input.search[type="text"] { - padding-left: 30px; - background-position: 8px center; -} - -.main#jardump b { - font-size: 9pt !important; -} - -#wrapperlogs pre, pre#transports { - font-size: 10pt !important; -} - -table#leasesetdebug th a:not(old), table#leasesetsummary th a:not(old), #tunnels.main h3 a:not(old), #logs h3 a:not(old), a[href^="configpeer?peer"] { - font-size: 0 !important; -} - -h3#iptransport a:not(old), h3#advancedconfig a:not(old) { - font-size: 0 !important; -} - -h3#iptransport a::after, h3#advancedconfig a::after { - vertical-align: sub; - margin-left: 5px; -} - -#console p, #console li { - letter-spacing: 0.15em !important; - line-height: 160% !important; -} - -#console li { - list-style-type: none; - margin: 10px 25px 10px 10px; - text-align: justify; -} - -.twocol { - background: #eef; - margin-top: 15px !important; - margin-bottom: -20px !important; - padding: 10px; - border-radius: 4px; -} - -@media screen and (-webkit-min-device-pixel-ratio:0) { -.twocol { - margin-top: 5px !important; -} -} - -.twocol li { - margin: 0 0 0 20px !important; - padding: 0 0 10px !important; -} - -.twocol li:first-child { - margin-top: 5px !important; - margin-bottom: 10px !important; - padding-top: 0 !important; -} - -div[lang="zh"] a { - background: #ddf; - border-radius: 2px; - display: inline-block; - padding: 0 4px; -} - -a:hover code { - color: #f60 !important; -} - -#reseedconfig td:first-child, #loggingoptions td:first-child { - white-space: nowrap; -} - -#logs li font, #logs pre, #enviro td, #enviro td b { - font-size: 10pt !important; - letter-spacing: normal !important; - word-spacing: normal !important; -} - -#enviro td { - padding-top: 3px !important; - padding-bottom: 3px !important; -} - -/* responsive layout */ - -@media screen and (max-width: 1200px) { -.main td, .main td b { - font-size: 10pt !important; -} - -.tab, .tab2 { - margin-right: -2px !important; -} -} - -@media screen and (max-width: 1500px) { -div.applabel { - height: 22px !important; - padding: 2px; -} -} - -@media screen and (min-width: 0) { -.routersummary img[src$="i2plogo.png"] { - margin-top: -1px; - transform: none; - width: 210px; -} - -.routersummary .reload[value="restartImmediate"], .routersummary .stop[value="shutdownImmediate"], -.routersummary .reload[value="Reseed"], .routersummary button[name="updateAction"] { - font-size: 11pt !important; -} - -.tab, .tab2, .main[id^="config_"] td { - font-size: 11pt !important; -} - -.main[id^="config_"] th { - font-size: 12pt !important; -} - -.optbox, #netconfig .optbox:last-child, #netconfig .optbox[value="only"], #netconfig .optbox[name="disableUDP"], #netconfig .optbox[value="disabled"] { - margin-top: 10px !important; - margin-bottom: 10px !important; -} - -.langselect .optbox { - margin: -4px 0 8px -54px !important; -} - -#console h2 a[name], #console h2 a[name]:hover { - font-size: 16pt !important; - color: #0c153d !important; -} - -.welcome h2 { - font-size: 14pt !important; -} - -p#fullhistory { - padding: 8px 10px !important; -} - -div.news { - padding-bottom: 7px !important; -} - -div.news h3, .newsDate, div.news a { - font-size: 12pt !important; -} - -#sb_internals, #sb_services, #sb_advanced { - margin-top: -5px !important; -} - -.main#console code { - font-size: 13pt !important; -} - -#faq ul { - margin-bottom: 0 !important; -} - -#changelog pre { - font-size: 10pt !important; -} - -.homelinkedit th:first-child, #sidebarconf th:first-child, #consolepass th:first-child { - font-size: 0 !important; -} - -.homelinkedit td img { - width: 24px; - height: 24px; -} - -#netdboverview th { - font-size: 12pt !important; -} - -.sb_newsheadings td, .sb_newsheadings tr:hover td { - background-position: 4px center !important; -} - -.sb_newsheadings td a { - font-size: 9pt !important; -} - -.main#tunnels td, .tunnel_cap, .tunnel_id, #tunnels .cells, #tunnels tt a { - font-size: 10pt !important; - letter-spacing: 0 !important; - word-spacing: 0 !important; -} - -.tunnel_peer { - min-width: 60px !important; -} - -b.tunnel_cap, .tunnel_cap b { - min-width: 18px; - color: #fff !important; - font-size: 10pt !important; - text-shadow: 0 1px 1px #555 !important; -} -} - -@media screen and (min-width: 1200px) { -.tab, .tab2 { - margin-right: -3px !important; -} - -#faq th, #portfaq th, #portfaq th[colspan="3"] { - font-size: 12pt !important; -} -} - -@media screen and (min-width: 1500px) { -body, .main, .main td, .news p, #news p, .main li b, div.joblog li, .themelabel, .applabel a, .statusnotes, -#peerdefs, #profile_defs, #thresholds, #configinfo, .infohelp, .infowarn, button, input, select, textarea, code, tt, pre, -.netdbentry th, .configtable th, ul.statlist a[name], ul.statlist b, ul.statlist li b, ul.statlist a[name]:hover, div.messages, th { - font-size: 12pt !important; -} - -.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.news, #banlist li { - font-size: 11pt !important; -} - -.langbox { - margin-top: 2px !important; -} - -.routersummary img[src$="i2plogo.png"] { - margin-left: 1px; -} - -.routersummary table[id^="sb_"] { - width: 225px !important; -} - -.applabel { - padding: 3px 2px 4px !important; -} - -.langselect img[src^="/flags"] { - margin-left: -92px !important; -} - -.langselect input[name="lang"]:checked + img { - margin-left: -93px !important; -} - -.newsheadings { - margin-left: -2px !important; - margin-right: 0 !important; -} - -.newsheadings ul { - width: 178px !important; -} -} - -/* end responsive layout */ \ No newline at end of file diff --git a/installer/resources/themes/console/classic/i2ptunnel.css b/installer/resources/themes/console/classic/i2ptunnel.css deleted file mode 100644 index ec7bc2017..000000000 --- a/installer/resources/themes/console/classic/i2ptunnel.css +++ /dev/null @@ -1,1110 +0,0 @@ -/* I2PTunnel Manager Theme "Classic" */ -/* Author: dr|z3d */ - -body { - margin: 0; - padding: 0; - text-align: center; - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif; - color: #2c354f; - font-size: 9pt; - background: #a4a4cb url(images/bg.png); -} - -body.iframed { - background: transparent url(/themes/console/images/transparent.gif) !important; -} - -div { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -a { - text-decoration: none; -} - -form { - margin: 0; -} - -br { - clear: left; -} - -div.statusNotRunning { - width: 100%; - height: 16px; - overflow: hidden; - color: #d00; - background: url(images/console_status_stopped.png) center center no-repeat; - padding-top: 24px; - filter: drop-shadow(0 0 1px #999); -} - -div.statusRunning { - width: 100%; - height: 16px; - overflow: hidden; - color: #0b0; - background: url(images/console_status_running.png) center center no-repeat; - filter: drop-shadow(0 0 1px #999); -} - -div.statusStarting { - float: left; - width: 100%; - height: 16px; - overflow: hidden; - color: #339933; - background: url(images/console_status_starting.png) center center no-repeat; - filter: drop-shadow(0 0 1px #999); -} - -div[class^="status"] { - float: none; - font-size: 0 !important; - background-position: center center; - text-align: center; - margin: 0; - padding: 0; - width: 100%; - background-size: auto 16px; - height: 16px; -} - -hr { - display: none; -} - -.freetext { - width: 150px; - border: 1px solid #999; - padding: 4px; - font: 9pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace; - background: #fff; - color: #333; - border-radius: 2px; - box-shadow: inset 1px 1px 1px #ddd; -} - -.freetext:focus { - box-shadow: 0 0 0 1px #89f; - box-shadow: inset 0 0 0 1px #89f, 0 0 1px rgba(136, 153, 255, 0.4); - color: #111; -} - -.freetext[readonly], .freetext[readonly]:focus { - background: #ddd; - box-shadow: inset 2px 2px 1px #ccc; - color: #333; -} - -#clientHost { - width: 300px; -} - -#clientPort { - width: 100px; -} - -.control, .control:link, .control:visited { - overflow: hidden; - min-width: 60px; - margin: 2px 4px !important; - padding: 4px 3px; - text-align: center; - white-space: nowrap; - text-decoration: none; - font-style: normal; - font-weight: normal; - color: #333; - border: 1px solid #999; - border-radius: 2px; - background: #eee; - background: linear-gradient(to bottom, #fff 0%, #ddd 100%); - box-shadow: inset 0 0 0 1px #fff, 0 0 1px 0 #ccc; -} - -.control:hover, .control:focus { - text-decoration: none; - color: #111 !important; - border: 1px solid #89f !important; - background: #ddd; - background: linear-gradient(to bottom, #ddd 0%, #fff 100%); - box-shadow: inset 0 0 0 1px #fff !important; -} - -.control:active { - box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px 1px #555 !important; - border: 1px solid #999 !important; - color: #333 !important; -} - -.iframed .panel.iframed { - margin: 0 auto -8px !important; -} - -.panel { - width: calc(100% - 14px); - margin: 8px auto; - min-width: 640px; - max-width: 1500px; - overflow: hidden; - text-align: left !important; - border-radius: 2px; - padding: 0 10px 10px; - box-shadow: inset 0 0 1px #999; - background: #fff; - background: linear-gradient(to right, #fff 0%, rgba(247, 248, 255, 0.5), #fff), linear-gradient(to bottom, #eff1ff, #fff, #eff1ff); - border: 1px solid #447; -} - -.iframed .panel { - border: none; - background: none; - box-shadow: none; - padding: 0; - margin: 16px auto -8px !important; - width: 100%; -} - -.iframed .panel#clients { - margin-top: 8px !important; -} - -select { - -moz-appearance: none; - -webkit-appearance: none; - appearance: none; - background: url(images/dropdown.png) right center no-repeat #fff; - background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%); - padding: 4px 16px 4px 4px; - color: #333; - margin: 4px !important; - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif; - border: 1px solid #999; - padding: 4px 16px 4px 4px; - min-width: 140px; - font-size: 9pt; - border-radius: 2px; - overflow: hidden; - text-overflow: ellipsis; - box-shadow: 0 0 0 1px #fff inset, 0 0 1px 0 #ccc; -} - -select:hover { - color: #111; -} - -select:focus { - box-shadow: 0 0 1px #89f; -} - -select option { - background: #fff; -} - -select:hover, select:active { - background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important; -} - -select:focus { - background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important; - box-shadow: 0 0 1px #89f; -} - -select::-ms-expand { - display: none; -} - -a:link { - color: #33a; - text-decoration: none; - font-weight: bold; - word-wrap: break-word; - outline: none; -} - -a:visited { - color: #448; - text-decoration: none; -} - -a:hover, a:focus { - color: #f60; - text-decoration: none; -} - -a:active { - color: #f30; -} - -input[type="hidden"], input.default { - display: none; -} - -h2, h3 { - padding: 8px 10px 6px 30px; - border: 1px solid #89f; - background: #fff url(/themes/console/classic/images/tinytitle.png) repeat right center; - background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%); - font-size: 11pt; - text-transform: uppercase; - letter-spacing: 0.08em; - word-spacing: 0.1em; - margin: 10px 0 -1px; - color: #0c153d; - box-shadow: inset 0 0 0 1px #fff; - position: relative; -} - -.iframed h2, .iframed h3 { - margin-top: 12px; -} - -/* title images */ - -#messages h2 { - background: url(/themes/console/images/info/logs.png) 5px center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%) #fff !important; - background-size: 20px auto, 100% 100%, 100% 100% !important; -} - -#globalTunnelControl h2 { - background: url(/themes/console/images/info/control.png) 5px center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%) #fff !important; - background-size: 20px auto, 100% 100%, 100% 100% !important; -} - -#servers h2 { - background: url(/themes/console/images/info/server.png) 5px center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%) #fff !important; - background-size: 20px auto, 100% 100%, 100% 100% !important; -} - -#clients h2 { - background: url(/themes/console/images/info/client.png) 5px center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%) #fff !important; - background-size: 20px auto, 100% 100%, 100% 100% !important; -} - -#tunnelEditPage h2, #tunnelEditPage h3, #registration h2, #registration h3 { - background: url(/themes/console/images/info/configure.png) 5px center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%) #fff !important; - background-size: 20px auto, 100% 100%, 100% 100% !important; -} - -#wizardPanel h2 { - background: url(/themes/console/images/info/wizard.png) left 6px center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%) #fff !important; - background-size: 20px auto, 100% 100%, 100% 100% !important; -} - -/* end title images */ - -.iframed #globalTunnelControl h2 { - margin-top: 4px; -} - -.iframed #globalTunnelControl { - margin-bottom: -16px !important; -} - -.panel table { - width: 100%; - border-collapse: collapse; - border: 1px solid #89f; - margin: 0; - background: #fff url(images/bg2.png); - background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.5)), url(images/bg2.png); -} - -th { - background: #fff url(/themes/console/classic/images/tinytitle.png) repeat-x center center; - background: linear-gradient(to bottom, #fff, #eff2ff) !important; - padding: 7px 5px; - text-align: left; - border-top: 1px solid #89f; - border-bottom: 1px solid #89f; - font-size: 10pt; - color: #0c153d; -} - -tr { - background: rgba(239, 241, 255, 0.5); -} - -td { - vertical-align: middle; - border-top: 1px inset #cfd1ff; - padding: 5px; -} - -th:last-child, td:last-child { - border-right: 1px solid #89f; /* fixes chrome rendering bug */ -} - -#throttler th:last-child, #throttler td:last-child { - border-right: none; -} - -td.infohelp { - padding: 10px 10px 10px 38px !important; - text-align: justify; - background: url(/themes/console/images/info/infohelp.png) 10px center no-repeat; - background-size: 20px 20px; -} - -.tunnelConfig td { - width: 50%; -} - -#clientTunnels tr, #serverTunnels tr { - background: #eef; -} - -.tunnelProperties { - background: #fff !important; - border-top: 1px solid #89f; -} - -.tunnelProperties:hover { - background: #ffe !important; - transition: ease background 0.3s; -} - -.newTunnel { - text-align: right; - border-top: 1px solid #89f !important; - padding: 7px !important; - background: #fff; -} - -.newTunnel select, .newTunnel input, .newTunnel .control { - float: none; - margin: 2px !important; -} - -.newtunnel form { - width: 100%; - text-align: right; -} - -.tunnelName { - width: 25%; - min-width: 150px; -} - -.tunnelName a { - background: url(/themes/console/images/buttons/configure.png) left center no-repeat; - padding: 3px 3px 3px 20px !important; -} - -.tunnelName a:hover { - background: url(/themes/console/images/buttons/configure_hover.png) left center no-repeat; -} - -.tunnelName a { - font-weight: bold; -} - -.tunnelType { - width: 25%; -} - -.tunnelPreview { - text-align: left; -} - -.tunnelPreview, .tunnelPort { - width: 15%; - text-align: center; -} - -.tunnelLocation, .tunnelInterface { - width: 20%; -} - -.tunnelLocation font[color="red"] { - margin-left: 3px; -} - -.tunnelStatus { - text-align: center; - width: 10%; - float: none; - min-width: 48px; -} - -.tunnelControl { - width: 5%; - text-align: right; - white-space: nowrap; -} - -.tunnelControl > * { - vertical-align: middle; -} - -th.tunnelControl { - text-align: center; -} - -input[type="checkbox"], input[type="radio"] { - vertical-align: sub; - min-width: 16px; - min-height: 16px; - margin: 0; - background: none; -} - -input[type="radio"]:hover, input[type="radio"]:focus, input[type="checkbox"]:hover, input[type="checkbox"]:focus { - filter: drop-shadow(0 0 2px #89f); - box-shadow: inset 0 0 1px 2px #89f; - outline: none; -} - -label { - cursor: pointer; -} - -input[type="checkbox"] { - margin: 5px 3px 5px 5px; -} - -textarea, input, select, button { - font-size: 9pt; - vertical-align: middle; -} - -button::-moz-focus-inner, input::-moz-focus-inner { - outline: none; - border: none; -} - -button { - text-decoration: none; -} - -button, input[type="submit"], input[type="reset"], a.control { - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif; - font-size: 9pt; -} - -textarea { - font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace; - color: #333; - background: #fff; - border: 1px solid #999; - border-radius: 2px; - resize: none; - box-shadow: inset 1px 1px 1px #ddd; -} - -textarea:focus { - box-shadow: inset 0 0 0 1px #89f; - box-shadow: inset 0 0 0 1px #89f, 0 0 1px rgba(136, 153, 255, 0.4); - color: #111; -} - -textarea#statusMessages { - width: 99%; - width: calc(100% - 8px); - border-radius: 0; - padding: 2px 4px; - color: #070; - box-shadow: none; - border: none; - margin: 0; - font-family: "Droid Sans Mono", "Noto Mono", Consolas, "Lucida Console", "DejaVu Sans Mono", monospace; - font-size: 8pt; -} - -textarea#statusMessages:focus { - caret-color: transparent; -} - -a.control { - display: inline-block; - padding: 5px 8px !important; -} - -.control { - box-sizing: border-box; - margin: 2px 4px !important; - min-width: 70px !important; - padding: 4px 8px !important; - color: #333 !important; -} - -.buttons, .newTunnel { - text-align: right; - padding: 7px 5px; - background: #fff; - background: linear-gradient(to bottom, #fff, #eff1ff); - border-top: 1px solid #89f; -} - -button.control, input[type="submit"], input[type="reset"] { - padding: 5px 8px !important; -} - -.buttons > * { - vertical-align: middle; -} - -.tunnelConfig tr:last-child td { - border-top: 1px solid #89f; -} - -.tunnelDescriptionLabel, .tunnelDestinationLabel { - text-align: right; - min-width: 150px; - display: inline-block; - margin-right: 3px; - white-space: nowrap; -} - -input { - vertical-align: middle; -} - -.tickbox { - vertical-align: middle; -} - -#hostField, #leasesetKey, #userAgents { - width: 90% !important; - margin: 0 !important; - text-align: left !important; -} - -#tunnelDepth, #tunnelVariance, #tunnelQuantity, #tunnelBackupQuantity, -#tunnelDepthOut, #tunnelVarianceOut, #tunnelQuantityOut, #tunnelBackupQuantityOut, -#localDestination, #customOptions, #leasesetKey, #name, #description, textarea[name="accessList"] { - width: 100% !important; - margin: 0 !important; - text-align: left !important; -} - -#oldName, #targetDestination, select#profile, select#connectionProfile { - min-width: 280px; - width: 30%; - width: calc(100% - 10px) !important; -} - -td[colspan="2"] select#profile { - width: calc(50% - 15px) !important; -} - -#customOptions, #userAgents { - width: calc(100% - 10px) !important; -} - -#localDestination, textarea[name="accessList"], #hostField { - width: calc(100% - 5px) !important; - margin: 3px 0 !important; -} - -#localDestination, .authentication { - height: 32px !important; -} - -#leasesetKey { - height: 24px !important; - vertical-align: middle; -} - -.multiOption { - display: inline-block; - margin: 5px 10px 5px 5px; -} - -.multiOption input { - vertical-align: sub; -} - -.multiOption#isServer { - background: url(/themes/console/images/server.png) left center no-repeat; - padding-left: 20px; -} - -.multiOption#isClient { - background: url(/themes/console/images/client.png) left center no-repeat; - padding-left: 21px; -} - -td#throttle { - padding: 0; -} - -#throttler { - border: none; -} - -#throttler th { - padding-left: 20px; -} - -#throttler td { - width: 20%; -} - -#throttler td:first-child { - text-align: right; - width: 20%; - white-space: nowrap; -} - -#throttler tr:first-child th { - border-top: none; -} - -td.blankColumn { - width: 20% !important; -} - -#throttler tr:nth-child(odd), #wizardTunnelTypes tr:nth-child(odd), #wizardSummary tr:nth-child(odd) { - background: #eff2ff; - background: rgba(240,240,255,0.5); -} - -#throttler tr:nth-child(even), #wizardTunnelTypes tr:nth-child(even), #wizardSummary tr:nth-child(even) { - background: #e7e7ff; - background: rgba(220,220,255,0.5); -} - -#throttler input[type="text"] { - width: 80px; -} - -table { - background: #fff; -} - -table#statusMessages textarea, table#statusMessages textarea:active { - margin: 0; - border: 0; - box-shadow: none; - height: 80px; - font-size: 9pt; -} - -#tunnelMessages { - padding: 0; -} - -.required:not(old) { - display: none; -} - -input::-moz-placeholder { - color: #900; - opacity: 1; -} - -::-webkit-input-placeholder { - color: #900; - opacity: 1; -} - -input:focus::-moz-placeholder { - opacity: 0; -} - -:focus::-webkit-input-placeholder { - opacity: 0; -} - -input.tunnelName, input.tunnelDescriptionText, #userAgents { - width: 80%; - min-width: 280px; - text-overflow: ellipsis; -} - -input[type="file"] { - margin: 5px 3px; -} - -#websiteName, #privKeyFile, #targetHost, .host { - width: 30%; - min-width: 250px; -} - -.port, .quantity, .period { - width: 80px; -} - -.username, .password { - width: 200px; -} - -.username { - background: #fff url(/themes/console/images/buttons/user.png) 3px center no-repeat; - padding-left: 22px; -} - -.password { - background: #fff url(/themes/console/images/buttons/password.png) 3px center no-repeat; - padding-left: 22px; -} - -.proxyList { - width: 40%; - min-width: 280px; -} - -#notReady { - border: 1px solid #900; - padding: 30px; - background: #ffd; - margin: 30px auto; - width: 400px; - text-align: center; - border-radius: 2px; - box-shadow: inset 0 0 0 1px #fff; - filter: drop-shadow(0 0 1px #333); - font-size: 11pt; - font-weight: bold; -} - -/* wizard specifics */ - -#wizardPanel { - font-size: 10pt; -} - -#wizardTable { - padding: 0; -} - -#wizardTunnelTypes td:first-child, #wizardSummary td:first-child { - font-weight: bold; - width: 10%; - min-width: 150px; - text-align: right; - white-space: nowrap; -} - -#wizardTunnelTypes td:last-child { - text-align: justify; - padding: 5px 10px 5px 5px; - border: none; -} - -#wizardTunnelTypes select, #wizardPanel .freetext { - margin-left: 0 !important; -} - -#wizardTunnelTypes, #wizardSummary { - border: none; - margin-top: -1px; -} - -#wizardSummary td:last-child { - border-right: none !important; -} - -#wizardTable td { - border-top: 1px solid #cfd1ff !important; -} - -#wizardTunnelTypes tr:last-child { - background: #fff; -} - -#wizardPanel #name, #wizardPanel #description { - width: 300px !important; - margin: 5px 0 !important; -} - -#wizardPanel p { - padding: 5px 10px; - margin: 0; - text-align: justify; -} - -#wizardPanel input::-moz-placeholder { - color: #999; - font-weight: normal; -} - -#wizardPanel ::-webkit-input-placeholder { - color: #999; - font-weight: normal; -} - -#wizardPanel .options { - padding: 10px; -} - -#wizardPanel .tag { - width: 10%; - min-width: 150px; - white-space: nowrap; - display: inline-block; - font-weight: bold; - text-align: right; - margin-right: 3px; -} - -#wizardPanel select { - min-width: 160px; - margin-left: 0 !important; -} - -#wizardPanel .infohelp p { /* wizard complete - advanced options info */ - margin: 0; - padding: 0; -} - -#tunnelWizardPage #targetDestination { - width: 50% !important; -} - -/* end wizard specifics */ - -/* more space */ - -.freetext, .tunnelConfig textarea, #customOptions, #userAgents, #hostField { - margin: 5px !important; -} - -#tunnelDepth, #tunnelVariance, #tunnelQuantity, #tunnelBackupQuantity, -#tunnelDepthOut, #tunnelVarianceOut, #tunnelQuantityOut, #tunnelBackupQuantityOut, -#leasesetKey { - margin: 5px !important; - width: calc(100% - 10px) !important; -} - -.tunnelConfig select, select#profile select#connectionProfile { - margin: 5px !important; -} - -textarea[name="accessList"], #hostField, #localDestination, .authentication { - width: calc(100% - 15px) !important; - margin: 5px !important; -} - -#customOptions, #userAgents, #leasesetKey { - width: calc(100% - 20px) !important; -} - -.tunnelConfig td > b { - min-width: 30px; - display: inline-block; - margin-left: 5px; -} - -.tunnelDestination { - padding-bottom: 1px !important; - border-bottom: 1px solid transparent !important; -} - -.tunnelDescription { - padding-top: 1px !important; -} - -td.tunnelDestination, td.tunnelDescription { - background: linear-gradient(to right, #fff 50%, #eff2ff); -} - -/* end more space */ - -/* responsive layout */ - -@media screen and (max-width: 700px) { -#tunnelDepth, #tunnelVariance, #tunnelQuantity, #tunnelBackupQuantity, -#tunnelDepthOut, #tunnelVarianceOut, #tunnelQuantityOut, #tunnelBackupQuantityOut, -#leasesetKey { - min-width: 270px; -} -} - -@media screen and (max-width: 800px) { -.tunnelProperties td { - border-right: 1px dotted #cfd1ff; -} - -.tunnelProperties td:last-child { - border-right: 1px solid #89f; -} - -div[class^="status"] { - background-size: auto 14px; -} - -.port, .quantity, .period { - width: 60px; -} - -#clientHost, .host { - width: 200px; - min-width: 210px; -} - -.control, .control:link, .control:visited { - min-width: 60px !important; -} - -#tunnelWizardPage #targetDestination { - width: 200px !important; -} -} - -@media screen and (min-width: 1200px) { -body, .control, button, select, textarea, .freetext { - font-size: 10pt !important; -} - -th { - font-size: 10.5pt; -} - -h2, h3, #messages h2, #globalTunnelControl h2, #servers h2, #clients h2, #tunnelEditPage h2, #tunnelEditPage h3, #registration h2, #registration h3, #wizardPanel h2 { - font-size: 12pt; - padding: 10px 10px 8px 35px; - background-position: 8px center, 0 0 !important; -} - -#localDestination, .authentication { - height: 34px !important; -} -} - -/* Edge/IE tweaks */ - -_:-ms-lang(x), td { - border-top: 1px solid #cfd1ff; -} - -_:-ms-lang(x), td.tunnelDestination, td.tunnelDescription { - border-bottom-color: transparent; -} - -_:-ms-lang(x), h2, h3 { - box-shadow: none; -} - -/* end Edge/IE tweaks */ - - -/* TO DO: merge with main classes */ - -.panel { - min-width: 700px; -} - -@media screen and (-webkit-min-device-pixel-ratio:0) { /* fixes chrome/blinkoverflow issue */ -select { - white-space: normal; -} -} - -label { - vertical-align: sub; -} - -input[type="text"] + label { - white-space: nowrap; -} - -#targetPort { - margin-right: 10px !important; -} - -#privKeyFile { - min-width: 200px; - width: 200px; - width: calc(100% - 20px); -} - -.displayText, .displayText:empty:hover, .displayText:empty:focus { - font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace; - width: calc(100% - 10px); - width: 290px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - word-break: break-all; - margin: 5px; - padding: 4px; - -moz-user-select: all; - -webkit-user-select: all; - user-select: all; - border: 1px solid #999; - background: #fff; - border-radius: 2px; - box-shadow: inset 1px 1px 1px #ddd; -} - -.displayText:hover, .displayText:focus { - overflow: auto; - text-overflow: clip; - margin: 0.5px 5px; - padding: 2px 4px; - box-shadow: 0 0 1px #89f; - background: #ffe; - outline: none; -} - -.displayText:empty, .displayText:empty:hover, .displayText:empty:focus { - background: #ddd; - box-shadow: inset 2px 2px 1px #ccc; -} - -.displayText:empty::before { - content: ""; - display: inline-block; - min-height: 9px; -} - -#registration .displayText { - width: 500px; -} - -#registration td { - padding: 8px; -} - -#registration .infohelp { - padding-top: 15px !important; - padding-bottom: 15px !important; -} - -#registration input[type="file"] { - margin-top: 5px; - margin-bottom: 5px; -} - -#oldName, #altPrivKeyFile { - width: 45% !important; -} - -@media screen and (max-width: 800px) { -.displayText, .displayText:empty:hover, .displayText:empty:focus { - width: 260px; - font-size: 8pt; -} -} - -@media screen and (min-width: 1000px) { -.displayText, .displayText:empty:hover, .displayText:empty:focus { - width: 386px; -} - -#registration .displayText { - width: 600px; -} -} - -@media screen and (min-width: 1500px) { -.displayText, .displayText:empty:hover, .displayText:empty:focus { - width: 552px; -} - -textarea#statusMessages { - font-size: 9pt; -} - -#registration .displayText { - width: 800px; -} -} - diff --git a/installer/resources/themes/console/classic/ieshim.css b/installer/resources/themes/console/classic/ieshim.css deleted file mode 100644 index e4ba6915e..000000000 --- a/installer/resources/themes/console/classic/ieshim.css +++ /dev/null @@ -1,298 +0,0 @@ -/* I2P Console IE theme override for Classic */ -/* Comment: Welcome to the wonderful world of kludgey IE fixes (for best results use another browser) */ -/* Author: dr|z3d */ - -.wideload { - overflow: auto; - width: 100%; -} - -.formaction, form { - text-align: left !important; - margin: 0px 0 10px 0; -} - -div.configure { - text-align: center; -} - -div.configure hr { -/* display: none; */ - margin-bottom: 10px !important; -} - -div.configure p, div.configure table { - text-align: justify; - margin: 10px 0; -} - -div.main ul { - margin: 0 20px 0 40px; -} - -div.configure textarea { - width: 450px !important; -} - -div.configure input { - margin-left: 5px; -} - -div.configure table { - width: auto !important; - text-align: left !important; -} - -h1 { - padding: 24px 10px 23px 20px !important; - margin: 0 px 0 195px !important; - margin: 0 2px 0 200px !important; - color: #001; - border: 1px solid #89f !important; - border-left: 1px solid #89f !important; - text-align: left; -} - -h2 { - padding: 12px !important; - text-align: left !important; - margin: 0 0 15px 0 !important; -} - -h3 { - margin-top: 10px; - text-align: left !important -} - -div.confignav { - padding: 15px 0 15px 0; - border-left: 0px; - margin-left: -15px; - border-top: 1px solid #89f; - margin-bottom: 10px !important; -} - -div.messages { - border-left: 0; - border-right: 0; - margin: -10px -15px 0px -15px; -} - -div.main { - margin: -5px 2px 10px 200px; - border: 1px solid #89f !important; -} - -div.main hr, div.news hr { - margin: 0 10px !important; -} - -div.news { - margin-left: 197px !important; - margin-right: 100px !important; - border-left: 1px solid #89f !important; -} - -div.news hr { - height: 1px !important; - color: #ffffc0 !important; /* fixes immovable hr issue by making it invisible */ -} - -div.main { - border-top: 5px solid #bbf; -} - -div.news { - border-left: 5px solid #bbf; - margin: 0px 5px 0 193px; - padding-bottom: 8px; -} - -div.news hr { - color: #bbf; - background: #bbf; - height: 3px; - border: 0px; - margin: 0 -10px 0 -13px !important; -} - -div.routersummaryouter { - left: 5px; - top: 5px; -} - -div.routersummary { - color: #001; - padding-left: 0px; -/* border-left: 1px solid #bbf; */ - text-align: center !important; - overflow: hidden; /* prevents IE from borking the sidepanel */ - width: 195px !important; - padding-bottom: 20px !important; -} - -div.routersummary submit { - padding: 0; - margin-bottom: 5px; -} - -div.routersummary input[type=text] { - text-align: right !important; -} - -div.routersummary hr { - color: #89f; - background: #89f; - height: 1px; - border-bottom: 1px solid #89f; - margin: 8px -2px 7px -1px; -} - -div.routersummary h3 { - border: 0px solid #f00; - text-align: center !important; - font-size: 9pt; - letter-spacing: 0.05em; - margin: -14px 0px -15px 1px; - padding: 3px 0px !important; - background: #c5d5fb; - text-transform: uppercase; -} - -div.routersummary h4 { - border: 0px solid #f00; - border-bottom: 0 !important; - font-size: 8.5pt; - letter-spacing: 0.05em; - margin: -14px 0px -15px 1px !important; - padding: 7px 3px 5px 3px; - background: #fff; - text-transform: capitalize; - text-decoration: none !important; - color: #2b2; - text-align: center !important; - line-height: 135%; -} - -div.routersummary table { - border: 0; - text-align: center !important; - margin: -5px 5px !important; - width: 182px !important; - overflow: hidden; - font-size: 8pt; - padding: 0px -10px; - background-image: none !important; - background-color: transparent !important; -} - -div.routersummary tr, div.routersummary td { - background-image: none !important; - background-color: transparent !important; - border: 0 !important; - line-height: 120% !important; - padding: 0 1px !important; -} - -div.routersummary form { - margin-top: -25px !important; - margin-bottom: -25px !important; - text-align: center !important; -} - -div.routersummary p { - padding: 0; -} - -div.routersummary a:link, div.routersummary a:visited { - line-height: 120%; -} - -div.routersummary a:hover { - color: #f60; -} - -div.routersummary td { - padding: 2px 4px; - background-image: none !important; - border: 0 !important; -} - -div.routersummary form { - margin: -20px 0 !important; -} - -div.news li { - padding-top: 0px !important; - margin-bottom: -23px !important; -} - -div.logo { -} - -div.warning { - padding: 0px 20px 20px 80px; - margin-top: -20px; - margin-left: -10px !important; -} - -.langbox { - margin: 7px -18px 0px 5px; -} - -th { - text-align: left; - padding-left: 3px; - padding-right: 1px; -} - -div.configure hr { - margin: 10px 0 15px 0; -} - -input { - padding: 0; -} - -div.graphspanel img { - border: 1px solid #99f; - margin: 6px 0 !important; - background: #ddf; -} - -div.graphspanel hr { - margin: 20px 0 10px !important; -} - -table { - width: auto !important; -} - -.links li { - list-style-image: url("images/link.png") !important; - list-style-image: none !important; - margin: 2px 15px 10px 0px !important; - padding-right: 5px; - list-style-position: outside; - display:list-item; -} - -div.news { - margin: -1px 2px 0 200px !important; - padding: -10px 0px 8px 0px; - background: #ffffc0; - border: 1px solid #89f; - border-bottom: 1px solid #89f; - border-right: 1px solid #89f; - text-align: right; - color: #770; - min-width: 500px; - padding-bottom: 8px; - padding-left: 10px; - padding-right: 10px; - font-size: 7pt; -} - -.routersummary h2, .routersummary h3 { - background: #fff url(images/tinytitle.png) center right tile-x !important; -} \ No newline at end of file diff --git a/installer/resources/themes/console/classic/images/bg.png b/installer/resources/themes/console/classic/images/bg.png deleted file mode 100644 index bb5b1efc6..000000000 Binary files a/installer/resources/themes/console/classic/images/bg.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/bg0.png b/installer/resources/themes/console/classic/images/bg0.png deleted file mode 100644 index aef6421ec..000000000 Binary files a/installer/resources/themes/console/classic/images/bg0.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/bg1.png b/installer/resources/themes/console/classic/images/bg1.png deleted file mode 100644 index f48226645..000000000 Binary files a/installer/resources/themes/console/classic/images/bg1.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/bg2.png b/installer/resources/themes/console/classic/images/bg2.png deleted file mode 100644 index 8b08b5c71..000000000 Binary files a/installer/resources/themes/console/classic/images/bg2.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/console_status_running.png b/installer/resources/themes/console/classic/images/console_status_running.png deleted file mode 100644 index 6bbc5e37a..000000000 Binary files a/installer/resources/themes/console/classic/images/console_status_running.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/console_status_starting.png b/installer/resources/themes/console/classic/images/console_status_starting.png deleted file mode 100644 index fbff23409..000000000 Binary files a/installer/resources/themes/console/classic/images/console_status_starting.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/console_status_stopped.png b/installer/resources/themes/console/classic/images/console_status_stopped.png deleted file mode 100644 index 0d43eb4ea..000000000 Binary files a/installer/resources/themes/console/classic/images/console_status_stopped.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/dropdown.png b/installer/resources/themes/console/classic/images/dropdown.png deleted file mode 100644 index 317d64e08..000000000 Binary files a/installer/resources/themes/console/classic/images/dropdown.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/dropdown_hover.png b/installer/resources/themes/console/classic/images/dropdown_hover.png deleted file mode 100644 index ec983e14a..000000000 Binary files a/installer/resources/themes/console/classic/images/dropdown_hover.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/eye.png b/installer/resources/themes/console/classic/images/eye.png deleted file mode 100644 index 2aead17e0..000000000 Binary files a/installer/resources/themes/console/classic/images/eye.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/favicon.ico b/installer/resources/themes/console/classic/images/favicon.ico deleted file mode 100644 index 9d4063633..000000000 Binary files a/installer/resources/themes/console/classic/images/favicon.ico and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/help.png b/installer/resources/themes/console/classic/images/help.png deleted file mode 100644 index be5281471..000000000 Binary files a/installer/resources/themes/console/classic/images/help.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/i2plogo.png b/installer/resources/themes/console/classic/images/i2plogo.png deleted file mode 100644 index 39fc42bbb..000000000 Binary files a/installer/resources/themes/console/classic/images/i2plogo.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/link.png b/installer/resources/themes/console/classic/images/link.png deleted file mode 100644 index 3d559cdc6..000000000 Binary files a/installer/resources/themes/console/classic/images/link.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/move_bottom.png b/installer/resources/themes/console/classic/images/move_bottom.png deleted file mode 100644 index 577ae3352..000000000 Binary files a/installer/resources/themes/console/classic/images/move_bottom.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/move_down.png b/installer/resources/themes/console/classic/images/move_down.png deleted file mode 100644 index d82b5d45d..000000000 Binary files a/installer/resources/themes/console/classic/images/move_down.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/move_top.png b/installer/resources/themes/console/classic/images/move_top.png deleted file mode 100644 index 55192cf79..000000000 Binary files a/installer/resources/themes/console/classic/images/move_top.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/move_up.png b/installer/resources/themes/console/classic/images/move_up.png deleted file mode 100644 index e512dbdc2..000000000 Binary files a/installer/resources/themes/console/classic/images/move_up.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/newsbullet_mini.png b/installer/resources/themes/console/classic/images/newsbullet_mini.png deleted file mode 100644 index 18154ebfc..000000000 Binary files a/installer/resources/themes/console/classic/images/newsbullet_mini.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/newtab.png b/installer/resources/themes/console/classic/images/newtab.png deleted file mode 100644 index c70702b93..000000000 Binary files a/installer/resources/themes/console/classic/images/newtab.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/sort_down.png b/installer/resources/themes/console/classic/images/sort_down.png deleted file mode 100644 index 42879e6ed..000000000 Binary files a/installer/resources/themes/console/classic/images/sort_down.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/sort_up.png b/installer/resources/themes/console/classic/images/sort_up.png deleted file mode 100644 index 65a374f68..000000000 Binary files a/installer/resources/themes/console/classic/images/sort_up.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/thumbnail.png b/installer/resources/themes/console/classic/images/thumbnail.png deleted file mode 100644 index 6c92899cc..000000000 Binary files a/installer/resources/themes/console/classic/images/thumbnail.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/tinytitle.png b/installer/resources/themes/console/classic/images/tinytitle.png deleted file mode 100644 index 58952657a..000000000 Binary files a/installer/resources/themes/console/classic/images/tinytitle.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/images/titlebg.png b/installer/resources/themes/console/classic/images/titlebg.png deleted file mode 100644 index 4e08868a7..000000000 Binary files a/installer/resources/themes/console/classic/images/titlebg.png and /dev/null differ diff --git a/installer/resources/themes/console/classic/mobile.css b/installer/resources/themes/console/classic/mobile.css deleted file mode 100644 index f98ee30c7..000000000 --- a/installer/resources/themes/console/classic/mobile.css +++ /dev/null @@ -1,176 +0,0 @@ -/* Console Theme "Classic" - Mobile Override */ - -body { - margin: 2px 1px !important; -} - -.routersummaryouter { - float: none; - margin: 0 !important; - position: relative; - width: auto; -} - -.routersummary { - float: none; - width: auto; - max-width: 600px; - margin: 0 auto -6px; -} - -#xhr { - margin-top: 9px !important; -} - -#xhr hr:first-child { - margin-bottom: 7px !important; -} - -.routersummary div[style="height: 36px;"] { - margin: 0 0 15px !important; -} - -.routersummary div[style="height: 36px;"] + a { - display: inline-block; -} - -div[style="height: 36px;"] + a, a[href="/summaryframe"] { - display: inline-block; - margin: -3px 0 !important; - padding: 2px 10px; - border-radius: 15px; - border: 1px solid #7778bf; -} - -a[href="/summaryframe"] { - margin: 2px 0 !important; -} - -.routersummary hr:first-child { - margin-bottom: 11px; -} - -.routersummary td, .routersummary h4, .routersummary a { - font-size: 9pt !important; -} - -.routersummary h3, .routersummary h3 a { - font-size: 10.5pt !important; -} - -.routersummary table, table[id^="sb_"] { - width: 100% !important; - margin: -6px 0 -7px !important; -} - -table[id^="sb_"] td { - padding: 4px 2px !important; -} - -table#sb_localtunnels { - margin-top: -6px !important; -} - -table#sb_localtunnels td { - padding: 4px 2px !important; -} - -#sb_localtunnels td:last-child { - padding-right: 4px !important; -} - -table[id^="sb_"] tr:nth-child(even) td { - background: #eef; - background: rgba(240, 240, 255, 0.5); -} - -table[id^="sb_"] tr:nth-child(odd) td { - background: #ddf; - background: rgba(220, 220, 255, 0.5); -} - -table[id^="sb_"] tr:hover td { - background: #ffe !important; - transition: ease background 0.3s; -} - -#sb_services { - text-align: center; -} - -#sb_localtunnels td:nth-child(2) { - width: auto !important; -} - -#sb_general, #sb_shortgeneral, #sb_bandwidth, #sb_peers, #sb_tunnels, #sb_queue { - margin-bottom: -7px !important; -} - -#sb_internals, #sb_services, #sb_advanced { - margin-top: -6px !important; -} - - -#sb_internals a, #sb_services a, #sb_advanced a { - max-width: 600px; -} - -.routersummary button[type="submit"], .routersummary button[type="cancel"] { - margin: 5px 5px 3px !important; - padding: 8px 5px !important; - min-width: 120px !important; -} - -h1 { - margin: 9px 0 -1px; - min-width: 510px; -} - -div.news { - margin: 0 0 -1px; - min-width: 500px; -} - -div.main { - margin: 1px 0 0; - min-width: 500px; -} - -.sorry { - margin: -1px 0 0 !important; -} - -.confignav { - padding: 3px 5px !important; - line-height: 180%; -} - -@media screen and (min-width: 1500px) { -h1 { - margin: 9px 0 -1px !important; -} - -div.news { - margin: -1px 0 0 !important; -} - -div.main { - margin: -1px 0 !important; -} - -.sorry { - margin: -1px 0 0 !important; -} - -.routersummary { - width: 600px !important; -} - -.routersummary div[style="height: 36px;"] { - margin-top: 2px !important; -} - -.routersummary table[id^="sb_"] { - width: 600px !important; -} -} diff --git a/installer/resources/themes/console/midnight/console.css b/installer/resources/themes/console/midnight/console.css deleted file mode 100644 index 6aa881232..000000000 --- a/installer/resources/themes/console/midnight/console.css +++ /dev/null @@ -1,8171 +0,0 @@ -/* I2P Theme: Midnight */ -/* Description: Dark blue with chrome highlights */ -/* Additional thanks to NASA for the planet earth image */ -/* Author: dr|z3d */ - -body { - margin: 5px 0 0 0; - padding: 0; - text-align: center; - background: #001; - background: linear-gradient(to bottom, #001, #000); - background-size: auto 2px; - color: #c9ceff; - font: 8.5pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; -} - -/* preload button mouseovers */ -body { - background: linear-gradient(to bottom, #001, #000), - url(/themes/console/images/buttons/clean_hover.png) no-repeat, - url(/themes/console/images/buttons/configure_hover.png) no-repeat, - url(/themes/console/images/buttons/delete_hover.png) no-repeat, - url(/themes/console/images/buttons/restart_hover.png) no-repeat, - url(/themes/console/images/buttons/restore_hover.png) no-repeat, - url(/themes/console/images/buttons/search_hover.png) no-repeat, - url(/themes/console/images/buttons/shutdown_hover.png) no-repeat, - url(/themes/console/images/buttons/update_hover.png) no-repeat, #000; - background-size: auto 2px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0; -} - -.hide, .hideme { - display: none; -} - -small { - font-size: 9pt; -} - -div.clearer { - clear: left; - height: 0; - line-height: 0; - margin-bottom: -16px; -} - -::selection { - background: #22296f !important; - background: rgba(34, 41, 111, 0.9) !important; - color: white; -} - -::-moz-selection { - background: #22296f !important; - color: white; -} - -.routersummary img[src$="i2plogo.png"], .routersummary h3, .confignav, *::before, *::after { - -moz-user-select: none; - -webkit-user-select: none; - user-select: none; -} - -/* standard buttons and inputs */ - -button, input[type="submit"], input[type="reset"], select { - filter: drop-shadow(0 0 1px #115); - box-shadow: inset 0 0 0 1px #000020; -} - -button, button:visited, input[type="submit"], input[type="reset"] { - font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; - border: 1px solid #3e3f8f; - border-bottom-color: #14144f; - border-right-color: #14144f; - border-radius: 2px; - padding: 5px 4px; - text-decoration: none; - margin: 2px 3px; - text-align: center; - vertical-align: middle; - min-width: 75px; - background: #000; - background: linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%); - color: #4e47bf; -} - -button:hover, button:focus, input[type="submit"]:focus, input[type="reset"]:focus { - border: 1px solid #652787; - box-shadow: inset 0 1px 1px 0 #c9ceff; - background: #000; - color: #652787; - cursor: pointer; -} - -button:active, input[type="submit"]:active, input[type="reset"]:active { - border: 1px solid #652787; - background: #652787; - color: #c9ceff; - box-shadow: inset 0 0 0 1px #000; -} - -:focus, :active, :checked { - outline: none !important; -} - -input { - border: 1px solid #3e3f8f; - border-bottom-color: #14144f; - border-right-color: #14144f; - background: #000; - color: #443da0; - margin: 5px; - font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; - padding: 3px 2px; - text-decoration: none; - min-width: 110px; - border-radius: 2px; -} - -input:hover, input:focus { - background: #000; - color: #652787; - border: 1px solid #652787; - box-shadow: inset 0 1px 1px 0 #c9ceff; - cursor: pointer; -} - -input:active { - background: #000; - color: #c9ceff; - border: 1px solid #652787; - box-shadow: inset 0 0 0 1px #000; -} - -input[type=text], input[type=password] { - background: #000; - color: #c9ceff; - margin: 5px 10px; - padding: 4px 2px; - font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; - border: 1px solid #443da0 !important; - text-decoration: none; - border-radius: 2px; - box-shadow: inset 1px 1px 1px 0 #000; - cursor: text; -} - -textarea { - color: #c9ceff; - padding: 5px; - margin: 10px; - border-radius: 2px; - font: 8.5pt "Droid Sans Mono", "Noto Mono", "DejaVu Sans Mono", "Lucida Console", monospace; - min-height: 100px; - min-width: 97%; - width: calc(100% - 15px); - text-align: left; -} - -textarea[cols="70"], textarea[name="levels"] { - width: calc(100% - 20px); -} - -button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner { - outline: none; - border: none; -} - -input[type=text], input[type=password], textarea { - color: #7670c2 !important; - background: linear-gradient(to bottom, #000, #000019); - box-shadow: inset 0 0 3px 3px #000; - border: 1px solid #3e3f8f; - padding: 5px; -} - -input[type=text]:focus, input[type=password]:focus, textarea:focus { - color: #c9ceff !important; - background: #000; - border: 1px solid #443da0; - box-shadow: 0 0 0 1px rgba(101, 39, 135, 0.5); - filter: drop-shadow(0 0 1px #99f); - transition: filter ease 0.3s; -} - -input[type=image] { - min-width: 0; -} - -input[type="checkbox"] { - min-width: 16px !important; -} - -input[type="checkbox"], .optbox { - min-width: 16px !important; - vertical-align: sub; - filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%); /* colorize radios and checkboxes */ - background: none; -} - -input[type="checkbox"]:hover, .optbox:hover, input[type="checkbox"]:focus, .optbox:focus { - box-shadow: 0 0 2px 1px #99f; - filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%) drop-shadow(0 0 3px #99f); -} - -input[type="checkbox"][disabled]:hover, input[type="checkbox"][disabled]:focus, -input[type="radio"][disabled]:hover, input[type="radio"][disabled]:focus { - box-shadow: none; - filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%); -} - -label { - cursor: pointer; -} - -.main#config_clients label[for="0"] { - cursor: default; -} - -input[type="file"] { - box-shadow: none; - border: none; - background: none; - color: #c9ceff; - padding: 0; - cursor: pointer; - margin: 5px 10px; - font-weight: normal; -} - -input[type="file"]:hover, input[type="file"]:active { - color: #652787; -} - -input[name="refreshInterval"] { - margin-right: 3px; - margin-left: 0; - width: 40px; - text-align: right; -} - -input:disabled { - cursor: default; -} - -input[type="text"]:disabled, input[readonly], input[readonly]:focus { - color: #443da0 !important; - box-shadow: none; - filter: none; -} - -input[class="check"] { /* nudge "check for updates" button into alignment on /configupdate */ - margin-left: 10px !important; -} - -select { - -moz-appearance: none; - -webkit-appearance: none; - appearance: none; - background: #000 url(images/dropdown.png) right center no-repeat !important; - color: #4e47bf; - margin: 5px 10px; - border: 1px solid #3e3f8f; - border-bottom-color: #14144f; - border-right-color: #14144f; - border-radius: 2px; - min-width: 110px; - font: 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; - font-weight: bold; - padding: 4px 16px 4px 4px !important; - cursor: pointer; - overflow: hidden; - text-overflow: ellipsis; -} - -select:focus, select:hover { - color: #652787; - border: 1px solid #652787; - box-shadow: inset 0 1px 1px 0 #c9ceff; -} - -select option { - font-weight: normal; - font-size: 9.5pt !important; - box-shadow: inset 0 0 20px 20px #000; -} - -select option:hover, select option:focus, select option:checked { - box-shadow: inset 0 0 20px 20px #652787; -} - -img[src="dropdown.png"] { - filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%); -} - -select:hover, select:active { - background: #000 url(images/dropdown_hover.png) right center no-repeat !important; -} - -select:focus { - background: #000 url(images/dropdown_hover.png) right center no-repeat !important; -} - -select::-ms-expand { - display: none; -} - -/* buttons (experimental) */ - -input[type="submit"], input[type="reset"], button { - background-size: 14px 14px, 100% 100%; - filter: drop-shadow(0 0 1px #115); - box-shadow: inset 0 0 0 1px #000020; - min-width: 0 !important; -} - -input[type="submit"]:hover, input[type="reset"]:hover, button:hover { - background-blend-mode: normal; - box-shadow: inset 0 1px 1px #bbf; -} - -input[type="submit"]:active, input[type="reset"]:active, button:active { - background-blend-mode: luminosity !important; - box-shadow: inset 0 0 0 1px #000 !important; - box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px #000 !important; -} - -input.accept, button.accept, button[type="submit"] { - background: url(/themes/console/images/buttons/yes.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.accept:hover, button.accept:hover, -input.accept:focus, button.accept:focus { - background: #000 url(/themes/console/images/buttons/yes.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.accept:active, button.accept:active { - background: #652787 url(/themes/console/images/buttons/yes.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.accept[value^="Unban"], button.accept[value^="Unban"] { - background: url(/themes/console/images/buttons/unban.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.accept[value^="Unban"]:hover, button.accept[value^="Unban"]:hover, -input.accept[value^="Unban"]:focus, button.accept[value^="Unban"]:focus { - background: #000 url(/themes/console/images/buttons/unban.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.accept[value^="Unban"]:active, button.accept[value^="Unban"]:active { - background: #652787 url(/themes/console/images/buttons/unban.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.accept[value^="Create"], button.accept[value^="Create"] { - background: url(/themes/console/images/buttons/create.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.accept[value^="Create"]:hover, button.accept[value^="Create"]:hover, -input.accept[value^="Create"]:focus, button.accept[value^="Create"]:focus { - background: #000 url(/themes/console/images/buttons/create.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.accept[value^="Create"]:active, button.accept[value^="Create"]:active { - background: #652787 url(/themes/console/images/buttons/create.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.accept[value^="Filter"], button.accept[value^="Filter"] { - background: url(/themes/console/images/buttons/filter.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.accept[value^="Filter"]:hover, button.accept[value^="Filter"]:hover, -input.accept[value^="Filter"]:focus, button.accept[value^="Filter"]:focus { - background: #000 url(/themes/console/images/buttons/filter.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.accept[value^="Filter"]:focus, button.accept[value^="Filter"]:focus { - background: #652787 url(/themes/console/images/buttons/filter.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.add, button.add { - background: url(/themes/console/images/buttons/add.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.add:hover, button.add:hover, -input.add:focus, button.add:focus { - background: #000 url(/themes/console/images/buttons/add.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.add:active, button.add:active { - background: #652787 url(/themes/console/images/buttons/add.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.add[value^="Adjust"], button.add[value^="Adjust"] { - background: url(/themes/console/images/buttons/edit2.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.add[value^="Adjust"]:hover, button.add[value^="Adjust"]:hover, -input.add[value^="Adjust"]:focus, button.add[value^="Adjust"]:focus { - background: #000 url(/themes/console/images/buttons/edit2.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.add[value^="Adjust"]:active, button.add[value^="Adjust"]:active { - background: #652787 url(/themes/console/images/buttons/edit2.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.cancel, button.cancel { - background: url(/themes/console/images/buttons/no.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.cancel:hover, button.cancel:hover, -input.cancel:focus, button.cancel:focus { - background: #000 url(/themes/console/images/buttons/no.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.cancel:active, button.cancel:active { - background: #652787 url(/themes/console/images/buttons/no.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.accept[value^="Show"], button.accept[value^="Show"], -input.check[value^="View"], button.check[value^="View"] { - background: url(/themes/console/images/buttons/show.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.accept[value^="Show"]:hover, button.accept[value^="Show"]:hover, -input.check[value^="View"]:hover, button.check[value^="View"]:hover, -input.accept[value^="Show"]:focus, button.accept[value^="Show"]:focus, -input.check[value^="View"]:focus, button.check[value^="View"]:focus { - background: #000 url(/themes/console/images/buttons/show.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.accept[value^="Show"]:active, button.accept[value^="Show"]:active, -input.check[value^="View"]:active, button.check[value^="View"]:active { - background: #652787 url(/themes/console/images/buttons/show.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.cancel[value^="Hide"], button.cancel[value^="Hide"], -input.delete[value^="Do not view"], button.delete[value^="Do not view"] { - background: url(/themes/console/images/buttons/hide.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.cancel[value^="Hide"]:hover, button.cancel[value^="Hide"]:hover, -input.delete[value^="Do not view"]:hover, button.delete[value^="Do not view"]:hover, -input.cancel[value^="Hide"]:focus, button.cancel[value^="Hide"]:focus, -input.delete[value^="Do not view"]:focus, button.delete[value^="Do not view"]:focus { - background: #000 url(/themes/console/images/buttons/hide.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.cancel[value^="Hide"]:active, button.cancel[value^="Hide"]:active, -input.delete[value^="Do not view"]:active, button.delete[value^="Do not view"]:active { - background: #652787 url(/themes/console/images/buttons/hide.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.check, button.check { - background: url(/themes/console/images/buttons/yes.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.check:hover, button.check:hover, -input.check:focus, button.check:focus { - background: #000 url(/themes/console/images/buttons/yes.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.check:active, button.check:active { - background: #652787 url(/themes/console/images/buttons/yes.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.check[value$="updates"], button.check[value$="updates"] { - background: url(/themes/console/images/buttons/update.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.check[value$="updates"]:hover, button.check[value$="updates"]:hover, -input.check[value$="updates"]:focus, button.check[value$="updates"]:focus { - background: #000 url(/themes/console/images/buttons/update_hover.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.check[value$="updates"]:active, button.check[value$="updates"]:active { - background: #652787 url(/themes/console/images/buttons/update_hover.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.delete, button.delete { - background: url(/themes/console/images/buttons/delete.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.delete:hover, button.delete:hover, -input.delete:focus, button.delete:focus { - background: #000 url(/themes/console/images/buttons/delete_hover.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.delete:active, button.delete:active { - background: #652787 url(/themes/console/images/buttons/delete_hover.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.delete[value^="Ban"], button.delete[value^="Ban"] { - background: url(/themes/console/images/buttons/ban.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.delete[value^="Ban"]:hover, button.delete[value^="Ban"]:hover, -input.delete[value^="Ban"]:focus, button.delete[value^="Ban"]:focus { - background: #000 url(/themes/console/images/buttons/ban.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.delete[value^="Ban"]:active, button.delete[value^="Ban"]:active { - background: #652787 url(/themes/console/images/buttons/ban.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.download, button.download { - background: url(/themes/console/images/buttons/download.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.download:hover, button.download:hover, -input.download:focus, button.download:focus { - background: #000 url(/themes/console/images/buttons/download.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.download:active, button.download:active { - background: #652787 url(/themes/console/images/buttons/download.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.download[value^="Join"], button.download[value^="Join"] { - background: url(/themes/console/images/buttons/users.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.download[value^="Join"]:hover, button.download[value^="Join"]:hover, -input.download[value^="Join"]:focus, button.download[value^="Join"]:focus { - background: #000 url(/themes/console/images/buttons/users.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.download[value^="Join"]:active, button.download[value^="Join"]:active { - background: #652787 url(/themes/console/images/buttons/users.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.download[value$="from File"], button.download[value$="from File"], -input.download[value$="from file"], button.download[value$="from file"] { - background: url(/themes/console/images/buttons/from-file.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.download[value$="from file"]:hover, button.download[value$="from file"]:hover, -input.download[value$="from file"]:focus, button.download[value$="from file"]:focus { - background: #000 url(/themes/console/images/buttons/from-file.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.download[value$="from file"]:active, button.download[value$="from file"]:active { - background: #652787 url(/themes/console/images/buttons/from-file.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.download[value^="Dump"], button.download[value^="Dump"] { - background: url(/themes/console/images/buttons/dump-threads.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.download[value^="Dump"]:hover, button.download[value^="Dump"]:hover, -input.download[value^="Dump"]:focus, button.download[value^="Dump"]:focus { - background: #000 url(/themes/console/images/buttons/dump-threads.png) 6px center no-repeat !important; - background-size: 14px 14px !important; - padding: 5px 7px 5px 23px !important; -} - -input.download[value^="Dump"]:active, button.download[value^="Dump"]:active { - background: #652787 url(/themes/console/images/buttons/dump-threads.png) 6px center no-repeat !important; - background-size: 14px 14px !important; - padding: 5px 7px 5px 23px !important; -} - -input.go, button.go, input[value="GO"] { - background: url(/themes/console/images/buttons/go.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.go:hover, button.go:hover, input[value="GO"]:hover, -input.go:focus, button.go:focus, input[value="GO"]:focus { - background: #000 url(/themes/console/images/buttons/go.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.go:active, button.go:active, input[value="GO"]:active { - background: #652787 url(/themes/console/images/buttons/go.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.go[value^="Create"], button.go[value^="Create"] { - background: url(/themes/console/images/buttons/create-file.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.go[value^="Create"]:hover, button.go[value^="Create"]:hover, -input.go[value^="Create"]:focus, button.go[value^="Create"]:focus { - background: #000 url(/themes/console/images/buttons/create-file.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.go[value^="Create"]:active, button.go[value^="Create"]:active { - background: #652787 url(/themes/console/images/buttons/create-file.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.back { - background: url(/themes/console/images/buttons/back.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.back:hover, -input.back:focus { - background: #652787 url(/themes/console/images/buttons/back.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.reload, button.reload { - background: url(/themes/console/images/buttons/restore.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.reload:hover, button.reload:hover, -input.reload:focus, button.reload:focus { - background: #000 url(/themes/console/images/buttons/restore_hover.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.reload:active, button.reload:active { - background: #652787 url(/themes/console/images/buttons/restore_hover.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.reload[value$="restart"], button.reload[value$="restart"] { - background: url(/themes/console/images/buttons/restart.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; - -} - -input.reload[value$="restart"]:hover, button.reload[value$="restart"]:hover, -input.reload[value$="restart"]:focus, button.reload[value$="restart"]:focus { - background: #000 url(/themes/console/images/buttons/restart_hover.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -input.reload[value^="Update"], button.reload[value^="Update"] { - background: url(/themes/console/images/buttons/update.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; - -} - -input.reload[value^="Update"]:hover, button.reload[value^="Update"]:hover, -input.reload[value^="Update"]:focus, button.reload[value^="Update"]:focus { - background: #000 url(/themes/console/images/buttons/update_hover.png) 6px center no-repeat !important; -} - -input.reload[value^="Update"]:active, button.reload[value^="Update"]:active { - background: #652787 url(/themes/console/images/buttons/update_hover.png) 6px center no-repeat !important; -} - -input.reload[value="Force GC"], button.reload[value="Force GC"] { - background: url(/themes/console/images/buttons/clean.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.reload[value="Force GC"]:hover, button.reload[value="Force GC"]:hover, -input.reload[value="Force GC"]:focus, button.reload[value="Force GC"]:focus { - background: #000 url(/themes/console/images/buttons/clean_hover.png) 6px center no-repeat !important; -} - -input.reload[value="Force GC"]:active, button.reload[value="Force GC"]:active { - background: #652787 url(/themes/console/images/buttons/clean_hover.png) 6px center no-repeat !important; -} - -input.stop, button.stop { - background: url(/themes/console/images/buttons/shutdown.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.stop:hover, button.stop:hover, -input.stop:focus, button.stop:focus { - background: #000 url(/themes/console/images/buttons/shutdown_hover.png) 6px center no-repeat !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -input.stop:active, button.stop:active { - background: #652787 url(/themes/console/images/buttons/shutdown.png) 6px center no-repeat !important; -} - -button.search { - background: url(/themes/console/images/buttons/search.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px 14px, 100% 100% !important; - padding: 5px 7px 5px 23px !important; -} - -button.search:hover, button.search:focus { - background: #000 url(/themes/console/images/buttons/search_hover.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -button.search:active { - background: #652787 url(/themes/console/images/buttons/search_hover.png) 6px center no-repeat !important; - background-size: 14px 14px !important; -} - -/* client/plugin/webapps buttons aka project "X" */ - -button.control, button.control:hover, button.control:focus { - padding: 12px !important; - font-size: 0 !important; - text-indent: -99999px !important; - background-size: 16px 16px, 100% 100% !important; -} - -button.accept.control { - background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; -} - -button.accept.control:hover, button.accept.control:focus { - background: #000 url(/themes/console/images/buttons/Xstart.png) center center no-repeat !important; -} - -button.accept.control:active { - background: #652787 url(/themes/console/images/buttons/Xstart.png) center center no-repeat !important; -} - -button.stop.control { - background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; -} - -button.stop.control:hover, button.stop.control:focus { - background: #000 url(/themes/console/images/buttons/Xstop.png) center center no-repeat !important; -} - -button.stop.control:active { - background: #652787 url(/themes/console/images/buttons/Xstop.png) center center no-repeat !important; -} - -button.add.control { - background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; -} - -button.add.control:hover, button.add.control:focus { - background: #000 url(/themes/console/images/buttons/edit2.png) center center no-repeat !important; -} - -button.add.control:active { - background: #652787 url(/themes/console/images/buttons/edit2.png) center center no-repeat !important; -} - -button.delete.control { - background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; -} - -button.delete.control:hover, button.delete.control:focus { - background: #000 url(/themes/console/images/buttons/delete_hover.png) center center no-repeat !important; -} - -button.delete.control:active { - background: #652787 url(/themes/console/images/buttons/delete_hover.png) center center no-repeat !important; -} - -button.check.control { - background: url(/themes/console/images/buttons/update.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; -} - -button.check.control:hover, button.check.control:focus { - background: #000 url(/themes/console/images/buttons/update_hover.png) center center no-repeat !important; -} - -button.check.control:active { - background: #652787 url(/themes/console/images/buttons/update_hover.png) center center no-repeat !important; -} - -button.download.control { - background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; -} - -button.download.control:hover, button.download.control:focus { - background: #000 url(/themes/console/images/buttons/download.png) center center no-repeat !important; -} - -button.download.control:active { - background: #652787 url(/themes/console/images/buttons/download.png) center center no-repeat !important; -} - -button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner { - outline: none; - border: none; -} - -/* end project "X" */ - -/* sidebar buttons */ - -.routersummary button { - margin: 2px; - min-width: 87px !important; - background-blend-mode: normal; -} - -.routersummary .reload, .routersummary .stop { - text-indent: -99999px; - background-size: 16px 16px, 100% 100% !important; - background-position: center center !important; - padding: 5px !important; - min-width: 92px !important; - margin-top: 3px; - margin-bottom: 3px; -} - -.routersummary .reload, .routersummary .reload[value$="restart"] { - background: url(/themes/console/images/buttons/restart.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; -} - -.routersummary .reload:hover, .routersummary .reload:focus, .routersummary .reload[value$="restart"]:hover, .routersummary .reload[value$="restart"]:focus { - background: #000 url(/themes/console/images/buttons/restart_hover.png) center center no-repeat !important; - background: url(/themes/console/images/buttons/shutdown_hover.png) 37% 55% no-repeat, url(/themes/console/images/buttons/restart_hover.png) 63% 55% no-repeat, #000 !important; -} - -.routersummary .reload:active, .routersummary .reload[value$="restart"]:active { - background: #652787 url(/themes/console/images/buttons/restart_hover.png) center center no-repeat !important; -} - -.routersummary .stop { - background: url(/themes/console/images/buttons/shutdown.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; -} - -.routersummary .stop:hover, .routersummary .stop:focus { - background: url(/themes/console/images/buttons/shutdown_hover.png) center center no-repeat; - background-position: center center !important; - background-size: 16px 16px, 100% 100% !important; -} - -/* Show text on context specific buttons (eg deferred shutdown) */ - -.routersummary .reload[value="restartImmediate"], .routersummary .stop[value="shutdownImmediate"], .routersummary .reload[value="Reseed"] { - text-indent: 0; - text-align: left; - min-width: 0 !important; - padding: 5px 7px 5px 23px !important; -} - -.routersummary .reload[value="restartImmediate"] { - background: url(/themes/console/images/buttons/restart.png) center left 6px no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px auto !important; -} - -.routersummary .reload[value="restartImmediate"]:hover { - background: #000 url(/themes/console/images/buttons/restart.png) center left 6px no-repeat !important; - background-size: 14px auto !important; -} - -.routersummary .reload[value="restartImmediate"]:focus, .routersummary .reload[value="restartImmediate"]:active { - background: url(/themes/console/images/buttons/restart_hover.png) center left 6px no-repeat; - background-size: 14px auto !important; -} - -.routersummary .stop[value="shutdownImmediate"] { - background: url(/themes/console/images/buttons/shutdown.png) center left 6px no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px auto !important; -} - -.routersummary .stop[value="shutdownImmediate"]:hover { - background: #000 url(/themes/console/images/buttons/shutdown_hover.png) center left 6px no-repeat !important; - background-size: 14px auto !important; -} - -.routersummary .stop[value="shutdownImmediate"]:focus, .routersummary .stop[value="shutdownImmediate"]:active { - background: url(/themes/console/images/buttons/shutdown_hover.png) center left 6px no-repeat; - background-size: 14px auto !important; -} - -.routersummary .reload[value="Reseed"] { - background: url(/themes/console/images/buttons/download.png) center left 6px no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - background-size: 14px auto !important; -} - -.routersummary .reload[value="Reseed"]:hover { - background: #000 url(/themes/console/images/buttons/download.png) center left 6px no-repeat !important; - background-size: 14px auto !important; -} - -.routersummary .reload[value="Reseed"]:focus, .routersummary .reload[value="Reseed"]:active { - background: #652787 url(/themes/console/images/buttons/download.png) center left 6px no-repeat !important; - background-size: 14px auto !important; -} - -.routersummary .download, .routersummary .download:hover, .routersummary .download:focus { - background: url(/themes/console/images/buttons/download.png) 6px center no-repeat; - background-size: 14px 14px, 100% 100%; - min-width: 0 !important; -} - -.routersummary .download, .routersummary .download:hover, .routersummary .download:focus, .routersummary .download:active { - background-size: 14x 14px !important; - padding: 5px 7px 5px 23px !important; -} - -.routersummary .download:active { - background: #652787 url(/themes/console/images/buttons/download.png) 6px center no-repeat; -} - -/* end sidebar buttons */ -/* end buttons & inputs */ - -img { - border: none; -} - -pre { - width: 98%; - overflow-x: auto; - text-align: left; - font: 8.5pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace; - color: #c9ceff; -} - -/* proxy errors */ - -div.logo { /* proxy error "fake" sidebar */ - float: left; - padding: 10px; - text-align: center; - color: #c9ceff; - margin: -2px 20px 0 20px; - border: 1px solid #443da0; - background: #000; - width: 185px; - box-shadow: inset 0 0 0 1px #44175f; - font-size: 9pt; -} - -.logo a img { - opacity: 0.6; - filter: invert(100%) sepia(100%) hue-rotate(175deg); -} - -.logo a img:hover { - opacity: 1; - filter: invert(100%) sepia(100%) hue-rotate(175deg) drop-shadow(0 0 3px #652787); -} - -div.logo hr { - color: #443da0; - background: #443da0; - height: 1px; - border: 0 solid #443da0; - margin: 9px -10px; -} - -.logo a:link { - display: block; - padding: 4px; -} - -.warning { /* proxy error messages */ - margin: 20px 20px 20px 245px; - padding: 14px 25px 20px 75px; - background: #000; - border: 1px solid #443da0; - text-align: left; - color: #c9ceff; - text-align: justify; - background: #000 url(/themes/console/images/itoopie_sm.png) 10px center no-repeat; - background-position: 10px calc(50% + 16px); - box-shadow: inset 0 0 0 1px #44175f; - word-wrap: break-word; - font-size: 10pt; - min-width: 300px; - box-shadow: inset 0 0 0 1px #44175f, inset 0 0 3px 3px #000, 0 0 0 2px #443da0;; - border: 5px solid #443da0; - border-image: repeating-linear-gradient(135deg, #003 0px, #003 20px, #550 20px, #550 40px, #003 40px) 5 repeat repeat; - border-image-width: 5px; - border-image-outset: 1px; -} - -.warning p, .warning a { - font-size: 10pt - line-height: 130%; -} - -.warning h3 { - text-align: left; - font-size: 10pt; - padding: 7px 10px; - text-align: left; - margin: -13px -24px 15px -74px; - border: none; - border-bottom: 1px solid #44175f; -} - -#jumplinks a { - display: inline-block; - padding: 2px 0; - line-height: 16px; -} - -#jumplinks a::before { - content: "\279F\00A0"; - font-size: 16pt; - display: inline-block; - padding: 3px 0; - vertical-align: sub; - line-height: 16px; -} - -#proxyNewAddressHelper .warning { - padding-bottom: 0 !important; -} - -#proxyNewHost { - margin-bottom: 30px; -} - -#proxyNewHost td { - padding: 8px !important; - font-size: 10pt !important; -} - -#proxyNewHost td:first-child { - font-weight: bold; -} - -#proxyNewHost tr:last-child td:first-child { - vertical-align: top; -} - -#proxyNewHost textarea { - white-space: pre-wrap; - word-break: break-all; - overflow: auto; - border: none; - resize: none; - background: none !important; - box-shadow: none !important; - width: 100% !important; - height: 6em; - margin: 0 !important; - padding: 0 !important; -} - -#proxyNewHost textarea:focus { - filter: none; -} - -#proxyNewHost + hr { - display: none; -} - -.warning h4 { - box-shadow: none !important; - text-align: left; - font-size: 10pt; - padding-bottom: 7px; -} - -#proxyNewHost a { - display: inline-block; - word-break: break-all; -} - -.warning p + .formaction { - margin: 0 0 20px; - padding: 0; -} - -.proxyfooter { - margin: 0 20px 10px 240px; - padding: 20px 25px 20px 75px; - color: #652787; - font-size: 7pt; - text-align: right !important; - border-radius: 2px; - border: 1px solid #000; - display: none; -} - -/* responsive proxy errors */ - -@media screen and (max-width: 800px) { -.warning { - margin-left: 20px !important; - background: #000 !important; - padding-left: 25px !important; -} - -.warning h3 { - margin: -4px -14px 10px; - padding: 7px 10px 5px; -} - -.logo { - display: none; -} -} - -/* end proxy errors */ - -/* sidebar */ - -.routersummaryouter { - float: left; - width: 200px; - margin: 0 0 10px 5px; - padding: 0; - border: 0; - clear: left;/* fixes a bug in Opera */ - text-align: center; - display: block; - position: absolute;/* so no interference with /home app icons */ -} - -.routersummary { - width: 184px; - padding: 8px 10px 8px; - text-align: center; - border: 1px solid #443da0; - background: #000; - color: #c9ceff; - font-size: 8pt; - clear: left;/* fixes a bug in Opera */ - border-radius: 2px; - float: left; - box-shadow: 0 1px 5px #000; - margin-bottom: 7px !important; -} - -.routersummary img[src*="i2plogo"] { - opacity: 0.7; - transition: ease-out opacity 0.3s, ease filter 0.3s; - margin-top: -1px; - margin-left: -5px; - width: 190px; - height: auto; - filter: sepia(100%) hue-rotate(180deg) drop-shadow(0 0 1px #652787); -} - -.routersummary img[src*="i2plogo"]:hover { - opacity: 1; - transition: ease-in opacity 0.3s, ease filter 0.3s; - filter: drop-shadow(0 0 2px #652787) saturate(100%); -} - -.routersummary img[src*="i2plogo"]:active { - filter: drop-shadow(0 0 5px #450519) saturate(140%) !important; - transition: ease-out opacity 0.3s, ease filter 0.3s; -} - -.routersummary a[href="/"]:focus img, .routersummary a[href="/console"]:focus img { - opacity: 1; - transition: ease-in opacity 0.3s, ease filter 0.3s; - filter: drop-shadow(0 0 3px #652787) saturate(200%); -} - -.routersummary input[type=text] { - text-align: right !important; - box-shadow: inset 1px 1px 1px 0 #000; -} - -.routersummary hr { - color: #443da0; - background: #443da0; - height: 2px; - border-bottom: 1px solid #443da0; - margin: 8px -10px 7px -10px; - box-shadow: inset 0 1px 1px 1px #000; -} - -.routersummary h3 { - border: 0; - font-size: 9.5pt; - letter-spacing: 0.04em; - margin: -7px -10px -8px -10px; - padding: 4px 0 !important; - text-transform: uppercase; - border-radius: 0; - background: #000 url(images/header.png) center center; -} - -.routersummary h3:hover { - background: linear-gradient(to bottom, #001020 50%, #000 50%) !important; -} - -.routersummary h3:hover a { - color: #652787 !important; -} - -.routersummary h3:active { - box-shadow: inset 3px 3px 3px #000; -} - -.routersummary h3 a, .routersummary h3 a:visited { - display: inline-block; - width: calc(100% - 6px); - padding: 1px 0 !important; - margin: 0; - color: #7670c2; -} - -.routersummary h4 { - border: none; - font-size: 8pt; - letter-spacing: 0.02em; - margin: -6px -9px -8px -9px !important; - padding: 6px 3px; - background: #000; - background: linear-gradient(to right, #001 0%, #010005 5%, #010010 15%, #010025 50%, #010010 85%, #010005 95%, #001 100%); - text-decoration: none !important; - color: #2a1fbe; - line-height: 120%; -} - -@media screen and (-webkit-min-device-pixel-ratio:0) { -.routersummary h4 { - box-shadow: none; -} -} - -.routersummary ul { - text-align: left !important; -} - -.routersummary table { - border: 0; - text-align: center !important; - margin: -4px -7px -5px -8px !important; - width: 200px !important; - overflow: hidden; - font-size: 8pt; - background-image: none !important; - background-color: transparent !important; -} - -.routersummary td { - padding: 0 2px 0 2px; - background-image: none !important; - border: 0 !important; - word-spacing: -0.1em; - max-width: 180px; -} - -.routersummary td:first-child { - max-width: 90px; - text-transform: capitalize; -} - -#sb_general, #sb_shortgeneral, #sb_advancedgeneral, #sb_bandwidth, #sb_peers, #sb_peersadvanced, #sb_tunnels, #sb_queue { - margin-top: -6px !important; - margin-bottom: -5px !important; -} - -#sb_general td::after, #sb_shortgeneral td::after, #sb_advancedgeneral td::after, #sb_bandwidth td::after, -#sb_peers td::after, #sb_peersadvanced td::after, #sb_tunnels td::after, #sb_queue td::after { - content: ""; - display: inline-block; - vertical-align: bottom; - min-height: 16px !important; -} - -#sb_general td, #sb_shortgeneral td, #sb_advancedgeneral td { - white-space: nowrap; -} - -#sb_localtunnels { - width: 200px !important; - border-collapse: separate; - border-spacing: 0; - margin-top: -6px !important; - margin-bottom: -8px !important; -} - -#sb_localtunnels a { - display: inline-block; - width: 100%; - max-width: 156px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -#sb_localtunnels img { - margin: 0; - padding: 0; -} - -#sb_localtunnels td:first-child { - width: 16px; - text-align: left; - padding: 2px 0 2px 1px; -} - -#sb_localtunnels td:last-child { - text-align: right; - padding-right: 0; -} - -#sb_localtunnels tr:hover td { - background: #652787; -} - -#sb_localtunnels tr:hover td:first-child { - border-radius: 2px 0 0 2px; -} - -#sb_localtunnels tr:hover td:last-child { - border-radius: 0 2px 2px 0; -} - -#sb_services a:link, #sb_internals a:link, #sb_advanced a:link, #sb_help a:link { - word-break: break-all; - max-width: 190px; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - line-height: 140%; - vertical-align: middle; - display: inline-block; - padding: 1px 3px; -} - -#sb_services a:hover, #sb_internals a:hover, #sb_advanced a:hover, #sb_localtunnels tr:hover, #sb_localtunnels tr:hover a, #sb_help a:hover, -.news a:hover, #console a:hover, tt a:hover { - background: #652787; - color: #fff !important; - border-radius: 2px; -} - -#sb_services a:active, #sb_internals a:active, #sb_advanced a:active, #sb_help a:active, -#sb_localtunnels tr:active, .news a:active, #console a:active, tt a:active { - background: #39144f; - color: #c9ceff !important; -} - -#sb_localtunnels tr:active a { - color: #c9ceff !important; -} - -#sb_peersadvanced a { - padding: 0; - color: #c9ceff; -} - -#sb_peersadvanced a:hover, #sb_peersadvanced a:focus { - color: #652787; -} - -#sb_peersadvanced .separator td::after { - min-height: 0 !important; -} - -#sb_peersadvanced .separator hr, #sb_peersadvanced .separator hr:last-child { - display: block !important; - margin: 3px 0 2px !important; - color: transparent; - background: transparent; - border-bottom: 1px dashed #2d296f; -} - -.sb_notice { - background: #001; - border: 1px solid #241f69; - border-radius: 2px; - box-shadow: inset 0 0 0 1px #000; - margin: -3px -6px -5px; - padding: 5px 3px; -} - -@media screen and (-webkit-min-device-pixel-ratio:0) { -.sb_notice { - margin-bottom: -6px !important; -} - -.sb_netstatus, .tunnelBuildStatus { - margin-bottom: -4px !important; -} -} - -#sb_warning { - border-bottom: 1px solid #443da0; - margin-left: -10px !important; - margin-right: -10px !important; -} - -#sb_warning + .sb_notice { - margin-top: 12px; -} - -#sb_warning + hr { - margin-top: 6px !important; -} - -p:empty + .sb_notice { - margin-top: 10px; -} - -#sb_warning + p:empty + form { - margin-top: 11px; - margin-bottom: -7px; -} - -/* sidebar stacked tables fix */ - -#sb_localid + #sb_version { - margin-top: 6px !important; - margin-bottom: 5px !important; -} - -.routersummary tr { - background-image: none !important; - background-color: transparent !important; - border: 0 !important; -} - -.routersummary form { - margin: -4px -9px -6px; -} - -.routersummary form:first-child { - margin: 6px 0 -5px 0 !important; -} - -.routersummary p { - padding: 0; -} - -.refresh { - margin-top: -10px !important; - margin-bottom: -4px !important; - padding: 2px 0 0 0 !important; -} - -.routersummary a:link, .routersummary a:visited { - padding: 0 2px; - word-spacing: 0; -} - -.routersummary a:hover { - color: #652787; -} - -.routersummary hr:last-child { - margin-top: 5px; - margin-bottom: -5px !important; -} - -/* "experimental" custom sidebar links for apps - -#sb_services { - width: 192px !important; - margin: 0 !important; - margin: -7px -10px -9px !important; - border-collapse: collapse; - -} - -#sb_services td { - padding: 0; -} - -#sb_services a, #sb_services a:hover, #sb_services a:active { - border-bottom: 1px solid #443da0 !important; - outline: none !important; -} - -#sb_services a:hover { - background: #002; -} - -#sb_services a:last-child { - border-bottom: 1px solid transparent !important; -} - -#sb_services a[href*="mail"], #sb_services a[href*="snark"], #sb_services a[href*="7658"], #sb_services a[href*="bote"] { - width: calc(100% - 31px) !important; - padding: 5px 5px 5px 26px !important; - border: 1px outset transparent; - margin: 0 !important; - float: left; - text-align: left; - background: #000; - text-decoration: none; - text-transform: uppercase; - letter-spacing: 0.1em; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - clear: both; -} - -#sb_services a[href*="mail"] { - background: #000 url(images/mail.png) 5px center no-repeat; -} -#sb_services a[href*="mail"]:hover { - background: #002 url(images/mail.png) 5px center no-repeat; -} - -#sb_services a[href*="bote"] { - background: #000 url(images/webmail.png) 5px center no-repeat; -} - -#sb_services a[href*="bote"]:hover { - background: #002 url(images/webmail.png) 5px center no-repeat; -} - -#sb_services a[href*="snark"] { - background: #000 url(images/magnet.png) 5px center no-repeat; -} - -#sb_services a[href*="snark"]:hover { - background: #002 url(images/magnet.png) 5px center no-repeat; -} - -#sb_services a[href*="7658"] { - background: #000 url(images/webserver.png) 5px center no-repeat; -} - -#sb_services a[href*="7658"]:hover { - background: #002 url(images/webserver.png) 5px center no-repeat; -} - -/* end custom sidebar links */ - -/* sidebar news */ - -.sb_newsheadings { - width: 192px; - margin-left: 0; - margin-top: -6px !important; - margin-bottom: -8px !important; - text-align: right; -} - -.sb_newsheadings table { - margin-bottom: 3px !important; -} - -.sb_newsheadings a { - display: inline-block; - padding: 0 3px 0 0; - line-height: 140%; -} - -.sb_newsheadings td { - padding: 4px 5px 4px 20px; - text-align: left; - background: url(images/newsbullet_mini.png) 4px center no-repeat !important; - border-bottom: 1px solid #113 !important; -} - -.sb_newsheadings tr:last-child td { - border-bottom: none !important; -} - -/* end sidebar news */ - -/* mini sidebar graph */ - -#sb_bandwidthgraph { - width: 100%; - margin: -13px 0 0 -8px !important; - border-collapse: separate; - border-spacing: 0; - padding: 0; - border: 1px solid #5df; - box-shadow: 0 0 1px #ccf; -} - -#sb_bandwidthgraph:hover { - border: 1px solid #f60; - cursor: url(/themes/console/images/cursor_zoom.png), pointer; -} - -a:active #sb_bandwidthgraph { - border: 1px solid #f30; -} - -#sb_bandwidthgraph td { - background: linear-gradient(to top, #f3f3ff 2px, rgba(255,255,255,0.0) 2px, rgba(255,255,255,0.0) 89%, #f3f3ff 93%), linear-gradient(to right, #f3f3ff, rgba(255,255,255,0.0) 2%, rgba(255,255,255,0.0) 98%, #f3f3ff), repeating-linear-gradient(to right, rgba(255,255,255,0.0) 10px, rgba(120,120,255,0.8) 11px, rgba(255,255,255,0.0) 11px, rgba(255,255,255,0.0) 20px), repeating-linear-gradient(to top, rgba(255,255,255,0.0) 1px, rgba(120,120,255,0.8) 2px, rgba(255,255,255,0.0) 2px, rgba(255,255,255,0.0) 10px) !important; - background: linear-gradient(to top, #fff 2px, rgba(255,255,255,0.0) 2px, rgba(255,255,255,0.0) 89%, #fff 93%), repeating-linear-gradient(to right, rgba(255,255,255,0.0) 10px, rgba(120,120,255,0.8) 11px, rgba(255,255,255,0.0) 11px, rgba(255,255,255,0.0) 20px), repeating-linear-gradient(to top, rgba(255,255,255,0.0) 1px, rgba(120,120,255,0.8) 2px, rgba(255,255,255,0.0) 2px, rgba(255,255,255,0.0) 10px) !important; - padding: 0 1px; - box-shadow: inset 0 0 0 1px #fff; - height: 40px; - vertical-align: top; -} - -#sb_graphstats { - display: inline-block; - padding: 2px 8px; - font-weight: bold; - background: #444; - border: 1px solid #999; - border-top: none; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px #fff; - opacity: 0; - transition: ease opacity 0.3s; -} - -#sb_graphcontainer:hover #sb_graphstats { - opacity: 1; - transition: ease opacity 0.3s; -} - -#sb_graphcontainer { - background-color: #000; - background-position: left -72px top -24px !important; - background-size: 280px 90px !important; - background-repeat: no-repeat !important; - margin: -6px 0 -4px !important; - height: 40px; - filter: invert(1) sepia(1) hue-rotate(180deg); -} - -@media screen and (-webkit-min-device-pixel-ratio:0) { -#sb_graphcontainer { - margin-bottom: -5px !important; -} -} - -@keyframes graphfadein { -from { - opacity: 0; -} - -to { - opacity: 1; -} -} - -#sb_graphcontainer { - animation: graphfadein 0.4s ease-in; /* attempt to mitigate strobe effect as image loads before filters are applied */ -} - -@media screen and (min-width: 1500px) { -#sb_graphcontainer { - background-size: 300px 77px !important; - background-position: left -72px top -20px !important; -} - -#sb_bandwidthgraph { - width: 100%; - margin: -15px 0 0 -8px !important; -} -} - -/* end mini sidebar graph */ - -/* status bar */ - -@media screen and (-webkit-min-device-pixel-ratio:0) { -#sb_memoryBar { - margin-bottom: -6px !important; -} -} - -.percentBarOuter { - width: 194px; - background: #000; - background: repeating-linear-gradient(135deg, #001 1px, #001 5px, #003 6px, #003 11px); - background: repeating-linear-gradient(to right, #000 1px, #000 2px, #003 2px, #003 4px); - border: 1px solid #292b5f; - opacity: 1; - box-shadow: 0 0 1px 1px rgba(0,0,0,0.8); - margin: -3px 0 -5px -6px; -} - -@media screen and (min-width: 1500px) { -.percentBarOuter { - width: 210px; -} -} - -.percentBarOuter:hover .percentBarText { - opacity: 1; - transition: ease opacity 0.2s; -} - -.percentBarInner { - height: 14px; - background: #0e5f00; - background: linear-gradient(to bottom, #33a 0%, #226 50%, #003 50%, #000 100%); - box-shadow: inset 0 0 0 1px #000; -} - -.percentBarText { - width: 100%; - font-weight: bold; - text-align: center; - vertical-align: middle; - float: left; - opacity: 0; - transition: ease opacity 0.2s; -} - -/* update bar */ - -.sb_updatestatus { - background: #000; - margin: -6px -4px -2px; - padding: 2px 0 4px; - border-bottom: 1px solid #443da0; - color: #c9ceff; -} - -.sb_info .percentBarOuter { - margin: 5px -2px -4px 0; - box-shadow: none !important; - background: repeating-linear-gradient(135deg, #001 1px, #001 5px, #003 6px, #003 11px); - animation: downloadbar 3s infinite alternate; -} -.sb_info .percentBarText { - opacity: 1; - padding-top: 2px; - color: #c9ceff; -} - -.sb_info .percentBarInner { - height: 16px; -} - -@keyframes downloadbar { -from { - background: repeating-linear-gradient(135deg, #001 1px, #001 5px, #003 6px, #003 11px); -} - -to { - background: repeating-linear-gradient(135deg, #003 1px, #003 6px, #001 7px, #001 11px); -} -} - -/* end status bar */ -/* end sidebar */ - -/* console error messages */ - -img[src="/themes/console/images/i2plogo.png"], img[src="/themes/console/images/i2plogo.png"]:hover, -img[src="/themes/console/images/i2plogo.png"]:focus, a:active img[src="/themes/console/images/i2plogo.png"] { - margin-top: 6px !important; - margin-left: -1px !important; - filter: sepia(100%) invert(100%) !important; - width: 180px !important; -} - -.sorry { - margin: -1px 5px 10px 215px; - padding: 20px 20px 20px 75px; - background: #020022; - border: 1px solid #443da0; - border-radius: 0 0 2px 2px; - text-align: justify; - background-image:url(/themes/console/images/info/errortriangle.png); - background-position:15px center; - background-repeat:no-repeat; - box-shadow: inset 0 0 0 1px #320951; - word-wrap: break-word; - min-width: 545px; - color: #c9ceff; - font-size: 10pt; -} - -div.sorry hr { - color: #c9ceff; - background: #c9ceff; - height: 1px; - border-top: 1px solid #c9ceff; - margin: 10px 0; - opacity: 0.7; -} - -#warning2 { - min-width: 580px; - background: #001; - background: #000 url(images/earth.jpg) no-repeat scroll bottom right !important; - background-size: auto 180px !important; - margin-top: -28px; - margin-bottom: 5px; - padding: 20px 30px 10px; - font-size: 9pt; -} - -#warning2 h3 { - margin: -21px -31px 10px; - padding: 10px; - border-width: 1px; - box-shadow: inset 0 0 0 1px #320951; -} - -#warning2 p { - line-height: 130% !important; -} - -#warning2 b { - margin-right: 5px; - display: inline-block; - min-width: 140px; - text-align: right; -} - -/* end error msgs */ - -.main { - margin: -1px 5px 5px 215px; - padding: 0 10px 1px 10px; - text-align: left; - color: #c9ceff; - width: auto; - border: 1px solid #443da0; - border-radius: 0 0 2px 2px; - background: #000 url(images/scarface.jpg) right bottom no-repeat !important; - background-size: auto 200px !important; - min-width: 620px; - box-shadow: 0 1px 5px #000, inset 0 0 0 1px #000; - font-size: 9pt; -} - -.main#news { - background: #000 url(images/earth.jpg) no-repeat scroll bottom right !important; - background-size: auto 180px !important; - padding-bottom: 0; -} - -.news { - margin: -1px 5px 0 215px; - padding: 6px 20px 5px; - border: 1px solid #443da0; - background: #000 url(images/earth.jpg) no-repeat scroll bottom right; - background-size: auto 200px; - color: #7670c2; - font-size: 8pt; - text-align: right; - box-shadow: 0 1px 5px #000; - min-width: 600px; -} - -.main#news .newscontent { - border: 1px solid #443da0; - margin: -11px 0 10px; - padding: 0 10px 5px; - border-radius: 0 0 2px 2px; - background: rgba(0,0,0,0.6); - box-shadow: inset 0 0 0 1px #000; -} - -.main#news .newsentry h3 { - border: 1px solid #443da0; - border-radius: 2px 2px 0 0; -} - -.main#news .newsentry { - margin-bottom: 14px !important; -} - -.main#news .newsentry:first-child { - margin-top: -3px !important; -} - -.main#news .newsentry:last-child { - margin-bottom: -3px !important; -} - -.news .newsentry { - margin-top: -3px !important; -} - -.news .newsentry:first-child { - margin-top: -10px !important; -} - -.news h4 { - border-bottom: 1px; - border-bottom-style: dotted; - border-bottom-color: #443da0; - padding: 0 0 0 0; - margin: 5px 0 10px 0; - font-size: 10pt; - opacity: 1; - text-transform: capitalize; -} - -.news p, .newscontent p { - margin-top: -5px; - font-size: 9pt; - color: #c9ceff; - margin-bottom: 0; -} - -.news p:nth-child(n+1), .newscontent p:nth-child(n+1) { - margin-top: 5px; -} - -.news hr { - margin: 8px -20px 5px; -} - -#newspage { - margin: 18px 5px; /* positional parity with homepage news */ -} - -#newsStatus, #news #newsDisplay a { - font-size: 8pt; -} - -#newsStatus { - float: left; - color: #c9ceff; -} - -#newsDisplay { - white-space: nowrap; - margin-left: 10px; -} - -#news #newsDisplay { - margin-right: -10px; -} - -#news #newsDisplay, #graphopts { - color: transparent; -} - -#news #newsStatus { - padding-top: 2px; - margin-left: -10px; -} - -#news #newsDisplay { - padding: 0 0 3px; -} - -#newsStatus, #news #newsDisplay, #news #newsDisplay a, #graphopts a { - display: inline-block; -} - -#news #newsDisplay a, #graphopts a { - border: 1px solid #001; - margin: 0 -2px; - padding: 1px 10px !important; - background: #002; - background: rgba(0,0,48,0.4); - border-radius: 15px; - filter: drop-shadow(0 0 1px rgba(0,0,64,0.8)); -} - -#news #newsDisplay a:hover, #news #newsDisplay a:focus, #graphopts a:hover, #graphopts a:focus { - background: #030; - background: linear-gradient(to bottom, #005 50%, #001 50%); - border: 1px solid #006; - text-shadow: 0 1px 1px #000; -} - -#news #newsDisplay a:active, #graphopts a:active { - background: #004; - box-shadow: inset 2px 2px 2px #000; -} - -.news #newsDisplay, .news #newsStatus { - margin-top: 3px !important; - display: inline-block; -} - -.newsAuthor { - float: right; - background: url(/themes/console/images/info/author_dark.png) left 2px top no-repeat; - background-size: 14px 14px; - font-size: 8pt !important; - padding: 0 0 0 18px; - display: inline-block; - opacity: 0.7; - text-transform: none; -} - -.newsDate { - opacity: 0.7; - font-style: italic; - margin-right: 2px; -} - -.messages i { - text-align: left; - float: none; - display: inline-block; -} - -.messages #newsDisplay { - display: inline-block; - margin-left: 45px; -} - -.main#jobs .joblog { - margin-top: 10px !important; -} - -.main#jobs ol { - padding: 10px 10px 5px 10px; - -moz-columns: 2; - -webkit-columns: 2; - columns: 2; - text-align: left; -} - -.main#jobs ol:empty { - display: none; -} - -.main#jobs ol li:first-child { - margin-top: 0 !important; -} - -.main#jobs ol li { - break-inside: avoid; - page-break-inside: avoid; - -webkit-break-inside: avoid; - display: inline-block; - text-align: left !important; - min-width: 400px; -} - -.main#config_update input, .main#config_update button, .main#config_update select, .main#config_update textarea { - margin-left: 0 !important; -} - -.main#config_update .messages { - background: url(/themes/console/images/info/infohelp.png) no-repeat 15px center, url(images/earth.jpg) bottom right no-repeat !important; - background-size: auto, 80px !important; -} - -.main#events .messages { - margin-top: 21px; - margin-bottom: -16px; - box-shadow: inset 0 0 0 1px #300 !important; -} - -.wideload { - margin: 0; -} - -.widescroll { /* only scroll content, not entire page eg /peers */ - overflow: auto; -} - -.widescroll table { - white-space: nowrap; -} - -/* top navigation */ - -div.confignav { - background: #010010 url(images/titles.png) center center repeat-x !important; - background: linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%); - padding: 7px 5px 8px !important; - margin: -1px -11px 15px; - border: 1px solid #443da0; - font-weight: bold !important; - line-height: 130% !important; - text-align: center; - box-shadow: inset 0 0 0 1px #000, inset 0 0 3px 1px #030; -} - -.tab, .tab2 { - box-sizing: border-box; - display: inline-block; - border: 1px solid #443da0; - margin: 0 -2px -1px -2px !important; - padding: 1px 0 2px; - min-width: 60px !important; - box-shadow: inset 0 0 0 1px #000; -} - -.tab a, .tab a:visited { - display: inline-block; - padding: 4px 16px 5px; - color: #7670c2 -} - -.tab { - background: #010010 url(images/titles.png) center center repeat-x; - background: linear-gradient(to bottom, #1a1b2f 50%, #000011 50%, #00000d 50%) !important; -} - -.tab:hover { - background: #000 !important; - box-shadow: inset 0 0 0 1px #404; -} - -.tab:hover a { - color: #652787 !important; -} - -.tab:active { - box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px 1px #2d103f; - background: #652787 !important; -} - -.tab:active a { - color: #c9ceff !important; -} - -.tab2 { - padding: 5px 14px 7px; - color: #c9ceff; - box-shadow: inset 3px 3px 2px #000; - background: #040033; - background: linear-gradient(to bottom, #040033 50%, #020011 50%); -} - -/* end topnav */ - -#bwlimiter a, #advancedconfig a, .tabletitle a, #upnpconfig a, #servicedebug a, .ptitle a, #configstats th a, h3#graphinfo a, .h3navlinks { - float: right; - letter-spacing: normal; - text-transform: capitalize !important; - font-size: 9pt; -} - -.h3navlinks a { - text-transform: capitalize; - letter-spacing: normal; - margin-left: 5px; -} - -.main#tunnels h3:first-child { - margin-top: 10px; -} - -.main#tunnels h3 a:not(old), #criticallogs + h3.tabletitle a:not(old) { - font-size: 0; -} - -.main#tunnels h3 a[href^="/configtunnels#"]::after, #criticallogs + h3.tabletitle a::after { - content: url(/themes/console/images/buttons/configure.png); - float: right; - padding: 0; -} - -#criticallogs tr:first-child { - display: none; -} - -#criticallogs li::first-line, #routerlogs li::first-line { - display: inline-block; - border: 1px solid #f00; -} - -#criticallogs li:last-child, #routerlogs li:last-child { - padding-bottom: 8px !important; -} - -img[src$="inbound.png"], img[src$="outbound.png"] { - filter: hue-rotate(-47deg); -} - -h3#iptransport a:not(old), h3#advancedconfig a:not(old) { - font-size: 0; - height: 20px; -} - -h3#iptransport a::after, h3#advancedconfig a::after { - content: url(images/help.png); - padding: 0; - margin: 0; - vertical-align: text-top; - cursor: help; - filter: drop-shadow(0 0 1px #555); -} - -div.messages { - padding: 20px 10px; - margin: -4px 0 10px; - border: 1px solid #443da0; - background: #000; - background: url(/themes/console/images/info/infohelp.png) no-repeat 15px center, #000; - font-weight: bold; - font-size: 9.5pt; - color: #c9ceff !important; - box-shadow: none !important; -} - -div.messages i { - padding-left: 45px; - color: #c9ceff; -} - -div.messages span.error { - color: #d6fffd; -} - -div.messages span.notice { - font-style: italic; -} - -div.messages li { - text-align: justify !important; - font-weight: bold; - list-style: none !important; - margin: 0 5px 0 50px !important; - padding: 0 10px 0 0 !important; - border: 0 !important; -} - -div.widepanel h3 { - text-align: left !important; - padding: 6px 10px; - text-transform: uppercase; - font-size: 10.5pt; - text-align: left; - letter-spacing: 0.08em; - word-spacing: 0.1em; - border-radius: 0; - border: 1px solid #443da0; -} - -/* graphs */ - -.graphspanel { - padding: 0; - margin: 15px 0 -15px 0; - background: none; - text-align: center; - overflow: auto; - width: 100%; -} - -.graphspanel form { - text-align: left; - padding: 0 15px 0 15px; - margin-bottom: 25px; -} - -.graphspanel a img { - border: 1px solid #443da0; - padding: 3px; - margin: 5px 4px; - text-align: center !important; - background: #000; - opacity: 0.9; - transition: ease all 0.3s; -} - -.graphspanel a img:hover { - border: 1px solid #652787; - padding: 3px; - text-align: center !important; - background: #000; - opacity: 1; - transition: ease all 0.3s; - cursor: url(/themes/console/images/cursor_zoom.png), auto; -} - -.graphspanel img { - border: 1px solid #2f2e38; - padding: 2px; - max-width: 97%; - max-width: calc(100% - 20px); - vertical-align: top; -} - -.graphspanel img:not(old) { - filter: invert(1) hue-rotate(180deg); - background: #fff; - border: 1px solid #ddf; -} - -.graphspanel a img:not(old) { - border: 1px solid #a2acdb; - padding: 2px; -} - -.graphspanel a img:hover:not(old) { - border: 1px solid #9678d7; - background: #fff; - padding: 2px; -} - -.graphspanel a { - font-size: 0; -} -.graphspanel p { - text-align: center; - text-transform: capitalize; - margin-top: 10px; - border-top: 1px solid #443da0; - padding: 10px 10px 15px; -} - -#graphopts { - margin: 30px -10px 0 !important; - padding: 10px 0 8px; - text-align: center; - background: #001; - background: rgba(0,0,16,0.5); - border-top: 1px solid #443da0; -} - -#graphopts a { - margin: 3px -2px; - background: #001; - border-color: #003; - padding: 0 10px !important; - text-transform: capitalize; -} - -#graphopts a, #graphopts a:visited { - color: #54508f !important; -} - -#graphopts a:hover, #graphopts a:visited:hover, #graphopts a:focus { - color: #6762af; -} - -#graphopts a:active { - color: #2d277f !important; -} - -#graphopts a:empty { - display: none; -} - -h3#graphinfo { - margin-top: 10px; - border-radius: 0 !important; - text-transform: capitalize; - letter-spacing: normal; - word-spacing: normal; -} - -#graphopts + p { - display: none; -} - -form[action="graphs"] { - border: 1px solid #443da0; - padding: 10px 10px 0 !important; - background: #000; - margin-top: -11px; - margin-bottom: 10px; -} - -h3#graphdisplay a { - text-transform: capitalize; - letter-spacing: normal; - font-size: 9pt; - float: right; -} - -#graphs form { - padding: 0 !important; -} - -#graphs form hr { - margin: 0 -1px 8px !important; -} - -#graphs form table { - border: none; - margin: 0; -} - -.formaction#graphing { - margin: -2px 0 0 !important; - padding-top: 1px; - border-left: none; - border-right: none; -} - -#graphs tr:first-child td { - border-top: none; -} - -#graphs td:first-child { - text-align: right; - width: 85px; - white-space: nowrap; - padding: 13px 3px 13px 5px; -} - -#graphs td:nth-child(2) { - width: 260px; - white-space: nowrap; -} - -#graphs td.infohelp { - border: 1px inset #120f35; - border-right: none; - border-left: none; - background-size: 20px 20px !important; - padding: 5px 5px 5px 40px !important; - background-color: #010008 !important; - text-align: left; -} - -#graphs form input, #graphs form select { - margin: 3px 5px 3px 0; - vertical-align: middle; -} - -#graphs input[type="text"] { - min-width: 60px; -} - -#graph_single { - background-size: auto 100px !important; -} - -/* end graphs */ - -table { - border-collapse: collapse; - width: 100%; - border: 1px solid #443da0; - padding: 1px; - font-size: 9pt; - background: #040033; - margin: 1px 0; -} - -table hr { - padding: 0 0; - color: #443da0; - background: #443da0; - border: 0 solid #443da0; - margin: 0 0; - height: 1px; - display: none; -} - -th { - padding: 6px 2px; - color: #c9ceff; - text-align: center; - font-size: 9pt; - background: #000 url(images/titles.png) center center repeat-x; - background: linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%); - border-top: 1px solid #443da0; - border-bottom: 1px solid #443da0 !important; - line-height: 110%; -} - -tr { - vertical-align: middle; -} - -tr:nth-child(even) { - background: #010010; - vertical-align: middle; -} - -tr:nth-child(odd) { - background: #010008; - vertical-align: middle; -} - -td { - padding: 4px 6px; - color: #c9ceff; - vertical-align: middle; - border-top: 1px inset #120f35; -} - -td img { - padding: 0 1px 0 2px; -} - -td img[src$="c=a1"], td img[src$="c=a2"] { - filter: drop-shadow(0 0 1px #337); -} - -tt { - font: bold 8.5pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace; - color: #393; -} - -table tt { - color: #393; -} - -a:link tt, a:visited tt { - color: #4e47bf; -} - -a:hover tt { - color: #652787; -} - -a:active tt { - color: #9FE9F9; -} - -.main ul { - list-style-type: square; -} - -div.main li { - text-align: left; - margin: 2px 0 2px 30px; - padding: 2px 20px 2px 0; - word-wrap: break-word; -} - -.tidylist { - text-align: justify !important; - line-height: 150%; -} - -.tidylist:last-child { - padding-bottom: 10px; -} - -.tidylist code { - text-align: left; - font: bold 8.5pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace; - color: #fff; - padding: 2px 3px; - background: #040033; - margin: 0 2px; - border-radius: 2px; -} - -ol { - display: inline; - padding: 1px 0 0 20px; -} - -ol li:first-child { - margin-top: 10px !important; -} -ul { - margin: 0; - padding: 0; -} - -code { - text-align: left; - font: 9pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace; - color: #393; -} - -a:link, h2 a:link, #news #newsDisplay a:visited, #graphopts a:visited { - color: #7972d1; - text-decoration: none; - font-weight: bold; - word-wrap: break-word; - outline: none; -} - -a:visited { - color: #4e47bf; - text-decoration: none; - font-weight: bold; - word-wrap: break-word; -} - -a:hover, a:focus { - color: #652787; - text-decoration: none; - font-weight: bold; - word-wrap: break-word; -} - -a:active { - color: #4f0519 !important; -} - -.links { - text-align: justify; - margin-top: 10px; - margin-bottom: -10px; -} - -.links li { - list-style-image: url(images/link.png) !important; - text-align: justify! important; - line-height: 150%; -} - -.links b { - color: #ebdbff !important; - color: #8f7959 !important; - letter-spacing: 0.08em; - line-height: 165%; -} - -p { - text-align: justify; - line-height: 160%; -} - -p img:first-child { - display: none !important; -} - -p:empty { /* kills empty paragraphs that are likely erroneous eg. see top of /profiles?f=1, /profiles */ - display: none; - border: 1px dotted #652787; /* display in order to bug hunt */ -} - -#config_logging p { - text-align: left; - margin: 3px 0 0 !important; -} - -h1 { - text-align: left; - color: #c9ceff; - padding: 13px 15px; - margin: 0 5px 0 215px !important; - font-size: 17pt; - font-weight: bold; - font-style: normal; - text-transform: uppercase; - letter-spacing: 0.15em; - text-shadow: 0 0 2px #010011; - white-space: normal; - background: #000 url(images/header.png) center center; - border: 1px solid #443da0; - border-radius: 2px 2px 0 0; - line-height: 120%; - min-width: 610px; - box-shadow: 0 1px 5px #000; -} - -span.newtab { - text-align: right; - font-size: 8pt; - float: right; - letter-spacing: 0; -} - -.newtab:hover { - filter: drop-shadow(0 0 3px #652787) !important; -} - -h2, h2.welcome { - font-size: 12pt; - color: #c9ceff; - text-shadow: 0 0 2px #010011; - letter-spacing: 0.05em; - background: #000 url(images/header.png) center center ; - padding: 10px; - border: 1px solid #443da0; - border-radius: 2px; - vertical-align: middle; - margin: 15px 0 12px 0 !important; - text-transform: uppercase; - word-wrap: break-word; -} - -h2 a:visited { - color: #190f9b; -} - -h2 a:hover { - color: #652787; -} - -h2 a[name]:hover, h2 a[name]:active { - color: #c9ceff !important; -} - -h3, h3.welcome, div.news h3 { - border: 1px solid #443da0; - border-left: 5px solid #443da0; - padding: 7px 10px; - margin: 10px 0 10px 0; - border-radius: 0 2px 2px 0; - background: #000 url(images/header.png) center center ; - text-transform: uppercase; - text-shadow: 0 0 2px #010011; - letter-spacing: 0.08em; -} - -div.news h3 { - padding: 6px 10px 6px 0; - box-shadow: none; -} - -h4 { - border-bottom: 1px; - border-bottom-style: solid; - border-bottom-color: #443da0; - padding: 0 0 10px 0; - margin: 5px 0 10px 0; - font-size: 11pt; -} - -h1, h2, h3:not([id*="help"]), h4.app, h4.app2, .routersummary h3, .confignav { - background: linear-gradient(to bottom, #191729, #000 75%) !important; -} - -h2, h3, h4, .confignav { - box-shadow: inset 0 0 0 1px #000; -} - -.news h3, #newspage h3 { - padding-left: 30px !important; - text-align: left !important; - font-size: 9.5pt !important; - letter-spacing: 0.08em; - color: #c9ceff; - padding: 6px 10px 6px 30px; - background: url(/themes/console/images/info/newspaper.png) left 8px center no-repeat, linear-gradient(to bottom, #191729 0%, #000 50%) !important; - background-size: 16px 16px, 100% 100% !important; -} - -.news h3 { - padding-left: 23px !important; - background: url(/themes/console/images/info/newspaper.png) left 1px center no-repeat !important; - background-size: 16px 16px !important; - border: none !important; - border-bottom: 1px solid #443da0 !important; -} - -.underline { - border-bottom: 1px solid #efeeff; - padding: 5px 0 5px 0; - margin: 0 0 10px 0; -} - -/* welcome */ - -.langbox { - margin: 5px 4px 2px 5px; - padding: 0; - color: #c9ceff; - font-size: 7pt; - width: 380px; - text-align: right; - float: right; - vertical-align: middle; -} - -.langbox img { - opacity: 0.7; - margin: 0 !important; - padding: 0; -} - -.langbox img:hover, .langbox a:focus img { - opacity: 1; - transform: scale(1.1); -} - -.langbox img:active { - transform: none !important; -} - -.twocol { - -moz-columns: 2 400px; - -webkit-columns: 2 400px; - columns: 2 400px; - -moz-column-gap: 0 !important; - -webkit-column-gap: 0 !important; - column-gap: 0 !important; - display: block; - margin: 5px 0 -5px; -} - -div[lang="es"] li, div[lang="pt"] li, div[lang="sv"] li, div[lang="zh"] li { - list-style: none; - text-align: justify; -} - -div[lang="pt"] li br { - display: none; -} - -div[lang="sv"] li::first-letter { - text-transform: uppercase !important; -} - -div[lang="de"] .twocol, div[lang="pt"] .twocol, div[lang="es"] .twocol, div[lang="sv"] .twocol { - background: rgba(0,0,48,0.3); - border: 1px solid #002; - border-radius: 2px; - box-shadow: inset 0 0 0 1px #000; - padding: 10px; - margin: 10px -5px 5px !important; -} - -p + .twocol, div[lang="de"] p + .twocol { - margin: 10px 25px !important; -} - -.twocol li { - break-inside: avoid; - page-break-inside: avoid; - -webkit-column-break-inside: avoid; -} - -.twocol li:first-child { - margin-top: 0 !important; -} - -.main#console p { - margin: 5px 20px 10px; -} - -div[lang="de"] ul.links { - margin: 0 30px -10px 20px; -} - -div[lang] li { - line-height: 160% !important; -} - -/* end welcome */ - -hr { - color: #443da0; - background: #443da0; - height: 1px; - border: 0 solid #443da0; - margin: 20px 0 10px; -} - -hr:last-child { - margin-top: 20px; - margin-bottom: 20px; -} - -.joblog hr { - margin: 10px 0; -} - -fieldset { - overflow: hidden; - position: relative; -} - -.statusnotes { - font-style: italic; - font-size: 9pt; - color: #c9ceff; - text-align: center; - border: 1px solid #443da0 !important; - margin: -3px 0 5px 0; - padding: 7px; - background: #000; - background: linear-gradient(to bottom, #010014, #010010 50%, #010010 100%); -} - -div.joblog { - border-radius: 2px 2px 0 0; - overflow-y: hidden !important; - margin-top: 10px !important; - } - -div.joblog h3 { - margin-top: 10px !important; -} - -div.joblog br { - margin-bottom: -5px; -} - -div.main li:last-child { - padding-bottom: 15px; -} - -div.joblog li { - word-wrap: break-word !important; - line-height: 120% !important; - margin: 2px 0 2px 30px; - padding: 2px 20px 2px 0; -} - -div.joblog ul { - word-wrap: break-word !important; - margin: 5px 0 -10px; -} - -div.joblog li:first-child { - margin-top: 0; - padding-top: 0; -} - -div.joblog li:last-child { - padding-bottom: 5px; -} - -div.joblog ul li li li { - margin-bottom: 10px !important; -} - -div.joblog form:first-child { - margin-top: 10px; -} - -div.joblog table { - margin-top: 15px; - margin-left: 0 !important; /* removes hard-coded indentation */ - margin-bottom: 15px; -} - -div.joblog table td:first-child { - font-weight: bold; -} - -div.joblog p { - line-height: 140%; -} - -div.joblog th:first-child { - text-align: left; - padding-left: 6px; -} - -/* /jobs */ - -h2#jobrunners { - margin-top: 0 !important; -} - -.main#jobs h2 { - border-radius: 0; -} - -#jobrunners ~ ol { - display: block; - margin-bottom: 5px !important; - margin-top: -11px !important; - border: 1px solid #443da0; - width: 97%; - width: calc(100% - 22px); - background: #010008; - padding: 0 20px 0 0; -} - -#jobrunners ~ ol > li:last-child { - margin-bottom: 5px; -} - -h3[id*="jobs"] { - clear: both; - margin-top: 25px !important; -} - -table#schedjobs { - width: 100% !important; - margin: -6px 0 0 !important; -} - -#jobstats { - margin-bottom: 10px; -} - -#jobstats th, #jobstats td { - text-align: right; - padding-right: 8px !important; -} - -#schedjobs th:first-child, #schedjobs td:first-child, #jobstats th:first-child, #jobstats td:first-child { - text-align: left; - padding-left: 10px; - font-weight: bold; - margin-bottom: 15px; -} - -table#jobstats + hr { - display: none; -} - -h3#totaljobstats { - margin-bottom: -2px; - margin-top: 10px !important; -} - -h3#finishedjobs + ol li, h3#scheduledjobs + ol li, h3#activejobs + ol li, h3#readyjobs + ol li { - list-style: none !important; -} - -h3#activejobs + ol li:before, h3#scheduledjobs + ol li:before, h3#readyjobs + ol li:before, h3#finishedjobs + ol li:before { - content: '\2023\00A0 '; - margin-left: -20px; - font-size: 15pt; - font-weight: bold; - line-height: 50%; - vertical-align: sub; - color: #393; -} - -h3#finishedjobs + ol li:before { - color: #3D3; - content: '\2714\00A0'; -} - -h3#readyjobs + ol li:before { - color: #dd3; -} - -h3#scheduledjobs + ol li:before { - color: #773; -} - -/* end /jobs */ - -/* /eventlogs */ - -table#eventlog { - margin-top: -21px; - margin-bottom: 10px; -} - -table#eventlog td { - padding: 3px 10px; - width: 30%; -} - -table#eventlog td:last-child { - width: 40%; -} - -form[action="events"] { - background: #000; -} - -.smallhead th { - font-size: 8pt -} - -.smallhead th a:hover { - text-decoration: none; -} - -.smallhead th a img:hover { - filter: drop-shadow(0 0 1px #652787); -} - -.mediumtags { - font-size: 9pt; -} - -.optbox { - min-width: 16px !important; - max-width: 16px !important; - width: 16px !important; - min-height: 16px; - max-height: 16px; - height: 16px; - opacity: 1.0; - border: 0; - margin: 2px 4px; - padding: 2px; - overflow: hidden; - position: relative; -} - -.cells { - border: 1px inset #120f35; - text-align: center; -} - -.tablefooter tr, .tablefooter td { - background: #000 url(images/header.png) repeat-x center center !important; - background: linear-gradient(to bottom, #010014, #010010 50%, #010010 100%) !important; - border-top: 1px solid #443da0; - border-bottom: 1px solid #443da0 !important; - line-height: 110%; - padding: 10px; -} - -.formaction { - text-align: right; - margin-bottom: -5px; - padding: 7px 5px; -} - -h3[id$="con"] { /* peers h3 + tables */ - background: #652787; - margin-bottom: -2px; - border-radius: 0; - padding: 6px 10px; - font-size: 10pt; - word-spacing: 0.1em; - letter-spacing: 0.08em; - background: #000; - background: linear-gradient(to right, #000000, #010010 70%, #010013 90%); - border: 1px solid #443da0; -} - -h3[id="udpcon"] { - width: auto; -} - -#udpconnections table { - overflow-x: auto !important; -} - -#udpconnections th { - padding: 5px 2px; -} - -#udpconnections table i { - font-weight: bold; - line-height: 150%; - letter-spacing: 0.1em; -} - -#udpconnections tr a img { - margin-top: 3px !important; -} - -#udpconnections tr:hover, #ntcpconnections tr:hover, #jobstats tr:hover, #schedjobs tr:hover, #jardump tr:hover, #webappconfig tr:hover td, .tunneldisplay tr:hover td { - background: #020022; - color: #eff1ff; -} - -#udpconnections td > *, #ntcpconnections td > * { - vertical-align: middle; -} - -#udpconnections td:first-child, #udpconnections td:nth-child(2) { - width: 50px; - padding: 2px 4px; - white-space: nowrap; -} - -#udpconnections tr:hover td, #ntcpconnections tr:hover td { - color: #c9ceff; -} - -#udpconnections tr.tablefooter td { - color: #c9ceff; -} - -#udpconnections tr.tablefooter:hover td { - border-top: 1px solid #443da0; -} - -#udpconnections tr.tablefooter td:first-child { - padding-left: 9px; -} - -#udpconnections td[class="cells"]:first-child, #ntcpconnections td[class="cells"]:first-child { - width: 50px; - white-space: nowrap; - text-align: right; -} - -#ntcpconnections td[class="cells"]:last-child { - font-weight: bold !important; - width: 100px; -} - -#ntcpconnections { - overflow-x: scroll !important; -} - -/* peers - sort icons */ - -#ntcpconnections th, #udpconnections th { - background: #000010 !important; -} - -#udpconnections th { - vertical-align: top; - padding-top: 3px; -} - -.sortup, .sortdown, .sortupactive, .sortdownactive { - padding: 1px 0; - border: 1px solid #117; - border: 1px solid #443da0; - border-radius: 1px; - margin: 4px 1px 0 !important; - vertical-align: middle; - text-align: center; - display: inline-block; - width: 16px; - height: 12px; - background-size: 10px auto, 100% 100% !important; -} - -.sortup, .sortdown { - box-shadow: inset 0 0 0 1px #000; - opacity: 0.5; -} - -.sortup img, .sortdown img, .sortupactive img, .sortdownactive img { - margin: 0; - padding: 0; - opacity: 0; - width: 16px; - height: 14px; - vertical-align: middle; - text-align: center; - filter: hue-rotate(60deg); -} - -.sortupactive, .sortdownactive { - opacity: 1; - box-shadow: inset 2px 2px 1px #000; -} - -.sortup { - background: url(images/sort_up.png) center center no-repeat, linear-gradient(to bottom, #004, #000); -} - -.sortup:hover { - background: url(images/sort_up.png) center center no-repeat, linear-gradient(to bottom, #000, #004); - border: 1px solid #652787; - opacity: 1; -} - -.sortup a:focus, .sortdown a:focus { - background: rgba(237, 207, 255, 0.2); - border-radius: 1px; - margin-top: -1px; - height: 14px; - width: 16px; - display: inline-block; -} - -.sortupactive { - background: url(images/sort_up.png) center center no-repeat, #005; -} - -.sortdown { - background: url(images/sort_down.png) center center no-repeat, linear-gradient(to bottom, #004, #000); -} - -.sortdown:hover { - background: url(images/sort_down.png) center center no-repeat, linear-gradient(to bottom, #000, #004); - border: 1px solid #652787; - opacity: 1; -} - -.sortdownactive { - background: url(images/sort_down.png) center center no-repeat, #005; - border: 1px solid #005; -} - -/* end peer sort */ - -.backlogged { - font-size: 14pt; - line-height: 0; -} - -pre#transports { - border: 1px solid #443da0; - padding: 15px 7px 5px 15px; - margin: 0; - background: #000; - width: calc(100% - 24px); -} - -a[name="chelp"]:hover, a[name="help"]:hover, a[name="chelp"]:active, a[name="help"]:active { /* hide /help anchorpoints */ - color: #c9ceff !important; - text-decoration: none; - text-shadow: none; -} - -.homelinkedit th:nth-child(3), .homelinkedit th:last-child {/* /confighome */ - text-align: left !important; - text-transform: none !important; - padding-left: 5px; -} - -.homelinkedit tr:last-child td:first-child { - text-align: right; -} - -.homelinkedit input[type="text"] { - margin-left: 0; -} - -.homelinkedit td:nth-child(2) img { - height: 20px; - width: 20px; -} - -#config_homepage .delete { - float: left; -} - -.formaction#homesites { - margin-bottom: -2px !important; -} - -.formaction#homeapps, .formaction#homesites, .formaction#tunnelconfigsave, .formaction#homesearch { - border: 1px solid #443da0; - background: #000; - margin-top: -2px; -} - -.formaction#homesearch { - margin-bottom: -2px !important; -} - -.formaction#themeui { - padding: 2px 0 12px !important; -} - -#themesettings hr { - margin: 5px -7px; -} - -tr#addnew { - border-top: 1px solid #443da0; -} - -/* /configui lang selection boxes + theme selection */ - -div.themechoice { - width: 120px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - border: 1px solid #241f69; - float: left; - text-align: center; - padding: 0 4px; - margin: 4px; - border-radius: 2px; - background: linear-gradient(to bottom, #020020, #000); - box-shadow: inset 0 0 0 1px #000; -} - -.themechoice:hover { - border: 1px solid #652787; - background: #000; -} - -.themechoice:hover .themelabel { - border-top: 1px solid #652787 !important; - background: #000 !important; - color: #652787; -} - -.themechoice:active .themelabel, .langselect:active .ui_lang { - border-top: 1px solid #652787 !important; - background: #652787 !important; - color: #c9ceff !important; - box-shadow: inset 0 0 0 1px #000 !important; -} - -.themechoice:hover object { - filter: drop-shadow(0 0 2px #652787); -} - -.themechoice object, .themechoice img { - padding: 3px 3px 4px; - opacity: 0.75; -} - -.themechoice object img { - padding: 3px 3px 0; - margin-bottom: 0; - opacity: 0.75; -} - -.themechoice .optbox { - min-width: 120px !important; - min-height: 80px !important; - opacity: 0; /* hide the radio icon so we can use thumbnail img instead */ - margin-left: -33px; - z-index: 999; - position: absolute; -} - -.themechoice .optbox + img { - padding: 3px 0 !important; -} - -.themechoice .optbox:hover + object ~ div.themelabel { - color: #652787; -} - -.themechoice .optbox:checked + object ~ div.themelabel { - background: #040033 !important; - color: #c9ceff; - font-weight: bold; -} - -.themechoice .optbox:checked + object, .themechoice .optbox:checked + img { - transform: scale(0.9); - opacity: 1; -} - -.themechoice .optbox:focus + object ~ div.themelabel { - color: #652787; - box-shadow: inset 0 0 10px 3px #000; -} - -#themeoptions { - clear: both; - border-top: 1px solid #443da0; - margin: 0 -7px 5px; - position: relative; - top: 8px; - padding: 5px 10px 8px 5px; -} - -#themeoptions label { - white-space: nowrap; - margin: 1px 10px 1px 0 !important; - display: inline-block; -} - -p#helptranslate { - position: relative; - top: 8px; - margin: 0 -7px; - padding: 15px 10px 15px 50px !important; - text-align: left !important; - border-top: 1px solid #443da0; - border-bottom: 1px solid #443da0; - background: url(/themes/console/images/info/notice.png) left 14px center no-repeat, #000; - background-size: 28px 28px; -} - -#themeoptions input { - margin-left: 5px 1px; -} - -#themeoptions input[type="checkbox"] { - min-height: 16px; -} - -.themelabel { - border-top: 1px solid #241f69 !important; - margin-left: -4px; - margin-right: -4px; - padding: 4px 2px; - background: #010010 url(images/titles.png) center center repeat-x; - background: linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%); - color: #7670c2; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - box-shadow: inset 0 0 0 1px #000; -} - -h3#themeheading, h3#langheading, h3#passwordheading { - border-radius: 0; - border: 1px solid #443da0; - padding: 6px 10px; - font-size: 10.5pt; - word-spacing: 0.1em; - letter-spacing: 0.08em; - margin-bottom: 0; - background: #000; - background: linear-gradient(to right, #000000, #010010 70%, #010013 90%); -} - -div#themesettings { - clear: both; - border: 1px solid #443da0; - padding: 8px 7px 0; - margin: -1px 0; -} - -td#themeselect { - clear: both; - border: 1px solid #443da0; - padding: 8px 7px 0; - margin: -1px 0; -} - -#themeselect hr { - display: inline !important; -} - -.langselect { /* containing box for lang selection */ - width: 120px; - float: left; - margin: 4px; - text-align: center; - border: 1px solid #241f69; - padding: 8px 4px 0; - border-radius: 2px; - background: linear-gradient(to bottom, #020020, #000); - box-shadow: inset 0 0 0 1px #000; -} - -.langselect .optbox { - opacity: 0; - outline: 1px dotted #652787; - margin-left: 0; -} - -.langselect .optbox { - opacity: 0; - outline: 1px dotted !important; - min-height: 60px; - min-width: 125px !important; - margin: -5px 0 -30px -2px; - vertical-align: text-bottom; - text-align: center; - z-index: 999; -} - -.langselect img { - width: 40px; - height: 40px; - margin-bottom: 0; - margin-left: -72px; - margin-top: 7px !important; - position: absolute; -} - -.langselect input[name="lang"]:checked + img { - width: 19px; - height: 13px; - margin-top: 6px !important; - margin-left: -73px; -} - -.langselect input[name="lang"]:hover + img { - filter: drop-shadow(0 0 1px #652787); -} - -.langselect input[name="lang"]:hover + img + div.ui_lang { - color: #652787; -} - -.langselect input[name="lang"]:checked + img + div.ui_lang { - background: #040033 !important; - color: #c9ceff; - font-weight: bold; -} - -.langselect input[name="lang"]:focus + img + div.ui_lang { - color: #652787 !important; - box-shadow: inset 0 0 10px 3px #000 !important; -} - -.langselect input[name="lang"]:active + img + div.ui_lang { - color: #c9ceff !important; - box-shadow: inset 0 0 0 1px #000 !important; -} - -.langselect:hover, .langselect:active { - border: 1px solid #652787; - background: #000; -} - -.langselect:hover .ui_lang { - border-top: 1px solid #652787; - background: #000; - color: #652787; -} - -/* large flags */ - -.langselect img { - width: 40px; - height: 40px; - border: none !important; - margin-top: -6px !important; - margin-left: -82px; - position: absolute; - box-shadow: none; - opacity: 0.75; - filter: drop-shadow(0 0 1px #000); -} - -.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] { - width: 32px !important; - height: 32px !important; - border: none !important; - margin-left: -78px; - margin-top: -2px !important; - margin-bottom: 0; - box-shadow: none !important; - opacity: 1; -} - -.langselect input:hover + img { - box-shadow: none !important; - transition: none !important; - filter: drop-shadow(0 0 2px #652787); -} - -@media screen and (-webkit-min-device-pixel-ratio:0) { -.langselect img { - margin-left: -19px !important; - margin-top: -31px !important; -} - -.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] { - margin-left: -15px !important; - margin-top: -27px !important; -} -} - -/* end large flags */ -/* end flag as radio icons */ - -.ui_lang { /* lang text label */ - text-align: center; - background: #010010; - padding: 3px 2px 4px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 124px; - margin: 10px -4px 0 !important; - border-top: 1px solid #241f69; - border-radius: 0 0 2px 2px; - text-transform: capitalize; - background: linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%); - color: #7670c2; - box-shadow: inset 0 0 0 1px #000; -} - -p#helptranslate { - clear: both; - padding: 6px 10px 10px; - text-align: right; -} - -h3#themeheading { -} - -h3#langheading { - margin-bottom: 0; -} - -div#langsettings { - border: 1px solid #443da0; - padding: 8px 7px 12px; - margin-top: -1px; - margin-bottom: -12px; - background: #000; -} - -#langsettings hr { - display: none; -} - -.formaction#langui { - margin: 7px -8px -15px; - border: 1px solid #443da0; - background: #000; -} - -/* console password layout */ - -h3#passwordheading { - margin-top: 25px; - margin-bottom: -2px; -} - -table#consolepass th:nth-child(2) { - text-align: left; -} - -table#consolepass td:first-child { - width: 100px; - white-space:nowrap; -} - -table#consolepass th { - padding: 5px; -} - -table#consolepass td { - padding: 2px 3px; -} - -table#consolepass td { - border-bottom: 1px solid #443da0; - padding: 5px 10px; -} - -table#consolepass input { - margin: 5px; -} - -table#consolepass td#pw_adduser { - padding: 5px 10px; - background: #000; -} - -td#pw_adduser input { - margin: 5px 20px 5px 5px !important; -} - -table#consolepass input[name="name"] { - margin-right: 20px; -} - -table#consolepass input[type="password"] { - width: 200px; -} - -.formaction#consolepass { - margin-bottom: -2px !important; - margin-top: -2px; - border: 1px solid #443da0; - background: #000; -} - -#consolepass input[name="name"], #externali2cp input[name="user"] { - background: #000 url(/themes/console/images/buttons/user.png) 5px center no-repeat; - background: url(/themes/console/images/buttons/user.png) 5px center no-repeat, linear-gradient(to bottom, #000, #000019); - padding: 5px 5px 5px 26px !important; - background-size: 16px 16px, 100% 100% !important; -} - -#consolepass input[name="name"]:focus, #externali2cp input[name="user"]:focus { - background: #000 url(/themes/console/images/buttons/user.png) 5px center no-repeat !important; -} - -#consolepass input[name="nofilter_pw"], #externali2cp input[name="nofilter_pw"] { - background: #000 url(/themes/console/images/buttons/password.png) 3px center no-repeat; - background: url(/themes/console/images/buttons/password.png) 3px center no-repeat, linear-gradient(to bottom, #000, #000019); - padding: 5px 5px 5px 22px !important; - background-size: 16px 16px, 100% 100% !important; -} -#consolepass input[name="nofilter_pw"]:focus, #externali2cp input[name="nofilter_pw"]:focus { - background: #000 url(/themes/console/images/buttons/password.png) 3px center no-repeat !important; -} - -/* end /configui mods */ - -form[action="/createreseed"] > h3 { - border-radius: 0; - border: 1px solid #443da0; - padding: 10px; - font-size: 10.5pt; - word-spacing: 0.1em; - letter-spacing: 0.08em; - background: linear-gradient(to right, #000000, #010010 70%, #010013 90%); - margin-bottom: -13px; -} - -table#configclient { - margin-top: -11px !important; -} - -/* configfamily */ - -#newfamily, #exportfamily { - margin-bottom: 14px !important; -} - -#exportfamily tr:nth-child(2) td:first-child { - background: #000 url(/themes/console/images/info/export_key.png) 12px center no-repeat; - padding: 15px 15px 15px 50px; - background-size: 28px 28px; -} - -#leavefamily { - margin-bottom: 10px !important; -} - -#leavefamily tr:last-child td:first-child { - background: #000 url(/themes/console/images/info/leave_family.png) 12px center no-repeat; - padding: 15px 15px 15px 50px; - background-size: 28px 28px; -} - -/* configreseed */ - -table#reseedconfig input[type="text"], table#reseedconfig input[type="password"] { - width: 170px; -} - -#reseednow { - margin-top: -16px !important; -} - -.formaction#resetreseed { - margin: -4px -5px 0 0; -} - -table#reseedconfig textarea { - width: 100%; - width: calc(100% - 5px); -} - -#reseedconfig tr:nth-child(2) br { - display: none; -} - -#reseedconfig tr:nth-child(2) label { - white-space: nowrap; - margin-right: 10px; -} - -#reseedconfig td:first-child { - line-height: 120%; -} - -/* /configservice */ - -.formaction#shutdown, .formaction#restart, .formaction#systray, .formaction#runonstart, .formaction#dumpthreads, .formaction#browserstart { - border: 1px solid #443da0; - background: #000; - margin-top: -11px; - margin-bottom: 8px; -} - -/* /configpeer */ - -ul#banlist { - margin-top: -2px; -} - -ul#banlist tt { - color: #c11f5d; -} - -ul#banlist { - border: 1px solid #443da0; - background: #000; - padding: 10px 10px 10px 0; - margin: -1px 0 13px; - -moz-columns: 300px auto; - -moz-column-gap: 8px; - -moz-column-rule: 1px dotted #443da0; - -webkit-columns: 300px auto; - -webkit-column-gap: 8px; - -webkit-column-rule: 1px dotted #443da0; - columns: 300px auto; - column-width: 300px; - column-gap: 8px; - column-rule: 1px dotted #443da0; -} - -#profiles ul#banlist { - margin-top: -4px !important; -} - -#banlist li { - list-style: none !important; - border-bottom: 1px dotted #443da0; - margin: 0 10px 3px; - padding-top: 3px; - min-width: 300px; - padding-bottom: 5px; - break-inside: avoid; - page-break-inside: avoid; - -webkit-break-inside: avoid; - display: inline-block; -} - -/* /confignet */ - -h3#iptransport { - margin-bottom: 11px; -} - -p#defaultswork { - margin-bottom: 11px !important; -} - -p#upnpconfig, p#ipchange, p#ipv6config, p#tcpconfig, p#confignotes, p#defaultswork { - padding: 10px; - border: 1px solid #443da0; - margin-bottom: -13px; - margin-top: -12px; -} - -p#defaultswork { - padding: 15px 10px 15px 45px !important; -} - -p#confignotes { - margin-bottom: -21px; - padding: 15px 10px 15px 45px; - background: url(/themes/console/images/info/infohelp.png) 12px center no-repeat !important; -} - -p#ipconfig, p#ipv4config, p#udpconfig, p#externaltcp { - border: 1px solid #443da0; - border-bottom: none; - padding: 10px; - background: #010010; -} - -table#bandwidthconfig { - margin-bottom: 1px; -} - -table#bandwidthconfig td:first-child { - width: 200px; - white-space: nowrap; -} - -table#bandwidthconfig { - padding: 5px 10px !important; -} - -table#bandwidthconfig input, table#bandwidthconfig select { - margin-right: 3px; -} - -/* confignet tidyup */ - -#netconfig .optbox { - margin: 10px 6px 2px !important; - display: inline-block !important; - vertical-align: sub !important; -} - -#netconfig .optbox:first-child { - margin-top: 6px !important; - margin-bottom: 6px !important; -} - -#netconfig .optbox:last-child, #netconfig .optbox[value="only"], #netconfig .optbox[name="disableUDP"], #netconfig .optbox[value="disabled"] { - margin-bottom: 6px !important; -} - -#netconfig input[type="text"] + br + .optbox, #netconfig .optbox[name="ntcpAutoPort"] { - margin-top: 3px !important; -} - -#netconfig input[name*="ost"] { - width: 250px !important; -} - -/* end confignet tidyup */ -/* end /confignet */ - -/* /events */ - -div.eventspanel { - margin-top: -10px; -} - -form[action="events"] { - border: 1px solid #443da0; - margin-top: -11px; - padding: 10px 20px 10px; - margin-bottom: 20px; -} - -form[action="events"] > br { - display: none; -} - -form[action="events"] > .formaction { - margin-bottom: -11px !important; - margin-right: -21px; - margin-left: -21px; -} - -.eventspanel th { - text-align: left; - padding-left: 10px; - font-size: 10pt; - text-transform: uppercase; - letter-spacing: 0.08em; - word-spacing: 0.1em; -} - -.eventspanel table { - font-size: 9pt; -} - -.eventspanel table tr:hover { - background: #020020; -} - -.eventspanel table td { - padding: 5px 10px; -} - -table#addkeyring td:first-child { - width: 15%; - white-space: nowrap; - font-weight: bold; - padding-right: 0; -} - -table#addkeyring tr:last-child { - border-top: 1px solid #443da0; - background: linear-gradient(to bottom, #010014, #010010 50%, #010010 100%); -} - -table#addkeyring tr:last-child td { - padding-right: 6px; -} - -#addkeyring textarea, #addkeyring input[type="text"] { - width: 95%; - width: calc(100% - 15px); -} - -p#keyringhelp, p#webappconfig, p#availableplugins, p#pluginconfigtext, p#clientdefaultshelp, p#bwshare, p#editclients, p#upnpstatus, p#gatherstats { - background: #000 url(/themes/console/images/info/infohelp.png) 12px center no-repeat !important; - border: 1px solid #443da0; - padding: 15px 15px 15px 45px !important; -} - -#config_reseed p.infohelp, #config_family p.infohelp, p#tunnelconfig { - margin-top: 0; -} - -p#keyringhelp, #ffconf, #bwlimiter, #i2pclientconfig, .confignav + h3, #advancedclientconfig, .confignav + .infowarn, #webappconfig, -#config_logging h3, #iptransport, .confignav + form > h3, #pluginmanage, .confignav + .infohelp, #statsForm > h3.ptitle, .infowarn + .infohelp { - margin-top: -4px !important; -} - -p#availableplugins { - margin: 12px 0 -1px; -} - -p#upnpstatus { - margin-top: 10px; -} - -p#webappconfigtext + p, p#pluginconfigtext { - margin-bottom: -1px; -} - -h3#pconfig { - margin-top: -4px; -} - -#pluginconfig th:first-child, #pluginconfig td:first-child, #webappconfig th:first-child { - text-align: right; - white-space: nowrap; -} - -#webappconfig th:nth-child(2), #webappconfig th:nth-child(3) { - text-align: center; -} - -#webappconfig th:last-child { - text-align: left; - padding-left: 5px; -} - -#webappconfig td:first-child::after { - content: ""; - display: inline-block; - min-height: 28px; - vertical-align: middle; -} - -.configtable#webappconfig tr:last-child, .configtable#tunnelconfig tr:last-child { - border-top: 1px inset #120f35 !important; -} - -#pluginconfig td:nth-child(2) { - border-right: 1px inset #120f35 !important; -} - -#pluginconfig td:last-child table { - padding: 5px; - margin: 5px 15px 5px 5px !important; - width: 99%; - width: calc(100% - 8px); -} - -/* /advanced */ - -.wideload > form > input[type="hidden"] + table + p + hr + .formaction { - border-left: none; - border-right: none; -} - -input[type="hidden"] + p { - border: 1px solid #443da0; - padding: 10px; - margin-bottom: -21px; - background: #000; -} - -input[type="hidden"] + p + p { - border: 1px solid #443da0; - padding: 10px; - margin-top: 20px; - margin-bottom: -21px; - background: #010010; -} - -/* /stats */ - -form#statnav { - border: 1px solid #443da0 !important; - padding: 10px 10px 10px 15px; -} - -h3.stats { - border: 1px solid #443da0; - border-radius: 0; -} - -.statlist { - border: 1px solid #443da0; - margin-bottom: -21px !important; - margin-top: -11px !important; - padding: 10px 0 5px; - background: #000; -} - -div.main .statlist li:not(old) { - list-style: none !important; -} - -.statlist:last-of-type { - margin-bottom: -1px !important; -} - -@media screen and (-webkit-min-device-pixel-ratio:0) { -.statlist { - margin-bottom: -25px !important; -} - -.statlist:last-of-type { - margin-bottom: -6px !important; -} -} - -.statlist a[name], .statlist b, .statlist li b, .statlist a[name]:hover { - text-decoration: none; - letter-spacing: normal; -} - -.statlist li::before { - content: "\2B26\00A0"; - font-size: 14pt; - vertical-align: baseline; -} - -.statlist li { - list-style: none; - margin-bottom: -3px; -} - -.statlist li li { - margin-left: 16px; - margin-right: -20px; - line-height: 140% !important; - list-style: none; -} - -.statlist li li::before { - content: "\279F\00A0"; - vertical-align: baseline; -} - -.statlist li li:last-child::before { - content: "\27A1\00A0"; -} - -.statlist li li:last-child { - padding-bottom: 5px !important; -} - -.statlist a[href^="graph"]::before { - content: "\27A1\00A0"; - font-size: 14pt; -} - -.statlist a[href$="&showEvents=true"]::before { - display: none; -} - -.main#stats form { - border: 1px solid #443da0; - padding: 10px; - margin: -13px 0 -11px; -} - -.statlist li ul { - margin-top: 10px; -} - -.statlist li li b { - margin-right: 3px; -} - -li.noevents { - margin-top: 0 !important; - margin-bottom: 10px !important; -} - -.nowrap { - white-space: nowrap; -} - -.statsViewGraphs { - display: inline-block; - margin: 5px 5px 0 20px; -} - -.statsLongName { - color: #37a3df; - font-weight: bold; -} - -p#gatherstats { - margin-top: 1px; - margin-bottom: 25px; -} - -/* end stats */ - -h3#exploratorytunnels { - margin-top: 15px; -} - -h3.tabletitle + .statusnotes, table.tunneldisplay { - margin-top: -1px; -} - -.statusnotes + .statusnotes { - margin-top: -6px; -} - -.statusnotes:last-child { - margin-bottom: 10px; -} - -form > table { - font-size: 9pt; -} - -/* configtunnels */ - -table#tunnelconfig td:first-child { - font-weight: bold; -} - -#tunnelconfig td:nth-child(n+2) { - text-align: left; -} - -.formaction#tunnelconfigsave { - margin-top: -32px !important; -} - -/* end /configtunnels */ - -/* /configupdate */ - -table#i2pupdates { - margin-top: -1px; - margin-bottom: -3px !important; -} - -table#i2pupdates td:first-child { - width: 15%; - white-space: nowrap; - padding-left: 10px; -} - -table#i2pupdates input[name*="URL"], table#i2pupdates textarea { - width: 98%; - width: calc(100% - 10px); - resize: none; -} - -table#i2pupdates tr:last-child td { - padding-right: 6px; - background: #000 !important; -} - -/* /configlogging */ - -input[name="logfilename"], input[name="logformat"], input[name="logdateformat"], input[name="logfilesize"], select[name="defaultloglevel"], select[name="newloglevel"] { - width: 125px; -} - -#loggingoptions td { - padding: 6px; -} - -#loggingoptions td:first-child { - padding-right: 3px; - line-height: 120%; -} - -#loggingoptions td:nth-child(2) { - width: 170px; -} - -#loggingoptions tr:nth-last-child(2) { - white-space: nowrap; -} - -#loggingoptions input[type="text"], #loggingoptions select, #loggingoptions textarea { - min-width: 170px !important; - margin: 3px; -} - -#loggingoptions textarea { - width: 99%; - width: calc(100% - 8px); - resize: none; -} - -#loggingoptions select[name="newlogclass"] { - width: calc(100% - 185px); -} - -/* configsidebar */ - -#config_summarybar .configtable td:not(.optionsave) { - padding-left: 50px; - background: url(/themes/console/images/info/interval.png) 12px center no-repeat; - background-size: 28px 28px; -} - -table#sidebarconf { - margin-top: -1px; -} - -#sidebarconf tr:hover { - background: #020020; -} - -#sidebarconf + .formaction { - margin-bottom: -3px !important; -} - -#sidebarconf button { - margin: 2px; - padding: 4px 3px !important; - min-width: 0; - background: #000; - background: linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; -} - -#sidebarconf button:active { - background: #652787; -} - -#sidebarconf button:hover img { - opacity: 1; -} - -#sidebarconf button:active img { - mix-blend-mode: luminosity; -} - -#sidebarconf button img { - height: 12px; - width: auto; -} - -#sidebarconf th:nth-child(1), .homelinkedit th:first-child, #consolepass th:first-child { - text-align: center; - background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%); - text-indent: -99999px; - width: 5%; -} - -#sidebarconf th:nth-child(2) { - text-align: left; -} - -#sidebarconf td:first-child { - width: 60px; -} - -#sidebarconf td:nth-child(3), #sidebarconf td:nth-child(4) { - width: 60px; - padding: 0; - white-space:nowrap; -} - -#sidebarconf td:nth-child(3) { -} - -#sidebarconf td:nth-child(4) { - text-align: left; -} - -#sidebarconf tr:last-child td { - background: #000; - border-top: 1px solid #443da0; -} - -#sidebarconf select { - margin-left: 0; - width: 100% !important; -} - -#sidebarconf tr:last-child td:last-child { - text-align: left; - padding-left: 0; -} - -.formaction#sidebardefaults { - margin-top: -2px !important; - margin-bottom: -2px !important; -} - -/* end configsidebar */ - -/* /configservice */ - -h3#shutdownrouter, h3#restartrouter, h3#servicedebug, h3#browseronstart, h3#rononstartup, h3#systray { - margin-bottom: -6px; -} - -h3#restartrouter, h3#servicedebug, h3#browseronstart, h3#rononstartup, h3#systray { - margin-top: 11px !important; -} - -/* info paragraphs */ - -h3#shutdownrouter + p, h3#restartrouter + p, h3#servicedebug + p, h3#browseronstart + p, h3#runonstartup + p, h3#systray + p { - background: #010008 url(/themes/console/images/info/infohelp.png) 12px center no-repeat !important; - padding: 10px 15px 10px 50px; - border: 1px solid #443da0; - border-bottom: none; - margin: 5px 0 -20px !important; -} - -h3#servicedebug + p + p { - padding: 10px; - border: 1px solid #443da0; - border-bottom: none; - margin-bottom: -21px; - background: #010010; - margin-top: 20px; -} -/* configclients */ - -table#clientconfig th:first-child { - text-align: right; - padding-right: 5px; -} - -#clientconfig td:nth-child(3) { - white-space: nowrap; -} - -table#clientconfig th:last-child { - text-align: left; - padding-left: 5px; -} - -.formaction#clientsconfig, .formaction#webappconfigactions, .formaction#pluginconfigactions, .formaction#sidebardefaults { - border: 1px solid #443da0; - background: #000; - margin-bottom: 4px; -} - -.formaction#webappconfigactions, .formaction#pluginconfigactions, .formaction#clientsconfig { - margin-top: -2px; - margin-bottom: -2px; -} - -table#externali2cp { - margin-bottom: -2px !important; -} - -.infohelp#clientconf { - margin-bottom: -13px; -} - -.infowarn#clientconf { - margin-bottom: 11px; -} - -/* end /configclients */ - -/* /help */ - -#help p, #help li, #help td { - line-height: 150% !important; -} - -#help li { - padding-right: 5px !important; -} - -#help h3 { - padding: 7px 10px; - font-size: 10pt; -} - -#legal, #sidebarhelp, #volunteer, #reachabilityhelp, #configurationhelp, #faq { - border: 1px solid #443da0; - padding: 0 20px; - margin: 10px 0; - background: #000; -} - -div#volunteer { - border: 1px solid #443da0; - padding: 0 20px; - margin: -5px 0 10px !important; - background: #000 url(images/scarface.jpg) bottom right no-repeat !important; - background-size: auto 60% !important; -} - -#legal h2, #sidebarhelp h2, #volunteer h2, #reachabilityhelp h2, #configurationhelp h2, #faq h2 { - margin: -1px -21px 10px !important; - padding: 10px; - text-transform: uppercase; - font-size: 11pt; - text-align: left; - letter-spacing: 0.08em; - word-spacing: 0.1em; - border-radius: 0; -} - -#legal h2 + p { - padding-top: 10px; -} - -#sidebarhelp h3, #faq h3 { - margin: 0 -21px 10px !important; - padding: 10px; - text-transform: uppercase; - font-size: 10.5pt; - text-align: left; - letter-spacing: 0.08em; - word-spacing: 0.1em; - border-radius: 0; - border: 1px solid #443da0; -} - -#changelog h2, #advancedsettings h2 { - padding: 10px; - text-transform: uppercase; - font-size: 11pt; - text-align: left; - letter-spacing: 0.08em; - word-spacing: 0.1em; - border-radius: 0; - margin: 0 0 -11px !important; -} - -#changelog pre { - margin-top: 11px; - padding: 10px 10px 10px 20px; - max-height: 600px; - overflow-y: scroll; - width: calc(100% - 32px); - border-left: 1px solid #443da0; - border-right: 1px solid #443da0; - background: #000; -} - -#advancedsettings h2 { - margin-bottom: -13px !important; -} - -#advancedsettings p.infohelp { - margin-top: 12px; - margin-bottom: -2px !important; -} - -#configinfo th { - text-align: left; - padding: 8px 10px; - font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace; - color: #393; - background: #002; - background: linear-gradient(to right, #000, #002); -} - -#configinfo td { - text-align: justify; - padding: 7px 10px; -} - -p#fullhistory { - text-align: right; - margin: -13px 0 9px; - border: 1px solid #443da0; - padding: 5px 10px; - background: #000; - position: relative; - z-index: 999; -} - -ul#upnphelp li:last-child, #legal ul li:last-child { - padding-bottom: 0; -} - -#help td.infohelp, #help td.infowarn { - background-size: 24px 24px !important; - padding-left: 46px !important; -} - -#help #configinfo .infowarn { - border: none; - border-bottom: 1px inset #010008; - box-shadow: none; - background-size: 20px 20px !important; - padding: 7px 10px 7px 40px !important; -} - -#help li { - text-align: justify; -} - -/* mini faq */ - -#faq h3 { - padding: 6px 10px 8px 35px !important; - background: url(/themes/console/images/info/question.png) 10px center no-repeat, linear-gradient(to bottom, #191729, #201f33 7%, #1f1e32 9%, #161525 21%, #090812 49%, #05050e 50%, #020206 51%, #010103 53%, #000000 56%) !important; - background-size: 18px 18px, 100% 100% !important; - background-blend-mode: luminosity, normal; - text-transform: none; - font-size: 10.5pt !important; - letter-spacing: 0; - word-spacing: 0; -} - -#faq p.infohelp { - margin: 10px -10px !important; -} - -#faq ul { - margin-bottom: -15px !important; -} - -#faq li code { - margin-left: 10px; -} - -#faq code, #help code { - user-select: all; - -moz-user-select: all; - -webkit-user-select: all; -} - -#portfaq { - width: auto; - margin: 10px -10px; -} - -#portfaq td, #portfaq th { - padding-top: 10px !important; - padding-bottom: 10px !important; -} - -#portfaq th:first-child, #portfaq td:first-child { - font-weight: bold; - text-align: right; -} - -#portfaq .infohelp { - padding-top: 15px !important; - padding-bottom: 15px !important; -} - -#portfaq th { - text-align: left; - padding: 8px 5px !important; -} - -#portfaq th[colspan="3"] { - text-align: left; - font-size: 10.5pt !important; - letter-spacing: 0.08em; - word-spacing: 0.1em; - padding-left: 10px !important; -} - -#portfaq td[colspan="3"] { - font-weight: normal; -} - -#portfaq td:nth-child(2) { - white-space: nowrap; -} - -#portfaq td:first-child { - padding-left: 10px; -} - -#portfaq td:last-child, #portfaq td[colspan="3"] { - text-align: justify; - padding-right: 10px; -} - -/* end mini faq */ -/* end help */ - -/* netdb (main section) */ - -table#netdboverview { - margin: -5px 0 10px; -} - -#netdboverview td { - padding: 0; -} - -#netdbversions, #netdbtransports, #netdbcountrylist { - border: 1px solid #120f35 !important; - margin-bottom: 0; -} - -#netdbcountrylist img { - margin-right: 5px; - text-align: right; -} - -#netdbtransports { - border-left: 1px solid transparent !important; - border-right: 1px solid transparent !important; -} - -#netdbtransports th, #netdbtransports td { - padding-left: 10px !important; - padding-right: 10px !important; -} - -#netdbversions th, #netdbtransports th, #netdbcountrylist th { - border-top: none; - padding: 3px 5px; - line-height: 150%; -} - -#netdbversions td, #netdbtransports td, #netdbcountrylist td { - padding: 5px; -} - -table[cellspacing="30"] > tbody > tr > th[colspan="3"] { /* netdb header */ - padding: 10px; - text-transform: uppercase; - font-size: 11pt; - letter-spacing: 0.08em; - word-spacing: 0.1em; -} - -table[cellspacing="30"] > tbody > tr > td { - padding: 8px; -} - -table[cellspacing="30"] > tbody > tr > td > table > tbody > tr > th:first-child { - text-align: left; - padding: 5px; -} - -table[cellspacing="30"] > tbody > tr > td:first-child > table > tbody > tr > th:first-child { - text-align: center; -} - -/* /netdb - Sybil */ - -th > img[src^="/imagegen"] { /* scale down header images */ - height: 24px; - width: 24px;; - margin: -1px; - border-left: 1px solid #443da0; -} - -/* Advanced lookup */ - -#netdblookup { - margin-bottom: -4px; -} - -#netdblookup th { - text-align: left; - font-size: 11pt; - letter-spacing: 0.08em; - padding: 10px; - text-transform: uppercase; -} - -#netdblookup td:first-child { - text-align: right; - width: 100px; - white-space: nowrap; - font-weight: bold; -} - -#netdblookup td:nth-child(2) { - width: 100px; - padding-left: 0; -} - -.subheading { - text-align: left !important; - background: #000; - padding: 10px; - border: 1px solid #443da0; -} - -.subheading b { - font-size: 10pt !important; -} - -#netdblookup .optbox { - margin: 10px ; -} - -#netdblookup .optionsave { - padding: 10px !important; -} - -#netdb .tabletitle { - margin-bottom: -2px !important; -} - -.sybil_distance th { - text-align: left; - padding: 5px; -} - -.sybil_distance th:last-child, .sybil_distance td:last-child { - text-align: right; -} - -.sybil_distance tr:nth-child(n+2):hover { - background: #002; - font-weight: bold; -} - -.sybil_distance:last-child { - margin-bottom: 9px; -} - -/* leasesets */ - -.netdb_leases, .netdb_leases li, .netdb_leases li:first-child { - margin: 0 !important; -} - -.netdb_leases { - columns: auto 420px !important; - column-rule: 1px solid #114; - column-gap: 1em; -} - -.netdb_leases li { - list-style: none; - display: inline-block; - padding: 1px 5px 1px 0 !important; - margin: 1px 0; - min-width: 400px; -} - -.netdb_leases li b:first-child { - display: inline-block; - min-width: 80px !important; - text-align: right; - margin: 0 !important; - padding: 0 !important; -} - -.netdb_gateway { - margin-left: 0 !important; - margin-right: -8px !important; - vertical-align: bottom; -} - -.netdb_gateway img { - vertical-align: bottom; -} - -.netdb_tunnel { - display: inline-block; - background: #003; - padding: 0 4px; - margin-left: 4px; - margin-right: -4px; - border-radius: 2px; -} - -.netdb_leases .tunnel_id { - min-width: 74px; -} - -.netdb_leases .tunnel_peer { - min-width: 64px; -} - -.netdb_leases .tunnel_peer tt, .netdb_leases .tunnel_peer tt a { - font-size: 8.5pt !important; - font-weight: bold !important; -} - -.netdb_leases .tunnel_peer tt, .netdb_leases .tunnel_peer a { - letter-spacing: 0.1em !important; - margin: 0 !important; - padding: 0 !important; -} - -.main li .netdb_expiry { - font-weight: normal; - text-transform: lowercase; - font-style: italic; -} - -/* end leasesets */ -/* end netdb */ - -/* logs */ - -a[name="criticallogs"] + p + h3 + p + ul { /* tidy router logs ul */ - border: 1px solid #443da0; - margin-bottom: 15px; -} - -#enviro, #criticallogs, #routerlogs, #eventlogs, #wrapperlogs { - margin-top: -11px; -} - -#wrapperlogs { - width: 100%; - overflow-x: scroll; - table-layout: fixed; -} - -#bugreports { - margin-top: 10px; -} - -#bugreports td { - background: url(/themes/console/images/info/infohelp.png) 12px center no-repeat !important; - padding: 15px 10px 15px 50px; -} - -#enviro:hover { - -moz-user-select: all; - --webkit-user-select: all; - user-select: all; - cursor: text; -} - -#enviro:hover td { - background: #001; - border-top: 1px inset transparent; - border-bottom: 1px inset transparent; - color: #dd0; -} - -#enviro td { - font-weight: normal !important; - padding: 5px 10px; -} - -#enviro td:first-child { - width: 1%; - text-align: right; - padding-right: 0; - white-space: nowrap; -} - -#criticallogs td , #routerlogs td, #eventlogs td, #wrapperlogs td { - font-weight: normal !important; - padding: 5px 10px; - border-top: 1px solid #443da0; -} - -#criticallogs td:empty { - display: none; -} - -table[id$="logs"] tr:nth-child(odd){ - background: #010011; -} - -table[id$="logs"] tr:nth-child(even){ - background: #000; -} - -table[id$="logs"] ul { - margin: -3px 15px -10px -18px !important; -} - -#wrapperlogs { - margin-bottom: 10px; -} - -#wrapperlogs tr:last-child td { - padding: 0 0 0 5px; -} - -#wrapperlogs pre { - margin-bottom: 0 !important; - white-space: pre-wrap !important; - word-wrap: break-word; - width: 100%; - height: 600px; -} - -.main#logs li { - word-break: break-all; - font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace; -} - -.logtable ul li:not(old) { - list-style: none !important; - margin-left: 15px; -} - -/* Override error log colors */ - -font[color="#006600"] { /* debug */ - color: #090; -} - -font[color="#bf00df"] { /* warning */ - color: #909; -} - -font[color="#ff3300"] { /* error */ - color: #d00; -} - -font[color="#cc0000"] { /* critical */ - color: #f00; -} - -font[color="#000099"] { /* info */ - color: #bb0; -} - -/* end log color overrides */ - -#logs li { - list-style: none; - font: 8.5pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace; - line-height: 130%; - text-align: left; - width: 100%; - margin-right: 5px !important; - padding: 2px 0; -} - -#criticallogs li { - width: 100%; -} - -#logs li::after { - content: ""; - display: block; - border-top: 1px dotted #005; - width: 100%; - margin: 5px 0 -3px; -} - -#logs li:last-child::after { - border: none; - margin: 0; -} - -#logs font[color^="#"]::before { - content: ""; - display: inline-block; - width: 6px; - height: 6px; - background: #fff; - border-radius: 50%; - margin-right: 5px; - margin-left: 0; - vertical-align: calc(1px); -} - -#logs li font[color="#cc0000"]::before { - background: #f00; -} - -#logs li font[color="#006600"]::before { - background: #090; -} - -#logs li font[color="#ff3300"]::before { - background: #d00; -} - -#logs li font[color="#bf00df"]::before { - background: #909; -} - -#logs li font[color="#000099"]::before { - background: #bb0; -} - -/* /profiles */ - -#profilelist tr:hover, #floodfills tr:hover { - background: #040033; -} - -#profilelist tr:hover td, #floodfills tr:hover td { - color: #c9ceff; -} - -#profilelist th, #profilelist td { - text-align: right; -} - -#profilelist td:nth-child(2), #profilelist th:nth-child(2) { - text-align: left; -} - -#profilelist td:first-child { - width: 1%; - text-align: right; -} - -#profilelist td:first-child { - text-align: right !important; - padding-left: 4px; -} - -#profilelist td:first-child, #profilelist th:first-child, #profilelist td:nth-last-child(2), #profilelist th:nth-last-child(2) { - white-space: nowrap; - text-align: center; -} - -#profilelist td:nth-child(3) { - letter-spacing: 0.1em; -} - -#profilelist th:last-child { - text-align: center; - padding-right: 8px; -} - -#profilelist td:last-child { - text-align: center; - width: 1%; - white-space: nowrap; -} - -#profilelist td[colspan="9"] { /* profile class separator */ - background: #050044; - padding: 1px; - border: 1px inset #000; -} - -a[href^="configpeer?peer"]:not(old) { - font-size: 0 !important; - filter: drop-shadow(0 0 1px #777); -} - -a[href^="configpeer?peer"]::after { - content: url(/themes/console/images/buttons/edit.png); - vertical-align: top; - margin: 0 0 0 4px !important; - line-height: 0 !important; -} - -a[href^="configpeer?peer"]:hover { - filter: drop-shadow(0 0 1px #99f); -} - -table#profile_defs, table#thresholds { - margin-top: -1px; - margin-bottom: 10px; -} - -table#profile_defs td, table#thresholds td { - padding: 5px; -} - -#profile_defs td:first-child { - width: 5% !important; - white-space: nowrap; - text-align: right; -} - -#profile_defs td:last-child { - white-space: normal; - line-height: 120%; -} - -#thresholds th, #thresholds td { - text-align: center !important; -} - -#capabilities_key td { - padding: 0 !important; -} - -#capabilities_key table { - margin: 0 !important; - border: none; - border-top: 1px solid #004; - border-bottom: 1px solid #004; -} - -#capabilities_key table td { - padding: 3px 5px !important; -} - -#capabilities_key table td:nth-child(even) { - width: 16px; -} - -#capabilities_key td:nth-child(2) b, #capabilities_key td:nth-child(4) b { - display: inline-block; - min-width: 16px; - background: #003; - border-radius: 2px; - padding: 1px 2px; - text-align: center; -} - -#capabilities_key td:nth-child(2), #capabilities_key td:nth-child(4) { - text-align: right; -} - -#capabilities_key td[colspan="5"] { - text-align: left; -} - -#profile_defs b { - text-transform: capitalize; -} - -#capabilities_key b { - text-transform: none !important; -} - -table#profile_defs + hr { - display: none; -} - -.main#profiles .widescroll { - margin-top: -5px !important; -} - -.main#profiles ul#banlist { - margin-top: 5px; -} - -#profiles_overview { - margin-top: -4px; -} - -#floodfills { - margin: 0 0 10px; -} - -#floodfills + hr { - display: none; -} - -#floodfills th, #floodfills td { - text-align: right !important; -} - -#floodfills th { - white-space: normal; - text-align: center !important; -} - -#floodfills td { - padding: 3px !important; -} - -#floodfills th:first-child, #floodfills td:first-child { - text-align: center !important; - width: 52px; - white-space: nowrap; - padding: 0 !important; -} - -#floodfills td:first-child { - text-align: right !important; - padding-left: 4px !important; - padding-right: 5px !important; -} - -#profilelist td:first-child > *, #floodfills td:first-child > *, -#udpconnections td:first-child > *, #ntcpconnections td:first-child > * { - vertical-align: middle; -} - -table#viewprofile { - margin-bottom: 8px; -} - -table#viewprofile td { - padding: 10px 15px 0; -} - -#viewprofile pre { - margin-bottom: 0; - white-space: pre-wrap; -} - -ul#banlist { - border: 1px solid #443da0; - background: #000; - padding: 10px 10px 10px 0; - margin-bottom: 10px; -} - -ul#banlist li:last-child { - margin-bottom: 0; -} - -ul#banlist + hr { - display: none; -} - -a[href^="/profiles"] ~ table > tbody > tr > th { - text-align: right; -} - -a[href^="/profiles"] ~ table > tbody > tr > th:nth-last-child(2) { - text-align: center; -} - -a[href^="/profiles"] ~ table > tbody > tr > th:nth-child(2) { - text-align: center; -} - -a[href^="/profiles"] ~ table > tbody > tr > th:first-child { - text-align: center; -} - -/* jardump */ - -#jardump { - padding: 0; - overflow: auto; -} - -table#jardump { - margin-top: -1px; - margin-bottom: 0; - font-size: 8pt !important; - border: none; -} - -#jardump tt { - letter-spacing: -0.03em; -} - -#jardump hr { - margin: 1px 0 0; - width: 100%; - height: 1px; - background: #120f35; - display: block !important; -} - -#jardump th { - border-right: none; - border-left: none; -} - -#jardump th, #jardump td { - vertical-align: middle !important; - text-align: center !important; -} - -#jardump th:first-child { - padding-left: 5px; -} - -#jardump th:first-child, #jardump td:first-child { - text-align: left !important; -} - -#jardump .subheading { - padding: 6px 5px !important; -} - -#jardump .subheading code { - font-weight: bold; -} - -.subheading.routerfiles { - background: url(/themes/console/images/eepsite.png) right 5px center no-repeat, linear-gradient(to right, #000, #000010 40%) !important; - background-size: 16px auto, 100% 100% !important; - background-blend-mode: luminosity, normal; -} - -.subheading.pluginfiles { - background: url(/themes/console/images/plugin.png) right 5px center no-repeat, linear-gradient(to right, #000, #000010 40%) !important; - background-size: 16px auto, 100% 100% !important; - background-blend-mode: luminosity, normal; -} - -#jardump td { - border-right: 1px inset #120f35; -} - -#jardump td:nth-child(2) { - text-align: right !important; - font-style: italic; -} - -#jardump td:last-child { - word-break: break-all; - text-align: left !important; - border-right: none; -} - -#jardump tr:hover td { - border: 1px solid #115; - border-left: 1px solid transparent; - border-right: 1px solid transparent; -} - -#jardump td:first-child { - padding-left: 22px; -} - -#jardump td:first-child, #jardump tr:hover td:first-child { - background-image: url(/themes/console/images/info/box.png) !important; - background-position: 5px center; - background-repeat: no-repeat; - background-size: 16px 16px; -} - -#jardump tr:hover td:first-child { - padding-left: 20px; -} - -#jardump td:first-child b { - display: inline-block; - padding: 4px; - border-radius: 2px; - margin-right: 4px; - margin-left: 0; -} - -#jardump tr:hover td:first-child b { - background: #004; - border: 1px solid #001; - margin-right: 0; - margin-left: 4px; - box-shadow: 0 0 1px 0 #001; - width: 95%; - width: calc(100% - 10px); -} - -#jardump tr:hover hr { - background: transparent; -} - -.revision, .sha256, .unsignedmod { - display: inline-block; - -moz-user-select: all; - -webkit-user-select: all; - user-select: all; -} - -#jardump td:last-child { - word-break: break-all; - text-align: left !important; - border-right: none; - padding: 1px 0 1px; -} - -.unsignedmod { - padding: 2px 3px 2px 4px; - margin: 0; -} - -#jardump tr:hover .unsignedmod:not(:empty) { - background: #400; - color: #fff; - border-radius: 2px; -} - -.revision:hover, .sha256:hover { - overflow: auto; - text-overflow: clip; -} -} - -/* end jardump */ - -.main#certs { - padding-top: 3px; -} - -.main#certs h3 { - margin-bottom: -16px !important; - border: 1px solid #443da0; - border-radius: 0; - padding: 7px 10px; -} - -.main#certs h4 { - padding: 5px 10px; - margin: 15px 0 0; - border: 1px solid #443da0; - letter-spacing: 0.05em; - font-size: 10pt; - background: linear-gradient(to right, #000, #002); -} - -.main#certs h3 + p { - margin-top: 15px; -} - -.main#certs p { - margin-top: -1px; - padding: 10px; - border: 1px solid #443da0; - background: #000; -} - -.main#certs p + p:empty + h4 { - margin-top: -13px !important; -} - -.main#certs textarea { - margin: -1px 0 11px 0; - width: 100%; -} - -.main#tunnels th { - padding: 5px 2px; -} - -.main#proof textarea, .main#proof textarea:focus { - margin-top: 12px !important; - background: none; - border: 0; - color: #c9ceff !important; - filter: none; - resize: none; - box-shadow: none; - font-size: 9pt; - line-height: 180%; -} - -#proof p { - margin: 15px 5px; - padding: 30px 15px 0; - border: 1px solid #000; - border-radius: 2px; - box-shadow: inset 0 0 0 1px #225, 0 0 1px #000; - background: url(/themes/console/images/info/rosette.png) right 8px top 8px no-repeat #002; - background: url(/themes/console/images/info/rosette.png) right 8px top 8px no-repeat rgba(0,0,32,0.4); - background-blend-mode: color-burn; -} - -#proof textarea { - line-height: 160%; - font-size: 9pt; - overflow: hidden; - word-break: break-all; - white-space: pre-wrap; - height: 200px; -} - -#proof textarea:focus { - outline: none; -} - -#oldconsole p { - margin: 17px 6px 15px; - padding: 10px 20px; - line-height: 200%; - border: 1px solid #000; - border-radius: 2px; - box-shadow: inset 0 0 0 1px #225, 0 0 1px #000; - background: #002; - background: rgba(0,0,32,0.4); -} - -#oldconsole b { - display: inline-block; - min-width: 120px; - margin-right: 8px; - text-align: right; -} - - -.main#webmail { - padding: 0; - background: #000 !important; - min-width: 736px; -} - -.main#torrents, .main#tunnelmgr { - padding: 0; - background: url(images/scarface.jpg) right bottom no-repeat, linear-gradient(to bottom, #000, #001) !important; - background-size: auto 120px, 100% 2px !important; - background-blend-mode: screen; -} - -.main#torrents { - min-width: 640px; -} - -.main#tunnelmgr { - padding: 0 5px; - min-width: 630px; -} - -#i2ptunnelframe { - margin: -5px 0; -} - -/* debug */ - -#debug h2, #debug h3 { - border-radius: 0; -} - -#debug h2 { - padding: 10px !important; - background: url(/themes/console/images/info/debug.png) right 5px center no-repeat, linear-gradient(to bottom, #191729 0%, #000000 50%) !important; - background-size: 24px 24px, 100% 100% !important; - background-blend-mode: luminosity, normal; -} - -#debug h2:first-child, #dht { - margin-top: 10px !important; -} - -#debug h2 + table { - margin-top: -13px; -} - -#debug th:last-child, #debug td:last-child { - text-align: right; -} - -#debug td:last-child { - vertical-align: top; -} - -#debug_portmapper { - margin-top: -4px !important; -} - -#portmapper td { - padding: 5px 10px !important; -} - -#portmapper th, #portmapper td { - text-align: left !important; -} - -#portmapper td:first-child { - font-weight: bold; -} - -.debug_container { - margin-top: -11px; - border: 1px solid #443da0; - padding: 10px 15px; - background: #000008; -} - -.debug_container:empty::after { - content: "None"; - display: inline-block; - font-style: italic; -} - -.buckets { - margin-top: -13px; - margin-bottom: 9px; - max-height: 600px; - overflow: auto; - word-break: break-all; -} - -.buckets hr { - display: none; -} - -.debug_container + h3, .debug_outboundsessions { - margin-top: -1px; -} - -.debug_outboundsessions { - margin-top: -2px; -} - -#debug h3.debug_outboundsessions, #debug h3.debug_inboundsessions { - padding: 6px 10px 6px 28px !important; - background-blend-mode: luminosity, normal; -} - -#debug h3.debug_outboundsessions { - background: url(/themes/console/images/outbound.png) 6px center no-repeat, linear-gradient(to bottom, #191729 0%, #000 50%) !important; -} - -#debug h3.debug_inboundsessions { - background: url(/themes/console/images/inbound.png) 6px center no-repeat, linear-gradient(to bottom, #191729 0%, #000 50%) !important; -} - -.debug_version { - color: #060; -} - -#debug h2 + h3, .buckets { - margin-top: -13px; -} - -#debug h3 + table { - margin-top: -11px; -} - -#debug th { - padding: 7px 10px !important; -} - -#debug h3 { - border-width: 1px !important; - padding: 5px 10px !important; -} - -#debug ul, .debug_targetinfo { - columns: 400px 2; - column-rule: 1px solid #113; - column-gap: 30px; - margin: 0 !important; - text-align: left; -} - -.debug_targetinfo { - line-height: 140% !important; -} - -.debug_container { - line-height: 160% !important; -} - -.debug_container.buckets { - line-height: 140% !important; -} - -.debug_targetinfo b { - margin-right: 3px; -} - -#debug li { - display: inline-block; - text-align: left !important; - margin: 0 !important; - padding: 2px 0 !important; - min-width: 400px !important; -} - -/* end debug */ - -.footnote { - text-align: right; - font-size: 8pt; - margin-bottom: 5px !important; -} - -.footnote hr { - margin: 10px 0 5px 0 !important; - color: #443da0; - background: #443da0; - height: 1px; - border: 0 solid #443da0; -} - -.topness { - font-size: 7.5pt; - text-align: right; - margin-top: -10px !important; - margin-bottom: -5px; - margin-right: 5px; -} - -/* begin home page */ - -#home .welcome h2 { - margin-top: 12px !important; -} - -#homepanel { - margin: 0 -8px; -} - -h4.app, h4.app2 { - background: linear-gradient(to bottom, #191729, #000 75%) !important; - border: 1px solid #443da0; - font-size: 10.5pt; - font-variant: small-caps; - letter-spacing: 2px; - margin: 11px -8px -9px -8px; - padding: 7px 8px 7px; - text-transform: uppercase; - text-align: left; - letter-spacing: 0.08em; - word-spacing: 0.1em; -} - -h4.app2 { - clear: left; - position: relative; - top: -4px; - margin-bottom: -13px; -} - -div.ag2 { - margin: 0 5px 12px; - padding: 0; -} - -div.app { - float: left; - padding: 2px 0 0; - min-width: 70px; - border: 1px solid #443da0; - background: #000; - background: linear-gradient(to bottom, #020020, #000); - border-radius: 2px; - margin: 2px 3px 5px; - text-align: center !important; - opacity: 0.8; - box-shadow: inset 0 0 0 1px #000; - transition: border ease 0.3s; -} - -.app a:link, .app a:visited { - color: #7670c2; - display: inline-block; - width: 100%; -} - -div.app:hover { - opacity: 1; - border: 1px solid #652787; - background: #000; - box-shadow: none; - color: #652787 !important; -} - -div.app:hover img { - filter: drop-shadow(0 0 3px #652787) !important; - mix-blend-mode: normal; -} - -div.app:active .applabel { - background: #652787 !important; - box-shadow: inset 0 0 0 1px #000; -} - -div.app:active .applabel a { - color: #c9ceff !important; -} - -div.app a:link, div.app a:hover, div.app a:active { - outline: none; -} - -div.app a:focus img { - filter: drop-shadow(0 0 3px #c96fff) !important; -} - -div.app a:focus { - color: #652787; -} - -div.app:hover a:link, div.app:hover a:visited { - color: #652787; -} - -div.app:last-child { - margin-bottom: 12px; -} - -h4.app + .appgroup div.app:last-child { - margin-bottom: 13px; -} - -h4.app2 + .appgroup div.app:last-child { - margin-bottom: 12px; -} - -div.appgroup { - margin: 0; - padding: 16px 0; - width: auto; -} - -div.search { - margin: 10px 10px 0 0; - padding: 8px 8px 0 8px; - width: auto; -} - -table.search { - background: none; - width: 80%; - margin-left: auto; - margin-right: auto; - margin-top: -19px; -} - -.search tr { - background: #000 url(images/header.png) center center repeat-x; - background: linear-gradient(to bottom, #000010 0%, #000019 50%, #000 51%) !important; -} - -.search td { - padding: 4px; - text-align: center; -} - -.search td:nth-child(2) { - width: 50px; - padding: 4px 0 4px 20px; -} - -.search td:last-child { - text-align: left !important; - width: 50px; - padding-right: 10px; -} - -input.search, input.search:hover { - background: #000 url(/themes/console/images/buttons/search.png) 4px center no-repeat; - background: url(/themes/console/images/buttons/search.png) 4px center no-repeat, linear-gradient(to bottom, #000, #000019); - padding: 4px 3px 4px 24px; - vertical-align: middle; - width: 100%; -} - -input.search:focus { - background: #000 url(/themes/console/images/buttons/search.png) 4px center no-repeat; -} - -.search select { - width: 90%; -} - -.appimg { - height: 45px; -} - -.app img { - height: 32px; - width: auto; - max-height: 32px; - max-width: 32px; - padding: 9px 50px 35px; - margin-bottom: 1px; - mix-blend-mode: luminosity; -} - -div.app:hover .app img { - filter: saturate(200%); - mix-blend-mode: normal; -} - -.app table { - background: none; - border: 0; - margin: auto; - width: auto; -} - -.app tr { - background: none; - border: 0; - margin: 0; -} - -.app td { - background: none; - border: 0; - margin: 0; - padding: 3px 0 0; -} - -.applabel { - margin: 2px 0 0; - padding: 5px 2px 6px; - text-align: center; - vertical-align: bottom; - line-height: 95%; - text-transform: lowercase; - border: none; - width: 150px; - background: #001 url(images/titles.png) center center; - background: linear-gradient(to bottom, #121225 50%, #00000d 50%); - border-radius: 0 0 2px 2px; - border-top: 1px solid #443da0; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - color: #4e47bf; - box-shadow: inset 0 0 0 1px #000; -} - -.applabel:hover { - background: #000; - border-top: 1px solid #652787; - color: #652787; -} - -.applabel a, .applabel a:hover { - text-decoration: none !important; - outline: none; - max-width: 144px; - overflow: hidden; - text-overflow: ellipsis; - display: inline-block; - padding: 2px 0; -} - -div.app:hover .applabel { - border-top: 1px solid #652787 !important; - background: #000; - color: #652787; -} - -/* end home page */ - -iframe.iframed { - margin: 15px 0 0; -} - -#i2psnarkframe, #susimailframe { - margin-top: -1px; -} - -.main#dns { - padding: 0; - min-width: 640px; - background: #000 !important; -} - -#susidnsframe { - margin-top: -2px; -} - -/* Fixes for when app is not started and console error loads inside iframe */ - -body.iframed { - background: transparent url(/themes/console/images/transparent.gif) !important; -} - -.iframed .routersummaryouter { - display: none !important; -} - -.iframed h1 { - margin: 0 5px 0 5px !important; -} - -.iframed div.sorry { - margin: -1px 5px 10px 5px !important; -} - -/* end iframed console fixes */ - -/* global overrides */ - -h3[id*="job"] { - border: 1px solid #443da0; - padding: 6px; - margin: 12px 0 10px 0; - border-radius: 0; - text-transform: uppercase; - text-shadow: 0 0 2px #010011; - letter-spacing: 0.08em; -} - -/* netdb */ - -.netdbentry, .leaseset { - width: 100% !important; - margin-bottom: 10px; -} - -.confignav + .netdbentry { - margin-top: -4px !important; -} - -.netdbentry td b, .leaseset td b, #leasesetdebug td b, .sybil_routerinfo td b { - color: #c9ceff !important; -} - -span#distance { - color: #d6fffd !important; -} - -.netdbentry th { - font-weight: normal; - text-align: left; - padding: 4px 6px; -} - -.netdbentry th code, .leaseset th code, .sybil_routerinfo th code { - font-size: 9pt; - font-weight: bold; - margin-left: 5px; -} - -.netdbentry th:last-child { - text-align: right; - padding: 5px; - white-space: nowrap; - width: 50px; -} - -.netdbentry th:first-child { - white-space: nowrap; -} - -.netdbentry td:first-child { - width: 80px; -} - -.netdbentry td:nth-child(2) { - word-break: break-all; - hyphens: none; -} - -.netdbentry img { - margin: 1px 0 0 0; -} - -.netdbentry tr:last-child code { - font-weight: bold; -} - -#leasesetdebug, #leasesetsummary { - margin-top: -4px; - margin-bottom: 10px; -} - -.leaseset th { - font-weight: normal; - padding: 5px; - text-align: left; -} - -.leaseset th:last-child, .leaseset td:nth-child(2) { - text-align: right; - padding-right: 5px; -} - -.leaseset td:first-child img { - margin-left: 3px; - margin-right: 2px; -} - -#leasesetdebug th, #leasesetsummary th { - font-weight: bold; - text-transform: uppercase; - font-size: 10pt; - letter-spacing: 0.08em; - word-spacing: 0.1em; - padding: 8px 10px; -} - -#leasesetdebug th a, #leasesetsummary a { - font-size: 9pt; - text-transform: capitalize; - letter-spacing: normal; - word-spacing: normal; -} - -#leasesetsummary td:first-child { - width: 100px; - white-space: nowrap; - padding-left: 10px; -} - -#leasesetdebug th:first-child, #leasesetsummary th:first-child { - text-align:left; - white-space: nowrap; -} - -#leasesetdebug th:last-child, #leasesetsummary th:last-child { - text-align:right; - white-space: nowrap; -} - -#leasesetdebug td:nth-child(odd) { - width: 200px; - white-space: nowrap; - text-align: right; - border-right: 1px inset #120f35; -} - -#leasesetdebug td:nth-child(even) { - text-align: left; - white-space: nowrap; -} - -#leasesetdebug td:nth-child(2) { - width: 10px; -} - -#leasesetdebug th a:not(old), #leasesetsummary th a:not(old) { - font-size: 0; -} - -#leasesetdebug th a::after, #leasesetsummary th a::after { - content: url(/themes/console/images/buttons/floodfill.png); - vertical-align: text-top; - padding-right: 0; -} - -.addtobook { - text-align: right; -} - -.addtobook a:not(old) { - font-size: 0; -} - -.addtobook a::after { - content: url(/themes/console/images/buttons/add_address.png); -} - -a.viewfullentry:not(old), a[href^="viewprofile"]:not(old) { - font-size: 0; -} - -a.viewfullentry::after, a[href^="viewprofile"]::after { - content: url(/themes/console/images/buttons/fullview.png); - vertical-align: text-top; -} - -#noleasesets, #notinitialized, .netdbnotfound { - background: #000 url(/themes/console/images/info/infohelp.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px !important; - border: 1px solid #443da0; - margin-top: -4px; - margin-bottom: 10px; - text-align: left; -} - -#sybilnav, #sybils_summary { - border: 1px solid #443da0; - padding: 10px; - margin-bottom: 10px; -} - -#sybilnav { - -moz-columns: 4 200px; - -webkit-columns: 4 200px; - columns: 4 200px; - padding: 10px; -} - -#sybilnav li { - break-inside: avoid; - page-break-before: right; - -webkit-column-break-inside: avoid; -} - -#sybilnav ul li { - list-style: none; - padding-left: 0; - margin-left: 0; - margin-bottom: 5px; - min-width: 110px; - white-space: nowrap; - border: 1px solid #443da0; - border-radius: 2px; - background: linear-gradient(to right, #000, #002 80%); - box-shadow: inset 0 0 0 1px #000; -} - -#sybilnav ul li:hover { - border: 1px solid #652787; - background: #652787; -} - -#sybilnav a { - display: inline-block; - width: 100%; -} - -#sybilnav ul li:hover a { - color: #652787; - color: #fff; -} - -#sybilnav ul li:active { - background: #39144f; -} - -#sybilnav ul li:active a { - color: #c9ceff !important; -} - -#sybilnav ul li a { - padding-right: 30%; - box-sizing: border-box; -} - -#sybilnav ul li::before { - content: url(/themes/console/images/buttons/show.png); - mix-blend-mode: luminosity; - margin-right: 5px; - font-size: 16pt; - line-height: 50%; - vertical-align: middle; - padding-left: 5px; -} - -#sybilnav ul li:first-child { - margin-top: 0; -} - -#sybilnav ul li:last-child { - margin-bottom: -10px; - padding-bottom: 2px; -} - -/* end sybilnav */ - -.sybil_routerinfo { - margin-bottom: 10px; -} - -.sybil_routerinfo th { - padding: 1px 1px 1px 6px !important; -} - -.sybil_routerinfo th:first-child { - text-align: left; -} - -.sybil_routerinfo:first-of-type th { - padding: 6px !important; -} - -.sybil_routerinfo th:first-child { - white-space: nowrap; -} - -.sybil_routerinfo th:nth-last-child(2) { - text-align: right !important; - padding-right: 0 !important; -} - -.sybil_routerinfo th:last-child { - width: 20px; -} - -.sybil_routerinfo td:first-child { - width: 50px; - white-space: nowrap; -} - -p.sybil_info, p.family, p.threatpoints, p.hashdist, p#sybil_totals, p.notfound { - border: 1px solid #443da0; - padding: 5px 5px 5px 30px; - margin: 3px 0; - font-weight: bold; - background: url(/themes/console/images/buttons/show.png) 8px center no-repeat, #002; - background: url(/themes/console/images/buttons/show.png) 8px center no-repeat, linear-gradient(to right, #000, #001 80%, #002); - background-blend-mode: luminosity; - box-shadow: inset 0 0 0 1px #080077; -} - -p#sybil_totals { - font-weight: normal; -} - -p.sybil_info, p.hashdist, p.family { - margin-top: -1px; -} - -p.sybil_info + p.sybil_info, p.family + p.family { - margin-top: -4px; -} - -p.sybil_info + a[name] + .sybil_routerinfo, p.hashdist + a[name] + .sybil_routerinfo { - margin-top: 10px !important; -} - -.threatpoints + ul { - border: 1px solid #443da0; - padding: 5px 5px 0; - margin: -4px 0 10px; - background: #000; -} -.threatpoints + ul li:last-child { - margin-bottom: -5px; -} - -.sybil_routerinfo + .threatpoints + ul + a[name] + table { - margin-top: -11px !important; -} - -.sybil_routerinfo + .threatpoints + ul { - margin-bottom: 10px; -} - -/* end netdb */ - -/* /confignet, /configadvanced */ - -.configtable + .tabletitle { - margin-top: 12px; -} - -.configtable { - margin-top: -1px; - margin-bottom: -2px !important; -} - -.configtable tr:last-child { - border-top: 1px solid #443da0; -} - -#netconfig th, #externali2cp th, #plugininstall th, #plugininstall2 th, .configtable th, th.th_title { - text-align: left; - padding: 5px 10px !important; - text-transform: uppercase; - font-size: 10pt; - letter-spacing: 0.08em; - word-spacing: 0.1em; -} - -.configtable td { - padding: 6px 10px; - background: #000; - line-height: 180%; -} - -.configtable input, .configtable textarea, .configtable select { - margin-left: 5px; -} - -#netconfig img[src*="itoo"] { - display: none; -} - -.configtable td.tabletextarea { - padding: 0 !important; -} - -textarea#advancedsettings { - margin: 0 !important; - width: 100%; - resize: none; - overflow-x: hidden; - white-space: pre-wrap; - border: 0 none transparent; - border-radius: 0; -} - -.configtable td.infohelp, p.infohelp, td.infohelp, p#debugmode, p#sybilinfo, p.infowarn, td.infowarn { - background: #000 url(/themes/console/images/info/infohelp.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px !important; - text-align: justify; - line-height: 130%; - border-bottom: 1px solid #443da0; - border-top: 1px solid #443da0; - white-space: normal !important; - font-weight: normal !important; -} - -p.infowarn, td.infowarn, p.infohelp, td.infohelp { - line-height: 130% !important; - background-size: 28px 28px !important; -} - -p.infowarn, td.infowarn { - background: #000 url(/themes/console/images/info/infowarn.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px !important; - border: 1px solid #443da0; -} - -.logtable, #enviro { - margin-top: -1px !important; -} - -p.infohelp, p#debugmode, p#sybilinfo { - border: 1px solid #443da0; -} - -p#debugmode, p#sybilinfo { - margin-top: -4px; -} - -td.optionsave { - text-align: right; - border-top: 1px solid #443da0; - padding: 7px 5px !important; - white-space: nowrap; - width: 50px; - background: #000; -} - -#floodfillconfig form, #plugininstall form, #plugininstall2 form, #updateplugins form, .configtable form { - margin-bottom: 0; -} - -h3.h3table, h3.tabletitle, h3#i2pclientconfig, h3#advancedclientconfig, h3#webappconfig, h3#pconfig, h3#pluginfromurl, -h3#pluginfromfile, h3#updateplugins, h3#pluginmanage, h3#bannedpeers, h3.ptitle, h3#transports, h3#upnpstatus, h3.sybils { - margin-bottom: 0 !important; - border-radius: 0; - border: 1px solid #443da0; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 7px 10px; -} - -h3#pluginmanage { - margin-bottom: -13px !important; -} - -.sybils#samefamily { - margin-bottom: 10px !important; -} - -h3.tabletitle a { - text-transform: lowercase; - letter-spacing: normal; -} - -h3.sybils + div, h3.sybils + a[name] + table { - margin-top: -1px; -} - -p.notfound { - margin-top: -1px; -} - -h3#transports { - margin-bottom: -1px !important; -} - -h3#upnpstatus { - margin-bottom: 10px !important; -} - -h3#upnp { - border: 1px solid #443da0; -} - -#upnpscan { - border: 1px solid #443da0; - margin: -11px 0 10px; - padding: 5px 15px; - background: #000; -} - -h3.ptitle { - margin-bottom: -6px !important; -} - -h3#webappconfig { - margin-bottom: -13px !important; -} - -p#webappconfigtext { - margin: 1px 0 15px 0; - background: #000 url(/themes/console/images/info/java_edit.png) 12px center no-repeat !important; - background-size: 28px 28px !important; -} - -#pluginconfig, #i2pupdates, .homelinkedit, #peerdefs { - margin-top: -1px; -} - -#i2pupdates select { - min-width: 220px; -} - -#i2pupdates .optbox { - margin-left: 8px; -} - -h3#i2pclientconfig, h3#pconfig, h3#pluginfromurl, h3#pluginfromfile { - margin-bottom: -13px !important; -} - -table#advconf { - margin-bottom: 9px !important; -} - -p#javaclienthelp { - border: 1px solid #443da0; - background: url(/themes/console/images/info/infohelp.png) 12px center no-repeat !important; - padding: 10px 10px 10px 50px !important; -} - -div#clientsconfig { - margin-top: -2px; -} - -table#externali2cp th { - text-align: left; -} - -#tunnelconfig th { - padding: 6px 10px; -} - -#tunnelconfig th img { - margin-bottom: -2px; -} - -th.th_title { - padding: 7px 10px !important; - text-align: left; - background: linear-gradient(to bottom, #191729 0%, #000 50%) !important; - box-shadow: inset 0 0 0 1px #000; -} - -input#hideme { - display: none; -} - -#plugininstall input[type="text"] { - width: 50%; - min-width: 400px; -} - -#plugininstall input.cancel { - display: none; -} - -#pluginupdater { - border: 1px solid #443da0; - padding: 15px 5px 15px 50px; - margin-top: -11px; - margin-bottom: 10px !important; - background: url(/themes/console/images/info/update.png) 12px center no-repeat, #000; - background-size: 28px 28px; -} - -#pluginupdater form { - margin-bottom: 0; -} - -.formaction#tunnelconfigsave, .formaction#homeapps, .formaction#browserstart { - margin-bottom: -2px !important; -} - -h4.embeddedtitle#updateplugins { - padding: 5px 10px; - font-size: 9pt; - background: linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%); - border: 1px solid #443da0; - text-align: left; - text-transform: uppercase; - font-size: 10pt; - letter-spacing: 0.08em; - word-spacing: 0.1em; - margin-top: -13px; -} - -#manualreseed input[type="text"] { - width: 50%; - width: calc(100% - 300px); -} - -#loggingoptions, table#addkeyring { - margin-bottom: -3px !important; - margin-top: -1px; -} - -/* /configpeers banlist */ - -#bannedips { - margin-bottom: 8px; - margin-top: -1px; -} - -#bannedips table { - margin-bottom: -1px !important; -} - -#bannedips td { - vertical-align: top; - padding: 0; - width: 50%; -} - -#bannedips table tr { - border-top: 1px solid #000; -} - -#bannedips table td { - text-align: center; - padding: 4px 2px; -} - -#bannedips table tr:last-child { - border-bottom: 1px solid #443da0; -} - -#permabanned th, #banneduntilrestart th { - padding: 5px 10px !important; -} - -#permabanned, #banneduntilrestart { - margin: -1px 0 !important; - border: none; -} - -#permabanned td:first-child { - border-left: 1px solid #443da0; - text-align: right; - padding-right: 10px; - width: 49%; -} - -#permabanned td:nth-child(2) { - width: 2%; -} - -#permabanned td:last-child { - text-align: left; - padding-left: 10px; - width: 49%; -} - -#banneduntilrestart td { - border-right: 1px solid #443da0; - text-align: center !important; -} - -#ipv4, #ipv6, #permabanned tr:nth-child(2) { - background: #000 url(images/titles.png) center center repeat-x; - background: linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%); - border-top: 1px solid #443da0 !important; - border-bottom: 1px solid #443da0 !important; -} - -/* end /configpeer banlist */ - -table#configstats { - margin-bottom: -2px; -} - -#configstats th { - padding: 8px 10px; - text-align: left; -} - -#configstats th b { - text-transform: uppercase; - font-size: 10pt; - letter-spacing: 0.08em; - word-spacing: 0.1em; -} - -#configstats td { - color: #b2bcf7; - padding: 8px 4px; -} - -#configstats td:first-child { - width: 1%; - white-space: nowrap; - padding: 8px; -} - -#configstats td:first-child:empty + td > label { /* remove pointer from inert labels */ - cursor: default; -} - -#configstats td:last-child { - border-right: 1px solid #443da0; -} - -#configstats td b { - color: #c9ceff; -} - -#configstats input.optbox { - margin: 0; - padding: 0; - vertical-align: middle; -} - -#configstats tr.tablefooter td { - padding: 4px 10px; - line-height: 140%; - background: #000 !important; -} - -p#enablefullstats { - margin-top: 5px; - padding: 5px 10px; - border: 1px solid #443da0; -} - -#enablefullstats .optbox { - vertical-align: middle; -} - -#peerdefs td:first-child { - width: 40px; - white-space: nowrap; - border: 1px inset #120f35; - text-align: right; -} - -/* infohelp/warn overrides and misc ornamentation */ - -table#bugreports td.infohelp { - background: url(/themes/console/images/info/bugreport.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px; - background-size: 28px 28px !important; -} - -p#debugmode { - padding: 15px 15px 15px 50px; - background: url(/themes/console/images/info/debug.png) 12px center no-repeat !important; - background-size: 28px 28px !important; -} - -p#sybilinfo { - padding: 15px 15px 15px 50px; - margin-bottom: 10px; - background: url(/themes/console/images/info/experimental.png) 12px center no-repeat !important; - background-size: 28px 28px !important; -} - -#bandwidthconfig tr:first-child .infohelp { - background: url(/themes/console/images/info/bandwidth.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px; - background-size: 28px 28px !important; -} - -#addkeyring td.infohelp { - background: #000 url(/themes/console/images/info/keys.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px; - background-size: 28px 28px !important; -} - -#joinfamily tr:nth-child(3) td:first-child { - background: #000 url(/themes/console/images/info/key.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px; - background-size: 28px 28px !important; -} - -#newfamily tr:last-child td:first-child { - background: #000 url(/themes/console/images/info/label.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px; - background-size: 28px 28px !important; -} - -#oldhome td:first-child { - background: url(/themes/console/images/info/home.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px; - background-size: 28px 28px !important; -} - -#oldhome input[type="checkbox"], #enablefullstats input[type="checkbox"] { - vertical-align: sub; -} - -#floodfillconfig tr:first-child .infohelp { - background: #000 url(/themes/console/images/info/floodfill_32x32.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px; - background-size: 28px 28px !important; -} - -#floodfillconfig tr:nth-child(2) td { - padding: 10px 10px 10px 18px; -} - -#floodfillconfig tr:nth-child(2) b { - margin-right: 8px; -} - -p#clientconf.infohelp, p#webappconfig.infohelp { - background: #000 url(/themes/console/images/info/java_edit.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px; - background-size: 28px 28px !important; -} - -p#pluginconfigtext { - background: #000 url(/themes/console/images/info/plugin_edit.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px; - background-size: 28px 28px !important; -} - -#plugininstall .infohelp { - background: #000 url(/themes/console/images/info/plugin_link.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px; - background-size: 28px 28px !important; -} - -#manualreseed tr:nth-last-child(2) td.infohelp { - background: #000 url(/themes/console/images/info/box.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px; - background-size: 28px 28px !important; -} - -#config_peers tr:nth-child(3) td.infohelp { - background: #000 url(/themes/console/images/info/blocked.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px; - background-size: 28px 28px !important; -} - -h3#shutdownrouter + p.infohelp { - background: #000 url(/themes/console/images/info/power.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px; - background-size: 28px 28px !important; -} - -h3#restartrouter + p.infohelp, #config_family .infohelp.needrestart { - background: #000 url(/themes/console/images/info/reboot.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px; - background-size: 28px 28px !important; -} - -h3#systray + p.infohelp { - background: #000 url(/themes/console/images/info/systray.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px; - background-size: 28px 28px !important; -} - -h3#servicedebug + p.infohelp { - background: #000 url(/themes/console/images/info/debug.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px; - background-size: 28px 28px !important; -} - -h3#browseronstart + p.infohelp { - background: #000 url(/themes/console/images/info/launch_browser.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px; - background-size: 28px 28px !important; -} - -.main#config_reseed p.infohelp { - background: #000 url(/themes/console/images/info/connect.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px; - background-size: 28px 28px !important; -} - -p#enablefullstats, p#gatherstats { - background: #000 url(/themes/console/images/info/statistics.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px; - background-size: 28px 28px !important; -} - -#config_family .infohelp { - background: #000 url(/themes/console/images/info/family.png) 12px center no-repeat !important; - padding: 15px 15px 15px 50px; - background-size: 28px 28px !important; -} - -#consolepass tr:first-child td { - background: #000 url(/themes/console/images/info/user_add.png) 12px center no-repeat; - background-size: 28px 28px; - padding: 15px 15px 15px 50px; -} - -form[action="events"] { - padding: 10px 10px 10px 50px; - background: url(/themes/console/images/info/logs.png) 12px center no-repeat; - background-size: 28px 28px; -} - -#plugininstall tr:nth-child(3) td:nth-last-child(2), #manualreseed tr:nth-child(3) td:nth-last-child(2) { - background: #000 url(/themes/console/images/info/url.png) 12px center no-repeat; - padding: 15px 15px 15px 50px; - background-size: 28px 28px; -} - -#manualreseed tr:nth-child(5) td:nth-last-child(2), #plugininstall2 tr:nth-child(2) td:nth-last-child(2) { - background: #000 url(/themes/console/images/info/from_file.png) 12px center no-repeat; - padding: 15px 15px 15px 50px; - background-size: 28px 28px; -} - -/* network status */ - -.routersummary h4 a { - width: auto !important; - vertical-align: middle; - display: inline; -} - -.sb_netstatus, .sb_netstatus a { - vertical-align: baseline; -} - -.routersummary .error, .routersummary .warn, .routersummary .testing, .routersummary .hidden, -.routersummary .running, .routersummary .firewalled, .routersummary .vmcomm, .routersummary .clockskew, .tunnelBuildStatus { - display: inline-block; - vertical-align: middle; - border: 1px solid rgba(52, 47, 127, 0.6); - border-radius: 2px; - padding: 6px 3px; - width: 100%; - margin: -3px -1px; - box-shadow: inset 0 0 0 1px #000; - text-shadow: 0 1px 1px #000; - box-sizing: border-box; -} - -.routersummary .firewalled { - border: 1px dotted #342f7f; -} - -.routersummary .error { - border: 1px dotted #700; -} - -.routersummary .warn, .routersummary .clockskew { - border: 1px solid #550; -} - -.routersummary .testing { - border: 1px dotted #342f7f; -} - -.routersummary .hidden, .routersummary .vmcomm { - border: 1px solid #241f69; -} - -.routersummary .running { - border: 1px solid #342f7f; - border: 1px solid rgba(52, 47, 127, 0.6); -} - -.routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before, -.routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before { - padding: 0 1px 0 0; - vertical-align: middle; - display: inline-block; - filter: drop-shadow(0 0 1px rgba(220,220,220,0.7)); - transform: scale(0.9); -} - -.routersummary .error::before, .routersummary .clockskew::before { - content: url(/themes/console/images/info/network_status/network_error.png); -} - -.routersummary .warn::before { - content: url(/themes/console/images/info/network_status/network_warning.png); -} - -.routersummary .testing::before { - content: url(/themes/console/images/info/network_status/network_testing.png); -} - -.routersummary .hidden::before { - content: url(/themes/console/images/info/network_status/network_hidden.png); - padding: 0 3px; -} - -.routersummary .running::before { - content: url(/themes/console/images/info/network_status/network_ok.png); -} - -.routersummary .firewalled::before { - content: url(/themes/console/images/info/network_status/network_firewalled.png); - opacity: 0.7; - filter: drop-shadow(0 1px 1px rgba(255,120,120,0.8)); - mix-blend-mode: luminosity; -} - -.routersummary .vmcomm::before { - content: url(/themes/console/images/info/network_status/network_vm.png); -} - -.routersummary .clockskew::before { - content: url(/themes/console/images/info/network_status/network_clockskew.png); -} - -/* end network status */ - -#sb_services, #sb_internals, #sb_advanced, #sb_help { - margin-top: -3px !important; - margin-bottom: -5px !important; -} - -/* /tunnels */ - -img + tt { - letter-spacing: 0.15em; -} - -.tunnel_cap { - background: rgba(0,0,140,0.4); - color: #c9ceff; - border: 1px solid rgba(0,0,64,0.2); - border-radius: 2px; - min-width: 12px; - padding: 0 2px; - display:inline-block; - margin: 1px 2px 1px 8px; - text-align: center !important; - text-shadow: 0 1px 1px #000; -} - -.tunnel_cap:empty { - border: none; -} - -.tunnel_id { - display: inline-block; - min-width: 78px; - text-align: right; -} - -.tunnel_id:empty { - min-width: 0; -} - -.tunnel_id:empty + .tunnel_cap { - margin-left: 12px !important; - display: inline-block; -} - -.tunnel_peer { - display: inline-block; - min-width: 56px; - text-align: right; -} - -.tunnel_local { - font-size: 8pt; - text-transform: lowercase; - background: rgba(0,0,96,0.3); - border-radius: 2px; - text-align: center; - padding: 2px 0; - margin-left: -4px; - margin-right: 4px; -} - -.tunnel_peer:empty { - vertical-align: top; -} - -#tunnel_defs { - margin-top: -1px; - margin-bottom: 10px; -} - -#tunnel_defs td:first-child, #tunnel_defs td:nth-child(even) { - width: 1%; - white-space: nowrap; -} - -@media screen and (max-width: 1100px) { -.tunnel_id, .tunnel_peer { - min-width: 0 !important; - text-align: center !important; -} - -.tunnel_local { - margin-right: 5px; - margin-left: 2px; - padding: 2px 4px; -} - -.tunnel_peer:empty { - vertical-align: middle; -} - -.tunnel_peer:empty::before { - margin: 1px 6px 1px 2px; -} - -.tunnel_cap { - margin-left: 5px !important; -} -} - -@media screen and (min-width: 1500px) { -.tunnel_cap { - margin-left: 10px; - padding: 0 1px; - min-width: 14px; -} - -.tunnel_id:empty { - margin-right: -10px; -} -} - -/* end tunnels */ - -/* /peers */ - -#ntcpconnections th:nth-child(6), #ntcpconnections th:nth-child(7), #ntcpconnections th:nth-child(8), #ntcpconnections th:nth-child(9), #ntcpconnections th:nth-child(10), -#ntcpconnections td:nth-child(6), #ntcpconnections td:nth-child(7), #ntcpconnections td:nth-child(8), #ntcpconnections td:nth-child(9), #ntcpconnections td:nth-child(10), -#udpconnections td:nth-child(6), #udpconnections td:nth-child(7), #udpconnections td:nth-child(9), #udpconnections td:nth-child(10), #udpconnections td:nth-child(11), -#udpconnections td:nth-child(13), #udpconnections td:nth-child(14), #udpconnections td:nth-child(15), #udpconnections td:nth-child(16) { - text-align: right; - white-space: nowrap; -} - -#ntcpconnections .tablefooter td:nth-child(3), #ntcpconnections .tablefooter td:nth-child(4), #ntcpconnections .tablefooter td:nth-child(5), #ntcpconnections .tablefooter td:nth-child(6), -#udpconnections .tablefooter td:nth-child(3), #udpconnections .tablefooter td:nth-child(4), #udpconnections .tablefooter td:nth-child(7), #udpconnections .tablefooter td:nth-child(8), -#udpconnections .tablefooter td:nth-child(10), #udpconnections .tablefooter td:nth-child(11), #udpconnections .tablefooter td:nth-child(12), #udpconnections .tablefooter td:nth-child(13) { - text-align: right; -} - -#udpconnections .tablefooter td:nth-child(9) { - text-align: center !important; -} - -#ntcpconnections td:nth-child(4), #ntcpconnections td:nth-child(5), #udpconnections td:nth-child(4), -#udpconnections td:nth-child(5), #udpconnections td:nth-child(8), #udpconnections td:nth-child(12) { - white-space: nowrap; -} - -#udpconnections .tablefooter td, #ntcpconnections .tablefooter td { - padding-left: 5px; - padding-right: 5px; -} - -#ntcpconnections th:nth-child(6), #ntcpconnections th:nth-child(7), #ntcpconnections th:nth-child(8), #ntcpconnections th:nth-child(9), #ntcpconnections th:nth-child(10) { - text-align: right; -} - -#udpconnections th:nth-child(6), #udpconnections th:nth-child(7), #udpconnections th:nth-child(n+9) { - text-align: right; -} - -#udpconnections th:nth-child(12) { - text-align: center; -} - -.peersort { - text-align: center; - display: inline-block; -} - -.right { - text-align: right; - margin: 0 1px; - display: inline-block; - width: 40% -} - -.left { - text-align: left; - margin: 0 1px; - display: inline-block; - width: 40% -} - -.peeripv6:empty { - padding: 0; - width: 0; -} - -.cwnd .left, .cwnd .right { - width: auto; -} - -#udpconnections th:nth-child(n+13), #udpconnections .tablefooter th:nth-child(n+10), -#udpconnections td:nth-child(n+13), #udpconnections .tablefooter td:nth-child(n+10) { - padding-right: 1% !important; -} - -#peerdefs { - line-height: 140%; -} - -.peer_arrow { - display: inline-block; - width: 18px; - text-align: center; - margin-right: 3px; -} - -/* end peers */ - -/* netdb router address info */ - -.leasesets_container { - -moz-columns: 680px 2; - -webkit-columns: 680px 2; - columns: 680px 2; - -moz-column-gap: 10px; - -webkit-column-gap: 10px; - column-gap: 10px; -} - -th code { - -moz-user-select: all; - -webkit-user-select: all; - user-select: all; -} - -@media screen and (min-width: 1634px) { -.leasesets_container { - margin-bottom: 8px; -} - -th code { - font-size: 9pt !important; -} -} - -.leasesets_container table:first-child { - margin-top: 0; -} - -.leasesets_container table { - break-inside: avoid; - page-break-inside: avoid; - -webkit-column-break-inside: avoid; -} - -.netdb_addresses br:first-child, .sybil_routerinfo tr:last-child td br:first-child { - display: none; -} - -.netdbentry th:first-child::after { - content: ""; - display: inline-block; - min-height: 20px; - vertical-align: middle; -} - -.netdbentry th:last-child > *, .sybil_routerinfo th:nth-child(2) > * { - display: inline-block; - vertical-align: middle !important; -} - -.netdbentry th a img { - display: inline-block; - vertical-align: middle; - margin-right: 1px; - margin-bottom: 2px; -} - -.netdbentry a.viewfullentry::after { - display: inline-block; - vertical-align: middle !important; - margin-left: 3px; -} - -.netdbentry td:first-child { - text-align: right; - min-width: 100px; - padding-right: 5px !important -} - -b.netdb_transport { - display: inline-block; - width: 50px; - text-align: right; - margin-right: 5px; -} - -#netdb code { - font-weight: normal !important; -} - -.netdb_name { - color: #dfe2ff; - text-transform: capitalize; - font-weight: bold; -} - -.netdb_info { - margin-right: 1px; -} - -.netdb_expiry { - margin-left: 5px; -} - -.sybil_routerinfo th img[src^="/flags"] { - height: 11px; - width: 16px; - margin-right: 5px; -} - -.sybil_routerinfo b.netdb_transport { - margin-left: -13px; - margin-right: 0; -} - -.sybil_routerinfo td:first-child, .netdbentry td:first-child { - text-align: right !important; - padding-right: 0; -} - -.sybil_routerinfo td[colspan="3"] { - white-space: normal; -} - -.sybil_container { - -moz-columns: 680px 2; - -webkit-columns: 680px 2; - columns: 680px 2; - margin: 10px 0; -} - -.sybil_container p { - break-inside: avoid; - page-break-inside: avoid; - -webkit-column-break-inside: avoid; -} - -.sybil_container p:first-child { - margin-top: 0; -} - -.sybil_container p:last-child { - margin-bottom: 0; -} - -/* end netdb router address */ - -/* sybils */ - -.leaseset th:last-child, .leaseset td:last-child, .sybil_routerinfo th:last-child, .sybil_routerinfo td:last-child { - border-right: 1px solid #443da0 !important; -} - -.sybil_routerinfo table td:last-child { - border-right: none !important; -} - -.sybilinfo_params { - padding: 0; - border-bottom: 1px solid #443da0; -} - -.sybilinfo_container { - columns: 240px auto; - -moz-columns: 240px auto; - -webkit-columns: 240px auto; - -moz-column-gap: 0; - -webkit-column-gap: 0; - column-gap: 0; - background: #00001a; - padding: 4px 5px; -} - -.sybilinfo_container b { - color: #bb3; -} - -.sybil_routerinfo tr:last-child { - border-top: none; -} - -.sybil_routerinfo p { - margin: 0; - padding: 0; - line-height: 120%; - break-inside: avoid; - page-break-inside: avoid; - -webkit-column-break-inside: avoid; -} - -#sybils_summary { - line-height: 140%; -} - -.sybilinfo_familyname { - display: inline-block; - vertical-align: top; - max-width: 150px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.sybil_addresses td:first-child { - max-width: 155px; - font-weight: bold; - padding-right: 9px; -} - -.sybil_addresses table { - width: 100%; - margin: 0; -} - -.sybil_addresses { - padding: 0; - border-bottom: 1px solid #443da0 -} - -.sybil_addresses table, .sybil_addresses td { - border: none; -} - -.threatpoints + ul { - -moz-columns: auto 600px; - -webkit-columns: auto 600px; - columns: auto 600px; - -moz-column-rule: 1px solid #443da0; - -webkit-column-rule: 1px solid #443da0; - column-rule: 1px solid #443da0; - padding-top: 3px; - padding-bottom: 3px; -} - -.threatpoints + ul li:first-child { - margin-top: 0 !important; - padding-top: 0 !important; -} - -.threatpoints + ul li:last-child { - padding-bottom: 0 !important; -} - -.threatpoints + ul li { - list-style: none; - margin-left: 5px; - line-height: 120%; - break-inside: avoid !important; - page-break-inside: avoid !important; - -webkit-column-break-inside: avoid !important; -} - -.threatpoints + ul li a { - white-space: nowrap; -} - -/* end sybils */ - -/* responsive layout */ - -@media screen and (max-width: 900px) { -#ntcpconnections th:last-child:not(old) { - font-size: 0; -} - -#ntcpconnections th:last-child::before { - content: url(/themes/console/images/info/backlogged.png) !important; -} - -#ntcpconnections td:last-child { - width: 24px !important; - white-space: nowrap; -} -} - -@media screen and (max-width: 1200px) { -.tab, .tab2 { - padding: 1px 0 2px; - min-width: 50px !important; -} - -.tab2 { - padding: 3px 12px 4px; -} - -.tab a { - padding: 2px 14px; -} - -#floodfills td { - border-right: 1px inset #120f35; -} - -#floodfills td:last-child { - border-right: 1px solid #443da0; -} - -#plugininstall input[type="text"] { - min-width: 200px !important; -} - -td.optionsave, table#i2pupdates td:first-child { - white-space: normal !important; - width: 30%; -} - -table#i2pupdates td:first-child { - line-height: 120%; -} - -#portfaq td:nth-child(2) { - white-space: normal; -} - -#help h3, #faq h3 { - font-size: 10pt !important; -} -} - -@media screen and (max-width: 1400px) { -.revision, .sha256 { - display: inline-block; - max-width: 100px !important; - overflow: hidden; - text-overflow: ellipsis; -} - -.revision:hover, .sha256:hover { - overflow: auto; - text-overflow: clip; -} -} - -@media screen and (max-width: 1500px) { -#sb_general td::after, #sb_shortgeneral td::after, #sb_advancedgeneral td::after, #sb_bandwidth td::after, -#sb_peers td::after, #sb_peersadvanced td::after, #sb_tunnels td::after, #sb_queue td::after { - min-height: 14px; -} - -.tunnels_client th:first-child:not(old) { - font-size: 0; -} - -.tunnels_client th:first-child::after { - content: "\21F5"; - content: "\21E9\21E7"; - font-size: 12pt; - line-height: 0; - vertical-align: middle; - letter-spacing: -0.25em; -} -} - -@media screen and (min-width: 1200px) { -#floodfills td:last-child { - padding-right: 5px !important; -} - -.topness, #newsStatus, #newsDisplay { - font-size: 9pt !important; -} - -.news hr { - margin-bottom: 5px; -} - -#help h3, #faq h3 { - font-size: 10.5pt !important; -} - -.cells { - border: none; -} -} - -@media screen and (min-width: 1400px) { -#help #changelog pre:not(old) { -/* - columns: 550px auto; - column-gap: 40px; - column-rule: 1px dotted #443da0; -*/ - margin-left: 0; - padding-left: 10px; - width: calc(100% - 22px) !important; - overflow-y: hidden; -} -} - -@media screen and (min-width: 1500px) { -body, .main, .main td, .news p, #news p, .statusnotes, textarea, th, .applabel a, tt, code, .messages, .messages #newsStatus, .messages #newsDisplay, #changelog pre { - font-size: 10pt !important; -} - -.cells tt, #profilelist tt, #floodfills tt { - font-size: 9pt !important; - margin-left: 1px !important; - margin-right: 2px !important; -} - -h1 { - font-size: 19pt; - padding: 15px; -} - -.main button, .main input, select { - font-size: 10pt !important; -} - -.main, .news, h1 { - margin-left: 232px !important; -} - -.routersummary { - width: 200px !important; -} - -.routersummary div[style="height: 36px;"] { - height: 40px !important; - margin-top: 3px; -} - -.routersummary img[src$="i2plogo.png"] { - margin-left: -4px; - transform: none; - width: 204px; - margin-top: -2px; -} - -.routersummary table[id^="sb_"], #sb_localtunnels { - width: 216px !important; -} - -#sb_general td::after, #sb_shortgeneral td::after, #sb_advancedgeneral td::after, -#sb_bandwidth td::after, #sb_peers td::after, #sb_peersadvanced td::after, #sb_tunnels td::after, #sb_queue td::after { - min-height: 18px; -} - -.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, .smallhead, pre, #newsStatus, #newsDisplay { - font-size: 9pt !important; -} - -.routersummary button.download { - font-size: 10pt !important; -} - -.routersummary h3 a, #netdboverview th { - font-size: 11pt !important; -} - -.routersummary button { - min-width: 100px !important; -} - -div.app { - min-width: 150px; -} - -div.app:hover { - cursor: pointer; -} - -.applabel { - width: 150px !important; -} - -.applabel a, .applabel a:hover { - max-width: 146px; - padding: 3px 0; -} - -.appimg { - height: 50px; - padding-top: 4px; -} - -img.app, img.app2p { - padding: 14px 61px 44px; - margin-top: -5px; -} - -h3#themeheading, h3#langheading, h3#passwordheading { - font-size: 12pt !important; -} - -h3#i2pclientconfig, h3#pconfig, h3#pluginfromurl, h3#pluginfromfile, #clientconf.infohelp, h3#pluginmanage, h3#webappconfig { - margin-bottom: -15px !important; -} - -h4#updateplugins { - margin-top: -15px !important; -} - -#profilelist td:first-child, #profilelist th:first-child, #floodfills td:first-child, #floodfills th:first-child { - width: 1% !important; - white-space: nowrap; -} - -.sorry { - margin-left: 232px !important; -} - -.subheading b { - font-size: 10.5pt !important; -} - -#webappconfig td:first-child::after { - min-height: 30px; -} - -div.joblog h3 { - margin-top: 8px !important; -} - -#sb_services a:link, #sb_internals a:link, #sb_advanced a:link, #sb_help a:link { - max-width: 207px; -} - -#sb_general, #sb_shortgeneral, #sb_advancedgeneral, #sb_bandwidth, #sb_peers, #sb_peersadvanced, #sb_tunnels, #sb_queue { - margin-top: -4px !important; - margin-bottom: -4px !important; -} - -.langbox { - margin-top: 6px; - line-height: 16px; -} - -button.control, button.control:hover, button.control:focus { - padding: 14px !important; - font-size: 0 !important; -} - -.main[id^="config_"] th, h4#updateplugins { - font-size: 10.5pt !important; -} - -#help .confignav { - padding: 0 !important; - position: sticky; - top: 0; - z-index: 999; -} - -#help .tab { - margin-top: -1px !important; - margin-bottom: -1px !important; -} - -/* news @ home */ - -#newsStatus, #news #newsDisplay a, .newsAuthor { - font-size: 9pt !important; -} - -.news #newsStatus, .news #newsDisplay { - display: inline-block; - padding-top: 2px; - padding-bottom: 4px; -} - -.news hr { - margin-bottom: 6px; -} - -.newsAuthor { - background-size: 15px 15px !important; - padding-left: 19px !important; -} - -/* end news */ - -table#reseedconfig input[type="text"], table#reseedconfig input[type="password"] { - width: 250px; -} - -.themechoice, .langselect { - width: 134px !important; -} - -.ui_lang { - width: 138px; -} - -.themechoice .optbox, .langselect .optbox { - min-width: 138px !important; - outline: 1px dotted #f00; - opacity: 0; -} - -.themechoice .optbox { - margin-left: -42px !important; -} - -.langselect .optbox { - margin: -7px 0 -34px -2px; - min-height: 64px; -} - -.langselect img { - margin-left: -78px !important; -} - -.langselect input[name="lang"]:checked + img { - margin-left: -79px !important; -} - -ul#banlist { - -moz-column-width: 300px; - -moz-column-gap: 10px; - -webkit-column-width: 300px; - -webkit-column-gap: 10px; - column-width: 300px; - column-gap: 10px; -} -} - -@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1500px) { -.langselect img, .langselect input[name="lang"]:checked + img { - margin-left: -20px !important; - margin-top: -30px !important; -} - -.langselect input[name="lang"]:checked + img { - margin-left: -16px !important; - margin-top: -26px !important; -} -} - -@media screen and (min-width: 1840px) { -div[id^="config_"] div.confignav { - display: flex; - flex-direction: row; - flex-wrap: wrap; - align-content: space-evenly; - justify-content: center; - padding: 4px 4px 5px 3px !important; -} - -div[id^="config_"] .tab, div[id^="config_"] .tab2 { - flex: auto; - flex-basis: content; - flex-grow: 0.06; - margin: 0 -1px -1px 0 !important; - white-space: nowrap; - min-width: 70px !important; -} - -div[id^="config_"] .tab2 { - padding: 5px 6px; -} - -div[id^="config_"] .tab a { - padding: 4px 6px; -} - -div[id^="config_"] div.confignav { - padding: 0 !important; -} - -div[id^="config_"] .tab, div[id^="config_"] .tab2 { - margin-top: -1px !important; -} - -div[id^="config_"] .tab:first-child { - margin-left: -1px !important; -} -} - -/* responsive proxy errors */ - -@media screen and (max-width: 800px) { -.warning { - margin-left: 20px !important; - margin-top: 130px !important; - background: #000 !important; - padding: 5px 15px 15px !important; -} - -.warning h3, .warning a, .warning p { - font-size: 9pt; -} - -.logo { - position: absolute; - top: 20px; - width: calc(100% - 62px) !important; - z-index: 999; - min-width: 330px; - display: block; -} - -.logo a { - width: auto !important; - padding: 2px 5px !important; - display: inline-block !important; -} - -.logo a img { - padding: 0 !important; - margin-top: -2px; - margin-bottom: -4px; -} -} - -@media screen and (min-height: 700px) { -.proxyfooter { - position: absolute; - bottom: 0; - right: 0; - padding: 0 20px 0 0; - text-align: right; - background: #030; - width: 100%; - opacity: 0.7; - border-top: 1px solid #000; -} - -.proxyfooter p { - text-align: right; - line-height: 130% !important; - margin: 5px 0; -} - -.warning { - margin-bottom: 30px; -} -} - -@media screen and (max-height: 700px) { -.proxyfooter { - display: none; -} -} -/* end proxy errors */ -/* end responsive layout */ - -/* IE/Edge tweaks */ - -_:-ms-lang(x), .tunnels_client th:first-child::after { - letter-spacing: -0.05em; - font-weight: normal; -} - -_:-ms-lang(x), table + .statusnotes { - margin-top: -2px; -} - -/* end IE/Edge tweaks */ - -/* TO DO: Merge with main classes */ - -.optionlist { - columns: 500px auto; - padding-bottom: 1px; -} - -.optionlist label { - min-width: 300px; - break-inside: avoid; - page-break-inside: avoid !important; - -webkit-column-break-inside: avoid; -} - -th.options, table#externali2cp th { - padding: 7px 10px !important; -} - -.options input[type="checkbox"], #i2pupdates .options .optbox { - margin: 0 3px 0 0; -} - -#i2pupdates textarea { - min-height: 76px !important; - height: 76px !important; - margin: 6px 0 6px 10px !important; - padding: 3px 5px; -} - -#reseedconfig textarea { - min-height: 76px !important; - height: 76px !important; - margin: 6px 10px 6px 0 !important; - padding: 3px 5px; -} - -#manualreseed { - margin-bottom: 10px !important; -} - -#resetreseed { - padding: 5px 5px 0 0; -} - -/* /configui */ - -#passwordheading { - margin-top: 0 !important; -} - -#langsettings { - margin-bottom: 10px !important; -} - -/* end /configui */ - -#pluginconfigtext + form { - float: right; - margin: -42px 6px 0 0; -} - -#externaltcp .nowrap:first-child { - margin: 5px 0 -18px !important; - display: inline-block; -} - -#cputype { - display: inline-block; - margin: -2px 2px -2px 0; - padding: 2px 5px; - font-weight: bold; - text-transform: uppercase; - border-radius: 2px; - background: #005; -} - -#wrapperlogs pre { - height: 300px; - resize: vertical; -} - -/* graphs */ - -#graphs td:first-child { - font-weight: normal; - text-align: left; - padding: 5px 0 0; -} - -@media screen and (min-width: 1060px) { -#graphs td:first-child { - padding: 5px 0; -} -} - -#graphs td b { - min-width: 150px; - text-align: right; - display: inline-block; - margin-right: 5px; -} - -#graphs .nowrap { - line-height: 300%; - display: inline-block; -} - -/* end graphs */ - -.buckets br + br { - line-height: 5px; -} diff --git a/installer/resources/themes/console/midnight/console_ar.css b/installer/resources/themes/console/midnight/console_ar.css deleted file mode 100644 index 36f6a1ab4..000000000 --- a/installer/resources/themes/console/midnight/console_ar.css +++ /dev/null @@ -1,587 +0,0 @@ -/* I2P Theme: Midnight - Arabic override */ -/* Description: Dark blue with chrome highlights */ -/* Author: dr|z3d */ - -body { - direction: rtl; -} - -div.main li { - margin: 5px 20px; - text-align: right; - line-height: 150%; -} - -table { - direction: rtl; -} - -td { - text-align: right; -} - -div.news { - margin: -1px 205px 0px 5px; - direction: ltr; -} - -.news h3, #newspage h3 { - direction: ltr; -} - -div.main { - margin: -1px 205px 5px 5px; - background: url("images/scarface.jpg") no-repeat scroll left bottom #000000 !important; -} - -h1 { - margin: 0 205px 0 5px !important; -} - -h1, h2, h3, h4 { - direction: rtl; - text-align: right; -} - -button.search { - margin-right: 30px; -} - -.routersummary img[src$="i2plogo.png"] { - width: 190px; - margin: -1px -5px 0 0; -} - -.routersummary h3, .routersummary h4, .routersummary a, .routersummary b { - text-align: center; - font-weight: normal; -} - -.routersummary h3, .routersummary h3 a { - font-weight: bold !important; - padding: 3px 2px !important; -} - -.routersummary h3, .routersummary h4 { - font-size: 11pt; -} - -.routersummary td { - text-align: right; -} - -.routersummary td:last-child { - text-align: left; - margin-left: 3px; -} - -.routersummary td:first-child { - text-align: right; -} - -#sb_services td, #sb_internals td, #sb_advanced td { - text-align: center; -} - -#sb_localtunnels td:nth-child(2), #sb_localtunnels a { - text-align: right !important; -} - -#sb_localtunnels td:last-child { - text-align: left; -} - -#sb_bandwidthgraph { - margin: -13px -8px 0 0 !important; -} - -#sb_graphcontainer { - background-position: left -72px top -24px !important; -} - -.percentBarOuter { - margin: -3px -6px -5px 0; -} - -.sb_info .percentBarOuter { - margin: 5px 0 -4px -2px; -} - -.sb_updatestatus b { - font-weight: bold !important; -} - -.sb_updatestatus, .sb_info .percentBarText { - font-size: 9pt; -} - -.sb_info .percentBarText { - padding-top: 0; - direction: ltr; -} - -.routersummary td a, .routersummary td:first-child { - font-size: 10pt; -} - -div.tunnels { - padding: -3px 0 !important; -} - -div.tunnels table { - margin: 0 -7px 0 5px !important; -} - -.langbox { - float: left; - text-align: left; -} - -.formaction { - text-align: left; -} - -form { - text-align: right; -} - -.routersummary form { - text-align: center; -} - -.cells { - text-align: center; -} - -div.joblog li { - text-align: left; - direction: ltr; -} - -span.newtab { - text-align: left; - font-size: 8pt; - float: left; - letter-spacing: 0; -} - -.tab2::before, .tab2::after { - display: none; -} - -/* lang selection */ - -.langselect img { - margin-left: 0; - margin-right: -70px; -} - -.langselect .optbox:checked + img { - margin-right: -71px; - margin-left: 0; -} - -@media screen and (-webkit-min-device-pixel-ratio:0) { -.langselect img { - margin-left: 0; - margin-right: -8px; - margin-top: -18px !important; -} - -.langselect input[name="lang"]:checked + img { - margin-right: -10px; - margin-left: 0; - margin-top: -18px !important; -} -} - -/* theme selection */ - -.themechoice, .langselect { - float: right !important; -} - -.themechoice { - padding: 5px; -} - -.themechoice .optbox { - opacity: 0; /* hide the radio icon so we can use thumbnail img instead */ - outline: 1px dotted #f00; - position: absolute; - padding: 2px; - margin-right: -33px; - margin-left: 0; - min-height: 78px !important; -} - -.themechoice .optbox + img { - border: 1px solid transparent; -} - -.themechoice .optbox + img, .themechoice .optbox:checked + img { - margin: 5px; - padding: 0 !important; -} - -/* end theme selection */ - -h3#iptransport a, th#upnpconfig a, h3#bwlimiter a, #config_stats h3 a, #config_logging h3 a, h3#graphdisplay a, #logs h3 a, h3#advancedconfig a { - float: left; -} - -#sybilnav ul li a { - padding-right: 0; -} - -.sybil_routerinfo th:first-child { - text-align: right; -} - -.sybil_routerinfo th:nth-last-child(2) { - padding-left: 0; - text-align: left !important; -} - -.sybil_routerinfo th { - padding: 1px 3px 1px 1px !important; -} - -.sybil_routerinfo th img[src^="/flags"], .netdbentry th a img { - margin-left: 5px; -} - -table#leasesetdebug th:first-child, table#leasesetsummary th:first-child { - text-align: right; -} - -table#leasesetdebug th:last-child, table#leasesetsummary th:last-child { - text-align: left; -} - -table#leasesetdebug th, table#leasesetsummary th { - padding: 5px; -} - -table.leaseset th { - text-align: right; -} - -table.leaseset th:first-child b { - float: right; -} - -table.leaseset th:last-child, table.leaseset td:nth-child(2) { - text-align: left; -} - -.leaseset th:last-child, .leaseset td:last-child, .sybil_routerinfo th:last-child, .sybil_routerinfo td:last-child { - border-right: none !important; -} - -#netdboverview th, table.netdbentry th, table#leasesetdebug td:nth-child(2n) { - text-align: right; -} - -.main#debug { - direction: ltr; -} - -#jardump.main th:nth-child(1), #jardump.main th:nth-child(3), #jardump.main th:nth-child(6), #jardump.main th:nth-child(7) { - text-align: right; -} - -#schedjobs td { - text-align: center; -} - -table.netdbentry th:last-child, table#leasesetdebug td:nth-child(2n+1) { - text-align: left; -} - -#tunnels.main h3 a { - float: left; -} - -table#enviro td:first-child { - text-align: left; -} - -#wrapperlogs pre, table[id$="logs"] ul, .logtable ul li { - direction: ltr; - text-align: left; -} - -#criticallogs ul { - border: none; -} - -#eventlog th { - text-align: right; - padding-right: 10px; -} - -.homelinkedit th:nth-child(3), .homelinkedit th:last-child { - text-align: right !important; -} - -table#netconfig th, table#externali2cp th, table#plugininstall th, table#plugininstall2 th, .configtable th, th.th_title { - text-align: right !important; -} - -#sidebarconf th:nth-child(1), #sidebarconf th:nth-child(2) { - text-align: right; -} - -#sidebarconf td:nth-child(4) { - padding-right: 0; -} - -#sidebarconf td:nth-child(3) { - text-align: left !important; - padding-left: 0; -} - -.configtable td.infohelp, p.infohelp, td.infohelp, p#debugmode, p#sybilinfo, p.infowarn, td.infowarn, p#keyringhelp, h3#shutdownrouter + p, h3#restartrouter + p, h3#servicedebug + p, h3#browseronstart + p, h3#runonstartup + p, h3#systray + p { - background: #000 url(images/infohelp.png) right 8px center no-repeat !important; - padding: 15px 45px 15px 15px !important; -} - -p.infowarn, td.infowarn { - background: #000 url(images/infowarn.png) right 8px center no-repeat !important; -} - -.main#config_update .messages { - background: #000 url(images/infohelp.png) no-repeat right 10px center !important; - text-align: right; - padding: 15px 55px 15px 15px; -} - -.main#config_update .messages a { - float: left; - margin: 0 5px -} - -td.optionsave { - text-align: left; -} - -#tunnelconfig th { - text-align: right; -} - -.h3navlinks, h3#servicedebug a, h3#graphinfo a, #config_stats.main h3 a, #config_logging.main h3 a, #configstats th a { - float: left; -} - -#i2pupdates .optbox { - margin-right: 10px; -} - -#reseedconfig input { - margin-left: 8px !important; - margin-right: 0 !important; -} - -#reseedconfig textarea { - width: calc(100% - 20px) !important -} - -#configstats th { - text-align: right !important; -} - -#configstats td:first-child { - text-align: center !important; -} - -#configstats td.optionsave { - text-align: left !important; -} - -#configstats td:nth-child(2) { - padding-right: 15px; -} - -#clientconfig th:first-child, #clientconfig td:first-child, #loggingoptions td:first-child, #i2pupdates td:first-child, #tunnelconfig td:first-child, -table#i2pupdates textarea, #addkeyring td:first-child, #reseedconfig td:first-child { - text-align: left !important; -} - -#config_logging p, #reseedconfig td.infohelp { - text-align: right !important; -} - -#clientconfig td:nth-child(2) { - text-align: center !important; -} - -#bannedips, #bannedips table { - direction: ltr !important; -} - -table#addkeyring td.infohelp { - text-align: right !important; -} - -p#helptranslate, #floodfillconfig tr:first-child .infohelp { - text-align: right !important; - padding-right: 50px !important; - background-image: url(/themes/console/images/info/infohelp.png); - background-position: right 12px center !important; -} - -textarea[name="trustedKeys"] { - direction: ltr !important; -} - -input[type="submit"], input[type="reset"], input[type="submit"]:hover, input[type="reset"]:hover, -input[type="submit"]:focus, input[type="reset"]:focus, input[type="submit"]:active, input[type="reset"]:active { - background-position: right 6px center !important; - padding: 5px 23px 5px 7px !important; -} - -select, select:hover, select:focus, select:active { - background-position: left center !important; - padding: 4px 4px 4px 16px !important; -} - -#consolepass input[name="nofilter_pw"], #externali2cp input[name="nofilter_pw"], #consolepass input[name="nofilter_pw"]:focus, #externali2cp input[name="nofilter_pw"]:focus, -#consolepass input[name="name"], #externali2cp input[name="user"], #consolepass input[name="name"]:focus, #externali2cp input[name="user"]:focus { - background-position: right 3px center, center center !important; - padding: 4px 20px 4px 4px !important; - margin: 5px 3px 5px 15px !important; -} - -#consolepass tr:first-child td, p#clientconf.infohelp, p#webappconfigtext.infohelp, #floodfillconfig .infohelp, -#bandwidthconfig tr:first-child .infohelp, h3#shutdownrouter + p.infohelp, h3#restartrouter + p.infohelp, h3#systray + p.infohelp, -h3#servicedebug + p.infohelp, h3#browseronstart + p.infohelp, table#addkeyring td:first-child, #config_peers tr:nth-child(3) td.infohelp, -#config_reseed.main p.infohelp, #plugininstall tr:nth-child(3) td:nth-last-child(2), #manualreseed tr:nth-child(3) td:nth-last-child(2), -#manualreseed tr:nth-child(5) td:nth-last-child(2), #plugininstall2 tr:nth-child(2) td:nth-last-child(2), #manualreseed tr:nth-last-child(2) td.infohelp, -p#enablefullstats, p#gatherstats, #oldhome td:first-child, p#pluginconfigtext, #plugininstall .infohelp, #config_family .infohelp, -#joinfamily tr:nth-child(3) td:first-child, #newfamily tr:last-child td:first-child, #config_summarybar .configtable td:not(.optionsave), -table#bugreports td.infohelp { - background-position: right 12px center !important; - padding: 15px 50px 15px 15px !important; -} - -div[lang="ar"] ul li { - list-style-image: url("images/link.png") !important; - list-style-position: outside; - margin-left: 0 !important; - padding-left: 0 !important; - margin-top: 15px !important; - margin-right: 50px !important; -} - -div[lang="ar"] ul, div[lang="ar"] p { - margin: 10px; -} - -#advancedsettings p.infohelp { - margin: 12px 0 -2px; -} - -h4.app, h4.app2 { - text-align: right; -} - -.netdbentry th a img { - margin-left: 6px; -} - -.tunnel_peer { - text-align: left; -} - -.tunnel_local { - margin-right: -4px; - margin-left: 4px; - text-align: center; -} - -.tunnel_id:empty + .tunnel_cap { - display: inline-block; - margin-left: 0; - margin-right: 12px; -} - -.sb_newsheadings td, .sb_newsheadings tr:hover td { - background-position: right 4px center !important; - padding-right: 22px !important; - padding-left: 8px !important; - text-align: right !important; -} - -.sb_newsheadings td a { - font-size: 9pt !important; - font-weight: bold; -} - -/* responsive layout */ - -@media screen and (max-width: 1500px) { -body { - margin: 5px 10px 0 0; -} -} - -@media screen and (min-width: 1500px) { -.main, .news, h1 { - margin-right: 232px !important; - margin-left: 0 !important; -} - -.routersummaryouter { - margin-right: 27px !important; -} - -.routersummary img[src$="i2plogo.png"] { - width: 204px !important; - margin: -2px -4px 0 0 !important; -} - -.routersummary h4 { - font-size: 11pt !important; -} - -.routersummary td, .routersummary a { - font-size: 10pt !important; -} - -div[lang="ar"], div[lang="ar"] code, div[lang="ar"] b { - font-size: 11pt !important; -} - -.langselect .optbox { - margin-left: 0; - margin-right: -2px; -} - -.langselect img { - margin-left: 0; - margin-right: -78px; -} - -.langselect input[name="lang"]:checked + img { - margin-left: 0; - margin-right: -79px; -} -} - -@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1500px) { -.langselect img { - margin-left: 0; - margin-right: -8px; - margin-top: -14px !important; -} - -.langselect input[name="lang"]:checked + img { - margin-right: -10px; - margin-left: 0; - margin-top: -15px !important; -} -} - -/* end responsive layout */ - diff --git a/installer/resources/themes/console/midnight/console_big.css b/installer/resources/themes/console/midnight/console_big.css deleted file mode 100644 index 83d687a10..000000000 --- a/installer/resources/themes/console/midnight/console_big.css +++ /dev/null @@ -1,267 +0,0 @@ -/* I2P Theme: Midnight Theme Override */ -/* Description: Larger fontsize & styling override to accomodate foreign charactersets */ -/* Author: Dr|Z3d */ - - -/* sidepanel */ - -.routersummary { - font: 9.5pt/125%; -} - -.routersummary h3, .routersummary h3 a { - font-size: 12.5pt !important; -} - -.routersummary h4, .routersummary h4 a { - font-size: 11.5pt !important; - letter-spacing: 0; -} - -.routersummary table { - font-size: 9pt; - margin: -5px 0 -5px 1px; - width: 200px !important; -} - -.routersummary table a:link, .routersummary table a:visited { - font-size: 11pt !important; -} - -#sb_internals a, #sb_services a, #sb_advanced a { - font-size: 13pt !important; -} - -.newsheadings li, .newsheadings li a { - letter-spacing: 0; - word-spacing: 0; - font-size: 10pt !important; -} - -#sb_notice, #sb_notice a { - font-size: 10pt !important; -} - -/* end sidepanel */ - -button.search { - white-space: nowrap; - font-size: 11pt !important; -} - -#newsDisplay, #newsDisplay a, #newsStatus { - font-size: 11pt !important; -} - -.langbox { - margin-top: 4px !important; - margin-right: 5px !important; - width: 400px; -} - -.applabel, .themechoice, .langselect { - width: 152px !important; -} - -.ui_lang, .themechoice { - width: 156px !important; - line-height: 140% !important; -} - -.appimg { - height: 50px !important; -} - -.app img { - padding: 12px 60px 40px !important; -} - -.applabel a, .applabel a:hover { - padding: 4px 2px; -} - -.applabel a, .applabel a:hover, .themelabel { - font-size: 12pt !important; -} - -/* configui */ - -.ui_lang { - font-size: 10pt; -} - -.themechoice .optbox { - min-width: 156px !important; - margin-left: -50px !important; -} - -.langselect .optbox { - min-width: 156px !important; -} - -.langselect img { - margin-left: -87px !important; -} - -@media screen and (-webkit-min-device-pixel-ratio:0) { -.langselect img { - margin-left: -8px !important; - margin-top: -18px !important; -} - -.langselect input[name="lang"]:checked + img { - margin-left: -10px !important; - margin-top: -18px !important; -} -} - -/* end configui */ - -label, select, select option, #configstats th b, .infohelp, .infowarn { - font-size: 11pt !important; -} - -.messages li, code { - font-weight: normal !important; - font-size: 11pt; -} - -.confignav { - font-size: 12pt; -} - -.tab, .tab2 { - margin-right: -4px !important; -} - -/* welcome */ - -div[lang="zh"], div[lang="zh"] a, ul li, div[lang="zh"] p { - letter-spacing: 0.1em !important; - word-spacing: 0.1em !important; - line-height: 160% !important; -} - -div[lang="zh"], div[lang="zh"] a { - font-size: 11pt !important; -} - -div[lang="zh"] p { - margin-left: 15px; - margin-right: 15px; -} - -ul.links li { - text-align: justify; -} - -.twocol { - margin-top: 15px !important; - margin-bottom: -15px !important; -} - -#externali2cp td label + br { - display: none; -} - -#externali2cp td label { - margin-right: 8px; - white-space: nowrap; -} - -/* end welcome */ - -/* global overrides */ - -@media screen and (min-width: 0) { -a, b, .routersummary h3 a, .routersummary h4 { - font-weight: normal !important; - font-size: 100%; -} - -body, p, #news p { - font: 11pt "Noto Sans", Verdana, "Bitstream Vera Sans", Helvetica, Sans, sans-serif !important; - font-size-adjust: 0.6; -} - -h2, h2 a[name], h3, h4.app, h4.app2 { - font-size: 14pt !important; - font-weight: normal !important; - letter-spacing: 0.1em !important; -} - -h2, h2 a[name] { - font-size: 16pt !important; -} - -div.main, div.main p, div.news p { - line-height: 140%; -} - -div.joblog li i { - font-weight: normaL; -} - -b, div.joblog b { - font-size: 110%; -} - -p, div[id^="config_"] th { - font-size: 11pt !important; -} - -input[type="submit"], input[type="reset"] { - font-size: 12pt !important; - font-weight: normal !important; - line-height: 140% !important; - display: inline-block; - letter-spacing: 0.05em; - padding-top: 2px !important; - padding-bottom: 2px !important; -} -} - -/* responsive layout */ - -@media screen and (min-width: 800px) { -label, select, select option, #configstats th b, p.infohelp, p.infowarn, td.infohelp, td.infowarn { - font-size: 11pt !important; - font-weight: normal !important; -} - -input[type="text"], input[type="password"], textarea { - font-size: 11pt !important; -} -} - -@media screen and (min-width: 1200px) { -.langbox { - margin-top: 5px !important; - line-height: 16px; -} -} - -@media screen and (min-width: 1500px) { -.langbox { - margin-top: 6px !important; - line-height: 16px; -} - -.langselect input[name="lang"]:checked + img { - margin-left: -88px !important; -} -} - -@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1500px) { -.langselect img { - margin-left: -8px !important; - margin-top: -18px !important; -} - -.langselect input[name="lang"]:checked + img { - margin-left: -10px !important; - margin-top: -18px !important; -} -} - -/* end responsive layout */ diff --git a/installer/resources/themes/console/midnight/i2ptunnel.css b/installer/resources/themes/console/midnight/i2ptunnel.css deleted file mode 100644 index 416b012db..000000000 --- a/installer/resources/themes/console/midnight/i2ptunnel.css +++ /dev/null @@ -1,1195 +0,0 @@ -/* I2P TunnelManager theme: "Midnight" */ -/* Author: dr|z3d. */ - -body { - margin: 5px 0 15px; - padding: 0; - text-align: center; - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif; - background: #000; - color: #c9ceff; - font-size: 9pt; -} - -body.iframed { - background: transparent url(/themes/console/images/transparent.gif) !important; - margin: 0 5px; - padding: 0; - overflow: hidden; -} - -* { - outline: none; -} - -:-moz-focusring { - outline: none !important; -} - -div { - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -a { - text-decoration: none; - font-weight: bold; -} - -a:link { - color: #4e47bf; - outline: none; -} - -a:visited { - color: #7670c2; -} - -a:hover, a:focus { - color: #652787; -} - -a:active { - color: #4f0519; -} - -.accesskey { - display: none !important; - text-decoration: underline; -} - -form { - margin: 0; -} - -br { - clear: left; -} - -div.statusNotRunning { - height: 24px; - overflow: hidden; - color: #d00; - background: url('images/console_status_stopped.png') center center no-repeat; -} - -div.statusRunning { - height: 24px; - overflow: hidden; - color: #0b0; - background: url('images/console_status_running.png') center center no-repeat; -} - -div.statusStarting { - height: 24px; - overflow: hidden; - color: #393; - background: url('images/console_status_starting.png') center center no-repeat; -} - -div[class^="status"] { - font-size: 0 !important; - background-position: center center; - text-align: center; - margin: 0; - padding: 0; - width: 100%; - background-size: auto 16px; -} - -hr { - display: none; -} - -#clientHost { - width: 300px; -} - -#clientPort { - width: 100px; -} - -.panel { - margin: 8px auto; - padding: 5px 3px !important; - width: calc(100% - 14px); - min-width: 540px; - max-width: 1400px; - overflow: hidden; - text-align: left; - color: #c9ceff; - background: none; -} - -.panel:first-child { - margin-top: 0; -} - -.panel:last-child { - margin-bottom: 5px; -} - -.panel#clients { - margin-top: -23px !important; -} - -.iframed .panel#clients { - margin-top: -20px !important; -} - -.iframed .panel.iframed { - margin: 0 auto -8px !important; -} - -.iframed .panel { - margin: 16px auto -8px !important; - width: 100%; -} - -#globalTunnelControl { - margin: -13px auto; -} - -.iframed #globalTunnelControl { - margin: 6px auto -26px !important; -} - -#serverTunnels { - margin: -1px 0 10px; -} - -h2, h3 { - padding: 8px 10px; - border: 1px solid #2d295f; - background: linear-gradient(to bottom, #191729 50%, #000 50%) !important; - font-size: 11pt; - text-transform: uppercase; - letter-spacing: 0.08em; - word-spacing: 0.1em; - margin: 12px 0 -1px; - color: #c9ceff; - box-shadow: inset 0 0 0 1px #000; -} - -.iframed h2, .iframed h3 { - margin: 14px 0 -1px; -} - -/* title images */ - -h2, h3 { - padding-left: 32px; - background-blend-mode: luminosity, normal, normal !important; -} - -.panel:hover h2, .panel:hover h3 { - background-blend-mode: normal, normal, normal !important; -} - -#messages h2 { - background: url(/themes/console/images/info/logs.png) left 6px center no-repeat, linear-gradient(to bottom, #191729 50%, #000 50%) !important; - background-size: 20px auto, 100% 100%, 100% 100% !important; -} - -#globalTunnelControl h2 { - background: url(/themes/console/images/info/control.png) left 6px center no-repeat, linear-gradient(to bottom, #191729 50%, #000 50%) !important; - background-size: 20px auto, 100% 100%, 100% 100% !important; -} - -#servers h2 { - background: url(/themes/console/images/info/server.png) left 6px center no-repeat, linear-gradient(to bottom, #191729 50%, #000 50%) !important; - background-size: 20px auto, 100% 100%, 100% 100% !important; -} - -#clients h2 { - background: url(/themes/console/images/info/client.png) left 6px center no-repeat, linear-gradient(to bottom, #191729 50%, #000 50%) !important; - background-size: 20px auto, 100% 100%, 100% 100% !important; -} - -#tunnelEditPage h2, #tunnelEditPage h3, #registration h2, #registration h3 { - background: url(/themes/console/images/info/configure.png) left 6px center no-repeat, linear-gradient(to bottom, #191729 50%, #000 50%) !important; - background-size: 20px auto, 100% 100%, 100% 100% !important; -} - -#wizardPanel h2 { - background: url(/themes/console/images/info/wizard.png) left 6px center no-repeat, linear-gradient(to bottom, #191729 50%, #000 50%) !important; - background-size: 20px auto, 100% 100%, 100% 100% !important; -} - -/* end title images */ - -.iframed #globalTunnelControl h2 { - margin-top: 6px; -} - -.panel table { - width: 100%; - border-collapse: collapse; - border: 1px solid #2d295f; - margin: 0; -} - -th { - background: #000; - background: linear-gradient(to bottom, #191729 0%, #000 50%) !important; - padding: 6px 5px; - border-top: 1px solid #2d295f; - border-bottom: 1px solid #2d295f; - font-size: 10pt; - color: #c9ceff; - text-align: left; -} - -td { - border-top: 1px solid #2d295f; - vertical-align: middle; - padding: 5px; - font-size: 9pt; -} - -th:last-child, td:last-child { - border-right: 1px solid #2d295f; -} - -#throttler th:last-child, #throttler td:last-child, #wizardTunnelTypes td:last-child, table table th:last-child, table table td:last-child { - border-right: none; -} - -td > input { - margin-left: 0; -} - -td > b { - margin-right: 5px; - display: inline-block; - min-width: 30px; -} - -td.infohelp { - background: url(/themes/console/images/info/infohelp.png) 10px center no-repeat; - background-size: 20px 20px; - padding: 10px 10px 10px 38px !important; -} - -.tunnelConfig td { - width: 50%; -} - -#clientTunnels tr, #serverTunnels tr, .tunnelConfig tr { - background: rgba(0,0,0,0.4); -} - -.tunnelProperties { - background: #000 !important; - overflow: hidden; - text-align: left; - border: 1px solid #2d295f; - border-bottom: 1px inset #120f35 !important; -} - -_:-ms-lang(x), .tunnelProperties { - border-bottom: 1px solid #120f35 !important; -} - -#serverTunnels { - margin: -1px 0 10px; -} - -.tunnelProperties:hover { - background: #002 !important; -} - -.newTunnel { - text-align: right; - border-top: 1px solid #2d295f !important; - padding: 5px !important; - background: #fff; -} - -.newTunnel select, .newTunnel input, .newTunnel .control { - margin: 2px !important; -} - -.newtunnel form { - width: 100%; - text-align: right; -} - -.tunnelName { - width: 25%; - min-width: 150px; -} - -.tunnelName a { - background: url(/themes/console/images/buttons/configure.png) left center no-repeat; - padding: 3px 3px 3px 20px !important; -} - -.tunnelName a { - font-weight: bold; -} - -.tunnelType { - width: 25%; -} - -.tunnelPreview, .tunnelPort { - width: 15%; - text-align: center; -} - -.tunnelLocation, .tunnelInterface { - width: 20%; -} - -.tunnelLocation font[color="red"] { - margin-left: 2px; -} - -.tunnelStatus { - text-align: center; - width: 10%; - min-width: 48px; -} - -.tunnelControl { - width: 5%; - text-align: right; - white-space: nowrap; -} - -th.tunnelControl { - text-align: center; -} - -textarea { - border: 1px solid #443da0; - background: #000; - margin-left: 4px; - margin-right: 4px; - font: bold 9pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace; - resize: none; - box-sizing: border-box; - border-radius: 2px; -} - -textarea:focus { - color: #c9ceff; - background: #000 !important; - box-shadow: 0 0 0 1px rgba(101, 39, 135, 0.5); - filter: drop-shadow(0 0 1px #880); - transition: ease filter 0.3s 0s; -} - -textarea#statusMessages, textarea#statusMessages:active, textarea#statusMessages:focus { - margin: 0; - border: 0; - box-shadow: none; - height: 80px; - font-size: 8pt; - width: 100%; - border-radius: 0; - padding: 2px 4px; - color: #69f; - background: linear-gradient(to bottom, #000 0%, #000019 100%) !important; - font-family: "Droid Sans Mono", "Noto Mono", Consolas, "Lucida Console", "DejaVu Sans Mono", monospace; -} - -.freetext { - width: 150px; - border: 1px solid #443da0; - padding: 4px; - font: bold 9pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace; - background: #fff; - color: #7670c2; - border-radius: 2px; - box-shadow: inset 2px 2px 1px #ccc; - cursor: text; -} - -.freetext:focus { - box-shadow: 0 0 1px #99f; - color: #111; -} - -.freetext[readonly], .freetext[readonly]:focus { - background: #000 !important; - box-shadow: inset 2px 2px 1px #000; - color: #669; - cursor: default; - border: 1px solid #443da0 !important; - opacity: 0.8; -} - -input[type="hidden"], input.default { - display: none; -} - -input, select, button, .control { - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif; - -moz-box-sizing: border-box; - box-sizing: border-box; - font-size: 9pt; - border-radius: 2px; - color: #c9ceff; - resize: none; - cursor: pointer; - filter: drop-shadow(0 0 1px #115); -} - -input { - background-color: #002; - color: #c9ceff; - margin: 0 2px 0 2px; - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif; - border: 1px solid #443da0; - text-decoration: none; -} - -input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, button::-moz-focus-inner { - border: none; - outline: none; -} - -input[type="file"] { - background: none; - border: none; -} - -input[type="checkbox"], input[type="radio"] { - vertical-align: sub; - min-width: 16px; - min-height: 16px; - margin: 0; - background: none; - filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%); /* colorize radios and checkboxes */ -} - -input[type="checkbox"]:hover, input[type="radio"]:hover, input[type="checkbox"]:focus, input[type="radio"]:focus { - box-shadow: 0 0 2px 1px #99f; - filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%) drop-shadow(0 0 2px #c9ceff); /* colorize radios and checkboxes */ -} - -label { - cursor: pointer; -} - -input[type="password"] { - cursor: text; -} - -input[type="text"], input[type="password"], textarea, textarea[readonly="readonly"]:focus { - background: #000; - background: linear-gradient(to bottom, #000 0%, #000019 100%); - box-shadow: inset 0 0 3px 3px #000; - filter: none; - color: #7670c2; -} - -input[type="text"]:focus, input[type="password"]:focus { - color: #c9ceff; - background: #000; - box-shadow: 0 0 0 1px rgba(101, 39, 135, 0.5); - filter: drop-shadow(0 0 1px #99f); - transition: ease filter 0.3s 0s; -} - -input[readonly="readonly"]:focus { - box-shadow: none; - filter: none; - background: linear-gradient(to bottom, #000 0%, #010 100%) !important; -} - -a.control, input.control { - white-space: nowrap; - vertical-align: middle; -} - -.control, .control:link, .control:visited { - overflow: hidden; - margin: 2px !important; - text-align: center; - white-space: nowrap; - text-decoration: none; - font-style: normal; - border: 1px solid #3e3f8f; - border-bottom: 1px solid #14144f; - border-right: 1px solid #14144f; - border-radius: 2px; - min-width: 78px; - font-size: 8pt; - font-weight: bold; - box-sizing: border-box; - min-width: 70px !important; - padding: 5px 8px !important; - color: #4e47bf !important; - background: #000 !important; - background: linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; -} - -.control:hover, .control:focus { - text-decoration: none; - color: #652787 !important; - border: 1px solid #652787 !important; - box-shadow: inset 0 1px 1px 0 #ddf; - background: #000 !important; -} - -.control:active { - background: #652787 !important; - color: #c9ceff !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; -} - -a.control { - display: inline-block; -} - -button.control { - box-sizing: border-box; - -moz-box-sizing: border-box; -} - -button, input[type="submit"], input[type="reset"], .control, select { - box-shadow: inset 0 0 0 1px #000020; -} - -select { - -moz-appearance: none; - -webkit-appearance: none; - appearance: none; - background: #000 url(images/dropdown.png) right center no-repeat !important; - color: #4e47bf; - font: 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif; - font-weight: bold; - padding: 4px 16px 4px 4px !important; - border-radius: 2px; - cursor: pointer; - border: 1px solid #3e3f8f; - border-bottom: 1px solid #14144f; - border-right: 1px solid #14144f; - min-width: 120px; - text-overflow: ellipsis; -} - -select option { /* dropdown menu reverts to normal font-weight */ - font-weight: normal; - font-size: 9.5pt; -} - -select option:hover, select option:focus, select option:checked { - box-shadow: inset 0 0 20px 20px #652787; -} - -select:focus, select:hover { - color: #652787; - border: 1px solid #652787; -} - -select:hover { - box-shadow: inset 0 1px 1px 0 #c9ceff; -} - -select:hover, select:focus, select:active { - background: #000 url(images/dropdown_hover.png) right center no-repeat !important; -} - -select::-ms-expand { - display: none; -} - -input, select, button { - font-size: 9pt; - vertical-align: middle; -} - -button, input[type="submit"], input[type="reset"], a.control { - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif; - font-weight: bold; -} - -.buttons, .newTunnel { - text-align: right !important; - padding: 7px 5px !important; - background: #000; - background: linear-gradient(to bottom, #001, #000); - border-top: 1px solid #2d295f !important; -} - -.tunnelDescriptionLabel, .tunnelDestinationLabel { - text-align: right; - min-width: 150px; - display: inline-block; - margin-right: 3px; - white-space: nowrap; -} - -input { - float: none; - vertical-align: middle; -} - -#hostField, #leasesetKey, #userAgents { - width: 90% !important; - margin: 0 !important; - text-align: left !important; -} - -#tunnelDepth, #tunnelVariance, #tunnelQuantity, #tunnelBackupQuantity, -#tunnelDepthOut, #tunnelVarianceOut, #tunnelQuantityOut, #tunnelBackupQuantityOut { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - -o-text-overflow: ellipsis; -} - -#tunnelDepth, #tunnelVariance, #tunnelQuantity, #tunnelBackupQuantity, -#tunnelDepthOut, #tunnelVarianceOut, #tunnelQuantityOut, #tunnelBackupQuantityOut, -#localDestination, #customOptions, #leasesetKey, #name, #description, textarea[name="accessList"] { - width: 100% !important; - margin: 0 !important; - text-align: left !important; -} - -#oldName, #targetDestination, select#profile, select#connectionProfile { - min-width: 280px; - width: 30%; -} - -select#profile, select#connectionProfile { - width: 70%; - width: calc(100% - 10px) !important; -} - -td[colspan="2"] > select#profile { - width: calc(50% - 15px) !important; -} - -#customOptions, #userAgents { - width: calc(100% - 10px) !important; - width: 100% !important; -} - -#localDestination, textarea[name="accessList"], #hostField { - width: calc(100% - 5px) !important; - width: 100% !important; - margin: 3px 0 !important; -} - -textarea[name="accessList"] { - margin: 0 !important; - height: 80px !important; -} - -#localDestination, .authentication { - height: 32px !important; - margin: 0 !important; -} - -#localDestination:focus, .authentication:focus { - filter: drop-shadow(0 0 1px #c9ceff); -} - -#leasesetKey { - height: 24px !important; - padding: 3px; -} - -.multiOption { - display: inline-block; - margin: 5px 10px 5px 0; - padding: 0; -} - -.multiOption input { - vertical-align: sub; -} - -.multiOption#isServer { - background: url(/themes/console/images/server.png) left center no-repeat; - padding-left: 20px; -} - -.multiOption#isClient { - background: url(/themes/console/images/client.png) left center no-repeat; - padding-left: 21px; -} - -td#throttle { - padding: 0; -} - -#throttler { - border: none; -} - -#throttler th { - padding-left: 20px; -} - -#throttler td { - width: 20%; -} - -#throttler td:first-child { - text-align: right; - width: 20%; - white-space: nowrap; -} - -#throttler tr:first-child th { - border-top: none; -} - -td.blankColumn { - width: 20% !important; -} - -#throttler tr:nth-child(odd) { - background: #000010; -} - -#throttler tr:nth-child(even) { - background: #000017; -} - -#throttler input[type="text"] { - width: 80px; -} - -table { - background: #000; -} - -#tunnelMessages { - padding: 0; -} - -.required:not(old) { - display: none; -} - -input::-moz-placeholder { - color: #f00; - font-weight: bold; - opacity: 1; -} - -::-webkit-input-placeholder { - color: #f00; - font-weight: bold; - opacity: 1; -} - -input:focus::-moz-placeholder { - opacity: 0; -} - -:focus::-webkit-input-placeholder { - opacity: 0; -} - -input.tunnelName, input.tunnelDescriptionText, #userAgents { - width: 80%; - min-width: 280px; - text-overflow: ellipsis; -} - -#websiteName, #privKeyFile, #targetHost, .host { - width: 30%; - min-width: 250px; -} - -.port, .quantity, .period { - width: 80px; -} - -.port[readonly] { - width: 120px; -} - -.username, .password { - width: 200px; -} - -.username { - background: url(/themes/console/images/buttons/user.png) 3px center no-repeat, linear-gradient(to bottom, #001, #000) !important; - padding-left: 22px; -} - -.username:focus { - background: #000 url(/themes/console/images/buttons/user.png) 3px center no-repeat !important; - padding-left: 22px; -} - -.password { - background: url(/themes/console/images/buttons/password.png) 3px center no-repeat, linear-gradient(to bottom, #001, #000) !important; - padding-left: 22px; -} - - -.password:focus { - background: #000 url(/themes/console/images/buttons/password.png) 3px center no-repeat !important; - padding-left: 22px; -} - -.proxyList { - width: 40%; - min-width: 280px; -} - -#notReady { - border: 1px solid #900; - padding: 30px; - background: #002; - margin: 30px auto; - width: 400px; - text-align: center; - border-radius: 2px; - box-shadow: inset 0 0 0 1px #000; - font-size: 11pt; - font-weight: bold; -} - -/* wizard specifics */ - -#wizardPanel { - font-size: 10pt; -} - -#wizardTable { - padding: 0; -} - -#wizardTunnelTypes td:first-child, #wizardSummary td:first-child { - font-weight: bold; - width: 10%; - min-width: 150px; - text-align: right; - white-space: nowrap; -} - -#wizardTunnelTypes td:last-child { - text-align: justify; - padding: 5px 10px 5px 5px; -} - -#wizardTunnelTypes select { - margin-left: 0 !important; -} - -#wizardTunnelTypes, #wizardSummary { - border: none; - margin-top: -1px; -} - -#wizardTunnelTypes tr:nth-child(even), #wizardSummary tr:nth-child(even) { - background: #001; -} - -#wizardTunnelTypes tr:nth-child(odd), #wizardSummary tr:nth-child(odd) { - background: #000017; -} - -#wizardTunnelTypes tr:last-child { - background: #000; -} - -#wizardPanel #name, #wizardPanel #description { - width: 300px !important; -} - -#wizardPanel p { - padding: 5px 15px; - margin: 0; - text-align: justify; - line-height: 140%; -} - -#wizardPanel input::-moz-placeholder { - color: #449; - font-weight: normal; -} - -#wizardPanel ::-webkit-input-placeholder { - color: #449; - font-weight: normal; -} - -#wizardPanel .options { - padding: 10px; -} - -#wizardPanel .tag { - width: 10%; - min-width: 150px; - white-space: nowrap; - display: inline-block; - font-weight: bold; - text-align: right; - margin-right: 3px; -} - -#wizardPanel select { - min-width: 160px; - margin-left: 0 !important; -} - -#wizardPanel .infohelp p { /* wizard complete - advanced options info */ - margin: 0; - padding: 0 10px 0 5px; -} - -/* more space */ - -.tunnelConfig td, td { - border-top: 1px inset #17142f; - padding: 6px 5px; -} - -input[type="checkbox"], input[type="radio"] { - margin: 5px 3px 5px 5px; -} - -.freetext, .tunnelConfig textarea, #customOptions, #userAgents, #hostField { - margin: 5px !important; -} - -#tunnelDepth, #tunnelVariance, #tunnelQuantity, #tunnelBackupQuantity, -#tunnelDepthOut, #tunnelVarianceOut, #tunnelQuantityOut, #tunnelBackupQuantityOut, -#leasesetKey { - margin: 5px !important; - width: calc(100% - 10px) !important; -} - -.tunnelConfig select, select#profile select#connectionProfile, .selectbox { - margin: 5px !important; -} - -textarea[name="accessList"], #hostField, #localDestination, .authentication { - width: calc(100% - 10px) !important; - margin: 5px !important; -} - -#customOptions, #userAgents, #leasesetKey { - width: calc(100% - 10px) !important; -} - -.tunnelConfig td > b { - min-width: 30px; - display: inline-block; - margin-left: 5px; -} - -.tunnelDestination { - padding-bottom: 1px !important; - border-bottom: 1px solid transparent !important; -} - -.tunnelDescription { - padding-top: 1px !important; -} - -.tunnelDestination b, .tunnelDescription b { - color: #a8accf; -} - -td.tunnelDestination, td.tunnelDescription { - background: linear-gradient(to right, #000 50%, #000020); -} - -/* end more space */ - -/* responsive layout */ - -@media screen and (max-width: 800px) { -th { - font-size: 9pt; -} - -.statusNotRunning, .statusRunning, .statusStarting { - background-size: auto 14px; -} - -#leasesetKey { - height: 38px !important; -} - -.port, .quantity, .period { - width: 60px; -} - -#clientHost, .host { - width: 200px; - min-width: 210px; -} -} - -@media screen and (max-width: 1300px) { -h2, h3 { - font-size: 10.5pt !important; -} -} - -@media screen and (min-width: 1000px) { -th { - padding: 7px 5px; -} -} - -@media screen and (min-width: 1300px) { -body, td, .control, select, input, textarea { - font-size: 10pt !important; -} - -textarea#statusMessages, textarea#statusMessages:active, textarea#statusMessages:focus { - font-size: 9pt !important; -} - -td { - padding: 7px 5px; -} - -#localDestination, .authentication { - height: 34px !important; -} -} - -/* end responsive layout */ - -/* TO DO: merge with main classes */ - -.panel { - min-width: 600px; -} - -@media screen and (-webkit-min-device-pixel-ratio:0) { /* fixes chrome/blink overflow issue */ -select { - white-space: normal !important; -} -} - -label { - vertical-align: sub; -} - -input[type="text"] + label { - white-space: nowrap; - vertical-align: unset; -} - -#targetPort { - margin-right: 10px !important; -} - -#privKeyFile { - min-width: 200px; - width: 200px; - width: calc(100% - 20px); -} - -#oldName, #altPrivKeyFile { - width: 45% !important; -} - -.displayText { - font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace; - width: calc(100% - 10px); - width: 290px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - word-break: break-all; - margin: 5px; - padding: 4px; - -moz-user-select: all; - -webkit-user-select: all; - user-select: all; - border: 1px solid #443da0; - background: #000; - background: linear-gradient(to bottom, #000 0%, #000019 100%); - color: #7670c2; - border-radius: 2px; - box-shadow: inset 0 0 0 1px #000; -} - -.displayText:hover, .displayText:focus { - overflow: auto; - text-overflow: clip; - margin: 0.5px 5px; - padding: 2px 4px; - background: #000; - color: #dd0; - outline: none; -} - -.displayText:focus { - box-shadow: 0 0 0 1px rgba(101, 39, 135, 0.5); - filter: drop-shadow(0px 0 1px #99f); - transition: ease filter 0.3s; -} - -.displayText:empty, .displayText:empty:hover, .displayText:empty:focus { - margin: 5px; - padding: 4px; - background: #000; - box-shadow: inset 0 0 0 1px #000 !important; - filter: none !important; - color: #669; - opacity: 0.8; -} - -.displayText:empty::before, .displayText:hover:empty::before, .displayText:focus:empty::before { - content: ""; - display: inline-block; - min-height: 11px; - overflow: hidden; -} - -#registration .displayText { - width: 500px; -} - -#registration .infohelp { - padding-top: 15px !important; - padding-bottom: 15px !important; -} - -#registration input[type="file"] { - margin-top: 5px; - margin-bottom: 5px; -} - -#registration td { - padding: 8px; -} - -@media screen and (max-width: 800px) { -.displayText, .displayText:empty:hover, .displayText:empty:focus { - width: 260px; - font-size: 8pt; -} -} - -@media screen and (min-width: 1000px) { -.displayText, .displayText:empty:hover, .displayText:empty:focus { - width: 386px; -} - -#registration .displayText { - width: 600px; -} -} - -@media screen and (min-width: 1500px) { -.displayText, .displayText:empty:hover, .displayText:empty:focus { - width: 552px; -} - -#registration .displayText { - width: 800px; -} -} - diff --git a/installer/resources/themes/console/midnight/images/console_status_running.png b/installer/resources/themes/console/midnight/images/console_status_running.png deleted file mode 100644 index 6bbc5e37a..000000000 Binary files a/installer/resources/themes/console/midnight/images/console_status_running.png and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/console_status_starting.png b/installer/resources/themes/console/midnight/images/console_status_starting.png deleted file mode 100644 index fbff23409..000000000 Binary files a/installer/resources/themes/console/midnight/images/console_status_starting.png and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/console_status_stopped.png b/installer/resources/themes/console/midnight/images/console_status_stopped.png deleted file mode 100644 index 0d43eb4ea..000000000 Binary files a/installer/resources/themes/console/midnight/images/console_status_stopped.png and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/dropdown.png b/installer/resources/themes/console/midnight/images/dropdown.png deleted file mode 100644 index 8cb83f1d7..000000000 Binary files a/installer/resources/themes/console/midnight/images/dropdown.png and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/dropdown_active.png b/installer/resources/themes/console/midnight/images/dropdown_active.png deleted file mode 100644 index 8f115f988..000000000 Binary files a/installer/resources/themes/console/midnight/images/dropdown_active.png and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/dropdown_hover.png b/installer/resources/themes/console/midnight/images/dropdown_hover.png deleted file mode 100644 index 999350953..000000000 Binary files a/installer/resources/themes/console/midnight/images/dropdown_hover.png and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/earth.jpg b/installer/resources/themes/console/midnight/images/earth.jpg deleted file mode 100644 index 750027d36..000000000 Binary files a/installer/resources/themes/console/midnight/images/earth.jpg and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/favicon.ico b/installer/resources/themes/console/midnight/images/favicon.ico deleted file mode 100644 index 267e47b62..000000000 Binary files a/installer/resources/themes/console/midnight/images/favicon.ico and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/help.png b/installer/resources/themes/console/midnight/images/help.png deleted file mode 100644 index be5281471..000000000 Binary files a/installer/resources/themes/console/midnight/images/help.png and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/i2plogo.png b/installer/resources/themes/console/midnight/images/i2plogo.png deleted file mode 100644 index 252ff2c18..000000000 Binary files a/installer/resources/themes/console/midnight/images/i2plogo.png and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/link.png b/installer/resources/themes/console/midnight/images/link.png deleted file mode 100644 index 29fa121db..000000000 Binary files a/installer/resources/themes/console/midnight/images/link.png and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/move_bottom.png b/installer/resources/themes/console/midnight/images/move_bottom.png deleted file mode 100644 index 349fe2d50..000000000 Binary files a/installer/resources/themes/console/midnight/images/move_bottom.png and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/move_down.png b/installer/resources/themes/console/midnight/images/move_down.png deleted file mode 100644 index c9152a3a0..000000000 Binary files a/installer/resources/themes/console/midnight/images/move_down.png and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/move_top.png b/installer/resources/themes/console/midnight/images/move_top.png deleted file mode 100644 index b743ff473..000000000 Binary files a/installer/resources/themes/console/midnight/images/move_top.png and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/move_up.png b/installer/resources/themes/console/midnight/images/move_up.png deleted file mode 100644 index 937e4266f..000000000 Binary files a/installer/resources/themes/console/midnight/images/move_up.png and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/news.png b/installer/resources/themes/console/midnight/images/news.png deleted file mode 100644 index e8d364b74..000000000 Binary files a/installer/resources/themes/console/midnight/images/news.png and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/newsbullet_mini.png b/installer/resources/themes/console/midnight/images/newsbullet_mini.png deleted file mode 100644 index 534df54fd..000000000 Binary files a/installer/resources/themes/console/midnight/images/newsbullet_mini.png and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/newtab.png b/installer/resources/themes/console/midnight/images/newtab.png deleted file mode 100644 index 398df4889..000000000 Binary files a/installer/resources/themes/console/midnight/images/newtab.png and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/scarface.jpg b/installer/resources/themes/console/midnight/images/scarface.jpg deleted file mode 100644 index 1acd180a9..000000000 Binary files a/installer/resources/themes/console/midnight/images/scarface.jpg and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/sort_down.png b/installer/resources/themes/console/midnight/images/sort_down.png deleted file mode 100644 index 74250ec7a..000000000 Binary files a/installer/resources/themes/console/midnight/images/sort_down.png and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/sort_up.png b/installer/resources/themes/console/midnight/images/sort_up.png deleted file mode 100644 index 60cf6c95a..000000000 Binary files a/installer/resources/themes/console/midnight/images/sort_up.png and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/thumbnail.png b/installer/resources/themes/console/midnight/images/thumbnail.png deleted file mode 100644 index 5c6a7c54f..000000000 Binary files a/installer/resources/themes/console/midnight/images/thumbnail.png and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/tinytitles.png b/installer/resources/themes/console/midnight/images/tinytitles.png deleted file mode 100644 index 0f44b2b51..000000000 Binary files a/installer/resources/themes/console/midnight/images/tinytitles.png and /dev/null differ diff --git a/installer/resources/themes/console/midnight/images/titles.png b/installer/resources/themes/console/midnight/images/titles.png deleted file mode 100644 index 2b36f0265..000000000 Binary files a/installer/resources/themes/console/midnight/images/titles.png and /dev/null differ diff --git a/installer/resources/themes/console/midnight/mobile.css b/installer/resources/themes/console/midnight/mobile.css deleted file mode 100644 index 0e5bdb0dd..000000000 --- a/installer/resources/themes/console/midnight/mobile.css +++ /dev/null @@ -1,148 +0,0 @@ -/* Console Theme "Midnight" - Mobile Override */ - -body { - padding: 0 5px; - margin: 5px 0 0 !important; -} - -div#xhr { - width: 617px; - margin: 0 auto; -} - -div.routersummaryouter { - position: relative; - float: none; - width: auto; - margin: 0 0 5px; -} - -div.routersummary { - float: none; - width: 600px; - margin: 0 auto; -} - -@media screen and (min-width: 1500px) { -div.routersummary { - width: 600px !important; -} - -.routersummary table[id^="sb_"] { - width: 600px !important; -} -} - -div[style="height: 36px;"] + a, a[href="/summaryframe"] { - display: inline-block; - margin: 12px 0 0 !important; - padding: 4px 15px !important; - border-radius: 15px; - border: 1px solid #241f69; -} - -a[href="/summaryframe"] { - margin: 3px 0 2px !important; -} - -.routersummary td, -.routersummary a, -.routersummary h4, -.routersummary h4 a, -.routersummary button { - font-size: 10pt !important; -} - -.routersummary h3 a { - font-size: 11pt !important; - padding: 3px 1px; -} - -div.routersummary table, -.routersummary table[id^="sb_"] { - min-width: 100% !important; - min-width: calc(100% - 1px) !important; - margin-bottom: -6px !important; -} - -#sb_localtunnels { - margin-top: -5px !important; -} - -.routersummary tr:nth-child(odd) td { - padding: 3px; - background: #000100; -} - -.routersummary tr:nth-child(even) td { - padding: 3px; - background: #000018; -} - -.routersummary tr td { - border-top: 1px solid #000 !important; - border-bottom: 1px solid #000 !important; -} - -.routersummary tr:hover td { - border-top: 1px solid #004 !important; - border-bottom: 1px solid #004 !important; -} - -.routersummary tr:hover td { - background: #002; -} - -.routersummary h3, -.routersummary h4, -.routersummary hr { - margin-right: 7px !important; - margin-left: -10px !important; -} - -div.routersummary h4 { - margin: -6px 7px -8px -10px !important; -} - -div.routersummary form { - margin: -2px 5px -4px -11px !important; -} - -.routersummary button[type="submit"], .routersummary button[type="cancel"] { - margin: 5px 10px !important; - padding: 8px 5px !important; - min-width: 120px !important; -} - -h1 { - min-width: 570px; - margin: 0 !important; -} - -div.news { - min-width: 580px; - margin: -1px 0 0; -} - -div.main { - min-width: 580px; - margin: -1px 0 !important; -} - -.sorry { - margin: -1px 0 0; -} - -@media screen and (min-width: 1500px) { -div.news { - margin: -1px 0 0 !important; -} - -div.main { - margin: -1px 0 !important; -} - -.sorry { - margin: -1px 0 0 !important; -} -} \ No newline at end of file diff --git a/installer/resources/themes/snark/classic/favicon.ico b/installer/resources/themes/snark/classic/favicon.ico deleted file mode 100644 index 28658965c..000000000 Binary files a/installer/resources/themes/snark/classic/favicon.ico and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/add.png b/installer/resources/themes/snark/classic/images/add.png deleted file mode 100644 index 6332fefea..000000000 Binary files a/installer/resources/themes/snark/classic/images/add.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/author.png b/installer/resources/themes/snark/classic/images/author.png deleted file mode 100644 index 76a816fa6..000000000 Binary files a/installer/resources/themes/snark/classic/images/author.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/bullet.png b/installer/resources/themes/snark/classic/images/bullet.png deleted file mode 100644 index 1ae2f0eae..000000000 Binary files a/installer/resources/themes/snark/classic/images/bullet.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/button_forum.png b/installer/resources/themes/snark/classic/images/button_forum.png deleted file mode 100644 index 5b735f3f1..000000000 Binary files a/installer/resources/themes/snark/classic/images/button_forum.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/button_forum_active.png b/installer/resources/themes/snark/classic/images/button_forum_active.png deleted file mode 100644 index f2b4538e8..000000000 Binary files a/installer/resources/themes/snark/classic/images/button_forum_active.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/button_forum_hover.png b/installer/resources/themes/snark/classic/images/button_forum_hover.png deleted file mode 100644 index 2e4523a76..000000000 Binary files a/installer/resources/themes/snark/classic/images/button_forum_hover.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/button_snark.png b/installer/resources/themes/snark/classic/images/button_snark.png deleted file mode 100644 index 93dcf2251..000000000 Binary files a/installer/resources/themes/snark/classic/images/button_snark.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/button_snark_active.png b/installer/resources/themes/snark/classic/images/button_snark_active.png deleted file mode 100644 index 745f14ef2..000000000 Binary files a/installer/resources/themes/snark/classic/images/button_snark_active.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/button_snark_hover.png b/installer/resources/themes/snark/classic/images/button_snark_hover.png deleted file mode 100644 index 5599fcd22..000000000 Binary files a/installer/resources/themes/snark/classic/images/button_snark_hover.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/button_tracker.png b/installer/resources/themes/snark/classic/images/button_tracker.png deleted file mode 100644 index dc3e8212a..000000000 Binary files a/installer/resources/themes/snark/classic/images/button_tracker.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/button_tracker_active.png b/installer/resources/themes/snark/classic/images/button_tracker_active.png deleted file mode 100644 index abdbc720c..000000000 Binary files a/installer/resources/themes/snark/classic/images/button_tracker_active.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/button_tracker_hover.png b/installer/resources/themes/snark/classic/images/button_tracker_hover.png deleted file mode 100644 index bddffabc6..000000000 Binary files a/installer/resources/themes/snark/classic/images/button_tracker_hover.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/clock.png b/installer/resources/themes/snark/classic/images/clock.png deleted file mode 100644 index c432ade81..000000000 Binary files a/installer/resources/themes/snark/classic/images/clock.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/comment.png b/installer/resources/themes/snark/classic/images/comment.png deleted file mode 100644 index c5fc0255b..000000000 Binary files a/installer/resources/themes/snark/classic/images/comment.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/complete.png b/installer/resources/themes/snark/classic/images/complete.png deleted file mode 100644 index 96199806a..000000000 Binary files a/installer/resources/themes/snark/classic/images/complete.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/config.png b/installer/resources/themes/snark/classic/images/config.png deleted file mode 100644 index 815146391..000000000 Binary files a/installer/resources/themes/snark/classic/images/config.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/configuration.png b/installer/resources/themes/snark/classic/images/configuration.png deleted file mode 100644 index 453fc9d19..000000000 Binary files a/installer/resources/themes/snark/classic/images/configuration.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/create.png b/installer/resources/themes/snark/classic/images/create.png deleted file mode 100644 index 44ccbf812..000000000 Binary files a/installer/resources/themes/snark/classic/images/create.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/debug.png b/installer/resources/themes/snark/classic/images/debug.png deleted file mode 100644 index 70bdd2cf6..000000000 Binary files a/installer/resources/themes/snark/classic/images/debug.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/debuginfo.png b/installer/resources/themes/snark/classic/images/debuginfo.png deleted file mode 100644 index 42c7cd6ab..000000000 Binary files a/installer/resources/themes/snark/classic/images/debuginfo.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/delete.png b/installer/resources/themes/snark/classic/images/delete.png deleted file mode 100644 index a37f8c7f1..000000000 Binary files a/installer/resources/themes/snark/classic/images/delete.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/details.png b/installer/resources/themes/snark/classic/images/details.png deleted file mode 100644 index e69ba0115..000000000 Binary files a/installer/resources/themes/snark/classic/images/details.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/downloading.png b/installer/resources/themes/snark/classic/images/downloading.png deleted file mode 100644 index 1d01bb513..000000000 Binary files a/installer/resources/themes/snark/classic/images/downloading.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/dropdown.png b/installer/resources/themes/snark/classic/images/dropdown.png deleted file mode 100644 index 317d64e08..000000000 Binary files a/installer/resources/themes/snark/classic/images/dropdown.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/dropdown_hover.png b/installer/resources/themes/snark/classic/images/dropdown_hover.png deleted file mode 100644 index ec983e14a..000000000 Binary files a/installer/resources/themes/snark/classic/images/dropdown_hover.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/eta.png b/installer/resources/themes/snark/classic/images/eta.png deleted file mode 100644 index 854c00ea4..000000000 Binary files a/installer/resources/themes/snark/classic/images/eta.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/file.png b/installer/resources/themes/snark/classic/images/file.png deleted file mode 100644 index 14fc51f15..000000000 Binary files a/installer/resources/themes/snark/classic/images/file.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/file_sm.png b/installer/resources/themes/snark/classic/images/file_sm.png deleted file mode 100644 index 9dffc6219..000000000 Binary files a/installer/resources/themes/snark/classic/images/file_sm.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/first.png b/installer/resources/themes/snark/classic/images/first.png deleted file mode 100644 index 282621d8d..000000000 Binary files a/installer/resources/themes/snark/classic/images/first.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/head_rx.png b/installer/resources/themes/snark/classic/images/head_rx.png deleted file mode 100644 index 792bf351d..000000000 Binary files a/installer/resources/themes/snark/classic/images/head_rx.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/head_rxspeed.png b/installer/resources/themes/snark/classic/images/head_rxspeed.png deleted file mode 100644 index a74a2a43d..000000000 Binary files a/installer/resources/themes/snark/classic/images/head_rxspeed.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/head_tx.png b/installer/resources/themes/snark/classic/images/head_tx.png deleted file mode 100644 index 4df10acd6..000000000 Binary files a/installer/resources/themes/snark/classic/images/head_tx.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/head_txspeed.png b/installer/resources/themes/snark/classic/images/head_txspeed.png deleted file mode 100644 index af70651c1..000000000 Binary files a/installer/resources/themes/snark/classic/images/head_txspeed.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/hidepeers.png b/installer/resources/themes/snark/classic/images/hidepeers.png deleted file mode 100644 index 00af250ab..000000000 Binary files a/installer/resources/themes/snark/classic/images/hidepeers.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/infocircle.png b/installer/resources/themes/snark/classic/images/infocircle.png deleted file mode 100644 index b1d0be10a..000000000 Binary files a/installer/resources/themes/snark/classic/images/infocircle.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/last.png b/installer/resources/themes/snark/classic/images/last.png deleted file mode 100644 index 200082566..000000000 Binary files a/installer/resources/themes/snark/classic/images/last.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/next.png b/installer/resources/themes/snark/classic/images/next.png deleted file mode 100644 index 1f7bfd830..000000000 Binary files a/installer/resources/themes/snark/classic/images/next.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/nopeers.png b/installer/resources/themes/snark/classic/images/nopeers.png deleted file mode 100644 index 5fb0e2cfc..000000000 Binary files a/installer/resources/themes/snark/classic/images/nopeers.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/peer.png b/installer/resources/themes/snark/classic/images/peer.png deleted file mode 100644 index 93a9e7738..000000000 Binary files a/installer/resources/themes/snark/classic/images/peer.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/previous.png b/installer/resources/themes/snark/classic/images/previous.png deleted file mode 100644 index 1532b6cec..000000000 Binary files a/installer/resources/themes/snark/classic/images/previous.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/priority.png b/installer/resources/themes/snark/classic/images/priority.png deleted file mode 100644 index fd9685253..000000000 Binary files a/installer/resources/themes/snark/classic/images/priority.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/progressbar.gif b/installer/resources/themes/snark/classic/images/progressbar.gif deleted file mode 100644 index e204f6b31..000000000 Binary files a/installer/resources/themes/snark/classic/images/progressbar.gif and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/rateme.png b/installer/resources/themes/snark/classic/images/rateme.png deleted file mode 100644 index 234e38b20..000000000 Binary files a/installer/resources/themes/snark/classic/images/rateme.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/remove.png b/installer/resources/themes/snark/classic/images/remove.png deleted file mode 100644 index 12f988b18..000000000 Binary files a/installer/resources/themes/snark/classic/images/remove.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/seeding.png b/installer/resources/themes/snark/classic/images/seeding.png deleted file mode 100644 index e58e518bc..000000000 Binary files a/installer/resources/themes/snark/classic/images/seeding.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/showpeers.png b/installer/resources/themes/snark/classic/images/showpeers.png deleted file mode 100644 index ca271234b..000000000 Binary files a/installer/resources/themes/snark/classic/images/showpeers.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/size.png b/installer/resources/themes/snark/classic/images/size.png deleted file mode 100644 index 013cc5bbd..000000000 Binary files a/installer/resources/themes/snark/classic/images/size.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/snark_add.png b/installer/resources/themes/snark/classic/images/snark_add.png deleted file mode 100644 index ddb8c3dd4..000000000 Binary files a/installer/resources/themes/snark/classic/images/snark_add.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/snark_create.png b/installer/resources/themes/snark/classic/images/snark_create.png deleted file mode 100644 index 3c2b6ba74..000000000 Binary files a/installer/resources/themes/snark/classic/images/snark_create.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/stalled.png b/installer/resources/themes/snark/classic/images/stalled.png deleted file mode 100644 index 8d7b193b5..000000000 Binary files a/installer/resources/themes/snark/classic/images/stalled.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/start.png b/installer/resources/themes/snark/classic/images/start.png deleted file mode 100644 index 6bf001c4e..000000000 Binary files a/installer/resources/themes/snark/classic/images/start.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/start_all.png b/installer/resources/themes/snark/classic/images/start_all.png deleted file mode 100644 index dadeeebeb..000000000 Binary files a/installer/resources/themes/snark/classic/images/start_all.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/status.png b/installer/resources/themes/snark/classic/images/status.png deleted file mode 100644 index e748bf7c4..000000000 Binary files a/installer/resources/themes/snark/classic/images/status.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/stop.png b/installer/resources/themes/snark/classic/images/stop.png deleted file mode 100644 index ca007e86f..000000000 Binary files a/installer/resources/themes/snark/classic/images/stop.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/stop_all.png b/installer/resources/themes/snark/classic/images/stop_all.png deleted file mode 100644 index 124a31cae..000000000 Binary files a/installer/resources/themes/snark/classic/images/stop_all.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/stop_all_hover.png b/installer/resources/themes/snark/classic/images/stop_all_hover.png deleted file mode 100644 index 124a31cae..000000000 Binary files a/installer/resources/themes/snark/classic/images/stop_all_hover.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/stopped.png b/installer/resources/themes/snark/classic/images/stopped.png deleted file mode 100644 index e5b41579e..000000000 Binary files a/installer/resources/themes/snark/classic/images/stopped.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/torrent.png b/installer/resources/themes/snark/classic/images/torrent.png deleted file mode 100644 index 6d97364f2..000000000 Binary files a/installer/resources/themes/snark/classic/images/torrent.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/trackererror.png b/installer/resources/themes/snark/classic/images/trackererror.png deleted file mode 100644 index f41191f6c..000000000 Binary files a/installer/resources/themes/snark/classic/images/trackererror.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/images/up.png b/installer/resources/themes/snark/classic/images/up.png deleted file mode 100644 index 7271f87d6..000000000 Binary files a/installer/resources/themes/snark/classic/images/up.png and /dev/null differ diff --git a/installer/resources/themes/snark/classic/nocollapse.css b/installer/resources/themes/snark/classic/nocollapse.css deleted file mode 100644 index abae4f21a..000000000 --- a/installer/resources/themes/snark/classic/nocollapse.css +++ /dev/null @@ -1,51 +0,0 @@ -/* disable snark's collapsible panels */ -/* fixes a browser engine bug present in Konqueror, Midori, Qupzilla et al */ - -input#toggle_addtorrent:not(checked) + label + hr + table, input#toggle_createtorrent:not(checked) + label + hr + table, -input#toggle_addtorrent:checked + label + hr + table, input#toggle_createtorrent:checked + label + hr + table { - display: table !important; -} - -label.toggleview, label.toggleview:hover, label.toggleview:active, .toggle_input:focus + label.toggleview { - box-shadow: inset 0 0 0 1px #fff; - background: linear-gradient(to bottom, #fff 0%, #ddf 100%) !important; - cursor: default !important; -} - -label.toggleview img, .toggle_input:focus + label.toggleview img, label.toggleview:hover img, label.toggleview img:active, label.toggleview:active img { - margin: 1px !important; - padding: 3px !important; - border-radius: 50%; - box-shadow: inset 0 0 0 2px #eee; - background: #020; - background: linear-gradient(to bottom, #999 50%, #fff 50%); - mix-blend-mode: normal !important; - transform: none !important; - filter: drop-shadow(0 1px 1px #999) !important; -} - -label.toggleview { - margin-bottom: -6px !important; - padding: 3px 0 !important; - min-width: 120px !important; - width: 120px !important; - font-size: 0 !important; -} - -.configsection .snarkConfigTitle a { - padding: 1px 0 !important; - margin: 0 auto !important; - text-align: center !important; - display: block; -} - -.configsection .snarkConfigTitle a img { - margin: -2px -2px 0 0 !important; - padding: 0 !important; -} - -.toggleview img, .configsection .snarkConfigTitle img { - margin: 0 !important; - padding: 0 !important; - text-align: center !important; -} diff --git a/installer/resources/themes/snark/classic/snark.css b/installer/resources/themes/snark/classic/snark.css deleted file mode 100644 index 900b6841f..000000000 --- a/installer/resources/themes/snark/classic/snark.css +++ /dev/null @@ -1,3044 +0,0 @@ -/* I2PSnark theme "Classic" */ -/* Author: dr|z3d */ - -body { - font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", Verdana, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", Helvetica, sans-serif; - color: #2c354f; - background: #eef url(/themes/console/classic/images/bg0.png) repeat scroll center bottom; - background-size: 120px 120px; - margin: 3px 4px; -} - -/* preload top navigation mouseovers */ -body { - background: url(/themes/console/classic/images/bg0.png) repeat scroll center bottom, - url(images/button_snark_hover.png) no-repeat, - url(images/button_snark_active.png) no-repeat, - url(images/button_tracker_hover.png) no-repeat, - url(images/button_tracker_active.png) no-repeat, - url(images/button_forum_hover.png) no-repeat, - url(images/button_forum_active.png) no-repeat, #eef; - background-size: 120px 120px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important; -} - -body.iframed { - margin: 1px 0 !important; - background: transparent !important; -} - -body.iframed { - background: url(images/button_snark_hover.png) no-repeat, - url(images/button_snark_active.png) no-repeat, - url(images/button_tracker_hover.png) no-repeat, - url(images/button_tracker_active.png) no-repeat, - url(images/button_forum_hover.png) no-repeat, - url(images/button_forum_active.png) no-repeat !important; - background-size: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important; -} - -* { - outline: none; -} - -.toggleview, .snarkConfigTitle, .snarknavbar, img, input[type="image"] { - -moz-user-select: none; - -webkit-user-select: none; - user-select: none; -} - -.page { - line-height: 160% !important; - min-width: 900px !important; - margin: 5px 0 0 0; - padding: 9px; - text-align: center; - border: 1px solid #89f; - border-radius: 0 0 3px 3px; - background: #dfe6ff; - background: repeating-linear-gradient(to right, #fff 1px, #cfd9ff 2px, #fff 4px); - box-shadow: inset 0 0 0 1px #fff; -} - -.iframed .page { - margin: 5px 0; - padding: 0; - border: none; - border-radius: 0; - background: none; - background: linear-gradient(to right, #fff, #ddf, #fff); - background: repeating-linear-gradient(to right, #fff 1px, #bbf 2px, #fff 4px); - box-shadow: none; -} - -/* top nav */ - -.snarknavbar { - font-size: 11.5pt; - font-weight: bold; - min-width: 906px; - margin: 0 0 -6px !important; - padding: 8px 0; - text-align: center; - letter-spacing: 0 !important; - text-transform: uppercase !important; - color: #000; - border: 1px solid #89f; - border-radius: 3px 3px 0 0; - background: #eff2ff !important; - background: linear-gradient(to bottom, #fff, #eff2ff) !important; - box-shadow: 0 0 1px #fff, inset 0 0 0 1px #fff; -} - -.iframed .snarknavbar { - margin-top: -2px !important; - padding: 8px 0 7px; - border-radius: 0; - position: static; - background: linear-gradient(to bottom, #fff, #eff2ff 75%) !important; -} - -.snarkNav:link, .snarkNav:visited { - display: inline-block; - line-height: 110%; - color: #444688; - font-size: 9pt; - font-weight: bold; - margin: -1px -2px -1px -3px !important; - padding: 5px 7px 5px 23px !important; - text-decoration: none !important; - letter-spacing: .1em; - text-transform: uppercase !important; - border: 1px solid #88f; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px rgba(200,200,200,0.5); - opacity: 0.85; - transition: ease box-shadow 0.01s; -} - -.snarkNav:link:last-child { - margin-left: 3px; - border-radius: 0 3px 3px 0; -} - -.nav_main:link { - background: url(images/button_snark.png) 7px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%); - border-radius: 3px 0 0 3px; -} - -.nav_forum:link { - background: url(images/button_forum.png) 7px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%); -} - -.nav_tracker:link { - background: url(images/button_tracker.png) 7px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%); -} - -.snarkNav.nav_main:last-child { - border-radius: 3px; -} - -.snarkNav:hover, .snarkNav:focus { - color: #f50; - border: 1px solid #f50; - opacity: 1; - position: relative; - z-index: 999; -} - -.nav_main:hover, .nav_main:focus { - background: url(images/button_snark_hover.png) 7px center no-repeat #eee !important; - background: url(images/button_snark_hover.png) 7px center no-repeat, linear-gradient(to bottom, #eff2ff, #fff) !important; -} - -.nav_forum:hover, .nav_forum:focus { - background: url(images/button_forum_hover.png) 7px center no-repeat #eee !important; - background: url(images/button_forum_hover.png) 7px center no-repeat, linear-gradient(to bottom, #eff2ff, #fff) !important; -} - -.nav_tracker:hover, .nav_tracker:focus { - background: url(images/button_tracker_hover.png) 7px center no-repeat #eee !important; - background: url(images/button_tracker_hover.png) 7px center no-repeat, linear-gradient(to bottom, #eff2ff, #fff) !important; -} - -.snarkNav:active { - text-decoration: none !important; - color: #fff !important; - text-shadow: none; - box-shadow: inset 4px 4px 3px #824b1b, 0 0 0 0 rgba(0,0,0,0) !important; - transition: linear box-shadow 0.05s; -} - -.nav_main:active { - background: url(images/button_snark_active.png) 7px center no-repeat #f50 !important; -} - -.nav_forum:active { - background: url(images/button_forum_active.png) 7px center no-repeat #f50 !important; -} - -.nav_tracker:active { - background: url(images/button_tracker_active.png) 7px center no-repeat #f50 !important; -} - -.snarkNav:link, .snarkNav:hover, .snarkNav:focus { - background-size: 16px 16px, 100% 100% !important; -} - -/* end top nav */ - -/* screenlog */ - -.snarkMessages { - overflow: hidden; - width: auto; - height: 56px; - margin: 0; - padding: 3px 5px; - text-align: left; - border-bottom: 1px solid #89f; - background: #ddf; - background: linear-gradient(to bottom, #eff3ff, #e9efff); - background: linear-gradient(to bottom, rgba(239, 243, 255, 0.7), rgba(233, 239, 255, 0.7)); - box-shadow: inset 0 0 0 1px #f2f2ff; -} - -.iframed .snarkMessages { - background: linear-gradient(to bottom, #e3e3ff, #ddf); - background: linear-gradient(to bottom, rgba(227, 227, 255, 0.7), rgba(221, 221, 255, 0.7)); -} - -.snarkMessages:hover, .snarkMessages:focus { - overflow: auto; -} - -.snarkMessages:focus { - box-shadow: inset 0 0 0 1px #f90; -} - -.snarkMessages ul { - margin: -2px 0 2px 0; - padding: 0 0 0 14px; - list-style: none; -} - -.snarkMessages li { - margin-left: -15px; - font: bold 8.5pt "Droid Sans Mono", "Noto Sans Mono", "Lucida Console", "DejaVu Sans Mono", monospace; - color: #4b4b76; -} - -.snarkMessages li::before { - content: ""; - display: inline-block; - background: url(images/bullet.png) 1px bottom no-repeat; - width: 13px; - height: 11px; - margin: 1px 1px 0 0; - background-size: 9px 9px; - opacity: 0.7; -} - -.snarkMessages a:link, -.snarkMessages a:visited { - color: #55f !important; - font-weight: bold; -} - -.snarkMessages a:hover, -.snarkMessages a:focus { - color: #f60 !important; -} - -.snarkMessages img { - width: 8px; - padding: 2px; - background: #fff; - opacity: 0.7 !important; -} - -.snarkMessages img:hover, -.snarkMessages img:focus { - opacity: 1 !important; -} - -.snarkMessages img, -.snarkMessages img:hover { - position: sticky; - top: -3px; - float: right; - margin: -3px -5px 4px 4px; - opacity: 1; - border: 1px solid #89f; - border-top: none; -} - -.logshim { - margin-top: 1px !important; -} - -/* end screenlog */ - -.snarkTorrents { - margin: 0; - border: 1px solid #101; - background: #fff; - background: rgba(255,255,255,0.1); -} - -.snarkTorrents th { - text-align: center; -} - -.snarkTorrents th:first-child { - width: 30px; - padding-right: 0; - text-align: center; -} - -.snarkTorrents thead th:nth-child(2) { - text-align: center !important; -} - -.snarkTorrents th br { - display: none; -} - -.snarkTorrents thead img { - display: none; -} - -.snarkTorrents thead a img { - display: inline; -} - -.snarkTorrents img { - margin: 0 !important; - padding: 0 !important; -} - -#totals { - margin-left: 3px; -} - -.snarkTorrents tfoot th:nth-child(2) { - text-align: center; -} - -#pagenav, .snarkTorrentETA, .snarkTorrentDownloaded, .snarkTorrentUploaded, .snarkTorrentRateDown, .snarkTorrentRateUp, .snarkTorrentAction { - text-align: center; -} - -.snarkTorrentAction { - padding-right: 2px !important; -} - -.snarkTorrents { - margin-top: -1px !important; -} - -.snarkTrackerDetails, .snarkTorrentDetails, .snarkCommentDetails { - width: 16px !important; - text-align: center !important; - font-weight: bold; - padding-left: 0 !important; - padding-right: 0 !important; -} - -.snarkTrackerDetails img, .snarkTorrentDetails img, .snarkCommentDetails img, .snarkDirInfo td:first-child img { - padding: 3px !important; - border: 1px solid transparent !important; -} - -.snarkTrackerDetails a:hover img, .snarkTrackerDetails a:focus img, -.snarkTorrentDetails a:hover img, .snarkTorrentDetails a:focus img, -.snarkCommentDetails a:hover img, .snarkCommentDetails a:focus img, -.snarkDirInfo td:first-child a:hover img, .snarkDirInfo td:first-child a:focus img { - border: 1px solid #f60 !important; - border-radius: 2px; - background: #ddf; - background: linear-gradient(to bottom, #fff 50%, #ddf 50%); - filter: none !important; -} - -.snarkTrackerDetails a:active img, .snarkTorrentDetails a:active img, .snarkCommentDetails a:active img, .snarkDirInfo td:first-child a:active img { - box-shadow: inset 2px 2px 2px #337; - transform: scale(0.9); -} - -.snarkGraphicStatus, .snarkTorrentStatus { - white-space: nowrap; - width: 1%; -} - -.snarkGraphicStatus { - width: 24px !important; - text-align: center !important; - padding-left: 3px !Important; -} - -.snarkGraphicStatus img { - margin-top: 2px !important; - margin-bottom: 2px !important; -} - -.snarkTorrentETA, .snarkTorrentUploaded, .snarkTorrentRateDown, .snarkTorrentRateUp { - width: 5%; - min-width: 40px; - white-space: nowrap; -} - -.snarkTorrents th:empty + th:empty, .snarkTorrents td:empty + td:empty, .snarkTorrents th:last-child:empty, .snarkTorrents td:last-child:empty { - width: 0 !important; -} - -table { - width: 100%; - margin: 0 0 10px 0; - padding: 0; - border-spacing: 0; - border-collapse: collapse; - color: #323; - border: 0; -} - -thead, tfoot { - background: #fff; -} - -thead { - border-bottom: 1px solid #101; -} - -tfoot tr:first-child th { - vertical-align: middle !important; - color: #3e4b6f !important; -} - -th { - font-size: 9pt; - padding: 3px 2px; - color: #3e4b6f; - border-top: 1px solid #89f; - border-bottom: 1px solid #89f; - background: #fff; - background: linear-gradient(to bottom, #fff, #eef); -} - -th:first-child { - padding-left: 2px; - text-align: left !important; -} - -tfoot td:first-child { - padding-left: 0; - text-align: left !important; -} - -tfoot th { - padding-bottom: 4px !important; -} - -.snarkTorrents tfoot tr:first-child { - line-height: 130%; -} - -.headerstatus { - text-align: left; - padding-left: 15px; -} - -.headerpriority { - padding-left: 10px; - text-align: left; -} - -.priority { - font-size: 8pt; - min-width: 160px; - vertical-align: middle; -} - -/* torrent display */ - -.snarkTorrents { - margin: 0; - border: 1px solid #101; - background: #fff; -} - -.snarkTorrents th { - text-align: center; -} - -.snarkTorrents th:first-child { - width: 30px; - padding-right: 0; - text-align: center; -} - -.snarkTorrents th:nth-child(2) { - text-align: left; -} - -.snarkTorrents th br { - display: none; -} - -.snarkTorrents th:nth-child(4), -.snarkTorrents th:nth-child(5), -.snarkTorrents th:nth-child(6), -.snarkTorrents th:nth-child(7), -.snarkTorrents th:nth-child(8), -.snarkTorrents th:nth-child(9), -.snarkTorrents th:last-child { - text-align: center; -} - -.snarkTorrents tfoot th:nth-child(2) { - text-align: center; -} - -.snarkTorrents tfoot th:nth-child(3) { - text-align: center; -} - -.snarkTorrents tfoot th:nth-child(n+2) { - white-space: nowrap; -} - -.snarkTorrents tfoot tr:first-child th { - vertical-align: middle; -} - -.snarkTorrents tfoot th br { - display: inline-block; - margin-left: 20px !important; -} - -.snarkTorrents td:nth-child(6), -.snarkTorrents td:nth-child(7), -.snarkTorrents td:nth-child(8) { - text-align: center !important; -} - -.snarkTorrents { - margin-top: -1px !important; - border: none; -} - -.snarkTorrents th { - text-align: left; -} - -.snarkTorrents td { - text-align: left; - padding-top: 4px; - padding-bottom: 4px; -} - -.snarkGraphicStatus { - width: 1% !important; -} - -td.snarkTrackerDetails { - text-align: right !important; -} - -.snarkTorrents td[colspan="10"] { - padding: 4px 2px !important; -} - -tt { - font-family: "Droid Sans Mono", "Noto Sans Mono", "Lucida Console", "DejaVu Sans Mono", monospace; -} - -.snarkTorrents tt { - font-size: 8pt; - color: #301; - font-weight: bold; - color: #fff; - background: #aaf; - border-radius: 2px; - margin: 3px; - padding: 2px 3px; - letter-spacing: 0.1em; - display: inline-block; -} - -.snarkTorrents tfoot th tt { - display: inline; - margin-left: 3px; -} - -/* end torrent display */ - -/* torrent info */ - -.snarkTorrentInfo img { - max-height: 16px !important; - margin: 1px 0 1px 2px !important; -} - -.snarkTorrentInfo th { - padding: 4px !important; - text-align: left; - border-top: none; -} - -.snarkTorrentInfo th:first-child { - background: url(images/file_sm.png) no-repeat 6px 7px, linear-gradient(to bottom, #fff, #eef); -} - -.snarkTorrentInfo th:nth-child(2) { - font-size: 9pt; - padding: 8px 5px 8px 0 !important; -} - -.snarkTorrentInfo td { - text-align: left !important; - vertical-align: middle !important; -} - -.snarkTorrentInfo td:first-child { - width: 20px !important; - padding: 6px 4px !important; -} - -.snarkTorrentInfo b { - margin-right: 3px !important; -} - -.snarkTorrentInfo input[type="submit"] { - min-width: 60px; - text-align: center; -} - -.snarkTorrentInfo tr:nth-last-child(2) { - border-top: 1px solid #89f !important; -} - -#torrentInfoControl td, #torrentOrderControl td { - padding: 7px 5px !important; - text-align: right !important; - border-top: 1px solid #89f !important; - background: linear-gradient(to bottom, #fff, #eef); -} - -#torrentOrderControl td { - background: #eef; -} - -#enableInOrder { - margin-left: 8px; - margin-right: 20px; -} - -.SnarkTorrentInfo { - margin-bottom: 1px !important; - border-bottom: 1px solid #89f; - background: #eef; -} - -.snarkTorrentInfo tr:nth-child(even) { - color: #0c153d; - background: #eff1ff; - background: rgba(240,240,255,0.5); -} - -.snarkTorrentInfo tr:nth-child(odd) { - color: #0c153d; - background: #dde1ff; - background: rgba(220,220,255,0.5); -} - -.snarkTorrentInfo tr:last-child td { - background: #fff; -} - -.snarkTorrentInfo tr:last-child td:last-child b { - text-align: left; -} - -#infohash { - color: #090; - -moz-user-select: all; - -webkit-user-select: all; - user-select: all; -} - -/* end torrent info */ - -/* torrent directory */ - -.snarkDirInfo td { - padding-top: 6px !important; - padding-bottom: 6px !important; -} - -.snarkDirInfo .ParentDir { - font-size: 8pt; - padding: 2px 0 0 6px !important; - text-align: left !important; - border: 1px solid #89f !important; - border-right: 0 !important; - border-left: 0 !important; - background: #fff; -} - -.ParentDir a { - font-weight: bold !important; - margin-left: -4px; -} - -.ParentDir img { - padding-left: 3px; -} - -.SnarkDirInfo { - margin-top: 10px !important; - margin-bottom: 0; - border-bottom: 1px solid #89f; - background: #eef; -} - -.snarkDirInfo th img { - margin: 0 !important; - max-height: 22px !important; - padding-top: 3px !important; - padding-bottom: 3px !important; -} - -.snarkDirInfo th:nth-child(2) { - width: 32px; - text-align: right; -} - -.snarkDirInfo th:first-child { - padding-left: 5px; -} - -.snarkDirInfo th img[alt="Directory"] { - margin-right: 5px !important; - margin-left: 1px !important; -} - -.snarkDirInfo td { - min-width: 0 !important; -} - -.snarkFileIcon { - width: 16px; - padding-left: 2px; - padding-right: 2px; - text-align: left; -} - -.snarkFileIcon img { - filter: none; - padding-right: 6px; -} - -.snarkDirInfo .ParentDir a, .snarkDirInfo .snarkFileName a, .snarkTorrents .snarkTorrentName a { - display: inline-block; - width: 100%; - padding: 2px 0; -} - -.snarkDirInfo .headerpriority { - text-align: center !important; - vertical-align: middle; -} - -.snarkDirInfo tr:last-child { - border-bottom: 1px solid #89f !important; -} - -.headerpriority input[type="submit"] { - margin: 5px; -} - -.SnarkDirInfo img { - max-width: 16px; - max-height: 16px; -} - -.snarkDirInfo thead img { - max-width: none; - max-height: none; - margin: 0 !important; -} - -.snarkDirInfo thead th:nth-child(2), .headerstatus, .headerpriority, .snarkFileStatus { - text-align: center; -} - -.headerpriority br { - display: none; -} - -.headerpriority img { - padding: 4px !important; -} - -.priority { - font-size: 8pt; - width: 160px !important; - vertical-align: middle; - white-space: nowrap; -} - -#setPriority th { - padding: 5px 10px !important; - text-align: right !important; -} - -#setPriority input[disabled], #setPriority input[disabled]:hover { - display: none; - cursor: not-allowed !important; - border: 1px solid #999; - background: linear-gradient(to bottom, #fff, #ddd); -} - -.snarkFileStatus { - width: 120px; - white-space:nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -/* end torrent directory */ - -td { - font-size: 9pt; - padding: 2px; - color: #3e4b6f !important; -} - -td:first-child { - font-size: 9pt; - text-align: right; -} - -.center { - text-align: center !important; -} - -.snarkTorrentName { - line-height: 110%; - padding: 4px 3px; -} - -.snarkTorrentName a, -.snarkDirInfo td.snarkFileName a { - font-weight: bold !important; -} - -/* torrent control buttons */ - -.snarkTorrentAction { - width: 1%; - white-space: nowrap; - padding: 1px 2px 1px 1px !important; - text-align: center !important; -} - -.snarkTorrentAction input[type="image"] { - padding: 3px !important; - background: #339; - background: linear-gradient(to bottom, #fff 50%, #ddf 50%); - border-radius: 2px; - border: 1px solid #99f !important; - margin: 2px 1px; - box-shadow: 0 0 1px #f2f2ff !important; - height: 10px; -} - -.snarkTorrentAction input[type="image"]:hover, .snarkTorrentAction input[type="image"]:focus { - border: 1px solid #f60 !important; - background: linear-gradient(to bottom, #fff 50%, #eef 50%) !important; - filter: none !important; -} - -.snarkTorrentAction input[type="image"]:active { - background: linear-gradient(to bottom, #eef 50%, #bbf 50%); - box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 2px #559 !important; -} - -/* end torrent control buttons */ - -.routerdown { - padding: 10px; - color: #363759; - border-bottom: 1px solid #89f; - box-shadow: inset 0 0 0 1px #fff; -} - -.snarkTorrentNoneLoaded { - padding: 10px 5px; - background: #fff; - background: linear-gradient(to right, #eef, #fff, #eef); - border-bottom: 1px solid #89f; -} - -.snarkTorrentNoneLoaded td { - color: #0c153d !important; - text-align: center !important; - font-weight: bold; - box-shadow: inset 0 0 0 1px #fff; -} - -.snarkTorrentNoneLoaded i { - display: inline-block; - padding: 10px; - opacity: 0.85; -} - -.snarkTorrentNoneLoaded i::before { - content: url(images/bullet.png); - display: inline-block; - vertical-align: top; - margin: 1px 4px 0 0 !important; - transform: scale(0.95); - opacity: 0.85; -} - -.snarkTorrentStatus { - text-align: left !important; - white-space: nowrap; - padding: 3px; -} - -.snarkTorrentStatus b { - margin-right: 2px; -} - -.snarkTorrentStatus a { - font-weight: bold !important; -} - -.snarkTorrentstatus:first-child { - font-size: 8pt; - font-weight: bold; - min-width: 48px; - padding: 1px !important; - padding-left: 0; - text-align: left !important; - color: #dd9 !important; -} - -.snarkTorrentstatus:first-child img { - margin-right: 10px !important; - margin-left: 6px; -} - -.snarkTorrentstatus, -.snarkTorrentRateUp, -.snarkTorrentRateDown, -.snarkTorrentDownloaded, -.snarkTorrentUploaded { -} - -.snarkTorrentRateUp, -.snarkTorrentRateDown, -.snarkTorrentDownloaded, -.snarkTorrentUploaded { - text-align: center !important; -} - -.snarkTorrentDownloaded { - font-weight: bold; -} - -.snarkTorrents th img { - padding: 1px !important; - max-height: 22px; -} - -.snarkTorrents tfoot tr:first-child th { - padding: 6px 4px !important; - vertical-align: middle; -} - -.snarkTorrents tr:hover, .snarkDirInfo tr:hover, #trackerselect tr:nth-child(n+2):hover td { - background: #fff !important; - background: linear-gradient(to bottom, #fff, #ffe) !important; -} - -tr:hover .percentBarText { - opacity: 0.85; -} - -.snarkTorrentEven { - background: #eef; -} - -.snarkTorrentEven:nth-child(even) { - background: #eef; - background: rgba(240,240,255,0.5); -} - -.snarkTorrentEven:nth-child(odd) { - background: #ddf; - background: rgba(220,220,255,0.5); -} - -.snarkTorrentOdd, .SnarkTorrentEven { - border-bottom: 1px inset #bbf !important; -} - -.snarkTorrentOdd { - background: #ddf !important; -} - -.snarkTorrentOdd:nth-child(even) { - background: #eef !important; - background: rgba(240,240,255,0.5) !important; -} - -.snarkTorrentOdd:nth-child(odd) { - background: #ddf !important; - background: rgba(220,220,255,0.5) !important; -} - -.snarkTorrentOdd td, .snarkTorrentEven td { - border-top: none !important; -} - -.SnarkTorrentOdd tr:nth-child(odd) { - background: #eef; -} - -.snarkFileName { - padding: 4px 0 !important; - text-align: left !important; - font-weight: bold; -} - -.snarkFileName a { - font-weight: bold; -} - -.snarkFileSize { - font-weight: normal; - padding: 4px 2px; - color: #0c153d !important; - width: 1%; - white-space: nowrap; -} - -.snarkFileStatus { - font-size: 9pt; - font-style: italic; - min-width: 220px; - padding: 4px; - text-align: center; - text-align: left !important; -} - -.snarkTorrentETA { - font-style: italic; -} - -/* download bars */ - -.snarkTorrentDownloaded { - text-align: center !important; - width: 110px; -} - -.snarkDirInfo .snarkFileStatus img { - float: left; - margin: 0 10px 0 7px; -} - -.percentBarOuter { - margin: 0 auto; - border: 1px solid #99f; - border-radius: 2px; - box-shadow: 0 0 1px 0 rgba(196,196,196,0.8); - background: #eef; - background: repeating-linear-gradient(135deg, #eef 1px, #eef 5px, #ddf 6px, #ddf 11px); -} - -.snarkTorrentDownloaded .percentBarOuter { - margin-left: 5px; -} - -.peerinfo .percentBarOuter { - filter: saturate(0.5); -} - -.percentBarInner { - height: 14px; - border: none; - border-radius: 2px; - box-shadow: inset 0 0 0 1px #ddf; - background: #bbf; - background: linear-gradient(to bottom, #fff, #eef 50%, #bbf 50%, #99f); - background: linear-gradient(to right, rgba(255,255,0,0.1) 60px, rgba(0,255,0,0.1)), linear-gradient(to bottom, #fff, #eef 50%, #bbf 50%, #99f); - opacity: 0.8; -} - -.peerinfo .percentBarInner { - background: linear-gradient(to bottom, #fff, #eef 50%, #bbf 50%, #99f); -} - -.snarkDirInfo .percentBarInner { - background: linear-gradient(to right, rgba(255,255,0,0.1) 40px, rgba(0,255,0,0.1)), linear-gradient(to bottom, #fff, #eef 50%, #bbf 50%, #99f); -} - -.percentBarText, .percentBarOuter { - width: 110px; - text-align: center; - vertical-align: middle; -} - -.snarkDirInfo .percentBarText, .snarkDirInfo .percentBarOuter, .peerinfo .percentBarText, .peerinfo .percentBarOuter { - width: 80px; - display: inline-block; -} - -.percentBarText { - text-align: center; - font-weight: bold !important; - white-space: nowrap; - color: #005; - text-shadow: 0 0 1px rgba(255,255,255,0.5); - opacity: 0; - transition: ease opacity 0.1s; - line-height: 14px; -} - -.percentBarText:hover, .percentBarText:focus { - opacity: 0.75; - transition: ease opacity 0.1s; -} - -.snarkTorrents .percentBarComplete { - display: inline-block; - width: 100%; - max-width: 60px; - margin-left: -14px; - text-align: right; - white-space: nowrap; -} - -/* end download bars */ - -.choked, .choked a:hover { - color: #900 !important; -} - -.unchoked, .unchoked a:hover { - color: #050 !important; -} - -.thumb { - transition: ease all 0.3s; -} - -.snarkDirInfo td:first-child .thumb:hover, .snarkDirInfo td:first-child .thumb:focus { - max-width: 96px; - max-height: 64px; - transition: ease all 0.3s; - margin: -9px 0 -9px -5px !important; - filter: none !important; - border: 1px solid transparent !important; - background: none !important; - box-shadow: none !important; -} - -.snarkNewTorrent { - font-size: 9pt; -} - -.snarkAddInfo { - display: inline-block; - margin: 3px 0 -3px -5px !important; - padding-left: 26px; - line-height: 130% !important; - font-size: 9pt; - font-weight: normal; - background: url(images/infocircle.png) left 10px center no-repeat; - background-size: 13px auto; -} - -.snarkConfigTitle:hover, label.toggleview:hover, input.toggle_input:focus + .toggleview { - background: linear-gradient(to bottom, #eff2ff, #fff) !important; - color: #f60 !important; -} - -input.toggle_input:focus + .toggleview img { - filter: drop-shadow(0 0 1px #f60); -} - -.snarkConfigTitle:active, label.toggleview:active { - box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #99a, 0 0 0 0 #fff; -} - -.snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover { - font-size: 12pt; - font-weight: bold; - font-variant: small-caps !important; - display: inline-block; - min-width: 260px; - margin: 0 0 -4px !important; - vertical-align: middle; - padding: 4px 1px; - letter-spacing: .08em; - border: 1px solid #89f; - border-top: none; - border-radius: 0 0 4px 4px; - background: #fff !important; - background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%) !important; - box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 0 #fff, 0 1px 1px #ddf; - transition: ease box-shadow 0.05s; -} - -.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active { - background: linear-gradient(to bottom, #eff2ff, #fff) !important; -} - -.snarkConfigTitle a { - display: inline-block; - width: 100%; -} - -.iframed .snarkConfigTitle a { - padding-bottom: 0; -} - -@media screen and (-webkit-min-device-pixel-ratio: 0) { -.snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover { - font-size: 14pt; -} -} - -_:-ms-lang(x), .snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover { - font-size: 11pt !important; -} - -.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover { - color: #676788 !important; -} - -.configsection .snarkConfigTitle { - margin-bottom: -2px !important; -} - -.snarkConfigTitle img, label.toggleview img { - margin-right: -1px; - margin-top: -2px; -} - -.snarkConfigTitle a, .snarkConfigTitle a:visited, label.toggleview { - outline: none; - color: #676799 !important; - text-shadow: 0 1px 1px #fff; -} - -.snarkConfigTitle a:hover, .snarkConfigTitle a:focus, .toggleview:hover, .toggleview:focus { - color: #f60 !important; - text-shadow: none; - transition: ease box-shadow 0.05s; -} - -.snarkConfigTitle a:active, input:active + .toggleview { - color: #f90 !important; -} - -.configsectionpanel > .snarkConfig { - font-size: 10pt; - width: 100%; - padding-top: 0; -} - -#bwHelp i { - padding-left: 5px; -} - -#configs a { - font-weight: bold; - margin-left: 3px; -} - -form { - margin-bottom: 0; -} - -p { - line-height: 150%; -} - -hr { - width: 0; - height: 1px; - margin: 5px 0 7px 0; - text-align: center; - color: transparent; - background: transparent; -} - -a:link { - font-weight: normal; - text-decoration: none; - word-wrap: break-word; - opacity: 1; - color: #4f509f; - border-radius: 0; -} - -a:visited { - font-weight: normal; - text-decoration: none; - color: #7d7edf; -} - -a:hover, a:focus { - font-weight: normal; - color: #f60 !important; - outline: none; -} - -a:active { - font-weight: normal; - color: #f93 !important; -} - -input { - font: bold 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", Verdana, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", Helvetica, sans-serif; - margin: 2px 4px 2px 0; - padding: 3px 4px !important; - cursor: pointer; - text-align: left; - color: #006; - border: 1px solid #89f; - border-radius: 2px; - background: #fff; -} - -input:disabled { - cursor: not-allowed; - opacity: .5 !important; -} - -input:disabled[type="submit"]:hover, input.disabled[type="reset"]:hover, input:disabled[type="submit"]:focus, input.disabled[type="reset"]:focus { - border: 1px solid #999 !important; - background: linear-gradient(to bottom, #fff, #ddd); - cursor: not-allowed !important; - box-shadow: inset 0 0 0 1px #fff; - color: #111; -} - -a.controld { - display: none; -} - -input[type=image], thead img { - margin: 0 2px; - padding: 0 !important; - opacity: 1; - border: 0 none transparent !important; - border-radius: 3px; -} - -thead a:active img { - transform: scale(0.9); -} - -input[type="image"], a img { - filter: drop-shadow(0 0 1px #ccf); -} - -input[type="image"]:hover, a img:hover, input[type="image"]:focus, a img:focus { - outline: none !important; - filter: drop-shadow(0 0 1px #f60) !important; -} - -input::-moz-focus-inner { - border: 0; - outline: 0; -} - -input[type="submit"], input[type="reset"], a.control { - font-size: 9pt; - font-weight: normal; - color: #333; - min-width: 90px !important; - padding: 5px 8px !important; - text-align: center; - border: 1px solid #999; - border-radius: 2px; - background: #eee; - background: linear-gradient(to bottom, #fff, #ddd); - box-shadow: inset 0 0 0 1px #fff; - filter: drop-shadow(0 0 1px rgba(221, 221, 221, 0.8)); - cursor: pointer !important; -} - -input[type="submit"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="reset"]:focus, a.control:hover, a.control:focus { - color: #111; - background: #fff; - background: linear-gradient(to bottom, #ddd, #fff); - border: 1px solid #89f; -} - -input[type="submit"]:focus, input[type="reset"]:focus, a.control:focus { - filter: drop-shadow(0 0 2px #89f); -} - -input[type="submit"]:active, input[type="reset"]:active, a.control:active { - color: #333; - background: #ddd; - border: 1px solid #999; - box-shadow: inset 0 0 0 1px #fff; - box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #555; -} - -input[name="savepri"] { - margin-right: -2px !important; -} - -#configs input[type="submit"], .trackerconfig input[type="submit"], input[name="savepri"] { - text-transform: capitalize; -} - -input[type="text"], textarea { - cursor: text !important; -} - -a.control { - vertical-align: middle; - text-align: left; - padding: 2px 8px 1px 3px !important; - display: inline-block; - margin: -1px 0 1px 5px; - min-width: 0 !important; - color: #333 !important; -} - -a.control:hover, a.control:focus { - color: #111 !important; - border: 1px solid #89f; -} - -a.control:active img { - mix-blend-mode: luminosity; -} - -a.control img { - margin: 0 !important; - height: 14px; - width: 14px; -} - -.script { - display: inline-block; - margin: 5px 0 2px; -} - -input.r { - text-align: right; - border: 1px solid #89f; - background: #fff; -} - -input[type="text"]:focus, textarea:focus, input.r:focus, textarea[name="i2cpOpts"]:focus, input[name="nofilter_dataDir"]:focus { - background: #fff; -} - -input[type="text"], input[type="password"], input.r, input[name="nofilter_dataDir"], textarea[name="i2cpOpts"] { - font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", Verdana, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", Helvetica, sans-serif !important; - min-width: 160px; - margin: 2px 2px 2px 0; - padding: 5px !important; - cursor: text; - vertical-align: middle; - color: #333; - border: 1px solid #bbb; - border-radius: 2px; - box-shadow: inset 1px 1px 1px #ddd; - background: #f8f8ff; -} - -input[type="text"]:focus, input[type="password"]:focus, input.r:focus, input[name="nofilter_dataDir"]:focus, textarea[name="i2cpOpts"]:focus { - color: #000 !important; - box-shadow: inset 0 0 0 1px #89f; - box-shadow: inset 0 0 0 1px #89f, 0 0 1px rgba(136, 153, 255, 0.4); -} - -textarea[name="i2cpOpts"], input[name="nofilter_dataDir"] { - width: 500px; - margin: 3px 0; - padding: 5px; - resize: none; - cursor: text; - overflow: hidden; -} - -thead img, thead img:hover { - opacity: .8; -} - -input[type=image], th a:link img, th a:visited img { - opacity: 1; -} - -input[type=image]:focus, th a:focus, a:focus img { - color: #f60; - outline: none; - filter: drop-shadow(0 0 1px #f60); -} - -img[src$="status.png"] { - filter: invert(100%) hue-rotate(180deg); -} - -img[src$="status.png"]:hover, img[src$="status.png"]:focus, img[src$="status.png"]:active { - filter: invert(100%) hue-rotate(180deg) drop-shadow(0 0 2px #f60) !important; -} - -img[src$="magnet.png"] { - transform: rotate(-90deg); -} - -input[type=text], input.r { - min-width: 100px; -} - -input[type=radio] { - margin: 0 3px 0 8px; - padding: 2px; - vertical-align: bottom; -} - -input[type="checkbox"], input[type="radio"] { - vertical-align: middle; - min-width: 16px; - min-height: 16px; - background: none; -} - -label { - cursor: pointer; -} - -.optbox:hover, .optbox:focus, input[type="checkbox"]:hover, input[type="checkbox"]:focus { - box-shadow: inset 0 0 1px 2px #89f; - filter: drop-shadow(0 0 3px #89f); - border: 0; - outline: none; -} - -input.default { - visibility: hidden; - width: 1px; - height: 1px; -} - -input[size="85"] { - width: 550px; - width: calc(100% - 150px); -} - -.addtorrentsection input, .newtorrentsection input { - margin-left: 5px !important; -} - -select, input.r { - min-width: 120px; -} - -input[name="nofilter_commentsName"] { - width: 250px; -} - -select { - font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", Verdana, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", Helvetica, sans-serif; - margin: 2px 4px 2px 0; - padding: 4px 16px 4px 2px; - cursor: pointer; - vertical-align: middle; - text-overflow: ellipsis; - color: #333; - border: 1px solid #bbb; - border-radius: 2px; - background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff, #ddd); - -moz-appearance: none; - -webkit-appearance: none; - box-shadow: inset 0 0 0 1px #fff; -} - -select option { - font-size: 9.5pt; - font-weight: normal; - background: #fff; -} - -select:hover, select:active { - background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd, #fff) !important; -} - -select:focus { - background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd, #fff) !important; - box-shadow: 0 0 0 1px #89f; - color: #000; -} - -@media screen and (-webkit-min-device-pixel-ratio: 0) { -select { - padding: 6px 4px; -} -} - -@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { -select { - padding: 4px; -} -} - -select[disabled], select[disabled]:hover { - background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff, #ddd) !important; - opacity: 0.7; - cursor: not-allowed; -} - -select::-ms-expand { - display: none; -} - -textarea { - font: 8pt "Droid Sans Mono", "Noto Sans Mono", "Lucida Console", "DejaVu Sans Mono", monospace; - font-weight: bold; - padding: 1px 4px 0; - color: #006; - border: 1px solid #89f; - border-radius: 2px; - background: #fff; -} - -textarea:focus { - color: #22f !important; -} - -textarea[name="i2cpOpts"] { - overflow: hidden; -} - -img { - line-height: 100%; - margin: 0 3px 1px 3px; - vertical-align: middle; - opacity: 1.0; - border: none; -} - -img:hover { - line-height: 100%; - opacity: 1; - border: none; -} - -#pagenav img { - padding: 5px !important; - opacity: 0.7; - border: 1px solid #349 !important; - border-radius: 2px; - background: #fff; - background: linear-gradient(to bottom, #fff 50%, #ddf 50%); - box-shadow: inset 0 0 1px 1px #fff; - filter: drop-shadow(0 0 1px #aaa) !important; - width: 8px; -} - -#pagenav img:hover, #pagenav img:focus { - opacity: 1; - border: 1px solid #f60 !important; -} - -#pagenav a:active img { - background: linear-gradient(to bottom, #ddf 50%, #99f 50%); - box-shadow: inset 2px 2px 2px 1px #99f; -} - -#pagenav img.disable, #pagenav img.disable:hover { - margin: 0 0 0 3px !important; - opacity: .3; - border: 1px solid #000 !important; -} - -#pagenav { - font-weight: bold !important; -} - -.newtorrentsection td:first-child, -.addtorrentsection td:first-child { - font-weight: bold; - padding-right: 5px; - padding-left: 5px; - white-space: nowrap; -} - -.newtorrentsection td:first-child, -.addtorrentsection td:first-child { - width: 120px; -} - -#trackerselect { - width: 100% !important; - width: calc(100% - 150px) !important; - margin: 2px 5px 0 5px; - border-collapse: separate; - border: 1px solid #89f; - border-radius: 2px; - box-shadow: 0 0 1px #ccf; - background: rgba(255,255,255,0.1); -} - -#trackerselect tr:nth-child(even) { - border-bottom: 1px inset #ccf; - background: #ddf !important; - background: rgba(220,220,255,0.5) !important; -} - -#trackerselect tr:nth-child(odd) { - border-bottom: 1px inset #ccf; - background: #eef; - background: rgba(240,240,255,0.5) !important; -} - -#trackerselect tr:last-child { - border-bottom: 1px solid #89f; -} - -#trackerselect tr:first-child { - font-weight: bold; - border-bottom: 1px #89f; -} - -#trackerselect tr:first-child td { - padding: 5px 10px; - font-weight: bold !important; - border-bottom: 1px solid #89f; - background: linear-gradient(to bottom, #fff, #eef); -} - -#trackerselect td { - padding: 3px 10px; -} - -#trackerselect td:first-child, #trackerselect td:last-child { - width: 35%; - font-weight: normal; -} - -#trackerselect td:nth-child(2), #trackerselect td:nth-child(3) { - width: 15%; -} - -#trackerselect input { - margin: 3px !important; -} - -.configsectionpanel td:first-child { - font-weight: bold; - padding-right: 10px !important; - padding-left: 5px !important; -} - -.trackerconfig th { - min-width: 50px; - padding-top: 6px; - padding-bottom: 6px; -} - -.trackerconfig th:first-child { - background: url(/themes/snark/ubergine/images/nuke.png) center right 8px no-repeat, linear-gradient(to bottom, #fff, #eef); -} - -.trackerconfig th:last-child, .trackerconfig td:last-child { - padding-left: 10px !important; -} - -.trackerconfig tr:nth-child(odd), .snarkConfig tr:nth-child(odd) { - background: #ddf; - background: rgba(220,220,255,0.5); -} - -.trackerconfig tr:last-child { - border: 1px solid #89f; - background: #fff; -} - -.knownTracker input[type="radio"] { - opacity: 0.3; - cursor: default; - filter: none; -} - -.knownTracker input[type="radio"]:checked, .knownTracker input[type="radio"]:checked:hover { - opacity: 0.5; -} - -.snarkNewTorrent td { - padding: 2px 3px; -} - -.snarkNewTorrent td:nth-child(2), .snarkNewTorrent td:nth-child(3) { - font-weight: bold; - padding-right: 5px; -} - -.snarkNewTorrent td[rowspan="0"] { - width: 50%; -} - -.snarkConfig tr:last-child { - border: 1px solid #89f; -} - -.trackerconfig td:first-child { - width: 24px !important; - padding: 5px 2px; -} - -.trackerconfig tr:nth-child(even), .snarkConfig tr:nth-child(even) { - background: #eef; - background: rgba(240,240,255,0.5); -} - -.trackerconfig input { - margin: 3px 0 !important; - cursor: default; -} - -.optbox[name="add_tracker_type"] { - cursor: pointer; /* active cursor only for clickable radio icons */ -} - -.snarkConfig input[type="submit"] { - min-width: 100px; - margin: 3px 2px 3px 5px !important; - text-align: center; -} - -.trackerconfig td, .snarkConfig td { - padding: 5px 1px !important; -} - -.trackerconfig { - text-align: left !important; -} - -.snarkConfig table tr:first-child { - border-top: 1px solid #89f !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) { - text-align: center !important; -} - -.trackerconfig th, .trackerconfig td, -.trackerconfig th:last-child, .trackerconfig td:last-child { - text-align: left !important; -} - -.trackerconfig td:first-child { - text-align: right !important; -} - -.configsectionpanel tr:last-child td[colspan="3"] { - display: none; -} - -#configs .spacer, .trackerconfig .spacer { - display: none; -} - -#configs a { - font-weight: bold; -} - -.configsectionpanel td[colspan="5"] { - border-top: 1px solid #89f; -} - -.snarkConfig tr:nth-last-child(2) { - background: none; -} - -.snarkConfig tr:nth-last-child(2) td, .configsectionpanel td[colspan="5"] { - padding: 11px 15px 0 !important; - text-align: right !important; - border-top: 1px solid #89f; -} - -.snarkConfig tr { - border: none !important; -} - -.trackerconfig table { - border: none !important; -} - -/* section panels */ - -.toggleview { - position: relative; - z-index: 10; -} - -@keyframes slide-in { -0% { - transform: translateY(-40px); -} - -100% { - transform: translateY(0); -} -} - -@keyframes fade-in { -0% { - filter: opacity(0); -} - -100% { - filter: opacity(1); -} -} - -.addtorrentsection table, .newtorrentsection table:not(#trackerselect) { - animation: slide-in 0.2s ease-out, fade-in 0.5s linear; - position: relative; - will-change: transform, filter; -} - -.iframed .addtorrentsection table, .iframed .newtorrentsection table:not(#trackerselect) { - animation: fade-in 0.2s ease-out; - will-change: filter; -} - -.snarkAddInfo code { - animation: fade-in 0.5s ease-out; -} - -.mainsection, .newtorrentsection, .addtorrentsection, .configsection, .configsectionpanel { - text-align: center; - color: #0c153d; - border: 1px solid #89f; - word-wrap: break-word; - background: #fff; -} - -.newtorrentsection, .addtorrentsection, .configsection { - border-radius: 3px; - box-shadow: inset 0 0 0 1px #fff; - background-blend-mode: luminosity; -} - -.iframed .newtorrentsection, .iframed .addtorrentsection, .iframed .configsection { - border-radius: 0; -} - -.mainsection { - margin: 0; - padding: 0; - border-bottom: none; - background: none; -} - -.newtorrentsection { - margin: 0 0 9px 0; - padding: 0 10px; - background: #eef url(images/snark_create.png) no-repeat scroll right center; - background: url(images/snark_create.png) no-repeat scroll right center, linear-gradient(to bottom, #f8f8ff, #eef); - background-size: 68px 68px, 100% 100%; -} - -.addtorrentsection { - margin: 9px 0; - padding: 0 10px; - background: #eef url(images/snark_add.png) no-repeat scroll 99.5% center; - background: url(images/snark_add.png) no-repeat scroll 99.5% center, linear-gradient(to bottom, #f8f8ff, #eef); - background-size: 61px 61px, 100% 100%; -} - -.configsection { - margin: 0; - padding: 0 10px 12px 10px; - background: #eef url(images/configuration.png) no-repeat scroll 101% center;; - background: url(images/configuration.png) no-repeat scroll 101% center, linear-gradient(to bottom, #f8f8ff, #eef); - background-size: 68px 68px, 100% 100%; -} - -.iframed .configsection { - filter: none; -} - -.configsectionpanel { - margin: 9px 0 0 0; - padding: 0; - background: linear-gradient(to bottom, #fff, #eef 40px, #fff); -} - -.iframed .configsectionpanel { - filter: none; -} - -/* end panels */ - -.addtorrentsection table, .newtorrentsection table { - margin-top: -5px; -} - -.configsection .snarkConfig { - margin-top: -1px !important; - padding-top: 0 !important; -} - -.newtorrentsection form, .configsection form, .addtorrentsection form { - color: #0c153d !important; -} - -.configsection table { - opacity: 1; - color: #ffb; -} - -.configsection a { - font-weight: bold; -} - -.configsection a:hover { - text-decoration: none; - color: #f60; -} - -code { - font: bold 8.5pt "Droid Sans Mono", "Noto Sans Mono", "Lucida Console", "DejaVu Sans Mono", monospace; - padding: 0 2px; - color: #050; -} - -.iframed .snarknavbar, .iframed .mainsection, .iframed .addtorrentsection, .iframed .newtorrentsection, .iframed .configsection, .iframed .configsectionpanel { - border-right: none !important; - border-left: none !important; - border-radius: 0; -} - -input.trackername { - width: 100px; -} - -input.trackerhome { - width: 210px; -} - -input.trackerannounce { - width: 210px; -} - -/* toggle create/add panel view */ - -input.toggle_input { /* hide checkbox and use label as faux panel heading */ - position: absolute; - opacity: 0; - z-index: -1; -} - -label.toggleview:hover { - cursor: pointer; - color: #f60; -} - -input#toggle_addtorrent:not(checked) + label + hr + table, -input#toggle_createtorrent:not(checked) + label + hr + table { - display: none; -} - -input#toggle_addtorrent:checked + label + hr + table, -input#toggle_createtorrent:checked + label + hr + table { - display: table; -} - -/* display by default in iframe to avoid overflow issue */ -.iframed input#toggle_addtorrent:not(checked) + label + hr + table, -.iframed input#toggle_createtorrent:not(checked) + label + hr + table { - display: table; -} - -.iframed input#toggle_addtorrent:checked + label + hr + table, -.iframed input#toggle_createtorrent:checked + label + hr + table { - display: none; -} - -.toggleview img, .configsection .snarkConfigTitle img { - mix-blend-mode: luminosity; - will-change: transform; -} - -label.toggleview img:hover, label.toggleview:hover img, .snarkConfigTitle a:hover img, input:focus + .toggleview img { - filter: drop-shadow(0 0 1px #f60); - mix-blend-mode: normal; -} - -label.toggleview img:active, label.toggleview:active img, .snarkConfigTitle a:active img { - transform: rotate(90deg); - transition: linear transform 0.05s; -} - -.snarkConfigTitle a:active img { - transition: linear transform 0.1s; -} - -.peerinfo td:first-child { - background: url(images/peer.png) center center no-repeat; -} - -.peerinfo td:first-child::after { - content: ""; - display: inline-block; - box-sizing: border-box; - vertical-align: middle !important; - min-height: 24px !important; -} - -/* debug */ - -.debuginfo td:first-child { - padding: 3px; - background: url(images/debuginfo.png) center center no-repeat; - background-size: 14px 14px; - background-blend-mode: luminosity; -} - -/* -.debugConnection { - color: #030; - font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace; - word-spacing: -0.1em; - margin-left: 2px; - margin-right: 5px; - font-weight: bold; -} - -.debugConnStat { - margin-right: 4px; - font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace; - color: #030; - font-weight: bold; - white-space: nowrap; -} - -.debugConnStat b { - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", Verdana, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", Helvetica, sans-serif; - color: #111; -} - -.debugRequests { - font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace; - color: #030; - font-weight: bold; -} - -.from, .to { - font-family: sans-serif; - font-size: 12pt; - font-weight: bold; - vertical-align: middle; - line-height: 50%; - text-shadow: 0 0 1px #fff; -} -*/ - -.debuginfo td { - line-height: 120% !important; -} - -.debuginfo b { - text-transform: capitalize; -} - -/* debug panel */ - -#dhtdebugPanel { - margin: 0 -2px; - padding-bottom: 13px; - background: linear-gradient(to bottom, #fff, #eef); - box-shadow: 0 0 2px 0 #ccc inset, 0 0 1px #bbb; - border: 1px solid #89f; - border-top: none; - text-align: center; -} - -#dhtDebugInner { - text-align: left; - padding: 5px; - background: #efefff; - box-shadow: 0 0 1px 0 rgba(160,160,160,0.5); - margin: -25px 0 -12px; -} - -.dhtDebug th b:first-of-type, .dhtDebug th b:first-of-type + br + hr.debug { - display: none; -} - -input#toggle_debug:not(checked) + label { - padding-top: 6px; - padding-bottom: 5px; -} - -input#toggle_debug:not(checked) + label > img { - margin-right: -2px !important; - margin-top: -3px !important; -} - -input#toggle_debug:not(checked) + label + #dhtDebugInner { - display: block; -} - -input#toggle_debug:checked + label + #dhtDebugInner { - display: none; -} - -.iframed input#toggle_debug:not(checked) + label + #dhtDebugInner { - display: block; -} - -.iframed input#toggle_debug:checked + label + #dhtDebugInner { - display: none; -} - -/* end debug panel */ - -.dhtDebug th { - padding: 0 10px 8px !important; - word-break: break-all; - font-weight: normal; - background: #fff; -} - -hr.debug:first-of-type { - background: transparent; - margin-bottom: -5px; - margin-top: -2px; -} - -hr.debug { - width: 100%; - background: #ccf; - background: linear-gradient(to right, #ccf 40%, #eef); - color: #efefff; - border: none; -} - -hr.debug + hr { - margin-bottom: -5px; -} - -hr.debug:nth-child(n+7) { - margin: -10px 0 3px; -} - -hr.debug:last-child { - height: 0; - margin-bottom: -5px; - margin-top: -10px; -} - -/* end debug */ - -/* Resource Errors */ - -.resourceError { - border: 1px solid #89f; - border-bottom: 2px solid #89f; - margin-bottom: 0; -} - -.resourceError th { - background: url(/themes/console/images/info/errortriangle.png) left 10px center no-repeat, linear-gradient(to bottom, #fff, #eef); - background-size: 24px auto, 100% 100%; - padding: 10px 10px 10px 40px; - font-size: 10pt !important; - border: none; - border-bottom: 2px solid #89f; -} - -.resourceError td { - padding: 10px; - border: none; -} - -.resourceError tr:nth-child(odd) { - background: #ddf; -} - -.resourceError tr:nth-child(even) { - background: #eef; -} - -#DoesNotExist { - margin-top: 10px; - border: none; - border-bottom: 1px solid #89f; -} - -#DoesNotExist th { - border-top: 1px solid #89f; -} - -/ end resource errors */ - -#totals { - display: inline-block; - margin: 2px 0 2px 5px; -} - -/* torrent priorities */ - -.priorityHigh { - background: url(/i2psnark/.resources/icons/clock_red.png) left 28px center no-repeat; - display: inline-block; - width: 48px; - color: transparent; -} - -.priorityNormal { - background: url(/i2psnark/.resources/icons/clock.png) left 28px center no-repeat; - display: inline-block; - width: 48px; - color: transparent; -} - -.prioritySkip { - background: url(/i2psnark/.resources/icons/cancel.png) left 28px center no-repeat; - display: inline-block; - width: 48px; - color: transparent; -} - -/* end priorities */ - -/* configs */ - -#configs td:nth-child(2) { - white-space: nowrap; -} - -#configs td:first-child { - min-width: 180px !important; - width: 25%; - padding-left: 15px !important; -} - -td#bwHelp { - background: url(images/infocircle.png) left 10px center no-repeat; - background-size: 14px auto; - padding-left: 24px !important; - width: 100%; -} - -td#bwHelp a { - display: inline-block; - white-space: nowrap; - margin-left: 3px; - line-height: 100%; -} - -/* end configs */ - -#torrentInfoStats td { - text-align: left !important; -} - -#torrentInfoStats img { - margin: 1px 1px 2px 3px !important; -} - -#torrentInfoStats b { - margin-left: 2px; -} - -#torrentInfoStats span { - white-space: nowrap; - display: inline-block; - margin-right: 7px; - vertical-align: middle; -} - -#filecheck { - display: inline-block; - margin: 5px 0; - background: url(images/progressbar.gif) left center no-repeat; - padding-left: 22px; -} - -#filecheck a { - margin: 8px; -} - -/* end Resource Errors */ - -/* Comments Section */ - -.snarkCommentInfo, .snarkComments { - margin: 10px 0 0 !important; - border: 1px solid #bbf; - border-left: none; - border-right: none; - background: #eef; -} - -.snarkComments { - margin-top: -1px !important; -} - -.snarkCommentInfo th, .snarkComments th { - padding: 8px 5px; -} - -.snarkCommentInfo th { - background: url(images/comment.png) 8px center no-repeat, linear-gradient(to bottom, #fff, #eef) #fff; - padding-left: 30px !important; -} - -.snarkCommentInfo tr:nth-child(even), .snarkComments tr:nth-child(odd) { - border-top: 1px solid #bbf; - background: rgba(240, 240, 255, 0.5) #fff; -} - -.snarkCommentInfo tr:nth-child(odd), .snarkComments tr:nth-child(even) { - border-top: 1px solid #bbf; - background: rgba(220, 220, 255, 0.5); -} - -.snarkCommentInfo th { - padding: 8px 5px; -} - -.snarkCommentInfo td, .snarkComments td { - padding: 8px 5px; -} - -.snarkCommentInfo td:first-child { - white-space: nowrap; -} - -.snarkCommentInfo td:first-child { - font-weight: bold; -} - -.snarkCommentInfo input.accept { - float: right; - margin-right: 5px !important; -} - -.snarkCommentInfo textarea { - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", Verdana, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", Helvetica, sans-serif !important; - font-weight: normal; - width: 100%; - min-height: 64px; - height: 64px; - resize: vertical; - opacity: 0.8; -} - -.snarkCommentInfo textarea:focus { - opacity: 1; -} - -.snarkComments th { - text-align: left; -} - -.commentRating, .commentAuthor { - width: 1%; -} - -#nameRequired { - float: right; - margin-right: 5px; -} - -#nameRequired a { - font-weight: bold; -} - -.commentRating { - padding-right: 10px !important; -} - -.commentRating img { - margin: 0; - padding: 0; - height: 16px; - width: 16px; -} - -.commentText { - white-space: normal !important; - text-align: justify; - width: 90%; -} - -.commentDate { - width: 100px; - background: url(images/clock.png) left center no-repeat; - padding-left: 20px !important; -} - -.snarkCommentInfo td:first-child, .commentAuthor { - width: 160px !important; - min-width: 160px !important; - padding-right: 2px; -} - -.snarkComments td { - white-space: nowrap; -} - -.commentAuthorName { - background: url(images/author.png) left center no-repeat; - padding-left: 20px; -} - -.commentAuthorName:empty { - display: none; -} - -.commentWrapper { - border: 1px solid #bbf; - margin: 2px 0; - padding: 8px 10px 8px 26px; - border-radius: 3px; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px 0 rgba(0,0,0,0.3); - background: url(images/comment.png) 6px center no-repeat #eef; - background-blend-mode: luminosity; -} - -#commentsConfig .optbox { - vertical-align: middle !important; -} - -.snarkComments select { - margin-right: 0 !important; -} - -#commentDeleteAction { - background: #fff; -} - -#commentDeleteAction td { - padding: 8px 6px; - border-top: 1px solid #89f; - border-bottom: 1px solid #89f; -} - -.commentAction, .commentDelete { - width: 1%; - white-space: nowrap; - padding-left: 0; -} - -.addCommentText, .commentText { - padding-right: 0; -} - -.commentText:empty + .commentDelete { - background: none; -} - -.commentAction input[type="submit"] { - margin-top: 3px; - margin-bottom: 3px; -} - -.commentDelete { - background: url(../ubergine/images/nuke.png) 2px center no-repeat; - text-align: left; - padding-left: 24px !important; -} - -#newRating td:first-child { - text-align: center; -} - -#newRating select { - width: 90%; -} - -#myRating td:empty { - padding: 0 !important; - border-top: none !important; - border-bottom: none !important; -} - -#myRating td:empty::after { /* hides My Ratings row when Ratings disabled */ - min-height: 1px !important; -} - -.commentRating img { - margin: 0 0 4px; - padding: 0; - font-size: 14pt; - color: #FF7200; - text-shadow: 0 0 1px #900; - filter: none; -} - -/* end Comments section */ - -/* MS Edge fix */ -_:-ms-lang(x), * { - filter: none !important; -} - -/* responsive layout */ - -@media screen and (max-width: 950px) { - -body, th, td, table a, input, input[type="text"], input.r, input[name="nofilter_dataDir"], select, textarea, textarea[name="i2cpOpts"], .snarkAddInfo { - font-size: 8pt; -} - -.snarkTorrents a { - display: inline-block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 300px; -} - -.snarkTorrents td:nth-child(2) { - white-space: nowrap; -} -.snarkTorrents td[colspan="10"] { - white-space: normal; -} - -.snarkTorrentStatus b { - display: none; -} - -b.alwaysShow { - display: inline; -} - -.snarkTorrents td:nth-child(2), .snarkTorrents td:nth-child(2) a { - font-weight: bold; -} - -.snarkTorrents .debuginfo td, .snarkTorrents .peerinfo td { - font-weight: normal; -} - -td#bwHelp { - background: url(images/infocircle.png) left 10px center no-repeat; - background-size: 14px auto !important; -} - -.snarkTorrentAction input[type="image"], .snarkTorrents th:last-child input[type="image"] { - height: 9px; -} -} - -@media screen and (max-width: 1100px) { -.toggleview, .snarkConfigTitle { - font-size: 11pt !important; -} - -.snarkDirInfo th a img, .snarkDirInfo th img { - max-height: 18px !important; -} - -body { - margin: 3px; -} - -.page { - padding: 4px; -} - -.logshim { - margin-top: -5px !important; -} - -.snarkNav:link, .snarkNav:hover, .snarkNav:focus { - background-size: 14px 14px, 100% 100% !important; -} - -.nav_main { - padding-left: 22px !important; -} - -.addtorrentsection, .newtorrentsection, .configsection, .configsectionpanel { - margin-top: 4px !important; - margin-bottom: 4px !important; -} - -.configsection, .configsectionpanel:last-child { - margin-bottom: 0 !important; -} - -.SnarkDirInfo { - margin-top: 4px !important; -} - -.dirInfoComplete { - display: none; -} - -.percentBarText, .percentBarOuter { - width: 100px; - line-height: 15px; -} - -.snarkDirInfo .percentBarText, .snarkDirInfo .percentBarOuter { - width: 60px; -} - -#dhtDebugInner { - margin-top: -25px !important; -} -} - -@media screen and (max-width: 1200px) { -.trackerconfig th { - padding-top: 5px; - padding-bottom: 5px; -} - -#configs td:first-child::before { - content: ""; - min-height: 30px; -} - -.percentBarText { - line-height: 16px; -} - -.snarkTorrents tfoot tr:first-child { - line-height: 100%; -} -} - -@media screen and (max-width: 1400px) { -.percentBarText { - line-height: 15px; -} -} - -@media screen and (max-width: 1500px) { -.snarkTorrents thead img, .snarkDirInfo th img { - max-height: 20px !important; -} -} - -@media screen and (min-width: 1100px) { -body, th, td, table a, input, input[type="text"], input.r, input[name="nofilter_dataDir"], select, textarea, textarea[name="i2cpOpts"], .snarkAddInfo { - font-size: 9pt !important; -} - -.snarkNav { - font-size: 11pt !important; -} - -.snarkNav:link { - padding-left: 25px !important; -} - -.percentDownloaded { - pointer-events: none; /* hide tooltip */ -} - -.snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover { - min-width: 300px; -} -} - -@media screen and (min-width: 1500px) { -body, th, td, table a, input, input[type="text"], input.r, input[name="nofilter_dataDir"], select, textarea, textarea[name="i2cpOpts"], .snarkAddInfo, .snarkCommentInfo textarea { - font-size: 10pt !important; -} - -code, .snarkTorrents tt, #ourDest tt { - font-size: 9pt; -} - -.snarkTorrentAction { - padding-left: 4px !important; - padding-right: 4px !important; -} - -.snarkTorrentAction input[type="image"], .snarkTorrents th:last-child input[type="image"] { - padding: 4px !important; - box-shadow: inset 0 0 0 1px #fff; -} - -td.snarkTorrentDownloaded { - white-space: nowrap; -} - -.snarkTorrentStatus b { - margin-right: 3px; -} - -#configs td:first-child { - min-width: 220px !important; -} - -#dhtDebugInner { - margin-top: -23px !important; -} -} - -@media screen and (min-width: 1600px) { -.snarkMessages li, .snarkTorrents tt { - font-size: 9pt !important; -} -} - -/* mini-mode */ - -@media screen and (max-width: 800px) { -.page { - min-width: 680px !important; -} - -.snarknavbar { - min-width: 688px !important; -} - -th.snarkTorrentStatus a img, .snarkTorrentETA a img, .snarkTrackerDetails a img, img[src$="torrent.png"] { - display: none !important; -} - -.snarkGraphicStatus { - max-width: 12px !important; - padding-left: 3px !important; -} - -.snarkGraphicStatus img { - max-width: 18px; -} - -.snarkTorrentName a:not(old) { - max-width: 360px !important; -} - -.snarkTorrents th img { - max-height: 18px; -} - -.snarkTorrentUploaded, .snarkTorrentRateUp, .peerinfo, .debuginfo, .alwaysShow { - display: none; -} - -.percentBarText { - font-size: 8pt !important; -} - -.snarkTorrentStatus, .snarkTorrentETA, .snarkTrackerDetails { - font-size: 0 !important; - max-width: 0 !important; - min-width: 0 !important; - width: 0 !important; - padding: 0; - overflow: hidden; - color: transparent !important; -} - -.snarkCommentDetails { - padding-left: 10px !important; - padding-right: 5px !important; -} - -#totals { - margin-left: 2px !important; -} - -.addtorrentsection td:first-child, .newtorrentsection td:first-child { - width: 20%; -} - -.toggleview, .snarkConfigTitle { - padding-top: 3px !important; - padding-bottom: 3px !important; -} - -.snarkConfigTitle { - margin-bottom: -3px !important; -} - -.toggleview, .snarkConfigTitle, .snarkConfigTitle a { - font-size: 10pt !important; -} - -.toggleview img, .snarkConfigTitle img { - height: 12px; - margin-right: 0 !important; -} - -#configs td:first-child, .configsectionpanel input[name="nofilter_dataDir"], .configsectionpanel textarea { - min-width: 150px !important; - max-width: 50%; -} - -.trackerconfig a, .trackerconfig input[type="text"] { - max-width: 150px !important; -} - -.trackerconfig, form + form > .configsectionpanel, .addtorrentsection tr:last-child, .snarkTorrentInfo tr:nth-child(n+2) { - display: none; -} - -#trackerselect td a { - max-width: 200px !important; -} - -.snarkTorrentInfo { - border-bottom: none !important; - margin-bottom: -5px !important; - position: relative; - z-index: 10; -} - -.snarkTorrentInfo th { - padding-top: 4px; - padding-bottom: 4px; -} - -.snarkTorrentInfo th:nth-child(2) { - padding-left: 5px; - border-bottom: 1px solid #89f !important; -} - -.snarkDirInfo td.snarkFileStatus { - font-size: 0 !important; - text-align: center !important; -} - -.snarkDirInfo td.snarkFileStatus .percentbarText { - font-size: 7pt !important; -} - -.snarkDirInfo .snarkFileStatus img { - float: none; -} - -.snarkFileStatus img[src*="clock"] { - float: left; -} - -th a img { - max-height: 16px !important; -} - -.snarkTorrentAction input[type="image"] { - max-height: 8px !important; - padding: 3px !important; -} - -#configs { - margin-top: 8px !important; - border-top: 1px solid #89f !important; -} - -#configs td:last-child { - white-space: nowrap !important; -} - -#configs #bwhelp, #configs #bwhelp a { - background: none !important; - font-size: 0 !important; - width: 0 !important; - overflow: hidden; -} - -#configs tr:nth-child(n+17) { - display: none; -} - -#configs tr:nth-last-child(2) { - display: table-row !important; -} - -#configs tr { - border: none !important; -} - -.addtorrentsection input[type="text"], .newtorrentsection input[type="text"] { - width: 65% !important; -} - -.snarkCommentInfo td:first-child, .snarkComments td:first-child { - width: 120px !important; - max-width: 120px !important; - min-width: 120px !important; -} - -.snarkComments .commentDate { - width: 70px; -} - -.snarkComments .commentDelete { - background: none !important; - padding-left: 0 !important; -} - -#dhtDebugInner { - margin-top: -19px !important; -} -} - -@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 800px) { -.snarkConfigTitle { - margin-top: 0 !important; -} -} - -/* end mini-mode */ - -/* end responsive layout */ - -.info_tracker { - margin: 0 4px 0 2px; - padding: 1px 6px 1px 18px; - display: inline-block; - white-space: nowrap; - max-width: 155px; - vertical-align: middle; - overflow: hidden; - text-overflow: ellipsis; - color: #bbf; - border-radius: 3px; - box-shadow: 0 0 0 1px #ccf; - background: #f8f8ff url(images/button_tracker.png) left 3px center no-repeat; - background-size: 14px auto; -} - -.info_tracker:hover, .info_tracker:hover a { - color: #f60; -} - -.info_tracker:hover { - box-shadow: 0 0 0 1px #aaf; - background: url(images/button_tracker_hover.png) left 3px center no-repeat, linear-gradient(to bottom, #fff 50%, #f2f2ff 50%) !important; - background-size: 14px auto, 100% 100% !important; -} - -.info_tracker:active, .info_tracker:active a { - color: #fff !important; -} - -.info_tracker:active { - color: #fff !important; - box-shadow: 0 0 0 1px #f60, inset 3px 3px 3px #420; - background: #f60 url(images/button_tracker_active.png) left 3px center no-repeat !important; - background-size: 14px auto !important; -} - diff --git a/installer/resources/themes/snark/midnight/favicon.ico b/installer/resources/themes/snark/midnight/favicon.ico deleted file mode 100644 index 28658965c..000000000 Binary files a/installer/resources/themes/snark/midnight/favicon.ico and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/add.png b/installer/resources/themes/snark/midnight/images/add.png deleted file mode 100644 index 6332fefea..000000000 Binary files a/installer/resources/themes/snark/midnight/images/add.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/author.png b/installer/resources/themes/snark/midnight/images/author.png deleted file mode 100644 index 76a816fa6..000000000 Binary files a/installer/resources/themes/snark/midnight/images/author.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/bullet.png b/installer/resources/themes/snark/midnight/images/bullet.png deleted file mode 100644 index a14d6b7b7..000000000 Binary files a/installer/resources/themes/snark/midnight/images/bullet.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/button_forum.png b/installer/resources/themes/snark/midnight/images/button_forum.png deleted file mode 100644 index 04985d907..000000000 Binary files a/installer/resources/themes/snark/midnight/images/button_forum.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/button_forum_active.png b/installer/resources/themes/snark/midnight/images/button_forum_active.png deleted file mode 100644 index f2b4538e8..000000000 Binary files a/installer/resources/themes/snark/midnight/images/button_forum_active.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/button_forum_hover.png b/installer/resources/themes/snark/midnight/images/button_forum_hover.png deleted file mode 100644 index c104dfcea..000000000 Binary files a/installer/resources/themes/snark/midnight/images/button_forum_hover.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/button_snark.png b/installer/resources/themes/snark/midnight/images/button_snark.png deleted file mode 100644 index 94e5a6046..000000000 Binary files a/installer/resources/themes/snark/midnight/images/button_snark.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/button_snark_active.png b/installer/resources/themes/snark/midnight/images/button_snark_active.png deleted file mode 100644 index 745f14ef2..000000000 Binary files a/installer/resources/themes/snark/midnight/images/button_snark_active.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/button_snark_hover.png b/installer/resources/themes/snark/midnight/images/button_snark_hover.png deleted file mode 100644 index fe0813b2f..000000000 Binary files a/installer/resources/themes/snark/midnight/images/button_snark_hover.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/button_tracker.png b/installer/resources/themes/snark/midnight/images/button_tracker.png deleted file mode 100644 index c826b58af..000000000 Binary files a/installer/resources/themes/snark/midnight/images/button_tracker.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/button_tracker_active.png b/installer/resources/themes/snark/midnight/images/button_tracker_active.png deleted file mode 100644 index abdbc720c..000000000 Binary files a/installer/resources/themes/snark/midnight/images/button_tracker_active.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/button_tracker_hover.png b/installer/resources/themes/snark/midnight/images/button_tracker_hover.png deleted file mode 100644 index 72566acd1..000000000 Binary files a/installer/resources/themes/snark/midnight/images/button_tracker_hover.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/clock.png b/installer/resources/themes/snark/midnight/images/clock.png deleted file mode 100644 index c432ade81..000000000 Binary files a/installer/resources/themes/snark/midnight/images/clock.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/comment.png b/installer/resources/themes/snark/midnight/images/comment.png deleted file mode 100644 index c5fc0255b..000000000 Binary files a/installer/resources/themes/snark/midnight/images/comment.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/complete.png b/installer/resources/themes/snark/midnight/images/complete.png deleted file mode 100644 index 96199806a..000000000 Binary files a/installer/resources/themes/snark/midnight/images/complete.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/config.png b/installer/resources/themes/snark/midnight/images/config.png deleted file mode 100644 index 815146391..000000000 Binary files a/installer/resources/themes/snark/midnight/images/config.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/configuration.png b/installer/resources/themes/snark/midnight/images/configuration.png deleted file mode 100644 index 670134218..000000000 Binary files a/installer/resources/themes/snark/midnight/images/configuration.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/create.png b/installer/resources/themes/snark/midnight/images/create.png deleted file mode 100644 index 44ccbf812..000000000 Binary files a/installer/resources/themes/snark/midnight/images/create.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/debug.png b/installer/resources/themes/snark/midnight/images/debug.png deleted file mode 100644 index 70bdd2cf6..000000000 Binary files a/installer/resources/themes/snark/midnight/images/debug.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/debuginfo.png b/installer/resources/themes/snark/midnight/images/debuginfo.png deleted file mode 100644 index 42c7cd6ab..000000000 Binary files a/installer/resources/themes/snark/midnight/images/debuginfo.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/delete.png b/installer/resources/themes/snark/midnight/images/delete.png deleted file mode 100644 index a37f8c7f1..000000000 Binary files a/installer/resources/themes/snark/midnight/images/delete.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/details.png b/installer/resources/themes/snark/midnight/images/details.png deleted file mode 100644 index 225e1fdd9..000000000 Binary files a/installer/resources/themes/snark/midnight/images/details.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/downloading.png b/installer/resources/themes/snark/midnight/images/downloading.png deleted file mode 100644 index 1d01bb513..000000000 Binary files a/installer/resources/themes/snark/midnight/images/downloading.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/dropdown.png b/installer/resources/themes/snark/midnight/images/dropdown.png deleted file mode 100644 index 8cb83f1d7..000000000 Binary files a/installer/resources/themes/snark/midnight/images/dropdown.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/dropdown_hover.png b/installer/resources/themes/snark/midnight/images/dropdown_hover.png deleted file mode 100644 index 999350953..000000000 Binary files a/installer/resources/themes/snark/midnight/images/dropdown_hover.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/eta.png b/installer/resources/themes/snark/midnight/images/eta.png deleted file mode 100644 index fd6e02b3c..000000000 Binary files a/installer/resources/themes/snark/midnight/images/eta.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/file.png b/installer/resources/themes/snark/midnight/images/file.png deleted file mode 100644 index 8ac7fc6e2..000000000 Binary files a/installer/resources/themes/snark/midnight/images/file.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/first.png b/installer/resources/themes/snark/midnight/images/first.png deleted file mode 100644 index a6930a18d..000000000 Binary files a/installer/resources/themes/snark/midnight/images/first.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/head_rx.png b/installer/resources/themes/snark/midnight/images/head_rx.png deleted file mode 100644 index 50a95fb4c..000000000 Binary files a/installer/resources/themes/snark/midnight/images/head_rx.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/head_rxspeed.png b/installer/resources/themes/snark/midnight/images/head_rxspeed.png deleted file mode 100644 index b545a6796..000000000 Binary files a/installer/resources/themes/snark/midnight/images/head_rxspeed.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/head_tx.png b/installer/resources/themes/snark/midnight/images/head_tx.png deleted file mode 100644 index f7fa43316..000000000 Binary files a/installer/resources/themes/snark/midnight/images/head_tx.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/head_txspeed.png b/installer/resources/themes/snark/midnight/images/head_txspeed.png deleted file mode 100644 index 8b1fc7b31..000000000 Binary files a/installer/resources/themes/snark/midnight/images/head_txspeed.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/hidepeers.png b/installer/resources/themes/snark/midnight/images/hidepeers.png deleted file mode 100644 index d1f1e19bc..000000000 Binary files a/installer/resources/themes/snark/midnight/images/hidepeers.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/infocircle.png b/installer/resources/themes/snark/midnight/images/infocircle.png deleted file mode 100644 index 193e3253a..000000000 Binary files a/installer/resources/themes/snark/midnight/images/infocircle.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/last.png b/installer/resources/themes/snark/midnight/images/last.png deleted file mode 100644 index 8c6381976..000000000 Binary files a/installer/resources/themes/snark/midnight/images/last.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/next.png b/installer/resources/themes/snark/midnight/images/next.png deleted file mode 100644 index 195a9d707..000000000 Binary files a/installer/resources/themes/snark/midnight/images/next.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/nopeers.png b/installer/resources/themes/snark/midnight/images/nopeers.png deleted file mode 100644 index 5fb0e2cfc..000000000 Binary files a/installer/resources/themes/snark/midnight/images/nopeers.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/peer.png b/installer/resources/themes/snark/midnight/images/peer.png deleted file mode 100644 index 4f3408dc6..000000000 Binary files a/installer/resources/themes/snark/midnight/images/peer.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/previous.png b/installer/resources/themes/snark/midnight/images/previous.png deleted file mode 100644 index 79558ab1e..000000000 Binary files a/installer/resources/themes/snark/midnight/images/previous.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/priority.png b/installer/resources/themes/snark/midnight/images/priority.png deleted file mode 100644 index ea5e451d9..000000000 Binary files a/installer/resources/themes/snark/midnight/images/priority.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/progressbar.gif b/installer/resources/themes/snark/midnight/images/progressbar.gif deleted file mode 100644 index e204f6b31..000000000 Binary files a/installer/resources/themes/snark/midnight/images/progressbar.gif and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/rateme.png b/installer/resources/themes/snark/midnight/images/rateme.png deleted file mode 100644 index a16e2fef2..000000000 Binary files a/installer/resources/themes/snark/midnight/images/rateme.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/remove.png b/installer/resources/themes/snark/midnight/images/remove.png deleted file mode 100644 index 12f988b18..000000000 Binary files a/installer/resources/themes/snark/midnight/images/remove.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/seeding.png b/installer/resources/themes/snark/midnight/images/seeding.png deleted file mode 100644 index e58e518bc..000000000 Binary files a/installer/resources/themes/snark/midnight/images/seeding.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/showpeers.png b/installer/resources/themes/snark/midnight/images/showpeers.png deleted file mode 100644 index 12a2111ff..000000000 Binary files a/installer/resources/themes/snark/midnight/images/showpeers.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/size.png b/installer/resources/themes/snark/midnight/images/size.png deleted file mode 100644 index 2c0ab0947..000000000 Binary files a/installer/resources/themes/snark/midnight/images/size.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/snark_add.png b/installer/resources/themes/snark/midnight/images/snark_add.png deleted file mode 100644 index ddc8cbf3b..000000000 Binary files a/installer/resources/themes/snark/midnight/images/snark_add.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/snark_create.png b/installer/resources/themes/snark/midnight/images/snark_create.png deleted file mode 100644 index 1e767b9b2..000000000 Binary files a/installer/resources/themes/snark/midnight/images/snark_create.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/stalled.png b/installer/resources/themes/snark/midnight/images/stalled.png deleted file mode 100644 index 8d7b193b5..000000000 Binary files a/installer/resources/themes/snark/midnight/images/stalled.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/start.png b/installer/resources/themes/snark/midnight/images/start.png deleted file mode 100644 index 6bf001c4e..000000000 Binary files a/installer/resources/themes/snark/midnight/images/start.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/start_all.png b/installer/resources/themes/snark/midnight/images/start_all.png deleted file mode 100644 index a30d3a034..000000000 Binary files a/installer/resources/themes/snark/midnight/images/start_all.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/status.png b/installer/resources/themes/snark/midnight/images/status.png deleted file mode 100644 index 6b20c919e..000000000 Binary files a/installer/resources/themes/snark/midnight/images/status.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/stop.png b/installer/resources/themes/snark/midnight/images/stop.png deleted file mode 100644 index ca007e86f..000000000 Binary files a/installer/resources/themes/snark/midnight/images/stop.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/stop_all.png b/installer/resources/themes/snark/midnight/images/stop_all.png deleted file mode 100644 index 5153c4e85..000000000 Binary files a/installer/resources/themes/snark/midnight/images/stop_all.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/stop_all_hover.png b/installer/resources/themes/snark/midnight/images/stop_all_hover.png deleted file mode 100644 index 124a31cae..000000000 Binary files a/installer/resources/themes/snark/midnight/images/stop_all_hover.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/stopped.png b/installer/resources/themes/snark/midnight/images/stopped.png deleted file mode 100644 index e5b41579e..000000000 Binary files a/installer/resources/themes/snark/midnight/images/stopped.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/torrent.png b/installer/resources/themes/snark/midnight/images/torrent.png deleted file mode 100644 index 12d1c19fa..000000000 Binary files a/installer/resources/themes/snark/midnight/images/torrent.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/trackererror.png b/installer/resources/themes/snark/midnight/images/trackererror.png deleted file mode 100644 index f41191f6c..000000000 Binary files a/installer/resources/themes/snark/midnight/images/trackererror.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/images/up.png b/installer/resources/themes/snark/midnight/images/up.png deleted file mode 100644 index 8a3138b95..000000000 Binary files a/installer/resources/themes/snark/midnight/images/up.png and /dev/null differ diff --git a/installer/resources/themes/snark/midnight/nocollapse.css b/installer/resources/themes/snark/midnight/nocollapse.css deleted file mode 100644 index 757a22332..000000000 --- a/installer/resources/themes/snark/midnight/nocollapse.css +++ /dev/null @@ -1,27 +0,0 @@ -/* disable snark's collapsible panels */ -/* fixes a browser engine bug present in Konqueror, Midori, Qupzilla et al */ - -input#toggle_addtorrent:not(checked) + label + hr + table, input#toggle_createtorrent:not(checked) + label + hr + table, -input#toggle_addtorrent:checked + label + hr + table, input#toggle_createtorrent:checked + label + hr + table { - display: table !important; -} - -label.toggleview, label.toggleview:hover, label.toggleview:active, .toggle_input:focus + label.toggleview { - border: 1px solid #443da0 !important; - background: #003 !important; - background: linear-gradient(to bottom, #191729, #1f1e32 50%, #000 50%) !important; - background: linear-gradient(to bottom, #191729 40%, #000) !important; - box-shadow: inset 0 0 0 1px #000 !important; - text-shadow: 0 0 1px #000 !important; - cursor: default !important; -} - -.toggleview img, .toggleview img:hover, .toggleview img:focus, .toggleview img:active, -.toggleview:hover img, .toggleview:focus img, .toggleview:active img { - border: 2px solid #000 !important; - background: #000; - background: linear-gradient(to bottom, #002, #000 50%, #191729 50%, #14131f) !important; - box-shadow: none !important; - transform: none !important; - filter: drop-shadow(0 0 1px #000) !important; -} diff --git a/installer/resources/themes/snark/midnight/snark.css b/installer/resources/themes/snark/midnight/snark.css deleted file mode 100644 index 4ce223405..000000000 --- a/installer/resources/themes/snark/midnight/snark.css +++ /dev/null @@ -1,3102 +0,0 @@ -/* I2PSnark theme "Midnight" */ -/* Author: dr|z3d */ - -body { - font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif; - color: #c9ceff; - background: #000; - margin: 4px 2px; -} - -/* preload top navigation mouseovers */ -body { - background: linear-gradient(to bottom, #000, #000), - url(images/button_snark_hover.png) no-repeat, - url(images/button_snark_active.png) no-repeat, - url(images/button_tracker_hover.png) no-repeat, - url(images/button_tracker_active.png) no-repeat, - url(images/button_forum_hover.png) no-repeat, - url(images/button_forum_active.png) no-repeat, #000; - background-size: 100% 100%, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0; -} - -body.iframed { - margin: 1px 0 !important; - background: transparent url(/themes/console/images/transparent.gif) !important; -} - -/* preload top navigation mouseovers */ -body.iframed { - background: url(/themes/console/images/transparent.gif), - url(images/button_snark_hover.png) center center no-repeat, - url(images/button_snark_active.png) center center no-repeat, - url(images/button_tracker_hover.png) center center no-repeat, - url(images/button_tracker_active.png) center center no-repeat, - url(images/button_forum_hover.png) center center no-repeat, - url(images/button_forum_active.png) center center no-repeat, #000 !important; - background-size: 100% 100%, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0; -} - -* { - outline: none; -} - -.toggleview, .snarkConfigTitle, .snarknavbar, img, input[type="image"] { - -moz-user-select: none; - -webkit-user-select: none; - user-select: none; -} - -.page { - font-size: 9pt !important; - line-height: 160% !important; - margin: 5px 0 0 0; - padding: 0 0 12px; - text-align: center; - opacity: 1; - color: #040033; - border: 1px solid #443da0; - border-radius: 0 0 2px 2px; - background: #001; - background: linear-gradient(to bottom, #000, #003); - background-size: 100% 2px; - box-shadow: inset 0 0 3px 1px #000; -} - -.iframed .page { - margin: 4px 0 5px; - padding: 0; - border: none; - background: none; - box-shadow: none; - border-radius: 0; -} - -.snarknavbar, .page { - min-width: 900px !important; -} - -/* topnav */ - -.snarknavbar { - margin: 0 0 -6px; - padding: 12px 0; - text-align: center; - border: 1px solid #443da0; - border-radius: 2px 2px 0 0; - background: linear-gradient(to bottom, #121225 0%, #121225 50%, #000011 50%, #00000d 50%, #00000d 100%); -} - -.iframed .snarknavbar { - border: none; - border-top: 1px solid #443da0; - border-bottom: 1px solid #443da0; - border-radius: 0; - padding-top: 14px; - margin-bottom: -1px; - position: static; -} - -.snarknavbar:hover .snarkNav { - will-change: box-shadow; -} - -.snarkNav:link, .snarkNav:visited { - font-size: 9pt; - font-weight: bold; - margin: 0 -1px 0 -3px !important; - padding: 4px 9px 4px 26px !important; - text-decoration: none !important; - letter-spacing: 0.15em; - text-transform: uppercase !important; - opacity: .8; - color: #89f; - border: 1px solid #443da0; - border-radius: 0; - background: #001 url(images/button_tracker.png) 9px center no-repeat; - background: url(images/button_tracker.png) 9px center no-repeat, linear-gradient(to bottom, #181d4f 0%, #181d4f 50%, #001 50%, #001 100%); - box-shadow: inset 0 0 0 1px #000, 0 0 1px #000; - text-shadow: 0 0 1px #000; - transition: ease box-shadow 0.1s; -} - -.snarkNav:link:first-child { - padding-left: 26px !important; - border-radius: 2px 0 0 2px; -} - -.snarkNav:link:last-child { - margin-left: 3px; -} - -.nav_main:link { - background: #001 url(images/button_snark.png) 9px center no-repeat; - background: url(images/button_snark.png) 9px center no-repeat, linear-gradient(to bottom, #181d4f 0%, #181d4f 50%, #001 50%, #001 100%); -} - -.nav_forum:link { - background: #001 url(images/button_forum.png) 9px center no-repeat; - background: url(images/button_forum.png) 9px center no-repeat, linear-gradient(to bottom, #181d4f 0%, #181d4f 50%, #001 50%, #001 100%); -} - -.nav_main:link:hover, .nav_main:link:focus { - background: #04091f url(images/button_snark_hover.png) 9px center no-repeat; - background: url(images/button_snark_hover.png) 9px center no-repeat, linear-gradient(to bottom, #060e2f 0%, #060e2f 50%, #000 50%, #000 100%); -} - -.nav_forum:link:hover, .nav_forum:link:focus { - background: #04091f url(images/button_forum_hover.png) 9px center no-repeat; - background: url(images/button_forum_hover.png) 9px center no-repeat, linear-gradient(to bottom, #004, #004 50%, #002 50%); -} - -.nav_main:link:active { - background: #652787 url(images/button_snark_active.png) !important; - background-repeat: no-repeat !important; - background-position: 9px center !important; -} - -.nav_forum:link:active { - background: #652787 url(images/button_forum_active.png) !important; - background-repeat: no-repeat !important; - background-position: 9px center !important; - box-shadow: inset 3px 3px 2px #1f002f; -} - -.snarkNav:hover, .snarkNav:focus { - text-decoration: none !important; - border-radius: 0; - background: #141c3f url(images/button_tracker_hover.png) 9px center no-repeat; - background: url(images/button_tracker_hover.png) 9px center no-repeat, linear-gradient(to bottom, #060e2f 0%, #060e2f 50%, #000 50%, #000 100%); - box-shadow: inset 0 0 0 1px #000; - opacity: 1; - color: #652787; - border-color: #652787; - position: relative; - z-index: 999; - transition: ease box-shadow 0.1s; -} - -.snarkNav:active { - text-decoration: none !important; - color: #fff; - background: #652787 url(images/button_tracker_active.png) !important; - background-repeat: no-repeat !important; - background-position: 9px center !important; - box-shadow: inset 3px 3px 2px #1f002f; - text-shadow: none; - transition: ease all 0.1s; -} - -.snarkNav:link:last-of-type { - border-radius: 2px !important; -} - -.snarkNav:link[target="_blank"]:last-child { - border-radius: 0 2px 2px 0 !important; -} - -.snarkNav:last-child { - margin-top: -5px !important; - border-radius: 0 2px 2px 0 !important; -} - -.snarkNav:link, .snarkNav:hover, .snarkNav:focus { - background-size: 16px 16px, 100% 100% !important; -} - -.snarkNav:active, .snarkNav:link:active { - background-size: 16px 16px !important; -} - -/* end topnav */ - -/* screenlog */ - -.snarkMessages { - font: normal 8.5pt "Droid Sans Mono", "Noto Mono", "DejaVu Sans Mono", "Lucida Console", monospace; - overflow: hidden; - width: auto; - height: 55px; - margin: 0; - padding: 2px 5px; - border-spacing: 0; - text-align: left; - color: #778; - border-bottom: 1px solid #443da0; - background: #000; - background: linear-gradient(to bottom, #002, #001); - background-size: auto 110%; - background-blend-mode: luminosity; -} - -.iframed .snarkMessages { - margin-top: -5px; -} - -.snarkMessages:hover, .snarkMessages:focus { - overflow: auto; -} - -.snarkMessages:focus { - box-shadow: inset 0 0 0 1px #930; -} - -.snarkMessages a:active { - color: #ff007c !important; -} - -.snarkMessages ul { - margin: -1px 0 2px 0; - padding: 0 0 0 14px; - list-style: none; -} - -.snarkMessages li { - margin-left: -15px; -} - -.snarkMessages li::before { - content: ""; - display: inline-block; - background: url(images/bullet.png) left bottom no-repeat; - width: 14px; - height: 11px; - background-size: 9px 9px; - filter: drop-shadow(0 0 1px #000); -} - -.snarkMessages li, .snarkMessages a { - font-weight: bold; - font-size: 8.5pt !important; -} - -.snarkMessages img { - float: right; - margin: -3px -4px 4px 4px; - padding: 2px; - opacity: 0.8; - background: #001; - border: 1px solid #443da0; - border-top: 0 none; - border-right: 0 none; - width: 10px; - mix-blend-mode: luminosity; - position: sticky; - top: -3px; - z-index: 1; -} - -.snarkMessages img:hover, .snarkMessages img:focus, .closeLog img:hover, .closeLog img:focus { - mix-blend-mode: normal !important; - border: 1px solid #443da0 !important; - border-top: 0 none !important; - border-right: 0 none !important; - background: #000; -} - -.logshim { - margin-top: 10px !important; -} - -.iframed .logshim { - margin-top: 20px !important; -} - -/* end screenlog */ - -tt, code { - font-family: "Droid Sans Mono", "Noto Mono", "DejaVu Sans Mono", "Lucida Console", monospace; -} - -pre { - font: 8pt "Droid Sans Mono", "Noto Mono", "DejaVu Sans Mono", "Lucida Console", monospace; - font-weight: bold !important; - width: 100%; - height: 8px; - padding: 0; - text-align: left !important; - color: #4133ff; -} - -table { - width: 100%; - margin: 0 0 10px 0; - padding: 0; - border-spacing: 0; - border-collapse: collapse; - opacity: 1 !important; - color: #201f36; - border: 0; -} - -thead, tfoot { - background: #001; -} - -thead { - border-bottom: 1px solid #010011; -} - -th { - padding: 8px 2px; - color: #c9ceff; - border-top: 1px solid #443da0; - border-bottom: 1px solid #443da0; - background: #001; - font-size: 9pt; -} - -thead th, #torrentInfoControl td { - background: linear-gradient(to bottom, #121225, #00000d) !important; -} - -#torrentOrderControl td { - background: #00000d !important; -} - -#enableInOrder { - margin-left: 8px; - margin-right: 20px; -} - -th:first-child { - text-align: left !important; -} - -th:first-child img { - margin: 1px -2px 3px 1px !important; -} - -th:nth-child(2) img { - margin: 1px 5px 3px 2px !important; -} - -tfoot th { - padding-bottom: 4px !important; -} - -tfoot tr:first-child th { - vertical-align: middle !important; -} - -tfoot td:first-child { - padding-left: 0; - text-align: left !important; -} - -tfoot img, tfoot:nth-child(2) img, tfoot:nth-child(1) img, tfoot:nth-child(3) img, tfoot:nth-child(4) img { - margin: 0 2px 3px 0 !important; - padding-right: 0 !important; -} - -tfoot tr:nth-child(n+1) { - text-align: left; -} - -/* main torrent listing */ - -.snarkTorrents { - margin: 10px 0 0 0; - border: none; - background: #001; -} - -.iframed .snarkTorrents { - margin-top: -1px; -} - -.snarkTorrents th br { - display: none; /* kill double height button display */ -} - -.snarkTorrents th { - text-align: center; -} - -.snarkTorrents thead th { - background: linear-gradient(to bottom, #121225 0%, #121225 50%, #000011 50%, #00000d 50%, #00000d 100%) !important; - padding: 2px 1px; -} - -.snarkTorrents thead th:nth-child(3) { - text-align: center; -} - -.snarkTorrents th:empty + th:empty, .snarkTorrents td:empty + td:empty, .snarkTorrents th:last-child:empty, .snarkTorrents td:last-child:empty { - width: 0 !important; -} - -.snarkTorrents img { - margin: 0 !important; - padding: 0 !important; -} - -.snarkTorrents tt { - font: bold 8.5pt "Droid Sans Mono", "Noto Mono", "Noto Mono", "DejaVu Sans Mono", "Lucida Console", monospace; - background: #2d103f; - color: #fff; - padding: 2px 3px; - border-radius: 2px; - display: inline-block; - margin: 1px 3px; - letter-spacing: 0.1em; -} - -.snarkTorrents tbody tr:last-child td { - border-bottom: 1px solid #443da0 !important; -} - -.snarkTorrents tfoot, .snarkTorrents tfoot th { - font-weight: normal !important; - border-top: 1px solid #443da0 !important; -} - -.snarkTorrents tfoot tr:first-child th { - font-weight: bold !important; - color: #c9ceff !important; -} - -.snarkTorrents tfoot th:nth-child(n+2) { - white-space: nowrap; -} - -.snarkTorrents tfoot th:nth-child(2) { - text-align: center; -} - -.snarkTorrents th:nth-child(n+4) { - text-align: center; -} - -.snarkTorrents tfoot th, .SnarkTorrents tfoot th tt { - font-weight: bold; -} - -.snarkTorrents tfoot th tt { - margin-left: 2px; -} - -.snarkTorrents tfoot th:nth-child(3) { - text-align: center; -} - -.snarkTorrents tfoot th { - vertical-align: top; -} - -.snarkTorrents tfoot th br { - display: inline-block; - margin-left: 20px !important; -} - -.snarkTorrents td { - line-height: 110%; - text-align: left; - padding: 3px 1px; -} - -.snarkTorrents td[colspan="10"] { - padding: 2px; -} - -th.snarkTorrentStatus { - text-align: center !important; -} - -.snarkTrackerDetails, .snarkTorrentDetails, .snarkCommentDetails { - width: 16px !important; - text-align: center !important; - font-weight: bold; - padding-left: 0 !important; - padding-right: 0 !important; -} - -.snarkTrackerDetails img, .snarkTorrentDetails img, .snarkCommentDetails img, .snarkDirInfo td:first-child img { - padding: 3px !important; - border: 1px solid transparent !important; - margin: 0 !important; -} - -.snarkDirInfo td:first-child img { - margin: 0 2px !important; -} - -.snarkTrackerDetails a:hover img, .snarkTrackerDetails img:hover, .snarkTrackerDetails a:focus img, -.snarkTorrentDetails a:hover img, .snarkTorrentDetails img:hover, .snarkTorrentDetails a:focus img, -.snarkCommentDetails a:hover img, .snarkCommentDetails img:hover, .snarkCommentDetails a:focus img, -.snarkDirInfo td:first-child a:hover img, .snarkDirInfo td:first-child a:focus img { - border: 1px solid #652787 !important; - border-radius: 2px; - box-shadow: 0 0 1px #652787; - background: #003; - background: linear-gradient(to bottom, #007 50%, #001 50%); - filter: none !important; -} - -.snarkTrackerDetails a:active img, .snarkTorrentDetails a:active img, .snarkCommentDetails a:active img, .snarkDirInfo td:first-child a:active img { - border: 1px solid #f90 !important; - box-shadow: inset 2px 2px 3px 3px #000; - transform: scale(0.9); -} - -.snarkGraphicStatus, .snarkTorrentStatus { - white-space: nowrap; - width: 1%; -} - -.snarkGraphicStatus { - text-align: center !important; - padding: 2px !important; - width: 26px !important; -} - -.snarkTorrentETA, .snarkTorrentUploaded, .snarkTorrentRateDown, .snarkTorrentRateUp { - text-align: center !important; - width: 5%; - min-width: 40px; - white-space: nowrap; -} - -.snarkTorrentName { - line-height: 110%; - padding-left: 4px !important; -} - -.snarkTorrentName a, .snarkDirInfo .snarkFileName a { - font-weight: bold !important; -} - -.snarkTorrentNoneLoaded td { - border-bottom: 1px solid #443da0; - text-align: center !important; - font-weight: bold; - color: #c9ceff !important; - background: #001; -} - -.snarkTorrentNoneLoaded i { - display: inline-block; - padding: 10px; -} - -.snarkTorrentStatus { - padding: 2px 5px 2px 2px !important; - text-align: left !important; - text-align: left !important; - color: #9b96e0 !important; - white-space: nowrap; -} - -.snarkTorrentStatus b { - margin-right: 3px; -} - -.snarkTorrentStatus, .snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded { - line-height: 90%; - padding: 0 7px; -} - -.snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded { - text-align: center !important; -} - -.snarkTorrentDownloaded { - font-weight: bold; - color: #c9ceff !important; - padding: 0 5px; - white-space: nowrap; -} - -.snarkTorrentUploaded { - color: #7670c2 !important; -} - -.snarkTorrentRateUp { - color: #7670c2 !important; -} - -.snarkTorrentRateDown { - color: #7670c2 !important; -} - -.snarkTorrents img { - padding: 2px !important; -} - -.snarkTorrents a { - display: inline-block; - width: 100%; -} - -.snarkTorrents th a { - display: inline; -} - -.snarkTorrents th img { - padding: 2px !important; - margin-bottom: 2px !important; -} - -.snarkTorrents thead th:last-child img { - padding: 2px !important; -} - -.snarkTorrents tfoot th { - padding: 6px 4px !important; - background: #000; -} - -.snarkTorrents tr:hover, .snarkDirInfo tr:hover { - background: #040033 !important; -} - -.snarkTorrents tr:hover td, .snarkDirInfo tr:hover td { - color: #c9ceff !important; -} - -.snarkTorrentETA { - font-style: italic; - color: #7b74e0 !important; - padding-left: 3px !important; - padding-right: 3px !important; - text-align: center !important; -} - -.snarkTorrentAction { - width: 1% !important; - padding: 1px 2px 1px 1px !important; - text-align: center !important; - white-space: nowrap; -} - -.snarkTorrentAction img { - margin: 0 2px !important; - opacity: 1; -} - -.snarkTorrentAction img:hover { - opacity: 1; - box-shadow: 0 0 1px 1px #652787; -} - -.snarkTorrentAction input[type="image"] { - background: linear-gradient(to bottom, #181d4f 0%, #181d4f 50%, #001 50%, #001 100%); - border: 1px solid #443da0 !important; - border: 1px solid #171c3f !important; - box-shadow: inset 0 0 0 1px #000; - padding: 4px !important; - border-radius: 2px; - text-align: center; - mix-blend-mode: normal; - margin: 0 2px; -} - -th.snarkTorrentAction input[type="image"] { - width: 20px; - padding: 4px !important; - margin-bottom: 1px; -} - -td.snarkTorrentAction input[type="image"] { - width: 10px; -} - -.snarkTorrentAction input[type="image"]:hover, .snarkTorrentAction input[type="image"]:focus { - border: 1px solid #652787 !important; -} - -.snarkTorrentAction input[type="image"]:active { - box-shadow: inset 3px 3px 2px #000; -} - -.peerinfo td:nth-child(4) { - font-weight: bold; -} - -.peerinfo .snarkTorrentDownloaded { - text-align: center !important; -} - -/* end main torrent listing */ - -.snarkTorrentInfo img { - max-height: 16px !important; - margin: 1px 0 1px 2px !important; - mix-blend-mode: luminosity; -} - -.snarkTorrentInfo a img { - mix-blend-mode: normal; -} - -.snarkTorrentInfo b { - margin-right: 3px !important; -} - -.snarkTorrentInfo th { - padding: 8px 4px !important; - text-align: left; - border-top: none; -} - -.snarkTorrentInfo th:first-child { - background: url(images/file.png) no-repeat 6px center, linear-gradient(to bottom, #010011, #000); - background-size: 14px; - background-blend-mode: luminosity; -} - -.snarkTorrentInfo th:nth-child(2), .snarkTorrentInfo td:nth-child(2) { - padding-left: 0 !important; -} - -.snarkTorrentInfo td { - text-align: left !important; - vertical-align: middle !important; - padding: 6px 4px; -} - -.snarkTorrentInfo td:first-child { - width: 20px !important; -} - -.snarkTorrentInfo input[type="submit"] { - min-width: 60px; - text-align: center; -} - -.snarkTorrentInfo tr:nth-last-child(2) td { - padding: 6px 2px; -} - -.snarkTorrentInfo tr:last-child { - border-top: 1px solid #443da0 !important; - background: none; -} - -.snarkTorrentInfo tr:last-child td { - padding: 10px 5px !important; - text-align: right !important; -} - -.SnarkTorrentInfo { - margin-bottom: 1px !important; - border-bottom: 1px solid #443da0; -} - -.snarkTorrentInfo tr:nth-child(even) { - color: #7670c2; - background: #010010; -} - -.snarkTorrentInfo tr:nth-child(odd) { - color: #7670c2; - background: #02001a; -} - -#infohash { - color: #cc0; - -moz-user-select: all; - -webkit-user-select: all; - user-select: all; -} - -.SnarkDirInfo { - margin-top: 10px !important; - margin-bottom: -13px; - border-bottom: 1px solid #443da0; -} - -.snarkDirInfo th { - padding: 4px 6px; -} - -.snarkDirInfo th img { - margin: 0 !important; -} - -.snarkDirInfo th:nth-child(2) { - padding-right: 10px; -} - -.snarkDirInfo td { - padding: 5px; -} - -.snarkDirInfo th:first-child { - padding-left: 6px; -} - -.snarkDirInfo td:first-child { - padding-left: 4px; - text-align: left; -} - -.snarkDirInfo tr:last-child td { - border-bottom: 1px solid #443da0 !important; -} - -.snarkDirInfo .headerpriority { - text-align: center !important; - vertical-align: middle; -} - -.snarkDirInfo tr:last-child { - border-bottom: 1px solid #443da0 !important; -} - -.SnarkDirInfo img { - max-width: 16px; - max-height: 16px; -} - -.snarkDirInfo thead img { - max-width: none; - max-height: none; - margin: 0 !important; -} - -.ParentDir { - padding: 6px !important; - text-align: left !important; - border: 1px solid #1d1b3f !important; - border-right: 0 !important; - border-left: 0 !important; - background: #001; -} - -.ParentDir a { - font-weight: bold !important; - margin-left: -4px; - display: inline-block; - width: 100%; -} - -.parentDir img { - margin-right: 5px; - padding-left: 3px; -} - -.parentDir img { - mix-blend-mode: luminosity; -} - -.headerstatus { - text-align: center; -} - -.headerpriority { - padding-left: 10px; - text-align: left; -} - -.headerpriority input[type=submit] { - margin: 5px; -} - -.subHeaderPriority, .priority { - width: 0; - min-width: 160px !important; - padding: 0 5px 0 0 !important; - text-align: center !important; -} - -.subHeaderPriority { - font-weight: bold; - padding: 0 1px !important; - text-align: center !important; - background: #020022; - background: url(images/snarktopnav.png) repeat-x scroll center center #010011; -} - -.headerpriority br { - display: none; -} - -.headerpriority img { - padding: 4px !important; -} - -.priority { - white-space: nowrap; -} - -tr.priority:last-child { - border-bottom: none !important; -} - -th.headerdownloaded { - padding-left: 25px !important; -} - -#setPriority th { - text-align: right !important; - padding-top: 10px; - padding-bottom: 10px; -} - -#setPriority input:disabled[type="submit"] { - display: none; -} - -.snarkFileStatus { - font-size: 8pt; - text-align: left; - width: 140px; - overflow: hidden; - text-overflow: ellipsis; -} - -.snarkFileIcon { - width: 16px; - padding: 0; -} - -.snarkFileStatusIcon { - width: 24px; - padding: 0 4px 0 0; - text-align: center; -} - -td { - font-size: 9pt; - padding: 1px; - color: #c9ceff !important; -} - -.mainsection td { - color: #c9ceff; -} - -#configs td:first-child, .snarkCommentInfo td:first-child, .snarkComments td:first-child { - text-align: right; -} - -.snarkDirInfo tr:hover .snarkFileStatus img { - mix-blend-mode: normal; -} - -tr:hover .percentBarText { - opacity: 0.9; -} - -.snarkTorrentEven { - background: #010010; -} - -.snarkTorrentEven:nth-child(even) { - background: #010010; -} - -.snarkTorrentEven:nth-child(odd) { - background: #010008; -} - -.snarkTorrentOdd, .snarkTorrentOdd td, .SnarkTorrentEven, .SnarkTorrentEven td { - border-top: 1px inset #113 !important; -} - -_:-ms-lang(x), .snarkTorrentOdd, .snarkTorrentOdd td, .SnarkTorrentEven, .SnarkTorrentEven td { - border-top: 1px solid #113 !important; -} - -.snarkTorrentOdd { - background: #010008 !important; -} - -.snarkTorrentOdd:nth-child(even) { - background: #010010 !important; -} - -.snarkTorrentOdd:nth-child(odd) { - background: #010008 !important; -} - -.snarkTorrentOdd td, .snarkTorrentEven td { - color: #c9ceff !important; - border-top: none !important; -} - -.SnarkTorrentOdd tr:nth-child(odd) { - background: #010010; -} - -.snarkFileName { - font-size: 9pt !important; - padding: 4px 0 !important; - text-align: left !important; -} - -.snarkFileSize { - font-weight: normal; - padding: 4px 2px; - color: #7670c2 !important; - width: 1%; - white-space: nowrap; -} - -.snarkFileStatus { - font-style: italic; - text-align: left; - white-space: nowrap; -} - -/* download bars */ - -.snarkTorrentDownloaded { - width: 110px !important; - text-align: center !important; -} - -.snarkDirInfo .snarkFileStatus img { - float: left; - margin: 0 10px 0 5px; -} - -.snarkFileStatus img[src*="clock"] { - margin-top: 4px; -} - -.percentBarOuter { - background: #000; - background: repeating-linear-gradient(135deg, #001 1px, #001 5px, #003 6px, #003 11px); - border: 1px solid #171c3f; - border-radius: 2px; - box-shadow: none; - box-shadow: 0 0 1px 1px rgba(0,0,0,0.8); - margin: 3px auto; -} - -.peerinfo .percentBarOuter { - opacity: 0.8; -} - -.percentBarInner { - border: none; - height: 100%; - background: #33a; - background: linear-gradient(to bottom, #33a 0%, #226 50%, #003 50%, #000 100%); - border-radius: 2px; - box-shadow: inset 0 0 0 1px #000; - opacity: 0.8; -} - -.snarkTorrentDownloaded .percentBarInner { - background: linear-gradient(to bottom, rgba(51, 51, 170, 0.6) 0%, rgba(34, 34, 102, 0.7) 50%, rgba(0, 0, 51, 0.8) 50%, rgba(0, 0, 0, 0.9) 100%), linear-gradient(to right, rgba(255, 255, 0, 0.5) 55px, rgba(0, 255, 0, 0.5)); -} - -.snarkDirInfo .percentBarInner { - background: linear-gradient(to bottom, rgba(51, 51, 170, 0.6) 0%, rgba(34, 34, 102, 0.7) 50%, rgba(0, 0, 51, 0.8) 50%, rgba(0, 0, 0, 0.9) 100%), linear-gradient(to right, rgba(255, 255, 0, 0.5) 40px, rgba(0, 255, 0, 0.5)); -} - -.peerinfo .percentBarInner { - background: linear-gradient(to bottom, rgba(51, 51, 170, 0.6) 0%, rgba(34, 34, 102, 0.7) 50%, rgba(0, 0, 51, 0.8) 50%, rgba(0, 0, 0, 0.9) 100%); -} - -.snarkDirInfo .percentBarInner[style="width: 0%;"] .percentBarText { - opacity: 0.9; -} - -.percentBarText, .percentBarOuter { - text-align: center; - height: 16px; - vertical-align: middle; - width: 110px; -} - -.snarkDirInfo .percentBarText, .snarkDirInfo .percentBarOuter, .peerinfo .percentBarText, .peerinfo .percentBarOuter { - width: 80px; -} - -.percentBarText { - text-align: center; - font-weight: bold !important; - line-height: 17px; - white-space: nowrap; - display: block; - color: #00ecff; - text-shadow: 0 0 1px rgba(0,0,0,0.8); - opacity: 0; - transition: ease opacity 0.2s; -} - -.peerinfo .percentbartext { - color: #dff1ff; -} - -.percentBarText:hover, .percentBarText:focus { - opacity: 0.9; - transition: ease opacity 0.2s; -} - -.percentBarComplete { - max-width: 77px; - text-align: right; -} - -/* end download bars */ - -.choked { - color: #900 !important; -} - -.unchoked { - color: #090 !important; -} - -.thumb { - max-width: 16px; - transition: ease all 0.3s; -} - -.thumb:hover { - margin-left: -4px; - max-width: 96px; - max-height: 64px; - background: #ddf !important; - transition: ease-in-out all 0.3s 0.1s - box-shadow: none !important; -} - -.thumb:active { - transition: none !important; - box-shadow: none !important; - filter: none !important; -} - -.snarkNewTorrent { - font-size: 9pt; -} - -.snarkAddInfo { - font-size: 9pt; - line-height: 130% !important; - background: url(images/infocircle.png) left center no-repeat; - background-size: 14px auto; - padding-left: 20px; - margin-top: 5px; - display: inline-block; -} - -/* section headings */ - -.snarkConfigTitle, .toggleview { - font-size: 10pt; - font-weight: bold; - font-variant: small-caps !important; - display: inline-block; - min-width: 300px; - margin: -1px 0 -5px 0; - padding: 4px 1px 4px 1px; - text-align: center !important; - letter-spacing: .15em; - border: 1px solid #443da0; - border-radius: 0 0 2px 2px; - background: #003; - background: linear-gradient(to bottom, #191729, #1f1e32 50%, #000 50%); - box-shadow: inset 0 0 0 1px #000; - text-shadow: 0 0 1px #000; - transition: ease all 0.1s; -} - -.toggleview { - padding: 3px 1px 5px 1px; -} - -.snarkConfigTitle a { - display: inline-block; - margin-top: -1px; - transition: ease all 0.1s; -} - -.snarkConfigTitle:hover a { - transition: ease all 0.1s; -} - -.snarkConfigTitle:hover, .toggleview:hover, input.toggle_input:focus + .toggleview { - background: #002 !important; - background: linear-gradient(to bottom, #004 50%, #002 50%) !important; - transition: ease all 0.1s; -} - -.snarkConfigTitle:active, .toggleview:active { - background: #003 !important; - background: linear-gradient(to bottom, #004 50%, #002 50%) !important; - box-shadow: inset 3px 3px 3px 3px #002; - transition: ease all 0.1s; -} - -.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active { - background: linear-gradient(to bottom, #05050e 50%, #000 50%) !important; - box-shadow: inset 0 0 0 1px #000 !important; -} - -.snarkConfigTitle { - margin-bottom: -7px; -} - -.configsectionpanel .snarkConfigTitle { - padding-bottom: 4px; -} - -.configsectionpanel .snarkConfigTitle { - margin: -1px -1px -17px; - padding: 8px !important; - text-align: left !important; - display: block; - font-variant: normal !important; - text-transform: uppercase; - font-size: 11pt !important; - vertical-align: middle !important; -} - -.iframed .configsectionpanel .snarkConfigTitle { - margin: -1px 0 -17px !important; - border-left: none !important; - border-right: none !important; -} - -.snarkConfigTitle a, .snarkConfigTitle a:visited { - color: #89f !important; - display: inline-block; - width: 100%; -} - -.snarkConfigTitle:hover a, .snarkConfigTitle a:hover, .snarkConfigTitle a:visited:hover, .toggleview:hover { - color: #652787 !important; -} - -.snarkConfigTitle a:active, .toggleview:active { - color: #4f0519 !important; -} - -#lowersection:hover .snarkConfigTitle img, #lowersection:hover .toggleview img { - will-change: transform; -} - -.snarkConfigTitle a:hover img, .snarkConfigTitle a:focus img, .toggleview:hover img, .toggleview:focus img { - filter: drop-shadow(0 0 1px #652787); -} - -.snarkConfigTitle a:active img, .toggleview:active img { - transform: rotate(90deg); - transition: ease transform 0.1s; -} - -.snarkConfigTitle img, .toggleview img { - margin-right: -2px; - margin-top: -1px; - filter: drop-shadow(0 0 1px #000); -} - -/* end section headings */ - -.snarkConfig { - font-size: 10pt; - width: 100%; -} - -form { - margin-bottom: 0; -} - -p { - line-height: 150%; -} - -hr { - width: 0; - height: 1px; - margin: 5px 0 7px 0; - text-align: center; - color: #3e3d4b; - border: 0 solid #3e3d4b; - background: #3e3d4b; -} - -.configsectionpanel hr { - margin-bottom: 10px; -} - -a:link { - font-weight: bold; - text-decoration: none; - word-wrap: break-word; - color: #7972d1; - border-radius: 0; -} - -a:visited { - color: #4e47bf; -} - -a:hover, a:focus { - color: #652787; -} - -a:active { - color: #cf0039; -} - -input { - font: bold 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif; - margin: 2px 4px 2px 0; - padding: 3px 4px !important; - cursor: pointer; - text-align: left; - color: #4e47bf; - border: 1px solid #443da0; - border-radius: 2px; - background: #001; -} - -input:disabled { - cursor: auto; - opacity: .5 !important; -} - -.addtorrentsection input, -.newtorrentsection input { - margin-top: 0 !important; - margin-bottom: 5px; -} - -input.r { - text-align: right; - border: 1px solid #443da0; - background: #001; -} - - -input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner { - border: none; - outline: none; -} - -input[type="submit"], input[type="reset"], a.control, a.controld, a.controld:hover, a.controld:focus, a.controld:active, -input:disabled[type="submit"], input:disabled:hover[type="submit"], input:disabled:active[type="submit"] { - font: bold 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif; - min-width: 95px !important; - padding: 6px 8px !important; - text-align: center; - color: #4e47bf !important; - border: 1px solid #3e3f8f !important; - border-bottom-color: #14144f !important; - border-right-color: #14144f !important; - background: #000; - background: linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - box-shadow: inset 0 0 0 1px #000; - filter: drop-shadow(0 0 1px #000); -} - -a.control, a.controld, a.control:hover, a.controld:hover, a.control:focus, a.controld:focus { - display: inline-block; - padding: 2px 8px 1px 5px !important; - min-width: 0 !important; - margin: 0 5px 0 1px !important; -} - -a.control img, a.controld img { - margin: 0; - padding: 0; -} - -#configs input[type="submit"], .trackerconfig input[type="submit"], input[name="savepri"] { - text-transform: capitalize; -} - -input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, a.control:hover, a.control:focus { - color: #652787 !important; - border: 1px solid #652787 !important; - background: #000 !important; - box-shadow: 0 1px 1px 0 #c9ceff inset; -} - -input[type="submit"]:active, input[type="reset"]:active, a.control:active { - color: #c9ceff !important; - border: 1px inset #652787; - background: #652787 !important; - box-shadow: inset 3px 3px 3px #000; -} - -input:disabled { - cursor: not-allowed; -} - -a.controld { - display: none; -} - -input[type=image], thead img { - margin: 0 1px; - padding: 0 !important; - opacity: 1; - mix-blend-mode: luminosity; -} - -input[type="image"], a img { - filter: drop-shadow(0 0 1px #000); -} - -input[type="image"]:hover, a img:hover, input[type="image"]:focus, a img:focus { - filter: saturate(200%) drop-shadow(0 0 2px #652787) !important; -} - -thead a img:hover, thead a img:focus, thead a:hover img, thead a:focus img, -thead a::after:hover img, thead a::after:focus img { - filter: saturate(200%) hue-rotate(80deg) drop-shadow(0 0 2px #652787) !important; -} - -thead a:active img, .snarkTorrentAction input[type="image"]:active { - transform: scale(0.9); -} - -input[type="checkbox"], .optbox, input[type="radio"] { - background: none; - min-width: 16px !important; - min-height: 16px !important; - filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%); /* colorize radios and checkboxes */ -} - -input[type="checkbox"]:hover, .optbox:hover, input[type="radio"]:hover, -input[type="checkbox"]:focus, .optbox:focus, input[type="radio"]:focus { - outline: none; - filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%) drop-shadow(0 0 5px #652787); -} - -label { - cursor: pointer; -} - -thead a img:hover { - mix-blend-mode: normal !important; - filter: drop-shadow(0 0 1px #f60) !important; -} - -input[type=text]:hover, input.r:hover { - cursor: text; -} - -input[type=text]:focus, textarea:focus, input.r:focus, textarea[name="i2cpOpts"]:focus, input[name="nofilter_dataDir"]:focus { - color: #7166ff; - background: #000; - box-shadow: 0 0 0 1px rgba(101, 39, 135, 0.5); - filter: drop-shadow(0px 0 1px #99f); - transition: ease all 0.3s; -} - -textarea[name="i2cpOpts"], input[name="nofilter_dataDir"] { - min-width: 500px; - width: 70%; - margin: 3px 0; - padding: 6px !important; - cursor: text; - resize: none; - overflow: hidden; - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif; -} - -thead img, thead img:hover { - opacity: 0.8; - max-height: 20px !important; -} - -input[type=image], th a:link img, th a:visited img { - opacity: 1; -} - -input[type=text], input.r { - min-width: 100px; - padding: 6px !important; -} - -input[type=radio] { - margin: 0 3px 0 8px; - padding: 2px; - vertical-align: bottom; -} - -input.default { - visibility: hidden; - width: 1px; - height: 1px; -} - -input[size="85"] { - width: 550px; - width: calc(100% - 150px); -} - -.addtorrentsection input, -.newtorrentsection input { - margin-left: 5px !important; -} - -select { - font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif; - font-weight: bold; - min-width: 100px; - margin: 2px 4px 2px 0; - padding: 5px 20px 5px 4px; - cursor: pointer; - text-overflow: ellipsis; - color: #4e47bf; - border: 1px solid #3e3f8f; - border-bottom-color: #14144f; - border-right-color: #14144f; - border-radius: 2px; - background: #000 url(images/dropdown.png) right 3px center no-repeat !important; - -moz-appearance: none; - -webkit-appearance: none; -} - -select:hover, select:focus { - color: #652787 !important; - border: 1px solid #652787; - background: #000 !important; -} - -select:hover { - box-shadow: inset 0 1px 1px 0 #c9ceff; -} - -select[disabled], select[disabled]:hover { - color: #4e47bf !important; - background: #000 url(images/dropdown.png) right 3px center no-repeat !important; - border: 1px solid #3e3f8f; - border-bottom-color: #14144f; - border-right-color: #14144f; - box-shadow: none !important; - opacity: 0.7; - cursor: not-allowed; -} - -select option { - font-size: 9.5pt; - font-weight: normal; -} - -select option:hover, select option:checked { - box-shadow: inset 20px 20px #652787; -} - -select:hover, select:focus, select:active { - background: #000 url(images/dropdown_hover.png) right 3px center no-repeat !important; -} - -select::-ms-expand { - display: none; -} - -textarea { - font: 8pt "Droid Sans Mono", "Noto Mono", "DejaVu Sans Mono", "Lucida Console", monospace; - font-weight: bold; - padding: 1px 4px 0; - color: #4e47bf; - border: 1px solid #443da0; - border-radius: 2px; - background: #001; -} - -textarea:focus { - color: #7166ff !important; -} - -img { - line-height: 100%; - margin: 0 3px 1px 3px; - vertical-align: middle; - opacity: 1.0; - border: none; -} - -img:hover { - line-height: 100%; - opacity: 1; - border: none; -} - -a:hover img, a:focus img { - filter: drop-shadow(0 0 1px #652787); - mix-blend-mode: normal; -} - -img[src$="magnet.png"] { - transform: rotate(-90deg); -} - -img[src$="details.png"] { - mix-blend-mode: luminosity; -} - -img.thumb { - max-width: 16px; -} - -.snarkFileStatus img { - mix-blend-mode: luminosity; -} - -.snarkFileStatus img[src*="clock"] { - mix-blend-mode: normal !important; -} - -/* pagenav */ - -#pagenav img.disable, -#pagenav img.disable:hover { - opacity: .3; - border: 1px solid #171c3f !important; - margin-left: 3px !important; - mix-blend-mode: luminosity; - margin-left: 2px !important; -} - -#pagenav { - font-weight: bold !important; -} - -#pagenav img { - height: 12px; - margin: 0 0 0 2px !important; - padding: 3px 4px 2px !important; - background: #001; - background: linear-gradient(to bottom, #181d4f 0%, #181d4f 50%, #001 50%, #001 100%); - border: 1px solid #171c3f !important; - border-radius: 2px; - box-shadow: inset 0 0 0 1px #000; - mix-blend-mode: luminosity; -} - -#pagenav img:hover, #pagenav a:focus img { - mix-blend-mode: normal; -} - - #pagenav a:focus img { - border: 1px solid #652787 !important; -} - -#pagenav a img:active { - box-shadow: inset 2px 2px 3px 3px #000; - border: 1px solid #000 !important; -} - -/* end pagenav */ - -.newtorrentsection td:first-child, .addtorrentsection td:first-child { - font-weight: bold; - padding-right: 5px; - padding-left: 5px; - white-space: nowrap; - width: 120px; - text-align: right; -} - -#trackerselect { - width: 100% !important; - width: calc(100% - 150px) !important; - margin: 8px 5px 4px 5px; - border: 1px solid #120f35; -} - -#trackerselect tr:nth-child(even) { - background: #010008 !important; -} - -#trackerselect tr:nth-child(odd) { - border-bottom: 1px inset #000; - background: #010010; -} - -_:-ms-lang(x), #trackerselect tr:nth-child(odd) { - border-bottom: 1px solid #000; -} - -_:-ms-lang(x), #trackerselect tr:last-child { - border-bottom: 1px solid #120f35; -} - -#trackerselect tr:first-child td { - font-weight: bold; - border-bottom: 1px solid #120f35; - background: linear-gradient(to bottom, #010011, #000); -} - -#trackerselect tr:first-child td { - padding: 7px 5px 7px 20px; -} - -#trackerselect td { - padding: 5px 5px 5px 20px; - font-size: 9pt; -} - -#trackerselect td:first-child, #trackerselect td:last-child { - width: 40%; - font-weight: normal; -} - -#trackerselect input { - margin: 3px !important; -} - -.configsectionpanel td:first-child { - font-weight: bold; -} - -.trackerconfig th { - min-width: 50px; - padding: 7px 5px; -} - -.trackerconfig th:first-child { - background: url(/themes/snark/ubergine/images/nuke.png) center center no-repeat; -} - -.trackerconfig td:first-child { - text-align: right !important; -} - -.knownTracker td:first-child { - text-align: center !important; -} - -.trackerconfig th:first-child, .trackerconfig td:first-child { - padding: 5px 10px !important; - width: 5%; - min-width: 30px !important; -} - -.trackerconfig td { - padding: 8px !important; -} - -.trackerconfig th:last-child, .trackerconfig td:last-child { - padding-left: 10px !important; -} - -.trackerconfig tr:nth-child(odd), .snarkConfig tr:nth-child(odd) { - background: #010009; -} - -.trackerconfig tr:last-child { - border: 1px solid #443da0; - background: #001; - background: linear-gradient(to bottom, #010011, #000) repeat scroll 0 0 #000; -} - -.trackerconfig tr:nth-child(even), .snarkConfig tr:nth-child(even) { - background: #010011; -} - -.trackerconfig input { - margin: 3px 0 !important; - cursor: default; -} - -.snarkNewTorrent td { - padding: 2px 3px; -} - -.snarkNewTorrent td:nth-child(2), .snarkNewTorrent td:nth-child(3) { - font-weight: bold; - padding-right: 5px; -} - -.snarkNewTorrent td[rowspan="0"] { - width: 50%; -} - -.snarkConfig tr:last-child { - border: 1px solid #443da0; -} - -.optbox[name="add_tracker_type"] { - cursor: pointer; /* active cursor only for clickable radio icons */ -} - -.snarkConfig input[type=submit] { - min-width: 100px; - margin: 3px 2px 3px 5px !important; - text-align: center; -} - -#configs textarea, #configs input[type="text"], .trackerconfig textarea, .trackerconfig input[type="text"], select, input.r, input[type="checkbox"] { - margin-top: 3px !important; - margin-bottom: 3px !important; - display: inline-block; -} - -#configs input.r, #configs input[type="text"], select { - min-width: 120px; -} - -input[name="nofilter_commentsName"] { - width: 250px; -} - -#configs td, .trackerconfig td { - padding: 6px 5px !important; -} - -#configs tr:nth-last-child(2) td { - padding: 10px 15px 0 !important; -} - -.trackerconfig { - text-align: left !important; -} - -.snarkConfig table tr:first-child { - border-top: 1px solid #443da0 !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) { - text-align: center !important; -} - -.trackerconfig th, .trackerconfig td, .trackerconfig th:last-child, .trackerconfig td:last-child { - text-align: left !important; -} - -.configsectionpanel th, .configsectionpanel td { - font-size: 9pt; -} - -.spacer { - display: none; -} - -.configsectionpanel td[colspan="5"] { - border-top: 1px solid #443da0; -} - -#configs td:first-child { - min-width: 200px; - width: 25%; - padding-left: 10px !important; -} - -#configs td:nth-child(2) { - white-space: nowrap; -} - -#configs tr:last-child { - display: none; -} - -#bwHelp { - width: 100%; - padding-left: 5px !important; -} - -#configs a { - display: inline-block; - white-space: nowrap; - margin-left: 4px; - font-weight: bold; -} - -.snarkConfig tr:nth-last-child(2) { - background: none; -} - -.snarkConfig tr:nth-last-child(2) td, .configsectionpanel td[colspan="5"] { - padding: 11px 15px 0 !important; - text-align: right !important; - border-top: 1px solid #443da0; -} - -.snarkConfig tr { - border: none !important; -} - -.trackerconfig table { - border: none !important; -} - -@keyframes slide-in { -0% { - transform: translateY(-50px); -} - -100% { - transform: translateY(0); -} -} - -@keyframes fade-in { -0% { - filter: opacity(0); -} - -20% { - filter: opacity(0); -} - -100% { - filter: opacity(1); -} -} - -.addtorrentsection table, .newtorrentsection table:not(#trackerselect) { - animation: fade-in 0.3s linear, slide-in 0.15s ease-out; -} - -#lowersection:hover .addtorrentsection table, #lowersection:hover .newtorrentsection table:not(#trackerselect) { - will-change: filter, transform; -} - -.iframed .addtorrentsection table, .iframed .newtorrentsection table:not(#trackerselect) { - animation: fade-in 0.1s linear; -} - -#lowersection:hover .iframed .addtorrentsection table, #lowersection:hover .iframed .newtorrentsection table:not(#trackerselect) { - will-change: filter; -} - -.mainsection { - margin: 0; - padding: 0; - text-align: center; - word-wrap: break-word; - color: #c9ceff; - border-bottom: none; - background: #001; - background: linear-gradient(to bottom, #000, #003); - background-size: 100% 2px; - box-shadow: inset 0 0 1px 0 #110f24; -} - -.newtorrentsection, .addtorrentsection, .configsection { - padding: 0 10px; - text-align: center; - word-wrap: break-word; - color: #c9ceff; - border: 1px solid #443da0; - box-shadow: inset 0 0 0 2px #000, inset 0 0 5px 2px #002; - background-blend-mode: luminosity; -} - -.newtorrentsection { - margin: 0 -11px -1px; - background: #001 url(images/snark_create.png) no-repeat scroll right center; - background: url(images/snark_create.png) no-repeat scroll right center, linear-gradient(to bottom, #001, #000009); - background-size: 70px, 100% 100%; -} - -.addtorrentsection { - margin: 10px -11px -1px; - background: #001 url(images/snark_add.png) no-repeat scroll right center; - background: url(images/snark_add.png) no-repeat scroll right center, linear-gradient(to bottom, #001, #000009); - background-size: 64px, 100% 100%; -} - -.iframed .addtorrentsection { - margin-top: -1px; -} - -.iframed .newtorrentsection, .iframed .addtorrentsection, .iframed .configsection { - margin-left: 0; - margin-right: 0; - border-radius: 0; - border-left: none; - border-right: none; -} - -.iframed .snarkTorrents, .iframed .snarkMessages, .iframed .configsectionpanel, .iframed .snarkDirInfo, .iframed .snarkTorrentInfo { - border-radius: 0; - border-left: none; - border-right: none; -} - -.iframed .snarkTorrentInfo { - margin-top: -5px; -} - -.configsection { - margin: 0 -11px -11px; - padding: 0 10px 15px 10px; - border-radius: 0 0 2px 2px; - background: #001 url(images/configuration.png) no-repeat scroll 101% center; - background: url(images/configuration.png) no-repeat scroll 101% center, linear-gradient(to bottom, #001, #000009); - background-size: 64px, 100% 100%; -} - -.configsectionpanel { - font-weight: bold; - margin: 9px 0 0 0; - padding: 0; - text-align: center; - word-wrap: break-word; - color: #c9ceff; - border: 1px solid #443da0; - background: #001; - background: linear-gradient(to bottom, #001, #000009); - box-shadow: inset 0 0 1px 0 #010011; -} - -form:last-child > .configsectionpanel { - margin-top: -1px; - margin-bottom: -1px; -} - -.newtorrentsection, .addtorrentsection, .configsection, .configsectionpanel { - border-right: none; - border-left: none; -} - -.newtorrentsection form, .configsection form, .addtorrentsection form { - color: #c9ceff !important; -} - -.configsection table { - opacity: 1; - color: #c0bbff; -} - -code { - font-family: "Droid Sans Mono", "Noto Mono", "DejaVu Sans Mono", "Lucida Console", monospace; - font-size: 8.5pt; - font-weight: bold; - padding: 0 2px; - color: #7166ff; -} - -.routerdown { - padding: 10px; - color: #c9ceff; - border-bottom: 1px solid #443da0; -} - -input.trackername { - width: 100px; -} - -input.trackerhome { - width: 210px; -} - -input.trackerannounce { - width: 210px; -} - -/* toggle create/add panel view */ - -input.toggle_input { - position: absolute; - opacity: 0; - z-index: -1; - height: 0 !important; - width: 0 !important; -} - -.toggleview:hover, .toggleview:hover, input.toggle_input:focus + .toggleview, .snarkConfigTitle a:focus, .snarkConfigTitle a:visited:focus { - cursor: pointer; - color: #652787 !important; -} - -input#toggle_addtorrent:not(checked) + label + hr + table, -input#toggle_createtorrent:not(checked) + label + hr + table { - display: none; -} - -input#toggle_addtorrent:checked + label + hr + table, -input#toggle_createtorrent:checked + label + hr + table { - display: table; -} - -/* display panels by default on webkit based browsers (midori fix) */ -/* -@media screen and (-webkit-min-device-pixel-ratio:0) { - -input#toggle_addtorrent:not(checked) + label + hr + table, -input#toggle_createtorrent:not(checked) + label + hr + table { - display: table; -} - -input#toggle_addtorrent:checked + label + hr + table, -input#toggle_createtorrent:checked + label + hr + table { - display: none; -} -} -*/ - -/* display by default in iframe to avoid overflow issue */ -.iframed input#toggle_addtorrent:not(checked) + label + hr + table, -.iframed input#toggle_createtorrent:not(checked) + label + hr + table { - display: table; -} - -.iframed input#toggle_addtorrent:checked + label + hr + table, -.iframed input#toggle_createtorrent:checked + label + hr + table { - display: none; -} - -.toggleview, .snarkConfigTitle a, .snarkConfigTitle a:visited { - color: #7972d1 !important; -} - -.peerinfo td:first-child { - background: url(images/peer.png) center center no-repeat; - background-size: 14px 14px; -} - -.peerinfo td, .debuginfo td { - padding-top: 5px; - padding-bottom: 5px; -} - -/* debug */ - -.debuginfo td:first-child { - background: url(images/debuginfo.png) center center no-repeat; - background-size: 14px 14px; - background-blend-mode: luminosity; -} - -#resourceNotFound th, #resourceNotFound td { - padding: 10px 5px; -} - -.debuginfo b { - text-transform: capitalize; -} - -.debugConnection { - line-height: 130%; - font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace; - color: #090 !important; - padding: 0 5px; -} - -.from, .to { - font-family: sans-serif; - font-size: 12pt; - font-weight: bold; - vertical-align: middle; - line-height: 50%; - text-shadow: 0 0 1px #000; -} - -.debugConnStat { - margin-right: 3px; - white-space: nowrap; -} - -.debugConnStat, .debugRequests { - font-family: "Droid Sans Mono", "Noto Mono", "Noto Mono", "DejaVu Sans Mono", "Lucida Console", monospace; - color: #ee0; - color: #995FBF; -} - -.debugConnStat b { - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif; - color: #c9ceff; -} - -tfoot .dhtDebug th { - word-break: break-all; - padding: 0 10px 10px !important; -} - -/* debug panel */ - -#dhtDebugPanel { - background: linear-gradient(to bottom, #001, #000009); - border: 1px solid #443da0; - border-top: none; - box-shadow: inset 0 0 0 1px #000; - text-align: center; - padding-bottom: 13px; -} - -#dhtDebugPanel .toggleview { - padding-bottom: 2px !important; -} - -#dhtDebugInner { - text-align: left; - padding: 5px; - background: #000; - margin: -23px 0 -12px; -} - -.dhtDebug th b:first-of-type, .dhtDebug th b:first-of-type + br + hr.debug { - display: none; -} - -input#toggle_debug:not(checked) + label { - padding-bottom: 2px; -} - -input#toggle_debug:not(checked) + label > img { - margin-right: -2px !important; -} - -input#toggle_debug:not(checked) + label + #dhtDebugInner { - display: block; -} - -input#toggle_debug:checked + label + #dhtDebugInner { - display: none; -} - -.iframed input#toggle_debug:not(checked) + label + #dhtDebugInner { - display: block; -} - -.iframed input#toggle_debug:checked + label + #dhtDebugInner { - display: none; -} - -/* end debug panel */ - -hr.debug { - width: 100%; - background: #120f35; - margin: 3px 0; -} - -hr.debug:first-of-type { - background: transparent; - margin-bottom: -5px; - margin-top: -2px; -} - -hr.debug + hr { - display: block; - background: transparent; - margin-bottom: -3px; -} - -hr.debug:nth-child(n+7) { - margin: -10px 0 3px; -} - -hr.debug:last-child { - background: #000; - margin-bottom: -5px; -} - -/* end debug */ - -/* Resource Errors */ - -.resourceError { - margin-bottom: 0; - border: none; -} - -.resourceError th { - background: url(/themes/console/images/info/errortriangle.png) left 10px center no-repeat, linear-gradient(to bottom, #003, #010011); - background-size: 24px auto, 100% 100%; - padding: 10px 10px 10px 40px; - font-size: 10pt !important; - border: none; - border-bottom: 1px solid #443da0; -} - -.resourceError td { - padding: 10px; - border: none; - font-size: 10pt; -} - -.resourceError tr:nth-child(odd) { - background: #010011; -} - -.resourceError tr:nth-child(even) { - background: #000; -} - -#DoesNotExist { - margin-top: 10px; - border: none; -} - -#DoesNotExist th { - border-top: 1px solid #443da0; -} - -#NotFound { - border: 1px solid #443da0; -} - -/* end Resource Errors */ - -#totals { - display: inline-block; - margin: 2px 0 2px 5px; - font-weight: bold; -} - -/* configs */ - -#configs td:nth-child(2) { - white-space: nowrap; -} - -#configs td:first-child { - min-width: 220px !important; -} - -td#bwHelp { - background: url(images/infocircle.png) left 12px center no-repeat; - background-size: 14px auto; - padding-left: 30px !important; - width: 90%; - line-height: 100%; -} - -td#bwHelp a { - display: inline-block; - white-space: nowrap; - margin-left: 4px; -} - -/* end configs */ - -/* torrent priorities */ - -.priority { - font-size: 8pt; - width: 1%; - min-width: 160px; - white-space: nowrap; - vertical-align: middle; -} - -.priority::after { - content: ""; - display: inline-block; - min-height: 30px; - vertical-align: middle; -} - -.priority input[type="radio"] { - text-align: left; - margin: 3px; -} - -.priorityHigh, .priorityNormal, .prioritySkip { - padding: 0; - display: inline-block; - width: 50px; - font-size: 0; - text-align: left; - vertical-align: middle; - color: transparent; - overflow: hidden; -} - -.priorityHigh { - background: url(/i2psnark/.resources/icons/clock_red.png) left 24px center no-repeat; -} - -.priorityNormal { - background: url(/i2psnark/.resources/icons/clock.png) left 24px center no-repeat; -} - -.prioritySkip { - background: url(/i2psnark/.resources/icons/cancel.png) left 22px center no-repeat; -} - -#setPriority a.control img { - mix-blend-mode: normal; -} - -/* end priorities */ - -#torrentInfoStats td { - text-align: left !important; - padding-left: 2px !important; -} - -#torrentInfoStats img { - margin: 1px 3px 2px 5px !important; -} - -#torrentInfoStats span { - white-space: nowrap; - display: inline-block; -} - -.knownTracker input[type="radio"], .knownTracker input[type="radio"]:hover { - opacity: 0.3; - cursor: default; - filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%) !important; -} - -.knownTracker input[type="radio"]:checked, .knownTracker input[type="radio"]:checked:hover { - opacity: 0.5; -} - -#filecheck { - display: inline-block; - margin: 5px 0; - background: url(images/progressbar.gif) left center no-repeat; - padding-left: 22px; -} - -#filecheck a { - margin: 8px; -} - -/* Comments Section */ - -.snarkCommentInfo, .snarkComments { - margin: 10px 0 0 !important; - background: #000; - border: 1px solid #443da0; - filter: drop-shadow(0px 0 1px rgba(16, 8, 16, 0.7)); -} - -.iframed .snarkCommentInfo, .iframed .snarkComments { - border-left: none; - border-right: none; -} - -.snarkComments { - margin-top: -1px !important; - border-top: 1px inset #12111f; -} - -.snarkCommentInfo th { - background: url(images/comment.png) 8px center no-repeat, linear-gradient(to bottom, #121225, #00000d); - padding: 8px 5px 8px 30px !important; -} - -.snarkCommentInfo tr:nth-child(even), .snarkComments tr:nth-child(odd) { - background: #010010; - border-bottom: 1px inset #12111f; -} - -.snarkCommentInfo tr:nth-child(odd), .snarkComments tr:nth-child(even) { - background: #010008; - border-bottom: 1px inset #12111f; -} - -.snarkCommentInfo th { - padding: 8px 5px; -} - -.snarkCommentInfo td, .snarkComments td { - padding: 8px 5px; -} - -.snarkCommentInfo td:first-child { - white-space: nowrap; -} - -.snarkCommentInfo td:first-child { - font-weight: bold; -} - -.snarkCommentInfo td:first-child::after, .snarkComments td:first-child::after { - content: ""; - display: inline-block; - min-height: 32px; - vertical-align: middle; -} - -.snarkCommentInfo input.accept { - float: right; - margin-right: 5px !important; -} - -.snarkCommentInfo textarea { - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif; - font-weight: normal; - width: 100%; - min-height: 64px; - height: 64px; - resize: vertical; -} - -.snarkComments th { - text-align: left; -} - -.commentRating, .commentAuthor { - width: 1%; -} - -#nameRequired { - float: right; - margin-right: 5px; -} - -.commentRating { - padding-right: 10px !important; -} - -.commentRating img { - margin: 0; - padding: 0; -} - -.commentDate { - width: 100px; - background: url(images/clock.png) left center no-repeat; - padding-left: 20px !important; -} - -.snarkCommentInfo td:first-child, .snarkComments td:first-child { - width: 160px !important; - min-width: 160px !important; - padding-right: 2px; -} - -.snarkComments td { - white-space: nowrap; -} - -.commentAuthorName { - background: url(images/author.png) left center no-repeat; - padding-left: 20px; -} - -.commentText { - white-space: normal !important; - text-align: justify; - width: 90%; -} - -.commentText:empty + .commentDelete { - background: none; -} - -.commentWrapper { - border: 1px solid #003; - margin: 2px 0; - padding: 8px 10px 8px 26px; - border-radius: 3px; - box-shadow: inset 0 0 0 1px #339, 0 0 1px 0 rgba(0,0,0,0.3); - background: url(images/comment.png) 6px center no-repeat #002; - background-blend-mode: luminosity; -} - -#commentsConfig .optbox { - vertical-align: middle !important; -} - -.snarkComments select { - margin-right: 0 !important; -} - -#commentDeleteAction { - border-top: 1px solid #443da0; - background: linear-gradient(to bottom, #000018, #00000d); -} - -#commentDeleteAction td { - padding-right: 6px; -} - -.commentAction, .commentDelete { - width: 1%; - white-space: nowrap; - padding-left: 0; -} - -.addCommentText, .commentText { - padding-right: 0; -} - -.commentAction input[type="submit"] { - margin-top: 10px; - margin-bottom: 10px; -} - -.commentDelete { - background: url(../ubergine/images/nuke.png) 2px center no-repeat; - text-align: center; - padding-left: 22px !important; -} - -#newRating td { - padding-top: 10px !important; - padding-bottom: 10px !important; -} - -#newRating select { - width: 90%; -} - -#myRating td:empty { - padding: 0 !important; - border-top: none !important; - border-bottom: none !important; -} - -#myRating td:empty::after { /* hides My Ratings row when Ratings disabled */ - min-height: 1px !important; -} - -.commentRating img { - margin: 0 0 4px; - padding: 0; - width: 16px; - height: 16px; - font-size: 14pt; - color: #FF7200; - text-shadow: 0 0 1px #900; - filter: none; -} - -/* end Comments section */ - -/* MS Edge fix */ -_:-ms-lang(x), * { - filter: none !important; -} - -/* responsive layout */ - -/* mini-mode - hides upload columns + text torrent status in main torrent listing and shrinks other ui elements */ - -@media screen and (max-width: 950px) { -td, th, td a, input { - font-size: 8pt !important; -} - -.snarkTorrents td:nth-child(2) { - white-space: nowrap; -} -.snarkTorrents td[colspan="10"] { - white-space: normal; -} - -.snarkTorrentStatus b { - display: none; -} - -b.alwaysShow { - display: inline; -} - -.snarkTorrents td:first-child img { - max-height: 16px; -} - -.snarkTorrentStatus { - font-weight: bold; -} - -.snarknavbar, .page { - min-width: 600px !important; -} - -.snarkNav:link:first-child { - padding-left: 26px !important; -} - -.snarkTorrentName { - max-width: 260px; -} - -.snarkTorrentStatus, .snarkTorrentUploaded, .snarkTorrentRateUp, tfoot .snarkTorrentAction, .peerinfo, .debuginfo { - display: none; -} - -tfoot .snarkTorrentDownloaded, tfoot .snarkTorrentRateDown { - font-size: 0 !important; -} - -.snarkMessages li:first-child::after { - content: "minimode"; - display: inline-block; - font-size: 8pt !important; - float: right; - vertical-align: middle; - position: relative; - bottom: -42px; - right: -20px; - background: rgba(0,0,48,0.4); - padding: 1px 4px 2px; - border-radius: 4px 0 0 4px; - z-index: 0; -} - -td.snarkTorrentAction input[type="image"] { - width: 9px; -} - -textarea[name="i2cpOpts"], input[name="nofilter_dataDir"] { - width: 350px !important; - min-width: 350px !important; -} - -input.trackerhome, input.trackerannounce, .knownTracker a, #trackerselect a { - max-width: 130px !important; -} - -#configs td:first-child { - min-width: 150px !important; -} - -.trackerconfig th { - min-width: 32px; -} - -.trackerconfig td { - padding 5px 2px !important; -} - -.snarkCommentInfo td:first-child, .snarkComments td:first-child { - min-width: 0 !important; - width: 140px !important; -} - -.snarkTorrentInfo a { - display: inline-block; - vertical-align: text-top; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 400px; -} -} - -/* end mini-mode */ - -@media screen and (max-width: 1200px) { -.dirInfoComplete { - display: none; -} - -.snarkNav:link { - padding-left: 24px !important; -} - -.snarkNav:link, .snarkNav:hover, .snarkNav:focus { - background-size: 14px 14px, 100% 100% !important; -} - -.snarkNav:active, .snarkNav:link:active { - background-size: 14px 14px !important; -} - -.peerinfo .percentBarText, .snarkDirInfo .percentBarText { - line-height: 18px; -} - -.percentBarText, .percentBarOuter { - width: 100px; - height: 14px; -} - -.snarkDirInfo .percentBarText, .snarkDirInfo .percentBarOuter, .peerinfo .percentBarText, .peerinfo .percentBarOuter { - width: 60px; -} - -.snarkTorrentDownloaded .percentBarInner { - background: linear-gradient(to bottom, rgba(51, 51, 170, 0.6) 0%, rgba(34, 34, 102, 0.7) 50%, rgba(0, 0, 51, 0.8) 50%, rgba(0, 0, 0, 0.9) 100%), linear-gradient(to right, rgba(255, 255, 0, 0.5) 50px, rgba(0, 255, 0, 0.5)); -} - -.snarkDirInfo .percentBarInner { - background: linear-gradient(to bottom, rgba(51, 51, 170, 0.6) 0%, rgba(34, 34, 102, 0.7) 50%, rgba(0, 0, 51, 0.8) 50%, rgba(0, 0, 0, 0.9) 100%), linear-gradient(to right, rgba(255, 255, 0, 0.5) 30px, rgba(0, 255, 0, 0.5)); -} - -.peerinfo .percentBarInner { - background: linear-gradient(to bottom, rgba(51, 51, 170, 0.6) 0%, rgba(34, 34, 102, 0.7) 50%, rgba(0, 0, 51, 0.8) 50%, rgba(0, 0, 0, 0.9) 100%); -} - -.configsectionpanel .snarkConfigTitle { - font-size: 10.5pt !important; -} - -.knownTracker a, #trackerselect a { - display: inline-block; - overflow: hidden; - text-overflow: ellipsis; - max-width: 210px; - white-space: nowrap; -} - -#trackerselect a { - max-width: 280px; -} -} - -@media screen and (max-width: 1500px) { -.iframed .snarkMessages { - margin-top: -4px; -} - -.addtorrentsection, .newtorrentsection, .configsection { - margin-left: 0; - margin-right: 0; -} - -.configsection { - margin-bottom: 0; -} - -.configsectionpanel .snarkConfigTitle { - margin-top: -1px; -} - -#snarkCommentSection { - margin: 23px -1px 0 !important; -} -} - -@media screen and (min-width: 1200px) { -a, th, thead th, tfoot th, td, select, select option, .snarkAddInfo, .snarkFileName, code, textarea, input[name="nofilter_dataDir"] { - font-size: 9pt !important; -} - -.snarkNav { - font-size: 10.5pt !important; -} - -.snarkConfigTitle, .snarkConfigTitle a, .toggleview, .snarkNav:link { - font-size: 11pt !important; -} - -.percentDownloaded { - pointer-events: none; /* hide tooltip */ -} - -.snarkTorrentStatus { - padding-right: 10px !important; -} -} - -@media screen and (min-width: 1500px) { -a, th, thead th, tfoot th, td, select, select option, .snarkAddInfo, .snarkFileName, textarea, input[name="nofilter_dataDir"], input { - font-size: 10pt !important; -} - -code, tt, .snarkMessages li { - font-size: 9pt !important; -} - -.snarkMessages { - height: 58px !important; -} - -.snarkNav:link { - padding-top: 4px !important; - padding-bottom: 4px !important; -} - -.snarkNav:link:first-child { - padding-left: 28px !important; -} - -.snarkConfigTitle, .snarkConfigTitle a, .toggleview { - font-size: 12.5pt !important; -} - -.snarkConfigTitle a { - margin-top: -1px !important; - margin-bottom: 1px !important; -} - -.toggleview { - padding-bottom: 5px !important; -} - -.snarkConfigTitle, .toggleview { - min-width: 340px !important; -} - -.snarkConfigTitle a { - margin-bottom: 0 !important; -} - -.snarkMessages { - height: 54px; -} - -.snarkTorrents td:nth-child(3), .SnarkTorrents td:nth-child(4) { - text-align: center !important; - width: 24px !important; -} - -.snarkTorrentDownloaded { - white-space: nowrap; - padding: 0 10px !important; -} - -.snarkFileStatus { - white-space: nowrap; -} - -.snarkTorrents td { - padding-top: 4px; - padding-bottom: 4px; -} - -.page { - padding: 10px; - background: #003; - background: linear-gradient(to right, #004, #002, #004); - background: linear-gradient(to right, #002, #004, #002); - box-shadow: inset 0 0 0 1px #000; -} - -.newtorrentsection, .addtorrentsection, .configsection, .configsectionpanel, .snarkMessages, .snarkTorrents, .snarkDirInfo, .snarkTorrentInfo { - border: 1px solid #443da0; -} - -.snarkDirInfo { - margin-bottom: 0; -} - -.snarkMessages { - margin-bottom: -10px; -} - -.snarkMessages + form { - margin-top: 9px; -} - -.logshim { - margin-top: -9px !important; -} - -.snarkTorrents { - margin-top: 0 !important; -} - -.mainsection { - background: none; -} - -#pagenav img { - height: 16px; -} -} - -@media screen and (min-width: 1600px) { -.snarkMessages li, .snarkMessages a { - font-size: 9pt !important; -} -} - -/* end responsive layout */ - -/* torrent sort indicator */ - -.snarkTorrents th a[href*="sort="]:hover::after { - content: "\23F6"; - display: inline-block; - margin-left: 2px; - font-size: 10pt; - color: #b3b; -} - -.snarkTorrents th a[href*="sort=-"]:hover::after { - content: "\23F7"; - display: inline-block; - margin-left: 2px; - font-size: 10pt; - color: #b3b; -} - -.snarkTorrents th a[href*="sort=-12"]:hover::after { - content: none !important; -} - -/* end torrent sort indicator */ - -.info_tracker { - margin: 0 4px 0 2px; - padding: 1px 6px 1px 18px; - display: inline-block; - white-space: nowrap; - max-width: 155px; - vertical-align: middle; - overflow: hidden; - text-overflow: ellipsis; - color: #bbf; - box-shadow: 0 0 0 1px #114; - background: #001 url(images/button_tracker.png) left 3px center no-repeat; - background-size: 14px auto; -} - -.info_tracker:hover, .info_tracker:hover a { - color: #652787; -} - -.info_tracker:hover { - box-shadow: 0 0 0 1px #652787; - background: url(images/button_tracker_hover.png) left 3px center no-repeat, linear-gradient(to bottom, #000 50%, #002 50%) !important; - background-size: 14px auto, 100% 100% !important; -} - -.info_tracker:active, .info_tracker:active a { - color: #fff !important; -} - -.info_tracker:active { - color: #fff !important; - box-shadow: 0 0 0 1px #652787, inset 3px 3px 3px #1f002f; - background: #652787 url(images/button_tracker_active.png) left 3px center no-repeat !important; - background-size: 14px auto !important; -} - -/* miminal tabs */ - -.toggleview, .configsection .snarkConfigTitle { - padding: 5px 0 3px !important; - min-width: 200px; - height: 24px !important; - text-align: center !important; -} - -.configsection .snarkConfigTitle { - padding-bottom: 2px !important; -} - -.toggleview, .configsection .snarkConfigTitle a { - font-size: 0 !important; -} - -.configsection .snarkConfigTitle a img { - width: 16px !important; - height: 16px !important; - visibility: visible !important; -} - -.toggleview img, .configsection .snarkConfigTitle a img { - margin: -2px auto -21px !important; - padding: 3px !important; - display: block; - overflow: hidden; - text-align: center !important; - border: 2px solid #000; - border-radius: 50%; - background: #000; - background: linear-gradient(to bottom, #002, #000 50%, #1f1e32 50%, #191729); -} - -.configsection .snarkConfigTitle a img { - margin-bottom: -23px !important; - margin: -1px auto -23px !important; -} - -.toggleview:hover img, .configsection .snarkConfigTitle:hover img { - background-blend-mode: normal; - filter: drop-shadow(0 0 2px #652787); - background: linear-gradient(to bottom, #008, #006 50%, #00f 50%, #009); -} - -.toggleview:active img, .configsection .snarkConfigTitle:active img { - box-shadow: 0 0 0 2px #652787; - filter: 1px solid #652787; -} - -.snarkConfig .snarkConfigTitle a { - display: inline-block; - width: 100%; -} - -/* end miminal tabs */ diff --git a/installer/resources/themes/susidns/classic/susidns.css b/installer/resources/themes/susidns/classic/susidns.css deleted file mode 100644 index 3c7a8f751..000000000 --- a/installer/resources/themes/susidns/classic/susidns.css +++ /dev/null @@ -1,1118 +0,0 @@ -/* SusiDNS theme "Classic" */ -/* Author: dr|z3d */ - -body { - font: 9pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Helvetica, sans-serif; - background: #eef; - background: #eef url(/themes/console/classic/images/bg0.png); - background-size: 120px 120px; - color: #2c354f; - min-width: 700px; -} - -body.iframed { - background: transparent !important; - margin: 0; -} - -#logo { - text-align: center; - background: #eef url(/themes/susidns/images/logo.png) center center no-repeat; - background: url(/themes/susidns/images/logo.png) center center no-repeat; - height: 55px; - background-size: auto 50px; -} - -#logo img { - display: none; -} - -.iframed #logo { - display: none; -} - -*, *:active { - outline: none; -} - -#navi, .buttons, #buttons, #host_list tr:first-child, #host_list img, #host_list td:nth-child(n+2) a { - -moz-user-select: none; - -webkit-user-select: none; - user-select: none; -} - -hr { - display: none; -} - -table { - width: 100%; -} - -table.book { - border: 1px solid #89f; - margin: -2px 0 10px !important; - border-collapse: collapse; -} - -.book tr { - border-top: 1px inset #ccf; - border-bottom: 1px inset #ccf; -} - -table.book td { - padding: 2px 5px; -} - -table.book th { - text-align: left; - padding-left: 5px; -} - -.book th:last-child { - background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%); -} - -table.book tr:hover textarea { - background: #fff; - border: none; - box-shadow: none; -} - -table.book tr:hover { - border-top: 1px solid #89f; - border-bottom: 1px solid #89f; -} - -table.book td:last-child { - width: 36px; - white-space: no-wrap; - text-align: center; - padding: 0 5px; -} - -table.book td:first-child { - width: 200px; - white-space: nowrap; -} - -table.book td:nth-child(2) { - width: 30px; - white-space: nowrap; - padding-left: 10px; -} - -.book td:nth-child(3) { - text-align: center; - width: 20px; - padding: 2px 20px 2px 0 !important; -} - -.book td:nth-child(3) a:not(old) { - font-size: 0 !important; -} - -.book td:nth-child(3) .addrhlpr a::after { - content: url(/themes/console/images/buttons/fullview.png); - text-align: center; - padding: 0 10px !important; - filter: drop-shadow(0 0 1px #555); -} - -.book td:nth-child(4) .addrhlpr:hover { - filter: drop-shadow(0 0 1px #f60); -} - -td.destinations { - padding: 0 !important; -} - -#add { - background: #fff; -} - -.iframed #add { - background: transparent; -} - -#add td:first-child { - width: 100px; - white-space: nowrap; - text-align: right; -} - -#navi { - border: 1px solid #89f; - background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%); - margin: -1px -11px 0; - padding: 0; - position: sticky; - top: -1px; - z-index: 999; -} - -.iframed #navi { - position: static; -} - -.iframed #navi, .iframed h3, .iframed h4, .iframed #help, .iframed p.buttons, .iframed #filter { - border-left: none !important; - border-right: none !important; -} - -#content h3 { - padding: 3px 10px 4px 30px !important; - background: #fafafa url(/themes/console/images/info/question.png) 4px center no-repeat; - background: url(/themes/console/images/info/question.png) 4px center no-repeat, linear-gradient(to right, #fafafa 28px, rgba(0,0,0,0) 28px); - background-size: 20px 20px, 100% 100%; - background-blend-mode: luminosity; -} - -.iframed #content h3 { - border: none; - margin: 0; - border-bottom: 1px dotted #89f; -} - -.iframed #content h3:first-child { - margin-top: 10px; -} - -#content { - padding-bottom: 10px; -} - -div.page { - border: 1px solid #89f; - background: #fff !important; - margin: 0; - padding: 0 10px; - color: #0c153d; - font-size: 9pt !important; - line-height: 160% !important; -} - -.iframed .page { - background: transparent !important; - margin: 0 1px !important; - border: none; -} - -div.help { - border: 1px solid #89f; - margin: 0 0 10px; - background: #eef; -} - -.iframed #helpsubs { - margin: 0 -11px -1px; - border-left: none; - border-right: none; -} - -.iframed #helpconfig { - margin: 0 0 -1px; -} - -#helpconfig h3 { - margin: -1px; -} - -.iframed #helpconfig h3 { - margin: -1px 0; -} - -.help ul, .help ol { - margin-left: -25px; - list-style-type: square; -} - -p { - line-height: 140%; - margin-left: 10px; - margin-right: 10px; - font-size: 9pt; - text-align: justify; -} - -h3 { - color: #2c354f; - font-size: 11pt; - font-weight: bold; - border: 1px solid #89f; - margin: -1px -11px 10px; - padding: 5px 10px; - background: #fff; - background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%); - text-transform: capitalize; -} - -#help h3 { - margin: -1px -1px 10px; -} - -h4 { - border: 1px solid #89f; - padding: 3px 10px; - margin: -11px -11px 5px; - background: linear-gradient(to right, #fff, #eef); -} - -a { - color: #33a; - text-decoration: none; - font-weight: bold; -} - -a:visited { - color: #448; -} - -a:hover, a:focus { - text-decoration: none; - color: #f60; -} - -a:active { - color: #f90; -} - -th { - line-height:12pt; - padding:5px 10px; - font-size:10pt; - background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%); - border-bottom: 1px solid #89f; -} - -td { - padding:5px 10px; - font-size:9pt; - vertical-align:center; -} - -li { - margin-left:15px; - margin-right:15px; - font-size:9pt; -} - -tr.list1 { - background-color:#dde1ff; - background: rgba(220,220,255,0.5); -} - -tr.list0 { - background-color:#eff1ff; - background: rgba(240,240,255,0.5); -} - -tr.list0:hover, tr.list1:hover { - background: #fff; - background: linear-gradient(to bottom, #fff 0%, #ffe 100%) !important; -} - -p.messages { - background: #ffe; - border: 1px solid #89f; - border: 1px solid #89f; - padding: 15px 15px 15px 45px; - margin: -6px -11px 5px; - background: #ffe url(/themes/console/images/info/infohelp.png) 8px center no-repeat; - line-height: 125%; - box-shadow: inset 0 0 0 1px #ff9; -} - -.iframed p.messages { - border-left: none; - border-right: none; -} - -p.help { - padding: 15px 15px 15px 45px; - margin: 0; - background: #ffe url(/themes/console/images/info/infohelp.png) 8px center no-repeat; - line-height: 120%; - background-size: 28px 28px; -} - -p.book, #messages + p { - background: url(/themes/susidns/images/addressbook.png) center left no-repeat; - padding: 10px 10px 10px 38px; -} - -p.footer { - position: absolute; - top: 0; - left: -24px; - border: none; - background: none; - opacity: 0.3; - font-size: 8pt !important; - display: none; -} - -.iframed #footer { - display: none; -} - -div#filter { - border: 1px solid #89f; - padding: 0 10px; - margin: 0 -11px; - word-spacing: 0.2em; - background: #fff; - text-align: center; - position: relative; - z-index: 10; -} - -.iframed div#filter { - background: url(/themes/console/classic/images/bg0.png); - background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(/themes/console/classic/images/bg0.png); - background-size: 120px 120px; -} - -#filter p { - margin: 6px 0 5px; - line-height: 220%; - text-transform: capitalize; - text-align: center; -} - -#filter a, #filter a:visited { - display: inline-block; - margin: 2px 0; - padding: 0 6px; - font-size: 10pt; - color: #555; - border-radius: 2px; - text-transform: capitalize; - box-shadow: inset 0 0 0 1px #fff; - border: 1px solid #ccc; - min-width: 16px; - background: #fff; - background: linear-gradient(to bottom, #fff 0%, #ddd 100%); - line-height: 180%; -} - -#filter span a { - font-weight: normal; - color: #333 !important; - line-height: 140%; -} - -#filter a:hover, #filter a:focus { - text-decoration: none; - color: #f60 !important; - border: 1px solid #f60 !important; - background: #fff; -} - -#filter a:active { - box-shadow: inset 3px 3px 3px #999; -} - -#filter p b { - font-size: 12pt; - vertical-align: bottom; -/* border-bottom: 2px solid #0c153d;*/ - margin-right: 5px; -} - -#filter span { - min-width: 300px !important; - display: inline-block; - margin-top: -1px; - padding: 5px; - border: 1px solid #89f; - border-radius: 0 0 2px 2px; - box-shadow: inset 0 0 0 1px #fff; - font-size: 11pt; - font-weight: bold; - background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%); -} - -#filter span > * { - vertical-align: middle; -} - -#filter span b { - font-size: 11pt; - text-transform: uppercase; - color: #115; - line-height: 80%; - display: inline-block; - margin-top: -2px; -} - -#filter span a { - margin: 0 5px !important; - display:inline-block; - padding: 1px 5px; -} - -#search { - text-align: center !important; -} - -#search form { - text-align: center !important; -} - -#booksearch { - min-width: 300px; - margin: -1px 0 -13px; - white-space: nowrap; - padding: 5px 5px 4px ; - border: 1px solid #89f; - background: #fff; -} - -#booksearch > * { - vertical-align: middle; -} - -.iframed #booksearch { - background: #eff2ff; - background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%); -} - -#search input[type="text"] { - width: 200px; - background: #fff url(/themes/console/images/buttons/search.png) 5px center no-repeat; - padding: 5px 5px 5px 25px; -} - -#messages:empty { - display: none; -} - -#visualid { - padding: 0; -} - -#visualid h3 { - text-transform: none; -} - -#idAddress { - text-transform: none; -} - -#visualid table { - width: 100%; - border-collapse: collapse; - margin: 0; -} - -#visualid tr:first-child td { - padding: 10px 10px 20px; -} - -#visualid td:first-child { - text-align: right; -} - -#visualid td[colspan="2"] { - border-top: 1px solid #89f; - padding: 15px 0; -} - -.iframed #visualid td[colspan="2"] { - padding-bottom: 0; -} - -img[src*="imagegen"] { - width: 256px; - height: 256px; - border: 1px solid #ddd; - border-radius: 4px; - filter: drop-shadow(0 0 3px #ccc); -} - -img[src="/imagegen/id?s=256&c="], img[src="/imagegen/id?s=20&c="] { - opacity: 0; /* hide broken identicons but ensure hostlist remains intact */ -} - -.illustrate { - margin: 10px auto 20px; - padding: 10px; - max-width: 700px; - height: auto; - border: 1px solid #56b; - border-radius: 4px; - font-size: 10pt; - text-align: center; - opacity: 0.9; - box-shadow: inset 0 0 1px #ccf, 0 0 1px #77a; - background: #f8f8ff; - background: linear-gradient(rgba(250,250,255,0.5), rgba(246,246,255,0.5)), url(/themes/console/classic/images/bg2.png); - background-size: 100% 100%, 120px 120px; - transition: ease all 0.2s; -} - -.illustrate:hover { - opacity: 1; - border: 1px solid #337; - background: #fff; - transition: ease all 0.2s; -} - -_:-ms-lang(x), img.illustrate { - width: auto; - max-width: 600px; -} - -#buttons, .buttons { - text-align: right; -} - -#content + #buttons, #config + #buttons { - margin: -21px -11px 0; - padding: 10px; - border: 1px solid #89f; -} - -#config + #buttons { - padding-top: 21px; -} - -.iframed #content + #buttons, .iframed #config + #buttons { - border-left: none; - border-right: none; - background: #fff; -} - -p.buttons { - border: 1px solid #89f; - padding: 10px; - margin: 0 -11px -13px; - background: #fff; -} - -.fakebutton, input, select { - font: 9pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Helvetica, sans-serif; -} - -input[type="text"], input[type="password"], textarea { - margin: 3px 3px 3px 0; - vertical-align: middle; - min-width: 160px; - border: 1px solid #bbb; - box-shadow: inset 1px 1px 1px #ddd; - border-radius: 2px; - padding: 3px 2px; - color: #222; - font: 9pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Helvetica, sans-serif; -} - -input[type="text"]:focus, input[type="password"]:focus, textarea:focus { - box-shadow: inset 0 0 0 1px #89f; - box-shadow: inset 0 0 0 1px #89f, 0 0 1px rgba(136, 153, 255, 0.4); - color: #000; -} - -input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner { - border: none; - outline: none; -} - -input[type="submit"], input[type="reset"] { - min-width: 80px; -} - -textarea { - width: 100%; - resize: none; - margin: 0 auto 10px; - color: #444; -} - -td.destinations textarea, td.destinations textarea:focus { - font: normal 8.5pt "Noto Mono", "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace; - resize: none; - font-size: 8pt; - padding: 0 !important; - border: none; - border-left: 1px solid #888 !important; - border-right: 1px solid #888 !important; - border-radius: 0; - margin: 0 0 0 5px !important; - background: none; - box-shadow: 0 none !important; -} - -.fakebutton, input[type="submit"], input[type="reset"] { - padding: 5px 8px !important; - border-radius: 2px; - border: 1px solid #bbb; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px 0 #ddd; - background: #eee; - background: linear-gradient(to bottom, #fff 0%, #ddd 100%); - margin: 2px 0 2px 4px; - color: #333 !important; -} - -.fakebutton:hover, input[type="submit"]:hover, input[type="reset"]:hover, -.fakebutton:focus, input[type="submit"]:focus, input[type="reset"]:focus { - background: #fff; - background: linear-gradient(to bottom, #ddd 0%, #fff 100%); - border: 1px solid #89f; - filter: drop-shadow(0 0 1px #89f); - color: #222; -} - -.fakebutton:active, input[type="submit"]:active, input[type="reset"]:active { - box-shadow: inset 3px 3px 3px #999; - box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #999; - border: 1px solid #bbb; - color: #333; -} - -.fakebutton { - margin: -4px 0 -4px 4px !important; - display: inline-block; -} - -.iframed .fakebutton { - margin-bottom: -2px !important; -} - -input[type="radio"], input[type="checkbox"] { - min-width: 16px; - min-height: 16px; - background: none; -} - -input[type="radio"]:hover, input[type="radio"]:focus, input[type="checkbox"]:hover, input[type="checkbox"]:focus { - box-shadow: inset 0 0 1px 2px #89f; - filter: drop-shadow(0 0 3px #89f); - outline: none; -} - -form[action="subscriptions"], form[action="config"] { - margin: 10px 0; -} - -form[action="subscriptions"] textarea { - height: 120px !important; -} - -div#config, form[action="subscriptions"] div#content { - margin: -11px -11px 0; -} - -textarea[name="config"], form[action="subscriptions"] textarea { - box-shadow: none; - border: 1px solid #89f; - padding: 2px 5px; -} - -.iframed textarea[name="config"], .iframed form[action="subscriptions"] textarea { - border-left: none; - border-right: none; -} - -/* topnav */ - -#navi { - padding: 3px !important; - text-align: center !important; -} - -#navi a, #navi a:visited { - border: 1px solid #6b78bf; - border: 1px solid #89f; - border-radius: 2px; - margin: 3px 0 !important; - box-shadow: 0 0 1px 0 #ddd, inset 0 0 0 1px #fff; - display: inline-block; - outline: none; - color: #448 !important; -} - -#navi a:hover, #navi a:focus { - border: 1px solid #f60; - color: #f60 !important; -} - -#navi a:active { - border: 1px solid #f90; - box-shadow: inset 2px 2px 2px #555; - background-blend-mode: luminosity; - color: #777 !important; -} - -#navi a.abook { - background: #fff 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, #fff 0%, #fff 50%, #eef 50%, #ddf 100%); - padding: 3px 5px 3px 24px; -} - -#navi a.abook:hover { - background: url(/themes/susidns/images/abook.png) 5px center no-repeat, linear-gradient(to bottom, #fff 50%, #ffd 50%); -} - -#navi a#subs { - background: #fff 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, #fff 0%, #fff 50%, #eef 50%, #ddf 100%); - padding: 3px 5px 3px 24px; -} - -#navi a#subs:hover { - background: url(/themes/susidns/images/subs.png) 5px center no-repeat, linear-gradient(to bottom, #fff 50%, #ffd 50%); -} - -#navi a#config { - background: #fff 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, #fff 0%, #fff 50%, #eef 50%, #ddf 100%); - padding: 3px 5px 3px 24px; -} - -#navi a#config:hover { - background: url(/themes/console/images/buttons/configure_hover.png) 5px center no-repeat, linear-gradient(to bottom, #fff 50%, #ffd 50%); -} - -#navi a#overview { - background: #fff 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, #fff 0%, #fff 50%, #eef 50%, #ddf 100%); - padding: 3px 5px 3px 24px; -} - -#navi a#overview:hover { - background: url(/themes/susidns/images/overview.png) 5px center no-repeat, linear-gradient(to bottom, #fff 50%, #ffd 50%); -} - -.headline + #book > table { - margin-top: 10px !important; -} - -#book + #buttons { - margin: -12px 10px 23px; - border: 1px solid #89f; - border-top: none; - border-bottom: none; -} - -.iframed #book + #buttons { - margin: -11px 0 0; -} - -.iframed #book + #buttons p { - margin: 0; -} - -/* page titles */ - -.headline h3 { - padding: 10px 5px 10px 40px; - background: url(/themes/susidns/images/addressbook.png) 10px center no-repeat; - background: url(/themes/susidns/images/addressbook.png) 10px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%); - font-size: 12pt; - text-transform: uppercase; - letter-spacing: 0.08em; - word-spacing: 0.1em; -} - -.headline#subscriptions h3 { - background: url(/themes/susidns/images/subs_24.png) 10px center no-repeat; - background: url(/themes/susidns/images/subs_24.png) 10px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%); -} - -.headline#configure h3 { - background: url(/themes/susidns/images/configure_24.png) 10px center no-repeat; - background: url(/themes/susidns/images/configure_24.png) 10px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%); -} - -.headline h4 { - padding: 5px 10px 5px 40px; - background: #eff2ff url(/themes/susidns/images/drive.png) 13px center no-repeat; -} - -p#filtered { - background: #fff url(/themes/console/images/buttons/filter.png) 18px center no-repeat; - padding: 0 10px 0 38px !important; -} - -p.book { - background: #fff url(/themes/susidns/images/abook.png) 18px center no-repeat; - padding: 0 10px 0 38px !important; -} - -.iframed p#filtered, .iframed p.book { - background: url(/themes/susidns/images/abook.png) 18px center no-repeat; -} - -/* export hosts */ - -#export { - text-align: right; - margin-top: -36px; - margin-bottom: -4px; -} - -/* hide export button on published page when empty */ -#messages + form[action="export"] { - display: none; -} - -#filter { - margin-top: -2px !important; -} - -p#filtered { - padding-right: 200px !important; - padding-top: 2px !important; - padding: 2px 200px 0 20px !important; - background-position: left center !important; -} - -#book p { - margin-left: 2px; -} - -p.book { - padding-left: 26px !important; - background-position: left center !important; -} - -/* host details page */ - -#host_details td { - padding: 5px 10px !important; -} - -#host_details td:first-child { - padding-right: 0 !important; - width: 10%; - white-space: nowrap; - font-weight: bold; - text-align: right; -} - -#host_details td:last-child { - width: 90%; - text-align: left; - border-left: none !important; - border-right: none !important; -} - -#host_details td.destinations { - background: none; -} - -#host_details tr:hover { - background: #ffd; -} - -#host_details .destaddress { - font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace !important; - word-break: break-all !important; - white-space: normal !important; -} - -/* end host details */ - -.names img { - width: 20px; - height: 20px; - vertical-align: middle; - margin: 3px 10px 3px 1px; - padding: 1px; - border: 1px solid #89f; - border-radius: 2px; - background: #fff; -} - -.names img:hover, .names a:focus img { - filter: drop-shadow(0 0 1px #f60) !important; - box-shadow: 0 0 0 1px #f60; -} - -.names a:active img, .names a:focus img { - transform: rotate(45deg) scale(0.8); - transition: ease all 0.1s 0s; -} - -/* hostname list */ - -#host_list th:first-child, -#host_list td:first-child { - width: 150px; - width: 30%; - white-space: nowrap; - padding-left: 5px; -} - -#host_list th:first-child { - padding-left: 39px; -} - -#host_list td:last-child { - width: 16px; - white-space: nowrap; - font-weight: bold; -} - -#host_list th:nth-child(2), #host_list td:nth-child(2), -#host_list th:nth-child(3), #host_list td:nth-child(3), -#host_list th:nth-child(4), #host_list td:nth-child(4) { - width: 35px; - width: 8%; - padding: 0 5px !important; - white-space: nowrap; - text-align: center; -} - -#host_list td:nth-child(2) a:not(old) { - font-size: 0 !important; -} - -#host_list td:nth-child(2) a::after { - content: url(/themes/console/images/buttons/link.png); - text-align: center; - filter: drop-shadow(0 0 1px #555); - cursor: pointer; -} - -#host_list td:nth-child(3) a:not(old) { - font-size: 0 !important; -} - -#host_list td:nth-child(3) a::after { - content: url(/themes/console/images/buttons/helper.png); - cursor: pointer; - filter: drop-shadow(0 0 1px #555); -} - -#host_list th:nth-child(4), #host_list td:nth-child(4) { - padding-right: 30px !important; -} - -#host_list td:nth-child(4) a:not(old) { - font-size: 0 !important; -} - -#host_list td:nth-child(4) .addrhlpr a::after { - content: url(/themes/console/images/buttons/fullview.png); - text-align: center; - padding: 0 10px !important; - filter: drop-shadow(0 0 1px #555); - cursor: pointer; -} - -#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); -} - -#host_list .destaddress { - overflow: auto !important; - white-space: nowrap; - font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace !important; - font-weight: normal; - color: #555; - padding: 3px !important; - -webkit-user-select: all; - -moz-user-select: all; - user-select: all; -} - -#host_list .destaddress:not(old) { - overflow: hidden !important; - text-overflow: ellipsis; -} - -#host_list .destaddress:not(old):focus { - padding-top: 0; - padding-bottom: 0; - overflow: auto !important; - text-overflow: clip; - margin: 1px 0 -1px; -} - -/* end hostname list */ - -.destaddress:focus { - background: #ffe; -} - -td.destinations { - max-width: 50px !important; - border-left: 1px inset #ccf; - border-right: 1px inset #ccf; -} - -/* responsive layout */ - -@media screen and (max-width: 1000px) { -.iframed .illustrate { - margin: 10px auto 10px; - min-width: 450px; - width: 90%; -} -} - -@media screen and (max-width: 1200px) { -#filter { - padding: 0 5px; -} - -#filter p { - margin-left: 0; - margin-right: 0; -} - -#filter a { - min-width: 6px; - padding: 0 6px !important; - line-height: 150%; -} -} - -@media screen and (min-width: 1400px) { -body, p, td, textarea, input, button, li, a { - font-size: 10pt !important; -} - -code, tt { - font-size: 9pt !important; -} - -h4, #navi a { - font-size: 11pt; -} - -h3 { - font-size: 12pt !important; -} - -#export { - margin-top: -40px !important; -} - -#filter span, #filter a { - font-size: 10pt !important; - min-width: 16px !important; -} - -#filter span { - font-size: 11pt !important; - min-width: 400px !important; -} - -.illustrate { - margin-top: 15px; -} -} - -/* end responsive layout */ - -/* Edge/IE tweaks */ - -_:-ms-lang(x), * { - filter: none !important; -} - -/* end Edge/IE tweaks */ diff --git a/installer/resources/themes/susidns/midnight/susidns.css b/installer/resources/themes/susidns/midnight/susidns.css deleted file mode 100644 index 57f8b28e9..000000000 --- a/installer/resources/themes/susidns/midnight/susidns.css +++ /dev/null @@ -1,1228 +0,0 @@ -/* SusiDNS "Midnight" theme */ -/* Author: dr|z3d */ - -body { - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; - background-color: #000; - color:#c9ceff; - margin: 0 10px; - font-size: 9pt; -} - -body.iframed { - background: transparent !important; - margin: 0; - padding: 0; - overflow: hidden; -} - -* { - outline: none; -} - -::selection { - background: #22296f !important; - background: rgba(34, 41, 111, 0.9) !important; - color: white; -} - -::-moz-selection { - background: #22296f !important; - color: white; -} - -#navi, .buttons, #buttons, #host_list tr:first-child, #host_list img, #host_list td:nth-child(n+2) a { - -moz-user-select: none; - -webkit-user-select: none; - user-select: none; -} - -#logo { - display: none; -} - -/* topnav */ - -div#navi { - border: 1px solid #2d295f; - padding: 3px 0 2px; - background: #002 url(/themes/console/midnight/images/titles.png) repeat-x scroll center center !important; - background: linear-gradient(to bottom, #191729 0%, #000 50%) !important; - margin: -11px 0 27px; - box-shadow: inset 0 0 0 1px #000; - position: sticky; - top: -1px; - z-index: 999; - text-align: center !important; - font-weight: bold; - font-size: 9pt; - padding: 6px 5px 5px !important; - min-width: 512px; -} - -.iframed #navi { - padding: 5px !important; - border: 1px solid #443da0 !important; - margin: 0 0 27px; - position: static; -} - -#navi a, #navi a:visited { - border: 1px solid #2d295f; - border-radius: 2px; - padding: 5px; - margin: 3px 0 !important; - filter: drop-shadow(0 0 1px #000); - display: inline-block; - outline: none; - text-transform: capitalize; - color: #928fbf !important; - box-shadow: inset 0 0 0 1px #000; -} - -#navi a:hover, #navi a:focus { - border: 1px solid #652787; - color: #652787 !important; -} - -#navi a:active { - border: 1px solid #652787; - background-blend-mode: luminosity; - box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px #000 !important; - color: #c9ceff !important; -} - -#navi a.abook { - background: #001 url(/themes/susidns/images/abook.png) 6px center no-repeat; - background: url(/themes/susidns/images/abook.png) 6px center no-repeat, linear-gradient(to bottom, #25233f 50%, #000 50%); - padding: 5px 8px 5px 25px; -} - -#navi a.abook:hover, #navi a.abook:focus { - background: #000 url(/themes/susidns/images/abook.png) 6px center no-repeat !important; - box-shadow: inset 0 1px 1px 0 #c9ceff; -} - -#navi a.abook:active { - background: #652787 url(/themes/susidns/images/abook.png) 6px center no-repeat !important; -} - -#navi a#subs { - background: #001 url(/themes/susidns/images/subs.png) 6px center no-repeat; - background: url(/themes/susidns/images/subs.png) 6px center no-repeat, linear-gradient(to bottom, #25233f 50%, #000 50%); - padding: 5px 8px 5px 25px; -} - -#navi a#subs:hover, #navi a#subs:focus { - background: #001 url(/themes/susidns/images/subs.png) 6px center no-repeat; - box-shadow: inset 0 1px 1px 0 #c9ceff; -} - -#navi a#subs:active { - background: #652787 url(/themes/susidns/images/subs.png) 6px center no-repeat; -} - -#navi a#config { - background: #001 url(/themes/console/images/buttons/configure.png) 6px center no-repeat; - background: url(/themes/console/images/buttons/configure.png) 6px center no-repeat, linear-gradient(to bottom, #25233f 50%, #000 50%); - padding: 5px 8px 5px 25px; -} - -#navi a#config:hover, #navi a#config:focus { - background: #000 url(/themes/console/images/buttons/configure.png) 6px center no-repeat; - box-shadow: inset 0 1px 1px 0 #c9ceff; -} - -#navi a#config:active { - background: #652787 url(/themes/console/images/buttons/configure.png) 6px center no-repeat; -} - -#navi a#overview { - background: #001 url(/themes/susidns/images/overview.png) 6px center no-repeat; - background: url(/themes/susidns/images/overview.png) 6px center no-repeat, linear-gradient(to bottom, #25233f 50%, #000 50%); - padding: 5px 8px 5px 25px; -} - -#navi a#overview:hover, #navi a#overview:focus { - background: #000 url(/themes/susidns/images/overview.png) 6px center no-repeat; - box-shadow: inset 0 1px 1px 0 #c9ceff; -} - -#navi a#overview:active { - background: #652787 url(/themes/susidns/images/overview.png) 6px center no-repeat; -} - -#navi > * { - vertical-align: middle; -} - -/* end topnav */ - -hr { - color: #2d295f; - background: #2d295f; - height: 1px; - border: 0px solid #2d295f; - width: 100%; - margin: 5px 0; - text-align: center; - display: none; -} - -div#filter { - border: 1px solid #2d295f; - padding: 0 0 15px; - text-align: center; -} - -div#filter + div#search { - border: 1px solid #2d295f; - margin-top: 13px; - margin-bottom: 14px; -} - -div#filter + div#search > form { - margin: 0; - padding: 0; -} - -#filter p, #search td { - font-size: 9pt !important; - font-weight: bold; -} - -td.search > * { - vertical-align: middle; -} - -#search input[type="text"] { - background: #000 url(/themes/console/images/buttons/search.png) 5px center no-repeat; - background: url(/themes/console/images/buttons/search.png) 5px center no-repeat, linear-gradient(to bottom, #000 0%, #000019 100%) !important; - padding: 5px 5px 5px 25px !important; - margin-left: 5px; -} - -#search input[type="text"]:focus { - background: #000 url(/themes/console/images/buttons/search.png) 5px center no-repeat !important; -} - -#filter p { - padding: 12px 10px 0; - margin: -3px 0 -3px; -} - -#filter p:first-child { - padding-bottom: 0; -} - -p#filtered { - margin: -15px 0 10px !important; -} - -#search { - padding: 0 10px; - margin-top: -1px !important; - padding-bottom: -20px; - margin-bottom: 20px; -} - -#filter a:link, #filter a:visited { - text-transform: capitalize; - background: #000; - border: 1px solid #443da0; - border-radius: 2px; - padding: 3px 8px; - text-align: center; - color: #443da0; - display: inline-block; - margin: 2px 0; -} - -#filter a:hover, #filter a:focus { - border: 1px solid #652787; - transform: scale(1.1); -} - -#filter a:active { - background: #652787; - color: #c9ceff !important; - box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px #000; -} - -#filter span { - display: inherit; - text-align: center; - text-transform: uppercase; - letter-spacing: 0.08em; - font-weight: bold; - word-spacing: 0.1em; - vertical-align: middle; - border: 1px solid #2d295f; - border-radius: 0 0 2px 2px; - padding: 5px 10px 8px !important; - min-width: 300px; - max-width: 500px; - width: 40%; - white-space: nowrap; - margin: -1px auto; - box-shadow: inset 0 0 0 1px #000; - background: url(/themes/console/midnight/images/titles.png) repeat-x scroll center center #000; - background-image: linear-gradient(to bottom, #010010 0%, #020019 50%, #060051%, #0100100%) !important; -} - -#filter span a, #filter span a:hover { - letter-spacing: normal; - word-spacing: normal; - display: inline-block; - border: none !important; - background: none !important; - transform: none; -} - -#filter span a:active { - background: none; - box-shadow: none; - color: #4f0519 !important; -} - -#filter span b { - font-size: 11pt; - margin: -3px 5px 0; - text-transform: uppercase; - color: #fff; - line-height: 80%; -} - -#filter p { - text-align: center; -} - -#booksearch { - padding: 7px 5px; - text-align: center; -} - -p { - color:#c9ceff; - margin: 0 0 4px; - font-size: 9pt; - text-align: justify; -} - -#messages + p, p.book { - border: 1px solid #2d295f; - background: #001 url(/themes/susidns/images/addressbook.png) 10px center no-repeat; - background-size: 24px 24px; - padding: 20px 20px 20px 42px !important; -} - -#messages { - margin-bottom: 24px; -} - -#messages:empty { - margin-top: -10px; - display: none; -} - -span.addrhlpr { - font-size: 8pt; -} - -h3 { - color: #c9ceff; - font-size: 10pt; - font-weight: bold; - border: 1px solid #2d295f; - padding: 7px 10px; - border-radius: 2px; - background: #000 url(/themes/console/midnight/images/titles.png) repeat-x scroll center center; - background: linear-gradient(to bottom, #191729 0%, #000 50%); - letter-spacing: 0.08em; - word-spacing: 0.1em; - text-shadow: 0 0 2px #010011; - text-transform: uppercase; - box-shadow: inset 0 0 0 1px #000; -} - -#content h3 { - border: none; - border-radius: 0; - border-bottom: 1px dotted #2d295f; - background: none !important; - margin: 0 20px 10px; - padding: 5px 10px; -} - -#content p + h3 { - margin-top: 15px !important; -} - -.headline h3 { - border-radius: 2px 2px 0 0; - margin-top: -10px; -} - -.headline h3:first-child { - font-size: 10.5pt; - margin-bottom: 24px; - border-radius: 0; -} - -#content h3:first-child { - margin-top: -15px; - font-size: 10.5pt; -} - -.headline h3:first-child + h4 { - margin-top: -25px; - margin-bottom: 25px !important; -} - -#add h3 { - margin-top: -1px; - margin-left: -11px; - margin-right: -11px; - padding: 8px 10px; - font-size: 10pt; -} - -#add table { - width: 100%; -} - -#add td:last-child { - width: 94%; -} - -.headline { - margin-top: -16px; -} - -div#messages p { -} - -div#messages + p { - padding: 12px 10px 8px 20px; -} - -div#book p { - padding: 15px 15px 15px 35px !important; -} - -h4 { - font-size: 9pt; - margin-top: -15px; - word-spacing: 0.1em; - border: 1px solid #2d295f; - padding: 8px 10px; - margin-bottom: 30px !important; - background: linear-gradient(to right, #000, #001); -} - -div#messages > p.messages { - padding: 10px; -} - -#messages p { - padding: 15px 15px 15px 40px !important; - background: url(/themes/console/images/info/infohelp.png) 6px center no-repeat; -} - -a:link { - color: #7972d1; - text-decoration: none; - font-weight: bold; - outline: none; -} - -a:hover, a:focus { - text-decoration: none; - color: #652787 !important; -} - -a:visited { - color: #4e47bf; - text-decoration: none; -} - -a:active { - color: #4f0519 !important; -} - -th { - color: #c9ceff; - font-size: 9pt; - padding: 5px 10px; - font-size: 10pt; - text-align: left; -} - -.iframed .book tr.head th { - border-top: 1px solid #2d295f; - border-bottom: 1px solid #2d295f; -} - -table.book td:first-child { - font-weight: bold; -} - -td { - color: #c9ceff; - padding: 5px; - font-size: 9pt; - vertical-align: center; -} - -td.checkbox { - width: 32px !important; -} - -td.names a { - font-size: 9pt !important; -} - -td > img[width="320"], td > img[src^="/imagegen"] { - border-radius: 2px; - width: 240px; - height: 240px; - border: 1px solid #2d295f; - padding: 5px; - margin: 10px 3px; - background: #000; -} - -img[src="/imagegen/id?s=256&c="], img[src="/imagegen/id?s=20&c="] { - opacity: 0; /* hide broken identicons but ensure hostlist remains intact */ -} - -ol, ul { - margin: 0 20px 0 10px; - display: table-row; - padding: 0px 10px; -} - -li { - color: #c9ceff; - line-height: 150%; - margin: 0; - font-size: 9pt; - list-style: square; -} - -tr.list1 { - background-color: #010011; -} - -tr.list0 { - background-color: #000; -} - -p.messages { - color:#c9ceff; - border: 1px solid #2d295f; - padding: 5px 5px 10px; - margin: 5px 0 10px; - margin: -15px 0 14px; - border-radius: 0; -} - -.help { - border: 1px solid #2d295f; - padding: 20px 30px; - background: #001; - margin-bottom: 5px; -} - -.help h3 { - margin: 10px -31px; - border-radius: 0; -} - -.help h3:first-child { - margin-top: -21px; -} - -.help ul li:last-child { - margin-bottom: -10px; -} - -.help p { - border: none; - padding: 0; -} - -#helpsubs { - background: #001 url(/themes/console/images/info/infohelp.png) 12px center no-repeat; - padding: 15px 15px 15px 52px; -} - -div#content p { - padding: 0 30px; - line-height: 140%; -} - -p.footer { - font-size: 8pt; - text-align: center; - border: 1px solid #113; - padding: 5px 0 2px; -} - -#footer { - position: fixed; - bottom: -4px; - width: calc(100% - 20px); - margin: 0; - display: none; -} - -.iframed #footer { - display: none; -} - -#buttons { - text-align: right; - background: #001; - background: linear-gradient(to right, #001, #000) !important; -} - -p.buttons, .buttons { - text-align: right; - margin: 5px 0 -5px; - padding: 0 3px; -} - -p.buttons { - border: 1px solid #2d295f; - padding: 8px 5px; -} - -div#book + div#buttons { - margin: 9px 0 20px !important; -} - -#add p.buttons { - border: none; - padding: 0; -} - -form[action="subscriptions"] { - margin: 0; -} - -textarea[name="config"], textarea[name="content"] { - border-radius: 0; - margin-top: -26px; - resize: none; - border: 1px solid #2d295f; - font-size: 8.5pt; -} - -textarea[name="config"] { - height: 220px; - overflow-y: scroll; - resize: none; -} - -div#config + div#buttons, div#content + div#buttons { - border: 1px solid #2d295f; - margin-top: -3px; - padding: 5px; - margin-bottom: 15px; - background: #001; -} - -.illustrate { - max-width: 700px; - height: auto; - margin: 20px auto 15px; - padding: 10px; - border-radius: 2px; - border: 1px solid #010011; - font-size: 10pt; - box-shadow: inset 0px 0px 1px 0px #020022; - background: #fff; - filter: sepia(100%) invert(100%); -} - -_:-ms-lang(x), img.illustrate { - width: auto; - max-width: 600px; -} - -div#book, #emptybook { - padding: 0; - margin: -15px 0 -10px; -} - -#book table { - width: 100%; - border: 1px solid #2d295f !important; -} - -.iframed #book table { - border: none !important; -} - -.iframed #book #host_details { - border-top: 1px solid #2d295f !important; -} - -#book table th { - padding: 5px 0; - background: url(/themes/console/midnight/images/titles.png) repeat-x scroll center center #000; - background: linear-gradient(to bottom, #191729 0%, #000 50%) !important; - border-bottom: 1px solid #2d295f; -} - -#book th:last-child { - background: url(/themes/console/images/buttons/delete.png) center center no-repeat, url(/themes/console/midnight/images/titles.png) repeat-x scroll center center #000 !important; - background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #191729 0%, #000 50%) !important; - font-size: 0; - padding: 0 !important; -} - -#book td { - border-bottom: 1px solid #17142f; - padding: 0; -} - -#book table tr:hover { - background: #003; -} - -#book table tr:hover textarea { - color: #c9ceff; -} - -#book, #messages, #filter, #search { - background: #001; -} - -.book th:first-child, .book td:first-child { - padding: 0 10px !important; - width: 200px; - white-space: nowrap; -} - -.book td:nth-child(2) { - padding: 2px 0 2px 5px !important; - width: 30px; -} - -.book td:nth-child(3) { - text-align: center; - width: 20px; - padding: 2px 25px 2px 0 !important; -} - -.book td:nth-child(3) a:not(old) { - font-size: 0 !important; -} - -.book td:nth-child(3) .addrhlpr a::after { - content: url(/themes/console/images/buttons/fullview.png); - text-align: center; - padding: 2px 10px !important; - filter: drop-shadow(0 0 1px #555); -} - -.book td:nth-child(3) .addrhlpr:hover { - filter: drop-shadow(0 0 1px #b73fff); -} - -.headline + #book > table td { - padding: 5px; -} - -.headline + #book > table td:first-child { - width: 120px; - white-space: nowrap; - text-align: right; -} - -.headline + #book > table td.destinations { - padding: 0; -} - -#visualid { - border: 1px solid #2d295f; - margin-top: -10px; - background: #001; -} - -.iframed #visualid { - border: none; -} - -#visualid h3 { - margin-top: -1px; - border-left: none; - border-right: none; -} - -#idAddress { - text-transform: none; -} - -#visualid table { - width: 100%; - margin-top: -15px; - margin-bottom: 1px; - border-collapse: collapse; -} - -#visualid td:first-child { - text-align: right; -} - -#visualid td[colspan="2"] { - text-align: right; - border-top: 1px solid #2d295f; - padding: 17px 9px 15px !important; -} - -.iframed #visualid td[colspan="2"] { - padding: 20px 9px 5px !important; -} - -div#add { - border: 1px solid #2d295f; - padding: 0 10px 15px; - margin-top: 20px; - background: #001; -} - -.page { - color:#c9ceff; - margin: 10px 0; - padding: 0; - font-size: 9pt !important; - background: #000; -} - -.iframed .page { - margin: 1px 0 0; - overflow: hidden; -} - -input { - font-size: 9pt; - font-weight: bold; - text-align: left; - padding: 4px !important; - border-radius: 2px; - border: 1px solid #443da0; - background: #000 none !important; - color: #4e47bf; - margin: 2px 4px 2px 0; - font: bold 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; - min-width: 64px !important; -} - -input[type="checkbox"], input[type="radio"], .optbox { - filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%); /* colorize radios and checkboxes */ - background: none; - min-width: 16px; - min-height: 16px; -} - -input[type=submit]::-moz-focus-inner, input[type=reset]::-moz-focus-inner { - border: none; - outline: none; -} - -input[type=submit], input[type=reset], .fakebutton { - color: #4e47bf; - background: #000; - background: linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - border: 1px solid #3e3f8f; - border-bottom-color: #14144f; - border-right-color: #14144f; - padding: 5px !important; - font: bold 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; - text-align: center; - min-width: 90px !important; - box-shadow: inset 0 0 0 1px #000; - border-radius: 2px; -} - -input[type=submit]:hover, input[type=reset]:hover, -input[type=submit]:focus, input[type=reset]:focus, -.fakebutton:hover, .fakebutton:focus { - background: #000 !important; - color: #652787; - border: 1px solid #652787; - box-shadow: inset 0 1px 1px 0 #c9ceff; -} - -input[type=submit]:active, input[type=reset]:active, .fakebutton:active { - background: #652787 !important; - color: #c9ceff !important; - border: 1px solid #652787; - box-shadow: inset 3px 3px 3px #000; -} - -textarea { - color: #7670c2; - background: #000; - border: 1px solid #443da0; - padding: 3px 5px; - font: bold 8.5pt "Droid Sans Mono", "Noto Mono", "DejaVu Sans Mono", "Lucida Console", monospace; - border-radius: 2px; - width: 100%; - height: 120px; - line-height: 140%; - resize: none; -} - -input[type="text"], textarea { - background: linear-gradient(to bottom, #000 0%, #000019 100%) !important; - box-shadow: inset 0 0 3px 3px #000; -} - -input[type="text"]:focus, textarea:focus { - background: #000 !important; - color: #c9ceff; - border-radius: 2px; -} - -input[type=text]:focus, textarea[name="destination"]:focus { - color: #c9ceff !important; - background: #000; - filter: drop-shadow(0 0 1px #99f); - box-shadow: 0 0 0 1px rgba(101, 39, 135, 0.5); - transition: filter ease 0.3s; -} - -textarea[cols="70"] { - width: 100% !important; - height: 40px; - white-space: pre-wrap; -} - -.destinations textarea { - width: 100%; - padding: 1px 1px 1px 2px !important; - resize: none; - margin: 0; - border-radius: 0; - border: none; - border-left: 1px solid #17142f; - border-right: 3px solid #17142f; - height: 32px; - overflow-x: auto; - overflow-y: hidden !important; -} - -.iframed iframe { - width: calc(100% - 10px); -} - -/* iframed content border removal */ - -.iframed #navi, .iframed h3, .iframed h4, .iframed #book, .iframed #add, .iframed #filtered, .iframed #filter, .iframed #search, -table.book, .iframed #buttons, .iframed .buttons, .iframed #messages + p, .iframed p.book, .iframed #helpsubs, -.iframed textarea[name="config"], .iframed textarea[name="content"], .iframed #helpconfig, .iframed p.messages { - border-right: none !important; - border-left: none !important; -} - -/* page titles */ - -.headline h3 { - padding: 10px 5px 10px 40px; - background: url(/themes/susidns/images/addressbook.png) 10px center no-repeat, linear-gradient(to bottom, #191729 0%, #000 50%); - font-size: 11pt; - text-transform: uppercase; - letter-spacing: 0.08em; - word-spacing: 0.1em; -} - -.headline#subscriptions h3 { - background: url(/themes/susidns/images/subs_24.png) 10px center no-repeat, linear-gradient(to bottom, #191729 0%, #000 50%); -} - -.headline#configure h3 { - background: url(/themes/susidns/images/configure_24.png) 10px center no-repeat, linear-gradient(to bottom, #191729 0%, #000 50%); -} - -.headline h4 { - padding: 5px 10px 5px 35px; - background: url(/themes/susidns/images/drive.png) 13px center no-repeat; -} - -p#filtered { - background: url(/themes/console/images/buttons/filter.png) 13px center no-repeat; - padding: 15px 250px 15px 35px !important; -} - -p.book { - background: url(/themes/susidns/images/abook.png) 13px center no-repeat; - padding: 10px 10px 10px 35px !important; -} - -/* export hosts button adjustments */ - -#export { - text-align: right; - margin-top: -48px; - margin-bottom: 23px; - padding-right: 4px; - float: right; - clear: left !important; -} - -#export input[type="submit"] { - display: inline-block; -} - -p.book { - padding-left: 35px !important; -} - -#messages + p, p.book { - border: 1px solid #2d295f; - background: #000 url(/themes/susidns/images/addressbook.png) 5px center no-repeat; -} - -/* hide export button on published addressbook if empty */ -#messages + form[action="export"] { - display: none; -} - -/* host details page */ - -#host_details td { - padding: 5px 10px !important; -} - -#host_details td:first-child { - min-width: 10px !important; - width: 10%; - white-space: nowrap; - font-weight: bold; - text-align: right; -} - -#host_details td:last-child { - width: 90%; - text-align: left; - border-left: none !important; - border-right: none !important; -} - -#host_details td.destinations { - background: none; -} - -#host_details tr:hover { - background: #ffd; -} - -.destaddress:focus { - background: #003; - outline: none; -} - -#host_details .destaddress { - word-break: break-all !important; - white-space: normal !important; -} - -/* end host details */ - -.names img { - width: 20px; - height: 20px; - vertical-align: middle; - margin: 5px 8px 5px 0; - padding: 1px; - border: 1px solid #17142f; - border-radius: 2px; - background: #000; -} - -.names img:hover, .names a:focus img { - border: 1px solid #652787; - background: #652787; -} - -.names a:active img, .names a:focus img { - transform: rotate(45deg) scale(0.8); - transition: ease all 0.1s 0s; -} - -/* hostname list */ - -#host_list { - margin-top: 28px; -} - -#host_list th:first-child, -#host_list td:first-child { - width: 150px; - width: 30%; - white-space: nowrap; - padding-left: 5px !important; -} - -#host_list th:first-child { - padding-left: 37px !important; -} - -#host_list td:last-child { - width: 16px; - white-space: nowrap; - font-weight: bold; -} - -#host_list th:nth-child(2), #host_list td:nth-child(2), -#host_list th:nth-child(3), #host_list td:nth-child(3), -#host_list th:nth-child(4), #host_list td:nth-child(4) { - width: 35px; - width: 8%; - padding: 0 5px !important; - white-space: nowrap; - text-align: center; -} - -#host_list td:nth-child(2) a:not(old) { - font-size: 0 !important; -} - -#host_list td:nth-child(2) a::after { - content: url(/themes/console/images/buttons/link.png); - text-align: center; - filter: drop-shadow(0 0 1px #555); - cursor: pointer; -} - -#host_list td:nth-child(3) a:not(old) { - font-size: 0 !important; -} - -#host_list td:nth-child(3) a::after { - content: url(/themes/console/images/buttons/helper.png); - cursor: pointer; -} - -#host_list th:nth-child(4), #host_list td:nth-child(4) { - padding-right: 30px !important; -} - -#host_list td:nth-child(4) a:not(old) { - font-size: 0 !important; -} - -#host_list td:nth-child(4) .addrhlpr a::after { - content: url(/themes/console/images/buttons/fullview.png); - text-align: center; - padding: 0 10px !important; - filter: drop-shadow(0 0 1px #555); - cursor: pointer; -} - -#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 2px #652787); -} - -#host_list .destaddress { - overflow: hidden !important; - text-overflow: ellipsis; - white-space: nowrap; - font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace !important; - font-weight: normal; - padding: 3px !important; - -moz-user-select: all; - -webkit-user-select: all; - user-select: all; -} - -#host_list .destaddress:focus { - overflow: auto !important; - text-overflow: clip; -} - -td.destinations { - max-width: 50px !important; - border-left: 1px solid #2d295f; - border-right: 1px solid #2d295f; -} - -tr:hover .destinations { - color: #aa0; -} - -/* end hostname list */ - -/* responsive layout */ - -@media screen and (max-width: 1000px) { -.illustrate { - margin: 15px auto 10px; - min-width: 450px; - width: 90%; -} -} - -@media screen and (max-width: 1200px) { -#filter { - padding: 0 5px; -} - -#filter p { - margin-left: 0; - margin-right: 0; -} - -#filter a { - min-width: 6px; - padding: 0 6px; -} -} - -@media screen and (min-width: 1200px) { -#filter a { - font-size: 10pt; - margin: 0 2px -5px !important; - display: inline-block; - min-width: 12px; -} -} - -@media screen and (min-width: 1500px) { -body, input[type="text"], select, h4, td.names a, #filter p, #search td, p, a, textarea, .help li, td, tt, code, textarea, input[type="submit"], input[type="reset"], .destaddress { - font-size: 10pt !important; -} - -#navi a { - font-size: 10.5pt !important; -} - -h3 { - font-size: 12pt !important; -} - -#filter a { - font-size: 11pt !important; - min-width: 14px; -} - -.destinations textarea { - height: 34px; -} -} - -/* end responsive layout */ - -/* Edge/IE tweaks */ - -_:-ms-lang(x), * { - filter: none !important; -} - -/* end Edge/IE tweaks */ - diff --git a/installer/resources/themes/susimail/classic/images/3down.png b/installer/resources/themes/susimail/classic/images/3down.png deleted file mode 100644 index 93c3b73e0..000000000 Binary files a/installer/resources/themes/susimail/classic/images/3down.png and /dev/null differ diff --git a/installer/resources/themes/susimail/classic/images/3up.png b/installer/resources/themes/susimail/classic/images/3up.png deleted file mode 100644 index 1805c14fe..000000000 Binary files a/installer/resources/themes/susimail/classic/images/3up.png and /dev/null differ diff --git a/installer/resources/themes/susimail/classic/images/attach.png b/installer/resources/themes/susimail/classic/images/attach.png deleted file mode 100644 index 169a845c1..000000000 Binary files a/installer/resources/themes/susimail/classic/images/attach.png and /dev/null differ diff --git a/installer/resources/themes/susimail/classic/images/bin.png b/installer/resources/themes/susimail/classic/images/bin.png deleted file mode 100644 index df6278bcf..000000000 Binary files a/installer/resources/themes/susimail/classic/images/bin.png and /dev/null differ diff --git a/installer/resources/themes/susimail/classic/mobile.css b/installer/resources/themes/susimail/classic/mobile.css deleted file mode 100644 index 9500da873..000000000 --- a/installer/resources/themes/susimail/classic/mobile.css +++ /dev/null @@ -1,60 +0,0 @@ -/* Susimail Mobile Theme Override "Classic" */ - -body { - margin: -1px 0 0; -} - -.page { - min-width: 560px; - padding: 0 5px 12px !important; - border-radius: 0; - border-left: 1px solid transparent !important; - border-right: 1px solid transparent !important; -} - -form { - margin-bottom: 5px; -} - -#dologin { - width: 500px !important; - margin: 22px auto 10px !important; -} - -#dologin h1 { - display: block !important; -} - -.notifications { - margin: -1px 5px !important; -} - -p.error, p.info { - border-left: none !important; - border-right: none !important -} - -.topbuttons { - margin: -1px -6px !important; - border-left: none !important; - border-right: none !important; -} - -#prefsave { - margin: 10px -6px -17px !important; - border-left: none !important; - border-right: none !important -} - -#mailbox td:nth-child(6), #mailbox th:nth-child(6), #mailbox td:nth-child(8), #mailbox th:nth-child(8) { - display: none; -} - -#newmail input[type="text"], #composemail textarea { - width: 100%; - min-width: 360px !important; -} - -.header, .footer { - display: none; -} diff --git a/installer/resources/themes/susimail/classic/susimail.css b/installer/resources/themes/susimail/classic/susimail.css deleted file mode 100644 index 43f7b45d7..000000000 --- a/installer/resources/themes/susimail/classic/susimail.css +++ /dev/null @@ -1,1212 +0,0 @@ -/* Susimail "Classic" Theme */ -/* Author: dr|z3d */ - -body { - margin: 3px 4px; - background: #eef url(/themes/console/classic/images/bg0.png); - background-size: 120px 120px; - color: #2c354f; - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; - font-size: 9pt; -} - -body.iframed { - background: transparent !important; - margin: 5px 0 0 0; - overflow: hidden; /* webkit fix */ -} - -* { - outline: none; -} - -div.header { - padding: 30px 10px; - margin: 0 -10px; - background: #fff !important; - border-bottom: 1px solid #89f; - background: #fff url(/themes/susimail/images/susimail.png) center center no-repeat !important; - background-size: auto 80% !important; - display: none; -} - -.header img { - transform: scale(0.6); - display: none; -} - -h3#config { - margin: 0 auto 10px; - padding: 5px 10px; - width: 300px; - border: 1px solid #89f; - color: #35415f; - background: url(/themes/console/classic/images/titlebg.png) right center no-repeat; - background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%); - border-radius: 0 0 2px 2px; -} - -textarea[name="config_text"] { - resize: none; -} - -li { - color: #0c153d; - font-size: 8.5pt; - margin-left: 5mm; - margin-right: 5mm; -} - -p { - color: #0c153d; - margin-left: 5mm; - margin-right: 5mm; - font-size: 9pt; -} - -p.hl { - font-size: 12pt; - letter-spacing: 2pt; - line-height: 18pt; - font-weight: bold; -} - -p.text { - margin-left: 10px; - margin-right: 10px; -} - -p.error, p.info { - color: #900; - padding: 15px 15px 15px 45px; - border: 1px solid #89f; - background: #ffe url(/themes/console/images/info/errortriangle.png) 8px center no-repeat; - background-size: 28px auto; - text-align: left; - margin: -1px -11px; - box-shadow: inset 0 0 0 1px #fff; - display: block; - font-weight: bold; - line-height: 120%; -} - -td p.info, td p.error { - margin: -2px -3px; -} - -tr.mailbody p.error { - margin: -3px -1px; -} - -tr.mailbody:nth-child(n+3) { - background: #fff; - border-top: 1px solid #89f; - border-bottom: 1px solid #89f; -} - -p.info { - color: #337; - background: #ffe url(/themes/console/images/info/infohelp.png) 8px center no-repeat; - padding: 15px 15px 15px 45px; -} - -span.coloured { - color: #327bbf; -} - -div.footer { - border-top: 1px solid #89f; - margin: 0 -10px -10px; - background: #fff; - background: rgba(255,255,255,0.5); - padding: 1px; - display: none; -} - -p.footer { - padding: 1px; - margin: 0; - font-size: 8pt; - line-height: 10pt; - text-align: center; -} - -.iframed .footer { - display: none; -} - -p.mailbody { - font: 9pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace; - margin: 0 20px 10px; - text-align: left; -} - -.iframed p.mailbody { - margin: 0; - padding: 0 20px 10px; -} - -.mailbody pre { - white-space: pre-wrap !important; - word-wrap: break-word; -} - -div.attached { - padding: 5px 0 5px 25px; - background: #fff; - background: url(images/attach.png) 5px center no-repeat; - vertical-align: middle; - text-align: left; -} - -.iframed .attached { - padding: 5px 0 5px 25px; -} - -.attached img { - border: 1px solid #cfd6ff; - padding: 2px; - image-orientation: from-image; -} - -td#addattach { - border-bottom: 1px solid #89f; -} - -td#attachedfile { - border-bottom: 1px dotted #89f; -} - -.iframed .header { - display: none; -} - -a:link { - color: #33a; - text-decoration: none; - font-weight: bold; - word-wrap: break-word; -} - -a:visited { - color: #448; - text-decoration: none; - font-weight: bold; -} - -a:hover, a:focus { - color: #f60; - text-decoration: none; - font-weight: bold; - outline: none; -} - -a:active { - color: #f93; - text-decoration: none; - font-weight: bold; -} - -a.linkspam { - color: #8f1a1a; -} - -a.linknew { - color: #2a7f00; -} - -td { - line-height: 12pt; - font-size: 9pt; - padding: 1px 3px; -} - -tr.list0 { - background: #dde1ff; - background: rgba(220,220,255,0.5); -} - -tr.list1 { - background: #eff1ff; - background: rgba(240,240,255,0.5); -} - -tr.list0, tr.list1 { - border-top: 1px inset #ccf !important; - border-bottom: 1px inset #ccf !important; -} - -_:-ms-lang(x), tr.list0, tr.list1 { - border-bottom: 1px solid #ccf !important; -} - -tr.list0:hover, tr.list1:hover { - background: #fff; - background: linear-gradient(to bottom, #fff 0%, #ffe 100%) !important; - cursor: pointer; - border-top: 1px solid #89f !important; - border-bottom: 1px solid #89f !important; -} - -tr.list0:hover td, tr.list1:hover td { - color: #104e99 !important; -} - -tr.list0:hover a, tr.list1:hover a { - color: #f60; -} - -tr.list0 a:link { - text-decoration: none; -} - -tr.list1 a:link { - text-decoration: none; -} - -table.noborder { - margin-left: 0; - margin-top: 0; - margin-right: 0; -} - -table#mailbox, div.topbuttons { - border: 1px solid #89f; - background: #eef; -} - -table#mailbox { - margin: 0 auto -12px; -} - -@media screen and (-webkit-min-device-pixel-ratio:0) { /* webkit fixes */ -table#mailbox { - margin-top: 1px; -} - -div#prefsave { - border-bottom: 1px solid #89f; -} -} - -_:-ms-lang(x), table#mailbox { - margin-top: 1px; -} - -#mailbox th { - border-bottom: 1px solid #89f; - background: url(/themes/console/classic/images/titlebg.png) right center no-repeat; - background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%) !important; -} - -#mailbox th:first-child { - background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%) !important; -} - -#mailbox th:nth-child(2) { - background: url(/themes/susimail/images/status.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%) !important; - background-blend-mode: luminosity; -} - -#mailbox th:nth-child(4) { - background: url(/susimail/icons/attach.png) center right 3px no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%) !important; -} - -#mailbox th:last-child, #mailbox td:last-child, #mailbox th:nth-last-child(3), #mailbox td:nth-last-child(3) { - text-align: right; - width: 100px; - white-space: nowrap; - padding-right: 5px; -} - -#mailbox td:nth-child(5) { - text-align: left; -} - -#mailbox td[colspan="9"] { - display: none; -} - -#mailbox td:nth-child(2), #mailbox td:nth-child(4) { - width: 24px; - text-align: right; -} - -#mailbox td:nth-child(3) a, #mailbox td:nth-child(3) a:visited { - color: #0c153d; -} - -#mailbox hr, #newmail hr { - display: none; -} - -#mailbox td:first-child { - text-align: center; -} - -#mailbox td:nth-child(3) a { - font-weight: normal; -} - -#mailbox tr:hover td:nth-child(3) a { - color: #104e99 !important; -} - -#mailbox tr.bottombuttons td { - border-top: 1px solid #89f; - background: #fff; - padding-top: 3px; - padding-bottom: 3px; -} - -#mailbox tr.bottombuttons td:first-child { - text-align: left; -} - -#mailbox tr.bottombuttons td:last-child { - padding-right: 2px; -} - -#mailbox a img.sort:hover, .sort:focus { - opacity: 1 !important; - filter: drop-shadow(0 0 1px #f60); -} - -img.sort { - height: 8px; - width: auto; -} - -#newmail input[type="text"] { - width: 665px; -} - -#newmail td:first-child { - font-weight: bold; - padding-right: 10px; -} - -pre { - font: 8.5pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace; - margin-left: 1cm; - margin-right: 1cm; -} - -.page { - background: #eef url(/themes/console/classic/images/bg2.png); - background: linear-gradient(to bottom, rgba(255,255,255,0.7),rgba(255,255,255,0.2)), url(/themes/console/classic/images/bg2.png) #eef; - background-size: 100% 100%, 120px 120px; - color: #0c153d; - margin: 0; - padding: 0 10px 10px; - border: 1px solid #89f; - font-size: 9pt !important; - line-height: 160% !important; - box-shadow: 0 0 0 1px #eee; - text-align: center; - min-width: 800px; -} - -.iframed .page { - background: transparent; - margin: -6px 1px; - min-width: 580px; - border: none; - box-shadow: none; -} - -table { - text-align: justify; - width: 100%; - border-collapse: collapse; -} - -th { - font-size: 10pt; - font-weight: bold; -} - -form { - line-height: 160% -} - -.iframed form { - margin-bottom: -12px; -} - -#viewmail { - margin: 0 -10px; - border-top: 1px solid #89f; - background: #eef; -} - -.iframed #viewmail { - margin: 0 0 -10px; - padding: 0; - border: 1px solid #89f; -} - -table#message_full { - margin-bottom: -23px; -} - -.iframed #message_full { - margin-bottom: -1px; -} - -#message_full tr:last-child { - border-bottom: 1px solid #89f; -} - -input[type="checkbox"], input[type="radio"] { - background: none; - min-width: 16px; - min-height: 16px; -} - -input[type="radio"]:hover, input[type="radio"]:focus, input[type="checkbox"]:hover, input[type="checkbox"]:focus { - filter: drop-shadow(0 0 3px #89f); - box-shadow: inset 0 0 1px 2px #89f; - outline: none; -} - -input { /* opera fix */ - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; - font-size: 9pt; -} - -textarea { - font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace; - font-size: 9pt; -} - -input[type="text"], input[type="password"], textarea { - border: 1px solid #bbb; - box-shadow: inset 1px 1px 1px #ddd; - padding: 4px 5px !important; - border-radius: 2px; - color: #333; -} - -input[type=submit] { - margin: 3px; -} - -input.new_upload, input.delete_attachment { - float: right; - text-transform: capitalize; - margin-right: 0; -} - -@-moz-document url-prefix(http://) { -button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner { - padding: 0 !important; - border: 0 none !important; -} -} - -button:focus, input[type="submit"]:focus, input[type="reset"]:focus { - filter: drop-shadow(0 0 1px #89f); -} - -select, -button, input[type="submit"], input[type="reset"] { - padding: 5px; - border-radius: 2px; - color: #333; - border: 1px solid #bbb; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px 0 #ddd; - background: #eee; - background: linear-gradient(to bottom, #fff 0%, #ddd 100%); - outline: none !important; - display: inline-block; - background-size: 14px 14px, 100% 100% !important; - cursor: pointer; -} - -input[type="file"] { - padding: 3px 2px; -} - -button:hover, input[type="submit"]:hover, input[type="reset"]:hover, -button:focus, input[type="submit"]:focus, input[type="reset"]:focus { - color: #222; - background: #fff; - background: linear-gradient(to bottom, #ddd 0%, #fff 100%); - border: 1px solid #89f; - filter: drop-shadow(0 0 1px #89f); -} - -input[type="text"]:focus, input[type="password"]:focus, textarea:focus { - box-shadow: inset 0 0 0 1px #89f; - box-shadow: inset 0 0 0 1px #89f, 0 0 1px rgba(136, 153, 255, 0.4); - color: #000; -} - -button:active, input[type="submit"]:active, input[type="reset"]:active { - background: #ddd; - box-shadow: inset 3px 3px 3px #999; - box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #999; - color: #555; - border: 1px solid #bbb; -} - -input[disabled][type="submit"], input[disabled][type="submit"]:hover, input[disabled][type="submit"]:active { - background: linear-gradient(to bottom, #fff 0%, #ddd 100%); - opacity: 0.6; -} - -input.optbox { - vertical-align: middle; - background: none; -} - -input, label { - cursor: pointer; -} - -input[type="text"], input[type="password"] { - cursor: text; -} - -/* illustrated images inc */ - -input.cancel { - background: #eee url(/themes/console/images/buttons/no.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/no.png) no-repeat 7px center, linear-gradient(to bottom, #fff 0%, #ddd 100%); - padding: 5px 8px 5px 24px; -} - -input.cancel:hover, input.cancel:focus { - background: #fff url(/themes/console/images/buttons/no.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/no.png) no-repeat 7px center, linear-gradient(to bottom, #ddd 0%, #fff 100%); -} - -input.clearselection { - background: #eee url(/themes/susimail/images/none.png) no-repeat 7px center; - background: url(/themes/susimail/images/none.png) no-repeat 7px center, linear-gradient(to bottom, #fff 0%, #ddd 100%); - padding: 5px 8px 5px 24px; -} - -input.clearselection:hover, input.clearselection:focus { - background: #fff url(/themes/susimail/images/none.png) no-repeat 7px center; - background: url(/themes/susimail/images/none.png) no-repeat 7px center, linear-gradient(to bottom, #ddd 0%, #fff 100%); -} - -input.delete, input.delete_attachment, input.really_delete { - background: #eee url(/themes/console/images/buttons/delete.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/delete.png) no-repeat 7px center, linear-gradient(to bottom, #fff 0%, #ddd 100%); - padding: 5px 8px 5px 24px; -} - -input.delete:hover, input.delete_attachment:hover, input.really_delete:hover, -input.delete:focus, input.delete_attachment:focus, input.really_delete:focus { - background: #fff url(/themes/console/images/buttons/delete_hover.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/delete_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd 0%, #fff 100%); -} - -.topbuttons input.delete { - margin-left: 0; -} - -input.download { - background: #eee url(/themes/console/images/buttons/download.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/download.png) no-repeat 7px center, linear-gradient(to bottom, #fff 0%, #ddd 100%); - padding: 5px 8px 5px 24px; -} - -input.download:hover, input.download:focus { - background: #fff url(/themes/console/images/buttons/download.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/download.png) no-repeat 7px center, linear-gradient(to bottom, #ddd 0%, #fff 100%); -} - -input.offline { - background: #eee url(/themes/susimail/images/offline.png) no-repeat 7px center; - background: url(/themes/susimail/images/offline.png) no-repeat 7px center, linear-gradient(to bottom, #fff 0%, #ddd 100%); - padding: 5px 8px 5px 24px; -} - -input.offline:hover, input.offline:focus { - background: #fff url(/themes/susimail/images/offline_hover.png) no-repeat 7px center; - background: url(/themes/susimail/images/offline_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd 0%, #fff 100%); -} - -input.list, input.moveto, #pagenav input.switchto { - background: #eee url(/themes/susimail/images/folder.png) no-repeat 7px center; - background: url(/themes/susimail/images/folder.png) no-repeat 7px center, linear-gradient(to bottom, #fff 0%, #ddd 100%); - padding: 5px 8px 5px 24px; -} - -input.list:hover, input.moveto:hover, input.switchto:hover, -input.list:focus, input.moveto:focus, input.switchto:focus { - background: #eee url(/themes/susimail/images/folder-open.png) no-repeat 7px center; - background: url(/themes/susimail/images/folder-open.png) no-repeat 7px center, linear-gradient(to bottom, #ddd 0%, #fff 100%); -} - -input.forward { - background: #eee url(/themes/susimail/images/forward.png) no-repeat 7px center; - background: url(/themes/susimail/images/forward.png) no-repeat 7px center, linear-gradient(to bottom, #fff 0%, #ddd 100%); - padding: 5px 8px 5px 24px; -} - -input.forward:hover, input.forward:focus { - background: #fff url(/themes/susimail/images/forward.png) no-repeat 7px center; - background: url(/themes/susimail/images/forward.png) no-repeat 7px center, linear-gradient(to bottom, #ddd 0%, #fff 100%); -} - -input.login { - background: #eee url(/themes/susimail/images/login.png) no-repeat 7px center; - background: url(/themes/susimail/images/login.png) no-repeat 7px center, linear-gradient(to bottom, #fff 0%, #ddd 100%); - padding: 5px 8px 5px 24px; -} - -input.login:hover, input.login:focus { - background: #fff url(/themes/susimail/images/login_hover.png) no-repeat 7px center; - background: url(/themes/susimail/images/login_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd 0%, #fff 100%); -} - -input.logout { - background: #eee url(/themes/susimail/images/logout.png) no-repeat 7px center; - background: url(/themes/susimail/images/logout.png) no-repeat 7px center, linear-gradient(to bottom, #fff 0%, #ddd 100%); - padding: 5px 8px 5px 24px; -} - -input.logout:hover, input.logout:focus { - background: #fff url(/themes/susimail/images/logout_hover.png) no-repeat 7px center; - background: url(/themes/susimail/images/logout_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd 0%, #fff 100%); -} - -input.reload, input.refresh { - background: #eee url(/themes/console/images/buttons/update.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/update.png) no-repeat 7px center, linear-gradient(to bottom, #fff 0%, #ddd 100%); - padding: 5px 8px 5px 24px; -} - -input.reload:hover, input.refresh:hover, input.reload:focus, input.refresh:focus { - background: #eee url(/themes/console/images/buttons/update_hover.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/update_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd 0%, #fff 100%); -} - -input.invertselection { - background: #eee url(/themes/susimail/images/selection.png) no-repeat 7px center; - background: url(/themes/susimail/images/selection.png) no-repeat 7px center, linear-gradient(to bottom, #fff 0%, #ddd 100%); - padding: 5px 8px 5px 24px; -} - -input.invertselection:hover, input.invertselection:focus { - background: #eee url(/themes/susimail/images/selection.png) no-repeat 7px center; - background: url(/themes/susimail/images/selection.png) no-repeat 7px center, linear-gradient(to bottom, #ddd 0%, #fff 100%); -} - -input.show { - background: #eee url(/themes/console/images/buttons/yes.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/yes.png) no-repeat 7px center, linear-gradient(to bottom, #fff 0%, #ddd 100%); - padding: 5px 8px 5px 24px; -} - -input.show:hover, input.show:focus { - background: #fff url(/themes/console/images/buttons/yes.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/yes.png) no-repeat 7px center, linear-gradient(to bottom, #ddd 0%, #fff 100%); - padding: 5px 8px 5px 24px; -} - -input.markall { - background: #eee url(/themes/susimail/images/all.png) no-repeat 7px center; - background: url(/themes/susimail/images/all.png) no-repeat 7px center, linear-gradient(to bottom, #fff 0%, #ddd 100%); - padding: 5px 8px 5px 24px; -} - -input.markall:hover, input.markall:focus { - background: #fff url(/themes/susimail/images/all.png) no-repeat 7px center; - background: url(/themes/susimail/images/all.png) no-repeat 7px center, linear-gradient(to bottom, #ddd 0%, #fff 100%); -} - -input.new { - background: #eee url(/themes/susimail/images/compose.png) no-repeat 7px center; - background: url(/themes/susimail/images/compose.png) no-repeat 7px center, linear-gradient(to bottom, #fff 0%, #ddd 100%); - padding: 5px 8px 5px 24px; -} - -input.new:hover, input.new:focus { - background: #fff url(/themes/susimail/images/compose_hover.png) no-repeat 7px center; - background: url(/themes/susimail/images/compose_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd 0%, #fff 100%); -} - -input.reply { - background: #eee url(/themes/susimail/images/reply.png) no-repeat 7px center; - background: url(/themes/susimail/images/reply.png) no-repeat 7px center, linear-gradient(to bottom, #fff 0%, #ddd 100%); - padding: 5px 8px 5px 24px; -} - -input.reply:hover, input.reply:focus { - background: #fff url(/themes/susimail/images/reply.png) no-repeat 7px center; - background: url(/themes/susimail/images/reply.png) no-repeat 7px center, linear-gradient(to bottom, #ddd 0%, #fff 100%); -} - -input.replyall { - background: #eee url(/themes/susimail/images/reply-all.png) no-repeat 7px center; - background: url(/themes/susimail/images/reply-all.png) no-repeat 7px center, linear-gradient(to bottom, #fff 0%, #ddd 100%); - padding: 5px 8px 5px 24px; -} - -input.replyall:hover, input.replyall:focus { - background: #fff url(/themes/susimail/images/reply-all.png) no-repeat 7px center; - background: url(/themes/susimail/images/reply-all.png) no-repeat 7px center, linear-gradient(to bottom, #ddd 0%, #fff 100%); -} - -input.setpagesize, input.save { - background: #eee url(/themes/console/images/buttons/yes.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/yes.png) no-repeat 7px center, linear-gradient(to bottom, #fff 0%, #ddd 100%); - padding: 5px 8px 5px 24px; -} - -input.setpagesize:hover, input.save:hover, input.setpagesize:focus, input.save:focus { - background: #fff url(/themes/console/images/buttons/yes.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/yes.png) no-repeat 7px center, linear-gradient(to bottom, #ddd 0%, #fff 100%); - padding: 5px 8px 5px 24px; -} - -input.send { - background: #eee url(/themes/susimail/images/send.png) no-repeat 7px center; - background: url(/themes/susimail/images/send.png) no-repeat 7px center, linear-gradient(to bottom, #fff 0%, #ddd 100%); - padding: 5px 8px 5px 24px; -} - -input.send:hover, input.send:focus { - background: #fff url(/themes/susimail/images/send_hover.png) no-repeat 7px center; - background: url(/themes/susimail/images/send_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd 0%, #fff 100%); -} - -input.configure { - background: #eee url(/themes/console/images/buttons/configure.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/configure.png) no-repeat 7px center, linear-gradient(to bottom, #fff 0%, #ddd 100%); - padding: 5px 8px 5px 24px; -} - -input.configure:hover, input.configure:focus { - background: #fff url(/themes/console/images/buttons/configure_hover.png) no-repeat 7px center; - background: url(/themes/console/images/buttons/configure_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd 0%, #fff 100%); -} - -input.saveas { - background: #eee url(/themes/susimail/images/save.png) no-repeat 7px center; - background: url(/themes/susimail/images/save.png) no-repeat 7px center, linear-gradient(to bottom, #fff 0%, #ddd 100%); - padding: 5px 8px 5px 24px; -} - -input.saveas:hover, input.saveas:focus { - background: #fff url(/themes/susimail/images/save_hover.png) no-repeat 7px center; - background: url(/themes/susimail/images/save_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd 0%, #fff 100%); -} - -input.new_upload { - background: #eee url(/themes/susimail/images/attach.png) no-repeat 7px center; - background: url(/themes/susimail/images/attach.png) no-repeat 7px center, linear-gradient(to bottom, #fff 0%, #ddd 100%); - padding: 5px 8px 5px 24px; -} - -input.new_upload:hover, input.new_upload:focus { - background: #fff url(/themes/susimail/images/attach.png) no-repeat 7px center; - background: url(/themes/susimail/images/attach.png) no-repeat 7px center, linear-gradient(to bottom, #ddd 0%, #fff 100%); - padding: 5px 8px 5px 24px; -} - -/* pagenav */ - -input.firstpage, input[name="firstpage"], -input.firstpage[disabled]:hover, input[name="firstpage"][disabled]:hover, -input.firstpage[disabled]:focus, input[name="firstpage"][disabled]:focus { - background: #eee url(/themes/susimail/images/first.png) no-repeat center center !important; - background: url(/themes/susimail/images/first.png) no-repeat center center, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important; - padding: 5px 14px !important; - text-indent: -99999px; -} - -input.firstpage:hover, input[name="firstpage"]:hover, -input.firstpage:focus, input[name="firstpage"]:focus { - background: #fff url(/themes/susimail/images/first.png) no-repeat center center; - background: url(/themes/susimail/images/first.png) no-repeat center center, linear-gradient(to bottom, #ddd 0%, #fff 100%); -} - -input.lastpage, input[name="lastpage"], -input.lastpage[disabled]:hover, input[name="lastpage"][disabled]:hover, -input.lastpage[disabled]:focus, input[name="lastpage"][disabled]:focus { - background: #eee url(/themes/susimail/images/last.png) no-repeat center center !important; - background: url(/themes/susimail/images/last.png) no-repeat center center, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important; - padding: 5px 14px !important; - text-indent: -99999px; -} - -input.lastpage:hover, input[name="lastpage"]:hover, -input.lastpage:focus, input[name="lastpage"]:focus { - background: #fff url(/themes/susimail/images/last.png) no-repeat center center; - background: url(/themes/susimail/images/last.png) no-repeat center center, linear-gradient(to bottom, #ddd 0%, #fff 100%); -} - -input.prevpage, input.prev, input[name="prev"], input[name="prevpage"], -input.prevpage[disabled]:hover, input.prev[disabled]:hover, input[name="prev"][disabled]:hover, input[name="prevpage"][disabled]:hover, -input.prevpage[disabled]:focus, input.prev[disabled]:focus, input[name="prev"][disabled]:focus, input[name="prevpage"][disabled]:focus { - background: #eee url(/themes/susimail/images/previous.png) no-repeat center center; - background: url(/themes/susimail/images/previous.png) no-repeat center center, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important; - padding: 5px 14px !important; - text-indent: -99999px; -} - -input.prevpage:hover, input.prev, input[name="prev"]:hover, input[name="prevpage"]:hover, -input.prevpage:focus, input.prev, input[name="prev"]:focus, input[name="prevpage"]:focus { - background: #fff url(/themes/susimail/images/previous.png) no-repeat center center; - background: url(/themes/susimail/images/previous.png) no-repeat center center, linear-gradient(to bottom, #ddd 0%, #fff 100%); -} - -input.nextpage, input.next, input[name="nextpage"], input[name="next"], -input.nextpage[disabled]:hover, input.next[disabled]:hover, input[name="nextpage"][disabled]:hover, input[name="next"][disabled]:hover, -input.nextpage[disabled]:focus, input.next[disabled]:focus, input[name="nextpage"][disabled]:focus, input[name="next"][disabled]:focus { - background: #eee url(/themes/susimail/images/next.png) no-repeat center center; - background: url(/themes/susimail/images/next.png) no-repeat center center, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important; - padding: 5px 14px !important; - text-indent: -99999px; -} - -input.nextpage:hover, input.next:hover, input[name="nextpage"]:hover, -input.nextpage:focus, input.next:focus, input[name="nextpage"]:focus { - background: #fff url(/themes/susimail/images/next.png) no-repeat center center; - background: url(/themes/susimail/images/next.png) no-repeat center center, linear-gradient(to bottom, #ddd 0%, #fff 100%); -} - -input[disabled] { - cursor: default; -} - -#pagenav input[disabled]:hover, #pagenav input[disabled]:active, -#messagenav input[disabled]:hover, #messagenav input[disabled]:active { - border: 1px solid #bbb; - box-shadow: inset 0 0 0 1px #fff; - filter: none !important; -} - -/* end pagenav */ - -/* end illustrated images */ - -div#composemail { - text-align: center !important; - padding: 10px; -} - -#composemail table { - width: auto; - margin: auto; -} - -#composemail input { - margin-left: 0; -} - -#composemail input[type="file"] { - padding: 0; -} - -#mailhead { - margin: 0; -} - -#mailhead, #message_full tr:first-child { - background: #dde1ff; -} - -#message_full tr:first-child { - border-bottom: 1px solid #89f; -} - -#mailhead tr { - border: none !important; -} - -#mailhead td:first-child { - white-space: nowrap; - width: 20px; - text-align: right; - padding-left: 10px; - font-weight: bold; -} - -/* login panel */ - -#dologin { - border: 1px solid #89f; - padding: 10px 0 0; - width: 500px; - margin: 55px auto 40px; - box-shadow: 0 0 0 1px #fff; - background: #fefefe; - background: linear-gradient(to bottom, rgba(240,240,255,0.4), rgba(220,220,255,0.5)) #fefefe; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px #999; -} - -.iframed #dologin { - margin: 18px auto 15px; -} - -#dologin input[type="text"] { - text-align: left !important; - font-weight: normal; -} - -#dologin input[name="user"] { - background: #fff url(/themes/console/images/buttons/user.png) 5px center no-repeat; - padding: 4px 5px 4px 26px !important; -} - -#dologin input[name="pass"] { - background: #fff url(/themes/console/images/buttons/password.png) 5px center no-repeat; - padding: 4px 5px 4px 26px !important; -} - -#dologin input[name="user"], #dologin input[name="pass"], #dologin input[name="host"] { - width: 60% !important; - width: calc(60% + 26px) !important; - margin-right: 3px; -} - -#dologin table { - width: 100%; - width: calc(100% - 2px); - margin: 0 auto; - border-collapse: collapse; -} - -#dologin td { - padding: 3px; - font-weight: bold !important; - color: #2c354f; -} - -#dologin td:first-child { - white-space: nowrap; - padding-left: 0; - width: 120px !important; -} - -#dologin td:last-child { - width: auto !important; - padding-right: 0; -} - -#dologin td[colspan="2"] { - padding: 3px 0; -} - -#dologin tr:last-child td { - padding: 3px 0 5px; -} - -#dologin h1 { - margin: -10px 0 10px; - padding: 10px 15px; - background: #fff; - background: linear-gradient(to right, #fff 30%, #eff2ff); - border-bottom: 1px solid #89f; - color: #35415f; - font-size: 14pt; - text-align: left; - letter-spacing: 0.08em; - word-spacing: 0.1em; - box-shadow: inset 0 0 0 1px #fff; -} - -#dologin hr { - display: block !important; - background: #89f; - box-shadow: 0 0 0 1px rgba(255,255,255,0.5); -} - -#dologin tr:nth-child(6) hr { - margin-bottom: 4px; -} - -#dologin tr:last-child hr { - margin-top: 3px; -} - -.iframed #dologin tr:nth-child(6) hr { - margin-top: 5px; -} - -#dologin tr:last-child a { - display: inline-block; - margin: 6px -2px 6px; - padding: 3px 10px; - border: 1px solid rgba(255,255,255,0); - border: 1px solid rgba(119, 120, 159, 0.3); - border-radius: 25px; - background: #efefff; - background: linear-gradient(to right, #f2f2ff, #f6f6ff, #f2f2ff); - box-shadow: 0 0 1px rgba(255,255,255,0); - transition: ease all 0.1s; -} - -#dologin tr:last-child a:hover { - border: 1px solid #77789f; - border: 1px solid rgba(119, 120, 159, 0.5); - background: #f2f2ff; - background: linear-gradient(to bottom, #fafaff 50%, #e8e8ff 50%) #f2f2ff; - box-shadow: 0 0 1px #ccf; - transition: ease all 0.1s; -} - -#dologin tr:last-child a:active { - border: 1px solid rgba(119, 120, 159, 0.3); - background: #e2e2ff; - background: linear-gradient(to bottom, #eaeaff 50%, #d9d9ff 50%); - box-shadow: inset 3px 3px 3px #779; - transition: ease all 0.1s; - color: rgba(65, 70, 95, 0.8) !important; - color: #99a5df !important; -} - -#dologin tr:last-child td { - color: transparent; - color: rgba(119, 120, 159, 0); -} - -/* end login panel */ - -.iframed div.footer { - margin-top: -10px; -} - -hr { - color: #555; - background: #555; - height: 1px; - border: 0 solid #555; - width: 100%; - margin: 5px 0; - text-align: center; - display: none; -} - -#composemail td { - padding: 3px; -} - -#composemail textarea { - width: 665px; - min-width: 665px; - min-height: 200px; - margin-top: 5px; -} - -#composemail input, #composemail textarea { - margin-right: 0; -} - -div#pagenav { - border-top: 1px solid #89f; - padding: 10px 5px 0; - font-size: 9.5pt; - border-radius: 0 0 4px 4px; - margin: 0 -11px !important; -} - -.topbuttons { - padding: 6px 0 5px; - margin: -1px -11px; - background: #fff !important; - background: linear-gradient(to bottom, #fff 0%, #eef 100%) !important; -} - -.iframed .topbuttons, .iframed p.error, .iframed p.info { - border-left: none; - border-right: none; -} - -table#pagenav { - width: 100%; - margin: 7px auto -3px; - border-top: 1px solid #89f; -} - -.bottombuttons br { - display: none; -} - -div#prefsave { - padding: 5px 0; - border-top: 1px solid #89f; - margin: 10px -10px -22px; - background: #fff; -} - -tr.bottombuttons table#pagenav { - width: 100%; - margin: 0; - border-bottom: 1px solid #555; -} - -table#pagenav td { - white-space: nowrap; - font-size: 10pt; - font-weight: bold; - padding: 6px 3px 4px; - text-align: center; -} - -table#pagenav td:first-child { - text-align: right; - width: 49%; -} - -table#pagenav td:nth-child(2) { - padding-left: 35px; -} - -table#pagenav td:last-child { - text-align: left; - width: 49%; -} - -#pagenav input:disabled { - display: inline; - opacity: 0.3; -} - -.bottombuttons input:disabled { - display: none; -} - -/* responsive layout */ - -@media screen and (max-width: 1024px) { -.page { - min-width: 600px; -} - -#composemail textarea, #newmail input[type="text"] { - min-width: 400px; - width: 100% !important; -} -} - -@media screen and (min-width: 1300px) { -.iframed body, .iframed td, .iframed textarea, .iframed input, .iframed div, .iframed p.mailbody, .iframed p.error { - font-size: 10pt !important; -} -} - -@media screen and (min-width: 1500px) { -body, td, textarea, input, div, p.mailbody, p.error { - font-size: 10pt !important; -} -} - -/* end responsive layout */ - -/* Edge/IE tweaks*/ - -_:-ms-lang(x), * { - filter: none !important; -} - -/* end Edge/IE tweaks */ - diff --git a/installer/resources/themes/susimail/midnight/images/3down.png b/installer/resources/themes/susimail/midnight/images/3down.png deleted file mode 100644 index 7c3e7efb8..000000000 Binary files a/installer/resources/themes/susimail/midnight/images/3down.png and /dev/null differ diff --git a/installer/resources/themes/susimail/midnight/images/3up.png b/installer/resources/themes/susimail/midnight/images/3up.png deleted file mode 100644 index 93496114c..000000000 Binary files a/installer/resources/themes/susimail/midnight/images/3up.png and /dev/null differ diff --git a/installer/resources/themes/susimail/midnight/images/attach.png b/installer/resources/themes/susimail/midnight/images/attach.png deleted file mode 100644 index 398fabe18..000000000 Binary files a/installer/resources/themes/susimail/midnight/images/attach.png and /dev/null differ diff --git a/installer/resources/themes/susimail/midnight/images/first.png b/installer/resources/themes/susimail/midnight/images/first.png deleted file mode 100644 index fc8479b63..000000000 Binary files a/installer/resources/themes/susimail/midnight/images/first.png and /dev/null differ diff --git a/installer/resources/themes/susimail/midnight/images/first_active.png b/installer/resources/themes/susimail/midnight/images/first_active.png deleted file mode 100644 index 2eefd083d..000000000 Binary files a/installer/resources/themes/susimail/midnight/images/first_active.png and /dev/null differ diff --git a/installer/resources/themes/susimail/midnight/images/first_disabled.png b/installer/resources/themes/susimail/midnight/images/first_disabled.png deleted file mode 100644 index b0072c9e3..000000000 Binary files a/installer/resources/themes/susimail/midnight/images/first_disabled.png and /dev/null differ diff --git a/installer/resources/themes/susimail/midnight/images/first_hover.png b/installer/resources/themes/susimail/midnight/images/first_hover.png deleted file mode 100644 index 5b860e8f7..000000000 Binary files a/installer/resources/themes/susimail/midnight/images/first_hover.png and /dev/null differ diff --git a/installer/resources/themes/susimail/midnight/images/last.png b/installer/resources/themes/susimail/midnight/images/last.png deleted file mode 100644 index ed6ca9393..000000000 Binary files a/installer/resources/themes/susimail/midnight/images/last.png and /dev/null differ diff --git a/installer/resources/themes/susimail/midnight/images/last_active.png b/installer/resources/themes/susimail/midnight/images/last_active.png deleted file mode 100644 index 7ec74f394..000000000 Binary files a/installer/resources/themes/susimail/midnight/images/last_active.png and /dev/null differ diff --git a/installer/resources/themes/susimail/midnight/images/last_disabled.png b/installer/resources/themes/susimail/midnight/images/last_disabled.png deleted file mode 100644 index 0e3958bd3..000000000 Binary files a/installer/resources/themes/susimail/midnight/images/last_disabled.png and /dev/null differ diff --git a/installer/resources/themes/susimail/midnight/images/last_hover.png b/installer/resources/themes/susimail/midnight/images/last_hover.png deleted file mode 100644 index f727d74c7..000000000 Binary files a/installer/resources/themes/susimail/midnight/images/last_hover.png and /dev/null differ diff --git a/installer/resources/themes/susimail/midnight/images/mail.png b/installer/resources/themes/susimail/midnight/images/mail.png deleted file mode 100644 index 9ae5af158..000000000 Binary files a/installer/resources/themes/susimail/midnight/images/mail.png and /dev/null differ diff --git a/installer/resources/themes/susimail/midnight/images/next.png b/installer/resources/themes/susimail/midnight/images/next.png deleted file mode 100644 index 7ece8e45a..000000000 Binary files a/installer/resources/themes/susimail/midnight/images/next.png and /dev/null differ diff --git a/installer/resources/themes/susimail/midnight/images/next_active.png b/installer/resources/themes/susimail/midnight/images/next_active.png deleted file mode 100644 index 4dd21154e..000000000 Binary files a/installer/resources/themes/susimail/midnight/images/next_active.png and /dev/null differ diff --git a/installer/resources/themes/susimail/midnight/images/next_disabled.png b/installer/resources/themes/susimail/midnight/images/next_disabled.png deleted file mode 100644 index da01cb7ac..000000000 Binary files a/installer/resources/themes/susimail/midnight/images/next_disabled.png and /dev/null differ diff --git a/installer/resources/themes/susimail/midnight/images/next_hover.png b/installer/resources/themes/susimail/midnight/images/next_hover.png deleted file mode 100644 index 230f7e7d4..000000000 Binary files a/installer/resources/themes/susimail/midnight/images/next_hover.png and /dev/null differ diff --git a/installer/resources/themes/susimail/midnight/images/previous.png b/installer/resources/themes/susimail/midnight/images/previous.png deleted file mode 100644 index da6a24f53..000000000 Binary files a/installer/resources/themes/susimail/midnight/images/previous.png and /dev/null differ diff --git a/installer/resources/themes/susimail/midnight/images/previous_active.png b/installer/resources/themes/susimail/midnight/images/previous_active.png deleted file mode 100644 index 65a4253c7..000000000 Binary files a/installer/resources/themes/susimail/midnight/images/previous_active.png and /dev/null differ diff --git a/installer/resources/themes/susimail/midnight/images/previous_disabled.png b/installer/resources/themes/susimail/midnight/images/previous_disabled.png deleted file mode 100644 index c49db000f..000000000 Binary files a/installer/resources/themes/susimail/midnight/images/previous_disabled.png and /dev/null differ diff --git a/installer/resources/themes/susimail/midnight/images/previous_hover.png b/installer/resources/themes/susimail/midnight/images/previous_hover.png deleted file mode 100644 index 012880a5f..000000000 Binary files a/installer/resources/themes/susimail/midnight/images/previous_hover.png and /dev/null differ diff --git a/installer/resources/themes/susimail/midnight/images/susimail.png b/installer/resources/themes/susimail/midnight/images/susimail.png deleted file mode 100644 index baa85b7f2..000000000 Binary files a/installer/resources/themes/susimail/midnight/images/susimail.png and /dev/null differ diff --git a/installer/resources/themes/susimail/midnight/mobile.css b/installer/resources/themes/susimail/midnight/mobile.css deleted file mode 100644 index baa2b9f76..000000000 --- a/installer/resources/themes/susimail/midnight/mobile.css +++ /dev/null @@ -1,27 +0,0 @@ -/* Susimail Mobile Theme Override "Midnight" */ - -body { - margin: 0; -} - -.page { - min-width: 560px; - padding: 5px 5px 0 !important; - border-radius: 0; -} - -form { - margin-bottom: 5px; -} - -#dologin { - width: 500px !important; -} - -#mailbox td:nth-child(6), #mailbox th:nth-child(6), #mailbox td:nth-child(8), #mailbox th:nth-child(8) { - display: none; -} - -.header, .footer { - display: none; -} diff --git a/installer/resources/themes/susimail/midnight/susimail.css b/installer/resources/themes/susimail/midnight/susimail.css deleted file mode 100644 index 5b714e1b1..000000000 --- a/installer/resources/themes/susimail/midnight/susimail.css +++ /dev/null @@ -1,1374 +0,0 @@ -/* Susimail "Midnight" by dr|z3d */ -/* Droid Sans font family and css3 compliant browser recommended for optimal results */ - -html { - min-height: 100%; -} - -body { - background-color: #000; - color: #c9ceff; - font-family: "Droid Sans", "Noto Sans", "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Tahoma, Helvetica, sans-serif; - font-size: 9pt; - margin: 6px 5px; -} - -/* preload button mouseovers */ -body { - background: linear-gradient(to bottom, #000, #000), - url(/themes/susimail/images/compose_hover.png) no-repeat, - url(/themes/susimail/images/login_hover.png) no-repeat, - url(/themes/susimail/images/logout_hover.png) no-repeat, - url(/themes/susimail/images/offline_hover.png) no-repeat, - url(/themes/susimail/images/save_hover.png) no-repeat, - url(/themes/susimail/images/send_hover.png) no-repeat, - url(/themes/console/images/buttons/configure_hover.png) no-repeat, - url(/themes/console/images/buttons/delete_hover.png) no-repeat, - url(/themes/console/images/buttons/update_hover.png) no-repeat, #000 !important; - background-size: 100% 100%, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important; -} - -body.iframed { - background: transparent url(/themes/console/images/transparent.gif) !important; - margin: 1px 0 0; -} - -body.iframed { - background: url(/themes/console/images/transparent.gif), - url(/themes/susimail/images/compose_hover.png) no-repeat, - url(/themes/susimail/images/login_hover.png) no-repeat, - url(/themes/susimail/images/logout_hover.png) no-repeat, - url(/themes/susimail/images/offline_hover.png) no-repeat, - url(/themes/susimail/images/save_hover.png) no-repeat, - url(/themes/susimail/images/send_hover.png) no-repeat, - url(/themes/console/images/buttons/configure_hover.png) no-repeat, - url(/themes/console/images/buttons/delete_hover.png) no-repeat, - url(/themes/console/images/buttons/update_hover.png) no-repeat, transparent !important; - background-size: 100% 100%, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important; -} - -* { - outline: none; -} - -.iframed form { - border: 1px solid transparent !important; -} - -div.header { - padding: 8px 5px 12px 5px; -} - -hr { - color: #443da0; - background: #443da0; - height: 1px; - border: 0 solid #443da0; - width: 100%; - margin: 5px 0; - text-align: center; -} - -li { - color: #c9ceff; - line-height: 12pt; - font-size: 10pt; - margin-left: 5mm; - margin-right: 5mm; -} - -p { - color: #c9ceff; - line-height: 12pt; - margin-left: 5mm; - margin-right: 5mm; - font-size: 9pt; -} - -p.hl { - font-size: 12pt; - letter-spacing: 2pt; - line-height: 18pt; - font-weight: bold; -} - -p.text { - margin-left: 10mm; - margin-right: 10mm; -} - -p.info, p.error { - color: #c9ceff; - display: block !important; - border: 1px solid #443da0; - margin: 20px 20px 0 !important; - padding: 15px 10px 15px 45px; - background: #000 url(/themes/console/images/info/infohelp.png) 10px center no-repeat; - background: url(/themes/console/images/info/infohelp.png) 10px center no-repeat, linear-gradient(to right, #000000, #010015 65%, #020018 90%); - text-align: left; - border-radius: 2px; -} - -p.error { - color: #652787; - background: url(/themes/console/images/info/errortriangle.png) no-repeat scroll 10px center #000; - border: 1px solid #652787; - border-radius: 2px; - font-weight: bold; - text-align: justify; - word-wrap: break-word; - padding-left: 60px !important; - display: block !important; -} - -span.coloured { - color: #382dc4; -} - -p.footer, .iframed #footer, .footer hr { - display: none; -} - -p.mailbody, textarea { - font: 9pt "Droid Sans Mono", "Noto Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace; - margin: 0 5px; - text-align: left; -} -.header { - display: none; -} - -.iframed .header { - display: none; -} - -div.topbuttons { - padding: 7px 0 8px !important; - font-weight: bold; - border: 1px solid #443da0; - 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 #443da0; - background: #000; - background: linear-gradient(to bottom, #020020 0%, #0100100%); - background-size: 144px 100px, 100% 100% !important; -} - -.iframed .topbuttons { - border: none; - border-bottom: 1px solid #443da0; - border-radius: 0; -} - -div.topbuttons br { - margin-bottom: 12px !important; -} - -.topbuttons input.next { - margin-bottom: -20px !important; -} - -.bottombuttons br { - display: none; -} - -.bottombuttons input:disabled { - display: none; -} - -td[colspan="9"] hr { - display: none; -} - -.mailbody { -/* display: block !important; */ - padding: 0 10px !important; -} - -table#mailbox { - margin-bottom: 0; -} - -#mailbox th:first-child { - background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #191729 0%, #000 50%) !important; - font-size: 0; - padding: 0; -} - -#mailbox th:nth-child(2) { - background: url(/themes/susimail/images/status.png) center center no-repeat, linear-gradient(to bottom, #191729 0%, #000 50%) !important; - font-size: 0; - padding: 0; - background-blend-mode: luminosity, normal; -} - -#mailbox th:nth-child(3) { - text-align: left; -} - -#mailbox th:nth-child(4) { - background: url(/susimail/icons/attach.png) center right 5px no-repeat, linear-gradient(to bottom, #191729 0%, #000 50%) !important; - font-size: 0; - padding: 0; -} - -table#mailbox td[colspan="5"], table#mailbox td[colspan="4"] { - border-top: 1px solid #443da0 !important; - padding: 6px 0 2px !important; -} - -table#mailbox td[colspan="5"] { - border-bottom: none; - padding-left: 6px !important; - padding-bottom: 6px !important; - background: #000; - background: linear-gradient(to bottom, #010012, #060050%, #0100100%); -} - -table#mailbox td[colspan="4"] { - padding-right: 6px !important; - padding-bottom: 6px !important; - border-bottom: none; - background: #000; - background: linear-gradient(to bottom, #010012, #060050%, #0100100%); -} - -table#mailbox td[colspan="5"] br, table#mailbox td[colspan="4"] br { - display: none; -} - -table#mailbox td[colspan="9"] i { - font-size: 10pt; -} - -table#mailbox td:nth-child(2) { - text-align: right !important; - width: 24px !important; -} - -table#mailbox tr[class^="list"]:hover { - cursor: pointer; -} - -#mailbox td#from { - white-space: nowrap; - width: 100px; -} - -#mailbox td#subject { - max-height: 40px; - overflow: hidden; -} - -input[type="checkbox"], .optbox { - min-width: 16px !important; - min-height: 16px !important; - background: none; - filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%); /* colorize radios and checkboxes */ -} - -input.optbox { - opacity: 0.8; -} - -input.optbox:hover, input.optbox:focus { - opacity: 1.0; - filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%) drop-shadow(0 0 5px #652787); -} - -td#deleteattached { - padding-top: 5px !important; -} - -#attachedfile input[type="checkbox"] { - margin: 0 2px 0 0; - vertical-align: middle; -} - -#attachedfile { - border-bottom: 1px dotted #322e6b; - padding: 5px 5px 5px 8px !important; -} - -tr.bottombuttons:last-child td { - padding-bottom: 20px !important; - border-bottom: 1px solid #443da0 !important; -} - -a:link { - color: #7972d1; - text-decoration: none; - font-weight: bold; -} - -a:hover, a:visited:hover { - color: #652787; -} - -a:visited { - color: #4e47bf; -} - -a:active { - color: #4f0519; -} - -td { - color: #c9ceff; - margin: 0 5px; - font-size: 9pt; - padding: 2px; -} - -tr.list0 { - background-color: #010008; -} - -tr.list1 { - background-color: #010011; -} - -/* mailbox display finessing */ - -tr.list0 td, tr.list1 td { - padding: 4px; - color: #7670c2; -} - -tr.list0:hover td, tr.list1:hover td { - color: #c9ceff; -} - -tr.list0:hover, tr.list1:hover, tr.list0:hover a, tr.list1:hover a { - background: #020020; - color: #652787; -} - -tr.list0:hover td:nth-child(3) a, tr.list1:hover td:nth-child(3) a { - color: #c9ceff !important; -} - - -tr.list0:hover td:first-child, tr.list1:hover td:first-child { -/* background: url(images/highlight.png) left center repeat-y; */ - box-shadow: inset 3px 0 0 #0b0099; -} - -tr.list0:hover td:last-child, tr.list1:hover td:last-child { - box-shadow: inset -3px 0 0 #0b0099; -} - -.list0 td:first-child, .list1 td:first-child, #mailbox th:first-child { - text-align: center !important; - width: 16px; - padding-left: 8px; - padding-right: 8px; -} - -.list0 td:nth-child(2), .list1 td:nth-child(2) { - width: 32px; - text-align: right; -} - -.list0 td:nth-child(3) a, .list1 td:nth-child(3) a { - color: #7670c2 !important; - font-weight: normal; -} - -.list0 td:nth-child(4), .list1 td:nth-child(4) { - min-width: 16px !important; - text-align: right; -} - -table[id="mailbox"] tr th:last-child, .list0 td:last-child, .list1 td:last-child { - min-width: 70px !important; - text-align: right; - padding-right: 20px; - white-space: nowrap; -} - -table[id="mailbox"] th { - font-size: 9pt; - text-transform: uppercase !important; - padding-left: 3px; - text-shadow: 0 1px 1px #000; - letter-spacing: 0.08em; - word-spacing: 0.1em; - border-top: none; - white-space: nowrap; -} - -table[id="mailbox"] th img { - filter: drop-shadow(0 0 1px #652787) hue-rotate(190deg); -} - -table[id="mailbox"] th img:hover { - opacity: 1 !important; -} - -table#mailbox th:nth-child(5), table#mailbox th:nth-child(7) { - text-align: left; -} - -img[class="sort"] { - filter: hue-rotate(180deg); -} - -#mailbox .list0 td, #mailbox .list1 td { - border-bottom: 1px solid #000; -} - -#mailbox tr.bottombuttons td[colspan="9"] { -/* display: none; */ -} - -tr.bottombuttons td { - padding-left: 0 !important; - padding-right: 0 !important; -} - -/* end mailbox finessing */ - -table.noborder { - margin-left: 0; - margin-top: 0; - margin-right: 0; -} - -td:first-child { - font-weight: bold; -} - -pre { - font: 9pt "Droid Sans Mono", "Noto Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace; - margin-left: 1cm; - margin-right: 1cm; -} - -.page { - color: #c9ceff; - margin: 0; - padding: 0; - font-size: 9pt !important; - text-align: center; - min-width: 700px; -} - -table { - width: 100%; -} - -th { - font-size: 9pt; - font-weight: bold; - background: #001; - background: linear-gradient(to bottom, #191729 0%, #000 50%) !important; - padding: 7px; - border-bottom: 1px solid #443da0; - border-top: 1px solid #443da0; -} - -form { - line-height: 160%; - border-radius: 2px; - padding-bottom: 0; - border: 1px solid #443da0; - background: #000; -} - -form table { - margin-bottom: 5px; -} - -textarea { - background: #000; - color: #c9ceff; - border: 1px solid #443da0; - border-radius: 2px; - padding: 5px; -} - -textarea[name="config_text"] { - margin-bottom: 10px; - resize: none; -} - -/* compose mail */ - -textarea[name="new_text"] { - min-width: 581px; - margin: 10px 0 10px 3px; - text-align: left; -} - -td#addattach { - padding-left: 5px !important; -} - -td#attachedfile { - padding: 2px 0; -} - -#mailhead { - font-size: 9pt; - font-weight: bold; - background: #002; - border: 1px solid #443da0; - border-left: none; - border-right: none; -} - -.iframed #mailhead { - margin-top: 3px; -} - -#mailhead td:first-child { - text-align: right; - width: 100px; - white-space: nowrap; -} - -#mailhead td:last-child { - font-weight: normal; -} - -div#composemail { - text-align: center !important; - padding: 50px; -} - -#composemail table { - width: auto; - margin: auto; -} - -#composemail table td { - padding: 2px 5px; -} - -#newmail input[type="text"], #composemail textarea { - width: 100%; -} - -/* end compose mail */ - -input, label { - cursor: pointer; -} - -input[type="file"] { - border: none; - padding: 0 !important; -} - -input[type="file"]:hover { - color: #652787; -} - -input.new_upload { - float: right; -} - -input { - font-size: 9pt; - font-weight: bold; - text-align: left; - padding: 2px 2px 3px !important; - border-radius: 2px; - border: 1px solid #443da0; - color: #4e47bf; - margin: 3px; - font: bold 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; -} - -input.optbox { - min-width: 16px !important; - min-height: 16px !important; -} - -input[type=submit]::-moz-focus-inner, input.cancel::-moz-focus-inner { - border: none; - box-shadow: none; -} - -select, -input[type=submit], input.cancel { - color: #4e47bf; - background: #000; - background: linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - border: 1px solid #3e3f8f; - border-bottom-color: #14144f; - border-right-color: #14144f; - font: bold 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; - text-align: center; - padding: 5px 8px !important; - margin: 4px 5px; - box-shadow: inset 0 0 0 1px #000; -} - -input[type=submit]:hover, input.cancel:hover, -input[type=submit]:focus, input.cancel:focus { - color: #652787; - background: #000 !important; - border: 1px solid #652787; - box-shadow: inset 0 1px 1px 0 #c9ceff; -} - -input[type=submit]:active, input.cancel:active { - border: 1px inset #652787; - background: #652787 !important; - color: #c9ceff !important; - box-shadow: inset 3px 3px 3px #000 !important; - box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px #000 !important; -} - -input[type=text], input[type=password], textarea { - color: #7670c2; - background: #000; - cursor: text; - padding: 4px !important; - border: 1px solid #322e6b; -} - -#dologin input:disabled, #dologin input:disabled:hover, #dologin input:disabled:active { - border: none; - color: #9b9ebf; - margin: 0; - padding-top: 3px; - box-shadow: none; - background: none !important; - text-align: left !important; - cursor: default; -} - -input[name="user"], input[name="pass"] { - border: 1px solid #322e6b; - background: #000; -} - -input[name="user"]:focus, input[name="pass"]:focus, input[type="text"]:focus, textarea:focus { - border: 1px solid #443da0; - color: #c9ceff; - box-shadow: 0 0 0 1px rgba(101, 39, 135, 0.5); -} - -input[name="host"], input[name="pop3"], input[name="smtp"] { - display: inline !important; - margin-top: 3px !important; - font-family: "Droid Sans Mono", "Noto Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace; - color: #652787; - background: none !important; - border-radius: 0; - box-shadow: none; -} - -input.delete { - margin-left: 2px; -} -.page td[colspan="2"] { - text-align: left; - padding: 0 0 10px 0; -} - -.page td[colspan="2"] hr { - display: none;] -} - -/* login + misc mods */ - -div.notifications { - text-align: center; - padding: 0 0 20px; -} - -div#dologin { - border: 1px solid #443da0; - margin: 20px auto; - width: 600px; - padding: 0 0 10px; - background: #010010; - border-radius: 2px; - background: linear-gradient(to bottom, #000000, #060050%, #0100100%); - background: linear-gradient(to bottom, #000000, #000600 50%, #000010 100%); -} - -#dologin h1 { - border: 1px solid #443da0; - padding: 10px 10px 10px 48px; - margin: -1px -1px 15px -1px; - border-radius: 2px 2px 0 0; - text-transform: uppercase; - font-size: 14pt; - letter-spacing:0.08em; - word-spacing: 0.1em; - text-align:left; - background: #020020 url("/themes/console/images/email.png") 8px center no-repeat; - background: url("images/mail.png") 8px center no-repeat, linear-gradient(to bottom, #191729 0%, #000 50%) !important; - text-shadow: 0 1px 1px #000; - box-shadow: inset 0 0 0 1px #000; -} - -#dologin table { - width: 100%; - margin-bottom: -9px; - border-collapse: collapse; - border-spacing: 0 !important; -} - -#dologin td { - padding: 1px 2px !important; -} - -#dologin td:first-child { - width: 29%; - white-space: nowrap; -} - -#dologin td:last-child { - width: 71%; - white-space: nowrap; -} - -#dologin td[colspan="2"] { - text-align: center; - padding: 3px 3px 5px !important; -} - -#dologin hr { - display: block; - background: #040033; - box-shadow: 0 1px 1px 1px #000; - margin: 5px 0 8px; - opacity: 0.5; -} - -#dologin tr:last-child hr { - margin-top: 6px; - margin-bottom: 5px; -} - -.iframed #dologin tr:nth-child(6) hr { - margin-top: 5px; -} - -#dologin tr:last-child a { - display: inline-block; - margin: 8px -2px 6px; - padding: 3px 10px; - border: 1px solid #003; - border-radius: 25px; - background: #002; - box-shadow: 0 0 1px rgba(0,0,0,0); -} - -#dologin tr:last-child a:hover { - background: #030; - background: linear-gradient(to bottom, #003 50%, #000 50%) #000; - box-shadow: 0 0 1px #000; - transition: ease all 0.2s; -} - -#dologin tr:last-child a:active { - border: 1px solid #000; - background: #001; - box-shadow: inset 3px 3px 3px #000; - transition: ease all 0.2s; - color: #337 !important; -} - -#dologin tr:last-child td { - color: transparent; -} - -div.notifications + div#dologin { - margin-top: 0; -} - -h3#config { - border: 1px solid #443da0; - padding: 5px; - margin: 3px auto 18px auto; - width: 400px; - font-size: 10pt; - text-transform: uppercase; - letter-spacing: 0.08em; - word-spacing: 0.1em; - background: #020017; - border-radius: 0 0 2px 2px; - background: linear-gradient(to bottom, #010010 0%, #020019 50%, #060051%, #0100100%) !important; -} - -div#mailheader { - padding: 10px; - margin: 3px -1px; - border: 1px solid #443da0; - font-size: 10pt !important; - background: #020019; -} - -#mailheader table { - min-width: 300px; -} - -#mailheader table td { - font-size: 10pt; -} - -#mailheader table td:first-child { - white-space: nowrap; - width: 20px; -} - -p.mailbody { - margin: 0; - background: #000; - padding: 5px 20px 20px !important; -} - -.mailbody + hr, #attached + hr { - display: none; -} - -div.attached { - border: 1px solid #443da0; - margin: 0 -1px -1px; - border-radius: 0 0 2px 2px; - padding: 10px 10px 10px 30px !important; - background: #020019 url(images/attach.png) 5px center no-repeat; - background-size: 20px 20px; -} - -.iframed div.attached { - border-left: none; - border-right: none; - border-radius: 0; -} - -.attached p.mailbody { - padding: 5px !important; - background: none; -} - -.attached img { - border: 1px solid #443da0; - border-radius: 2px; - image-orientation: from-image; -} - -div#emptymailbox { - padding: 20px 10px; -} - -table#pagenav { - width: 100%; - margin: 7px auto -3px; - border-top: 1px solid #443da0; - background: #000; - background: linear-gradient(to bottom, #010010 0%, #020019 50%, #060051%, #0100100%) !important; -} - -table#pagenav td { - white-space: nowrap; - font-size: 10pt; - font-weight: bold; - letter-spacing: 0.1em; - word-spacing: 0.1em; - padding: 3px 5px; - text-align: center; - color: #c9ceff; -} - -table#pagenav td:first-child { - text-align: right; - width: 46%; -} - -table#pagenav td:nth-child(2) { - padding-left: 35px; -} - -table#pagenav td:nth-child(3) { - text-align: center !important; - min-width: 100px; -} - -table#pagenav td:last-child { - text-align: left; - width: 46%; -} - -.topbuttons table#pagenav { - margin-bottom: -8px; -} - -.bottombuttons table#pagenav { - margin-top: -2px; -} - -div#bottombuttons { /* config page button positioning */ - margin: -6px 0 15px; -} - -#pagenav input:disabled, #pagenav input:disabled:hover, #pagenav input:disabled:active { - border: 1px solid #3e3d4b !important; - cursor: default; - opacity: 0.5; - box-shadow: none !important; - background: #652787 !important; - display: inline; -} - -#pagenav input[type="submit"] { - font-size: 0; - width: 22px !important; - min-width: 22px !important; - height: 22px; - margin: 3px 1px !important; -} - -#pagenav input.firstpage { - background: #000 url(images/first.png) center center no-repeat !important; - background-size: 12px 12px !important; -} - -#pagenav input.firstpage:hover { - background: #000 url(images/first_hover.png) center center no-repeat !important; - background-size: 12px 12px !important; -} - -#pagenav input.firstpage:active { - background: #652787 url(images/first_active.png) center center no-repeat !important; - background-size: 12px 12px !important; -} - -#pagenav input[name="firstpage"]:disabled { - background: #000 url(images/first_disabled.png) center center no-repeat !important; - background-size: 12px 12px !important; -} - -#pagenav input.prevpage { - background: #000 url(images/previous.png) center center no-repeat !important; - background-size: 12px 12px !important; -} - -#pagenav input.prevpage:hover { - background: #000 url(images/previous_hover.png) center center no-repeat !important; - background-size: 12px 12px !important; -} - -#pagenav input.prevpage:active { - background: #652787 url(images/previous_active.png) center center no-repeat !important; - background-size: 12px 12px !important; -} - -#pagenav input[name="prevpage"]:disabled { - background: #000 url(images/previous_disabled.png) center center no-repeat !important; - background-size: 12px 12px !important; -} - -#pagenav input.nextpage { - background: #000 url(images/next.png) center center no-repeat !important; - background-size: 12px 12px !important; -} - -#pagenav input.nextpage:hover { - background: #000 url(images/next_hover.png) center center no-repeat !important; - background-size: 12px 12px !important; -} - -#pagenav input.nextpage:active { - background: #652787 url(images/next_active.png) center center no-repeat !important; - background-size: 12px 12px !important; -} - -#pagenav input[name="nextpage"]:disabled { - background: #000 url(images/next_disabled.png) center center no-repeat !important; - background-size: 12px 12px !important; -} - -#pagenav input.lastpage { - background: #000 url(images/last.png) center center no-repeat !important; - background-size: 12px 12px !important; -} - -#pagenav input.lastpage:hover { - background: #000 url(images/last_hover.png) center center no-repeat !important; - background-size: 12px 12px !important; -} - -#pagenav input.lastpage:active { - background: #652787 url(images/last_active.png) center center no-repeat !important; - background-size: 12px 12px !important; -} - -#pagenav input[name="lastpage"]:disabled { - background: #000 url(images/last_disabled.png) center center no-repeat !important; - background-size: 12px 12px !important; -} - -/* end pagenav */ - -#prefsave { - padding: 10px 10px 20px; -} - - -/* illustrated buttons inc */ - -input[type="submit"][class], input[type="cancel"][class], -input[type="submit"][class]:hover, input[type="cancel"][class]:hover, -input[type="submit"][class]:focus, input[type="cancel"][class]:focus { - background-size: 14px 14px, 100% 100% !important; -} - -input.cancel { - background: #000 url(/themes/console/images/buttons/no.png) no-repeat 6px center !important; - background: url(/themes/console/images/buttons/no.png) no-repeat 6px center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 7px 5px 23px !important; -} - -input.cancel:hover, input.cancel:focus { - background: #000 url(/themes/console/images/buttons/no.png) no-repeat 6px center !important; -} - -input.clearselection { - background: #000 url(/themes/susimail/images/none.png) no-repeat 6px center !important; - background: url(/themes/susimail/images/none.png) no-repeat 6px center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 7px 5px 23px !important; -} - -input.clearselection:hover, input.clearselection:focus { - background: #000 url(/themes/susimail/images/none.png) no-repeat 6px center !important; -} - -input.delete, input.delete_attachment, input.really_delete { - background: #000 url(/themes/console/images/buttons/delete.png) no-repeat 6px center !important; - background: url(/themes/console/images/buttons/delete.png) no-repeat 6px center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 7px 5px 23px !important; -} - -input.delete:hover, input.delete_attachment:hover, input.really_delete:hover, -input.delete:focus, input.delete_attachment:focus, input.really_delete:focus { - background: #000 url(/themes/console/images/buttons/delete_hover.png) no-repeat 6px center !important; -} - -input.download { - background: #000 url(/themes/console/images/buttons/download.png) no-repeat 6px center !important; - background: url(/themes/console/images/buttons/download.png) no-repeat 6px center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 7px 5px 23px !important; -} - -input.download:hover, input.download:focus { - background: #000 url(/themes/console/images/buttons/download.png) no-repeat 6px center !important; -} - -input.offline { - background: #000 url(/themes/susimail/images/offline.png) no-repeat 6px center !important; - background: url(/themes/susimail/images/offline.png) no-repeat 6px center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 7px 5px 23px !important; -} - -input.offline:hover, input.offline:focus { - background: #000 url(/themes/susimail/images/offline_hover.png) no-repeat 6px center !important; -} - -input.list, input.moveto, #pagenav input.switchto { - background: #000 url(/themes/susimail/images/folder.png) no-repeat 6px center !important; - background: url(/themes/susimail/images/folder.png) no-repeat 6px center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 7px 5px 23px !important; -} - -#pagenav input.switchto { - margin: -31px 3px 5px 3px !important; -} - -input.list:hover, input.moveto:hover, input.switchto:hover, -input.list:focus, input.moveto:focus, input.switchto:focus { - background: #000 url(/themes/susimail/images/folder-open.png) no-repeat 6px center !important; -} - -input.forward { - background: #000 url(/themes/susimail/images/forward.png) no-repeat 6px center !important; - background: url(/themes/susimail/images/forward.png) no-repeat 6px center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 7px 5px 23px !important; -} - -input.forward:hover, input.forward:focus { - background: #000 url(/themes/susimail/images/forward.png) no-repeat 6px center !important; -} - -input.login { - background: #000 url(/themes/susimail/images/login.png) no-repeat 6px center !important; - background: url(/themes/susimail/images/login.png) no-repeat 6px center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 7px 5px 23px !important; -} - -input.login:hover, input.login:focus { - background: #000 url(/themes/susimail/images/login_hover.png) no-repeat 6px center !important; -} - -input.logout { - background: #000 url(/themes/susimail/images/logout.png) no-repeat 6px center !important; - background: url(/themes/susimail/images/logout.png) no-repeat 6px center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 7px 5px 23px !important; -} - -input.logout:hover, input.logout:focus { - background: #000 url(/themes/susimail/images/logout_hover.png) no-repeat 6px center !important; -} - -input.reload, input.refresh { - background: #000 url(/themes/console/images/buttons/update.png) no-repeat 6px center !important; - background: url(/themes/console/images/buttons/update.png) no-repeat 6px center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 7px 5px 23px !important; -} - -input.reload:hover, input.refresh:hover, -input.reload:focus, input.refresh:focus { - background: #000 url(/themes/console/images/buttons/update_hover.png) no-repeat 6px center !important; -} - -input.invertselection { - background: #000 url(/themes/susimail/images/selection.png) no-repeat 6px center !important; - background: url(/themes/susimail/images/selection.png) no-repeat 6px center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 7px 5px 23px !important; -} - -input.invertselection:hover, input.invertselection:focus { - background: #000 url(/themes/susimail/images/selection.png) no-repeat 6px center !important; -} - -input.show { - background: #000 url(/themes/console/images/buttons/yes.png) no-repeat 6px center !important; - background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 7px 5px 23px !important; -} - -input.show:hover, input.show:focus { - background: #000 url(/themes/console/images/buttons/yes.png) no-repeat 6px center !important; -} - -input.markall { - background: #000 url(/themes/susimail/images/all.png) no-repeat 6px center !important; - background: url(/themes/susimail/images/all.png) no-repeat 6px center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 7px 5px 23px !important; -} - -input.markall:hover, input.markall:focus { - background: #000 url(/themes/susimail/images/all.png) no-repeat 6px center !important; -} - -input.new { - background: #000 url(/themes/susimail/images/compose.png) no-repeat 6px center !important; - background: url(/themes/susimail/images/compose.png) no-repeat 6px center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 7px 5px 23px !important; -} - -input.new:hover, input.new:focus { - background: #000 url(/themes/susimail/images/compose_hover.png) no-repeat 6px center !important; -} - -input.reply { - background: #000 url(/themes/susimail/images/reply.png) no-repeat 6px center !important; - background: url(/themes/susimail/images/reply.png) no-repeat 6px center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 7px 5px 23px !important; -} - -input.reply:hover, input.reply:focus { - background: #000 url(/themes/susimail/images/reply.png) no-repeat 6px center !important; -} - -input.replyall { - background: #000 url(/themes/susimail/images/reply-all.png) no-repeat 6px center !important; - background: url(/themes/susimail/images/reply-all.png) no-repeat 6px center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 7px 5px 23px !important; -} - -input.replyall:hover, input.replyall:focus { - background: #000 url(/themes/susimail/images/reply-all.png) no-repeat 6px center !important; -} - -input.setpagesize, input.save { - background: #000 url(/themes/console/images/buttons/yes.png) no-repeat 6px center !important; - background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 7px 5px 23px !important; -} - -input.setpagesize:hover, input.save:hover, -input.setpagesize:focus, input.save:focus { - background: #000 url(/themes/console/images/buttons/yes.png) no-repeat 6px center !important; -} - -input.send { - background: #000 url(/themes/susimail/images/send.png) no-repeat 6px center !important; - background: url(/themes/susimail/images/send.png) no-repeat 6px center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 7px 5px 23px !important; -} - -input.send:hover, input.send:focus { - background: #000 url(/themes/susimail/images/send_hover.png) no-repeat 6px center !important; -} - -input.configure { - background: #000 url(/themes/console/images/buttons/configure.png) no-repeat 6px center !important; - background: url(/themes/console/images/buttons/configure.png) no-repeat 6px center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 7px 5px 23px !important; -} - -input.configure:hover, input.configure:focus { - background: #000 url(/themes/console/images/buttons/configure_hover.png) no-repeat 6px center !important; -} - -input.saveas { - background: #000 url(/themes/susimail/images/save.png) no-repeat 6px center !important; - background: url(/themes/susimail/images/save.png) no-repeat 6px center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 7px 5px 23px !important; -} - -input.saveas:hover, input.saveas:focus { - background: #000 url(/themes/susimail/images/save_hover.png) no-repeat 6px center !important; -} - -input.new_upload { - background: #000 url(/themes/susimail/images/attach.png) no-repeat 6px center !important; - background: url(/themes/susimail/images/attach.png) no-repeat 6px center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 7px 5px 23px !important; -} - -input.new_upload:hover, input.new_upload:focus { - background: #000 url(/themes/susimail/images/attach.png) no-repeat 6px center !important; -} - -/* pagenav */ - -input.firstpage, input[name="firstpage"], -input.firstpage[disabled]:hover, input[name="firstpage"][disabled]:hover { - background: #000 url(/themes/susimail/images/first.png) no-repeat center center; - background: url(/themes/susimail/images/first.png) no-repeat center center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 10px !important; - text-indent: -99999px; - background-size -} - -input.firstpage:hover, input[name="firstpage"]:hover, -input.firstpage:focus, input[name="firstpage"]:focus { - background: #000 url(/themes/susimail/images/first.png) no-repeat center center; -} - -input.lastpage, input[name="lastpage"], -input.lastpage[disabled]:hover, input[name="lastpage"][disabled]:hover, -input.lastpage[disabled]:focus, input[name="lastpage"][disabled]:focus { - background: #000 url(/themes/susimail/images/last.png) no-repeat center center; - background: url(/themes/susimail/images/last.png) no-repeat center center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 10px !important; - text-indent: -99999px; -} - -input.lastpage:hover, input[name="lastpage"]:hover, -input.lastpage:focus, input[name="lastpage"]:focus { - background: #000 url(/themes/susimail/images/last.png) no-repeat center center; -} - -input.prevpage, input.prev, input[name="prev"], input[name="prevpage"], -input.prevpage[disabled]:hover, input.prev[disabled]:hover, input[name="prev"][disabled]:hover, input[name="prevpage"][disabled]:hover, -input.prevpage[disabled]:focus, input.prev[disabled]:focus, input[name="prev"][disabled]:focus, input[name="prevpage"][disabled]:focus { - background: #000 url(/themes/susimail/images/previous.png) no-repeat center center; - background: url(/themes/susimail/images/previous.png) no-repeat center center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 10px !important; - text-indent: -99999px; -} - -input.prevpage:hover, input.prev, input[name="prev"]:hover, input[name="prevpage"]:hover, -input.prevpage:focus, input.prev, input[name="prev"]:focus, input[name="prevpage"]:focus { - background: #000 url(/themes/susimail/images/previous.png) no-repeat center center !important; -} - -input.nextpage, input.next, input[name="nextpage"], input[name="next"], -input.nextpage[disabled]:hover, input.next[disabled]:hover, input[name="nextpage"][disabled]:hover, input[name="next"][disabled]:hover, -input.nextpage[disabled]:focus, input.next[disabled]:focus, input[name="nextpage"][disabled]:focus, input[name="next"][disabled]:focus { - background: #000 url(/themes/susimail/images/next.png) no-repeat center center; - background: url(/themes/susimail/images/next.png) no-repeat center center, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; - padding: 5px 10px !important; - text-indent: -99999px; -} - -input.nextpage:hover, input.next:hover, input[name="nextpage"]:hover, -input.nextpage:focus, input.next:focus, input[name="nextpage"]:focus { - background: #000 url(/themes/susimail/images/next.png) no-repeat center center !important; -} - -input.prev, input[name="next"], input.prev[disabled], input[name="next"][disabled], -input.prev:hover, input[name="next"]:hover, input.prev[disabled]:hover, input[name="next"][disabled]:hover { - padding: 5px 15px !important; -} - -input[type="submit"][disabled], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus, input[type="submit"][disabled]:active { - opacity: 0.5; - box-shadow: none; - cursor: default; - border: 1px solid #3e3f8f !important; - border-bottom-color: #14144f !important; - border-right-color: #14144f !important; -} - -/* end pagenav */ - -/* end illustrated buttons */ - -input[type=submit]:active, input.cancel:active { - border: 1px solid #652787; - background-color: #652787 !important; - background-blend-mode: luminosity; - color: #c9ceff !important; - box-shadow: inset 3px 3px 3px #000 !important; - box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px #000 !important; -} - -/* responsive layout */ - -@media screen and (max-width: 700px) { -.topbuttons input[type="submit"], .topbuttons input[type="reset"] { - min-width: 50px !important; - margin: 3px 5px !important; -} -} - -@media screen and (min-width: 1300px) { -.iframed body, .iframed td, .iframed textarea, .iframed div, .iframed p.mailbody, .iframed input, .iframed input[type="submit"], .iframed input[type="reset"], .iframed p.error { - font-size: 10pt !important; -} - -.iframed .topbuttons input[type="submit"], .iframed .topbuttons input[type="reset"] { - margin: 3px 5px !important; -} - -.iframed #pagenav input { - font-size: 0 !important; -} -} - -@media screen and (min-width: 1500px) { -body, td, textarea, div, p.mailbody, input, input[type="submit"], input[type="reset"], p.error { - font-size: 10pt !important; -} - -.topbuttons input[type="submit"], .topbuttons input[type="reset"] { - margin: 3px 5px !important; -} - -#pagenav input { - font-size: 0 !important; -} -} - -/* end responsive layout */ - -/* Edge/IE tweaks */ -_:-ms-lang(x), * { - filter: none !important; -} - -/* end Edge/IE tweaks */