Changeset a929b5c6 for installer


Ignore:
Timestamp:
May 14, 2017 6:26:16 AM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
8a5967f
Parents:
e32d4b1
Message:

Theme updates:

  • Section title images in the tunnel manager + presentational tweaks
    • Separation of server/client tunnels for consistency in iframed/separate view
  • More responsive layout tweaks specifically for narrow viewports
    • Lessens UI breakage, particularly for languages with long translated strings (ru, de etc)
  • Susimail light theme enhancements
  • Incremental theme tweaks including Arabic (light/dark) & Chinese (classic/dark/midnight)
  • Fixed placement of "Welcome to I2P" h2 on /home for new users
  • Fixed conflicting .home#home div on homepage (now #homepanel)
  • Fixed double select dropdown icon in Internet Explorer/MS Edge
  • Addressed minor rendering issues in IE 11 and MS Edge
Location:
installer/resources/themes
Files:
9 added
30 edited

Legend:

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

    re32d4b1 ra929b5c6  
    4242/* Sidepanel for proxy errors */
    4343
    44 div.logo {
     44.logo {
    4545     float: left;
    4646     position: relative;
     
    6868}
    6969
    70 div.logo hr {
     70.logo hr {
    7171     color: #ddf;
    7272     background: #ddf;
     
    7676}
    7777
    78 div.logo a {
     78.logo a {
    7979     display: inline-block;
    8080     padding: 4px 0;
     
    8282}
    8383
    84 div.logo a:active {
     84.logo a:active {
    8585     color: #f60;
    8686     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #999 !important;
    8787}
    8888
    89 div.logo a:hover {
     89.logo a:hover {
    9090     color: #900;
    9191     background: rgba(220,220,255,0.5);
     
    9696/* HTTP Proxy warning Main box */
    9797
    98 div.warning {
     98.warning {
    9999     margin: 25px 20px 0 260px;
    100100     padding: 0 20px 40px;
     
    107107}
    108108
    109 div.warning a:link {
     109.warning a:link {
    110110     color: #f60 !important;
    111111}
    112112
    113 div.warning a:visited {
     113.warning a:visited {
    114114     color: #f90 !important;
    115115}
    116116
    117 div.warning a:hover {
     117.warning a:hover {
    118118     color: #d30 !important;
    119119}
    120120
    121 div.warning a:active {
     121.warning a:active {
    122122     color: #900 !important;
    123123}
    124124
    125 div.warning hr {
     125.warning hr {
    126126     color: #fb7;
    127127     background: #fb7;
     
    131131}
    132132
    133 div.warning h3 {
     133.warning h3 {
    134134     border: 0;
    135135     border-bottom: 1px solid #fb7;
     
    140140}
    141141
    142 div.warning h3:first-child {
     142.warning h3:first-child {
    143143     margin: 2px -18px 10px -18px;
    144144     padding: 10px 10px 10px 38px;
     
    212212     font-size: 8pt;
    213213     padding: 0 5px 5px;
    214      margin: -60px 20px 0 260px;
     214     margin: -50px 8px 0 260px;
    215215     min-width: 600px;
    216216}
     
    224224/* console error messages */
    225225
    226 div.sorry {
     226.sorry {
    227227     padding: 20px 20px 20px 60px;
    228228     background: #fff url(/themes/console/images/info/errortriangle.png) 10px center no-repeat;
    229      background: url(/themes/console/images/info/errortriangle.png) 10px center no-repeat, linear-gradient(to bottom, #fff 0%, #ffe 100%);
     229     background: url(/themes/console/images/info/errortriangle.png) 10px center no-repeat, linear-gradient(to bottom, #fff, #ffe);
    230230     margin: -1px 1px 0 200px;
    231231     min-width: 460px;
     
    238238}
    239239
    240 div.sorry hr {
     240.sorry hr {
    241241     color: #89f;
    242242     background: #8c4d16;
     
    246246}
    247247
    248 /* Side panel */
    249 
    250 div.routersummaryouter {
     248/* Sidebar */
     249
     250.routersummaryouter {
    251251     float: left;
    252252     width: 193px;
     
    258258}
    259259
    260 div.routersummary {
     260.routersummary {
    261261     background: #eef url(images/bg0.png);
    262262     background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.2)), url(images/bg0.png);
     
    272272}
    273273
    274 div.routersummary img[src$="i2plogo.png"] {
     274.routersummary img[src$="i2plogo.png"] {
    275275    margin-top: 3px;
    276276     margin-left: 0;
     
    284284}
    285285
    286 div.routersummary input[type=text] {
     286.routersummary input[type=text] {
    287287     text-align: right !important;
    288288}
     
    291291     min-width: 87px;
    292292     margin: 2px 2px 1px;
    293 /*     padding: 5px 2px !important;*/
    294293}
    295294
     
    298297}
    299298
    300 div.routersummary hr {
     299.routersummary hr {
    301300     color: #89f;
    302301     background: #89f;
     
    310309}
    311310
    312 div.routersummary h3 {
     311.routersummary h3 {
    313312     border: none;
    314313     font-size: 9.5pt;
     
    317316     padding: 3px 0;
    318317     background: #fff url(images/tinytitle.png) center center repeat;
    319      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%) !important;
     318     background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%) !important;
    320319     text-transform: uppercase;
    321320}
    322321
    323322.routersummary h3:hover {
    324      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffd 50%, #ffd 100%) !important;
     323     background: linear-gradient(to bottom, #fff 50%, #ffd 50%) !important;
     324}
     325
     326.routersummary h3:hover a {
     327     color: #f60 !important;
    325328}
    326329
     
    333336}
    334337
    335 div.routersummary h4 {
     338.routersummary h4 {
    336339     border: 0;
    337340     border-bottom: 0 !important;
     
    342345     text-transform: capitalize;
    343346     text-decoration: none !important;
    344      color: #2b2;
    345347     color: #1f7096;
    346348     line-height: 110%;
    347349     background: #fff url(images/bg2.png);
    348      background: linear-gradient(to right, #eff2ff 0%, #fff 50%, #eff2ff 100%);
     350     background: linear-gradient(to right, #eff2ff 0%, #fff 50%, #eff2ff);
    349351     box-shadow: inset 0 0 2px 1px #f2f7fa;
    350352}
    351353
    352 div.routersummary h3 a, div.routersummary h4 a {
     354.routersummary h3 a, .routersummary h4 a {
    353355     text-decoration: none;
    354356     white-space: normal;
     
    358360}
    359361
    360 /*
    361 .routersummary h4 a::before {
    362      content: url(images/ntwrk.png);
    363      padding: 0 !important;
    364      margin: 0 4px 0 -5px;
    365      line-height: 10%;
    366      vertical-align: sub;
    367      vertical-align: -moz-middle-with-baseline;
    368 }
    369 */
    370 
    371 div.routersummary ul {
     362.routersummary ul {
    372363     text-align: left !important;
    373364}
    374365
    375 div.routersummary table {
     366.routersummary table {
    376367     table-layout: fixed;
    377368     border: 0;
     
    386377}
    387378
    388 div.routersummary tr {
     379.routersummary tr {
    389380     background-image: none !important;
    390381     background-color: transparent !important;
     
    392383}
    393384
    394 div.routersummary td {
     385.routersummary td {
    395386     padding: 0 3px;
    396387     background-image: none !important;
     
    403394}
    404395
    405 #sb_general td::after, #sb_shortgeneral td::after, #sb_bandwidth td::after,
    406 #sb_peers td::after, #sb_tunnels td::after, #sb_queue td::after {
     396#sb_general td::after, #sb_shortgeneral td::after, #sb_bandwidth td::after, #sb_peers td::after, #sb_tunnels td::after, #sb_queue td::after {
    407397   content: "";
    408398   display: inline-block;
     
    410400}
    411401
    412 /*
    413 #sb_peers td, #sb_tunnels td, #sb_queue td, #sb_bandwidth td, #sb_general td, #sb_shortgeneral td {
    414      padding-top: 1px;
    415      padding-bottom: 1px;
    416 }
    417 */
    418 
    419402#sb_peers td:first-child, #sb_tunnels td:first-child, #sb_queue td:first-child, #sb_bandwidth td:first-child, #sb_general td:first-child, #sb_shortgeneral td:first-child {
    420403     white-space: nowrap;
     
    439422
    440423#sb_internals, #sb_services, #sb_advanced {
    441      margin-top: -2px !important;
     424     margin-top: -3px !important;
    442425}
    443426
     
    452435}
    453436
     437#sb_localtunnels {
     438     margin: -6px -2px -6px 0 !important;
     439     text-align: center !important;
     440     width: 196px;
     441     box-sizing: border-box;
     442}
     443
     444#sb_localtunnels td {
     445     padding: 1px !important;
     446}
     447
     448#sb_localtunnels tr:nth-child(odd) td {
     449     background: rgba(220,220,255,0.5);
     450}
     451
     452#sb_localtunnels tr:nth-child(even) td {
     453     background: rgba(230,230,255,0.5);
     454}
     455
     456#sb_localtunnels tr:hover td {
     457     background: #ffe !important;
     458     transition: ease background 0.3s;
     459}
     460
     461#sb_localtunnels a {
     462     text-transform: capitalize;
     463     display: inline-block;
     464     width: 100%;
     465}
     466
     467#sb_localtunnels td:first-child {
     468     width: 12px !important;
     469     padding-right: 0;
     470     text-align: left;
     471}
     472
     473#sb_localtunnels td:nth-child(2) {
     474     width: 156px;
     475}
     476
     477#sb_localtunnels td:last-child {
     478     width: 12px;
     479     text-align: right;
     480     padding-right: 2px !important;
     481}
     482
    454483#sb_warning {
    455484     border-bottom: 1px solid #89f !important;
     
    473502}
    474503
    475 div.routersummary form {
     504.routersummary form {
    476505     margin: -2px 0;
    477506}
     
    498527}
    499528
    500 #sb_localtunnels {
    501      margin: -5px -2px -6px 0 !important;
    502      text-align: center !important;
    503      width: 194px;
    504      box-sizing: border-box;
    505 }
    506 
    507 #sb_localtunnels tr td {
    508      padding: 1px !important;
    509 }
    510 
    511 /*
    512 #sb_localtunnels tr:nth-child(odd) td {
    513      background: #bbf;
    514 }
    515 
    516 #sb_localtunnels tr:nth-child(even) td {
    517      background: #ddf;
    518 }
    519 */
    520 
    521 #sb_localtunnels a {
    522      text-transform: capitalize;
    523 }
    524 
    525 #sb_localtunnels td:first-child {
    526      width: 12px !important;
    527      padding-right: 0;
    528      text-align: left;
    529 }
    530 
    531 #sb_localtunnels td:nth-child(2) {
    532      width: 156px;
    533 }
    534 
    535 #sb_localtunnels td:last-child {
    536      width: 12px;
    537      text-align: right;
    538      padding-right: 2px !important;
    539 }
    540 
    541529div.refresh {
    542530     margin-top: 10px !important;
     
    545533}
    546534
    547 div.routersummary p {
     535.routersummary p {
    548536     padding: 0;
    549537}
    550538
    551 div.routersummary a:hover {
     539.routersummary a:hover {
    552540     color: #f60;
    553541}
     
    561549     opacity: 1;
    562550     filter: drop-shadow(0 0 1px #89f);
    563      -webkit-filter: drop-shadow(0 0 1px #89f);
    564551}
    565552
     
    570557.routersummary a[href="/"]:focus img, .routersummary a[href="/console"]:focus img {
    571558     filter: drop-shadow(0 0 1px #f60) saturate(200%);
    572      -webkit-filter: drop-shadow(0 0 1px #f60) saturate(200%);
    573 }
    574 /* end sidebar */
     559}
     560
     561/* end Sidebar */
    575562
    576563a:link {
     
    615602tt, code {
    616603     font-size: 9pt;
    617      font-weight: bold;
     604     font-weight: bold !important;
    618605     color: darkgreen;
    619606}
    620607
    621608/* buttons & inputs */
     609
    622610select {
     611     -moz-appearance: none;
     612     -webkit-appearance: none;
     613     appearance: none;
     614     background: url(images/dropdown.png) right center no-repeat #fff;
     615     background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff, #ddd);
    623616     margin: 3px 5px;
    624617     vertical-align: middle;
    625618     min-width: 160px;
    626      background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
    627619     border-radius: 2px;
    628620     border: 1px solid #bbb;
    629621     box-shadow: inset 0 0 0 1px #fff;
    630      padding: 4px 16px 4px 2px;
     622     padding: 4px 16px 4px 4px;
    631623     text-overflow: ellipsis;
    632624     color: #333;
     
    638630}
    639631
    640 @-moz-document url-prefix() { /* target firefox and derivatives only */
    641 select {
    642      -moz-appearance: none;
    643      background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    644 }
    645 
    646632select:hover, select:active {
    647633     background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     
    652638     box-shadow: 0 0 0 1px #89f;
    653639}
    654 }
    655640
    656641select:focus {
    657642     color: #000;
     643}
     644
     645select::-ms-expand {
     646     display: none;
    658647}
    659648
     
    677666}
    678667
     668#config_homepage .delete {
     669     float: left !important;
     670     margin-left: 5px;
     671}
     672
    679673input {
    680674     margin: 3px 5px 3px 0;
     
    684678     min-width: 16px !important;
    685679     min-height: 16px !important;
    686      vertical-align: middle;
     680     vertical-align: sub;
    687681     background: none;
     682     margin: 6px;
     683}
     684
     685input[type="radio"]:hover, input[type="radio"]:focus, input[type="checkbox"]:hover, input[type="checkbox"]:focus {
     686     filter: drop-shadow(0 0 2px #89f);
     687     box-shadow: inset 0 0 1px 2px #89f;
     688     outline: none;
     689}
     690
     691input[type="checkbox"][disabled]:hover, input[type="radio"][disabled]:hover,
     692input[type="checkbox"][disabled]:focus, input[type="radio"][disabled]:focus {
     693     box-shadow: none;
     694     filter: none;
     695}
     696
     697label {
     698     cursor: pointer;
     699}
     700
     701label:hover {
     702     color: #03050f;
     703}
     704
     705label[for="0"] {
     706     cursor: default;
     707     color: #0c153d;
     708}
     709
     710.main#config_clients label[for="0"] {
     711     cursor: default;
     712     color: #0c153d;
    688713}
    689714
     
    704729
    705730input[type="text"]:focus, input[type="password"]:focus {
    706      box-shadow: inset 0 0 0 1px #89f;
     731     box-shadow: inset 0 0 0 1px #89f, 0 0 1px rgba(136, 153, 255, 0.4);
    707732     color: #000;
     733}
     734
     735input[type="text"][readonly], input[type="text"][readonly]:focus {
     736     background: #efefef;
     737     box-shadow: inset 1px 1px 1px #ddd;
     738     color: #333;
    708739}
    709740
     
    715746button:hover, input[type="submit"]:hover, input[type="reset"]:hover {
    716747     background: #fff;
    717      background: linear-gradient(to bottom, #ddd 0%, #fff 100%);
     748     background: linear-gradient(to bottom, #ddd, #fff);
    718749}
    719750
     
    739770
    740771/* accessibility tweak - colors rather than focus rings where possible */
     772
    741773.optbox:hover, .optbox:focus, input[type="checkbox"]:hover, input[type="checkbox"]:focus {
    742 /*        -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#89f')";*/
    743      -webkit-filter: drop-shadow(0 0 2px #89f);
    744774     filter: drop-shadow(0 0 2px #89f);
     775     box-shadow: 0 0 0 1px #89f;
    745776     border: 0;
    746777     outline: none;
     
    749780.optbox:disabled:hover, input:disabled:hover {
    750781     filter: none;
    751      -webkit-filter: none;
    752782}
    753783
     
    792822     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ddd;
    793823     background: #eee;
    794      background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
     824     background: linear-gradient(to bottom, #fff, #ddd);
    795825     color: #333;
    796826     margin: 3px 8px 3px 0;
     
    804834
    805835button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:focus, input[type="submit"]:focus, input[type="reset"]:focus {
    806      background: linear-gradient(to bottom, #ddd 0%, #fff 100%);
     836     background: linear-gradient(to bottom, #ddd, #fff);
    807837     border: 1px solid #89f;
    808838     color: #222;
     
    818848
    819849input.accept, button.accept {
    820      background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    821      padding: 5px 5px 5px 21px;
     850     background: url(/themes/console/images/buttons/yes.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     851     padding: 5px 7px 5px 23px;
    822852}
    823853
    824854input.accept:hover, button.accept:hover,
    825855input.accept:focus, button.accept:focus {
    826      background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     856     background: url(/themes/console/images/buttons/yes.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    827857}
    828858
    829859input.accept[value^="Unban"], button.accept[value^="Unban"] {
    830      background: url(/themes/console/images/buttons/unban.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    831      padding: 5px 5px 5px 21px;
     860     background: url(/themes/console/images/buttons/unban.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     861     padding: 5px 7px 5px 23px;
    832862}
    833863
    834864input.accept[value^="Unban"]:hover, button.accept[value^="Unban"]:hover,
    835865input.accept[value^="Unban"]:focus, button.accept[value^="Unban"]:focus {
    836      background: url(/themes/console/images/buttons/unban.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     866     background: url(/themes/console/images/buttons/unban.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    837867}
    838868
    839869input.accept[value^="Create"], button.accept[value^="Create"] {
    840      background: url(/themes/console/images/buttons/create.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    841      padding: 5px 5px 5px 21px;
     870     background: url(/themes/console/images/buttons/create.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     871     padding: 5px 7px 5px 23px;
    842872}
    843873
    844874input.accept[value^="Create"]:hover, button.accept[value^="Create"]:hover,
    845875input.accept[value^="Create"]:focus, button.accept[value^="Create"]:focus {
    846      background: url(/themes/console/images/buttons/create.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     876     background: url(/themes/console/images/buttons/create.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    847877}
    848878
    849879input.accept[value^="Filter"], button.accept[value^="Filter"] {
    850      background: url(/themes/console/images/buttons/filter.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    851      padding: 5px 5px 5px 21px;
     880     background: url(/themes/console/images/buttons/filter.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     881     padding: 5px 7px 5px 23px;
    852882}
    853883
    854884input.accept[value^="Filter"]:hover, button.accept[value^="Filter"]:hover,
    855885input.accept[value^="Filter"]:focus, button.accept[value^="Filter"]:focus {
    856      background: url(/themes/console/images/buttons/filter.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     886     background: url(/themes/console/images/buttons/filter.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    857887}
    858888
    859889input.add, button.add {
    860      background: url(/themes/console/images/buttons/add.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    861      padding: 5px 5px 5px 21px;
     890     background: url(/themes/console/images/buttons/add.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     891     padding: 5px 7px 5px 23px;
    862892}
    863893
    864894input.add:hover, button.add:hover,
    865895input.add:focus, button.add:focus {
    866      background: url(/themes/console/images/buttons/add.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     896     background: url(/themes/console/images/buttons/add.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    867897}
    868898
    869899input.add[value^="Adjust"], button.add[value^="Adjust"] {
    870      background: url(/themes/console/images/buttons/edit2.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    871      padding: 5px 5px 5px 21px;
     900     background: url(/themes/console/images/buttons/edit2.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     901     padding: 5px 7px 5px 23px;
    872902}
    873903
    874904input.add[value^="Adjust"]:hover, button.add[value^="Adjust"]:hover,
    875905input.add[value^="Adjust"]:focus, button.add[value^="Adjust"]:focus {
    876      background: url(/themes/console/images/buttons/edit2.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     906     background: url(/themes/console/images/buttons/edit2.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    877907}
    878908
    879909input.cancel, button.cancel {
    880      background: url(/themes/console/images/buttons/no.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    881      padding: 5px 5px 5px 21px;
     910     background: url(/themes/console/images/buttons/no.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     911     padding: 5px 7px 5px 23px;
    882912}
    883913
    884914input.cancel:hover, button.cancel:hover,
    885915input.cancel:focus, button.cancel:focus {
    886      background: url(/themes/console/images/buttons/no.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     916     background: url(/themes/console/images/buttons/no.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    887917}
    888918
    889919input.accept[value^="Show"], button.accept[value^="Show"],
    890920input.check[value^="View"], button.check[value^="View"] {
    891      background: url(/themes/console/images/buttons/show.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    892      padding: 5px 5px 5px 21px;
     921     background: url(/themes/console/images/buttons/show.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     922     padding: 5px 7px 5px 23px;
    893923}
    894924
     
    897927input.accept[value^="Show"]:focus, button.accept[value^="Show"]:focus,
    898928input.check[value^="View"]:focus, button.check[value^="View"]:focus {
    899      background: url(/themes/console/images/buttons/show.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     929     background: url(/themes/console/images/buttons/show.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    900930}
    901931
    902932input.cancel[value^="Hide"], button.cancel[value^="Hide"],
    903933input.delete[value^="Do not view"], button.delete[value^="Do not view"] {
    904      background: url(/themes/console/images/buttons/hide.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    905      padding: 5px 5px 5px 21px;
     934     background: url(/themes/console/images/buttons/hide.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     935     padding: 5px 7px 5px 23px;
    906936}
    907937
     
    910940input.cancel[value^="Hide"]:focus, button.cancel[value^="Hide"]:focus,
    911941input.delete[value^="Do not view"]:focus, button.delete[value^="Do not view"]:focus {
    912      background: url(/themes/console/images/buttons/hide.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     942     background: url(/themes/console/images/buttons/hide.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    913943}
    914944
    915945input.check, button.check {
    916      background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    917      padding: 5px 5px 5px 21px;
     946     background: url(/themes/console/images/buttons/yes.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     947     padding: 5px 7px 5px 23px;
    918948}
    919949
    920950input.check:hover, button.check:hover,
    921951input.check:focus, button.check:focus {
    922      background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     952     background: url(/themes/console/images/buttons/yes.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    923953}
    924954
    925955input.check[value$="updates"], button.check[value$="updates"] {
    926      background: url(/themes/console/images/buttons/update.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    927      padding: 5px 5px 5px 21px;
     956     background: url(/themes/console/images/buttons/update.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     957     padding: 5px 7px 5px 23px;
    928958}
    929959
    930960input.check[value$="updates"]:hover, button.check[value$="updates"]:hover,
    931961input.check[value$="updates"]:focus, button.check[value$="updates"]:focus {
    932      background: url(/themes/console/images/buttons/update_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     962     background: url(/themes/console/images/buttons/update_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    933963}
    934964
    935965input.delete, button.delete {
    936      background: url(/themes/console/images/buttons/delete.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    937      padding: 5px 5px 5px 21px;
     966     background: url(/themes/console/images/buttons/delete.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     967     padding: 5px 7px 5px 23px;
    938968}
    939969
    940970input.delete:hover, button.delete:hover,
    941971input.delete:focus, button.delete:focus {
    942      background: url(/themes/console/images/buttons/delete_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     972     background: url(/themes/console/images/buttons/delete_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    943973}
    944974
    945975input.delete[value^="Ban"], button.delete[value^="Ban"] {
    946      background: url(/themes/console/images/buttons/ban.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    947      padding: 5px 5px 5px 21px;
     976     background: url(/themes/console/images/buttons/ban.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     977     padding: 5px 7px 5px 23px;
    948978}
    949979
    950980input.delete[value^="Ban"]:hover, button.delete[value^="Ban"]:hover,
    951981input.delete[value^="Ban"]:focus, button.delete[value^="Ban"]:focus {
    952      background: url(/themes/console/images/buttons/ban.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     982     background: url(/themes/console/images/buttons/ban.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    953983}
    954984
    955985input.download, button.download {
    956      background: url(/themes/console/images/buttons/download.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    957      padding: 5px 5px 5px 21px;
     986     background: url(/themes/console/images/buttons/download.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     987     padding: 5px 7px 5px 23px;
    958988}
    959989
    960990input.download:hover, button.download:hover,
    961991input.download:focus, button.download:focus {
    962      background: url(/themes/console/images/buttons/download.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     992     background: url(/themes/console/images/buttons/download.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    963993}
    964994
    965995input.download[value^="Join"], button.download[value^="Join"] {
    966      background: url(/themes/console/images/buttons/users.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    967      padding: 5px 5px 5px 21px;
     996     background: url(/themes/console/images/buttons/users.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     997     padding: 5px 7px 5px 23px;
    968998}
    969999
    9701000input.download[value^="Join"]:hover, button.download[value^="Join"]:hover,
    9711001input.download[value^="Join"]:focus, button.download[value^="Join"]:focus {
    972      background: url(/themes/console/images/buttons/users.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1002     background: url(/themes/console/images/buttons/users.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    9731003}
    9741004
    9751005input.download[value$="from File"], button.download[value$="from File"],
    9761006input.download[value$="from file"], button.download[value$="from file"] {
    977      background: url(/themes/console/images/buttons/from-file.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    978      padding: 5px 5px 5px 21px;
     1007     background: url(/themes/console/images/buttons/from-file.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     1008     padding: 5px 7px 5px 23px;
    9791009}
    9801010
     
    9831013input.download[value$="from File"]:focus, button.download[value$="from File"]:focus,
    9841014input.download[value$="from file"]:focus, button.download[value$="from file"]:focus {
    985      background: url(/themes/console/images/buttons/from-file.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1015     background: url(/themes/console/images/buttons/from-file.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    9861016}
    9871017
    9881018input.download[value^="Dump"], button.download[value^="Dump"] {
    989      background: url(/themes/console/images/buttons/dump-threads.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    990      padding: 5px 5px 5px 21px;
     1019     background: url(/themes/console/images/buttons/dump-threads.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     1020     padding: 5px 7px 5px 23px;
    9911021}
    9921022
    9931023input.download[value^="Dump"]:hover, button.download[value^="Dump"]:hover,
    9941024input.download[value^="Dump"]:focus, button.download[value^="Dump"]:focus {
    995      background: url(/themes/console/images/buttons/dump-threads.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1025     background: url(/themes/console/images/buttons/dump-threads.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    9961026}
    9971027
    9981028input.go, button.go, input[value="GO"] {
    999      background: url(/themes/console/images/buttons/go.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    1000      padding: 5px 5px 5px 21px;
     1029     background: url(/themes/console/images/buttons/go.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     1030     padding: 5px 7px 5px 23px;
    10011031}
    10021032
    10031033input.go:hover, button.go:hover, input[value="GO"]:hover,
    10041034input.go:focus, button.go:focus, input[value="GO"]:focus {
    1005      background: url(/themes/console/images/buttons/go.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1035     background: url(/themes/console/images/buttons/go.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    10061036}
    10071037
    10081038input.go[value^="Create"], button.go[value^="Create"] {
    1009      background: url(/themes/console/images/buttons/create-file.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    1010      padding: 5px 5px 5px 21px;
     1039     background: url(/themes/console/images/buttons/create-file.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     1040     padding: 5px 7px 5px 23px;
    10111041}
    10121042
    10131043input.go[value^="Create"]:hover, button.go[value^="Create"]:hover,
    10141044input.go[value^="Create"]:focus, button.go[value^="Create"]:focus {
    1015      background: url(/themes/console/images/buttons/create-file.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1045     background: url(/themes/console/images/buttons/create-file.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    10161046}
    10171047
    10181048input.reload, button.reload {
    1019      background: url(/themes/console/images/buttons/restore.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    1020      padding: 5px 5px 5px 21px;
     1049     background: url(/themes/console/images/buttons/restore.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     1050     padding: 5px 7px 5px 23px;
    10211051}
    10221052
    10231053input.reload:hover, button.reload:hover,
    10241054input.reload:focus, button.reload:focus {
    1025      background: url(/themes/console/images/buttons/restore_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1055     background: url(/themes/console/images/buttons/restore_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    10261056}
    10271057
    10281058input.reload[value$="restart"], button.reload[value$="restart"] {
    1029      background: url(/themes/console/images/buttons/restart.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    1030      padding: 5px 5px 5px 21px;
     1059     background: url(/themes/console/images/buttons/restart.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     1060     padding: 5px 7px 5px 23px;
    10311061}
    10321062
    10331063input.reload[value$="restart"]:hover, button.reload[value$="restart"]:hover,
    10341064input.reload[value$="restart"]:focus, button.reload[value$="restart"]:focus {
    1035      background: url(/themes/console/images/buttons/restart_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1065     background: url(/themes/console/images/buttons/restart_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    10361066}
    10371067
    10381068input.reload[value^="Update"], button.reload[value^="Update"] {
    1039      background: url(/themes/console/images/buttons/update.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    1040      padding: 5px 5px 5px 21px;
     1069     background: url(/themes/console/images/buttons/update.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     1070     padding: 5px 7px 5px 23px;
    10411071}
    10421072
    10431073input.reload[value^="Update"]:hover, button.reload[value^="Update"]:hover,
    10441074input.reload[value^="Update"]:focus, button.reload[value^="Update"]:focus {
    1045      background: url(/themes/console/images/buttons/update_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1075     background: url(/themes/console/images/buttons/update_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    10461076}
    10471077
    10481078input.reload[value="Force GC"], button.reload[value="Force GC"] {
    1049      background: url(/themes/console/images/buttons/clean.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    1050      padding: 5px 5px 5px 21px;
     1079     background: url(/themes/console/images/buttons/clean.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
     1080     padding: 5px 7px 5px 23px;
    10511081}
    10521082
    10531083input.reload[value="Force GC"]:hover, button.reload[value="Force GC"]:hover,
    10541084input.reload[value="Force GC"]:focus, button.reload[value="Force GC"]:focus {
    1055      background: url(/themes/console/images/buttons/clean_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1085     background: url(/themes/console/images/buttons/clean_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    10561086}
    10571087
    10581088input.stop, button.stop {
    1059      background: url(/themes/console/images/buttons/shutdown.png) no-repeat 6px 6px, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    1060      padding: 5px 5px 5px 21px;
     1089     background: url(/themes/console/images/buttons/shutdown.png) no-repeat 7px 6px, linear-gradient(to bottom, #fff, #ddd);
     1090     padding: 5px 7px 5px 23px;
    10611091}
    10621092
    10631093input.stop:hover, button.stop:hover,
    10641094input.stop:focus, button.stop:focus {
    1065      background: url(/themes/console/images/buttons/shutdown_hover.png) no-repeat 6px 6px, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1095     background: url(/themes/console/images/buttons/shutdown_hover.png) no-repeat 7px 6px, linear-gradient(to bottom, #ddd, #fff);
    10661096}
    10671097
    10681098button.search {
    1069      background: url(/themes/console/images/buttons/search.png) no-repeat 6px 6px, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    1070      padding: 5px 5px 5px 21px;
     1099     background: url(/themes/console/images/buttons/search.png) no-repeat 7px 6px, linear-gradient(to bottom, #fff, #ddd);
     1100     padding: 5px 7px 5px 23px;
    10711101}
    10721102
    10731103button.search:hover,
    10741104button.search:focus {
    1075      background: url(/themes/console/images/buttons/search_hover.png) no-repeat 6px 6px, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1105     background: url(/themes/console/images/buttons/search_hover.png) no-repeat 7px 6px, linear-gradient(to bottom, #ddd, #fff);
    10761106}
    10771107
    10781108/* client config buttons aka project "X" */
    10791109
     1110button.control {
     1111     font-size: 0 !important;
     1112     text-indent: -99999px !important;
     1113     background-size: 16px 16px, 100% 100% !important;
     1114     padding: 12px !important;
     1115}
     1116
    10801117button.accept.control {
    1081      font-size: 0;
    1082      text-indent: -99999px;
    1083      background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    1084      background-size: 16px 16px, 100% 100% !important;
    1085      padding: 12px 11px;
     1118     background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
    10861119}
    10871120
    10881121button.accept.control:hover, button.accept.control:focus {
    1089      background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1122     background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff);
    10901123}
    10911124
    10921125button.stop.control {
    1093      font-size: 0;
    1094      text-indent: -99999px;
    1095      background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    1096      background-size: 16px 16px, 100% 100% !important;
    1097      padding: 12px 11px;
     1126     background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
    10981127}
    10991128
    11001129button.stop.control:hover, button.stop.control:focus {
    1101      background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1130     background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff);
    11021131}
    11031132
    11041133button.add.control {
    1105      font-size: 0;
    1106      text-indent: -99999px;
    1107      background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    1108      background-size: 16px 16px, 100% 100% !important;
    1109      padding: 12px 11px;
     1134     background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
    11101135}
    11111136
    11121137button.add.control:hover, button.add.control:focus {
    1113      background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1138     background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff);
    11141139}
    11151140
    11161141button.delete.control {
    1117      font-size: 0;
    1118      text-indent: -99999px;
    1119      background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    1120      background-size: 16px 16px, 100% 100% !important;
    1121      padding: 12px 11px;
     1142     background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
    11221143}
    11231144
    11241145button.delete.control:hover, button.delete.control:focus {
    1125      background: url(/themes/console/images/buttons/delete_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1146     background: url(/themes/console/images/buttons/delete_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff);
    11261147}
    11271148
    11281149button.check.control {
    1129      font-size: 0;
    1130      text-indent: -99999px;
    1131      background: url(/themes/console/images/buttons/update.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    1132      background-size: 16px 16px, 100% 100% !important;
    1133      padding: 12px 11px;
     1150     background: url(/themes/console/images/buttons/update.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
    11341151}
    11351152
    11361153button.check.control:hover, button.check.control:focus {
    1137      background: url(/themes/console/images/buttons/update_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1154     background: url(/themes/console/images/buttons/update_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff);
    11381155}
    11391156
    11401157button.download.control {
    1141      font-size: 0;
    1142      text-indent: -99999px;
    1143      background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    1144      background-size: 16px 16px, 100% 100% !important;
    1145      padding: 12px 11px;
     1158     background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
    11461159}
    11471160
    11481161button.download.control:hover, button.download.control:focus {
    1149      background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1162     background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff);
    11501163}
    11511164
     
    11841197
    11851198.routersummary .stop {
    1186      background: url(/themes/console/images/buttons/shutdown.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     1199     background: url(/themes/console/images/buttons/shutdown.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
    11871200}
    11881201
    11891202.routersummary .stop:hover, .routersummary .stop:focus {
    1190      background: url(/themes/console/images/buttons/shutdown_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1203     background: url(/themes/console/images/buttons/shutdown_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff);
    11911204     border: 1px solid #89f;
    11921205}
     
    11981211     text-align: left;
    11991212     min-width: 0 !important;
    1200      padding-left: 21px !important;
     1213     padding: 5px 7px 5px 23px !important;
     1214     text-transform: capitalize;
     1215}
     1216
     1217.routersummary .cancel {
     1218     text-transform: capitalize;
    12011219}
    12021220
    12031221.routersummary .reload[value="restartImmediate"] {
    1204      background: url(/themes/console/images/buttons/restart.png) center left 4px no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;
     1222     background: url(/themes/console/images/buttons/restart.png) center left 7px no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;
     1223     background-size: 14px auto, 100% 100% !important;
    12051224}
    12061225
    12071226.routersummary .reload[value="restartImmediate"]:hover, .routersummary .reload[value="restartImmediate"]:focus, .routersummary .reload[value="restartImmediate"]:active {
    1208      background: url(/themes/console/images/buttons/restart_hover.png) center left 4px no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     1227     background: url(/themes/console/images/buttons/restart_hover.png) center left 7px no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     1228     background-size: 14px auto, 100% 100% !important;
    12091229}
    12101230
    12111231.routersummary .stop[value="shutdownImmediate"] {
    1212      background: url(/themes/console/images/buttons/shutdown.png) center left 4px no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;
     1232     background: url(/themes/console/images/buttons/shutdown.png) center left 7px no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;
     1233     background-size: 14px auto, 100% 100% !important;
    12131234}
    12141235
    12151236.routersummary .stop[value="shutdownImmediate"]:hover, .routersummary .stop[value="shutdownImmediate"]:focus, .routersummary .stop[value="shutdownImmediate"]:active {
    1216      background: url(/themes/console/images/buttons/shutdown_hover.png) center left 4px no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     1237     background: url(/themes/console/images/buttons/shutdown_hover.png) center left 7px no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     1238     background-size: 14px auto, 100% 100% !important;
    12171239}
    12181240
    12191241.routersummary .reload[value="Reseed"] {
    1220      background: url(/themes/console/images/buttons/download.png) center left 4px no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;
     1242     background: url(/themes/console/images/buttons/download.png) center left 7px no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;
     1243     background-size: 14px auto, 100% 100% !important;
    12211244}
    12221245
    12231246.routersummary .reload[value="Reseed"]:hover, .routersummary .reload[value="Reseed"]:focus, .routersummary .reload[value="Reseed"]:active {
    1224      background: url(/themes/console/images/buttons/download.png) center left 4px no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     1247     background: url(/themes/console/images/buttons/download.png) center left 7px no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     1248     background-size: 14px auto, 100% 100% !important;
    12251249}
    12261250
    12271251.routersummary .download {
    1228      background: url(/themes/console/images/buttons/download.png) 4px center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     1252     background: url(/themes/console/images/buttons/download.png) 7px center no-repeat, linear-gradient(to bottom, #fff, #ddd);
    12291253     background-size: 14px 14px, 100% 100% !important;
    1230      padding: 5px 3px 5px 18px !important;
    1231 /*     margin-top: -4px;*/
    12321254}
    12331255
    12341256.routersummary .download:hover, .routersummary .download:focus, .routersummary .download:active {
    1235      background: url(/themes/console/images/buttons/download.png) 4px center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1257     background: url(/themes/console/images/buttons/download.png) 7px center no-repeat, linear-gradient(to bottom, #ddd, #fff);
    12361258     background-size: 14px 14px, 100% 100% !important;
    1237      padding: 5px 3px 5px 18px !important;
    1238 }
    1239 
    1240 /*
    1241 @media screen and (-webkit-min-device-pixel-ratio:0) {
    1242 .routersummary .download, .routersummary .download:hover, .routersummary .download:focus, .routersummary .download:active {
    1243      padding-left: 19px !important;
    1244 }
    1245 }
    1246 */
     1259}
    12471260
    12481261/* end sidebar buttons */
    12491262/* end buttons & inputs */
    12501263
    1251 div.main {
     1264.main {
    12521265     margin: 0 1px 0 200px;
    12531266     padding: 15px 15px 10px 15px;
    12541267     background: #eff1ff;
    12551268     border: 1px solid #89f;
    1256      border-bottom: 1px solid #89f;
    1257      border-right: 1px solid #89f;
    12581269     border-top: 0;
    12591270     text-align: left;
    12601271     color: #0c153d;
    1261      min-width: 510px;
     1272     min-width: 540px;
    12621273     background: #eef url(/themes/snark/ubergine/images/hat.png) no-repeat scroll right bottom !important;
    12631274     background: url(/themes/snark/ubergine/images/hat.png) no-repeat scroll right bottom, url(images/bg0.png) repeat scroll top left !important;
     
    12661277
    12671278.main#news h3 {
    1268      padding: 3px 10px;
     1279     padding: 3px 0;
    12691280     font-size: 10pt;
    12701281     border: none;
     
    12771288}
    12781289
    1279 div.main ul {
     1290.main ul {
    12801291     margin: -10px 0 10px -10px;
    12811292}
    12821293
    1283 div.main li {
     1294.main li {
    12841295     padding: 0 0 5px 0;
    12851296     list-style: square;
     
    12881299}
    12891300
    1290 div.main li:first-child {
     1301.main li:first-child {
    12911302     padding-top: 15px;
    12921303}
    12931304
    1294 div.main li b {
     1305.main li b {
    12951306     color: #1f7096 !important;
    12961307     letter-spacing: 0.01em;
     
    12991310}
    13001311
    1301 div.main hr:last-child {
     1312.main hr:last-child {
    13021313     margin: 15px 0 10px 0;
    13031314}
    13041315
    1305 div.main textarea {
     1316.main textarea {
    13061317     width: 98%;
    13071318     width: calc(100% - 5px);
     
    13181329.main textarea:focus {
    13191330     box-shadow: inset 0 0 0 1px #89f;
     1331     box-shadow: inset 0 0 0 1px #89f, 0 0 1px rgba(136, 153, 255, 0.4);
    13201332     color: #000;
    13211333}
    13221334
    1323 div.main h2 {
     1335.main h2 {
    13241336     margin-bottom: 10px !important;
     1337}
     1338
     1339.main#home .welcome h2 {
     1340     margin: -9px -10px -8px;
     1341}
     1342
     1343.main#home .langbox {
     1344     margin-right: -7px;
    13251345}
    13261346
     
    13351355.main#dns, .main#webmail, .main#torrents {
    13361356     padding: 0 !important;
     1357     min-width: 570px;
    13371358}
    13381359
     
    13401361     padding: 0;
    13411362     overflow-y: hidden !important;
     1363     min-width: 570px;
    13421364}
    13431365
    13441366.main#proof {
    13451367     padding: 0;
     1368     min-width: 570px;
    13461369}
    13471370
    13481371.main#tunnelmgr {
    13491372     padding: 0 10px;
     1373     min-width: 550px;
     1374}
     1375
     1376.main#help {
     1377     background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.1)), url(images/bg0.png) !important;
    13501378}
    13511379
     
    13541382}
    13551383
    1356 div.main h2:first-child, div.main h3:first-child {
     1384.main h2:first-child, .main h3:first-child {
    13571385     margin-top: 0;
    13581386}
     
    13851413     text-align: right;
    13861414     color: #331e0c;
    1387      min-width: 520px;
     1415     min-width: 540px;
    13881416     padding: 3px 10px 3px 10px;
    13891417     font-size: 8pt;
     
    14051433
    14061434div.news h3 {
    1407      background: none !important;
    14081435     text-align: left;
    14091436     border: none !important;
     
    14141441     text-transform: capitalize !important;
    14151442     text-shadow: none !important;
    1416      padding: 5px 10px 3px;
     1443     padding: 5px 0 3px 10px;
    14171444     margin: 10px 10px -7px !important;
    14181445     letter-spacing: 0.1em;
     
    14211448.newsentry h3 {
    14221449     letter-spacing: 0.1em;
     1450     box-shadow: none;
     1451     background: url(/themes/console/images/info/newspaper.png) left center no-repeat !important;
     1452     background-size: 16px 16px !important;
     1453     padding-left: 22px !important;
    14231454}
    14241455
    14251456.newsentry h3 a {
    14261457     letter-spacing: 0.08em !important;
     1458     font-size: 10pt !important;
    14271459}
    14281460
     
    14581490     height: 1px;
    14591491     border: 0 solid #cc7;
    1460      margin: 10px 0 2px;
     1492     margin: 10px 0 2px !important;
    14611493     opacity: 0.7;
    14621494}
     
    14791511     display: inline-block;
    14801512     opacity: 0.8;
     1513     text-transform: none;
    14811514}
    14821515
     
    15851618}
    15861619
    1587 table.configtable, table#permabanned, table#loggingoptions, table#configstats, ul#banlist {
     1620table.configtable, #permabanned, #loggingoptions, #configstats, ul#banlist {
    15881621     margin-bottom: -5px;
     1622}
     1623
     1624.configtable, .main[id^="config_"] table {
     1625     background: #fff;
    15891626}
    15901627
     
    16121649}
    16131650
     1651#configstats td:first-child:empty + td > label { /* remove pointer from inert labels */
     1652     cursor: default;
     1653}
     1654
    16141655#configstats td:last-child { /* epiphany fix */
    16151656     border-right: 1px solid #89f !important;
     
    16221663}
    16231664
    1624 table#joinfamily, #exportfamily{
     1665#joinfamily, #exportfamily{
    16251666     margin-top: 15px !important;
    16261667}
    16271668
    1628 table#newfamily {
     1669#newfamily {
    16291670     margin-bottom: 6px;
    16301671     margin-top: 4px;
     
    16481689}
    16491690
    1650 table#peerdefs td:first-child {
     1691#peerdefs td:first-child {
    16511692     text-align: right;
    1652      width: 50px;
     1693     width: 10%;
    16531694     white-space: nowrap;
    1654 }
    1655 
    1656 table#bandwidthconfig td:first-child {
    1657      width: 100px;
     1695     padding: 5px;
     1696     border-right: 1px inset #ccf;
     1697}
     1698
     1699#bandwidthconfig td:first-child {
     1700     width: 10%;
    16581701     white-space: nowrap;
    16591702}
    16601703
    1661 table#advconf {
     1704#advconf {
    16621705     margin-bottom: -5px !important;
    16631706}
    16641707
    1665 table#addkeyring {
     1708#addkeyring {
    16661709     margin-bottom: -5px;
    16671710}
    16681711
    1669 table#addkeyring td:first-child:not(.infohelp) {
    1670      font-weight: bold;
     1712#addkeyring td:first-child:not(.infohelp) {
     1713     line-height: 115%;
    16711714}
    16721715
     
    16761719}
    16771720
    1678 table#manualreseed {
     1721#manualreseed {
    16791722     margin-bottom: 10px;
    16801723}
    16811724
    1682 table#manualreseed tr:nth-child(odd) {
     1725#manualreseed tr:nth-child(odd) {
    16831726     background: #fff;
    16841727}
     
    17001743}
    17011744
    1702 table#loggingoptions textarea {
     1745#reseedconfig tr:nth-child(2) br {
     1746     display: none;
     1747}
     1748
     1749#reseedconfig tr:nth-child(2) label {
     1750     white-space: nowrap;
     1751     margin-right: 10px;
     1752}
     1753
     1754#loggingoptions textarea {
    17031755     width: 99%;
    17041756     width: calc(100% - 5px);
     
    17091761}
    17101762
    1711 table#profiles td:first-child, table#profiles td:last-child {
    1712      width: 50px;
     1763#profilelist {
     1764     margin: 0 !important;
     1765}
     1766
     1767#profilelist td:first-child, #profilelist td:last-child {
     1768     width: 1%;
    17131769     white-space: nowrap;
    17141770}
    17151771
    1716 #profiles th:nth-child(3), #profiles th:nth-child(4), #profiles th:nth-child(5), #profiles th:nth-child(6) {
     1772#profilelist th:nth-child(3), #profiles th:nth-child(4), #profiles th:nth-child(5), #profiles th:nth-child(6) {
    17171773     text-align: right;
    17181774}
    17191775
    1720 #profiles td[colspan="8"], #profiles tr td[colspan="8"]:hover {
     1776#profilelist td[colspan="8"], #profilelist tr td[colspan="8"]:hover {
    17211777     background: #77f;
    17221778     padding: 1px 0;
     
    17251781}
    17261782
    1727 #profiles td[colspan="8"] hr {
     1783#profilelist td[colspan="8"] hr {
    17281784     display: none;
    17291785}
    17301786
    1731 table#profiles tr:hover, #floodfills tr:hover,  #ntcpconnections tr:hover, #udpconnections tr:hover,
     1787#profilelist tr:hover, #floodfills tr:hover,  #ntcpconnections tr:hover, #udpconnections tr:hover,
    17321788.homelinkedit tr:hover, .main#debug table:first-of-type tr:hover td {
    1733      background: #fff;
    1734      background: linear-gradient(to bottom, #fff 0%, #ffe 100%);
     1789     background: #ffe;
     1790     background: linear-gradient(to bottom, #fff, #ffe);
    17351791     color: #104e99;
    17361792     border-top: 1px solid #89f;
     
    17381794}
    17391795
    1740 @media screen and (-webkit-min-device-pixel-ratio:0) {
    1741 
    1742 table#profiles tr:hover, #floodfills tr:hover,  #ntcpconnections tr:hover, #udpconnections tr:hover,
    1743 .homelinkedit tr:nth-last-child(n+2):hover, .main#debug table:first-of-type tr:hover td, #sidebarconf tr:nth-last-child(n+2):hover td {
    1744      border-top: inherit;
    1745      border-bottom: inherit;
    1746      background: #ffd !important;
    1747 }
    1748 }
    1749 
    1750 tr:hover th {
     1796tr.tablefooter:hover td {
    17511797     color: #0c153d;
    17521798}
     
    18431889/* end peer sort */
    18441890
    1845 table#thresholds, table#profile_defs {
     1891.backlogged {
     1892     font-size: 14pt;
     1893     line-height: 0;
     1894}
     1895
     1896tr:hover th {
     1897     color: #0c153d;
     1898}
     1899
     1900#thresholds, #profile_defs {
    18461901     margin-top: -1px;
    18471902     line-height: 150%;
     
    18661921#thresholds th, #thresholds td {
    18671922     text-align: center !important;
     1923     width: auto !important;
     1924}
     1925
     1926#profile_defs td:nth-child(2)::first-letter {
     1927     text-transform: uppercase;
    18681928}
    18691929
    18701930#capabilities_key td {
    18711931     padding: 0 !important;
     1932}
     1933
     1934#capabilities_key table td:nth-child(2)::first-letter {
     1935     text-transform: none;
    18721936}
    18731937
     
    18871951}
    18881952
     1953#thresholds tr:hover td, #profile_defs tr:hover td {
     1954     background: none;
     1955}
     1956
    18891957#profile_defs b {
    18901958     text-transform: capitalize;
     
    18951963}
    18961964
    1897 table#floodfills {
     1965#floodfills {
    18981966     margin-top: 10px;
    18991967}
     
    19011969#floodfills th {
    19021970     font-size: 8pt;
     1971}
     1972
     1973#floodfills td:first-child, #profilelist td:first-child {
     1974     text-align: right;
    19031975}
    19041976
     
    19322004     margin-bottom: 5px;
    19332005     min-width: 250px;
     2006     width: calc(100% - 5px);
    19342007     padding-bottom: 2px;
    19352008     break-inside: avoid;
     
    20062079#ipv4, #ipv6, #permabanned tr:nth-child(2) {
    20072080     background: url(images/tinytitle.png) center center repeat-x;
    2008      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%);
     2081     background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%);
    20092082     border-top: 1px solid #89f !important;
    20102083     border-bottom: 1px solid #89f !important;
     
    20122085
    20132086/* end /configpeer banlist */
    2014 
    20152087
    20162088.widescroll {
     
    20212093     font-size: 0;
    20222094     filter: drop-shadow(0 0 1px #777);
    2023      -webkit-filter: drop-shadow(0 0 1px #777);
    20242095}
    20252096
     
    20312102a[href^="configpeer?peer"]:hover {
    20322103     filter: drop-shadow(0 0 1px #f60);
    2033      -webkit-filter: drop-shadow(0 0 1px #f60);
    20342104}
    20352105
     
    20432113}
    20442114
    2045 table#pluginconfig {
     2115#view_profile pre {
     2116     word-break: break-all;
     2117     word-wrap: break-word;
     2118     white-space: pre-wrap;
     2119}
     2120
     2121#view_profile h2 {
     2122     text-transform: none;
     2123     line-height: 120%;
     2124     margin-bottom: -1px !important;
     2125     white-space: nowrap;
     2126     overflow: hidden;
     2127     text-overflow: ellipsis;
     2128     letter-spacing: 0;
     2129     word-spacing: 0;
     2130}
     2131
     2132#pluginconfig {
    20462133     margin-bottom: 0 !important;
    20472134}
     
    20522139}
    20532140
     2141#pluginconfig tr td {
     2142     background: #fff;
     2143}
     2144
    20542145#pluginconfig button, #webappconfig button, #clientconfig button {
    20552146     margin: 3px;
    20562147}
    20572148
    2058 table#enviro td, table#eventlogs td {
     2149#enviro td, #eventlogs td {
    20592150     padding: 5px 10px;
    20602151}
     
    21142205#i2pupdates td:first-child {
    21152206     padding-right: 0;
     2207     line-height: 120%;
    21162208}
    21172209
     
    21292221}
    21302222
    2131 div.configure li:first-child, div.main li:first-child {
     2223div.configure li:first-child, .main li:first-child {
    21322224     margin-top: -10px;
    21332225}
     
    21792271}
    21802272
    2181 #addkeyring tr, #loggingoptions tr, tr.tablefooter, table#profiles tr:hover, #floodfills tr:hover, #jardump tr {
     2273#addkeyring tr, #loggingoptions tr, tr.tablefooter, #profilelist tr:hover, #floodfills tr:hover, #jardump tr {
    21822274     border-top: 1px solid #89f !important;
    21832275     border-bottom: 1px solid #89f !important;
     
    21862278#sidebarconf tr:hover, #eventlog tr:hover, .tunneldisplay tr:hover, #jobstats tr:hover, #schedjobs tr:hover, #jardump tr:hover {
    21872279     background: #ffd;
    2188      background: linear-gradient(to bottom, #fff 0%, #ffe 100%);
     2280     background: linear-gradient(to bottom, #fff, #ffe);
    21892281     color: #104e99;
    21902282     border-top: 1px solid #89f !important;
     
    22052297     width: 60px;
    22062298     text-align: center;
    2207 }
    2208 
    2209 #sidebarconf td {
    2210      font-weight: bold;
    2211      font-size: 9pt;
    22122299}
    22132300
     
    22232310
    22242311#sidebarconf tr:last-child td:last-child {
    2225      text-align: left;
     2312     text-align: right;
     2313     padding-right: 2px;
    22262314}
    22272315
     
    22312319}
    22322320
    2233 div.messages {
    2234      padding: 10px 10px;
     2321.messages {
     2322     padding: 15px 10px;
    22352323     background: #fff;
    22362324     border: 1px solid #89f;
     
    22432331}
    22442332
     2333#config_update .messages {
     2334     background: url(/themes/console/images/info/newspaper.png) 10px center no-repeat #fff;
     2335     background-size: 28px 28px;
     2336     padding-left: 48px;
     2337     text-align: left;
     2338     font-weight: normal;
     2339}
     2340
    22452341#messages {
    22462342     margin-bottom: 5px;
    22472343}
    22482344
    2249 div.messages li, div.messages ul {
    2250      padding: 10px 0 0 5px !important;
     2345.messages li, .messages ul {
     2346     padding: 0 !important;
    22512347     margin: -10px 0 0 25px !important;
    22522348     list-style: none;
     
    22542350}
    22552351
    2256 #graphs .messages {
     2352.messages li {
     2353     padding-left: 60px !important
     2354}
     2355
     2356#graphs .messages, #events #messages {
    22572357     margin-top: -16px;
    22582358}
    22592359
     2360#events #messages {
     2361     margin-bottom: 15px;
     2362     vertical-align: middle;
     2363}
     2364
     2365#events .messages li {
     2366     padding: 0 !important;
     2367     margin: 10px 10px 0 35px !important;
     2368     text-align: justify;
     2369}
     2370
    22602371div.error {
    2261      color: #d00000;
     2372     color: #900;
    22622373     background: url(/themes/console/images/info/errortriangle.png) 20px center no-repeat;
    22632374     background-size: 28px auto;
     
    22882399     background: #fff url(images/titlebg.png) center right no-repeat !important;
    22892400     background: linear-gradient(to right, #fff 20%, rgba(255,255,255, 0.5) 70%), linear-gradient(to bottom, #e5f0f7 0%, #e5f0f7 50%, #b9c2f9 50%, #b9c2f9 100%) !important;
    2290      min-width: 500px;
     2401     min-width: 530px;
    22912402}
    22922403
     
    23002411.newtab img:hover {
    23012412     filter: drop-shadow(0 0 1px #f60);
    2302      -webkit-filter: drop-shadow(0 0 1px #f60);
    23032413}
    23042414
     
    23802490h3#iptransport a:hover {
    23812491     filter: drop-shadow(0 0 1px #f60);
    2382      -webkit-filter: drop-shadow(0 0 1px #f60);
    23832492}
    23842493
     
    23862495     border: 1px solid #89f;
    23872496     background: #fff;
    2388      background: linear-gradient(to right, #fff 0%, #eff2ff 100%);
     2497     background: linear-gradient(to right, #fff, #eff2ff);
    23892498     padding: 3px 5px;
    23902499     font-size: 9pt;
     
    24012510
    24022511table[id*="connections"] td:first-child {
    2403      width: 40px;
     2512     width: 1%;
    24042513     white-space: nowrap;
    24052514     text-align: right;
     
    24262535}
    24272536
    2428 h3#advancedclientconfig, h3#pluginconfig {
     2537h3#advancedclientconfig, h3#pconfig {
    24292538     margin-top: 15px;
    24302539}
     
    24542563h2, h3, h4#updateplugins {
    24552564     background: url(images/titlebg.png) right center no-repeat;
    2456      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%);
     2565     background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%);
     2566     box-shadow: inset 0 0 0 1px #fff;
    24572567}
    24582568
     
    24632573.routersummary h2, .routersummary h3, div.confignav, th {
    24642574     background: url(images/tinytitle.png) center center repeat-x;
    2465      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%);
     2575     background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%);
    24662576}
    24672577
     
    24722582     font-size: 9pt;
    24732583     background: #fff;
     2584     background: rgba(255,255,255,0.1);
    24742585     width: 100%;
    24752586}
     
    25272638     background: #fff url(/themes/console/images/info/infohelp.png) 15px center no-repeat;
    25282639     white-space: normal !important;
     2640     text-align: justify;
    25292641}
    25302642
    25312643td.infowarn, p.infowarn {
    25322644     background: #fff url(/themes/console/images/info/infowarn.png) 15px center no-repeat !important;
     2645}
     2646
     2647#config_summarybar .configtable td:not(.optionsave) {
     2648     padding: 15px 15px 15px 50px !important;
     2649     background: url(/themes/console/images/info/interval.png) 12px center no-repeat, #fff;
     2650     background-size: 28px 28px;
    25332651}
    25342652
     
    25742692}
    25752693
    2576 tr:nth-child(even) {
    2577      background: #ddf;
     2694tr:nth-child(even), #pluginconfig table tr:nth-child(even) td {
    25782695     background: #dde1ff;
    2579 }
    2580 
    2581 tr:nth-child(odd) {
    2582      background: #eef;
     2696     background: rgba(220,220,255,0.5);
     2697}
     2698
     2699tr:nth-child(odd), #pluginconfig table tr:nth-child(odd) td, .main#profiles ul#banlist {
    25832700     background: #eff1ff;
     2701     background: rgba(230,230,255,0.5);
    25842702}
    25852703
     
    25912709
    25922710h4.app, h4.app2 {
    2593      margin: 0 -1px 5px;
    2594      padding: 10px 0 8px 0;
     2711     margin: 0 -1px 7px;
    25952712     font-size: 11pt;
    2596      padding: 6px 10px;
     2713     padding: 7px 10px 6px;
    25972714     border: 1px solid #89f;
     2715     box-shadow: inset 0 0 0 1px #fff;
    25982716     letter-spacing: 0.08em;
    25992717     word-spacing: 0.1em;
     
    26012719     text-transform: uppercase;
    26022720     background: url(images/tinytitle.png) center center repeat-x;
    2603      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%);
     2721     background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%);
    26042722}
    26052723
     
    26272745     border-radius: 2px;
    26282746     background: #fff;
    2629      background: linear-gradient(to bottom, #fff 0%, #ddf 100%);
     2747     background: linear-gradient(to bottom, #fff, #ddf);
    26302748     box-shadow: 0 0 1px #fff;
    26312749}
     
    26412759}
    26422760
    2643 td.app {
     2761.app td {
    26442762     vertical-align: middle;
    26452763}
     
    26472765div.applabel {
    26482766     background: url(images/tinytitle.png) center center repeat-x;
    2649      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%);
     2767     background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%);
    26502768     font-size: 9pt;
    26512769     margin: 0;
    26522770     padding: 4px 2px;
    26532771     text-align: center;
    2654      width: 108px;
     2772     width: 120px;
    26552773     line-height: 110%;
    26562774     text-transform: lowercase;
     
    26672785     display: inline-block;
    26682786     width: 100%;
     2787     width: calc(100% - 2px);
    26692788     white-space: nowrap;
    26702789     overflow: hidden;
     
    27012820
    27022821div.app:hover img, .appimg a:focus {
    2703      filter: drop-shadow(0 0 1px #f60) saturate(160%);
    2704      -webkit-filter: drop-shadow(0 0 1px #f60) saturate(160%);
     2822     filter: drop-shadow(0 0 1px rgba(255, 102, 0, 0.6)) saturate(150%);
    27052823     outline: none;
    27062824}
     
    27502868}
    27512869
    2752 img.app, img.app2p {
     2870.app img {
    27532871     height: 32px;
    27542872     width: auto;
    27552873     max-height: 32px;
    27562874     max-width: 32px;
    2757      padding: 5px 40px;
     2875     padding: 10px 46px 9px;
    27582876}
    27592877
     
    27882906}
    27892907
    2790 tt {
    2791      font-size: 8pt;
    2792 }
    2793 
    2794 tt, pre {
    2795      font: 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
     2908#i2ptunnelframe {
     2909     margin-bottom: -3px;
     2910}
     2911
     2912tt, pre, textarea, code {
     2913     font: 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
    27962914}
    27972915
     
    28332951.main#tunnels h3 a[href^="/configtunnels#"]:hover {
    28342952     filter: drop-shadow(0 0 1px #f60);
    2835      -webkit-filter: drop-shadow(0 0 1px #f60);
    28362953}
    28372954
     
    28712988     padding: 5px 0;
    28722989     background: #fff url(images/tinytitle.png) center center repeat-x;
    2873      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%);
     2990     background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%);
    28742991}
    28752992
     
    29773094h3#finishedjobs + ol li, h3#scheduledjobs + ol li, h3#activejobs + ol li, h3#readyjobs + ol li {
    29783095    list-style: none !important;
     3096    width: 100%;
    29793097}
    29803098
     
    29903108
    29913109h3#finishedjobs + ol li:before {
    2992      color: #3D3;
     3110     color: #5a5;
    29933111     content: '\2714\00A0';
    29943112}
     
    29993117
    30003118h3#scheduledjobs + ol li:before {
    3001      color: #773;
     3119     color: #970;
    30023120}
    30033121
     
    30193137}
    30203138
    3021 table#schedjobs {
     3139#schedjobs {
    30223140     width: 100% !important;
    3023      margin: 15px 0 0 !important;
     3141     margin: -11px 0 0 !important;
    30243142}
    30253143
     
    30403158}
    30413159
    3042 table#oldhome {
     3160#oldhome {
    30433161     margin-bottom: 10px;
    30443162}
     
    30493167
    30503168.homelinkedit th:first-child, #sidebarconf th:first-child, #consolepass th:first-child {
    3051      background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%);
     3169     background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%);
    30523170     font-size: 0 !important;
     3171     width: 5%;
    30533172}
    30543173
     
    30853204}
    30863205
    3087 table#oldhome {
     3206#loggingoptions td:first-child {
     3207     line-height: 120%;
     3208}
     3209
     3210#oldhome {
    30883211     margin-bottom: 10px;
    30893212}
     
    31453268p#enablefullstats {
    31463269     padding: 5px 10px;
    3147      line-height: 150%;
     3270     line-height: 120%;
    31483271     background: #fff;
     3272     text-align: left;
    31493273}
    31503274
     
    31903314.formaction#pluginupdater {
    31913315     margin-bottom: 6px;
     3316     background: url(/themes/console/images/info/update.png) 12px center no-repeat, #fff;
     3317     background-size: 28px 28px;
     3318     padding: 15px 15px 15px 50px;
    31923319}
    31933320
     
    32123339}
    32133340
     3341.formaction#homesites {
     3342     margin-bottom: -6px;
     3343}
     3344
    32143345.formaction#themeui {
    32153346     margin: 8px -5px 0;
     
    32223353
    32233354.langbox {
    3224      margin: 4px 2px 0;
     3355     margin: 3.5px 2px 0;
    32253356     color: #001;
    32263357     font-size: 7pt;
     
    32403371}
    32413372
    3242 .langbox img:hover {
     3373.langbox img:hover, .langbox a:focus img {
    32433374     opacity: 1;
     3375     transform: scale(1.1) !important;
    32443376}
    32453377
     
    32813413     background: #fff !important;
    32823414     font-size: 9pt;
    3283      font-weight: bold;
    32843415     line-height: 150%;
    32853416     white-space: nowrap;
     
    32943425#netconfig tr, #externali2cp tr {
    32953426     background: #fff;
     3427}
     3428
     3429#externali2cp label + br {
     3430     display: none;
     3431}
     3432
     3433#externali2cp label {
     3434     white-space: nowrap;
     3435     margin-right: 10px;
    32963436}
    32973437
     
    33143454.tidylist code {
    33153455     text-align: left;
    3316      font: 9pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
     3456     font: 9pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
    33173457     color: #723;
    33183458     font-weight: bold;
     
    33823522     text-align: center;
    33833523     border: 1px solid #89f;
    3384      background: #fff;
     3524     background: rgba(255,255,255,0.8);
    33853525     margin: 25px -5px 0;
    33863526     padding: 10px;
     
    34493589     background-size: 20px 20px !important;
    34503590     padding: 5px 5px 5px 40px !important;
    3451      background-color: #eff1ff !important;
     3591     background: url(/themes/console/images/info/infohelp.png) 15px center no-repeat #eaeaff;
    34523592     text-align: left;
    34533593}
     
    34933633}
    34943634
    3495 .iframed div.routersummaryouter {
     3635.iframed .routersummaryouter {
    34963636     display: none !important;
    34973637}
     
    35013641}
    35023642
    3503 .iframed div.sorry {
     3643.iframed .sorry {
    35043644     margin: -1px 1px 0 0 !important;
    35053645}
     
    35263666     border-radius: 2px;
    35273667     background: #fff;
    3528      background: linear-gradient(to bottom, #fff 0%, #ddf 100%);
     3668     background: linear-gradient(to bottom, #fff, #ddf);
    35293669     transition: all 0.3s ease 0s;
    35303670     box-shadow: 0 0 1px #fff;
     
    35493689     height: 80px !important;
    35503690     width: 110px !important;
     3691     padding: 2px;
    35513692     opacity: 0; /* hide the radio icon so we can use thumbnail img instead */
    3552      margin-left: -31px;
     3693     margin-top: 4px;
     3694     margin-left: -32px;
     3695     position: absolute;
    35533696     z-index: 999;
    35543697}
    35553698
    35563699.themechoice .optbox + object {
    3557      margin-left: -79px;
     3700     margin-left: 0;
     3701     margin-top: 8px;
    35583702     padding: 0 !important;
    35593703     margin-bottom: 31px;
     
    35833727.themechoice .optbox:focus + object ~ div.themelabel {
    35843728     color: #f60 !important;
     3729     background: #fff;
     3730     background: linear-gradient(to right, #eef, #fff, #eef);
    35853731}
    35863732
     
    35903736
    35913737.themechoice:active .optbox:checked + object ~ .themelabel {
    3592      background: #ddf !important;
    3593      color: #338 !important;
     3738     background: linear-gradient(to right, #eef, #fff, #eef) !important;
     3739     color: #f60 !important;
    35943740     box-shadow: none !important;
    35953741     font-weight: bold;
    35963742}
    35973743
    3598 div#themeoptions {
     3744#themeoptions {
    35993745     clear: both;
    3600      padding-top: 5px;
     3746     border-top: 1px solid #89f;
     3747     background: rgba(230, 230, 255, 0.5);
     3748     margin: 0 -5px -3px;
     3749     position: relative;
     3750     top: 4px;
     3751     padding: 5px 10px 3px 5px;
     3752}
     3753
     3754#themeoptions br {
     3755     display: none;
     3756}
     3757
     3758#themeoptions label {
     3759     white-space: nowrap;
     3760     margin: 4px 10px 4px 0 !important;
     3761     display: inline-block;
     3762}
     3763
     3764p#helptranslate {
     3765     position: relative;
     3766     top: 4px;
     3767     padding: 15px 10px 15px 50px !important;
     3768     text-align: left !important;
     3769     border-top: 1px solid #89f;
     3770     border-bottom: 1px solid #89f;
     3771     background: url(/themes/console/images/info/notice.png) left 14px center no-repeat, #fff;
     3772     background-size: 28px 28px;
    36013773}
    36023774
     
    36083780div.themelabel {
    36093781     border-top: 1px solid #89f !important;
    3610      margin: -30px -4px 0;
     3782     margin: -25px -4px 0;
    36113783     padding: 3px 2px;
    36123784     background: #eef url(images/tinytitle.png) center center;
    3613      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%);
     3785     background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%);
    36143786     overflow: hidden;
    36153787     text-overflow: ellipsis;
     
    36493821     border-radius: 2px;
    36503822     background: #fff;
    3651      background: linear-gradient(to bottom, #fff 0%, #ddf 100%);
     3823     background: linear-gradient(to bottom, #fff, #ddf);
    36523824     transition: all 0.3s ease 0s;
    36533825     box-shadow: 0 0 1px #fff;
     
    36613833
    36623834.langselect .optbox {
    3663      width: 110px;
    3664      background: #f00;
    3665      height: 52px;
    3666      margin-left: -49px;
    3667      margin-bottom: 14px;
     3835     width: 122px;
     3836     height: 66px;
     3837     margin: -4px 0 8px -54px;
    36683838     opacity: 0;
    36693839     z-index: 999;
     
    36793849     border: 1px solid #89f;
    36803850     margin-bottom: 42px;
    3681      margin-left: -63px;
     3851     margin-left: -72px;
    36823852     opacity: 1;
    36833853     z-index: 3;
     
    37033873}
    37043874
    3705 .langselect input[name="lang"]:checked + img + div.ui_lang {
     3875.langselect input[name="lang"]:checked + img + .ui_lang {
    37063876     background: #ddf !important;
    37073877     color: #338;
     
    37183888
    37193889.langselect:active input[name="lang"]:checked + img + .ui_lang {
    3720      color: #338 !important;
     3890     color: #f60 !important;
    37213891     box-shadow: none !important;
     3892     background: linear-gradient(to right, #eef, #fff, #eef) !important;
    37223893}
    37233894
    37243895.langselect input[name="lang"]:focus + img + .ui_lang {
    37253896     color: #f60 !important;
     3897     background: #fff !important;
     3898     background: linear-gradient(to right, #eef, #fff, #eef) !important;
    37263899}
    37273900
    37283901.langselect input[name="lang"]:active + img + .ui_lang {
    37293902     color: #fff !important;
     3903     background: #f60 !important;
    37303904}
    37313905
     
    37453919     text-align: center;
    37463920     background: #eef url(images/tinytitle.png) center center;
    3747      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%);
     3921     background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%);
    37483922     padding: 3px 2px;
    37493923     overflow: hidden;
     
    38514025}
    38524026
    3853 table#netconfig {
     4027#netconfig {
    38544028     line-height: 160%;
    38554029}
     
    38574031/* netdb */
    38584032
    3859 table.netdbentry th {
     4033.netdbentry {
     4034     margin-top: 10px !important;
     4035}
     4036
     4037.netdbentry th {
    38604038     font-weight: normal;
    38614039}
    38624040
    3863 table.netdbentry th:last-child {
     4041.netdbentry th:last-child {
    38644042     text-align: right;
    38654043     padding: 5px;
     
    38734051     padding: 1px 3px;
    38744052     margin-left: 4px;
    3875      font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace !important;
     4053     font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace !important;
    38764054}
    38774055
     
    38864064a.viewfullentry:hover {
    38874065     filter: drop-shadow(0 0 1px #f60);
    3888      -webkit-filter: drop-shadow(0 0 1px #f60);
    3889 }
    3890 
    3891 table.netdbentry th:first-child, table.netdbentry td:first-child  {
     4066}
     4067
     4068.netdbentry th:first-child, .netdbentry td:first-child  {
    38924069     white-space: nowrap;
    38934070     padding: 4px 6px !important;
     
    38954072}
    38964073
    3897 table.netdbentry td:first-child  {
     4074.netdbentry td:first-child  {
    38984075     width: 80px;
    38994076}
    39004077
    3901 table.netdbentry td:nth-child(2) {
     4078.netdbentry td:nth-child(2) {
    39024079     word-wrap: break-word;
    39034080}
     
    39074084}
    39084085
    3909 table#leasesetsummary {
     4086#leasesetsummary {
    39104087     margin-top: 15px;
     4088     margin-bottom: 10px;
    39114089}
    39124090
     
    39164094}
    39174095
    3918 table#leasesetdebug, table#leasesetsummary {
     4096#leasesetdebug, #leasesetsummary {
    39194097     font-size: 9pt;
    39204098}
    39214099
    3922 table#leasesetdebug td, table#leaseset td {
     4100#leasesetdebug td, #leaseset td {
    39234101     padding: 5px !important;
    39244102}
    3925 table#leasesetdebug {
     4103
     4104#leasesetdebug {
    39264105     margin-bottom: 10px;
    39274106}
    39284107
    3929 table#leasesetdebug th, table#leasesetsummary th {
     4108#leasesetdebug th, #leasesetsummary th {
    39304109     font-weight: bold;
    39314110     padding: 8px 5px;
     
    39334112}
    39344113
    3935 table#leasesetdebug th:last-child, table#leasesetsummary th:last-child {
     4114#leasesetdebug th:last-child, #leasesetsummary th:last-child {
    39364115     text-align: right;
    39374116}
    39384117
    3939 table#leasesetdebug th:first-child, table#leasesetsummary th:first-child {
     4118#leasesetdebug th:first-child, #leasesetsummary th:first-child {
    39404119     font-size: 10pt;
    39414120}
    39424121
    3943 table#leasesetdebug th a, table#leasesetsummary th a {
     4122#leasesetdebug th a, #leasesetsummary th a {
    39444123     font-size: 8pt;
    39454124     text-transform: capitalize;
     
    39484127}
    39494128
    3950 table#leasesetdebug th a:not(old), table#leasesetsummary th a:not(old) {
     4129#leasesetdebug th a:not(old), #leasesetsummary th a:not(old) {
    39514130     font-size: 0;
    39524131}
    39534132
    3954 table#leasesetdebug th a::after, table#leasesetsummary th a::after {
     4133#leasesetdebug th a::after, #leasesetsummary th a::after {
    39554134     content: url(/themes/console/images/buttons/floodfill.png);
    39564135}
    39574136
    3958 table#leasesetdebug th a:hover, table#leasesetsummary th a:hover {
     4137#leasesetdebug th a:hover, #leasesetsummary th a:hover {
    39594138     filter: drop-shadow(0 0 1px #f60);
    3960      -webkit-filter: drop-shadow(0 0 1px #f60);
    3961 }
    3962 
    3963 table#leasesetdebug td:nth-child(odd) {
     4139}
     4140
     4141#leasesetdebug td:nth-child(odd) {
    39644142     width: 200px;
    39654143     white-space: nowrap;
    39664144     text-align: right;
    3967      border-right: 1px inset #fff;
    3968 }
    3969 
    3970 table#leasesetdebug td:nth-child(even) {
     4145     border-right: 1px inset #ccf;
     4146}
     4147
     4148#leasesetdebug td:nth-child(even) {
    39714149     text-align: left;
    39724150     white-space: nowrap;
    39734151}
    39744152
    3975 table#leasesetdebug td:nth-child(2) {
     4153#leasesetdebug td:nth-child(2) {
    39764154     width: 10px;
    39774155}
     
    40074185.leaseset tr:nth-child(2) td:last-child a:hover {
    40084186     filter: drop-shadow(0 0 1px #f60);
    4009      -webkit-filter: drop-shadow(0 0 1px #f60);
    40104187}
    40114188
     
    40414218     display: inline-block;
    40424219     width: calc(100% - 34px);
     4220     vertical-align: middle;
     4221     line-height: 100%;
    40434222}
    40444223
     
    40814260     width: 24px;
    40824261     height: 24px;
     4262     margin: -1px;
     4263     border-left: 1px solid #89f;
    40834264}
    40844265
     
    41274308}
    41284309
    4129 p.sybil_info, p.family, p.threatpoints, p.hashdist {
     4310p.sybil_info, p.family, p.threatpoints, p.hashdist, p.notfound {
    41304311     border: 1px solid #89f;
    41314312     padding: 5px 5px 5px 30px;
     
    41334314     color: #33f;
    41344315     font-weight: bold;
     4316     text-align: left;
    41354317     background: #ffe url(images/eye.png) 8px center no-repeat;
    4136      background: url(images/eye.png) 8px center no-repeat, linear-gradient(to right, #fff 0%, #dde1ff 70%);
     4318     background: url(images/eye.png) 8px center no-repeat, linear-gradient(to right, #fff 40%, #dde1ff);
     4319}
     4320
     4321p.family a {
     4322     display: inline-block;
    41374323}
    41384324
     
    41654351}
    41664352
    4167 p.notfound, p#sybil_totals {
     4353p#sybil_totals {
    41684354     padding: 15px;
    41694355     border: 1px solid #89f;
     
    42574443     vertical-align: baseline;
    42584444     color: #0c153d;
    4259      filter: drop-shadow(0 1px 1px #aaa);
    4260      -webkit-filter: drop-shadow(0 1px 1px #aaa);
     4445     filter: drop-shadow(0 0 1px #ccc);
    42614446}
    42624447
     
    42954480     font-size: 14pt;
    42964481     margin-left: 4px;
    4297      filter: drop-shadow(0 1px 1px #aaa);
    4298      -webkit-filter: drop-shadow(0 1px 1px #aaa);
     4482     filter: drop-shadow(0 0 1px #ccc);
    42994483}
    43004484
     
    43594543/* netdb (main section) */
    43604544
    4361 table#netdboverview {
     4545#netdboverview {
    43624546     margin: 15px 0 5px;
    43634547     border: 1px solid #89f !important;
     
    43694553}
    43704554
     4555#netdboverview td {
     4556     padding: 5px 5px 0;
     4557     padding: 0;
     4558     background: rgba(255,255,255,0.4) !important;
     4559}
     4560
    43714561#netdbtransports th:first-child, #netdbcountrylist th:first-child {
    43724562     text-align: left;
    43734563}
    43744564
    4375 #netdboverview td {
    4376      padding: 5px 5px 0;
     4565#netdbversions, #netdbtransports, #netdbcountrylist {
     4566     border: none;
     4567     margin: -1px 0;
     4568}
     4569
     4570#netdbversions {
     4571     border-right: 1px solid #89f;
     4572     border-bottom: 1px solid #89f;
     4573}
     4574
     4575#netdbtransports {
     4576     border-bottom: 1px solid #89f;
     4577}
     4578
     4579#netdbcountrylist {
     4580     border-left: 1px solid #89f;
     4581     border-bottom: 1px solid #89f;
    43774582}
    43784583
     
    44024607/* /help */
    44034608
    4404 div#volunteer, div#sidebarhelp, div#configurationhelp, div#reachabilityhelp, div#legal, div#changelog {
     4609#volunteer, #sidebarhelp, #configurationhelp, #reachabilityhelp, #legal, #changelog, #faq {
    44054610     border: 1px solid #89f;
    44064611     padding: 10px 15px 5px;
    4407      margin-bottom: 10px;
     4612     margin-bottom: 20px;
    44084613     margin-top: 15px !important;
    44094614     background: #eff1ff;
    4410 }
    4411 
    4412 div#volunteer {
    4413      margin-top: -25px !important;
     4615     background: rgba(230,230,255,0.5);
     4616     box-shadow: inset 0 0 0 1px #fff;
     4617}
     4618
     4619#advancedsettings {
     4620     margin-top: -5px;
     4621     margin-bottom: 20px;
     4622}
     4623
     4624#volunteer {
     4625     margin-top: 20px !important;
    44144626     padding-bottom: 0 !important;
     4627     background: linear-gradient(to bottom, rgba(230,230,255,0.5), rgba(230,230,255,0.5)), url(/themes/snark/ubergine/images/hat.png) no-repeat scroll right bottom !important;
     4628     background-size: 100% 100%, auto 75% !important;
    44154629}
    44164630
     
    44204634
    44214635#sidebarhelp h2 {
    4422      margin-bottom: 0 !important;
    4423 }
    4424 
    4425 div.main#help h2 {
     4636     margin-bottom: 5px !important;
     4637}
     4638
     4639.main#help h2 {
    44264640     margin: -16px -16px 0;
    44274641}
    44284642
    4429 div.main#help h3 {
    4430      margin: -5px -16px 0;
     4643.main#help h3 {
     4644     margin: -5px -16px 3px;
    44314645}
    44324646
    44334647.main#help p {
    4434      padding: 5px 0;
    4435      margin-top: 5px;
     4648     padding: 5px 0 0;
     4649     margin-top: 0;
    44364650}
    44374651
    44384652.main#help ul {
    4439      margin-bottom: 15px;
     4653     margin-bottom: 5px;
    44404654     margin-top: -5px;
    44414655     padding-left: 15px;
     
    44564670}
    44574671
    4458 div#changelog {
     4672#configinfo th {
     4673     box-shadow: inset 0 0 0 1px #fff;
     4674}
     4675
     4676#changelog {
    44594677     padding: 0;
    4460      margin-top: 0 !important;
     4678     margin-top: -5px !important;
     4679     margin-bottom: 10px !important;
    44614680}
    44624681
     
    44734692     height: 600px;
    44744693     overflow: auto;
     4694     white-space: pre-wrap;
    44754695}
    44764696
     
    44804700     margin: -5px -1px -6px !important;
    44814701     border: 1px solid #89f;
    4482      padding-right: 10px !important;
     4702     padding: 5px 10px 5px 5px !important;
    44834703     background: #fff;
    44844704}
     4705
     4706.main#help td.infohelp, .main#help td.infowarn, .main#help td.infohelp, .main#help p.infohelp {
     4707     background-size: 24px 24px !important;
     4708     padding-left: 46px !important;
     4709}
     4710
     4711/* mini faq */
     4712
     4713#faq h3 {
     4714     padding-left: 35px;
     4715     background: url(/themes/console/images/info/question.png) 10px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%) !important;
     4716     background-size: 18px 18px, 100% 100% !important;
     4717     background-blend-mode: luminosity, normal;
     4718     text-transform: none;
     4719     letter-spacing: 0;
     4720     word-spacing: 0;
     4721     font-size: 10.5pt;
     4722}
     4723
     4724#faq p.infohelp {
     4725     margin: -11px -16px 4px;
     4726}
     4727
     4728#faq ul {
     4729     margin: -5px 15px 0 !important;
     4730}
     4731
     4732#portfaq {
     4733     margin: -4px -16px -6px;
     4734     width: auto;
     4735}
     4736
     4737#portfaq th:first-child, #portfaq td:first-child {
     4738     font-weight: bold;
     4739     text-align: right;
     4740     padding-top: 6px;
     4741     padding-bottom: 6px;
     4742     padding-left: 10px;
     4743}
     4744
     4745#portfaq th:nth-child(n+2) {
     4746     text-align: left;
     4747}
     4748
     4749#portfaq .infohelp {
     4750     padding-top: 15px !important;
     4751     padding-bottom: 15px !important;
     4752}
     4753
     4754#portfaq th[colspan="3"] {
     4755     text-align: left;
     4756     font-size: 10.5pt !important;
     4757     letter-spacing: 0.08em;
     4758     word-spacing: 0.1em;
     4759}
     4760
     4761#portfaq td:nth-child(2) {
     4762     white-space: nowrap;
     4763}
     4764
     4765#portfaq td:last-child, #portfaq td[colspan="3"] {
     4766     text-align: justify;
     4767     padding-right: 10px;
     4768}
     4769
     4770#portfaq td[colspan="3"] {
     4771     font-weight: normal;
     4772}
     4773
     4774/* end mini faq */
     4775
     4776/* end /help */
    44854777
    44864778.eventspanel br {
     
    45874879#configinfo th {
    45884880     text-align: left;
    4589      font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
     4881     font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
    45904882     padding: 7px 10px;
    4591      color: #070;
     4883     color: #050;
    45924884}
    45934885
     
    45964888     padding: 5px 15px;
    45974889     background: #eff1ff;
     4890     background: rgba(230,230,255,0.5);
    45984891}
    45994892
    46004893/* informational images */
    46014894
    4602 table#bugreports td.infohelp {
     4895#bugreports td.infohelp {
    46034896     background: #fff url(/themes/console/images/info/bugreport.png) no-repeat 12px center;
    46044897     padding: 15px 15px 15px 50px;
     
    46594952}
    46604953
    4661 #floodfillconfig .infohelp {
     4954#floodfillconfig tr:first-child .infohelp {
    46624955     background: #fff url(/themes/console/images/info/floodfill_32x32.png) 12px center no-repeat;
    46634956     padding: 15px 15px 15px 50px;
     
    47835076#logs li {
    47845077     list-style: none;
    4785      font: 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
     5078     font: 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    47865079     line-height: 130%;
    47875080     text-align: left;
     
    48375130/* end logs */
    48385131
    4839 
    48405132/* responsive layout */
    48415133
    4842 @media screen and (max-width: 1200px) {
    4843 .tab, .tab2 {
    4844      padding: 1px 0;
    4845      min-width: 50px !important;
    4846 }
    4847 
    4848 .tab2 {
    4849      padding: 3px 10px;
    4850 }
    4851 
    4852 .tab a {
    4853      padding: 2px 12px;
     5134@media screen and (max-width: 900px) {
     5135.welcome h2 {
     5136     font-size: 10pt !important;
     5137}
     5138
     5139.homelinkedit input[name="nofilter_url"] {
     5140     width: 240px !important;
     5141}
     5142
     5143#newfamily input[type="text"] {
     5144     width: 160px !important;
     5145}
     5146
     5147#joinfamily input[type="file"] {
     5148     width: 220px;
     5149}
     5150
     5151h3.ptitle, h3.tabletitle, th.th_title, h3#udpcon, h3#ntcpcon {
     5152     font-size: 10pt;
     5153}
     5154
     5155#ntcpconnections th:last-child:not(old) {
     5156     font-size: 0;
     5157}
     5158
     5159#ntcpconnections th:last-child::before {
     5160     content: url(/themes/console/images/info/backlogged.png) !important;
    48545161}
    48555162
    48565163#consolepass input[name="name"], #externali2cp input[name="user"],
    48575164#consolepass input[name="nofilter_pw"], #externali2cp input[name="nofilter_pw"] {
    4858      width: 160px !important;
     5165     width: 130px !important;
     5166     min-width: 130px !important;
     5167}
     5168
     5169input[name="pluginURL"] {
     5170     width: 190px !important;
     5171     margin-left: 0 !important;
     5172}
     5173
     5174#plugininstall tr:nth-child(3) td:nth-last-child(2), #plugininstall tr:nth-child(5) td:nth-last-child(2) {
     5175     background-size: 0 0 !important;
     5176     padding-left: 5px !important;
     5177}
     5178
     5179#plugininstall .optionsave {
     5180     padding-right: 0 !important;
     5181}
     5182
     5183input[name="pluginFile"] {
     5184     transform: scale(0.9);
     5185     margin-left: 0 !important;
     5186}
     5187
     5188.main#profiles table, .main#peers table, .main#tunnels table, .main#jobs table {
     5189     font-size: 8pt;
     5190}
     5191
     5192#netdbversions th:last-child, #netdbtransports th:last-child, #netdbcountrylist th:last-child {
     5193     max-width: 60px;
     5194     overflow: hidden;
     5195     text-overflow: ellipsis;
     5196}
     5197
     5198#netdbversions td, #netdbtransports td, #netdbcountrylist td {
     5199     font-size: 8.5pt !important;
    48595200}
    48605201}
    48615202
    48625203@media screen and (max-width: 1000px) {
     5204.welcome h2 {
     5205     font-size: 11pt;
     5206}
     5207
    48635208div.confignav {
    48645209     font-size: 8.5pt !important;
     
    48775222}
    48785223
    4879 div.logo {
     5224input[name="pluginURL"] {
     5225     width: 260px;
     5226}
     5227
     5228#plugininstall tr:nth-child(3) td:nth-last-child(2), #plugininstall tr:nth-child(5) td:nth-last-child(2) {
     5229     background-size: 20px 20px;
     5230     padding: 15px 0 15px 36px;
     5231     background-position: 10px center;
     5232}
     5233
     5234.logo {
    48805235     float: none;
    48815236     position: absolute;
     
    48885243}
    48895244
    4890 div.warning {
     5245.warning {
    48915246     margin: 140px 5px 0 !important;
    48925247}
     
    49075262
    49085263.main#tunnels th, .main#profiles th {
    4909 font-size: 8pt;
     5264     font-size: 8pt;
     5265}
     5266
     5267#config_update .messages {
     5268     background-size: 22px 22px;
     5269     background-position: 8px center;
     5270     padding-left: 40px;
     5271}
     5272
     5273.main#view_profile {
     5274     padding: 0 !important;
     5275     min-width: 540px;
     5276}
     5277
     5278#view_profile pre {
     5279     margin: -5px 5px;
     5280     width: calc(100% - 5px);
     5281}
     5282
     5283#view_profile h2 {
     5284     margin: -1px;
     5285     font-size: 13pt;
     5286}
     5287
     5288#viewprofile {
     5289     border: none;
     5290     min-width: 500px;
     5291}
     5292
     5293input[name="speed"], input[name="capacity"] {
     5294     min-width: 80px;
     5295     width: 80px;
     5296}
     5297
     5298#netdbversions th, #netdbtransports th, #netdbcountrylist th {
     5299     font-size: 9pt !important;
     5300}
     5301
     5302.main#events {
     5303     min-width: 510px;
     5304}
     5305
     5306#events select {
     5307     min-width: 100px;
     5308}
     5309
     5310#events table {
     5311     table-layout: fixed;
     5312     width: 100%;
     5313}
     5314
     5315#events td:last-child {
     5316     word-break: break-all;
    49105317}
    49115318}
    49125319
    49135320@media screen and (max-width: 1200px) {
     5321.tab, .tab2 {
     5322     padding: 1px 0;
     5323     min-width: 50px !important;
     5324}
     5325
     5326.tab2 {
     5327     padding: 3px 10px;
     5328}
     5329
     5330.tab a {
     5331     padding: 2px 12px;
     5332}
     5333
    49145334.main#peers th {
    4915 font-size: 8pt;
    4916 }
    4917 
    4918 img[src^="/flags.jsp"] {
     5335     font-size: 8pt;
     5336}
     5337
     5338#peers img[src^="/flags.jsp"], #profiles img[src^="/flags.jsp"], #tunnels img[src^="/flags.jsp"] {
    49195339     transform: scale(0.9);
     5340}
     5341
     5342p#enablefullstats input[type="checkbox"] {
     5343     float: left;
     5344     margin-top: 0;
     5345}
     5346
     5347/* profiles, peers, tunnels, job queue, netdb - whitespace reduction */
     5348
     5349.main#profiles, .main#peers, .main#tunnels, .main#jobs, .main#netdb {
     5350     padding: 5px;
     5351     min-width: 560px;
     5352}
     5353
     5354.main#profiles .confignav, .main#netdb .confignav {
     5355     margin: -6px;
     5356}
     5357
     5358.main#profiles table, .main#peers table, .main#tunnels table {
     5359     margin: 5px 0;
     5360}
     5361
     5362#ntcpconnections {
     5363     margin-bottom: 0 !important;
     5364}
     5365
     5366.main#profiles .infohelp {
     5367     margin: 11px 0 5px !important;
     5368}
     5369
     5370.widescroll + .infohelp {
     5371     margin: 0 !important;
     5372}
     5373
     5374.main#peers #upnpstatus {
     5375     margin-bottom: 5px 0 !important;
     5376}
     5377
     5378.main#peers .infohelp {
     5379     margin: 5px 0 0;
     5380}
     5381
     5382.main#profiles h3, .main#peers h3, .main#tunnels h3 {
     5383     margin: 5px 0 -6px !important;
     5384     font-size: 10.5pt;
     5385}
     5386
     5387.main#tunnels h3 {
     5388     margin-top: -2px !important;
     5389}
     5390
     5391.main#jobs h3 {
     5392     margin-top: 0;
     5393}
     5394
     5395.main#tunnels h3#exploratorytunnels {
     5396     margin-top: 0 !important;
     5397}
     5398
     5399h3 + .statusnotes {
     5400     margin-top: 5px !important;
     5401}
     5402
     5403h2 {
     5404     font-size: 12pt !important;
     5405}
     5406
     5407.main#jobs h2 {
     5408     margin-bottom: 5px !important;
     5409}
     5410
     5411.main#jobs h3 + ol:empty + h3 {
     5412     margin-top: -16px !important;
     5413}
     5414
     5415#jobstats {
     5416     margin-bottom: 0;
     5417}
     5418
     5419h3#totaljobstats {
     5420     margin-top: 11px !important;
     5421}
     5422
     5423.statusnotes:last-child {
     5424     margin-bottom: 0;
     5425}
     5426
     5427#profile_defs, #floodfills, #profiles ul, .main#peers h3#transports {
     5428     margin-bottom: 0 !important;
     5429}
     5430
     5431.main#peers pre {
     5432     margin-top: -1px;
     5433}
     5434
     5435.main#peers pre + h3 {
     5436     margin-bottom: 5px !important;
     5437}
     5438
     5439#floodfills, #profiles ul {
     5440     margin-top: 11px !important;
     5441}
     5442
     5443table[id*="connections"] td, #floodfills td,  #profilelist td, #jobstats td, .main#tunnels td {
     5444    padding: 3px;
     5445    border-right: 1px inset #ccf;
     5446}
     5447
     5448.main#netdb #netdboverview, #netdblookup {
     5449     margin: 11px 0 0;
     5450}
     5451
     5452#netdb h3.tabletitle, h3.sybils {
     5453     font-size: 10pt;
     5454}
     5455
     5456#netdblookup {
     5457     margin-bottom: -11px;
     5458}
     5459
     5460.netdbentry, #leasesetdebug, #leasesetsummary, table.leaseset {
     5461     margin: 11px 0 -6px !important;
     5462}
     5463
     5464.netdbentry:last-child, table.leaseset:last-child {
     5465     margin-bottom: 0 !important;
     5466}
     5467
     5468.netdbentry th code, .sybil_routerinfo th code, .leaseset th code {
     5469     font-size: 8pt;
     5470}
     5471
     5472#debugmode {
     5473     margin-bottom: -6px !important;
     5474}
     5475
     5476table.sybil_routerinfo:last-child {
     5477     margin-bottom: 0 !important;
     5478}
     5479
     5480#banlist li {
     5481     width: calc(100% - 5px);
     5482}
     5483
     5484#schedjobs {
     5485     margin: -11px 0 -6px !important;
     5486}
     5487
     5488#upnpstatus + #ntcpcon {
     5489     margin-top: 5px !important;
     5490}
     5491/* end whitespace reduction */
     5492
     5493.main#help h3, #faq h3 {
     5494     font-size: 10pt !important;
     5495}
     5496
     5497#portfaq td:nth-child(2) {
     5498     white-space: normal;
    49205499}
    49215500}
     
    49305509     margin-top: 3px !important;
    49315510}
     5511
     5512#sb_localtunnels td:first-child {
     5513     padding-right: 3px !important;
     5514}
     5515
     5516.tunnels_client th:first-child:not(old) {
     5517     font-size: 0 !important;
     5518}
     5519
     5520.tunnels_client th:first-child::after {
     5521     content: "\21E9\21E7";
     5522     font-size: 12pt;
     5523     line-height: 0;
     5524     vertical-align: middle;
     5525     letter-spacing: -0.3em;
     5526}
     5527
     5528.main#help h3, #faq h3 {
     5529     font-size: 10.5pt !important;
     5530}
     5531}
     5532
     5533@media screen and (min-width: 900px) {
     5534#consolepass input[name="name"], #externali2cp input[name="user"],
     5535#consolepass input[name="nofilter_pw"], #externali2cp input[name="nofilter_pw"] {
     5536     width: 160px;
     5537}
    49325538}
    49335539
    49345540@media screen and (min-width: 1500px) {
    4935 body, .main, .main td, .news p, #news p, .tab, .tab2, .main li b, div.joblog li, .themelabel, .ui_lang, .applabel a, .statusnotes,
    4936 #peerdefs, #profile_defs, #thresholds, #configinfo, .infohelp, .infowarn, button, input, select, textarea, code, tt, pre,
    4937 .netdbentry th, .configtable th, ul.statlist a[name], ul.statlist b, ul.statlist li b, ul.statlist a[name]:hover, div.messages, th {
     5541body, .main, .main td, .news p, #news p, .tab, .tab2, .main li b, div.joblog li, .themelabel, .ui_lang, .applabel a, .statusnotes, .routersummary button.download,
     5542#peerdefs, #profile_defs, #thresholds, #configinfo, .infohelp, .infowarn, button, input, select, textarea, code, tt, pre, .netdbentry th, .configtable th, ul.statlist a[name],
     5543ul.statlist b, ul.statlist li b, ul.statlist a[name]:hover, div.messages, th {
    49385544     font-size: 10pt !important;
    49395545}
    49405546
    4941 .routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.news, #banlist li {
     5547.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.news, #banlist li, .news #newsStatus, .news #ewsDisplay, .topness, .footnote {
    49425548     font-size: 9pt !important;
    49435549}
     
    49515557}
    49525558
    4953 div.routersummary img[src$="i2plogo.png"] {
     5559.routersummary img[src$="i2plogo.png"] {
    49545560     margin-left: -2px;
    49555561     transform: none;
     
    49625568}
    49635569
    4964 #sb_internals, #sb_services, #sb_advanced {
    4965      margin-top: -3px !important;
    4966 }
    4967 
    4968 .routersummary h3 a, #netdboverview th, .newsentry h3 {
     5570.routersummary h3 a, #netdboverview th {
    49695571     font-size: 11pt !important;
     5572}
     5573
     5574.routersummary h3 {
     5575     padding: 4.5px 0 !important;
    49705576}
    49715577
     
    49785584}
    49795585
    4980 .routersummary button[value="cancelShutdown"] {
    4981      padding-left: 21px !important;
    4982 }
    4983 
    49845586div.app {
    49855587     width: 154px;
     5588}
     5589
     5590.app img {
     5591     padding: 10px 60px 9px;
    49865592}
    49875593
     
    50035609}
    50045610
     5611.newsentry h3, .newsentry h3 a, #news.main h3, .newsDate {
     5612     font-size: 10.5pt !important;
     5613}
     5614
     5615.newsAuthor {
     5616     font-size: 9pt;
     5617     background-size: 12px 12px;
     5618     padding-left: 14px;
     5619     background-position: left center;
     5620}
     5621
     5622#news #newsDisplay, #news #newsStatus {
     5623     margin-bottom: 0 !important;
     5624}
     5625
     5626#console h3 {
     5627     font-size: 12pt;
     5628}
     5629
     5630#netdb h3.tabletitle, h3.sybils {
     5631     font-size: 10.5pt;
     5632}
     5633
    50055634h3#i2pclientconfig, h3.ptitle {
    50065635     margin-bottom: -15px !important;
    50075636}
    50085637
     5638h3#systray, h3#servicedebug, h3#browseronstart {
     5639     margin-bottom: -15px !important;
     5640}
     5641
    50095642h3#pluginmanage {
    50105643     margin-bottom: -20px !important;
     
    50135646h4#updateplugins {
    50145647     margin-top: -16px !important;
     5648     font-size: 10pt;
     5649     padding: 5px 10px;
    50155650}
    50165651
     
    50255660button.control {
    50265661     font-size: 0 !important;
     5662     padding: 14px !important;
    50275663}
    50285664
     
    50355671}
    50365672
    5037 table#leasesetdebug th, table#leasesetsummary th {
     5673#leasesetdebug th, #leasesetsummary th {
    50385674     font-size: 11pt !important;
    50395675}
     
    50665702     margin-top: -1px !important;
    50675703}
     5704
     5705#help .confignav {
     5706     padding: 0 !important;
     5707     position: sticky;
     5708     top: -1px;
     5709     z-index: 999;
     5710}
     5711
     5712#help .tab {
     5713     margin-top: -1px !important;
     5714     margin-bottom: -1px !important;
     5715}
     5716
     5717.main[id^="config_"] th, h4#updateplugins {
     5718    font-size: 10.5pt !important;
     5719}
     5720
     5721.homelinkedit th:first-child, #sidebarconf th:first-child, #consolepass th:first-child {
     5722     font-size: 0 !important;
     5723}
    50685724}
    50695725
    50705726/* end responsive layout */
    50715727
     5728/* Edge/IE tweaks */
     5729
     5730_:-ms-lang(x), #sidebarconf tr, .homelinkedit tr, #clientconfig tr, #webappconfig tr,  #configstats tr, #tunnelconfig tr, #profiles tr,
     5731#floodfills tr, #netdboverview tr, .netdbentry tr, #leasesetdebug tr, #leasesetsummary tr, .leaseset tr,
     5732.sybil_routerinfo tr, #enviro tr, #schedjobs tr, #jobstats tr, #eventlog tr, .tunneldisplay tr, #udpconnections tr, #ntcpconnections tr {
     5733     border-top: 1px solid #ccf;
     5734}
     5735
     5736_:-ms-lang(x), #peerdefs td:first-child {
     5737     border-right: 1px solid #ccf;
     5738}
     5739
     5740_:-ms-lang(x), .tunnels_client th:first-child::after {
     5741     letter-spacing: -0.05em;
     5742     font-weight: normal;
     5743}
     5744
     5745/* end Edge/IE tweaks */
  • installer/resources/themes/console/classic/console_big.css

    re32d4b1 ra929b5c6  
    11/* I2P Theme: I2P Classic Theme Override */
    22/* I2P Description: Larger fontsize override for console to accomodate foreign charactersets */
    3 /* Author: Dr|Z3d */
     3/* Author: dr|z3d */
    44
    55* {
     
    1414input[type="submit"], input[type="cancel"], input[type="file"], button, button.search, input.cancel {
    1515     font-size: 11pt !important;
    16      padding-top: 2px;
    17      padding-bottom: 2px;
     16     padding-top: 5px;
     17     padding-bottom: 5px;
     18}
     19
     20input[type="submit"], input[type="cancel"], input[type="file"], button, button.search, input.cancel, div.app, .themelabel, .ui_lang, .tab a, label, a, li {
     21     letter-spacing: 0.05em !important;
    1822}
    1923
     
    8084
    8185body, .main {
    82      font: 12pt "Droid Sans", Verdana, "Bitstream Vera Sans", Helvetica, Sans, sans-serif;
     86     font: 12pt "Noto Sans", "Droid Sans", "Segoe UI", "Lucida Grande", Verdana, "Bitstream Vera Sans", Helvetica, Sans, sans-serif;
    8387}
    8488
     
    105109}
    106110
     111h1, h2, h3, h4 {
     112     letter-spacing: 0.08em !important;
     113     word-spacing: 0.1em !important;
     114}
     115
    107116/* end global overrides */
    108117
    109118div.tunnels a {
    110119     font-size: 12pt !important;
    111 }
    112 
    113 div.tunnels table {
    114120}
    115121
     
    170176}
    171177
     178#themeui.formaction {
     179     margin-top: 8px !important;
     180}
     181
    172182div.themechoice, div.langselect {
    173183     width: 128px;
     
    178188}
    179189
     190h3#systray, h3#servicedebug, h3#browseronstart {
     191     margin-bottom: -17px !important;
     192}
     193
    180194h3#pluginmanage {
    181195     margin-bottom: -22px !important;
    182196}
    183197
    184 .formaction {
    185      margin-top: -17px !important;
    186 }
    187 
    188 table + .formaction, #consolepass + .formaction {
    189      margin-top: -7px !important;
     198.formaction, #consolepass + .formaction, #sidebardefaults, #webappconfigactions.formaction, #clientsconfig.formaction, #homesites, #homeapps {
     199     margin-top: -6px !important;
     200}
     201
     202table + .formaction {
     203     margin-top: -1px !important;
    190204}
    191205
    192206hr + .formaction {
    193207     margin-top: 0 !important;
     208}
     209
     210h4#updateplugins {
     211     margin-top: -16px;
     212}
     213
     214 #tunnelconfigsave {
     215     margin-top: -6px !important;
     216}
     217
     218#resetreseed input.reload {
     219     margin-top: 20px;
     220     margin-bottom: 0;
     221}
     222
     223p#keyringhelp, #tunnelconfig + .infohelp {
     224     margin-bottom: 15px !important;
    194225}
    195226
     
    211242}
    212243
     244input[name="pluginURL"] {
     245     max-width: 250px !important;
     246     width: 250px !important;
     247}
     248
    213249button.control {
    214250     font-size: 0 !important;
     
    245281}
    246282
     283.newsAuthor {
     284     background-position: left top 8px !important;
     285     background-size: 12px 12px !important;
     286     padding-left: 14px;
     287}
     288
    247289input.search[type="text"] {
    248290     padding-left: 30px;
     
    262304}
    263305
     306h3#iptransport a:not(old), h3#advancedconfig a:not(old) {
     307     font-size: 0 !important;
     308}
     309
     310h3#iptransport a::after, h3#advancedconfig a::after {
     311     vertical-align: sub;
     312     margin-left: 5px;
     313}
     314
    264315/* responsive layout */
    265316
     
    267318.main td, .main td b {
    268319     font-size: 10pt !important;
     320}
     321
     322.tab, .tab2 {
     323     margin-right: -2px !important;
     324}
     325}
     326
     327@media screen and (max-width: 1500px) {
     328div.applabel {
     329     height: 22px !important;
     330     padding: 2px;
     331     width: 140px;
    269332}
    270333}
     
    277340}
    278341
     342.routersummary .reload[value="restartImmediate"], .routersummary .stop[value="shutdownImmediate"], .routersummary .reload[value="Reseed"], .routersummary button[name="updateAction"] {
     343     font-size: 11pt !important;
     344}
     345
     346.tab, .tab2, .main[id^="config_"] td {
     347     font-size: 11pt !important;
     348}
     349
     350.main[id^="config_"] th {
     351     font-size: 12pt !important;
     352}
     353
     354.optbox, #netconfig .optbox:last-child, #netconfig .optbox[value="only"], #netconfig .optbox[name="disableUDP"], #netconfig .optbox[value="disabled"] {
     355     margin-top: 10px !important;
     356     margin-bottom: 10px !important;
     357}
     358
     359.langselect .optbox {
     360     margin: -4px 0 8px -54px !important;
     361}
     362
     363#console h2 {
     364     margin-bottom: -5px !important;
     365}
     366
     367#console h2 a[name], #console h2 a[name]:hover {
     368     font-size: 16pt !important;
     369     color: #0c153d !important;
     370}
     371
     372.welcome h2 {
     373     font-size: 14pt !important;
     374}
     375
     376p#fullhistory {
     377     padding: 8px 10px !important;
     378}
     379
     380div.news {
     381     padding-bottom: 7px !important;
     382}
     383
     384div.news h3, .newsDate, div.news a {
     385     font-size: 12pt !important;
     386}
     387
     388#sb_internals, #sb_services, #sb_advanced {
     389     margin-top: -5px !important;
     390}
     391
     392.main#console code {
     393     font-size: 13pt !important;
     394}
     395
     396#faq ul {
     397     margin-bottom: 0 !important;
     398}
     399
     400#changelog pre {
     401     font-size: 10pt !important;
     402}
     403
     404.homelinkedit th:first-child, #sidebarconf th:first-child, #consolepass th:first-child {
     405     font-size: 0 !important;
     406}
     407
     408.homelinkedit td img {
     409     width: 24px;
     410     height: 24px;
     411}
     412
     413#netdboverview th {
     414     font-size: 12pt !important;
     415}
     416}
     417
     418@media screen and (min-width: 1200px) {
    279419.tab, .tab2 {
    280      font-size: 11pt !important;
    281420     margin-right: -3px !important;
     421}
     422
     423#faq th, #portfaq th, #portfaq th[colspan="3"] {
     424     font-size: 12pt !important;
    282425}
    283426}
     
    293436     font-size: 11pt !important;
    294437}
     438
     439.langbox {
     440     margin-top: 2px !important;
     441}
     442
     443div.routersummary img[src$="i2plogo.png"] {
     444     margin-left: 1px;
     445}
     446
     447.routersummary table[id^="sb_"] {
     448     width: 225px !important;
     449}
     450
     451div.app {
     452     width: 164px;
     453}
     454
     455div.applabel {
     456     padding: 3px 2px 4px !important;
     457     width: 160px !important;
     458}
    295459}
    296460
  • installer/resources/themes/console/classic/i2ptunnel.css

    re32d4b1 ra929b5c6  
    66     padding: 0;
    77     text-align: center;
    8      font-family: "Droid Sans", "Noto Sans", "Ubuntu", "Segoe UI", Verdana, Helvetica, sans-serif;
     8     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif;
    99     color: #333;
    1010     font-size: 9pt;
     
    4242     padding-top: 24px;
    4343     filter: drop-shadow(0 0 1px #999);
    44      -webkit-filter: drop-shadow(0 0 1px #999);
    4544}
    4645
     
    5251     background: url(images/console_status_running.png) center center no-repeat;
    5352     filter: drop-shadow(0 0 1px #999);
    54      -webkit-filter: drop-shadow(0 0 1px #999);
    5553}
    5654
     
    6361     background: url(images/console_status_starting.png) center center no-repeat;
    6462     filter: drop-shadow(0 0 1px #999);
    65      -webkit-filter: drop-shadow(0 0 1px #999);
    6663}
    6764
     
    8683     border: 1px solid #999;
    8784     padding: 4px;
    88      font: 9pt "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
     85     font: 9pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    8986     background: #fff;
    9087     color: #333;
    9188     border-radius: 2px;
    92      box-shadow: inset 2px 2px 1px #ccc;
     89     box-shadow: inset 1px 1px 1px #ddd;
    9390}
    9491
    9592.freetext:focus {
    96      box-shadow: 0 0 1px #89f;
     93     box-shadow: 0 0 0 1px #89f;
     94     box-shadow: inset 0 0 0 1px #89f, 0 0 1px rgba(136, 153, 255, 0.4);
    9795     color: #111;
    9896}
     
    127125     background: #eee;
    128126     background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
    129      box-shadow: inset 0 0 0 1px #fff;
    130      filter: drop-shadow(0 0 1px #ccc);
    131 /*     -webkit-filter: drop-shadow(0 0 1px #ccc); */
     127     box-shadow: inset 0 0 0 1px #fff, 0 0 1px 0 #ccc;
    132128}
    133129
     
    148144
    149145.iframed .panel.iframed {
    150      margin: 0 auto -8px auto !important;
     146     margin: 0 auto -8px !important;
    151147}
    152148
     
    154150     width: calc(100% - 14px);
    155151     margin: 8px auto;
    156      min-width: 600px;
     152     min-width: 640px;
    157153     max-width: 1500px;
    158154     overflow: hidden;
     
    171167     box-shadow: none;
    172168     padding: 0;
    173      margin: 16px auto -8px auto !important;
     169     margin: 16px auto -8px !important;
    174170     width: 100%;
    175171}
    176172
     173.iframed .panel#clients {
     174     margin-top: 8px !important;
     175}
     176
    177177select {
    178      background: #fff;
     178     -moz-appearance: none;
     179     -webkit-appearance: none;
     180     appearance: none;
     181     background: url(images/dropdown.png) right center no-repeat #fff;
     182     background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     183     padding: 4px 16px 4px 4px;
    179184     color: #333;
    180185     margin: 4px !important;
    181      font-family: "Droid Sans", Verdana, Tahoma, Helvetica, sans-serif;
     186     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif;
    182187     border: 1px solid #999;
    183      padding: 3px 3px 3px 0;
     188     padding: 4px 16px 4px 4px;
    184189     min-width: 140px;
    185190     font-size: 9pt;
     
    187192     overflow: hidden;
    188193     text-overflow: ellipsis;
    189      filter: drop-shadow(0 0 1px #ccc);
     194     box-shadow: 0 0 0 1px #fff inset, 0 0 1px 0 #ccc;
    190195}
    191196
     
    200205select option {
    201206     background: #fff;
    202 }
    203 
    204 @-moz-document url-prefix() { /* target firefox and derivatives only */
    205 select {
    206      -moz-appearance: none;
    207      background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    208      padding: 4px 16px 4px 4px;
    209207}
    210208
     
    217215     box-shadow: 0 0 1px #89f;
    218216}
     217
     218select::-ms-expand {
     219     display: none;
    219220}
    220221
     
    248249     padding: 6px 10px;
    249250     border: 1px solid #89f;
    250      background: #fff url("/themes/console/classic/images/tinytitle.png") repeat right center;
     251     background: #fff url(/themes/console/classic/images/tinytitle.png) repeat right center;
    251252     background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%);
    252253     font-size: 11pt;
     
    257258     color: #0c153d;
    258259     box-shadow: inset 0 0 0 1px #fff;
    259 }
    260 
    261 /*
    262 h3 {
    263      border-radius: 0;
    264      margin-top: -1px;
    265 }
    266 */
     260     position: relative;
     261}
     262
     263/* title images */
     264
     265h2, h3 {
     266     padding-left: 30px;
     267}
     268
     269#messages h2 {
     270     background: url(/themes/console/images/info/logs.png) left 5px center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%) #fff !important;
     271     background-size: 20px auto, 100% 100%, 100% 100% !important;
     272}
     273
     274#globalTunnelControl h2 {
     275     background: url(/themes/console/images/info/control.png) left 5px center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%) #fff !important;
     276     background-size: 20px auto, 100% 100%, 100% 100% !important;
     277}
     278
     279#servers h2 {
     280     background: url(/themes/console/images/info/server.png) left 5px center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%) #fff !important;
     281     background-size: 20px auto, 100% 100%, 100% 100% !important;
     282}
     283
     284#clients h2 {
     285     background: url(/themes/console/images/info/client.png) left 5px center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%) #fff !important;
     286     background-size: 20px auto, 100% 100%, 100% 100% !important;
     287}
     288
     289#tunnelEditPage h2, #tunnelEditPage h3, #registration h2, #registration h3 {
     290     background: url(/themes/console/images/info/configure.png) left 5px center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%) #fff !important;
     291     background-size: 20px auto, 100% 100%, 100% 100% !important;
     292}
     293
     294#wizardPanel h2 {
     295     background: url(/themes/console/images/info/wizard.png) left 6px center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%) #fff !important;
     296     background-size: 20px auto, 100% 100%, 100% 100% !important;
     297}
     298
     299/* end title images */
    267300
    268301.iframed #globalTunnelControl h2 {
     
    287320     background: linear-gradient(to bottom, #fff, #eff2ff) !important;
    288321     padding: 5px;
     322     text-align: left;
    289323     border-top: 1px solid #89f;
    290324     border-bottom: 1px solid #89f;
     
    298332
    299333td {
    300      border-top: 1px solid #89f;
    301334     vertical-align: middle;
    302      padding: 4px 5px;
     335     border-top: 1px inset #cfd1ff;
     336     padding: 5px;
     337}
     338
     339th:last-child, td:last-child {
     340     border-right: 1px solid #89f; /* fixes chrome rendering bug */
     341}
     342
     343#throttler th:last-child, #throttler td:last-child {
     344     border-right: none;
    303345}
    304346
    305347td.infohelp {
    306348     background: url(/themes/console/images/info/infohelp.png) 10px center no-repeat;
    307      background-size: 24px 24px;
    308      background-position: 6px center;
     349     background-size: 20px 20px;
    309350     padding: 10px 10px 10px 38px !important;
    310351}
     
    320361.tunnelProperties {
    321362     background: #fff !important;
     363     border-top: 1px solid #89f;
    322364}
    323365
    324366.tunnelProperties:hover {
    325      background: #ffd !important;
     367     background: #ffe !important;
     368     transition: ease background 0.3s;
    326369}
    327370
     
    371414.tunnelPreview, .tunnelPort {
    372415     width: 15%;
     416     text-align: center;
    373417}
    374418
    375419.tunnelLocation, .tunnelInterface {
    376420     width: 20%;
     421}
     422
     423.tunnelLocation font[color="red"] {
     424     margin-left: 3px;
    377425}
    378426
     
    398446}
    399447
    400 
    401448input[type="checkbox"], input[type="radio"] {
    402      vertical-align: middle;
     449     vertical-align: sub;
    403450     min-width: 16px;
    404451     min-height: 16px;
     
    407454}
    408455
     456input[type="radio"]:hover, input[type="radio"]:focus, input[type="checkbox"]:hover, input[type="checkbox"]:focus {
     457     filter: drop-shadow(0 0 2px #89f);
     458     box-shadow: inset 0 0 1px 2px #89f;
     459     outline: none;
     460}
     461
     462label {
     463     cursor: pointer;
     464}
     465
     466input[type="checkbox"] {
     467     margin: 5px 3px 5px 5px;
     468}
     469
    409470textarea, input, select, button {
    410471     font-size: 9pt;
     
    422483
    423484button, input[type="submit"], input[type="reset"], a.control {
    424      font-family: "Droid Sans", "Noto Sans", "Ubuntu", "Segoe UI", Verdana, Helvetica, sans-serif;
     485     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif;
    425486     font-size: 9pt;
    426487}
    427488
    428489textarea {
     490     font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    429491     color: #333;
    430492     background: #fff;
     
    432494     border-radius: 2px;
    433495     resize: none;
    434      box-shadow: inset 2px 2px 1px #ccc;
     496     box-shadow: inset 1px 1px 1px #ddd;
    435497}
    436498
    437499textarea:focus {
    438500     box-shadow: inset 0 0 0 1px #89f;
     501     box-shadow: inset 0 0 0 1px #89f, 0 0 1px rgba(136, 153, 255, 0.4);
    439502     color: #111;
    440503}
     
    449512     border: none;
    450513     margin: 0;
     514     font-family: "Droid Sans Mono", "Noto Mono", Consolas, "Lucida Console", "DejaVu Sans Mono", monospace;
     515}
     516
     517textarea#statusMessages:focus {
     518     caret-color: transparent;
    451519}
    452520
     
    516584     min-width: 280px;
    517585     width: 30%;
     586     width: calc(100% - 10px) !important;
     587}
     588
     589td[colspan="2"] select#profile {
     590     width: calc(50% - 15px) !important;
    518591}
    519592
     
    538611.multiOption {
    539612     display: inline-block;
    540      margin-right: 10px;
    541      vertical-align: middle;
     613     margin: 5px 10px 5px 5px;
     614}
     615
     616.multiOption input {
     617     vertical-align: sub;
    542618}
    543619
     
    582658}
    583659
    584 #throttler tr:nth-child(odd) {
     660#throttler tr:nth-child(odd), #wizardTunnelTypes tr:nth-child(odd), #wizardSummary tr:nth-child(odd) {
    585661     background: #eff2ff;
    586 }
    587 
    588 #throttler tr:nth-child(even) {
     662     background: rgba(240,240,255,0.5);
     663}
     664
     665#throttler tr:nth-child(even),  #wizardTunnelTypes tr:nth-child(even), #wizardSummary tr:nth-child(even) {
    589666     background: #e7e7ff;
     667     background: rgba(220,220,255,0.5);
    590668}
    591669
     
    624702}
    625703
     704input:focus::-moz-placeholder {
     705     opacity: 0;
     706}
     707
     708:focus::-webkit-input-placeholder {
     709     opacity: 0;
     710}
     711
    626712input.tunnelName, input.tunnelDescription, #userAgents {
    627713     width: 80%;
    628714     min-width: 280px;
    629715     text-overflow: ellipsis;
     716}
     717
     718input[type="file"] {
     719     margin: 5px 3px;
    630720}
    631721
     
    668758     box-shadow: inset 0 0 0 1px #fff;
    669759     filter: drop-shadow(0 0 1px #333);
    670      -webkit-filter: drop-shadow(0 0 1px #333);
    671760     font-size: 11pt;
    672761     font-weight: bold;
     
    694783     text-align: justify;
    695784     padding: 5px 10px 5px 5px;
     785     border: none;
    696786}
    697787
     
    705795}
    706796
    707 /*
    708 #wizardPanel tr:nth-child(n+2) {
    709      background: #eef;
    710 }
    711 
    712 #wizardPanel tr:nth-child(2n+2) {
    713      background: #f7f8ff;
    714 }
    715 */
    716 
    717 #wizardTunnelTypes tr:nth-child(even), #wizardSummary tr:nth-child(even) {
    718      background: #dde1ff;
    719 }
    720 
    721 #wizardTunnelTypes tr:nth-child(odd), #wizardSummary tr:nth-child(odd) {
    722      background: #eff1ff;
     797#wizardSummary td:last-child {
     798     border-right: none !important;
     799}
     800
     801#wizardTable td {
     802     border-top: 1px solid #cfd1ff !important;
    723803}
    724804
     
    774854/* more space */
    775855
    776 .tunnelConfig td, td {
    777      border-top: 1px inset #cfd1ff;
    778      padding: 5px;
    779 }
    780 
    781 input[type="checkbox"] {
    782      margin: 5px 3px 5px 5px;
    783 }
    784 
    785856.freetext, .tunnelConfig textarea, #customOptions, #userAgents, #hostField  {
    786857     margin: 5px !important;
    787 }
    788 
    789 .multiOption {
    790      margin: 5px 10px 5px 5px;
    791858}
    792859
     
    836903/* responsive layout */
    837904
     905@media screen and (max-width: 700px) {
     906#leasesetKey, #tunnelDepth, #tunnelVariance, #tunnelQuantity, #tunnelBackupQuantity, #leasesetKey {
     907    min-width: 270px;
     908}
     909}
     910
     911@media screen and (max-width: 800px) {
     912.tunnelProperties td {
     913     border-right: 1px dotted #cfd1ff;
     914}
     915
     916.tunnelProperties td:last-child {
     917     border-right: 1px solid #89f;
     918}
     919
     920div[class^="status"] {
     921     background-size: auto 14px;
     922}
     923
     924.port, .quantity, .period {
     925     width: 60px;
     926}
     927
     928#clientHost, .host {
     929     width: 200px;
     930     min-width: 210px;
     931}
     932
     933.control, .control:link, .control:visited {
     934     min-width: 60px !important;
     935}
     936}
     937
    838938@media screen and (min-width: 1200px) {
    839939body, .control, button, select, textarea, .freetext {
     
    853953}
    854954}
     955
     956/* Edge/IE tweaks */
     957
     958_:-ms-lang(x), td {
     959     border-top: 1px solid #cfd1ff;
     960}
     961
     962_:-ms-lang(x), td.tunnelDestination, td.tunnelDescription {
     963     border-bottom-color: transparent;
     964}
     965
     966_:-ms-lang(x), h2, h3 {
     967     box-shadow: none;
     968}
     969
     970/* end Edge/IE tweaks */
  • installer/resources/themes/console/classic/mobile.css

    re32d4b1 ra929b5c6  
    7373table[id^="sb_"] tr:nth-child(even) td {
    7474     background: #eef;
    75      background: rgba(238, 238, 255, 0.4);
     75     background: rgba(240, 240, 255, 0.5);
    7676}
    7777
    7878table[id^="sb_"] tr:nth-child(odd) td {
    7979     background: #ddf;
    80      background: rgba(221, 221, 255, 0.4);
     80     background: rgba(220, 220, 255, 0.5);
    8181}
    8282
    8383table[id^="sb_"] tr:hover td {
    84      background: #ccf !important;
     84     background: #ffe !important;
     85     transition: ease background 0.3s;
    8586}
    8687
     
    8990}
    9091
    91 /*
    92 #sb_services a {
    93      display: inline-block;
    94      width: 24% !important;
    95      min-width: 100px;
    96      box-sizing: border-box;
    97      white-space: nowrap;
    98      border: none !important;
    99 }
    100 */
    101 
    10292#sb_localtunnels td:nth-child(2) {
    10393     width: auto !important;
     94}
     95
     96#sb_general, #sb_shortgeneral, #sb_bandwidth, #sb_peers, #sb_tunnels, #sb_queue {
     97     margin-bottom: -7px !important;
     98}
     99
     100#sb_internals, #sb_services, #sb_advanced {
     101     margin-top: -6px !important;
     102}
     103
     104
     105#sb_internals a, #sb_services a, #sb_advanced a {
     106     max-width: 600px;
    104107}
    105108
     
    129132}
    130133
     134.confignav {
     135     padding: 3px 5px !important;
     136     line-height: 180%;
     137}
     138
    131139@media screen and (min-width: 1500px) {
    132 
    133140h1 {
    134           margin: 9px 0 -1px !important;
     141     margin: 9px 0 -1px !important;
    135142}
    136143
  • installer/resources/themes/console/dark/console.css

    re32d4b1 ra929b5c6  
    4040a img:hover, a:focus img  {
    4141     filter: drop-shadow(0 0 1px #f60);
    42      -webkit-filter: drop-shadow(0 0 1px #f60);
    4342}
    4443
     
    6160     overflow-x: auto;
    6261     text-align: left;
    63      font: 8.5pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     62     font: 8.5pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    6463     color: #EE9;
    6564}
     
    7271     text-align: center;
    7372     color: #EE9;
    74      margin: 0 20px 0 20px;
     73     margin: -1px 20px 0;
    7574     border: 1px solid #494;
    7675     background: #000 url(images/camotile2.png);
     
    9392     opacity: 0.6;
    9493     filter: sepia(100%) invert(100%) hue-rotate(260deg) drop-shadow(0 0 1px #494);
    95      -webkit-filter: sepia(100%) invert(100%) hue-rotate(260deg) drop-shadow(0 0 1px #494);
    9694     margin: 0;
    9795     padding: 0;
     
    102100     opacity: 1;
    103101     filter: sepia(100%) invert(100%) hue-rotate(260deg) drop-shadow(0 0 2px #f60);
    104      -webkit-filter: sepia(100%) invert(100%) hue-rotate(260deg) drop-shadow(0 0 2px #f60);
    105102}
    106103
     
    108105     opacity: 1;
    109106     filter: sepia(100%) invert(100%) hue-rotate(260deg) drop-shadow(0 0 2px #f90);
    110      -webkit-filter: sepia(100%) invert(100%) hue-rotate(260deg) drop-shadow(0 0 2px #f90);
    111107}
    112108
     
    121117.logo, .warning {
    122118     filter: drop-shadow(0 0 5px #000);
    123      -webkit-filter: drop-shadow(0 0 5px #000);
    124119}
    125120
     
    162157}
    163158
    164 /* tags the proxy info onto the bottom of the warning box */
    165 /* comment out the @media .proxyfooter section below to avoid duplication */
    166 /*
    167 .proxyfooter {
    168      margin: -3px 20px 10px 248px;
    169      padding: 0 25px 0 75px;
    170      color: #ee9;
    171      font-size: 9pt;
    172      text-align: right !important;
    173      border: 1px solid #494;
    174      box-shadow: inset 0 0 0 1px #700;
    175      box-shadow: inset 0 0 0 1px #700, inset 0 0 3px 3px #000;
    176      background: #000 url(images/camotile2.png);
    177      display: none;
    178      filter: drop-shadow(0 0 5px #000);
    179      -webkit-filter: drop-shadow(0 0 5px #000);
    180 }
    181 
    182 .proxyfooter p {
    183      text-align: right;
    184      line-height: 130% !important;
    185 }
    186 
    187 .warning {
    188      margin-bottom: 0;
    189 }
    190 */
    191 
    192159div.routersummaryouter {
    193160     float: left;
     
    196163     padding: 0;
    197164     border: 0;
    198      clear: left;/* fixes a bug in Opera */
     165     clear: left; /* fixes a bug in Opera */
    199166     text-align: center;
    200167     display: block;
    201      position: absolute;/* so no interference with /home app icons */
     168     position: absolute; /* so no interference with /home app icons */
    202169}
    203170
     
    208175     border: 1px solid #494;
    209176     background: #000 url(images/camotile2.png) left top;
    210      color: #EE9;
     177     color: #ee9;
    211178     font-size: 8pt;
    212      clear: left;/* fixes a bug in Opera */
     179     clear: left; /* fixes a bug in Opera */
    213180     border-radius: 2px;
    214181     float: left;
     
    230197     transition: ease filter 0.3s 0s, ease opacity 0.3s 0s;
    231198     filter: saturate(200%) drop-shadow(0 0 2px #f60);
    232      -webkit-filter: saturate(200%) drop-shadow(0 0 2px #f60);
    233199}
    234200
     
    239205.routersummary a[href="/"]:focus img, .routersummary a[href="/console"]:focus img {
    240206     filter: drop-shadow(0 0 2px #f60) saturate(200%);
    241      -webkit-filter: drop-shadow(0 0 2px #f60) saturate(200%);
    242207}
    243208
     
    296261     padding: 6px 1px;
    297262     background: #000;
    298      background: linear-gradient(to right, #001900 0%, #001000 5%, #000 25%, #000 50%, #000 75%, #001000 95%, #001900 100%);
     263     background: linear-gradient(to right, #001900, #001000 5%, #000 25%, #000 50%, #000 75%, #001000 95%, #001900);
    299264     text-decoration: none !important;
    300265     color: #2b2;
     
    343308}
    344309
    345 /*
    346 #sb_peers td, #sb_tunnels td, #sb_queue td, #sb_bandwidth td, #sb_general td, #sb_shortgeneral td {
    347      padding-top: 1px;
    348      padding-bottom: 1px;
    349 }
    350 */
    351 
    352310#sb_localtunnels {
    353311     margin: -4px -7px -7px -8px !important;
    354 /*     text-transform: capitalize;*/
    355312}
    356313
     
    381338     padding: 4px 4px 4px 26px;
    382339     background: #000;
    383      background: url(images/warning24x24.png) 4px center no-repeat, linear-gradient(to right, #001900 0%, #001000 5%, #000 25%, #000 50%, #000 75%, #001000 95%, #001900 100%);
     340     background: url(images/warning24x24.png) 4px center no-repeat, linear-gradient(to right, #001900, #001000 5%, #000 25%, #000 50%, #000 75%, #001000 95%, #001900);
    384341     background-size: 22px 22px, 100% 100%;
    385342     text-align: center;
     
    685642
    686643#news h3 {
    687      padding: 4px 6px 5px;
     644     padding: 4px 8px 5px 10px;
    688645     letter-spacing: 0.08em !important;
    689646     word-spacing: normal !important;
     
    695652}
    696653
    697 #news h3 > * {
    698      vertical-align: middle;
    699 }
    700 
    701 div.news h3, div.fixme h3 {
     654div.news h3, #newspage h3 {
    702655     text-align: left !important;
    703656     font-size: 10pt !important;
     
    709662     background: #000;
    710663     color: #EE9;
    711      font: 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     664     font: 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    712665     resize: none;
    713666}
     
    717670     padding: 6px 20px 5px;
    718671     border: 1px solid #494;
    719      background: #000;
    720672     background: #000 url(images/news.png) no-repeat scroll bottom right;
    721673     background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.5)), url("images/news.png") no-repeat scroll right bottom,  url("images/camotile2.png") #000 !important;
     
    814766/* top navigation */
    815767
    816 div.confignav {
     768.confignav {
    817769     background: url(images/header.png) repeat-x scroll center center #000;
    818      background: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 51%, #000 100%) !important;
     770     background: linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000) !important;
    819771     padding: 7px 5px !important;
    820772     margin: -1px -16px 15px;
     
    849801
    850802.tab {
    851      background: linear-gradient(to bottom, #001900 0%, #002900 50%, #000 51%, #000 100%) !important;
     803     background: linear-gradient(to bottom, #001900, #002900 50%, #000 51%, #000) !important;
    852804     box-shadow: inset 0 0 0 1px #000;
    853805}
     
    922874}
    923875
     876.main#events .messages {
     877     margin-top: 26px;
     878     margin-bottom: -13px;
     879     box-shadow: inset 0 0 0 1px #700 !important;
     880}
     881
    924882div.graphspanel {
    925883     padding: 0;
     
    11051063     font-size: 9pt;
    11061064     background: #000 url(images/header.png) center center repeat-x;
    1107      background-image: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 51%, #000 100%) !important;
     1065     background-image: linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000) !important;
    11081066     border-top: 1px solid #494;
    11091067     border-bottom: 1px solid #494 !important;
     
    12241182
    12251183tt {
    1226      font: bold 9pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     1184     font: bold 9pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    12271185     color: #FF0;
    12281186}
     
    12701228.tidylist code {
    12711229     text-align: left;
    1272      font: 8.5pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     1230     font: 8.5pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    12731231     color: #dd0;
    12741232     padding: 1px 3px;
     
    12931251code {
    12941252     text-align: left;
    1295      font: 9pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     1253     font: 9pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    12961254     color: #dd0;
    12971255}
     
    14191377     border: 1px solid #494;
    14201378     border-left: 5px solid #494;
    1421      padding: 6px 10px 5px;
     1379     padding: 6px 10px;
    14221380     margin: 12px 0 10px 0;
    14231381     border-radius: 0 2px 2px 0;
     
    14721430     color: #494;
    14731431     filter: drop-shadow(0 0 1px #000);
    1474      -webkit-filter: drop-shadow(0 0 1px #000);
    14751432}
    14761433
     
    15011458}
    15021459
    1503 
    15041460.langbox {
    1505      margin: 4px 4px 2px 5px;
     1461     margin: 4px 3px 2px 5px;
    15061462     padding: 0;
    15071463     color: #ee9;
     
    15111467     float: right;
    15121468     vertical-align: middle;
     1469     line-height: 16px;
    15131470}
    15141471
    15151472.langbox img {
    1516      opacity: 0.5;
     1473     opacity: 0.7;
    15171474     padding: 0 !important;
    15181475     margin: 0 1px -2px !important;
    1519      transition: ease opacity 0.3s 0s;
     1476     transition: ease opacity 0.3s;
    15201477     border: 1px solid #000;
    15211478}
    15221479
    1523 .langbox img:hover {
     1480.langbox img:hover, .langbox a:focus img {
    15241481     opacity: 1;
    15251482     transform: scale(1.1);
    15261483}
    15271484
    1528 .langbox img:active {
     1485.langbox a:active img {
    15291486     transform: scale(1);
    15301487}
     
    15321489img[src*="bound"], img[src*="bound"]:hover {
    15331490     filter: sepia(100%) hue-rotate(70deg) !important;
    1534      -webkit-filter: sepia(100%) hue-rotate(70deg) !important;
    15351491}
    15361492
     
    16231579     min-width: 16px !important;
    16241580     filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%); /* colorize radios and checkboxes */
    1625      -webkit-filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%);
    1626      vertical-align: middle;
     1581     vertical-align: sub;
    16271582     background: none;
    16281583}
    16291584
    16301585input[type="checkbox"]:hover, .optbox:hover, input[type="checkbox"]:focus, .optbox:focus {
    1631      filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%) drop-shadow(0 0 1px #f60);
    1632      -webkit-filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%) drop-shadow(0 0 1px #f60);
     1586     outline: none;
     1587     filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%) drop-shadow(0 0 3px #f60);
     1588}
     1589
     1590label {
     1591     cursor: pointer;
     1592}
     1593
     1594.main#config_clients label[for="0"] {
     1595     cursor: default;
    16331596}
    16341597
     
    16411604     cursor: pointer;
    16421605     margin: 5px 8px;
     1606     font-weight: normal;
    16431607}
    16441608
     
    16761640
    16771641select {
    1678      background: #000;
     1642     -moz-appearance: none;
     1643     -webkit-appearance: none;
     1644     appearance: none;
     1645     background: #000 url(images/dropdown.png) right center no-repeat !important;
     1646     background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%) !important;
    16791647     color: #494;
    16801648     margin: 5px 10px;
     
    16841652     font: 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    16851653     font-weight: bold;
    1686      padding: 2px 16px 2px 2px;
     1654     padding: 4px 16px 4px 4px !important;
    16871655     cursor: pointer;
    16881656     overflow: hidden;
     
    17111679}
    17121680
    1713 @media screen and (-webkit-min-device-pixel-ratio:0) {
    1714 select {
    1715      padding: 3px 4px !important;
    1716 }
    1717 
    1718 select option {
    1719      background: #000 !important;
    1720      color: #f60 !important;
    1721 }
    1722 }
    1723 
    1724 @-moz-document url-prefix() { /* target firefox and derivatives only */
    1725 select {
    1726      -moz-appearance: none;
    1727      background: #000 url(images/dropdown.png) right center no-repeat !important;
    1728      background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%) !important;
    1729 }
    1730 
    1731 select:hover, select:active {
     1681select:hover, select:focus, select:active {
    17321682     background: #000 url(images/dropdown_hover.png) right center no-repeat !important;
    17331683}
    17341684
    1735 select:focus {
    1736      background: #000 url(images/dropdown_hover.png) right center no-repeat !important;
    1737 }
     1685select::-ms-expand {
     1686     display: none;
    17381687}
    17391688
     
    17461695     margin: 10px;
    17471696     border-radius: 2px;
    1748      font: 8.5pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     1697     font: 8.5pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    17491698     min-height: 100px;
    17501699     min-width: 97%;
     
    17621711     background: #000 !important;
    17631712     filter: drop-shadow(0 0 1px #880);
    1764      -webkit-filter: drop-shadow(0 0 1px #880);
    17651713     transition: filter ease 0.3s 0s;
    1766 }
    1767 
    1768 input[readonly="readonly"]:focus {
     1714     font-weight: bold;
     1715     outline: none;
     1716}
     1717
     1718input[readonly]:focus {
    17691719     filter: none !important;
    1770      -webkit-filter: none;
    17711720     color: #161 !important;
     1721     font-weight: normal;
    17721722}
    17731723
     
    17751725     box-shadow: inset 0 0 0 1px #880;
    17761726     filter: none;
    1777      -webkit-filter: none;
    17781727}
    17791728
    17801729textarea[readonly]:focus {
    17811730     box-shadow: inset 0 0 3px 3px #000;
     1731     font-weight: normal;
    17821732}
    17831733
     
    17881738     background: linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%);
    17891739     filter: drop-shadow(0 0 1px #131);
    1790      -webkit-filter: drop-shadow(0 0 1px #131);
    17911740}
    17921741
    17931742input[type="submit"], input[type="reset"], button {
    17941743     padding: 5px 8px !important;
     1744     outline: none;
    17951745}
    17961746
     
    18451795     width: calc(100% - 45px);
    18461796     padding-bottom: 5px !important;
     1797     text-align: left;
    18471798}
    18481799
    18491800.joblog ol li:last-child {
    18501801     border: none;
     1802     text-align: left;
    18511803}
    18521804
     
    22372189}
    22382190
    2239 #udpconnections tr:hover, #ntcpconnections tr:hover, #jobstats tr:hover, #schedjobs tr:hover {
     2191#udpconnections tr:hover, #ntcpconnections tr:hover, #jobstats tr:hover, #schedjobs tr:hover, #netdboverview table tr:hover, #portfaq tr:hover {
    22402192     background: #020;
    22412193}
     
    22912243table#ntcpconnections {
    22922244     overflow-x: scroll !important;
     2245}
     2246
     2247.backlogged {
     2248     font-size: 14pt;
     2249     line-height: 0;
    22932250}
    22942251
     
    24022359.themechoice .optbox:checked + object {
    24032360     filter: none;
    2404      -webkit-filter: none;
    24052361     opacity: 1;
    24062362}
     
    24082364.themechoice:hover object {
    24092365     filter: drop-shadow(0 0 1px #f60);
    2410      -webkit-filter: drop-shadow(0 0 1px #f60);
    24112366     transition: ease filter 0.3s 0s;
    24122367}
     
    24462401.themechoice .optbox {
    24472402     min-width: 114px !important;
    2448      min-height: 72px !important;
     2403     min-height: 80px !important;
    24492404     outline: 1px !important; /* placement guide */
    24502405     opacity: 0; /* hide the radio icon so we can use thumbnail img instead */
     
    24682423}
    24692424
    2470 div#themeoptions {
     2425#themeoptions {
    24712426     clear: both;
    2472      padding-top: 5px;
     2427     border-top: 1px solid #494;
     2428     margin: 0 -7px 5px;
     2429     position: relative;
     2430     top: 8px;
     2431     padding: 5px 10px 8px 5px;
     2432}
     2433
     2434#themeoptions br {
     2435     display: none;
     2436}
     2437
     2438#themeoptions label {
     2439     white-space: nowrap;
     2440     margin: 4px 10px 4px 0 !important;
     2441     display: inline-block;
     2442}
     2443
     2444p#helptranslate {
     2445     position: relative;
     2446     top: 8px;
     2447     margin: 0 -7px;
     2448     padding: 15px 10px 15px 50px !important;
     2449     text-align: left !important;
     2450     border-top: 1px solid #494;
     2451     border-bottom: 1px solid #494;
     2452     background: url(/themes/console/images/info/notice.png) left 14px center no-repeat, #000;
     2453     background-size: 28px 28px;
    24732454}
    24742455
    24752456#themeoptions input {
    24762457     margin-left: 5px;
     2458}
     2459
     2460#themeoptions input[type="checkbox"] {
     2461     min-height: 16px;
    24772462}
    24782463
     
    24832468     padding: 4px 2px 5px;
    24842469     background: #001000;
    2485      background: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 51%, #000 100%);
     2470     background: linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000);
    24862471     color: #bb7;
    24872472     overflow: hidden;
     
    26232608     text-align: center;
    26242609     background: #001000;
    2625      background: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 51%, #000 100%);
     2610     background: linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000);
    26262611     padding: 3px 2px 4px;
    26272612     overflow: hidden;;
     
    26582643
    26592644.formaction#langui {
    2660      margin: -10px -8px -15px;
     2645     margin: 7px -8px -15px;
    26612646     padding: 5px;
    26622647     border: 1px solid #494;
     
    28022787table#reseedconfig textarea, #i2pupdates textarea {
    28032788     width: 100%;
    2804 /*     width: calc(100% - 5px);*/
    28052789     resize: none;
     2790}
     2791
     2792#reseedconfig tr:nth-child(2) br {
     2793     display: none;
     2794}
     2795
     2796#reseedconfig tr:nth-child(2) label {
     2797     white-space: nowrap;
     2798     margin-right: 10px;
     2799}
     2800
     2801#reseedconfig td:first-child {
     2802     line-height: 120%;
    28062803}
    28072804
     
    28592856     width: 200px;
    28602857     white-space: nowrap;
    2861      font-weight: bold;
    28622858}
    28632859
     
    30022998     border: 1px solid #151;
    30032999     filter: drop-shadow(0 0 3px #000);
    3004      -webkit-filter: drop-shadow(0 0 3px #000);
    30053000}
    30063001
     
    30573052}
    30583053
     3054.tunnels_client th:first-child, .tunnels_client td:first-child {
     3055     width: 4%;
     3056}
     3057
     3058.tunnels_client th:nth-child(2), .tunnels_client th:nth-child(3),
     3059.tunnels_client td:nth-child(2), .tunnels_client td:nth-child(3) {
     3060     width: 7%;
     3061     white-space: nowrap;
     3062}
     3063
    30593064.statusnotes + .statusnotes {
    30603065     margin-top: -6px;
     
    30883093
    30893094table#i2pupdates td:first-child {
    3090      width: 100px;
     3095     width: 15%;
    30913096     white-space: nowrap;
    30923097     padding-left: 10px;
     3098     line-height: 120%;
    30933099}
    30943100
     
    31223128
    31233129table#loggingoptions td:first-child {
    3124      width: 110px;
    3125      white-space: nowrap;
    31263130     padding-right: 3px;
    31273131}
     
    31313135}
    31323136
    3133 #loggingoptions td:nth-child(4) {
    3134      width: auto;
    3135 }
    3136 
    31373137#loggingoptions tr:nth-last-child(2) {
    31383138     white-space: nowrap;
    3139 }
    3140 
    3141 #loggingoptions tr:last-child td {
    3142      padding: 5px 4px;
    3143      text-align: right;
    31443139}
    31453140
     
    32053200}
    32063201
    3207 #sidebarconf td:nth-child(2) {
    3208      font-weight: bold;
    3209 }
    3210 
    32113202#sidebarconf td:nth-child(3), #sidebarconf td:nth-child(4) {
    32123203     width: 75px;
     
    32413232#sidebarconf th:nth-child(1), .homelinkedit th:first-child, #consolepass th:first-child {
    32423233     text-align: center;
    3243      background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #001000 0%, #001900 50%, #000 51%, #000 100%) !important;
     3234     background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000) !important;
    32443235     text-indent: -99999px;
    32453236}
     
    32933284}
    32943285
    3295 .main#tunnels h3 a[href^="/configtunnels#"]:hover {
     3286.main#tunnels h3 a[href^="/configtunnels#"]:hover, h3.tabletitle a:hover::after,
     3287.main#tunnels h3 a[href^="/configtunnels#"]:focus, h3.tabletitle a:focus::after {
    32963288     filter: drop-shadow(0 0 1px #f60);
    3297      -webkit-filter: drop-shadow(0 0 1px #f60);
    32983289}
    32993290
     
    33213312}
    33223313
     3314#webappconfig th:last-child {
     3315     text-align: left;
     3316}
     3317
    33233318table#externali2cp {
    33243319     margin-bottom: 4px !important;
     
    33383333}
    33393334
    3340 div#volunteer {
     3335#volunteer, #legal, #sidebarhelp, #volunteer, #reachabilityhelp, #configurationhelp, #advancedsettings, #faq {
    33413336     border: 1px solid #494;
    33423337     padding: 0 20px;
    3343      margin: 15px 0 10px !important;
    3344 }
    3345 
    3346 div#legal, div#sidebarhelp, div#volunteer, div#reachabilityhelp, div#configurationhelp, div#advancedsettings {
    3347      border: 1px solid #494;
    3348      padding: 0 20px;
    3349      margin: 10px 0;
     3338     margin: 10px 0 15px;
    33503339     background: #000;
    33513340}
    33523341
    3353 div#volunteer {
     3342#volunteer {
    33543343     background: #000 url(images/scarface.jpg) right bottom no-repeat;
    33553344     background-size: auto 75%;
    33563345}
    33573346
    3358 div#advancedsettings {
     3347#advancedsettings {
    33593348     padding: 0 15px 10px;
    33603349}
     
    33643353}
    33653354
    3366 div#legal h2, div#sidebarhelp h2, div#volunteer h2, div#reachabilityhelp h2, div#configurationhelp h2, div#advancedsettings h2 {
     3355#legal h2, #sidebarhelp h2, #volunteer h2, #reachabilityhelp h2, #configurationhelp h2, #advancedsettings h2, #faq h2 {
    33673356     padding: 10px;
    33683357     text-transform: uppercase;
     
    33763365}
    33773366
    3378 div#advancedsettings h2 {
     3367#advancedsettings h2 {
    33793368          margin: -1px -16px 15px !important;
    33803369}
     
    33953384     border: none;
    33963385     border-bottom: 1px solid #131 !important;
    3397      font: 9pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     3386     font: 9pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    33983387}
    33993388
     
    34053394}
    34063395
    3407 #configinfo .infowarn {
    3408      border: none;
    3409      border-bottom: 1px solid #000;
    3410      box-shadow: none;
    3411      background-size: 20px 20px !important;
    3412      padding: 7px 10px 7px 36px !important;
    3413 }
    3414 
    34153396.main#help h2 a:hover {
    34163397     color: #ee9 !important;
    34173398}
    34183399
    3419 div#sidebarhelp h3 {
     3400#sidebarhelp h3, #faq h3 {
    34203401     padding: 10px;
    34213402     text-transform: uppercase;
     
    34303411}
    34313412
    3432 div#changelog h2 {
     3413#changelog h2 {
    34333414     padding: 10px;
    34343415     text-transform: uppercase;
     
    34413422}
    34423423
    3443 div#changelog pre {
     3424#changelog pre {
    34443425     padding: 10px 10px 10px 20px;
    34453426     max-height: 600px;
     
    34543435p#fullhistory {
    34553436     text-align: right;
    3456      margin-top: -11px;
    3457      border: 1px solid #494;
    3458      border-top: none;
     3437     margin-top: -12px;
     3438     margin-bottom: 11px;
     3439     border: 1px solid #494;
    34593440     padding: 6px 10px;
    34603441     background: #000;
    3461      border-top: 1px solid #494;
     3442     position: relative;
     3443     z-index: 999;
    34623444}
    34633445
     
    34653447     padding-bottom: 0;
    34663448}
     3449
     3450.main#help td.infohelp, .main#help td.infowarn {
     3451     background-size: 24px 24px !important;
     3452     padding-left: 46px !important;
     3453}
     3454
     3455.main#help #configinfo .infowarn {
     3456     border: none;
     3457     border-bottom: 1px solid #000;
     3458     box-shadow: none;
     3459     background-size: 20px 20px !important;
     3460     padding: 7px 10px 7px 36px !important;
     3461}
     3462
     3463/* mini faq */
     3464
     3465#faq h3 {
     3466     padding-left: 35px !important;
     3467     background: url(/themes/console/images/info/question.png) 10px center no-repeat, linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%) !important;
     3468     background-size: 18px 18px, 100% 100% !important;
     3469     text-transform: none;
     3470     font-size: 10.5pt !important;
     3471     letter-spacing: 0;
     3472     word-spacing: 0;
     3473}
     3474
     3475#faq p.infohelp {
     3476     margin: -1px -11px 9px;
     3477}
     3478
     3479#portfaq {
     3480     margin: 9px -10px 10px;
     3481     width: auto;
     3482}
     3483
     3484#portfaq td, #portfaq th {
     3485     padding-top: 10px !important;
     3486     padding-bottom: 10px !important;
     3487}
     3488
     3489#portfaq th:first-child, #portfaq td:first-child {
     3490     font-weight: bold;
     3491     text-align: right;
     3492}
     3493
     3494#portfaq .infohelp {
     3495     padding-top: 15px !important;
     3496     padding-bottom: 15px !important;
     3497}
     3498
     3499#portfaq th {
     3500     text-align: left;
     3501     padding: 8px 5px !important;
     3502}
     3503
     3504#portfaq th[colspan="3"] {
     3505     text-align: left;
     3506     font-size: 10.5pt !important;
     3507     letter-spacing: 0.08em;
     3508     word-spacing: 0.1em;
     3509     padding: 8px 10px !important;
     3510}
     3511
     3512#portfaq td[colspan="3"] {
     3513     font-weight: normal;
     3514}
     3515
     3516#portfaq td:nth-child(2) {
     3517     white-space: nowrap;
     3518}
     3519
     3520#portfaq td:first-child {
     3521     padding-left: 10px;
     3522}
     3523
     3524#portfaq td:last-child, #portfaq td[colspan="3"] {
     3525     text-align: justify;
     3526     padding-right: 10px;
     3527}
     3528
     3529#faq ul {
     3530     margin-bottom: 15px;
     3531}
     3532
     3533#faq code {
     3534     user-select: all;
     3535     -moz-user-select: all;
     3536     -webkit-user-select: all;
     3537}
     3538
     3539#faq li code {
     3540     margin-left: 10px;
     3541}
     3542
     3543/* end mini faq */
     3544/* end help */
    34673545
    34683546/* netdb (main section) */
     
    35323610     height: 24px;
    35333611     width: 24px;
    3534      border-radius: 2px;
    3535      border: 1px solid #000;
     3612     margin: -1px;
     3613     border-left: 1px solid #494;
    35363614}
    35373615
     
    36933771#logs li {
    36943772     list-style: none;
    3695      font: bold 8pt "Droid Sans Mono",  "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
     3773     font: bold 8pt "Droid Sans Mono",  "Lucida Console", "DejaVu Sans Mono", monospace;
    36963774     line-height: 130%;
    36973775     text-align: left;
     
    37753853/* /profiles */
    37763854
    3777 table#profiles tr:hover, table#floodfills tr:hover {
     3855#profilelist tr:hover, table#floodfills tr:hover {
    37783856     background: #030;
    37793857}
    37803858
    3781 table#profiles tr:hover td, table#floodfills tr:hover td {
     3859#profilelist tr:hover td, table#floodfills tr:hover td {
    37823860     color: #ee9;
    37833861}
    37843862
    3785 table#profiles th, table#profiles td {
     3863#profilelist th, #profilelist td {
    37863864     text-align: right;
    37873865     padding-left: 5px;
    37883866}
    37893867
    3790 table#profiles td {
     3868#profilelist td {
    37913869     color: #bb7;
    37923870}
    37933871
    3794 table#profiles td:nth-child(2), table#profiles th:nth-child(2) {
     3872#profilelist td:nth-child(2), #profilelist th:nth-child(2) {
    37953873     text-align: left;
    37963874}
    37973875
    3798 table#profiles td:first-child, table#profiles th:first-child {
     3876#profilelist td:first-child, #profilelist th:first-child {
    37993877     width: 40px;
    38003878}
    38013879
    3802 table#profiles td:first-child {
     3880#profilelist td:first-child {
    38033881     text-align: right !important;
    38043882     padding-left: 3px !important;
    38053883}
    38063884
    3807 table#profiles td:first-child, table#profiles th:first-child, table#profiles td:nth-last-child(2), table#profiles th:nth-last-child(2) {
     3885#profilelist td:first-child, #profilelist th:first-child, #profilelist td:nth-last-child(2), #profilelist th:nth-last-child(2) {
    38083886     white-space: nowrap;
    38093887     text-align: center;
    38103888}
    38113889
    3812 table#profiles th:last-child {
     3890#profilelist th:last-child {
    38133891     padding-right: 10px;
    38143892}
    38153893
    3816 table#profiles td:last-child {
     3894#profilelist td:last-child {
    38173895     text-align: right;
    38183896     width: 60px;
     
    38203898}
    38213899
    3822 table#profiles td[colspan="8"] { /* profile class separator */
     3900#profilelist td[colspan="8"] { /* profile class separator */
    38233901     background: #040;
    38243902     padding: 1px;
     
    38293907     font-size: 0;
    38303908     filter: drop-shadow(0 0 1px #777);
    3831      -webkit-filter: drop-shadow(0 0 1px #777);
    38323909}
    38333910
     
    38403917a[href^="configpeer?peer"]:hover {
    38413918     filter: drop-shadow(0 0 1px #f60);
    3842      -webkit-filter: drop-shadow(0 0 1px #f60);
    38433919}
    38443920
     
    40584134#ipv4, #ipv6, #permabanned tr:nth-child(2) {
    40594135     background: #000 url(images/header.png) center center repeat-x;
    4060      background-image: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 51%, #000 100%) !important;
     4136     background-image: linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000) !important;
    40614137     border-top: 1px solid #494;
    40624138     border-bottom: 1px solid #494;
     
    40834159     font-size: 7.5pt;
    40844160     text-align: right;
    4085      margin-top: -20px !important;
     4161     margin-top: -10px !important;
    40864162     margin-bottom: -5px;
    40874163     margin-right: 5px;
     
    40994175/* begin home page */
    41004176
    4101 div.home {
     4177#homepanel {
    41024178     margin: 0 -8px;
    41034179}
     
    41434219.app a:link, .app a:visited {
    41444220     color: #494;
     4221     padding: 2px;
     4222     display: inline-block;
    41454223}
    41464224
     
    42014279.search tr {
    42024280     background: #000 url(images/header.png) center center repeat-x;
    4203      background: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 51%, #000 100%) !important;
     4281     background: linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000) !important;
    42044282}
    42054283
     
    42404318     white-space: nowrap;
    42414319}
     4320
    42424321.appimg {
    42434322     height: 35px;
    4244 }
    4245 
    4246 img.app, img.app2p {
     4323     padding: 5px 0 8px;
     4324}
     4325
     4326.app img {
    42474327     height: 32px;
    42484328     width: auto;
    42494329     max-height: 32px;
    42504330     max-width: 32px;
    4251      padding: 3px 44px 23px;
    4252      margin-bottom: 1px;
     4331     padding: 10px 52px 38px;
     4332     margin: -8px 0 1px;
    42534333/*     filter: sepia(100%) hue-rotate(70deg); enable for green-tinted app icons */
    42544334}
    42554335
    4256 div.app:hover img.app, a:focus img.app {
     4336div.app:hover.app img, a:focus .app img {
    42574337     filter: drop-shadow(0 0 1px #f60) saturate(200%);
    4258      -webkit-filter: drop-shadow(0 0 1px #f60) saturate(200%);
    42594338     opacity: 1;
    42604339     transition: filter ease 0.3s 0s;
    42614340}
    42624341
    4263 table.app {
     4342.app table {
    42644343     background: none;
    42654344     border: 0;
     
    42684347}
    42694348
    4270 tr.app {
     4349.app tr {
    42714350     background: none;
    42724351     border: 0;
     
    42744353}
    42754354
    4276 td.app {
     4355.app td {
    42774356     background: none;
    42784357     border: 0;
     
    42814360}
    42824361
    4283 div.applabel {
     4362.applabel {
    42844363     font-size: 8pt;
    42854364     margin: 2px 0 0;
     
    42934372     min-width: 72px;
    42944373     background: #001000;
    4295      background-image: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 51%, #000 100%);
     4374     background-image: linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000);
    42964375     border-radius: 0 0 2px 2px;
    42974376     border-top: 1px solid #494;
     
    43024381}
    43034382
    4304 div.applabel:hover {
     4383.applabel:hover {
    43054384     background: #000;
    43064385     border-top: 1px solid #f60;
     
    43084387}
    43094388
    4310 div.applabel a, div.applabel a:hover {
     4389.applabel a {
     4390     max-width: 116px;
     4391     overflow: hidden;
     4392     text-overflow: ellipsis;
     4393     white-space: nowrap;
     4394     padding: 3px 2px !important;
     4395     display: inline-block;
     4396}
     4397
     4398.applabel a, .applabel a:hover {
    43114399     text-decoration: none !important;
    43124400     outline: none;
     
    44384526a.viewfullentry:hover {
    44394527     filter: drop-shadow(0 0 1px #f60);
    4440      -webkit-filter: drop-shadow(0 0 1px #f60);
    44414528}
    44424529
     
    44534540table#leasesetdebug th a:hover, table#leasesetsummary th a:hover {
    44544541     filter: drop-shadow(0 0 1px #f60);
    4455      -webkit-filter: drop-shadow(0 0 1px #f60);
    44564542}
    44574543
     
    46384724.leaseset tr:nth-child(2) td:last-child a:hover {
    46394725     filter: drop-shadow(0 0 1px #f60);
    4640      -webkit-filter: drop-shadow(0 0 1px #f60);
    46414726}
    46424727
     
    47024787     margin-bottom: 10px;
    47034788     line-height: 160%;
     4789     background: #000;
    47044790}
    47054791
     
    47494835
    47504836#sybilnav ul li::before {
    4751 /*     content: '\1F441\00A0'; */
    47524837     content: url(/themes/console/images/buttons/show.png);
    47534838     mix-blend-mode: luminosity;
     
    48044889}
    48054890
    4806 p.sybil_info, p.family, p.threatpoints, p.hashdist, p#sybil_totals {
     4891p.sybil_info, p.family, p.threatpoints, p.hashdist, p#sybil_totals, p.notfound {
    48074892     border: 1px solid #494;
    48084893     padding: 5px 5px 5px 30px;
     
    48804965h3#iptransport a:hover, h3#advancedconfig a:hover {
    48814966     filter: drop-shadow(0 0 1px #f60);
    4882      -webkit-filter: drop-shadow(0 0 1px #f60);
    48834967}
    48844968
     
    49715055}
    49725056
    4973 h3.tabletitle, h3#i2pclientconfig, h3#advancedclientconfig, h3#webappconfig, h3#pluginconfig, h3#pluginfromurl, h3#pluginfromfile, h3#updateplugins, h3#pluginmanage, h3#bannedpeers, h3.ptitle, h3#transports, h3#upnpstatus, h3.sybils, #certs h3 {
     5057h3.tabletitle, h3#i2pclientconfig, h3#advancedclientconfig, h3#webappconfig, h3#pconfig, h3#pluginfromurl, h3#pluginfromfile, h3#updateplugins, h3#pluginmanage, h3#bannedpeers, h3.ptitle, h3#transports, h3#upnpstatus, h3.sybils, #certs h3 {
    49745058     margin-bottom: 0 !important;
    49755059     border-radius: 0;
     
    49975081}
    49985082
    4999 p.notfound {
    5000      border: 1px solid #494;
    5001      padding: 10px;
    5002 }
    5003 
    50045083h3#transports {
    50055084     margin-bottom: -1px !important;
     
    50325111}
    50335112
    5034 h3#i2pclientconfig, h3#pluginconfig, h3#pluginfromurl, h3#pluginfromfile, h3#webappconfig {
     5113h3#i2pclientconfig, h3#pconfig, h3#pluginfromurl, h3#pluginfromfile, h3#webappconfig {
    50355114     margin-bottom: -14px !important;
    50365115}
     
    50835162#pluginupdater {
    50845163     border: 1px solid #494;
    5085      padding: 5px;
     5164     padding: 15px 5px 15px 50px;
    50865165     margin-top: -11px;
    50875166     margin-bottom: 10px !important;
    5088      background: #000;
     5167     background: url(/themes/console/images/info/update.png) 12px center no-repeat, #000;
     5168     background-size: 28px 28px;
    50895169}
    50905170
    50915171#pluginupdater form {
    50925172     margin-bottom: 0;
    5093 }
    5094 
    5095 .formaction#pluginupdater {
    5096       margin-bottom: 5px;
    50975173}
    50985174
     
    51045180     padding: 5px 10px;
    51055181     background: #000 url(images/header.png) center center repeat-x;
    5106      background-image: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 51%, #000 100%) !important;
     5182     background-image: linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000) !important;
    51075183     border: 1px solid #494;
    51085184     text-align: left;
     
    51445220}
    51455221
    5146 #configstats th {
    5147      padding: 8px 10px;
     5222#configstats th, #configstats tr.tablefooter td {
     5223     padding: 8px 10px !important;
    51485224     text-align: left;
    51495225}
     
    51615237}
    51625238
     5239#configstats td {
     5240     padding: 6px 5px;
     5241}
     5242
    51635243#configstats td:first-child {
    51645244     width: 20px;
    51655245     white-space: nowrap;
     5246}
     5247
     5248#configstats td:first-child:empty + td > label { /* remove pointer from inert labels */
     5249     cursor: default;
     5250}
     5251
     5252#configstats td:last-child {
     5253     border-right: 1px solid #494;
    51665254}
    51675255
     
    51795267     vertical-align: bottom;
    51805268     filter: sepia(100%) hue-rotate(70deg) !important;
    5181      -webkit-filter: sepia(100%) hue-rotate(70deg) !important;
    51825269}
    51835270*/
     
    51855272#configstats .tablefooter:last-child td {
    51865273     background: #000 !important;
     5274     text-align: right;
    51875275}
    51885276
     
    52185306}
    52195307
    5220 /* experimental webkit scrollbar customization */
    5221 /*
    5222 ::-webkit-scrollbar { width: 18px; height: 5px;}
    5223 ::-webkit-scrollbar-button { background-color: #f00; color: #fff; display: none;}
    5224 ::-webkit-scrollbar-track { background-color: #000;}
    5225 ::-webkit-scrollbar-track-piece { background-color: #000;}
    5226 ::-webkit-scrollbar-thumb { height: 100px; background-color: #131; border: 4px solid #000;}
    5227 ::-webkit-scrollbar-corner { background-color: #999;}
    5228 ::-webkit-resizer { background-color: #666;}
    5229 */
    5230 
    52315308/* infohelp/warn overrides and misc ornamentation */
    52325309
     
    52835360}
    52845361
    5285 #floodfillconfig .infohelp {
     5362#floodfillconfig tr:first-child .infohelp {
    52865363     background: #000 url(/themes/console/images/info/floodfill_32x32.png) 12px center no-repeat !important;
    52875364     padding: 15px 15px 15px 50px;
     
    54495526/* end profiles/peers */
    54505527
     5528/* responsive layout */
     5529
     5530@media screen and (max-width: 900px) {
     5531#ntcpconnections th:last-child:not(old) {
     5532     font-size: 0;
     5533}
     5534
     5535#ntcpconnections th:last-child::before {
     5536     content: url(/themes/console/images/info/backlogged.png) !important;
     5537}
     5538
     5539#ntcpconnections td:last-child {
     5540     width: 24px !important;
     5541     white-space: nowrap;
     5542}
     5543
     5544th {
     5545     font-size: 8pt;
     5546}
     5547
     5548.tunneldisplay .cells {
     5549     padding: 4px 2px !important;
     5550}
     5551
     5552.langbox {
     5553     line-height: 15px;
     5554}
     5555}
     5556
     5557@media screen and (max-width: 1200px) {
     5558.tab, .tab2 {
     5559     padding: 1px 0;
     5560     min-width: 50px !important;
     5561}
     5562
     5563.tab2 {
     5564     padding: 3px 12px;
     5565}
     5566
     5567.tab a {
     5568     padding: 2px 14px;
     5569}
     5570
     5571#plugininstall input[type="text"] {
     5572     min-width: 200px !important;
     5573}
     5574
     5575table#i2pupdates td:first-child {
     5576     white-space: normal;
     5577     width: 30%;
     5578}
     5579
     5580td.optionsave {
     5581     white-space: normal;
     5582}
     5583
     5584.main#tunnels {
     5585     padding: 0 5px;
     5586     min-width: 640px;
     5587}
     5588
     5589.main#tunnels h3 {
     5590     margin-top: 6px;
     5591}
     5592
     5593.statusnotes:last-child {
     5594     margin-bottom: 6px;;
     5595}
     5596
     5597#portfaq td:nth-child(2) {
     5598     white-space: normal;
     5599}
     5600
     5601#faq h3 {
     5602     font-size: 10pt !important;
     5603}
     5604}
     5605
    54515606@media screen and (max-width: 1220px) {
    54525607#udpconnections tr:nth-last-child(n+3):hover td:nth-child(n+2)  {
     
    54585613     font-size: 8pt !important;
    54595614}
    5460 }
    5461 
    5462 @media screen and (max-width: 1200px) {
    5463 .tab, .tab2 {
    5464      padding: 1px 0;
    5465      min-width: 50px !important;
    5466 }
    5467 
    5468 .tab2 {
    5469      padding: 3px 12px;
    5470 }
    5471 
    5472 .tab a {
    5473      padding: 2px 14px;
     5615
     5616.main#help h3, #faq h3 {
     5617     font-size: 10pt !important;
    54745618}
    54755619}
     
    54805624   min-height: 12px;
    54815625}
     5626
     5627#banlist + h3 {
     5628     margin-bottom: -2px !important;
     5629}
     5630
     5631.tunnels_client th:first-child:not(old) {
     5632     font-size: 0;
     5633}
     5634
     5635.tunnels_client th:first-child::after {
     5636     content: "\21E9\21E7";
     5637     font-size: 12pt;
     5638     line-height: 0;
     5639     vertical-align: middle;
     5640     letter-spacing: -0.25em;
     5641}
     5642
     5643img.app, img.app2p {
     5644     padding: 14px 44px 40px;
     5645}
     5646
     5647.applabel {
     5648     margin-top: 8px;
     5649}
     5650
     5651.main#help h3, #faq h3 {
     5652     font-size: 10.5pt !important;
     5653}
    54825654}
    54835655
    54845656@media screen and (min-width: 1500px) {
    5485 body, .main, .main td, .news p, #news p, textarea, .main textarea, code, tt,
     5657body, .main, .main td, .news p, #news p, textarea, .main textarea, code, tt, #changelog pre,
    54865658ul.statlist a[name], ul.statlist b, ul.statlist li b, ul.statlist a[name]:hover, .confignav {
    54875659     font-size: 10pt !important;
     
    54965668}
    54975669
    5498 pre, #logs li {
     5670pre, #logs li, .smallhead {
    54995671     font-size: 9pt !important;
    55005672}
     
    55135685}
    55145686
     5687.routersummary button {
     5688     font-size: 10pt !important;
     5689}
     5690
    55155691div.app {
    55165692     min-width: 138px;
    55175693}
    55185694
     5695img.app, img.app2p {
     5696     padding: 10px 58px 38px;
     5697}
     5698
    55195699.applabel {
    5520      width: 134px !important;
     5700     width: 150px !important;
     5701}
     5702
     5703.applabel a {
     5704     max-width: 148px;
     5705     font-size: 10pt !important;
    55215706}
    55225707
     
    55695754p#fullhistory {
    55705755     text-align: right;
    5571      margin-top: -14px;
     5756     margin-top: -13px;
    55725757}
    55735758
     
    55995784     margin-bottom: 10px !important;
    56005785}
     5786
     5787div.footnote, div.topness {
     5788     font-size: 9pt !important;
     5789}
     5790
     5791.main[id^="config_"] th, h4#updateplugins {
     5792    font-size: 10.5pt !important;
     5793}
     5794
     5795.langbox {
     5796     margin: 5px 4px 2px 5px;
     5797}
     5798
     5799.langbox img {
     5800     margin-bottom: -1px;
     5801}
     5802
     5803#help .confignav {
     5804     padding: 0 !important;
     5805     position: sticky;
     5806     top: -1px;
     5807     z-index: 999;
     5808}
     5809
     5810#help .tab {
     5811     margin-top: -1px !important;;
     5812}
     5813
     5814.newsAuthor {
     5815     font-size: 9pt !important;
     5816     background-size: 15px 15px !important;
     5817     padding-left: 19px !important;
     5818}
     5819
     5820table#reseedconfig input[type="text"], table#reseedconfig input[type="password"] {
     5821     width: 250px;
     5822}
    56015823}
    56025824
    56035825@media screen and (min-width: 1840px) {
    5604 div[id^="config_"] div.confignav {
     5826div[id^="config_"] .confignav {
    56055827     display: flex;
    56065828     flex-direction: row;
     
    56285850}
    56295851
    5630 div[id^="config_"] div.confignav {
     5852div[id^="config_"] .confignav {
    56315853     padding: 0 !important;
    56325854}
     
    56415863}
    56425864
    5643 /* responsive proxy errors */
     5865/* proxy errors */
    56445866
    56455867@media screen and (max-width: 800px) {
     
    57005922}
    57015923/* end proxy errors */
     5924/* end responsive layout */
     5925
     5926/* Edge/IE tweaks */
     5927
     5928_:-ms-lang(x), .tunnels_client th:first-child::after {
     5929     letter-spacing: -0.05em;
     5930     font-weight: normal;
     5931}
     5932
     5933/* end Edge/IE tweaks */
  • installer/resources/themes/console/dark/console_ar.css

    re32d4b1 ra929b5c6  
    303303}
    304304
     305.messages {
     306     background-position: right 12px center, left bottom !important;
     307     padding: 20px 40px 20px 10px !important;
     308}
     309
    305310td.optionsave {
    306311     text-align: left;
     
    316321     padding: 4px 20px 4px 4px !important;
    317322     margin: 5px 3px 5px 15px !important;
     323}
     324
     325@-moz-document url-prefix() {
     326select, select:hover, select:focus {
     327     background-position: left center !important;
     328     padding: 3px 2px 3px 16px;
     329}
    318330}
    319331
     
    330342}
    331343
     344div[lang="ar"] ul {
     345     margin-right: 20px !important;
     346