Changeset 26bc83c for installer


Ignore:
Timestamp:
Jul 30, 2017 12:05:04 PM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
9f15ae6
Parents:
5dd5a99
Message:

Console theme fixes

  • light theme:
    • Fix spacing issue with banned peers list
    • Tweak font sizes for Arabic
  • Shrink icons in sidepanel network status span
  • Add single graph view buttons to classic theme
  • Better separation of graphing controls in single graph view
  • Enhance presentation of /oldconsole and /proof
Location:
installer/resources/themes/console
Files:
5 edited

Legend:

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

    r5dd5a99 r26bc83c  
    757757     border: 1px solid #88f;
    758758     border-radius: 2px;
    759      padding: 6px 3px;
    760      width: calc(100% - 10px);
    761      margin: -5px 0 -6px;
     759     padding: 6px 5px;
     760     width: calc(100% - 12px);
     761     margin: -6px 0 -7px;
    762762     box-shadow: inset 0 0 0 1px #fff, 0 0 1px rgba(96,96,96,0.5);
    763763     text-shadow: 0 1px 1px #fff;
     
    793793.routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before,
    794794.routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before {
    795      padding-right: 2px;
     795     padding-right: 1px;
    796796     vertical-align: middle;
    797797     display: inline-block;
    798798     filter: drop-shadow(0 0 1px rgba(96,96,96,0.5));
     799     transform: scale(0.9);
    799800}
    800801
     
    10391040}
    10401041
    1041 a:visited {
     1042a:visited, #graphopts a, #graphopts a:visited {
    10421043     color: #448 !important;
    10431044     text-decoration: none;
     
    18331834.main#dns, .main#webmail, .main#torrents {
    18341835     padding: 0 !important;
    1835      min-width: 570px;
    1836 }
    1837 
    1838 .main#proof {
    1839      padding: 0;
    18401836     min-width: 570px;
    18411837}
     
    39423938}
    39433939
     3940/* graphs */
     3941
    39443942.graphspanel {
    3945      padding: 15px 5px 0;
     3943     padding: 15px 5px 1px;
    39463944     margin: -16px -16px -11px -16px;
    39473945     text-align: center !important;
     
    39493947}
    39503948
     3949#graphs .graphspanel {
     3950     margin: -16px;
     3951}
     3952
     3953h3#graphdisplay {
     3954     margin: 12px -16px 10px;
     3955}
     3956
    39513957.graphspanel img {
    3952      margin: 5px;
     3958     margin: 5px 4px;
    39533959     padding: 1px;
    3954      background: #f6f6ff;
    3955      border: 1px solid #89f;
    3956      box-shadow: 0 0 1px #aaa;
     3960     background: #fff;
     3961     border: 1px solid #9af;
     3962     box-shadow: 0 0 1px 0 #abf;
    39573963     max-width: 95%;
    39583964     max-width: calc(100% - 50px);
     
    39613967.graphspanel a img {
    39623968     background: #fff;
     3969     border: 1px solid #89f;
    39633970     opacity: 0.9;
    39643971     vertical-align: top;
     
    39733980}
    39743981
     3982.graphspanel a:active img {
     3983     border: 1px solid #f90;
     3984}
     3985
    39753986.graphspanel hr {
    39763987     margin: 10px 0;
     
    39944005}
    39954006
     4007#graphs form[action="graphs"] {
     4008     margin: -11px -16px;
     4009}
     4010
    39964011form[action="graphs"] hr {
    39974012     margin: 5px -11px 3px;
     
    40034018}
    40044019
    4005 p#graphopts {
    4006      text-align: center;
    4007      border: 1px solid #89f;
    4008      background: rgba(255,255,255,0.8);
    4009      margin: 25px -5px 0;
    4010      padding: 10px;
    4011      text-transform: capitalize;
    4012 }
    4013 
    4014 h3#graphinfo {
    4015      margin: 5px 10px 15px;
    4016      text-transform: capitalize;
    4017 }
    4018 
    4019 p#graphopts + p {
    4020      text-align: right;
    4021      background: #fff;
    4022      margin: -1px -5px 0;
    4023      padding: 10px;
    4024      border: 1px solid #89f;
    4025      display: none;
    4026 }
    4027 
    40284020.formaction#graphing {
    40294021     margin: -3px -10px -5px;
    40304022}
    40314023
    4032 /* new graphs optionbox */
     4024/* graphs optionbox */
    40334025
    40344026#graphs form {
     
    40584050#graphs td:first-child {
    40594051     text-align: right;
    4060      width: 85px;
     4052     min-width: 100px;
    40614053     white-space: nowrap;
    40624054     padding: 13px 3px 13px 5px;
     4055     font-weight: bold;
    40634056}
    40644057
     
    40864079}
    40874080
    4088 /* end new graphs optionbox */
     4081/* end graphs optionbox */
     4082
     4083/* single view */
     4084
     4085#graph_single {
     4086     padding-left: 0;
     4087     padding-right: 0;
     4088}
     4089
     4090#graph_single .graphspanel {
     4091     margin: 0 -1px -13px;
     4092     padding: 3px 0 0 !important;
     4093}
     4094
     4095#graph_single .graphspanel img {
     4096     margin: 10px 0;
     4097}
     4098
     4099#graphopts {
     4100     text-align: center;
     4101     border: 1px solid #89f;
     4102     background: rgba(255,255,255,0.8);
     4103     margin: 25px -1px -11px;
     4104     padding: 10px 10px 9px;
     4105     text-transform: capitalize;
     4106     color: transparent;
     4107}
     4108
     4109h3#graphinfo {
     4110     margin: 0 15px 9px;
     4111     text-transform: capitalize;
     4112}
     4113
     4114#graphopts + p {
     4115     text-align: right;
     4116     background: #fff;
     4117     margin: -1px -5px 0;
     4118     padding: 10px;
     4119     border: 1px solid #89f;
     4120     display: none;
     4121}
     4122
     4123#graphopts a {
     4124     display: inline-block;
     4125     border: 1px solid #8b8edf;
     4126     padding: 1px 10px;
     4127     border-radius: 15px;
     4128     background: #f8f8ff;
     4129     background: rgba(248,248,255,0.3);
     4130     margin: 3px -2px;
     4131     box-shadow: 0 0 0 1px #ddf;
     4132     box-shadow: 0 0 0 1px rgba(220,220,255,0.6);
     4133}
     4134
     4135#graphopts a:empty {
     4136     display: none;
     4137}
     4138
     4139#graphopts a:hover, #graphopts a:focus {
     4140     border: 1px solid #7778bf;
     4141     background: #e2e2ff;
     4142     background: linear-gradient(to bottom, #fff 50%, #d8d4ff 50%);
     4143     box-shadow: 0 0 0 1px rgba(220,220,255,0.6), inset 0 0 0 1px #d8d4ff;
     4144}
     4145
     4146#graphopts a:active {
     4147     box-shadow: inset 3px 3px 3px rgba(41,61,95,0.8);
     4148     color: #557 !important;
     4149}
     4150
     4151/* end single view */
     4152/* end graphs */
    40894153
    40904154.footnote {
     
    53485412}
    53495413
     5414.main#proof {
     5415     padding: 10px;
     5416     min-width: 570px;
     5417}
     5418
    53505419#proof p {
    53515420     margin: 0;
    5352      padding: 0;
     5421     padding: 20px 10px 10px;
     5422     border: 1px solid #89f;
     5423     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc;
     5424     background: url(/themes/console/images/info/rosette.png) right 8px top 8px no-repeat #eeeffb;
     5425     background: url(/themes/console/images/info/rosette.png) right 8px top 8px no-repeat rgba(220,225,252,0.3);
     5426     background-blend-mode: luminosity;
    53535427}
    53545428
    53555429#proof textarea, #proof textarea:focus {
     5430     line-height: 180%;
     5431     margin: 0;
    53565432     border: none;
    5357      margin: 0;
    53585433     padding: 15px 20px;
    53595434     width: 100%;
     
    53615436     color: #333;
    53625437     background: none;
     5438     height: 200px;
     5439     overflow: hidden;
     5440     white-space: pre-wrap;
     5441     word-break: break-all;
     5442}
     5443
     5444#oldconsole p {
     5445     margin: 0 0 5px;
     5446     padding: 10px 20px;
     5447     line-height: 200%;
     5448     border: 1px solid #89f;
     5449     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc;
     5450     background: #eeeffb;
     5451     background: rgba(220,225,252,0.3);
     5452}
     5453
     5454#oldconsole b {
     5455     display: inline-block;
     5456     min-width: 120px;
     5457     margin-right: 8px;
     5458     text-align: right;
    53635459}
    53645460
  • installer/resources/themes/console/dark/console.css

    r5dd5a99 r26bc83c  
    11141114     border: 1px solid #494;
    11151115     padding: 3px;
    1116      margin: 5px 3px;
     1116     margin: 6px 4px;
    11171117     text-align: center !important;
    11181118     opacity: 0.9;
     
    11661166
    11671167#graphopts {
    1168      margin: 30px 0 5px !important;
    1169      line-height: 220%;
     1168     margin: 30px -15px -5px !important;
     1169     padding: 11px 10px 10px;
     1170     border-top: 1px solid #494;
     1171     text-align: center;
     1172     background: #010;
     1173     background: rgba(0,16,0,0.5);
    11701174}
    11711175
    11721176#graphopts a {
     1177     display: inline-block;
    11731178     filter: none;
    11741179     border: 1px solid #030;
    1175      padding: 2px 10px;
     1180     padding: 1px 10px;
     1181     line-height: 130%;
     1182     margin: 3px -1px;
     1183     text-transform: capitalize;
    11761184}
    11771185
     
    11851193
    11861194h3#graphinfo {
    1187      margin-top: 0;
     1195     margin-top: 15px;
    11881196     border-radius: 0 !important;
    11891197}
     
    11911199.graphspanel p:last-child {
    11921200     display: none;
    1193 }
    1194 
    1195 form[action="graphs"] {
    1196      border: 1px solid #494;
    1197      padding: 10px 10px 0 !important;
    1198      background: #000;
    1199      margin-top: -11px;
    1200      margin-bottom: 10px;
    12011201}
    12021202
     
    12171217     letter-spacing: normal;
    12181218     word-spacing: normal;
     1219}
     1220
     1221/* new graphs optionbox */
     1222
     1223h3#graphdisplay {
     1224     margin: 15px 10px 10px;
    12191225}
    12201226
     
    12261232}
    12271233
    1228 /* new graphs optionbox */
     1234form[action="graphs"] {
     1235     border: 1px solid #494;
     1236     background: #000;
     1237     margin: -11px 10px 13px;
     1238}
    12291239
    12301240#graphs form {
     
    46054615}
    46064616
     4617#proof p {
     4618     margin: 15px;
     4619     padding: 30px 5px 0;
     4620     border: 1px solid #000;
     4621     border-radius: 2px;
     4622     box-shadow: inset 0 0 0 1px #020, 0 0 1px #000;
     4623     background: url(/themes/console/images/info/rosette.png) right 8px top 8px no-repeat #001900;
     4624     background: url(/themes/console/images/info/rosette.png) right 8px top 8px no-repeat rgba(0,32,0,0.4);
     4625     background-blend-mode: color-burn;
     4626}
     4627
    46074628#proof textarea {
    46084629     line-height: 160%;
    46094630     font-size: 9pt;
     4631     overflow: hidden;
     4632     word-break: break-all;
     4633     white-space: pre-wrap;
     4634     height: 200px;
    46104635}
    46114636
    46124637#proof textarea:focus {
    46134638     outline: none;
     4639}
     4640
     4641#oldconsole p {
     4642     margin: 15px 0 10px;
     4643     padding: 10px 20px;
     4644     line-height: 200%;
     4645     border: 1px solid #000;
     4646     border-radius: 2px;
     4647     box-shadow: inset 0 0 0 1px #020, 0 0 1px #000;
     4648     background: #001900;
     4649     background: rgba(0,32,0,0.4);
     4650}
     4651
     4652#oldconsole b {
     4653     display: inline-block;
     4654     min-width: 120px;
     4655     margin-right: 8px;
     4656     text-align: right;
    46144657}
    46154658
  • installer/resources/themes/console/light/console.css

    r5dd5a99 r26bc83c  
    5757
    5858.routersummary img[src$="i2plogo.png"], .routersummary h3, .confignav, *::before, *::after, div.app, .themechoice, .langselect, .langbox,
    59 .newsAuthor, #netdbcountrylist img, .viewfullentry, .sybil_routerinfo th img, .graphspanel, #themeoptions {
     59.newsAuthor, #netdbcountrylist img, .viewfullentry, .sybil_routerinfo th img, .graphspanel, #themeoptions, #graphopts, #newsDisplay {
    6060     -moz-user-select: none;
    6161     -webkit-user-select: none;
     
    149149     height: auto;
    150150     filter: drop-shadow(0 0 1px #ccf);
     151}
     152
     153@media screen and (-webkit-min-device-pixel-ratio: 0) {
     154.routersummary img[src$="i2plogo.png"] {
     155     margin-top: -2px !important;
     156}
    151157}
    152158
     
    561567     border: 1px solid #88f;
    562568     border-radius: 2px;
    563      padding: 6px 3px;
     569     padding: 5px 6px;
    564570     width: calc(100% - 10px);
    565571     width: 100%;
     
    603609.routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before,
    604610.routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before {
    605      padding-right: 3px;
     611     padding-right: 2px;
    606612     vertical-align: middle;
    607613     display: inline-block;
    608614     filter: drop-shadow(0 0 1px rgba(96,96,96,0.5));
    609 }
    610 
    611 .routersummary .error::before, .routersummary .clockskew::before {
     615     transform: scale(0.9);
     616}
     617
     618.routersummary .error::before {
    612619     content: url(/themes/console/images/info/network_status/network_error.png);
    613620}
     
    768775.logo hr {
    769776     margin: 8px -10px;
    770      background: #7789bf;
     777     background: #7778bf;
    771778     height: 1px
    772779}
    773780
    774781.warning hr {
    775      background: #7789bf;
    776      background: linear-gradient(to right, #7789bf, #c2c4ef);
     782     background: #7778bf;
     783     background: linear-gradient(to right, #7778bf, #c2c4ef);
    777784}
    778785
     
    12661273
    12671274.newscontent {
    1268      background-color: rgba(220,220,255,0.6);
    1269      background: linear-gradient(to bottom, #eef, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) !important;
     1275     background: #eef !important;
     1276     background: linear-gradient(to bottom, rgba(240,240,255,0.8), rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) !important;
    12701277     border: 1px solid #7778bf;
    12711278     border-radius: 0 0 2px 2px;
     
    13191326     border-radius: 15px;
    13201327     background: #f8f8ff;
    1321      background: rgba(248,248,255,0.3);
     1328     background: rgba(248,248,255,0.5);
    13221329     margin-left: -3px;
    13231330     box-shadow: 0 0 0 1px #ddf;
     
    13251332}
    13261333
    1327 .news #newsdisplay a:hover, .news #newsdisplay a:focus, #graphopts a:hover, #graphopts a:focus {
     1334.news #newsdisplay a:hover, .news #newsdisplay a:focus,
     1335#graphopts a:hover, #graphopts a:visited:hover, #graphopts a:focus, #graphopts a:visited:focus {
     1336     color: #4f8fff;
    13281337     border: 1px solid #7778bf;
    13291338     background: #e2e2ff;
    13301339     background: linear-gradient(to bottom, #f8f8ff 50%, #e2e2ff 50%);
    1331      box-shadow: 0 0 0 1px rgba(220,220,255,0.6), inset 0 0 0 1px #fff;
    1332 }
    1333 
    1334 .news #newsdisplay a:active, #graphopts a:active {
    1335      box-shadow: inset 2px 2px 3px #335;
     1340     box-shadow: 0 0 0 1px rgba(220,220,255,0.6), inset 0 0 0 1px #efefff;
     1341}
     1342
     1343.news #newsdisplay a:focus, #graphopts a:focus, #graphopts a:visited:focus {
     1344     border: 1px solid #f60;
     1345}
     1346
     1347.news #newsdisplay a:active, #graphopts a:active, #graphopts a:visited:active {
     1348     box-shadow: inset 3px 3px 3px rgba(41,61,95,0.8);
     1349     color: #559 !important;
     1350     border: 1px solid #7778bf;
    13361351}
    13371352
     
    13771392     background: url(images/news.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(to right, #fafaff 5%, rgba(231, 231, 255, 0.8)) 15% !important;
    13781393     text-align: left;
    1379      padding: 5px 10px 5px 30px;
     1394     padding: 6px 10px 5px 30px;
    13801395     border: 1px solid #7778bf;
    13811396     border-radius: 2px 2px 0 0;
     
    13861401     margin-bottom: -1px;
    13871402     filter: none;
     1403}
     1404
     1405@media screen and (-webkit-min-device-pixel-ratio: 0) {
     1406div.news h3, #news h3 {
     1407     padding: 7px 10px 5px 30px;
     1408}
    13881409}
    13891410
     
    15091530     margin: 15px 0 15px 0;
    15101531     border-radius: 0 2px 2px 0;
    1511      background: #ffe;
    15121532     text-align: left;
    15131533}
     
    15601580
    15611581h3#transports, h3#upnp {
    1562      border: 1px solid #7789bf;
     1582     border: 1px solid #7778bf;
    15631583}
    15641584
    15651585pre#transports {
    15661586     display: inline-block;
    1567      border: 1px solid #7789bf;
     1587     border: 1px solid #7778bf;
    15681588     background: #fafaff;
    15691589     padding: 10px 0 0 10px;
     
    15731593
    15741594#upnpscan {
    1575      border: 1px solid #7789bf;
     1595     border: 1px solid #7778bf;
    15761596     margin: -16px 0 5px;
    15771597     padding: 5px 10px;
     
    16121632/* end confignet tidyup */
    16131633
    1614 .main#tunnels h3 a:not(old), #criticallogs + h3.tabletitle a:not(old) {
     1634h3#exploratorytunnels {
     1635     margin-top: 15px;
     1636}
     1637
     1638#tunnels h3 a:not(old), #criticallogs + h3.tabletitle a:not(old) {
    16151639     font-size: 0;
    16161640}
    16171641
    1618 .main#tunnels h3 a[href^="/configtunnels#"]::after, #criticallogs + h3.tabletitle a::after {
     1642#tunnels h3 a[href^="/configtunnels#"]::after, #criticallogs + h3.tabletitle a::after {
    16191643     content: url(/themes/console/images/buttons/configure.png);
    16201644     float: right;
     
    16231647}
    16241648
    1625 .main#tunnels h3 a[href^="/configtunnels#"]:hover, #criticallogs + h3.tabletitle a:hover {
     1649#tunnels h3 a[href^="/configtunnels#"]:hover, #criticallogs + h3.tabletitle a:hover {
    16261650     filter: drop-shadow(0 0 1px #f60);
    16271651}
     
    17421766}
    17431767
     1768/* graphs */
     1769
    17441770.graphspanel {
    17451771     text-align: center !important;
    17461772     margin: 15px 0 -15px;
     1773}
     1774
     1775#graph_single h3 {
     1776     margin: 15px 0 0 !important;
     1777}
     1778
     1779#graph_single .graphspanel {
     1780     margin: 9px -9px -20px;
    17471781}
    17481782
     
    17531787     vertical-align: top !important;
    17541788     background: #fff;
    1755      border: 1px solid #6b6c8f;
    1756      box-shadow: 0 0 0 1px #ccc;
     1789     border: 1px solid #7778bf;
     1790     box-shadow: 0 0 1px #ccc;
    17571791     max-width: 98%;
    17581792}
     
    17601794.graphspanel a img {
    17611795     box-shadow: 0 0 1px #ccf;
     1796     filter: none !important;
    17621797}
    17631798
    17641799.graphspanel a img:hover {
    17651800     box-shadow: inset 0 0 1px 1px #f60;
    1766      filter: none !important;
    17671801     cursor: url(/themes/console/images/cursor_zoom.png), pointer;
    17681802     mix-blend-mode: multiply;
     
    17841818#graphopts {
    17851819     text-align: center;
    1786      margin-top: 20px;
    1787      margin-bottom: 15px;
    1788      padding: 3px 0 5px;
    17891820     text-transform: capitalize;
    1790      line-height: 220%;
     1821     padding: 10px 0 9px;
     1822     margin: 30px -14px -9px;
     1823     border-top: 1px solid #77789f;
     1824     box-shadow: inset 0 0 0 1px #fff;
     1825     background: #e8e8ff;
     1826     background: repeating-linear-gradient(135deg, rgba(248,248,255,0.6) 2px, rgba(220, 220, 255, 0.3) 3px, #f8f8ff 5px), #f8f8ff;
     1827     filter: drop-shadow(0 0 1px #ccc);
    17911828}
    17921829
    17931830#graphopts a {
    1794      margin: 0 -2px !important;
     1831     margin: 3px -2px !important;
     1832     display: inline-block;
     1833     padding: 1px 10px !important;
     1834     line-height: 140%;
    17951835}
    17961836
     
    18771917
    18781918/* end new graphs optionbox */
     1919/* end graphs */
    18791920
    18801921.messages {
     
    23882429}
    23892430
     2431/* optional homepage search */
     2432
    23902433div.search {
    23912434     margin: 10px 10px 0 0;
     
    24022445     background: #fafaff !important;
    24032446     background: linear-gradient(to bottom, #fafaff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) !important;
    2404      padding: 8px;
     2447     padding: 4px 6px;
    24052448     width: 70%;
    2406      margin-left:auto;
    2407      margin-right:auto;
     2449     margin-left: auto;
     2450     margin-right: auto;
    24082451     margin-top: -19px;
    2409      box-shadow: 0 1px 1px 1px rgba(210, 210, 255, 0.3), inset 0 0 0 1px #bbf;
     2452     box-shadow: 0 1px 1px 1px rgba(210, 210, 255, 0.3), inset 0 0 1px 1px #bbf;
    24102453}
    24112454
     
    24482491     text-overflow: ellipsis;
    24492492}
     2493
     2494/* end optional homepage search */
    24502495
    24512496.app img {
     
    25792624}
    25802625
    2581 a:link, #graphopts a:visited {
     2626a:link, #graphopts a:visited, .news #newsdisplay a {
    25822627     color: #3b6bbf;
    25832628     text-decoration: none;
     
    31223167
    31233168h3 {
    3124      border: 1px solid #7789bf;
    3125      border-left: 5px solid #7789bf;
     3169     border: 1px solid #7778bf;
     3170     border-left: 5px solid #7778bf;
    31263171     padding: 7px 5px 6px 7px;
    31273172     margin: 12px 0 15px 0;
     
    34043449button.search {
    34053450     background: url(/themes/console/images/buttons/search.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
    3406      padding: 5px 7px 5px 22px;
    3407 }
    3408 
    3409 button.search:hover {
    3410      background: url(/themes/console/images/buttons/search_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3451     padding: 5px 7px 5px 24px;
     3452}
     3453
     3454button.search:hover, button.search:focus, button.search:active {
     3455     background: url(/themes/console/images/buttons/search_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff) !important;
     3456     background-size: 14px 14px, 100% 100% !important;
    34113457}
    34123458
     
    53965442     border-radius: 2px;
    53975443     display: block;
    5398      padding: 5px 1px;
    5399      -moz-columns: 300px auto;
    5400      -webkit-columns: 300px auto;
    5401      columns: 300px auto;
     5444     padding: 2px 0;
     5445     -moz-columns: auto;
     5446     -webkit-columns: auto;
     5447     columns: auto;
    54025448     -moz-column-gap: 0;
    54035449     -webkit-column-gap: 0;
     
    54085454    border: none;
    54095455    background: none;
    5410     padding: 0;
    5411 }
    5412 
    5413 #config_peers #banlist {
    5414      padding-bottom: 0;
    54155456}
    54165457
    54175458#banlist li {
    54185459     display: inline-block;
     5460     min-width: 300px;
     5461     line-height: 120%;
     5462     margin: 3px 0 3px 5px !important;
     5463     padding: 8px 10px 0 35px;
    54195464     list-style: none;
    5420      margin: 5px 3px 5px 0;
    54215465     border: 1px solid #7778bf;
    54225466     border-radius: 2px;
    5423      padding: 8px 10px 0 35px;
    5424      line-height: 120%;
     5467     box-shadow: inset 0 0 0 1px #fff;
    54255468     background: #eef url(/themes/console/images/buttons/ban.png) 10px center no-repeat;
    54265469     background: url(/themes/console/images/buttons/ban.png) 10px center no-repeat, repeating-linear-gradient(135deg, rgba(252,252,255,0.5) 2px, rgba(240, 240, 255, 0.3) 3px, #fff 5px) #fafaff;
     5470     font-size: 9pt;
     5471     filter: drop-shadow(0 0 1px #f8f8ff);
    54275472     -webkit-break-inside: avoid;
    54285473     break-inside: avoid;
    54295474     page-break-inside: avoid;
    5430      font-size: 9pt;
    5431      box-shadow: inset 0 0 0 1px #fff;
    5432      filter: drop-shadow(0 0 1px #f8f8ff);
    5433      min-width: 300px;
    54345475}
    54355476
     
    54445485#banlist a[href^="configpeer?peer"]::after {
    54455486     vertical-align: top;
    5446 }
    5447 
    5448 #profiles #banlist li {
    5449      margin: 0;
    54505487}
    54515488
     
    59646001     border: 1px solid #99b;
    59656002     border-radius: 2px;
    5966      box-shadow: inset 0 0 0 1px #fff, 0 0 1px #557;
     6003     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccf;
    59676004}
    59686005
     
    64656502     margin-top: -16px;
    64666503     background: linear-gradient(to bottom, #fafaff, rgba(250,250,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) #efefff !important;
    6467      border: 1px solid #7789bf;
     6504     border: 1px solid #7778bf;
    64686505     box-shadow: inset 0 0 0 1px #fff;
    64696506     filter: drop-shadow(0px 0 1px #ccf);
  • installer/resources/themes/console/light/console_ar.css

    r5dd5a99 r26bc83c  
    5353h1 {
    5454     margin: 0 212px -15px 0;
    55      padding: 20px 20px 20px 10px;
     55     padding: 15px 20px 15px 10px;
    5656     background: linear-gradient(to left, #fcfcff, rgba(252,252,255,0) 600px), linear-gradient(to bottom, #fcfcff 50%, rgba(248,248,255,0.6) 50%), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) #fafaff !important;
    5757}
     
    9696     display: inline-block;
    9797     line-height: 120%;
     98     font-size: 10pt;
     99     font-weight: bold;
    98100}
    99101
     
    533535#configstats td:nth-child(2) {
    534536     padding-right: 10px;
     537     direction: ltr;
    535538}
    536539
     
    607610.tab, .tab2 {
    608611     display: inline-block;
    609      font-size: 12pt !important;
     612     font-size: 11pt !important;
    610613     margin-top: -5px;
    611614     padding-top: 6px !important;
     
    977980
    978981.routersummary td:first-child, .routersummary td:nth-last-child(n+2), .routersummary td a {
    979      font-size: 10.5pt !important;
     982     font-size: 10pt !important;
    980983}
    981984
  • installer/resources/themes/console/midnight/console.css

    r5dd5a99 r26bc83c  
    21202120
    21212121#graphopts {
    2122      margin-top: 30px !important;
    2123      padding: 12px 0;
     2122     margin: 30px -10px 0 !important;
     2123     padding: 10px 0 8px;
     2124     text-align: center;
     2125     background: #001;
     2126     background: rgba(0,0,16,0.5);
     2127     border-top: 1px solid #443da0;
    21242128}
    21252129
     
    21292133     border-color: #003;
    21302134     padding: 0 10px !important;
     2135     text-transform: capitalize;
    21312136}
    21322137
     
    21442149
    21452150h3#graphinfo {
    2146      margin-top: 0;
     2151     margin-top: 10px;
    21472152     border-radius: 0 !important;
    21482153     text-transform: capitalize;
     
    21512156}
    21522157
    2153 .graphspanel p:last-child {
     2158#graphopts + p {
    21542159     display: none;
    21552160}
     
    52745279}
    52755280
     5281#proof p {
     5282     margin: 15px 5px;
     5283     padding: 30px 15px 0;
     5284     border: 1px solid #000;
     5285     border-radius: 2px;
     5286     box-shadow: inset 0 0 0 1px #225, 0 0 1px #000;
     5287     background: url(/themes/console/images/info/rosette.png) right 8px top 8px no-repeat #002;
     5288     background: url(/themes/console/images/info/rosette.png) right 8px top 8px no-repeat rgba(0,0,32,0.4);
     5289     background-blend-mode: color-burn;
     5290}
     5291
     5292#proof textarea {
     5293     line-height: 160%;
     5294     font-size: 9pt;
     5295     overflow: hidden;
     5296     word-break: break-all;
     5297     white-space: pre-wrap;
     5298     height: 200px;
     5299}
     5300
     5301#proof textarea:focus {
     5302     outline: none;
     5303}
     5304
     5305#oldconsole p {
     5306     margin: 17px 6px 15px;
     5307     padding: 10px 20px;
     5308     line-height: 200%;
     5309     border: 1px solid #000;
     5310     border-radius: 2px;
     5311     box-shadow: inset 0 0 0 1px #225, 0 0 1px #000;
     5312     background: #002;
     5313     background: rgba(0,0,32,0.4);
     5314}
     5315
     5316#oldconsole b {
     5317     display: inline-block;
     5318     min-width: 120px;
     5319     margin-right: 8px;
     5320     text-align: right;
     5321}
     5322
     5323
    52765324.main#webmail {
    52775325     padding: 0;
     
    67186766     display: inline-block;
    67196767     filter: drop-shadow(0 0 1px rgba(220,220,220,0.7));
     6768     transform: scale(0.9);
    67206769}
    67216770
Note: See TracChangeset for help on using the changeset viewer.