Changeset bd74b22 for installer


Ignore:
Timestamp:
Jul 1, 2017 7:44:02 PM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
bd84ba2
Parents:
56c0fbe
Message:

Console:

  • /netdb:
    • All Routers/Leasesets/Sybil? sections:
      • Each transport instance on own line
      • Better presentation of address characteristics
      • Place flag in table header
    • Container div for leasesets to allow 2 column display at wider viewport width
    • Increased spacing of lease information in leaseset tables
    • Add div for "not initialized" message
    • Reorganize content display in sybil database to reduce horizontal whitespace:
      • Conditional 2-column display of sybil families
      • Sybil router characteristics & threatpoints presented in multi-column view
      • Added empty (n/a) fields to maintain visual consistency in column view
  • /tunnels: ensure our tunnel tables display correctly in Arabic
Location:
installer/resources/themes
Files:
10 edited

Legend:

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

    r56c0fbe rbd74b22  
    676676}
    677677
     678/* network status */
     679
     680.routersummary .error, .routersummary .warn, .routersummary .testing, .routersummary .hidden,
     681.routersummary .running, .routersummary .firewalled, .routersummary .vmcomm, .routersummary .clockskew, .tunnelBuildStatus {
     682     display: inline-block;
     683     vertical-align: middle;
     684     border: 1px solid #88f;
     685     border-radius: 2px;
     686     padding: 6px 3px;
     687     width: calc(100% - 10px);
     688     margin: -5px 0 -6px;
     689     box-shadow: inset 0 0 0 1px #fff, 0 0 1px rgba(96,96,96,0.5);
     690     text-shadow: 0 1px 1px #fff;
     691}
     692
     693.routersummary .firewalled {
     694     background: rgba(255,220,255,0.3);
     695     background: repeating-linear-gradient(135deg, rgba(220,255,220,0.5) 2px, rgba(110,255,110,0.1) 3px, rgba(220,255,220,0.5) 5px);
     696}
     697
     698.routersummary .error {
     699     background: rgba(255,110,110,0.1);
     700     box-shadow: inset 0 0 0 1px rgba(255,0,0,0.3), 0 0 1px rgba(96,96,96,0.5);
     701}
     702
     703.routersummary .warn, .routersummary .clockskew {
     704     background: rgba(255,255,200,0.4);
     705     box-shadow: inset 0 0 0 1px #ff0, 0 0 1px rgba(96,96,96,0.5);
     706}
     707
     708.routersummary .testing {
     709     background: rgba(255,220,110,0.1);
     710}
     711
     712.routersummary .hidden, .routersummary .vmcomm {
     713     background: rgba(220,220,220,0.4);
     714}
     715
     716.routersummary .running {
     717     background: rgba(220,255,220,0.2);
     718}
     719
     720.routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before,
     721.routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before {
     722     padding-right: 2px;
     723     vertical-align: middle;
     724     display: inline-block;
     725     filter: drop-shadow(0 0 1px rgba(96,96,96,0.5));
     726}
     727
     728.routersummary .error::before, .routersummary .clockskew::before {
     729     content: url(/themes/console/images/info/network_status/network_error.png);
     730}
     731
     732.routersummary .warn::before {
     733     content: url(/themes/console/images/info/network_status/network_warning.png);
     734}
     735
     736.routersummary .testing::before {
     737     content: url(/themes/console/images/info/network_status/network_testing.png);
     738}
     739
     740.routersummary .hidden::before {
     741     content: url(/themes/console/images/info/network_status/network_hidden.png);
     742}
     743
     744.routersummary .running::before {
     745     content: url(/themes/console/images/info/network_status/network_ok.png);
     746}
     747
     748.routersummary .firewalled::before {
     749     content: url(/themes/console/images/info/network_status/network_firewalled.png);
     750}
     751
     752.routersummary .vmcomm::before {
     753     content: url(/themes/console/images/info/network_status/network_vm.png);
     754}
     755
     756.routersummary .clockskew::before {
     757     content: url(/themes/console/images/info/network_status/network_clockskew.png);
     758}
     759
     760/* end network status */
     761
    678762/* end sidebar */
     763
     764/* welcome */
     765
     766div[lang="ar"] li {
     767     margin: 0 10px 0 30px;
     768}
     769
     770div[lang="ar"] h3, div[lang="ar"] li {
     771     text-align: right;
     772}
     773
     774div[lang="de"] .twocol {
     775     margin-left: 50px !important;
     776}
     777
     778#console .links {
     779     margin-left: 0;
     780}
     781
     782#console li:first-child {
     783     padding-top: 10px;
     784}
     785
     786.langbox {
     787     margin: 3.5px 2px 0;
     788     color: #001;
     789     font-size: 7pt;
     790     width: 360px;
     791     text-align: right;
     792     float: right;
     793     padding: 1px;
     794     overflow: hidden;
     795}
     796
     797.langbox img {
     798     padding: 0 !important;
     799     margin: 0 1px -1px;
     800     opacity: 0.9;
     801     border: 1px solid #999;
     802     transform: none !important;
     803}
     804
     805.langbox img:hover, .langbox a:focus img {
     806     opacity: 1;
     807     transform: scale(1.1) !important;
     808}
     809
     810.links {
     811     padding-bottom: 0;
     812     text-align: justify;
     813     margin-top: 5px !important;
     814}
     815
     816.links li {
     817     list-style-image: url(images/link.png) !important;
     818     padding: 5px 10px 0 !important;
     819}
     820
     821.links li:first-child {
     822     padding: 14px 10px 5px !important;
     823}
     824
     825.links li:last-child {
     826     margin-bottom: 0 !important;
     827     margin-top: 0;
     828}
     829
     830.links b {
     831     font-size: 10pt;
     832     line-height: 150%;
     833     letter-spacing: 0.02em;
     834}
     835
     836.twocol {
     837     -moz-columns: 2 400px;
     838     -webkit-columns: 2 400px;
     839     columns: 2 400px;
     840     -moz-column-gap: 20px !important;
     841     -webkit-column-gap: 20px !important;
     842     column-gap: 20px !important;
     843     display: block;
     844     margin: 10px 0 !important;
     845}
     846
     847p + .twocol {
     848     margin: 10px 30px !important;
     849}
     850
     851.twocol li {
     852     break-inside: avoid;
     853     page-break-inside: avoid;
     854     -webkit-column-break-inside: avoid;
     855}
     856
     857@media screen and (-webkit-min-device-pixel-ratio:0) {
     858#console .twocol {
     859     margin-left: -20px !important;
     860}
     861
     862#console div[lang="de"] .twocol {
     863     margin-left: 30px !important;
     864}
     865
     866.twocol li {
     867     margin-left: 20px;
     868}
     869}
     870
     871.twocol li:first-child {
     872     margin-top: 0 !important
     873     padding-top: 0 !important;
     874     padding-bottom: 0 !important;
     875}
     876
     877.main#console p {
     878     padding-top: 0;
     879     padding-bottom: 0;
     880}
     881
     882/* end welcome */
    679883
    680884a:link {
     
    12801484}
    12811485
    1282 button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner  {
     1486button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
    12831487     outline: none;
    12841488     border: none;
     
    15161720}
    15171721
    1518 div.wideload p  {
     1722div.wideload p {
    15191723     margin-top: 5px !important;
    15201724}
     
    17621966}
    17631967
    1764 #configstats td:first-child:empty + td > label { /* remove pointer from inert labels */
     1968#configstats td:first-child:empty + td > label, #configstats td:first-child:empty + td > label:hover { /* remove pointer from inert labels */
    17651969     cursor: default;
     1970     color: #2c354f;
    17661971}
    17671972
     
    24442649}
    24452650
    2446 #sidebarconf tr:last-child, #sidebarconf tr:last-child:hover  {
     2651#sidebarconf tr:last-child, #sidebarconf tr:last-child:hover {
    24472652     border-top: 1px solid #89f;
    24482653     background: #eff1ff;
     
    34183623}
    34193624
    3420 .configtable tr:last-child, #addkeyring tr:last-child, #loggingoptions tr:last-child  {
     3625.configtable tr:last-child, #addkeyring tr:last-child, #loggingoptions tr:last-child {
    34213626     background: #fff;
    34223627     border-top: 1px solid #89f;
     
    34493654}
    34503655
    3451 .configtable tr:last-child, #addkeyring tr:last-child, #loggingoptions tr:last-child  {
     3656.configtable tr:last-child, #addkeyring tr:last-child, #loggingoptions tr:last-child {
    34523657     background: #fff;
    34533658     border-top: 1px solid #89f;
     
    35153720.formaction#langui {
    35163721     margin: 0 -5px;
    3517 }
    3518 
    3519 .langbox {
    3520      margin: 3.5px 2px 0;
    3521      color: #001;
    3522      font-size: 7pt;
    3523      width: 360px;
    3524      text-align: right;
    3525      float: right;
    3526      padding: 1px;
    3527      overflow: hidden;
    3528 }
    3529 
    3530 .langbox img {
    3531      padding: 0 !important;
    3532      margin: 0 1px -1px;
    3533      opacity: 0.9;
    3534      border: 1px solid #999;
    3535      transform: none !important;
    3536 }
    3537 
    3538 .langbox img:hover, .langbox a:focus img {
    3539      opacity: 1;
    3540      transform: scale(1.1) !important;
    3541 }
    3542 
    3543 .links {
    3544      padding-bottom: 0;
    3545      text-align: justify;
    3546      margin-top: 5px !important;
    3547 }
    3548 
    3549 .links li {
    3550      list-style-image: url(images/link.png) !important;
    3551      padding: 5px 10px 0 !important;
    3552 }
    3553 
    3554 .links li:first-child {
    3555      padding: 14px 10px 5px !important;
    3556 }
    3557 
    3558 .links li:last-child {
    3559      margin-bottom: 0 !important;
    3560      margin-top: 0;
    3561 }
    3562 
    3563 .links b {
    3564      font-size: 10pt;
    3565      line-height: 150%;
    3566      letter-spacing: 0.02em;
    35673722}
    35683723
     
    37543909     background-size: 20px 20px !important;
    37553910     padding: 5px 5px 5px 40px !important;
    3756      background: url(/themes/console/images/info/infohelp.png) 15px center no-repeat #eaeaff;
     3911     background: url(/themes/console/images/info/infohelp.png) 15px center no-repeat #f1f3ff;
    37573912     text-align: left;
    37583913}
     
    38323987     background: #fff;
    38333988     background: linear-gradient(to bottom, #fff, #ddf);
    3834      transition: all 0.3s ease 0s;
     3989     transition: ease all 0.3s;
    38353990     box-shadow: 0 0 1px #fff;
    38363991}
     
    38443999     border-top: 1px solid #f60 !important;
    38454000     background: #fff;
    3846      transition: all 0.1s ease 0s;
     4001     transition: ease all 0.1s;
    38474002}
    38484003
     
    39874142     background: #fff;
    39884143     background: linear-gradient(to bottom, #fff, #ddf);
    3989      transition: all 0.3s ease 0s;
     4144     transition: ease all 0.3s;
    39904145     box-shadow: 0 0 1px #fff;
    39914146}
     
    39944149     border: 1px solid #f60;
    39954150     background: #fff;
    3996      transition: ease all 0.3s 0s;
     4151     transition: ease all 0.3s;
    39974152}
    39984153
     
    40354190     font-weight: bold;
    40364191     background: #fff !important;
    4037      transition: all 0.1s ease 0s;
     4192     transition: ease all 0.1s;
    40384193}
    40394194
     
    40674222     color: #fff !important;
    40684223     background: #f60 !important;
    4069 }
    4070 
    4071 div.flagradio {
    4072      margin-top: 2px;
    40734224}
    40744225
     
    42364387}
    42374388
    4238 .netdbentry th:first-child, .netdbentry td:first-child  {
     4389.netdbentry th:first-child, .netdbentry td:first-child {
    42394390     white-space: nowrap;
    42404391     padding: 4px 6px !important;
     
    42424393}
    42434394
    4244 .netdbentry td:first-child  {
     4395.netdbentry td:first-child {
    42454396     width: 80px;
    42464397}
     
    43614512}
    43624513
    4363 #noleasesets {
     4514#noleasesets, #notinitialized, .netdbnotfound {
    43644515     border: 1px solid #89f;
    43654516     padding: 20px;
     
    43704521}
    43714522
     4523.sybil_routerinfo {
     4524     margin-bottom: 10px;
     4525}
     4526
     4527.sybil_routerinfo:last-child {
     4528     margin-bottom: 5px;
     4529}
     4530
     4531.sybil_routerinfo th {
     4532     padding: 1px 1px 1px 6px !important;
     4533}
     4534
     4535.sybil_routerinfo:first-of-type th {
     4536     padding: 6px !important;
     4537}
     4538
     4539.sybil_routerinfo th:first-child {
     4540     white-space: nowrap;
     4541     text-align: left;
     4542}
     4543
     4544.sybil_routerinfo th:nth-last-child(2) {
     4545     text-align: right !important;
     4546     padding-right: 0 !important;
     4547}
     4548
     4549.sybil_routerinfo th:last-child {
     4550     width: 20px;
     4551}
     4552
     4553.sybil_routerinfo td:first-child {
     4554     width: 50px;
     4555     white-space: nowrap;
     4556}
     4557
     4558.sybil_routerinfo img[width="32"] {
     4559     width: 24px;
     4560     height: 24px;
     4561     margin: -1px;
     4562     border-left: 1px solid #89f;
     4563}
     4564
     4565.main#netdb code, .main#netdb tt {
     4566     color: #03183f;
     4567     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif;
     4568     font-weight: normal;
     4569}
     4570
    43724571#sybilnav, #sybils_summary {
    43734572     border: 1px solid #89f;
     
    43784577
    43794578#sybilnav {
    4380      padding: 5px 5px 0;
    4381 }
    4382 
    4383 #sybilnav ul li:first-child {
    4384      margin-top: -10px;
    4385 }
    4386 
    4387 #sybilnav ul li:last-child {
    4388      margin-bottom: 0;
    4389 }
    4390 
    4391 #sybilnav li a {
    4392      display: inline-block;
    4393      width: calc(100% - 34px);
    4394      vertical-align: middle;
    4395      line-height: 100%;
    4396 }
    4397 
    4398 .sybil_routerinfo {
    4399      margin-bottom: 10px;
    4400 }
    4401 
    4402 .sybil_routerinfo:last-child {
    4403      margin-bottom: 5px;
    4404 }
    4405 
    4406 .sybil_routerinfo th {
    4407      padding: 1px 1px 1px 6px !important;
    4408 }
    4409 
    4410 .sybil_routerinfo:first-of-type th {
    4411      padding: 6px !important;
    4412 }
    4413 
    4414 .sybil_routerinfo th:first-child {
    4415      white-space: nowrap;
    4416      text-align: left;
    4417 }
    4418 
    4419 .sybil_routerinfo th:nth-last-child(2) {
    4420      text-align: right !important;
    4421      padding-right: 0 !important;
    4422 }
    4423 
    4424 .sybil_routerinfo th:last-child {
    4425      width: 20px;
    4426 }
    4427 
    4428 .sybil_routerinfo td:first-child {
    4429      width: 50px;
    4430      white-space: nowrap;
    4431 }
    4432 
    4433 .sybil_routerinfo img[width="32"] {
    4434      width: 24px;
    4435      height: 24px;
    4436      margin: -1px;
    4437      border-left: 1px solid #89f;
    4438 }
    4439 
    4440 .main#netdb code, .main#netdb tt {
    4441      color: #03183f;
    4442      font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif;
    4443      font-weight: normal;
    4444 }
    4445 
    4446 #sybilnav {
    44474579     background: #eff1ff;
    4448      -moz-columns: 4 200px;
    4449      -webkit-columns: 4 200px;
    4450      columns: 4 200px;
    4451      padding: 10px 0 0 5px;
     4580     padding-bottom: 8px;
     4581     -moz-columns: 4 250px;
     4582     -webkit-columns: 4 250px;
     4583     columns: 4 250px;
     4584     -moz-column-gap: 10px;
     4585     -webkit-column-gap: 10px;
     4586     column-gap: 10px;
     4587}
     4588
     4589#sybilnav ul {
     4590     margin: 0;
     4591     padding: 0;
    44524592}
    44534593
     
    44574597     list-style: none;
    44584598     margin-bottom: 5px;
    4459      margin-left: -15px;
     4599     margin-left: 0;
     4600     margin-right: 0;
    44604601     padding: 3px;
    44614602     background: #fff;
    44624603     background: linear-gradient(to bottom, #fff 0%, #eef 100%);
    44634604     border-radius: 2px 2px 0 0;
    4464      min-width: 170px;
    44654605     box-sizing: border-box;
    44664606     break-inside: avoid;
    4467      page-break-before: right;
     4607     page-break-inside: avoid;
    44684608     -webkit-column-break-inside: avoid;
    44694609}
    44704610
    44714611#sybilnav li:first-child {
    4472      margin-top: 10px !important;
    4473 }
    4474 
    4475 #sybilnav ul li::before {
     4612     margin-top: 0 !important;
     4613}
     4614
     4615#sybilnav li:last-child {
     4616     margin-bottom: 0;
     4617}
     4618
     4619#sybilnav li a {
     4620     display: inline-block;
     4621     vertical-align: middle;
     4622     line-height: 100%;
     4623     width: calc(100% - 30px);
     4624}
     4625
     4626#sybilnav li::before {
    44764627     content: '\00A0\1F441\00A0';
    44774628     content: url(images/eye.png);
     
    44824633}
    44834634
    4484 p.sybil_info, p.family, p.threatpoints, p.hashdist, p.notfound {
     4635p.sybil_info, p.family, p.threatpoints, p.hashdist, p.notfound, p#sybil_totals {
    44854636     border: 1px solid #89f;
    44864637     padding: 5px 5px 5px 30px;
     
    44924643}
    44934644
     4645p#sybil_totals {
     4646     font-weight: normal;
     4647}
     4648
    44944649p.family a {
    44954650     display: inline-block;
     
    45004655}
    45014656
    4502 p.sybil_info + a[name] + table.sybil_routerinfo, p.hashdist + a[name] + table.sybil_routerinfo  {
     4657p.sybil_info + a[name] + table.sybil_routerinfo, p.hashdist + a[name] + table.sybil_routerinfo {
    45034658     margin-top: 10px !important;
    45044659}
     
    45244679}
    45254680
    4526 p#sybil_totals {
    4527      padding: 15px;
    4528      border: 1px solid #89f;
    4529      background: #fff;
     4681.sybil_routerinfo + .threatpoints + ul + a[name] + table {
     4682     margin-top: -11px;
    45304683}
    45314684
     
    46054758}
    46064759
    4607 .statlist li b, .statlist b a:hover, h3.stats a:hover  {
     4760.statlist li b, .statlist b a:hover, h3.stats a:hover {
    46084761     color: #2c354f !important;
    46094762}
     
    52335386      margin-bottom: -1px !important;
    52345387}
     5388
    52355389/* end informational images */
    52365390
     
    53135467}
    53145468
     5469/* end logs */
     5470
    53155471/* peers, profiles, tunnels */
    53165472
     
    53205476
    53215477/* end peers, profiles, tunnels dests */
    5322 
    5323 
    5324 /* end logs */
    5325 
    5326 /* responsive layout */
    5327 
    5328 @media screen and (max-width: 900px) {
    5329 .welcome h2 {
    5330      font-size: 10pt !important;
    5331 }
    5332 
    5333 .homelinkedit input[name="nofilter_url"] {
    5334      width: 240px !important;
    5335 }
    5336 
    5337 #newfamily input[type="text"] {
    5338      width: 160px !important;
    5339 }
    5340 
    5341 #joinfamily input[type="file"] {
    5342      width: 220px;
    5343 }
    5344 
    5345 h3.ptitle, h3.tabletitle, th.th_title, h3#udpcon, h3#ntcpcon {
    5346      font-size: 10pt;
    5347 }
    5348 
    5349 #ntcpconnections th:last-child:not(old) {
    5350      font-size: 0;
    5351 }
    5352 
    5353 #ntcpconnections th:last-child::before {
    5354      content: url(/themes/console/images/info/backlogged.png) !important;
    5355 }
    5356 
    5357 #consolepass input[name="name"], #externali2cp input[name="user"],
    5358 #consolepass input[name="nofilter_pw"], #externali2cp input[name="nofilter_pw"] {
    5359      width: 130px !important;
    5360      min-width: 130px !important;
    5361 }
    5362 
    5363 input[name="pluginURL"] {
    5364      width: 190px !important;
    5365      margin-left: 0 !important;
    5366 }
    5367 
    5368 #plugininstall tr:nth-child(3) td:nth-last-child(2), #plugininstall tr:nth-child(5) td:nth-last-child(2) {
    5369      background-size: 0 0 !important;
    5370      padding-left: 5px !important;
    5371 }
    5372 
    5373 #plugininstall .optionsave {
    5374      padding-right: 0 !important;
    5375 }
    5376 
    5377 input[name="pluginFile"] {
    5378      transform: scale(0.9);
    5379      margin-left: 0 !important;
    5380 }
    5381 
    5382 .main#profiles table, .main#peers table, .main#tunnels table, .main#jobs table {
    5383      font-size: 8pt;
    5384 }
    5385 
    5386 #netdbversions th:last-child, #netdbtransports th:last-child, #netdbcountrylist th:last-child {
    5387      max-width: 60px;
    5388      overflow: hidden;
    5389      text-overflow: ellipsis;
    5390 }
    5391 
    5392 #netdbversions td, #netdbtransports td, #netdbcountrylist td {
    5393      font-size: 8.5pt !important;
    5394 }
    5395 }
    5396 
    5397 @media screen and (max-width: 1000px) {
    5398 .welcome h2 {
    5399      font-size: 11pt;
    5400 }
    5401 
    5402 div.confignav {
    5403      font-size: 8.5pt !important;
    5404 }
    5405 
    5406 .tab2 {
    5407      padding: 3px 8px;
    5408 }
    5409 
    5410 .tab a {
    5411      padding: 2px 10px;
    5412 }
    5413 
    5414 input.search[type="text"] {
    5415      width: 200px;
    5416 }
    5417 
    5418 input[name="pluginURL"] {
    5419      width: 260px;
    5420 }
    5421 
    5422 #plugininstall tr:nth-child(3) td:nth-last-child(2), #plugininstall tr:nth-child(5) td:nth-last-child(2) {
    5423      background-size: 20px 20px;
    5424      padding: 15px 0 15px 36px;
    5425      background-position: 10px center;
    5426 }
    5427 
    5428 .logo {
    5429      float: none;
    5430      position: absolute;
    5431      top: 10px !important;
    5432      margin: 0 5px !important;
    5433      display: block;
    5434      background-size: 200px auto !important;
    5435      min-width: 530px;
    5436      width: calc(100% - 36px);
    5437 }
    5438 
    5439 .warning {
    5440      margin: 140px 5px 0 !important;
    5441 }
    5442 
    5443 .warning h3:first-child {
    5444      font-size: 11pt;
    5445 }
    5446 
    5447 .logo a:nth-child(n+2) {
    5448      width: 25%;
    5449      white-space: nowrap;
    5450      font-size: 10pt;
    5451 }
    5452 
    5453 .proxyfooter {
    5454      display: none;
    5455 }
    5456 
    5457 img[src$="bound.png"] {
    5458      transform: scale(0.9);
    5459 }
    5460 
    5461 .main#tunnels th, .main#profiles th {
    5462      font-size: 8pt;
    5463 }
    5464 
    5465 #config_update .messages {
    5466      background-size: 22px 22px;
    5467      background-position: 8px center;
    5468      padding-left: 40px;
    5469 }
    5470 
    5471 .main#view_profile {
    5472      padding: 0 !important;
    5473      min-width: 540px;
    5474 }
    5475 
    5476 #view_profile pre {
    5477      margin: -5px 5px;
    5478      width: calc(100% - 5px);
    5479 }
    5480 
    5481 #view_profile h2 {
    5482      margin: -1px;
    5483      font-size: 13pt;
    5484 }
    5485 
    5486 #viewprofile {
    5487      border: none;
    5488      min-width: 500px;
    5489 }
    5490 
    5491 input[name="speed"], input[name="capacity"] {
    5492      min-width: 80px;
    5493      width: 80px;
    5494 }
    5495 
    5496 #netdbversions th, #netdbtransports th, #netdbcountrylist th {
    5497      font-size: 9pt !important;
    5498 }
    5499 
    5500 .main#events {
    5501      min-width: 510px;
    5502 }
    5503 
    5504 #events select {
    5505      min-width: 100px;
    5506 }
    5507 
    5508 #events table {
    5509      table-layout: fixed;
    5510      width: 100%;
    5511 }
    5512 
    5513 #events td:last-child {
    5514      word-break: break-all;
    5515 }
    5516 }
    5517 
    5518 @media screen and (max-width: 1200px) {
    5519 .tab, .tab2 {
    5520      padding: 1px 0;
    5521      min-width: 50px !important;
    5522 }
    5523 
    5524 .tab2 {
    5525      padding: 3px 10px;
    5526 }
    5527 
    5528 .tab a {
    5529      padding: 2px 12px;
    5530 }
    5531 
    5532 .main#peers th {
    5533      font-size: 8pt;
    5534 }
    5535 
    5536 #peers img[src^="/flags.jsp"], #profiles img[src^="/flags.jsp"], #tunnels img[src^="/flags.jsp"] {
    5537      transform: scale(0.9);
    5538 }
    5539 
    5540 p#enablefullstats input[type="checkbox"] {
    5541      float: left;
    5542      margin-top: 0;
    5543 }
    5544 
    5545 /* profiles, peers, tunnels, job queue, netdb - whitespace reduction */
    5546 
    5547 .main#profiles, .main#peers, .main#tunnels, .main#jobs, .main#netdb {
    5548      padding: 5px;
    5549      min-width: 560px;
    5550 }
    5551 
    5552 .main#profiles .confignav, .main#netdb .confignav {
    5553      margin: -6px;
    5554 }
    5555 
    5556 .main#profiles table, .main#peers table, .main#tunnels table {
    5557      margin: 5px 0;
    5558 }
    5559 
    5560 #ntcpconnections {
    5561      margin-bottom: 0 !important;
    5562 }
    5563 
    5564 .main#profiles .infohelp {
    5565      margin: 11px 0 5px !important;
    5566 }
    5567 
    5568 .widescroll + .infohelp {
    5569      margin: 0 !important;
    5570 }
    5571 
    5572 .main#peers #upnpstatus {
    5573      margin-bottom: 5px 0 !important;
    5574 }
    5575 
    5576 .main#peers .infohelp {
    5577      margin: 5px 0 0;
    5578 }
    5579 
    5580 .main#profiles h3, .main#peers h3, .main#tunnels h3 {
    5581      margin: 5px 0 -6px !important;
    5582      font-size: 10.5pt;
    5583 }
    5584 
    5585 .main#tunnels h3 {
    5586      margin-top: -2px !important;
    5587 }
    5588 
    5589 .main#jobs h3 {
    5590      margin-top: 0;
    5591 }
    5592 
    5593 .main#tunnels h3#exploratorytunnels {
    5594      margin-top: 0 !important;
    5595 }
    5596 
    5597 h3 + .statusnotes {
    5598      margin-top: 5px !important;
    5599 }
    5600 
    5601 h2 {
    5602      font-size: 12pt !important;
    5603 }
    5604 
    5605 .main#jobs h2 {
    5606      margin-bottom: 5px !important;
    5607 }
    5608 
    5609 .main#jobs h3 + ol:empty + h3 {
    5610      margin-top: -16px !important;
    5611 }
    5612 
    5613 #jobstats {
    5614      margin-bottom: 0;
    5615 }
    5616 
    5617 h3#totaljobstats {
    5618      margin-top: 11px !important;
    5619 }
    5620 
    5621 .statusnotes:last-child {
    5622      margin-bottom: 0;
    5623 }
    5624 
    5625 #profile_defs, #floodfills, #profiles ul, .main#peers h3#transports {
    5626      margin-bottom: 0 !important;
    5627 }
    5628 
    5629 .main#peers pre {
    5630      margin-top: -1px;
    5631 }
    5632 
    5633 .main#peers pre + h3 {
    5634      margin-bottom: 5px !important;
    5635 }
    5636 
    5637 #floodfills, #profiles ul {
    5638      margin-top: 11px !important;
    5639 }
    5640 
    5641 table[id*="connections"] td, #floodfills td,  #profilelist td, #jobstats td, .main#tunnels td {
    5642     padding: 3px;
    5643     border-right: 1px inset #cfd6ff;
    5644 }
    5645 
    5646 .main#netdb #netdboverview, #netdblookup {
    5647      margin: 11px 0 0;
    5648 }
    5649 
    5650 #netdb h3.tabletitle, h3.sybils {
    5651      font-size: 10pt;
    5652 }
    5653 
    5654 #netdblookup {
    5655      margin-bottom: -11px;
    5656 }
    5657 
    5658 .netdbentry, #leasesetdebug, #leasesetsummary, table.leaseset {
    5659      margin: 11px 0 -6px !important;
    5660 }
    5661 
    5662 .netdbentry:last-child, table.leaseset:last-child {
    5663      margin-bottom: 0 !important;
    5664 }
    5665 
    5666 .netdbentry th code, .sybil_routerinfo th code, .leaseset th code {
    5667      font-size: 8pt;
    5668 }
    5669 
    5670 #debugmode {
    5671      margin-bottom: -6px !important;
    5672 }
    5673 
    5674 table.sybil_routerinfo:last-child {
    5675      margin-bottom: 0 !important;
    5676 }
    5677 
    5678 #banlist li {
    5679      width: calc(100% - 5px);
    5680 }
    5681 
    5682 #schedjobs {
    5683      margin: -11px 0 -6px !important;
    5684 }
    5685 
    5686 #upnpstatus + #ntcpcon {
    5687      margin-top: 5px !important;
    5688 }
    5689 /* end whitespace reduction */
    5690 
    5691 .main#help h3, #faq h3 {
    5692      font-size: 10pt !important;
    5693 }
    5694 
    5695 #portfaq td:nth-child(2) {
    5696      white-space: normal;
    5697 }
    5698 }
    5699 
    5700 @media screen and (max-width: 1500px) {
    5701 #sb_general td:first-child::after, #sb_shortgeneral td:first-child::after, #sb_bandwidth td:first-child::after,
    5702 #sb_peers td:first-child::after, #sb_tunnels td:first-child::after, #sb_queue td:first-child::after {
    5703    min-height: 12px;
    5704 }
    5705 
    5706 .langbox {
    5707      margin-top: 3px !important;
    5708 }
    5709 
    5710 #sb_localtunnels td:first-child {
    5711      padding-right: 3px !important;
    5712 }
    5713 
    5714 .tunnels_client th:first-child:not(old) {
    5715      font-size: 0 !important;
    5716 }
    5717 
    5718 .tunnels_client th:first-child::after {
    5719      content: "\21E9\21E7";
    5720      font-size: 12pt;
    5721      line-height: 0;
    5722      vertical-align: middle;
    5723      letter-spacing: -0.3em;
    5724 }
    5725 
    5726 .main#help h3, #faq h3 {
    5727      font-size: 10.5pt !important;
    5728 }
    5729 }
    5730 
    5731 @media screen and (min-width: 900px) {
    5732 #consolepass input[name="name"], #externali2cp input[name="user"],
    5733 #consolepass input[name="nofilter_pw"], #externali2cp input[name="nofilter_pw"] {
    5734      width: 160px;
    5735 }
    5736 }
    5737 
    5738 @media screen and (min-width: 1200px) {
    5739 .cells tt, #profilelist tt {
    5740      margin-left: 2px !important;
    5741 }
    5742 }
    5743 
    5744 @media screen and (min-width: 1500px) {
    5745 body, .main, .main td, .news p, #news p, .tab, .tab2, .main li b, .joblog li, .themelabel, .ui_lang, .applabel a, .statusnotes, .routersummary button.download,
    5746 #peerdefs, #profile_defs, #thresholds, #configinfo, .infohelp, .infowarn, button, input, select, textarea, code, tt, pre, .netdbentry th, .configtable th, .statlist a[name],
    5747 .statlist b, .statlist li b, .statlist a[name]:hover, div.messages, th {
    5748      font-size: 10pt !important;
    5749 }
    5750 
    5751 .routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.news, #banlist li,
    5752 .news #newsStatus, .news #ewsDisplay, .topness, .footnote, .cells tt, #profilelist tt {
    5753      font-size: 9pt !important;
    5754 }
    5755 
    5756 .cells tt, #profilelist tt {
    5757      margin-left: 3px !important;
    5758 }
    5759 
    5760 tt a, .cells tt, #profilelist tt {
    5761      font-size: 9pt !important;
    5762 }
    5763 
    5764 .main, .news, h1 {
    5765      margin-left: 232px !important;
    5766 }
    5767 
    5768 .routersummary {
    5769      width: 225px !important;
    5770 }
    5771 
    5772 .routersummary img[src$="i2plogo.png"] {
    5773      margin-left: -2px;
    5774      transform: none;
    5775      width: 210px;
    5776      margin-top: -1px;
    5777 }
    5778 
    5779 .routersummary table[id^="sb_"] {
    5780      width: 226px !important;
    5781 }
    5782 
    5783 .routersummary h3 a, #netdboverview th {
    5784      font-size: 11pt !important;
    5785 }
    5786 
    5787 .routersummary h3 {
    5788      padding: 4.5px 0 !important;
    5789 }
    5790 
    5791 #sb_internals a, #sb_services a, #sb_advanced a {
    5792      max-width: 212px;
    5793 }
    5794 .routersummary button[type="submit"] {
    5795      min-width: 100px;
    5796      margin: 2px 4px 1px;
    5797 }
    5798 
    5799 div.app {
    5800      width: 154px;
    5801 }
    5802 
    5803 .app img {
    5804      padding: 10px 60px 9px;
    5805 }
    5806 
    5807 .applabel {
    5808      width: 150px !important;
    5809      padding: 4px 2px 2px !important;
    5810 }
    5811 
    5812 .applabel a {
    5813      height: 16px !important;
    5814      padding-top: 3px;
    5815 }
    5816 
    5817 .footnote {
    5818      font-size: 8pt !important;
    5819 }
    5820 
    5821 h3, h3.ptitle, h3.tabletitle, th.th_title {
    5822      font-size: 11pt;
    5823 }
    5824 
    5825 .newsheadings ul {
    5826      width: 202px;
    5827 }
    5828 
    5829 .newsentry h3, .newsentry h3 a, #news.main h3, .newsDate {
    5830      font-size: 10.5pt !important;
    5831 }
    5832 
    5833 .newsAuthor {
    5834      font-size: 9pt;
    5835      background-size: 12px 12px;
    5836      padding-left: 14px;
    5837      background-position: left center;
    5838 }
    5839 
    5840 #news #newsDisplay, #news #newsStatus {
    5841      margin-bottom: 0 !important;
    5842 }
    5843 
    5844 #console h3 {
    5845      font-size: 12pt;
    5846 }
    5847 
    5848 #netdb h3.tabletitle, h3.sybils {
    5849      font-size: 10.5pt;
    5850 }
    5851 
    5852 h3#i2pclientconfig, h3.ptitle {
    5853      margin-bottom: -15px !important;
    5854 }
    5855 
    5856 h3#systray, h3#servicedebug, h3#browseronstart {
    5857      margin-bottom: -15px !important;
    5858 }
    5859 
    5860 h3#pluginmanage {
    5861      margin-bottom: -20px !important;
    5862 }
    5863 
    5864 h4#updateplugins {
    5865      margin-top: -16px !important;
    5866      font-size: 10pt;
    5867      padding: 5px 10px;
    5868 }
    5869 
    5870 h3#webappconfig {
    5871      margin-bottom: -33px;
    5872 }
    5873 
    5874 #shutdown.formaction, #restart.formaction, #systray.formaction, #runonstart.formaction, #dumpthreads.formaction, #browserstart.formaction,  #updateplugins.formaction {
    5875      margin-top: -15px;
    5876 }
    5877 
    5878 button.control {
    5879      font-size: 0 !important;
    5880      padding: 14px !important;
    5881 }
    5882 
    5883 #jardump td {
    5884      font-size: 9pt !important;
    5885 }
    5886 
    5887 #jardump tt, #wrapperlogs pre {
    5888      font-size: 8pt !important;
    5889 }
    5890 
    5891 #leasesetdebug th, #leasesetsummary th {
    5892      font-size: 11pt !important;
    5893 }
    5894 
    5895 div.news {
    5896      padding-bottom: 5px !important;
    5897 }
    5898 
    5899 .sorry {
    5900      margin-left: 232px !important;
    5901 }
    5902 
    5903 .joblog h3 {
    5904      margin-top: 8px;
    5905 }
    5906 
    5907 .subheading b {
    5908      font-size: 10.5pt !important;
    5909 }
    5910 
    5911 #stats.main form {
    5912      margin-top: -14px;
    5913 }
    5914 
    5915 .confignav {
    5916      padding: 0 5px !important;
    5917 }
    5918 
    5919 .tab, .tab2 {
    5920      margin-top: -1px !important;
    5921 }
    5922 
    5923 #help .confignav {
    5924      padding: 0 !important;
    5925      position: sticky;
    5926      top: -1px;
    5927      z-index: 999;
    5928 }
    5929 
    5930 #help .tab {
    5931      margin-top: -1px !important;
    5932      margin-bottom: -1px !important;
    5933 }
    5934 
    5935 .main[id^="config_"] th, h4#updateplugins {
    5936     font-size: 10.5pt !important;
    5937 }
    5938 
    5939 .homelinkedit th:first-child, #sidebarconf th:first-child, #consolepass th:first-child {
    5940      font-size: 0 !important;
    5941 }
    5942 
    5943 .themechoice, .langselect {
    5944      width: 140px !important;
    5945 }
    5946 
    5947 .themechoice .optbox, .langselect .optbox {
    5948      width: 144px !important;
    5949 }
    5950 
    5951 .themechoice .optbox {
    5952      margin-left: -48px !important;
    5953 }
    5954 
    5955 .langselect .optbox {
    5956      margin-left: -64px !important;
    5957 }
    5958 
    5959 .langselect img[src^="/flags"] {
    5960      margin-left: -81px !important;
    5961 }
    5962 }
    5963 
    5964 /* end responsive layout */
    5965 
    5966 /* Edge/IE tweaks */
    5967 
    5968 _:-ms-lang(x), #sidebarconf tr, .homelinkedit tr, #clientconfig tr, #webappconfig tr,  #configstats tr, #tunnelconfig tr, #profiles tr,
    5969 #floodfills tr, #netdboverview tr, .netdbentry tr, #leasesetdebug tr, #leasesetsummary tr, .leaseset tr,
    5970 .sybil_routerinfo tr, #enviro tr, #schedjobs tr, #jobstats tr, #eventlog tr, .tunneldisplay tr, #udpconnections tr, #ntcpconnections tr {
    5971      border-top: 1px solid #cfd6ff;
    5972 }
    5973 
    5974 _:-ms-lang(x), #peerdefs td:first-child {
    5975      border-right: 1px solid #cfd6ff;
    5976 }
    5977 
    5978 _:-ms-lang(x), .tunnels_client th:first-child::after {
    5979      letter-spacing: -0.05em;
    5980      font-weight: normal;
    5981 }
    5982 
    5983 /* end Edge/IE tweaks */
    5984 
    5985 /* network status */
    5986 
    5987 .routersummary .error, .routersummary .warn, .routersummary .testing, .routersummary .hidden,
    5988 .routersummary .running, .routersummary .firewalled, .routersummary .vmcomm, .routersummary .clockskew, .tunnelBuildStatus {
    5989      display: inline-block;
    5990      vertical-align: middle;
    5991      border: 1px solid #88f;
    5992      border-radius: 2px;
    5993      padding: 6px 3px;
    5994      width: calc(100% - 10px);
    5995      margin: -5px 0 -6px;
    5996      box-shadow: inset 0 0 0 1px #fff, 0 0 1px rgba(96,96,96,0.5);
    5997      text-shadow: 0 1px 1px #fff;
    5998 }
    5999 
    6000 .routersummary .firewalled {
    6001      background: rgba(255,220,255,0.3);
    6002      background: repeating-linear-gradient(135deg, rgba(220,255,220,0.5) 2px, rgba(110,255,110,0.1) 3px, rgba(220,255,220,0.5) 5px);
    6003 }
    6004 
    6005 .routersummary .error {
    6006      background: rgba(255,110,110,0.1);
    6007      box-shadow: inset 0 0 0 1px rgba(255,0,0,0.3), 0 0 1px rgba(96,96,96,0.5);
    6008 }
    6009 
    6010 .routersummary .warn, .routersummary .clockskew {
    6011      background: rgba(255,255,200,0.4);
    6012      box-shadow: inset 0 0 0 1px #ff0, 0 0 1px rgba(96,96,96,0.5);
    6013 }
    6014 
    6015 .routersummary .testing {
    6016      background: rgba(255,220,110,0.1);
    6017 }
    6018 
    6019 .routersummary .hidden, .routersummary .vmcomm {
    6020      background: rgba(220,220,220,0.4);
    6021 }
    6022 
    6023 .routersummary .running {
    6024      background: rgba(220,255,220,0.2);
    6025 }
    6026 
    6027 .routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before,
    6028 .routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before {
    6029      padding-right: 2px;
    6030      vertical-align: middle;
    6031      display: inline-block;
    6032      filter: drop-shadow(0 0 1px rgba(96,96,96,0.5));
    6033 }
    6034 
    6035 .routersummary .error::before, .routersummary .clockskew::before {
    6036      content: url(/themes/console/images/info/network_status/network_error.png);
    6037 }
    6038 
    6039 .routersummary .warn::before {
    6040      content: url(/themes/console/images/info/network_status/network_warning.png);
    6041 }
    6042 
    6043 .routersummary .testing::before {
    6044      content: url(/themes/console/images/info/network_status/network_testing.png);
    6045 }
    6046 
    6047 .routersummary .hidden::before {
    6048      content: url(/themes/console/images/info/network_status/network_hidden.png);
    6049 }
    6050 
    6051 .routersummary .running::before {
    6052      content: url(/themes/console/images/info/network_status/network_ok.png);
    6053 }
    6054 
    6055 .routersummary .firewalled::before {
    6056      content: url(/themes/console/images/info/network_status/network_firewalled.png);
    6057 }
    6058 
    6059 .routersummary .vmcomm::before {
    6060      content: url(/themes/console/images/info/network_status/network_vm.png);
    6061 }
    6062 
    6063 .routersummary .clockskew::before {
    6064      content: url(/themes/console/images/info/network_status/network_clockskew.png);
    6065 }
    6066 
    6067 /* end network status */
    6068 
    6069 /* welcome */
    6070 
    6071 div[lang="ar"] li {
    6072      margin: 0 10px 0 30px;
    6073 }
    6074 
    6075 div[lang="ar"] h3, div[lang="ar"] li {
    6076      text-align: right;
    6077 }
    6078 
    6079 div[lang="de"] .twocol {
    6080      margin-left: 50px !important;
    6081 }
    6082 
    6083 .main#console li:first-child {
    6084      padding-top: 10px;
    6085 }
    6086 
    6087 #console .links {
    6088      margin-left: 0;
    6089 }
    6090 
    6091 .twocol {
    6092      columns: 2 400px;
    6093      column-gap: 20px !important;
    6094      display: block;
    6095      margin: 10px 0 !important;
    6096 }
    6097 
    6098 p + .twocol {
    6099      margin: 10px 30px !important;
    6100 }
    6101 
    6102 .twocol li {
    6103      break-inside: avoid;
    6104      page-break-inside: avoid;
    6105      -webkit-break-inside: avoid;
    6106 }
    6107 
    6108 @media screen and (-webkit-min-device-pixel-ratio:0) {
    6109 #console .twocol {
    6110      margin-left: -20px !important;
    6111 }
    6112 
    6113 #console div[lang="de"] .twocol {
    6114      margin-left: 30px !important;
    6115 }
    6116 
    6117 .twocol li {
    6118      margin-left: 20px;
    6119 }
    6120 }
    6121 
    6122 .twocol li:first-child {
    6123      margin-top: 0 !important
    6124      padding-top: 0 !important;
    6125      padding-bottom: 0 !important;
    6126 }
    6127 
    6128 .main#console p {
    6129      padding-top: 0;
    6130      padding-bottom: 0;
    6131 }
    6132 
    6133 /* end welcome */
    61345478
    61355479/* /tunnels */
     
    61795523.tunnel_local {
    61805524     font-size: 8pt;
     5525     text-transform: lowercase;
    61815526     background: rgba(187, 187, 255, 0.3);
    61825527     background: #d5d5ff;
     
    61975542}
    61985543
     5544#tunnel_defs td:nth-child(even), #tunnel_defs td:first-child {
     5545     width: 1%;
     5546}
     5547
    61995548@media screen and (max-width: 1100px) {
    62005549.tunnel_id, .tunnel_peer {
     
    63255674/* end peers */
    63265675
     5676/* netdb router address info */
     5677
     5678.leasesets_container {
     5679     -moz-columns: 680px 2;
     5680     -webkit-columns: 680px 2;
     5681     columns: 680px 2;
     5682     -moz-column-gap: 10px;
     5683     -webkit-column-gap: 10px;
     5684     column-gap: 10px;
     5685}
     5686
     5687th code {
     5688     -moz-user-select: all;
     5689     -webkit-user-select: all;
     5690     user-select: all;
     5691}
     5692
     5693@media screen and (min-width: 1634px) {
     5694.leasesets_container {
     5695     margin-bottom: 2px;
     5696}
     5697
     5698th code {
     5699     font-size: 9pt !important;
     5700}
     5701}
     5702
     5703.leasesets_container table:first-child {
     5704     margin-top: 0;
     5705}
     5706
     5707.leasesets_container table {
     5708     break-inside: avoid;
     5709     page-break-inside: avoid;
     5710     -webkit-column-break-inside: avoid;
     5711}
     5712
     5713.netdb_addresses br:first-child, .sybil_routerinfo tr:last-child td br:first-child {
     5714     display: none;
     5715}
     5716
     5717.netdbentry th:first-child::after {
     5718     content: "";
     5719     display: inline-block;
     5720     min-height: 20px;
     5721     vertical-align: middle;
     5722}
     5723
     5724.netdbentry th:last-child > *, .sybil_routerinfo th:nth-child(2) > * {
     5725     display: inline-block;
     5726     vertical-align: middle !important;
     5727}
     5728
     5729.netdbentry th a img, .sybil_routerinfo th a img {
     5730     display: inline-block;
     5731     vertical-align: middle;
     5732     margin-right: 5px;
     5733}
     5734
     5735.netdbentry a.viewfullentry::after {
     5736     display: inline-block;
     5737     vertical-align: middle !important;
     5738     margin-left: 3px;
     5739}
     5740
     5741.netdbentry td:first-child {
     5742     text-align: right;
     5743}
     5744
     5745.netdbentry .netdb_addresses {
     5746     padding-left: 40px;
     5747}
     5748
     5749b.netdb_transport {
     5750     display: inline-block;
     5751     width: 50px;
     5752     text-align: right;
     5753     margin-left: -50px;
     5754     margin-right: 5px;
     5755}
     5756
     5757#netdb code {
     5758    font-weight: normal !important;
     5759}
     5760
     5761.netdb_name {
     5762     color: #335;
     5763     text-transform: capitalize;
     5764     font-weight: bold;
     5765}
     5766
     5767.netdb_info {
     5768     margin-right: 1px;
     5769}
     5770
     5771.netdb_expiry {
     5772     margin-left: 5px;
     5773}
     5774
     5775.sybil_routerinfo th img[src^="/flags"] {
     5776     height: 11px;
     5777     width: 16px;
     5778}
     5779
     5780.sybil_routerinfo b.netdb_transport {
     5781     margin-left: -13px;
     5782     margin-right: 0;
     5783}
     5784
     5785.sybil_routerinfo td:first-child, .netdbentry td:first-child {
     5786     text-align: right !important;
     5787     padding-right: 0;
     5788}
     5789
     5790.sybil_routerinfo td[colspan="3"] {
     5791     white-space: normal;
     5792}
     5793
     5794.sybil_container {
     5795     -moz-columns: 680px 2;
     5796     -webkit-columns: 680px 2;
     5797     columns: 680px 2;
     5798     margin: 10px 0;
     5799}
     5800
     5801.sybil_container p {
     5802     break-inside: avoid;
     5803     page-break-inside: avoid;
     5804     -webkit-column-break-inside: avoid;
     5805}
     5806
     5807.sybil_container p:first-child {
     5808     margin-top: 0;
     5809}
     5810
     5811.sybil_container p:last-child {
     5812     margin-bottom: 0;
     5813}
     5814
     5815/* end netdb router address */
     5816
     5817/* sybils */
     5818
     5819.leaseset th:last-child, .leaseset td:last-child, .sybil_routerinfo th:last-child, .sybil_routerinfo td:last-child {
     5820     border-right: 1px solid #89f !important;
     5821}
     5822
     5823.sybil_routerinfo table td:last-child {
     5824     border-right: none !important;
     5825}
     5826
     5827.sybilinfo_params {
     5828     padding: 0;
     5829     border-bottom: 1px solid #89f;
     5830}
     5831
     5832.sybilinfo_container {
     5833     columns: 240px auto;
     5834     -moz-columns: 240px auto;
     5835     -webkit-columns: 240px auto;
     5836     -moz-column-gap: 0;
     5837     -webkit-column-gap: 0;
     5838     column-gap: 0;
     5839     background: rgba(255, 255, 255, 0.5);
     5840     padding: 4px 5px;
     5841}
     5842
     5843.sybilinfo_container b {
     5844     color: #335;
     5845}
     5846
     5847.sybil_routerinfo tr:last-child {
     5848     border-top: none;
     5849}
     5850
     5851.sybil_routerinfo p {
     5852     margin: 0;
     5853     padding: 1px 0;
     5854     break-inside: avoid;
     5855     page-break-inside: avoid;
     5856     -webkit-column-break-inside: avoid;
     5857}
     5858
     5859.sybilinfo_familyname {
     5860     display: inline-block;
     5861     vertical-align: top;
     5862     max-width: 150px;
     5863     white-space: nowrap;
     5864     overflow: hidden;
     5865     text-overflow: ellipsis;
     5866}
     5867
     5868.sybil_addresses td:first-child {
     5869     max-width: 155px;
     5870     font-weight: bold;
     5871     padding-right: 9px;
     5872}
     5873
     5874.sybil_addresses table {
     5875     width: 100%;
     5876     margin: 0;
     5877}
     5878
     5879.sybil_addresses {
     5880     padding: 0;
     5881     border-bottom: 1px solid #89f;
     5882}
     5883
     5884.sybil_addresses table, .sybil_addresses td {
     5885     border: none;
     5886}
     5887
     5888.threatpoints + ul {
     5889     -moz-columns: auto 500px;
     5890     -webkit-columns: auto 500px;
     5891     columns: auto 500px;
     5892     -moz-column-gap: 55px;
     5893     -webkit-column-gap: 55px;
     5894     column-gap: 55px;
     5895     -moz-column-rule: 1px solid #89f;
     5896     -webkit-column-rule: 1px solid #89f;
     5897     column-rule: 1px solid #89f;
     5898     padding-top: 3px;
     5899     padding-bottom: 3px;
     5900}
     5901
     5902.threatpoints + ul li:first-child {
     5903     margin-top: 0 !important;
     5904     padding-top: 0 !important;
     5905}
     5906
     5907.threatpoints + ul li:last-child {
     5908     margin-bottom: 0 !important;
     5909     padding-bottom: 0 !important;
     5910}
     5911
     5912.threatpoints + ul li {
     5913     list-style: none;
     5914     margin-left: -15px;
     5915     line-height: 120%;
     5916     break-inside: avoid;
     5917     page-break-inside: avoid;
     5918     -webkit-column-break-inside: avoid;
     5919}
     5920
     5921.threatpoints + ul li a {
     5922     white-space: nowrap;
     5923}
     5924
     5925/* end sybils */
     5926
     5927/* responsive layout */
     5928
     5929@media screen and (max-width: 900px) {
     5930.welcome h2 {
     5931     font-size: 10pt !important;
     5932}
     5933
     5934.homelinkedit input[name="nofilter_url"] {
     5935     width: 240px !important;
     5936}
     5937
     5938#newfamily input[type="text"] {
     5939     width: 160px !important;
     5940}
     5941
     5942#joinfamily input[type="file"] {
     5943     width: 220px;
     5944}
     5945
     5946h3.ptitle, h3.tabletitle, th.th_title, h3#udpcon, h3#ntcpcon {
     5947     font-size: 10pt;
     5948}
     5949
     5950#ntcpconnections th:last-child:not(old) {
     5951     font-size: 0;
     5952}
     5953
     5954#ntcpconnections th:last-child::before {
     5955     content: url(/themes/console/images/info/backlogged.png) !important;
     5956}
     5957
     5958#consolepass input[name="name"], #externali2cp input[name="user"],
     5959#consolepass input[name="nofilter_pw"], #externali2cp input[name="nofilter_pw"] {
     5960     width: 130px !important;
     5961     min-width: 130px !important;
     5962}
     5963
     5964input[name="pluginURL"] {
     5965     width: 190px !important;
     5966     margin-left: 0 !important;
     5967}
     5968
     5969#plugininstall tr:nth-child(3) td:nth-last-child(2), #plugininstall tr:nth-child(5) td:nth-last-child(2) {
     5970     background-size: 0 0 !important;
     5971     padding-left: 5px !important;
     5972}
     5973
     5974#plugininstall .optionsave {
     5975     padding-right: 0 !important;
     5976}
     5977
     5978input[name="pluginFile"] {
     5979     transform: scale(0.9);
     5980     margin-left: 0 !important;
     5981}
     5982
     5983.main#profiles table, .main#peers table, .main#tunnels table, .main#jobs table {
     5984     font-size: 8pt;
     5985}
     5986
     5987#netdbversions th:last-child, #netdbtransports th:last-child, #netdbcountrylist th:last-child {
     5988     max-width: 60px;
     5989     overflow: hidden;
     5990     text-overflow: ellipsis;
     5991}
     5992
     5993#netdbversions td, #netdbtransports td, #netdbcountrylist td {
     5994     font-size: 8.5pt !important;
     5995}
     5996}
     5997
     5998@media screen and (max-width: 1000px) {
     5999.welcome h2 {
     6000     font-size: 11pt;
     6001}
     6002
     6003div.confignav {
     6004     font-size: 8.5pt !important;
     6005}
     6006
     6007.tab2 {
     6008     padding: 3px 8px;
     6009}
     6010
     6011.tab a {
     6012     padding: 2px 10px;
     6013}
     6014
     6015input.search[type="text"] {
     6016     width: 200px;
     6017}
     6018
     6019input[name="pluginURL"] {
     6020     width: 260px;
     6021}
     6022
     6023#plugininstall tr:nth-child(3) td:nth-last-child(2), #plugininstall tr:nth-child(5) td:nth-last-child(2) {
     6024     background-size: 20px 20px;
     6025     padding: 15px 0 15px 36px;
     6026     background-position: 10px center;
     6027}
     6028
     6029.logo {
     6030     float: none;
     6031     position: absolute;
     6032     top: 10px !important;
     6033     margin: 0 5px !important;
     6034     display: block;
     6035     background-size: 200px auto !important;
     6036     min-width: 530px;
     6037     width: calc(100% - 36px);
     6038}
     6039
     6040.warning {
     6041     margin: 140px 5px 0 !important;
     6042}
     6043
     6044.warning h3:first-child {
     6045     font-size: 11pt;
     6046}
     6047
     6048.logo a:nth-child(n+2) {
     6049     width: 25%;
     6050     white-space: nowrap;
     6051     font-size: 10pt;
     6052}
     6053
     6054.proxyfooter {
     6055     display: none;
     6056}
     6057
     6058img[src$="bound.png"] {
     6059     transform: scale(0.9);
     6060}
     6061
     6062.main#tunnels th, .main#profiles th {
     6063     font-size: 8pt;
     6064}
     6065
     6066#config_update .messages {
     6067     background-size: 22px 22px;
     6068     background-position: 8px center;
     6069     padding-left: 40px;
     6070}
     6071
     6072.main#view_profile {
     6073     padding: 0 !important;
     6074     min-width: 540px;
     6075}
     6076
     6077#view_profile pre {
     6078     margin: -5px 5px;
     6079     width: calc(100% - 5px);
     6080}
     6081
     6082#view_profile h2 {
     6083     margin: -1px;
     6084     font-size: 13pt;
     6085}
     6086
     6087#viewprofile {
     6088     border: none;
     6089     min-width: 500px;
     6090}
     6091
     6092input[name="speed"], input[name="capacity"] {
     6093     min-width: 80px;
     6094     width: 80px;
     6095}
     6096
     6097#netdbversions th, #netdbtransports th, #netdbcountrylist th {
     6098     font-size: 9pt !important;
     6099}
     6100
     6101.main#events {
     6102     min-width: 510px;
     6103}
     6104
     6105#events select {
     6106     min-width: 100px;
     6107}
     6108
     6109#events table {
     6110     table-layout: fixed;
     6111     width: 100%;
     6112}
     6113
     6114#events td:last-child {
     6115     word-break: break-all;
     6116}
     6117}
     6118
     6119@media screen and (max-width: 1200px) {
     6120.tab, .tab2 {
     6121     padding: 1px 0;
     6122     min-width: 50px !important;
     6123}
     6124
     6125.tab2 {
     6126     padding: 3px 10px;
     6127}
     6128
     6129.tab a {
     6130     padding: 2px 12px;
     6131}
     6132
     6133.main#peers th {
     6134     font-size: 8pt;
     6135}
     6136
     6137#peers img[src^="/flags.jsp"], #profiles img[src^="/flags.jsp"], #tunnels img[src^="/flags.jsp"] {
     6138     transform: scale(0.9);
     6139}
     6140
     6141p#enablefullstats input[type="checkbox"] {
     6142     float: left;
     6143     margin-top: 0;
     6144}
     6145
     6146/* profiles, peers, tunnels, job queue, netdb - whitespace reduction */
     6147
     6148.main#profiles, .main#peers, .main#tunnels, .main#jobs, .main#netdb {
     6149     padding: 5px;
     6150     min-width: 560px;
     6151}
     6152
     6153.main#profiles .confignav, .main#netdb .confignav {
     6154     margin: -6px;
     6155}
     6156
     6157.main#profiles table, .main#peers table, .main#tunnels table {
     6158     margin: 5px 0;
     6159}
     6160
     6161#ntcpconnections {
     6162     margin-bottom: 0 !important;
     6163}
     6164
     6165.main#profiles .infohelp {
     6166     margin: 11px 0 5px !important;
     6167}
     6168
     6169.widescroll + .infohelp {
     6170     margin: 0 !important;
     6171}
     6172
     6173.main#peers #upnpstatus {
     6174     margin-bottom: 5px 0 !important;
     6175}
     6176
     6177.main#peers .infohelp {
     6178     margin: 5px 0 0;
     6179}
     6180
     6181.main#profiles h3, .main#peers h3, .main#tunnels h3 {
     6182     margin: 5px 0 -6px !important;
     6183     font-size: 10.5pt;
     6184}
     6185
     6186.main#tunnels h3 {
     6187     margin-top: -2px !important;
     6188}
     6189
     6190.main#jobs h3 {
     6191     margin-top: 0;
     6192}
     6193
     6194.main#tunnels h3#exploratorytunnels {
     6195     margin-top: 0 !important;
     6196}
     6197
     6198h3 + .statusnotes {
     6199     margin-top: 5px !important;
     6200}
     6201
     6202h2 {
     6203     font-size: 12pt !important;
     6204}
     6205
     6206.main#jobs h2 {
     6207     margin-bottom: 5px !important;
     6208}
     6209
     6210.main#jobs h3 + ol:empty + h3 {
     6211     margin-top: -16px !important;
     6212}
     6213
     6214#jobstats {
     6215     margin-bottom: 0;
     6216}
     6217
     6218h3#totaljobstats {
     6219     margin-top: 11px !important;
     6220}
     6221
     6222.statusnotes:last-child {
     6223     margin-bottom: 0;
     6224}
     6225
     6226#profile_defs, #floodfills, #profiles ul, .main#peers h3#transports {
     6227     margin-bottom: 0 !important;
     6228}
     6229
     6230.main#peers pre {
     6231     margin-top: -1px;
     6232}
     6233
     6234.main#peers pre + h3 {
     6235     margin-bottom: 5px !important;
     6236}
     6237
     6238#floodfills, #profiles ul {
     6239     margin-top: 11px !important;
     6240}
     6241
     6242table[id*="connections"] td, #floodfills td,  #profilelist td, #jobstats td, .main#tunnels td {
     6243    padding: 3px;
     6244    border-right: 1px inset #cfd6ff;
     6245}
     6246
     6247.main#netdb #netdboverview, #netdblookup {
     6248     margin: 11px 0 0;
     6249}
     6250
     6251#netdb h3.tabletitle, h3.sybils {
     6252     font-size: 10pt;
     6253}
     6254
     6255#netdblookup {
     6256     margin-bottom: -11px;
     6257}
     6258
     6259.netdbentry, #leasesetdebug, #leasesetsummary, table.leaseset {
     6260     margin: 11px 0 -6px !important;
     6261}
     6262
     6263.netdbentry:last-child, table.leaseset:last-child {
     6264     margin-bottom: 0 !important;
     6265}
     6266
     6267.netdbentry th code, .sybil_routerinfo th code, .leaseset th code {
     6268     font-size: 8pt;
     6269}
     6270
     6271#debugmode {
     6272     margin-bottom: -6px !important;
     6273}
     6274
     6275table.sybil_routerinfo:last-child {
     6276     margin-bottom: 0 !important;
     6277}
     6278
     6279#banlist li {
     6280     width: calc(100% - 5px);
     6281}
     6282
     6283#schedjobs {
     6284     margin: -11px 0 -6px !important;
     6285}
     6286
     6287#upnpstatus + #ntcpcon {
     6288     margin-top: 5px !important;
     6289}
     6290/* end whitespace reduction */
     6291
     6292.main#help h3, #faq h3 {
     6293     font-size: 10pt !important;
     6294}
     6295
     6296#portfaq td:nth-child(2) {
     6297     white-space: normal;
     6298}
     6299}
     6300
     6301@media screen and (max-width: 1500px) {
     6302#sb_general td:first-child::after, #sb_shortgeneral td:first-child::after, #sb_bandwidth td:first-child::after,
     6303#sb_peers td:first-child::after, #sb_tunnels td:first-child::after, #sb_queue td:first-child::after {
     6304   min-height: 12px;
     6305}
     6306
     6307.langbox {
     6308     margin-top: 3px !important;
     6309}
     6310
     6311#sb_localtunnels td:first-child {
     6312     padding-right: 3px !important;
     6313}
     6314
     6315.tunnels_client th:first-child:not(old) {
     6316     font-size: 0 !important;
     6317}
     6318
     6319.tunnels_client th:first-child::after {
     6320     content: "\21E9\21E7";
     6321     font-size: 12pt;
     6322     line-height: 0;
     6323     vertical-align: middle;
     6324     letter-spacing: -0.3em;
     6325}
     6326
     6327.main#help h3, #faq h3 {
     6328     font-size: 10.5pt !important;
     6329}
     6330}
     6331
     6332@media screen and (min-width: 900px) {
     6333#consolepass input[name="name"], #externali2cp input[name="user"],
     6334#consolepass input[name="nofilter_pw"], #externali2cp input[name="nofilter_pw"] {
     6335     width: 160px;
     6336}
     6337}
     6338
     6339@media screen and (min-width: 1200px) {
     6340.cells tt, #profilelist tt {
     6341     margin-left: 2px !important;
     6342}
     6343}
     6344
     6345@media screen and (min-width: 1500px) {
     6346body, .main, .main td, .news p, #news p, .tab, .tab2, .main li b, .joblog li, .themelabel, .ui_lang, .applabel a, .statusnotes, .routersummary button.download,
     6347#peerdefs, #profile_defs, #thresholds, #configinfo, .infohelp, .infowarn, button, input, select, textarea, code, tt, pre, .netdbentry th, .configtable th, .statlist a[name],
     6348.statlist b, .statlist li b, .statlist a[name]:hover, div.messages, th {
     6349     font-size: 10pt !important;
     6350}
     6351
     6352.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.news, #banlist li,
     6353.news #newsStatus, .news #ewsDisplay, .topness, .footnote, .cells tt, #profilelist tt {
     6354     font-size: 9pt !important;
     6355}
     6356
     6357.cells tt, #profilelist tt {
     6358     margin-left: 3px !important;
     6359}
     6360
     6361tt a, .cells tt, #profilelist tt {
     6362     font-size: 9pt !important;
     6363}
     6364
     6365.main, .news, h1 {
     6366     margin-left: 232px !important;
     6367}
     6368
     6369.routersummary {
     6370     width: 225px !important;
     6371}
     6372
     6373.routersummary img[src$="i2plogo.png"] {
     6374     margin-left: -2px;
     6375     transform: none;
     6376     width: 210px;
     6377     margin-top: -1px;
     6378}
     6379
     6380.routersummary table[id^="sb_"] {
     6381     width: 226px !important;
     6382}
     6383
     6384.routersummary h3 a, #netdboverview th {
     6385     font-size: 11pt !important;
     6386}
     6387
     6388.routersummary h3 {
     6389     padding: 4.5px 0 !important;
     6390}
     6391
     6392#sb_internals a, #sb_services a, #sb_advanced a {
     6393     max-width: 212px;
     6394}
     6395.routersummary button[type="submit"] {
     6396     min-width: 100px;
     6397     margin: 2px 4px 1px;
     6398}
     6399
     6400div.app {
     6401     width: 154px;
     6402}
     6403
     6404.app img {
     6405     padding: 10px 60px 9px;
     6406}
     6407
     6408.applabel {
     6409     width: 150px !important;
     6410     padding: 4px 2px 2px !important;
     6411}
     6412
     6413.applabel a {
     6414     height: 16px !important;
     6415     padding-top: 3px;
     6416}
     6417
     6418.footnote {
     6419     font-size: 8pt !important;
     6420}
     6421
     6422h3, h3.ptitle, h3.tabletitle, th.th_title {
     6423     font-size: 11pt;
     6424}
     6425
     6426.newsheadings ul {
     6427     width: 202px;
     6428}
     6429
     6430.newsentry h3, .newsentry h3 a, #news.main h3, .newsDate {
     6431     font-size: 10.5pt !important;
     6432}
     6433
     6434.newsAuthor {
     6435     font-size: 9pt;
     6436     background-size: 12px 12px;
     6437     padding-left: 14px;
     6438     background-position: left center;
     6439}
     6440
     6441#news #newsDisplay, #news #newsStatus {
     6442     margin-bottom: 0 !important;
     6443}
     6444
     6445#console h3 {
     6446     font-size: 12pt;
     6447}
     6448
     6449#netdb h3.tabletitle, h3.sybils {
     6450     font-size: 10.5pt;
     6451}
     6452
     6453h3#i2pclientconfig, h3.ptitle {
     6454     margin-bottom: -15px !important;
     6455}
     6456
     6457h3#systray, h3#servicedebug, h3#browseronstart {
     6458     margin-bottom: -15px !important;
     6459}
     6460
     6461h3#pluginmanage {
     6462     margin-bottom: -20px !important;
     6463}
     6464
     6465h4#updateplugins {
     6466     margin-top: -16px !important;
     6467     font-size: 10pt;
     6468     padding: 5px 10px;
     6469}
     6470
     6471h3#webappconfig {
     6472     margin-bottom: -33px;
     6473}
     6474
     6475#shutdown.formaction, #restart.formaction, #systray.formaction, #runonstart.formaction, #dumpthreads.formaction, #browserstart.formaction,  #updateplugins.formaction {
     6476     margin-top: -15px;
     6477}
     6478
     6479button.control {
     6480     font-size: 0 !important;
     6481     padding: 14px !important;
     6482}
     6483
     6484#jardump td {
     6485     font-size: 9pt !important;
     6486}
     6487
     6488#jardump tt, #wrapperlogs pre {
     6489     font-size: 8pt !important;
     6490}
     6491
     6492#leasesetdebug th, #leasesetsummary th {
     6493     font-size: 11pt !important;
     6494}
     6495
     6496div.news {
     6497     padding-bottom: 5px !important;
     6498}
     6499
     6500.sorry {
     6501     margin-left: 232px !important;
     6502}
     6503
     6504.joblog h3 {
     6505     margin-top: 8px;
     6506}
     6507
     6508.subheading b {
     6509     font-size: 10.5pt !important;
     6510}
     6511
     6512#stats.main form {
     6513     margin-top: -14px;
     6514}
     6515
     6516.confignav {
     6517     padding: 0 5px !important;
     6518}
     6519
     6520.tab, .tab2 {
     6521     margin-top: -1px !important;
     6522}
     6523
     6524#help .confignav {
     6525     padding: 0 !important;
     6526     position: sticky;
     6527     top: -1px;
     6528     z-index: 999;
     6529}
     6530
     6531#help .tab {
     6532     margin-top: -1px !important;
     6533     margin-bottom: -1px !important;
     6534}
     6535
     6536.main[id^="config_"] th, h4#updateplugins {
     6537    font-size: 10.5pt !important;
     6538}
     6539
     6540.homelinkedit th:first-child, #sidebarconf th:first-child, #consolepass th:first-child {
     6541     font-size: 0 !important;
     6542}
     6543
     6544.themechoice, .langselect {
     6545     width: 140px !important;
     6546}
     6547
     6548.themechoice .optbox, .langselect .optbox {
     6549     width: 144px !important;
     6550}
     6551
     6552.themechoice .optbox {
     6553     margin-left: -48px !important;
     6554}
     6555
     6556.langselect .optbox {
     6557     margin-left: -64px !important;
     6558}
     6559
     6560.langselect img[src^="/flags"] {
     6561     margin-left: -81px !important;
     6562}
     6563}
     6564
     6565/* end responsive layout */
     6566
     6567/* Edge/IE tweaks */
     6568
     6569_:-ms-lang(x), #sidebarconf tr, .homelinkedit tr, #clientconfig tr, #webappconfig tr,  #configstats tr, #tunnelconfig tr, #profiles tr,
     6570#floodfills tr, #netdboverview tr, .netdbentry tr, #leasesetdebug tr, #leasesetsummary tr, .leaseset tr,
     6571.sybil_routerinfo tr, #enviro tr, #schedjobs tr, #jobstats tr, #eventlog tr, .tunneldisplay tr, #udpconnections tr, #ntcpconnections tr {
     6572     border-top: 1px solid #cfd6ff;
     6573}
     6574
     6575_:-ms-lang(x), #peerdefs td:first-child {
     6576     border-right: 1px solid #cfd6ff;
     6577}
     6578
     6579_:-ms-lang(x), .tunnels_client th:first-child::after {
     6580     letter-spacing: -0.05em;
     6581     font-weight: normal;
     6582}
     6583
     6584/* end Edge/IE tweaks */
     6585
  • installer/resources/themes/console/classic/mobile.css

    r56c0fbe rbd74b22  
    11/* Console Theme "Classic" - Mobile Override */
    22
    3 div.routersummaryouter {
     3body {
     4     margin: 2px 1px !important;
     5}
     6
     7.routersummaryouter {
    48     float: none;
    59     margin: 0 !important;
     
    812}
    913
    10 div.routersummary {
     14.routersummary {
    1115     float: none;
    1216     width: auto;
    1317     max-width: 600px;
    1418     margin: 0 auto -6px;
    15 }
    16 
    17 @media screen and (min-width: 1500px) {
    18 div.routersummary {
    19      width: 600px !important;
    20 }
    21 
    22 .routersummary table[id^="sb_"] {
    23      width: 600px !important;
    24 }
    2519}
    2620
     
    5044}
    5145
    52 div.routersummary table, table[id^="sb_"] {
     46.routersummary h3, .routersummary h3 a {
     47     font-size: 10.5pt !important;
     48}
     49
     50.routersummary table, table[id^="sb_"] {
    5351     width: 100% !important;
    5452     margin: -6px 0 -7px !important;
     
    153151     margin: -1px 0 0 !important;
    154152}
     153
     154.routersummary {
     155     width: 600px !important;
    155156}
     157
     158.routersummary div[style="height: 36px;"] {
     159     margin-top: 2px !important;
     160}
     161
     162.routersummary table[id^="sb_"] {
     163     width: 600px !important;
     164}
     165}
  • installer/resources/themes/console/dark/console.css

    r56c0fbe rbd74b22  
    4646}
    4747
    48 a img:hover, a:focus img  {
     48a img:hover, a:focus img {
    4949     filter: drop-shadow(0 0 1px #f60);
    5050}
     
    14161416
    14171417.twocol {
     1418     -moz-columns: 2 400px;
     1419     -webkit-columns: 2 400px;
    14181420     columns: 2 400px;
     1421     -moz-column-gap: 0 !important;
     1422     -webkit-column-gap: 0 !important;
    14191423     column-gap: 0 !important;
    14201424     display: block;
     
    14241428     break-inside: avoid;
    14251429     page-break-inside: avoid;
    1426      -webkit-break-inside: avoid;
     1430     -webkit-column-break-inside: avoid;
    14271431}
    14281432
     
    17621766}
    17631767
    1764 input[type="file"]  {
     1768input[type="file"] {
    17651769     box-shadow: none;
    17661770     border: none !important;
     
    20872091}
    20882092
    2089 #schedjobs th:first-child, #schedjobs td:first-child, #jobstats th:first-child, #jobstats td:first-child  {
     2093#schedjobs th:first-child, #schedjobs td:first-child, #jobstats th:first-child, #jobstats td:first-child {
    20902094     text-align: left;
    20912095     padding-left: 10px;
     
    24992503     background: #000;
    25002504     background: linear-gradient(to bottom, #010 0%, #000 100%);
    2501      width: 110px;
     2505     width: 120px;
    25022506     overflow: hidden;
    25032507     text-overflow: ellipsis;
     
    25722576
    25732577.themechoice .optbox {
    2574      min-width: 114px !important;
     2578     min-width: 124px !important;
    25752579     min-height: 80px !important;
    25762580     outline: 1px !important; /* placement guide */
    25772581     opacity: 0; /* hide the radio icon so we can use thumbnail img instead */
    2578      margin-left: -33px;
     2582     margin-left: -38px;
    25792583     z-index: 999;
    25802584     position: absolute;
     
    26342638}
    26352639
    2636 div.themelabel {
     2640.themelabel {
    26372641     border-top: 1px solid #262 !important;
    26382642     margin-left: -4px;
     
    26592663}
    26602664
    2661 div#themesettings {
     2665#themesettings {
    26622666     clear: both;
    26632667     border: 1px solid #494;
     
    26812685     background: #000;
    26822686     background: linear-gradient(to bottom, #010 0%, #000 80%);
    2683      width: 110px;
     2687     width: 120px;
    26842688     float: left;
    26852689     margin: 4px;
     
    27062710     opacity: 0;
    27072711     outline: 1px dotted !important;
    2708      min-width: 111px !important;
     2712     min-width: 124px !important;
    27092713     margin: -7px 0 -34px -2px;
    27102714     min-height: 66px;
     
    27172721     border: 1px solid #002000;
    27182722     margin-bottom: 0;
    2719      margin-left: -65px;
     2723     margin-left: -71px;
    27202724     margin-top: 7px !important;
    27212725     position: absolute;
     
    27662770     box-shadow: 0 0 1px #f30;
    27672771     margin-top: 6px !important;
    2768      margin-left: -67px;
     2772     margin-left: -72px;
    27692773}
    27702774
     
    27732777     color: #ee9;
    27742778     font-weight: bold;
     2779}
     2780
     2781@media screen and (-webkit-min-device-pixel-ratio:0) {
     2782.langselect img {
     2783     margin-left: -9px;
     2784     margin-top: -17px !important;
     2785}
     2786
     2787.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] {
     2788     margin-left: -10px;
     2789     margin-top: -18px !important;
     2790}
    27752791}
    27762792
     
    41904206}
    41914207
    4192 table#floodfills td  {
     4208table#floodfills td {
    41934209     color: #bb7;
    41944210     padding: 3px 4px !important;
     
    41984214}
    41994215
    4200 table#floodfills th:first-child, table#floodfills td:first-child  {
     4216table#floodfills th:first-child, table#floodfills td:first-child {
    42014217     width: 52px;
    42024218     white-space: nowrap;
     
    46834699}
    46844700
    4685 table.netdbentry th:first-child  {
     4701table.netdbentry th:first-child {
    46864702     white-space: nowrap;
    46874703}
    46884704
    4689 table.netdbentry td:first-child  {
     4705table.netdbentry td:first-child {
    46904706     width: 80px;
    46914707}
     
    49014917
    49024918#leasesetdebug, #leasesetsummary {
    4903      margin-bottom: 10px;
     4919     margin-bottom: 14px;
    49044920}
    49054921
     
    49794995}
    49804996
    4981 #noleasesets {
     4997#noleasesets, #notinitialized, .netdbnotfound {
    49824998     background: #000 url(images/infohelp.png) 12px center no-repeat;
    49834999     padding: 15px 15px 15px 50px;
     
    51065122}
    51075123
     5124p#sybil_totals {
     5125     font-weight: normal;
     5126}
     5127
    51085128p.family + p.family, p.sybil_info + p.sybil_info {
    51095129     margin-top: -4px;
     
    51145134}
    51155135
    5116 p.sybil_info + a[name] + table.sybil_routerinfo, p.hashdist + a[name] + table.sybil_routerinfo  {
     5136p.sybil_info + a[name] + table.sybil_routerinfo, p.hashdist + a[name] + table.sybil_routerinfo {
    51175137     margin-top: 10px !important;
    51185138}
    51195139
    51205140.threatpoints + ul {
     5141     background: #000;
    51215142     border: 1px solid #494;
    51225143     padding: 5px 5px 0;
    51235144     margin: -4px 0 10px;
    51245145}
     5146
    51255147.threatpoints + ul li:last-child {
    51265148     margin-bottom: 5px;
     5149}
     5150
     5151.sybil_routerinfo + .threatpoints + ul + a[name] + table {
     5152     margin-top: -11px;
    51275153}
    51285154
     
    57385764
    57395765/* end profiles/peers */
    5740 
    5741 /* responsive layout */
    5742 
    5743 @media screen and (max-width: 900px) {
    5744 #ntcpconnections th:last-child:not(old) {
    5745      font-size: 0;
    5746 }
    5747 
    5748 #ntcpconnections th:last-child::before {
    5749      content: url(/themes/console/images/info/backlogged.png) !important;
    5750 }
    5751 
    5752 #ntcpconnections td:last-child {
    5753      width: 24px !important;
    5754      white-space: nowrap;
    5755 }
    5756 
    5757 th {
    5758      font-size: 8pt;
    5759 }
    5760 
    5761 .tunneldisplay .cells {
    5762      padding: 4px 2px !important;
    5763 }
    5764 
    5765 .langbox {
    5766      line-height: 15px;
    5767 }
    5768 }
    5769 
    5770 @media screen and (max-width: 1200px) {
    5771 .tab, .tab2 {
    5772      padding: 1px 0;
    5773      min-width: 50px !important;
    5774 }
    5775 
    5776 .tab2 {
    5777      padding: 3px 12px;
    5778 }
    5779 
    5780 .tab a {
    5781      padding: 2px 14px;
    5782 }
    5783 
    5784 #plugininstall input[type="text"] {
    5785      min-width: 200px !important;
    5786 }
    5787 
    5788 #i2pupdates td:first-child {
    5789      white-space: normal;
    5790      width: 30%;
    5791 }
    5792 
    5793 td.optionsave {
    5794      white-space: normal;
    5795 }
    5796 
    5797 .main#tunnels {
    5798      padding: 0 5px;
    5799      min-width: 640px;
    5800 }
    5801 
    5802 .main#tunnels h3 {
    5803      margin-top: 6px;
    5804 }
    5805 
    5806 .statusnotes:last-child {
    5807      margin-bottom: 6px;;
    5808 }
    5809 
    5810 #portfaq td:nth-child(2) {
    5811      white-space: normal;
    5812 }
    5813 
    5814 #faq h3 {
    5815      font-size: 10pt !important;
    5816 }
    5817 
    5818 #udpconnections .cells {
    5819      border: 1px inset #131;
    5820 }
    5821 }
    5822 
    5823 @media screen and (max-width: 1220px) {
    5824 #udpconnections tr:nth-last-child(n+3):hover td:nth-child(n+2)  {
    5825      transform: scale(1.05);
    5826      text-align: center !important;
    5827 }
    5828 
    5829 .main#peers .widescroll td.cells {
    5830      font-size: 8pt !important;
    5831 }
    5832 
    5833 .main#help h3, #faq h3 {
    5834      font-size: 10pt !important;
    5835 }
    5836 }
    5837 
    5838 @media screen and (max-width: 1500px) {
    5839 #sb_general td:first-child::after, #sb_shortgeneral td:first-child::after, #sb_bandwidth td:first-child::after,
    5840 #sb_peers td:first-child::after, #sb_tunnels td:first-child::after, #sb_queue td:first-child::after {
    5841    min-height: 12px;
    5842 }
    5843 
    5844 #banlist + h3 {
    5845      margin-bottom: -2px !important;
    5846 }
    5847 
    5848 .tunnels_client th:first-child:not(old) {
    5849      font-size: 0;
    5850 }
    5851 
    5852 .tunnels_client th:first-child::after {
    5853      content: "\21E9\21E7";
    5854      font-size: 12pt;
    5855      line-height: 0;
    5856      vertical-align: middle;
    5857      letter-spacing: -0.25em;
    5858 }
    5859 
    5860 .app img {
    5861      padding: 10px 50px 40px;
    5862 }
    5863 
    5864 .applabel {
    5865      margin-top: 8px;
    5866 }
    5867 
    5868 .main#help h3, #faq h3 {
    5869      font-size: 10.5pt !important;
    5870 }
    5871 }
    5872 
    5873 @media screen and (min-width: 1500px) {
    5874 body, .main, .main td, .news p, #news p, textarea, .main textarea, code, tt, #changelog pre,
    5875 ul.statlist a[name], ul.statlist b, ul.statlist li b, ul.statlist a[name]:hover, .confignav {
    5876      font-size: 10pt !important;
    5877 }
    5878 
    5879 .cells tt, #profilelist tt, #floodfills tt {
    5880      font-size: 9pt !important;
    5881      letter-spacing: 0.07em;
    5882      margin-left: 2px !important;
    5883      margin-right: 2px !important;
    5884 }
    5885 
    5886 .main button, .main input, select, textarea, div.news {
    5887      font-size: 10pt !important;
    5888 }
    5889 
    5890 .main, .news, h1 {
    5891      margin-left: 242px !important;
    5892 }
    5893 
    5894 pre, #logs li, .smallhead {
    5895      font-size: 9pt !important;
    5896 }
    5897 
    5898 .routersummary {
    5899      width: 210px !important;
    5900 }
    5901 
    5902 .routersummary table[id^="sb_"] {
    5903      width: 226px !important;
    5904 }
    5905 
    5906 .routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a,
    5907 #floodfill th, .applabel a, #jardump td, .statusnotes {
    5908      font-size: 9pt !important;
    5909 }
    5910 
    5911 .routersummary button {
    5912      font-size: 10pt !important;
    5913 }
    5914 
    5915 div.app {
    5916      min-width: 138px;
    5917 }
    5918 
    5919 .appimg {
    5920      height: 35px;
    5921      padding: 5px 0 8px;
    5922 }
    5923 
    5924 .app img {
    5925      margin-top: -8px;
    5926      padding: 10px 58px 38px;
    5927 }
    5928 
    5929 .applabel {
    5930      width: 150px !important;
    5931 }
    5932 
    5933 .applabel a {
    5934      max-width: 148px;
    5935      font-size: 10pt !important;
    5936 }
    5937 
    5938 th, #configinfo th, code, tt {
    5939      font-size: 10pt;
    5940 }
    5941 
    5942 table#floodfills th:first-child, table#floodfills td:first-child {
    5943      width: 58px;
    5944      padding-right: 3px !important;
    5945 }
    5946 
    5947 h3, .routersummary h3 a, th.th_title, #leasesetdebug th, #leasesetsummary th, .netdbentry th {
    5948      font-size: 11pt !important;
    5949 }
    5950 
    5951 select {
    5952      padding: 3px 16px 3px 2px;
    5953 }
    5954 
    5955 h3#pluginmanage {
    5956      margin-bottom: -15px !important;
    5957 }
    5958 
    5959 h4#updateplugins {
    5960      margin-top: -15px !important;
    5961 }
    5962 
    5963 .sorry {
    5964      margin-left: 232px !important;
    5965 }
    5966 
    5967 div.joblog h3 {
    5968      margin-top: 7px !important;
    5969      padding-top: 7px !important;
    5970 }
    5971 
    5972 #certs.main p + p:empty + h4 {
    5973      margin-top: -15px !important;
    5974 }
    5975 
    5976 .routersummary button.reload, .routersummary button.stop {
    5977     min-width: 101px;
    5978 }
    5979 
    5980 .subheading b {
    5981      font-size: 10.5pt !important;
    5982 }
    5983 
    5984 p#fullhistory {
    5985      text-align: right;
    5986      margin-top: -13px;
    5987 }
    5988 
    5989 .routersummary img[src$="i2plogo.png"] {
    5990      margin-left: -8px;
    5991      transform: none;
    5992      width: 225px;
    5993      margin-top: -6px;
    5994 }
    5995 
    5996 .routersummary h3::after {
    5997      min-height: 19px;
    5998 }
    5999 
    6000 #sb_services a:link, #sb_internals a:link, #sb_advanced a:link {
    6001      max-width: 216px !important;
    6002 }
    6003 
    6004 #banlist + h3.tabletitle {
    6005      margin-bottom: -2px !important;
    6006 }
    6007 
    6008 table#permabanned {
    6009      margin-top: -3px;
    6010 }
    6011 
    6012 #udpconnections td[class="cells"]:first-child, #ntcpconnections td[class="cells"]:first-child {
    6013      width: 55px;
    6014      padding-right: 8px;
    6015 }
    6016 
    6017 .main#jobs h2 {
    6018      margin-bottom: 10px !important;
    6019 }
    6020 
    6021 .footnote, .topness {
    6022      font-size: 9pt !important;
    6023 }
    6024 
    6025 .main[id^="config_"] th, h4#updateplugins {
    6026     font-size: 10.5pt !important;
    6027 }
    6028 
    6029 .langbox {
    6030      margin: 4px 4px 2px 5px;
    6031      line-height: 17px !important;
    6032 }
    6033 
    6034 .langbox img {
    6035      margin-bottom: -1px;
    6036 }
    6037 
    6038 #help .confignav {
    6039      padding: 0 !important;
    6040      position: sticky;
    6041      top: -1px;
    6042      z-index: 999;
    6043 }
    6044 
    6045 #help .tab {
    6046      margin-top: -1px !important;;
    6047 }
    6048 
    6049 .newsAuthor {
    6050      font-size: 9pt !important;
    6051      background-size: 15px 15px !important;
    6052      padding-left: 19px !important;
    6053 }
    6054 
    6055 table#reseedconfig input[type="text"], table#reseedconfig input[type="password"] {
    6056      width: 250px;
    6057 }
    6058 
    6059 .themechoice, .langselect {
    6060      width: 140px;
    6061 }
    6062 
    6063 .themechoice .optbox {
    6064      min-width: 144px !important;
    6065      margin-left: -48px !important;
    6066 }
    6067 
    6068 .langselect .optbox {
    6069      min-width: 144px !important;
    6070 }
    6071 .langselect img {
    6072      margin-left: -81px !important;
    6073 }
    6074 .langselect input[name="lang"]:checked + img {
    6075      margin-left: -82px !important;
    6076 }
    6077 }
    6078 
    6079 @media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1500px) {
    6080 .langselect img, .langselect input[name="lang"]:checked + img {
    6081      margin-left: -10px !important;
    6082      margin-top: -18px !important;
    6083 }
    6084 
    6085 .langselect input[name="lang"]:checked + img {
    6086      margin-left: -11px !important;
    6087      margin-top: -19px !important;
    6088 }
    6089 }
    6090 
    6091 @media screen and (min-width: 1840px) {
    6092 div[id^="config_"] .confignav {
    6093      display: flex;
    6094      flex-direction: row;
    6095      flex-wrap: wrap;
    6096      align-content: space-evenly;
    6097      justify-content: center;
    6098      padding: 4px 4px 5px 3px !important;
    6099 }
    6100 
    6101 div[id^="config_"] .tab, div[id^="config_"] .tab2 {
    6102      flex: auto;
    6103      flex-basis: content;
    6104      flex-grow: 0.06;
    6105      margin: 0 -1px -1px 0 !important;
    6106      white-space: nowrap;
    6107      min-width: 70px !important;
    6108 }
    6109 
    6110 div[id^="config_"] .tab2 {
    6111      padding: 5px 6px;
    6112 }
    6113 
    6114 div[id^="config_"] .tab a {
    6115      padding: 4px 6px;
    6116 }
    6117 
    6118 div[id^="config_"] .confignav {
    6119      padding: 0 !important;
    6120 }
    6121 
    6122 div[id^="config_"] .tab, div[id^="config_"] .tab2 {
    6123      margin-top: -1px !important;
    6124 }
    6125 
    6126 div[id^="config_"] .tab:first-child {
    6127      margin-left: -1px !important;
    6128 }
    6129 }
    6130 
    6131 /* proxy errors */
    6132 
    6133 @media screen and (max-width: 800px) {
    6134 .warning {
    6135      margin-left: 20px !important;
    6136      margin-top: 130px !important;
    6137      background: url(images/camotile2.png) !important;
    6138      padding: 5px 15px 15px !important;
    6139 }
    6140 
    6141 .warning h3 {
    6142      margin: -4px -14px 10px;
    6143 }
    6144 
    6145 .logo {
    6146      position: absolute;
    6147      top: 20px;
    6148      width: calc(100% - 62px) !important;
    6149      z-index: 999;
    6150      min-width: 330px;
    6151 }
    6152 
    6153 .logo a {
    6154      width: auto !important;
    6155      padding: 2px 5px !important;
    6156 }
    6157 .logo a img {
    6158      padding: 0 !important;
    6159      margin-top: -2px;
    6160      margin-bottom: -4px;
    6161 }
    6162 }
    6163 
    6164 @media screen and (min-height: 700px) {
    6165 .proxyfooter {
    6166      position: absolute;
    6167      bottom: 0;
    6168      right: 0;
    6169      padding: 0 20px 0 0;
    6170      text-align: right;
    6171      background: #030;
    6172      width: 100%;
    6173      opacity: 0.7;
    6174      border-top: 1px solid #000;
    6175 }
    6176 
    6177 .proxyfooter p {
    6178      text-align: right;
    6179      line-height: 130% !important;
    6180      margin: 5px 0;
    6181 }
    6182 
    6183 .warning {
    6184      margin-bottom: 30px;
    6185 }
    6186 }
    6187 
    6188 @media screen and (max-height: 700px) {
    6189 .proxyfooter {
    6190      display: none;
    6191 }
    6192 }
    6193 /* end proxy errors */
    6194 /* end responsive layout */
    6195 
    6196 /* Edge/IE tweaks */
    6197 
    6198 _:-ms-lang(x), .tunnels_client th:first-child::after {
    6199      letter-spacing: -0.05em;
    6200      font-weight: normal;
    6201 }
    6202 
    6203 /* end Edge/IE tweaks */
    62045766
    62055767/* network status */
     
    63445906.tunnel_local {
    63455907     font-size: 8pt;
     5908     text-transform: lowercase;
    63465909     background: rgba(0,96,0,0.3);
    63475910     border-radius: 2px;
     
    63615924}
    63625925
     5926#tunnel_defs td:first-child, #tunnel_defs td:nth-child(even) {
     5927     width: 1%;
     5928     white-space: nowrap;
     5929}
     5930
    63635931@media screen and (max-width: 1100px) {
    63645932.tunnel_id, .tunnel_peer {
     
    64836051/* end peers */
    64846052
     6053/* netdb router address info */
     6054
     6055.leasesets_container {
     6056     -moz-columns: 680px 2;
     6057     -webkit-columns: 680px 2;
     6058     columns: 680px 2;
     6059     -moz-column-gap: 10px;
     6060     -webkit-column-gap: 10px;
     6061     column-gap: 10px;
     6062}
     6063
     6064th code {
     6065     -moz-user-select: all;
     6066     -webkit-user-select: all;
     6067     user-select: all;
     6068}
     6069
     6070@media screen and (min-width: 1634px) {
     6071.leasesets_container {
     6072     margin-bottom: 8px;
     6073}
     6074
     6075th code {
     6076     font-size: 9pt !important;
     6077}
     6078}
     6079
     6080.leasesets_container table:first-child {
     6081     margin-top: 0;
     6082}
     6083
     6084.leasesets_container table {
     6085     break-inside: avoid;
     6086     page-break-inside: avoid;
     6087     -webkit-column-break-inside: avoid;
     6088}
     6089
     6090.netdb_addresses br:first-child, .sybil_routerinfo tr:last-child td br:first-child {
     6091     display: none;
     6092}
     6093
     6094.netdbentry th:first-child::after {
     6095     content: "";
     6096     display: inline-block;
     6097     min-height: 20px;
     6098     vertical-align: middle;
     6099}
     6100
     6101.netdbentry th:last-child > *, .sybil_routerinfo th:nth-child(2) > * {
     6102     display: inline-block;
     6103     vertical-align: middle !important;
     6104}
     6105
     6106.netdbentry th a img {
     6107     display: inline-block;
     6108     vertical-align: middle;
     6109     margin-right: 1px;
     6110     margin-bottom: 2px;
     6111}
     6112
     6113.netdbentry a.viewfullentry::after {
     6114     display: inline-block;
     6115     vertical-align: middle !important;
     6116     margin-left: 3px;
     6117}
     6118
     6119.netdbentry td:first-child {
     6120     text-align: right;
     6121     min-width: 100px;
     6122     padding-right: 5px !important
     6123}
     6124
     6125b.netdb_transport {
     6126     display: inline-block;
     6127     width: 50px;
     6128     text-align: right;
     6129     margin-right: 5px;
     6130}
     6131
     6132#netdb code {
     6133    font-weight: normal !important;
     6134}
     6135
     6136.netdb_name {
     6137     color: #bb3;
     6138     text-transform: capitalize;
     6139     font-weight: bold;
     6140}
     6141
     6142.netdb_info {
     6143     margin-right: 1px;
     6144}
     6145
     6146.netdb_expiry {
     6147     margin-left: 5px;
     6148}
     6149
     6150.sybil_routerinfo th img[src^="/flags"] {
     6151     height: 11px;
     6152     width: 16px;
     6153     margin-right: 5px;
     6154}
     6155
     6156.sybil_routerinfo b.netdb_transport {
     6157     margin-left: -13px;
     6158     margin-right: 0;
     6159}
     6160
     6161.sybil_routerinfo td:first-child, .netdbentry td:first-child {
     6162     text-align: right !important;
     6163     padding-right: 0;
     6164}
     6165
     6166.sybil_routerinfo td[colspan="3"] {
     6167     white-space: normal;
     6168}
     6169
     6170.sybil_container {
     6171     -moz-columns: 680px 2;
     6172     -webkit-columns: 680px 2;
     6173     columns: 680px 2;
     6174     margin: 10px 0;
     6175}
     6176
     6177.sybil_container p {
     6178     break-inside: avoid;
     6179     page-break-inside: avoid;
     6180     -webkit-column-break-inside: avoid;
     6181}
     6182
     6183.sybil_container p:first-child {
     6184     margin-top: 0;
     6185}
     6186
     6187.sybil_container p:last-child {
     6188     margin-bottom: 0;
     6189}
     6190
     6191/* end netdb router address */
     6192
     6193/* sybils */
     6194
     6195.leaseset th:last-child, .leaseset td:last-child, .sybil_routerinfo th:last-child, .sybil_routerinfo td:last-child {
     6196     border-right: 1px solid #494 !important;
     6197}
     6198
     6199.sybil_routerinfo table td:last-child {
     6200     border-right: none !important;
     6201}
     6202
     6203.sybilinfo_params {
     6204     padding: 0;
     6205     border-bottom: 1px solid #494
     6206}
     6207
     6208.sybilinfo_container {
     6209     columns: 240px auto;
     6210     -moz-columns: 240px auto;
     6211     -webkit-columns: 240px auto;
     6212     -moz-column-gap: 0;
     6213     -webkit-column-gap: 0;
     6214     column-gap: 0;
     6215     background: #010;
     6216     padding: 4px 5px;
     6217}
     6218
     6219.sybilinfo_container b {
     6220     color: #bb3;
     6221}
     6222
     6223.sybil_routerinfo tr:last-child {
     6224     border-top: none;
     6225}
     6226
     6227.sybil_routerinfo p {
     6228     margin: 0;
     6229     padding: 0;
     6230     line-height: 140%;
     6231     break-inside: avoid;
     6232     page-break-inside: avoid;
     6233     -webkit-column-break-inside: avoid;
     6234}
     6235
     6236.sybilinfo_familyname {
     6237     display: inline-block;
     6238     vertical-align: top;
     6239     max-width: 150px;
     6240     white-space: nowrap;
     6241     overflow: hidden;
     6242     text-overflow: ellipsis;
     6243}
     6244
     6245.sybil_addresses td:first-child {
     6246     max-width: 155px;
     6247     font-weight: bold;
     6248     padding-right: 9px;
     6249}
     6250
     6251.sybil_addresses table {
     6252     width: 100%;
     6253     margin: 0;
     6254}
     6255
     6256.sybil_addresses {
     6257     padding: 0;
     6258     border-bottom: 1px solid #494
     6259}
     6260
     6261.sybil_addresses table, .sybil_addresses td {
     6262     border: none;
     6263}
     6264
     6265.threatpoints + ul {
     6266     -moz-columns: auto 600px;
     6267     -webkit-columns: auto 600px;
     6268     columns: auto 600px;
     6269     -moz-column-rule: 1px solid #2a5f29;
     6270     -webkit-column-rule: 1px solid #2a5f29;
     6271     column-rule: 1px solid #2a5f29;
     6272     padding-top: 3px;
     6273     padding-bottom: 3px;
     6274}
     6275
     6276.threatpoints + ul li:first-child {
     6277     margin-top: 0 !important;
     6278}
     6279
     6280.threatpoints + ul li:last-child {
     6281     margin-bottom: 0 !important;
     6282}
     6283
     6284.threatpoints + ul li {
     6285     list-style: none;
     6286     margin-left: 5px;
     6287     line-height: 100%;
     6288     break-inside: avoid !important;
     6289     page-break-inside: avoid !important;
     6290     -webkit-column-break-inside: avoid !important;
     6291}
     6292
     6293.threatpoints + ul li a {
     6294     white-space: nowrap;
     6295}
     6296
     6297/* end sybils */
     6298
     6299/* responsive layout */
     6300
     6301@media screen and (max-width: 900px) {
     6302#ntcpconnections th:last-child:not(old) {
     6303     font-size: 0;
     6304}
     6305
     6306#ntcpconnections th:last-child::before {
     6307     content: url(/themes/console/images/info/backlogged.png) !important;
     6308}
     6309
     6310#ntcpconnections td:last-child {
     6311     width: 24px !important;
     6312     white-space: nowrap;
     6313}
     6314
     6315th {
     6316     font-size: 8pt;
     6317}
     6318
     6319.tunneldisplay .cells {
     6320     padding: 4px 2px !important;
     6321}
     6322
     6323.langbox {
     6324     line-height: 15px;
     6325}
     6326}
     6327
     6328@media screen and (max-width: 1200px) {
     6329.tab, .tab2 {
     6330     padding: 1px 0;
     6331     min-width: 50px !important;
     6332}
     6333
     6334.tab2 {
     6335     padding: 3px 12px;
     6336}
     6337
     6338.tab a {
     6339     padding: 2px 14px;
     6340}
     6341
     6342#plugininstall input[type="text"] {
     6343     min-width: 200px !important;
     6344}
     6345
     6346#i2pupdates td:first-child {
     6347     white-space: normal;
     6348     width: 30%;
     6349}
     6350
     6351td.optionsave {
     6352     white-space: normal;
     6353}
     6354
     6355.main#tunnels {
     6356     padding: 0 5px;
     6357     min-width: 640px;
     6358}
     6359
     6360.main#tunnels h3 {
     6361     margin-top: 6px;
     6362}
     6363
     6364.statusnotes:last-child {
     6365     margin-bottom: 6px;;
     6366}
     6367
     6368#portfaq td:nth-child(2) {
     6369     white-space: normal;
     6370}
     6371
     6372#faq h3 {
     6373     font-size: 10pt !important;
     6374}
     6375
     6376#udpconnections .cells {
     6377     border: 1px inset #131;
     6378}
     6379}
     6380
     6381@media screen and (max-width: 1220px) {
     6382#udpconnections tr:nth-last-child(n+3):hover td:nth-child(n+2) {
     6383     transform: scale(1.05);
     6384     text-align: center !important;
     6385}
     6386
     6387.main#peers .widescroll td.cells {
     6388     font-size: 8pt !important;
     6389}
     6390
     6391.main#help h3, #faq h3 {
     6392     font-size: 10pt !important;
     6393}
     6394}
     6395
     6396@media screen and (max-width: 1500px) {
     6397#sb_general td:first-child::after, #sb_shortgeneral td:first-child::after, #sb_bandwidth td:first-child::after,
     6398#sb_peers td:first-child::after, #sb_tunnels td:first-child::after, #sb_queue td:first-child::after {
     6399   min-height: 12px;
     6400}
     6401
     6402#banlist + h3 {
     6403     margin-bottom: -2px !important;
     6404}
     6405
     6406.tunnels_client th:first-child:not(old) {
     6407     font-size: 0;
     6408}
     6409
     6410.tunnels_client th:first-child::after {
     6411     content: "\21E9\21E7";
     6412     font-size: 12pt;
     6413     line-height: 0;
     6414     vertical-align: middle;
     6415     letter-spacing: -0.25em;
     6416}
     6417
     6418.app img {
     6419     padding: 10px 50px 40px;
     6420}
     6421
     6422.applabel {
     6423     margin-top: 8px;
     6424}
     6425
     6426.main#help h3, #faq h3 {
     6427     font-size: 10.5pt !important;
     6428}
     6429}
     6430
     6431@media screen and (min-width: 1500px) {
     6432body, .main, .main td, .news p, #news p, textarea, .main textarea, code, tt, #changelog pre,
     6433ul.statlist a[name], ul.statlist b, ul.statlist li b, ul.statlist a[name]:hover, .confignav {
     6434     font-size: 10pt !important;
     6435}
     6436
     6437.cells tt, #profilelist tt, #floodfills tt {
     6438     font-size: 9pt !important;
     6439     letter-spacing: 0.07em;
     6440     margin-left: 2px !important;
     6441     margin-right: 2px !important;
     6442}
     6443
     6444.main button, .main input, select, textarea, div.news {
     6445     font-size: 10pt !important;
     6446}
     6447
     6448.main, .news, h1 {
     6449     margin-left: 242px !important;
     6450}
     6451
     6452pre, #logs li, .smallhead {
     6453     font-size: 9pt !important;
     6454}
     6455
     6456.routersummary {
     6457     width: 210px !important;
     6458}
     6459
     6460.routersummary table[id^="sb_"] {
     6461     width: 226px !important;
     6462}
     6463
     6464.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a,
     6465#floodfill th, .applabel a, #jardump td, .statusnotes {
     6466     font-size: 9pt !important;
     6467}
     6468
     6469.routersummary button {
     6470     font-size: 10pt !important;
     6471}
     6472
     6473div.app {
     6474     min-width: 138px;
     6475}
     6476
     6477.appimg {
     6478     height: 35px;
     6479     padding: 5px 0 8px;
     6480}
     6481
     6482.app img {
     6483     margin-top: -8px;
     6484     padding: 10px 58px 38px;
     6485}
     6486
     6487.applabel {
     6488     width: 150px !important;
     6489}
     6490
     6491.applabel a {
     6492     max-width: 148px;
     6493     font-size: 10pt !important;
     6494}
     6495
     6496th, #configinfo th, code, tt {
     6497     font-size: 10pt;
     6498}
     6499
     6500table#floodfills th:first-child, table#floodfills td:first-child {
     6501     width: 58px;
     6502     padding-right: 3px !important;
     6503}
     6504
     6505h3, .routersummary h3 a, th.th_title, #leasesetdebug th, #leasesetsummary th, .netdbentry th {
     6506     font-size: 11pt !important;
     6507}
     6508
     6509select {
     6510     padding: 3px 16px 3px 2px;
     6511}
     6512
     6513h3#pluginmanage {
     6514     margin-bottom: -15px !important;
     6515}
     6516
     6517h4#updateplugins {
     6518     margin-top: -15px !important;
     6519}
     6520
     6521.sorry {
     6522     margin-left: 232px !important;
     6523}
     6524
     6525div.joblog h3 {
     6526     margin-top: 7px !important;
     6527     padding-top: 7px !important;
     6528}
     6529
     6530#certs.main p + p:empty + h4 {
     6531     margin-top: -15px !important;
     6532}
     6533
     6534.routersummary button.reload, .routersummary button.stop {
     6535    min-width: 101px;
     6536}
     6537
     6538.subheading b {
     6539     font-size: 10.5pt !important;
     6540}
     6541
     6542p#fullhistory {
     6543     text-align: right;
     6544     margin-top: -13px;
     6545}
     6546
     6547.routersummary img[src$="i2plogo.png"] {
     6548     margin-left: -8px;
     6549     transform: none;
     6550     width: 225px;
     6551     margin-top: -6px;
     6552}
     6553
     6554.routersummary h3::after {
     6555     min-height: 19px;
     6556}
     6557
     6558#sb_services a:link, #sb_internals a:link, #sb_advanced a:link {
     6559     max-width: 216px !important;
     6560}
     6561
     6562#banlist + h3.tabletitle {
     6563     margin-bottom: -2px !important;
     6564}
     6565
     6566table#permabanned {
     6567     margin-top: -3px;
     6568}
     6569
     6570#udpconnections td[class="cells"]:first-child, #ntcpconnections td[class="cells"]:first-child {
     6571     width: 55px;
     6572     padding-right: 8px;
     6573}
     6574
     6575.main#jobs h2 {
     6576     margin-bottom: 10px !important;
     6577}
     6578
     6579.footnote, .topness {
     6580     font-size: 9pt !important;
     6581}
     6582
     6583.main[id^="config_"] th, h4#updateplugins {
     6584    font-size: 10.5pt !important;
     6585}
     6586
     6587.langbox {
     6588     margin: 4px 4px 2px 5px;
     6589     line-height: 17px !important;
     6590}
     6591
     6592.langbox img {
     6593     margin-bottom: -1px;
     6594}
     6595
     6596#help .confignav {
     6597     padding: 0 !important;
     6598     position: sticky;
     6599     top: -1px;
     6600     z-index: 999;
     6601}
     6602
     6603#help .tab {
     6604     margin-top: -1px !important;;
     6605}
     6606
     6607.newsAuthor {
     6608     font-size: 9pt !important;
     6609     background-size: 15px 15px !important;
     6610     padding-left: 19px !important;
     6611}
     6612
     6613table#reseedconfig input[type="text"], table#reseedconfig input[type="password"] {
     6614     width: 250px;
     6615}
     6616
     6617.themechoice, .langselect {
     6618     width: 140px;
     6619}
     6620
     6621.themechoice .optbox {
     6622     min-width: 144px !important;
     6623     margin-left: -48px !important;
     6624}
     6625
     6626.langselect .optbox {
     6627     min-width: 144px !important;
     6628}
     6629.langselect img {
     6630     margin-left: -81px !important;
     6631}
     6632.langselect input[name="lang"]:checked + img {
     6633     margin-left: -82px !important;
     6634}
     6635}
     6636
     6637@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1500px) {
     6638.langselect img, .langselect input[name="lang"]:checked + img {
     6639     margin-left: -10px !important;
     6640     margin-top: -18px !important;
     6641}
     6642
     6643.langselect input[name="lang"]:checked + img {
     6644     margin-left: -11px !important;
     6645     margin-top: -19px !important;
     6646}
     6647}
     6648
     6649@media screen and (min-width: 1840px) {
     6650div[id^="config_"] .confignav {
     6651     display: flex;
     6652     flex-direction: row;
     6653     flex-wrap: wrap;
     6654     align-content: space-evenly;
     6655     justify-content: center;
     6656     padding: 4px 4px 5px 3px !important;
     6657}
     6658
     6659div[id^="config_"] .tab, div[id^="config_"] .tab2 {
     6660     flex: auto;
     6661     flex-basis: content;
     6662     flex-grow: 0.06;
     6663     margin: 0 -1px -1px 0 !important;
     6664     white-space: nowrap;
     6665     min-width: 70px !important;
     6666}
     6667
     6668div[id^="config_"] .tab2 {
     6669     padding: 5px 6px;
     6670}
     6671
     6672div[id^="config_"] .tab a {
     6673     padding: 4px 6px;
     6674}
     6675
     6676div[id^="config_"] .confignav {
     6677     padding: 0 !important;
     6678}
     6679
     6680div[id^="config_"] .tab, div[id^="config_"] .tab2 {
     6681     margin-top: -1px !important;
     6682}
     6683
     6684div[id^="config_"] .tab:first-child {
     6685     margin-left: -1px !important;
     6686}
     6687}
     6688
     6689/* proxy errors */
     6690
     6691@media screen and (max-width: 800px) {
     6692.warning {
     6693     margin-left: 20px !important;
     6694     margin-top: 130px !important;
     6695     background: url(images/camotile2.png) !important;
     6696     padding: 5px 15px 15px !important;
     6697}
     6698
     6699.warning h3 {
     6700     margin: -4px -14px 10px;
     6701}
     6702
     6703.logo {
     6704     position: absolute;
     6705     top: 20px;
     6706     width: calc(100% - 62px) !important;
     6707     z-index: 999;
     6708     min-width: 330px;
     6709}
     6710
     6711.logo a {
     6712     width: auto !important;
     6713     padding: 2px 5px !important;
     6714}
     6715.logo a img {
     6716     padding: 0 !important;
     6717     margin-top: -2px;
     6718     margin-bottom: -4px;
     6719}
     6720}
     6721
     6722@media screen and (min-height: 700px) {
     6723.proxyfooter {
     6724     position: absolute;
     6725     bottom: 0;
     6726     right: 0;
     6727     padding: 0 20px 0 0;
     6728     text-align: right;
     6729     background: #030;
     6730     width: 100%;
     6731     opacity: 0.7;
     6732     border-top: 1px solid #000;
     6733}
     6734
     6735.proxyfooter p {
     6736     text-align: right;
     6737     line-height: 130% !important;
     6738     margin: 5px 0;
     6739}
     6740
     6741.warning {
     6742     margin-bottom: 30px;
     6743}
     6744}
     6745
     6746@media screen and (max-height: 700px) {
     6747.proxyfooter {
     6748     display: none;
     6749}
     6750}
     6751/* end proxy errors */
     6752/* end responsive layout */
     6753
     6754/* Edge/IE tweaks */
     6755
     6756_:-ms-lang(x), .tunnels_client th:first-child::after {
     6757     letter-spacing: -0.05em;
     6758     font-weight: normal;
     6759}
     6760
     6761/* end Edge/IE tweaks */
     6762
  • installer/resources/themes/console/dark/console_ar.css

    r56c0fbe rbd74b22  
    107107}
    108108
    109 div.tunnels {
    110      padding: -3px 0 !important;
    111 }
    112 
    113 div.tunnels table {
    114      margin: 0 -7px 0 5px !important;
    115 }
    116 
    117109.langbox {
    118110     float: left;
     
    155147
    156148.langselect img {
    157      margin-right: -61px;
     149     margin-right: -71px;
    158150}
    159151
    160152.langselect .optbox:checked + img {
    161      margin-right: -63px;
     153     margin-right: -73px;
     154}
     155
     156@media screen and (-webkit-min-device-pixel-ratio:0) {
     157.langselect img {
     158     margin-right: -9px;
     159     margin-top: -17px !important;
     160}
     161
     162.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] {
     163     margin-right: -10px;
     164     margin-top: -18px !important;
     165}
    162166}
    163167
     
    166170.themechoice, .langselect {
    167171     float: right !important;
    168 } 
     172}
    169173
    170174.themechoice {
     
    173177
    174178.themechoice .optbox {
    175      opacity: 0; /* hide the radio icon so we can use thumbnail img instead */
     179     opacity: 0;
    176180     outline: 1px dotted #f00;
    177181     position: absolute;
     
    190194}
    191195
     196/* end theme selection */
     197
    192198h3#iptransport a, th#upnpconfig a, h3#bwlimiter a, #config_stats h3 a, #config_logging h3 a, h3#graphdisplay a, #logs h3 a, h3#advancedconfig a {
    193199     float: left;
     
    211217}
    212218
    213 table#leasesetdebug th:first-child, table#leasesetsummary th:first-child {
    214      text-align: right;
    215 }
    216 
    217 table#leasesetdebug th:last-child, table#leasesetsummary th:last-child {
    218      text-align: left;
    219 }
    220 
    221 table#leasesetdebug th, table#leasesetsummary th {
     219#leasesetdebug th:first-child, #leasesetsummary th:first-child {
     220     text-align: right;
     221}
     222
     223#leasesetdebug th:last-child, #leasesetsummary th:last-child {
     224     text-align: left;
     225}
     226
     227#leasesetdebug th, #leasesetsummary th {
    222228      padding: 5px;
    223229}
    224230
    225 table.leaseset th {
    226      text-align: right;
    227 }
    228 
    229 table.leaseset th:first-child b {
     231.leaseset th {
     232     text-align: right;
     233}
     234
     235.leaseset th:first-child b {
    230236     float: right;
    231237}
    232238
    233 table.leaseset th:last-child, table.leaseset td:nth-child(2) {
    234      text-align: left;
    235 }
    236 
    237 #netdboverview th, table.netdbentry th, table#leasesetdebug td:nth-child(2n) {
     239.leaseset th:last-child, .leaseset td:nth-child(2) {
     240     text-align: left;
     241}
     242
     243#netdboverview th, table.netdbentry th, #leasesetdebug td:nth-child(2n) {
    238244     text-align: right;
    239245}
     
    251257}
    252258
    253 table.netdbentry th:last-child, table#leasesetdebug td:nth-child(2n+1) {
     259table.netdbentry th:last-child, #leasesetdebug td:nth-child(2n+1) {
    254260     text-align: left;
    255261}
     
    259265}
    260266
    261 table#enviro td {
     267#enviro td {
    262268     padding: 5px 10px 5px 5px !important;
    263269}
    264270
    265 table#enviro td:first-child {
     271#enviro td:first-child {
    266272     text-align: left;
    267273}
     
    452458}
    453459
     460.tunnel_local {
     461     margin-right: -4px;
     462     margin-left: 4px;
     463}
     464
     465.tunnel_id:empty + .tunnel_cap {
     466    display: inline-block;
     467    margin-left: 0;
     468    margin-right: 12px;
     469}
     470
     471.sybil_routerinfo th img[src^="/flags"], .netdbentry th a img {
     472     margin-left: 5px;
     473}
     474
     475.sybil_routerinfo th:last-child {
     476     padding: 1px !important;
     477}
     478
     479.sybil_info, .family {
     480     direction: ltr;
     481}
     482
     483.leaseset th:last-child, .leaseset td:last-child, .sybil_routerinfo th:last-child, .sybil_routerinfo td:last-child {
     484     border-right: none !important;
     485}
     486
     487a.viewfullentry::after, a[href^="viewprofile"]::after {
     488     margin-left: 3px !important;
     489}
     490
    454491@media screen and (min-width: 1500px) {
    455492.main, .news, h1, .sorry {
     
    499536}
    500537}
     538
     539@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1500px) {
     540.langselect img {
     541     margin-right: -9px;
     542     margin-top: -18px !important;
     543}
     544
     545.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] {
     546     margin-right: -10px;
     547     margin-top: -19px !important;
     548}
     549}
  • installer/resources/themes/console/light/console.css

    r56c0fbe rbd74b22  
    242242     width: 100%;
    243243     width: calc(100% - 4px);
    244      padding: 2px 0;
     244     padding: 3px 0 2px;
    245245     color: #2c4e8f;
    246246     line-height: 110%;
     
    290290
    291291.routersummary h4 a {
    292 /*     display: inline-block;*/
    293292     vertical-align: middle;
    294293}
     
    358357}
    359358
     359#sb_internals, #sb_advanced {
     360     margin: -9px -6px -6px;
     361}
     362
    360363#sb_internals a, #sb_advanced a {
    361364     padding: 2px;
     
    373376
    374377#sb_general, #sb_shortgeneral {
    375      margin-top: -7px !important; 
     378     margin-top: -7px !important;
    376379}
    377380
     
    513516}
    514517
    515 .routersummary img:first-child  {
     518.routersummary img:first-child {
    516519     margin-bottom: -2px !important;
    517520     opacity: 0.7;
     
    523526}
    524527
     528/* sidebar network status */
     529
     530.routersummary .error, .routersummary .warn, .routersummary .testing, .routersummary .hidden,
     531.routersummary .running, .routersummary .firewalled, .routersummary .vmcomm, .routersummary .clockskew, .tunnelBuildStatus {
     532     display: inline-block;
     533     vertical-align: middle;
     534     border: 1px solid #88f;
     535     border-radius: 2px;
     536     padding: 6px 3px;
     537     width: calc(100% - 10px);
     538     width: 100%;
     539     margin: -4px -1px;
     540     box-sizing: border-box;
     541     box-shadow: inset 0 0 0 1px #fff, 0 0 1px rgba(96,96,96,0.5);
     542     text-shadow: 0 1px 1px #fff;
     543}
     544
     545.routersummary .firewalled {
     546     background: repeating-linear-gradient(135deg, rgba(220,255,220,0.3) 2px, rgba(255,255,220,0.3) 3px, rgba(220,255,220,0.3) 5px);
     547}
     548
     549.routersummary .error {
     550     background: rgba(255,110,110,0.1);
     551     box-shadow: inset 0 0 0 1px rgba(255,0,0,0.3), 0 0 1px rgba(96,96,96,0.5);
     552     background: repeating-linear-gradient(135deg, rgba(255,100,100,0.1) 2px, rgba(255,200,200,0.3) 3px,  rgba(255,100,100,0.1) 5px);
     553     border: 1px dotted #d33;
     554}
     555
     556.routersummary .warn, .routersummary .clockskew {
     557     background: rgba(255,255,200,0.25);
     558     box-shadow: inset 0 0 0 1px #ff0, 0 0 1px rgba(96,96,96,0.5);
     559}
     560
     561.routersummary .testing {
     562     background: rgba(255,220,110,0.1);
     563}
     564
     565.routersummary .hidden, .routersummary .vmcomm {
     566     background: rgba(220,220,220,0.4);
     567}
     568
     569.routersummary .vmcomm {
     570     border: 1px dotted #999;
     571}
     572
     573.routersummary .running {
     574     background: rgba(220,255,220,0.15);
     575}
     576
     577.routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before,
     578.routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before {
     579     padding-right: 3px;
     580     vertical-align: middle;
     581     display: inline-block;
     582     filter: drop-shadow(0 0 1px rgba(96,96,96,0.5));
     583}
     584
     585.routersummary .error::before, .routersummary .clockskew::before {
     586     content: url(/themes/console/images/info/network_status/network_error.png);
     587}
     588
     589.routersummary .warn::before {
     590     content: url(/themes/console/images/info/network_status/network_warning.png);
     591}
     592
     593.routersummary .testing::before {
     594     content: url(/themes/console/images/info/network_status/network_testing.png);
     595}
     596
     597.routersummary .hidden::before {
     598     content: url(/themes/console/images/info/network_status/network_hidden.png);
     599}
     600
     601.routersummary .running::before {
     602     content: url(/themes/console/images/info/network_status/network_ok.png);
     603}
     604
     605.routersummary .firewalled::before {
     606     content: url(/themes/console/images/info/network_status/network_firewalled.png);
     607     padding-right: 4px;
     608}
     609
     610.routersummary .vmcomm::before {
     611     content: url(/themes/console/images/info/network_status/network_vm.png);
     612}
     613
     614.routersummary .clockskew::before {
     615     content: url(/themes/console/images/info/network_status/network_clockskew.png);
     616}
     617
     618/* end network status */
     619
     620/* tunnel build status */
     621
     622.tunnelBuildStatus {
     623     padding: 7px 2px;
     624}
     625
     626/* TO DO: activate this when we have build status specific spans */
     627
     628/*
     629.tunnelStatusAccept {
     630     background: rgba(220,255,220,0.15);
     631     color: #070;
     632}
     633
     634.tunnelStatusReject {
     635     background: rgba(255,110,110,0.1);
     636     color: #070;
     637}
     638
     639.tunnelStatusRejectHidden {
     640     background: rgba(220,220,220,0.4);
     641     color: #777;
     642}
     643
     644.tunnelBuildStatus::before, .tunnelStatusAccept::before, .tunnelStatusReject::before, .tunnelStatusRejectHidden::before {
     645     margin-bottom: 1px;
     646     padding-right: 1px;
     647     vertical-align: -30%;
     648     vertical-align: middle;
     649     display: inline-block;
     650     filter: drop-shadow(0 0 1px rgba(96,96,96,0.5));
     651}
     652
     653.tunnelBuildStatus::before {
     654     content: url(/themes/console/images/info/network_status/accepting.png);
     655}
     656
     657.tunnelStatusAccept::before {
     658     content: url(/themes/console/images/info/network_status/accepting.png);
     659}
     660
     661.tunnelStatusReject::before {
     662     content: url(/themes/console/images/info/network_status/rejecting.png);
     663}
     664
     665.tunnelStatusRejectHidden::before {
     666     content: url(/themes/console/images/info/network_status/rejecting_hidden.png);
     667}
     668*/
     669/* end tunnel build status */
     670
     671.newsheadings {
     672     text-align: right;
     673     margin: -5px 0 -3px 8px;
     674}
     675
     676.newsheadings li {
     677     list-style: none outside url(images/newsbullet_mini.png);
     678     margin: 4px -4px 2px 10px;
     679     line-height: 120%;
     680}
     681
     682.newsheadings li:first-child {
     683     margin-top: 0;
     684}
     685
    525686/* end sidebar */
    526687
     688/*
    527689div.tunnels td:first-child {
    528690     width: 16px;
     
    538700div.tunnels img, div.tunnels img:hover {
    539701     opacity: 1 !important;
    540 }
    541 
    542 div.newsheadings {
    543      text-align: right;
    544      margin: -5px 0 -3px 8px;
    545 }
    546 
    547 div.newsheadings li {
    548      list-style: none outside url(images/newsbullet_mini.png);
    549      margin: 4px -4px 2px 10px;
    550      line-height: 120%;
    551 }
    552 
    553 div.newsheadings li:first-child {
    554      margin-top: 0;
    555702}
    556703
     
    575722}
    576723
    577 .routersummary p {
    578      padding: 0;
    579 }
    580 
    581724div.refresh {
    582725     margin-top: 10px !important;
     
    585728}
    586729
     730*/
     731
     732.routersummary p {
     733     padding: 0;
     734}
     735
    587736/* proxy error messages */
    588737
    589 div.logo {
     738.logo {
    590739     float: left;
    591740     padding: 10px;
     
    600749}
    601750
    602 div.logo:not(old) {
     751.logo:not(old) {
    603752     background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.3)), url(images/noise.png) #fff;
    604753     background-size: 100% 100%, 50px 50px;
     
    625774}
    626775
    627 div.warning {
    628      margin: 20px 20px 30px 240px;
     776.warning {
     777     margin: 16px 12px 30px 232px;
    629778     padding: 10px 25px 20px 75px;
    630779     background: #fff;
     
    693842@media screen and (max-width: 800px) {
    694843.warning {
    695      margin-top: 115px !important;
    696      margin: 115px 5px 0 0 !important;
     844     margin: 114px 5px 0 !important;
    697845     background: #fff !important;
    698846     background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.3)), url(images/noise.png) #fff !important;
     
    708856     position: absolute;
    709857     top: 0;
    710      width: calc(100% - 39px) !important;
     858     width: calc(100% - 40px) !important;
    711859     min-width: 430px;
    712      margin: 10px 0 0 !important;
     860     margin: 10px 5px 0 !important;
    713861}
    714862
     
    8541002/* console error messages */
    8551003
    856 div.sorry {
     1004.sorry {
    8571005     margin: -11px 0 10px 214px;
    8581006     padding: 20px 25px 20px 70px;
     
    8681016}
    8691017
    870 div.sorry hr {
     1018.sorry hr {
    8711019     color: #531;
    8721020     background: #531;
     
    8761024}
    8771025
    878 div.main {
     1026.main {
    8791027     margin: -12px 0 8px 214px;
    8801028     padding: 0 15px 10px 15px;
     
    8921040}
    8931041
    894 div.main[id^="config_"] {
     1042.main[id^="config_"] {
    8951043     padding-bottom: 5px !important;
    8961044}
    8971045
    898 div.main li:first-child {
     1046.main li:first-child {
    8991047     margin-top: 10px;
    9001048}
     
    9511099}
    9521100
    953 div.main hr, hr {
     1101.main hr, hr {
    9541102     color: #113;
    9551103     background: #113;
     
    9631111}
    9641112
    965 div.main textarea {
     1113.main textarea {
    9661114     background: #fff;
    9671115     color: #001;
     
    11761324}
    11771325
    1178 div.main, .routersummary, .logo {
     1326.main, .routersummary, .logo {
    11791327     background: #fff url(images/noise.png) 0 0 / 50px 50px !important;
    11801328     background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5)) 0 0 / 100% 100%, #fff url("images/noise.png") 0 0 / 50px 50px !important;
    11811329}
    11821330
    1183 /* top navigation bar */
    1184 /*
    1185 .confignav {
    1186      padding: 12px 10px 0 !important;
    1187      margin: 2px -14px 12px !important;
    1188      font-size: 9pt !important;
    1189      line-height: 160% !important;
    1190      min-width: 400px;
    1191      vertical-align: middle;
    1192      text-align: center;
    1193      border-bottom: 1px solid #447;
    1194      box-shadow: 0 1px 1px rgba(221, 221, 255, 0.5);
    1195      background: #fff;
    1196 }
    1197 
    1198 .tab, .tab2 {
    1199      min-width: 50px;
    1200      padding: 3px 6px;
    1201 }
    1202 
    1203 .tab {
    1204      padding: 3px 6px;
    1205      margin: -5px -1px -1px -3px !important;
    1206      background: #eef;
    1207      background: linear-gradient(to bottom, #fff, #eef);
    1208      box-shadow: inset 0 0 0 1px #fff;
    1209      border: 1px solid #447;
    1210      display: inline-block;
    1211      vertical-align: bottom;
    1212      text-align: center;
    1213      font-weight: normal !important;
    1214      text-decoration: none;
    1215      z-index: 999 !important;
     1331/* top navigation */
     1332
     1333h1, .confignav {
    12161334     position: relative;
    12171335}
    12181336
    1219 .tab2 {
    1220      color: #31334f;
    1221      padding-bottom: 4px;
    1222      margin: -11px -1px -1px -3px;
    1223      background: #fff;
    1224      border: 1px solid #447;
    1225      border-top-color: #558;
    1226      border-top-width: 3px;
    1227      display: inline-block;
    1228      vertical-align: bottom;
     1337.confignav, .main#help div.confignav {
     1338     padding: 8px;
     1339     margin: -1px -16px 5px -16px;
     1340     border: 1px solid #7778bf;
     1341     box-shadow: inset 0 0 0 1px #bbf;
     1342     font-size: 9pt;
    12291343     text-align: center;
    12301344     font-weight: bold;
    1231      border-radius: 2px 2px 0 0;
    1232      filter: drop-shadow(0 0 1px #ccc);
    1233      position: relative;
    1234      z-index: 999 !important;
    1235 }
    1236 
    1237 _:-ms-lang(x), .tab {
    1238      margin-left: -4px !important;
    1239      margin-right: -2px !important;
    1240 }
    1241 
    1242 .tab:hover, .tab:hover a {
    1243      background: #558;
    1244      background: linear-gradient(to bottom, #eef, #fff);
    1245      color: #f60;
     1345     color: #000;
     1346     background: linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.6) 52%, rgba(240, 240, 240, 0.4)) #efefff !important;
     1347     background: linear-gradient(to right, rgba(255,255,255,0.7), rgba(255,255,255,0) 15%, rgba(255,255,255,0) 85%, rgba(255,255,255,0.7)), linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.6) 52%, rgba(240, 240, 240, 0.4)) #efefff !important;
     1348}
     1349
     1350.tab, .tab2 {
     1351     box-sizing: border-box;
     1352     display: inline-block;
     1353     border: 1px solid #7778bf;
     1354     margin: 0 -2px -1px -2px !important;
     1355     padding: 1px 0;
     1356     background: #fff;
     1357     min-width: 60px !important;
     1358     filter: drop-shadow(0 0 1px #ededed);
     1359}
     1360
     1361.tab a {
     1362     display: inline-block;
     1363     padding: 3px 14px;
     1364}
     1365
     1366.tab:hover a {
     1367     color: #f60 !important;
     1368}
     1369
     1370.tab {
     1371     background: linear-gradient(to bottom, #fff 50%, #efefff 50%);
     1372     background: linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.6) 50%, rgba(240, 240, 240, 0.4)) #e7e7ff;
     1373     box-shadow: inset 0 0 0 1px #fff;
    12461374}
    12471375
    12481376.tab:hover {
    1249      border-top: 3px solid #77a;
    1250      border-radius: 2px 2px 0 0 !important;
    1251      margin-top: -9px !important;
     1377     background: #fff;
     1378     box-shadow: inset 0 0 0 1px #f90;
    12521379}
    12531380
    12541381.tab:active {
     1382     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px 1px #5f2400;
     1383     background: #f60;
     1384}
     1385
     1386.tab:active a {
     1387     color: #fff !important;
     1388}
     1389
     1390.tab2 {
     1391     background: #89f;
     1392     background: #aaf;
     1393     background: #3b6bbf;
     1394     background: rgba(59, 107, 191, 0.8);
     1395     background: #6288cb;
    12551396     box-shadow: inset 0 0 0 1px #fff;
    1256 }
    1257 
    1258 .tab:active, .tab:active a {
    1259      background: #f60 !important;
    1260      color: #fff !important;
    1261      border-top-width: 1px;
    1262 }
    1263 
    1264 .tab:first-child {
    1265      border-radius: 2px 0 0 0;
    1266 }
    1267 
    1268 .tab:last-child {
    1269      border-radius: 0 2px 0 0;
    1270      padding-right: 6px;
    1271 }
    1272 
    1273 .tab a {
    1274      font-weight: normal !important;
    1275      text-decoration: none !important;
    1276      display: inline-block;
    1277      width: 100%;
    1278      padding-top: 0;
    1279      padding-bottom: 0;
    1280 }
    1281 
    1282 .tab:last-child:hover {
    1283      margin-top: -7px !important;
    1284      margin-bottom: -1px !important;
    1285 }
    1286 
    1287 .tab:last-child:active {
    1288      margin-top: -5px !important;
    1289      margin-bottom: -1px !important;
    1290 }
    1291 */
     1397     color: #fff;
     1398     padding: 4px 12px;
     1399}
     1400
     1401@media screen and (min-width: 1400px) {
     1402#help .confignav {
     1403     position: sticky;
     1404     top: -1px;
     1405     z-index: 999;
     1406}
     1407}
     1408
    12921409/* end topnav */
    12931410
     
    12961413}
    12971414
    1298 div.configure {
     1415.configure {
    12991416     min-width: 400px;
    13001417     margin-bottom: 0;
    13011418}
    13021419
    1303 div.configure h3, .graphspanel h3 {
     1420.configure h3, .graphspanel h3 {
    13041421     border: 1px solid #7778bf;
    13051422     border-left: 5px solid #7778bf;
     
    16541771/* end new graphs optionbox */
    16551772
    1656 div.messages {
     1773.messages {
    16571774     padding: 15px;
    16581775     margin: 15px 0;
     
    16821799}
    16831800
    1684 div.error {
     1801.error {
    16851802     color: #900;
    16861803}
    16871804
    1688 div.notice {
     1805.notice {
    16891806     font-style: italic;
    16901807     margin: 0;
     
    16971814}
    16981815
    1699 div.messages li, .messages li:first-child, .error li:first-child, .error li {
     1816.messages li, .messages li:first-child, .error li:first-child, .error li {
    17001817     text-align: justify !important;
    17011818     font-weight: bold;
     
    21212238}
    21222239
    2123 div.app:active .applabel, div.app:active .applabel a  {
     2240div.app:active .applabel, div.app:active .applabel a {
    21242241     background: #f60 !important;
    21252242     color: #fff !important;
     
    22612378}
    22622379
    2263 div.main li {
     2380.main li {
    22642381     text-align: left;
    22652382     list-style: square;
     
    22702387}
    22712388
    2272 div.main li b, .statlist b a:hover {
     2389.main li b, .statlist b a:hover {
    22732390     color: #335 !important;
    22742391}
     
    23192436}
    23202437
    2321 a:hover, a:focus, a:active, .app:hover a, .app:focus a, .app:active a, 
     2438a:hover, a:focus, a:active, .app:hover a, .app:focus a, .app:active a,
    23222439input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active,
    23232440input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active,
     
    27702887     border-radius: 2px;
    27712888     min-width: 546px;
    2772      filter: drop-shadow(0 0 1px #999);
     2889     z-index: 999;
    27732890}
    27742891
     
    30583175
    30593176.twocol {
     3177     -moz-columns: 2 400px;
     3178     -webkit-columns: 2 400px;
    30603179     columns: 2 400px;
     3180     -moz-column-gap: 0 !important;
     3181     -webkit-column-gap: 0 !important;
    30613182     column-gap: 0 !important;
    30623183     display: block;
     
    30673188     break-inside: avoid;
    30683189     page-break-inside: avoid;
    3069      -webkit-break-inside: avoid;
     3190     -webkit-column-break-inside: avoid;
    30703191}
    30713192
     
    31213242}
    31223243
    3123 button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner  {
     3244button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
    31243245     outline: none;
    31253246     border: none;
     
    39654086}
    39664087
    3967 .iframed div.sorry {
     4088.iframed .sorry {
    39684089     margin: 5px 10px 10px 7px !important;
    39694090}
     
    42614382}
    42624383
    4263 div.ui_lang { /* lang text label */
     4384div.ui_lang {
    42644385     text-align: center;
    42654386     background: #eef url(images/tinytitle.png) center center !important;
     
    43674488#udpconnections td:nth-child(6), #udpconnections td:nth-child(7), #udpconnections td:nth-child(9), #udpconnections td:nth-child(10), #udpconnections td:nth-child(11),
    43684489#udpconnections td:nth-child(13), #udpconnections td:nth-child(14), #udpconnections td:nth-child(15), #udpconnections td:nth-child(16) {
    4369      text-align: right;
     4490     text-align: right !important;
    43704491     white-space: nowrap;
    43714492}
     
    43914512}
    43924513
     4514#ntcpconnections th:nth-child(6), #ntcpconnections th:nth-child(7), #ntcpconnections th:nth-child(8), #ntcpconnections th:nth-child(9), #ntcpconnections th:nth-child(10) {
     4515     text-align: right !important;
     4516}
     4517
     4518#udpconnections th:nth-child(6), #udpconnections th:nth-child(7), #udpconnections th:nth-child(n+9) {
     4519     text-align: right !important;
     4520}
     4521
     4522#udpconnections th:nth-child(12) {
     4523     text-align: center !important;
     4524}
     4525
     4526.peersort {
     4527     text-align: center;
     4528     display: inline-block;
     4529}
     4530
     4531.right {
     4532     text-align: right;
     4533     margin: 0 1px;
     4534     display: inline-block;
     4535     width: 40%
     4536}
     4537
     4538.left {
     4539     text-align: left;
     4540     margin: 0 1px;
     4541     display: inline-block;
     4542     width: 40%
     4543}
     4544
     4545.peeripv6:empty {
     4546     padding: 0;
     4547     width: 0;
     4548}
     4549
     4550.cwnd .left, .cwnd .right {
     4551     width: auto;
     4552}
     4553
     4554#udpconnections td:nth-child(n+13), #udpconnections .tablefooter td:nth-child(n+10) {
     4555     padding-right: 1%;
     4556}
     4557
     4558#peerdefs td {
     4559     line-height: 130%;
     4560}
     4561
     4562.peer_arrow {
     4563     display: inline-block;
     4564     width: 22px;
     4565     text-align: center;
     4566     margin: 2px 1px;
     4567}
     4568
    43934569/* end peers */
     4570
     4571/* /tunnels */
     4572
     4573tt a {
     4574     letter-spacing: 0.07em;
     4575}
     4576
     4577.tunnel_cap {
     4578     background: rgba(0,0,64,0.3);
     4579     color: #fff;
     4580     border: 1px solid rgba(0,0,64,0.2);
     4581     border-radius: 2px;
     4582     min-width: 12px;
     4583     padding: 0 2px;
     4584     display:inline-block;
     4585     margin: 1px 2px 1px 8px;
     4586     text-align: center !important;
     4587     text-shadow: 0 1px 1px #555;
     4588}
     4589
     4590.tunnel_cap:empty {
     4591     border: none;
     4592}
     4593
     4594.tunnel_id {
     4595     display: inline-block;
     4596     min-width: 78px;
     4597     text-align: right;
     4598}
     4599
     4600.tunnel_id:empty {
     4601     min-width: 0;
     4602}
     4603
     4604.tunnel_id:empty + .tunnel_cap {
     4605     margin-left: 12px !important;
     4606     display: inline-block;
     4607}
     4608
     4609.tunnel_peer {
     4610     display: inline-block;
     4611     min-width: 64px;
     4612     text-align: right;
     4613}
     4614
     4615.tunnel_local {
     4616     font-size: 8pt;
     4617     background: rgba(187, 187, 255, 0.3);
     4618     background: #dfdfff;
     4619     border-radius: 2px;
     4620     text-align: center;
     4621     padding: 2px 0;
     4622     margin-left: -4px;
     4623     margin-right: 4px;
     4624     text-transform: lowercase;
     4625}
     4626
     4627.tunnel_peer:empty {
     4628     vertical-align: top;
     4629}
     4630
     4631#tunnel_defs td {
     4632     padding: 4px;
     4633}
     4634
     4635#tunnel_defs td:nth-child(even) {
     4636     text-align: right;
     4637     padding-right: 0;
     4638     width: 1%;
     4639}
     4640
     4641#tunnel_defs td:nth-child(3) {
     4642    border-right: 1px inset #ddf;
     4643}
     4644
     4645#tunnel_defs td:first-child, #tunnel_defs td:last-child {
     4646     font-size: 0;
     4647     width: 0;
     4648     padding: 0;
     4649}
     4650
     4651/* end tunnels */
    43944652
    43954653/* netdb */
     
    44124670}
    44134671
    4414 table.netdbentry th {
     4672.netdbentry th {
    44154673     font-weight: normal;
    44164674}
    44174675
    4418 table.netdbentry th:last-child {
     4676.netdbentry th:last-child {
    44194677     text-align: right;
    44204678     padding: 5px;
     
    44234681}
    44244682
    4425 table.netdbentry th:first-child, table.netdbentry td:first-child {
     4683.netdbentry th:first-child, .netdbentry td:first-child {
    44264684     white-space: nowrap;
    44274685     padding: 4px 6px !important;
     
    44294687}
    44304688
    4431 table.netdbentry td:first-child {
     4689.netdbentry td:first-child {
    44324690     width: 80px;
    44334691}
    44344692
    4435 table.netdbentry td:nth-child(2) {
     4693.netdbentry td:nth-child(2) {
    44364694     word-wrap: break-word;
    44374695}
     
    44784736}
    44794737
    4480 #netdboverview th, #netdblookup th  {
     4738#netdboverview th, #netdblookup th {
    44814739     text-transform: uppercase;
    44824740     font-size: 11pt !important;
     
    46474905}
    46484906
    4649 #noleasesets {
     4907#noleasesets, #notinitialized, .netdbnotfound {
    46504908     border: 1px solid #7778bf;
    46514909     padding: 20px;
     
    46554913     margin-bottom: 5px;
    46564914     text-align: center;
     4915}
     4916
     4917#notinitialized, .netdbnotfound {
     4918     margin-top: 15px !important;
    46574919}
    46584920
     
    46744936}
    46754937
    4676 h3.sybils  {
     4938h3.sybils {
    46774939     margin-bottom: 9px;
    46784940}
     
    47425004     text-align: left;
    47435005     background: url(images/eye.png) 8px center no-repeat, repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(240, 240, 255, 0.3) 3px, #fff 5px), #fff;
     5006}
     5007
     5008p#sybil_totals {
     5009     font-weight: normal;
    47445010}
    47455011
     
    51535419
    51545420#profilelist td:last-child {
    5155      text-align: right;
     5421     text-align: center;
    51565422     padding-right: 5px;
    51575423     width: 1%;
     
    52955561     margin-bottom: 13px;
    52965562     box-shadow: inset 0 0 0 1px #fff;
    5297 }
    5298 
    5299 .main#help div.confignav {
    5300      background: #fff !important;
    53015563}
    53025564
     
    55445806     content: url(/themes/console/images/buttons/edit.png);
    55455807     vertical-align: bottom;
     5808     margin: 0 0 0 3px;
    55465809}
    55475810
     
    55545817}
    55555818
    5556 #webappconfigactions, #externali2cp  {
     5819#webappconfigactions, #externali2cp {
    55575820     margin-bottom: 5px !important;
    55585821}
     
    55615824     margin-bottom: 10px !important;
    55625825}
     5826
     5827/* netdb router address info */
     5828
     5829.leasesets_container {
     5830     -moz-columns: 680px 2;
     5831     -webkit-columns: 680px 2;
     5832     columns: 680px 2;
     5833     -moz-column-gap: 10px;
     5834     -webkit-column-gap: 10px;
     5835     column-gap: 10px;
     5836}
     5837
     5838th code {
     5839     -moz-user-select: all;
     5840     -webkit-user-select: all;
     5841     user-select: all;
     5842}
     5843
     5844@media screen and (min-width: 1634px) {
     5845.leasesets_container {
     5846     margin-bottom: 2px;
     5847}
     5848
     5849th code {
     5850     font-size: 9pt !important;
     5851}
     5852}
     5853
     5854.leasesets_container table:first-child {
     5855     margin-top: 0;
     5856}
     5857
     5858.leasesets_container table {
     5859     break-inside: avoid;
     5860     page-break-inside: avoid;
     5861     -webkit-column-break-inside: avoid;
     5862}
     5863
     5864.netdb_addresses br:first-child, .sybil_routerinfo tr:last-child td br:first-child {
     5865     display: none;
     5866}
     5867
     5868.netdbentry th:first-child::after {
     5869     content: "";
     5870     display: inline-block;
     5871     min-height: 20px;
     5872     vertical-align: middle;
     5873}
     5874
     5875.netdbentry th:last-child > *, .sybil_routerinfo th:nth-child(2) > * {
     5876     vertical-align: middle !important;
     5877}
     5878
     5879.netdbentry th a img {
     5880     display: inline-block;
     5881     vertical-align: middle;
     5882     margin-right: 1px;
     5883     margin-top: -2px;
     5884}
     5885
     5886.netdbentry a.viewfullentry::after {
     5887     display: inline-block;
     5888     vertical-align: middle !important;
     5889     margin-left: 3px;
     5890}
     5891
     5892.netdbentry td:first-child {
     5893     text-align: right;
     5894}
     5895
     5896.netdbentry .netdb_addresses {
     5897     padding-left: 40px;
     5898}
     5899
     5900b.netdb_transport {
     5901     display: inline-block;
     5902     width: 50px;
     5903     text-align: right;
     5904     margin-left: -50px;
     5905     margin-right: 5px;
     5906}
     5907
     5908#netdb code {
     5909    font-weight: normal !important;
     5910}
     5911
     5912.netdb_name {
     5913     color: #335;
     5914     text-transform: capitalize;
     5915     font-weight: bold;
     5916}
     5917
     5918.netdb_info {
     5919     margin-right: 1px;
     5920}
     5921
     5922.netdb_expiry {
     5923     margin-left: 5px;
     5924}
     5925
     5926.sybil_routerinfo th img[src^="/flags"] {
     5927     height: 11px;
     5928     width: 16px;
     5929     margin-right: 3px;
     5930}
     5931.sybil_routerinfo b.netdb_transport {
     5932     margin-left: -13px;
     5933     margin-right: 0;
     5934}
     5935
     5936.sybil_routerinfo td:first-child, .netdbentry td:first-child {
     5937     text-align: right !important;
     5938     padding-right: 0;
     5939}
     5940
     5941.sybil_routerinfo td[colspan="3"] {
     5942     white-space: normal;
     5943}
     5944
     5945.sybil_container {
     5946     -moz-columns: 680px 2;
     5947     -webkit-columns: 680px 2;
     5948     columns: 680px 2;
     5949     margin: 10px 0;
     5950}
     5951
     5952.sybil_container p {
     5953     break-inside: avoid;
     5954     page-break-inside: avoid;
     5955     -webkit-column-break-inside: avoid;
     5956}
     5957
     5958.sybil_container p:first-child {
     5959     margin-top: 0;
     5960}
     5961
     5962.sybil_container p:last-child {
     5963     margin-bottom: 0;
     5964}
     5965
     5966/* end netdb router address */
     5967
     5968/* sybils */
     5969
     5970@media screen and (-webkit-min-device-pixel-ratio:0) {
     5971.leaseset th:last-child, .leaseset td:last-child, .sybil_routerinfo th:last-child {
     5972     border-right: 1px solid #7778bf !important;
     5973}
     5974}
     5975
     5976.sybilinfo_params {
     5977     padding: 0;
     5978     border: 1px solid #7778bf;
     5979}
     5980
     5981.sybilinfo_container {
     5982     columns: 240px auto;
     5983     -moz-columns: 240px auto;
     5984     -webkit-columns: 240px auto;
     5985     -moz-column-gap: 0;
     5986     -webkit-column-gap: 0;
     5987     column-gap: 0;
     5988     background: #efefff;
     5989     background: rgba(240,240,255,0.5);
     5990     background: repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(240, 240, 255, 0.3) 3px, #fff 5px), #fff;
     5991     padding: 4px 5px;
     5992}
     5993
     5994.sybilinfo_container b {
     5995     color: #335;
     5996}
     5997
     5998.sybil_routerinfo p {
     5999     margin: 0;
     6000     padding: 1px 0;
     6001     break-inside: avoid;
     6002     page-break-inside: avoid;
     6003     -webkit-column-break-inside: avoid;
     6004}
     6005
     6006.sybilinfo_familyname {
     6007     display: inline-block;
     6008     vertical-align: top;
     6009     max-width: 150px;
     6010     white-space: nowrap;
     6011     overflow: hidden;
     6012     text-overflow: ellipsis;
     6013}
     6014
     6015.sybil_routerinfo, .sybil_routerinfo tr:nth-child(2) td, .sybil_routerinfo tr:last-child td {
     6016     border-bottom: none !important;
     6017}
     6018
     6019.sybil_routerinfo tr:last-child td {
     6020     border-top: none !important;
     6021}
     6022
     6023.sybil_addresses td:first-child {
     6024     max-width: 155px;
     6025     font-weight: bold;
     6026     padding-right: 9px;
     6027}
     6028
     6029.sybil_addresses table {
     6030     width: 100%;
     6031     margin: 0;
     6032     border-top: 1px solid #7778bf !important;
     6033     border-bottom: 1px solid #7778bf !important;
     6034}
     6035
     6036.sybil_addresses {
     6037     padding: 0;
     6038     border-bottom: 1px solid #7778bf;
     6039}
     6040
     6041.sybil_addresses table, .sybil_addresses td {
     6042     border: none;
     6043}
     6044
     6045.threatpoints + ul {
     6046     -moz-columns: auto 500px;
     6047     -webkit-columns: auto 500px;
     6048     columns: auto 500px;
     6049     -moz-column-rule: 1px solid #7778bf;
     6050     -webkit-column-rule: 1px solid #7778bf;
     6051     column-rule: 1px solid #7778bf;
     6052     padding-top: 3px;
     6053     padding-bottom: 3px;
     6054}
     6055
     6056.threatpoints + ul li:first-child {
     6057     margin-top: 0;
     6058}
     6059
     6060.threatpoints + ul li:last-child {
     6061     margin-bottom: 0;
     6062}
     6063
     6064.threatpoints + ul li {
     6065     list-style: none;
     6066     margin-left: 0;
     6067     line-height: 120%;
     6068     break-inside: avoid;
     6069     page-break-inside: avoid;
     6070     -webkit-column-break-inside: avoid;
     6071}
     6072
     6073.threatpoints + ul li a {
     6074     white-space: nowrap;
     6075     font-size: 8pt !important;
     6076     background: #eef;
     6077     margin-left: 2px;
     6078     border-radius: 1px;
     6079     padding: 0 2px;
     6080}
     6081
     6082.sybil_routerinfo + .threatpoints + ul + a[name] + table {
     6083     margin-top: -11px !important;
     6084}
     6085
     6086/* end sybils */
    55636087
    55646088/* responsive layout */
     
    57016225#profilelist th:last-child {
    57026226     font-size: 0;
     6227}
     6228}
     6229
     6230@media screen and (max-width: 1100px) {
     6231.tunnel_id, .tunnel_peer {
     6232     min-width: 0 !important;
     6233     text-align: center !important;
     6234}
     6235
     6236.tunnel_local {
     6237     margin-right: 5px;
     6238     margin-left: 2px;
     6239     padding: 2px 4px;
     6240}
     6241
     6242.tunnel_peer:empty {
     6243     vertical-align: middle;
     6244}
     6245
     6246.tunnel_peer:empty::before {
     6247     margin: 1px 6px 1px 2px;
     6248}
     6249
     6250.tunnel_cap {
     6251     margin-left: 5px !important;
    57036252}
    57046253}
     
    57766325}
    57776326
    5778 tt a, .cells tt, #profilelist tt, .cells tt a, #profilelist tt a {
    5779      margin-left: 3px !important;
     6327tt a, .cells tt, #profilelist tt, .cells tt a, #profilelist tt a, .leaseset td tt {
     6328     margin-left: 0 !important;
    57806329     margin-right: 3px !important;
    57816330     font-size: 9pt !important;
     
    57836332}
    57846333
     6334.tunnel_peer tt {
     6335     margin-left: 3px !important;
     6336}
     6337
    57856338.main[id^="config_"] th, h4#updateplugins {
    57866339     font-size: 10.5pt !important;
     
    57966349
    57976350.routersummary {
    5798      width: 207px !important;
     6351     width: 208px !important;
    57996352}
    58006353
     
    58056358
    58066359.routersummary table[id^="sb_"] {
    5807      width: 216px !important;
     6360     width: 218px !important;
    58086361}
    58096362
     
    58126365     display: inline-block;
    58136366     min-height: 18px;
    5814      vertical-align: middle
     6367     vertical-align: middle;
    58156368     box-sizing: border-box;
    58166369}
     
    58546407}
    58556408
    5856 .routersummary h3 a  {
     6409.routersummary h3 a {
    58576410     font-size: 11pt !important;
     6411     padding: 4px 0 2px;
    58586412}
    58596413
     
    58666420
    58676421#sb_internals a, #sb_advanced a {
    5868      max-width: 210px;
     6422     max-width: 212px;
    58696423}
    58706424
     
    58886442}
    58896443
    5890 /*
    5891 .confignav {
    5892      padding-top: 12px !important;
    5893 }
    5894 */
    58956444.langbox {
    58966445     line-height: 120%;
     
    59026451}
    59036452
    5904 .th_title a  {
     6453.th_title a {
    59056454     font-size: 11pt !important;
    59066455}
     
    59606509}
    59616510
     6511.tunnel_cap {
     6512     margin-left: 10px;
     6513     padding: 0 1px;
     6514     min-width: 14px;
     6515}
     6516
     6517.tunnel_id:empty {
     6518     margin-right: -10px;
     6519}
     6520
    59626521_:-ms-lang(x), #browseronstart {
    59636522     margin-bottom: -15px !important;
     
    59956554/* end Edge/IE tweaks */
    59966555
    5997 /* TODO: Merge with main classes above */
    5998 /* top navigation */
    5999 
    6000 h1, .confignav {
    6001      position: relative;
    6002 }
    6003 
    6004 h1 {
    6005      z-index: 999;
    6006      filter: none;
    6007 }
    6008 
    6009 .confignav, .main#help div.confignav {
    6010      padding: 8px;
    6011      margin: -1px -16px 5px -16px;
    6012      border: 1px solid #7778bf;
    6013      box-shadow: inset 0 0 0 1px #bbf;
    6014      font-size: 9pt;
    6015      text-align: center;
    6016      font-weight: bold;
    6017      color: #000;
    6018      background: linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.6) 52%, rgba(240, 240, 240, 0.4)) #efefff !important;
    6019      background: linear-gradient(to right, rgba(255,255,255,0.7), rgba(255,255,255,0) 5%, rgba(255,255,255,0) 95%, rgba(255,255,255,0.7)), linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.6) 52%, rgba(240, 240, 240, 0.4)) #efefff !important;
    6020      -moz-user-select: none;
    6021      -webkit-user-select: none;
    6022      user-select: none;
    6023 }
    6024 
    6025 .tab, .tab2 {
    6026      box-sizing: border-box;
    6027      display: inline-block;
    6028      border: 1px solid #7778bf;
    6029      margin: 0 -2px -1px -2px !important;
    6030      padding: 1px 0;
    6031      background: #fff;
    6032      min-width: 60px !important;
    6033      filter: drop-shadow(0 0 1px #ededed);
    6034 }
    6035 
    6036 .tab a {
    6037      display: inline-block;
    6038      padding: 3px 14px;
    6039 }
    6040 
    6041 .tab:hover a {
    6042      color: #f60 !important;
    6043 }
    6044 
    6045 .tab {
    6046      background: linear-gradient(to bottom, #fff 50%, #efefff 50%);
    6047      background: linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.6) 50%, rgba(240, 240, 240, 0.4)) #e7e7ff;
    6048      box-shadow: inset 0 0 0 1px #fff;
    6049 }
    6050 
    6051 .tab:hover {
    6052      background: #fff;
    6053      box-shadow: inset 0 0 0 1px #f90;
    6054 }
    6055 
    6056 .tab:active {
    6057      box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px 1px #5f2400;
    6058      background: #f60;
    6059 }
    6060 
    6061 .tab:active a {
    6062      color: #fff !important;
    6063 }
    6064 
    6065 .tab2 {
    6066      background: #89f;
    6067      background: #aaf;
    6068      background: #3b6bbf;
    6069      background: rgba(59, 107, 191, 0.8);
    6070      background: #6288cb;
    6071      box-shadow: inset 0 0 0 1px #fff;
    6072      color: #fff;
    6073      padding: 4px 12px;
    6074 }
    6075 
    6076 @media screen and (min-width: 1400px) {
    6077 #help .confignav {
    6078      position: sticky;
    6079      top: -1px;
    6080      z-index: 999;
    6081 }
    6082 }
    6083 
    6084 /* end topnav */
    6085 
    6086 /* network status */
    6087 
    6088 .routersummary .error, .routersummary .warn, .routersummary .testing, .routersummary .hidden,
    6089 .routersummary .running, .routersummary .firewalled, .routersummary .vmcomm, .routersummary .clockskew, .tunnelBuildStatus {
    6090      display: inline-block;
    6091      vertical-align: middle;
    6092      border: 1px solid #88f;
    6093      border-radius: 2px;
    6094      padding: 6px 3px;
    6095      width: calc(100% - 10px);
    6096      width: 100%;
    6097      margin: -4px -1px;
    6098      box-sizing: border-box;
    6099      box-shadow: inset 0 0 0 1px #fff, 0 0 1px rgba(96,96,96,0.5);
    6100      text-shadow: 0 1px 1px #fff;
    6101 }
    6102 
    6103 .routersummary .firewalled {
    6104      background: repeating-linear-gradient(135deg, rgba(220,255,220,0.3) 2px, rgba(255,255,220,0.3) 3px, rgba(220,255,220,0.3) 5px);
    6105 }
    6106 
    6107 .routersummary .error {
    6108      background: rgba(255,110,110,0.1);
    6109      box-shadow: inset 0 0 0 1px rgba(255,0,0,0.3), 0 0 1px rgba(96,96,96,0.5);
    6110      background: repeating-linear-gradient(135deg, rgba(255,100,100,0.1) 2px, rgba(255,200,200,0.3) 3px,  rgba(255,100,100,0.1) 5px);
    6111      border: 1px dotted #d33;
    6112 }
    6113 
    6114 .routersummary .warn, .routersummary .clockskew {
    6115      background: rgba(255,255,200,0.25);
    6116      box-shadow: inset 0 0 0 1px #ff0, 0 0 1px rgba(96,96,96,0.5);
    6117 }
    6118 
    6119 .routersummary .testing {
    6120      background: rgba(255,220,110,0.1);
    6121 }
    6122 
    6123 .routersummary .hidden, .routersummary .vmcomm {
    6124      background: rgba(220,220,220,0.4);
    6125 }
    6126 
    6127 .routersummary .vmcomm {
    6128      border: 1px dotted #999;
    6129 }
    6130 
    6131 .routersummary .running {
    6132      background: rgba(220,255,220,0.15);
    6133 }
    6134 
    6135 .routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before,
    6136 .routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before {
    6137      padding-right: 3px;
    6138      vertical-align: middle;
    6139      display: inline-block;
    6140      filter: drop-shadow(0 0 1px rgba(96,96,96,0.5));
    6141 }
    6142 
    6143 .routersummary .error::before, .routersummary .clockskew::before {
    6144      content: url(/themes/console/images/info/network_status/network_error.png);
    6145 }
    6146 
    6147 .routersummary .warn::before {
    6148      content: url(/themes/console/images/info/network_status/network_warning.png);
    6149 }
    6150 
    6151 .routersummary .testing::before {
    6152      content: url(/themes/console/images/info/network_status/network_testing.png);
    6153 }
    6154 
    6155 .routersummary .hidden::before {
    6156      content: url(/themes/console/images/info/network_status/network_hidden.png);
    6157 }
    6158 
    6159 .routersummary .running::before {
    6160      content: url(/themes/console/images/info/network_status/network_ok.png);
    6161 }
    6162 
    6163 .routersummary .firewalled::before {
    6164      content: url(/themes/console/images/info/network_status/network_firewalled.png);
    6165      padding-right: 4px;
    6166 }
    6167 
    6168 .routersummary .vmcomm::before {
    6169      content: url(/themes/console/images/info/network_status/network_vm.png);
    6170 }
    6171 
    6172 .routersummary .clockskew::before {
    6173      content: url(/themes/console/images/info/network_status/network_clockskew.png);
    6174 }
    6175 
    6176 /* end network status */
    6177 
    6178 /* tunnel build status */
    6179 
    6180 .tunnelBuildStatus {
    6181      padding: 7px 2px;
    6182 }
    6183 
    6184 /* TO DO: activate this when we have build status specific spans */
    6185 
    6186 /*
    6187 .tunnelStatusAccept {
    6188      background: rgba(220,255,220,0.15);
    6189      color: #070;
    6190 }
    6191 
    6192 .tunnelStatusReject {
    6193      background: rgba(255,110,110,0.1);
    6194      color: #070;
    6195 }
    6196 
    6197 .tunnelStatusRejectHidden {
    6198      background: rgba(220,220,220,0.4);
    6199      color: #777;
    6200 }
    6201 
    6202 .tunnelBuildStatus::before, .tunnelStatusAccept::before, .tunnelStatusReject::before, .tunnelStatusRejectHidden::before {
    6203      margin-bottom: 1px;
    6204      padding-right: 1px;
    6205      vertical-align: -30%;
    6206      vertical-align: middle;
    6207      display: inline-block;
    6208      filter: drop-shadow(0 0 1px rgba(96,96,96,0.5));
    6209 }
    6210 
    6211 .tunnelBuildStatus::before {
    6212      content: url(/themes/console/images/info/network_status/accepting.png);
    6213 }
    6214 
    6215 .tunnelStatusAccept::before {
    6216      content: url(/themes/console/images/info/network_status/accepting.png);
    6217 }
    6218 
    6219 .tunnelStatusReject::before {
    6220      content: url(/themes/console/images/info/network_status/rejecting.png);
    6221 }
    6222 
    6223 .tunnelStatusRejectHidden::before {
    6224      content: url(/themes/console/images/info/network_status/rejecting_hidden.png);
    6225 }
    6226 */
    6227 /* end tunnel build status */
    6228 
    6229 /* peers */
    6230 
    6231 #ntcpconnections th:nth-child(6), #ntcpconnections th:nth-child(7), #ntcpconnections th:nth-child(8), #ntcpconnections th:nth-child(9), #ntcpconnections th:nth-child(10) {
    6232      text-align: right;
    6233 }
    6234 
    6235 #udpconnections th:nth-child(6), #udpconnections th:nth-child(7), #udpconnections th:nth-child(n+9) {
    6236      text-align: right;
    6237 }
    6238 
    6239 #udpconnections th:nth-child(12) {
    6240      text-align: center;
    6241 }
    6242 
    6243 .peersort {
    6244      text-align: center;
    6245      display: inline-block;
    6246 }
    6247 
    6248 .right {
    6249      text-align: right;
    6250      margin: 0 1px;
    6251      display: inline-block;
    6252      width: 40%
    6253 }
    6254 
    6255 .left {
    6256      text-align: left;
    6257      margin: 0 1px;
    6258      display: inline-block;
    6259      width: 40%
    6260 }
    6261 
    6262 .peeripv6:empty {
    6263      padding: 0;
    6264      width: 0;
    6265 }
    6266 
    6267 .cwnd .left, .cwnd .right {
    6268      width: auto;
    6269 }
    6270 
    6271 #udpconnections td:nth-child(n+13), #udpconnections .tablefooter td:nth-child(n+10) {
    6272      padding-right: 1%;
    6273 }
    6274 
    6275 #peerdefs td {
    6276      line-height: 130%;
    6277 }
    6278 
    6279 .peer_arrow {
    6280      display: inline-block;
    6281      width: 22px;
    6282      text-align: center;
    6283      margin: 2px 1px;
    6284 }
    6285 
    6286 /* end peers */
    6287 
    6288 /* /tunnels */
    6289 
    6290 tt a {
    6291      letter-spacing: 0.07em;
    6292 }
    6293 
    6294 .tunnel_cap {
    6295      background: rgba(0,0,64,0.3);
    6296      color: #fff;
    6297      border: 1px solid rgba(0,0,64,0.2);
    6298      border-radius: 2px;
    6299      min-width: 12px;
    6300      padding: 0 2px;
    6301      display:inline-block;
    6302      margin: 1px 2px 1px 8px;
    6303      text-align: center !important;
    6304      text-shadow: 0 1px 1px #555;
    6305 }
    6306 
    6307 .tunnel_cap:empty {
    6308      border: none;
    6309 }
    6310 
    6311 .tunnel_id {
    6312      display: inline-block;
    6313      min-width: 78px;
    6314      text-align: right;
    6315 }
    6316 
    6317 .tunnel_id:empty {
    6318      min-width: 0;
    6319 }
    6320 
    6321 .tunnel_id:empty + .tunnel_cap {
    6322      margin-left: 12px !important;
    6323      display: inline-block;
    6324 }
    6325 
    6326 .tunnel_peer {
    6327      display: inline-block;
    6328      min-width: 64px;
    6329      text-align: right;
    6330 }
    6331 
    6332 .tunnel_local {
    6333      font-size: 8pt;
    6334      background: rgba(187, 187, 255, 0.3);
    6335      background: #dfdfff;
    6336      border-radius: 2px;
    6337      text-align: center;
    6338      padding: 2px 0;
    6339      margin-left: -4px;
    6340      margin-right: 4px;
    6341 }
    6342 
    6343 .tunnel_peer:empty {
    6344      vertical-align: top;
    6345 }
    6346 
    6347 #tunnel_defs td {
    6348      padding: 4px;
    6349 }
    6350 
    6351 #tunnel_defs td:nth-child(even) {
    6352      text-align: right;
    6353      padding-right: 0;
    6354      width: 1%;
    6355 }
    6356 
    6357 #tunnel_defs td:nth-child(3) {
    6358     border-right: 1px inset #ddf;
    6359 }
    6360 
    6361 #tunnel_defs td:first-child, #tunnel_defs td:last-child {
    6362      font-size: 0;
    6363      width: 0;
    6364      padding: 0;
    6365 }
    6366 
    6367 @media screen and (max-width: 1100px) {
    6368 .tunnel_id, .tunnel_peer {
    6369      min-width: 0 !important;
    6370      text-align: center !important;
    6371 }
    6372 
    6373 .tunnel_local {
    6374      margin-right: 5px;
    6375      margin-left: 2px;
    6376      padding: 2px 4px;
    6377 }
    6378 
    6379 .tunnel_peer:empty {
    6380      vertical-align: middle;
    6381 }
    6382 
    6383 .tunnel_peer:empty::before {
    6384      margin: 1px 6px 1px 2px;
    6385 }
    6386 
    6387 .tunnel_cap {
    6388      margin-left: 5px !important;
    6389 }
    6390 }
    6391 
    6392 @media screen and (min-width: 1500px) {
    6393 .tunnel_cap {
    6394      margin-left: 10px;
    6395      padding: 0 1px;
    6396      min-width: 14px;
    6397 }
    6398 
    6399 .tunnel_id:empty {
    6400      margin-right: -10px;
    6401 }
    6402 }
    6403 
    6404 /* end tunnels */
    6405 
  • installer/resources/themes/console/light/console_ar.css

    r56c0fbe rbd74b22  
    662662}
    663663
    664 table.leaseset:last-child, table.netdbentry:last-child, #profile_defs {
     664table.leaseset:last-child, .netdbentry:last-child, #profile_defs {
    665665     margin-bottom: -10px;
    666666}
     
    685685}
    686686
    687 table.netdbentry th:first-child {
    688      text-align: right;
    689 }
    690 
    691 table.netdbentry th:last-child {
    692      text-align: left;
    693 }
    694 
    695 table.netdbentry td:nth-child(2) {
    696      direction: ltr;
     687.netdbentry th:first-child {
     688     text-align: right !important;
     689}
     690
     691.netdbentry th:last-child {
     692     text-align: left;
     693}
     694
     695.netdbentry td:nth-child(2) {
     696     direction: ltr;
     697}
     698
     699.netdbentry th:last-child {
     700     border-left: 1px solid #7778bf !important;
     701}
     702
     703.netdbentry th a img {
     704     margin-left: 6px;
    697705}
    698706
     
    706714}
    707715
     716.leaseset th:last-child, .leaseset td:last-child, .sybil_routerinfo th:last-child, .sybil_routerinfo td:last-child {
     717     border-right: none !important;
     718}
     719
    708720p#profiles_overview, #profiles .widescroll + h3, #thresholds + h3, #profiles #banlist {
    709721     margin-right: -16px !important;
     
    744756#thresholds p {
    745757     padding-right: 10px;
     758}
     759
     760.sybil_routerinfo th img[src^="/flags"], .netdbentry th a img {
     761     margin-left: 5px;
    746762}
    747763
     
    878894}
    879895
     896.tunnel_local {
     897     margin-right: 0;
     898     margin-left: 4px;
     899}
     900
     901.tunnel_id:empty + .tunnel_cap {
     902    display: inline-block;
     903    margin-left: 0;
     904    margin-right: 12px;
     905}
     906
     907#tunnel_defs td:nth-child(3) {
     908     border-right: none;
     909}
     910
     911#tunnels .cells {
     912     text-align: center !important;
     913}
     914
    880915@media screen and (min-width: 1500px) {
    881916.main, .news, h1, .sorry {
  • installer/resources/themes/console/light/i2ptunnel.css

    r56c0fbe rbd74b22  
    461461
    462462.tunnelConfig td > b {
    463      margin-left: 5px;
     463     margin: 2px 0 2px 5px;
    464464     min-width: 30px;
    465465     display: inline-block;
  • installer/resources/themes/console/midnight/console.css

    r56c0fbe rbd74b22  
    162162}
    163163
    164 button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner  {
     164button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
    165165     outline: none;
    166166     border: none;
     
    218218}
    219219
    220 input[type="file"]  {
     220input[type="file"] {
    221221     box-shadow: none;
    222222     border: none;
     
    835835}
    836836
    837 button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner  {
     837button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
    838838     outline: none;
    839839     border: none;
     
    24322432
    24332433.twocol {
     2434     -moz-columns: 2 400px;
     2435     -webkit-columns: 2 400px;
    24342436     columns: 2 400px;
     2437     -moz-column-gap: 0 !important;
     2438     -webkit-column-gap: 0 !important;
    24352439     column-gap: 0 !important;
    24362440     display: block;
     
    24542458     break-inside: avoid;
    24552459     page-break-inside: avoid;
    2456      -webkit-break-inside: avoid;
     2460     -webkit-column-break-inside: avoid;
    24572461}
    24582462
     
    26192623}
    26202624
    2621 #schedjobs th:first-child, #schedjobs td:first-child, #jobstats th:first-child, #jobstats td:first-child  {
     2625#schedjobs th:first-child, #schedjobs td:first-child, #jobstats th:first-child, #jobstats td:first-child {
    26222626     text-align: left;
    26232627     padding-left: 10px;
     
    47534757}
    47544758
    4755 #floodfills th, #floodfills td  {
     4759#floodfills th, #floodfills td {
    47564760     text-align: right !important;
    47574761}
     
    47624766}
    47634767
    4764 #floodfills td  {
     4768#floodfills td {
    47654769     padding: 3px !important;
    47664770}
    47674771
    4768 #floodfills th:first-child, #floodfills td:first-child  {
     4772#floodfills th:first-child, #floodfills td:first-child {
    47694773     text-align: center !important;
    47704774     width: 52px;
     
    48374841.main#jardump {
    48384842     padding: 0;
     4843     overflow: auto;
    48394844}
    48404845
     
    53135318}
    53145319
    5315 .netdbentry th:first-child  {
     5320.netdbentry th:first-child {
    53165321     white-space: nowrap;
    53175322}
    53185323
    5319 .netdbentry td:first-child  {
     5324.netdbentry td:first-child {
    53205325     width: 80px;
    53215326}
     
    54345439}
    54355440
    5436 #noleasesets {
     5441#noleasesets, #notinitialized, .netdbnotfound {
    54375442     background: #000 url(/themes/console/images/info/infohelp.png) 12px center no-repeat !important;
    54385443     padding: 15px 15px 15px 50px !important;
    54395444     border: 1px solid #443da0;
     5445     margin-top: -4px;
    54405446     margin-bottom: 10px;
    54415447     text-align: left;
     
    55685574}
    55695575
     5576p#sybil_totals {
     5577     font-weight: normal;
     5578}
     5579
    55705580p.sybil_info, p.hashdist, p.family {
    55715581     margin-top: -1px;
     
    55765586}
    55775587
    5578 p.sybil_info + a[name] + .sybil_routerinfo, p.hashdist + a[name] + .sybil_routerinfo  {
     5588p.sybil_info + a[name] + .sybil_routerinfo, p.hashdist + a[name] + .sybil_routerinfo {
    55795589     margin-top: 10px !important;
    55805590}
     
    55885598.threatpoints + ul li:last-child {
    55895599     margin-bottom: -5px;
     5600}
     5601
     5602.sybil_routerinfo + .threatpoints + ul + a[name] + table {
     5603     margin-top: -11px !important;
     5604}
     5605
     5606.sybil_routerinfo + .threatpoints + ul {
     5607     margin-bottom: 10px;
    55905608}
    55915609
     
    57035721h3#pluginmanage {
    57045722     margin-bottom: -13px !important;
     5723}
     5724
     5725.sybils#samefamily {
     5726     margin-bottom: 10px !important;
    57055727}
    57065728
     
    61536175     background-size: 28px 28px;
    61546176}
    6155 
    6156 /* responsive layout */
    6157 
    6158 @media screen and (max-width: 900px) {
    6159 #ntcpconnections th:last-child:not(old) {
    6160      font-size: 0;
    6161 }
    6162 
    6163 #ntcpconnections th:last-child::before {
    6164      content: url(/themes/console/images/info/backlogged.png) !important;
    6165 }
    6166 
    6167 #ntcpconnections td:last-child {
    6168      width: 24px !important;
    6169      white-space: nowrap;
    6170 }
    6171 }
    6172 
    6173 @media screen and (max-width: 1200px) {
    6174 .tab, .tab2 {
    6175      padding: 1px 0 2px;
    6176      min-width: 50px !important;
    6177 }
    6178 
    6179 .tab2 {
    6180      padding: 3px 12px 4px;
    6181 }
    6182 
    6183 .tab a {
    6184      padding: 2px 14px;
    6185 }
    6186 
    6187 #floodfills td {
    6188      border-right: 1px inset #120f35;
    6189 }
    6190 
    6191 #floodfills td:last-child {
    6192      border-right: 1px solid #443da0;
    6193 }
    6194 
    6195 #plugininstall input[type="text"] {
    6196      min-width: 200px !important;
    6197 }
    6198 
    6199 td.optionsave, table#i2pupdates td:first-child {
    6200      white-space: normal !important;
    6201      width: 30%;
    6202 }
    6203 
    6204 table#i2pupdates td:first-child {
    6205      line-height: 120%;
    6206 }
    6207 
    6208 #portfaq td:nth-child(2) {
    6209      white-space: normal;
    6210 }
    6211 
    6212 .main#help h3, #faq h3 {
    6213      font-size: 10pt !important;
    6214 }
    6215 }
    6216 
    6217 @media screen and (max-width: 1500px) {
    6218 #sb_general td::after, #sb_shortgeneral td::after, #sb_bandwidth td::after,
    6219 #sb_peers td::after, #sb_tunnels td::after, #sb_queue td::after {
    6220    min-height: 14px;
    6221 }
    6222 
    6223 .tunnels_client th:first-child:not(old) {
    6224      font-size: 0;
    6225 }
    6226 
    6227 .tunnels_client th:first-child::after {
    6228      content: "\21F5";
    6229      content: "\21E9\21E7";
    6230      font-size: 12pt;
    6231      line-height: 0;
    6232      vertical-align: middle;
    6233      letter-spacing: -0.25em;
    6234 }
    6235 }
    6236 
    6237 @media screen and (min-width: 1200px) {
    6238 #floodfills td:last-child {
    6239      padding-right: 5px !important;
    6240 }
    6241 
    6242 .topness, .footnote, #newsStatus, #newsDisplay {
    6243      font-size: 9pt !important;
    6244 }
    6245 
    6246 .news hr {
    6247      margin-bottom: 5px;
    6248 }
    6249 
    6250 .main#help h3, #faq h3 {
    6251      font-size: 10.5pt !important;
    6252 }
    6253 
    6254 .cells {
    6255      border: none;
    6256 }
    6257 }
    6258 
    6259 @media screen and (min-width: 1500px) {
    6260 body, .main, .main td, .news p, #news p, .statusnotes, textarea, th, .applabel a, tt, code, .messages, .messages #newsStatus, .messages #newsDisplay, #changelog pre {
    6261      font-size: 10pt !important;
    6262 }
    6263 
    6264 .cells tt, #profilelist tt, #floodfills tt {
    6265      font-size: 9pt !important;
    6266      margin-left: 1px !important;
    6267      margin-right: 2px !important;
    6268 }
    6269 
    6270 h1 {
    6271      font-size: 19pt;
    6272      padding: 15px;
    6273 }
    6274 
    6275 .main button, .main input, select {
    6276      font-size: 10pt !important;
    6277 }
    6278 
    6279 .main, .news, h1 {
    6280      margin-left: 232px !important;
    6281 }
    6282 
    6283 .routersummary {
    6284      width: 200px !important;
    6285 }
    6286 
    6287 .routersummary div[style="height: 36px;"] {
    6288      height: 40px !important;
    6289      margin-top: 3px;
    6290 }
    6291 
    6292 div.routersummary img[src$="i2plogo.png"] {
    6293      margin-left: -4px;
    6294      transform: none;
    6295      width: 204px;
    6296      margin-top: -2px;
    6297 }
    6298 
    6299 .routersummary table[id^="sb_"], #sb_localtunnels {
    6300      width: 216px !important;
    6301 }
    6302 
    6303 #sb_general td::after, #sb_shortgeneral td::after, #sb_bandwidth td::after, #sb_peers td::after, #sb_tunnels td::after, #sb_queue td::after {
    6304    min-height: 18px;
    6305 }
    6306 
    6307 .routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, .smallhead, pre, #newsStatus, #newsDisplay {
    6308      font-size: 9pt !important;
    6309 }
    6310 
    6311 .routersummary button.download {
    6312      font-size: 10pt !important;
    6313 }
    6314 
    6315 .routersummary h3 a, #netdboverview th {
    6316      font-size: 11pt !important;
    6317 }
    6318 
    6319 .routersummary button {
    6320      min-width: 100px !important;
    6321 }
    6322 
    6323 div.app {
    6324      min-width: 138px;
    6325 }
    6326 
    6327 div.app:hover {
    6328      cursor: pointer;
    6329 }
    6330 
    6331 .applabel {
    6332      width: 150px !important;
    6333 }
    6334 
    6335 .applabel a, .applabel a:hover {
    6336      max-width: 146px;
    6337      padding: 3px 0;
    6338 }
    6339 
    6340 .appimg {
    6341      height: 50px;
    6342      padding-top: 4px;
    6343 }
    6344 
    6345 img.app, img.app2p {
    6346      padding: 14px 61px 44px;
    6347      margin-top: -5px;
    6348 }
    6349 
    6350 h3#themeheading, h3#langheading, h3#passwordheading {
    6351      font-size: 12pt !important;
    6352 }
    6353 
    6354 h3#i2pclientconfig, h3#pconfig, h3#pluginfromurl, h3#pluginfromfile, #clientconf.infohelp, h3#pluginmanage, h3#webappconfig {
    6355      margin-bottom: -15px !important;
    6356 }
    6357 
    6358 h4#updateplugins {
    6359      margin-top: -15px !important;
    6360 }
    6361 
    6362 #profilelist td:first-child, #profilelist th:first-child, #floodfills td:first-child, #floodfills th:first-child {
    6363      width: 1% !important;
    6364      white-space: nowrap;
    6365 }
    6366 
    6367 .sorry {
    6368      margin-left: 232px !important;
    6369 }
    6370 
    6371 .subheading b {
    6372      font-size: 10.5pt !important;
    6373 }
    6374 
    6375 #webappconfig td:first-child::after {
    6376      min-height: 30px;
    6377 }
    6378 
    6379 div.joblog h3 {
    6380      margin-top: 8px !important;
    6381 }
    6382 
    6383 #sb_services a:link, #sb_internals a:link, #sb_advanced a:link {
    6384      max-width: 207px;
    6385 }
    6386 
    6387 #sb_general, #sb_shortgeneral, #sb_bandwidth, #sb_peers, #sb_tunnels, #sb_queue {
    6388      margin-top: -4px !important;
    6389      margin-bottom: -4px !important;
    6390 }
    6391 
    6392 .langbox {
    6393      margin-top: 6px;
    6394      line-height: 16px;
    6395 }
    6396 
    6397 button.control, button.control:hover, button.control:focus {
    6398      padding: 14px !important;
    6399      font-size: 0 !important;
    6400 }
    6401 
    6402 .main[id^="config_"] th, h4#updateplugins {
    6403     font-size: 10.5pt !important;
    6404 }
    6405 
    6406 #help .confignav {
    6407      padding: 0 !important;
    6408      position: sticky;
    6409      top: 0;
    6410      z-index: 999;
    6411 }
    6412 
    6413 #help .tab {
    6414      margin-top: -1px !important;
    6415      margin-bottom: -1px !important;
    6416 }
    6417 
    6418 .newsAuthor {
    6419      font-size: 9pt !important;
    6420      background-size: 15px 15px !important;
    6421      padding-left: 19px !important;
    6422 }
    6423 
    6424 table#reseedconfig input[type="text"], table#reseedconfig input[type="password"] {
    6425      width: 250px;
    6426 }
    6427 
    6428 .themechoice, .langselect {
    6429      width: 134px !important;
    6430 }
    6431 
    6432 .ui_lang {
    6433      width: 138px;
    6434 }
    6435 
    6436 .themechoice .optbox, .langselect .optbox {
    6437      min-width: 138px !important;
    6438      outline: 1px dotted #f00;
    6439      opacity: 0;
    6440 }
    6441 
    6442 .themechoice .optbox {
    6443      margin-left: -42px !important;
    6444 }
    6445 
    6446 .langselect .optbox {
    6447      margin: -7px 0 -34px -2px;
    6448      min-height: 64px;
    6449 }
    6450 
    6451 .langselect img {
    6452     margin-left: -78px !important;
    6453 }
    6454 
    6455 .langselect input[name="lang"]:checked + img {
    6456     margin-left: -79px !important;
    6457 }
    6458 }
    6459 
    6460 @media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1500px) {
    6461 .langselect img, .langselect input[name="lang"]:checked + img {
    6462      margin-left: -10px !important;
    6463      margin-top: -16px !important;
    6464 }
    6465 
    6466 .langselect input[name="lang"]:checked + img {
    6467      margin-left: -11px !important;
    6468      margin-top: -18px !important;
    6469 }
    6470 }
    6471 
    6472 @media screen and (min-width: 1840px) {
    6473 div[id^="config_"] div.confignav {
    6474      display: flex;
    6475      flex-direction: row;
    6476      flex-wrap: wrap;
    6477      align-content: space-evenly;
    6478      justify-content: center;
    6479      padding: 4px 4px 5px 3px !important;
    6480 }
    6481 
    6482 div[id^="config_"] .tab, div[id^="config_"] .tab2 {
    6483      flex: auto;
    6484      flex-basis: content;
    6485      flex-grow: 0.06;
    6486      margin: 0 -1px -1px 0 !important;
    6487      white-space: nowrap;
    6488      min-width: 70px !important;
    6489 }
    6490 
    6491 div[id^="config_"] .tab2 {
    6492      padding: 5px 6px;
    6493 }
    6494 
    6495 div[id^="config_"] .tab a {
    6496      padding: 4px 6px;
    6497 }
    6498 
    6499 div[id^="config_"] div.confignav {
    6500      padding: 0 !important;
    6501 }
    6502 
    6503 div[id^="config_"] .tab, div[id^="config_"] .tab2 {
    6504      margin-top: -1px !important;
    6505 }
    6506 
    6507 div[id^="config_"] .tab:first-child {
    6508      margin-left: -1px !important;
    6509 }
    6510 }
    6511 
    6512 /* responsive proxy errors */
    6513 
    6514 @media screen and (max-width: 800px) {
    6515 .warning {
    6516      margin-left: 20px !important;
    6517      margin-top: 130px !important;
    6518      background: #000 !important;
    6519      padding: 5px 15px 15px !important;
    6520 }
    6521 
    6522 .warning h3, .warning a, .warning p {
    6523      font-size: 9pt;
    6524 }
    6525 
    6526 .logo {
    6527      position: absolute;
    6528      top: 20px;
    6529      width: calc(100% - 62px) !important;
    6530      z-index: 999;
    6531      min-width: 330px;
    6532      display: block;
    6533 }
    6534 
    6535 .logo a {
    6536      width: auto !important;
    6537      padding: 2px 5px !important;
    6538      display: inline-block !important;
    6539 }
    6540 
    6541 .logo a img {
    6542      padding: 0 !important;
    6543      margin-top: -2px;
    6544      margin-bottom: -4px;
    6545 }
    6546 }
    6547 
    6548 @media screen and (min-height: 700px) {
    6549 .proxyfooter {
    6550      position: absolute;
    6551      bottom: 0;
    6552      right: 0;
    6553      padding: 0 20px 0 0;
    6554      text-align: right;
    6555      background: #030;
    6556      width: 100%;
    6557      opacity: 0.7;
    6558      border-top: 1px solid #000;
    6559 }
    6560 
    6561 .proxyfooter p {
    6562      text-align: right;
    6563      line-height: 130% !important;
    6564      margin: 5px 0;
    6565 }
    6566 
    6567 .warning {
    6568      margin-bottom: 30px;
    6569 }
    6570 }
    6571 
    6572 @media screen and (max-height: 700px) {
    6573 .proxyfooter {
    6574      display: none;
    6575 }
    6576 }
    6577 /* end proxy errors */
    6578 /* end responsive layout */
    6579 
    6580 /* IE/Edge tweaks */
    6581 
    6582 _:-ms-lang(x), .tunnels_client th:first-child::after {
    6583      letter-spacing: -0.05em;
    6584      font-weight: normal;
    6585 }
    6586 
    6587 _:-ms-lang(x), table + .statusnotes {
    6588      margin-top: -2px;
    6589 }
    6590 
    6591 /* end IE/Edge tweaks */
    65926177
    65936178/* network status */
     
    66826267
    66836268#sb_services, #sb_internals, #sb_advanced {
    6684      margin-top: -2px !important;
     6269     margin-top: -3px !important;
     6270     margin-bottom: -5px !important;
    66856271}
    66866272
     
    67316317.tunnel_local {
    67326318     font-size: 8pt;
     6319     text-transform: lowercase;
    67336320     background: rgba(0,0,96,0.3);
    67346321     border-radius: 2px;
     
    67486335}
    67496336
     6337#tunnel_defs td:first-child, #tunnel_defs td:nth-child(even) {
     6338     width: 1%;
     6339     white-space: nowrap;
     6340}
     6341
    67506342@media screen and (max-width: 1100px) {
    67516343.tunnel_id, .tunnel_peer {
     
    68746466
    68756467/* end peers */
     6468
     6469/* netdb router address info */
     6470
     6471.leasesets_container {
     6472     -moz-columns: 680px 2;
     6473     -webkit-columns: 680px 2;
     6474     columns: 680px 2;
     6475     -moz-column-gap: 10px;
     6476     -webkit-column-gap: 10px;
     6477     column-gap: 10px;
     6478}
     6479
     6480th code {
     6481     -moz-user-select: all;
     6482     -webkit-user-select: all;
     6483     user-select: all;
     6484}
     6485
     6486@media screen and (min-width: 1634px) {
     6487.leasesets_container {
     6488     margin-bottom: 8px;
     6489}
     6490
     6491th code {
     6492     font-size: 9pt !important;
     6493}
     6494}
     6495
     6496.leasesets_container table:first-child {
     6497     margin-top: 0;
     6498}
     6499
     6500.leasesets_container table {
     6501     break-inside: avoid;
     6502     page-break-inside: avoid;
     6503     -webkit-column-break-inside: avoid;
     6504}
     6505
     6506.netdb_addresses br:first-child, .sybil_routerinfo tr:last-child td br:first-child {
     6507     display: none;
     6508}
     6509
     6510.netdbentry th:first-child::after {
     6511     content: "";
     6512     display: inline-block;
     6513     min-height: 20px;
     6514     vertical-align: middle;
     6515}
     6516
     6517.netdbentry th:last-child > *, .sybil_routerinfo th:nth-child(2) > * {
     6518     display: inline-block;
     6519     vertical-align: middle !important;
     6520}
     6521
     6522.netdbentry th a img {
     6523     display: inline-block;
     6524     vertical-align: middle;
     6525     margin-right: 1px;
     6526     margin-bottom: 2px;
     6527}
     6528
     6529.netdbentry a.viewfullentry::after {
     6530     display: inline-block;
     6531     vertical-align: middle !important;
     6532     margin-left: 3px;
     6533}
     6534
     6535.netdbentry td:first-child {
     6536     text-align: right;
     6537     min-width: 100px;
     6538     padding-right: 5px !important
     6539}
     6540
     6541b.netdb_transport {
     6542     display: inline-block;
     6543     width: 50px;
     6544     text-align: right;
     6545     margin-right: 5px;
     6546}
     6547
     6548#netdb code {
     6549    font-weight: normal !important;
     6550}
     6551
     6552.netdb_name {
     6553     color: #dfe2ff;
     6554     text-transform: capitalize;
     6555     font-weight: bold;
     6556}
     6557
     6558.netdb_info {
     6559     margin-right: 1px;
     6560}
     6561
     6562.netdb_expiry {
     6563     margin-left: 5px;
     6564}
     6565
     6566.sybil_routerinfo th img[src^="/flags"] {
     6567     height: 11px;
     6568     width: 16px;
     6569     margin-right: 5px;
     6570}
     6571
     6572.sybil_routerinfo b.netdb_transport {
     6573     margin-left: -13px;
     6574     margin-right: 0;
     6575}
     6576
     6577.sybil_routerinfo td:first-child, .netdbentry td:first-child {
     6578     text-align: right !important;
     6579     padding-right: 0;
     6580}
     6581
     6582.sybil_routerinfo td[colspan="3"] {
     6583     white-space: normal;
     6584}
     6585
     6586.sybil_container {
     6587     -moz-columns: 680px 2;
     6588     -webkit-columns: 680px 2;
     6589     columns: 680px 2;
     6590     margin: 10px 0;
     6591}
     6592
     6593.sybil_container p {
     6594     break-inside: avoid;
     6595     page-break-inside: avoid;
     6596     -webkit-column-break-inside: avoid;
     6597}
     6598
     6599.sybil_container p:first-child {
     6600     margin-top: 0;
     6601}
     6602
     6603.sybil_container p:last-child {
     6604     margin-bottom: 0;
     6605}
     6606
     6607/* end netdb router address */
     6608
     6609/* sybils */
     6610
     6611.leaseset th:last-child, .leaseset td:last-child, .sybil_routerinfo th:last-child, .sybil_routerinfo td:last-child {
     6612     border-right: 1px solid #443da0 !important;
     6613}
     6614
     6615.sybil_routerinfo table td:last-child {
     6616     border-right: none !important;
     6617}
     6618
     6619.sybilinfo_params {
     6620     padding: 0;
     6621     border-bottom: 1px solid #443da0;
     6622}
     6623
     6624.sybilinfo_container {
     6625     columns: 240px auto;
     6626     -moz-columns: 240px auto;
     6627     -webkit-columns: 240px auto;
     6628     -moz-column-gap: 0;
     6629     -webkit-column-gap: 0;
     6630     column-gap: 0;
     6631     background: #00001a;
     6632     padding: 4px 5px;
     6633}
     6634
     6635.sybilinfo_container b {
     6636     color: #bb3;
     6637}
     6638
     6639.sybil_routerinfo tr:last-child {
     6640     border-top: none;
     6641}
     6642
     6643.sybil_routerinfo p {
     6644     margin: 0;
     6645     padding: 0;
     6646     line-height: 120%;
     6647     break-inside: avoid;
     6648     page-break-inside: avoid;
     6649     -webkit-column-break-inside: avoid;
     6650}
     6651
     6652#sybils_summary {
     6653     line-height: 140%;
     6654}
     6655
     6656.sybilinfo_familyname {
     6657     display: inline-block;
     6658     vertical-align: top;
     6659     max-width: 150px;
     6660     white-space: nowrap;
     6661     overflow: hidden;
     6662     text-overflow: ellipsis;
     6663}
     6664
     6665.sybil_addresses td:first-child {
     6666     max-width: 155px;
     6667     font-weight: bold;
     6668     padding-right: 9px;
     6669}
     6670
     6671.sybil_addresses table {
     6672     width: 100%;
     6673     margin: 0;
     6674}
     6675
     6676.sybil_addresses {
     6677     padding: 0;
     6678     border-bottom: 1px solid #443da0
     6679}
     6680
     6681.sybil_addresses table, .sybil_addresses td {
     6682     border: none;
     6683}
     6684
     6685.threatpoints + ul {
     6686     -moz-columns: auto 600px;
     6687     -webkit-columns: auto 600px;
     6688     columns: auto 600px;
     6689     -moz-column-rule: 1px solid #443da0;
     6690     -webkit-column-rule: 1px solid #443da0;
     6691     column-rule: 1px solid #443da0;
     6692     padding-top: 3px;
     6693     padding-bottom: 3px;
     6694}
     6695
     6696.threatpoints + ul li:first-child {
     6697     margin-top: 0 !important;
     6698     padding-top: 0 !important;
     6699}
     6700
     6701.threatpoints + ul li:last-child {
     6702     padding-bottom: 0 !important;
     6703}
     6704
     6705.threatpoints + ul li {
     6706     list-style: none;
     6707     margin-left: 5px;
     6708     line-height: 120%;
     6709     break-inside: avoid !important;
     6710     page-break-inside: avoid !important;
     6711     -webkit-column-break-inside: avoid !important;
     6712}
     6713
     6714.threatpoints + ul li a {
     6715     white-space: nowrap;
     6716}
     6717
     6718/* end sybils */
     6719
     6720/* responsive layout */
     6721
     6722@media screen and (max-width: 900px) {
     6723#ntcpconnections th:last-child:not(old) {
     6724     font-size: 0;
     6725}
     6726
     6727#ntcpconnections th:last-child::before {
     6728     content: url(/themes/console/images/info/backlogged.png) !important;
     6729}
     6730
     6731#ntcpconnections td:last-child {
     6732     width: 24px !important;
     6733     white-space: nowrap;
     6734}
     6735}
     6736
     6737@media screen and (max-width: 1200px) {
     6738.tab, .tab2 {
     6739     padding: 1px 0 2px;
     6740     min-width: 50px !important;
     6741}
     6742
     6743.tab2 {
     6744     padding: 3px 12px 4px;
     6745}
     6746
     6747.tab a {
     6748     padding: 2px 14px;
     6749}
     6750
     6751#floodfills td {
     6752     border-right: 1px inset #120f35;
     6753}
     6754
     6755#floodfills td:last-child {
     6756     border-right: 1px solid #443da0;
     6757}
     6758
     6759#plugininstall input[type="text"] {
     6760     min-width: 200px !important;
     6761}
     6762
     6763td.optionsave, table#i2pupdates td:first-child {
     6764     white-space: normal !important;
     6765     width: 30%;
     6766}
     6767
     6768table#i2pupdates td:first-child {
     6769     line-height: 120%;
     6770}
     6771
     6772#portfaq td:nth-child(2) {
     6773     white-space: normal;
     6774}
     6775
     6776.main#help h3, #faq h3 {
     6777     font-size: 10pt !important;
     6778}
     6779}
     6780
     6781@media screen and (max-width: 1500px) {
     6782#sb_general td::after, #sb_shortgeneral td::after, #sb_bandwidth td::after,
     6783#sb_peers td::after, #sb_tunnels td::after, #sb_queue td::after {
     6784   min-height: 14px;
     6785}
     6786
     6787.tunnels_client th:first-child:not(old) {
     6788     font-size: 0;
     6789}
     6790
     6791.tunnels_client th:first-child::after {
     6792     content: "\21F5";
     6793     content: "\21E9\21E7";
     6794     font-size: 12pt;
     6795     line-height: 0;
     6796     vertical-align: middle;
     6797     letter-spacing: -0.25em;
     6798}
     6799}
     6800
     6801@media screen and (min-width: 1200px) {
     6802#floodfills td:last-child {
     6803     padding-right: 5px !important;
     6804}
     6805
     6806.topness, .footnote, #newsStatus, #newsDisplay {
     6807     font-size: 9pt !important;
     6808}
     6809
     6810.news hr {
     6811     margin-bottom: 5px;
     6812}
     6813
     6814.main#help h3, #faq h3 {
     6815     font-size: 10.5pt !important;
     6816}
     6817
     6818.cells {
     6819     border: none;
     6820}
     6821}
     6822
     6823@media screen and (min-width: 1500px) {
     6824body, .main, .main td, .news p, #news p, .statusnotes, textarea, th, .applabel a, tt, code, .messages, .messages #newsStatus, .messages #newsDisplay, #changelog pre {
     6825     font-size: 10pt !important;
     6826}
     6827
     6828.cells tt, #profilelist tt, #floodfills tt {
     6829     font-size: 9pt !important;
     6830     margin-left: 1px !important;
     6831     margin-right: 2px !important;
     6832}
     6833
     6834h1 {
     6835     font-size: 19pt;
     6836     padding: 15px;
     6837}
     6838
     6839.main button, .main input, select {
     6840     font-size: 10pt !important;
     6841}
     6842
     6843.main, .news, h1 {
     6844     margin-left: 232px !important;
     6845}
     6846
     6847.routersummary {
     6848     width: 200px !important;
     6849}
     6850
     6851.routersummary div[style="height: 36px;"] {
     6852     height: 40px !important;
     6853     margin-top: 3px;
     6854}
     6855
     6856div.routersummary img[src$="i2plogo.png"] {
     6857     margin-left: -4px;
     6858     transform: none;
     6859     width: 204px;
     6860     margin-top: -2px;
     6861}
     6862
     6863.routersummary table[id^="sb_"], #sb_localtunnels {
     6864     width: 216px !important;
     6865}
     6866
     6867#sb_general td::after, #sb_shortgeneral td::after, #sb_bandwidth td::after, #sb_peers td::after, #sb_tunnels td::after, #sb_queue td::after {
     6868   min-height: 18px;
     6869}
     6870
     6871.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, .smallhead, pre, #newsStatus, #newsDisplay {
     6872     font-size: 9pt !important;
     6873}
     6874
     6875.routersummary button.download {
     6876     font-size: 10pt !important;
     6877}
     6878
     6879.routersummary h3 a, #netdboverview th {
     6880     font-size: 11pt !important;
     6881}
     6882
     6883.routersummary button {
     6884     min-width: 100px !important;
     6885}
     6886
     6887div.app {
     6888     min-width: 138px;
     6889}
     6890
     6891div.app:hover {
     6892     cursor: pointer;
     6893}
     6894
     6895.applabel {
     6896     width: 150px !important;
     6897}
     6898
     6899.applabel a, .applabel a:hover {
     6900     max-width: 146px;
     6901     padding: 3px 0;
     6902}
     6903
     6904.appimg {
     6905     height: 50px;
     6906     padding-top: 4px;
     6907}
     6908
     6909img.app, img.app2p {
     6910     padding: 14px 61px 44px;
     6911     margin-top: -5px;
     6912}
     6913
     6914h3#themeheading, h3#langheading, h3#passwordheading {
     6915     font-size: 12pt !important;
     6916}
     6917
     6918h3#i2pclientconfig, h3#pconfig, h3#pluginfromurl, h3#pluginfromfile, #clientconf.infohelp, h3#pluginmanage, h3#webappconfig {
     6919     margin-bottom: -15px !important;
     6920}
     6921
     6922h4#updateplugins {
     6923     margin-top: -15px !important;
     6924}
     6925
     6926#profilelist td:first-child, #profilelist th:first-child, #floodfills td:first-child, #floodfills th:first-child {
     6927     width: 1% !important;
     6928     white-space: nowrap;
     6929}
     6930
     6931.sorry {
     6932     margin-left: 232px !important;
     6933}
     6934
     6935.subheading b {
     6936     font-size: 10.5pt !important;
     6937}
     6938
     6939#webappconfig td:first-child::after {
     6940     min-height: 30px;
     6941}
     6942
     6943div.joblog h3 {
     6944     margin-top: 8px !important;
     6945}
     6946
     6947#sb_services a:link, #sb_internals a:link, #sb_advanced a:link {
     6948     max-width: 207px;
     6949}
     6950
     6951#sb_general, #sb_shortgeneral, #sb_bandwidth, #sb_peers, #sb_tunnels, #sb_queue {
     6952     margin-top: -4px !important;
     6953     margin-bottom: -4px !important;
     6954}
     6955
     6956.langbox {
     6957     margin-top: 6px;
     6958     line-height: 16px;
     6959}
     6960
     6961button.control, button.control:hover, button.control:focus {
     6962     padding: 14px !important;
     6963     font-size: 0 !important;
     6964}
     6965
     6966.main[id^="config_"] th, h4#updateplugins {
     6967    font-size: 10.5pt !important;
     6968}
     6969
     6970#help .confignav {
     6971     padding: 0 !important;
     6972     position: sticky;
     6973     top: 0;
     6974     z-index: 999;
     6975}
     6976
     6977#help .tab {
     6978     margin-top: -1px !important;
     6979     margin-bottom: -1px !important;
     6980}
     6981
     6982.newsAuthor {
     6983     font-size: 9pt !important;
     6984     background-size: 15px 15px !important;
     6985     padding-left: 19px !important;
     6986}
     6987
     6988table#reseedconfig input[type="text"], table#reseedconfig input[type="password"] {
     6989     width: 250px;
     6990}
     6991
     6992.themechoice, .langselect {
     6993     width: 134px !important;
     6994}
     6995
     6996.ui_lang {
     6997     width: 138px;
     6998}
     6999
     7000.themechoice .optbox, .langselect .optbox {
     7001     min-width: 138px !important;
     7002     outline: 1px dotted #f00;
     7003     opacity: 0;
     7004}
     7005
     7006.themechoice .optbox {
     7007     margin-left: -42px !important;
     7008}
     7009
     7010.langselect .optbox {
     7011     margin: -7px 0 -34px -2px;
     7012     min-height: 64px;
     7013}
     7014
     7015.langselect img {
     7016    margin-left: -78px !important;
     7017}
     7018
     7019.langselect input[name="lang"]:checked + img {
     7020    margin-left: -79px !important;
     7021}
     7022}
     7023
     7024@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1500px) {
     7025.langselect img, .langselect input[name="lang"]:checked + img {
     7026     margin-left: -10px !important;
     7027     margin-top: -16px !important;
     7028}
     7029
     7030.langselect input[name="lang"]:checked + img {
     7031     margin-left: -11px !important;
     7032     margin-top: -18px !important;
     7033}
     7034}
     7035
     7036@media screen and (min-width: 1840px) {
     7037div[id^="config_"] div.confignav {
     7038     display: flex;
     7039     flex-direction: row;
     7040     flex-wrap: wrap;
     7041     align-content: space-evenly;
     7042     justify-content: center;
     7043     padding: 4px 4px 5px 3px !important;
     7044}
     7045
     7046div[id^="config_"] .tab, div[id^="config_"] .tab2 {
     7047     flex: auto;
     7048     flex-basis: content;
     7049     flex-grow: 0.06;
     7050     margin: 0 -1px -1px 0 !important;
     7051     white-space: nowrap;
     7052     min-width: 70px !important;
     7053}
     7054
     7055div[id^="config_"] .tab2 {
     7056     padding: 5px 6px;
     7057}
     7058
     7059div[id^="config_"] .tab a {
     7060<