From 83c9dc7437379a3c45f4f1affc8153bbd82bb770 Mon Sep 17 00:00:00 2001 From: str4d Date: Mon, 6 Mar 2017 04:41:22 +0000 Subject: [PATCH] Console theme updates --- .../themes/console/classic/console.css | 164 ++++++- .../themes/console/classic/console_big.css | 32 +- .../themes/console/classic/i2ptunnel.css | 10 +- .../resources/themes/console/dark/console.css | 324 +++++++++---- .../themes/console/images/info/export_key.png | Bin 0 -> 1870 bytes .../console/images/info/leave_family.png | Bin 0 -> 2342 bytes .../themes/console/light/console.css | 454 +++++++++++++----- .../themes/console/light/console_big.css | 4 + .../themes/console/light/images/noise.png | Bin 0 -> 2601 bytes .../themes/console/midnight/console.css | 204 ++++++-- 10 files changed, 918 insertions(+), 274 deletions(-) create mode 100644 installer/resources/themes/console/images/info/export_key.png create mode 100644 installer/resources/themes/console/images/info/leave_family.png create mode 100644 installer/resources/themes/console/light/images/noise.png diff --git a/installer/resources/themes/console/classic/console.css b/installer/resources/themes/console/classic/console.css index 32359341c..2cf77e84b 100644 --- a/installer/resources/themes/console/classic/console.css +++ b/installer/resources/themes/console/classic/console.css @@ -241,6 +241,14 @@ div.routersummary { line-height: 125%; } +div.routersummary img[src$="i2plogo.png"] { + margin-top: 3px; + margin-left: 0; + width: 173px; + height: auto; + filter: drop-shadow(0 0 1px #ccc); +} + .routersummary a { padding: 2px; } @@ -359,10 +367,27 @@ div.routersummary td { border: 0 !important; } +#sb_general, #sb_shortgeneral, #sb_bandwidth, #sb_peers, #sb_tunnels, #sb_queue { + margin-bottom: -4px !important; +} + +#sb_general td:first-child::after, #sb_shortgeneral td:first-child::after, #sb_bandwidth td:first-child::after, +#sb_peers td:first-child::after, #sb_tunnels td:first-child::after, #sb_queue td:first-child::after { + content: ""; + display: inline-block; + min-height: 14px; +} + +/* #sb_peers td, #sb_tunnels td, #sb_queue td, #sb_bandwidth td, #sb_general td, #sb_shortgeneral td { padding-top: 1px; padding-bottom: 1px; } +*/ + +#sb_peers 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 { + white-space: nowrap; +} #sb_bandwidth td:nth-child(2) { white-space: nowrap; @@ -446,7 +471,7 @@ div.newsheadings ul { } #sb_localtunnels td:first-child { - width: 16px !important; + width: 12px !important; padding-right: 0; text-align: left; } @@ -1051,13 +1076,6 @@ button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="re border: 1px solid #89f; } -.routersummary .download { - background: url(/themes/console/images/buttons/download.png) 3px center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%); - background-size: 16px 16px, 100% 100% !important; - padding: 5px 3px 5px 21px !important; -/* margin-top: -4px;*/ -} - /* Show text on context specific buttons (eg deferred shutdown) */ .routersummary .reload[value="restartImmediate"], .routersummary .stop[value="shutdownImmediate"], .routersummary .reload[value="Reseed"] { @@ -1091,10 +1109,17 @@ button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="re background: url(/themes/console/images/buttons/download.png) center left 4px no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important; } +.routersummary .download { + background: url(/themes/console/images/buttons/download.png) 4px center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%); + background-size: 14px 14px, 100% 100% !important; + padding: 5px 3px 5px 18px !important; +/* margin-top: -4px;*/ +} + .routersummary .download:hover, .routersummary .download:focus, .routersummary .download:active { background: url(/themes/console/images/buttons/download.png) 4px center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%); - background-size: 16px 16px, 100% 100% !important; - padding: 5px 3px 5px 21px !important; + background-size: 14px 14px, 100% 100% !important; + padding: 5px 3px 5px 18px !important; } /* @@ -1405,7 +1430,7 @@ table.configtable, table#permabanned, table#loggingoptions, table#configstats, u border-bottom: 1px solid #89f; } -table#joinfamily { +table#joinfamily, #exportfamily{ margin-top: 15px !important; } @@ -1414,6 +1439,23 @@ table#newfamily { 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; +} + table#peerdefs td:first-child { text-align: right; width: 50px; @@ -1569,6 +1611,10 @@ ul#banlist { font-size: 8pt; } +ul#banlist + h3.tabletitle { + margin-top: 9px !important; +} + #banlist li { list-style: none !important; border-bottom: 1px dotted #89f; @@ -1590,6 +1636,72 @@ ul#banlist { margin-top: 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 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%); + border-top: 1px solid #89f !important; + border-bottom: 1px solid #89f !important; +} + +/* end /configpeer banlist */ + + .widescroll { overflow: auto; } @@ -1741,7 +1853,9 @@ div.configure h2:first-child { padding: 2px; } -#sidebarconf tr, .homelinkedit tr, #clientconfig tr, #webappconfig tr, #permabanned 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 { +#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 inset #fff; border-bottom: 1px inset #fff; } @@ -2062,6 +2176,7 @@ th { text-align: center; border-bottom: 1px solid #89f; border-top: 1px solid #89f; + font-size: 9pt; } th.th_title { @@ -2589,7 +2704,7 @@ table#oldhome { .homelinkedit th:first-child, #sidebarconf 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%); - font-size: 0; + font-size: 0 !important; } .homelinkedit th:last-child, .homelinkedit th:nth-child(3) { @@ -3153,10 +3268,6 @@ div.themechoice { margin-bottom: 31px !important; } -.themechoice .optbox:hover + img { -/* box-shadow: 0 0 1px 1px #33f;*/ -} - .themechoice .optbox:hover + img ~ div.themelabel { color: #f60; font-weight: bold; @@ -4363,12 +4474,11 @@ p#enablefullstats, p#gatherstats { @media screen and (min-width: 1500px) { body, .main, .main td, .news p, #news p, .tab, .tab2, .main li b, div.joblog li, .themelabel, .ui_lang, .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 { +.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: 10pt !important; } -.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, -div.news { +.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.news, #banlist li { font-size: 9pt !important; } @@ -4380,11 +4490,11 @@ div.news { width: 225px !important; } -.routersummary div[style="height: 36px;"] { -} - -.routersummary img[src$="i2plogo.png"] { - transform: scale(1.1); +div.routersummary img[src$="i2plogo.png"] { + margin-left: -2px; + transform: none; + width: 210px; + margin-top: -1px; } .routersummary table[id^="sb_"] { @@ -4477,3 +4587,7 @@ div.joblog h3 { font-size: 10.5pt !important; } } + +/* end responsive layout */ + + diff --git a/installer/resources/themes/console/classic/console_big.css b/installer/resources/themes/console/classic/console_big.css index f1af8d59b..cde134f69 100644 --- a/installer/resources/themes/console/classic/console_big.css +++ b/installer/resources/themes/console/classic/console_big.css @@ -30,8 +30,8 @@ div.routersummary h4, .routersummary h4 a { letter-spacing: 0; } -div.routersummary table { - font-size: 12pt; +div.routersummary td { + font-size: 11pt; } div.routersummary { @@ -42,25 +42,31 @@ div.routersummary table { width: 219px !important; } -.routersummary #bandwidth td:first-child { +#sb_bandwidth td:first-child { width: 20px !important; white-space: nowrap; } -.routersummary #bandwidth td:last-child { +#sb_bandwidth td:last-child { width: 80% !important; } +#sb_bandwidth td:last-child, #sb_peers td:last-child, #sb_queue td:last-child, #sb_tunnels td:last-child, #sb_general td:last-child, #sb_shortgeneral td:last-child { + font-size: 10pt !important; +} + div.routersummary table a:link, div.routersummary table a:visited { font-size: 12pt; font-weight: normal; text-shadow: none; } +/* .routersummary a img:first-child { transform: scale(1.2); -webkit-transform: scale(1.2); } +*/ div.tunnels a { font-size: 12pt !important; @@ -141,6 +147,12 @@ table code { font-weight: normal; } +.applabel a { + padding: 0 2px 6px !important; +} + + + .themelabel, .ui_lang { font-size: 12pt !important; font-weight: normal !important; @@ -156,4 +168,16 @@ div.themechoice, div.langselect { .tab2::before, .tab2::after { font-size: 16pt; +} + +@media screen and (min-width: 1500px) { +body, .main, .main td, .news p, #news p, .tab, .tab2, .main li b, div.joblog li, .themelabel, .ui_lang, .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; +} } \ No newline at end of file diff --git a/installer/resources/themes/console/classic/i2ptunnel.css b/installer/resources/themes/console/classic/i2ptunnel.css index fccfd49c5..7f5520280 100644 --- a/installer/resources/themes/console/classic/i2ptunnel.css +++ b/installer/resources/themes/console/classic/i2ptunnel.css @@ -527,7 +527,7 @@ input { } #localDestination, .authentication { - height: 30px !important; + height: 32px !important; } #leasesetKey { @@ -643,12 +643,12 @@ input.tunnelName, input.tunnelDescription, #userAgents { } .username { - background: url(/themes/console/images/buttons/user.png) 3px center no-repeat; + background: #fff url(/themes/console/images/buttons/user.png) 3px center no-repeat; padding-left: 22px; } .password { - background: url(/themes/console/images/buttons/password.png) 3px center no-repeat; + background: #fff url(/themes/console/images/buttons/password.png) 3px center no-repeat; padding-left: 22px; } @@ -847,4 +847,8 @@ th { h2, h3 { font-size: 12pt; } + +#localDestination, .authentication { + height: 34px !important; +} } \ No newline at end of file diff --git a/installer/resources/themes/console/dark/console.css b/installer/resources/themes/console/dark/console.css index a8d296cc7..f7c99cb99 100644 --- a/installer/resources/themes/console/dark/console.css +++ b/installer/resources/themes/console/dark/console.css @@ -184,51 +184,6 @@ div.warning { } */ -/* responsive proxy errors */ - -@media screen and (max-width: 800px) { -.warning { - margin-left: 20px !important; - background: url(images/camotile2.png) !important; - padding-left: 25px !important; -} - -.logo { - display: none; -} -} - -@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 */ - div.routersummaryouter { float: left; width: 200px; @@ -259,6 +214,10 @@ div.routersummary { div.routersummary img[src$="i2plogo.png"] { opacity: 0.9; transition: ease filter 0.3s 0s, ease opacity 0.3s 0s; + margin-top: 1px; + margin-left: -1px; + width: 176px; + height: auto; } div.routersummary img[src$="i2plogo.png"]:hover { @@ -287,7 +246,6 @@ div.routersummary hr { background: #494; height: 1px; margin: 9px -10px 7px -10px; - } div.routersummary h3 { @@ -350,15 +308,27 @@ div.routersummary table { background-color: transparent !important; } +#sb_general, #sb_shortgeneral, #sb_bandwidth, #sb_peers, #sb_tunnels, #sb_queue { + margin-bottom: -4px !important; +} + +#sb_general td:first-child::after, #sb_shortgeneral td:first-child::after, #sb_bandwidth td:first-child::after, +#sb_peers td:first-child::after, #sb_tunnels td:first-child::after, #sb_queue td:first-child::after { + content: ""; + display: inline-block; + min-height: 14px; +} + +/* #sb_peers td, #sb_tunnels td, #sb_queue td, #sb_bandwidth td, #sb_general td, #sb_shortgeneral td { padding-top: 1px; padding-bottom: 1px; } +*/ #sb_localtunnels { margin: -4px -7px -7px -8px !important; - /*width: 191px !important;*/ - text-transform: capitalize; +/* text-transform: capitalize;*/ } #sb_localtunnels td:first-child { @@ -380,6 +350,10 @@ div.routersummary table { line-height: 120%; } +#sb_internals td, #sb_services td, #sb_advanced td { /* color ellipsis */ + color: #595 !important; +} + #sb_internals a, #sb_services a, #sb_advanced a { padding: 1px 2px; } @@ -630,14 +604,18 @@ div.sorry { width: auto; border: 1px solid #494; border-radius: 0 0 2px 2px; - background: #000 url(images/scarface.jpg) right bottom no-repeat; -/* background: linear-gradient(45deg, rgba(0,0,0,0.5), rgba(0,34,0,0.3)), url(images/camotile2.png); - background-size: 3px 3px, 175px 175px;*/ + background: #000 url("images/camotile2.png") !important; min-width: 620px; box-shadow: 0 1px 5px #000; font-size: 9pt; } +.main, .routersummary { + background: #000 url("images/camotile2.png") !important; + background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.45)), url("images/camotile2.png") #000 !important; + box-shadow: inset 0 0 0 1px #000, 0 1px 5px #000; +} + .main#dns { padding: 0 0 3px; min-width: 650px !important; @@ -698,11 +676,18 @@ div.news { border: 1px solid #494; background: #000; background: #000 url(images/news.png) no-repeat scroll bottom right; - color: #7b7; + background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.5)), url("images/news.png") no-repeat scroll right bottom, url("images/camotile2.png") #000 !important; + background-blend-mode: lighten; + color: #ee9; font-size: 8pt; text-align: right; box-shadow: 0 1px 5px #000; - min-width: 580px; + min-width: 610px !important; +} + +/* MS Edge 14+ fix (no support for blend-mode) */ +_:-ms-lang(x), div.news { + background: #000 url(images/news.png) no-repeat scroll bottom right; } div.news li { @@ -997,6 +982,7 @@ h3#graphdisplay a { #graphs td.infohelp { border: 1px solid #131; border-right: none; + border-left: none; background-size: 20px 20px !important; padding: 5px 5px 5px 40px !important; background-color: #000800 !important; @@ -1267,7 +1253,7 @@ h2 a:hover { h3, h3.welcome { border: 1px solid #494; border-left: 5px solid #494; - padding: 5px 10px 6px; + padding: 6px 10px 5px; margin: 12px 0 10px 0; border-radius: 0 2px 2px 0; background: #000 url(images/header.png) center center ; @@ -1293,6 +1279,13 @@ h2, h3, h4 { box-shadow: inset 0 0 0 1px #000; } +h1, h4.app, h4.app2 { + background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%), url("images/camotile2.png") #000 !important; + background-blend-mode: exclusion; + box-shadow: inset 0 0 0 1px #000; + text-shadow: 0 1px 1px #000; +} + button::-moz-focus-inner, input::-moz-focus-inner { outline: none; border: none; @@ -1331,7 +1324,7 @@ button:active { box-shadow: inset 0 0 0 1px #000; } -button.reload, button.stop { +.routersummary button.reload, .routersummary button.stop { min-width: 86px; text-transform: capitalize; } @@ -1344,11 +1337,11 @@ button.reload, button.stop { .langbox { - margin: 3px 4px 2px 5px; + margin: 4px 4px 2px 5px; padding: 0; - color: #EE9; + color: #ee9; font-size: 7pt; - width: 350px; + width: 400px; text-align: right; float: right; vertical-align: middle; @@ -1356,12 +1349,19 @@ button.reload, button.stop { .langbox img { opacity: 0.5; - padding: 1px 2px !important; - transition: all 0.3s ease 0s; + padding: 0 !important; + margin: 0 1px -2px !important; + transition: ease opacity 0.3s 0s; + border: 1px solid #000; } .langbox img:hover { opacity: 1; + transform: scale(1.1); +} + +.langbox img:active { + transform: scale(1); } img[src*="bound"], img[src*="bound"]:hover { @@ -1524,8 +1524,7 @@ select { text-overflow: ellipsis; } -select option { /* dropdown menu reverts to normal font-weight */ - font-weight: normal; +select option { font-size: 9.5pt !important; box-shadow: inset 0 0 20px 20px #000; color: #fff !important; @@ -1627,7 +1626,7 @@ input[type="submit"], input[type="reset"], select, button { /* webkit/blink fix } input[type="submit"], input[type="reset"], button { - padding: 5px 4px; + padding: 5px 8px !important; } .statusnotes { @@ -1850,11 +1849,6 @@ h3.stats { border: 1px solid #494; border-radius: 0; } -/* -div.main li:last-child { - padding-bottom: 15px; -} -*/ div.joblog li { word-wrap: break-word !important; @@ -1933,15 +1927,6 @@ ul.statlist li li:last-child::before { color: #994 } -/* -.statlist a[href*="graph"]::before { - content: "\1F4CA\00A0"; - font-size: 11pt; - line-height: 140%; - font-weight: normal; -} -*/ - .main#stats form { border: 1px solid #494; padding: 10px; @@ -2137,6 +2122,10 @@ a[name="chelp"]:hover, a[name="help"]:hover, a[name="chelp"]:active, a[name="hel text-shadow: none; } +#oldhome td.optionsave { + background: none; +} + #oldhome input[type="checkbox"] { vertical-align: sub; min-width: 16px; @@ -2588,10 +2577,26 @@ table#configclient { /* configfamily */ -table#newfamily { +table#newfamily, #leavefamily { margin-bottom: 10px !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-top: 14px !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"] { @@ -2961,9 +2966,10 @@ table#sidebarconf { } #sidebarconf button { - margin: 2px; - padding: 1px; + margin: 5px 3px !important; + padding: 5px 4px !important; min-width: 0; + display: inline-block !important; } #sidebarconf button img { @@ -2976,7 +2982,7 @@ table#sidebarconf { } #sidebarconf th:nth-child(2) { - text-align: left; + text-align: left; } #sidebarconf td:first-child { @@ -2984,12 +2990,13 @@ table#sidebarconf { } #sidebarconf td:nth-child(2) { - font-weight: bold; + font-weight: bold; } #sidebarconf td:nth-child(3), #sidebarconf td:nth-child(4) { - width: 70px; - padding: 0; + width: 75px; + padding: 0; + white-space: nowrap; } #sidebarconf td:nth-child(3) { @@ -3231,11 +3238,12 @@ div#changelog pre { p#fullhistory { text-align: right; - margin-top: -20px; + margin-top: -11px; border: 1px solid #494; border-top: none; - padding: 10px 10px 5px 10px; + padding: 6px 10px; background: #000; + border-top: 1px solid #494; } ul#upnphelp li:last-child, #legal ul li:last-child { @@ -3756,6 +3764,67 @@ ul#banlist + hr { margin-top: -8px; } +/* /configpeers banlist */ + +#bannedips { + margin-bottom: 10px; +} + +#bannedips table { + margin-bottom: -1px !important; +} + +#bannedips td { + vertical-align: top; + padding: 0; + width: 50%; +} + +#bannedips table td { + text-align: center; + padding: 4px 2px; +} + +#bannedips table tr:last-child { + border-bottom: 1px solid #494; +} + +#permabanned, #banneduntilrestart { + margin-top: -1px !important; + border: none; +} + +#permabanned td:first-child { + border-left: 1px solid #494; + 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 #494; + text-align: center !important; +} + +#ipv4, #ipv6, #permabanned tr:nth-child(2) { + background: #000 url(images/header.png) center center repeat-x; + background-image: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 51%, #000 100%) !important; + border-top: 1px solid #494; + border-bottom: 1px solid #494; +} + +/* end /configpeers banlist */ + div.footnote { text-align: right; color: #494; @@ -5114,7 +5183,7 @@ ul.statlist a[name], ul.statlist b, ul.statlist li b, ul.statlist a[name]:hover font-size: 10pt !important; } -.main button, .main input, select, textarea { +.main button, .main input, select, textarea, div.news { font-size: 9pt !important; } @@ -5189,12 +5258,91 @@ div.joblog h3 { margin-top: -15px !important; } -button.reload, button.stop { +.routersummary button.reload, .routersummary button.stop { min-width: 101px; } .subheading b { font-size: 10.5pt !important; } + +p#fullhistory { + text-align: right; + margin-top: -14px; } +div.routersummary img[src$="i2plogo.png"] { + margin-left: -5px; + transform: none; + width: 210px; + margin-top: -3px; +} + +#banlist + h3.tabletitle { + margin-bottom: -2px !important; +} + +table#permabanned { + margin-top: -3px; +} +} + +/* responsive proxy errors */ + +@media screen and (max-width: 800px) { +.warning { + margin-left: 20px !important; + margin-top: 130px !important; + background: url(images/camotile2.png) !important; + padding: 5px 15px 15px !important; +} + +.logo { + position: absolute; + top: 20px; + width: calc(100% - 62px) !important; + z-index: 999; + min-width: 330px; +} + +.logo a { + width: auto !important; + padding: 2px 5px !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 */ diff --git a/installer/resources/themes/console/images/info/export_key.png b/installer/resources/themes/console/images/info/export_key.png new file mode 100644 index 0000000000000000000000000000000000000000..800ecaf19d539f14beaad2af9f7de02574c4642d GIT binary patch literal 1870 zcmV-U2eJ5xP)}We!QI^bjw`uFe0MgS1!VY}oHg`-nql;a<%F^))ywnye`&c=O8tYdFdjPswbFSWSwcrTt0 zfXfr29RAFBb0YQ>egSAofPr?Pzm00e;JyNE%lHWCuS`HxE_rVr6yAxB?%82ZaXF;M>&us;I^O%*D>_d$G=)87*G`2e`=Z^ft$wZF>& zZ5wp$U!bqh3%vzi+%H96!4mElqAza_dNOBVpyoxOrxq1I_#!USd873Hxd2?U&evu_ z#v79WR<3J|L4WC5le{rdwide*7ogxn7o&E>%|vgmC;E%l!f?0*>90=0+_4Ybc`g7~ z{uwS)Z_ir~?A(Zf$^a?|{pA7BR{CRi@?!icci!nW>7j71$q$GBtr)X&N1O+Gay+4J zd>7lYK9f?2lbYge0d7oG+4X7nXF*>dhQXTWp{?P*It04fU{>vlwQi62@wsOtt#yCY zPrBBhzX(0q9_Zhy=I9vR$9p%NEx_$bN*SQ}m+>p1s|!clztgyv!$6?yx28bl@zf%t z0j2VMdXdx=14Ulw$(;v%+owp084c+>XA5v=l4=yNZzJ@LDi}ITnS>l|Y-Ccw@mF2boz>Jxp%E6|&_7`ld7q`fj8(s#}pAW=zx)+hof2~YxkgMx}c zyLuMTq{5!GmB?r81=Q~3CD2xQ6JQm33zxGqE*+VCpGXXsTboE96Dsl)y zy4N6wzBYs%GmvwFF9A48N>+2fjD29-IRV`9SD0*Dhk7A&O%XJwk*1WXl}JUMP-e??a4rQ z9`+*2G*1GKWMki!c{oz+O|wWG%w37?n-*}tiVy+lD)XlTj6jESz0v;9LS(!;9>0dz zSMpoV)IHP{r#ls2`cr_#@)RY_wn!Z4P5! z1+*%mDO`o!Y4ZrQ2+cJAX{{`s@7PffP~8{7 zUlkdrlfb1v`aQcmDg0TQCk&Zyo`uf*<(&0Gp($97gm7C(@lvif3XwSWErAJd2uyxm zV9E$heobJ^O9FMg>#vBvB*+s0(A@VKnm>)64rAq9SY|?#@5M14ibHu` z*qb>Q$qGA2@luaXr1=ibM%3(`M$JO)UXNi(=asvsp<&l2_&h@(uVoox|7H><2r~eh z`_Me>DVnQ+!)e&FiRO7rIFSV5Aop=n^m1GL5@?fc8ppR!V&x5cU&rU!0$)&Hn&}Hk zIXuo4SeGY|-?0KOss-F$6Y7yaBy97iS0+9$na7#Tr$Lj;iKZ@)=8Lgs%j~1kyHL-W z*7`f8*h_Z>;PV0+QD2&?a7gP+`)^CHLQ;zb+?m|SACha5IMn)fNRv!D+k6@h({!-f z7kkp@;NL(?B!t=Edq0aD({Q3W=?UOMfb5+fSXVBv{sdZAI;8bw0$*1NyqL`X5oPR< zw;lz!t>E3UK$|}f<;>yy?gcajU|;4OR_;l2YxBy7d$~J%dHNn_eA^`Oow*tXzG)EH zP(7q?>I7a$6&SA&(tKexGJ!i2!YrWo1)XS3f?_j$VCE>QnfWze(&%qco6}vq;8gUTyt*!1HOQ(H!?}l?EnA(07*qo IM6N<$f}{?K1^@s6 literal 0 HcmV?d00001 diff --git a/installer/resources/themes/console/images/info/leave_family.png b/installer/resources/themes/console/images/info/leave_family.png new file mode 100644 index 0000000000000000000000000000000000000000..fc79590fa7e4be9b9efb58a3edd37ead804592b9 GIT binary patch literal 2342 zcmV+>3EB3EP)pra8q z1A-`EP#N}37-xZ5?tbn)OP|yE!6kwLohnWLIe$*~_w@IETN`{c%eZY~2nH=@K!6f(3)CX?6&pW7!_zx3eRo~usfiLVO~GYzBRj57=( zRvCJ<52jIurGXVSuq>a>bbEWD2WvMbk^rBc*6s1Pg)XI9O4I z6%EMP1x5{wElJwmx@e4sk(0+#=;|SxwMnOQIF5r-A*L?KXu4 zp&Kzwvjp8N1EDY?Is%u7Ss+j$BF2ha78LBOEe z^8DHzoy!2XHvkbK1eyk}udvWSGZ9*h&YmQ@_k2bs>k#^aFcfG)ka5Evv)@_IrPJB@ zuH)i49-iytIUeb>P4!s=pZ{o0>o&mYRSakv6g-3Wjyy*@1N@+ymevHr&aY?QO*5&e z>ci6CtRP58lrI3X_pI3ZaKo(2=9iZl_|hlvCAnOIjUVpj?x!|A2qaHe4gV(#LaAKe z53F%hFF}S1(3m%(o|2eFE?>a&JZ824yiO2{QA7>s{55Ju87Ck-_pv_&IFls zmUKEpE}Q4Kk6qlHN#>S5u&{X%5PTItm~p)gR-Q{I&7KZ<2RoOiP{@W4U{aEa`-l1U02JTS~rKVyH`7cI=_LZ(nTN#&KL+$HR3!q?EL`c2lYcjGEa%5DoZC)7>=G-9%+i z9%Z&tR*^>rCUp}mo?X9)VP{Te&b15Ky7{eD+G26zLyMcAI-V6@1aKR7<= z7@p&KKA!90c|M+Z?CblI@=}v=b0(4)lBRXn`=~JFr9+RhaC#H{eQ>>yyjS4qEe(V@ zj}P{}MoZToMtykQfL4rrvp$xZo`hA zo$L2&pTujOk$oaALExigi0`^=`FIz`;F0uK2}0Kcp#d79h_J0=9fKQxPh{2m410GY zBXkQPbcBNTVG;7z?8Pw!fPT6d(55Z>WUe&Imh7nLTRSgyANyL<9PLbzNoPo<(qwy% z&^~rO&cAn3V?e*?JA`@+*EAXVhD&VcGYpt^Ih9LiVU(02gh1MP>b5u2{_q+`)yh+5 zfw<(J_pTrse{uBSa%=XeD#i>cWp|@Xb$R4iWQPuhGVn724_(?#bK={)x&1CS9GXXM z^^^SYwYNF9tBU%CKf~SMOzv-wBfC0|8R^@f(u*cB?9Mw8k1wZjO#RXsTXxR}0t3*- z{i^AP0sX3<`1#ZU^slsN?g2Z1fg|VAc3?9qlAyHG#`6?orp@Q59palBw@xXiB{Q6t zpKD;~;U?;DznT0$R^qoE0^PtUEkAa>Toz~bs{}hg=Dhhg<1PQg4Ns3A`tjn5y5=al%De%Ifa`MvSqYfB3D8|*F zKFfeBX5y}EB0sV>pUIRR@Ahv?#1 zjp%mZu}zW%V@zD>p`=6)TwXa~ktlfRn!*!0O|5X{yQ`?UXc6{?HxWUA^1Ksk&2g0x zx=wIl50#@X#?rL$K+FJiyWrE6lQ@n<6UVqi1-p*;ytqv=yIw<{=2>;wIIjbx}5GtAu zhD3~zp!h?mDI6iubPZBTG&A~@L!@R#A(bqqFTwz5Ig%z>2q`!cfjUt+!Vn&P&j&yk z5X#R1LlNSH9y$t@N}!j=$z3}IB_*gYNFW5lFwo26gsD_9Mv7@zD7ftJ$PqJ5vV{N{ zgeO&|<7bHzyaS*cikRi|*|6yhwht4p=}TZmQA(XE1Q0@?=?2}YG#MFe1(X4VPWQo; ze_s>)c=Yf(`d0O!yrg)@mn5;*;q*LOaM^p3-qil82g7CJ*Ium~A1}Y|JJ(%#4?nu+qWp;!5+7W~bK9 z(!xB#WP zsj0>3>80su^~aBUEYHj=&(5yQ&8^PQe^RN|RI2rbg*`SF7dMucHr48_<>k*SD}S!6 zd|6%Hd2fSc@ zK1hO6B9E6hV)XZiJb@2BVh<+Y$Sp zx=<80JWOG7um>07^rBPIgQ5y?>_$&QA>57cH>rE|6AEDKOBbS!jp!{K0*hp!b%#U; zwjg;WC79m?muSQ`P%)fU(K#La&hddpucLgt?o4eQfYv#4vgy@=7f!*|VR=)8@+;A1 zORm7&n7gp4#b{x{rlHb>(pB=H8-IeXupJb^-|0|#V3jVn4u=sXZ>;%W^dz_onO?w zh5&Kv;70B<7br9CTgd%U>Mhn*zD=S9$ zTpwu5sLQn%FR2c!1zWTMYxxSjUYnwPIl(o&(6mSzS^?gzx1)PYWF0{u!F>UdiBS`f zw`v7oK^R_8C+&4%4TaY6pe7g*Ld6XmlQww!rd&rl7(kfbwbbF?2Z?5?pOMKH9N+oN z^`>iaZxEzL*5@)PQioiCOxW6v2m%WFyX?^BK@e(q_01vo+YX9l0I%C0iy)(;916ay2yE6ICVPiX8?i%Uwp3V(D2EOJJUJ2xN7E_QF(j!?Y>IVYy_5v>H z;xOr8m7P_NLfYf6x+d^|#~IpG$Ra`M=_9YigrF3jTx|nR%+8H%is*q9K&Ike)Hd1W zw5YCN)`5UjNLBFjjnn7dw*$#>zNLKehrzDtnloR|j;7f+uP(z>gbx|n zCsf(*vL4=PuT&BPxIN|Fbs-5^?8V*9s0_Z}F;s1?4#~=m{ z_{SfS&qfNea%Wf%67yo1vT3f#XyH@5E;VRAnkO@e$?1)l!#9lz0HjhBap-$>Iw^-L z{}>;f_#!b4PSUlKgiP10pNVWD@}P13327drgL%+OYLCFBCyicC-Xc21nm~Clm z^i9nlS!hmA7aMgXuop}gz+;Dq%-2#6UdTLw+{hV1Nch#zrH|GcSzA1~0#`F)5vx^I zB2-MWfiQ`sml}oU`Gd~VwUZG!LAE=Ks^Nwg^ap?$?~hd9wjL6>&nX0S=px*W z+dlZUJlMHAqZE;7L|N9NcRQjPh48$kzQ;EPB9K>iOUD8;I3*$6etGl##W=G>+-omm zIHP3fO0E=FX-X`_u!cdU+x2!8CCb0H?#GL~(I@iqJCb={RB_2E6+YFjM+Y%mPop$# z0CC_?Bi~-ypVDX#m#2;3e{_6tC$h@10G=4;?h$!B3Kbx#2waLgouGc|%h|RHc3~-# z5OhWMzhl#pEW`n0$TArNcNXPDEKE6sQc@xGib)1lBO28P&|o!#W8>#Qc#$R^^U|bd z(?)<=;R+qq7zzbu+Z17|Bk8m@%}nb#8R{@=BfuUTNKA5criig?$7}_|*1PN~S_w4K z)bj|^5MCAd&)y`U$T3#=vP5VQ5b8fUR^SJw6OiqyF^+sq} z45j)_*nB zjOEAb^eU-pd4Ws&J~g8vzxCN>qiUxk>jjh2taw_R1e|v+7p~|O$jf1~wdAl-MT_O3 zFB>lavo<_f<>z@kKO?buTeO`t?Iu8|SdB|n8ECgsDi-wTha)o>vx7|E9Z7MGHn_GU za8sbmOiJszsjHsyvcO*MpMk?(hq#plDDKrW&ZvERbwV`uJ|cVo=BK0hI$ zWnh*OXRL3Wv@prqYNXq`aIwx|_WB4hgh+dWL`{*inGR(jyk&3j)%@$H^~#DTA|Fjy zA2uRdV#|nvf#)W-vn^xU>!s#Z0A12|#l46e-<3M_C{CcmZcpnw7Ao`5>$ZsbdK4zpFC}l79hy+4RoXGFx|aG#b5eB4HW|Xi5{*04@Ms29 zJ!N~gOH!F$3$cEP`QbmW%$q$6!kt|yY8}qo+5Fq+M5L$tD0UW*_x4A&;MSP_3L+0a z=kUwzx*nhaI|({-Z@;5170WddJGPLIw)i0GGWD-sErmCw2-@m^-@JLMaasmX8F}=I w{DO9j$p5$DC9exTc2%-X$uK=DXU6;RJ)?j8yxfP}d%gC-{Db`(e53#MU#%)aNB{r; literal 0 HcmV?d00001 diff --git a/installer/resources/themes/console/midnight/console.css b/installer/resources/themes/console/midnight/console.css index ad279a706..63f3558ee 100644 --- a/installer/resources/themes/console/midnight/console.css +++ b/installer/resources/themes/console/midnight/console.css @@ -850,12 +850,6 @@ button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="re background-blend-mode: normal; } -.routersummary .download { - background: url(/themes/console/images/buttons/download.png) 3px center no-repeat; - background-size: 16px 16px, 100% 100% !important; - padding: 5px 3px 5px 17px !important; -} - .routersummary .reload, .routersummary .stop { text-indent: -99999px; background-size: 16px 16px, 100% 100% !important; @@ -930,23 +924,21 @@ button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="re background: #652787 url(/themes/console/images/buttons/download.png) center left 4px no-repeat !important; } -@media screen and (-webkit-min-device-pixel-ratio:0) { +.routersummary .download, .routersummary .download:hover, .routersummary .download:focus { + background: url(/themes/console/images/buttons/download.png) 3px center no-repeat; + background-size: 14px 14px, 100% 100%; + min-width: 0 !important; +} + .routersummary .download, .routersummary .download:hover, .routersummary .download:focus, .routersummary .download:active { - padding-left: 19px !important; -} + background-size: 14x 14px !important; + padding: 5px 3px 5px 22px !important; } -.routersummary .download:hover, .routersummary .download:focus, .routersummary .download:active { - background: #000 url(/themes/console/images/buttons/download.png) 3px center no-repeat; - background-size: 16px 16px !important; - padding: 5px 3px 5px 17px !important; -} - -.routersummary .download:focus { +.routersummary .download:active { background: #652787 url(/themes/console/images/buttons/download.png) 3px center no-repeat; - background-size: 16px 16px !important; - padding: 5px 3px 5px 17px !important; } + /* end sidebar buttons */ /* end buttons & inputs */ @@ -1085,27 +1077,31 @@ div.logo hr { .routersummary img[src*="i2plogo"] { opacity: 0.7; - transition: all 0.3s ease 0s; + transition: ease-out opacity 0.3s 0s, ease filter 0.3s 0s; + margin-top: 1px; margin-left: -3px; - filter: sepia(100%) hue-rotate(180deg); - -webkit-filter: sepia(100%) hue-rotate(180deg); + width: 176px; + height: auto; + filter: sepia(100%) hue-rotate(180deg) drop-shadow(0 0 1px #652787); + -webkit-filter: sepia(100%) hue-rotate(180deg) drop-shadow(0 0 1px #652787); } .routersummary img[src*="i2plogo"]:hover { opacity: 1; - transition: all 0.3s ease 0s; - filter: drop-shadow(0 0 3px #652787) saturate(200%); - -webkit-filter: drop-shadow(0 0 3px #652787) saturate(200%); + transition: ease-in opacity 0.3s 0s, ease filter 0.3s 0s; + filter: drop-shadow(0 0 2px #652787) saturate(100%); + -webkit-filter: drop-shadow(0 0 2px #652787) saturate(100%); } .routersummary img[src*="i2plogo"]:active { - filter: drop-shadow(0 0 5px #450519) saturate(200%) !important; - -webkit-filter: drop-shadow(0 0 5px #450519) saturate(200%) !important; + filter: drop-shadow(0 0 5px #450519) saturate(140%) !important; + -webkit-filter: drop-shadow(0 0 5px #450519) saturate(140%) !important; + transition: ease-out opacity 0s 0s, ease filter 0s 0s; } .routersummary a[href="/"]:focus img, .routersummary a[href="/console"]:focus img { opacity: 1; - transition: all 0.3s ease 0s; + transition: ease-in opacity 0.5s 0s, ease filter 0.5s 0s; filter: drop-shadow(0 0 3px #652787) saturate(200%); -webkit-filter: drop-shadow(0 0 3px #652787) saturate(200%); } @@ -1186,10 +1182,23 @@ div.logo hr { background-color: transparent !important; } +#sb_general, #sb_shortgeneral, #sb_bandwidth, #sb_peers, #sb_tunnels, #sb_queue { + margin-bottom: -4px !important; +} + +#sb_general td:first-child::after, #sb_shortgeneral td:first-child::after, #sb_bandwidth td:first-child::after, +#sb_peers td:first-child::after, #sb_tunnels td:first-child::after, #sb_queue td:first-child::after { + content: ""; + display: inline-block; + min-height: 14px; +} + +/* #sb_peers td, #sb_tunnels td, #sb_queue td, #sb_bandwidth td, #sb_general td, #sb_shortgeneral td { padding-top: 1px; padding-bottom: 1px; } +*/ #sb_localtunnels { width: 189px !important; @@ -2923,10 +2932,26 @@ table#configclient { /* configfamily */ -table#newfamily, table#leavefamily { +#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"] { @@ -2966,6 +2991,40 @@ ul#banlist tt { color: #c11f5d; } +ul#banlist { + border: 1px solid #443da0; + background: #000; + padding: 10px 10px 10px 0; + margin: -1px 0 13px; + -moz-column-count: auto; + -moz-column-width: 300px; + -moz-column-gap: 10px; + -moz-column-rule: 1px dotted #443da0; + -webkit-column-count: auto; + -webkit-column-width: 300px; + -webkit-column-gap: 10px; + -webkit-column-rule: 1px dotted #443da0; + column-count: auto; + column-width: 300px; + column-gap: 10px; + column-rule: 1px dotted #443da0; +} + +#banlist li { + list-style: none !important; + border-bottom: 1px dotted #443da0; + margin: 0 10px 3px; + padding-top: 3px; + min-width: 250px; + min-height: 46px; + width: 88%; + padding-bottom: 5px; + break-inside: avoid; + page-break-inside: avoid; + -webkit-break-inside: avoid; + display: inline-block; +} + /* /confignet */ h3#iptransport { @@ -4020,7 +4079,7 @@ table#viewprofile td { ul#banlist { border: 1px solid #443da0; background: #000; - padding: 10px 10px 0 0; + padding: 10px 10px 10px 0; margin-bottom: 10px; } @@ -4875,7 +4934,8 @@ td.optionsave { margin-bottom: 0; } -h3.h3table, h3.tabletitle, h3#i2pclientconfig, h3#advancedclientconfig, h3#webappconfig, h3#pluginconfig, h3#pluginfromurl, h3#pluginfromfile, h3#updateplugins, h3#pluginmanage, h3#bannedpeers, h3.ptitle, h3#transports, h3#upnpstatus, h3.sybils { +h3.h3table, h3.tabletitle, h3#i2pclientconfig, h3#advancedclientconfig, h3#webappconfig, h3#pluginconfig, 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; @@ -5019,19 +5079,83 @@ h4.embeddedtitle#updateplugins { width: calc(100% - 300px); } -table#permabanned, table#loggingoptions, table#addkeyring { +table#loggingoptions, table#addkeyring { margin-bottom: -3px !important; margin-top: -1px; } -table#permabanned { - margin-bottom: 9px !important; +/* /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 0%, #121225 50%, #000011 50%, #00000d 50%, #00000d 100%); + border-top: 1px solid #443da0 !important; + border-bottom: 1px solid #443da0 !important; +} + +/* end /configpeer banlist */ + table#configstats { margin-bottom: -2px; } @@ -5252,7 +5376,7 @@ form[action="events"] { /* responsive layout */ @media screen and (min-width: 1500px) { -body, .main, .main td, .news p, #news p, .statusnotes, textarea, pre, tt, code { +body, .main, .main td, .news p, #news p, .statusnotes, textarea, pre, tt, code, th { font-size: 10pt !important; } @@ -5273,15 +5397,18 @@ h1 { width: 200px !important; } -.routersummary img[src$="i2plogo.png"] { - transform: scale(1.1); -} - .routersummary div[style="height: 36px;"] { height: 40px !important; margin-top: 3px; } +div.routersummary img[src$="i2plogo.png"] { + margin-left: -5px; + transform: none; + width: 207px; + margin-top: -3px; +} + .routersummary table[id^="sb_"], #sb_localtunnels { width: 216px !important; } @@ -5330,3 +5457,4 @@ h4#updateplugins { font-size: 10.5pt !important; } } +