Changeset fa6fc84 for installer


Ignore:
Timestamp:
Apr 9, 2017 6:28:47 AM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
a3e146a8
Parents:
a0911a4
Message:

Theme updates:

  • Subtler, softer colors & shadows and cleaner lines in the light theme in the full suite of apps
  • Seamless iframe integration for light susidns theme
  • Enhanced Arabic support in the light theme
  • Better presentation of options on /confignet
  • Enhanced bullets for stats/logs presentation
  • console_big improvements/fixes
  • Incremental improvements
Location:
installer/resources/themes
Files:
20 edited

Legend:

Unmodified
Added
Removed
  • installer/resources/themes/console/classic/console.css

    ra0911a4 rfa6fc84  
    99     background: #bbf url(images/bg.png) center center fixed;
    1010     color: #0c153d;
    11      font: 9pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Helvetica, sans-serif;
     11     font: 9pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif;
    1212}
    1313
     
    4747     width: 200px;
    4848     margin: 0 0 0 20px;
    49      padding: 10px 5px;
     49     padding: 10px 5px 8px;
    5050     text-align: center;;
    5151     border: 5px solid #ddf;
    52      border: 5px solid #ddf;
    53      background-color: #eff1ff;
     52     background: #eff1ff;
     53}
     54
     55.logo {
     56     background: url(/themes/console/classic/images/i2plogo.png) center 12px no-repeat #eff1ff !important;
     57     background-size: 90% auto !important;
     58     background-blend-mode: luminosity;
     59}
     60
     61.logo:hover {
     62     background-blend-mode: normal;
     63}
     64
     65.logo a img, .logo a:first-child:hover {
     66     opacity: 0;
     67     background: none !important;
    5468}
    5569
     
    5973     height: 5px;
    6074     border: 0 solid #ddf;
    61      margin: 8px -3px;
    62 }
    63 
    64 div.logo a:link, div.logo a:visited {
     75     margin: 8px -5px 8px;
     76}
     77
     78div.logo a {
     79     display: inline-block;
     80     padding: 4px 0;
     81     width: 100%;
    6582}
    6683
    6784div.logo a:active {
    6885     color: #f60;
     86     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #999 !important;
    6987}
    7088
    7189div.logo a:hover {
    7290     color: #900;
     91     background: rgba(220,220,255,0.5);
     92     box-shadow: inset 0 0 0 1px #fff;
     93     border-radius: 3px;
    7394}
    7495
     
    7798div.warning {
    7899     margin: 25px 20px 0 260px;
    79      padding: 0 20px 40px 75px;
     100     padding: 0 20px 40px;
    80101     border: 5px solid #fb7;
    81102     text-align: left;
    82103     color: inherit;
    83      background: #ffd url(/themes/console/images/itoopie_sm.png) 12px center no-repeat;
     104     background: #ffd;
    84105     box-shadow: inset 0 0 0 2px #f60;
    85106     min-width: 500px;
     
    87108
    88109div.warning a:link {
    89      color: #f60;
     110     color: #f60 !important;
    90111}
    91112
    92113div.warning a:visited {
    93      color: #f90;
     114     color: #f90 !important;
    94115}
    95116
    96117div.warning a:hover {
    97      color: #d30;
     118     color: #d30 !important;
    98119}
    99120
    100121div.warning a:active {
    101      color: #900;
     122     color: #900 !important;
    102123}
    103124
     
    120141
    121142div.warning h3:first-child {
    122      margin: 2px -18px 10px -73px;
    123      padding: 14px 10px 10px 15px;
     143     margin: 2px -18px 10px -18px;
     144     padding: 10px 10px 10px 38px;
    124145     background: #ffe !important;
     146     background: #ffe url(/themes/console/images/itoopie_sm.png) 6px center no-repeat !important;
     147     background-size: auto 80% !important;
    125148     border-bottom: 1px solid #fb7;
    126149     text-transform: uppercase;
    127150     letter-spacing: 0.08em;
    128151     word-spacing: 0.1em;
    129      font-size: 12pt;
     152     font-size: 12.5pt;
    130153}
    131154
     
    177200     font-weight: bold;
    178201     vertical-align: top;
     202}
     203
     204.warning a[href*="jump"]::before {
     205     content: "\279F\00A0";
     206     font-size: 14pt;
     207     display: inline-block;
     208     padding: 3px 0;
    179209}
    180210
     
    369399
    370400#sb_general, #sb_shortgeneral, #sb_bandwidth, #sb_peers, #sb_tunnels, #sb_queue {
    371      margin-bottom: -4px !important;
    372 }
    373 
    374 #sb_general td:first-child::after, #sb_shortgeneral td:first-child::after, #sb_bandwidth td:first-child::after,
    375 #sb_peers td:first-child::after, #sb_tunnels td:first-child::after, #sb_queue td:first-child::after {
     401     margin-bottom: -5px !important;
     402     margin-top: -6px !important;
     403}
     404
     405#sb_general td::after, #sb_shortgeneral td::after, #sb_bandwidth td::after,
     406#sb_peers td::after, #sb_tunnels td::after, #sb_queue td::after {
    376407   content: "";
    377408   display: inline-block;
     
    407438}
    408439
     440#sb_internals, #sb_services, #sb_advanced {
     441     margin-top: -2px !important;
     442}
     443
    409444#sb_internals a, #sb_services a, #sb_advanced a {
    410445     display: inline-block;
    411      padding: 2px 2px 1px;
     446     padding: 2px;
     447     max-width: 178px;
     448     white-space: nowrap;
     449     overflow: hidden;
     450     text-overflow: ellipsis;
     451     vertical-align: middle !important;
     452}
     453
     454#sb_warning {
     455     border-bottom: 1px solid #89f !important;
     456}
     457
     458#sb_warning + hr {
     459     margin-bottom: 5px;
    412460}
    413461
     
    417465     border-radius: 2px;
    418466     box-shadow: 0 0 1px #bbb;
    419      margin: 7px 5px -2px;
     467     margin: -5px 1px -6px;
    420468     padding: 5px 3px;
     469}
     470
     471p:empty + .sb_notice {
     472     margin-top: 7px;
    421473}
    422474
     
    521573}
    522574/* end sidebar */
     575
     576a:link {
     577     color: #33a;
     578     text-decoration: none;
     579     font-weight: bold;
     580     word-wrap: break-word;
     581}
     582
     583a:visited {
     584     color: #448 !important;
     585     text-decoration: none;
     586     font-weight: bold;
     587}
     588
     589a:hover, a:visited:hover, a:focus, a:visited:focus {
     590     color: #f60 !important;
     591     text-decoration: none;
     592     font-weight: bold;
     593     outline: none;
     594}
     595
     596a:active, a:visited:active {
     597     color: #f93 !important;
     598     text-decoration: none;
     599     font-weight: bold;
     600}
     601
     602a.script {
     603     letter-spacing: normal;
     604     word-spacing: normal;
     605}
     606
     607pre {
     608     margin: 0 20px;
     609     overflow: auto;
     610     font-size: 8pt !important;
     611     width: 95%;
     612     padding-top: 10px;
     613}
     614
     615tt, code {
     616     font-size: 9pt;
     617     font-weight: bold;
     618     color: darkgreen;
     619}
    523620
    524621/* buttons & inputs */
     
    534631     text-overflow: ellipsis;
    535632     color: #333;
     633     cursor: pointer;
    536634}
    537635
     
    611709
    612710button, input, select {
    613      font: 9pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Helvetica, sans-serif;
     711     font: 9pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif;
    614712     color: #333;
    615713}
     
    636734}
    637735
    638 /* accessibility tweak - colors rather than focus rings where possible */
    639 
    640736input[type="submit"], input[type="reset"], button, .optbox {
    641737     cursor: pointer;
    642738}
    643739
     740/* accessibility tweak - colors rather than focus rings where possible */
    644741.optbox:hover, .optbox:focus, input[type="checkbox"]:hover, input[type="checkbox"]:focus {
    645742/*        -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#89f')";*/
    646743     -webkit-filter: drop-shadow(0 0 2px #89f);
    647      filter: drop-shadow( 0 0 2px #89f);
     744     filter: drop-shadow(0 0 2px #89f);
    648745     border: 0;
    649746     outline: none;
     
    652749.optbox:disabled:hover, input:disabled:hover {
    653750     filter: none;
    654 }
    655 
    656 button:focus, input[type="submit"]:focus, input[type="reset"]:focus {
    657      filter: drop-shadow(0 0 2px #89f);
    658      -webkit-filter: drop-shadow(0 0 2px #89f);
     751     -webkit-filter: none;
    659752}
    660753
     
    666759/* end accessibility */
    667760
     761/* confignet tidyup */
     762
     763#netconfig .optbox {
     764     margin: 10px 6px 2px !important;
     765     display: inline-block !important;
     766     vertical-align: sub !important;
     767}
     768
     769#netconfig .optbox:first-child {
     770     margin-top: 6px !important;
     771     margin-bottom: 6px !important;
     772}
     773
     774#netconfig .optbox:last-child, #netconfig .optbox[value="only"], #netconfig .optbox[name="disableUDP"], #netconfig .optbox[value="disabled"] {
     775     margin-bottom: 6px !important;
     776}
     777
     778#netconfig input[type="text"] + br + .optbox, #netconfig .optbox[name="ntcpAutoPort"] {
     779     margin-top: 3px !important;
     780}
     781
     782#netconfig input[name*="ost"] {
     783     width: 250px !important;
     784}
     785
     786/* end confignet tidyup */
     787
    668788/* graphical buttons */
    669789
    670790input[type="submit"], input[type="reset"], button {
    671791     border: 1px solid #999;
    672      box-shadow: inset 0 0 0 1px #fff;
     792     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ddd;
    673793     background: #eee;
    674794     background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
    675795     color: #333;
    676796     margin: 3px 8px 3px 0;
    677      font: 9pt "Droid Sans", Ubuntu, "Noto Sans", "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     797     font: 9pt "Droid Sans", Ubuntu, "Noto Sans", "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif;
    678798     padding: 4px 5px;
    679799     text-decoration: none;
     
    681801     opacity: 1;
    682802     background-size: 14px auto, 100% 100% !important;
    683      filter: saturate(70%) drop-shadow(0 0 1px #ccc);
    684      -webkit-filter: saturate(70%) drop-shadow(0 0 1px #ccc);
    685803}
    686804
     
    689807     border: 1px solid #89f;
    690808     color: #222;
    691      filter: saturate(100%) drop-shadow(0 0 1px #89f);
    692      -webkit-filter: saturate(100%) drop-shadow(0 0 1px #89f);
     809     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #89f;
    693810}
    694811
    695812button:active, input[type="submit"]:active, input[type="reset"]:active {
    696813     border: 1px solid #999;
    697      box-shadow: inset 2px 2px 2px #555;
     814     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px 1px #555;
    698815     background-blend-mode: luminosity;
    699      filter: saturate(100%) drop-shadow(0 0 1px #ccc);
    700      -webkit-filter: saturate(100%) drop-shadow(0 0 1px #ccc);
    701816     color: #555;
    702817}
     
    10641179
    10651180.routersummary .reload:active, .routersummary .stop:active, .routersummary .download:active {
    1066      box-shadow: inset 2px 2px 2px #555;
     1181     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px 1px #555;
    10671182     border: 1px solid #999 !important;
    10681183}
     
    12111326
    12121327div.welcome {
    1213      margin-top: 5px;
     1328     margin-top: 0;
    12141329}
    12151330
     
    13261441}
    13271442
    1328 div.news a:link {
     1443div.news a {
    13291444     color: #663;
    13301445}
    13311446
    1332 div.news a:hover {
     1447div.news a:hover, div.news a:visited:hover {
    13331448     color: #f60 !important;
    13341449}
     
    13511466}
    13521467
     1468/* top navigation */
     1469
    13531470div.confignav {
    1354      padding: 7px 5px;
     1471     padding: 6px 5px;
    13551472     margin: -16px -16px 5px -16px;
    13561473     border: 1px solid #89f;
     
    13621479
    13631480.tab, .tab2 {
    1364      padding: 3px;
    1365      white-space: nowrap;
     1481     box-sizing: border-box;
     1482     display: inline-block;
     1483     border: 1px solid #89f;
     1484     margin: 0 -2px -1px -2px !important;
     1485     padding: 1px 0;
     1486     background: #fff;
     1487     min-width: 60px !important;
     1488}
     1489
     1490.tab a {
     1491     display: inline-block;
     1492     padding: 4px 14px;
     1493}
     1494
     1495.tab:hover a {
     1496     color: #f60 !important;
     1497}
     1498
     1499.tab {
     1500     background: linear-gradient(to bottom, #fff 50%, #efefff 50%);
     1501     box-shadow: inset 0 0 0 1px #fff;
     1502}
     1503
     1504.tab:hover {
     1505     background: #fff;
     1506     box-shadow: inset 0 0 0 1px #f90;
     1507}
     1508
     1509.tab:active {
     1510     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px 1px #5f2400;
     1511     background: #f60;
     1512}
     1513
     1514.tab:active a {
     1515     color: #fff !important;
    13661516}
    13671517
    13681518.tab2 {
    1369      color: #111;
    1370 }
    1371 
    1372 .tab2::before {
    1373      content: '\1F892\00A0';
    1374      content: '\25B8\00A0';
    1375      font-size: 10pt;
    1376      line-height: 110%;
    1377 }
    1378 
    1379 .tab2::after {
    1380      content: '\00A0\1F890';
    1381      content: '\00A0\25C2';
    1382      font-size: 10pt;
    1383      line-height: 110%;
    1384 }
     1519     background: #89f;
     1520     box-shadow: inset 0 0 0 1px #fff;
     1521     color: #fff;
     1522     padding: 5px 12px;
     1523}
     1524
     1525/* end topnav */
    13851526
    13861527div.configure {
     
    14001541table.configtable, table#permabanned, table#loggingoptions, table#configstats, ul#banlist {
    14011542     margin-bottom: -5px;
     1543}
     1544
     1545#config_homepage td {
     1546     padding: 5px;
    14021547}
    14031548
     
    15181663}
    15191664
    1520 table#profiles td:first-child, #profiles td:last-child {
     1665table#profiles td:first-child, table#profiles td:last-child {
    15211666     width: 50px;
    15221667     white-space: nowrap;
    15231668}
    15241669
    1525 #profiles th:nth-child(3), #profiles th:nth-child(4), #profiles th:nth-child(5) {
     1670#profiles th:nth-child(3), #profiles th:nth-child(4), #profiles th:nth-child(5), #profiles th:nth-child(6) {
    15261671     text-align: right;
    15271672}
    15281673
    1529 #profiles td[colspan="7"], #profiles td[colspan="7"]:hover {
    1530      background: #6992d3;
     1674#profiles td[colspan="8"], #profiles tr td[colspan="8"]:hover {
     1675     background: #77f;
    15311676     padding: 1px 0;
    15321677     border-top: 1px inset #fff !important;
     
    15341679}
    15351680
    1536 #profiles td[colspan="7"] hr {
     1681#profiles td[colspan="8"] hr {
    15371682     display: none;
    15381683}
    15391684
    1540 #profiles tr:hover, #floodfills tr:hover,  #ntcpconnections tr:hover, #udpconnections tr:hover,
     1685table#profiles tr:hover, #floodfills tr:hover,  #ntcpconnections tr:hover, #udpconnections tr:hover,
    15411686.homelinkedit tr:hover, .main#debug table:first-of-type tr:hover td {
    15421687     background: #fff;
     
    15491694@media screen and (-webkit-min-device-pixel-ratio:0) {
    15501695
    1551 #profiles tr:hover, #floodfills tr:hover,  #ntcpconnections tr:hover, #udpconnections tr:hover,
     1696table#profiles tr:hover, #floodfills tr:hover,  #ntcpconnections tr:hover, #udpconnections tr:hover,
    15521697.homelinkedit tr:nth-last-child(n+2):hover, .main#debug table:first-of-type tr:hover td, #sidebarconf tr:nth-last-child(n+2):hover td {
    15531698     border-top: inherit;
     
    15711716}
    15721717
    1573 #profile_defs ul {
    1574      margin: 10px 10px 5px -35px;
    1575 }
    1576 
    1577 #profile_defs li {
    1578      padding: 0;
    1579      list-style: none;
     1718#profile_defs td:first-child {
     1719     width: 5% !important;
     1720     white-space: nowrap;
     1721     text-align: right;
     1722}
     1723
     1724#profile_defs td:last-child {
     1725     width: 95%;
     1726     white-space: normal;
     1727     line-height: 120%;
     1728}
     1729
     1730#thresholds th, #thresholds td {
     1731     text-align: center !important;
     1732}
     1733
     1734#capabilities_key td {
     1735     padding: 0 !important;
     1736}
     1737
     1738#capabilities_key table {
     1739     margin: 0 !important;
     1740     border: none;
     1741     border-top: 1px solid #89f;
     1742     border-bottom: 1px solid #89f;
     1743}
     1744
     1745#capabilities_key table td {
     1746     padding: 3px 5px !important;
     1747}
     1748
     1749#capabilities_key table td:nth-child(even) {
     1750     width: 16px;
    15801751}
    15811752
    15821753#profile_defs b {
    15831754     text-transform: capitalize;
     1755}
     1756
     1757#capabilities_key b {
     1758     text-transform: none !important;
    15841759}
    15851760
     
    17151890a[href^="configpeer?peer"]::after {
    17161891     content: url(/themes/console/images/buttons/edit.png);
    1717      vertical-align: bottom;
     1892     vertical-align: top;
    17181893}
    17191894
     
    17581933#wrapperlogs pre {
    17591934     white-space: pre-wrap;
     1935     word-break: break-all;
    17601936     margin: 0;
    17611937     width: 100%;
     
    18572033#floodfills tr, #netdboverview tr, .netdbentry tr, #leasesetdebug tr, #leasesetsummary tr, .leaseset tr,
    18582034.sybil_routerinfo tr, #enviro tr, #schedjobs tr, #jobstats tr, #eventlog tr, .tunneldisplay tr, #udpconnections tr, #ntcpconnections tr {
    1859      border-top: 1px inset #fff;
    1860      border-bottom: 1px inset #fff;
    1861 }
    1862 
    1863 #addkeyring tr, #loggingoptions tr, tr.tablefooter, #profiles tr:hover, #floodfills tr:hover, #jardump tr {
     2035     border-top: 1px inset #ccf;
     2036}
     2037
     2038#config_stats tr:not(.tablefooter) td:first-child::after {
     2039     content: "";
     2040     display: inline-block;
     2041     min-height: 24px;
     2042     vertical-align: middle;
     2043}
     2044
     2045#addkeyring tr, #loggingoptions tr, tr.tablefooter, table#profiles tr:hover, #floodfills tr:hover, #jardump tr {
    18642046     border-top: 1px solid #89f !important;
    18652047     border-bottom: 1px solid #89f !important;
     
    19422124div.error {
    19432125     color: #d00000;
    1944      background-image: url(/themes/console/images/info/errortriangle.png);
    1945      background-position: 10px center;
    1946      background-repeat: no-repeat;
    1947      padding: 10px 0;
     2126     background: url(/themes/console/images/info/errortriangle.png) 20px center no-repeat;
     2127     background-size: 28px auto;
     2128     padding: 10px 5px;
    19482129     margin-left: -5px;
    19492130}
     
    19632144     text-align: left;
    19642145     border: 1px solid #89f;
    1965      border-bottom: 1px solid #89f;
    1966      border-right: 1px solid #89f;
    19672146     padding: 19px 20px;
    19682147     margin: 0 1px 0 200px;
     
    19722151     word-spacing: 0.1em;
    19732152     background: #fff url(images/titlebg.png) center right no-repeat !important;
    1974      background: linear-gradient(to right, #fff, #fff 30%, rgba(255,255,255, 0.5) 70%), linear-gradient(to bottom, #e5f0f7 0%, #e5f0f7 50%, #b9c2f9 50%, #b9c2f9 100%) !important;
     2153     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;
    19752154     min-width: 500px;
    19762155}
     
    20592238     margin: 0;
    20602239     vertical-align: bottom;
     2240     height: 16px !important;
     2241     display: inline-block;
    20612242}
    20622243
     
    22262407p#gatherstats {
    22272408     margin-top: -9px;
     2409     margin-bottom: 28px;
    22282410}
    22292411
     
    23162498     border: 1px solid #f60;
    23172499     background: #fff;
     2500     cursor: pointer;
     2501}
     2502
     2503div.app:hover a {
     2504     color: #f60 !important;
     2505}
     2506
     2507td.app {
     2508     vertical-align: middle;
    23182509}
    23192510
     
    23362527
    23372528.applabel a {
    2338      display: block;
     2529     margin: 0;
     2530     padding: 1px;
     2531     display: inline-block;
    23392532     width: 100%;
    2340      height: 13px;
    2341      text-overflow: ellipsis;
    23422533     white-space: nowrap;
    23432534     overflow: hidden;
    2344      margin: 0;
     2535     text-overflow: ellipsis;
    23452536}
    23462537
     
    23872578}
    23882579
     2580.appimg a {
     2581     display: inline-block;
     2582     width: 100%;
     2583}
     2584
    23892585div.appgroup {
    23902586     margin: 0;
     
    24032599     margin-left: auto;
    24042600     margin-right: auto;
    2405      padding: 1px 0;
    24062601     width: auto;
     2602     border: 1px solid #89f !important;
    24072603     border-collapse: separate;
    24082604     border-radius: 0 0 2px 2px;
     2605}
     2606
     2607.search td:nth-child(2) {
     2608     text-align: center !important;
     2609     padding: 0;
     2610}
     2611
     2612.search button.search {
     2613     margin: 0;
    24092614}
    24102615
     
    24522657
    24532658tt, pre {
    2454      font: 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     2659     font: 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
    24552660}
    24562661
     
    25102715.main#debug td[colspan="2"] {
    25112716     text-align: left;
     2717}
     2718
     2719.main#debug h2 + hr {
     2720     display: none;
    25122721}
    25132722
     
    27032912}
    27042913
    2705 .homelinkedit th:first-child, #sidebarconf th:first-child {
     2914.homelinkedit th:first-child, #sidebarconf th:first-child, #consolepass th:first-child {
    27062915     background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%);
    27072916     font-size: 0 !important;
     
    27742983     padding: 10px;
    27752984     margin: -11px 0 -1px;
     2985}
     2986
     2987#config_logging p {
     2988     text-align: left;
     2989     margin: 3px 0 5px -15px !important;
    27762990}
    27772991
     
    28723086
    28733087.langbox {
    2874      margin: 4px 4px 0;
     3088     margin: 4px 2px 0;
    28753089     color: #001;
    28763090     font-size: 7pt;
     
    28833097
    28843098.langbox img {
    2885      padding: 0 2px; /* Ignored by IE8 */
     3099     padding: 0 !important;
     3100     margin: 0 1px -1px;
    28863101     opacity: 0.9;
    2887      filter: drop-shadow(0 0 1px #999);
    2888      -webkit-filter: drop-shadow(0 0 1px #999);
    2889      transition: ease all 0.3s 0s;
     3102     border: 1px solid #999;
     3103     transform: none !important;
    28903104}
    28913105
    28923106.langbox img:hover {
    28933107     opacity: 1;
    2894      filter: drop-shadow(0 0 1px #f60);
    2895      -webkit-filter: drop-shadow(0 0 1px #f60);
    2896      transform: scale(1.1);
    2897      transition: ease all 0.3s 0s;
    28983108}
    28993109
     
    29223132     line-height: 150%;
    29233133     letter-spacing: 0.02em;
    2924 }
    2925 
    2926 a:link {
    2927      color: #33a;
    2928      text-decoration: none;
    2929      font-weight: bold;
    2930      word-wrap: break-word;
    2931 }
    2932 
    2933 a:visited {
    2934      color: #448;
    2935      text-decoration: none;
    2936      font-weight: bold;
    2937 }
    2938 
    2939 a:hover, a:focus {
    2940      color: #f60;
    2941      text-decoration: none;
    2942      font-weight: bold;
    2943      outline: none;
    2944 }
    2945 
    2946 a:active {
    2947      color: #f93 !important;
    2948      text-decoration: none;
    2949      font-weight: bold;
    2950 }
    2951 
    2952 a.script {
    2953      letter-spacing: normal;
    2954      word-spacing: normal;
    2955 }
    2956 
    2957 pre {
    2958      margin: 0 20px;
    2959      overflow: auto;
    2960      font-size: 8pt !important;
    2961      width: 95%;
    2962      padding-top: 10px;
    2963 }
    2964 
    2965 tt, code {
    2966      font-size: 9pt;
    2967      font-weight: bold;
    2968      color: darkgreen;
    29693134}
    29703135
     
    29913156}
    29923157
    2993 /*
    2994 .main[id^="config_"] tr:nth-child(even) {
    2995      background: #f7f8ff;
    2996 }
    2997 */
    2998 
    29993158#netconfig tr, #externali2cp tr {
    30003159     background: #fff;
     
    30193178.tidylist code {
    30203179     text-align: left;
    3021      font: 9pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     3180     font: 9pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
    30223181     color: #723;
    30233182     font-weight: bold;
     
    33073466
    33083467#themeoptions input {
    3309      margin-left: 5px;
     3468     margin: 6px 8px 6px 6px;
    33103469     vertical-align: sub;
    33113470}
    33123471
    33133472div.themelabel {
    3314      border-top: 1px solid #bbf !important;
     3473     border-top: 1px solid #89f !important;
    33153474     margin: -30px -4px 0;
    33163475     padding: 3px 2px;
     
    34563615     white-space: nowrap;
    34573616     margin: -32px -4px 0;
    3458      border-top: 1px solid #bbf;
     3617     border-top: 1px solid #89f;
    34593618     border-radius: 0 0 2px 2px;
    34603619     text-transform: capitalize;
     
    34723631/* configui password*/
    34733632
    3474 table#consolepass th:nth-child(2) {
     3633#consolepass th:nth-child(2) {
    34753634     text-align: left;
    34763635}
    34773636
    3478 table#consolepass td:first-child {
    3479      width: 100px;
    3480      white-space:nowrap;
    3481 }
    3482 
    3483 table#consolepass td {
     3637#consolepass tr:first-child td {
     3638     background: #fff url("/themes/console/images/info/user_add.png") no-repeat scroll 12px center / 28px 28px;
     3639     padding: 15px 15px 15px 50px;
     3640}
     3641
     3642#consolepass td {
    34843643     padding: 5px 10px;
    34853644     font-size: 9pt;
    3486 }
    3487 
    3488 table#consolepass input {
     3645     white-space: nowrap;
     3646}
     3647
     3648#consolepass input {
    34893649     margin: 5px;
    34903650}
    34913651
    3492 table#consolepass td#pw_adduser {
     3652#consolepass td#pw_adduser {
    34933653     padding: 5px 10px;
    34943654     border-top: 1px solid #89f;
     
    34993659}
    35003660
    3501 table#consolepass input[name="name"] {
     3661#consolepass input[name="name"] {
    35023662     margin-right: 20px;
    35033663}
     
    35773737     padding: 1px 3px;
    35783738     margin-left: 4px;
    3579      font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono !important;
     3739     font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace !important;
    35803740}
    35813741
     
    37893949.main#netdb code, .main#netdb tt {
    37903950     color: #03183f;
    3791      font-family: "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Helvetica, sans-serif;
     3951     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif;
    37923952     font-weight: normal;
    37933953}
     
    39554115
    39564116ul.statlist li::before {
    3957      content: "\1F6C8\00A0";
    39584117     content: "\2B26\00A0";
    39594118     margin-left: 5px;
     
    39624121     vertical-align: baseline;
    39634122     color: #0c153d;
    3964      filter: drop-shadow(0 1px 1px #999);
     4123     filter: drop-shadow(0 1px 1px #aaa);
    39654124     -webkit-filter: drop-shadow(0 1px 1px #aaa);
    39664125}
     
    39694128     margin-left: 5px;
    39704129     padding: 2px;
    3971 /*     line-height: 190% !important;*/
    39724130     list-style: none;
    39734131}
     
    39964154}
    39974155
     4156.main#stats a[href^="graph?"]::before {
     4157     content: "\279F\00A0";
     4158     color: #33a;
     4159     font-size: 14pt;
     4160     margin-left: 4px;
     4161     filter: drop-shadow(0 1px 1px #aaa);
     4162     -webkit-filter: drop-shadow(0 1px 1px #aaa);
     4163}
     4164
     4165.main#stats a[href^="graph?"]:hover::before {
     4166     color: #33a;
     4167}
     4168
     4169.main#stats a[href$="showEvents=true"]::before {
     4170     display: none;
     4171}
     4172
    39984173ul.statlist li li:last-child {
    39994174     padding-bottom: 2px;
     
    40224197     margin-top: 2px !important;
    40234198}
    4024 
    4025 /*
    4026 .statlist a[href*="graph"]::before {
    4027      content: "\1F5E0";
    4028      font-size: 16pt;
    4029      line-height: 60%;
    4030      font-weight: normal !important;
    4031      padding-bottom: 2px;
    4032 }
    4033 */
    40344199
    40354200.statlist li a[href*="graph"]:first-of-type {
     
    42864451#configinfo th {
    42874452     text-align: left;
    4288      font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     4453     font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
    42894454     padding: 7px 10px;
    42904455     color: #070;
     
    44704635}
    44714636
     4637/* logs */
     4638
     4639#logs ul {
     4640     margin-left: -22px;
     4641     margin-right: -28px;
     4642     margin: -4px 0 0 -20px;
     4643     display: inline-block;
     4644     word-break: break-all;
     4645}
     4646
     4647#logs li {
     4648     list-style: none;
     4649     font: 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
     4650     line-height: 130%;
     4651     text-align: left;
     4652     display: inline-block;
     4653     width: 100%;
     4654}
     4655
     4656#logs li::after {
     4657     content: "";
     4658     display: block;
     4659     border-top: 1px dotted #bbf;
     4660     width: 100%;
     4661     margin: 4px 0 0;
     4662}
     4663
     4664#logs li:last-child::after {
     4665     border: none;
     4666     margin: 0;
     4667}
     4668
     4669#logs font[color^="#"]::before {
     4670     content: "";
     4671     display: inline-block;
     4672     width: 6px;
     4673     height: 6px;
     4674     background: #fff;
     4675     border-radius: 50%;
     4676     margin-right: 5px;
     4677     margin-left: -17px;
     4678     vertical-align: calc(1px);
     4679}
     4680
     4681#logs li font[color="#cc0000"]::before {
     4682     background: #cc0000;
     4683}
     4684
     4685#logs li font[color="#006600"]::before {
     4686     background: #006600;
     4687}
     4688
     4689#logs li font[color="#ff3300"]::before {
     4690     background: #ff3300;
     4691}
     4692
     4693#logs li font[color="#ff00cc"]::before {
     4694     background: #ff00cc;
     4695}
     4696
     4697#logs li font[color="#000099"]::before {
     4698     background: #000099;
     4699}
     4700
     4701/* end logs */
     4702
     4703
    44724704/* responsive layout */
     4705
     4706@media screen and (max-width: 1200px) {
     4707.tab, .tab2 {
     4708     padding: 1px 0;
     4709     min-width: 50px !important;
     4710}
     4711
     4712.tab2 {
     4713     padding: 3px 10px;
     4714}
     4715
     4716.tab a {
     4717     padding: 2px 12px;
     4718}
     4719
     4720#consolepass input[name="name"], #externali2cp input[name="user"],
     4721#consolepass input[name="nofilter_pw"], #externali2cp input[name="nofilter_pw"] {
     4722     width: 160px !important;
     4723}
     4724}
     4725
     4726@media screen and (max-width: 1000px) {
     4727div.confignav {
     4728     font-size: 8.5pt !important;
     4729}
     4730
     4731.tab2 {
     4732     padding: 3px 8px;
     4733}
     4734
     4735.tab a {
     4736     padding: 2px 10px;
     4737}
     4738
     4739input.search[type="text"] {
     4740     width: 200px;
     4741}
     4742
     4743div.logo {
     4744     float: none;
     4745     position: absolute;
     4746     top: 10px !important;
     4747     margin: 0 5px !important;
     4748     display: block;
     4749     background-size: 200px auto !important;
     4750     min-width: 500px;
     4751     width: calc(100% - 36px);
     4752}
     4753
     4754div.warning {
     4755     margin: 140px 5px 0 !important;
     4756}
     4757
     4758.logo a:nth-child(n+2) {
     4759     width: 25%;
     4760     white-space: nowrap;
     4761     font-size: 10pt;
     4762}
     4763
     4764.proxyfooter {
     4765     display: none;
     4766}
     4767
     4768img[src$="bound.png"] {
     4769     transform: scale(0.9);
     4770}
     4771
     4772.main#tunnels th, .main#profiles th {
     4773font-size: 8pt;
     4774}
     4775}
     4776
     4777@media screen and (max-width: 1200px) {
     4778.main#peers th {
     4779font-size: 8pt;
     4780}
     4781
     4782img[src^="/flags.jsp"] {
     4783     transform: scale(0.9);
     4784}
     4785}
     4786
     4787@media screen and (max-width: 1500px) {
     4788#sb_general td:first-child::after, #sb_shortgeneral td:first-child::after, #sb_bandwidth td:first-child::after,
     4789#sb_peers td:first-child::after, #sb_tunnels td:first-child::after, #sb_queue td:first-child::after {
     4790   min-height: 12px;
     4791}
     4792
     4793.langbox {
     4794     margin-top: 3px !important;
     4795}
     4796}
    44734797
    44744798@media screen and (min-width: 1500px) {
     
    45024826}
    45034827
     4828#sb_internals, #sb_services, #sb_advanced {
     4829     margin-top: -3px !important;
     4830}
     4831
    45044832.routersummary h3 a, #netdboverview th, .newsentry h3 {
    45054833     font-size: 11pt !important;
    45064834}
    45074835
     4836#sb_internals a, #sb_services a, #sb_advanced a {
     4837     max-width: 210px;
     4838}
    45084839.routersummary button[type="submit"] {
    45094840     min-width: 100px;
     
    45644895}
    45654896
    4566 #jardump tt {
     4897#jardump tt, #wrapperlogs pre {
    45674898     font-size: 8pt !important;
    45684899}
     
    45874918     font-size: 10.5pt !important;
    45884919}
     4920
     4921#stats.main form {
     4922     margin-top: -14px;
     4923}
     4924
     4925.confignav {
     4926     padding: 0 5px !important;
     4927}
     4928
     4929.tab, .tab2 {
     4930     margin-top: -1px !important;
     4931}
    45894932}
    45904933
    45914934/* end responsive layout */
    45924935
    4593 
  • installer/resources/themes/console/classic/console_big.css

    ra0911a4 rfa6fc84  
    66     text-shadow: none !important;
    77     font-weight: normal !important;
    8      font-size: 12pt !important;
     8     font-size: 11pt !important;
    99     letter-spacing: normal !important;
    1010     word-spacing: normal !important;
    11      line-height: 115% !important;
    12 }
    13 
    14 input[type="submit"], input[type="cancel"], input[type="file"], button {
    15      font-size: 14pt !important;
     11     line-height: 140% !important;
     12}
     13
     14input[type="submit"], input[type="cancel"], input[type="file"], button, button.search, input.cancel {
     15     font-size: 11pt !important;
     16     padding-top: 2px;
     17     padding-bottom: 2px;
    1618}
    1719
     
    2325
    2426div.routersummary h3, .routersummary h3 a  {
    25      font-size: 14pt !important;
     27     font-size: 13pt !important;
    2628}
    2729
    2830div.routersummary h4, .routersummary h4 a {
    29      font-size: 14pt !important;
     31     font-size: 13pt !important;
    3032     letter-spacing: 0;
    3133}
     
    6264}
    6365
    64 /*
    65 .routersummary a img:first-child {
    66      transform: scale(1.2);
    67      -webkit-transform: scale(1.2);
    68 }
    69 */
    70 
    71 div.tunnels a {
    72      font-size: 12pt !important;
    73 }
    74 
    75 div.tunnels table {
    76 }
    77 
    78 div.tunnels td:first-child, div.tunnels td:last-child  {
    79      width: 16px;
    80 }
    81 
    82 div.tunnels td:last-child {
    83      text-align: left;
    84 }
    85 
    86 div.tunnels td {
    87      padding: 0 2px;
    88 }
     66/* end sidepanel */
     67
    8968/* global overrides */
    9069
     
    10483}
    10584
     85h1 {
     86     font-size: 18pt !important;
     87     padding: 14px 20px 12px;
     88}
     89
     90h2 {
     91     font-size: 16pt !important;
     92}
     93
     94h3, .configtable th {
     95     font-size: 14pt !important;
     96}
     97
     98h3 a {
     99     display: inline-block;
     100     padding: 3px 2px;
     101}
     102
     103h4 {
     104     font-size: 13pt !important;
     105}
     106
     107/* end global overrides */
     108
     109div.tunnels a {
     110     font-size: 12pt !important;
     111}
     112
     113div.tunnels table {
     114}
     115
     116div.tunnels td:first-child, div.tunnels td:last-child  {
     117     width: 16px;
     118}
     119
     120div.tunnels td:last-child {
     121     text-align: left;
     122}
     123
     124div.tunnels td {
     125     padding: 0 2px;
     126}
     127
    106128div.main, div.main p, div.news p {
    107129     line-height: 140%;
     
    112134}
    113135
    114 h1 {
    115      font-size: 18pt !important;
    116      padding: 16px 20px;
    117 }
    118 
    119 h2 {
    120      font-size: 17pt !important;
    121 }
    122 
    123 h3, .configtable th {
    124      font-size: 16pt !important;
    125 }
    126 
    127136.langbox {
    128137     width: 400px;
    129      margin-top: 2px;
     138     margin-top: 5px;
     139     margin-right: 8px;
    130140}
    131141
     
    143153}
    144154
    145 .confignav a, .tab, .tab2 {
    146      font-size: 16pt !important;
    147      font-weight: normal;
    148 }
     155.tab, .tab2 {
     156     font-size: 11pt;
     157}
    149158
    150159.applabel a {
    151160     padding: 0 2px 6px !important;
    152161}
    153 
    154 
    155162
    156163.themelabel, .ui_lang {
     
    167174}
    168175
    169 .tab2::before, .tab2::after {
    170      font-size: 16pt;
     176h3.ptitle, h3#i2pclientconfig {
     177     margin-bottom: -17px !important;
     178}
     179
     180h3#pluginmanage {
     181     margin-bottom: -22px !important;
     182}
     183
     184.formaction {
     185     margin-top: -17px !important;
     186}
     187
     188table + .formaction, #consolepass + .formaction {
     189     margin-top: -7px !important;
     190}
     191
     192hr + .formaction {
     193     margin-top: 0 !important;
     194}
     195
     196h3.stats {
     197     margin-top: -1px !important;
     198}
     199
     200.main#stats form {
     201     margin-top: 0;
     202     margin-bottom: -1px;
     203}
     204input[type="text"], input[type="password"] {
     205     min-width: 0;
     206}
     207
     208input[type="radio"], input[type="checkbox"] {
     209     margin-top: 6px;
     210     margin-bottom: 6px;
     211}
     212
     213button.control {
     214     font-size: 0 !important;
     215}
     216
     217.infohelp, .infowarn {
     218     line-height: 160% !important;
     219}
     220
     221p.infohelp {
     222     margin-bottom: -7px;
     223}
     224
     225#advancedsettings, .main textarea {
     226     font-size: 10pt !important;
     227}
     228
     229#webappconfig {
     230     margin-bottom: -37px !important;
     231}
     232
     233.formaction#webappconfigactions {
     234     margin-top: 36px !important;
     235}
     236
     237p[style="margin: 0px 12px"] {
     238     margin-left: 5px !important;
     239     padding: 8px 0 !important;
     240}
     241
     242#news hr + i {
     243     display: inline-block;
     244     margin-top: 4px !important;
     245}
     246
     247input.search[type="text"] {
     248     padding-left: 30px;
     249     background-position: 8px center;
     250}
     251
     252.main#jardump b {
     253     font-size: 9pt !important;
     254}
     255
     256#wrapperlogs pre, pre#transports {
     257     font-size: 10pt !important;
     258}
     259
     260table#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"] {
     261     font-size: 0 !important;
     262}
     263
     264/* responsive layout */
     265
     266@media screen and (max-width: 1200px) {
     267.main td, .main td b {
     268     font-size: 10pt !important;
     269}
     270}
     271
     272@media screen and (min-width: 0) {
     273div.routersummary img[src$="i2plogo.png"] {
     274     margin-top: -1px;
     275     transform: none;
     276     width: 210px;
     277}
     278
     279.tab, .tab2 {
     280     font-size: 11pt !important;
     281     margin-right: -3px !important;
     282}
    171283}
    172284
    173285@media screen and (min-width: 1500px) {
    174 body, .main, .main td, .news p, #news p, .tab, .tab2, .main li b, div.joblog li, .themelabel, .ui_lang, .applabel a, .statusnotes,
     286body, .main, .main td, .news p, #news p, .main li b, div.joblog li, .themelabel, .ui_lang, .applabel a, .statusnotes,
    175287#peerdefs, #profile_defs, #thresholds, #configinfo, .infohelp, .infowarn, button, input, select, textarea, code, tt, pre,
    176288.netdbentry th, .configtable th, ul.statlist a[name], ul.statlist b, ul.statlist li b, ul.statlist a[name]:hover, div.messages, th {
     
    182294}
    183295}
     296
     297/* end responsive layout */
  • installer/resources/themes/console/classic/i2ptunnel.css

    ra0911a4 rfa6fc84  
    8686     border: 1px solid #999;
    8787     padding: 4px;
    88      font: 9pt "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono;
     88     font: 9pt "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
    8989     background: #fff;
    9090     color: #333;
     
    142142
    143143.control:active {
    144      box-shadow: inset 2px 2px 1px #999 !important;
     144     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px 1px #555 !important;
    145145     border: 1px solid #999 !important;
    146146     color: #333 !important;
  • installer/resources/themes/console/dark/console.css

    ra0911a4 rfa6fc84  
    135135     box-shadow: inset 0 0 0 1px #700;
    136136     box-shadow: inset 0 0 0 1px #700, inset 0 0 3px 3px #000;
     137     box-shadow: inset 0 0 0 1px #700, inset 0 0 3px 3px #000, 0 0 0 2px #000;;
    137138     word-wrap: break-word;
    138139     font-size: 10pt;
    139140     min-width: 300px;
     141     border: 5px solid #010;
     142     border-image: repeating-linear-gradient(135deg, #010 0px, #010 20px, #440 20px, #440 40px, #010 40px) 5 repeat repeat;
     143     border-image-width: 5px;
     144     border-image-outset: 1px;
    140145}
    141146
     
    260265}
    261266
     267.routersummary h3::after {
     268     content: "";
     269     display: inline-block;
     270     min-height: 15px;
     271     vertical-align: middle;
     272}
     273
     274.routersummary h3 a {
     275     vertical-align: middle;
     276}
     277
    262278.routersummary h3:hover {
    263279     background: #010 !important;
     
    286302     box-shadow: inset 0 0 0 1px #121;
    287303     box-shadow: inset 0 0 0 1px #121, inset 0 0 5px 2px #000;
     304}
     305
     306.routersummary h4::after {
     307     content: "";
     308     display: inline-block;
     309     min-height: 16px;
     310     vertical-align: middle;
    288311}
    289312
     
    313336}
    314337
    315 #sb_general td:first-child::after, #sb_shortgeneral td:first-child::after, #sb_bandwidth td:first-child::after,
    316 #sb_peers td:first-child::after, #sb_tunnels td:first-child::after, #sb_queue td:first-child::after {
     338#sb_general td::after, #sb_shortgeneral td::after, #sb_bandwidth td::after,
     339#sb_peers td::after, #sb_tunnels td::after, #sb_queue td::after {
    317340   content: "";
    318341   display: inline-block;
     
    338361}
    339362
     363#sb_localtunnels td::after {
     364     content: "";
     365     display: inline-block;
     366     min-height: 10px;
     367     vertical-align: middle;
     368     border-sizing: border-box;
     369}
     370
     371#sb_localtunnels a {
     372     display: inline-block;
     373}
     374
    340375#sb_localtunnels td:last-child {
    341376     text-align: right;
     
    344379
    345380#sb_warning { /* check connection/firewall */
    346      padding: 4px 6px 4px 26px;
    347      background: #000;
    348      background: url(images/warning24x24.png) 5px center no-repeat, linear-gradient(to right, #001900 0%, #001000 5%, #000 25%, #000 50%, #000 75%, #001000 95%, #001900 100%);
     381     padding: 4px 4px 4px 26px;
     382     background: #000;
     383     background: url(images/warning24x24.png) 4px center no-repeat, linear-gradient(to right, #001900 0%, #001000 5%, #000 25%, #000 50%, #000 75%, #001000 95%, #001900 100%);
     384     background-size: 22px 22px, 100% 100%;
    349385     text-align: center;
    350386     line-height: 120%;
     
    357393#sb_internals a, #sb_services a, #sb_advanced a {
    358394     padding: 1px 2px;
     395     display: inline-block;
     396     vertical-align: middle;
    359397}
    360398
     
    382420     border-radius: 2px;
    383421     box-shadow: inset 0 0 0 1px #000;
    384      margin: 10px -4px -2px;
     422     margin: -2px -5px -4px;
    385423     padding: 5px 3px;
    386424}
    387425
    388 hr + .sb_notice {
    389      margin-top: 7px;
     426p:empty + .sb_notice {
     427     margin-top: 9px;
    390428}
    391429
     
    597635}
    598636
     637/* main section */
     638
    599639.main {
    600640     margin: -1px 5px 5px 206px;
     
    641681     background: #000 url(images/news.png) no-repeat scroll bottom right !important;
    642682}
     683
     684/* end main */
    643685
    644686#news h3 {
     
    751793}
    752794
     795/* top navigation */
     796
    753797div.confignav {
    754798     background: url(images/header.png) repeat-x scroll center center #000;
    755      background: linear-gradient(to bottom, #1a261a 0%,#223022 7%,#212f21 9%,#172317 21%,#091109 49%,#050d05 50%,#020602 51%,#010301 53%,#000000 56%,#000000 100%) !important;
    756      background-image: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 51%, #000 100%) !important;
    757      padding: 8px 5px 7px !important;
     799     background: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 51%, #000 100%) !important;
     800     padding: 7px 5px !important;
    758801     margin: -1px -16px 15px;
    759 /*     border-radius: 0 0 4px 4px; */
    760802     border: 1px solid #494;
    761803     font-weight: bold !important;
    762804     line-height: 130% !important;
    763805     text-align: center;
     806     box-shadow: inset 0 0 0 1px #000, inset 0 0 3px 1px #030;
     807}
     808
     809.tab, .tab2 {
     810     box-sizing: border-box;
     811     display: inline-block;
     812     border: 1px solid #494;
     813     margin: 0 -2px -1px -2px !important;
     814     padding: 1px 0;
     815     background: #fff;
     816     min-width: 60px !important;
     817}
     818
     819.tab2 {
     820     background: #030;
    764821     box-shadow: inset 0 0 0 1px #000;
    765      box-shadow: inset 0 0 0 1px #000, inset 0 0 3px 1px #030;
    766 }
    767 
    768 .confignav a:hover {
    769      text-decoration: none;
    770 }
    771 
    772 .confignav a:active {
    773      color: #f90 !important;
    774 }
    775 
    776 .tab, .tab2 {
    777      padding: 1px 3px;
    778      white-space: nowrap;
    779      margin: 0;
    780 }
    781 
    782 .tab2::before {
    783      content: '\1F892\00A0';
    784      content: '\25B8\00A0';
    785      font-size: 11pt;
    786      line-height: 50%;
    787      vertical-align: baseline;
    788 }
    789 
    790 .tab2::after {
    791      content: '\00A0\1F890';
    792      content: '\00A0\25C2';
    793      font-size: 11pt;
    794      line-height: 50%;
    795      vertical-align: baseline;
    796 }
     822     color: #ee9;
     823     padding: 5px 12px !important;
     824}
     825
     826.tab a {
     827     display: inline-block;
     828     padding: 4px 14px !important;
     829}
     830
     831.tab {
     832     background: linear-gradient(to bottom, #001900 0%, #002900 50%, #000 51%, #000 100%) !important;
     833     box-shadow: inset 0 0 0 1px #000;
     834}
     835
     836.tab:hover {
     837     background: #000 !important;
     838     box-shadow: inset 0 0 0 1px #914600;
     839}
     840
     841.tab:hover a {
     842     color: #f60;
     843}
     844
     845.tab:active {
     846     box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px 1px #5f2400;
     847     background: #f60 !important;
     848}
     849
     850.tab:active a {
     851     color: #ee9 !important;
     852}
     853
     854/* end topnav */
    797855
    798856div.messages {
     
    801859     border: 1px solid #494;
    802860     background: #000;
    803      background: url(images/infohelp.png) no-repeat 12px center, #000;
     861     background: url(images/infohelp.png) no-repeat 12px center, url(images/scarface.jpg) right bottom no-repeat #000;
     862     background-size: 28px 28px, auto 90%;
    804863     font-weight: bold;
    805864     font-size: 9.5pt;
     
    823882     padding: 0 10px 0 0 !important;
    824883     border: 0 !important;
     884}
     885
     886#messages, .error, .notice {
     887     color: #ee9;
    825888}
    826889
     
    860923     margin: 5px;
    861924     text-align: center !important;
    862 /*     background: #000; */
    863925     opacity: 0.9;
    864      transition: all 0.3s ease 0s;
     926     transition: ease all 0.3s 0s;
    865927}
    866928
     
    870932     margin: 5px;
    871933     text-align: center !important;
    872 /*     background: #000; */
    873934     opacity: 1;
    874      transition: all 0.3s ease 0s;
     935     transition: ease all 0.3s 0s;
    875936     cursor: url(/themes/console/images/cursor_zoom.png), pointer;
    876937}
     
    883944     max-width: 95%;
    884945     max-width: calc(100% - 18px);
    885 /*     filter: invert(100%) sepia(100%) hue-rotate(78deg) saturate(150%); enable for theme-colored graph images */
    886946}
    887947
     
    10531113}
    10541114
    1055 /*
    1056 td:hover, tr:hover td {
    1057      color: #ee9;
    1058 }
    1059 */
    1060 
    10611115td img {
    10621116     padding: 0 1px 0 2px;
     1117}
     1118
     1119#udpconnections td:nth-child(2) img, #ntcpconnections td:nth-child(2) img {
     1120     padding: 0;
    10631121}
    10641122
     
    11931251     display: none;
    11941252     border: 1px dotted #f00; /* display in order to bug hunt */
     1253}
     1254
     1255#config_logging p {
     1256     text-align: left;
     1257     margin: 3px 0 5px !important;
    11951258}
    11961259
     
    16361699     text-align: center;
    16371700     border: 1px solid #494 !important;
    1638      margin: -3px 0 5px 0;
     1701     margin: -2px 0 5px 0;
    16391702     padding: 7px;
    16401703     background: #000;
     
    16611724     -moz-column-count: 2;
    16621725     -moz-column-width: 400px;
    1663      -moz-column-gap: 15px;
    1664      -moz-column-rule: 1px dotted #494;
     1726     -moz-column-gap: 50px;
    16651727     -webkit-column-count: 2;
    16661728     -webkit-column-width: 400px;
    1667      -webkit-column-gap: 100px;
    1668      -webkit-column-rule: 1px dotted #494;
    1669 /* untested
    1670      -ms-column-count: 2;
    1671      -ms-column-width: 400px;
    1672      -ms-column-gap: 100px;
    1673      -ms-column-rule: 1px dotted #494;
    1674 */
     1729     -webkit-column-gap: 50px;
    16751730     column-count: 2;
    16761731     column-width: 400px;
    1677      column-gap: 100px;
    1678      column-rule: 1px dotted #494;
     1732     column-gap: 50px;
    16791733}
    16801734
     
    16841738     -webkit-break-inside: avoid;
    16851739     display: inline-block;
    1686      border-bottom: 1px dotted #494;
    1687      min-width: 400px;
    1688      width: 88%;
     1740     border-bottom: 1px dotted #030;
     1741     min-width: 360px;
     1742     width: 90%;
     1743     width: calc(100% - 45px);
    16891744     padding-bottom: 5px !important;
    16901745}
     
    17641819}
    17651820
    1766 div.joblog th:last-child { /* kludge for broken table in /jobs .. requires additional trailing td per tr to fix */
    1767       width: 0;
    1768       height: 0;
    1769       padding: 0;
    1770 }
    1771 
    1772 .joblog > .wideload > b ~ ol > li:last-child { /* jobs ol tidy */
    1773      margin-bottom: -10px;
    1774 }
    1775 
    17761821/* /jobs */
    17771822
     
    18841929
    18851930ul.statlist li::before {
    1886      content: "\1F6C8\00A0";
    18871931     content: "\2B26\00A0";
    18881932     font-size: 14pt;
     
    19011945     margin-left: 16px;
    19021946     margin-right: -20px;
    1903      line-height: 120% !important;
     1947     line-height: 140% !important;
    19041948     list-style: none;
    19051949}
     
    19151959}
    19161960
     1961ul.statlist li li:last-child::after {
     1962     content: "";
     1963     display: block;
     1964     border-bottom: 1px dotted #030;
     1965     margin-top: 6px;
     1966     margin-bottom: -12px;
     1967}
     1968
     1969@media screen and (-webkit-min-device-pixel-ratio:0) {
     1970ul.statlist li li:last-child::after {
     1971     margin-bottom: -6px;
     1972}
     1973}
     1974
    19171975li.noevents {
    19181976     margin-bottom: 5px !important;
     1977}
     1978
     1979li.noevents::after {
     1980     margin-top: 6px !important;
     1981     margin-bottom: 0 !important;
     1982     margin-right: 20px;
    19191983}
    19201984
     
    19281992}
    19291993
     1994.statlist a[href^="graph"]::before {
     1995     content: "\27A1\00A0";
     1996     content: "\21B3\00A0";
     1997     color: #994;
     1998     font-size: 14pt;
     1999}
     2000
     2001.statlist a[href$="true"]::before {
     2002     display: none;
     2003}
     2004
    19302005.main#stats form {
     2006     background: #000;
    19312007     border: 1px solid #494;
    19322008     padding: 10px;
     
    20772153}
    20782154
    2079 #udpconnections tr.tablefooter td {
     2155#udpconnections tr.tablefooter td, #ntcpconnections tr.tablefooter td {
    20802156     color: #ee9;
     2157     text-align: center;
     2158}
     2159
     2160#udpconnections tr.tablefooter td:first-child, #ntcpconnections tr.tablefooter td:first-child {
     2161     padding-left: 6px;
     2162     text-align: left;
    20812163}
    20822164
     
    20902172
    20912173#udpconnections td[class="cells"]:first-child, #ntcpconnections td[class="cells"]:first-child {
    2092           width: 50px;
    2093           white-space: nowrap;
    2094           text-align: right;
     2174     width: 50px;
     2175     white-space: nowrap;
     2176     text-align: right;
    20952177}
    20962178
     
    26862768}
    26872769
     2770/* confignet tidyup */
     2771
     2772#netconfig .optbox {
     2773     margin: 10px 6px 2px !important;
     2774     display: inline-block !important;
     2775     vertical-align: sub !important;
     2776}
     2777
     2778#netconfig .optbox:first-child {
     2779     margin-top: 6px !important;
     2780     margin-bottom: 6px !important;
     2781}
     2782
     2783#netconfig .optbox:last-child, #netconfig .optbox[value="only"], #netconfig .optbox[name="disableUDP"], #netconfig .optbox[value="disabled"] {
     2784     margin-bottom: 6px !important;
     2785}
     2786
     2787#netconfig input[type="text"] + br + .optbox, #netconfig .optbox[name="ntcpAutoPort"] {
     2788     margin-top: 3px !important;
     2789}
     2790
     2791#netconfig input[name*="ost"] {
     2792     width: 250px !important;
     2793}
     2794
     2795/* end confignet tidyup */
    26882796/* end /confignet */
    26892797
     
    27592867}
    27602868
     2869p#gatherstats {
     2870     margin-bottom: 28px !important;
     2871}
     2872
    27612873#webappconfig th:first-child {
    27622874     text-align: right;
     
    29393051     width: calc(100% - 8px);
    29403052     margin-bottom: 8px;
     3053     resize: none;
    29413054}
    29423055
     
    29503063#config_summarybar .configtable td:not(.optionsave) {
    29513064     padding-left: 45px;
    2952      background: url(/themes/console/images/info/interval.png) 12px center no-repeat;
     3065     background: url(/themes/console/images/info/interval.png) 12px center no-repeat #000;
    29533066     background-size: 28px 28px;
    29543067}
     
    30243137}
    30253138
    3026 #sidebarconf th:nth-child(1), .homelinkedit th:first-child {
     3139#sidebarconf th:nth-child(1), .homelinkedit th:first-child, #consolepass th:first-child {
    30273140     text-align: center;
    30283141     background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #001000 0%, #001900 50%, #000 51%, #000 100%) !important;
     
    33913504/* logs */
    33923505
     3506#logs pre, #logs li {
     3507     font-weight: bold;
     3508}
     3509
    33933510#criticallogs ul { /* tidy router logs ul */
    33943511     border: 1px solid #494;
     
    34443561
    34453562table[id$="logs"] ul {
    3446      margin: 5px 10px -5px -15px !important;
    3447 }
    3448 
    3449 table[id$="logs"] li::first-line {
    3450      font-weight: bold;
     3563     margin: -5px 12px -5px -18px !important;
    34513564}
    34523565
     
    34713584}
    34723585
    3473 
    3474 
    3475 /*
    3476 a[name="criticallogs"] ~ h3 + p {
    3477      border: 1px solid #494;
    3478      padding: 10px;
    3479      margin-top: -11px;
    3480      margin-bottom: 10px;
    3481 }
    3482 
    3483 a[name="criticallogs"] ~ h3 + p ~ h3 + a[href="events"] + h3 + a[name="servicelogs"] + p {
    3484      border: 1px solid #494;
    3485      padding: 10px;
    3486      margin-top: -11px;
    3487      margin-bottom: 10px;
    3488 }
    3489 
    3490 a[name="criticallogs"] ~ h3 + p ~ h3 + a[href="events"] + h3 + a[name="servicelogs"] + p + pre {
    3491      border: 1px solid #494;
    3492      padding: 10px;
    3493      width: calc(100% - 22px) !important;
    3494      margin-top: -11px;
    3495      margin-bottom: 10px;
    3496 }
    3497 
    3498 a[name="servicelogs"] + p + pre {
    3499      border: 1px solid #f60;
    3500 }
    3501 */
    3502 
    35033586.logtable ul li {
    35043587     list-style: none !important;
     
    35063589}
    35073590
    3508 .logtable ul li::before {
    3509      content: "\26A0\00A0";
    3510      font-size: 12pt;
    3511      line-height: 50%;
    3512      vertical-align: baseline;
    3513      color: #ff0;
    3514 }
     3591#logs li {
     3592     list-style: none;
     3593     font: bold 8pt "Droid Sans Mono",  "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
     3594     line-height: 130%;
     3595     text-align: left;
     3596     display: inline-block;
     3597     width: 100%;
     3598     word-break: break-all;
     3599}
     3600
     3601#criticallogs li {
     3602     width: auto;
     3603     width: calc(100% - 15px);
     3604     margin: 2px -10px 0 7px;
     3605}
     3606
     3607#logs li::after {
     3608     content: "";
     3609     display: block;
     3610     border-top: 1px dotted #030;
     3611     width: 100%;
     3612     margin: 5px 0 -3px;
     3613}
     3614
     3615#logs li:last-child::after {
     3616     border: none;
     3617     margin: 0;
     3618}
     3619
     3620#logs font[color^="#"]::before {
     3621     content: "";
     3622     display: inline-block;
     3623     width: 6px;
     3624     height: 6px;
     3625     margin-left: 0;
     3626     margin-right: 5px;
     3627     border-radius: 50%;
     3628     vertical-align: calc(1px);
     3629}
     3630
     3631font[color="#cc0000"] {
     3632     color: #c33 !important;
     3633}
     3634
     3635#logs li font[color="#cc0000"]::before {
     3636     background: #c33;
     3637}
     3638
     3639font[color="#006600"] {
     3640     color: #ee7 !important;
     3641}
     3642
     3643#logs li font[color="#006600"]::before {
     3644     background: #ee7;
     3645}
     3646
     3647font[color="#ff3300"] {
     3648     color: #990 !important;
     3649}
     3650
     3651#logs li font[color="#ff3300"]::before {
     3652     background: #990;
     3653}
     3654
     3655font[color="#ff00cc"] {
     3656     color: #880 !important;
     3657}
     3658
     3659#logs li font[color="#ff00cc"]::before {
     3660     background: #880;
     3661}
     3662
     3663font[color="#000099"] {
     3664     color: #660 !important;
     3665}
     3666
     3667#logs li font[color="#000099"]::before {
     3668     background: #660;
     3669}
     3670
     3671/* end logs */
    35153672
    35163673/* /profiles */
     
    35493706     white-space: nowrap;
    35503707     text-align: center;
     3708}
     3709
     3710table#profiles th:last-child {
     3711     padding-right: 10px;
    35513712}
    35523713
     
    35573718}
    35583719
    3559 table#profiles td[colspan="7"] { /* profile class separator */
     3720table#profiles td[colspan="8"] { /* profile class separator */
    35603721     background: #040;
    35613722     padding: 1px;
     
    35863747
    35873748table#profile_defs td, table#thresholds td {
    3588      padding: 5px 10px;
    3589 }
    3590 
    3591 table#profile_defs ul {
    3592      margin: -3px 0 12px -30px;
    3593 }
    3594 
    3595 table#profile_defs ul li:last-child {
    3596      margin-bottom: -13px;
    3597 }
    3598 
    3599 #profile_defs li {
    3600      list-style: none !important;
    3601 }
    3602 
    3603 #profile_defs li::first-letter {
     3749     padding: 5px;
     3750}
     3751
     3752#profile_defs td:first-child {
     3753     width: 5% !important;
     3754     white-space: nowrap;
     3755     text-align: right;
     3756}
     3757
     3758#profile_defs td:last-child {
     3759     width: 95%;
     3760     white-space: normal;
     3761     line-height: 120%;
     3762}
     3763
     3764#thresholds th, #thresholds td {
     3765     text-align: center;
     3766}
     3767
     3768#capabilities_key td {
     3769     padding: 0 !important;
     3770}
     3771
     3772#capabilities_key table {
     3773     margin: 0 !important;
     3774     border: none;
     3775     border-top: 1px solid #373;
     3776     border-bottom: 1px solid #373;
     3777}
     3778
     3779#capabilities_key table td {
     3780     padding: 3px 5px !important;
     3781}
     3782
     3783#capabilities_key table td:nth-child(even) {
     3784     width: 16px;
     3785}
     3786
     3787#profile_defs b {
    36043788     text-transform: capitalize;
     3789}
     3790
     3791#capabilities_key b {
     3792     text-transform: none !important;
    36053793}
    36063794
     
    36303818     text-align: right !important;
    36313819     white-space: nowrap;
    3632 }
    3633 
    3634 /* responsive /profiles & /peers */
    3635 
    3636 @media screen and (max-width: 1060px) {
    3637 
    3638 table#floodfills, #profiles ul#banlist, table#profile_defs {
    3639      margin-bottom: 5px;
    3640 }
    3641 
    3642 table#floodfills td {
    3643      font-size: 8pt;
    3644      border-right: 0 outset transparent !important;
    3645 }
    3646 
    3647 .main#profiles {
    3648      padding: 5px 5px 0;
    3649 }
    3650 
    3651 #profiles .confignav {
    3652      margin: -6px -6px 5px;
    3653 }
    3654 
    3655 p#profiles_overview {
    3656      margin: 5px 0;
    3657 }
    3658 
    3659 #profiles h3 {
    3660      margin-top: 5px !important;
    3661 }
    3662 
    3663 #profiles #thresholds + h3 {
    3664      margin-top: -5px !important;
    3665 }
    3666 
    3667 #floodfills tr:hover td:nth-child(n+2){
    3668      transform: scale(1.1);
    3669      text-align: center !important;
    3670 }
    3671 }
    3672 
    3673 @media screen and (max-width: 1220px) {
    3674 #udpconnections tr:nth-last-child(n+3):hover td:nth-child(n+2)  {
    3675      transform: scale(1.1);
    3676      text-align: center !important;
    3677 }
    3678 
    3679 .main#peers .widescroll td.cells {
    3680      font-size: 8pt !important;
    3681 }
    36823820}
    36833821
     
    41244262/* end iframed console fixes */
    41254263
    4126 /* Override error log colors */
    4127 
    4128 font[color="#ff00cc"] {
    4129      color: #660 !important;
    4130 }
    4131 
    4132 font[color="#ff3300"] {
    4133      color: #990 !important;
    4134 }
    4135 
    4136 font[color="#cc0000"] {
    4137      color: #cc0 !important;
    4138 }
    4139 
    4140 font[color="#000099"] { /* info log level */
    4141      color: #550 !important;
    4142 }
    4143 
    4144 font[color="#006600"] { /* debug log level */
    4145      color: #bb0 !important;
    4146 }
    4147 
    4148 /* end log color overrides */
    4149 
    41504264/* global overrides */
    41514265
     
    51785292/* responsive layout */
    51795293
     5294/* responsive /profiles & /peers */
     5295
     5296@media screen and (max-width: 1060px) {
     5297
     5298table#floodfills, #profiles ul#banlist, table#profile_defs {
     5299     margin-bottom: 5px;
     5300}
     5301
     5302table#floodfills td {
     5303     font-size: 8pt;
     5304     border-right: 0 outset transparent !important;
     5305}
     5306
     5307#floodfills tr:hover td:nth-child(n+2){
     5308     transform: scale(1.1);
     5309     text-align: center !important;
     5310}
     5311}
     5312
     5313@media screen and (max-width: 1240px) {
     5314#udpconnections td, #ntcpconnections td {
     5315     padding: 3px 2px;
     5316}
     5317
     5318#udpconnections tr.tablefooter td, #ntcpconnections tr.tablefooter td {
     5319     border: 1px inset #131 !important;
     5320     border-top: 1px solid #494 !important;
     5321}
     5322
     5323.main#profiles, .main#peers {
     5324     padding: 5px 5px 0;
     5325}
     5326
     5327#profiles .confignav {
     5328     margin: -6px -6px 5px;
     5329}
     5330
     5331p#upnpstatus, .main#peers .infohelp {
     5332     margin: 0;
     5333}
     5334
     5335.main#peers h3, #profiles h3, .main#peers .infohelp {
     5336     margin-top: 5px !important;
     5337}
     5338
     5339p#profiles_overview {
     5340     margin: 5px 0;
     5341}
     5342
     5343#profiles #thresholds + h3 {
     5344     margin-top: -5px !important;
     5345}
     5346}
     5347
     5348/* end profiles/peers */
     5349
     5350@media screen and (max-width: 1220px) {
     5351#udpconnections tr:nth-last-child(n+3):hover td:nth-child(n+2)  {
     5352     transform: scale(1.05);
     5353     text-align: center !important;
     5354}
     5355
     5356.main#peers .widescroll td.cells {
     5357     font-size: 8pt !important;
     5358}
     5359}
     5360
     5361@media screen and (max-width: 1200px) {
     5362.tab, .tab2 {
     5363     padding: 1px 0;
     5364     min-width: 50px !important;
     5365}
     5366
     5367.tab2 {
     5368     padding: 3px 12px;
     5369}
     5370
     5371.tab a {
     5372     padding: 2px 14px;
     5373}
     5374}
     5375
     5376@media screen and (max-width: 1500px) {
     5377#sb_general td:first-child::after, #sb_shortgeneral td:first-child::after, #sb_bandwidth td:first-child::after,
     5378#sb_peers td:first-child::after, #sb_tunnels td:first-child::after, #sb_queue td:first-child::after {
     5379   min-height: 12px;
     5380}
     5381}
     5382
    51805383@media screen and (min-width: 1500px) {
    5181 body, .main, .main td, .news p, #news p, textarea, .main textarea, code, tt, pre,
    5182 ul.statlist a[name], ul.statlist b, ul.statlist li b, ul.statlist a[name]:hover {
     5384body, .main, .main td, .news p, #news p, textarea, .main textarea, code, tt,
     5385ul.statlist a[name], ul.statlist b, ul.statlist li b, ul.statlist a[name]:hover, .confignav {
    51835386     font-size: 10pt !important;
    51845387}
    51855388
    51865389.main button, .main input, select, textarea, div.news {
    5187      font-size: 9pt !important;
     5390     font-size: 10pt !important;
    51885391}
    51895392
     
    51925395}
    51935396
     5397pre, #logs li {
     5398     font-size: 9pt !important;
     5399}
     5400
    51945401.routersummary {
    51955402     width: 200px !important;
    5196 }
    5197 
    5198 .routersummary img[src$="i2plogo.png"] {
    5199      transform: scale(1.1);
    52005403}
    52015404
     
    52495452     margin-top: 7px !important;
    52505453     padding-top: 7px !important;
    5251 }
    5252 
    5253  p#gatherstats {
    5254       margin-bottom: 12px !important;
    52555454}
    52565455
     
    52795478}
    52805479
     5480.routersummary h3::after {
     5481     min-height: 19px;
     5482}
     5483
    52815484#banlist + h3.tabletitle {
    52825485     margin-bottom: -2px !important;
     
    52855488table#permabanned {
    52865489     margin-top: -3px;
     5490}
     5491
     5492#udpconnections td[class="cells"]:first-child, #ntcpconnections td[class="cells"]:first-child {
     5493     width: 55px;
     5494     padding-right: 8px;
     5495}
     5496
     5497.main#jobs h2 {
     5498     margin-bottom: 10px !important;
     5499}
     5500}
     5501
     5502@media screen and (min-width: 1840px) {
     5503div[id^="config_"] div.confignav {
     5504     display: flex;
     5505     flex-direction: row;
     5506     flex-wrap: wrap;
     5507     align-content: space-evenly;
     5508     justify-content: center;
     5509     padding: 4px 4px 5px 3px !important;
     5510}
     5511
     5512div[id^="config_"] .tab, div[id^="config_"] .tab2 {
     5513     flex: auto;
     5514     flex-basis: content;
     5515     flex-grow: 0.06;
     5516     margin: 0 -1px -1px 0 !important;
     5517     white-space: nowrap;
     5518     min-width: 70px !important;
     5519}
     5520
     5521div[id^="config_"] .tab2 {
     5522     padding: 5px 6px;
     5523}
     5524
     5525div[id^="config_"] .tab a {
     5526     padding: 4px 6px;
     5527}
     5528
     5529div[id^="config_"] div.confignav {
     5530     padding: 0 !important;
     5531}
     5532
     5533div[id^="config_"] .tab, div[id^="config_"] .tab2 {
     5534     margin-top: -1px !important;
     5535}
     5536
     5537div[id^="config_"] .tab:first-child {
     5538     margin-left: -1px !important;
    52875539}
    52885540}
  • installer/resources/themes/console/dark/console_big.css

    ra0911a4 rfa6fc84  
    3636}
    3737
    38 div.routersummary img[src$="i2plogo.png"] {
    39      transform: scale(1.2);
    40 }
    41 
    4238div.routersummary table, table#sb_localtunnels {
    4339    font-size: 10pt;
     
    5046
    5147div.routersummary h3, div.routersummary h4, div.routersummary p, div.routersummary h3 a, div.routersummary a {
    52      text-shadow: 0 0 0 0 !important;
     48     text-shadow: none !important;
    5349}
    5450
     
    5955}
    6056
    61 div.routersummary h4 {
    62      font-size: 11pt;
     57div.routersummary h4, .routersummary h4 a {
     58     font-size: 11pt !important;
    6359     font-weight: normal;
    6460}
     
    7268     font-size: 10pt;
    7369     font-weight: normal;
     70}
     71
     72#sb_warning {
     73     padding-top: 10px;
     74     padding-bottom: 10px;
    7475}
    7576
     
    154155     min-height: 68px;
    155156}
     157
     158table#leasesetdebug th a:not(old), table#leasesetsummary th a:not(old), #tunnels.main h3 a:not(old), #logs h3 a:not(old),
     159a[href^="configpeer?peer"], h3#iptransport a:not(old), h3#iptransport a:not(old) {
     160     font-size: 0 !important;
     161}
     162
     163h3#webappconfig, h3#i2pclientconfig {
     164    margin-bottom: -15px !important;
     165}
     166
     167td.optionsave {
     168     border-top: 1px solid #494;
     169}
     170
     171/* responsive layout */
     172
     173@media screen and (min-width: 0) {
     174p, .main {
     175     font-size: 11pt !important;
     176}
     177
     178.tab, .tab2, .confignav a {
     179     font-size: 11pt !important;
     180     margin-right: -2px !important;
     181}
     182
     183.news p, .news a {
     184     font-size: 10pt !important;
     185}
     186}
     187
     188@media screen and (max-width: 1500px) {
     189.tab, .tab2 {
     190     font-size: 10.5pt !important;
     191     margin-right: -3px !important;
     192}
     193
     194h3#webappconfig, h3#i2pclientconfig {
     195    margin-bottom: -16px !important;
     196}
     197}
     198
  • installer/resources/themes/console/dark/i2ptunnel.css

    ra0911a4 rfa6fc84  
    345345}
    346346
    347 textarea#statusMessages, textarea#statusMessages:active  {
     347textarea#statusMessages, textarea#statusMessages:active, textarea#statusMessages:focus  {
     348     background: #000;
     349     background: linear-gradient(to bottom, #000 0%, #010 100%) !important;
     350     box-shadow: inset 0 0 3px 3px #000 !important;
    348351     margin: 0;
    349352     border: 0;
    350353     box-shadow: none;
    351354     height: 80px;
    352      font-size: 8.5pt;
     355     font-size: 9pt;
    353356     width: 100%;
    354357     border-radius: 0;
  • installer/resources/themes/console/dark/mobile.css

    ra0911a4 rfa6fc84  
    2222     width: 600px;
    2323     margin: 0 auto;
     24}
     25
     26div[style="height: 36px;"] {
     27     height: auto !important;
     28}
     29
     30div.routersummary img[src$="i2plogo.png"] {
     31     width: 357px;
     32     margin-top: 6px;
    2433}
    2534
     
    5766     min-width: calc(100% - 1px) !important;
    5867     margin-bottom: -7px !important;
     68}
     69
     70#sb_general, #sb_shortgeneral, #sb_bandwidth, #sb_peers, #sb_tunnels, #sb_queue {
     71     margin-bottom: -8px !important;
    5972}
    6073
  • installer/resources/themes/console/light/console.css

    ra0911a4 rfa6fc84  
    88
    99body {
    10      margin: 8px 6px 8px 8px;
     10     margin: 6px;
    1111     text-align: center;
    1212     color: #333;
    13      font: 9pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     13     font: 9pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif;
    1414     background: #a4a4cb url(images/tile2.png) fixed;
    1515     background-size: 32px 32px;
     
    4343     background: #27377f !important;
    4444     color: white;
     45     text-shadow: none;
    4546}
    4647
     
    4849     background: #27377f !important;
    4950     color: white;
     51     text-shadow: none;
    5052}
    5153
     
    6062
    6163a img[src$="bound.png"] {
    62      filter: hue-rotate(-40deg) drop-shadow(0 0 1px #aaa);
    63      -webkit-filter: hue-rotate(-40deg) drop-shadow(0 0 1px #aaa);
     64     filter: hue-rotate(-40deg) drop-shadow(0 0 1px #ccc);
     65     -webkit-filter: hue-rotate(-40deg) drop-shadow(0 0 1px #ccc);
    6466}
    6567
     
    7072
    7173a img {
    72      filter: drop-shadow(0 0 1px #aaa);
    73      -webkit-filter: drop-shadow(0 0 1px #aaa);
     74     filter: drop-shadow(0 0 1px #ccc);
     75     -webkit-filter: drop-shadow(0 0 1px #ccc);
    7476}
    7577
     
    8385     overflow: auto;
    8486     text-align: left;
    85      font: 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono;
     87     font: 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
    8688     color: #333;
    8789     margin: 10px;
    8890}
    8991
    90 div.routersummaryouter {
     92/* sidebar */
     93
     94.routersummaryouter {
    9195     float: left;
    9296     width: 200px;
     
    100104}
    101105
    102 div.routersummary {
     106.routersummary {
    103107     width: 182px;
    104108     padding: 8px 8px 10px 8px;
     
    128132}
    129133
    130 div.routersummary img[src$="i2plogo.png"] {
     134.routersummary img[src$="i2plogo.png"] {
    131135     opacity: 0.9;
    132136     transition: ease filter 0.3s 0s, ease opacity 0.3s 0s;
     
    135139     width: 179px;
    136140     height: auto;
    137      filter: drop-shadow(0 0 1px #bbb);
    138      -webkit-filter: drop-shadow(0 0 1px #bbb);
    139 }
    140 
    141 div.routersummary img[src$="i2plogo.png"]:hover {
     141     filter: drop-shadow(0 0 1px #ccc);
     142     -webkit-filter: drop-shadow(0 0 1px #ccc);
     143}
     144
     145.routersummary img[src$="i2plogo.png"]:hover {
    142146     opacity: 1;
    143147     transition: ease filter 0.3s 0s, ease opacity 0.3s 0s;
     
    174178}
    175179
    176 div.routersummary input[type=text] {
     180.routersummary input[type=text] {
    177181     text-align: right !important;
    178182}
    179183
    180 div.routersummary hr {
     184.routersummary hr {
    181185     color: #99f;
    182186     background: #99f;
     
    187191}
    188192
    189 div.routersummary hr.b {
     193.routersummary hr.b {
    190194     color: #fff;
    191195     background: transparent;
     
    195199}
    196200
    197 div.routersummary h3 {
     201.routersummary h3 {
    198202     font-size: 9.5pt;
    199203     letter-spacing: 0.04em;
     
    212216}
    213217
     218.routersummary h3 a:hover {
     219     color: #f60;
     220}
     221
    214222.routersummary h3:hover {
    215223     background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffe8bf 50%, #efd9b3 100%) !important;
     
    217225
    218226.routersummary h3:hover a {
    219      color: #f60;
     227     color: #f60 !important;
    220228     text-shadow: 0 0 1px #fff;
    221229}
     
    225233}
    226234
    227 div.routersummary h3 a {
     235.routersummary h3 a, .routersummary h3 a:visited {
    228236     text-transform: uppercase;
    229237     text-decoration: none;
     
    232240     width: calc(100% - 4px);
    233241     padding: 2px 0;
     242     color: #2c4e8f;
     243}
     244
     245h3#helpfaq {
     246     margin-bottom: -9px;
    234247}
    235248
    236249div.routersummary h4 {
    237250     border: none;
     251     border-radius: 0;
    238252     font-size: 8.5pt;
    239253     letter-spacing: normal;
     
    244258     background: linear-gradient(to right, #ddf 0%, #eef 10%, #fff 50%, #eef 90%, #ddf 100%);
    245259     text-decoration: none !important;
    246      color: #359;
     260     color: #4f617f;
    247261     box-shadow: inset 0 0 0 1px #eef;
    248262     line-height: 105%;
     263}
     264
     265.routersummary h4::after {
     266     content: "";
     267     display: inline-block;
     268     box-sizing: border-box;
     269     min-height: 12px;
     270     padding-top: 8px;
     271     padding-bottom: 8px;
     272     vertical-align: middle;
    249273}
    250274
     
    255279}
    256280
     281.routersummary h4 a {
     282     display: inline-block;
     283     vertical-align: middle;
     284}
     285
    257286h4.sb_info {
    258287     margin-top: -11px !important;
     
    264293}
    265294
    266 div.routersummary ul {
     295.routersummary ul {
    267296     text-align: left !important;
    268297}
    269298
    270 div.routersummary table {
     299.routersummary table {
    271300     border: 0;
    272301     text-align: center !important;
     
    284313}
    285314
    286 #sb_shortgeneral {
    287      margin-top: -6px;
     315#sb_localtunnels td {
     316     vertical-align: middle;
    288317}
    289318
     
    292321     width: 16px;
    293322     padding: 1px 2px;
     323     border-radius: 2px 0 0 2px;
    294324}
    295325
    296326#sb_localtunnels td:first-child img {
    297327     margin: 0 0 2px !important;
     328}
     329
     330#sb_localtunnels td img {
     331     filter: drop-shadow(0 0 1px rgba(204, 204, 204, 0.6));
    298332}
    299333
     
    302336     width: 16px;
    303337     padding: 2px 0 2px 2px;
     338     border-radius: 0 2px 2px 0;
     339}
     340
     341#sb_localtunnels a {
     342     display: inline-block;
     343     width: 100%;
     344}
     345
     346#sb_localtunnels tr:hover td {
     347     background: #fffff0 !important;
    304348}
    305349
    306350#sb_internals a, #sb_advanced a {
    307      padding: 1px 2px;
     351     padding: 2px;
    308352     display: inline-block;
    309 }
    310 
    311 #sb_peers td, #sb_tunnels td, #sb_queue td, #sb_bandwidth td, #sb_general td, #sb_shortgeneral td {
    312      padding-top: 1px;
    313      padding-bottom: 1px;
    314 }
    315 
    316 #sb_bandwidth td {
    317      line-height: 120%;
    318 }
    319 
    320 #sb_bandwidth tr:last-child td {
    321      padding-top: 2px;
     353     vertical-align: middle !important;
     354}
     355
     356#sb_general, #sb_shortgeneral, #sb_bandwidth, #sb_peers, #sb_tunnels, #sb_queue {
     357     margin-bottom: -4px !important;
     358     margin-top: -11px !important;
     359}
     360
     361#sb_general, #sb_shortgeneral {
     362     margin-top: -7px !important;
     363}
     364
     365#sb_general td::after, #sb_shortgeneral td::after, #sb_bandwidth td::after,
     366#sb_peers td::after, #sb_tunnels td::after, #sb_queue td::after {
     367   content: "";
     368   display: inline-block;
     369   min-height: 13px;
    322370}
    323371
    324372#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 {
    325373     text-transform: capitalize;
     374}
     375
     376#sb_warning {
     377     border-bottom: 1px solid #99f;
     378}
     379
     380#sb_warning + hr {
     381     margin-top: 6px;
    326382}
    327383
     
    331387     border-radius: 2px;
    332388     box-shadow: 0 0 1px #bbb, inset 0 0 0 1px #fff;
    333      margin: 8px 0 -2px;
     389     margin: -5px;
    334390     padding: 5px 3px;
    335391     line-height: 140%;
    336392}
    337393
    338 hr + .sb_notice {
    339      margin-top: -2px;
    340 }
     394p:empty + .sb_notice {
     395     margin-top: 9px;
     396}
     397
     398@media screen and (-webkit-min-device-pixel-ratio:0) {
     399.sb_notice {
     400     margin-bottom: -7px;
     401}
     402}
     403
     404/* experimental sidebar navigation for webapps */
     405
     406#sb_services a:link, #sb_services a:visited {
     407     display: inline-block;
     408     width: 100%;
     409     padding: 4px 2px 4px 20px;
     410     text-align: left;
     411     border-bottom: 1px dotted #ddf;
     412     background: url(images/application.png) left center no-repeat;
     413     background-size: 14px 14px;
     414}
     415
     416#sb_services a:link:first-child {
     417     padding-top: 2px;
     418}
     419
     420#sb_services a:link:last-child {
     421     border-bottom: none;
     422     padding-bottom: 2px;
     423}
     424
     425#sb_services a[href="/susimail/susimail"] {
     426     background: url(images/inbox.png) left center no-repeat;
     427}
     428
     429#sb_services a[href="/susimail/susimail"]:hover {
     430     background: url(images/inbox.png) left center no-repeat #ffe;
     431     border-radius: 2px;
     432}
     433
     434#sb_services a[href="/i2psnark/"] {
     435     background: url(images/magnet.png) left center no-repeat;
     436}
     437
     438#sb_services a[href="/i2psnark/"]:hover {
     439     background: url(images/magnet.png) left center no-repeat #ffe;
     440     border-radius: 2px;
     441}
     442
     443#sb_services a[href="http://127.0.0.1:7658/"] {
     444     background: url(images/server.png) left center no-repeat;
     445}
     446
     447#sb_services a[href="http://127.0.0.1:7658/"]:hover {
     448     background: url(images/server.png) left center no-repeat #ffe;
     449     border-radius: 2px;
     450}
     451
     452#sb_services a[href="/orchid/"] {
     453     background: url(images/flower.png) left center no-repeat;
     454}
     455
     456#sb_services a[href="/orchid/"]:hover {
     457     background: url(images/flower.png) left center no-repeat #ffe;
     458     border-radius: 2px;
     459}
     460
     461#sb_services a[href*="bote"] {
     462     background: url(images/mail_black.png) left center no-repeat;
     463}
     464
     465#sb_services a[href*="bote"]:hover {
     466     background: url(images/mail_black.png) left center no-repeat #ffe;
     467     border-radius: 2px;
     468}
     469
     470/* end webapp navigation */
    341471
    342472div.routersummary tr {
     
    356486}
    357487
     488div.routersummary img:first-child  {
     489     margin-bottom: -2px !important;
     490     opacity: 0.7;
     491}
     492
     493div.routersummary img:hover:first-child {
     494     margin-bottom: -2px !important;
     495     opacity: 1;
     496}
     497
     498/* end sidebar */
     499
    358500div.tunnels td:first-child {
    359501     width: 16px;
     
    369511div.tunnels img, div.tunnels img:hover {
    370512     opacity: 1 !important;
    371 }
    372 
    373 div.routersummary img:first-child  {
    374      margin-bottom: -2px !important;
    375      opacity: 0.7;
    376 }
    377 
    378 div.routersummary img:hover:first-child {
    379      margin-bottom: -2px !important;
    380      opacity: 1;
    381513}
    382514
     
    493625     margin: 115px 5px 0 0 !important;
    494626     background: #fff !important;
    495      background:  linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.3)), url(images/noise.png) #fff !important;
     627     background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.3)), url(images/noise.png) #fff !important;
    496628     background-size: 100% 100%, 50px 50px !important;
    497629     padding-left: 25px !important;
     
    505637     position: absolute;
    506638     top: 0;
    507      width: calc(100% - 40px) !important;
     639     width: calc(100% - 39px) !important;
    508640     min-width: 430px;
    509641     margin: 10px 0 0 !important;
     
    553685div.sorry {
    554686     margin: -11px 0 10px 207px;
    555      padding: 20px 25px 20px 80px;
     687     padding: 20px 25px 20px 70px;
    556688     border: 1px solid #447;
    557689     border-radius: 0 0 2px 2px;
    558690     text-align: justify;
    559      background: #ffe url(/themes/console/images/info/errortriangle.png) 20px center no-repeat;
     691     background: #fffff9 url(/themes/console/images/info/errortriangle.png) 20px center no-repeat;
    560692     box-shadow: inset 0 0 1px #f00;
    561693     word-wrap: break-word;
     
    594726}
    595727
     728.main#config_plugins {
     729      min-width: 700px;
     730}
     731
    596732div.main li:first-child {
    597733     margin-top: 10px;
     
    638774
    639775.main#debug table {
    640      filter: drop-shadow(0 0 1px #bbb);
    641      -webkit-filter: drop-shadow(0 0 1px #bbb);
     776     filter: drop-shadow(0 0 1px #ccc);
     777     -webkit-filter: drop-shadow(0 0 1px #ccc);
    642778}
    643779.main#debug h2 + table {
     
    664800     background: #fff;
    665801     color: #001;
    666      font: 9pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono;
     802     font: 9pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
    667803     margin: 5px 0;
    668804     resize: none;
     
    692828#resetreseed {
    693829     border: 0 !important;
    694      background: none;
     830     background: none !important;
    695831     padding: 5px 0;
    696832}
     
    699835     min-width: 300px;
    700836}
     837
     838/* news */
    701839
    702840div.news {
     
    718856
    719857.news hr {
    720         background: #339;
    721         opacity: 0.6;
    722         display: none;
     858     background: #339;
     859     opacity: 0.6;
     860     display: none;
    723861}
    724862
    725863.newsentry {
    726      filter: drop-shadow(0 0 1px #bbb);
     864     box-shadow: 0 0 1px #ccc;
     865}
     866
     867.news#news .newsentry:first-child {
     868     margin-top: -2px;
    727869}
    728870
     
    731873}
    732874
    733 div.newscontent {
     875.newscontent {
    734876     background-color: rgba(220,220,255,0.6);
    735      background: linear-gradient(to bottom, #eff2ff, rgba(220,220,255,0.3));
     877     background: linear-gradient(to bottom, #eef, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) !important;
    736878     border: 1px solid #7778bf;
    737879     border-radius: 0 0 2px 2px;
    738      margin: 0 0 10px;
     880     margin: 0 0 14px;
    739881     padding: 10px 15px;
    740882     box-shadow: inset 0 0 0 1px #fff;
     
    754896}
    755897
    756 div.newscontent hr {
     898.newscontent hr {
    757899     color: #225;
    758900     background: #225;
     
    762904}
    763905
     906.newsentry + hr + i {
     907     margin-right: 8px;
     908}
     909
    764910.main#news {
    765911     padding: 3px 15px 5px;
     
    769915
    770916div.news h3, #news h3 {
    771      background: #fff !important;
    772      background: url(images/news.png) 8px center no-repeat, linear-gradient(to right, #fff, #eef) !important;
     917     background: url(images/news.png) 8px center no-repeat #fff !important;
     918     background: url(images/news.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(to right, #fff 5%, rgba(231, 231, 255, 0.8)) 15% !important;
    773919     text-align: left;
    774920     padding: 5px 10px 5px 30px;
     
    807953}
    808954
     955#news {
     956     background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.3)), url(/themes/snark/ubergine/images/hat.png) bottom right no-repeat, url(images/noise.png) #fff !important;
     957     background-size: 100% 100%, 140px auto, 50px 50px !important;
     958}
     959
     960/* end news */
     961
    809962.main#torrents {
    810963     padding: 0 10px;
     
    816969}
    817970
    818 #news {
    819      background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.3)), url(/themes/snark/ubergine/images/hat.png) bottom right no-repeat, url(images/noise.png) #fff !important;
    820      background-size: 100% 100%, 140px auto, 50px 50px !important;
    821 }
     971/* top navigation bar */
    822972
    823973.confignav {
    824      padding: 10px 10px 0 !important;
     974     padding: 12px 10px 0 !important;
    825975     margin: 2px -14px 12px !important;
    826976     font-size: 9pt !important;
    827977     line-height: 160% !important;
    828      opacity: 1;
    829978     min-width: 400px;
    830979     vertical-align: middle;
    831980     text-align: center;
    832981     border-bottom: 1px solid #447;
    833      box-shadow: 0 1px 1px #bbf;
     982     box-shadow: 0 1px 1px rgba(221, 221, 255, 0.5);
    834983     background: #fff;
    835984}
    836985
    837986.tab, .tab2 {
    838      min-width: 40px;
     987     min-width: 50px;
     988     padding: 3px 6px;
    839989}
    840990
    841991.tab {
    842      padding: 1px 5px 1px 5px;
    843      margin: -5px -1px -1px -3px;
     992     padding: 3px 6px;
     993     margin: -5px -1px -1px -3px !important;
    844994     background: #eef;
    845995     background: linear-gradient(to bottom, #fff, #eef);
     996     box-shadow: inset 0 0 0 1px #fff;
    846997     border: 1px solid #447;
    847998     display: inline-block;
    848      word-wrap: break-word;
    849999     vertical-align: bottom;
    8501000     text-align: center;
    8511001     font-weight: normal !important;
    8521002     text-decoration: none;
    853      box-shadow: inset 0 0 0 1px #fff;
    854      filter: drop-shadow(0 0 0 #fff);
    855      -webkit-filter: drop-shadow(0 0 0 #fff);
    856 }
    857 
    858 @media screen and (-webkit-min-device-pixel-ratio:0) {
    859 .tab {
    860      margin: -5px -2px -1px -3px;
    861      padding: 1px 8px 1px 7px;
    862 }
    863 
    864 .tab:first-child {
    865      margin-right: -3px;
    866 }
    867 
    868 .tab2 {
    869      margin-left: -2px !important;
    870      margin-right: -1px !important;
    871 }
    872 }
    873 
    874 .tab:hover, .tab:hover a {
    875      background: #558;
    876      background: linear-gradient(to bottom, #eef, #fff);
    877      color: #f60;
    878 }
    879 
    880 .tab:hover {
    881      border-top: 3px solid #77a;
    882      border-radius: 2px 2px 0 0 !important;
    883      margin-top: -7px;
    884 }
    885 
    886 .tab:active, .tab:active a {
    887      background: #f60 !important;
    888      color: #fff !important;
    889      border-top-width: 1px;
    890      margin-top: -5px;
    891 }
    892 
    893 .tab:first-child {
    894      border-radius: 2px 0 0 0;
    895 }
    896 
    897 .tab:last-child {
    898      border-radius: 0 2px 0 0;
    899      padding-right: 6px;
    900 }
    901 
    902 .tab a {
    903      font-weight: normal !important;
    904      text-decoration: none !important;
     1003     z-index: 999 !important;
     1004     position: relative;
    9051005}
    9061006
    9071007.tab2 {
    9081008     color: #31334f;
    909      padding: 2px 5px 1px;
     1009     padding-bottom: 4px;
    9101010     margin: -11px -1px -1px -3px;
    9111011     background: #fff;
     
    9141014     border-top-width: 3px;
    9151015     display: inline-block;
    916      word-wrap: break-word;
    9171016     vertical-align: bottom;
    9181017     text-align: center;
    9191018     font-weight: bold;
    9201019     border-radius: 2px 2px 0 0;
    921      filter: drop-shadow(0 0 1px #bbb);
    922      -webkit-filter: drop-shadow(0 0 1px #bbb);
     1020     filter: drop-shadow(0 0 1px #ccc);
     1021     -webkit-filter: drop-shadow(0 0 1px #ccc);
     1022     position: relative;
     1023     z-index: 999 !important;
     1024}
     1025
     1026.tab:hover, .tab:hover a {
     1027     background: #558;
     1028     background: linear-gradient(to bottom, #eef, #fff);
     1029     color: #f60;
     1030}
     1031
     1032.tab:hover {
     1033     border-top: 3px solid #77a;
     1034     border-radius: 2px 2px 0 0 !important;
     1035     margin-top: -9px !important;
     1036}
     1037
     1038.tab:active {
     1039     box-shadow: inset 0 0 0 1px #fff;
     1040}
     1041
     1042.tab:active, .tab:active a {
     1043     background: #f60 !important;
     1044     color: #fff !important;
     1045     border-top-width: 1px;
     1046}
     1047
     1048.tab:first-child {
     1049     border-radius: 2px 0 0 0;
     1050}
     1051
     1052.tab:last-child {
     1053     border-radius: 0 2px 0 0;
     1054     padding-right: 6px;
     1055}
     1056
     1057.tab a {
     1058     font-weight: normal !important;
     1059     text-decoration: none !important;
     1060     display: inline-block;
     1061     width: 100%;
     1062     padding-top: 0;
     1063     padding-bottom: 0;
     1064}
     1065
     1066.tab:last-child:hover {
     1067     margin-top: -7px !important;
     1068     margin-bottom: -1px !important;
     1069}
     1070
     1071.tab:last-child:active {
     1072     margin-top: -5px !important;
     1073     margin-bottom: -1px !important;
     1074}
     1075
     1076/* end topnav */
     1077
     1078.th_title a, .th_title a:hover {
     1079     color: #31334f !important;
    9231080}
    9241081
     
    9841141}
    9851142
     1143h3#transports {
     1144     border: 1px solid #7789bf;
     1145}
     1146
     1147pre#transports {
     1148     display: inline-block;
     1149     border: 1px solid #7789bf;
     1150     background: #fff;
     1151     padding: 10px 0 0 10px;
     1152     width: calc(100% - 12px);
     1153     margin: -16px 0 0;
     1154}
     1155
     1156/* confignet tidyup */
     1157
     1158#netconfig .optbox {
     1159     margin: 10px 6px 2px !important;
     1160     display: inline-block !important;
     1161     vertical-align: sub !important;
     1162}
     1163
     1164#netconfig .optbox:first-child {
     1165     margin-top: 6px !important;
     1166     margin-bottom: 6px !important;
     1167}
     1168
     1169#netconfig .optbox:last-child, #netconfig .optbox[value="only"], #netconfig .optbox[name="disableUDP"], #netconfig .optbox[value="disabled"] {
     1170     margin-bottom: 6px !important;
     1171}
     1172
     1173#netconfig input[type="text"] + br + .optbox, #netconfig .optbox[name="ntcpAutoPort"] {
     1174     margin-top: 3px !important;
     1175}
     1176
     1177#netconfig input[name*="ost"] {
     1178     width: 250px !important;
     1179}
     1180
     1181/* end confignet tidyup */
     1182
    9861183.main#tunnels h3 a:not(old), #criticallogs + h3.tabletitle a:not(old) {
    9871184     font-size: 0;
     
    9961193}
    9971194
    998 #criticallogs tr:first-child {
    999      display: none; /* hide empty placeholder for log location */
    1000 }
    1001 
    1002 .main#logs ul li {
    1003      padding-left: 0;
    1004      margin-left: 20px;
    1005 }
    1006 
    1007 .main#logs ul li::first-line {
    1008      font-weight: bold;
    1009 }
    1010 
    1011 .main#logs li:first-child {
    1012      margin-top: 0 !important;
    1013 }
    1014 
    1015 .main#logs li:last-child {
    1016      margin-bottom: 0 !important;
    1017 }
    1018 
    1019 table#wrapperlogs, table#routerlogs {
    1020      width: 100%;
    1021      table-layout: fixed;
    1022      margin-bottom: 10px;
    1023 }
    1024 
    1025 table#wrapperlogs {
    1026      margin-bottom: 5px;
    1027 }
    1028 
    1029 #routerlogs ul {
    1030      word-wrap: break-word;
    1031 }
    1032 
    1033 #wrapperlogs pre {
    1034      margin: 0;
    1035      padding: 3px 0 0 5px;
    1036      white-space: pre-wrap !important;
    1037      word-wrap: break-word !important;
    1038      width: calc(100% - 5px);
    1039      max-height: 600px;
    1040      overflow: auto;
    1041 }
    1042 
    10431195.main#tunnels h3 a[href^="/configtunnels#"]:hover, #criticallogs + h3.tabletitle a:hover {
    10441196     filter: drop-shadow(0 0 1px #f60);
     
    10731225     border: 1px solid #7778bf;
    10741226     padding: 10px;
    1075      margin-bottom: -2px;
     1227     margin-bottom: 13px;
    10761228}
    10771229
     
    10891241     width: 48px;
    10901242     white-space: nowrap;
     1243}
     1244
     1245#configstats td:last-child {
     1246     border-right: 1px solid #7778bf;
    10911247}
    10921248
     
    11821338     text-align: center;
    11831339     margin-top: 20px;
     1340     margin-bottom: 15px;
    11841341     text-transform: capitalize;
    11851342}
     
    12471404
    12481405#graphs td.infohelp {
    1249      border: 1px solid #cfd1ff !important;
    1250      border-right: none !important;
     1406     border: none !important;
    12511407     background-size: 20px 20px !important;
    12521408     padding: 5px 5px 5px 40px !important;
     
    13311487     width: 100%;
    13321488     border: 1px solid #7778bf;
    1333      margin: 1px -15px 5px 0;
     1489     margin: 1px 0 5px 0;
    13341490     font-size: 9pt;
    13351491     background: #fff;
     
    13521508}
    13531509
     1510td.optionsave, .formaction, form[action="configpeer"] tr:last-child td, table#addkeyring tr:last-child td {
     1511     background: linear-gradient(to bottom, #fff 50%, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) !important;
     1512}
     1513
    13541514.configtable td {
    13551515     padding: 5px;
     
    13741534}
    13751535
    1376 /* /logs */
     1536/* logs */
     1537
     1538#criticallogs tr:first-child {
     1539     display: none; /* hide empty placeholder for log location */
     1540}
     1541
     1542.main#logs ul li {
     1543     padding-left: 0;
     1544     margin-left: 18px;
     1545}
     1546
     1547.main#logs li:first-child {
     1548     margin-top: 0 !important;
     1549}
     1550
     1551.main#logs li:last-child {
     1552     margin-bottom: 0 !important;
     1553}
     1554
     1555table#wrapperlogs, table#routerlogs {
     1556     width: 100%;
     1557     table-layout: fixed;
     1558     margin-bottom: 10px;
     1559}
     1560
     1561table#wrapperlogs {
     1562     margin-bottom: 5px;
     1563}
     1564
     1565#logs table[id$="logs"] tr:first-child td, .subheading {
     1566     background: linear-gradient(45deg, #fff, #eef) !important;
     1567     box-shadow: inset 0 0 0 1px #fff;
     1568}
     1569
     1570#routerlogs ul {
     1571     word-wrap: break-word;
     1572}
     1573
     1574#wrapperlogs pre {
     1575     margin: 0;
     1576     padding: 3px 0 0 5px;
     1577     white-space: pre-wrap !important;
     1578     word-wrap: break-word !important;
     1579     width: calc(100% - 5px);
     1580     max-height: 600px;
     1581     overflow: auto;
     1582}
     1583
     1584#logs ul {
     1585     margin-left: 0;
     1586     margin-right: -28px;
     1587     display: inline-block;
     1588     word-break: break-all;
     1589}
     1590
     1591#logs li {
     1592     list-style: none;
     1593     font: 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
     1594     line-height: 130%;
     1595     text-align: left;
     1596     display: inline-block;
     1597     width: calc(100% - 48px);
     1598}
     1599
     1600#logs li::after {
     1601     content: "";
     1602     display: block;
     1603     border-top: 1px dotted #ddf;
     1604     width: 100%;
     1605     margin: 5px 0 0;
     1606}
     1607
     1608#logs li:last-child::after {
     1609     border: none;
     1610     margin: 0;
     1611}
     1612
     1613#logs font[color^="#"]::before {
     1614     content: "";
     1615     display: inline-block;
     1616     width: 6px;
     1617     height: 6px;
     1618     background: #fff;
     1619     border-radius: 50%;
     1620     margin-right: 5px;
     1621     margin-left: -17px;
     1622     vertical-align: calc(1px);
     1623}
     1624
     1625#logs li font[color="#cc0000"]::before {
     1626     background: #cc0000;
     1627}
     1628
     1629#logs li font[color="#006600"]::before {
     1630     background: #006600;
     1631}
     1632
     1633#logs li font[color="#ff3300"]::before {
     1634     background: #ff3300;
     1635}
     1636
     1637#logs li font[color="#ff00cc"]::before {
     1638     background: #ff00cc;
     1639}
     1640
     1641#logs li font[color="#000099"]::before {
     1642     background: #000099;
     1643}
    13771644
    13781645table#bugreports {
     
    13851652     font-size: 9pt !important;
    13861653     padding: 10px;
     1654}
     1655
     1656table#enviro td {
     1657     padding-top: 5px;
     1658     padding-bottom: 5px;
    13871659}
    13881660
     
    13931665     white-space: nowrap;
    13941666     padding-left: 10px
    1395 }
    1396 
    1397 table[id$="logs"] ul li {
    1398      font-size: 9pt !important;
    13991667}
    14001668
     
    14521720
    14531721tr:nth-child(even) {
    1454      background: #eef;
     1722     background: #efefff;
     1723     background: repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(240, 240, 255, 0.3) 3px, #fff 5px), #fff;
    14551724}
    14561725
    14571726tr:nth-child(odd) {
    14581727     background: #f7f8ff;
     1728     background: repeating-linear-gradient(45deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px), #fff;
    14591729}
    14601730
     
    14681738     color: #333;
    14691739     vertical-align: middle;
    1470      border-top: 1px inset #cfd1ff;
    1471      border-bottom: 1px outset #cfd1ff;
    1472 }
    1473 
    1474 .main[id^="config_"] tr:last-child {
     1740     border-top: 1px inset #ddf;
     1741     border-bottom: 1px inset #ddf;
     1742}
     1743
     1744#tunnelconfig tr:last-child, #webappconfig tr:last-child {
     1745     background: #efefff;
     1746     background: repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(240, 240, 255, 0.3) 3px, #fff 5px);
     1747}
     1748
     1749#clientconfig tr:last-child {
     1750     background: #f7f8ff;
     1751}
     1752
     1753#netconfig tr {
    14751754     background: #fff;
     1755     background: repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(240, 240, 255, 0.3) 3px, #fff 5px);
    14761756}
    14771757
     
    15061786     background: #eef;
    15071787     background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 50%, #eef 100%);
    1508      box-shadow: inset 0 0 0 1px #fff;
     1788     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc;
    15091789     display: inline-block;
    15101790     width: calc(100% - 44px);
    15111791     border-radius: 2px;
    15121792     color: #31334f;
    1513      filter: drop-shadow(0 0 1px #bbb);
    1514      -webkit-filter: drop-shadow(0 0 1px #bbb);
    15151793}
    15161794
    15171795h4.app {
    15181796     background: url(/themes/console/images/eepsite.png) 10px center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 50%, #eef 100%);
    1519      background-size: 16px 16px, 100% 100%;
     1797     background: url(/themes/console/images/eepsite.png) 10px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(to right, #fff 5%, rgba(231, 231, 255, 0.8) 15%) !important;
     1798     background-size: 16px 16px, 100% 100%, 100% 100% !important;
    15201799     margin-top: 15px;
    15211800}
     
    15241803     clear: left;
    15251804     margin-top: 10px !important;
    1526      background: url(images/globe.png) 10px center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 50%, #eef 100%);
     1805     background: url(images/globe.png) 10px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(to right, #fff 5%, rgba(231, 231, 255, 0.8) 15%) !important;
     1806     background-size: 16px 16px, 100% 100%, 100% 100% !important;
    15271807}
    15281808
    15291809div.ag2 {
    15301810     margin: 0;
     1811}
     1812
     1813div.search + div.ag2 {
     1814     margin: -15px 0 0;
    15311815}
    15321816
     
    15411825     background: #eef;
    15421826     background: linear-gradient(to bottom, #fff, #eef);
    1543      box-shadow: inset 0 0 0 1px #fff, inset 0 0 5px 2px #eef;
    1544      filter: drop-shadow(0 0 1px #bbb);
    1545      -webkit-filter: drop-shadow(0 0 1px #bbb);
     1827     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc;
    15461828}
    15471829
     
    16001882     border: 1px solid #7778bf;
    16011883     background: none;
     1884     background: linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) !important;
    16021885     padding: 8px;
    16031886     width: 70%;
     
    16051888     margin-right:auto;
    16061889     margin-top: -19px;
    1607      box-shadow: 0 1px 1px 1px rgba(187, 187, 187, 0.3)
     1890     box-shadow: 0 1px 1px 1px rgba(200, 200, 200, 0.3);
    16081891}
    16091892
     
    16321915table.search td:nth-child(3) {
    16331916     padding-left: 0;
     1917     padding-right: 8px;
    16341918}
    16351919
     
    16531937     padding: 6px;
    16541938     padding: 10px 60px;
    1655      filter: drop-shadow(0 0 1px #bbb);
    1656      webkit-filter: drop-shadow(0 0 1px #bbb);
     1939     filter: drop-shadow(0 0 1px #ccc);
     1940     webkit-filter: drop-shadow(0 0 1px #ccc);
    16571941     opacity: 0.9;
    16581942}
     
    17031987
    17041988tt {
    1705      font: bold 9pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono;
     1989     font: bold 9pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
    17061990     color: #050;
    17071991}
     
    17212005}
    17222006
    1723 div.main li b {
    1724      color: #514 !important;
    1725      color: #003 !important;
     2007div.main li b, .statlist b a:hover {
     2008     color: #335 !important;
    17262009     font-size: 9.5pt;
    17272010     line-height: 170%;
     
    17422025.tidylist code {
    17432026     text-align: left;
    1744      font: 9pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono;
     2027     font: 9pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
    17452028     color: #910;
    17462029     font-weight: bold;
     
    17612044code {
    17622045     text-align: left;
    1763      font: 9pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono;
     2046     font: 9pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
    17642047     color: #030;
    17652048}
     
    17902073}
    17912074
     2075a, h1, h2, h3, h4, th, input[type="submit"], input[type="reset"], button, select {
     2076     text-shadow: 0 1px 1px #fff;
     2077}
     2078
     2079a:hover, a:focus, a:active, .app:hover a, .app:focus a, .app:active a,
     2080input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active,
     2081input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active,
     2082button:hover, button:focus, button:active, select:hover, select:focus, select:active, .graphspanel a {
     2083     text-shadow: none;
     2084}
     2085
    17922086a:link {
    1793      color: #359;
     2087     color: #3b6bbf;
    17942088     text-decoration: none;
    17952089     font-weight: bold;
     
    17992093
    18002094a:visited {
    1801      color: #218;
     2095     color: #2c4e8f;
    18022096     text-decoration: none;
    18032097     font-weight: bold;
     
    18082102     text-decoration: none;
    18092103     font-weight: bold;
     2104     text-shadow: none;
    18102105}
    18112106
     
    18422137}
    18432138
    1844 p#upnpstatus, p#keyringhelp, .widescroll + p.infohelp, #profiles ul#banlist, #config_reseed .confignav + p.infohelp, p#sybilinfo, p#debugmode, #config_family .infohelp {
     2139p#upnpstatus, p#keyringhelp, .widescroll + p.infohelp, #profiles ul#banlist, #config_reseed .confignav + p.infohelp
     2140p#sybilinfo, p#debugmode, #config_family .infohelp, p#profiles_overview, p#gatherstats {
    18452141     border-radius: 2px;
    1846      filter: drop-shadow(0 0 1px #bbb);
    1847      -webkit-filter: drop-shadow(0 0 1px #bbb);
     2142     filter: drop-shadow(0 0 1px #ccc);
     2143     -webkit-filter: drop-shadow(0 0 1px #ccc);
     2144}
     2145
     2146p#profiles_overview {
     2147     margin-bottom: 13px;
    18482148}
    18492149
     
    18552155    border-collapse: separate;
    18562156    border-radius: 2px;
    1857     filter: drop-shadow(0px 0 1px #bbb);
     2157    filter: drop-shadow(0 0 1px #ccc)
    18582158}
    18592159
     
    18992199#joinfamily tr:nth-child(3) td:first-child {
    19002200     background: #fff url(/themes/console/images/info/key.png) 12px center no-repeat;
     2201     background: url(/themes/console/images/info/key.png) 12px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px), #fff !important;
    19012202     padding: 15px 15px 15px 50px;
    19022203     background-size: 28px 28px;
     
    19102211#newfamily tr:last-child td:first-child {
    19112212     background: #fff url(/themes/console/images/info/label.png) 12px center no-repeat;
     2213     background: url(/themes/console/images/info/label.png) 12px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px), #fff !important;
    19122214     padding: 15px 15px 15px 50px;
    19132215     background-size: 28px 28px;
     
    19162218#exportfamily tr:nth-child(2) td:first-child {
    19172219     background: #fff url(/themes/console/images/info/export_key.png) 12px center no-repeat;
     2220     background: url(/themes/console/images/info/export_key.png) 12px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px), #fff !important;
    19182221     padding: 15px 15px 15px 50px;
    19192222     background-size: 28px 28px;
     
    19262229#leavefamily tr:last-child td:first-child {
    19272230     background: #fff url(/themes/console/images/info/leave_family.png) 12px center no-repeat;
     2231     background: url(/themes/console/images/info/leave_family.png) 12px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px), #fff !important;
    19282232     padding: 15px 15px 15px 50px;
    19292233     background-size: 28px 28px;
     
    19322236#oldhome td:first-child {
    19332237     background: #fff url(/themes/console/images/info/home.png) 12px center no-repeat;
     2238     background: url(/themes/console/images/info/home.png) 12px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px), #fff !important;
    19342239     padding: 15px 15px 15px 50px;
    19352240     background-size: 28px 28px;
     
    19662271#plugininstall tr:nth-child(3) td:nth-last-child(2), #manualreseed tr:nth-child(3) td:nth-last-child(2) {
    19672272     background: #fff url(/themes/console/images/info/url.png) 12px center no-repeat;
     2273     background: url(/themes/console/images/info/url.png) 12px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px), #fff !important;
    19682274     padding: 15px 15px 15px 50px;
    19692275     background-size: 28px 28px;
     
    19822288#manualreseed tr:nth-child(5) td:nth-last-child(2), #plugininstall tr:nth-child(5) td:nth-last-child(2) {
    19832289     background: #fff url(/themes/console/images/info/from_file.png) 12px center no-repeat;
     2290     background: url(/themes/console/images/info/from_file.png) 12px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px), #fff !important;
    19842291     padding: 15px 15px 15px 50px;
    19852292     background-size: 28px 28px;
     
    20782385     display: inline-block;
    20792386     width: calc(100% - 22px);
     2387     background: repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(241, 241, 255, 0.3) 3px, #fff 5px);
     2388     box-shadow: inset 0 0 0 1px #fff;
     2389}
     2390
     2391.statlist li:not(old) {
     2392     list-style: none !important;
     2393}
     2394
     2395.statlist li::before, .statlist li a[href^="graph"]::before {
     2396     content: "";
     2397     display: inline-block;
     2398     height: 5px;
     2399     width: 5px;
     2400     box-shadow: inset 0 0 0 1px #fff;
     2401     margin-left: -35px;
     2402     margin-right: 10px;
     2403     margin-top: -2px;
     2404     transform: rotate(45deg);
     2405     vertical-align: middle;
     2406}
     2407
     2408.statlist li::before {
     2409     background: #335;
     2410     border: 1px solid #335;
     2411}
     2412
     2413.statlist li a[href^="graph"]::before {
     2414     background: #3b6bbf;
     2415     border: 1px solid #3b6bbf;
     2416}
     2417
     2418.statlist li a[href*="&"]::before  {
     2419     display: none;
     2420}
     2421
     2422.statlist li a[href^="graph"] {
     2423     margin-top: 4px;
     2424     margin-bottom: 2px;
     2425     display: inline-block;
     2426     vertical-align: middle;
     2427}
     2428
     2429.statlist > li::after {
     2430     content: "";
     2431     display: block;
     2432     width: 100%;
     2433     height: 1px;
     2434     margin-top: -5px;
     2435     border-top: 1px dotted #ddf;
     2436}
     2437
     2438li.noevents::after {
     2439     content: "";
     2440     margin-top: 12px !important;
     2441     display: block;
     2442}
     2443
     2444.statlist > li:last-child::after {
     2445     display: none;
    20802446}
    20812447
     
    21332499     border-radius: 2px;
    21342500     margin: 15px 0 15px 0 !important;
    2135      box-shadow: inset 0 0 0 1px #fff;
    2136      filter: drop-shadow(0 0 1px #bbb);
    2137      -webkit-filter: drop-shadow(0 0 1px #bbb);
     2501     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc;
    21382502     word-wrap: break-word;
    2139      opacity: 1;
    21402503     text-transform: uppercase !important;
    21412504}
     
    21432506.welcome h2 { /* fixes occluded langbox rendering bug */
    21442507     filter: none;
    2145      box-shadow: inset 0 0 0 1px #fff, 0 0 1px #bbb;
     2508     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc;
    21462509     white-space: nowrap;
    21472510}
     
    21782541     word-spacing: 0.1em;
    21792542     color: #31334f;
    2180      box-shadow: inset 0 0 0 1px #fff;
    2181      filter: drop-shadow(0 0 1px #bbb);
    2182      -webkit-filter: drop-shadow(0 0 1px #bbb);
    2183      opacity: 1;
     2543     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc;
    21842544}
    21852545
     
    21882548     border: 1px solid #7778bf;
    21892549     margin-bottom: -2px;
    2190      filter: none;
    2191      -webkit-filter: none;
     2550     box-shadow: inset 0 0 0 1px #fff;
    21922551}
    21932552
    21942553h3.ptitle {
    21952554     margin-bottom: -14px;
    2196      filter: none;
    2197      -webkit-filter: none;
    21982555}
    21992556
    22002557h3#bannedpeers {
    22012558     margin-bottom: -1px;
     2559}
     2560
     2561h2, h3 {
     2562     background: linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(to right, #fff 5%, rgba(231, 231, 255, 0.8) 15%) !important;
    22022563}
    22032564
     
    22752636#bannedips tr:nth-child(even) {
    22762637     background: #eef;
     2638     background: repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(240, 240, 255, 0.3) 3px, #fff 5px);
    22772639}
    22782640
    22792641#bannedips tr:nth-child(odd) {
    22802642     background: #f7f8ff;
     2643     background: repeating-linear-gradient(45deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px);
    22812644}
    22822645
     
    24192782     color: #333;
    24202783     margin: 3px;
    2421      font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     2784     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif;
    24222785     padding: 4px 5px;
    24232786     text-decoration: none;
     
    24252788     opacity: 1;
    24262789     background-size: 14px auto, 100% 100% !important;
    2427      filter: saturate(70%) drop-shadow(0 0 1px #ccc);
    2428      -webkit-filter: saturate(70%) drop-shadow(0 0 1px #ccc);
     2790     filter: saturate(70%) drop-shadow(0 0 1px rgba(204, 204, 204, 0.6));
     2791     -webkit-filter: saturate(70%) drop-shadow(0 0 1px rgba(204, 204, 204, 0.6));
    24292792}
    24302793
     
    24322795     background: linear-gradient(to bottom, #ddd 0%, #fff 100%);
    24332796     border: 1px solid #f60;
    2434      filter: saturate(100%) drop-shadow(0 0 1px #ccc);
    2435      -webkit-filter: saturate(100%) drop-shadow(0 0 1px #ccc);
     2797     filter: saturate(100%) drop-shadow(0 0 1px rgba(204, 204, 204, 0.8));
     2798     -webkit-filter: saturate(100%) drop-shadow(0 0 1px rgba(204, 204, 204, 0.8));
    24362799}
    24372800
     
    28413204.routersummary .reload[value="restartImmediate"] {
    28423205     background: url(/themes/console/images/buttons/restart.png) center left 4px no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;
     3206     background-size: 14px 14px, 100% 100% !important;
    28433207}
    28443208
    28453209.routersummary .reload[value="restartImmediate"]:hover, .routersummary .reload[value="restartImmediate"]:focus, .routersummary .reload[value="restartImmediate"]:active {
    28463210     background: url(/themes/console/images/buttons/restart_hover.png) center left 4px no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     3211     background-size: 14px 14px, 100% 100% !important;
    28473212}
    28483213
    28493214.routersummary .stop[value="shutdownImmediate"] {
    28503215     background: url(/themes/console/images/buttons/shutdown.png) center left 4px no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;
     3216     background-size: 14px 14px, 100% 100% !important;
    28513217}
    28523218
    28533219.routersummary .stop[value="shutdownImmediate"]:hover, .routersummary .stop[value="shutdownImmediate"]:focus, .routersummary .stop[value="shutdownImmediate"]:active {
    28543220     background: url(/themes/console/images/buttons/shutdown_hover.png) center left 4px no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     3221     background-size: 14px 14px, 100% 100% !important;
    28553222}
    28563223
     
    28733240input[type="text"], input[type="password"] {
    28743241     background: #fff;
    2875      box-shadow: inset 1px 1px 1px #999;
    2876      font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     3242     box-shadow: inset 2px 2px 1px rgba(204, 204, 204, 0.6);
     3243     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif;
    28773244}
    28783245
     
    28973264     margin-bottom: 4px !important;
    28983265     background: none;
    2899 }
    2900 
     3266     cursor: pointer;
     3267}
     3268
     3269input[type="checkbox"]:hover, input[type="radio"]:hover,
    29013270input[type="checkbox"]:focus, input[type="radio"]:focus {
    29023271     filter: drop-shadow(0 0 2px #89f);
     
    29113280     border: 1px solid #999;
    29123281     min-width: 120px;
    2913      font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     3282     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif;
    29143283     border-radius: 2px;
    29153284     text-align: left !important;
    29163285     box-shadow: inset 0 0 0 1px #fff;
    2917      filter: drop-shadow(0 0 1px #ccc);
    2918      -webkit-filter: drop-shadow(0 0 1px #ccc);
     3286     filter: drop-shadow(0 0 1px rgba(204, 204, 204, 0.6));
     3287     -webkit-filter: drop-shadow(0 0 1px rgba(204, 204, 204, 0.6));
    29193288}
    29203289
     
    29483317
    29493318input[readonly], input[disabled], input[readonly]:focus, input[disabled]:focus {
    2950      background: #ddd;
    2951      box-shadow: inset 2px 2px 2px #999;
     3319     background: #e9e9e9;
     3320     box-shadow: inset 2px 2px 1px rgba(204, 204, 204, 0.6);
    29523321     color: #333;
    29533322     filter: none;
     
    29613330     color: #333 !important;
    29623331     border-radius: 2px;
    2963      font: 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono;
     3332     font: 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
    29643333     min-height: 100px;
    29653334     min-width: 97%;
    29663335     border: 1px solid #999;
    2967      box-shadow: inset 1px 1px 1px #999;
     3336     box-shadow: inset 2px 2px 1px rgba(204, 204, 204, 0.6);
    29683337}
    29693338
     
    31193488
    31203489.cells {
    3121      border-left: 1px outset #cfd1ff;
    3122      border-top: 1px inset #cfd1ff !important;
    3123      border-bottom: 1px inset #cfd1ff !important;
     3490     border-left: 1px outset #ddf;
     3491     border-top: 1px inset #ddf !important;
     3492     border-bottom: 1px inset #ddf !important;
    31243493}
    31253494
     
    31653534     background: #447;
    31663535     background: linear-gradient(to right, #77a, #669, #77a);
    3167      height: 1px;
    3168      border: 0 solid #447;
     3536     height: 3px;
     3537     border: 1px solid #fff;
    31693538}
    31703539
     
    31903559
    31913560.main#dns {
    3192      padding: 0 8px;
     3561     padding: 0;
    31933562     min-width: 540px;
    31943563}
     
    32033572.main#tunnelmgr {
    32043573     padding: 0 10px;
    3205      min-width: 530px;
     3574     min-width: 536px;
    32063575}
    32073576
     
    32413610     border-top: 1px solid #7778bf;
    32423611     background: none;
    3243      margin: 5px -6px 0 -6px;
     3612     margin: 5px -5px 0;
    32443613}
    32453614
     
    32743643     transition: filter ease 0.3s 0s;
    32753644     box-shadow: inset 0 0 0 1px #fff;
    3276      filter: drop-shadow(0px 0 1px #bbb);
    3277      -webkit-filter: drop-shadow(0px 0 1px #bbb);
     3645     filter: drop-shadow(0 0 1px #ccc);
     3646     -webkit-filter: drop-shadow(0 0 1px #ccc);
    32783647}
    32793648
     
    32973666
    32983667.themechoice:hover > object {
    3299      filter: drop-shadow(0px 0 1px #f60);
     3668     filter: drop-shadow(0 0 1px #f60);
     3669     -webkit-filter: drop-shadow(0 0 1px #f60);
    33003670}
    33013671
     
    33193689.themechoice img, .themechoice object {
    33203690     margin-bottom: 31px !important;
    3321 }
    3322 
    3323 .themechoice .optbox:hover + img {
    3324 /*     box-shadow: 0 0 1px 1px #33f;*/
    33253691}
    33263692
     
    33773743     border: 1px solid #7778bf;
    33783744     background: #fff;
     3745     background: repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(248, 248, 255, 0.3) 3px, #fff 5px);
    33793746}
    33803747
     
    33843751     margin: -16px 0 0;
    33853752     background: #fff;
     3753     background: repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(248, 248, 255, 0.3) 3px, #fff 5px);
    33863754}
    33873755
     
    34023770     transition: transform 0.3s ease 0s;
    34033771     box-shadow: inset 0 0 0 1px #fff;
    3404      filter: drop-shadow(0px 0 1px #bbb);
    3405      -webkit-filter: drop-shadow(0px 0 1px #bbb);
     3772     filter: drop-shadow(0 0 1px #ccc);
     3773     -webkit-filter: drop-shadow(0 0 1px #ccc);
    34063774}
    34073775
     
    35743942     padding-left: 50px;
    35753943     background: url(/themes/console/images/info/interval.png) 12px center no-repeat;
     3944     background: url(/themes/console/images/info/interval.png) 12px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px), #fff !important;
    35763945     background-size: 28px 28px;
    35773946}
     
    37044073}
    37054074
     4075#netdboverview a {
     4076     display: inline-block;
     4077     width: 100%;
     4078}
     4079
    37064080#netdbversions tr {
    37074081     border-right: 1px solid #447;
     
    37294103     padding: 5px !important;
    37304104}
    3731 table#leasesetdebug {
     4105
     4106.leaseset, .netdbentry {
    37324107     margin-bottom: 10px;
    37334108}
     
    37464121
    37474122table#leasesetdebug, table#leasesetsummary {
    3748      margin-bottom: 15px;
     4123     margin-bottom: 14px !important;
     4124}
     4125
     4126.leaseset:last-child, .netdbentry:last-child {
     4127     margin-bottom: 5px;
    37494128}
    37504129
     
    39924371     line-height: 120%;
    39934372     background: #eef url(/themes/console/images/buttons/ban.png) 10px center no-repeat;
     4373     background: url(/themes/console/images/buttons/ban.png) 10px center no-repeat, repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(240, 240, 255, 0.3) 3px, #fff 5px) #fff;
    39944374     break-inside: avoid;
    39954375     page-break-inside: avoid;
     
    40104390}
    40114391
     4392.main#profiles #banlist li {
     4393     margin-bottom: 0;
     4394}
     4395
    40124396#tunnelconfig th[colspan="3"] {
    40134397     text-transform: uppercase;
     
    40334417}
    40344418
    4035 #profiles td:first-child {
     4419#profiles th:nth-child(7) {
     4420     text-align: center;
     4421}
     4422
     4423table#profiles td:first-child {
    40364424     width: 48px;
    40374425     text-align: right;
     
    40394427}
    40404428
    4041 #profiles td:nth-child(2) {
     4429table#profiles td:nth-child(2) {
    40424430     text-align: left;
    40434431}
    40444432
    4045 #profiles td[colspan="7"] {
     4433table#profiles td[colspan="8"] {
    40464434     background: #77f;
    40474435     padding: 0;
     
    40494437
    40504438#thresholds p {
    4051      margin-left: 10px;
     4439     margin-left: 5px;
    40524440     line-height: 140%;
    4053 }
    4054 
    4055 #profile_defs li:first-child {
    4056      margin-top: 0 !important;
    4057 }
    4058 
    4059 #profile_defs li  {
    4060      list-style: none !important;
    4061      margin: -5px 0 0 0;
    4062      padding-bottom: 2px;
    4063      white-space: normal;
    4064      line-height: 80%;
    40654441}
    40664442
     
    40694445}
    40704446
    4071 table#profiles tr:hover td, table#floodfills tr:hover td,
    4072 #ntcpconnections tr:nth-last-child(n+2):hover td, #udpconnections tr:nth-last-child(n+2):hover td,
    4073 #schedjobs tr:hover td, #jobstats tr:nth-last-child(n+2):hover td,
    4074 #jardump tr:hover td, #sidebarconf tr:nth-last-child(n+2):hover td,
    4075 #eventlog tr:hover td {
     4447#profile_defs td:first-child {
     4448     width: 5% !important;
     4449     white-space: nowrap;
     4450     text-align: right;
     4451}
     4452
     4453#profile_defs td:last-child {
     4454     width: 95%;
     4455     white-space: normal;
     4456     line-height: 120%;
     4457}
     4458
     4459#thresholds th, #thresholds td {
     4460     text-align: center !important;
     4461}
     4462
     4463#capabilities_key td {
     4464     padding: 0 !important;
     4465}
     4466
     4467#capabilities_key table {
     4468     margin: 0 !important;
     4469     border: none;
     4470     border-top: 1px solid #ddf;
     4471     border-bottom: 1px solid #ddf;
     4472}
     4473
     4474#capabilities_key table td {
     4475     padding: 3px 5px !important;
     4476}
     4477
     4478#capabilities_key table td:nth-child(even) {
     4479     width: 16px;
     4480}
     4481
     4482#profile_defs b {
     4483     text-transform: capitalize;
     4484}
     4485
     4486#capabilities_key b {
     4487     text-transform: none !important;
     4488}
     4489
     4490table#profiles tr:hover td, table#floodfills tr:hover td, #ntcpconnections tr:nth-last-child(n+2):hover td, #udpconnections tr:nth-last-child(n+2):hover td,
     4491#schedjobs tr:hover td, #jobstats tr:nth-last-child(n+2):hover td, #jardump tr:hover td, #sidebarconf tr:nth-last-child(n+2):hover td, #eventlog tr:hover td,
     4492#netdboverview table tr:hover td, #debug tr:hover td, #clientconfig tr:hover td, #webappconfig tr:hover td {
    40764493     background: #ffd;
    4077      color: #000;
     4494     color: #111;
    40784495}
    40794496
     
    41104527     margin: 15px 0 0;
    41114528     font-size: 8pt;
     4529}
     4530
     4531#advconf {
     4532     margin-bottom: 12px;
    41124533}
    41134534
     
    42254646}
    42264647
    4227 /* experimental sidebar navigation for webapps */
    4228 
    4229 #sb_services a:link, #sb_services a:visited {
    4230      display: inline-block;
    4231      width: 100%;
    4232      padding: 4px 2px 4px 20px;
    4233      text-align: left;
    4234      border-bottom: 1px dotted #89f;
    4235      background: url(images/application.png) left center no-repeat;
    4236      background-size: 14px 14px;
    4237 }
    4238 
    4239 #sb_services a:link:first-child {
    4240      padding-top: 2px;
    4241 }
    4242 
    4243 #sb_services a:link:last-child {
    4244      border-bottom: none;
    4245      padding-bottom: 2px;
    4246 }
    4247 
    4248 #sb_services a[href="/susimail/susimail"] {
    4249      background: url(images/inbox.png) left center no-repeat;
    4250 }
    4251 
    4252 #sb_services a[href="/i2psnark/"] {
    4253      background: url(images/magnet.png) left center no-repeat;
    4254 }
    4255 
    4256 #sb_services a[href="http://127.0.0.1:7658/"] {
    4257      background: url(images/server.png) left center no-repeat;
    4258 }
    4259 
    4260 #sb_services a[href="/orchid/"] {
    4261      background: url(images/flower.png) left center no-repeat;
    4262 }
    4263 
    4264 #sb_services a[href*="bote"] {
    4265      background: url(images/mail_black.png) left center no-repeat;
    4266 }
    4267 
    4268 /* end webapp navigation */
    4269 
    42704648#volunteer, #sidebarhelp, #configurationhelp, #reachabilityhelp, #advancedsettings, #legal, #changelog {
    42714649     border: 1px solid #7778bf;
     
    42764654}
    42774655
    4278 #volunteer {
    4279      background: #fff url("/themes/snark/ubergine/images/hat.png") no-repeat right -3px bottom -3px / 140px auto;
    4280 }
    4281 
    42824656#changelog {
    42834657     margin-bottom: 5px;
     
    42934667}
    42944668
    4295 #advancedsettings {
    4296      word-break: break-all;
    4297 }
    4298 
    42994669.main#help h2 {
    43004670     margin: -1px -11px 10px !important;
     
    43094679}
    43104680
     4681.main#help div, .logtable tr:nth-child(n+2) td, .main#console {
     4682     background: linear-gradient(to bottom, #fff, rgba(250,250,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) #fff !important;
     4683     margin-bottom: 13px;
     4684     box-shadow: inset 0 0 0 1px #fff;
     4685}
     4686
     4687.main#console {
     4688     box-shadow: inset 0 0 0 1px #bbf;
     4689}
     4690
     4691.main#help #volunteer, #wrapperlogs pre {
     4692     background: linear-gradient(to bottom, #fff, rgba(250,250,255,0.3)), url(/themes/snark/ubergine/images/hat.png) no-repeat right -3px bottom -3px / 140px auto, repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) !important;
     4693     box-shadow: inset 0 0 0 1px #fff;
     4694}
     4695
    43114696#fullhistory {
    43124697     text-align: right;
     
    43464731}
    43474732
    4348 #clientconfig th:first-child, #webappconfig th:first-child, #pluginconfig th:first-child {
    4349      text-align: right;
    4350      padding-right: 10%;
    4351 }
    4352 
     4733#webappconfig td:first-child::after {
     4734     content: "";
     4735     display: inline-block;
     4736     min-height: 32px;
     4737     vertical-align: middle;
     4738}
     4739
     4740#clientconfig th:first-child, #webappconfig th:first-child, #pluginconfig th:first-child,
    43534741#clientconfig td:first-child, #webappconfig td:first-child, #pluginconfig td:first-child {
    4354      padding-right: 10%;
    4355 }
    4356 
    4357 #clientconfig th:nth-child(3), #webappconfig th:nth-child(3), #pluginconfig th:nth-child(3) {
    4358      text-align: center;
     4742     text-align: right !important;
     4743}
     4744
     4745#clientconfig th:nth-child(2), #clientconfig th:nth-child(3),
     4746#webappconfig th:nth-child(2), #webappconfig th:nth-child(3),
     4747#pluginconfig th:nth-child(2), #pluginconfig th:nth-child(3) {
     4748     text-align: center !important;
     4749}
     4750
     4751#clientconfig td:nth-child(3), #webappconfig td:nth-child(3), #pluginconfig td:nth-child(3) {
     4752     white-space: nowrap;
    43594753}
    43604754
    43614755#pluginconfig table {
    4362      margin: 5px 5px 5px 0 !important;
     4756     margin: 5px 0 5px 0 !important;
    43634757     width: calc(100% - 5px);
    43644758}
     
    43674761     width: 80px;
    43684762     white-space: nowrap;
     4763}
     4764
     4765#pluginconfig td:last-child {
     4766     padding-right: 3px;
     4767}
     4768
     4769table#plugininstall td:first-child {
     4770     white-space: nowrap !important;
    43694771}
    43704772
     
    44594861}
    44604862
     4863@media screen and (max-width: 1500px) {
     4864
     4865#sb_general td:first-child::after, #sb_shortgeneral td:first-child::after, #sb_bandwidth td:first-child::after,
     4866#sb_peers td:first-child::after, #sb_tunnels td:first-child::after, #sb_queue td:first-child::after {
     4867   min-height: 12px;
     4868}
     4869}
     4870
    44614871@media screen and (min-width: 1500px) {
    44624872body, .main, .main td, .news p, #news p, .tab, .tab2, .main li b, div.joblog li, .themelabel, .ui_lang, .applabel a,
     
    44654875}
    44664876
    4467 .routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.newss, pre, #jardump tt, #jardump td, div.news {
     4877.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.newss, pre, #jardump tt, #jardump td, div.news, #logs li {
    44684878     font-size: 9pt !important;
    44694879}
     
    44814891     margin-top: 4px;
    44824892}
    4483 /*
    4484 .routersummary img[src$="i2plogo.png"] {
    4485      transform: scale(1.1);
    4486 }
    4487 */
     4893
    44884894.routersummary table[id^="sb_"] {
    44894895     width: 216px !important;
    44904896}
    44914897
    4492 .routersummary h3 a {
    4493      font-size: 11pt !important;
     4898.routersummary h3::after {
     4899     content: "";
     4900     display: inline-block;
     4901     min-height: 18px;
     4902     vertical-align: middle
     4903     box-sizing: border-box;
    44944904}
    44954905
     
    45004910.applabel {
    45014911     width: 142px !important;
    4502 }
    4503 
    4504 .tab, .tab2 {
    4505      padding-bottom: 3px;
    45064912}
    45074913
     
    45344940     padding: 21px 15px 17px;
    45354941     font-size: 19pt;
     4942}
     4943
     4944.routersummary h3 a  {
     4945     font-size: 11pt !important;
    45364946}
    45374947
     
    45494959}
    45504960
     4961#sb_general, #sb_shortgeneral, #sb_bandwidth, #sb_peers, #sb_tunnels, #sb_queue {
     4962     margin-bottom: -4px !important;
     4963     margin-top: -10px !important;
     4964}
     4965
     4966#sb_general, #sb_shortgeneral {
     4967     margin-top: -7px !important;
     4968}
     4969
     4970#sb_general td::after, #sb_shortgeneral td::after, #sb_bandwidth td::after,
     4971#sb_peers td::after, #sb_tunnels td::after, #sb_queue td::after {
     4972   min-height: 14px;
     4973}
     4974
    45514975#banlist li {
    45524976     font-size: 10pt;
     
    45624986}
    45634987
    4564 @media screen and (-webkit-min-device-pixel-ratio:0) {
     4988.th_title a  {
     4989     font-size: 11pt !important;
     4990}
     4991
     4992#logs font[color^="#"]::before {
     4993     margin-right: 6px;
     4994     margin-left: -15px;
     4995     width: 7px;
     4996     height: 7px;
     4997}
     4998
     4999/*
     5000#logs li {
     5001     width: calc(100% - 55px);
     5002}
     5003*/
     5004
     5005.statlist li a[href^="graph"]::before, .statlist li::before {
     5006     height: 6px;
     5007     width: 6px;
     5008}
     5009}
     5010
     5011@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1500px) {
    45655012.routersummary div[style="height: 36px;"] {
    45665013     height: 38px !important;
    45675014}
    45685015}
    4569 }
    4570 
    4571 /* MS Edge 14+ fix */
    4572 _:-ms-lang(x), *, *:hover {
     5016
     5017@media screen and (min-width: 1600px) {
     5018.tab, .tab2 {
     5019     padding-left: 8px;
     5020     padding-right: 8px;
     5021}
     5022
     5023/* MS Edge 14+ rendering bug fix */
     5024_:-ms-lang(x), *, *:hover, *:focus, input, input:hover, input:focus, a:hover, a:focus {
    45735025     filter: none !important;
    45745026     -webkit-filter: none !important;
  • installer/resources/themes/console/light/console_ar.css

    ra0911a4 rfa6fc84  
    1111}
    1212
     13#help pre, #logs li {
     14     text-align: left;
     15     direction: ltr;
     16}
     17
    1318table {
    1419     direction: rtl;
     
    2530}
    2631
     32h2, h3 {
     33     background: linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(to left, #fff 5%, rgba(231, 231, 255, 0.8) 15%) !important;
     34}
     35
    2736.routersummary h4 {
    2837     text-align: center;
     
    3039
    3140h1 {
    32      margin: 10px 210px -15px 10px;
     41     margin: 0 205px -15px 0;
    3342     padding: 20px 20px 20px 10px;
    3443}
     
    3746    text-align: right;
    3847    margin: 0 16px 0 -16px;
     48}
     49
     50#stats form {
     51     margin: 0;
     52}
     53
     54table.search td:nth-child(2) {
     55     padding: 0 10px 0 0;
     56}
     57
     58table.search td:nth-child(3) {
     59     padding: 0 2px 0 8px;
     60}
     61
     62input.search[type="text"] {
     63     background-position: right 4px center;
     64     padding: 5px 24px 5px 5px;
     65}
     66
     67button.search, input[type="submit"], input[type="reset"],
     68button.search:hover, input[type="submit"]:hover, input[type="reset"]:hover,
     69button.search:focus, input[type="submit"]:focus, input[type="reset"]:focus,
     70button.search:active, input[type="submit"]:active, input[type="reset"]:active {
     71    background-position: right 6px center;
     72    padding: 5px 21px 5px 5px;
     73}
     74
     75select, select:hover, select:focus, select:active {
     76     padding: 4px 4px 4px 16px;
     77     background-position: left center !important;
     78     text-align: right !important;
     79}
     80
     81#loggingoptions input[type="text"], #i2pupdates input[type="text"], #addkeyring input[type="text"],
     82#reseedconfig input[type="text"], #manualreseed input[type="text"], #plugininstall input[type="text"], .homelinkedit input[type="text"] {
     83     direction: ltr;
     84     text-align: right;
     85}
     86
     87.homelinkedit td:nth-child(4) {
     88     direction: ltr !important;
     89}
     90
     91input[name="refreshInterval"] {
     92     text-align: left;
     93}
     94
     95#loggingoptions td:last-child:not(.optionsave) {
     96      text-align: right;
    3997}
    4098
     
    97155
    98156div.main {
    99      margin: 10px 210px 0px 10px;
     157     margin: 10px 205px 0 0;
    100158     padding: 7px 20px 30px 20px;
    101159}
     
    106164
    107165div.news {
    108      margin: 10px 210px 0px 10px;
     166     margin: 10px 205px -12px 10px;
    109167     padding: 7px 20px 10px 20px;
    110168     direction: ltr;
    111 }
    112 
    113 div.news h3, #news h3 {
    114      background: url(images/news.png) right 8px center no-repeat, linear-gradient(to right, #fff, #eef) !important;
    115      padding: 5px 30px 5px 10px;
    116169}
    117170
     
    138191}
    139192
    140 .formaction#consolepass, .formaction#tunnelconfigsave, .formaction#homeapps {
     193.formaction#consolepass, .formaction#tunnelconfigsave, .formaction#homeapps, .formaction#homesites {
    141194     margin-bottom: 15px;
     195}
     196
     197#webappconfig th:first-child, #webappconfig td:first-child {
     198     text-align: right;
     199}
     200
     201#webappconfig th:nth-child(2), #webappconfig td:nth-child(2),
     202#webappconfig th:nth-child(3), #webappconfig td:nth-child(3) {
     203     text-align: center;
     204}
     205
     206#webappconfigactions {
     207     margin-left: 32px;
     208     margin-right: -32px;
    142209}
    143210
     
    184251}
    185252
    186 /*
    187 #consolepass {
    188      margin-right: 0;
    189 }
    190 */
    191 
    192253#tunnelconfig + hr {
    193254     background: #fff ;
     
    202263}
    203264
    204 #pluginconfig td:first-child {
     265#pluginconfig th:first-child, #pluginconfig td:first-child {
    205266     min-width: 100px;
    206267     white-space: normal;
    207      text-align: left;
     268     text-align: left !important;
    208269     padding-right: 5px;
    209270}
    210271
     272#pluginconfig th:nth-child(2), #pluginconfig th:nth-child(3),
     273#pluginconfig td:nth-child(2), #pluginconfig td:nth-child(3) {
     274     text-align: center;
     275}
     276
     277#pluginconfig table th:nth-child(2), #pluginconfig table td:nth-child(2) {
     278     text-align: right;
     279}
     280
     281.main#config_plugins {
     282     overflow: hidden;
     283}
     284
    211285td.optionsave {
    212286     text-align: left;
     
    214288
    215289p.infohelp, p.infowarn, td.infohelp, td.infowarn,
    216 table#bugreports td.infohelp,
    217 p#debugmode,
    218 p#sybilinfo,
     290table#bugreports td.infohelp, p#debugmode, p#sybilinfo,
    219291#bandwidthconfig tr:first-child .infohelp,
    220 #addkeyring td.infohelp,
    221 #joinfamily tr:nth-child(3) td:first-child,
     292#addkeyring td.infohelp, #joinfamily tr:nth-child(3) td:first-child,
    222293#newfamily tr:last-child td:first-child,
    223 #oldhome td:first-child,
    224 #floodfillconfig .infohelp,
     294#oldhome td:first-child, #floodfillconfig .infohelp,
    225295p#clientconf.infohelp, p#webappconfig.infohelp,
    226 p#pluginconfig,
    227 #plugininstall .infohelp,
     296p#pluginconfig, #plugininstall .infohelp,
    228297#manualreseed tr:nth-last-child(2) td.infohelp,
    229298#config_peers tr:nth-child(3) td.infohelp,
    230 h3#shutdownrouter + p.infohelp,
    231 h3#restartrouter + p.infohelp,
    232 h3#systray + p.infohelp,
    233 h3#servicedebug + p.infohelp,
    234 h3#browseronstart + p.infohelp,
    235 .main#config_reseed p.infohelp,
    236 p#enablefullstats, p#gatherstats,
    237 #config_family .infohelp,
    238 #consolepass tr:first-child td,
    239 form[action="events"],
     299h3#shutdownrouter + p.infohelp, h3#restartrouter + p.infohelp,
     300h3#systray + p.infohelp, h3#servicedebug + p.infohelp,
     301h3#browseronstart + p.infohelp, .main#config_reseed p.infohelp,
     302p#enablefullstats, p#gatherstats, #config_family .infohelp,
     303#consolepass tr:first-child td, form[action="events"],
    240304#plugininstall tr:nth-child(3) td:nth-last-child(2), #manualreseed tr:nth-child(3) td:nth-last-child(2),
    241305#manualreseed tr:nth-child(5) td:nth-last-child(2), #plugininstall tr:nth-child(5) td:nth-last-child(2),
     
    250314}
    251315
     316div.themechoice, div.langselect {
     317     float: right;
     318}
     319
     320.h3navlinks {
     321     float: left;
     322}
     323
     324.homelinkedit tr:last-child td:first-child, p#helptranslate {
     325     text-align: left;
     326}
     327
    252328#sidebarconf tr:last-child td:last-child {
    253329     text-align: right;
     
    256332#sidebardefaults, #loggingoptions, #reseedconfig, #addkeyring, #netconfig, #advconf {
    257333     margin-bottom: 15px;
    258 }
    259 
    260 .homelinkedit tr:last-child td:first-child {
    261      text-align: left;
    262334}
    263335
     
    275347}
    276348
     349#clientconfig th:first-child {
     350     text-align: left;
     351}
     352
     353#clientconfig td:nth-child(2), #clientconfig td:nth-child(3) {
     354     text-align: center;
     355}
     356
    277357table#plugininstall {
    278358     margin-right: 0 !important;
     
    281361table#pluginconfig {
    282362     margin-right: -32px !important;
     363}
     364
     365#tunnelconfig td:nth-child(n+2) {
     366     text-align: right;
    283367}
    284368
     
    286370     margin-left: 32px;
    287371     margin-right: -32px;
     372     margin-bottom: 15px;
    288373}
    289374
     
    294379textarea[name="levels"] {
    295380     text-align: left;
     381}
     382
     383textarea#advancedsettings, #i2pupdates textarea, #addkeyring textarea, #reseedconfig textarea {
     384     direction: ltr;
     385}
     386
     387.homelinkedit th:first-child, .homelinkedit td:first-child {
     388     text-align: center;
     389}
     390
     391.homelinkedit th:nth-child(2), .homelinkedit td:nth-child(2) {
     392     text-align: left;
     393     width: 24px;
     394}
     395
     396#bannedips, #banlist {
     397     margin-left: 0 !important;
     398     margin-right: 0 !important;
     399}
     400
     401#bannedips, #bannedips table {
     402     direction: ltr !important;
    296403}
    297404
     
    342449}
    343450
     451h4.app {
     452     background: url(/themes/console/images/eepsite.png) 10px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(to left, #fff 5%, rgba(231, 231, 255, 0.8) 15%) right center !important;
     453     background-size: 16px 16px, 100% 100%, 100% 100% !important;
     454     margin-top: 15px;
     455}
     456
     457h4.app2 {
     458     clear: left;
     459     margin-top: 10px !important;
     460     background: url(images/globe.png) 10px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(to left, #fff 5%, rgba(231, 231, 255, 0.8) 15%) right center !important;
     461     background-size: 16px 16px, 100% 100%, 100% 100% !important;
     462}
     463
    344464h4.app, h4.app2, #news h3, .news h3 {
    345      background-position: right 10px center;
     465     background-position: right 10px center, right center, right center !important;
    346466     padding: 6px 32px 6px 10px;
    347467     direction: ltr !important;
    348468}
    349469
     470div.news h3, #news h3 {
     471     background: url(images/news.png) right 8px center no-repeat, linear-gradient(to left, #fff, #eef) !important;
     472     background: url(images/news.png) right 8px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(to left, #fff 5%, rgba(231, 231, 255, 0.8) 15%) right center !important;
     473     padding: 5px 30px 5px 10px;
     474/*     background-position: right 8px center, right center !important;*/
     475}
     476
    350477#netdboverview, #netdboverview td, #netdboverview table {
    351478     direction: ltr;
     
    398525}
    399526
     527p.family, p.sybil_info {
     528     direction: ltr;
     529}
     530
     531.sybil_routerinfo th {
     532    padding: 1px 6px 1px 1px !important;
     533}
     534
     535.sybil_routerinfo th:nth-last-child(2), .sybil_routerinfo th:last-child, #netdblookup td:first-child:not(.subheading) {
     536    text-align: left !important;
     537}
     538
     539td.subheading {
     540     text-align: right !important;
     541}
     542
     543.sybil_routerinfo th:first-child {
     544     text-align: right !important;
     545}
     546
     547.sybil_routerinfo td:first-child {
     548     text-align: left;
     549}
     550
    400551table.leaseset:last-child, table.netdbentry:last-child, #profile_defs {
    401552     margin-bottom: -10px;
    402553}
    403554
     555table#leasesetdebug td:first-child, table#leasesetsummary td:first-child {
     556     text-align: left;
     557}
     558
     559#netdboverview th, #netdblookup th {
     560     background-position: right 8px center !important;
     561     padding: 8px 32px 8px 5px !important;
     562     text-align: right !important;
     563}
     564
     565#netdbversions th:first-child, #netdbtransports th:first-child, #netdbcountrylist th:first-child {
     566     text-align: left !important;
     567}
     568
     569#netdbversions th:last-child, #netdbtransports th:last-child, #netdbcountrylist th:last-child {
     570     text-align: right !important;
     571     padding-right: 5px !important;
     572}
     573
    404574table.netdbentry th:first-child {
    405575     text-align: right;
     
    408578table.netdbentry th:last-child {
    409579     text-align: left;
     580}
     581
     582table.netdbentry td:nth-child(2) {
     583     direction: ltr;
    410584}
    411585
     
    448622}
    449623
     624.logtable tr:first-child td {
     625     direction: ltr;
     626}
     627
     628#wrapperlogs pre {
     629     text-align: left;
     630     direction: ltr;
     631}
     632
    450633#pluginconfigactions {
    451634     margin: -6px -32px -6px 32px !important;
    452635}
    453 
    454636
    455637#pluginupdater.formaction {
     
    481663     margin-left: 0 !important;
    482664}
    483 
    484 html {
    485      margin: 0 3px !important;
    486 }
    487 }
     665}
  • installer/resources/themes/console/light/i2ptunnel.css

    ra0911a4 rfa6fc84  
    1010     color: #333;
    1111     font-size: 9pt;
    12      background: #a4a4cb url(images/tile2.png);
     12     background: #a4a4cb url(images/tile2.png) fixed;
    1313     background-size: 32px 32px;
    1414}
     
    2222     background: #27377f !important;
    2323     color: white;
     24     text-shadow: none;
    2425}
    2526
     
    2728     background: #27377f !important;
    2829     color: white;
     30     text-shadow: none;
    2931}
    3032
     
    3234     -moz-box-sizing: border-box;
    3335     -webkit-box-sizing: border-box;
     36     box-sizing: border-box;
    3437}
    3538
     
    4346
    4447input[type="checkbox"], input[type="radio"] {
    45      vertical-align: middle;
     48     margin: 5px 3px 5px 5px;
     49     background: none;
     50     vertical-align: sub;
    4651     min-width: 16px;
    4752     min-height: 16px;
    48      margin: 0;
    49      background: none;
     53}
     54
     55input[type="checkbox"]:hover, input[type="checkbox"]:focus, input[type="radio"]:hover, input[type="radio"]:focus {
     56     filter: drop-shadow(0 0 2px #89f);
     57     -webkit-filter: drop-shadow(0 0 2px #89f);
    5058}
    5159
     
    7179     border-radius: 2px;
    7280     resize: none;
    73      box-shadow: inset 2px 2px 1px #ccc;
     81     box-shadow: inset 2px 2px 1px rgba(204, 204, 204, 0.6);
    7482}
    7583
     
    93101}
    94102
    95 div.statusNotRunning {
    96      float: left;
    97      width: 68px;
     103.statusNotRunning {
     104     color: #d00;
     105     background: url(images/console_status_stopped.png) 0 0 no-repeat;
     106}
     107
     108.statusRunning {
     109     color: #0b0;
     110     background: url(images/console_status_running.png) 0 0 no-repeat;
     111}
     112
     113.statusStarting {
     114     color: #ff3;
     115     background: url(images/console_status_starting.png) 0 0 no-repeat;
     116}
     117
     118.statusNotRunning, .statusRunning, .statusStarting {
     119     margin: 0;
     120     padding: 0;
     121     width: 100%;
    98122     height: 24px;
     123     background-position: center center;
     124     background-size: auto 16px;
     125     font-size: 0 !important;
     126     text-align: center;
    99127     overflow: hidden;
    100      color: #d00;
    101      background: url('images/console_status_stopped.png') 0 0 no-repeat;
    102      padding-top: 24px;
    103      margin-top: 4px;
    104      filter: drop-shadow(0 0 1px #999);
    105      -webkit-filter: drop-shadow(0 0 1px #999);
    106 }
    107 
    108 div.statusRunning {
    109    float: left;
    110      width: 68px;
    111      height: 24px;
    112      overflow: hidden;
    113      color: #0b0;
    114      background: url('images/console_status_running.png') 0 0 no-repeat;
    115      padding-top: 24px;
    116      margin-top: 4px;
    117      filter: drop-shadow(0 0 1px #999);
    118      -webkit-filter: drop-shadow(0 0 1px #999);
    119 }
    120 
    121 div.statusStarting {
    122      float: left;
    123      width: 68px;
    124      height: 24px;
    125      overflow: hidden;
    126      color: #339933;
    127      background: url('images/console_status_starting.png') 0 0 no-repeat;
    128      padding-top: 24px;
    129      margin-top: 4px;
    130      filter: drop-shadow(0 0 1px #999);
    131      -webkit-filter: drop-shadow(0 0 1px #999);
     128     filter: drop-shadow(0 0 1px rgba(204, 204, 204, 0.6));
     129     -webkit-filter: drop-shadow(0 0 1px rgba(204, 204, 204, 0.6));
    132130}
    133131
     
    140138     border: 1px solid #999;
    141139     padding: 4px;
    142      font: 9pt "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono;
     140     font: 9pt "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
    143141     background: #fff;
    144142     color: #333;
    145143     border-radius: 2px;
    146      box-shadow: inset 2px 2px 1px #ccc;
     144     box-shadow: inset 2px 2px 1px rgba(204, 204, 204, 0.6);
    147145}
    148146
     
    153151
    154152.freetext[readonly], .freetext[readonly]:focus {
    155      background: #ddd;
    156      box-shadow: inset 2px 2px 1px #ccc;
     153     background: #e9e9e9;
     154     box-shadow: inset 2px 2px 1px rgba(204, 204, 204, 0.6);
    157155     color: #333;
    158156}
     
    164162#clientPort {
    165163     width: 100px;
     164}
     165
     166.control, input[type="radio"], input[type="checkbox"], select {
     167     cursor: pointer;
    166168}
    167169
     
    183185     background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
    184186     box-shadow: inset 0 0 0 1px #fff;
    185      filter: drop-shadow(0 0 1px #ccc);
    186 /*     -webkit-filter: drop-shadow(0 0 1px #ccc); */
     187     filter: drop-shadow(0 0 1px rgba(204, 204, 204, 0.6));
    187188     box-sizing: border-box;
    188189     margin: 2px 4px !important;
     
    202203     background: linear-gradient(to bottom, #ddd 0%, #fff 100%);
    203204     box-shadow: inset 0 0 0 1px #fff !important;
     205     filter: drop-shadow(0 0 1px rgba(204, 204, 204, 0.8));
    204206}
    205207
     
    222224     max-width: 1400px;
    223225     margin: 8px auto;
    224      min-width: 450px;
     226     min-width: 540px;
    225227     overflow: hidden;
    226228     text-align: left !important;
     
    243245
    244246select {
     247     margin: 4px !important;
     248     padding: 4px 16px 4px 4px;
     249     min-width: 140px;
    245250     background: #fff;
     251     background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    246252     color: #333;
    247      margin: 4px !important;
    248      font-family: "Droid Sans", Verdana, Tahoma, Helvetica, sans-serif;
     253     font-family: "Droid Sans", "Noto Sans", "Ubuntu", "Segoe UI", Verdana, Helvetica, sans-serif;
     254     font-size: 9pt;
    249255     border: 1px solid #999;
    250      padding: 3px 3px 3px 0;
    251      min-width: 140px;
    252      font-size: 9pt;
    253256     border-radius: 2px;
    254257     overflow: hidden;
    255258     text-overflow: ellipsis;
    256      filter: drop-shadow(0 0 1px #ccc);
     259     -moz-appearance: none;
     260     -webkit-appearance: none;
     261     filter: drop-shadow(0 0 1px rgba(204, 204, 204, 0.6));
    257262}
    258263
    259264select:hover {
    260265     color: #111;
    261 }
    262 
    263 select:focus {
    264      box-shadow: 0 0 1px #89f;
    265 }
    266 
    267 @-moz-document url-prefix() { /* target firefox and derivatives only */
    268 select {
    269      -moz-appearance: none;
    270      background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    271      padding: 4px 16px 4px 4px;
    272266}
    273267
     
    280274     box-shadow: 0 0 1px #89f;
    281275}
    282 }
    283276
    284277a:link {
    285      color: #359;
     278     color: #3b6bbf;
    286279     text-decoration: none;
    287280     font-weight: bold;
     
    291284
    292285a:visited {
    293      color: #218;
     286     color: #2c4e8f;
    294287     text-decoration: none;
    295288}
     
    313306     border-radius: 2px 2px 0 0;
    314307     background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 50%, #eef 100%) !important;
     308     background: linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(to right, #fff 5%, rgba(231, 231, 255, 0.8)) 15% !important;
    315309     font-size: 11pt;
    316310     text-transform: uppercase;
     
    321315     box-shadow: inset 0 0 0 1px #fff;
    322316}
    323 
    324 /*
    325 h3 {
    326      border-radius: 0;
    327      margin-top: -1px;
    328 }
    329 */
    330317
    331318.iframed #globalTunnelControl h2 {
     
    359346}
    360347
     348
     349h2, h3, th, a, button.control, select {
     350     text-shadow: 0 1px 1px #fff;
     351}
     352
     353a:hover, a:focus, a:active, button:hover, button:focus, button:active, select:hover, select:focus, select:active {
     354     text-shadow: none;
     355}
     356
     357.tunnelConfig tr, #wizardPanel tr {
     358     background: repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(240, 240, 255, 0.3) 3px, #fff 5px);
     359}
     360
     361#wizardPanel tr:first-child {
     362     background: #fff;
     363}
     364
    361365td {
    362      border-top: 1px solid #7778bf;
     366     border-top: 1px inset #cfd1ff;
    363367     vertical-align: middle;
    364      padding: 4px 5px;
     368     padding: 5px;
     369}
     370
     371#serverTunnels td, #clientTunnels td {
     372     border-top: 1px inset #efefff;
    365373}
    366374
     
    373381}
    374382
    375 div[class^="status"] {
    376      float: none;
    377      font-size: 0 !important;
    378      background-position: center center;
    379      text-align: center;
    380      margin: 0;
    381      padding: 0;
    382      width: 100%;
    383      background-size: auto 16px;
    384 }
    385 
    386383.tunnelConfig th:first-child, .tunnelConfig td:first-child {
    387384     border-left: 1px solid #7778bf;
     
    397394
    398395.tunnelConfig td > b {
     396     margin-left: 5px;
    399397     min-width: 30px;
    400398     display: inline-block;
     
    403401.tunnelProperties {
    404402     background: #fff !important;
     403}
     404
     405.tunnelProperties td {
     406     border-top: 1px inset #cfd1ff !important;
    405407}
    406408
     
    448450}
    449451
    450 .tunnelPreview {
    451      text-align: left;
    452 }
    453 
    454452.tunnelPreview, .tunnelPort {
    455453     width: 15%;
     454     text-align: center;
    456455}
    457456
     
    485484     background: #fff;
    486485     background: linear-gradient(to bottom, #fff, #eef);
     486     background: linear-gradient(to bottom, #fff 50%, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) !important;
    487487     border-top: 1px solid #7778bf !important;
     488     box-shadow: inset 0 0 0 1px #fff;
    488489}
    489490
     
    523524
    524525#oldName, #targetDestination, select#profile, select#connectionProfile {
    525      min-width: 280px;
     526     min-width: 310px;
    526527     width: 30%;
    527528}
    528 
    529 /*
    530 select#profile, select#connectionProfile {
    531      margin: 0 !important;
    532 }
    533 */
    534529
    535530#customOptions, #userAgents {
     
    543538
    544539#localDestination {
    545      height: 30px !important;
     540     height: 32px !important;
    546541}
    547542
    548543#leasesetKey {
    549      height: 24px !important;
     544     height: 28px !important;
    550545     vertical-align: middle;
    551546     padding: 4px;
     547     box-sizing: border-box;
    552548}
    553549
    554550.multiOption {
     551     margin: 5px 10px 5px 5px;
    555552     display: inline-block;
    556      margin-right: 10px;
    557553     vertical-align: middle;
    558554}
     
    560556.multiOption#isServer {
    561557     background: url(/themes/console/images/server.png) left center no-repeat;
    562      padding-left: 18px;
     558     padding-left: 16px;
    563559}
    564560
    565561.multiOption#isClient {
    566562     background: url(/themes/console/images/client.png) left center no-repeat;
    567      padding-left: 18px;
     563     padding-left: 16px;
    568564}
    569565
     
    608604#throttler tr:nth-child(odd) {
    609605     background: #f7f8ff;
     606     background: repeating-linear-gradient(45deg, rgba(255,255,255,0.5) 2px, rgba(211, 211, 255, 0.3) 3px, #fff 5px);
    610607}
    611608
    612609#throttler tr:nth-child(even) {
    613610     background: #eef;
     611     background: repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(230, 230, 255, 0.3) 3px, #fff 5px);
    614612}
    615613
     
    643641}
    644642
     643input:focus::-moz-placeholder {
     644     opacity: 0;
     645}
     646
    645647::-webkit-input-placeholder {
    646648     color: #f00;
    647649     opacity: 1;
     650}
     651
     652:focus::-webkit-input-placeholder {
     653     opacity: 0;
    648654}
    649655
     
    703709}
    704710
     711#wizardPanel td:not(#wizardTable), #wizardTunnelTypes td {
     712     padding: 10px;
     713}
     714
    705715#wizardPanel .freetext {
    706716     margin-left: 0 !important;
     
    717727#wizardTunnelTypes td:last-child {
    718728     text-align: justify;
    719      padding: 5px 10px 5px 5px;
     729     padding: 10px 20px 10px 10px !important;
    720730}
    721731
     
    772782     font-weight: bold;
    773783     text-align: right;
    774      margin-right: 3px;
     784     margin-right: 10px;
    775785}
    776786
     
    787797/* more space */
    788798
    789 .tunnelConfig td, td {
    790      border-top: 1px inset #cfd1ff;
    791      padding: 5px;
    792 }
    793 
    794 input[type="checkbox"], input[type="radio"] {
    795      margin: 5px 3px 5px 5px;
    796 }
    797 
    798799.freetext, .tunnelConfig textarea, #customOptions, #userAgents, #hostField  {
    799800     margin: 5px !important;
    800 }
    801 
    802 .multiOption {
    803      margin: 5px 10px 5px 5px;
    804801}
    805802
     
    826823}
    827824
    828 .tunnelConfig td > b {
    829      min-width: 30px;
    830      display: inline-block;
    831      margin-left: 5px;
    832 }
    833 
    834825.tunnelDestination {
    835826     padding-bottom: 1px !important;
     
    860851/* responsive layout */
    861852
     853@media screen and (max-width: 800px) {
     854th {
     855     font-size: 9pt;
     856}
     857
     858.statusNotRunning, .statusRunning, .statusStarting {
     859     background-size: auto 14px;
     860}
     861
     862#leasesetKey {
     863     height: 38px !important;
     864}
     865}
     866
    862867@media screen and (min-width: 1500px) {
    863868body, select, .control, input, textarea {
     
    868873     font-size: 10.5pt;
    869874}
    870 }
    871 
     875
     876.statusNotRunning, .statusRunning, .statusStarting {
     877     background-size: auto 18px;
     878}
     879
     880#localDestination {
     881     height: 34px !important;
     882}
     883}
  • installer/resources/themes/console/midnight/console.css

    ra0911a4 rfa6fc84  
    146146     margin: 10px;
    147147     border-radius: 2px;
    148      font: 8.5pt "Droid Sans Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     148     font: 8.5pt "Droid Sans Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
    149149     min-height: 100px;
    150150     min-width: 97%;
     
    914914
    915915.routersummary .reload[value="Reseed"] {
    916      background: url(/themes/console/images/buttons/download.png) center left 4px no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     916     background: url(/themes/console/images/buttons/download.png) center left 6px no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     917     background-size: 14px auto !important;
    917918}
    918919
    919920.routersummary .reload[value="Reseed"]:hover {
    920      background: #000 url(/themes/console/images/buttons/download.png) center left 4px no-repeat !important;
     921     background: #000 url(/themes/console/images/buttons/download.png) center left 6px no-repeat !important;
     922     background-size: 14px auto !important;
    921923}
    922924
    923925.routersummary .reload[value="Reseed"]:focus, .routersummary .reload[value="Reseed"]:active {
    924      background: #652787 url(/themes/console/images/buttons/download.png) center left 4px no-repeat !important;
     926     background: #652787 url(/themes/console/images/buttons/download.png) center left 6px no-repeat !important;
     927     background-size: 14px auto !important;
    925928}
    926929
     
    951954     overflow-x: auto;
    952955     text-align: left;
    953      font: 8.5pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     956     font: 8.5pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
    954957     color: #c9ceff;
    955958}
     
    10081011     font-size: 9pt;
    10091012     min-width: 300px;
     1013/* stripey borders */
     1014     box-shadow: inset 0 0 0 1px #44175f, inset 0 0 3px 3px #000, 0 0 0 2px #443da0;;
     1015     border: 5px solid #443da0;
     1016     border-image: repeating-linear-gradient(135deg, #003 0px, #003 20px, #550 20px, #550 40px, #003 40px) 5 repeat repeat;
     1017     border-image-width: 5px;
     1018     border-image-outset: 1px;
    10101019}
    10111020
     
    11751184     border: 0;
    11761185     text-align: center !important;
    1177      margin: -5px -7px -6px -8px !important;
     1186     margin: -4px -7px -6px -8px !important;
    11781187     width: 189px !important;
    11791188     overflow: hidden;
     
    11841193
    11851194#sb_general, #sb_shortgeneral, #sb_bandwidth, #sb_peers, #sb_tunnels, #sb_queue {
    1186      margin-bottom: -4px !important;
    1187 }
    1188 
    1189 #sb_general td:first-child::after, #sb_shortgeneral td:first-child::after, #sb_bandwidth td:first-child::after,
    1190 #sb_peers td:first-child::after, #sb_tunnels td:first-child::after, #sb_queue td:first-child::after {
     1195     margin-top: -3px !important;
     1196     margin-bottom: -5px !important;
     1197}
     1198
     1199#sb_general td::after, #sb_shortgeneral td::after, #sb_bandwidth td::after,
     1200#sb_peers td::after, #sb_tunnels td::after, #sb_queue td::after {
    11911201   content: "";
    11921202   display: inline-block;
    1193    min-height: 14px;
     1203   box-sizing: border-box;
     1204   vertical-align: bottom;
    11941205}
    11951206
     
    12031214#sb_localtunnels {
    12041215     width: 189px !important;
     1216     border-collapse: separate;
     1217     border-spacing: 0;
     1218}
     1219
     1220#sb_localtunnels a {
     1221     display: inline-block;
     1222     width: 100%;
    12051223}
    12061224
     
    12131231     width: 16px;
    12141232     text-align: left;
    1215      padding: 2px 0 0 1px;
     1233     padding: 2px 0 2px 1px;
    12161234}
    12171235
     
    12191237     text-align: right;
    12201238     padding-right: 0;
     1239}
     1240
     1241#sb_localtunnels tr:hover td {
     1242     background: #652787;
     1243}
     1244
     1245#sb_localtunnels tr:hover td:first-child {
     1246     border-radius: 2px 0 0 2px;
     1247}
     1248
     1249#sb_localtunnels tr:hover td:last-child {
     1250     border-radius: 0 2px 2px 0;
    12211251}
    12221252
     
    12281258     text-overflow: ellipsis;
    12291259     line-height: 140%;
     1260     vertical-align: middle;
     1261     display: inline-block;
     1262     padding: 1px 3px;
     1263}
     1264
     1265#sb_services a:hover, #sb_internals a:hover, #sb_advanced a:hover, #sb_localtunnels tr:hover, #sb_localtunnels tr:hover a, .news a:hover, #console a:hover ,
     1266tt a:hover {
     1267     background: #652787;
     1268     color: #fff; !important;
     1269     border-radius: 2px;
     1270}
     1271
     1272#sb_services a:active, #sb_internals a:active, #sb_advanced a:active, #sb_localtunnels tr:active,
     1273.news a:active, #console a:active, tt a:active {
     1274     background: #39144F;
     1275     color: #c9ceff !important;
     1276}
     1277
     1278#sb_localtunnels tr:active a {
     1279     color: #c9ceff !important;
    12301280}
    12311281
     
    12351285     border-radius: 2px;
    12361286     box-shadow: inset 0 0 0 1px #000;
    1237      margin: 10px -4px -2px;
     1287     margin: 5px -4px -3px;
    12381288     padding: 5px 3px;
    12391289}
    12401290
    1241 hr + .sb_notice {
    1242      margin-top: 6px;
     1291p:empty + .sb_notice {
     1292     margin-top: 10px;
    12431293}
    12441294
     
    15721622}
    15731623
    1574 .confignav {
    1575      background: url(images/header.png) repeat-x scroll center center #000;
    1576      padding: 8px 5px 7px !important;
    1577      margin: -1px -11px 10px;
     1624/* top navigation */
     1625
     1626div.confignav {
     1627     background: #010010 url(images/titles.png) center center repeat-x !important;
     1628     background: linear-gradient(to bottom, #121225 0%, #121225 50%, #000011 50%, #00000d 50%, #00000d 100%);
     1629     padding: 7px 5px 8px !important;
     1630     margin: -1px -11px 15px;
    15781631     border: 1px solid #443da0;
    15791632     font-weight: bold !important;
    15801633     line-height: 130% !important;
    15811634     text-align: center;
    1582 }
    1583 
    1584 .confignav a:hover {
    1585      text-decoration: none;
     1635     box-shadow: inset 0 0 0 1px #000, inset 0 0 3px 1px #030;
    15861636}
    15871637
    15881638.tab, .tab2 {
    1589      padding: 1px 3px;
    1590      white-space: nowrap;
    1591      margin: 0;
    1592 }
    1593 
    1594 .tab2::before {
    1595      content: '\1F892\00A0';
    1596      content: '\25B8\00A0';
    1597      font-size: 10pt;
    1598      line-height: 50%;
    1599      vertical-align: baseline;
    1600 }
    1601 
    1602 .tab2::after {
    1603      content: '\00A0\1F890';
    1604      content: '\00A0\25C2';
    1605      font-size: 10pt;
    1606      line-height: 50%;
    1607      vertical-align: baseline;
    1608 }
     1639     box-sizing: border-box;
     1640     display: inline-block;
     1641     border: 1px solid #443da0;
     1642     margin: 0 -2px -1px -2px !important;
     1643     padding: 1px 0 2px;
     1644     min-width: 60px !important;
     1645     box-shadow: inset 0 0 0 1px #000;
     1646}
     1647
     1648.tab a {
     1649     display: inline-block;
     1650     padding: 4px 16px 5px;
     1651}
     1652
     1653.tab {
     1654     background: #010010 url(images/titles.png) center center repeat-x;
     1655     background: linear-gradient(to bottom, #1a1b2f 50%, #000011 50%, #00000d 50%) !important;
     1656}
     1657
     1658.tab:hover {
     1659     background: #000 !important;
     1660     box-shadow: inset 0 0 0 1px #404;
     1661}
     1662
     1663.tab:active {
     1664     box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px 1px #2d103f;
     1665     background: #652787 !important;
     1666}
     1667
     1668.tab:active a {
     1669     color: #c9ceff !important;
     1670}
     1671
     1672.tab2 {
     1673     background: #040033;
     1674     color: #c9ceff;
     1675     padding: 5px 14px 7px;
     1676}
     1677
     1678/* end topnav */
    16091679
    16101680#bwlimiter a, #advancedconfig a, .tabletitle a, #upnpconfig a, #servicedebug a, .ptitle a, #configstats th a, h3#graphinfo a, .h3navlinks {
     
    16401710
    16411711#criticallogs li::first-line, #routerlogs li::first-line {
    1642      font-weight: bold;
    16431712     display: inline-block;
    16441713     border: 1px solid #f00;
     
    19241993
    19251994tt {
    1926      font: bold 9pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     1995     font: bold 9pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
    19271996     color: #393;
    19281997}
     
    19522021}
    19532022
    1954 div.main li b {
    1955      color: #EBDBFF !important;
    1956      letter-spacing: 0.08em;
    1957      font-size: 9pt;
    1958 }
    1959 
    19602023.tidylist {
    19612024     text-align: justify !important;
     
    19692032.tidylist code {
    19702033     text-align: left;
    1971      font: 8.5pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
    1972      color: #D6FFFD;
    1973      padding: 1px 3px;
     2034     font: 8.5pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
     2035     color: #fff;
     2036     padding: 2px 3px;
    19742037     background: #040033;
    19752038     margin: 0 2px;
     
    19922055code {
    19932056     text-align: left;
    1994      font: 9pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     2057     font: 9pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
    19952058     color: #393;
    19962059}
     
    20522115     display: none;
    20532116     border: 1px dotted #652787; /* display in order to bug hunt */
     2117}
     2118
     2119#config_logging p {
     2120     text-align: left;
     2121     margin: 3px 0 0 !important;
    20542122}
    20552123
     
    21162184     border: 1px solid #443da0;
    21172185     border-left: 5px solid #443da0;
    2118      padding: 5px 10px;
     2186     padding: 7px 10px;
    21192187     margin: 10px 0 10px 0;
    21202188     border-radius: 0 2px 2px 0;
     
    21232191     text-shadow: 0 0 2px #010011;
    21242192     letter-spacing: 0.08em;
     2193}
     2194
     2195div.news h3 {
     2196     padding: 6px 10px;
    21252197}
    21262198
     
    24772549}
    24782550
    2479 table#udpconnections tr:hover, table#ntcpconnections tr:hover, #jobstats tr:hover, #schedjobs tr:hover, #jardump tr:hover {
     2551table#udpconnections tr:hover, table#ntcpconnections tr:hover, #jobstats tr:hover, #schedjobs tr:hover, #jardump tr:hover, #webappconfig tr:hover td {
    24802552     background: #020022;
     2553     color: #eff1ff;
    24812554}
    24822555
     
    25792652div.themechoice {
    25802653     width: 120px;
    2581      height: 78px;
     2654/*     height: 78px;*/
    25822655     overflow: hidden;
    25832656     text-overflow: ellipsis;
     
    30783151}
    30793152
     3153/* confignet tidyup */
     3154
     </