Changeset 8280609


Ignore:
Timestamp:
Jul 31, 2017 7:30:07 PM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
80c55c1, 8beb75be
Parents:
903f46f
Message:

Console theme tweaks:

  • Use plugin icon for unidentified sidebar plugins and ensure placement and coloring is consistent
  • Mobile:
    • Fix misaligned elements in light theme
    • Enhance 'Summary Bar' link
Location:
installer/resources/themes/console
Files:
5 edited

Legend:

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

    r903f46f r8280609  
    3232
    3333.routersummary div[style="height: 36px;"] + a {
    34      margin: -5px 0 -3px !important;
    3534     display: inline-block;
     35}
     36
     37div[style="height: 36px;"] + a, a[href="/summaryframe"] {
     38     display: inline-block;
     39     margin: -3px 0 !important;
     40     padding: 2px 10px;
     41     border-radius: 15px;
     42     border: 1px solid #7778bf;
     43}
     44
     45a[href="/summaryframe"] {
     46     margin: 2px 0 !important;
    3647}
    3748
  • installer/resources/themes/console/dark/mobile.css

    r903f46f r8280609  
    2828}
    2929
     30div[style="height: 36px;"] + a, a[href="/summaryframe"] {
     31     display: inline-block;
     32     margin: 7px 0 0 !important;
     33     padding: 4px 15px !important;
     34     border-radius: 15px;
     35     border: 1px solid #494;
     36}
     37
     38a[href="/summaryframe"] {
     39     margin: 3px 0 2px !important;
     40}
     41
    3042div.routersummary img[src$="i2plogo.png"] {
    3143     width: 357px;
     
    4153     width: 600px !important;
    4254}
    43 }
    44 
    45 div[style^='height'] + a {
    46      display: inline-block;
    47      padding-top: 8px !important;
    4855}
    4956
  • installer/resources/themes/console/light/console.css

    r903f46f r8280609  
    462462     text-align: left;
    463463     border-bottom: 1px dotted #ddf;
    464      background: url(images/application.png) left center no-repeat;
     464     background: #f8f8ff url(/themes/console/images/plugin.png) 3px center no-repeat;
     465     background: rgba(248, 248, 255, 0.8) url(/themes/console/images/plugin.png) 3px center no-repeat;
    465466     background-size: 14px 14px;
    466467}
     
    477478#sb_services a:hover {
    478479     background-blend-mode: normal;
     480     background-color: #ffe;
    479481}
    480482
    481483#sb_services a[href="/susimail/susimail"] {
    482      background: #f8f8ff url(images/inbox.png) 2px center no-repeat;
    483      background: rgba(248, 248, 255, 0.8) url(images/inbox.png) 2px center no-repeat;
     484     background: #f8f8ff url(images/inbox.png) 3px center no-repeat;
     485     background: rgba(248, 248, 255, 0.8) url(images/inbox.png) 3px center no-repeat;
    484486}
    485487
    486488#sb_services a[href="/susimail/susimail"]:hover {
    487      background: #ffe url(images/inbox.png) 2px center no-repeat;
     489     background: #ffe url(images/inbox.png) 3px center no-repeat;
    488490     border-radius: 2px;
    489491}
    490492
    491493#sb_services a[href="/i2psnark/"] {
    492      background: #f8f8ff url(/themes/console/images/i2psnark.png) 2px center no-repeat;
    493      background: rgba(248, 248, 255, 0.8) url(/themes/console/images/i2psnark.png) 2px center no-repeat;
     494     background: #f8f8ff url(/themes/console/images/i2psnark.png) 3px center no-repeat;
     495     background: rgba(248, 248, 255, 0.8) url(/themes/console/images/i2psnark.png) 3px center no-repeat;
    494496     background-size: 16px 16px;
    495497}
    496498
    497499#sb_services a[href="/i2psnark/"]:hover {
    498      background: #ffe url(/themes/console/images/i2psnark.png) 2px center no-repeat;
     500     background: #ffe url(/themes/console/images/i2psnark.png) 3px center no-repeat;
    499501     background-size: 16px 16px;
    500502     border-radius: 2px;
     
    502504
    503505#sb_services a[href="http://127.0.0.1:7658/"] {
    504      background: #f8f8ff url(images/server.png) 2px center no-repeat;
    505      background: rgba(248, 248, 255, 0.8) url(images/server.png) 2px center no-repeat;
     506     background: #f8f8ff url(images/server.png) 3px center no-repeat;
     507     background: rgba(248, 248, 255, 0.8) url(images/server.png) 3px center no-repeat;
    506508}
    507509
    508510#sb_services a[href="http://127.0.0.1:7658/"]:hover {
    509      background: #ffe url(images/server.png) 2px center no-repeat;
     511     background: #ffe url(images/server.png) 3px center no-repeat;
    510512     border-radius: 2px;
    511513}
    512514
    513515#sb_services a[href="/orchid/"] {
    514      background: #f8f8ff url(images/flower.png) 2px center no-repeat;
    515      background: rgba(248, 248, 255, 0.8) url(images/flower.png) 2px center no-repeat;
     516     background: #f8f8ff url(images/flower.png) 3px center no-repeat;
     517     background: rgba(248, 248, 255, 0.8) url(images/flower.png) 3px center no-repeat;
    516518}
    517519
    518520#sb_services a[href="/orchid/"]:hover {
    519      background: #ffe url(images/flower.png) 2px center no-repeat;
     521     background: #ffe url(images/flower.png) 3px center no-repeat;
    520522     border-radius: 2px;
    521523}
    522524
    523525#sb_services a[href*="bote"] {
    524      background: #f8f8ff url(images/mail_black.png) 2px center no-repeat;
    525      background: rgba(248, 248, 255, 0.8) url(images/mail_black.png) 2px center no-repeat;
     526     background: #f8f8ff url(images/mail_black.png) 3px center no-repeat;
     527     background: rgba(248, 248, 255, 0.8) url(images/mail_black.png) 3px center no-repeat;
    526528}
    527529
    528530#sb_services a[href*="bote"]:hover {
    529      background: #ffe url(images/mail_black.png) 2px center no-repeat;
     531     background: #ffe url(images/mail_black.png) 3px center no-repeat;
    530532     border-radius: 2px;
    531533}
     
    26242626}
    26252627
    2626 a:link, #graphopts a:visited, .news #newsdisplay a {
     2628a:link, #graphopts a:visited, .news #newsdisplay a, .news #newsdisplay a:visited {
    26272629     color: #3b6bbf;
    26282630     text-decoration: none;
  • installer/resources/themes/console/light/mobile.css

    r903f46f r8280609  
    11/* Console Theme "Light" - Mobile Override */
    22
    3 div.routersummaryouter {
     3.routersummaryouter {
    44     float: none;
    55     margin: 0 !important;
     
    88}
    99
    10 div.routersummary {
     10.routersummary {
    1111     float: none;
    1212     width: auto;
    1313     max-width: 600px;
    1414     margin: 0 auto -6px;
     15     padding-left: 0;
     16     padding-right: 0;
    1517}
    1618
    1719@media screen and (min-width: 1500px) {
    18 div.routersummary {
     20.routersummary {
    1921     width: 600px !important;
    2022}
     
    2527}
    2628
     29div[style="height: 36px;"] + a, a[href="/summaryframe"] {
     30     display: inline-block;
     31     margin: 10px 0 -2px;
     32     padding: 2px 10px;
     33     border-radius: 15px;
     34     border: 1px solid #7778bf;
     35     background: #fafaff;
     36}
     37
     38a[href="/summaryframe"] {
     39     margin: 5px 0 2px;
     40}
     41
    2742#xhr {
    2843     margin-top: 9px !important;
    2944}
    3045
     46.routersummary h3, .routersummary h4, .routersummary hr {
     47     margin-left: 1px;
     48     margin-right: 1px;
     49}
     50
     51.routersummary h3 {
     52     padding-top: 5px;
     53     padding-bottom: 5px;
     54}
     55
     56.routersummary h3, .routersummary h3 a {
     57     font-size: 11pt !important;
     58}
     59
    3160.routersummary hr:first-child {
    32      margin-bottom: 11px;
     61     margin-bottom: 8px;
    3362}
    3463
     
    3766}
    3867
    39 div.routersummary table, table[id^="sb_"] {
     68.routersummary table, table[id^="sb_"], #sb_services, #sb_internals, #sb_advanced {
    4069     width: 100% !important;
    41      margin: -7px 0 -4px !important;
     70     margin: -9px 0 -7px !important;
     71     border-radius: 4px;
     72     border-collapse: separate;
     73     border-spacing: 0;
    4274}
    4375
    44 table[id^="sb_"] td {
    45      padding: 3px 2px;
     76table[id^="sb_"] td, #sb_localtunnels td {
     77     padding: 3px 6px !important;
    4678}
    4779
     
    5890#sb_services {
    5991     text-align: center;
     92     border-collapse: separate !important;
     93     margin: -12px 0 -8px !important;
     94}
     95
     96#sb_services td {
     97     border-radius: 4px;
    6098}
    6199
     
    64102     width: 24% !important;
    65103     min-width: 100px;
    66      box-sizing: border-box;
    67104     white-space: nowrap;
    68105     border: none !important;
     106     border-radius: 4px;
     107     padding: 4px 10px 4px 30px !important;
     108     background-position: 8px center !important;
     109     margin: 0 3px;
     110     background-color: transparent !important;
    69111}
    70112
     
    76118
    77119h1 {
    78      margin: 14px 0 -1px;
     120     margin: 14px 0 -11px;
    79121     min-width: 0;
    80122}
    81123
    82 div.news {
    83      margin: 0 0 -11px;
     124.news, .news#news {
     125     margin: 10px 0 -11px;
    84126     min-width: 0;
    85127}
    86128
    87 div.main {
     129.main {
    88130     margin: 10px 0 0;
    89131     min-width: 0;
     132}
     133
     134.newsentry + hr + #newsStatus, .newsentry + hr + #newsStatus + #newsDisplay {
     135     margin-top: -3px !important;
     136     margin-bottom: -2px !important;
    90137}
    91138
  • installer/resources/themes/console/midnight/mobile.css

    r903f46f r8280609  
    3434}
    3535
    36 div[style^='height'] + a {
     36div[style="height: 36px;"] + a, a[href="/summaryframe"] {
    3737     display: inline-block;
    38      padding-top: 8px !important;
     38     margin: 12px 0 0 !important;
     39     padding: 4px 15px !important;
     40     border-radius: 15px;
     41     border: 1px solid #241f69;
     42}
     43
     44a[href="/summaryframe"] {
     45     margin: 3px 0 2px !important;
    3946}
    4047
     
    7481
    7582.routersummary tr td {
    76      border-top: 1px inset #000 !important;
    77      border-bottom: 1px inset #000 !important;
     83     border-top: 1px solid #000 !important;
     84     border-bottom: 1px solid #000 !important;
    7885}
    7986
Note: See TracChangeset for help on using the changeset viewer.