Changeset 4aa4ff7 for installer


Ignore:
Timestamp:
Jun 19, 2017 1:46:40 PM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
12cbbfb
Parents:
3d535a22
Message:

Console:

  • Add untagged strings for /tunnels tooltips and local tunnel indicator (to be tagged for translation post .31 release)
  • classic: reduce color contrast of main display font
  • classic/dark/midnight: alignment on /peers and /tunnels
  • /tunnels:
    • Add bandwidth tiers definitions
    • Indicator for local tunnels
  • /profiles:
    • Split capabilities and version
    • Minimize wrapping at narrow viewport width
    • Iconify view profile link
    • Add "OK" status indication for functional peers
  • /peers: merge Dir and CWND rows in definitions table
  • /events: when no events found, place result in table
  • All themes: marginally increased width of sidebar to better accommodate extra long strings
  • Chinese: ensure buttons do not deviate in height (ticket #1996)
  • Arabic: fix alignment issues on /configui; presentational enhancements
  • Misc: remove erroneous tags
Location:
installer/resources/themes
Files:
12 edited

Legend:

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

    r3d535a22 r4aa4ff7  
    44
    55body {
    6      margin: 3px 2px 3px 4px;
     6     margin: 3px;
    77     padding: 0;
    88     text-align: left;
    99     background: #bbf url(images/bg.png) center center fixed;
    1010     background-size: 120px 120px;
    11      color: #0c153d;
     11     color: #2c354f;
    1212     font: 9pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif;
    1313}
     
    3939}
    4040
    41 .routersummary img[src$="i2plogo.png"], .routersummary h3, .confignav, *::before, *::after {
     41.routersummary img[src$="i2plogo.png"], .routersummary h3, .confignav, *::before, *::after, div.app, .themechoice, .langselect, .langbox,
     42.newsAuthor, #netdbcountrylist img, .viewfullentry, .sybil_routerinfo th img, .graphspanel {
    4243     -moz-user-select: none;
    4344     -webkit-user-select: none;
     
    324325     background: #fff url(/themes/console/images/info/errortriangle.png) 10px center no-repeat;
    325326     background: url(/themes/console/images/info/errortriangle.png) 10px center no-repeat, linear-gradient(to bottom, #fff, #ffe);
    326      margin: -1px 1px 0 200px;
    327      min-width: 460px;
     327     margin: -1px 0 0 211px;
     328     min-width: 490px;
    328329     border: 1px solid #89f;
    329330     box-shadow: inset 0 0 0 1px #ff9;
     
    358359     background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.2)), url(images/bg0.png);
    359360     background-size: 100% 100%, 120px 120px;
    360      width: 193px;
     361     width: 204px;
    361362     color: inherit;
    362363     margin: 0 0 5px;
     
    372373    margin-top: 3px;
    373374     margin-left: 0;
    374      width: 173px;
     375     width: 185px;
    375376     height: auto;
    376377     box-shadow: 0 0 1px 1px rgba(180,180,180,0.7);
     
    470471     text-align: center !important;
    471472     margin: -5px 0 -5px 0;
    472      width: 192px !important;
     473     width: 204px !important;
    473474     overflow: hidden;
    474475     font-size: 8pt;
     
    529530     display: inline-block;
    530531     padding: 2px;
    531      max-width: 178px;
     532     max-width: 194px;
    532533     white-space: nowrap;
    533534     overflow: hidden;
     
    537538
    538539#sb_localtunnels {
    539      margin: -6px -2px -6px 0 !important;
     540     margin: -6px -2px -7px 0 !important;
    540541     text-align: center !important;
    541542     width: 196px;
     
    821822label[for="0"] {
    822823     cursor: default;
    823      color: #0c153d;
     824     color: #2c354f;
    824825}
    825826
    826827.main#config_clients label[for="0"] {
    827828     cursor: default;
    828      color: #0c153d;
     829     color: #2c354f;
    829830}
    830831
     
    13791380
    13801381.main {
    1381      margin: 0 1px 0 200px;
     1382     margin: 0 0 0 211px;
    13821383     padding: 15px 15px 10px 15px;
    1383      background: #eff1ff;
    13841384     border: 1px solid #89f;
    13851385     border-top: 0;
    13861386     text-align: left;
    1387      color: #0c153d;
     1387     color: #2c354f;
    13881388     min-width: 540px;
     1389     background: #eef;
    13891390     background: #eef url(/themes/snark/ubergine/images/hat.png) no-repeat scroll right bottom !important;
    13901391     background: url(/themes/snark/ubergine/images/hat.png) no-repeat scroll right bottom, url(images/bg0.png) repeat scroll top left !important;
     
    14031404
    14041405.main#news p {
    1405      padding: 0 10px 3px;
     1406     padding: 0 10px;
    14061407}
    14071408
     
    15201521
    15211522div.news {
    1522      margin: -1px 1px 0 200px;
     1523     margin: -1px 0 0 211px;
    15231524     background: #f9f9ea url(images/bg1.png);
    15241525     background: linear-gradient(to bottom, rgba(255,255,255,0.6), rgba(255,255,255,0.5)), url(images/bg1.png) #efefe0;
     
    17381739}
    17391740
    1740 .configtable, .main[id^="config_"] table {
    1741      background: #fff;
    1742 }
    1743 
    17441741#config_homepage td {
    17451742     padding: 5px;
     
    18101807     white-space: nowrap;
    18111808     padding: 5px;
    1812      border-right: 1px inset #ccf;
     1809     border-right: 1px inset #cfd6ff;
     1810}
     1811
     1812#peerdefs tr {
     1813     border-top: 1px inset #cfd6ff;
    18131814}
    18141815
     
    18811882}
    18821883
     1884#profilelist th:nth-child(7) {
     1885     text-align: right;
     1886}
     1887
    18831888#profilelist td:first-child, #profilelist td:last-child {
    18841889     width: 1%;
     
    18901895}
    18911896
    1892 #profilelist td[colspan="8"], #profilelist tr td[colspan="8"]:hover {
     1897#profilelist td:nth-child(3) {
     1898     letter-spacing: 0.2em;
     1899}
     1900
     1901#profilelist td[colspan="9"], #profilelist tr td[colspan="9"]:hover {
    18931902     background: #77f;
    18941903     padding: 1px 0;
     
    18971906}
    18981907
    1899 #profilelist td[colspan="8"] hr {
     1908#profilelist td[colspan="9"] hr {
    19001909     display: none;
    19011910}
     
    19101919}
    19111920
    1912 tr.tablefooter:hover td {
    1913      color: #0c153d;
     1921#thresholds tr:last-child:hover td {
     1922     background: #fff;
     1923}
     1924
     1925tr.tablefooter:hover td, tr:hover .infohelp {
     1926     color: #2c354f;
    19141927}
    19151928
     
    20182031
    20192032tr:hover th {
    2020      color: #0c153d;
     2033     color: #2c354f;
    20212034}
    20222035
     
    21002113#floodfills td:first-child, #profilelist td:first-child {
    21012114     text-align: right;
     2115     width: 1%;
     2116     white-space: nowrap;
    21022117}
    21032118
     
    23992414
    24002415#sidebarconf tr, .homelinkedit tr, #clientconfig tr, #webappconfig tr,  #configstats tr, #tunnelconfig tr, #profiles tr,
    2401 #floodfills tr, #netdboverview tr, .netdbentry tr, #leasesetdebug tr, #leasesetsummary tr, .leaseset tr,
     2416#floodfills tr, #netdboverview tr, .netdbentry tr, #leasesetdebug tr, #leasesetsummary tr, .leaseset tr, #tunnel_defs tr,
    24022417.sybil_routerinfo tr, #enviro tr, #schedjobs tr, #jobstats tr, #eventlog tr, .tunneldisplay tr, #udpconnections tr, #ntcpconnections tr {
    2403      border-top: 1px inset #ccf;
     2418     border-top: 1px inset #cfd6ff;
    24042419}
    24052420
     
    24112426}
    24122427
    2413 #addkeyring tr, #loggingoptions tr, tr.tablefooter, #profilelist tr:hover, #floodfills tr:hover, #jardump tr {
     2428#addkeyring tr, #loggingoptions tr, #profilelist tr:hover, #floodfills tr:hover, #jardump tr {
     2429     border-top: 1px inset #cfd6ff !important;
     2430     border-bottom: 1px inset #cfd6ff !important;
     2431}
     2432
     2433 tr.tablefooter {
    24142434     border-top: 1px solid #89f !important;
    24152435     border-bottom: 1px solid #89f !important;
     
    25312551}
    25322552
     2553h1, .main, .sorry, div.news {
     2554     margin-left: 211px;
     2555}
     2556
    25332557h1 {
    25342558     font-size: 18pt;
     
    25362560     border: 1px solid #89f;
    25372561     padding: 19px 20px;
    2538      margin: 0 1px 0 200px;
     2562     margin: 0 0 0 211px;
    25392563     line-height: 93%;
    25402564     text-transform: uppercase;
     
    27252749     margin: 0 0 5px 0;
    27262750     font-size: 9pt;
    2727      background: #fff;
    2728      background: rgba(255,255,255,0.1);
     2751     background: #eff2ff;
    27292752     width: 100%;
    27302753}
     
    28382861
    28392862tr:nth-child(even), #pluginconfig table tr:nth-child(even) td {
    2840      background: #dde1ff;
    2841      background: rgba(220,220,255,0.5);
     2863     background: #fff;
     2864     background: rgba(255,255,255,0.5);
    28422865}
    28432866
    28442867tr:nth-child(odd), #pluginconfig table tr:nth-child(odd) td, .main#profiles ul#banlist {
    2845      background: #eff1ff;
    2846      background: rgba(230,230,255,0.5);
     2868     background: #f1f3ff;
    28472869}
    28482870
     
    28542876
    28552877h4.app, h4.app2 {
    2856      margin: 0 -1px 7px;
     2878     margin: 0 0 7px;
    28572879     font-size: 11pt;
    28582880     padding: 7px 10px 6px;
    28592881     border: 1px solid #89f;
     2882     border-left: none;
     2883     border-right: none;
    28602884     box-shadow: inset 0 0 0 1px #fff;
    28612885     letter-spacing: 0.08em;
     
    31263150     font-style: italic;
    31273151     font-size: 9pt;
    3128      color: #0c153d;
     3152     color: #2c354f;
    31293153     text-align: center;
    31303154     margin: -6px 0 7px 0;
     
    33333357}
    33343358
    3335 #addnew {
    3336      background: #efefff;
    3337 }
    3338 
    33393359#addnew td:first-child {
    33403360     text-align: right;
     
    33423362
    33433363tr#addnew:hover {
    3344      color: #0c153d !important;
     3364     color: #2c354f !important;
    33453365}
    33463366
     
    37833803
    37843804.iframed h1 {
    3785      margin: 0 1px 0 0 !important;
     3805     margin: 0 !important;
    37863806}
    37873807
    37883808.iframed .sorry {
    3789      margin: -1px 1px 0 0 !important;
     3809     margin: -1px 0 0 !important;
    37903810}
    37913811
     
    42034223}
    42044224
    4205 a.viewfullentry:not(old) {
     4225a.viewfullentry:not(old), #profilelist a[href^="viewprofile"]:not(old) {
    42064226     font-size: 0;
    42074227}
    42084228
    4209 a.viewfullentry::after {
     4229a.viewfullentry::after, #profilelist a[href^="viewprofile"]::after {
    42104230     content: url(/themes/console/images/buttons/fullview.png);
     4231     margin: 0 2px;
    42114232}
    42124233
     
    42924313     white-space: nowrap;
    42934314     text-align: right;
    4294      border-right: 1px inset #ccf;
     4315     border-right: 1px inset #cfd6ff;
    42954316}
    42964317
     
    44654486     padding: 5px 5px 5px 30px;
    44664487     margin: 3px 0;
    4467      color: #33f;
    44684488     font-weight: bold;
    44694489     text-align: left;
     
    45864606
    45874607.statlist li b, .statlist b a:hover, h3.stats a:hover  {
    4588      color: #0c153d !important;
     4608     color: #2c354f !important;
    45894609}
    45904610
     
    45954615     line-height: 60%;
    45964616     vertical-align: baseline;
    4597      color: #0c153d;
     4617     color: #2c354f;
    45984618}
    45994619
     
    55365556.main#profiles table, .main#peers table, .main#tunnels table {
    55375557     margin: 5px 0;
    5538 } 
     5558}
    55395559
    55405560#ntcpconnections {
     
    56215641table[id*="connections"] td, #floodfills td,  #profilelist td, #jobstats td, .main#tunnels td {
    56225642    padding: 3px;
    5623     border-right: 1px inset #ccf;
     5643    border-right: 1px inset #cfd6ff;
    56245644}
    56255645
     
    57385758}
    57395759
     5760tt a, .cells tt, #profilelist tt {
     5761     font-size: 9pt !important;
     5762}
     5763
    57405764.main, .news, h1 {
    57415765     margin-left: 232px !important;
     
    57665790
    57675791#sb_internals a, #sb_services a, #sb_advanced a {
    5768      max-width: 210px;
     5792     max-width: 212px;
    57695793}
    57705794.routersummary button[type="submit"] {
     
    59455969#floodfills tr, #netdboverview tr, .netdbentry tr, #leasesetdebug tr, #leasesetsummary tr, .leaseset tr,
    59465970.sybil_routerinfo tr, #enviro tr, #schedjobs tr, #jobstats tr, #eventlog tr, .tunneldisplay tr, #udpconnections tr, #ntcpconnections tr {
    5947      border-top: 1px solid #ccf;
     5971     border-top: 1px solid #cfd6ff;
    59485972}
    59495973
    59505974_:-ms-lang(x), #peerdefs td:first-child {
    5951      border-right: 1px solid #ccf;
     5975     border-right: 1px solid #cfd6ff;
    59525976}
    59535977
     
    59625986
    59635987.routersummary .error, .routersummary .warn, .routersummary .testing, .routersummary .hidden,
    5964 .routersummary .running, .routersummary .firewalled, .routersummary .vmcomm, .routersummary .clockskew {
     5988.routersummary .running, .routersummary .firewalled, .routersummary .vmcomm, .routersummary .clockskew, .tunnelBuildStatus {
    59655989     display: inline-block;
    59665990     vertical-align: middle;
     
    60536077}
    60546078
     6079div[lang="de"] .twocol {
     6080     margin-left: 50px !important;
     6081}
     6082
    60556083.main#console li:first-child {
    60566084     padding-top: 10px;
     
    60786106}
    60796107
     6108@media screen and (-webkit-min-device-pixel-ratio:0) {
     6109#console .twocol {
     6110     margin-left: -20px !important;
     6111}
     6112
     6113#console div[lang="de"] .twocol {
     6114     margin-left: 30px !important;
     6115}
     6116
     6117.twocol li {
     6118     margin-left: 20px;
     6119}
     6120}
     6121
    60806122.twocol li:first-child {
    60816123     margin-top: 0 !important
     
    60916133/* end welcome */
    60926134
    6093 
     6135/* /tunnels */
     6136
     6137tt a, .cells tt {
     6138     letter-spacing: 0.07em;
     6139}
     6140
     6141.tunnel_cap {
     6142     background: rgba(0,0,64,0.3);
     6143     color: #fff;
     6144     border: 1px solid rgba(0,0,64,0.2);
     6145     border-radius: 2px;
     6146     min-width: 12px;
     6147     padding: 0 2px;
     6148     display:inline-block;
     6149     margin: 1px 2px 1px 8px;
     6150     text-align: center !important;
     6151     text-shadow: 0 1px 1px #555;
     6152}
     6153
     6154.tunnel_cap:empty {
     6155     border: none;
     6156}
     6157
     6158.tunnel_id {
     6159     display: inline-block;
     6160     min-width: 78px;
     6161     text-align: right;
     6162}
     6163
     6164.tunnel_id:empty {
     6165     min-width: 0;
     6166}
     6167
     6168.tunnel_id:empty + .tunnel_cap {
     6169     margin-left: 12px !important;
     6170     display: inline-block;
     6171}
     6172
     6173.tunnel_peer {
     6174     display: inline-block;
     6175     min-width: 56px;
     6176     text-align: right;
     6177}
     6178
     6179.tunnel_local {
     6180     font-size: 8pt;
     6181     background: rgba(187, 187, 255, 0.3);
     6182     background: #d5d5ff;
     6183     border-radius: 2px;
     6184     text-align: center;
     6185     padding: 2px 0;
     6186     margin-left: -4px;
     6187     margin-right: 4px;
     6188}
     6189
     6190.tunnel_peer:empty {
     6191     vertical-align: top;
     6192}
     6193
     6194.tunneldisplay td {
     6195     padding-top: 4px;
     6196     padding-bottom: 4px;
     6197}
     6198
     6199@media screen and (max-width: 1100px) {
     6200.tunnel_id, .tunnel_peer {
     6201     min-width: 0 !important;
     6202     text-align: center !important;
     6203}
     6204
     6205.tunnel_local {
     6206     margin-right: 5px;
     6207     margin-left: 2px;
     6208     padding: 2px 4px;
     6209}
     6210
     6211.tunnel_peer:empty {
     6212     vertical-align: middle;
     6213}
     6214
     6215.tunnel_peer:empty::before {
     6216     margin: 1px 6px 1px 2px;
     6217}
     6218
     6219.tunnel_cap {
     6220     margin-left: 5px !important;
     6221}
     6222}
     6223
     6224@media screen and (min-width: 1500px) {
     6225.tunnel_cap {
     6226     margin-left: 10px;
     6227     padding: 0 1px;
     6228     min-width: 14px;
     6229}
     6230
     6231.tunnel_id:empty {
     6232     margin-right: -10px;
     6233}
     6234}
     6235
     6236/* end tunnels */
     6237
     6238/* /peers */
     6239
     6240#ntcpconnections th:nth-child(6), #ntcpconnections th:nth-child(7), #ntcpconnections th:nth-child(8), #ntcpconnections th:nth-child(9), #ntcpconnections th:nth-child(10),
     6241#ntcpconnections td:nth-child(6), #ntcpconnections td:nth-child(7), #ntcpconnections td:nth-child(8), #ntcpconnections td:nth-child(9), #ntcpconnections td:nth-child(10),
     6242#udpconnections td:nth-child(6), #udpconnections td:nth-child(7), #udpconnections td:nth-child(9), #udpconnections td:nth-child(10), #udpconnections td:nth-child(11),
     6243#udpconnections td:nth-child(13), #udpconnections td:nth-child(14), #udpconnections td:nth-child(15), #udpconnections td:nth-child(16) {
     6244     text-align: right;
     6245     white-space: nowrap;
     6246}
     6247
     6248#ntcpconnections .tablefooter td:nth-child(3), #ntcpconnections .tablefooter td:nth-child(4), #ntcpconnections .tablefooter td:nth-child(5), #ntcpconnections .tablefooter td:nth-child(6),
     6249#udpconnections .tablefooter td:nth-child(3), #udpconnections .tablefooter td:nth-child(4), #udpconnections .tablefooter td:nth-child(7), #udpconnections .tablefooter td:nth-child(8),
     6250#udpconnections .tablefooter td:nth-child(10), #udpconnections .tablefooter td:nth-child(11), #udpconnections .tablefooter td:nth-child(12), #udpconnections .tablefooter td:nth-child(13) {
     6251     text-align: right;
     6252}
     6253
     6254#udpconnections .tablefooter td:nth-child(9) {
     6255     text-align: center !important;
     6256}
     6257
     6258#ntcpconnections td:nth-child(4), #ntcpconnections td:nth-child(5), #udpconnections td:nth-child(4),
     6259#udpconnections td:nth-child(5), #udpconnections td:nth-child(8), #udpconnections td:nth-child(12) {
     6260     white-space: nowrap;
     6261}
     6262
     6263#udpconnections .tablefooter td, #ntcpconnections .tablefooter td {
     6264     padding-left: 5px;
     6265     padding-right: 5px;
     6266}
     6267
     6268
     6269#ntcpconnections th:nth-child(6), #ntcpconnections th:nth-child(7), #ntcpconnections th:nth-child(8), #ntcpconnections th:nth-child(9), #ntcpconnections th:nth-child(10) {
     6270     text-align: right;
     6271}
     6272
     6273#udpconnections th:nth-child(6), #udpconnections th:nth-child(7), #udpconnections th:nth-child(n+9) {
     6274     text-align: right;
     6275}
     6276
     6277#udpconnections th:nth-child(12) {
     6278     text-align: center;
     6279}
     6280
     6281.peersort {
     6282     text-align: center;
     6283     display: inline-block;
     6284}
     6285
     6286.right {
     6287     text-align: right;
     6288     margin: 0 1px;
     6289     display: inline-block;
     6290     width: 40%
     6291}
     6292
     6293.left {
     6294     text-align: left;
     6295     margin: 0 1px;
     6296     display: inline-block;
     6297     width: 40%
     6298}
     6299
     6300.peeripv6:empty {
     6301     padding: 0;
     6302     width: 0;
     6303}
     6304
     6305.cwnd .left, .cwnd .right {
     6306     width: auto;
     6307}
     6308
     6309#udpconnections td:nth-child(n+13), #udpconnections .tablefooter td:nth-child(n+10) {
     6310     padding-right: 1% !important;
     6311}
     6312
     6313#peerdefs {
     6314     line-height: 140%;
     6315     padding: 5px;
     6316}
     6317
     6318.peer_arrow {
     6319     display: inline-block;
     6320     width: 18px;
     6321     text-align: center;
     6322     margin-right: 3px;
     6323}
     6324
     6325/* end peers */
     6326
  • installer/resources/themes/console/classic/console_big.css

    r3d535a22 r4aa4ff7  
    1414input[type="submit"], input[type="cancel"], input[type="file"], button, button.search, input.cancel {
    1515     font-size: 11pt !important;
    16      padding-top: 5px;
    17      padding-bottom: 5px;
     16     padding-top: 3px;
     17     padding-bottom: 3px;
     18     line-height: 140% !important;
     19     display: inline-block;
     20     letter-spacing: 0.05em;
    1821}
    1922
     
    114117}
    115118
     119.infohelp, .infowarn, .infowarn b, #helptranslate {
     120     letter-spacing: 0.1em !important;
     121     word-spacing: 0.2em !important;
     122}
     123
     124.suboption {
     125     display: inline-block;
     126     margin-bottom: 5px !important;
     127}
     128
    116129/* end global overrides */
    117130
     
    136149}
    137150
    138 div.main, div.news, h1 {
    139      margin-left: 226px;
     151div.main, div.news, h1, .sorry {
     152     margin-left: 227px;
    140153}
    141154
     
    172185     overflow: hidden;
    173186     text-overflow: hidden;
    174      margin-bottom: -2px;
    175187     padding-bottom: 4px !important;
     188}
     189
     190.ui_lang {
     191     font-size: 9pt !important;
    176192}
    177193
     
    181197
    182198div.themechoice, div.langselect {
    183      width: 128px;
     199     width: 140px;
    184200}
    185201
     
    311327     vertical-align: sub;
    312328     margin-left: 5px;
     329}
     330
     331#console p, #console li {
     332     letter-spacing: 0.15em !important;
     333     line-height: 160% !important;
     334}
     335
     336#console li {
     337     list-style-type: none;
     338     margin: 10px 25px 10px 10px;
     339     text-align: justify;
     340}
     341
     342.twocol {
     343     background: #eef;
     344     margin-top: 15px !important;
     345     margin-bottom: -20px !important;
     346     padding: 10px 10px 5px;
     347     border-radius: 4px;
     348}
     349
     350.twocol li {
     351     margin-left: 35px !important;
     352     margin-right: 0;
     353     margin-top: 0;
     354     margin: 0 0 0 35px !important;
     355     padding: 0 0 10px !important;
     356}
     357
     358.twocol li:first-child {
     359     margin-top: 0 !important;
     360     margin-bottom: 10px !important;
     361     padding-top: 0 !important;
     362     padding-left: 0 !important;
     363}
     364
     365div[lang="zh"] a {
     366     background: #ddf;
     367     border-radius: 2px;
     368     display: inline-block;
     369     padding: 0 4px;
     370}
     371
     372a:hover code {
     373     color: #f60 !important;
     374}
     375
     376#reseedconfig td:first-child, #loggingoptions td:first-child {
     377     white-space: nowrap;
     378}
     379
     380#logs li font, #logs pre, #enviro td, #enviro td b {
     381     font-size: 10pt !important;
     382     letter-spacing: normal !important;
     383     word-spacing: normal !important;
     384}
     385
     386#enviro td {
     387     padding-top: 3px !important;
     388     padding-bottom: 3px !important;
    313389}
    314390
     
    340416}
    341417
    342 .routersummary .reload[value="restartImmediate"], .routersummary .stop[value="shutdownImmediate"], .routersummary .reload[value="Reseed"], .routersummary button[name="updateAction"] {
     418.routersummary .reload[value="restartImmediate"], .routersummary .stop[value="shutdownImmediate"],
     419.routersummary .reload[value="Reseed"], .routersummary button[name="updateAction"] {
    343420     font-size: 11pt !important;
    344421}
     
    361438}
    362439
    363 #console h2 {
    364      margin-bottom: -5px !important;
    365 }
    366 
    367440#console h2 a[name], #console h2 a[name]:hover {
    368441     font-size: 16pt !important;
     
    427500
    428501@media screen and (min-width: 1500px) {
    429 body, .main, .main td, .news p, #news p, .main li b, div.joblog li, .themelabel, .ui_lang, .applabel a, .statusnotes,
     502body, .main, .main td, .news p, #news p, .main li b, div.joblog li, .themelabel, .applabel a, .statusnotes,
    430503#peerdefs, #profile_defs, #thresholds, #configinfo, .infohelp, .infowarn, button, input, select, textarea, code, tt, pre,
    431504.netdbentry th, .configtable th, ul.statlist a[name], ul.statlist b, ul.statlist li b, ul.statlist a[name]:hover, div.messages, th {
     
    459532}
    460533
     534@media screen and (min-width: 1500px) {
     535.langselect img[src^="/flags"] {
     536    margin-left: -92px !important;
     537}
     538
     539.langselect input[name="lang"]:checked + img {
     540    margin-left: -93px !important;
     541}
     542}
     543
    461544/* end responsive layout */
  • installer/resources/themes/console/dark/console.css

    r3d535a22 r4aa4ff7  
    269269
    270270.routersummary {
    271      width: 174px;
     271     width: 184px;
    272272     padding: 8px 10px 8px;
    273273     text-align: center;
     
    286286     opacity: 0.9;
    287287     transition: ease filter 0.3s, ease opacity 0.3s;
    288      margin-top: 1px;
    289      margin-left: -1px;
    290      width: 176px;
     288     margin-top: -2px;
     289     margin-left: -4px;
     290     width: 193px;
    291291     height: auto;
    292292}
     
    389389     text-align: center !important;
    390390     margin: -5px -7px -6px -8px !important;
    391      width: 190px !important;
     391     width: 200px !important;
    392392     overflow: hidden;
    393393     font-size: 8pt;
     
    468468#sb_services a:link, #sb_internals a:link, #sb_advanced a:link {
    469469     word-break: break-all;
    470      max-width: 182px;
     470     max-width: 192px;
    471471     overflow: hidden;
    472472     white-space: nowrap;
     
    606606     border: 0 !important;
    607607     word-spacing: -0.1em;
    608      max-width: 180px;
    609      text-overflow: ellipsis; /* force ellipsis rather than truncate rare, overlong text strings eg. Swedish sidepanel */
    610608}
    611609
     
    671669
    672670div.sorry {
    673      margin: -1px 5px 10px 206px;
     671     margin: -1px 5px 10px 216px;
    674672     padding: 20px 20px 20px 75px;
    675673     background: #020;
     
    698696
    699697.main {
    700      margin: -1px 5px 5px 206px;
     698     margin: -1px 5px 5px 216px;
    701699     padding: 0 15px 5px 15px;
    702700     text-align: left;
     
    770768
    771769div.news {
    772      margin: -1px 5px 0 206px;
     770     margin: -1px 5px 0 216px;
    773771     padding: 6px 20px 5px;
    774772     border: 1px solid #494;
     
    12181216}
    12191217
     1218#udpconnections tr:last-child td, #ntcpconnections tr:last-child td {
     1219     padding-top: 6px;
     1220     padding-bottom: 6px;
     1221}
     1222
    12201223/* peers - sort icons */
    12211224
     
    14851488     color: #EE9;
    14861489     padding: 13px 15px;
    1487      margin: 0 5px 0 206px !important;
     1490     margin: 0 5px 0 216px !important;
    14881491     font-size: 17pt;
    14891492     font-weight: bold;
     
    22702273}
    22712274
    2272 th.smallhead {
    2273      border: 1px inset #131;
    2274 }
    2275 
    22762275.smallhead {
    22772276     font-size: 8pt
     
    23062305
    23072306.cells {
    2308      border: 1px inset #131;
    2309      /*border-left: 1px outset #141;*/
    23102307     text-align: center;
    23112308}
     
    40574054}
    40584055
     4056#profilelist td:last-child {
     4057     text-align: center !important;
     4058}
     4059
    40594060#profilelist th, #profilelist td {
    40604061     text-align: right;
     
    40824083     white-space: nowrap;
    40834084     text-align: center;
     4085}
     4086
     4087#profilelist td:nth-child(3) {
     4088     letter-spacing: 0.1em;
    40844089}
    40854090
     
    40944099}
    40954100
    4096 #profilelist td[colspan="8"] { /* profile class separator */
     4101#profilelist td[colspan="9"] { /* profile class separator */
    40974102     background: #040;
    40984103     padding: 1px;
     
    47114716}
    47124717
    4713 a.viewfullentry:not(old) {
     4718a.viewfullentry:not(old), a[href^="viewprofile"]:not(old) {
    47144719     font-size: 0;
    47154720}
    47164721
    4717 a.viewfullentry::after {
     4722a.viewfullentry::after, a[href^="viewprofile"]::after {
    47184723     content: url(/themes/console/images/buttons/fullview.png);
    47194724     vertical-align: text-top;
     
    57035708
    57045709@media screen and (max-width: 1240px) {
    5705 #udpconnections td, #ntcpconnections td {
    5706      padding: 3px 2px;
    5707 }
    5708 
    5709 #udpconnections tr.tablefooter td, #ntcpconnections tr.tablefooter td {
    5710      border: 1px inset #131 !important;
    5711      border-top: 1px solid #494 !important;
    5712 }
    5713 
    57145710.main#profiles, .main#peers {
    57155711     padding: 5px 5px 0;
     
    58185814#faq h3 {
    58195815     font-size: 10pt !important;
     5816}
     5817
     5818#udpconnections .cells {
     5819     border: 1px inset #131;
    58205820}
    58215821}
     
    58895889
    58905890.main, .news, h1 {
    5891      margin-left: 232px !important;
     5891     margin-left: 242px !important;
    58925892}
    58935893
     
    58975897
    58985898.routersummary {
    5899      width: 200px !important;
     5899     width: 210px !important;
    59005900}
    59015901
    59025902.routersummary table[id^="sb_"] {
    5903      width: 216px !important;
     5903     width: 226px !important;
    59045904}
    59055905
     
    59885988
    59895989.routersummary img[src$="i2plogo.png"] {
    5990      margin-left: -5px;
     5990     margin-left: -8px;
    59915991     transform: none;
    5992      width: 210px;
    5993      margin-top: -3px;
     5992     width: 225px;
     5993     margin-top: -6px;
    59945994}
    59955995
    59965996.routersummary h3::after {
    59975997     min-height: 19px;
     5998}
     5999
     6000#sb_services a:link, #sb_internals a:link, #sb_advanced a:link {
     6001     max-width: 216px !important;
    59986002}
    59996003
     
    62086212
    62096213.routersummary .error, .routersummary .warn, .routersummary .testing, .routersummary .hidden,
    6210 .routersummary .running, .routersummary .firewalled, .routersummary .vmcomm, .routersummary .clockskew {
     6214.routersummary .running, .routersummary .firewalled, .routersummary .vmcomm, .routersummary .clockskew, .tunnelBuildStatus {
    62116215     display: inline-block;
    62126216     vertical-align: middle;
    62136217     border: 1px solid #316f30;
    62146218     box-sizing: border-box;
     6219     border: 1px solid rgba(49, 111, 48, 0.6);
    62156220     padding: 6px 3px;
    62166221     width: 100%;
     
    62936298/* end network status */
    62946299
     6300/* /tunnels */
     6301
     6302tt a {
     6303     letter-spacing: 0.07em;
     6304}
     6305
     6306.tunnel_cap {
     6307     background: rgba(0,96,0,0.3);
     6308     color: #bb7;
     6309     border: 1px solid rgba(0,64,0,0.2);
     6310     border-radius: 2px;
     6311     min-width: 12px;
     6312     padding: 0 2px;
     6313     display:inline-block;
     6314     margin: 1px 2px 1px 8px;
     6315     text-align: center !important;
     6316     text-shadow: 0 1px 1px #555;
     6317}
     6318
     6319.tunnel_cap:empty {
     6320     border: none;
     6321}
     6322
     6323.tunnel_id {
     6324     display: inline-block;
     6325     min-width: 78px;
     6326     text-align: right;
     6327}
     6328
     6329.tunnel_id:empty {
     6330     min-width: 0;
     6331}
     6332
     6333.tunnel_id:empty + .tunnel_cap {
     6334     margin-left: 12px !important;
     6335     display: inline-block;
     6336}
     6337
     6338.tunnel_peer {
     6339     display: inline-block;
     6340     min-width: 56px;
     6341     text-align: right;
     6342}
     6343
     6344.tunnel_local {
     6345     font-size: 8pt;
     6346     background: rgba(0,96,0,0.3);
     6347     border-radius: 2px;
     6348     text-align: center;
     6349     padding: 2px 0;
     6350     margin-left: -4px;
     6351     margin-right: 4px;
     6352}
     6353
     6354.tunnel_peer:empty {
     6355     vertical-align: top;
     6356}
     6357
     6358#tunnel_defs {
     6359     margin-top: -1px;
     6360     margin-bottom: 10px;
     6361}
     6362
     6363@media screen and (max-width: 1100px) {
     6364.tunnel_id, .tunnel_peer {
     6365     min-width: 0 !important;
     6366     text-align: center !important;
     6367}
     6368
     6369.tunnel_local {
     6370     margin-right: 5px;
     6371     margin-left: 2px;
     6372     padding: 2px 4px;
     6373}
     6374
     6375.tunnel_peer:empty {
     6376     vertical-align: middle;
     6377}
     6378
     6379.tunnel_peer:empty::before {
     6380     margin: 1px 6px 1px 2px;
     6381}
     6382
     6383.tunnel_cap {
     6384     margin-left: 5px !important;
     6385}
     6386}
     6387
     6388@media screen and (max-width: 1200px) {
     6389#tunnel_defs {
     6390     margin-bottom: 5px;
     6391}
     6392}
     6393
     6394@media screen and (min-width: 1500px) {
     6395.tunnel_cap {
     6396     margin-left: 10px;
     6397     padding: 0 1px;
     6398     min-width: 14px;
     6399}
     6400
     6401.tunnel_id:empty {
     6402     margin-right: -10px;
     6403}
     6404}
     6405
     6406/* end tunnels */
     6407
     6408/* /peers */
     6409
     6410#ntcpconnections th:nth-child(6), #ntcpconnections th:nth-child(7), #ntcpconnections th:nth-child(8), #ntcpconnections th:nth-child(9), #ntcpconnections th:nth-child(10),
     6411#ntcpconnections td:nth-child(6), #ntcpconnections td:nth-child(7), #ntcpconnections td:nth-child(8), #ntcpconnections td:nth-child(9), #ntcpconnections td:nth-child(10),
     6412#udpconnections td:nth-child(6), #udpconnections td:nth-child(7), #udpconnections td:nth-child(9), #udpconnections td:nth-child(10), #udpconnections td:nth-child(11),
     6413#udpconnections td:nth-child(13), #udpconnections td:nth-child(14), #udpconnections td:nth-child(15), #udpconnections td:nth-child(16) {
     6414     text-align: right;
     6415     white-space: nowrap;
     6416}
     6417
     6418#ntcpconnections .tablefooter td:nth-child(3), #ntcpconnections .tablefooter td:nth-child(4), #ntcpconnections .tablefooter td:nth-child(5), #ntcpconnections .tablefooter td:nth-child(6),
     6419#udpconnections .tablefooter td:nth-child(3), #udpconnections .tablefooter td:nth-child(4), #udpconnections .tablefooter td:nth-child(7), #udpconnections .tablefooter td:nth-child(8),
     6420#udpconnections .tablefooter td:nth-child(10), #udpconnections .tablefooter td:nth-child(11), #udpconnections .tablefooter td:nth-child(12), #udpconnections .tablefooter td:nth-child(13) {
     6421     text-align: right;
     6422}
     6423
     6424#udpconnections .tablefooter td:nth-child(9) {
     6425     text-align: center !important;
     6426}
     6427
     6428#ntcpconnections td:nth-child(4), #ntcpconnections td:nth-child(5), #udpconnections td:nth-child(4),
     6429#udpconnections td:nth-child(5), #udpconnections td:nth-child(8), #udpconnections td:nth-child(12) {
     6430     white-space: nowrap;
     6431}
     6432
     6433#udpconnections .tablefooter td, #ntcpconnections .tablefooter td {
     6434     padding-left: 5px;
     6435     padding-right: 5px;
     6436}
     6437
     6438#ntcpconnections th:nth-child(6), #ntcpconnections th:nth-child(7), #ntcpconnections th:nth-child(8), #ntcpconnections th:nth-child(9), #ntcpconnections th:nth-child(10) {
     6439     text-align: right;
     6440}
     6441
     6442#udpconnections th:nth-child(6), #udpconnections th:nth-child(7), #udpconnections th:nth-child(n+9) {
     6443     text-align: right;
     6444}
     6445
     6446#udpconnections th:nth-child(12) {
     6447     text-align: center;
     6448}
     6449
     6450.peersort {
     6451     text-align: center;
     6452     display: inline-block;
     6453}
     6454
     6455.right {
     6456     text-align: right;
     6457     margin: 0 1px;
     6458     display: inline-block;
     6459     width: 40%
     6460}
     6461
     6462.left {
     6463     text-align: left;
     6464     margin: 0 1px;
     6465     display: inline-block;
     6466     width: 40%
     6467}
     6468
     6469.peeripv6:empty {
     6470     padding: 0;
     6471     width: 0;
     6472}
     6473
     6474.cwnd .left, .cwnd .right {
     6475     width: auto;
     6476}
     6477
     6478#udpconnections th:nth-child(n+13), #udpconnections .tablefooter th:nth-child(n+10),
     6479#udpconnections td:nth-child(n+13), #udpconnections .tablefooter td:nth-child(n+10) {
     6480     padding-right: 1% !important;
     6481}
     6482
     6483/* end peers */
     6484
  • installer/resources/themes/console/dark/console_ar.css

    r3d535a22 r4aa4ff7  
    66body {
    77     direction: rtl;
     8     margin: 6px 12px 6px 0 !important;
    89}
    910
     
    2728}
    2829
     30.sorry {
     31     margin: -1px 205px 0px 5px !important;
     32}
     33
    2934.news h3, #newspage h3 {
    3035     direction: ltr;
     
    4550}
    4651
    47 h1,h2,h3,h4 {
     52h1, h2, h3, h4 {
    4853     direction: rtl;
    4954     text-align: right;
     
    6469button.search {
    6570     margin-right: 30px;
     71}
     72
     73.routersummary img[src$="i2plogo.png"] {
     74     margin-top: -2px !important;
     75     margin-left: 0 !important;
     76     margin-right: -5px !important;
    6677}
    6778
     
    166177     position: absolute;
    167178     padding: 2px;
    168      margin-right: -27px;
     179     margin-right: -33px;
    169180     min-height: 78px !important;
    170181}
     
    431442}
    432443
     444.routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before,
     445.routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before {
     446     padding-left: 6px !important;
     447     padding-right: 0 !important;
     448}
     449
     450.themechoice {
     451     padding: 0;
     452}
     453
    433454@media screen and (min-width: 1500px) {
    434 .main, .news, h1 {
     455.main, .news, h1, .sorry {
    435456     margin-right: 232px !important;
    436      margin-left: 0 !important;
     457     margin-left: 6px !important;
    437458}
    438459
     
    441462}
    442463
     464.routersummary img[src$="i2plogo.png"] {
     465     margin-top: -5px !important;
     466     margin-left: 0 !important;
     467     margin-right: -8px !important;
     468}
     469
    443470.routersummary h4 {
    444471     font-size: 11pt !important;
     
    452479     font-size: 11pt !important;
    453480}
    454 }
     481
     482.themechoice .optbox {
     483    margin-left: 0;
     484    margin-right: -48px;
     485}
     486
     487.langselect .optbox {
     488    margin: -7px -2px -34px 0;
     489}
     490
     491.langselect img {
     492    margin: 0;
     493    margin-right: -81px;
     494}
     495
     496.langselect input[name="lang"]:checked + img {
     497    margin-left: 0;
     498    margin-right: -82px;
     499}
     500}
  • installer/resources/themes/console/dark/console_big.css

    r3d535a22 r4aa4ff7  
    66     text-shadow: none !important;
    77     font-weight: normal !important;
    8 }
    9 
    10 body {
    11      font-family: "Droid Sans", "Noto Sans", Verdana, "Bitstream Vera Sans", Tahoma, Helvetica, sans-serif;
    12      font-size: 12pt;
    13      line-height: 130%;
    14 }
    15 
    16 div.news {
    17      font-size: 10pt;
    18      font-style: normal !important;
    19 }
    20 
    21 div.main, div.news, h1 {
    22      margin-left: 232px !important;
    23 }
    24 
    25 div.routersummary {
    26      width: 200px;
    27 }
    28 
    29 div.routersummary table, table#sb_localtunnels {
    30     font-size: 10pt;
    31     width: 215px !important;
    328}
    339
     
    142118
    143119input[type="submit"], input[type="reset"], .cancel, .accept {
    144      padding: 5px 8px !important;
     120     padding: 2px 8px !important;
    145121     font-size: 12pt !important;
    146122     min-width: 80px;
    147123     font-weight: normal;
    148 }
    149 
    150 .langselect, .themechoice {
    151      font-size: 11pt !important;
     124     line-height: 140% !important;
     125     display: inline-block;
     126     letter-spacing: 0.05em;
     127}
     128
     129.themechoice {
     130     font-size: 11pt !important;
     131}
     132
     133.langselect {
     134     font-size: 9pt !important;
    152135}
    153136
     
    157140
    158141.langselect img {
    159      margin-top: 12px !important;
     142     margin-top: 8px !important;
    160143}
    161144
    162145.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] {
    163      margin-top: 10px !important;
     146     margin-top: 6px !important;
     147     margin-left: -66px !important;
    164148}
    165149
     
    227211
    228212@media screen and (min-width: 0) {
     213body {
     214     font-family: "Droid Sans", "Noto Sans", Verdana, "Bitstream Vera Sans", Tahoma, Helvetica, sans-serif;
     215     font-size: 12pt;
     216     line-height: 130%;
     217}
     218
     219div.news {
     220     font-size: 10pt;
     221     font-style: normal !important;
     222}
     223
     224div.main, div.news, h1, .sorry {
     225     margin-left: 232px !important;
     226}
     227
     228.sorry {
     229     font-size: 12pt !important;
     230}
     231
     232div.routersummary {
     233     width: 200px !important;
     234}
     235
     236div.routersummary table, table#sb_localtunnels {
     237    font-size: 10pt;
     238    width: 215px !important;
     239}
     240
     241#sb_internals a, #sb_services a, #sb_advanced a {
     242     padding: 1px 3px !important;
     243}
     244
    229245h1 {
    230246     font-size: 20pt !important;
    231      padding: 11px 15px;
     247     padding: 10px 15px 11px;
    232248}
    233249
     
    303319}
    304320
     321@media screen and (min-width: 1500px) {
     322.langselect img {
     323    margin-left: -81px !important;
     324}
     325
     326.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] {
     327     margin-top: 6px !important;
     328     margin-left: -83px !important;
     329}
     330}
     331
     332@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1500px) {
     333.langselect img {
     334     margin-left: -8px !important;
     335     margin-top: -18px !important;
     336}
     337
     338.langselect input[name="lang"]:checked + img {
     339     margin-left: -10px !important;
     340     margin-top: -20px !important;
     341}
     342}
     343
  • installer/resources/themes/console/light/console.css

    r3d535a22 r4aa4ff7  
    5252}
    5353
    54 .routersummary img[src$="i2plogo.png"], .routersummary h3, .confignav, *::before, *::after {
     54.routersummary img[src$="i2plogo.png"], .routersummary h3, .confignav, *::before, *::after, div.app, .themechoice, .langselect, .langbox,
     55.newsAuthor, #netdbcountrylist img, .viewfullentry, .sybil_routerinfo th img, .graphspanel {
    5556     -moz-user-select: none;
    5657     -webkit-user-select: none;
     
    110111
    111112.routersummary {
    112      width: 182px;
     113     width: 190px;
    113114     padding: 8px 8px 10px;
    114115     margin-bottom: 8px;
     
    139140     opacity: 0.9;
    140141     transition: ease filter 0.3s 0s, ease opacity 0.3s 0s;
    141      margin-top: 0;
    142      margin-left: 0 !important;
    143      width: 179px;
     142     margin-top: -1px;
     143     margin-left: -1px !important;
     144     width: 192px;
    144145     height: auto;
    145146     filter: drop-shadow(0 0 1px #ccc);
     
    310311     text-align: center !important;
    311312     margin: -8px -5px -5px -5px;
    312      width: 192px !important;
     313     width: 200px !important;
    313314     overflow: hidden;
    314315     font-size: 8pt;
     
    854855
    855856div.sorry {
    856      margin: -11px 0 10px 207px;
     857     margin: -11px 0 10px 214px;
    857858     padding: 20px 25px 20px 70px;
    858859     border: 1px solid #447;
     
    876877
    877878div.main {
    878      margin: -12px 0 8px 207px;
     879     margin: -12px 0 8px 214px;
    879880     padding: 0 15px 10px 15px;
    880881     text-align: left;
     
    10131014
    10141015div.news {
    1015      margin: -12px 0 5px 207px;
     1016     margin: -12px 0 5px 214px;
    10161017     padding: 5px 15px 12px;
    10171018     border: 1px solid #447;
     
    17591760}
    17601761
    1761 td.infohelp, #help tr:hover td.infohelp {
     1762td.infohelp, #help tr:hover td.infohelp, #eventlog tr:hover .infohelp {
    17621763     background: #fff url(/themes/console/images/info/infohelp.png) 12px center no-repeat;
    17631764     padding: 15px 15px 15px 50px;
     
    22932294
    22942295ol {
    2295 
    22962296     margin: 0 0 10px;
    22972297     padding: 0;
     
    23652365.links ul {
    23662366     margin-top: -5px !important;
     2367}
     2368
     2369.links code, #console code {
     2370     color: #910;
    23672371}
    23682372
     
    27532757     color: #31334f;
    27542758     padding: 17px 15px 14px;
    2755      margin: 0 0 10px 207px;
     2759     margin: 0 0 10px 214px;
    27562760     font-size: 18pt;
    27572761     line-height: 90%;
     
    43504354}
    43514355
    4352 .cells tt, #profilelist tt {
     4356.cells tt, #profilelist tt, tt a {
    43534357     font-size: 8pt !important;
    43544358     margin-left: 2px !important;
     
    43774381}
    43784382
    4379 /*
    4380 #ntcpconnections td:nth-child(6), #ntcpconnections td:nth-child(7), #ntcpconnections td:nth-child(8), #ntcpconnections td:nth-child(9), #ntcpconnections td:nth-child(10),
    4381 #ntcpconnections .tablefooter td:nth-child(3), #ntcpconnections .tablefooter td:nth-child(4), #ntcpconnections .tablefooter td:nth-child(5), #ntcpconnections .tablefooter td:nth-child(6) {
    4382      padding-left: 1vw !important;
    4383      padding-right: 1vw !important;
    4384 }
    4385 */
    4386 
    43874383#ntcpconnections td:nth-child(4), #ntcpconnections td:nth-child(5), #udpconnections td:nth-child(4),
    43884384#udpconnections td:nth-child(5), #udpconnections td:nth-child(8), #udpconnections td:nth-child(12) {
     
    44454441}
    44464442
    4447 a.viewfullentry:not(old) {
     4443a.viewfullentry:not(old), #profilelist a[href^="viewprofile"]:not(old) {
    44484444     font-size: 0;
    44494445}
    44504446
    4451 a.viewfullentry::after {
     4447a.viewfullentry::after, #profilelist a[href^="viewprofile"]::after {
    44524448     content: url(/themes/console/images/buttons/fullview.png);
    44534449     vertical-align: text-top;
    44544450     filter: drop-shadow(0 0 1px #999);
     4451}
     4452
     4453 #profilelist a[href^="viewprofile"]::after {
     4454     vertical-align: bottom;
    44554455}
    44564456
     
    48984898}
    48994899
    4900 #profiles th:nth-child(7) {
     4900#profiles th:nth-child(8) {
    49014901     text-align: center;
     4902}
     4903
     4904#profilelist {
     4905     margin-bottom: 10px;
    49024906}
    49034907
     
    49124916}
    49134917
    4914 #profilelist td[colspan="8"] {
     4918#profilelist td[colspan="9"] {
    49154919     background: #77f;
    49164920     padding: 0;
     4921}
     4922
     4923#view_profile h2 {
     4924     text-transform: none !important;
     4925     letter-spacing: normal;
     4926     word-spacing: normal;
    49174927}
    49184928
     
    49724982}
    49734983
    4974 #profilelist tr:hover td, table#floodfills tr:hover td, #ntcpconnections tr:nth-last-child(n+2):hover td, #udpconnections tr:nth-last-child(n+2):hover td,
     4984#profilelist tr:hover td, #floodfills tr:hover td, #ntcpconnections tr:nth-last-child(n+2):hover td, #udpconnections tr:nth-last-child(n+2):hover td,
    49754985#schedjobs tr:hover td, #jobstats tr:nth-last-child(n+2):hover td, #jardump tr:hover td, #sidebarconf tr:nth-last-child(n+2):hover td, #eventlog tr:hover td,
    49764986#netdboverview table tr:hover td, #debug tr:hover td, #clientconfig tr:hover td, #webappconfig tr:hover td, #portfaq tr:hover td, .tunneldisplay tr:hover td {
     
    51455155     text-align: right;
    51465156     padding-right: 5px;
    5147 }
    5148 
    5149 table#floodfills th {
     5157     width: 1%;
     5158     white-space: nowrap;
     5159}
     5160
     5161#floodfills {
     5162     margin-top: 8px;
     5163}
     5164
     5165#floodfills th {
    51505166     text-align: center !important;
    51515167     border-right: 1px solid #7778bf;
     
    51565172     padding-left: 3px;
    51575173     padding-right: 3px;
     5174     width: 1%;
     5175     white-space: nowrap;
    51585176}
    51595177
    51605178#floodfills td:first-child img {
    51615179     margin-right: 2px;
     5180     margin-left: 4px;
     5181}
     5182
     5183#floodfills td:nth-child(2), #profilelist td:nth-child(3) {
     5184     text-align: right;
     5185     letter-spacing: 0.15em;
    51625186}
    51635187
     
    56705694     margin-right: 2px !important;
    56715695}
     5696
     5697#profilelist th {
     5698     font-size: 8pt;
     5699}
     5700
     5701#profilelist th:last-child {
     5702     font-size: 0;
     5703}
    56725704}
    56735705
     
    56835715
    56845716@media screen and (max-width: 1500px) {
     5717body {
     5718     margin: 5px 4px;
     5719}
    56855720
    56865721#sb_general td:first-child::after, #sb_shortgeneral td:first-child::after, #sb_bandwidth td:first-child::after,
     
    56905725
    56915726#sb_internals a, #sb_advanced a {
    5692      max-width: 188px;
     5727     max-width: 200px;
    56935728}
    56945729
     
    57275762@media screen and (min-width: 1500px) {
    57285763body, .main, .main td, .news p, #news p, .tab, .tab2, .main li b, div.joblog li, .themelabel, .ui_lang, .applabel a, #changelog pre, .routersummary button.download,
    5729 #peerdefs, #profile_defs, #thresholds, #configinfo, .infohelp, .infowarn, button, input, select, textarea, #configinfo th, tt, code, th, .statusnotes {
     5764#peerdefs, #profile_defs, #thresholds, #configinfo, .infohelp, .infowarn, button, input, select, textarea, #configinfo th, code, th, .statusnotes {
    57305765     font-size: 10pt !important;
    57315766}
    57325767
    5733 .routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.newss, pre,
    5734 #jardump tt, #jardump td, div.news, #logs li, .cells tt, #profilelist tt, .leaseset tt {
     5768.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.news, pre,
     5769#jardump tt, #jardump td, div.news, #logs li, tt, .cells tt, #profilelist tt, .leaseset tt {
    57355770     font-size: 9pt !important;
    57365771}
     
    57415776}
    57425777
    5743 .cells tt, #profilelist tt {
     5778tt a, .cells tt, #profilelist tt, .cells tt a, #profilelist tt a {
    57445779     margin-left: 3px !important;
    57455780     margin-right: 3px !important;
     5781     font-size: 9pt !important;
     5782     letter-spacing: 0.1em !important;
    57465783}
    57475784
     
    61426179
    61436180.tunnelBuildStatus {
    6144      background: rgba(220,255,220,0.15);
    6145      color: #070;
    6146 }
    6147 
     6181     padding: 7px 2px;
     6182}
     6183
     6184/* TO DO: activate this when we have build status specific spans */
     6185
     6186/*
    61486187.tunnelStatusAccept {
    61496188     background: rgba(220,255,220,0.15);
     
    61856224     content: url(/themes/console/images/info/network_status/rejecting_hidden.png);
    61866225}
    6187 
     6226*/
    61886227/* end tunnel build status */
    61896228
     
    62326271#udpconnections td:nth-child(n+13), #udpconnections .tablefooter td:nth-child(n+10) {
    62336272     padding-right: 1%;
     6273}
     6274
     6275#peerdefs td {
     6276     line-height: 130%;
     6277}
     6278
     6279.peer_arrow {
     6280     display: inline-block;
     6281     width: 22px;
     6282     text-align: center;
     6283     margin: 2px 1px;
    62346284}
    62356285
     
    62506300     padding: 0 2px;
    62516301     display:inline-block;
    6252      margin: 1px 2px 1px 6px;
     6302     margin: 1px 2px 1px 8px;
    62536303     text-align: center !important;
    62546304     text-shadow: 0 1px 1px #555;
     
    62616311.tunnel_id {
    62626312     display: inline-block;
    6263      min-width: 74px;
     6313     min-width: 78px;
    62646314     text-align: right;
    62656315}
    62666316
    62676317.tunnel_id:empty {
    6268      margin-right: -3px;
    62696318     min-width: 0;
     6319}
     6320
     6321.tunnel_id:empty + .tunnel_cap {
     6322     margin-left: 12px !important;
     6323     display: inline-block;
    62706324}
    62716325
    62726326.tunnel_peer {
    62736327     display: inline-block;
    6274      min-width: 56px;
     6328     min-width: 64px;
    62756329     text-align: right;
     6330}
     6331
     6332.tunnel_local {
     6333     font-size: 8pt;
     6334     background: rgba(187, 187, 255, 0.3);
     6335     background: #dfdfff;
     6336     border-radius: 2px;
     6337     text-align: center;
     6338     padding: 2px 0;
     6339     margin-left: -4px;
     6340     margin-right: 4px;
    62766341}
    62776342
     
    62806345}
    62816346
    6282 .tunnel_peer:empty::before {
    6283      // TODO: Find a way of indicating that these entries represent the local router
    6284      content: "";
    6285      display: inline-block;
    6286      height: 12px;
    6287      width: 18px;
    6288      //background: rgba(192,192,192,0.35);
    6289      margin-right: 6px;
    6290      border-radius: 1px;
    6291      text-align: center;
    6292      font-size: 7pt;
    6293      font-weight: bold;
    6294      line-height: 12px;
    6295      padding: 1px 2px;
     6347#tunnel_defs td {
     6348     padding: 4px;
     6349}
     6350
     6351#tunnel_defs td:nth-child(even) {
     6352     text-align: right;
     6353     padding-right: 0;
     6354     width: 1%;
     6355}
     6356
     6357#tunnel_defs td:nth-child(3) {
     6358    border-right: 1px inset #ddf;
     6359}
     6360
     6361#tunnel_defs td:first-child, #tunnel_defs td:last-child {
     6362     font-size: 0;
     6363     width: 0;
     6364     padding: 0;
    62966365}
    62976366
     
    63026371}
    63036372
     6373.tunnel_local {
     6374     margin-right: 5px;
     6375     margin-left: 2px;
     6376     padding: 2px 4px;
     6377}
     6378
    63046379.tunnel_peer:empty {
    63056380     vertical-align: middle;
     
    63086383.tunnel_peer:empty::before {
    63096384     margin: 1px 6px 1px 2px;
     6385}
     6386
     6387.tunnel_cap {
     6388     margin-left: 5px !important;
     6389}
    63106390}
    63116391
     
    63146394     margin-left: 10px;
    63156395     padding: 0 1px;
    6316      min-width: 10px;
     6396     min-width: 14px;
    63176397}
    63186398
     
    63236403
    63246404/* end tunnels */
     6405
  • installer/resources/themes/console/light/console_ar.css

    r3d535a22 r4aa4ff7  
    2525}
    2626
    27 h1,h2,h3,h4 {
     27h1, h2 ,h3, h4 {
    2828     direction: rtl;
    2929     text-align: right !important;
     
    3939
    4040h1 {
    41      margin: 0 205px -15px 0;
     41     margin: 0 212px -15px 0;
    4242     padding: 20px 20px 20px 10px;
    4343}
     
    162162div.messages li, .messages li:first-child, .error li:first-child, .error li {
    163163     padding: 0 24px 0 0 !important;
    164 }
    165 
    166 .error li {
     164     font-size: 12pt;
     165}
     166
     167.error li, .notice li {
    167168     background-position: right center !important;
     169     font-size: 12pt;
    168170}
    169171
     
    173175
    174176div.main {
    175      margin: 10px 205px 0 0;
     177     margin: 10px 212px 0 0;
    176178     padding: 7px 20px 30px 20px;
     179}
     180
     181div.sorry {
     182     margin: 14px 212px 0 0;
     183     padding: 20px 70px 20px 20px !important;
     184     background: url(/themes/console/images/info/errortriangle.png) right 15px center no-repeat #fff;
    177185}
    178186
     
    186194
    187195div.news {
    188      margin: 10px 205px -12px 0;
     196     margin: 10px 212px -12px 0;
    189197     padding: 7px 20px 10px 20px;
    190198     direction: ltr;
     
    389397}
    390398
     399.themelabel {
     400     padding: 3px !important;
     401     font-size: 11.5pt !important;
     402     font-weight: bold;
     403}
     404
    391405.h3navlinks {
    392406     float: left;
     
    848862}
    849863
     864.routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before,
     865.routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before {
     866     padding-left: 6px !important;
     867     padding-right: 0 !important;
     868}
     869
     870#config_ui.main .themechoice .optbox {
     871    margin-left: 0;
     872    margin-right: -38px;
     873}
     874
     875#config_ui.main .langselect .optbox, #config_ui.main .langselect .optbox:hover, #config_ui.main .langselect .optbox:focus {
     876     margin-left: 0;
     877     margin-right: -2px;
     878}
     879
    850880@media screen and (min-width: 1500px) {
    851 .main, .news, h1 {
     881.main, .news, h1, .sorry {
    852882     margin-right: 232px !important;
    853883     margin-left: 0 !important;
    854884}
    855 }
     885
     886#config_ui.main .themechoice .optbox {
     887    margin-left: 0;
     888    margin-right: -49px;
     889}
     890}
  • installer/resources/themes/console/light/console_big.css

    r3d535a22 r4aa4ff7  
    2525button, input[type="submit"], input[type="reset"] {
    2626    font-size: 10.5pt !important;
    27     padding: 5px 5px 5px 22px !important;
     27    padding: 3px 5px 3px 22px !important;
     28    line-height: 140% !important;
     29    display: inline-block;
     30    letter-spacing: 0.1em;
     31}
     32
     33button.reload[value="restart"], button.stop[value="shutdown"] {
     34     padding-top: 5px !important;
     35     padding-bottom: 5px !important;
    2836}
    2937
     
    3240}
    3341
    34 input.cancel {
    35      padding: 5px 5px 6px 20px !important;
    36 }
    37 
    3842#sidebarconf button {
    3943     padding: 3px !important;
    4044}
    4145
    42 div.routersummary table {
     46.routersummary table {
    4347    font-size: 8.5pt;
    4448}
    4549
    46 div.routersummary a {
     50.routersummary a {
    4751    font-size: 10pt !important;
    4852}
    4953
    50 div.routersummary h3, div.routersummary h4, div.routersummary p, div.routersummary h3 a, div.routersummary a {
     54.routersummary h3, .routersummary h4, .routersummary p, .routersummary h3 a, .routersummary a {
    5155     text-shadow: none !important;
    5256}
    5357
    54 div.routersummary h3 a {
    55      font-size: 11pt !important;
    56 }
    57 
    58 div.routersummary h4, div.routersummary h4 a {
    59      font-size: 10.5pt !important;
    60 }
    61 
    62 div.routersummary b {
     58.routersummary h3 a {
     59     font-size: 11pt !important;
     60}
     61
     62.routersummary h4, .routersummary h4 a {
     63     font-size: 10.5pt !important;
     64}
     65
     66.routersummary b {
    6367     font-size: 9.5pt;
    6468     font-weight: normal !important;
    6569}
    6670
    67 div.routersummary a {
     71.routersummary a {
    6872     word-spacing: 0.1em !important;
    6973     font-size: 10pt;
     
    7175}
    7276
    73 div.news {
    74      font-size: 9pt;
     77div.news, .newscontent p {
     78     font-size: 10pt !important;
     79}
     80
     81#newsStatus, #newsDisplay {
     82     font-size: 10.5pt !important;
     83     letter-spacing: 0.05em;
     84}
     85
     86.applabel a {
     87     font-size: 11pt !important;
     88     display: inline-block;
     89     vertical-align: middle;
    7590}
    7691
     
    87102}
    88103
     104.tunneldisplay th {
     105     font-size: 10.5pt !important;
     106}
     107
    89108td, .mediumtags {
    90109     font-size: 10pt !important;
     
    93112
    94113.statusnotes {
    95      font-size: 10pt;
     114     font-size: 10.5pt !important;
    96115     letter-spacing: 0.2em !important;
    97116     text-shadow: none !important;
     
    122141}
    123142
     143.ui_lang {
     144     font-size: 9pt !important;
     145}
     146
     147#externali2cp td label + br {
     148     display: none;
     149}
     150
     151#externali2cp td label {
     152     margin-right: 8px;
     153     white-space: nowrap;
     154}
     155
    124156#config_service p.infohelp, #config_clients p.infohelp, #config_clients p.infowarn, #config_clients p#pluginconfig, #config_tunnels p.infohelp,
    125157p#enablefullstats {
     
    135167}
    136168
     169#console p, #console li, #console b {
     170     font-size: 10.5pt !important;
     171     letter-spacing: 0.1em;
     172     word-spacing: 0.1em;
     173     line-height: 160%;
     174}
     175
     176#console code, #console a {
     177     letter-spacing: normal;
     178     word-spacing: normal;
     179     font-size: 10.5pt !important;
     180}
     181
     182#console p a, #console li a {
     183     background: rgba(220,220,255,0.5);
     184     border-radius: 2px;
     185     display: inline-block;
     186     padding: 1px 4px;
     187}
     188
     189#console .links {
     190     margin-bottom: -15px;
     191     background: rgba(220,220,255,0.3);
     192     padding: 15px 10px;
     193     border-radius: 4px;
     194}
     195
     196#console .twocol {
     197     margin-bottom: -20px !important;
     198}
     199
     200#console li {
     201     text-align: justify;
     202     list-style: none;
     203     margin-left: 20px;
     204     margin-top: 10px;
     205     margin-bottom: 10px;
     206}
     207
     208#console .links li {
     209     margin-left: 35px;
     210}
     211
     212#console a:hover code {
     213     color: #f60 !important;
     214}
     215}
     216
     217.tunnel_cap b, b.tunnel_cap {
     218     color: #fff !important;
     219     font-weight: bold !important;
     220}
     221
     222.cells tt, #profilelist tt, tt a {
     223     font-weight: bold !important;
     224}
    137225
    138226@media screen and (min-width: 1500px) {
     
    140228     line-height: 115% !important;
    141229}
    142 }
    143 
     230
     231#console p, #console li, #console code, #console a {
     232     font-size: 11pt !important;
     233}
     234
     235#console .twocol {
     236     margin-bottom: -30px !important;
     237}
     238
     239.ui_lang {
     240     font-size: 10pt !important;
     241}
     242
     243.themelabel {
     244     font-size: 11pt !important;
     245}
     246}
     247
  • installer/resources/themes/console/midnight/console.css

    r3d535a22 r4aa4ff7  
    11571157
    11581158.routersummary {
    1159      width: 173px;
     1159     width: 184px;
    11601160     padding: 8px 10px 8px;
    11611161     text-align: center;
     
    11741174     opacity: 0.7;
    11751175     transition: ease-out opacity 0.3s, ease filter 0.3s;
    1176      margin-top: 1px;
    1177      margin-left: -3px;
    1178      width: 176px;
     1176     margin-top: -1px;
     1177     margin-left: -5px;
     1178     width: 190px;
    11791179     height: auto;
    11801180     filter: sepia(100%) hue-rotate(180deg) drop-shadow(0 0 1px #652787);
     
    12701270     text-align: center !important;
    12711271     margin: -4px -7px -5px -8px !important;
    1272      width: 189px !important;
     1272     width: 200px !important;
    12731273     overflow: hidden;
    12741274     font-size: 8pt;
     
    12911291
    12921292#sb_localtunnels {
    1293      width: 189px !important;
     1293     width: 200px !important;
    12941294     border-collapse: separate;
    12951295     border-spacing: 0;
     
    13321332#sb_services a:link, #sb_internals a:link, #sb_advanced a:link {
    13331333     word-break: break-all;
    1334      max-width: 182px;
     1334     max-width: 190px;
    13351335     overflow: hidden;
    13361336     white-space: nowrap;
     
    15481548
    15491549.sorry {
    1550      margin: -1px 5px 10px 205px;
     1550     margin: -1px 5px 10px 215px;
    15511551     padding: 20px 20px 20px 75px;
    15521552     background: #020022;
     
    15751575
    15761576.main {
    1577      margin: -1px 5px 5px 205px;
     1577     margin: -1px 5px 5px 215px;
    15781578     padding: 0 10px 1px 10px;
    15791579     text-align: left;
     
    15961596
    15971597.news {
    1598      margin: -1px 5px 0 205px;
     1598     margin: -1px 5px 0 215px;
    15991599     padding: 6px 20px 5px;
    16001600     border: 1px solid #443da0;
     
    22942294     color: #c9ceff;
    22952295     padding: 13px 15px;
    2296      margin: 0 5px 0 205px !important;
     2296     margin: 0 5px 0 215px !important;
    22972297     font-size: 17pt;
    22982298     font-weight: bold;
     
    24352435     column-gap: 0 !important;
    24362436     display: block;
    2437      margin: 5px 0;
     2437     margin: 5px 0 -5px;
    24382438}
    24392439
     
    30143014
    30153015.themechoice .optbox {
    3016      min-width: 114px !important;
     3016     min-width: 120px !important;
    30173017     min-height: 80px !important;
    30183018     opacity: 0; /* hide the radio icon so we can use thumbnail img instead */
     
    31463146     outline: 1px dotted !important;
    31473147     min-height: 60px;
    3148      min-width: 111px !important;
     3148     min-width: 125px !important;
    31493149     margin: -5px 0 -30px -2px;
    31503150     vertical-align: text-bottom;
     
    31563156     border: 1px solid #241f69;
    31573157     margin-bottom: 0;
    3158      margin-left: -65px;
     3158     margin-left: -72px;
    31593159     margin-top: 7px !important;
    31603160     position: absolute;
     
    31663166     border: 1px solid #652787;
    31673167     margin-top: 6px !important;
    3168      margin-left: -67px;
     3168     margin-left: -73px;
    31693169}
    31703170
     
    32023202     background: #000;
    32033203     color: #652787;
     3204}
     3205
     3206@media screen and (-webkit-min-device-pixel-ratio:0) {
     3207.langselect img {
     3208     margin-left: -8px !important;
     3209     margin-top: -16px !important;
     3210}
     3211
     3212.langselect input[name="lang"]:checked + img {
     3213     margin-left: -10px !important;
     3214     margin-top: -18px !important;
     3215}
    32043216}
    32053217
     
    46154627}
    46164628
    4617 #profilelist td:first-child, #profilelist th:first-child {
    4618      width: 52px;
     4629#profilelist td:first-child {
     4630     width: 1%;
    46194631     text-align: right;
    46204632}
     
    46304642}
    46314643
     4644#profilelist td:nth-child(3) {
     4645     letter-spacing: 0.1em;
     4646}
     4647
    46324648#profilelist th:last-child {
    46334649     text-align: center;
     4650     padding-right: 8px;
    46344651}
    46354652
    46364653#profilelist td:last-child {
    4637      text-align: right;
    4638      width: 60px;
     4654     text-align: center;
     4655     width: 1%;
    46394656     white-space: nowrap;
    46404657}
    46414658
    4642 #profilelist td[colspan="8"] { /* profile class separator */
     4659#profilelist td[colspan="9"] { /* profile class separator */
    46434660     background: #050044;
    46444661     padding: 1px;
     
    54085425}
    54095426
    5410 a.viewfullentry:not(old) {
     5427a.viewfullentry:not(old), a[href^="viewprofile"]:not(old) {
    54115428     font-size: 0;
    54125429}
    54135430
    5414 a.viewfullentry::after {
     5431a.viewfullentry::after, a[href^="viewprofile"]::after {
    54155432     content: url(/themes/console/images/buttons/fullview.png);
    54165433     vertical-align: text-top;
     
    62346251     font-size: 10.5pt !important;
    62356252}
     6253
     6254.cells {
     6255     border: none;
     6256}
    62366257}
    62376258
     
    62706291
    62716292div.routersummary img[src$="i2plogo.png"] {
    6272      margin-left: -5px;
     6293     margin-left: -4px;
    62736294     transform: none;
    6274      width: 207px;
    6275      margin-top: -3px;
     6295     width: 204px;
     6296     margin-top: -2px;
    62766297}
    62776298
     
    63406361
    63416362#profilelist td:first-child, #profilelist th:first-child, #floodfills td:first-child, #floodfills th:first-child {
    6342      width: 56px !important;
     6363     width: 1% !important;
     6364     white-space: nowrap;
    63436365}
    63446366
     
    65786600
    65796601.routersummary .error, .routersummary .warn, .routersummary .testing, .routersummary .hidden,
    6580 .routersummary .running, .routersummary .firewalled, .routersummary .vmcomm, .routersummary .clockskew {
     6602.routersummary .running, .routersummary .firewalled, .routersummary .vmcomm, .routersummary .clockskew, .tunnelBuildStatus {
    65816603     display: inline-block;
    65826604     vertical-align: middle;
    6583      border: 1px solid #342f7f;
     6605     border: 1px solid rgba(52, 47, 127, 0.6);
    65846606     border-radius: 2px;
    65856607     padding: 6px 3px;
     
    66636685}
    66646686
     6687/* /tunnels */
     6688
     6689tt a {
     6690     letter-spacing: 0.07em;
     6691}
     6692
     6693.tunnel_cap {
     6694     background: rgba(0,0,140,0.4);
     6695     color: #c9ceff;
     6696     border: 1px solid rgba(0,0,64,0.2);
     6697     border-radius: 2px;
     6698     min-width: 12px;
     6699     padding: 0 2px;
     6700     display:inline-block;
     6701     margin: 1px 2px 1px 8px;
     6702     text-align: center !important;
     6703     text-shadow: 0 1px 1px #000;
     6704}
     6705
     6706.tunnel_cap:empty {
     6707     border: none;
     6708}
     6709
     6710.tunnel_id {
     6711     display: inline-block;
     6712     min-width: 78px;
     6713     text-align: right;
     6714}
     6715
     6716.tunnel_id:empty {
     6717     min-width: 0;
     6718}
     6719
     6720.tunnel_id:empty + .tunnel_cap {
     6721     margin-left: 12px !important;
     6722     display: inline-block;
     6723}
     6724
     6725.tunnel_peer {
     6726     display: inline-block;
     6727     min-width: 56px;
     6728     text-align: right;
     6729}
     6730
     6731.tunnel_local {
     6732     font-size: 8pt;
     6733     background: rgba(0,0,96,0.3);
     6734     border-radius: 2px;
     6735     text-align: center;
     6736     padding: 2px 0;
     6737     margin-left: -4px;
     6738     margin-right: 4px;
     6739}
     6740
     6741.tunnel_peer:empty {
     6742     vertical-align: top;
     6743}
     6744
     6745#tunnel_defs {
     6746     margin-top: -1px;
     6747     margin-bottom: 10px;
     6748}
     6749
     6750@media screen and (max-width: 1100px) {
     6751.tunnel_id, .tunnel_peer {
     6752     min-width: 0 !important;
     6753     text-align: center !important;
     6754}
     6755
     6756.tunnel_local {
     6757     margin-right: 5px;
     6758     margin-left: 2px;
     6759     padding: 2px 4px;
     6760}
     6761
     6762.tunnel_peer:empty {
     6763     vertical-align: middle;
     6764}
     6765
     6766.tunnel_peer:empty::before {
     6767     margin: 1px 6px 1px 2px;
     6768}
     6769
     6770.tunnel_cap {
     6771     margin-left: 5px !important;
     6772}
     6773}
     6774
     6775@media screen and (min-width: 1500px) {
     6776.tunnel_cap {
     6777     margin-left: 10px;
     6778     padding: 0 1px;
     6779     min-width: 14px;
     6780}
     6781
     6782.tunnel_id:empty {
     6783     margin-right: -10px;
     6784}
     6785}
     6786
     6787/* end tunnels */
     6788
     6789/* /peers */
     6790
     6791#ntcpconnections th:nth-child(6), #ntcpconnections th:nth-child(7), #ntcpconnections th:nth-child(8), #ntcpconnections th:nth-child(9), #ntcpconnections th:nth-child(10),
     6792#ntcpconnections td:nth-child(6), #ntcpconnections td:nth-child(7), #ntcpconnections td:nth-child(8), #ntcpconnections td:nth-child(9), #ntcpconnections td:nth-child(10),
     6793#udpconnections td:nth-child(6), #udpconnections td:nth-child(7), #udpconnections td:nth-child(9), #udpconnections td:nth-child(10), #udpconnections td:nth-child(11),
     6794#udpconnections td:nth-child(13), #udpconnections td:nth-child(14), #udpconnections td:nth-child(15), #udpconnections td:nth-child(16) {
     6795     text-align: right;
     6796     white-space: nowrap;
     6797}
     6798
     6799#ntcpconnections .tablefooter td:nth-child(3), #ntcpconnections .tablefooter td:nth-child(4), #ntcpconnections .tablefooter td:nth-child(5), #ntcpconnections .tablefooter td:nth-child(6),
     6800#udpconnections .tablefooter td:nth-child(3), #udpconnections .tablefooter td:nth-child(4), #udpconnections .tablefooter td:nth-child(7), #udpconnections .tablefooter td:nth-child(8),
     6801#udpconnections .tablefooter td:nth-child(10), #udpconnections .tablefooter td:nth-child(11), #udpconnections .tablefooter td:nth-child(12), #udpconnections .tablefooter td:nth-child(13) {
     6802     text-align: right;
     6803}
     6804
     6805#udpconnections .tablefooter td:nth-child(9) {
     6806     text-align: center !important;
     6807}
     6808
     6809#ntcpconnections td:nth-child(4), #ntcpconnections td:nth-child(5), #udpconnections td:nth-child(4),
     6810#udpconnections td:nth-child(5), #udpconnections td:nth-child(8), #udpconnections td:nth-child(12) {
     6811     white-space: nowrap;
     6812}
     6813
     6814#udpconnections .tablefooter td, #ntcpconnections .tablefooter td {
     6815     padding-left: 5px;
     6816     padding-right: 5px;
     6817}
     6818
     6819#ntcpconnections th:nth-child(6), #ntcpconnections th:nth-child(7), #ntcpconnections th:nth-child(8), #ntcpconnections th:nth-child(9), #ntcpconnections th:nth-child(10) {
     6820     text-align: right;
     6821}
     6822
     6823#udpconnections th:nth-child(6), #udpconnections th:nth-child(7), #udpconnections th:nth-child(n+9) {
     6824     text-align: right;
     6825}
     6826
     6827#udpconnections th:nth-child(12) {
     6828     text-align: center;
     6829}
     6830
     6831.peersort {
     6832     text-align: center;
     6833     display: inline-block;
     6834}
     6835
     6836.right {
     6837     text-align: right;
     6838     margin: 0 1px;
     6839     display: inline-block;
     6840     width: 40%
     6841}
     6842
     6843.left {
     6844     text-align: left;
     6845     margin: 0 1px;
     6846     display: inline-block;
     6847     width: 40%
     6848}
     6849
     6850.peeripv6:empty {
     6851     padding: 0;
     6852     width: 0;
     6853}
     6854
     6855.cwnd .left, .cwnd .right {
     6856     width: auto;
     6857}
     6858
     6859#udpconnections th:nth-child(n+13), #udpconnections .tablefooter th:nth-child(n+10),
     6860#udpconnections td:nth-child(n+13), #udpconnections .tablefooter td:nth-child(n+10) {
     6861     padding-right: 1% !important;
     6862}
     6863
     6864#peerdefs {
     6865     line-height: 140%;
     6866}
     6867
     6868.peer_arrow {
     6869     display: inline-block;
     6870     width: 18px;
     6871     text-align: center;
     6872     margin-right: 3px;
     6873}
     6874
     6875/* end peers */
  • installer/resources/themes/console/midnight/console_ar.css

    r3d535a22 r4aa4ff7  
    1 /* I2P Theme: Camo aka Dark - Arabic override */
    2 /* Description: Military Grade. */
    3 /* Comment: Thanks to Florian Kuhlmann for the hatface images. [http://www.flickr.com/photos/floriankuhlmann/] */
     1/* I2P Theme: Midnight - Arabic override */
     2/* Description: Dark blue with chrome highlights */
    43/* Author: dr|z3d */
    54
     
    4039}
    4140
    42 h1,h2,h3,h4 {
     41h1, h2, h3, h4 {
    4342     direction: rtl;
    4443     text-align: right;
     
    4948}
    5049
    51 div.routersummary img[src$="i2plogo.png"] {
    52      width: 173px;
    53      margin: 0 -2px 0 0;
    54 }
    55 
    56 div.routersummary h3, div.routersummary h4, .routersummary a, .routersummary b {
     50.routersummary img[src$="i2plogo.png"] {
     51     width: 190px;
     52     margin: -1px -5px 0 0;
     53}
     54
     55.routersummary h3, .routersummary h4, .routersummary a, .routersummary b {
    5756     text-align: center;
    5857     font-weight: normal;
    5958}
    6059
    61 div.routersummary h3, div.routersummary h4 {
    62      font-size: 10pt;
    63 }
    64 
    65 div.routersummary td {
    66      text-align: right;
    67 }
    68 
    69 div.routersummary td:last-child {
     60.routersummary h3, .routersummary h3 a {
     61     font-weight: bold !important;
     62     padding: 3px 2px !important;
     63}
     64
     65.routersummary h3, .routersummary h4 {
     66     font-size: 11pt;
     67}
     68
     69.routersummary td {
     70     text-align: right;
     71}
     72
     73.routersummary td:last-child {
    7074     text-align: left;
    7175     margin-left: 3px;
    7276}
    7377
    74 div.routersummary td:first-child {
     78.routersummary td:first-child {
    7579     text-align: right;
    7680}
     
    8892}
    8993
     94.routersummary td a, .routersummary td:first-child {
     95     font-size: 10pt;
     96}
     97
    9098div.tunnels {
    9199     padding: -3px 0 !important;
     
    109117}
    110118
    111 div.routersummary form {
     119.routersummary form {
    112120    text-align: center;
    113121}
     
    136144
    137145.langselect img {
    138      margin-right: -61px;
     146     margin-left: 0;
     147     margin-right: -70px;
    139148}
    140149
    141150.langselect .optbox:checked + img {
    142      margin-right: -63px;
     151     margin-right: -71px;
     152     margin-left: 0;
     153}
     154
     155@media screen and (-webkit-min-device-pixel-ratio:0) {
     156.langselect img {
     157     margin-left: 0;
     158     margin-right: -8px;
     159     margin-top: -18px !important;
     160}
     161
     162.langselect input[name="lang"]:checked + img {
     163     margin-right: -10px;
     164     margin-left: 0;
     165     margin-top: -18px !important;
     166}
    143167}
    144168
     
    158182     position: absolute;
    159183     padding: 2px;
    160      margin-right: -27px;
     184     margin-right: -33px;
     185     margin-left: 0;
    161186     min-height: 78px !important;
    162187}
     
    171196}
    172197
     198/* end theme selection */
     199
    173200h3#iptransport a, th#upnpconfig a, h3#bwlimiter a, #config_stats h3 a, #config_logging h3 a, h3#graphdisplay a, #logs h3 a, h3#advancedconfig a {
    174201     float: left;
     
    341368
    342369#clientconfig th:first-child, #clientconfig td:first-child, #loggingoptions td:first-child, #i2pupdates td:first-child, #tunnelconfig td:first-child,
    343 table#i2pupdates input[name*="URL"], table#i2pupdates textarea, #addkeyring td:first-child, #reseedconfig td:first-child {
     370table#i2pupdates textarea, #addkeyring td:first-child, #reseedconfig td:first-child {
    344371     text-align: left !important;
    345372}
     
    366393     background-image: url(/themes/console/images/info/infohelp.png);
    367394     background-position: right 12px center !important;
     395}
     396
     397textarea[name="trustedKeys"] {
     398     direction: ltr !important;
     399}
     400
     401input[type="submit"], input[type="reset"], input[type="submit"]:hover, input[type="reset"]:hover,
     402input[type="submit"]:focus, input[type="reset"]:focus, input[type="submit"]:active, input[type="reset"]:active {
     403     background-position: right 6px center !important;
     404     padding: 5px 23px 5px 7px !important;
     405}
     406
     407select, select:hover, select:focus, select:active {
     408     background-position: left center !important;
     409     padding: 4px 4px 4px 16px !important;
    368410}
    369411
     
    404446}
    405447
     448h4.app, h4.app2 {
     449     text-align: right;
     450}
     451
    406452/* responsive layout */
     453
     454@media screen and (max-width: 1500px) {
     455body {
     456     margin: 5px 10px 0 0;
     457}
     458}
    407459
    408460@media screen and (min-width: 1500px) {
     
    412464}
    413465
    414 div.routersummaryouter {
     466.routersummaryouter {
    415467     margin-right: 27px !important;
    416468}
    417469
    418 
    419 div.routersummary img[src$="i2plogo.png"] {
    420      width: 196px;
    421      margin: -2px 0 0;
     470.routersummary img[src$="i2plogo.png"] {
     471     width: 204px !important;
     472     margin: -2px -4px 0 0 !important;
    422473}
    423474
     
    433484     font-size: 11pt !important;
    434485}
     486
     487.langselect .optbox {
     488      margin-left: 0;
     489      margin-right: -2px;
     490}
     491
     492.langselect img {
     493     margin-left: 0;
     494     margin-right: -78px;
     495}
     496
     497.langselect input[name="lang"]:checked + img {
     498     margin-left: 0;
     499     margin-right: -79px;
     500}
     501}
     502
     503@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1500px) {
     504.langselect img {
     505     margin-left: 0;
     506     margin-right: -8px;
     507     margin-top: -14px !important;
     508}
     509
     510.langselect input[name="lang"]:checked + img {
     511     margin-right: -10px;
     512     margin-left: 0;
     513     margin-top: -15px !important;
     514}
    435515}
    436516
    437517/* end responsive layout */
     518
  • installer/resources/themes/console/midnight/console_big.css

    r3d535a22 r4aa4ff7  
    4242}
    4343
     44/* end sidepanel */
     45
    4446#newsDisplay, #newsStatus {
    4547     font-size: 11pt !important;
     
    4850.langbox {
    4951     margin-top: 4px !important;
     52     margin-right: 5px !important;
    5053}
    5154
     
    7174}
    7275
    73 .applabel a, .applabel a:hover, .ui_lang, .themelabel {
     76.applabel a, .applabel a:hover, .themelabel {
    7477     font-size: 12pt !important;
     78}
     79
     80/* configui */
     81
     82.ui_lang {
     83     font-size: 10pt;
    7584}
    7685
     
    8897}
    8998
     99@media screen and (-webkit-min-device-pixel-ratio:0) {
     100.langselect img {
     101     margin-left: -8px !important;
     102     margin-top: -18px !important;
     103}
     104
     105.langselect input[name="lang"]:checked + img {
     106     margin-left: -10px !important;
     107     margin-top: -18px !important;
     108}
     109}
     110
     111/* end configui */
     112
    90113label, select, select option, #configstats th b, .infohelp, .infowarn {
    91114     font-size: 11pt !important;
     
    105128}
    106129
     130/* welcome */
     131
     132div[lang="zh"], div[lang="zh"] a, ul li, div[lang="zh"] p {
     133     letter-spacing: 0.1em !important;
     134     word-spacing: 0.1em !important;
     135     line-height: 160% !important;
     136}
     137
    107138div[lang="zh"], div[lang="zh"] a {
    108139     font-size: 11pt !important;
    109      line-height: 150% !important;
    110      letter-spacing: 0.05em;
    111      word-spacing: 0.1em;
    112140}
    113141
     
    120148     text-align: justify;
    121149}
     150
     151.twocol {
     152     margin-top: 15px !important;
     153     margin-bottom: -15px !important;
     154}
     155
     156#externali2cp td label + br {
     157     display: none;
     158}
     159
     160#externali2cp td label {
     161     margin-right: 8px;
     162     white-space: nowrap;
     163}
     164
     165/* end welcome */
    122166
    123167/* global overrides */
     
    163207     font-size: 12pt !important;
    164208     font-weight: normal !important;
     209     line-height: 140% !important;
     210     display: inline-block;
     211     letter-spacing: 0.05em;
     212     padding-top: 2px !important;
     213     padding-bottom: 2px !important;
    165214}
    166215}
     
    186235}
    187236
    188 
    189237@media screen and (min-width: 1500px) {
    190238.langbox {
     
    192240     line-height: 16px;
    193241}
     242
     243.langselect input[name="lang"]:checked + img {
     244    margin-left: -88px !important;
     245}
     246}
     247
     248@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1500px) {
     249.langselect img {
     250     margin-left: -8px !important;
     251     margin-top: -18px !important;
     252}
     253
     254.langselect input[name="lang"]:checked + img {
     255     margin-left: -10px !important;
     256     margin-top: -18px !important;
     257}
    194258}
    195259
  • installer/resources/themes/susidns/light/susidns.css

    r3d535a22 r4aa4ff7  
    318318     box-shadow: inset 0 0 0 1px #fff;
    319319     border-radius: 0;
     320}
     321
     322#helpconfig ul {
     323     -moz-columns: 2 400px;
     324     -webkit-columns: 2 400px;
     325     columns: 2 400px;
     326     -moz-column-gap: 50px;
     327     -webkit-column-gap: 50px;
     328     column-gap: 50px;
     329}
     330
     331#helpconfig ul li {
     332     break-inside: avoid;
     333     page-break-inside: avoid;
     334     -webkit-break-inside: avoid;
    320335}
    321336
Note: See TracChangeset for help on using the changeset viewer.