Changeset 83c9dc7 for installer


Ignore:
Timestamp:
Mar 6, 2017 4:41:22 AM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
97fa5d9
Parents:
4bf0147
Message:

Console theme updates

Location:
installer/resources/themes/console
Files:
3 added
7 edited

Legend:

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

    r4bf0147 r83c9dc7  
    240240     font-size: 9pt;
    241241     line-height: 125%;
     242}
     243
     244div.routersummary img[src$="i2plogo.png"] {
     245    margin-top: 3px;
     246     margin-left: 0;
     247     width: 173px;
     248     height: auto;
     249     filter: drop-shadow(0 0 1px #ccc);
    242250}
    243251
     
    360368}
    361369
     370#sb_general, #sb_shortgeneral, #sb_bandwidth, #sb_peers, #sb_tunnels, #sb_queue {
     371     margin-bottom: -4px !important;
     372}
     373
     374#sb_general td:first-child::after, #sb_shortgeneral td:first-child::after, #sb_bandwidth td:first-child::after,
     375#sb_peers td:first-child::after, #sb_tunnels td:first-child::after, #sb_queue td:first-child::after {
     376   content: "";
     377   display: inline-block;
     378   min-height: 14px;
     379}
     380
     381/*
    362382#sb_peers td, #sb_tunnels td, #sb_queue td, #sb_bandwidth td, #sb_general td, #sb_shortgeneral td {
    363383     padding-top: 1px;
    364384     padding-bottom: 1px;
     385}
     386*/
     387
     388#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 {
     389     white-space: nowrap;
    365390}
    366391
     
    447472
    448473#sb_localtunnels td:first-child {
    449      width: 16px !important;
     474     width: 12px !important;
    450475     padding-right: 0;
    451476     text-align: left;
     
    10521077}
    10531078
    1054 .routersummary .download {
    1055      background: url(/themes/console/images/buttons/download.png) 3px center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    1056      background-size: 16px 16px, 100% 100% !important;
    1057      padding: 5px 3px 5px 21px !important;
    1058 /*     margin-top: -4px;*/
    1059 }
    1060 
    10611079/* Show text on context specific buttons (eg deferred shutdown) */
    10621080
     
    10921110}
    10931111
     1112.routersummary .download {
     1113     background: url(/themes/console/images/buttons/download.png) 4px center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     1114     background-size: 14px 14px, 100% 100% !important;
     1115     padding: 5px 3px 5px 18px !important;
     1116/*     margin-top: -4px;*/
     1117}
     1118
    10941119.routersummary .download:hover, .routersummary .download:focus, .routersummary .download:active {
    10951120     background: url(/themes/console/images/buttons/download.png) 4px center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    1096      background-size: 16px 16px, 100% 100% !important;
    1097      padding: 5px 3px 5px 21px !important;
     1121     background-size: 14px 14px, 100% 100% !important;
     1122     padding: 5px 3px 5px 18px !important;
    10981123}
    10991124
     
    14061431}
    14071432
    1408 table#joinfamily {
     1433table#joinfamily, #exportfamily{
    14091434     margin-top: 15px !important;
    14101435}
     
    14131438     margin-bottom: 6px;
    14141439     margin-top: 4px;
     1440}
     1441
     1442#exportfamily tr:nth-child(2) td:first-child {
     1443     background: #fff url(/themes/console/images/info/export_key.png) 12px center no-repeat;
     1444     padding: 15px 15px 15px 50px;
     1445     background-size: 28px 28px;
     1446}
     1447
     1448#leavefamily {
     1449     margin-top: 19px;
     1450     margin-bottom: 7px;
     1451}
     1452
     1453#leavefamily tr:last-child td:first-child {
     1454     background: #fff url(/themes/console/images/info/leave_family.png) 12px center no-repeat;
     1455     padding: 15px 15px 15px 50px;
     1456     background-size: 28px 28px;
    14151457}
    14161458
     
    15701612}
    15711613
     1614ul#banlist + h3.tabletitle {
     1615     margin-top: 9px !important;
     1616}
     1617
    15721618#banlist li {
    15731619     list-style: none !important;
     
    15911637}
    15921638
     1639/* /configpeers banlist */
     1640
     1641#bannedips {
     1642     margin-bottom: 4px;
     1643}
     1644
     1645#bannedips table {
     1646     margin-bottom: -1px !important;
     1647}
     1648
     1649#bannedips td {
     1650     vertical-align: top;
     1651     padding: 0;
     1652     width: 50%;
     1653}
     1654
     1655#bannedips table tr {
     1656     border-top: 1px solid #ddf;
     1657}
     1658
     1659#bannedips table td {
     1660     text-align: center;
     1661     padding: 4px 2px;
     1662}
     1663
     1664#bannedips table tr:last-child {
     1665     border-bottom: 1px solid #89f;
     1666}
     1667
     1668#permabanned, #banneduntilrestart {
     1669     margin: -1px 0 !important;
     1670     border: none;
     1671}
     1672
     1673#permabanned td:first-child {
     1674     border-left: 1px solid #89f;
     1675     text-align: right;
     1676     padding-right: 10px;
     1677     width: 49%;
     1678}
     1679
     1680#permabanned td:nth-child(2) {
     1681     width: 2%;
     1682}
     1683
     1684#permabanned td:last-child {
     1685     text-align: left;
     1686     padding-left: 10px;
     1687     width: 49%;
     1688}
     1689
     1690#banneduntilrestart td {
     1691     border-right: 1px solid #89f;
     1692     text-align: center !important;
     1693}
     1694
     1695#ipv4, #ipv6, #permabanned tr:nth-child(2) {
     1696     background: url(images/tinytitle.png) center center repeat-x;
     1697     background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%);
     1698     border-top: 1px solid #89f !important;
     1699     border-bottom: 1px solid #89f !important;
     1700}
     1701
     1702/* end /configpeer banlist */
     1703
     1704
    15931705.widescroll {
    15941706     overflow: auto;
     
    17421854}
    17431855
    1744 #sidebarconf tr, .homelinkedit tr, #clientconfig tr, #webappconfig tr, #permabanned tr, #configstats tr, #tunnelconfig tr, #profiles tr, #floodfills tr, #netdboverview tr, .netdbentry tr, #leasesetdebug tr, #leasesetsummary tr, .leaseset tr, .sybil_routerinfo tr, #enviro tr, #schedjobs tr, #jobstats tr, #eventlog tr, .tunneldisplay tr, #udpconnections tr, #ntcpconnections tr {
     1856#sidebarconf tr, .homelinkedit tr, #clientconfig tr, #webappconfig tr,  #configstats tr, #tunnelconfig tr, #profiles tr,
     1857#floodfills tr, #netdboverview tr, .netdbentry tr, #leasesetdebug tr, #leasesetsummary tr, .leaseset tr,
     1858.sybil_routerinfo tr, #enviro tr, #schedjobs tr, #jobstats tr, #eventlog tr, .tunneldisplay tr, #udpconnections tr, #ntcpconnections tr {
    17451859     border-top: 1px inset #fff;
    17461860     border-bottom: 1px inset #fff;
     
    20632177     border-bottom: 1px solid #89f;
    20642178     border-top: 1px solid #89f;
     2179     font-size: 9pt;
    20652180}
    20662181
     
    25902705.homelinkedit th:first-child, #sidebarconf th:first-child {
    25912706     background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%);
    2592      font-size: 0;
     2707     font-size: 0 !important;
    25932708}
    25942709
     
    31523267.themechoice img {
    31533268     margin-bottom: 31px !important;
    3154 }
    3155 
    3156 .themechoice .optbox:hover + img {
    3157 /*     box-shadow: 0 0 1px 1px #33f;*/
    31583269}
    31593270
     
    43644475body, .main, .main td, .news p, #news p, .tab, .tab2, .main li b, div.joblog li, .themelabel, .ui_lang, .applabel a, .statusnotes,
    43654476#peerdefs, #profile_defs, #thresholds, #configinfo, .infohelp, .infowarn, button, input, select, textarea, code, tt, pre,
    4366 .netdbentry th, .configtable th, ul.statlist a[name], ul.statlist b, ul.statlist li b, ul.statlist a[name]:hover, div.messages {
     4477.netdbentry th, .configtable th, ul.statlist a[name], ul.statlist b, ul.statlist li b, ul.statlist a[name]:hover, div.messages, th {
    43674478     font-size: 10pt !important;
    43684479}
    43694480
    4370 .routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a,
    4371 div.news {
     4481.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.news, #banlist li {
    43724482     font-size: 9pt !important;
    43734483}
     
    43814491}
    43824492
    4383 .routersummary div[style="height: 36px;"] {
    4384 }
    4385 
    4386 .routersummary img[src$="i2plogo.png"] {
    4387      transform: scale(1.1);
     4493div.routersummary img[src$="i2plogo.png"] {
     4494     margin-left: -2px;
     4495     transform: none;
     4496     width: 210px;
     4497     margin-top: -1px;
    43884498}
    43894499
     
    44784588}
    44794589}
     4590
     4591/* end responsive layout */
     4592
     4593
  • installer/resources/themes/console/classic/console_big.css

    r4bf0147 r83c9dc7  
    3131}
    3232
    33 div.routersummary table {
    34      font-size: 12pt;
     33div.routersummary td {
     34     font-size: 11pt;
    3535}
    3636
     
    4343}
    4444
    45 .routersummary #bandwidth td:first-child {
     45#sb_bandwidth td:first-child {
    4646     width: 20px !important;
    4747     white-space: nowrap;
    4848}
    4949
    50 .routersummary #bandwidth td:last-child {
     50#sb_bandwidth td:last-child {
    5151     width: 80% !important;
     52}
     53
     54#sb_bandwidth td:last-child, #sb_peers td:last-child, #sb_queue td:last-child,  #sb_tunnels td:last-child, #sb_general td:last-child, #sb_shortgeneral td:last-child {
     55     font-size: 10pt !important;
    5256}
    5357
     
    5862}
    5963
     64/*
    6065.routersummary a img:first-child {
    6166     transform: scale(1.2);
    6267     -webkit-transform: scale(1.2);
    6368}
     69*/
    6470
    6571div.tunnels a {
     
    142148}
    143149
     150.applabel a {
     151     padding: 0 2px 6px !important;
     152}
     153
     154
     155
    144156.themelabel, .ui_lang {
    145157     font-size: 12pt !important;
     
    158170     font-size: 16pt;
    159171}
     172
     173@media screen and (min-width: 1500px) {
     174body, .main, .main td, .news p, #news p, .tab, .tab2, .main li b, div.joblog li, .themelabel, .ui_lang, .applabel a, .statusnotes,
     175#peerdefs, #profile_defs, #thresholds, #configinfo, .infohelp, .infowarn, button, input, select, textarea, code, tt, pre,
     176.netdbentry th, .configtable th, ul.statlist a[name], ul.statlist b, ul.statlist li b, ul.statlist a[name]:hover, div.messages, th {
     177     font-size: 12pt !important;
     178}
     179
     180.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.news, #banlist li {
     181     font-size: 11pt !important;
     182}
     183}
  • installer/resources/themes/console/classic/i2ptunnel.css

    r4bf0147 r83c9dc7  
    528528
    529529#localDestination, .authentication {
    530      height: 30px !important;
     530     height: 32px !important;
    531531}
    532532
     
    644644
    645645.username {
    646      background: url(/themes/console/images/buttons/user.png) 3px center no-repeat;
     646     background: #fff url(/themes/console/images/buttons/user.png) 3px center no-repeat;
    647647     padding-left: 22px;
    648648}
    649649
    650650.password {
    651      background: url(/themes/console/images/buttons/password.png) 3px center no-repeat;
     651     background: #fff url(/themes/console/images/buttons/password.png) 3px center no-repeat;
    652652     padding-left: 22px;
    653653}
     
    848848     font-size: 12pt;
    849849}
    850 }
     850
     851#localDestination, .authentication {
     852     height: 34px !important;
     853}
     854}
  • installer/resources/themes/console/dark/console.css

    r4bf0147 r83c9dc7  
    184184}
    185185*/
    186 
    187 /* responsive proxy errors */
    188 
    189 @media screen and (max-width: 800px) {
    190 .warning {
    191      margin-left: 20px !important;
    192      background: url(images/camotile2.png) !important;
    193      padding-left: 25px !important;
    194 }
    195 
    196 .logo {
    197      display: none;
    198 }
    199 }
    200 
    201 @media screen and (min-height: 700px) {
    202 .proxyfooter {
    203      position: absolute;
    204      bottom: 0;
    205      right: 0;
    206      padding: 0 20px 0 0;
    207      text-align: right;
    208      background: #030;
    209      width: 100%;
    210      opacity: 0.7;
    211      border-top: 1px solid #000;
    212 }
    213 
    214 .proxyfooter p {
    215      text-align: right;
    216      line-height: 130% !important;
    217      margin: 5px 0;
    218 }
    219 
    220 .warning {
    221      margin-bottom: 30px;
    222 }
    223 }
    224 
    225 @media screen and (max-height: 700px) {
    226 .proxyfooter {
    227      display: none;     
    228 }
    229 }
    230 /* end proxy errors */
    231186
    232187div.routersummaryouter {
     
    260215     opacity: 0.9;
    261216     transition: ease filter 0.3s 0s, ease opacity 0.3s 0s;
     217     margin-top: 1px;
     218     margin-left: -1px;
     219     width: 176px;
     220     height: auto;
    262221}
    263222
     
    288247     height: 1px;
    289248     margin: 9px -10px 7px -10px;
    290 
    291249}
    292250
     
    351309}
    352310
     311#sb_general, #sb_shortgeneral, #sb_bandwidth, #sb_peers, #sb_tunnels, #sb_queue {
     312     margin-bottom: -4px !important;
     313}
     314
     315#sb_general td:first-child::after, #sb_shortgeneral td:first-child::after, #sb_bandwidth td:first-child::after,
     316#sb_peers td:first-child::after, #sb_tunnels td:first-child::after, #sb_queue td:first-child::after {
     317   content: "";
     318   display: inline-block;
     319   min-height: 14px;
     320}
     321
     322/*
    353323#sb_peers td, #sb_tunnels td, #sb_queue td, #sb_bandwidth td, #sb_general td, #sb_shortgeneral td {
    354324     padding-top: 1px;
    355325     padding-bottom: 1px;
    356326}
     327*/
    357328
    358329#sb_localtunnels {
    359330     margin: -4px -7px -7px -8px !important;
    360      /*width: 191px !important;*/
    361      text-transform: capitalize;
     331/*     text-transform: capitalize;*/
    362332}
    363333
     
    379349     text-align: center;
    380350     line-height: 120%;
     351}
     352
     353#sb_internals td, #sb_services td, #sb_advanced td { /* color ellipsis */
     354     color: #595 !important;
    381355}
    382356
     
    631605     border: 1px solid #494;
    632606     border-radius: 0 0 2px 2px;
    633      background: #000 url(images/scarface.jpg) right bottom no-repeat;
    634 /*     background: linear-gradient(45deg, rgba(0,0,0,0.5), rgba(0,34,0,0.3)), url(images/camotile2.png);
    635      background-size: 3px 3px, 175px 175px;*/
     607     background:  #000 url("images/camotile2.png") !important;
    636608     min-width: 620px;
    637609     box-shadow: 0 1px 5px #000;
    638610     font-size: 9pt;
     611}
     612
     613.main, .routersummary {
     614     background:  #000 url("images/camotile2.png") !important;
     615     background:  linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.45)), url("images/camotile2.png") #000 !important;
     616     box-shadow: inset 0 0 0 1px #000, 0 1px 5px #000;
    639617}
    640618
     
    699677     background: #000;
    700678     background: #000 url(images/news.png) no-repeat scroll bottom right;
    701      color: #7b7;
     679     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;
     680     background-blend-mode: lighten;
     681     color: #ee9;
    702682     font-size: 8pt;
    703683     text-align: right;
    704684     box-shadow: 0 1px 5px #000;
    705      min-width: 580px;
     685     min-width: 610px !important;
     686}
     687
     688/* MS Edge 14+ fix (no support for blend-mode) */
     689_:-ms-lang(x), div.news {
     690     background: #000 url(images/news.png) no-repeat scroll bottom right;
    706691}
    707692
     
    998983     border: 1px solid #131;
    999984     border-right: none;
     985     border-left: none;
    1000986     background-size: 20px 20px !important;
    1001987     padding: 5px 5px 5px 40px !important;
     
    12681254     border: 1px solid #494;
    12691255     border-left: 5px solid #494;
    1270      padding: 5px 10px 6px;
     1256     padding: 6px 10px 5px;
    12711257     margin: 12px 0 10px 0;
    12721258     border-radius: 0 2px 2px 0;
     
    12921278h2, h3, h4 {
    12931279     box-shadow: inset 0 0 0 1px #000;
     1280}
     1281
     1282h1, h4.app, h4.app2 {
     1283     background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%), url("images/camotile2.png") #000 !important;
     1284     background-blend-mode: exclusion;
     1285     box-shadow: inset 0 0 0 1px #000;
     1286     text-shadow: 0 1px 1px #000;
    12941287}
    12951288
     
    13321325}
    13331326
    1334 button.reload, button.stop {
     1327.routersummary button.reload, .routersummary button.stop {
    13351328     min-width: 86px;
    13361329     text-transform: capitalize;
     
    13451338
    13461339.langbox {
    1347      margin: 3px 4px 2px 5px;
     1340     margin: 4px 4px 2px 5px;
    13481341     padding: 0;
    1349      color: #EE9;
     1342     color: #ee9;
    13501343     font-size: 7pt;
    1351      width: 350px;
     1344     width: 400px;
    13521345     text-align: right;
    13531346     float: right;
     
    13571350.langbox img {
    13581351     opacity: 0.5;
    1359      padding: 1px 2px !important;
    1360      transition: all 0.3s ease 0s;
     1352     padding: 0 !important;
     1353     margin: 0 1px -2px !important;
     1354     transition: ease opacity 0.3s 0s;
     1355     border: 1px solid #000;
    13611356}
    13621357
    13631358.langbox img:hover {
    13641359     opacity: 1;
     1360     transform: scale(1.1);
     1361}
     1362
     1363.langbox img:active {
     1364     transform: scale(1);
    13651365}
    13661366
     
    15251525}
    15261526
    1527 select option { /* dropdown menu reverts to normal font-weight */
    1528      font-weight: normal;
     1527select option {
    15291528     font-size: 9.5pt !important;
    15301529     box-shadow: inset 0 0 20px 20px #000;
     
    16281627
    16291628input[type="submit"], input[type="reset"], button {
    1630      padding: 5px 4px;
     1629     padding: 5px 8px !important;
    16311630}
    16321631
     
    18511850     border-radius: 0;
    18521851}
    1853 /*
    1854 div.main li:last-child {
    1855      padding-bottom: 15px;
    1856 }
    1857 */
    18581852
    18591853div.joblog li {
     
    19331927     color: #994
    19341928}
    1935 
    1936 /*
    1937 .statlist a[href*="graph"]::before {
    1938      content: "\1F4CA\00A0";
    1939      font-size: 11pt;
    1940      line-height: 140%;
    1941      font-weight: normal;     
    1942 }
    1943 */
    19441929
    19451930.main#stats form {
     
    21382123}
    21392124
     2125#oldhome td.optionsave {
     2126     background: none;
     2127}
     2128
    21402129#oldhome input[type="checkbox"] {
    21412130     vertical-align: sub;
     
    25892578/* configfamily */
    25902579
    2591 table#newfamily {
     2580table#newfamily, #leavefamily {
    25922581     margin-bottom: 10px !important;
     2582}
     2583
     2584#exportfamily tr:nth-child(2) td:first-child {
     2585     background: #000 url(/themes/console/images/info/export_key.png) 12px center no-repeat;
     2586     padding: 15px 15px 15px 50px;
     2587     background-size: 28px 28px;
     2588}
     2589
     2590#leavefamily {
     2591     margin-top: 14px !important;
     2592}
     2593
     2594#leavefamily tr:last-child td:first-child {
     2595     background: #000 url(/themes/console/images/info/leave_family.png) 12px center no-repeat;
     2596     padding: 15px 15px 15px 50px;
     2597     background-size: 28px 28px;
    25932598}
    25942599
     
    29622967
    29632968#sidebarconf button {
    2964      margin: 2px;
    2965      padding: 1px;
     2969     margin: 5px 3px !important;
     2970     padding: 5px 4px !important;
    29662971     min-width: 0;
     2972     display: inline-block !important;
    29672973}
    29682974
     
    29772983
    29782984#sidebarconf th:nth-child(2) {
    2979      text-align: left;     
     2985     text-align: left;
    29802986}
    29812987
     
    29852991
    29862992#sidebarconf td:nth-child(2) {
    2987      font-weight: bold;     
     2993     font-weight: bold;
    29882994}
    29892995
    29902996#sidebarconf td:nth-child(3), #sidebarconf td:nth-child(4) {
    2991      width: 70px;
    2992      padding: 0; 
     2997     width: 75px;
     2998     padding: 0;
     2999     white-space: nowrap;
    29933000}
    29943001
     
    32323239p#fullhistory {
    32333240     text-align: right;
    3234      margin-top: -20px;
     3241     margin-top: -11px;
    32353242     border: 1px solid #494;
    32363243     border-top: none;
    3237      padding: 10px 10px 5px 10px;
    3238      background: #000;
     3244     padding: 6px 10px;
     3245     background: #000;
     3246     border-top: 1px solid #494;
    32393247}
    32403248
     
    37563764     margin-top: -8px;
    37573765}
     3766
     3767/* /configpeers banlist */
     3768
     3769#bannedips {
     3770     margin-bottom: 10px;
     3771}
     3772
     3773#bannedips table {
     3774     margin-bottom: -1px !important;
     3775}
     3776
     3777#bannedips td {
     3778     vertical-align: top;
     3779     padding: 0;
     3780     width: 50%;
     3781}
     3782
     3783#bannedips table td {
     3784     text-align: center;
     3785     padding: 4px 2px;
     3786}
     3787
     3788#bannedips table tr:last-child {
     3789     border-bottom: 1px solid #494;
     3790}
     3791
     3792#permabanned, #banneduntilrestart {
     3793     margin-top: -1px !important;
     3794     border: none;
     3795}
     3796
     3797#permabanned td:first-child {
     3798     border-left: 1px solid #494;
     3799     text-align: right;
     3800     padding-right: 10px;
     3801     width: 49%;
     3802}
     3803
     3804#permabanned td:nth-child(2) {
     3805     width: 2%;
     3806}
     3807
     3808#permabanned td:last-child {
     3809     text-align: left;
     3810     padding-left: 10px;
     3811     width: 49%;
     3812}
     3813
     3814#banneduntilrestart td {
     3815     border-right: 1px solid #494;
     3816     text-align: center !important;
     3817}
     3818
     3819#ipv4, #ipv6, #permabanned tr:nth-child(2) {
     3820     background: #000 url(images/header.png) center center repeat-x;
     3821     background-image: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 51%, #000 100%) !important;
     3822     border-top: 1px solid #494;
     3823     border-bottom: 1px solid #494;
     3824}
     3825
     3826/* end /configpeers banlist */
    37583827
    37593828div.footnote {
     
    51155184}
    51165185
    5117 .main button, .main input, select, textarea {
     5186.main button, .main input, select, textarea, div.news {
    51185187     font-size: 9pt !important;
    51195188}
     
    51905259}
    51915260
    5192 button.reload, button.stop {
     5261.routersummary button.reload, .routersummary button.stop {
    51935262    min-width: 101px;
    51945263}
     
    51975266     font-size: 10.5pt !important;
    51985267}
    5199 }
    5200 
     5268
     5269p#fullhistory {
     5270     text-align: right;
     5271     margin-top: -14px;
     5272}
     5273
     5274div.routersummary img[src$="i2plogo.png"] {
     5275     margin-left: -5px;
     5276     transform: none;
     5277     width: 210px;
     5278     margin-top: -3px;
     5279}
     5280
     5281#banlist + h3.tabletitle {
     5282     margin-bottom: -2px !important;
     5283}
     5284
     5285table#permabanned {
     5286     margin-top: -3px;
     5287}
     5288}
     5289
     5290/* responsive proxy errors */
     5291
     5292@media screen and (max-width: 800px) {
     5293.warning {
     5294     margin-left: 20px !important;
     5295     margin-top: 130px !important;
     5296     background: url(images/camotile2.png) !important;
     5297     padding: 5px 15px 15px !important;
     5298}
     5299
     5300.logo {
     5301     position: absolute;
     5302     top: 20px;
     5303     width: calc(100% - 62px) !important;
     5304     z-index: 999;
     5305     min-width: 330px;
     5306}
     5307
     5308.logo a {
     5309     width: auto !important;
     5310     padding: 2px 5px !important;
     5311}
     5312.logo a img {
     5313     padding: 0 !important;
     5314     margin-top: -2px;
     5315     margin-bottom: -4px;
     5316}
     5317}
     5318
     5319@media screen and (min-height: 700px) {
     5320.proxyfooter {
     5321     position: absolute;
     5322     bottom: 0;
     5323     right: 0;
     5324     padding: 0 20px 0 0;
     5325     text-align: right;
     5326     background: #030;
     5327     width: 100%;
     5328     opacity: 0.7;
     5329     border-top: 1px solid #000;
     5330}
     5331
     5332.proxyfooter p {
     5333     text-align: right;
     5334     line-height: 130% !important;
     5335     margin: 5px 0;
     5336}
     5337
     5338.warning {
     5339     margin-bottom: 30px;
     5340}
     5341}
     5342
     5343@media screen and (max-height: 700px) {
     5344.proxyfooter {
     5345     display: none;
     5346}
     5347}
     5348/* end proxy errors */
  • installer/resources/themes/console/light/console.css

    r4bf0147 r83c9dc7  
    122122}
    123123
     124@media screen and (-webkit-min-device-pixel-ratio:0) {
     125.routersummary div[style="height: 36px;"] {
     126     height: 34px !important;
     127}
     128}
     129
    124130div.routersummary img[src$="i2plogo.png"] {
    125131     opacity: 0.9;
    126      transition: all 0.3s ease 0s;
    127      margin-left: -2px;
     132     transition: ease filter 0.3s 0s, ease opacity 0.3s 0s;
     133     margin-top: 0;
     134     margin-left: 0 !important;
     135     width: 179px;
     136     height: auto;
     137     filter: drop-shadow(0 0 1px #bbb);
     138     -webkit-filter: drop-shadow(0 0 1px #bbb);
    128139}
    129140
    130141div.routersummary img[src$="i2plogo.png"]:hover {
    131142     opacity: 1;
    132      transition: all 0.3s ease 0s;
     143     transition: ease filter 0.3s 0s, ease opacity 0.3s 0s;
    133144     filter: drop-shadow(0 0 1px #f60);
    134145     -webkit-filter: drop-shadow(0 0 1px #f60);
    135146}
    136147
    137 .routersummary a[href="/"] img {
    138      margin-right: -1px;
     148div.routersummary a:active img[src$="i2plogo.png"] {
     149     filter: drop-shadow(0 0 2px #f30);
     150     -webkit-filter: drop-shadow(0 0 2px #f30);
    139151}
    140152
     
    157169     vertical-align: middle;
    158170     margin: -3px 0;
     171     background: url(/themes/console/images/buttons/download.png) 6px center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     172     background-size: 14px 14px, 100% 100% !important;
     173     padding: 5px 3px 5px 21px !important;
    159174}
    160175
     
    276291     text-align: left !important;
    277292     width: 16px;
    278      padding: 2px;
     293     padding: 1px 2px;
     294}
     295
     296#sb_localtunnels td:first-child img {
     297     margin: 0 0 2px !important;
    279298}
    280299
     
    282301     text-align: right !important;
    283302     width: 16px;
    284      padding-right: 0;
     303     padding: 2px 0 2px 2px;
    285304}
    286305
     
    293312     padding-top: 1px;
    294313     padding-bottom: 1px;
     314}
     315
     316#sb_bandwidth td {
     317     line-height: 120%;
     318}
     319
     320#sb_bandwidth tr:last-child td {
     321     padding-top: 2px;
     322}
     323
     324#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 {
     325     text-transform: capitalize;
    295326}
    296327
     
    314345     border: 0 !important;
    315346}
    316 
    317 /*
    318 div.routersummary td:first-child {
    319      max-width: 90px;
    320      overflow: hidden;
    321 }
    322 */
    323347
    324348div.routersummary a:hover {
     
    436460     border-radius: 2px;
    437461     text-align: justify;
    438      background-image:url(/themes/console/images/itoopie_sm.png);
    439      background-position:10px center;
    440      background-repeat:no-repeat;
     462     background-image: url(/themes/console/images/itoopie_sm.png);
     463     background-position: 10px center;
     464     background-repeat: no-repeat;
    441465     box-shadow: inset 0 0 1px 0 #d00;
    442466     word-wrap: break-word;
    443467     min-width: 400px;
     468}
     469
     470.warning:not(old) {
     471     background:  url("/themes/console/images/itoopie_sm.png") no-repeat scroll 10px center, linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.3)), url(images/noise.png) #fff;
     472     background-size: 54px auto, 100% 100%, 50px 50px;
    444473}
    445474
     
    461490@media screen and (max-width: 800px) {
    462491.warning {
    463      margin-left: 20px !important;
     492     margin-top: 115px !important;
     493     margin: 115px 5px 0 0 !important;
    464494     background: #fff !important;
     495     background:  linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.3)), url(images/noise.png) #fff !important;
     496     background-size: 100% 100%, 50px 50px !important;
    465497     padding-left: 25px !important;
    466498}
    467499
     500.warning h3 {
     501     font-size: 10pt !important;
     502}
     503
    468504.logo {
    469      display: none;
     505     position: absolute;
     506     top: 0;
     507     width: calc(100% - 40px) !important;
     508     min-width: 430px;
     509     margin: 10px 0 0 !important;
     510}
     511
     512.logo a:link:not(img) {
     513     display: inline-block;
     514     width: auto;
     515     margin: 0 5px;
    470516}
    471517}
     
    592638
    593639.main#debug table {
    594      filter: drop-shadow(0 0 1px #999);
     640     filter: drop-shadow(0 0 1px #bbb);
     641     -webkit-filter: drop-shadow(0 0 1px #bbb);
    595642}
    596643.main#debug h2 + table {
     
    623670
    624671td.tabletextarea {
    625      padding: 0;
     672     padding: 0 !important;
    626673     background: #fff;
    627674}
     
    764811}
    765812
     813div.main, .routersummary, .logo {
     814     background: #fff url(images/noise.png) 0 0 / 50px 50px !important;
     815     background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5)) 0 0 / 100% 100%, #fff url("images/noise.png") 0 0 / 50px 50px !important;
     816}
     817
     818#news {
     819     background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.3)), url(/themes/snark/ubergine/images/hat.png) bottom right no-repeat, url(images/noise.png) #fff !important;
     820     background-size: 100% 100%, 140px auto, 50px 50px !important;
     821}
     822
    766823.confignav {
    767      padding: 8px 10px 0 !important;
    768      margin: 4px -14px 12px !important;
     824     padding: 10px 10px 0 !important;
     825     margin: 2px -14px 12px !important;
    769826     font-size: 9pt !important;
    770827     line-height: 160% !important;
     
    774831     text-align: center;
    775832     border-bottom: 1px solid #447;
    776      box-shadow: 0 1px 1px #bbf;
     833     box-shadow: 0 1px 1px #bbf;
     834     background: #fff;
    777835}
    778836
     
    831889     border-top-width: 1px;
    832890     margin-top: -5px;
    833 /*     transition: ease border 0.3s 0s;*/
    834891}
    835892
     
    862919     font-weight: bold;
    863920     border-radius: 2px 2px 0 0;
    864      filter: drop-shadow(0 0 1px #999);
    865      -webkit-filter: drop-shadow(0 0 1px #999);
     921     filter: drop-shadow(0 0 1px #bbb);
     922     -webkit-filter: drop-shadow(0 0 1px #bbb);
    866923}
    867924
     
    9661023}
    9671024
     1025table#wrapperlogs {
     1026     margin-bottom: 5px;
     1027}
     1028
    9681029#routerlogs ul {
    9691030     word-wrap: break-word;
     
    9721033#wrapperlogs pre {
    9731034     margin: 0;
     1035     padding: 3px 0 0 5px;
    9741036     white-space: pre-wrap !important;
    9751037     word-wrap: break-word !important;
    976      width: 100%;
    977      height: 600px;
     1038     width: calc(100% - 5px);
     1039     max-height: 600px;
    9781040     overflow: auto;
    9791041}
     
    10311093#sidebarconf button {
    10321094     margin: 2px 0 2px 3px !important;
    1033      padding: 2px 1px;
     1095     padding: 2px;
    10341096     min-width: 0;
    1035      background-size: 12px 12px;
     1097     background-size: 100% 100% !important;
    10361098}
    10371099
     
    12901352}
    12911353
     1354.configtable td {
     1355     padding: 5px;
     1356}
     1357
    12921358.configtable tr:last-child td {
    12931359     border-top: 1px solid #7778bf !important;
     
    13471413table[id$="logs"] ul li:last-child {
    13481414     margin-bottom: 10px !important;
     1415}
     1416
     1417#wrapperlogs tr:last-child td {
     1418     padding: 0;
    13491419}
    13501420
     
    14211491
    14221492/* begin home page */
    1423 
    1424 /*
    1425 #appsummary {
    1426      clear: none;
    1427      float: none;
    1428      left: 10px;
    1429      margin: 0;
    1430      position: absolute;
    1431      top: 10px;
    1432 }
    1433 
    1434 #homemain {
    1435      left: 217px;
    1436      margin: 0 10px 10px 0;
    1437      position: absolute;
    1438      top: 10px;
    1439 }
    1440 
    1441 #homenews {
    1442      margin: 0 10px 5px 0;
    1443 }
    1444 
    1445 h2.app {
    1446      border-radius: 2px;
    1447      margin: 1px 10px 15px 0 !important;
    1448 }
    1449 */
    14501493
    14511494.home {
     
    14681511     border-radius: 2px;
    14691512     color: #31334f;
    1470      filter: drop-shadow(0 0 1px #999);
    1471      -webkit-filter: drop-shadow(0 0 1px #999);
     1513     filter: drop-shadow(0 0 1px #bbb);
     1514     -webkit-filter: drop-shadow(0 0 1px #bbb);
    14721515}
    14731516
     
    14991542     background: linear-gradient(to bottom, #fff, #eef);
    15001543     box-shadow: inset 0 0 0 1px #fff, inset 0 0 5px 2px #eef;
    1501      filter: drop-shadow(0 0 1px #999);
    1502      -webkit-filter: drop-shadow(0 0 1px #999);
     1544     filter: drop-shadow(0 0 1px #bbb);
     1545     -webkit-filter: drop-shadow(0 0 1px #bbb);
    15031546}
    15041547
     
    15071550     background: #fff;
    15081551     box-shadow: none;
    1509 /*     filter: none;
    1510      -webkit-filter: none;*/
    15111552}
    15121553
     
    15571598     border-spacing: 0;
    15581599     border-radius: 0 0 2px 2px;
    1559      border: 1px solid #447;
     1600     border: 1px solid #7778bf;
    15601601     background: none;
    15611602     padding: 8px;
     
    15641605     margin-right:auto;
    15651606     margin-top: -19px;
    1566      box-shadow: 0 1px 1px 1px rgba(187, 187, 255, 0.6);
     1607     box-shadow: 0 1px 1px 1px rgba(187, 187, 187, 0.3)
     1608}
     1609
     1610.search tr {
     1611     background: none !important;
    15671612}
    15681613
     
    15811626     text-align: center !important;
    15821627     padding-right: 0;
     1628     padding-left: 6px;
    15831629     width: 60px;
    15841630}
     
    16071653     padding: 6px;
    16081654     padding: 10px 60px;
    1609      filter: drop-shadow(0 0 1px #999);
    1610      webkit-filter: drop-shadow(0 0 1px #999);
     1655     filter: drop-shadow(0 0 1px #bbb);
     1656     webkit-filter: drop-shadow(0 0 1px #bbb);
    16111657     opacity: 0.9;
    16121658}
     
    16381684     padding: 4px 6px;
    16391685     border-top: 1px solid #7778bf;
     1686     box-shadow: inset 0 0 0 1px #fff;
    16401687     text-align: center;
    16411688     width: 146px;
     
    17951842}
    17961843
    1797 p#upnpstatus, p#keyringhelp, .widescroll + p.infohelp, #profiles ul#banlist, #config_reseed .confignav + p.infohelp, p#sybilinfo, p#debugmode {
     1844p#upnpstatus, p#keyringhelp, .widescroll + p.infohelp, #profiles ul#banlist, #config_reseed .confignav + p.infohelp, p#sybilinfo, p#debugmode, #config_family .infohelp {
    17981845     border-radius: 2px;
    1799      filter: drop-shadow(0 0 1px #999);
    1800      -webkit-filter: drop-shadow(0 0 1px #999);
     1846     filter: drop-shadow(0 0 1px #bbb);
     1847     -webkit-filter: drop-shadow(0 0 1px #bbb);
    18011848}
    18021849
     
    18051852}
    18061853
     1854table#bugreports {
     1855    border-collapse: separate;
     1856    border-radius: 2px;
     1857    filter: drop-shadow(0px 0 1px #bbb);
     1858}
     1859
    18071860table#bugreports td.infohelp {
    1808      background: #fff url(/themes/console/images/info/bugreport.png) no-repeat 12px center;
    1809      padding: 15px 15px 15px 50px;
     1861     background: #fff url(/themes/console/images/info/bugreport.png) no-repeat left center;
     1862     padding: 10px 15px 10px 40px;
    18101863     background-size: 28px 28px;
     1864     border: none !important;
     1865     text-align: justify;
    18111866}
    18121867
     
    18481903}
    18491904
     1905#joinfamily tr:nth-child(2) td {
     1906     background: #fff;
     1907     padding: 10px 15px;
     1908}
     1909
    18501910#newfamily tr:last-child td:first-child {
    18511911     background: #fff url(/themes/console/images/info/label.png) 12px center no-repeat;
     
    18541914}
    18551915
     1916#exportfamily tr:nth-child(2) td:first-child {
     1917     background: #fff url(/themes/console/images/info/export_key.png) 12px center no-repeat;
     1918     padding: 15px 15px 15px 50px;
     1919     background-size: 28px 28px;
     1920}
     1921
     1922#leavefamily {
     1923     margin: 14px 0 10px;
     1924}
     1925
     1926#leavefamily tr:last-child td:first-child {
     1927     background: #fff url(/themes/console/images/info/leave_family.png) 12px center no-repeat;
     1928     padding: 15px 15px 15px 50px;
     1929     background-size: 28px 28px;
     1930}
     1931
    18561932#oldhome td:first-child {
    18571933     background: #fff url(/themes/console/images/info/home.png) 12px center no-repeat;
     
    19322008     padding: 15px 15px 15px 50px;
    19332009     background-size: 28px 28px;
     2010}
     2011
     2012h3#shutdownrouter, h3#systray {
     2013     margin-bottom: -15px;
    19342014}
    19352015
     
    20172097     white-space: normal;
    20182098     background: #fff;
     2099     background: linear-gradient(to bottom, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.7) 50%),  url(images/noise.png) #fff !important;
     2100     background-size: 100% 100%, 50px 50px !important;
    20192101     border: 1px solid #447;
    20202102     border-radius: 2px;
     
    20522134     margin: 15px 0 15px 0 !important;
    20532135     box-shadow: inset 0 0 0 1px #fff;
    2054      filter: drop-shadow(0 0 1px #999);
    2055      -webkit-filter: drop-shadow(0 0 1px #999);
     2136     filter: drop-shadow(0 0 1px #bbb);
     2137     -webkit-filter: drop-shadow(0 0 1px #bbb);
    20562138     word-wrap: break-word;
    20572139     opacity: 1;
     
    20612143.welcome h2 { /* fixes occluded langbox rendering bug */
    20622144     filter: none;
    2063      box-shadow: inset 0 0 0 1px #fff, 0 0 1px #999;
     2145     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #bbb;
     2146     white-space: nowrap;
    20642147}
    20652148
     
    20852168     border: 1px solid #7789bf;
    20862169     border-left: 5px solid #7789bf;
    2087      padding: 5px 5px 5px 7px;
     2170     padding: 6px 5px 5px 7px;
    20882171     margin: 12px 0 15px 0;
    20892172     border-radius: 0 2px 2px 0;
     
    20962179     color: #31334f;
    20972180     box-shadow: inset 0 0 0 1px #fff;
    2098      filter: drop-shadow(0 0 1px #999);
    2099      -webkit-filter: drop-shadow(0 0 1px #999);
     2181     filter: drop-shadow(0 0 1px #bbb);
     2182     -webkit-filter: drop-shadow(0 0 1px #bbb);
    21002183     opacity: 1;
    21012184}
     
    21182201     margin-bottom: -1px;
    21192202}
     2203
     2204/* /configpeers */
     2205
     2206#banlist li {
     2207     min-height: 34px;
     2208}
     2209
     2210#bannedips {
     2211     margin-bottom: 10px;
     2212}
     2213
     2214#bannedips td {
     2215     vertical-align: top;
     2216     padding: 0;
     2217     width: 50%;
     2218}
     2219
     2220#permabanned tr:nth-child(2) td, #ipv4 td, #ipv6 td {
     2221     border-bottom: 1px solid #7778bf;
     2222     background: #fff !important;
     2223     background: linear-gradient(to bottom, #fff 50%, rgba(238, 238, 255, 0.2) 50%, #eef 100%) #fff !important;
     2224}
     2225
     2226#ipv6 td {
     2227     border-top: 1px solid #7778bf;
     2228}
     2229
     2230#bannedips table {
     2231     border: none;
     2232     border-bottom: 1px solid #7778bf;
     2233     margin: -1px 0 !important;
     2234}
     2235
     2236#bannedips table th {
     2237     text-align: center;
     2238}
     2239
     2240#bannedips table td {
     2241     text-align: center;
     2242     padding: 4px 2px;
     2243}
     2244
     2245#banneduntilrestart, #permabanned {
     2246    width: 100%;
     2247}
     2248
     2249#permabanned td:first-child {
     2250     border-left: 1px solid #7778bf;
     2251     text-align: right;
     2252     padding-right: 10px;
     2253     width: 49%;
     2254}
     2255
     2256#permabanned td:nth-child(2) {
     2257     width: 2%;
     2258}
     2259
     2260#permabanned td:last-child {
     2261     text-align: left;
     2262     padding-left: 10px;
     2263     width: 49%;
     2264}
     2265
     2266#banneduntilrestart td {
     2267     border-right: 1px solid #7778bf;
     2268     text-align: right !important;
     2269}
     2270
     2271#banneduntilrestart td:last-child {
     2272     text-align: center !important;
     2273}
     2274
     2275#bannedips tr:nth-child(even) {
     2276     background: #eef;
     2277}
     2278
     2279#bannedips tr:nth-child(odd) {
     2280     background: #f7f8ff;
     2281}
     2282
     2283/* end /configpeers */
    21202284
    21212285h4 {
     
    21792343}
    21802344
     2345#certs h4 + textarea {
     2346     margin: -11px 0 5px !important;
     2347     border: 1px solid #7778bf;
     2348     box-shadow: none;
     2349}
     2350
    21812351.underline {
    21822352     border-bottom: 1px solid #000022;
     
    21862356
    21872357.langbox {
    2188      margin: 3px 0 4px 5px;
     2358     margin:3px 1px 0 5px;
    21892359     padding: 2px 3px;
    21902360     color: #001;
     
    21982368
    21992369.langbox img {
    2200      filter: drop-shadow(0 0 1px #777);
    2201      -webkit-filter: drop-shadow(0 0 1px #777);
     2370     padding: 0 !important;
    22022371     opacity: 0.9;
    2203      margin-bottom: 1px;
     2372     margin: -1px 0 0;
     2373     border: 1px solid #99f;
     2374     filter: none;
     2375     -webkit-filter: none;
     2376     border-radius: 1px;
    22042377}
    22052378
     
    22092382     opacity: 1;
    22102383     transform: scale(1.2);
     2384}
     2385
     2386.langbox img:active {
     2387     transform: scale(1.0);
    22112388}
    22122389
     
    22602437
    22612438button:active, input[type="submit"]:active, input[type="reset"]:active {
    2262      box-shadow: inset 2px 2px 2px #555;
     2439     box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 2px #555;
    22632440     background-blend-mode: luminosity;
    22642441}
     
    26202797
    26212798.routersummary .reload:active, .routersummary .stop:active, .routersummary .download:active {
    2622      box-shadow: inset 2px 2px 2px #555;
     2799     box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 2px #555;
    26232800}
    26242801
     
    26452822.routersummary .download {
    26462823     background: url(/themes/console/images/buttons/download.png) 3px center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    2647      background-size: 16px 16px, 100% 100% !important;
     2824     background-size: 14px 14px, 100% 100% !important;
    26482825     padding: 5px 3px 5px 17px !important;
    26492826}
     
    26872864
    26882865.routersummary .download:hover, .routersummary .download:focus, .routersummary .download:active {
    2689      background: url(/themes/console/images/buttons/download.png) 4px center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    2690      background-size: 16px 16px, 100% 100% !important;
     2866     background: url(/themes/console/images/buttons/download.png) 6px center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     2867     background-size: 14px 14px, 100% 100% !important;
    26912868     padding: 5px 3px 5px 21px !important;
    26922869}
     
    27552932}
    27562933
    2757 @-moz-document url-prefix() { /* target firefox and derivatives only */
    27582934select {
    27592935     -moz-appearance: none;
     
    27692945     background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
    27702946     box-shadow: 0 0 0 1px #89f;
    2771 }
    27722947}
    27732948
     
    28022977     font-style: normal;
    28032978     font-size: 9pt;
    2804      color: #225 !important;
    28052979     text-align: center;
    28062980     border: 1px solid #7778bf !important;
     
    28092983     padding: 7px;
    28102984     background: #eef;
    2811      background: linear-gradient(to bottom, #efefff, #eef);
     2985     background: linear-gradient(to right, #efefff, #fff, #efefff) #fff;
    28122986     letter-spacing: 0em !important;
    28132987     box-shadow: inset 0 0 0 1px #fff;
     
    29903164     color: #447;
    29913165     background: #447;
     3166     background: linear-gradient(to right, #77a, #669, #77a);
    29923167     height: 1px;
    29933168     border: 0 solid #447;
     
    30713246#consolepass.formaction {
    30723247     margin-top: -6px;
     3248     margin-bottom: -3px;
    30733249}
    30743250
     
    30983274     transition: filter ease 0.3s 0s;
    30993275     box-shadow: inset 0 0 0 1px #fff;
    3100      filter: drop-shadow(0px 0 1px #999);
    3101      -webkit-filter: drop-shadow(0px 0 1px #999);
     3276     filter: drop-shadow(0px 0 1px #bbb);
     3277     -webkit-filter: drop-shadow(0px 0 1px #bbb);
    31023278}
    31033279
     
    32263402     transition: transform 0.3s ease 0s;
    32273403     box-shadow: inset 0 0 0 1px #fff;
    3228      filter: drop-shadow(0px 0 1px #999);
    3229      -webkit-filter: drop-shadow(0px 0 1px #999);
     3404     filter: drop-shadow(0px 0 1px #bbb);
     3405     -webkit-filter: drop-shadow(0px 0 1px #bbb);
    32303406}
    32313407
     
    34883664#netdboverview th, #netdblookup th  {
    34893665     text-transform: uppercase;
    3490      font-size: 11pt;
     3666     font-size: 11pt !important;
    34913667     letter-spacing: 0.08em;
    34923668     word-spacing: 0.1em;
     
    38934069}
    38944070
    3895 table#profiles tr:hover td, table#floodfills tr:hover td, #permabanned tr:hover td,
     4071table#profiles tr:hover td, table#floodfills tr:hover td,
    38964072#ntcpconnections tr:nth-last-child(n+2):hover td, #udpconnections tr:nth-last-child(n+2):hover td,
    38974073#schedjobs tr:hover td, #jobstats tr:nth-last-child(n+2):hover td,
     
    41004276}
    41014277
     4278#volunteer {
     4279     background: #fff url("/themes/snark/ubergine/images/hat.png") no-repeat right -3px bottom -3px / 140px auto;
     4280}
     4281
    41024282#changelog {
    41034283     margin-bottom: 5px;
     4284     padding: 0 0 0 10px;
    41044285}
    41054286
    41064287#changelog pre {
    4107      margin: 0;
     4288     margin: -10px 0 0;
     4289     padding-top: 8px;
    41084290     width: 100%;
    41094291     height: 600px;
    41104292     white-space: pre-wrap;
     4293}
     4294
     4295#advancedsettings {
     4296     word-break: break-all;
    41114297}
    41124298
     
    41194305}
    41204306
     4307.main#help #changelog h2 {
     4308    margin-right: -1px !important;
     4309}
     4310
    41214311#fullhistory {
    41224312     text-align: right;
    4123      margin-bottom: 0;
     4313     margin: 0 0 0 -10px;
     4314     padding: 5px 8px;
     4315     border-top: 1px solid #7778bf;
     4316     background: linear-gradient(to right, #efefff 65%, #fff)
    41244317}
    41254318
     
    41374330     background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(238, 238, 255, 0.2) 50%, #eef 100%) #fff !important;
    41384331     text-align: left;
    4139      font-size: 0;
     4332     font-size: 0 !important;
    41404333}
    41414334
     
    42164409}
    42174410
    4218 #joinfamily {
    4219      margin-top: -14px;
    4220 }
    4221 
    42224411#newfamily {
    42234412     margin-top: -6px;
     
    42714460
    42724461@media screen and (min-width: 1500px) {
    4273 body, .main, .main td, .news p, #news p, .tab, .tab2, .main li b, div.joblog li, .themelabel, .ui_lang, .applabel a,
    4274 #peerdefs, #profile_defs, #thresholds, #configinfo, .infohelp, .infowarn, button, input, select, textarea, #configinfo th, tt, code {
     4462body, .main, .main td, .news p, #news p, .tab, .tab2, .main li b, div.joblog li, .themelabel, .ui_lang, .applabel a, 
     4463#peerdefs, #profile_defs, #thresholds, #configinfo, .infohelp, .infowarn, button, input, select, textarea, #configinfo th, tt, code, th, .statusnotes {
    42754464     font-size: 10pt !important;
    42764465}
    42774466
    4278 .routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a,
    4279 div.news {
     4467.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.newss, pre, #jardump tt, #jardump td, div.news {
    42804468     font-size: 9pt !important;
    42814469}
     
    42934481     margin-top: 4px;
    42944482}
    4295 
     4483/*
    42964484.routersummary img[src$="i2plogo.png"] {
    42974485     transform: scale(1.1);
    42984486}
    4299 
     4487*/
    43004488.routersummary table[id^="sb_"] {
    43014489     width: 216px !important;
     
    43244512h3#pluginconfig, h3#webappconfig, h3#i2pclientconfig, h3#pluginmanage, p#clientconf.infohelp, #config_stats h3 {
    43254513     margin-bottom: -15px;
    4326 }
    4327 
    4328 #jardump tt, #jardump td {
    4329      font-size: 9pt !important;
    43304514}
    43314515
     
    43464530     margin-bottom: -15px !important;
    43474531}
     4532
     4533h1 {
     4534     padding: 21px 15px 17px;
     4535     font-size: 19pt;
     4536}
     4537
     4538div.routersummary img[src$="i2plogo.png"] {
     4539     margin-left: 0 !important;
     4540     transform: none !important;
     4541     width: 205px !important;
     4542     margin-top: -2px !important;
     4543}
     4544
     4545#sb_internals a, #sb_advanced a {
     4546     max-width: none;
     4547     white-space: normal;
     4548     overflow: auto;
     4549}
     4550
     4551#banlist li {
     4552     font-size: 10pt;
     4553     min-height: 38px !important;
     4554}
     4555
     4556.confignav {
     4557     padding-top: 12px !important;
     4558}
     4559
     4560.langbox img {
     4561     margin: -1px 0 1px 1px;
     4562}
     4563
     4564@media screen and (-webkit-min-device-pixel-ratio:0) {
     4565.routersummary div[style="height: 36px;"] {
     4566     height: 38px !important;
     4567}
     4568}       
    43484569}
    43494570
     
    43534574     -webkit-filter: none !important;
    43544575}
     4576
  • installer/resources/themes/console/light/console_big.css

    r4bf0147 r83c9dc7  
    2727    font-family: "Droid Sans", Verdana, "Bitstream Vera Sans", Tahoma, Helvetica, sans-serif;
    2828    padding: 5px 5px 5px 20px !important;
     29}
     30
     31button.control {
     32     padding: 12px 11px !important;
    2933}
    3034
  • installer/resources/themes/console/midnight/console.css

    r4bf0147 r83c9dc7  
    851851}
    852852
    853 .routersummary .download {
    854      background: url(/themes/console/images/buttons/download.png) 3px center no-repeat;
    855      background-size: 16px 16px, 100% 100% !important;
    856      padding: 5px 3px 5px 17px !important;
    857 }
    858 
    859853.routersummary .reload, .routersummary .stop {
    860854     text-indent: -99999px;
     
    931925}
    932926
    933 @media screen and (-webkit-min-device-pixel-ratio:0) {
     927.routersummary .download, .routersummary .download:hover, .routersummary .download:focus {
     928     background: url(/themes/console/images/buttons/download.png) 3px center no-repeat;
     929     background-size: 14px 14px, 100% 100%;
     930     min-width: 0 !important;
     931}
     932
    934933.routersummary .download, .routersummary .download:hover, .routersummary .download:focus, .routersummary .download:active {
    935      padding-left: 19px !important;
    936 }
    937 }
    938 
    939 .routersummary .download:hover, .routersummary .download:focus, .routersummary .download:active {
    940      background: #000 url(/themes/console/images/buttons/download.png) 3px center no-repeat;
    941      background-size: 16px 16px !important;
    942      padding: 5px 3px 5px 17px !important;     
    943 }
    944 
    945 .routersummary .download:focus {
     934     background-size: 14x 14px !important;
     935     padding: 5px 3px 5px 22px !important;
     936}
     937
     938.routersummary .download:active {
    946939     background: #652787 url(/themes/console/images/buttons/download.png) 3px center no-repeat;
    947      background-size: 16px 16px !important;
    948      padding: 5px 3px 5px 17px !important;     
    949 }
     940}
     941
    950942/* end sidebar buttons */
    951943/* end buttons & inputs */
     
    10861078.routersummary img[src*="i2plogo"] {
    10871079     opacity: 0.7;
    1088      transition: all 0.3s ease 0s;
     1080     transition: ease-out opacity 0.3s 0s, ease filter 0.3s 0s;
     1081     margin-top: 1px;
    10891082     margin-left: -3px;
    1090      filter: sepia(100%) hue-rotate(180deg);
    1091      -webkit-filter: sepia(100%) hue-rotate(180deg);
     1083     width: 176px;
     1084     height: auto;
     1085     filter: sepia(100%) hue-rotate(180deg) drop-shadow(0 0 1px #652787);
     1086     -webkit-filter: sepia(100%) hue-rotate(180deg) drop-shadow(0 0 1px #652787);
    10921087}
    10931088
    10941089.routersummary img[src*="i2plogo"]:hover {
    10951090     opacity: 1;
    1096      transition: all 0.3s ease 0s;
    1097      filter: drop-shadow(0 0 3px #652787) saturate(200%);
    1098      -webkit-filter: drop-shadow(0 0 3px #652787) saturate(200%);
     1091     transition: ease-in opacity 0.3s 0s, ease filter 0.3s 0s;
     1092     filter: drop-shadow(0 0 2px #652787) saturate(100%);
     1093     -webkit-filter: drop-shadow(0 0 2px #652787) saturate(100%);
    10991094}
    11001095
    11011096.routersummary img[src*="i2plogo"]:active {
    1102      filter: drop-shadow(0 0 5px #450519) saturate(200%) !important;
    1103      -webkit-filter: drop-shadow(0 0 5px #450519) saturate(200%) !important;
     1097     filter: drop-shadow(0 0 5px #450519) saturate(140%) !important;
     1098     -webkit-filter: drop-shadow(0 0 5px #450519) saturate(140%) !important;
     1099     transition: ease-out opacity 0s 0s, ease filter 0s 0s;
    11041100}
    11051101
    11061102.routersummary a[href="/"]:focus img, .routersummary a[href="/console"]:focus img {
    11071103     opacity: 1;
    1108      transition: all 0.3s ease 0s;
     1104     transition: ease-in opacity 0.5s 0s, ease filter 0.5s 0s;
    11091105     filter: drop-shadow(0 0 3px #652787) saturate(200%);
    11101106     -webkit-filter: drop-shadow(0 0 3px #652787) saturate(200%);
     
    11871183}
    11881184
     1185#sb_general, #sb_shortgeneral, #sb_bandwidth, #sb_peers, #sb_tunnels, #sb_queue {
     1186     margin-bottom: -4px !important;
     1187}
     1188
     1189#sb_general td:first-child::after, #sb_shortgeneral td:first-child::after, #sb_bandwidth td:first-child::after,
     1190#sb_peers td:first-child::after, #sb_tunnels td:first-child::after, #sb_queue td:first-child::after {
     1191   content: "";
     1192   display: inline-block;
     1193   min-height: 14px;
     1194}
     1195
     1196/*
    11891197#sb_peers td, #sb_tunnels td, #sb_queue td, #sb_bandwidth td, #sb_general td, #sb_shortgeneral td {
    11901198     padding-top: 1px;
    11911199     padding-bottom: 1px;
    11921200}
     1201*/
    11931202
    11941203#sb_localtunnels {
     
    29242933/* configfamily */
    29252934
    2926 table#newfamily, table#leavefamily {
     2935#newfamily, #exportfamily {
     2936     margin-bottom: 14px !important;
     2937}
     2938
     2939#exportfamily tr:nth-child(2) td:first-child {
     2940     background: #000 url(/themes/console/images/info/export_key.png) 12px center no-repeat;
     2941     padding: 15px 15px 15px 50px;
     2942     background-size: 28px 28px;
     2943}
     2944
     2945#leavefamily {
    29272946     margin-bottom: 10px !important;
     2947}
     2948
     2949#leavefamily tr:last-child td:first-child {
     2950     background: #000 url(/themes/console/images/info/leave_family.png) 12px center no-repeat;
     2951     padding: 15px 15px 15px 50px;
     2952     background-size: 28px 28px;
    29282953}
    29292954
     
    29652990ul#banlist tt {
    29662991     color: #c11f5d;
     2992}
     2993
     2994ul#banlist {
     2995     border: 1px solid #443da0;
     2996     background: #000;
     2997     padding: 10px 10px 10px 0;
     2998     margin: -1px 0 13px;
     2999     -moz-column-count: auto;
     3000     -moz-column-width: 300px;
     3001     -moz-column-gap: 10px;
     3002     -moz-column-rule: 1px dotted #443da0;
     3003     -webkit-column-count: auto;
     3004     -webkit-column-width: 300px;
     3005     -webkit-column-gap: 10px;
     3006     -webkit-column-rule: 1px dotted #443da0;
     3007     column-count: auto;
     3008     column-width: 300px;
     3009     column-gap: 10px;
     3010     column-rule: 1px dotted #443da0;
     3011}
     3012
     3013#banlist li {
     3014     list-style: none !important;
     3015     border-bottom: 1px dotted #443da0;
     3016     margin: 0 10px 3px;
     3017     padding-top: 3px;
     3018     min-width: 250px;
     3019     min-height: 46px;
     3020     width: 88%;
     3021     padding-bottom: 5px;
     3022     break-inside: avoid;
     3023     page-break-inside: avoid;
     3024     -webkit-break-inside: avoid;
     3025     display: inline-block;
    29673026}
    29683027
     
    40214080     border: 1px solid #443da0;
    40224081     background: #000;
    4023      padding: 10px 10px 0 0;
     4082     padding: 10px 10px 10px 0;
    40244083     margin-bottom: 10px;
    40254084}
     
    48764935}
    48774936
    4878 h3.h3table, h3.tabletitle, h3#i2pclientconfig, h3#advancedclientconfig, h3#webappconfig, h3#pluginconfig, h3#pluginfromurl, h3#pluginfromfile, h3#updateplugins, h3#pluginmanage, h3#bannedpeers, h3.ptitle, h3#transports, h3#upnpstatus, h3.sybils {
     4937h3.h3table, h3.tabletitle, h3#i2pclientconfig, h3#advancedclientconfig, h3#webappconfig, h3#pluginconfig, h3#pluginfromurl,
     4938h3#pluginfromfile, h3#updateplugins, h3#pluginmanage, h3#bannedpeers, h3.ptitle, h3#transports, h3#upnpstatus, h3.sybils {
    48794939     margin-bottom: 0 !important;
    48804940     border-radius: 0;
     
    50205080}
    50215081
    5022 table#permabanned, table#loggingoptions, table#addkeyring {
     5082table#loggingoptions, table#addkeyring {
    50235083     margin-bottom: -3px !important;
    50245084     margin-top: -1px;
    50255085}
    50265086
    5027 table#permabanned {
    5028      margin-bottom: 9px !important;
     5087/* /configpeers banlist */
     5088
     5089
     5090
     5091#bannedips {
     5092     margin-bottom: 8px;
     5093     margin-top: -1px;
     5094}
     5095
     5096#bannedips table {
     5097     margin-bottom: -1px !important;
     5098}
     5099
     5100#bannedips td {
     5101     vertical-align: top;
     5102     padding: 0;
     5103     width: 50%;
     5104}
     5105
     5106#bannedips table tr {
     5107     border-top: 1px solid #000;
     5108}
     5109
     5110#bannedips table td {
     5111     text-align: center;
     5112     padding: 4px 2px;
     5113}
     5114
     5115#bannedips table tr:last-child {
     5116     border-bottom: 1px solid #443da0;
    50295117}
    50305118
     
    50325120     padding: 5px 10px !important;
    50335121}
     5122
     5123#permabanned, #banneduntilrestart {
     5124     margin: -1px 0 !important;
     5125     border: none;
     5126}
     5127
     5128#permabanned td:first-child {
     5129     border-left: 1px solid #443da0;
     5130     text-align: right;
     5131     padding-right: 10px;
     5132     width: 49%;
     5133}
     5134
     5135#permabanned td:nth-child(2) {
     5136     width: 2%;
     5137}
     5138
     5139#permabanned td:last-child {
     5140     text-align: left;
     5141     padding-left: 10px;
     5142     width: 49%;
     5143}
     5144
     5145#banneduntilrestart td {
     5146     border-right: 1px solid #443da0;
     5147     text-align: center !important;
     5148}
     5149
     5150#ipv4, #ipv6, #permabanned tr:nth-child(2) {
     5151     background: #000 url(images/titles.png) center center repeat-x;
     5152     background: linear-gradient(to bottom, #121225 0%, #121225 50%, #000011 50%, #00000d 50%, #00000d 100%);
     5153     border-top: 1px solid #443da0 !important;
     5154     border-bottom: 1px solid #443da0 !important;
     5155}
     5156
     5157/* end /configpeer banlist */
    50345158
    50355159table#configstats {
     
    52535377
    52545378@media screen and (min-width: 1500px) {
    5255 body, .main, .main td, .news p, #news p, .statusnotes, textarea, pre, tt, code {
     5379body, .main, .main td, .news p, #news p, .statusnotes, textarea, pre, tt, code, th {
    52565380     font-size: 10pt !important;
    52575381}
     
    52745398}
    52755399
    5276 .routersummary img[src$="i2plogo.png"] {
    5277      transform: scale(1.1);
    5278 }
    5279 
    52805400.routersummary div[style="height: 36px;"] {
    52815401     height: 40px !important;
     
    52835403}
    52845404
     5405div.routersummary img[src$="i2plogo.png"] {
     5406     margin-left: -5px;
     5407     transform: none;
     5408     width: 207px;
     5409     margin-top: -3px;
     5410}
     5411
    52855412.routersummary table[id^="sb_"], #sb_localtunnels {
    52865413     width: 216px !important;
     
    53315458}
    53325459}
     5460
Note: See TracChangeset for help on using the changeset viewer.