Changeset 5dd5a99 for installer


Ignore:
Timestamp:
Jul 28, 2017 6:00:53 PM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
26bc83c
Parents:
ac75327
Message:

Theme fixes

Console:

  • Enhance presentation of show/hide news links on home page
  • Fix some issues with Arabic CSS (light/dark)
  • Further tweaks to graphs display and fixes for borderless single graphs in midnight/dark themes
  • Fix minor coloring issues with light theme post-rework
  • Misc theme fixes

I2PSnark:

  • Move </center> tag in fileinfo view that prevented sticky navbar from working
  • ubergine:
    • Alternative panel tabs for embedded view
    • Tighten .snarkTorrents thead/tfoot spacing
    • Tweak embedded navbar coloring
    • Reduce height of download bars
Location:
installer/resources/themes
Files:
10 edited

Legend:

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

    rac75327 r5dd5a99  
    288288     opacity: 0.9;
    289289     transition: ease filter 0.3s, ease opacity 0.3s;
    290      margin-top: -2px;
     290     margin-top: -1px;
    291291     margin-left: -4px;
    292292     width: 193px;
     
    467467
    468468#sb_internals a, #sb_services a, #sb_advanced a {
    469      padding: 1px 2px;
     469     padding: 1px 3px;
    470470     display: inline-block;
    471471     vertical-align: middle;
     
    901901#newsStatus {
    902902     float: left;
     903     padding-top: 3px;
     904     padding-bottom: 1px;
    903905}
    904906
     
    906908     white-space: nowrap;
    907909     margin-left: 10px;
     910}
     911
     912#news #newsDisplay, #graphopts {
     913     color: transparent;
     914}
     915
     916#newsStatus, #news #newsDisplay, #news #newsDisplay a {
     917     display: inline-block;
     918}
     919
     920#news #newsDisplay a, #graphopts a {
     921     border: 1px solid #010;
     922     margin: 0 -2px;
     923     padding: 1px 10px;
     924     background: #020;
     925     background: rgba(0,48,0,0.6);
     926     border-radius: 15px;
     927     filter: drop-shadow(0 0 1px rgba(0,16,0,0.4));
     928}
     929
     930#news #newsDisplay a:hover, #news #newsDisplay a:focus, #graphopts a:hover, #graphopts a:focus {
     931     background: #030;
     932     background: linear-gradient(to bottom, #030 50%, #010 50%);
     933     border: 1px solid #020;
     934}
     935
     936#news #newsDisplay a:active, #graphopts a:active {
     937     background: #020;
     938     box-shadow: inset 2px 2px 2px #000;
    908939}
    909940
     
    10391070div.widepanel h3 {
    10401071     text-align: left !important;
    1041      padding: 6px 10px;
     1072     padding: 8px 10px;
    10421073     text-transform: uppercase;
    10431074     font-size: 10.5pt;
     
    10561087/* graphs */
    10571088
     1089#graphs {
     1090     padding-left: 10px;
     1091     padding-right: 10px;
     1092}
     1093
    10581094#graphs .messages {
    1059      margin-top: 15px;
     1095     margin: 15px 5px -5px;
    10601096}
    10611097
     
    10781114     border: 1px solid #494;
    10791115     padding: 3px;
    1080      margin: 5px;
     1116     margin: 5px 3px;
    10811117     text-align: center !important;
    10821118     opacity: 0.9;
     
    10871123     border: 1px solid #f60;
    10881124     padding: 3px;
    1089      margin: 5px;
    10901125     text-align: center !important;
    10911126     opacity: 1;
     
    11101145}
    11111146
     1147.graphspanel img:not(old) {
     1148     border: 1px solid #fcf;
     1149}
     1150
    11121151.graphspanel a img:not(old) {
    1113      border: 1px solid #bb66bb;
     1152     border: 1px solid #b6b;
    11141153}
    11151154
     
    11261165}
    11271166
    1128 p#graphopts {
     1167#graphopts {
    11291168     margin: 30px 0 5px !important;
    1130 }
    1131 
    1132 p#graphopts + p {
     1169     line-height: 220%;
     1170}
     1171
     1172#graphopts a {
     1173     filter: none;
     1174     border: 1px solid #030;
     1175     padding: 2px 10px;
     1176}
     1177
     1178#graphopts a:empty {
     1179     display: none;
     1180}
     1181
     1182#graphopts + p {
    11331183     display: none;
    11341184}
     
    14531503}
    14541504
    1455 a:link, h2 a:link {
     1505a:link, h2 a:link, #graphopts a:visited {
    14561506     color: #494;
    14571507     text-decoration: none;
     
    41134163
    41144164table[id$="logs"] ul {
    4115      margin: -5px 12px -5px -18px !important;
     4165     margin: -6px 12px -5px -18px !important;
    41164166}
    41174167
     
    41444194     list-style: none;
    41454195     font: bold 8pt "Droid Sans Mono",  "Lucida Console", "DejaVu Sans Mono", monospace;
    4146      line-height: 130%;
     4196     line-height: 115%;
    41474197     text-align: left;
    41484198     display: inline-block;
     
    41544204     width: auto;
    41554205     width: calc(100% - 15px);
    4156      margin: 2px -10px 0 7px;
     4206     margin: 2px -10px 2px 7px;
    41574207}
    41584208
     
    41604210     content: "";
    41614211     display: block;
    4162      border-top: 1px dotted #030;
     4212     border-top: 1px dashed #001000;
    41634213     width: 100%;
    4164      margin: 5px 0 -3px;
     4214     margin: 3px 0 -6px;
    41654215}
    41664216
     
    58975947.routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before,
    58985948.routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before {
    5899      padding: 0 2px;
     5949     margin-right: 2px;
    59005950     vertical-align: middle;
    59015951     display: inline-block;
    59025952     filter: drop-shadow(0 0 1px rgba(192,192,192,0.5));
     5953     transform: scale(0.8);
    59035954}
    59045955
     
    59175968.routersummary .hidden::before {
    59185969     content: url(/themes/console/images/info/network_status/network_hidden.png);
    5919      padding: 0 3px;
     5970     margin-right: 3px;
    59205971}
    59215972
     
    59275978     content: url(/themes/console/images/info/network_status/network_firewalled.png);
    59285979     filter: drop-shadow(0 1px 1px rgba(255,120,120,0.8));
    5929      padding: 0 4px;
     5980     margin-right: 4px;
    59305981     opacity: 0.7;
    59315982}
     
    64616512}
    64626513
    6463 .debug_outboundsessions {
    6464      margin-top: -2px;
    6465 }
    6466 
    64676514#debug h2 + h3, .buckets {
    64686515     margin-top: -13px;
     
    65046551
    65056552#debug h3.debug_outboundsessions {
    6506      margin-top: -6px !important;
     6553     margin-top: -2px !important;
    65076554     background: url(/themes/console/images/outbound.png) 6px center no-repeat, linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000 56%) !important;
    65086555}
  • installer/resources/themes/console/dark/console_ar.css

    rac75327 r5dd5a99  
    4343div.main {
    4444     margin: -1px 205px 5px 5px;
    45      background: url("images/scarface.jpg") no-repeat scroll left bottom #000000 !important;
    4645}
    4746
     
    5554}
    5655
     56#debug h2 {
     57     background-position: 8px center !important;
     58}
     59
     60#debug h3.debug_inboundsessions, #debug h3.debug_outboundsessions {
     61     background-position: right 5px center !important;
     62     padding-right: 26px !important;
     63}
     64
    5765h3, h3.welcome {
    5866     border-width: 1px 5px 1px 1px;
     
    6977button.search {
    7078     margin-right: 30px;
     79}
     80
     81input.search, input.search:focus {
     82     padding: 4px 24px 4px 3px !important;
     83     background-position: right 4px center !important;
    7184}
    7285
     
    8295}
    8396
    84 div.routersummary h3, div.routersummary h4 {
     97div.routersummary h3 {
     98     font-size: 11pt;
     99}
     100
     101div.routersummary h4 {
    85102     font-size: 10pt;
    86103}
     
    108125
    109126#sb_localtunnels a {
    110      display: inline-block;
    111      width: 100%:
     127     display: inline;
     128     margin-right: 2px;
     129     font-size: 9pt;
    112130}
    113131
     
    516534
    517535.main#console .twocol {
    518      margin: 5px 35px 5px 0 !important;
     536     margin: 15px 35px 5px 0 !important;
    519537     background: rgba(0, 32, 0, 0.5);
    520538     border-radius: 3px;
  • installer/resources/themes/console/light/console.css

    rac75327 r5dd5a99  
    13061306
    13071307#newsStatus, .news #newsDisplay {
    1308      padding-top: 3px !important;
     1308     padding-top: 6px !important;
     1309     padding-bottom: 3px !important;
     1310}
     1311
     1312.news #newsdisplay, #graphopts {
     1313     color: transparent;
     1314}
     1315
     1316.news #newsdisplay a, #graphopts a {
     1317     border: 1px solid #8b8edf;
     1318     padding: 2px 10px;
     1319     border-radius: 15px;
     1320     background: #f8f8ff;
     1321     background: rgba(248,248,255,0.3);
     1322     margin-left: -3px;
     1323     box-shadow: 0 0 0 1px #ddf;
     1324     box-shadow: 0 0 0 1px rgba(220,220,255,0.6);
     1325}
     1326
     1327.news #newsdisplay a:hover, .news #newsdisplay a:focus, #graphopts a:hover, #graphopts a:focus {
     1328     border: 1px solid #7778bf;
     1329     background: #e2e2ff;
     1330     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;
    13091336}
    13101337
     
    17211748
    17221749.graphspanel img {
    1723      padding: 2px;
    1724      margin: 6px;
     1750     padding: 1px;
     1751     margin: 6px 5px;
    17251752     text-align: center !important;
    17261753     vertical-align: top !important;
    1727      background: #41465f;
    1728      box-shadow: inset 0 0 0 1px #ccf;
     1754     background: #fff;
     1755     border: 1px solid #6b6c8f;
     1756     box-shadow: 0 0 0 1px #ccc;
    17291757     max-width: 98%;
    17301758}
    17311759
     1760.graphspanel a img {
     1761     box-shadow: 0 0 1px #ccf;
     1762}
     1763
    17321764.graphspanel a img:hover {
    1733      box-shadow: inset 0 0 2px 1px #f60;
     1765     box-shadow: inset 0 0 1px 1px #f60;
     1766     filter: none !important;
    17341767     cursor: url(/themes/console/images/cursor_zoom.png), pointer;
     1768     mix-blend-mode: multiply;
     1769}
     1770
     1771.graphspanel a img:active {
     1772     box-shadow: inset 0 0 1px 1px #f90;
     1773     border: 1px solid #f90;
    17351774}
    17361775
     
    17471786     margin-top: 20px;
    17481787     margin-bottom: 15px;
     1788     padding: 3px 0 5px;
    17491789     text-transform: capitalize;
     1790     line-height: 220%;
     1791}
     1792
     1793#graphopts a {
     1794     margin: 0 -2px !important;
     1795}
     1796
     1797#graphopts a:empty {
     1798     display: none;
    17501799}
    17511800
     
    18491898}
    18501899
    1851 .main#graphs .messages { /* "graphing not supported" error */
    1852      margin-bottom: 20px;
     1900.main#graphs .messages {
     1901     margin-bottom: -5px;
    18531902}
    18541903
     
    23492398     border-spacing: 0;
    23502399     border-radius: 0 0 2px 2px;
    2351      border: 1px solid #7778bf;
    2352      background: none;
     2400     border: 1px solid #595a8f;
     2401     border-top: 1px solid #447;
     2402     background: #fafaff !important;
    23532403     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;
    23542404     padding: 8px;
     
    23572407     margin-right:auto;
    23582408     margin-top: -19px;
    2359      box-shadow: 0 1px 1px 1px rgba(210, 210, 255, 0.3);
     2409     box-shadow: 0 1px 1px 1px rgba(210, 210, 255, 0.3), inset 0 0 0 1px #bbf;
    23602410}
    23612411
     
    25292579}
    25302580
    2531 a:link {
     2581a:link, #graphopts a:visited {
    25322582     color: #3b6bbf;
    25332583     text-decoration: none;
     
    49244974     letter-spacing: normal;
    49254975     word-spacing: normal;
    4926      background: linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.6) 50%, rgba(240, 240, 240, 0.4)) #eef !important;
     4976     background: linear-gradient(to bottom, #fcfcff 50%, rgba(255, 255, 255, 0.6) 50%, rgba(240, 240, 255, 0.4)) !important;
    49274977     background-size: 100% 100%;
    49284978     padding: 8px 5px;
     
    53585408    border: none;
    53595409    background: none;
    5360     padding: 5px 0;
     5410    padding: 0;
    53615411}
    53625412
     
    53965446}
    53975447
    5398 .main#profiles #banlist li {
    5399      margin-bottom: 0;
     5448#profiles #banlist li {
     5449     margin: 0;
     5450}
     5451
     5452#banlist tt {
     5453     margin-left: 2px;
    54005454}
    54015455
     
    59566010     text-align: center;
    59576011     background: url(/themes/console/images/buttons/delete.png) center center no-repeat, url(images/header.png) center center repeat-x #eef;
    5958      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;
     6012     background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fafaff 50%, rgba(252, 252, 255, 0.8) 50%, #e2e2ff 100%) #fafaff !important;
    59596013     font-size: 0 !important;
    59606014     width: 5%;
     
    65416595.subheading.routerfiles {
    65426596     padding-left: 10px !important;
    6543      background: url(/themes/console/images/eepsite.png) right 5px center no-repeat, linear-gradient(to right, #7778bf 5px, #fafaff 5px, #eef) !important;
     6597     background: url(/themes/console/images/eepsite.png) right 7px center no-repeat, linear-gradient(to right, #7778bf 5px, #fafaff 5px, #eef) !important;
    65446598     background-size: 16px auto, 100% 100% !important;
    65456599}
     
    65476601.subheading.pluginfiles {
    65486602     padding-left: 10px !important;
    6549      background: url(/themes/console/images/plugin.png) right 5px center no-repeat, linear-gradient(to right, #7778bf 5px, #fafaff 5px, #eef) !important;
     6603     background: url(/themes/console/images/plugin.png) right 7px center no-repeat, linear-gradient(to right, #7778bf 5px, #fafaff 5px, #eef) !important;
    65506604     background-size: 16px auto, 100% 100% !important;
    65516605}
  • installer/resources/themes/console/light/console_ar.css

    rac75327 r5dd5a99  
    3434}
    3535
     36#debug h2 {
     37     background: url(/themes/console/images/info/debug.png) 6px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(to left, #fcfcff 5%, rgba(231, 231, 255, 0.8) 25%) !important;
     38     background-size: 20px 20px, 100% 100%, 100% 100% !important;
     39}
     40
     41#portmapper th:last-child, #portmapper td:last-child {
     42     text-align: center !important;
     43}
     44
     45.buckets {
     46     margin-bottom: -10px !important;
     47}
     48
    3649.routersummary h4 {
    3750     text-align: center;
     
    4154     margin: 0 212px -15px 0;
    4255     padding: 20px 20px 20px 10px;
     56     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;
    4357}
    4458
     
    4862
    4963h3 {
    50      font-size: 14pt;
     64     font-size: 13pt;
    5165     padding-right: 10px;
    5266}
     
    7488}
    7589
    76 input.search[type="text"] {
    77      background-position: right 4px center;
    78      padding: 5px 24px 5px 5px;
     90input.search[type="text"], input.search[type="text"]:focus {
     91     background-position: right 4px center !important;
     92     padding: 5px 24px 5px 5px !important;
    7993}
    8094
    8195button, input[type="submit"], input[type="reset"] {
    8296     display: inline-block;
     97     line-height: 120%;
    8398}
    8499
     
    120135}
    121136
    122 #statsForm, #joinfamily, #newfamily, table#permabanned {
     137#statsForm, #joinfamily, #newfamily, #permabanned {
    123138     margin-left: 0;
    124139     margin-right: 0;
     
    183198#sb_services a {
    184199     text-align: right !important;
    185      padding-right: 24px !important;
    186      background-position: right 2px center !important;
     200     padding-right: 28px !important;
     201     background-position: right 6px center !important;
    187202}
    188203
     
    283298}
    284299
     300#clientconfig, #webappconfig {
     301     margin-right: -32px;
     302}
     303
     304#clientconfig td:nth-child(2), #clientconfig td:nth-child(3) {
     305     text-align: center;
     306}
     307
     308#clientconfig th:first-child, #clientconfig td:first-child,
    285309#webappconfig th:first-child, #webappconfig td:first-child {
    286      text-align: right;
     310     text-align: left !important;
    287311}
    288312
     
    402426}
    403427
    404 td.optionsave {
     428td.optionsave, #peerdefs td:first-child {
    405429     text-align: left;
    406430}
    407431
    408432p.infohelp, p.infowarn, td.infohelp, td.infowarn,
    409 table#bugreports td.infohelp, p#debugmode, p#sybilinfo,
     433#bugreports td.infohelp, p#debugmode, p#sybilinfo,
    410434#bandwidthconfig tr:first-child .infohelp,
    411435#addkeyring td.infohelp, #joinfamily tr:nth-child(3) td:first-child,
     
    455479}
    456480
    457 table#manualreseed, #config_keyring .configtable {
     481#sidebarconf th:last-child {
     482     text-align: center !important;
     483}
     484
     485#sidebarconf th {
     486     text-align: right !important;
     487}
     488
     489#sidebarconf td:last-child {
     490     text-align: right !important;
     491     padding-left: 10px !important;
     492}
     493
     494#sidebarconf td:nth-last-child(2) {
     495     text-align: left !important;
     496}
     497
     498#manualreseed, #config_keyring .configtable {
    458499     margin-right: 0 !important;
    459500}
     
    464505}
    465506
    466 #clientconfig, #webappconfig {
    467      margin-right: -32px;
    468 }
    469 
    470 #clientconfig th:first-child {
    471      text-align: left;
    472 }
    473 
    474 #clientconfig td:nth-child(2), #clientconfig td:nth-child(3) {
    475      text-align: center;
    476 }
    477 
    478 table#plugininstall {
     507#plugininstall {
    479508     margin-right: 0 !important;
    480509}
    481510
    482 table#pluginconfig {
     511#pluginconfig {
    483512     margin-right: -32px !important;
    484513}
     
    506535}
    507536
    508 #configstats tr:last-child td {
     537#i2pupdates td:first-child, #reseedconfig td:first-child, #configstats tr:last-child td, textarea[name="levels"] {
    509538     text-align: left !important;
    510539}
    511540
    512 textarea[name="levels"] {
    513      text-align: left;
    514 }
    515 
    516 textarea#advancedsettings, #i2pupdates textarea, #addkeyring textarea, #reseedconfig textarea {
     541textarea#advancedsettings, #i2pupdates textarea, #addkeyring textarea, #reseedconfig textarea, #enviro {
    517542     direction: ltr;
    518543}
     
    524549#i2pupdates input[type="text"]:not([readonly]), #i2pupdates textarea, .main[id^="config_"] textarea, input[name="newsURL"] {
    525550    width: calc(100% - 10px);
    526 }
    527 
    528 #i2pupdates td:first-child, #reseedconfig td:first-child {
    529      text-align: left;
    530551}
    531552
     
    548569}
    549570
    550 .mediumtags {
     571.mediumtags, #enviro td {
    551572     text-align: left;
    552573}
     
    575596}
    576597
    577 table#addkeyring tr:last-child td {
     598#addkeyring tr:last-child td {
    578599     text-align: left;
    579600}
     
    602623}
    603624
     625.search td {
     626     padding-top: 4px !important;
     627     padding-bottom: 0 !important;
     628}
     629
    604630h4.app {
    605631     background: url(/themes/console/images/eepsite.png) 10px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(to left, #fff 5%, rgba(231, 231, 255, 0.8) 15%) right center !important;
     
    636662
    637663#newsDisplay {
    638      float: left;
    639664     margin-left: 0 !important;
    640665}
    641666
    642 #newsStatus, #newsDisplay {
     667#news #newsStatus, #newsDisplay {
     668     margin-top: 6px;
    643669     margin-bottom: -2px !important;
    644670}
     
    669695}
    670696
    671 table#leasesetdebug th:last-child, table#leasesetsummary th:last-child,
     697#leasesetdebug th:last-child, #leasesetsummary th:last-child,
    672698table.leaseset th:last-child, table.leaseset td:nth-child(2) {
    673699     text-align: left;
    674700}
    675701
    676 table#leasesetdebug th, table#leasesetsummary th, table.leaseset th {
     702#leasesetdebug th, #leasesetsummary th, table.leaseset th {
    677703     text-align: right;
    678704}
     
    687713}
    688714
    689 table#leasesetdebug td:nth-child(2n+1) {
    690      text-align: left;
    691 }
    692 
    693 table#leasesetdebug td:nth-child(2n) {
    694      text-align: right;
    695 }
    696 
    697 table#leasesetdebug, table#leasesetsummary, table.leaseset, table.sybil_routerinfo, #netdboverview, .netdbentry {
     715#leasesetdebug td:nth-child(2n+1) {
     716     text-align: left;
     717}
     718
     719#leasesetdebug td:nth-child(2n) {
     720     text-align: right;
     721}
     722
     723#leasesetdebug, #leasesetsummary, table.leaseset, table.sybil_routerinfo, #netdboverview, .netdbentry {
    698724     margin-right: 0;
    699725}
     
    727753}
    728754
    729 table#leasesetdebug td:first-child, table#leasesetsummary td:first-child {
     755#leasesetdebug td:first-child, #leasesetsummary td:first-child {
    730756     text-align: left;
    731757}
     
    840866}
    841867
     868#bugreports {
     869     padding: 10px 10px 10px 0;
     870}
     871
     872#logs #bugreports td.infohelp {
     873     padding: 5px 65px 5px 0 !important;
     874}
     875
    842876#logs table td:first-child {
    843      text-align: left;
    844877     padding-right: 15px;
    845878}
     
    847880.logtable tr:first-child td {
    848881     direction: ltr;
     882     text-align: right !important;
    849883}
    850884
     
    852886     text-align: left;
    853887     direction: ltr;
     888     width: 100%;
     889     margin-right: -15px;
     890}
     891
     892#wrapperlogs {
     893     margin-bottom: -10px !important;
    854894}
    855895
     
    913953#graphs td:first-child {
    914954     padding-right: 10px;
     955     text-align: left;
    915956}
    916957
    917958#consolepass tr:first-child td, p#clientconf.infohelp, p#webappconfigtext.infohelp, #floodfillconfig .infohelp,
    918959#bandwidthconfig tr:first-child .infohelp, h3#shutdownrouter + p.infohelp, h3#restartrouter + p.infohelp, h3#systray + p.infohelp,
    919 h3#servicedebug + p.infohelp, h3#browseronstart + p.infohelp, table#addkeyring td:first-child, #config_peers tr:nth-child(3) td.infohelp,
     960h3#servicedebug + p.infohelp, h3#browseronstart + p.infohelp, #addkeyring td:first-child, #config_peers tr:nth-child(3) td.infohelp,
    920961#config_reseed.main p.infohelp, #plugininstall tr:nth-child(3) td:nth-last-child(2), #manualreseed tr:nth-child(3) td:nth-last-child(2),
    921962#manualreseed tr:nth-child(5) td:nth-last-child(2), #plugininstall tr:nth-child(5) td:nth-last-child(2), #manualreseed tr:nth-last-child(2) td.infohelp,
    922963p#enablefullstats, p#gatherstats, #oldhome td:first-child, p#pluginconfigtext, #plugininstall .infohelp, #config_family .infohelp,
    923964#joinfamily tr:nth-child(3) td:first-child, #newfamily tr:last-child td:first-child, #config_summarybar .configtable td:not(.optionsave),
    924 table#bugreports td.infohelp {
     965#bugreports td.infohelp {
    925966     background-position: right 12px center !important;
    926967     padding: 15px 50px 15px 15px !important;
     
    10001041}
    10011042
     1043@media screen and (min-width: 1000px) {
     1044body {
     1045     overflow-x: hidden;
     1046}
     1047}
     1048
    10021049@media screen and (min-width: 1500px) {
    10031050.main, .news, h1, .sorry {
  • installer/resources/themes/console/midnight/console.css

    rac75327 r5dd5a99  
    13681368}
    13691369
    1370 #sb_services a:hover, #sb_internals a:hover, #sb_advanced a:hover, #sb_localtunnels tr:hover, #sb_localtunnels tr:hover a, .news a:hover, #console a:hover, tt a:hover {
     1370#sb_services a:hover, #sb_internals a:hover, #sb_advanced a:hover, #sb_localtunnels tr:hover, #sb_localtunnels tr:hover a,
     1371.news a:hover, #console a:hover, tt a:hover {
    13711372     background: #652787;
    1372      color: #fff; !important;
     1373     color: #fff !important;
    13731374     border-radius: 2px;
    13741375}
     
    17521753
    17531754#news #newsDisplay {
    1754      margin-right: -5px;
    1755 }
    1756 
    1757 #news #newsDisplay a {
    1758      padding: 2px 3px;
     1755     margin-right: -10px;
     1756}
     1757
     1758#news #newsDisplay, #graphopts {
     1759     color: transparent;
     1760}
     1761
     1762#news #newsStatus {
     1763     padding-top: 2px;
     1764     margin-left: -10px;
     1765}
     1766
     1767#news #newsDisplay {
     1768     padding: 0 0 3px;
     1769}
     1770
     1771#newsStatus, #news #newsDisplay, #news #newsDisplay a, #graphopts a {
     1772     display: inline-block;
     1773}
     1774
     1775#news #newsDisplay a, #graphopts a {
     1776     border: 1px solid #005;
     1777     margin: 0 -2px;
     1778     padding: 1px 10px !important;
     1779     background: #002;
     1780     background: rgba(0,0,64,0.4);
     1781     border-radius: 15px;
     1782     filter: drop-shadow(0 0 1px rgba(0,0,64,0.8));
     1783}
     1784
     1785#news #newsDisplay a:hover, #news #newsDisplay a:focus, #graphopts a:hover, #graphopts a:focus {
     1786     background: #030;
     1787     background: linear-gradient(to bottom, #005 50%, #001 50%);
     1788     border: 1px solid #006;
     1789     text-shadow: 0 1px 1px #000;
     1790}
     1791
     1792#news #newsDisplay a:active, #graphopts a:active {
     1793     background: #004;
     1794     box-shadow: inset 2px 2px 2px #000;
     1795}
     1796
     1797.news #newsDisplay, .news #newsStatus {
     1798     margin-top: 3px !important;
     1799     display: inline-block;
    17591800}
    17601801
     
    20282069     border: 1px solid #443da0;
    20292070     padding: 3px;
    2030      margin: 5px;
     2071     margin: 5px 4px;
    20312072     text-align: center !important;
    20322073     background: #000;
     
    20382079     border: 1px solid #652787;
    20392080     padding: 3px;
    2040      margin: 5px;
    20412081     text-align: center !important;
    20422082     background: #000;
     
    20572097     filter: invert(1) hue-rotate(180deg);
    20582098     background: #fff;
    2059      border: 1px solid #fff;
     2099     border: 1px solid #ddf;
    20602100}
    20612101
     
    20792119}
    20802120
    2081 p#graphopts {
     2121#graphopts {
    20822122     margin-top: 30px !important;
     2123     padding: 12px 0;
     2124}
     2125
     2126#graphopts a {
     2127     margin: 3px -2px;
     2128     background: #001;
     2129     border-color: #003;
     2130     padding: 0 10px !important;
     2131}
     2132
     2133#graphopts a, #graphopts a:visited {
     2134     color: #54508f;
     2135}
     2136
     2137#graphopts a:hover, #graphopts a:visited:hover, #graphopts a:focus {
     2138     color: #6762af;
     2139}
     2140
     2141#graphopts a:active {
     2142     color: #2d277f !important;
    20832143}
    20842144
     
    25292589     border-radius: 2px;
    25302590     box-shadow: inset 0 0 0 1px #000;
    2531      padding: 10px 10px 0;
     2591     padding: 10px;
    25322592     margin: 10px -5px 5px !important;
    25332593}
  • installer/resources/themes/snark/ubergine/snark.css

    rac75327 r5dd5a99  
    8080     filter: drop-shadow(0 1px 4px #000);
    8181     background: #101 url(images/snarktopnav.png) repeat-x scroll center center;
    82      background: linear-gradient(to bottom, #522852 0%, #4a2449 11%, #321831 33%, #281428 51%, #1c0e1c 52%, #101 54%, #101 100%);
     82     background: linear-gradient(to bottom, #522852, #4a2449 11%, #321831 33%, #281428 51%, #1c0e1c 52%, #101 54%);
    8383     min-width: 600px;
    8484     width: 70%;
     
    9595
    9696.iframed .snarknavbar {
    97      padding-bottom: 16px;
     97     padding-bottom: 14px;
    9898     margin-top: 0 !important;
    9999     margin-bottom: -6px !important;
    100100     width: auto !important;
    101101     border-radius: 0;
    102      box-shadow: inset 0 0 1px 0 #7f2f7f;
     102     box-shadow: inset 0 0 1px 0 #ffeffd;
    103103     filter: none;
     104     background: linear-gradient(to bottom, #522852, #4a2449 11%, #321831 33%, #281428 50%, #1c0e1c 50%, #101 54%);
    104105     position: static;
    105106}
     
    278279     margin-left: -18px;
    279280     padding-left: 10px;
     281     padding-right: 10px;
    280282}
    281283
     
    427429     border-bottom: 1px solid #313 !important;
    428430     padding-top: 3px;
    429      padding-bottom: 6px;
     431     padding-bottom: 4px;
    430432     border-bottom: 1px solid #313;
    431433     vertical-align: middle;
    432434}
    433435
     436.iframed .snarkTorrents thead th {
     437     padding-bottom: 3px;
     438}
     439
    434440.snarkTorrents thead th:nth-child(2) img {
    435      margin-bottom: 3px;
     441     margin-bottom: 2px;
    436442}
    437443
     
    509515
    510516th.snarkTorrentAction input[type="image"] {
    511      padding: 0;
     517     margin-bottom: 1px;
     518     padding: 1px 1px 0 0 !important;
    512519     max-width: 32px;
    513520     background: #40003f;
    514      border-radius: 2px;
     521     border-radius: 3px;
    515522     border: 1px solid #202;
    516523}
     
    541548     font-weight: normal;
    542549     vertical-align: middle;
     550}
     551
     552.snarkTorrents tfoot tr:first-child th {
     553     padding: 3px 2px;
     554}
     555
     556.iframed .snarkTorrents tfoot tr:first-child th {
     557     padding-top: 6px;
    543558}
    544559
     
    857872}
    858873
     874tr:hover .percentBarOuter {
     875     background: repeating-linear-gradient(135deg, rgba(0,0,0,0.7) 1px, rgba(0,0,0,0.7) 6px, rgba(16,0,16,0.7) 6px, rgba(16,0,16,0.7) 11px) !important;
     876}
     877
    859878.peerinfo .percentBarOuter {
    860879     background: repeating-linear-gradient(135deg, #000 1px, #000 6px, #0f0a08 6px, #0f0a08 11px) !important;
     
    872891}
    873892
     893tr:hover .percentBarInner {
     894     background: linear-gradient(to bottom, rgba(136, 17, 136, 0.2) 0%, rgba(85, 17, 85, 0.2) 50%, rgba(51, 17, 51, 0.2) 50%, rgba(0, 0, 0, 0.2) 100%);
     895}
     896
    874897.peerinfo .percentBarInner {
    875898     background: linear-gradient(to bottom, rgba(82, 57, 67, 0.7) 0%, rgba(95, 70, 41, 0.7) 50%, rgba(63, 47, 27, 0.7) 50%, rgba(31, 23, 13, 0.9) 100%);
     
    901924     text-align: center;
    902925     font-weight: bold;
    903      padding: 2px 0;
     926     padding: 1px 0;
    904927     white-space: nowrap;
    905928     display: block;
     
    10451068}
    10461069
     1070.iframed .configsection .snarkConfigTitle, .iframed .toggleview {
     1071     border: 1px solid #878;
     1072     border-bottom: 1px solid #767;
     1073     border-top: none;
     1074     border-radius: 0 0 50px 50px;
     1075     background: linear-gradient(to bottom, #434, #656 48%, #434 52%, #212 54%, #101);
     1076     min-width: 320px;
     1077     padding: 4px 0 !important;
     1078     filter: drop-shadow(0 1px 2px #101);
     1079}
     1080
     1081.iframed .configsection .snarkConfigTitle {
     1082     padding-bottom: 5px !important;
     1083}
     1084
     1085.iframed .configsection .snarkConfigTitle a, .iframed .toggleview {
     1086     color: #a9a;
     1087}
     1088
     1089.iframed .configsection .snarkConfigTitle img, .iframed .toggleview img {
     1090     mix-blend-mode: luminosity;
     1091}
     1092
     1093.iframed .configsection .snarkConfigTitle:hover img, .iframed .toggleview:hover img {
     1094     mix-blend-mode: normal;
     1095}
     1096
     1097.iframed .newtorrentsection .toggleview img {
     1098     margin: -1px -2px 2px 0 !important;
     1099}
     1100
     1101.iframed .addtorrentsection .toggleview img {
     1102     margin: 0 -1px 0 0 !important;
     1103}
     1104
     1105.iframed .configsection .snarkConfigTitle img {
     1106     margin: 0 -2px 0 0 !important;
     1107}
     1108
     1109/* alternative iconified section tabs for iframed view */
     1110/*
     1111.iframed .configsection .snarkConfigTitle, .iframed .toggleview, .iframed .configsection .snarkConfigTitle:focus, .iframed .toggleview:focus {
     1112     font-size: 0;
     1113     min-width: 0;
     1114     width: 200px !important;
     1115     padding: 1px 5px !important;
     1116     border-radius: 0 0 3px 3px;
     1117}
     1118
     1119.iframed .configsection .snarkConfigTitle img, .iframed .toggleview img, .iframed .newtorrentsection .toggleview img {
     1120     background: #323;
     1121     background: linear-gradient(to bottom, #878 50%, #434 50%);
     1122     border-radius: 50%;
     1123     padding: 3px;
     1124     margin: 0 !important;
     1125     border: 2px solid #101;
     1126     box-shadow: none !important;
     1127     filter: none !important;
     1128     mix-blend-mode: normal;
     1129}
     1130
     1131.iframed .configsection .snarkConfigTitle:hover img, .iframed .toggleview:hover img,
     1132.iframed .configsection .snarkConfigTitle:focus img, .iframed .toggleview:focus img {
     1133     filter: drop-shadow(0 0 3px #730) !important;
     1134     box-shadow: none !important;
     1135     mix-blend-mode: normal !important;
     1136}
     1137*/
     1138
    10471139.snarkConfigTitle:hover, .snarkConfigTitle:focus, label.toggleview:hover, label.toggleview:focus, .toggle_input:focus + label {
    1048      background: linear-gradient(to bottom, #5f475d 0%, #4f3b4f 50%, #1f001f 50%, #1f001f 100%);
     1140     background: linear-gradient(to bottom, #5f475d 0%, #4f3b4f 50%, #1f001f 50%, #1f001f 100%) !important;
    10491141     box-shadow: inset 0 0 1px #3f173f;
    10501142     color: #d2baff !important;
     
    10891181}
    10901182
     1183.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
     1184     min-width: 400px;
     1185}
     1186
    10911187.configsectionpanel .snarkConfigTitle:hover {
    10921188     color: #f7e3fc !important;
     
    16571753     box-shadow: inset 0 0 1px 0 #ffeffd;
    16581754     filter: none;
     1755     background-blend-mode: luminosity, normal;
    16591756}
    16601757
     
    32683365
    32693366/* end create torrent -> trackers table */
     3367
  • installer/resources/themes/snark/vanilla/snark.css

    rac75327 r5dd5a99  
    11611161}
    11621162
     1163#trackerselect td:first-child, #trackerselect td:last-child {
     1164     width: 30% !important;
     1165}
     1166
    11631167#trackerselect td:nth-child(2), #trackerselect td:nth-child(3) {
    11641168     min-width: 60px !important;
  • installer/resources/themes/susidns/dark/susidns.css

    rac75327 r5dd5a99  
    6060/* topnav */
    6161
    62 div#navi  {
     62#navi  {
    6363     border: 1px solid #2a5f29;
    6464     padding: 5px 3px;
     
    7373}
    7474
    75 .iframed div#navi  {
     75.iframed #navi  {
    7676     margin: -6px -15px 30px;
    7777     border: 1px solid #494;
     
    8787}
    8888
     89#navi a:first-child {
     90     border-radius: 4px 0 0 4px;
     91}
     92
     93#navi a:last-child {
     94     border-radius: 0 4px 4px 0;
     95}
     96
    8997#navi a, #navi a:visited {
    9098     color: #494 !important;
    9199     border: 1px solid #2a5f29;
    92      border-radius: 2px;
    93100     display: inline-block;
    94      margin: 1px 0;
    95      box-shadow: inset 0 0 0 1px #000;
    96      filter: drop-shadow(0 0 1px #000);
    97      padding: 2px 5px 3px 24px;
     101     margin: 1px -2px;
     102     box-shadow: inset 0 0 0 1px #000, 0 0 0 1px #000;
     103     padding: 2px 6px 3px 24px;
     104     position: relative;
     105     text-shadow: 0 1px 1px #000;
    98106}
    99107
     
    102110    color: #f60 !important;
    103111    background: #000;
    104     box-shadow: inset 0 1px 1px #ee9;
     112    z-index: 10;
    105113}
    106114
     
    295303     border: none;
    296304     background: none;
     305     margin: 0 0 0 10px;
     306     padding: 0;
    297307}
    298308
     
    349359     border-bottom: 1px dotted #494;
    350360     background: none;
     361     box-shadow: none;
     362     background: url(/themes/console/images/info/question.png) 5px center no-repeat;
     363     background-size: 18px 18px;
     364     padding-left: 30px;
    351365}
    352366
     
    356370
    357371#content p {
    358      line-height: 130%;
     372     line-height: 150%;
    359373}
    360374
     
    364378}
    365379
    366 div.headline {
     380.headline {
    367381     margin-top: -16px;
    368382}
     
    451465}
    452466
    453 a:link {
     467a:link, #filter a:visited {
    454468     color: #494;
    455469     text-decoration: none;
     
    11571171}
    11581172
    1159 div#navi {
     1173#navi {
    11601174     padding: 6px 5px !important;
    11611175}
  • installer/resources/themes/susidns/light/susidns.css

    rac75327 r5dd5a99  
    126126     box-shadow: inset 0 0 0 1px #fff;
    127127     filter: drop-shadow(0 0 1px rgba(204, 204, 204, 0.6));
     128     line-height: 110%;
    128129}
    129130
  • installer/resources/themes/susimail/light/susimail.css

    rac75327 r5dd5a99  
    10051005#dologin h1 {
    10061006     background: #fafaff;
    1007      background: linear-gradient(to bottom, #fafaff 50%, #f2f2ff 50%);
     1007     background: linear-gradient(to bottom, #fff 50%, #f2f2ff 50%);
    10081008     border-bottom: 1px solid #77789f;
    10091009     color: #4c526f;
Note: See TracChangeset for help on using the changeset viewer.