Changeset cf7a604 for installer


Ignore:
Timestamp:
Jun 12, 2017 12:45:51 PM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
3e4318c
Parents:
25c709a
Message:

UI updates

Console:

  • /logs: fixed environment/running info table resize on focus (ticket #1996)
  • Scale theme/language divs so we don't truncate language display
  • Arabic (light) adjust font size for sidebar elements
  • Sidebar network status display (ticket #1996)
  • Usability:
    • Enhance presentation of tables on /peers (improve header/column alignment, center to separator for multi-value rows)
    • Enhance presentation of tables on /tunnels (reliable alignment of mixed content in rows, more prominence to bandwidth tiers)

I2PSnark:

  • Usability: add tabindex="0" to screenlog
  • Update navbar link classes to allow easier targetting of button type
  • Remove disabled cursor for known tracker radio icons (ticket #1996)
  • Fix alignment issue for comments (ticket #1996)
  • ubergine: further optimize theme to reduce scroll lag (ticket #1996)
  • ubergine/vanilla:
    • Add mini-mode at ⇐800px
    • Small size reduction to navbar links (ticket #1996)

Imagegen:

  • Theme tweaks
Location:
installer/resources/themes
Files:
11 added
22 edited

Legend:

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

    r25c709a rcf7a604  
    88     text-align: left;
    99     background: #bbf url(images/bg.png) center center fixed;
     10     background-size: 120px 120px;
    1011     color: #0c153d;
    1112     font: 9pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif;
     
    2324     url(/themes/console/images/buttons/shutdown_hover.png) no-repeat,
    2425     url(/themes/console/images/buttons/update_hover.png) no-repeat, #bbf;
    25      background-size: 150px 150px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
     26     background-size: 120px 120px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
     27}
     28
     29::selection {
     30     text-shadow: none;
     31     background: #4a90d9;
     32     color: white;
     33}
     34
     35::-moz-selection {
     36     text-shadow: none;
     37     background: #4a90d9;
     38     color: white;
     39}
     40
     41.routersummary img[src$="i2plogo.png"], .routersummary h3, .confignav, *::before, *::after {
     42     -moz-user-select: none;
     43     -webkit-user-select: none;
     44     user-select: none;
    2645}
    2746
     
    323342}
    324343
    325 /* Sidebar */
     344/* sidebar */
    326345
    327346.routersummaryouter {
     
    338357     background: #eef url(images/bg0.png);
    339358     background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.2)), url(images/bg0.png);
     359     background-size: 100% 100%, 120px 120px;
    340360     width: 193px;
    341361     color: inherit;
     
    354374     width: 173px;
    355375     height: auto;
    356      filter: drop-shadow(0 0 1px #ccc);
     376     box-shadow: 0 0 1px 1px rgba(180,180,180,0.7);
     377     -moz-user-select: none;
     378     -webkit-user-select: none;
     379     user-select: none;
    357380}
    358381
    359382.routersummary a {
    360383     padding: 2px;
     384     vertical-align: middle;
    361385}
    362386
     
    423447     text-decoration: none !important;
    424448     color: #1f7096;
    425      line-height: 110%;
     449     line-height: 108%;
    426450     background: #fff url(images/bg2.png);
    427451     background: linear-gradient(to right, #eff2ff 0%, #fff 50%, #eff2ff);
     
    429453}
    430454
    431 .routersummary h3 a, .routersummary h4 a {
     455.routersummary h3 a {
    432456     text-decoration: none;
    433457     white-space: normal;
     
    583607}
    584608
    585 div.newsheadings {
     609.newsheadings {
    586610     text-align: right;
    587611     margin: -1px 5px -5px -23px;
     
    590614}
    591615
    592 div.newsheadings li {
     616.newsheadings ul {
     617     margin: 2px 5px -1px 38px;
     618     padding: 0;
     619     display: inline-block;
     620     width: 171px;
     621}
     622
     623.newsheadings li {
    593624     list-style: none outside url(images/newsbullet_mini.png);
    594      margin: 0 -4px 2px 8px;
    595 }
    596 
    597 div.newsheadings li:first-child {
     625     margin: 2px -4px 2px 8px;
     626     vertical-align: middle;
     627     line-height: 110%;
     628}
     629
     630.newsheadings li a {
     631     margin-top: -2px;
     632     margin-left: -3px;
     633     display: inline-block;
     634}
     635
     636.newsheadings li:first-child {
    598637     margin-top: -3px;
    599638}
    600639
    601 div.newsheadings ul {
    602      margin: 0 5px -3px 38px;
    603      padding: 0;
     640.newsheadings li:last-child {
     641     margin-bottom: 0;
    604642}
    605643
     
    626664     opacity: 1;
    627665     filter: drop-shadow(0 0 1px #89f);
     666     box-shadow: none;
    628667}
    629668
     
    636675}
    637676
    638 /* end Sidebar */
     677/* end sidebar */
    639678
    640679a:link {
     
    13501389     background: #eef url(/themes/snark/ubergine/images/hat.png) no-repeat scroll right bottom !important;
    13511390     background: url(/themes/snark/ubergine/images/hat.png) no-repeat scroll right bottom, url(images/bg0.png) repeat scroll top left !important;
    1352      background: url(/themes/snark/ubergine/images/hat.png) no-repeat scroll right bottom, linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.1)), url(images/bg0.png) !important;
     1391     background: url(/themes/snark/ubergine/images/hat.png) no-repeat scroll right -3px bottom -5px, linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.1)) top -1px center, url(images/bg0.png) top -3px center !important;
     1392     background-size: auto 180px, 100% 100%, 120px 120px !important;
     1393     box-shadow: inset 0 0 0 1px #e8e8f5;
    13531394}
    13541395
     
    14821523     background: #f9f9ea url(images/bg1.png);
    14831524     background: linear-gradient(to bottom, rgba(255,255,255,0.6), rgba(255,255,255,0.5)), url(images/bg1.png) #efefe0;
     1525     background-size: 100% 100%, 120px 120px;
    14841526     border: 1px solid #89f;
    14851527     border-bottom: 1px solid #89f;
     
    20032045     text-align: center !important;
    20042046     width: auto !important;
     2047}
     2048
     2049#thresholds tr:last-child td {
     2050     background: #fff;
    20052051}
    20062052
     
    22372283#enviro:hover tr, #enviro:hover td {
    22382284     background: #ffe;
    2239      border: #ffe;
     2285     border-top: 1px inset transparent;
     2286     border-bottom: 1px inset transparent;
    22402287}
    22412288
     
    22462293#enviro td:first-child {
    22472294     text-align: right;
    2248      width: 120px;
     2295     width: 1%;
    22492296     white-space: nowrap;
    22502297     padding-right: 0;
     
    26682715}
    26692716
    2670 .routersummary h2, .routersummary h3, div.confignav, th {
     2717.routersummary h2, .routersummary h3, div.confignav {
    26712718     background: url(images/tinytitle.png) center center repeat-x;
    26722719     background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%);
     
    26972744
    26982745th {
    2699      background-color: #fff;
     2746     background: #fff;
     2747     background: linear-gradient(to bottom, #fff, #eff2ff);
    27002748     padding: 5px;
    27012749     text-align: center;
     
    30843132     border-top: 0;
    30853133     padding: 5px 0;
    3086      background: #fff url(images/tinytitle.png) center center repeat-x;
    3087      background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%);
     3134     background: #fff;
     3135     background: linear-gradient(to right, #eff2ff, #fff, #eff2ff);
     3136     box-shadow: inset 0 0 0 1px #fff;
    30883137}
    30893138
     
    30923141}
    30933142
    3094 div.joblog {
     3143.joblog {
    30953144     margin: 10px 0;
    30963145     line-height: 130% !important;
    30973146}
    30983147
    3099 div.joblog li {
     3148.joblog li {
    31003149     word-wrap: break-word !important;
    31013150     line-height: 105% !important;
    31023151}
    31033152
    3104 div.joblog ul {
     3153.joblog ul {
    31053154     word-wrap: break-word !important;
    31063155}
    31073156
    3108 div.joblog li:first-child {
     3157.joblog li:first-child {
    31093158     margin-top: -5px;
    31103159}
    31113160
    3112 div.joblog li:last-child {
     3161.joblog li:last-child {
    31133162     margin-bottom: -5px;
    31143163}
    31153164
    3116 div.joblog form:first-child {
     3165.joblog form:first-child {
    31173166     margin-top: 10px;
    31183167}
    31193168
    3120 div.joblog table {
     3169.joblog table {
    31213170     margin-top: 15px;
    31223171}
    31233172
    3124 div.joblog p {
     3173.joblog p {
    31253174     line-height: 130%;
    31263175}
    31273176
    3128 div.joblog h3 {
     3177.joblog h3 {
    31293178     margin: 10px 0 20px 0;
    31303179}
    31313180
    3132 div.joblog h3:first-child {
     3181.joblog h3:first-child {
    31333182     margin: -10px 0 15px 0;
    31343183}
    31353184
    3136 div.joblog hr {
     3185.joblog hr {
    31373186     margin: 15px 0 15px;
    31383187}
     
    31423191}
    31433192
    3144 div.joblog ol {
     3193.joblog ol {
    31453194     margin-bottom: 5px !important;
    31463195     margin-top: -21px;
     
    32633312
    32643313.homelinkedit th:first-child, #sidebarconf th:first-child, #consolepass th:first-child {
    3265      background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%);
     3314     background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fff, #eff2ff);
    32663315     font-size: 0 !important;
    32673316     width: 5%;
     
    37493798}
    37503799
    3751 div.themechoice {
     3800.themechoice {
    37523801     width: 115px;
    37533802     min-height: 78px;
     
    38743923}
    38753924
    3876 div.themelabel {
     3925.themelabel {
    38773926     border-top: 1px solid #89f !important;
    38783927     margin: -25px -4px 0;
     
    38853934}
    38863935
    3887 div#themesettings {
     3936#themesettings {
    38883937     clear: both;
    38893938     border: 1px solid #89f;
     
    38933942}
    38943943
    3895 div#langsettings {
     3944#langsettings {
    38963945     border: 1px solid #89f;
    38973946     padding: 4px 5px 0;
     
    39083957}
    39093958
    3910 div.langselect { /* containing box for lang selection */
     3959.langselect {
    39113960     width: 115px;
    39123961     float: left;
     
    40044053}
    40054054
    4006 div.langselect + br {
     4055.langselect + br {
    40074056     display: none !important;
    40084057}
    40094058
    4010 div.langselect br {
     4059.langselect br {
    40114060     display: block;
    40124061}
    40134062
    4014 div.ui_lang { /* lang text label */
     4063.ui_lang {
    40154064     text-align: center;
    40164065     background: #eef url(images/tinytitle.png) center center;
     
    56745723
    56755724@media screen and (min-width: 1500px) {
    5676 body, .main, .main td, .news p, #news p, .tab, .tab2, .main li b, div.joblog li, .themelabel, .ui_lang, .applabel a, .statusnotes, .routersummary button.download,
     5725body, .main, .main td, .news p, #news p, .tab, .tab2, .main li b, .joblog li, .themelabel, .ui_lang, .applabel a, .statusnotes, .routersummary button.download,
    56775726#peerdefs, #profile_defs, #thresholds, #configinfo, .infohelp, .infowarn, button, input, select, textarea, code, tt, pre, .netdbentry th, .configtable th, .statlist a[name],
    56785727.statlist b, .statlist li b, .statlist a[name]:hover, div.messages, th {
     
    57395788.applabel a {
    57405789     height: 16px !important;
     5790     padding-top: 3px;
    57415791}
    57425792
     
    57475797h3, h3.ptitle, h3.tabletitle, th.th_title {
    57485798     font-size: 11pt;
     5799}
     5800
     5801.newsheadings ul {
     5802     width: 202px;
    57495803}
    57505804
     
    58235877}
    58245878
    5825 div.joblog h3 {
     5879.joblog h3 {
    58265880     margin-top: 8px;
    58275881}
     
    58625916     font-size: 0 !important;
    58635917}
     5918
     5919.themechoice, .langselect {
     5920     width: 140px !important;
     5921}
     5922
     5923.themechoice .optbox, .langselect .optbox {
     5924     width: 144px !important;
     5925}
     5926
     5927.themechoice .optbox {
     5928     margin-left: -48px !important;
     5929}
     5930
     5931.langselect .optbox {
     5932     margin-left: -64px !important;
     5933}
     5934
     5935.langselect img[src^="/flags"] {
     5936     margin-left: -81px !important;
     5937}
    58645938}
    58655939
     
    58845958
    58855959/* end Edge/IE tweaks */
     5960
     5961/* network status */
     5962
     5963.routersummary .error, .routersummary .warn, .routersummary .testing, .routersummary .hidden,
     5964.routersummary .running, .routersummary .firewalled, .routersummary .vmcomm, .routersummary .clockskew {
     5965     display: inline-block;
     5966     vertical-align: middle;
     5967     border: 1px solid #88f;
     5968     border-radius: 2px;
     5969     padding: 6px 3px;
     5970     width: calc(100% - 10px);
     5971     margin: -5px 0 -6px;
     5972     box-shadow: inset 0 0 0 1px #fff, 0 0 1px rgba(96,96,96,0.5);
     5973     text-shadow: 0 1px 1px #fff;
     5974}
     5975
     5976.routersummary .firewalled {
     5977     background: rgba(255,220,255,0.3);
     5978     background: repeating-linear-gradient(135deg, rgba(220,255,220,0.5) 2px, rgba(110,255,110,0.1) 3px, rgba(220,255,220,0.5) 5px);
     5979}
     5980
     5981.routersummary .error {
     5982     background: rgba(255,110,110,0.1);
     5983     box-shadow: inset 0 0 0 1px rgba(255,0,0,0.3), 0 0 1px rgba(96,96,96,0.5);
     5984}
     5985
     5986.routersummary .warn, .routersummary .clockskew {
     5987     background: rgba(255,255,200,0.4);
     5988     box-shadow: inset 0 0 0 1px #ff0, 0 0 1px rgba(96,96,96,0.5);
     5989}
     5990
     5991.routersummary .testing {
     5992     background: rgba(255,220,110,0.1);
     5993}
     5994
     5995.routersummary .hidden, .routersummary .vmcomm {
     5996     background: rgba(220,220,220,0.4);
     5997}
     5998
     5999.routersummary .running {
     6000     background: rgba(220,255,220,0.2);
     6001}
     6002
     6003.routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before,
     6004.routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before {
     6005     padding-right: 2px;
     6006     vertical-align: middle;
     6007     display: inline-block;
     6008     filter: drop-shadow(0 0 1px rgba(96,96,96,0.5));
     6009}
     6010
     6011.routersummary .error::before, .routersummary .clockskew::before {
     6012     content: url(/themes/console/images/info/network_status/network_error.png);
     6013}
     6014
     6015.routersummary .warn::before {
     6016     content: url(/themes/console/images/info/network_status/network_warning.png);
     6017}
     6018
     6019.routersummary .testing::before {
     6020     content: url(/themes/console/images/info/network_status/network_testing.png);
     6021}
     6022
     6023.routersummary .hidden::before {
     6024     content: url(/themes/console/images/info/network_status/network_hidden.png);
     6025}
     6026
     6027.routersummary .running::before {
     6028     content: url(/themes/console/images/info/network_status/network_ok.png);
     6029}
     6030
     6031.routersummary .firewalled::before {
     6032     content: url(/themes/console/images/info/network_status/network_firewalled.png);
     6033}
     6034
     6035.routersummary .vmcomm::before {
     6036     content: url(/themes/console/images/info/network_status/network_vm.png);
     6037}
     6038
     6039.routersummary .clockskew::before {
     6040     content: url(/themes/console/images/info/network_status/network_clockskew.png);
     6041}
     6042
     6043/* end network status */
     6044
     6045/* welcome */
     6046
     6047div[lang="ar"] li {
     6048     margin: 0 10px 0 30px;
     6049}
     6050
     6051div[lang="ar"] h3, div[lang="ar"] li {
     6052     text-align: right;
     6053}
     6054
     6055.main#console li:first-child {
     6056     padding-top: 10px;
     6057}
     6058
     6059#console .links {
     6060     margin-left: 0;
     6061}
     6062
     6063.twocol {
     6064     columns: 2 400px;
     6065     column-gap: 20px !important;
     6066     display: block;
     6067     margin: 10px 0 !important;
     6068}
     6069
     6070p + .twocol {
     6071     margin: 10px 30px !important;
     6072}
     6073
     6074.twocol li {
     6075     break-inside: avoid;
     6076     page-break-inside: avoid;
     6077     -webkit-break-inside: avoid;
     6078}
     6079
     6080.twocol li:first-child {
     6081     margin-top: 0 !important
     6082     padding-top: 0 !important;
     6083     padding-bottom: 0 !important;
     6084}
     6085
     6086.main#console p {
     6087     padding-top: 0;
     6088     padding-bottom: 0;
     6089}
     6090
     6091/* end welcome */
     6092
     6093
  • installer/resources/themes/console/dark/console.css

    r25c709a rcf7a604  
    1818
    1919::selection {
    20      background: #030 !important;
    21      color: white;
     20     background: rgba(0,187,0,0.99) !important;
     21     color: #000;
     22     text-shadow: none;
    2223}
    2324
    2425::-moz-selection {
    25      background: #030 !important;
    26      color: white;
     26     background: #0b0 !important;
     27     color: #000;
     28     text-shadow: none;
     29}
     30
     31.routersummary img[src$="i2plogo.png"], .routersummary h3, .confignav, *::before, *::after {
     32     -moz-user-select: none;
     33     -webkit-user-select: none;
     34     user-select: none;
    2735}
    2836
     
    439447}
    440448
     449#sb_services, #sb_internals, #sb_advanced {
     450     margin-top: -4px !important;
     451}
     452
    441453#sb_internals a, #sb_services a, #sb_advanced a {
    442454     padding: 1px 2px;
     
    733745
    734746#news h3 {
    735      padding: 4px 8px 5px 10px;
     747     padding: 6px 8px 6px 10px;
    736748     letter-spacing: 0.08em !important;
    737749     word-spacing: normal !important;
     
    833845     padding: 1px 0 0 18px;
    834846     display: inline-block;
    835      opacity: 0.9;
     847     opacity: 0.7;
    836848     text-transform: none;
    837849}
     
    13881400
    13891401.links {
    1390 /*     padding-bottom: -2px; */
    13911402     text-align: justify;
    13921403     margin-top: 10px;
    1393      margin-bottom: -10px;
    13941404}
    13951405
    13961406.links li {
    13971407     list-style-image: url(images/link.png) !important;
     1408     text-align: justify !important;
     1409     line-height: 160% !important;
     1410}
     1411
     1412/* welcome */
     1413
     1414.twocol {
     1415     columns: 2 400px;
     1416     column-gap: 0 !important;
     1417     display: block;
     1418}
     1419
     1420.twocol li {
     1421     break-inside: avoid;
     1422     page-break-inside: avoid;
     1423     -webkit-break-inside: avoid;
     1424}
     1425
     1426.twocol li:first-child {
     1427     margin-top: 0 !important;
     1428}
     1429
     1430div[lang="de"] .twocol, div[lang="pt"] .twocol, div[lang="es"] .twocol, div[lang="sv"] .twocol {
     1431     background: rgba(0,32,0,0.3);
     1432     border: 1px solid #000;
     1433     border-radius: 4px;
     1434     padding: 10px;
     1435     margin: 10px -5px 5px !important;
     1436}
     1437
     1438p + .twocol, div[lang="de"] p + .twocol {
     1439     margin: 10px 25px !important;
     1440}
     1441
     1442.main#console p {
     1443   margin: 5px 20px 10px;
     1444}
     1445
     1446.main#console ul {
     1447     margin-left: 10px;
     1448     margin-right: 10px;
     1449     line-height: 150%;
     1450}
     1451
     1452.main#console li {
     1453     text-align: justify;
    13981454}
    13991455
     
    14031459     line-height: 165%;
    14041460}
     1461
     1462/* end welcome */
    14051463
    14061464p {
     
    24412499/* /configui lang selection boxes + theme selection */
    24422500
    2443 div.themechoice {
     2501.themechoice {
    24442502     background: #000;
    24452503     background: linear-gradient(to bottom, #010 0%, #000 100%);
     
    24592517/*
    24602518@-moz-document url-prefix() {
    2461 div.themechoice {
     2519.themechoice {
    24622520     min-height: 75px;
    24632521}
     
    26512709     opacity: 0;
    26522710     outline: 1px dotted !important;
    2653      min-height: 60px;
    26542711     min-width: 111px !important;
    2655      margin: -5px 0 -30px -2px;
     2712     margin: -7px 0 -34px -2px;
     2713     min-height: 66px;
    26562714     vertical-align: text-bottom;
    26572715     text-align: center;
     
    32043262/* /configupdate */
    32053263
    3206 table#i2pupdates {
     3264#i2pupdates {
    32073265     margin-top: 11px;
    32083266     margin-bottom: 10px;
    32093267}
    32103268
    3211 table#i2pupdates td:first-child {
     3269#i2pupdates td:first-child {
    32123270     width: 15%;
    32133271     white-space: nowrap;
     
    32163274}
    32173275
    3218 table#i2pupdates td {
     3276#i2pupdates td {
    32193277     padding: 2px 3px;
     3278}
     3279
     3280#i2pupdates td:first-child::before {
     3281     content: "";
     3282     display: inline-block;
     3283     min-height: 32px;
     3284     vertical-align: middle;
    32203285}
    32213286
     
    32243289}
    32253290
    3226 table#i2pupdates input[name*="URL"], table#i2pupdates textarea {
     3291#i2pupdates input[name*="URL"], #i2pupdates textarea {
    32273292     width: 98%;
    32283293     width: calc(100% - 17px);
    32293294}
    32303295
    3231 table#i2pupdates tr:last-child td {
     3296#i2pupdates tr:last-child td {
    32323297     padding-right: 6px;
    32333298     background: #000 !important;
     
    38363901#enviro:hover td {
    38373902     background: #010;
    3838      border: #010;
     3903     border-top: 1px inset transparent;
     3904     border-bottom: 1px inset transparent;
    38393905     color: #ff0;
    38403906}
     
    38463912
    38473913#enviro td:first-child {
    3848      width: 100px;
     3914     width: 1%;
    38493915     text-align: right;
    38503916     padding-right: 0;
     
    42744340     text-align: right;
    42754341     color: #494;
    4276      font-size: 7pt;
     4342     font-size: 8pt;
    42774343     margin-bottom: 5px !important;
    42784344}
     
    42874353
    42884354.topness {
    4289      font-size: 7.5pt;
     4355     font-size: 8pt;
    42904356     text-align: right;
    4291      margin-top: -10px !important;
     4357     margin-top: 0 !important;
    42924358     margin-bottom: -5px;
    42934359     margin-right: 5px;
     
    44504516
    44514517.appimg {
    4452      height: 35px;
    4453      padding: 5px 0 8px;
     4518     height: 32px;
     4519     padding: 0 0 6px;
    44544520}
    44554521
     
    45534619#i2psnarkframe {
    45544620     margin-bottom: -2px !important;
    4555      background: linear-gradient(45deg, rgba(0,0,0,0.5), rgba(0,34,0,0.7)), url(images/camotile2.png);
    4556      background-size: 3px 3px, 175px 175px;
     4621     background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)), url(images/camotile2.png);
     4622     background-size: 100% 100%, 175px 175px;
    45574623}
    45584624
     
    52315297     border: 1px solid #494;
    52325298     margin: -11px 0 10px;
    5233      padding: 5px 15px;
     5299     padding: 0 15px 5px;
    52345300     background: #000;
    52355301}
     
    52435309}
    52445310
    5245 table#pluginconfig, table#i2pupdates, table.homelinkedit, table#peerdefs {
     5311table#pluginconfig, #i2pupdates, table.homelinkedit, table#peerdefs {
    52465312     margin-top: -1px;
    52475313}
     
    53845450
    53855451#configstats td {
    5386      padding: 6px 5px;
     5452     padding: 8px 5px;
    53875453}
    53885454
     
    53905456     width: 1%;
    53915457     white-space: nowrap;
    5392      padding: 6px 8px;
     5458     padding: 8px;
    53935459}
    53945460
     
    57245790}
    57255791
    5726 table#i2pupdates td:first-child {
     5792#i2pupdates td:first-child {
    57275793     white-space: normal;
    57285794     width: 30%;
     
    58515917}
    58525918
    5853 img.app, img.app2p {
     5919.appimg {
     5920     height: 35px;
     5921     padding: 5px 0 8px;
    58545922}
    58555923
     
    59566024
    59576025.langbox {
    5958      margin: 5px 4px 2px 5px;
     6026     margin: 4px 4px 2px 5px;
     6027     line-height: 17px !important;
    59596028}
    59606029
     
    59826051table#reseedconfig input[type="text"], table#reseedconfig input[type="password"] {
    59836052     width: 250px;
     6053}
     6054
     6055.themechoice, .langselect {
     6056     width: 140px;
     6057}
     6058
     6059.themechoice .optbox {
     6060     min-width: 144px !important;
     6061     margin-left: -48px !important;
     6062}
     6063
     6064.langselect .optbox {
     6065     min-width: 144px !important;
     6066}
     6067.langselect img {
     6068     margin-left: -81px !important;
     6069}
     6070.langselect input[name="lang"]:checked + img {
     6071     margin-left: -82px !important;
     6072}
     6073}
     6074
     6075@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1500px) {
     6076.langselect img, .langselect input[name="lang"]:checked + img {
     6077     margin-left: -10px !important;
     6078     margin-top: -18px !important;
     6079}
     6080
     6081.langselect input[name="lang"]:checked + img {
     6082     margin-left: -11px !important;
     6083     margin-top: -19px !important;
    59846084}
    59856085}
     
    60986198
    60996199/* end Edge/IE tweaks */
     6200
     6201/* network status */
     6202
     6203.routersummary h4 a {
     6204     width: auto !important;
     6205     vertical-align: middle;
     6206     display: inline;
     6207}
     6208
     6209.routersummary .error, .routersummary .warn, .routersummary .testing, .routersummary .hidden,
     6210.routersummary .running, .routersummary .firewalled, .routersummary .vmcomm, .routersummary .clockskew {
     6211     display: inline-block;
     6212     vertical-align: middle;
     6213     border: 1px solid #316f30;
     6214     box-sizing: border-box;
     6215     padding: 6px 3px;
     6216     width: 100%;
     6217     margin: -5px 0;
     6218     box-shadow: inset 0 0 0 1px #000;
     6219     text-shadow: 0 1px 1px #000;
     6220}
     6221
     6222.routersummary .firewalled {
     6223     border: 1px dotted #316f30;
     6224     border: 1px dotted rgba(49, 111, 48, 0.6);
     6225}
     6226
     6227.routersummary .error {
     6228     border: 1px solid #900;
     6229     border: 1px solid rgba(153, 0, 0, 0.6);
     6230}
     6231
     6232.routersummary .warn, .routersummary .clockskew {
     6233     border: 1px solid #aa0;
     6234     border: 1px solid rgba(170, 170, 0, 0.6);
     6235}
     6236
     6237.routersummary .testing {
     6238     border: 1px solid #fa0;
     6239     border: 1px solid rgba(255, 170, 0, 0.6);
     6240}
     6241
     6242.routersummary .hidden, .routersummary .vmcomm {
     6243     border: 1px dotted #777;
     6244     border: 1px solid rgba(119, 119, 119, 0.6);
     6245}
     6246
     6247.routersummary .running {
     6248     border: 1px solid #316f30;
     6249     border: 1px solid rgba(49, 111, 48, 0.6);
     6250}
     6251
     6252.routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before,
     6253.routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before {
     6254     padding: 0 2px;
     6255     vertical-align: middle;
     6256     display: inline-block;
     6257     filter: drop-shadow(0 0 1px rgba(192,192,192,0.5));
     6258}
     6259
     6260.routersummary .error::before, .routersummary .clockskew::before {
     6261     content: url(/themes/console/images/info/network_status/network_error.png);
     6262}
     6263
     6264.routersummary .warn::before {
     6265     content: url(/themes/console/images/info/network_status/network_warning.png);
     6266}
     6267
     6268.routersummary .testing::before {
     6269     content: url(/themes/console/images/info/network_status/network_testing.png);
     6270}
     6271
     6272.routersummary .hidden::before {
     6273     content: url(/themes/console/images/info/network_status/network_hidden.png);
     6274     padding: 0 3px;
     6275}
     6276
     6277.routersummary .running::before {
     6278     content: url(/themes/console/images/info/network_status/network_ok.png);
     6279}
     6280
     6281.routersummary .firewalled::before {
     6282     content: url(/themes/console/images/info/network_status/network_firewalled.png);
     6283}
     6284
     6285.routersummary .vmcomm::before {
     6286     content: url(/themes/console/images/info/network_status/network_vm.png);
     6287}
     6288
     6289.routersummary .clockskew::before {
     6290     content: url(/themes/console/images/info/network_status/network_clockskew.png);
     6291}
     6292
     6293/* end network status */
     6294
  • installer/resources/themes/console/dark/console_ar.css

    r25c709a rcf7a604  
    4848     direction: rtl;
    4949     text-align: right;
     50}
     51
     52h3, h3.welcome {
     53     border-width: 1px 5px 1px 1px;
     54}
     55
     56#news h3 {
     57     border-width: 1px 1px 1px 5px;
    5058}
    5159
  • installer/resources/themes/console/dark/console_big.css

    r25c709a rcf7a604  
    66     text-shadow: none !important;
    77     font-weight: normal !important;
    8 }
    9 
    10 h1 {
    11      font-size: 20pt;
    12      padding: 11px 15px;
    13 }
    14 
    15 h3 {
    16      font-size: 14pt !important;
    178}
    189
     
    8576}
    8677
    87 h2 {
    88      font-size: 16pt;
    89      text-shadow: none;
    90      font-weight: normal;
    91 }
    92 
    93 h3 {
    94      font-size: 15pt;
    95 }
    96 
    97 h4, h4.app, h4.app2 {
    98      font-size: 14pt;
    99 }
    100 
    10178p, div.main {
    10279     font-size: 11pt;
     
    11996
    12097code, pre, tt {
     98     font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    12199     font-size: 11pt;
    122100     font-weight: normal;
     101}
     102
     103.cells tt, .cells tt a {
     104     font-size: 9pt !important;
    123105}
    124106
     
    203185}
    204186
     187#console div[lang="zh"], #console li, #console p {
     188     line-height: 170%;
     189     letter-spacing: 0.1em;
     190     word-spacing: 0.15em;
     191     font-size: 10.5pt !important;
     192}
     193
     194#console code {
     195     letter-spacing: normal;
     196     word-spacing: normal;
     197}
     198
     199.twocol {
     200     column-gap: 0 !important;
     201     background: rgba(0,32,0,0.4);
     202     border: 1px solid #000;
     203     border-radius: 4px;
     204     padding: 10px;
     205}
     206
     207li .twocol {
     208     margin-top: 15px !important;
     209     margin-bottom: -15px !important;
     210}
     211
     212.twocol li {
     213     margin-left: 40px !important;
     214}
     215
     216#console ul li {
     217     list-style: none;
     218     margin-left: 10px;
     219}
     220
     221#console div[lang="zh"] a {
     222     background: rgba(0,64,0,0.3);
     223     padding: 0 3px;
     224     border-radius: 2px;
     225     line-height: 180%;
     226}
     227
    205228@media screen and (min-width: 0) {
    206 p, .main {
     229h1 {
     230     font-size: 20pt !important;
     231     padding: 11px 15px;
     232}
     233
     234h2 {
     235     font-size: 16pt !important;
     236     text-shadow: none;
     237     font-weight: normal;
     238}
     239
     240h3 {
     241     font-size: 15pt !important;
     242     padding: 8px 10px;
     243}
     244
     245h4, h4.app, h4.app2 {
     246     font-size: 14pt;
     247}
     248
     249p, .main, #console code {
    207250     font-size: 11pt !important;
    208251}
     
    237280}
    238281
     282@media screen and (max-width: 1000px) {
     283#console div[lang="zh"], #console p, #console li {
     284     font-size: 10.5pt !important;
     285}
     286}
     287
    239288@media screen and (max-width: 1500px) {
    240289.tab, .tab2 {
     
    248297
    249298.langbox {
    250      margin-top: 6px !important;
     299     margin-top: 5px !important;
     300     margin-right: 5px !important;
    251301     line-height: 17px;
    252302}
  • installer/resources/themes/console/dark/i2ptunnel.css

    r25c709a rcf7a604  
    389389     transition: ease filter 0.3s 0s;
    390390     box-shadow: inset 0 0 1px #880;
    391      font-weight: bold;
    392391     outline: none;
    393 }
    394 
    395 textarea[readonly]:focus {
    396      font-weight: normal;
    397392}
    398393
     
    430425     box-shadow: 0 0 1px #f60;
    431426     color: #111;
    432      font-weight: bold;
    433427     outline: none;
    434428}
     
    441435     border: 1px solid #494 !important;
    442436     opacity: 0.8;
    443      font-weight: normal;
    444437}
    445438
     
    998991.tunnelConfig td, td {
    999992     border-top: 1px inset #1c3f1b;
    1000      padding: 5px;
     993     padding: 8px 5px;
    1001994}
    1002995
  • installer/resources/themes/console/light/console.css

    r25c709a rcf7a604  
    5050     color: white;
    5151     text-shadow: none;
     52}
     53
     54.routersummary img[src$="i2plogo.png"], .routersummary h3, .confignav, *::before, *::after {
     55     -moz-user-select: none;
     56     -webkit-user-select: none;
     57     user-select: none;
    5258}
    5359
     
    237243     padding: 2px 0;
    238244     color: #2c4e8f;
     245     line-height: 110%;
    239246}
    240247
     
    282289
    283290.routersummary h4 a {
    284      display: inline-block;
     291/*     display: inline-block;*/
    285292     vertical-align: middle;
    286293}
     
    992999#config_reseed input[type="text"], #config_reseed input[type="password"] {
    9931000     min-width: 300px;
     1001}
     1002
     1003#reseedconfig tr:nth-child(2) br {
     1004     display: none;
     1005}
     1006
     1007#reseedconfig tr:nth-child(2) label {
     1008     white-space: nowrap;
     1009     margin-right: 10px;
    9941010}
    9951011
     
    18861902}
    18871903
    1888 #enviro:hover td {
    1889      background: rgba(255,255,239,0.4);
    1890      border: rgba(255,255,239,0.4);
    1891 }
    1892 
    18931904#enviro td {
    18941905     padding-top: 5px;
     
    18961907}
    18971908
     1909#enviro:hover td {
     1910     background: rgba(255,255,239,0.4);
     1911     border-top: 1px inset transparent;
     1912     border-bottom: 1px inset transparent;
     1913}
     1914
    18981915#enviro td:first-child {
    1899      width: 100px;
     1916     width: 1%;
    19001917     text-align: right;
    19011918     padding-right: 0;
    19021919     white-space: nowrap;
    1903      padding-left: 10px
     1920     padding-left: 10px;
    19041921}
    19051922
     
    23372354.links li {
    23382355     list-style: url(images/link.png) !important;
    2339      text-align: justify;
     2356     text-align: justify !important;
    23402357     line-height: 140% !important;
    23412358     margin-right: 10px !important;
     
    30003017}
    30013018
     3019/* welcome section */
     3020
    30023021.langbox {
    3003      margin:3px 1px 0 5px;
     3022     margin: 3px 1px 0 5px;
    30043023     padding: 2px 3px;
    30053024     color: #001;
     
    30333052     transform: scale(1.0);
    30343053}
     3054
     3055.twocol {
     3056     columns: 2 400px;
     3057     column-gap: 0 !important;
     3058     display: block;
     3059     margin: 10px 0;
     3060}
     3061
     3062.twocol li {
     3063     break-inside: avoid;
     3064     page-break-inside: avoid;
     3065     -webkit-break-inside: avoid;
     3066}
     3067
     3068.twocol li:first-child {
     3069     margin-top: 0 !important;
     3070}
     3071
     3072.main#console p {
     3073   margin-left: 10px;
     3074   margin-right: 10px;
     3075}
     3076
     3077/* end welcome section */
    30353078
    30363079input[type="submit"], input[type="reset"], button, .optbox, select {
     
    38403883     text-align: right;
    38413884     color: #447;
    3842      font-size: 7pt;
     3885     font-size: 8pt;
    38433886     margin-bottom: -5px !important;
    38443887}
     
    38483891     background: #447;
    38493892     background: linear-gradient(to right, #77a, #669, #77a);
     3893     height: 2px;
     3894     border-bottom: 1px solid #fff;
     3895}
     3896
     3897@media screen and (-webkit-min-device-pixel-ratio:0) {
     3898div.footnote hr {
    38503899     height: 1px;
    3851      box-shadow: 0 0 0 1px #eef;
     3900}
    38523901}
    38533902
     
    39383987}
    39393988
    3940 .themechoice .optbox, .langselect .optbox {
     3989.main#config_ui .themechoice .optbox, .main#config_ui .langselect .optbox {
    39413990     vertical-align: text-bottom;
    39423991}
    39433992
    3944 div.themechoice {
     3993.themechoice {
    39453994     width: 115px;
    39463995     overflow: hidden;
     
    39824031}
    39834032
    3984 .main[id^="config_"] .themechoice .optbox {
    3985      min-height: 82px !important;
    3986      min-width: 118px !important;
     4033.main#config_ui .themechoice .optbox {
     4034     min-height: 88px !important;
     4035     min-width: 123px !important;
    39874036     opacity: 0; /* hide the radio icon so we can use thumbnail img instead */
    3988      margin-left: -36px !important;
    3989      margin-top: 4px;
     4037     margin-left: -38px !important;
     4038     margin-top: 0;
    39904039     z-index: 999 !important;
    39914040     outline: 1px dotted #f00;
     
    40324081     background: url(/themes/console/images/info/notice.png) left 14px center no-repeat, #fff;
    40334082     background-size: 28px 28px;
    4034 }
    4035 
    4036 #reseedconfig tr:nth-child(2) br {
    4037      display: none;
    4038 }
    4039 
    4040 #reseedconfig tr:nth-child(2) label {
    4041      white-space: nowrap;
    4042      margin-right: 10px;
    40434083}
    40444084
     
    41324172}
    41334173
    4134 .langselect .optbox, .langselect .optbox:hover, .langselect .optbox:focus {
    4135      min-width: 118px !important;
    4136      min-height: 50px !important;
     4174.main#config_ui .langselect .optbox, .main#config_ui .langselect .optbox:hover, .main#config_ui .langselect .optbox:focus {
    41374175     width: 118px !important;
     4176     min-height: 56px !important;
    41384177     height: 56px !important;
    41394178     margin-left: -2px;
     
    42084247     color: #f60 !important;
    42094248     background: linear-gradient(to right, #eef, #fff, #eef) !important;
    4210 }
    4211 
    4212 div.flagradio {
    4213      margin-top: 2px;
    42144249}
    42154250
     
    43424377}
    43434378
     4379/*
    43444380#ntcpconnections td:nth-child(6), #ntcpconnections td:nth-child(7), #ntcpconnections td:nth-child(8), #ntcpconnections td:nth-child(9), #ntcpconnections td:nth-child(10),
    43454381#ntcpconnections .tablefooter td:nth-child(3), #ntcpconnections .tablefooter td:nth-child(4), #ntcpconnections .tablefooter td:nth-child(5), #ntcpconnections .tablefooter td:nth-child(6) {
     
    43474383     padding-right: 1vw !important;
    43484384}
     4385*/
    43494386
    43504387#ntcpconnections td:nth-child(4), #ntcpconnections td:nth-child(5), #udpconnections td:nth-child(4),
     
    43534390}
    43544391
    4355 #udpconnections .tablefooter td {
     4392#udpconnections .tablefooter td, #ntcpconnections .tablefooter td {
    43564393     padding-left: 5px;
    43574394     padding-right: 5px;
    4358 }
    4359 
    4360 @media screen and (min-width: 1500px) {
    4361 #ntcpconnections td:nth-child(6), #ntcpconnections td:nth-child(7), #ntcpconnections td:nth-child(8), #ntcpconnections td:nth-child(9), #ntcpconnections td:nth-child(10),
    4362 #udpconnections td:nth-child(6), #udpconnections td:nth-child(7), #udpconnections td:nth-child(9), #udpconnections td:nth-child(10), #udpconnections td:nth-child(11),
    4363 #udpconnections td:nth-child(13), #udpconnections td:nth-child(14), #udpconnections td:nth-child(15), #udpconnections td:nth-child(16),
    4364 #ntcpconnections .tablefooter td:nth-child(3), #ntcpconnections .tablefooter td:nth-child(4), #ntcpconnections .tablefooter td:nth-child(5), #ntcpconnections .tablefooter td:nth-child(6),
    4365 #udpconnections .tablefooter td:nth-child(3), #udpconnections .tablefooter td:nth-child(4), #udpconnections .tablefooter td:nth-child(7), #udpconnections .tablefooter td:nth-child(8),
    4366 #udpconnections .tablefooter td:nth-child(10), #udpconnections .tablefooter td:nth-child(11), #udpconnections .tablefooter td:nth-child(12), #udpconnections .tablefooter td:nth-child(13) {
    4367      padding-right: 10px !important;
    4368 }
    4369 
    4370 .cells {
    4371      border-left: none;
    4372      border-right: none;
    4373 }
    43744395}
    43754396
     
    47684789
    47694790#netdblookup {
     4791     margin-top: 15px;
    47704792     margin-bottom: -8px;
    47714793}
     
    56965718     padding-left: 5px !important;
    56975719}
     5720
     5721#ntcpconnections .cells {
     5722     border-left: none;
     5723     border-right: none;
     5724}
    56985725}
    56995726
     
    57075734#jardump tt, #jardump td, div.news, #logs li, .cells tt, #profilelist tt, .leaseset tt {
    57085735     font-size: 9pt !important;
     5736}
     5737
     5738#udpconnections .cells {
     5739     border-left: none;
     5740     border-right: none;
    57095741}
    57105742
     
    57685800
    57695801.routersummary .reload, .routersummary .stop {
    5770      min-width: 96px;
     5802     min-width: 95px;
    57715803     margin: 0 3px -5px;
    57725804}
     
    58245856}
    58255857*/
     5858.langbox {
     5859     line-height: 120%;
     5860     margin: 4px 2px 0 5px;
     5861}
    58265862
    58275863.langbox img {
    5828      margin: -1px 0 1px 1px;
     5864     margin: -1px 0 2px 2px;
    58295865}
    58305866
     
    58685904}
    58695905
     5906.themechoice, .langselect {
     5907     width: 140px !important;
     5908}
     5909
     5910.main#config_ui .themechoice .optbox, .main#config_ui .langselect .optbox,
     5911.main#config_ui .themechoice .optbox:hover, .main#config_ui .langselect .optbox:hover,
     5912.main#config_ui .themechoice .optbox:focus, .main#config_ui .langselect .optbox:focus {
     5913     width: 144px !important;
     5914}
     5915
     5916.main#config_ui .themechoice .optbox {
     5917     margin-left: -49px !important;
     5918     min-height: 92px !important;
     5919}
     5920
     5921.main#config_ui .langselect .optbox, .main#config_ui .langselect .optbox:hover, .main#config_ui .langselect .optbox:focus {
     5922     margin-left: -2px !important;
     5923}
     5924
    58705925_:-ms-lang(x), #browseronstart {
    58715926     margin-bottom: -15px !important;
     
    59035958/* end Edge/IE tweaks */
    59045959
    5905 
     5960/* TODO: Merge with main classes above */
    59065961/* top navigation */
    59075962
     
    59245979     font-weight: bold;
    59255980     color: #000;
    5926      background: #efefff linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.6) 52%, rgba(240, 240, 240, 0.4)) !important;
     5981     background: linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.6) 52%, rgba(240, 240, 240, 0.4)) #efefff !important;
     5982     background: linear-gradient(to right, rgba(255,255,255,0.7), rgba(255,255,255,0) 5%, rgba(255,255,255,0) 95%, rgba(255,255,255,0.7)), linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.6) 52%, rgba(240, 240, 240, 0.4)) #efefff !important;
     5983     -moz-user-select: none;
     5984     -webkit-user-select: none;
     5985     user-select: none;
    59275986}
    59285987
     
    59886047/* end topnav */
    59896048
     6049/* network status */
     6050
     6051.routersummary .error, .routersummary .warn, .routersummary .testing, .routersummary .hidden,
     6052.routersummary .running, .routersummary .firewalled, .routersummary .vmcomm, .routersummary .clockskew, .tunnelBuildStatus {
     6053     display: inline-block;
     6054     vertical-align: middle;
     6055     border: 1px solid #88f;
     6056     border-radius: 2px;
     6057     padding: 6px 3px;
     6058     width: calc(100% - 10px);
     6059     width: 100%;
     6060     margin: -4px -1px;
     6061     box-sizing: border-box;
     6062     box-shadow: inset 0 0 0 1px #fff, 0 0 1px rgba(96,96,96,0.5);
     6063     text-shadow: 0 1px 1px #fff;
     6064}
     6065
     6066.routersummary .firewalled {
     6067     background: repeating-linear-gradient(135deg, rgba(220,255,220,0.3) 2px, rgba(255,255,220,0.3) 3px, rgba(220,255,220,0.3) 5px);
     6068}
     6069
     6070.routersummary .error {
     6071     background: rgba(255,110,110,0.1);
     6072     box-shadow: inset 0 0 0 1px rgba(255,0,0,0.3), 0 0 1px rgba(96,96,96,0.5);
     6073     background: repeating-linear-gradient(135deg, rgba(255,100,100,0.1) 2px, rgba(255,200,200,0.3) 3px,  rgba(255,100,100,0.1) 5px);
     6074     border: 1px dotted #d33;
     6075}
     6076
     6077.routersummary .warn, .routersummary .clockskew {
     6078     background: rgba(255,255,200,0.25);
     6079     box-shadow: inset 0 0 0 1px #ff0, 0 0 1px rgba(96,96,96,0.5);
     6080}
     6081
     6082.routersummary .testing {
     6083     background: rgba(255,220,110,0.1);
     6084}
     6085
     6086.routersummary .hidden, .routersummary .vmcomm {
     6087     background: rgba(220,220,220,0.4);
     6088}
     6089
     6090.routersummary .vmcomm {
     6091     border: 1px dotted #999;
     6092}
     6093
     6094.routersummary .running {
     6095     background: rgba(220,255,220,0.15);
     6096}
     6097
     6098.routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before,
     6099.routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before {
     6100     padding-right: 3px;
     6101     vertical-align: middle;
     6102     display: inline-block;
     6103     filter: drop-shadow(0 0 1px rgba(96,96,96,0.5));
     6104}
     6105
     6106.routersummary .error::before, .routersummary .clockskew::before {
     6107     content: url(/themes/console/images/info/network_status/network_error.png);
     6108}
     6109
     6110.routersummary .warn::before {
     6111     content: url(/themes/console/images/info/network_status/network_warning.png);
     6112}
     6113
     6114.routersummary .testing::before {
     6115     content: url(/themes/console/images/info/network_status/network_testing.png);
     6116}
     6117
     6118.routersummary .hidden::before {
     6119     content: url(/themes/console/images/info/network_status/network_hidden.png);
     6120}
     6121
     6122.routersummary .running::before {
     6123     content: url(/themes/console/images/info/network_status/network_ok.png);
     6124}
     6125
     6126.routersummary .firewalled::before {
     6127     content: url(/themes/console/images/info/network_status/network_firewalled.png);
     6128     padding-right: 4px;
     6129}
     6130
     6131.routersummary .vmcomm::before {
     6132     content: url(/themes/console/images/info/network_status/network_vm.png);
     6133}
     6134
     6135.routersummary .clockskew::before {
     6136     content: url(/themes/console/images/info/network_status/network_clockskew.png);
     6137}
     6138
     6139/* end network status */
     6140
     6141/* tunnel build status */
     6142
     6143.tunnelBuildStatus {
     6144     background: rgba(220,255,220,0.15);
     6145     color: #070;
     6146}
     6147
     6148.tunnelStatusAccept {
     6149     background: rgba(220,255,220,0.15);
     6150     color: #070;
     6151}
     6152
     6153.tunnelStatusReject {
     6154     background: rgba(255,110,110,0.1);
     6155     color: #070;
     6156}
     6157
     6158.tunnelStatusRejectHidden {
     6159     background: rgba(220,220,220,0.4);
     6160     color: #777;
     6161}
     6162
     6163.tunnelBuildStatus::before, .tunnelStatusAccept::before, .tunnelStatusReject::before, .tunnelStatusRejectHidden::before {
     6164     margin-bottom: 1px;
     6165     padding-right: 1px;
     6166     vertical-align: -30%;
     6167     vertical-align: middle;
     6168     display: inline-block;
     6169     filter: drop-shadow(0 0 1px rgba(96,96,96,0.5));
     6170}
     6171
     6172.tunnelBuildStatus::before {
     6173     content: url(/themes/console/images/info/network_status/accepting.png);
     6174}
     6175
     6176.tunnelStatusAccept::before {
     6177     content: url(/themes/console/images/info/network_status/accepting.png);
     6178}
     6179
     6180.tunnelStatusReject::before {
     6181     content: url(/themes/console/images/info/network_status/rejecting.png);
     6182}
     6183
     6184.tunnelStatusRejectHidden::before {
     6185     content: url(/themes/console/images/info/network_status/rejecting_hidden.png);
     6186}
     6187
     6188/* end tunnel build status */
     6189
     6190/* peers */
     6191
     6192#ntcpconnections th:nth-child(6), #ntcpconnections th:nth-child(7), #ntcpconnections th:nth-child(8), #ntcpconnections th:nth-child(9), #ntcpconnections th:nth-child(10) {
     6193     text-align: right;
     6194}
     6195
     6196#udpconnections th:nth-child(6), #udpconnections th:nth-child(7), #udpconnections th:nth-child(n+9) {
     6197     text-align: right;
     6198}
     6199
     6200#udpconnections th:nth-child(12) {
     6201     text-align: center;
     6202}
     6203
     6204.peersort {
     6205     text-align: center;
     6206     display: inline-block;
     6207}
     6208
     6209.right {
     6210     text-align: right;
     6211     margin: 0 1px;
     6212     display: inline-block;
     6213     width: 40%
     6214}
     6215
     6216.left {
     6217     text-align: left;
     6218     margin: 0 1px;
     6219     display: inline-block;
     6220     width: 40%
     6221}
     6222
     6223.peeripv6:empty {
     6224     padding: 0;
     6225     width: 0;
     6226}
     6227
     6228.cwnd .left, .cwnd .right {
     6229     width: auto;
     6230}
     6231
     6232#udpconnections td:nth-child(n+13), #udpconnections .tablefooter td:nth-child(n+10) {
     6233     padding-right: 1%;
     6234}
     6235
     6236/* end peers */
     6237
     6238/* /tunnels */
     6239
     6240tt a {
     6241     letter-spacing: 0.07em;
     6242}
     6243
     6244.tunnel_cap {
     6245     background: rgba(0,0,64,0.3);
     6246     color: #fff;
     6247     border: 1px solid rgba(0,0,64,0.2);
     6248     border-radius: 2px;
     6249     min-width: 12px;
     6250     padding: 0 2px;
     6251     display:inline-block;
     6252     margin: 1px 2px 1px 6px;
     6253     text-align: center !important;
     6254     text-shadow: 0 1px 1px #555;
     6255}
     6256
     6257.tunnel_cap:empty {
     6258     border: none;
     6259}
     6260
     6261.tunnel_id {
     6262     display: inline-block;
     6263     min-width: 74px;
     6264     text-align: right;
     6265}
     6266
     6267.tunnel_id:empty {
     6268     margin-right: -3px;
     6269     min-width: 0;
     6270}
     6271
     6272.tunnel_peer {
     6273     display: inline-block;
     6274     min-width: 56px;
     6275     text-align: right;
     6276}
     6277
     6278.tunnel_peer:empty {
     6279     vertical-align: top;
     6280}
     6281
     6282.tunnel_peer:empty::before {
     6283     // TODO: Find a way of indicating that these entries represent the local router
     6284     content: "";
     6285     display: inline-block;
     6286     height: 12px;
     6287     width: 18px;
     6288     //background: rgba(192,192,192,0.35);
     6289     margin-right: 6px;
     6290     border-radius: 1px;
     6291     text-align: center;
     6292     font-size: 7pt;
     6293     font-weight: bold;
     6294     line-height: 12px;
     6295     padding: 1px 2px;
     6296}
     6297
     6298@media screen and (max-width: 1100px) {
     6299.tunnel_id, .tunnel_peer {
     6300     min-width: 0 !important;
     6301     text-align: center !important;
     6302}
     6303
     6304.tunnel_peer:empty {
     6305     vertical-align: middle;
     6306}
     6307
     6308.tunnel_peer:empty::before {
     6309     margin: 1px 6px 1px 2px;
     6310}
     6311
     6312@media screen and (min-width: 1500px) {
     6313.tunnel_cap {
     6314     margin-left: 10px;
     6315     padding: 0 1px;
     6316     min-width: 10px;
     6317}
     6318
     6319.tunnel_id:empty {
     6320     margin-right: -10px;
     6321}
     6322}
     6323
     6324/* end tunnels */
  • installer/resources/themes/console/light/console_ar.css

    r25c709a rcf7a604  
    224224
    225225.confignav {
    226      margin-left: -19px !important;
    227      margin-right: -19px !important;
     226     margin-left: -21px !important;
     227     margin-right: -21px !important;
     228     margin-top: -5px !important;
    228229     direction: ltr;
    229230}
     
    258259}
    259260
    260 div[lang="ar"] li.tidylist {
     261div[lang="ar"] .links li {
    261262     list-style: none;
    262      margin-bottom: 15px;
    263 }
    264 
    265 ul.links li:first-child {
     263     margin-bottom: 15px;
     264}
     265
     266div[lang="ar"] ul li {
     267     list-style-image: url("images/link.png") !important;
     268     list-style-position: outside;
     269     margin-left: 0 !important;
     270     padding-left: 0 !important;
    266271     margin-top: 15px !important;
    267 }
    268 
    269 .main#help ul.links li:first-child {
     272     margin-right: 50px !important;
     273}
     274
     275div[lang="ar"] ul, div[lang="ar"] p {
     276     margin: 10px;
     277}
     278
     279.links li:first-child {
     280     margin-top: 15px !important;
     281}
     282
     283.main#help .links li:first-child {
    270284     margin-top: -10px !important;
    271285}
    272286
    273 .main#help ul.links li {
     287.main#help .links li {
    274288     margin-right: 70px !important;
    275289}
    276290
    277 .main#help .tidylist {
     291.main#help .links li {
    278292    margin: 5px 50px 5px 20px;
    279293}
    280294
    281 .tidylist code {
     295.links li code {
    282296     text-align: right;
    283297}
     
    822836}
    823837
     838.routersummary h4, .routersummary h4 span, .routersummary h4 span a {
     839     font-size: 11pt !important;
     840}
     841
     842.routersummary td:first-child, .routersummary td:nth-last-child(n+2), .routersummary td a {
     843     font-size: 10.5pt !important;
     844}
     845
     846.routersummary h4 span::before {
     847     padding: 0 0 0 5px;
     848}
     849
    824850@media screen and (min-width: 1500px) {
    825851.main, .news, h1 {
  • installer/resources/themes/console/light/console_big.css

    r25c709a rcf7a604  
    2525button, input[type="submit"], input[type="reset"] {
    2626    font-size: 10.5pt !important;
    27     font-family: "Droid Sans", Verdana, "Bitstream Vera Sans", Tahoma, Helvetica, sans-serif;
    28     padding: 5px 5px 5px 20px !important;
     27    padding: 5px 5px 5px 22px !important;
    2928}
    3029
     
    5958div.routersummary h4, div.routersummary h4 a {
    6059     font-size: 10.5pt !important;
    61 /*     letter-spacing: 0.1em;*/
    6260}
     61
    6362div.routersummary b {
    6463     font-size: 9.5pt;
     
    7271}
    7372
    74 /*
    75 b {
    76      color: #152 !important;
    77 }
    78 */
    79 
    8073div.news {
    8174     font-size: 9pt;
     
    8881.smallhead {
    8982     font-size: 8.5pt
    90 }
    91 
    92 table {
    93      font: 10pt/130% "Droid Sans", Verdana, "Bitstream Vera Sans", Tahoma, Helvetica, sans-serif;
    9483}
    9584
     
    133122}
    134123
    135 .tab2 {
    136      color: #222;
    137 }
    138 
    139124#config_service p.infohelp, #config_clients p.infohelp, #config_clients p.infowarn, #config_clients p#pluginconfig, #config_tunnels p.infohelp,
    140125p#enablefullstats {
     
    149134     font-size: 8.5pt !important;
    150135}
     136
     137
     138@media screen and (min-width: 1500px) {
     139.langbox {
     140     line-height: 115% !important;
     141}
     142}
     143
  • installer/resources/themes/console/midnight/console.css

    r25c709a rcf7a604  
    5353     background: #22296f !important;
    5454     color: white;
     55}
     56
     57.routersummary img[src$="i2plogo.png"], .routersummary h3, .confignav, *::before, *::after {
     58     -moz-user-select: none;
     59     -webkit-user-select: none;
     60     user-select: none;
    5561}
    5662
     
    12481254     color: #2a1fbe;
    12491255     line-height: 120%;
    1250      text-shadow: 0 0 1px #000;
    1251      box-shadow: inset 0 0 0 1px #005;
    12521256}
    12531257
     
    22562260.links li {
    22572261     list-style-image: url(images/link.png) !important;
     2262     text-align: justify! important;
     2263     line-height: 150%;
    22582264}
    22592265
     
    24012407}
    24022408
     2409/* welcome */
     2410
    24032411.langbox {
    24042412     margin: 5px 4px 2px 5px;
     
    24222430     transform: scale(1.1);
    24232431}
     2432
     2433.twocol {
     2434     columns: 2 400px;
     2435     column-gap: 0 !important;
     2436     display: block;
     2437     margin: 5px 0;
     2438}
     2439
     2440div[lang="de"] .twocol, div[lang="pt"] .twocol, div[lang="es"] .twocol, div[lang="sv"] .twocol {
     2441     background: rgba(0,0,48,0.3);
     2442     border: 1px solid #002;
     2443     border-radius: 2px;
     2444     box-shadow: inset 0 0 0 1px #000;
     2445     padding: 10px 10px 0;
     2446     margin: 10px -5px 5px !important;
     2447}
     2448
     2449p + .twocol, div[lang="de"] p + .twocol {
     2450     margin: 10px 25px !important;
     2451}
     2452
     2453.twocol li {
     2454     break-inside: avoid;
     2455     page-break-inside: avoid;
     2456     -webkit-break-inside: avoid;
     2457}
     2458
     2459.twocol li:first-child {
     2460     margin-top: 0 !important;
     2461}
     2462
     2463.main#console p {
     2464   margin: 5px 20px 10px;
     2465}
     2466
     2467div[lang="de"] ul.links {
     2468     margin: 0 30px -10px 20px;
     2469}
     2470
     2471div[lang] li {
     2472   line-height: 160% !important;
     2473}
     2474
     2475/* end welcome */
    24242476
    24252477hr {
     
    37923844
    37933845table#i2pupdates {
    3794      margin-top: 11px;
     3846     margin-top: -1px;
    37953847     margin-bottom: -3px !important;
    37963848}
     
    38733925#sidebarconf button {
    38743926     margin: 2px;
    3875      padding: 4px 3px;
     3927     padding: 4px 3px !important;
    38763928     min-width: 0;
    38773929     background: #000;
    3878      background: linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%);
     3930     background: linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
    38793931}
    38803932
     
    43964448#enviro:hover td {
    43974449     background: #001;
    4398      border: #001;
     4450     border-top: 1px inset transparent;
     4451     border-bottom: 1px inset transparent;
    43994452     color: #dd0;
    44004453}
     
    44064459
    44074460#enviro td:first-child {
    4408      width: 100px;
     4461     width: 1%;
    44094462     text-align: right;
    44104463     padding-right: 0;
     4464     white-space: nowrap;
    44114465}
    44124466
     
    62266280}
    62276281
    6228 #sb_general td::after, #sb_shortgeneral td::after, #sb_bandwidth td::after,
    6229 #sb_peers td::after, #sb_tunnels td::after, #sb_queue td::after {
     6282#sb_general td::after, #sb_shortgeneral td::after, #sb_bandwidth td::after, #sb_peers td::after, #sb_tunnels td::after, #sb_queue td::after {
    62306283   min-height: 18px;
    62316284}
     
    62746327}
    62756328
     6329h3#themeheading, h3#langheading, h3#passwordheading {
     6330     font-size: 12pt !important;
     6331}
     6332
    62766333h3#i2pclientconfig, h3#pconfig, h3#pluginfromurl, h3#pluginfromfile, #clientconf.infohelp, h3#pluginmanage, h3#webappconfig {
    62776334     margin-bottom: -15px !important;
     
    62976354     min-height: 30px;
    62986355}
    6299 
    63006356
    63016357div.joblog h3 {
     
    63136369
    63146370.langbox {
    6315      margin-top: 5px;
     6371     margin-top: 6px;
     6372     line-height: 16px;
    63166373}
    63176374
     
    63456402table#reseedconfig input[type="text"], table#reseedconfig input[type="password"] {
    63466403     width: 250px;
     6404}
     6405
     6406.themechoice, .langselect {
     6407     width: 134px !important;
     6408}
     6409
     6410.ui_lang {
     6411     width: 138px;
     6412}
     6413
     6414.themechoice .optbox, .langselect .optbox {
     6415     min-width: 138px !important;
     6416     outline: 1px dotted #f00;
     6417     opacity: 0;
     6418}
     6419
     6420.themechoice .optbox {
     6421     margin-left: -42px !important;
     6422}
     6423
     6424.langselect .optbox {
     6425     margin: -7px 0 -34px -2px;
     6426     min-height: 64px;
     6427}
     6428
     6429.langselect img {
     6430    margin-left: -78px !important;
     6431}
     6432
     6433.langselect input[name="lang"]:checked + img {
     6434    margin-left: -79px !important;
     6435}
     6436}
     6437
     6438@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1500px) {
     6439.langselect img, .langselect input[name="lang"]:checked + img {
     6440     margin-left: -10px !important;
     6441     margin-top: -16px !important;
     6442}
     6443
     6444.langselect input[name="lang"]:checked + img {
     6445     margin-left: -11px !important;
     6446     margin-top: -18px !important;
    63476447}
    63486448}
     
    64686568
    64696569/* end IE/Edge tweaks */
     6570
     6571/* network status */
     6572
     6573.routersummary h4 a {
     6574     width: auto !important;
     6575     vertical-align: middle;
     6576     display: inline;
     6577}
     6578
     6579.routersummary .error, .routersummary .warn, .routersummary .testing, .routersummary .hidden,
     6580.routersummary .running, .routersummary .firewalled, .routersummary .vmcomm, .routersummary .clockskew {
     6581     display: inline-block;
     6582     vertical-align: middle;
     6583     border: 1px solid #342f7f;
     6584     border-radius: 2px;
     6585     padding: 6px 3px;
     6586     width: 100%;
     6587     margin: -3px -1px;
     6588     box-shadow: inset 0 0 0 1px #000;
     6589     text-shadow: 0 1px 1px #000;
     6590     box-sizing: border-box;
     6591}
     6592
     6593.routersummary .firewalled {
     6594     border: 1px dotted #342f7f;
     6595}
     6596
     6597.routersummary .error {
     6598     border: 1px dotted #700;
     6599}
     6600
     6601.routersummary .warn, .routersummary .clockskew {
     6602     border: 1px solid #550;
     6603}
     6604
     6605.routersummary .testing {
     6606     border: 1px dotted #4F4B1D;
     6607}
     6608
     6609.routersummary .hidden, .routersummary .vmcomm {
     6610     border: 1px dotted #777;
     6611}
     6612
     6613.routersummary .running {
     6614     border: 1px solid #342f7f;
     6615     border: 1px solid rgba(52, 47, 127, 0.6);
     6616}
     6617
     6618.routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before,
     6619.routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before {
     6620     padding: 0 2px;
     6621     vertical-align: middle;
     6622     display: inline-block;
     6623     filter: drop-shadow(0 0 1px rgba(220,220,220,0.7));
     6624}
     6625
     6626.routersummary .error::before, .routersummary .clockskew::before {
     6627     content: url(/themes/console/images/info/network_status/network_error.png);
     6628}
     6629
     6630.routersummary .warn::before {
     6631     content: url(/themes/console/images/info/network_status/network_warning.png);
     6632}
     6633
     6634.routersummary .testing::before {
     6635     content: url(/themes/console/images/info/network_status/network_testing.png);
     6636}
     6637
     6638.routersummary .hidden::before {
     6639     content: url(/themes/console/images/info/network_status/network_hidden.png);
     6640     padding: 0 3px;
     6641}
     6642
     6643.routersummary .running::before {
     6644     content: url(/themes/console/images/info/network_status/network_ok.png);
     6645}
     6646
     6647.routersummary .firewalled::before {
     6648     content: url(/themes/console/images/info/network_status/network_firewalled.png);
     6649}
     6650
     6651.routersummary .vmcomm::before {
     6652     content: url(/themes/console/images/info/network_status/network_vm.png);
     6653}
     6654
     6655.routersummary .clockskew::before {
     6656     content: url(/themes/console/images/info/network_status/network_clockskew.png);
     6657}
     6658
     6659/* end network status */
     6660
     6661#sb_services, #sb_internals, #sb_advanced {
     6662     margin-top: -2px !important;
     6663}
     6664
  • installer/resources/themes/console/midnight/console_ar.css

    r25c709a rcf7a604  
    389389div[lang="ar"] ul li {
    390390     list-style-image: url("images/link.png") !important;
    391      list-style-position: inside;
     391     list-style-position: outside;
    392392     margin-left: 0 !important;
    393393     padding-left: 0 !important;
    394      margin-top: 15px !important;]
     394     margin-top: 15px !important;
     395     margin-right: 50px !important;
    395396}
    396397
  • installer/resources/themes/imagegen/imagegen.css

    r25c709a rcf7a604  
    44body {
    55     background: #eef url(/themes/console/classic/images/bg0.png);
     6     background: linear-gradient(to bottom, rgba(255,255,255,0.4), rgba(255,255,255,0.2)), url(/themes/console/classic/images/bg0.png);
     7     background-size: 100% 100%, 120px 120px;
    68     font: 10pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", "Segoe UI", Verdana, "Lucida Grande", Helvetica, sans-serif;
    79     margin: 18px 20px 10px;
     
    3436     color: #0c153d;
    3537     margin-bottom: 10px;
    36      box-shadow: inset 0 0 0 1px #fff;
     38     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #aaa;
    3739     text-shadow: 1px 1px 1px #fff;
    3840     text-transform: uppercase;
    3941     letter-spacing: 0.08em;
    4042     word-spacing: 0.1em;
    41      filter: drop-shadow(0 0 1px #aaa);
    4243}
    4344
     
    7980     padding: 1px;
    8081     background: #fff;
    81      filter: drop-shadow(0 0 1px #aaa);
     82     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #aaa;
    8283}
    8384
     
    9394     border-radius: 2px;
    9495     text-align: center;
    95      filter: drop-shadow(0 0 1px #aaa);
    9696     font-weight: normal;
    9797     height: 16px;
     98     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #aaa;
    9899}
    99100
     
    104105     padding: 5px;
    105106     background: linear-gradient(to right, #efefff, #fff 10%, #fff 90%, #efefff);
    106      box-shadow: inset 0 0 0 1px #fff;
    107107}
    108108
     
    114114
    115115hr {
    116      height: 1px;
     116     height: 2px;
    117117     background: #7778bf;
    118118     border: none;
     119     border-bottom: 1px solid #fff;
    119120     margin-top: 10px;
    120121}
     
    130131
    131132iframe pre {
    132      font-size: 20pt !important;;
     133     font-size: 20pt !important;
    133134}
    134135
     
    165166     background: #fff;
    166167     background: linear-gradient(to right, #efefff, #fff 10%, #fff 90%, #efefff);
    167      box-shadow: inset 0 0 0 1px #fff;
     168     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #aaa;
    168169     border-radius: 0 0 2px 2px;
    169      filter: drop-shadow(0 1px 1px #999);
    170170     text-rendering: optimizeLegibility;
    171171}
     
    177177
    178178button, select {
    179      filter: drop-shadow(0 0 1px #fff);
     179     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #aaa;
    180180}
    181181
  • installer/resources/themes/snark/classic/snark.css

    r25c709a rcf7a604  
    66     color: #0c153d;
    77     background: #eef url(/themes/console/classic/images/bg0.png) repeat scroll center bottom;
     8     background-size: 120px 120px;
    89}
    910
     
    1718     url(images/button_forum_hover.png) no-repeat,
    1819     url(images/button_forum_active.png) no-repeat, #eef;
    19      background-size: 150px 150px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
     20     background-size: 120px 120px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
    2021}
    2122
     
    9596}
    9697
    97 .snarkRefresh:link, .snarkRefresh:visited {
     98.snarkNav:link, .snarkNav:visited {
    9899     display: inline-block;
     100     color: #444688;
    99101     font-size: 9pt;
    100102     font-weight: bold;
     
    104106     letter-spacing: .1em;
    105107     text-transform: uppercase !important;
    106      color: #444688;
    107108     border: 1px solid #ccf;
    108109     border-right: 1px solid #aaf;
    109110     border-bottom: 1px solid #aaf;
    110      border-radius: 0;
     111     box-shadow: inset 0 0 0 1px #fff, 0 0 1px rgba(200,200,200,0.5);
     112}
     113
     114.snarkNav:link:last-child {
     115     margin-left: 3px;
     116}
     117
     118.nav_main:link {
     119     background: url(images/button_snark.png) 7px center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     120}
     121
     122.nav_forum:link {
     123     background: url(images/button_forum.png) 7px center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     124}
     125
     126.nav_tracker:link {
    111127     background: url(images/button_tracker.png) 7px center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    112      box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px rgba(200,200,200,0.3);
    113 }
    114 
    115 .snarkRefresh:link:last-child {
    116      margin-left: 3px;
    117 }
    118 
    119 .snarkRefresh:link:first-child {
    120      background: url(images/button_snark.png) 7px center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    121 }
    122 
    123 .snarkRefresh:link:nth-child(2) {
    124      background: url(images/button_forum.png) 7px center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    125 }
    126 
    127 .snarkRefresh:hover, .snarkRefresh:focus {
     128}
     129
     130.snarkNav:hover, .snarkNav:focus {
    128131     color: #f50;
    129132     border: 1px solid #f50;
    130      border-radius: 0;
    131      background: #fff !important;
     133}
     134
     135.nav_main:hover, .nav_main:focus {
     136     background: url(images/button_snark_hover.png) 7px center no-repeat #eee !important;
     137     background: url(images/button_snark_hover.png) 7px center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     138}
     139
     140.nav_forum:hover, .nav_forum:focus {
     141     background: url(images/button_forum_hover.png) 7px center no-repeat #eee !important;
     142     background: url(images/button_forum_hover.png) 7px center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     143}
     144
     145.nav_tracker:hover, .nav_tracker:focus {
    132146     background: url(images/button_tracker_hover.png) 7px center no-repeat #eee !important;
    133147     background: url(images/button_tracker_hover.png) 7px center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
    134      box-shadow: inset 0 0 0 1px #fff;
    135 }
    136 
    137 .snarkRefresh:first-child:hover, .snarkRefresh:first-child:focus {
    138      background: url(images/button_snark_hover.png) 7px center no-repeat #eee !important;
    139      background: url(images/button_snark_hover.png) 7px center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
    140 }
    141 
    142 .snarkRefresh:nth-child(2):hover, .snarkRefresh:nth-child(2):focus {
    143      background: url(images/button_forum_hover.png) 7px center no-repeat #eee !important;
    144      background: url(images/button_forum_hover.png) 7px center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
    145 }
    146 
    147 .snarkRefresh:active {
     148}
     149
     150.snarkNav:active {
    148151     text-decoration: none !important;
    149152     color: #fff !important;
    150153     border: 1px solid #aaa;
    151      background: url(images/button_tracker_active.png) 7px center no-repeat #f50 !important;
    152154     text-shadow: none;
    153155     box-shadow: inset 0 0 0 1px #fff, inset 4px 4px 3px #824b1b !important;
    154156}
    155157
    156 .snarkRefresh:active:first-child {
    157      text-decoration: none !important;
    158      color: #fff !important;
    159      border: 1px solid #aaa;
     158.nav_main:active {
    160159     background: url(images/button_snark_active.png) 7px center no-repeat #f50 !important;
    161      text-shadow: none;
    162 }
    163 
    164 .snarkRefresh:active:nth-child(2) {
    165      border: 1px solid #aaa;
     160}
     161
     162.nav_forum:active {
    166163     background: url(images/button_forum_active.png) 7px center no-repeat #f50 !important;
    167164}
    168165
    169 .snarkRefresh:link, .snarkRefresh:hover, .snarkRefresh:nth-child(n+1):hover, .snarkRefresh:focus, .snarkRefresh:nth-child(n+1):focus, .snarkRefresh:active, .snarkRefresh:nth-child(n+1):active {
     166.nav_tracker:active {
     167     background: url(images/button_tracker_active.png) 7px center no-repeat #f50 !important;
     168}
     169
     170.snarkNav:link, .snarkNav:hover, .snarkNav:focus {
    170171     background-size: 16px 16px, 100% 100% !important;
    171172}
     
    13551356}
    13561357
     1358#configs input[type="submit"], .trackerconfig input[type="submit"], input[name="savepri"] {
     1359     text-transform: capitalize;
     1360}
     1361
    13571362input[type="text"], textarea {
    13581363     cursor: text !important;
     
    17201725
    17211726.knownTracker input[type="radio"] {
    1722      opacity: 0.6;
    1723      cursor: not-allowed;
     1727     opacity: 0.3;
     1728     cursor: default;
     1729     filter: none;
     1730}
     1731
     1732.knownTracker input[type="radio"]:checked, .knownTracker input[type="radio"]:checked:hover {
     1733     opacity: 0.5;
    17241734}
    17251735
     
    24122422
    24132423.snarkCommentInfo td:last-child, .snarkComments td:last-child {
    2414      width: 1% !important;
     2424/*     width: 1% !important;*/
    24152425}
    24162426
     
    24622472}
    24632473
     2474.commentText:empty + .commentDelete {
     2475     background: none;
     2476}
     2477
    24642478.commentAction input[type="submit"] {
    24652479     margin-top: 3px;
     
    25772591}
    25782592
    2579 .snarkRefresh:link, .snarkRefresh:hover, .snarkRefresh:nth-child(n+1):hover, .snarkRefresh:focus, .snarkRefresh:nth-child(n+1):focus .snarkRefresh:active, .snarkRefresh:nth-child(n+1):active {
     2593.snarkNav:link, .snarkNav:hover, .snarkNav:focus {
    25802594     background-size: 14px 14px, 100% 100% !important;
    25812595}
    25822596
    2583 .snarkRefresh:link:first-child {
     2597.nav_main {
    25842598     padding-left: 22px !important;
    25852599}
     
    26482662}
    26492663
    2650 .snarkRefresh {
     2664.snarkNav {
    26512665     font-size: 11pt !important;
    26522666}
    26532667
    2654 .snarkRefresh:link {
     2668.snarkNav:link {
    26552669     padding-left: 25px !important;
    26562670}
  • installer/resources/themes/snark/dark/snark.css

    r25c709a rcf7a604  
    7171
    7272::selection {
    73      background: #030 !important;
    74      color: white;
     73     background: rgba(0,187,0,0.99) !important;
     74     color: #000;
     75     text-shadow: none;
    7576}
    7677
    7778::-moz-selection {
    78      background: #030 !important;
    79      color: white;
     79     background: #0b0 !important;
     80     color: #000;
     81     text-shadow: none;
    8082}
    8183
     
    104106}
    105107
    106 .snarkRefresh:link, .snarkRefresh:visited {
     108.snarkNav:link, .snarkNav:visited {
     109     display: inline-block;
     110     font-size: 9pt;
     111     font-weight: bold;
     112     text-decoration: none !important;
     113     text-transform: uppercase !important;
     114     letter-spacing: 0.1em;
     115     margin: 0 -1px !important;
    107116     padding: 5px 7px 5px 22px !important;
    108      margin: 0 -1px !important;
    109117     color: #3f3;
    110118     text-shadow: 0 0 1px #000;
    111      background: url(images/button_tracker.png) 7px center no-repeat, url(/themes/console/dark/images/header.png) center center repeat;
    112      background: url(images/button_tracker.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%, #000 100%) !important;
    113119     border-radius: 0;
    114120     border: 1px solid #494;
     
    118124}
    119125
    120 .snarkRefresh:link:last-child {
     126.snarkNav:link, .snarkNav:hover, .snarkNav:focus {
     127     background-size: 14px auto, 100% 100% !important;
     128     background-position: 7px center !important;
     129     background-repeat: no-repeat, repeat !important;
     130}
     131
     132.snarkNav:link:last-child {
    121133      margin-left: 3px;
    122134}
    123135
    124 .snarkRefresh:link:first-child {
    125      border-radius: 2px 0 0 2px;
     136.nav_main:link {
     137     border-radius: 2px 0 0 2px !important;
    126138     padding-left: 24px !important;
    127139     background:  url(images/button_snark.png) 7px center no-repeat, url(/themes/console/dark/images/header.png) center center repeat;
    128      background: url(images/button_snark.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%, #000 100%) !important;
    129 }
    130 
    131 .snarkRefresh:link:nth-child(2) {
     140     background: url(images/button_snark.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%, #000 100%);
     141}
     142
     143.nav_forum:link {
    132144     background: url(images/button_forum.png) 7px center no-repeat, url(/themes/console/dark/images/header.png) center center repeat;
    133      background: url(images/button_forum.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%, #000 100%) !important;
    134 }
    135 
    136 .snarkRefresh:hover:first-child, .snarkRefresh:focus:first-child {
    137      background-image: url(images/button_snark_hover.png), url(../ubergine/images/snarknav_on.png) !important;
    138      background-image: url(images/button_snark_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%) !important;
    139 }
    140 
    141 .snarkRefresh:hover:nth-child(2), .snarkRefresh:focus:nth-child(2) {
    142      background-image: url(images/button_forum_hover.png), url(../ubergine/images/snarknav_on.png) !important;
    143      background-image: url(images/button_forum_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%) !important;
    144 }
    145 
    146 .snarkRefresh:active, .snarkRefresh:active:first-child {
    147      background: #f50 url(images/button_snark_active.png) !important;
    148      box-shadow: inset 3px 2px 3px #000 !important;
    149      color: #fff !important;
    150      border: 1px solid #fff;
    151      box-shadow: none;
    152      text-shadow: none;
    153 }
    154 
    155 .snarkRefresh:active:nth-child(2) {
    156      background: #f50 url(images/button_forum_active.png) !important;
    157 }
    158 
    159 .snarkRefresh:hover, .snarkRefresh:focus {
     145     background: url(images/button_forum.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%, #000 100%);
     146}
     147
     148.nav_tracker:link {
     149     background: url(images/button_tracker.png) 7px center no-repeat, url(/themes/console/dark/images/header.png) center center repeat;
     150     background: url(images/button_tracker.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%, #000 100%);
     151}
     152
     153.snarkNav:hover, .snarkNav:focus {
    160154     color: #f50;
    161      background: #000 !important;
    162155     border-radius: 0;
    163156     box-shadow: inset 0 0 0 1px #000 !important;
    164157     border: 1px solid #f60 !important;
    165158     opacity: 1;
    166      background-image: url(images/button_tracker_hover.png), url(../ubergine/images/snarknav_on.png) !important;
    167      background-image: url(images/button_tracker_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%) !important;
    168 }
    169 
    170 .snarkRefresh:active {
    171      background: #f50 url(images/button_tracker_active.png) !important;
    172      color: #fff;
    173      border: 1px solid #fff;
     159}
     160
     161.nav_main:hover, .nav_main:focus {
     162     background-image: url(images/button_snark_hover.png), url(../ubergine/images/snarknav_on.png);
     163     background-image: url(images/button_snark_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%);
     164}
     165
     166.nav_forum:hover, .nav_forum:focus {
     167     background-image: url(images/button_forum_hover.png), url(../ubergine/images/snarknav_on.png);
     168     background-image: url(images/button_forum_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%);
     169}
     170
     171.nav_tracker:hover, .nav_tracker:focus {
     172     background-image: url(images/button_tracker_hover.png), url(../ubergine/images/snarknav_on.png);
     173     background-image: url(images/button_tracker_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%);
     174}
     175
     176.snarkNav:link:active, .snarkNav:active {
    174177     box-shadow: inset 3px 3px 3px #000 !important;
    175      box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px #000 !important;
     178     color: #fff !important;
     179     border: 1px solid #fff !important;
    176180     text-shadow: none;
    177 }
    178 
    179 .snarkRefresh:link:last-of-type {
     181     background-size: 14px auto !important;
     182     background-repeat: no-repeat !important;
     183}
     184
     185.nav_main:active {
     186     background: url(images/button_snark_active.png) 7px center no-repeat #f50 !important;
     187}
     188
     189.nav_forum:active {
     190     background: url(images/button_forum_active.png) 7px center no-repeat #f50 !important;
     191}
     192
     193.nav_tracker:active {
     194     background: url(images/button_tracker_active.png) 7px center no-repeat #f50 !important;
     195}
     196
     197.snarkNav:link:last-of-type {
    180198     border-radius: 2px !important;
    181199}
    182200
    183 .snarkRefresh:link[target="_blank"]:last-child {
     201.snarkNav:link[target="_blank"]:last-child {
    184202     border-radius: 0 2px 2px 0 !important;
    185203}
    186204
    187 .snarkRefresh:last-child {
     205.snarkNav:last-child {
    188206     border-radius: 0 2px 2px 0 !important;
    189207}
    190208
    191 .iframed .snarkRefresh:last-child[href="/i2psnark/"] {
     209.iframed .snarkNav:last-child[href="/i2psnark/"] {
    192210     margin-top: 0 !important;
    193 }
    194 
    195 .snarkRefresh:link, .snarkRefresh:hover, .snarkRefresh:focus, .snarkRefresh:active, .snarkRefresh:visited,
    196 .snarkRefresh:link:first-child, .snarkRefresh:hover:first-child, .snarkRefresh:focus:first-child, .snarkRefresh:active:first-child, .snarkRefresh:visited:first-child,
    197 .snarkRefresh:link:nth-child(2), .snarkRefresh:hover:nth-child(2), .snarkRefresh:focus:nth-child(2), .snarkRefresh:active:nth-child(2), .snarkRefresh:visited:nth-child(2) {
    198      letter-spacing: 0.1em;
    199      font-weight: bold;
    200      font-size: 9pt;
    201      text-decoration: none !important;
    202      text-transform: uppercase !important;
    203      background-size: 14px auto, 100% 100% !important;
    204      background-position: 7px center !important;
    205      background-repeat: no-repeat, repeat !important;
    206      display: inline-block;
    207211}
    208212
     
    838842     background: #030 !important;
    839843     box-shadow: inset 0 0 1px 0 #494;
     844}
     845
     846@media screen and (-webkit-min-device-pixel-ratio:0) {
     847.snarkTorrents tr:hover, .snarkDirInfo tr:hover {
     848     box-shadow: none;
     849}
    840850}
    841851
     
    12311241}
    12321242
     1243#configs input[type="submit"], .trackerconfig input[type="submit"], input[name="savepri"] {
     1244     text-transform: capitalize;
     1245}
     1246
    12331247#setPriority input.disabled, #setPriority a.controld {
    12341248     display: none;
     
    13341348}
    13351349
    1336 input[type=text], input.r, textarea[name="i2cpOpts"], input[name="nofilter_dataDir"] {
     1350input[type=text], input.r, textarea[name="i2cpOpts"], input[name="nofilter_dataDir"], textarea[name="nofilter_newComment"] {
    13371351     color: #bb7;
    13381352     padding: 4px 5px !important;
     
    13471361}
    13481362
    1349 input[type=text]:focus, textarea:focus, input.r:focus, textarea[name="i2cpOpts"]:focus, input[name="nofilter_dataDir"]:focus {
     1363input[type=text]:focus, textarea:focus, input.r:focus, textarea[name="i2cpOpts"]:focus, input[name="nofilter_dataDir"]:focus,  textarea[name="nofilter_newComment"]:focus {
    13501364     background: #000;
    13511365     color: #ee9;
     
    22162230
    22172231.knownTracker input[type="radio"], .knownTracker input[type="radio"]:hover, .knownTracker input[type="radio"]:focus {
     2232     opacity: 0.3;
     2233     cursor: default;
     2234     filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%) !important;
     2235}
     2236
     2237.knownTracker input[type="radio"]:checked, .knownTracker input[type="radio"]:checked:hover {
    22182238     opacity: 0.5;
    2219      cursor: not-allowed;
    2220      filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%) !important;
    22212239}
    22222240
     
    25102528
    25112529.snarkCommentInfo td:last-child, .snarkComments td:last-child {
    2512      width: 1% !important;
     2530/*     width: 1% !important;*/
    25132531}
    25142532
     
    25262544     text-align: justify;
    25272545     width: 90%;
     2546}
     2547
     2548.commentText:empty + .commentDelete {
     2549     background: none;
    25282550}
    25292551
     
    27212743
    27222744@media screen and (min-width: 1200px) {
    2723 .snarkRefresh:link {
     2745.snarkNav:link {
    27242746     font-size: 11pt !important;
    27252747}
    27262748
    2727 .snarkRefresh:link, .snarkRefresh:hover, .snarkRefresh:focus, .snarkRefresh:active, .snarkRefresh:visited,
    2728 .snarkRefresh:link:first-child, .snarkRefresh:hover:first-child, .snarkRefresh:focus:first-child, .snarkRefresh:active:first-child, .snarkRefresh:visited:first-child,
    2729 .snarkRefresh:link:nth-child(2), .snarkRefresh:hover:nth-child(2), .snarkRefresh:focus:nth-child(2), .snarkRefresh:active:nth-child(2), .snarkRefresh:visited:nth-child(2) {
     2749.snarkNav:link, .snarkNav:hover, .snarkNav:focus, .snarkNav:link:active {
    27302750     background-size: 16px auto, 100% 100% !important;
    27312751     padding-left: 24px !important;
    27322752}
    27332753
    2734 .snarkRefresh:link:first-child {
     2754.snarkNav:first-child {
    27352755     padding-left: 25px !important;
    27362756}
     
    27822802     min-width: 240px !important;
    27832803     padding-top: 4px;
     2804}
     2805
     2806label.toggleview {
     2807     padding-bottom: 5px;
     2808}
     2809
     2810.snarkConfigTitle a {
     2811     margin-bottom: 1px !important;
    27842812}
    27852813
  • installer/resources/themes/snark/light/snark.css

    r25c709a rcf7a604  
    107107}
    108108
    109 .snarkRefresh:link,.snarkRefresh:visited {
     109.snarkNav:link, .snarkNav:visited {
    110110     text-decoration: none !important;
    111111     text-transform: uppercase !important;
     
    116116     font-size: 9pt;
    117117     color: #559;
    118      background: #fff url(images/button_tracker.png) 8px center no-repeat;
    119      background: url(images/button_tracker.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, #eef 51%, #eef 100%);
    120118     border-radius: 0;
    121119     border: 1px solid #7778bf;
     
    126124}
    127125
    128 .snarkRefresh:hover, .snarkRefresh:focus {
     126.snarkNav:link, .snarkNav:hover, .snarkNav:focus, .snarkNav:active {
     127     background-size: 14px auto, 100% 100% !important;
     128     background-position: 8px center;
     129}
     130
     131.snarkNav:last-child {
     132     border-radius: 0 2px 2px 0;
     133}
     134
     135.snarkNav[href="/i2psnark/"]:last-of-type {
     136     border-radius: 2px !important;
     137}
     138
     139.nav_main {
     140     border-radius: 2px 0 0 2px !important;
     141     background: #fff url(images/button_snark.png) 8px center no-repeat;
     142     background: url(images/button_snark.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, #eef 51%, #eef 100%);
     143}
     144
     145.nav_forum {
     146     background: #fff url(images/button_forum.png) 8px center no-repeat;
     147     background: url(images/button_forum.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, #eef 51%, #eef 100%);
     148}
     149
     150.nav_tracker {
     151     background: #fff url(images/button_tracker.png) 8px center no-repeat;
     152     background: url(images/button_tracker.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, #eef 51%, #eef 100%);
     153}
     154
     155.snarkNav:hover, .snarkNav:focus {
    129156     color: #f60;
     157     border: 1px solid #f60;
     158}
     159
     160.nav_main:hover, .nav_main:focus {
     161     background: #eef url(images/button_snark_hover.png) 8px center no-repeat;
     162     background: url(images/button_snark_hover.png) 8px center no-repeat, linear-gradient(to bottom, #fcfaf7 50%, #ffe8bf 50%, #efd9b3 100%);
     163}
     164
     165.nav_forum:hover, .nav_forum:focus {
     166     background: #eef url(images/button_forum_hover.png) 8px center no-repeat;
     167     background: url(images/button_forum_hover.png) 8px center no-repeat, linear-gradient(to bottom, #fcfaf7 50%, #ffe8bf 50%, #efd9b3 100%);
     168}
     169
     170.nav_tracker:hover, .nav_tracker:focus {
    130171     background: #eef url(images/button_tracker_hover.png) 8px center no-repeat;
    131172     background: url(images/button_tracker_hover.png) 8px center no-repeat, linear-gradient(to bottom, #fcfaf7 50%, #ffe8bf 50%, #efd9b3 100%);
    132      border-radius: 0;
    133      box-shadow: inset 0 0 0 1px #fff;
    134 }
    135 
    136 .snarkRefresh:active {
     173}
     174
     175.snarkNav:active {
     176     color: #fff !important;
     177     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #333 !important;
     178     border: 1px solid #7778bf;
     179}
     180
     181.nav_main:active {
     182     background: #f60 url(images/button_snark_active.png) 8px center no-repeat;
     183}
     184
     185.nav_forum:active {
     186     background: #f60 url(images/button_forum_active.png) 8px center no-repeat;
     187}
     188
     189.nav_tracker:active {
    137190     background: #f60 url(images/button_tracker_active.png) 8px center no-repeat;
    138      color: #fff !important;
    139      box-shadow: inset 3px 3px 3px #333;
    140      box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #333;
    141 }
    142 
    143 .snarkRefresh:last-child {
    144      border-radius: 0 2px 2px 0;
    145 }
    146 
    147 .snarkRefresh:first-child {
    148      border-radius: 2px 0 0 2px;
    149      background: #fff url(images/button_snark.png) 10px center no-repeat;
    150      background: url(images/button_snark.png) 10px center no-repeat, linear-gradient(to bottom, #fff 50%, #eef 51%, #eef 100%);
    151 }
    152 
    153 .snarkRefresh:first-child:hover, .snarkRefresh:first-child:focus {
    154      background: #eef url(images/button_snark_hover.png) 10px center no-repeat;
    155      background: url(images/button_snark_hover.png) 10px center no-repeat, linear-gradient(to bottom, #fcfaf7 50%, #ffe8bf 50%, #efd9b3 100%);
    156      color: #f60;
    157 }
    158 
    159 .snarkRefresh:first-child:active {
    160      background: #f60 url(images/button_snark_active.png) 10px center no-repeat;
    161 }
    162 
    163 .snarkRefresh:nth-child(2) {
    164      background: #fff url(images/button_forum.png) 8px center no-repeat;
    165      background: url(images/button_forum.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, #eef 51%, #eef 100%);
    166 }
    167 
    168 .snarkRefresh:nth-child(2):hover, .snarkRefresh:nth-child(2):focus {
    169      background: #eef url(images/button_forum_hover.png) 8px center no-repeat;
    170      background: url(images/button_forum_hover.png) 8px center no-repeat, linear-gradient(to bottom, #fcfaf7 50%, #ffe8bf 50%, #efd9b3 100%);
    171 }
    172 
    173 .snarkRefresh:nth-child(2):active {
    174      background: #f60 url(images/button_forum_active.png) 8px center no-repeat;
    175      color: #fff;
    176 }
    177 
    178 .snarkRefresh:last-child[href="/i2psnark/"] {
    179      border-radius: 2px;
    180 }
    181 
    182 .snarkRefresh:link, .snarkRefresh:hover, .snarkRefresh:focus, .snarkRefresh:active, .snarkRefresh:visited,
    183 .snarkRefresh:link:first-child, .snarkRefresh:hover:first-child, .snarkRefresh:focus:first-child, .snarkRefresh:active:first-child, .snarkRefresh:visited:first-child,
    184 .snarkRefresh:link:nth-child(2), .snarkRefresh:hover:nth-child(2), .snarkRefresh:focus:nth-child(2), .snarkRefresh:active:nth-child(2), .snarkRefresh:visited:nth-child(2) {
    185      background-size: 14px auto, 100% 100% !important;
    186191}
    187192
     
    193198     font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    194199     font-size: 8pt;
    195      font-weight: bold;
    196200     text-align: left;
    197201     margin: -2px 0 0;
     
    212216
    213217.snarkMessages a:link, .snarkMessages a:visited {
    214      color: #505 !important;
     218     color: #3b77bf !important;
    215219     font-size: 8pt;
    216220}
     
    10321036}
    10331037
     1038#configs input[type="submit"], .trackerconfig input[type="submit"], input[name="savepri"] {
     1039     text-transform: capitalize;
     1040}
     1041
    10341042input {
    10351043     font-size: 9pt;
     
    11911199}
    11921200
     1201.knownTracker input[type="radio"], .knownTracker input[type="radio"]:hover, .knownTracker input[type="radio"]:focus {
     1202     opacity: 0.3 !important;
     1203}
     1204
     1205.knownTracker input[type="radio"]:checked, .knownTracker input[type="radio"]:checked:hover {
     1206     opacity: 0.5 !important;
     1207}
     1208
    11931209label {
    11941210     cursor: pointer;
     
    16251641     width: 100%;
    16261642     margin: 3px 0;
     1643     height: 2px;
     1644     border-bottom: 1px solid #fff;
    16271645}
    16281646
     
    16311649     margin-top: -5px;
    16321650     margin-bottom: -5px;
     1651     height: 1px;
     1652     border: none;
    16331653}
    16341654
     
    19201940
    19211941.snarkCommentInfo td:last-child, .snarkComments td:last-child {
    1922      width: 1% !important;
     1942/*     width: 1% !important;*/
    19231943}
    19241944
     
    19361956     text-align: justify;
    19371957     width: 90%;
     1958}
     1959
     1960.commentText:empty + .commentDelete {
     1961     background: none;
    19381962}
    19391963
     
    21172141}
    21182142
    2119 .snarkRefresh:link {
     2143.snarkNav:link, .snarkNav:visited {
    21202144     font-size: 9pt !important;
    21212145}
     
    21512175
    21522176.percentBarOuter, .percentBarText {
    2153      line-height: 11px !important;
     2177     line-height: 12px !important;
    21542178     height: 12px !important;
    21552179}
     
    21712195}
    21722196
    2173 a.snarkRefresh:first-child {
     2197.nav_main {
    21742198     padding-left: 26px !important;
    21752199}
     
    21912215
    21922216@media screen and (min-width: 1200px) {
    2193 a.snarkRefresh {
     2217.snarkNav:link, .snarkNav:visited {
    21942218     font-size: 10pt !important;
    2195 }
    2196 
    2197 a.snarkRefresh:first-child {
    2198      padding-left: 26px !important;
    21992219}
    22002220
     
    22312251}
    22322252
    2233 a.snarkRefresh {
     2253.snarkNav:link, .snarkNav:visited {
    22342254     font-size: 11pt !important;
    22352255}
    22362256
    2237 a.snarkRefresh:first-child {
    2238      padding-left: 28px !important;
    2239 }
    2240 
    2241 .snarkRefresh:link, .snarkRefresh:hover, .snarkRefresh:focus, .snarkRefresh:active, .snarkRefresh:visited,
    2242 .snarkRefresh:link:first-child, .snarkRefresh:hover:first-child, .snarkRefresh:focus:first-child, .snarkRefresh:active:first-child, .snarkRefresh:visited:first-child,
    2243 .snarkRefresh:link:nth-child(2), .snarkRefresh:hover:nth-child(2), .snarkRefresh:focus:nth-child(2), .snarkRefresh:active:nth-child(2), .snarkRefresh:visited:nth-child(2) {
     2257.nav_main:link, .nav_main:visited, .nav_main:hover, .nav_main:focus, .nav_main:active {
     2258     padding-left: 26px !important;
     2259}
     2260
     2261.snarkNav:link, .snarkNav:hover, .snarkNav:focus {
    22442262     background-size: 16px auto, 100% 100% !important;
    22452263}
    22462264
    2247 .configsectionpanel .snarkConfigTitle:hover, .snark {
     2265.configsectionpanel .snarkConfigTitle:hover {
    22482266     font-size: 12pt !important;
    22492267     padding: 3px 15px !important;
  • installer/resources/themes/snark/midnight/snark.css

    r25c709a rcf7a604  
    101101}
    102102
    103 .snarkRefresh:link:first-child {
    104      padding-left: 28px !important;
    105      border-radius: 2px 0 0 2px;
    106 }
    107 
    108 .snarkRefresh:link:last-child {
    109      margin-left: 3px;
    110 }
    111 
    112 .snarkRefresh:link, .snarkRefresh:visited {
     103.snarkNav:link, .snarkNav:visited {
    113104     font-size: 9pt;
    114105     font-weight: bold;
     
    128119}
    129120
    130 .snarkRefresh:link:first-child {
     121.snarkNav:link:first-child {
     122     padding-left: 26px !important;
     123     border-radius: 2px 0 0 2px;
     124}
     125
     126.snarkNav:link:last-child {
     127     margin-left: 3px;
     128}
     129
     130.nav_main:link {
    131131     background: #001 url(images/button_snark.png) 9px center no-repeat;
    132132     background: url(images/button_snark.png) 9px center no-repeat, linear-gradient(to bottom, #181d4f 0%, #181d4f 50%, #001 50%, #001 100%);
    133133}
    134134
    135 .snarkRefresh:link:nth-child(2) {
     135.nav_forum:link {
    136136     background: #001 url(images/button_forum.png) 9px center no-repeat;
    137137     background: url(images/button_forum.png) 9px center no-repeat, linear-gradient(to bottom, #181d4f 0%, #181d4f 50%, #001 50%, #001 100%);
    138138}
    139139
    140 .snarkRefresh:first-child:hover, .snarkRefresh:first-child:focus {
     140.nav_main:link:hover, .nav_main:link:focus {
    141141     background: #04091f url(images/button_snark_hover.png) 9px center no-repeat;
    142142     background: url(images/button_snark_hover.png) 9px center no-repeat, linear-gradient(to bottom, #060e2f 0%, #060e2f 50%, #000 50%, #000 100%);
    143143}
    144144
    145 .snarkRefresh:hover:nth-child(2), .snarkRefresh:focus:nth-child(2) {
     145.nav_forum:link:hover, .nav_forum:link:focus {
    146146     background: #04091f url(images/button_forum_hover.png) 9px center no-repeat;
    147147     background: url(images/button_forum_hover.png) 9px center no-repeat, linear-gradient(to bottom, #004, #004 50%, #002 50%);
    148148}
    149149
    150 .snarkRefresh:first-child:active {
     150.nav_main:link:active {
    151151     background: #652787 url(images/button_snark_active.png) !important;
    152152     background-repeat: no-repeat !important;
     
    154154}
    155155
    156 .snarkRefresh:active:nth-child(2) {
     156.nav_forum:link:active {
    157157     background: #652787 url(images/button_forum_active.png) !important;
    158158     background-repeat: no-repeat !important;
     
    161161}
    162162
    163 .snarkRefresh:hover, .snarkRefresh:focus {
     163.snarkNav:hover, .snarkNav:focus {
    164164     text-decoration: none !important;
    165165     border-radius: 0;
     
    172172}
    173173
    174 .snarkRefresh:active {
     174.snarkNav:active {
    175175     text-decoration: none !important;
    176176     color: #fff;
     
    183183}
    184184
    185 .snarkRefresh:link:last-of-type {
     185.snarkNav:link:last-of-type {
    186186     border-radius: 2px !important;
    187187}
    188188
    189 .snarkRefresh:link[target="_blank"]:last-child {
     189.snarkNav:link[target="_blank"]:last-child {
    190190     border-radius: 0 2px 2px 0 !important;
    191191}
    192192
    193 .snarkRefresh:last-child {
     193.snarkNav:last-child {
    194194     margin-top: -5px !important;
    195195     border-radius: 0 2px 2px 0 !important;
    196196}
    197197
    198 .snarkRefresh:link, .snarkRefresh:hover, .snarkRefresh:focus {
     198.snarkNav:link, .snarkNav:hover, .snarkNav:focus {
    199199     background-size: 16px 16px, 100% 100% !important;
    200200}
    201201
    202 .snarkRefresh:active, .snarkRefresh:hover:active, .snarkRefresh:first-child:active, .snarkRefresh:first-child:hover:active,
    203 .snarkRefresh:nth-child(2):active, .snarkRefresh:nth-child(2):hover:active {
     202.snarkNav:active, .snarkNav:link:active {
    204203     background-size: 16px 16px !important;
    205204}
     
    646645
    647646.snarkTorrentAction input[type="image"]:hover, .snarkTorrentAction input[type="image"]:focus {
    648 /* borders on hover only for torrent control buttons, otherwise drop-shadow */
    649647     border: 1px solid #652787 !important;
    650648}
     
    931929
    932930.snarkTorrentOdd, .snarkTorrentOdd td, .SnarkTorrentEven, .SnarkTorrentEven td {
    933      border-top: 1px inset #12111f !important;
     931     border-top: 1px inset #113 !important;
    934932}
    935933
    936934_:-ms-lang(x), .snarkTorrentOdd, .snarkTorrentOdd td, .SnarkTorrentEven, .SnarkTorrentEven td {
    937      border-top: 1px solid #12111f !important;
     935     border-top: 1px solid #113 !important;
    938936}
    939937
     
    11121110     letter-spacing: .15em;
    11131111     border: 1px solid #443da0;
    1114      background: #191729;
    1115      background: linear-gradient(to bottom, #191729 0%, #201f33 7%, #1f1e32 9%, #161525 21%, #090812 49%, #05050e 50%, #020206 51%, #010103 53%, #000 56%, #000 100%) !important;
     1112     background: #003;
     1113     background: linear-gradient(to bottom, #191729, #1f1e32 50%, #000 50%);
    11161114     box-shadow: inset 0 0 0 1px #000;
    11171115     text-shadow: 0 0 1px #000;
    11181116}
    11191117
    1120 .snarkConfigtitle:hover, label.toggleview:hover {
     1118.snarkConfigTitle:hover, label.toggleview:hover {
    11211119     background: #002 !important;
    1122      background: linear-gradient(to bottom, #004, #004 50%, #002 50%) !important;
    1123 }
    1124 
    1125 .snarkConfigtitle:active, label.toggleview:active {
     1120     background: linear-gradient(to bottom, #004 50%, #002 50%) !important;
     1121}
     1122
     1123.snarkConfigTitle:active, label.toggleview:active {
    11261124     background: #003 !important;
    1127      background: linear-gradient(to bottom, #004, #004 50%, #002 50%) !important;
     1125     background: linear-gradient(to bottom, #004 50%, #002 50%) !important;
    11281126     box-shadow: inset 3px 3px 3px #000;
    11291127}
    11301128
    1131 .configsectionpanel .snarkConfigtitle:hover, .configsectionpanel .snarkConfigtitle:active {
    1132      background: linear-gradient(to bottom, #191729 0%, #201f33 7%, #1f1e32 9%, #161525 21%, #090812 49%, #05050e 50%, #020206 51%, #010103 53%, #000 56%, #000 100%) !important;
     1129.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active {
     1130     background: linear-gradient(to bottom, #05050e 50%, #000 50%) !important;
    11331131     box-shadow: inset 0 0 0 1px #000 !important;
    11341132}
     
    11791177.snarkConfigTitle a:active img, .toggleview:active img {
    11801178     transform: rotate(90deg);
    1181      transition: ease transform 0.3s 0s;
     1179     transition: ease transform 0.3s;
    11821180}
    11831181
     
    13021300}
    13031301
     1302#configs input[type="submit"], .trackerconfig input[type="submit"], input[name="savepri"] {
     1303     text-transform: capitalize;
     1304}
     1305
    13041306input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, a.control:hover, a.control:focus {
    13051307     color: #652787 !important;
     
    13781380     box-shadow: 0 0 0 1px rgba(101, 39, 135, 0.5);
    13791381     filter: drop-shadow(0px 0 1px #99f);
    1380      transition: ease all 0.3s 0s;
     1382     transition: ease all 0.3s;
    13811383}
    13821384
     
    19441946
    19451947/* toggle create/add panel view */
     1948
    19461949input.toggle_input {
    1947      /* hide checkbox and use label as faux panel heading */
    19481950     display: none;
    19491951}
     
    22812283
    22822284.knownTracker input[type="radio"], .knownTracker input[type="radio"]:hover {
     2285     opacity: 0.3;
     2286     cursor: default;
     2287     filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%) !important;
     2288}
     2289
     2290.knownTracker input[type="radio"]:checked, .knownTracker input[type="radio"]:checked:hover {
    22832291     opacity: 0.5;
    2284      cursor: not-allowed;
    2285      filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%) !important;
    22862292}
    22872293
     
    24032409
    24042410.snarkCommentInfo td:last-child, .snarkComments td:last-child {
    2405      width: 1% !important;
     2411/*     width: 1% !important;*/
    24062412}
    24072413
     
    24192425     text-align: justify;
    24202426     width: 90%;
     2427}
     2428
     2429.commentText:empty + .commentDelete {
     2430     background: none;
    24212431}
    24222432
     
    25402550.snarknavbar, .page {
    25412551     min-width: 600px !important;
     2552}
     2553
     2554.snarkNav:link:first-child {
     2555     padding-left: 26px !important;
    25422556}
    25432557
     
    26162630}
    26172631
    2618 .snarkRefresh:link, .snarkRefresh:link:first-child {
     2632.snarkNav:link {
    26192633     padding-left: 24px !important;
    26202634}
    26212635
    2622 .snarkRefresh:link, .snarkRefresh:hover, .snarkRefresh:focus {
     2636.snarkNav:link, .snarkNav:hover, .snarkNav:focus {
    26232637     background-size: 14px 14px, 100% 100% !important;
    26242638}
    26252639
    2626 .snarkRefresh:active, .snarkRefresh:hover:active, .snarkRefresh:first-child:active, .snarkRefresh:first-child:hover:active,
    2627 .snarkRefresh:nth-child(2):active, .snarkRefresh:nth-child(2):hover:active {
     2640.snarkNav:active, .snarkNav:link:active {
    26282641     background-size: 14px 14px !important;
    26292642}
     
    26992712}
    27002713
    2701 .snarkRefresh {
     2714.snarkNav {
    27022715     font-size: 10.5pt !important;
    27032716}
    27042717
    2705 .snarkConfigTitle, .snarkConfigTitle a, label.toggleview, .snarkRefresh:link {
     2718.snarkConfigTitle, .snarkConfigTitle a, label.toggleview, .snarkNav:link {
    27062719     font-size: 11pt !important;
    27072720}
     
    27292742}
    27302743
     2744.snarkNav:link:first-child {
     2745     padding-left: 28px !important;
     2746}
     2747
    27312748.snarkConfigTitle, .toggleview {
    27322749     padding: 4px 25px 4px 22px;
     
    27352752.snarkConfigTitle, .snarkConfigTitle a, label.toggleview {
    27362753     font-size: 12.5pt !important;
     2754}
     2755
     2756.snarkConfigTitle a {
     2757     margin-top: -1px !important;
     2758     margin-bottom: 1px !important;
    27372759}
    27382760
  • installer/resources/themes/snark/ubergine/snark.css

    r25c709a rcf7a604  
    99body {
    1010     background: #130313 url(images/graytile.png) scroll left top / 96px 96px;
    11      background: linear-gradient(to bottom, rgba(64,0,64,0.2), rgba(11,0,11,0.1), rgba(11,0,11,0.2)), url(images/graytile.png) #130313 !important;
    1211     background-size: 100% 100%, 96px 96px;
    1312     color: #fff;
     
    1817
    1918body:not(old) {
    20      background: linear-gradient(to bottom, rgba(64,0,64,0.2), rgba(11,0,11,0.1), rgba(11,0,11,0.2)), url(images/graytile.png),
     19     background: linear-gradient(to bottom, rgba(64,0,64,0.2), rgba(11,0,11,0.1), rgba(11,0,11,0.2)),
     20     repeating-linear-gradient(135deg, rgba(32,0,32,0.5) 2px, rgba(16, 0, 16, 0.3) 3px, rgba(32,0,32,0.5) 5px),
    2121     url(images/button_snark_hover.png) top center no-repeat,
    2222     url(images/button_snark_active.png) top center no-repeat,
     
    2525     url(images/button_forum_hover.png) top center no-repeat,
    2626     url(images/button_forum_active.png) no-repeat #130313 !important;
    27      background-size: 100% 100%, 96px 96px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
     27     background-size: 100% 100%, 100% 100%, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
    2828}
    2929
     
    5454     font-size: 8pt !important;
    5555     line-height: 160% !important;
    56      box-shadow: inset 0 0 3px 0 #101;
    5756     text-align: center;
    5857     opacity: 1;
    59      filter: drop-shadow(0 0 1px #000);
     58     box-shadow: inset 0 0 3px 0 #101, 0 0 2px 3px rgba(0,0,0,0.4);
    6059}
    6160
     
    7069
    7170::selection {
    72      background: #404 !important;
     71     background: rgba(96,0,96,0.8) !important;
    7372     color: white;
    7473}
    7574
    7675::-moz-selection {
    77      background: #404 !important;
     76     background: rgba(96,0,96,0.8) !important;
    7877     color: white;
    7978}
     
    121120}
    122121
    123 .snarkRefresh:link,.snarkRefresh:visited {
     122.snarkNav:link, .snarkNav:visited {
    124123     text-decoration: none !important;
    125124     text-transform: uppercase !important;
     
    143142
    144143/* Arabic fix */
    145 .snarkRefresh {
     144.snarkNav {
    146145     display: inline-block;
    147146     margin: -5px -4px -5px 0;
    148147}
    149148
    150 _:-ms-lang(x), .snarkRefresh:link, .snarkRefresh:visited {
     149_:-ms-lang(x), .snarkNav:link, .snarkNav:visited {
    151150     padding-top: 1px !important;
    152151}
    153152
    154 .iframed .snarkRefresh:first-child, .iframed .snarkRefresh:last-child {
     153.iframed .snarkNav:first-child, .iframed .snarkNav:last-child {
    155154     border-radius: 0 !important;
    156155}
    157156
    158 .snarkRefresh:hover, .snarkRefresh:visited:hover, .snarkRefresh:focus, .snarkRefresh:visited:focus {
     157.snarkNav:hover, .snarkNav:visited:hover, .snarkNav:focus, .snarkNav:visited:focus {
    159158     color: #d2baff !important;
    160159     background: #707 url(images/button_tracker_hover.png) 11px center no-repeat;
     
    165164}
    166165
    167 .snarkRefresh:hover + .snarkRefresh:nth-last-child(1n-2), .snarkRefresh:focus + .snarkRefresh:nth-last-child(1n-2) {
     166.snarkNav:hover + .snarkNav:nth-last-child(1n-2), .snarkNav:focus + .snarkNav:nth-last-child(1n-2) {
    168167     border-left: 1px solid #820b64;
    169168}
    170169
    171 .snarkRefresh:active + .snarkRefresh:nth-last-child(1n-2) {
     170.snarkNav:active + .snarkNav:nth-last-child(1n-2) {
    172171     border-left: 1px solid #730;
    173172}
    174173
    175 .snarkRefresh:active, .snarkRefresh:visited:active {
     174.snarkNav:active, .snarkNav:visited:active {
    176175     background: #f60 url(images/button_tracker_active.png) 11px center no-repeat;
    177176     background-size: 16px auto, 100% 100%;
     
    182181}
    183182
    184 .snarkRefresh:link:first-child, .snarkRefresh:last-child[href="/i2psnark/"] {
     183.snarkNav:link:first-child, .snarkNav:last-child[href="/i2psnark/"] {
    185184     background: #310 url(images/button_snark.png) 11px center no-repeat;
    186185     background: url(images/button_snark.png) 11px center no-repeat, linear-gradient(to bottom, #a68058 1%, #7a6045 27%, #5e4730 50%, #2e1700 51%, #1f0f00 100%);
     
    189188}
    190189
    191 .snarkRefresh:last-child[href="/i2psnark/"] {
     190.snarkNav:last-child[href="/i2psnark/"] {
    192191     border-radius: 2px;
    193192     margin: -5px 0 !important;
     
    196195
    197196/* MS Edge fix */
    198 _:-ms-lang(x), .snarkRefresh:last-child[href="/i2psnark/"] {
     197_:-ms-lang(x), .snarkNav:last-child[href="/i2psnark/"] {
    199198     margin: -3px 0 !important;
    200199}
    201200
    202 .snarkRefresh:hover:first-child, .snarkRefresh:hover:last-child[href="/i2psnark/"],
    203 .snarkRefresh:focus:first-child, .snarkRefresh:focus:last-child[href="/i2psnark/"] {
     201.nav_main:link:hover, .nav_main:link:focus {
    204202     background: #707 url(images/button_snark_hover.png) 11px center no-repeat;
    205203     background: url(images/button_snark_hover.png) 11px center no-repeat, linear-gradient(to bottom, #a15b73 0%, #7e4062 50%, #591c3e 51%, #46133e 100%);
     
    208206}
    209207
    210 .snarkRefresh:active:first-child, .snarkRefresh:active:last-child[href="/i2psnark/"] {
     208.nav_main:link:active {
    211209     background: #f60 url(images/button_snark_active.png) 11px center no-repeat;
    212210     background-size: 18px auto, 100% 100%;
     
    214212}
    215213
    216 .snarkRefresh:link:nth-child(2) {
     214.nav_forum:link {
    217215     background: #310 url(images/button_forum.png) 11px center no-repeat;
    218216     background: url(images/button_forum.png) 11px center no-repeat, linear-gradient(to bottom, #a68058 1%, #7a6045 27%, #5e4730 50%, #2e1700 51%, #1f0f00 100%);
     
    220218}
    221219
    222 .snarkRefresh:hover:nth-child(2), .snarkRefresh:focus:nth-child(2) {
     220.nav_forum:link:hover, .nav_forum:link:focus {
    223221     background: #707 url(images/button_forum_hover.png) 11px center no-repeat;
    224222     background: url(images/button_forum_hover.png) 11px center no-repeat, linear-gradient(to bottom, #a15b73 0%, #7e4062 50%, #591c3e 51%, #46133e 100%);
     
    227225}
    228226
    229 .snarkRefresh:active:nth-child(2) {
     227.nav_forum:link:active {
    230228     background: #f60 url(images/button_forum_active.png) 11px center no-repeat;
    231229     background-size: 16px auto, 100% 100%;
     
    233231}
    234232
    235 .snarkRefresh:last-child {
     233.snarkNav:last-child {
    236234     border-radius: 0 2px 2px 0;
    237235}
    238236
    239 .snarkRefresh:first-child {
     237.snarkNav:first-child {
    240238     border-radius: 2px 0 0 2px;
    241239}
     
    253251     border-radius: 4px;
    254252     border: 1px solid #101;
    255      overflow: auto;
    256      color: #2C6AEF;
     253     overflow: hidden;
     254     color: #2c6aef;
    257255     height: 50px;
    258256     width: auto;
     
    266264}
    267265
     266.snarkMessages:hover, .snarkMessages:focus {
     267     overflow: auto !important;
     268}
     269
    268270.iframed .snarkMessages {
    269271     margin-top: 1px;
     
    352354     color: #323;
    353355     width: 100%;
    354      transform: rotateZ(360deg);
    355356}
    356357
     
    468469     padding: 2px;
    469470     background-clip: padding-box;
     471     border-bottom: 1px solid #313;
     472     border-bottom: 1px solid rgba(51, 17, 51, 0.8);
    470473}
    471474
     
    584587     font-weight: bold;
    585588     vertical-align: middle;
     589     border-top: 1px solid #313;
     590     border-bottom: 1px solid rgba(51, 17, 51, 0.8);
    586591}
    587592
     
    712717tr:hover .percentBarText {
    713718     opacity: 1;
     719     text-shadow: 0 1px 1px rgba(0,0,0,0.8);
    714720}
    715721
     
    817823}
    818824
    819 #torrentInfoControl, #setPriority {
     825#torrentInfoControl td, #setPriority th {
    820826     box-shadow: inset 0 0 0 1px #303;
    821827}
     
    840846     margin: 0 -1px 0 0 !important;
    841847     padding: 0 3px !important;
    842 }
    843 
    844 .snarkDirInfo img, .snarkTorrents img {
    845      filter: drop-shadow(0 0 1px #000);
    846848}
    847849
     
    969971     color: #dd7;
    970972     opacity: 0;
     973     transition: ease opacity 0.2s;
    971974}
    972975
    973976.percentBarText:hover, .percentBarText:focus {
    974977     opacity: 1;
     978     transition: ease opacity 0.2s;
     979}
     980
     981.iframed .percentBarText, .iframed .percentBarText:hover, .iframed .percentBarText:focus {
     982     transition: none;
    975983}
    976984
     
    11961204}
    11971205
     1206#configs input[type="submit"], .trackerconfig input[type="submit"], input[name="savepri"] {
     1207     text-transform: capitalize;
     1208}
     1209
    11981210#setPriority {
    11991211     border-top: 1px solid #000;
     
    12791291
    12801292a img {
    1281      filter: drop-shadow(0 0 1px #000);
    12821293     outline: none;
    12831294}
     
    16351646     border-radius: 4px;
    16361647     box-shadow: inset 0 0 3px 0 #101;
     1648     box-shadow: inset 0 0 2px 1px rgba(16,0,16,0.5), 0 0 1px 1px rgba(85, 17, 85, 0.6);
    16371649     word-wrap: break-word;
    1638      filter: drop-shadow(0 0 1px #515);
    16391650}
    16401651
     
    16451656     background: #545;
    16461657     background: linear-gradient(to bottom, #545 0%, #434 100%);
     1658     background-position: top -1px center;
    16471659     overflow: auto;
    16481660}
     
    16621674.addtorrentsection {
    16631675     background: #545 url(images/snark_add.png) no-repeat scroll right center;
    1664      background: url(images/snark_add.png) no-repeat scroll 99% center, linear-gradient(to bottom, #545 0%, #434 100%);
     1676     background: url(images/snark_add.png) no-repeat scroll right 10px center, linear-gradient(to bottom, #545 0%, #434 100%);
    16651677     background-size: 61px 61px, 100% 100%;
    16661678}
     
    19111923}
    19121924
     1925.peerinfo td {
     1926     border-bottom: 1px solid #414 !important;
     1927     border-top: 1px solid #202 !important;
     1928}
     1929
    19131930.peerinfo td:first-child {
    19141931     background: url(images/peer.png) center center no-repeat;
     
    19261943.debuginfo td:first-child {
    19271944     background: url(images/debuginfo.png) center center no-repeat;
    1928      background-blend-mode: luminosity;
    19291945     background-size: 14px 14px;
    19301946}
     
    22502266
    22512267.knownTracker input[type="radio"], .knownTracker input[type="radio"]:hover {
    2252      opacity: 0.7;
    2253      cursor: not-allowed;
     2268     opacity: 0.3;
     2269     cursor: default;
    22542270     filter: sepia(100%) invert(100%) hue-rotate(58deg) brightness(80%) !important;
     2271}
     2272
     2273.knownTracker input[type="radio"]:checked, .knownTracker input[type="radio"]:checked:hover {
     2274     opacity: 0.5;
    22552275}
    22562276
     
    22672287
    22682288/* Comments Section */
    2269 /* TODO: merge with other rules where applicable */
    22702289
    22712290#snarkCommentSection {
     
    23632382.snarkCommentInfo td:first-child, .snarkComments td:first-child {
    23642383     min-width: 160px !important;
     2384     max-width: 160px !important;
    23652385     width: 160px !important;
    23662386     padding-right: 2px;
     
    23682388
    23692389.snarkCommentInfo td:last-child, .snarkComments td:last-child {
    2370      width: 1% !important;
     2390/*     width: 1% !important;*/
    23712391}
    23722392
    23732393.snarkComments td {
     2394     white-space: nowrap;
     2395}
     2396
     2397.commentAuthor {
     2398     max-width: 160px !important;
     2399     width: 160px !important;
    23742400     white-space: nowrap;
    23752401}
     
    23842410     text-align: justify;
    23852411     width: 90%;
     2412}
     2413
     2414.commentText:empty + .commentDelete {
     2415     background: none;
    23862416}
    23872417
     
    26572687}
    26582688
    2659 .snarkRefresh:link,.snarkRefresh:visited {
     2689.snarkNav:link, .snarkNav:visited {
    26602690     background-size: 15px auto, 100% 100% !important;
    26612691     background-position: 11px 50%, center center !important;
     
    26652695
    26662696.snarkTorrentName a:not(old) {
    2667      max-width: 340px;
     2697     max-width: 380px;
    26682698     display: inline-block;
    26692699     white-space: nowrap;
     
    27002730}
    27012731
    2702 _:-ms-lang(x), .snarkRefresh:link, .snarkRefresh:visited {
     2732_:-ms-lang(x), .snarkNav:link, .snarkNav:visited {
    27032733     background-position: 11px 5px, center center !important;
    27042734     background-size: 15px auto, 100% 100% !important;
     
    27362766
    27372767@media screen and (min-width: 1200px) {
    2738 .snarkRefresh:link {
    2739      font-size: 11pt;
    2740 }
    2741 
    2742 .snarkRefresh:link:first-child, .snarkRefresh[href="/i2psnark/"]:last-child {
     2768.snarkNav:link {
     2769     font-size: 10.5pt;
     2770}
     2771
     2772.snarkNav:link:first-child, .snarkNav[href="/i2psnark/"]:last-child {
    27432773     padding-left: 32px !important;
    27442774}
     
    27912821}
    27922822
    2793 .snarkRefresh:link:first-child {
     2823.snarkNav:link:first-child {
    27942824     padding-left: 32px !important;
    27952825}
    27962826
    2797 .snarkRefresh:link:first-child, .snarkRefresh:last-child[href="/i2psnark/"] {
     2827.snarkNav:link:first-child, .snarkNav:last-child[href="/i2psnark/"] {
    27982828     background-position: 11px 45%, center center !important;
    27992829}
     
    28082838}
    28092839
    2810 .snarkRefresh:link {
    2811      font-size: 12pt;
     2840.snarkNav:link {
     2841     font-size: 11pt;
    28122842}
    28132843
     
    29252955}
    29262956
     2957/* mini-mode */
     2958
     2959@media screen and (max-width: 800px) {
     2960.page, .snarknavbar {
     2961     min-width: 650px !important;
     2962}
     2963
     2964.snarkNav:link, .snarkNav:visited {
     2965     font-size: 9pt !important;
     2966     background-size: 10pt auto, 100% 100% !important;
     2967     padding-left: 25px !important;
     2968}
     2969
     2970.snarkNav:link:first-child {
     2971     padding-left: 27px !important;
     2972}
     2973
     2974th.snarkTorrentStatus a img, .snarkTorrentETA a img, .snarkTrackerDetails a img, img[src$="torrent.png"] {
     2975     display: none !important;
     2976}
     2977
     2978.snarkGraphicStatus {
     2979     max-width: 12px !important;
     2980     padding-left: 3px !important;
     2981}
     2982
     2983.snarkGraphicStatus img {
     2984     max-width: 18px;
     2985}
     2986
     2987.snarkTorrents th img {
     2988     max-height: 18px;
     2989}
     2990
     2991.snarkTorrentUploaded, .snarkTorrentRateUp {
     2992     display: none;
     2993}
     2994
     2995.alwaysShow {
     2996     display: none !important;
     2997}
     2998
     2999.snarkTorrentDetails {
     3000     padding-left: 8px;
     3001}
     3002
     3003.snarkTorrentStatus, .snarkTorrentETA, .snarkTrackerDetails {
     3004     font-size: 0;
     3005     max-width: 0 !important;
     3006     min-width: 0 !important;
     3007     width: 0 !important;
     3008     padding: 0;
     3009}
     3010
     3011#totals {
     3012     margin-left: 2px !important;
     3013}
     3014
     3015.toggleview, .snarkConfigTitle, .snarkConfigTitle a {
     3016     font-size: 10pt !important;
     3017}
     3018
     3019.toggleview img, .snarkConfigTitle img {
     3020     height: 12px;
     3021     margin-right: 0 !important;
     3022}
     3023
     3024#configs td:first-child, .configsectionpanel input[name="nofilter_dataDir"], .configsectionpanel textarea {
     3025     min-width: 150px !important;
     3026}
     3027
     3028.trackerconfig a, .trackerconfig input[type="text"] {
     3029     max-width: 150px !important;
     3030}
     3031
     3032.trackerconfig, form + form > .configsectionpanel, .addtorrentsection tr:last-child, .snarkTorrentInfo tr:nth-child(n+2) {
     3033     display: none;
     3034}
     3035
     3036#trackerselect td a {
     3037     max-width: 200px !important;
     3038}
     3039
     3040.snarkTorrentInfo {
     3041     border-bottom: none !important;
     3042     margin-bottom: -6px !important;
     3043     position: relative;
     3044     z-index: 10;
     3045}
     3046
     3047.snarkTorrentInfo th {
     3048     padding-top: 4px;
     3049     padding-bottom: 4px;
     3050}
     3051
     3052.snarkTorrentInfo th:nth-child(2) {
     3053     padding-left: 5px;
     3054     border-bottom: 1px solid #313 !important;
     3055}
     3056
     3057.snarkDirInfo td.snarkFileStatus {
     3058     font-size: 0 !important;
     3059     text-align: center !important;
     3060}
     3061
     3062.snarkDirInfo td.snarkFileStatus .percentbarText {
     3063     font-size: 7pt !important;
     3064}
     3065
     3066.snarkDirInfo .snarkFileStatus img {
     3067     float: none;
     3068}
     3069
     3070.snarkFileStatus img[src*="clock"] {
     3071     float: left;
     3072}
     3073
     3074th a img {
     3075     max-height: 16px !important;
     3076}
     3077
     3078.snarkTorrentAction input[type="image"] {
     3079     max-height: 14px !important;
     3080}
     3081
     3082#configs #bwhelp {
     3083     background: none !important;
     3084     font-size: 0 !important;
     3085}
     3086
     3087#configs tr:nth-child(n+16) {
     3088     display: none;
     3089}
     3090
     3091#configs tr:nth-last-child(2) {
     3092     display: table-row !important;
     3093}
     3094
     3095#configs tr, #configs tr:nth-last-child(2) td {
     3096     border: none !important;
     3097}
     3098
     3099.addtorrentsection input[type="text"], .newtorrentsection input[type="text"] {
     3100     width: 60% !important;
     3101}
     3102
     3103.snarkCommentInfo td:first-child, .snarkComments td:first-child {
     3104     width: 120px !important;
     3105     max-width: 120px !important;
     3106     min-width: 120px !important;
     3107}
     3108
     3109.snarkComments .commentDate {
     3110     width: 70px;
     3111}
     3112
     3113.snarkComments .commentDelete {
     3114     background: none !important;
     3115     padding-left: 0 !important;
     3116}
     3117}
     3118
     3119/* end mini-mode */
     3120
    29273121/* hidpi devices only */
    29283122
    29293123@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) and (min-width: 1400px) {
    2930 .snarkRefresh:link:first-child, .snarkRefresh:last-child[href="/i2psnark/"] {
     3124.snarkNav:link:first-child, .snarkNav:last-child[href="/i2psnark/"] {
    29313125     background-position: 11px 56%, center center !important;
    29323126}
  • installer/resources/themes/snark/vanilla/snark.css

    r25c709a rcf7a604  
    124124     border-radius: 0 0 2px 2px;
    125125     box-shadow: inset 0 0 0 1px #fff5ef, 0 0 1px 0 #4f3d36;
     126     box-shadow: inset 0 0 0 1px #fff5ef, 0 0 0 1px rgba(111, 96, 90, 0.3), 0 0 1px 1px rgba(79, 61, 54, 0.5);
    126127     background: #efefef;
    127128     background: linear-gradient(to bottom, #efefef 50%, #cfc7c2 52%, #cfc7c2 100%);
     
    144145}
    145146
    146 .snarkRefresh:link, .snarkRefresh:visited {
     147.snarkNav:link, .snarkNav:visited {
    147148     text-decoration: none !important;
    148149     text-transform: uppercase !important;
     
    153154     font-weight: bold;
    154155     font-size: 10pt;
    155      color: #3F271B;
    156      background: #fff7ef url(images/button_snark.png) 11px center no-repeat;
    157      background: url(images/button_snark.png) 11px center no-repeat, linear-gradient(to bottom, #fff7ef 47%, rgba(207, 193, 181, 0.6) 50%), repeating-linear-gradient(45deg, #75604e 1px, #a09286 1px, #bfafa2 2px);
    158      background-size: 18px auto, 100% 100%, 100% 100%;
     156     color: #3f271b;
     157     background-size: 17px auto, 100% 100%, 100% 100% !important;
    159158     border-radius: 0;
    160159     border: 1px solid #efe6e0;
     
    163162     border: 1px solid #2f1b0c;
    164163     display: inline-block;
    165 }
    166 
    167 _:-ms-lang(x), .snarkRefresh:link, .snarkRefresh:visited {
     164     position: relative;
     165     z-index: 30;
     166}
     167
     168_:-ms-lang(x), .snarkNav:link, .snarkNav:visited {
    168169     padding-top: 1px !important;
    169170     margin-right: -5px !important;
    170171}
    171172
    172 .snarkRefresh:hover, .snarkRefresh:focus {
     173.snarkNav:hover, .snarkNav:focus {
    173174     text-decoration: none !important;
    174175     text-shadow: none !important;
    175176     color: #930 !important;
     177     box-shadow: inset 0 0 0 1px #fff5ef, 0 0 0 1px rgba(77, 69, 62, 0.1);
     178     filter: drop-shadow(0 0 1px rgba(200,60,0,0.2));
     179     z-index: 10;
     180}
     181
     182.snarkNav:active {
     183     text-shadow: none !important;
     184     box-shadow: inset 0 0 0 1px #efe6e0, inset 2px 2px 3px 1px #59513b, 0 0 0 1px rgba(77, 69, 62, 0.1);
     185     filter: none;
     186}
     187
     188.nav_main:link {
     189     background: #fff7ef url(images/button_snark.png) 11px center no-repeat;
     190     background: url(images/button_snark.png) 11px center no-repeat, linear-gradient(to bottom, #fff7ef 47%, rgba(207, 193, 181, 0.6) 50%), repeating-linear-gradient(45deg, #75604e 1px, #a09286 1px, #bfafa2 2px);
     191     background-size: 18px auto, 100% 100%, 100% 100% !important;
     192}
     193
     194.nav_forum:link {
     195     background: #fff7ef url(images/button_forum.png) 12px center no-repeat;
     196     background: url(images/button_forum.png) 12px center no-repeat, linear-gradient(to bottom, #fff7ef 47%, rgba(207, 193, 181, 0.6) 50%), repeating-linear-gradient(45deg, #75604e 1px, #a09286 1px, #bfafa2 2px);
     197}
     198
     199.nav_tracker:link {
     200     background: #fff7ef url(images/button_tracker.png) 12px center no-repeat;
     201     background: url(images/button_tracker.png) 12px center no-repeat, linear-gradient(to bottom, #fff7ef 47%, rgba(207, 193, 181, 0.6) 50%), repeating-linear-gradient(135deg, #75604e 1px, #a09286 1px, #bfafa2 2px);
     202}
     203
     204.nav_main:hover, .nav_main:focus {
    176205     background: #ffeadf url(images/button_snark_hover.png) 11px center no-repeat;
    177206     background: url(images/button_snark_hover.png) 11px center no-repeat, linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50%, #cfb6a8 100%);
    178      background-size: 18px auto, 100% 100%, 100% 100%;
    179      box-shadow: inset 0 0 0 1px #fff5ef, 0 0 0 1px rgba(77, 69, 62, 0.1);
    180 }
    181 
    182 .snarkRefresh:active {
     207}
     208
     209.nav_forum:hover, .nav_forum:focus {
     210     background: #ffeadf url(images/button_forum_hover.png) 12px center no-repeat;
     211     background: url(images/button_forum_hover.png) 12px center no-repeat, linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50%, #cfb6a8 100%);
     212     background-size: 17px auto, 100% 100%, 100% 100%;
     213}
     214
     215.nav_tracker:hover, .nav_tracker:focus {
     216     background: #ffeadf url(images/button_tracker_hover.png) 12px center no-repeat;
     217     background: url(images/button_tracker_hover.png) 12px center no-repeat, linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50%, #cfb6a8 100%);
     218     background-size: 17px auto, 100% 100%, 100% 100%;
     219}
     220
     221.nav_main:active {
    183222     background: #dfb899 url(images/button_snark_active.png) 11px center no-repeat;
    184223     background: url(images/button_snark_active.png) 11px center no-repeat, linear-gradient(to bottom, #dfb899 47%, #af9178 50%, #af9178 100%);
    185224     background-size: 18px auto, 100% 100%, 100% 100%;
    186      text-shadow: none !important;
    187      box-shadow: inset 0 0 0 1px #efe6e0, inset 2px 2px 3px 1px #59513b, 0 0 0 1px rgba(77, 69, 62, 0.1);
    188 }
    189 
    190 .snarkRefresh:nth-child(2) {
    191      background: #fff7ef url(images/button_forum.png) 12px center no-repeat;
    192      background: url(images/button_forum.png) 12px center no-repeat, linear-gradient(to bottom, #fff7ef 47%, rgba(207, 193, 181, 0.6) 50%), repeating-linear-gradient(45deg, #75604e 1px, #a09286 1px, #bfafa2 2px);
    193      background-size: 17px auto, 100% 100%, 100% 100%;
    194 }
    195 
    196 .snarkRefresh:nth-child(n+3) {
    197      background: #fff7ef url(images/button_tracker.png) 12px center no-repeat;
    198      background: url(images/button_tracker.png) 12px center no-repeat, linear-gradient(to bottom, #fff7ef 47%, rgba(207, 193, 181, 0.6) 50%), repeating-linear-gradient(135deg, #75604e 1px, #a09286 1px, #bfafa2 2px);
    199      background-size: 17px auto, 100% 100%, 100% 100%;
    200 }
    201 
    202 .snarkRefresh:nth-child(2):hover, .snarkRefresh:nth-child(2):focus {
    203      background: #ffeadf url(images/button_forum_hover.png) 12px center no-repeat;
    204      background: url(images/button_forum_hover.png) 12px center no-repeat, linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50%, #cfb6a8 100%);
    205      background-size: 17px auto, 100% 100%, 100% 100%;
    206 }
    207 
    208 .snarkRefresh:nth-child(n+3):hover, .snarkRefresh:nth-child(n+3):focus {
    209      background: #ffeadf url(images/button_tracker_hover.png) 12px center no-repeat;
    210      background: url(images/button_tracker_hover.png) 12px center no-repeat, linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50%, #cfb6a8 100%);
    211      background-size: 17px auto, 100% 100%, 100% 100%;
    212 }
    213 
    214 .snarkRefresh:nth-child(2):active {
     225}
     226
     227.nav_forum:active {
    215228     background: #dfb899 url(images/button_forum_active.png) 12px;
    216229     background: url(images/button_forum_active.png) 12px center no-repeat, linear-gradient(to bottom, #dfb899 47%, #af9178 50%, #af9178 100%);
     
    218231}
    219232
    220 .snarkRefresh:nth-child(n+3):active {
     233.nav_tracker:active {
    221234     background: #dfb899 url(images/button_tracker_active.png) 12px center no-repeat;
    222235     background: url(images/button_tracker_active.png) 12px center no-repeat, linear-gradient(to bottom, #dfb899 47%, #af9178 50%, #af9178 100%);
     
    224237}
    225238
    226 .snarkRefresh:last-child {
     239.snarkNav:last-child {
    227240     border-radius: 0 2px 2px 0;
    228241}
    229242
    230 .snarkRefresh:first-child {
     243.snarkNav:first-child {
    231244     border-radius: 2px 0 0 2px;
    232245     padding-left: 30px !important;
    233246}
    234247
    235 .snarkRefresh:last-child[href="/i2psnark/"] {
     248.snarkNav:last-child[href="/i2psnark/"] {
    236249     border-radius: 2px;
    237250     margin: -2px 0 -4px !important;
    238251}
    239252
    240 .snarkRefresh:hover, .snarkRefresh:visited:hover {
     253.snarkNav:hover, .snarkNav:visited:hover {
    241254     color: #930 !important;
    242255}
    243256
    244 .snarkRefresh:active, .snarkRefresh:visited:active {
     257.snarkNav:active, .snarkNav:visited:active {
    245258     color: #eee !important;
    246259}
     
    268281}
    269282
    270 .snarkMessages:hover {
     283.snarkMessages:hover, .snarkMessages:focus {
    271284     overflow: auto;
    272285}
     
    274287.snarkMessages:focus {
    275288     box-shadow: inset 0 0 6px 0 #3f2307, 0 0 1px #f60;
     289     box-shadow: inset 0 0 6px 0 #3f2307, 0 0 1px #df0067;
     290     filter: drop-shadow(0 0 2px rgba(200, 80, 0, 0.3));
    276291}
    277292
     
    11441159#trackerselect td:first-child {
    11451160     font-weight: normal;
     1161}
     1162
     1163#configs input[type="submit"], .trackerconfig input[type="submit"], input[name="savepri"] {
     1164     text-transform: capitalize;
    11461165}
    11471166
     
    21822201
    21832202.knownTracker input[type="radio"], .knownTracker input[type="radio"]:hover {
    2184      opacity: 0.5 !important;
    2185      cursor: not-allowed;
     2203     opacity: 0.3;
     2204     cursor:default;
    21862205     filter: sepia(50%) invert(80%) hue-rotate(150deg) !important;
     2206}
     2207
     2208.knownTracker input[type="radio"]:checked, .knownTracker input[type="radio"]:checked:hover {
     2209     opacity: 0.5;
    21872210}
    21882211
     
    23722395}
    23732396
     2397.commentText:empty + .commentDelete {
     2398     background: none;
     2399}
     2400
    23742401.commentWrapper {
    23752402     border: 1px solid #6f533e;
     
    24122439}
    24132440
    2414 .commentDelete {
     2441.snarkComments .commentDelete {
    24152442     background: url(../ubergine/images/nuke.png) 6px center no-repeat;
    24162443     text-align: left;
     
    24652492
    24662493@media screen and (max-width: 1000px) {
     2494.snarkNav:link {
     2495     padding: 4px 8px 4px 24px !important;
     2496     background-size: 15px auto, 100% 100%, 100% 100% !important;
     2497     background-position: 8px center, center center, center center !important;
     2498}
     2499
     2500.nav_main:link {
     2501     padding: 4px 8px 4px 23px !important;
     2502     background-position: 6px center, center center, center center !important;
     2503}
     2504
     2505.nav_tracker:link {
     2506     padding: 4px 8px 4px 20px !important;
     2507     background-position: 5px center, center center, center center !important;
     2508}
     2509
    24672510.snarkTorrents td[colspan="10"] {
    24682511     white-space: normal;
     
    25102553.percentBarOuter, .percentBarText, .snarkTorrentDownloaded {
    25112554     width: 100px !important;
     2555}
     2556
     2557.snarkFileStatus .percentBarText {
     2558     font-size: 8pt;
     2559}
     2560
     2561.percentBarOuter, .percentBarInner {
     2562     height: 14px;
     2563}
     2564
     2565.percentBarText {
     2566     line-height: 15px !important;
     2567}
     2568
     2569.snarkDirInfo .percentBarText {
     2570     line-height: 14px !important;
    25122571}
    25132572
     
    25742633}
    25752634
    2576 .snarkRefresh:nth-child(n+2) {
    2577      padding: 4px 8px 4px 24px !important;
    2578      background-size: 14px auto, 100% 100%, 100% 100% !important;
    2579      background-position: 8px center, center center, center center !important;
    2580 }
    2581 
    2582 .snarkRefresh:first-child {
    2583      padding: 4px 8px 4px 26px !important;
    2584      background-size: 16px auto, 100% 100%, 100% 100% !important;
    2585      background-position: 9px center, center center, center center !important;
    2586 }
    2587 
    2588 _:-ms-lang(x), .snarkRefresh:link, .snarkRefresh:visited {
     2635_:-ms-lang(x), .snarkNav:link, .snarkNav:visited {
    25892636     padding-top: 3px !important;
    25902637}
     
    26232670.snarkCommentInfo td, .snarkComments td {
    26242671     padding: 5px !important;
     2672}
     2673
     2674.snarkComments .commentDate {
     2675     padding-left: 20px !important;
    26252676}
    26262677}
     
    26512702}
    26522703
    2653 .snarkRefresh:link {
    2654       font-size: 11.5pt;
     2704.snarkNav:link {
     2705     font-size: 11pt;
     2706     padding: 4px 8px 4px 26px !important;
     2707     background-position: 8px center, center center, center center !important;
     2708}
     2709
     2710.nav_main:link {
     2711     background-position: 7px center, center center, center center !important;
     2712}
     2713
     2714.nav_tracker:link {
     2715     padding-left: 23px !important;
     2716     background-position: 5px center, center center, center center !important;
    26552717}
    26562718
     
    26982760}
    26992761
     2762.snarkNav:link {
     2763     padding: 4px 8px 4px 26px !important;
     2764     background-size: 16px auto, 100% 100%, 100% 100% !important !important;
     2765     background-position: 8px center, center center, center center !important;
     2766}
     2767
     2768.nav_main:link {
     2769     padding: 4px 8px 4px 27px !important;
     2770     background-position: 8px center, center center, center center !important;
     2771     background-size: 18px auto, 100% 100%, 100% 100% !important;
     2772}
     2773
    27002774.percentDownloaded {
    27012775     pointer-events: none; /* hide tooltip */
     
    27172791.mainsection .snarkCommentInfo td, .mainsection .snarkComments td {
    27182792     padding: 8px 5px !important;
     2793}
     2794
     2795.mainsection .snarkComments .commentDelete {
     2796     padding-left: 24px !important;
     2797}
     2798
     2799.mainsection .snarkComments .commentDate {
     2800     padding-left: 20px !important;
    27192801}
    27202802}
     
    27422824}
    27432825
    2744 .snarkRefresh:link {
    2745       font-size: 13pt;
    2746 }
    2747 
    2748 .snarkRefresh:link:first-child {
    2749      padding-left: 30px !important;
     2826.snarkNav:link {
     2827     font-size: 12pt;
     2828     background-size: 18px auto, 100% 100%, 100% 100% !important;
     2829}
     2830
     2831.nav_main:link, .nav_forum:link {
     2832     padding-left: 27px !important;
     2833}
     2834
     2835.nav_forum:link {
     2836     background-position: 9px center, center center, center center !important;
     2837}
     2838
     2839.nav_tracker:link {
     2840     padding-left: 25px !important;
     2841     background-position: 7px center, center center, center center !important;
    27502842}
    27512843
     
    28402932}
    28412933
     2934/* mini-mode */
     2935
     2936@media screen and (max-width: 800px) {
     2937.page, .snarknavbar {
     2938     min-width: 650px !important;
     2939}
     2940
     2941.snarkNav:link, .snarkNav:visited {
     2942     font-size: 9pt !important;
     2943}
     2944
     2945th.snarkTorrentStatus a img, .snarkTorrentETA a img, .snarkTrackerDetails a img {
     2946     display: none !important;
     2947}
     2948
     2949.snarkGraphicStatus {
     2950     max-width: 12px !important;
     2951     padding-left: 3px !important;
     2952}
     2953
     2954.snarkGraphicStatus img {
     2955     max-width: 18px;
     2956}
     2957
     2958.snarkTorrents th img {
     2959     max-height: 18px;
     2960}
     2961
     2962.snarkTorrentUploaded, .snarkTorrentRateUp {
     2963     display: none;
     2964}
     2965
     2966.snarkTorrentStatus, .snarkTorrentETA, .snarkTrackerDetails {
     2967     font-size: 0;
     2968     max-width: 0 !important;
     2969     min-width: 0 !important;
     2970     width: 0 !important;
     2971     padding: 0;
     2972}
     2973
     2974#configs td:first-child {
     2975     min-width: 150px !important;
     2976}
     2977
     2978.trackerconfig a, .trackerconfig input[type="text"] {
     2979     max-width: 150px !important;
     2980}
     2981
     2982.trackerconfig, form + form > .configsectionpanel, .addtorrentsection tr:last-child, .snarkTorrentInfo tr:nth-child(n+2) {
     2983     display: none;
     2984}
     2985
     2986#trackerselect td a {
     2987     max-width: 200px !important;
     2988}
     2989
     2990.snarkTorrentInfo {
     2991     border-bottom: none !important;
     2992     margin-bottom: -11px !important;
     2993     position: relative;
     2994     z-index: 10;
     2995}
     2996
     2997.snarkTorrentInfo th {
     2998     padding-top: 8px;
     2999     padding-bottom: 8px;
     3000}
     3001
     3002.snarkFileStatus {
     3003     font-size: 0;
     3004     text-align: center;
     3005}
     3006
     3007.snarkDirInfo .snarkFileStatus img {
     3008     float: none;
     3009}
     3010
     3011.snarkFileStatus img[src*="clock"] {
     3012     float: left;
     3013}
     3014
     3015#configs #bwhelp {
     3016     background: none !important;
     3017     font-size: 0 !important;
     3018}
     3019
     3020#configs tr:nth-child(n+16) {
     3021     display: none;
     3022}
     3023
     3024#configs tr:nth-last-child(2) {
     3025     display: table-row !important;
     3026}
     3027
     3028#configs tr, #configs tr:nth-last-child(2) td {
     3029     border: none !important;
     3030}
     3031
     3032.addtorrentsection input[type="text"], .newtorrentsection input[type="text"] {
     3033     width: 60% !important;
     3034}
     3035
     3036.addtorrentsection td:first-child, .newtorrentsection td:first-child {
     3037     width: 100px;
     3038}
     3039
     3040.snarkCommentInfo td:first-child, .snarkComments td:first-child {
     3041     width: 100px !important;
     3042}
     3043
     3044.snarkComments .commentDate {
     3045     width: 70px;
     3046}
     3047
     3048.snarkComments .commentDelete {
     3049     background: none !important;
     3050     padding-left: 0 !important;
     3051}
     3052}
     3053
     3054/* end mini-mode */
     3055
    28423056/* end responsive layout */
    28433057
  • installer/resources/themes/susidns/classic/susidns.css

    r25c709a rcf7a604  
    55     font: 9pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Helvetica, sans-serif;
    66     background: #eef;
     7     background: #eef url(/themes/console/classic/images/bg0.png);
     8     background-size: 120px 120px;
    79     color: #0c153d;
    810     min-width: 700px;
     
    312314     background: #ffe url(/themes/console/images/info/infohelp.png) 8px center no-repeat;
    313315     line-height: 120%;
     316     background-size: 28px 28px;
    314317}
    315318
  • installer/resources/themes/susidns/dark/susidns.css

    r25c709a rcf7a604  
    1919
    2020::selection {
    21      background: #030 !important;
    22      color: white;
     21     background: rgba(0,187,0,0.99) !important;
     22     color: #000;
     23     text-shadow: none;
    2324}
    2425
    2526::-moz-selection {
    26      background: #030 !important;
    27      color: white;
     27     background: #0b0 !important;
     28     color: #000;
     29     text-shadow: none;
    2830}
    2931
     
    3335     padding: 0 5px;
    3436     font-size: 9pt !important;
    35 /*     background: #000;*/
    3637}
    3738
  • installer/resources/themes/susidns/images/how.svg

    r25c709a rcf7a604  
    11<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 960 587">
    22  <style>
    3     .a, .subs { fill: #fff; stroke-linejoin: round; stroke-width: 1.5; stroke: #000; } .b, .c, .d, .e, .f, .g { font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif; font-feature-settings: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; text-align: center; text-anchor: middle; } .b, .c, .f, .g { font-size: 20px; } .d, .e { font-size: 30px; } .d, .f { font-weight: bold; } #space { fill: #edffff; stroke-linejoin: round; stroke-width: 1; stroke: #999; } text.tooltip:hover { fill: #090; } path.tooltip, rect.tooltip { fill: #F9FFEF; } .book:hover rect, .subscriptions:hover rect { fill: url(#hover); } .private:hover { fill: url(#hover2); } .pbook:hover rect { fill: url(#hover2); } path.tooltip:hover { fill: url(#arrow); } .private { fill: #ffffee; } .privatezone { stroke: #f00; fill: #efefd7; stroke-dasharray: 5,5; stroke-width: 1; stroke-linejoin: round; } .subs { stroke-dasharray: 3,3; stroke-width: 1; } a:hover text { cursor: pointer; fill: #f60; } a:active text { fill: #d30; } .a { filter: drop-shadow(0 0 2px rgba(64,64,64,0.5)); } .book rect:active, .pbook rect:active { filter: none; } a { outline: none; }
     3    .a, .subs { fill: #fff; stroke-linejoin: round; stroke-width: 1.5; stroke: #000; } .b, .c, .d, .e, .f, .g { font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif; font-feature-settings: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; text-align: center; text-anchor: middle; } .b, .c, .f, .g { font-size: 20px; } .d, .e { font-size: 30px; } .d, .f { font-weight: bold; } #space { fill: #edffff; stroke-linejoin: round; stroke-width: 1; stroke: #999; } text.tooltip:hover { fill: #090; } path.tooltip, rect.tooltip { fill: #F9FFEF; } .book:hover rect, .subscriptions:hover rect { fill: url(#hover); } .private:hover { fill: url(#hover2); } .pbook:hover rect { fill: url(#hover2); } path.tooltip:hover { fill: url(#arrow); } .private { fill: #ffffee; } .privatezone { stroke: #f00; fill: #efefd7; stroke-dasharray: 5,5; stroke-width: 1; stroke-linejoin: round; } .subs { stroke-dasharray: 3,3; stroke-width: 1; } a:hover text { cursor: pointer; fill: #f60; } a:active text { fill: #d30; } .a { filter: drop-shadow(0 0 2px rgba(64,64,64,0.5)); } .book rect:active, .pbook rect:active, #sublist:active rect { filter: none; } a { outline: none; } .hideonhover:hover #hoverhide, .hideonhover:active #hoverhide { fill: none; } .hideonhover:hover #hovershow { fill: #f60; } .hideonhover:active #hovershow { fill: #d30; } #hovershow { fill: none; }
    44  </style>
    55  <defs>
     
    5757    </text>
    5858  </a>
    59   <g class="subscriptions">
     59  <g class="subscriptions hideonhover">
     60  <a id="sublist" xlink:href="/susidns/subscriptions" target="_parent">
    6061    <title>Hosts sourced from your subscriptions are added to your Router address book, and are automatically synced (by default every 12 hours).</title>
    6162    <rect class="subs" width="419" height="66" x="506" y="230" ry="10"/>
     
    6667    <rect class="a tooltip" width="419" height="62" x="506" y="95" ry="10"/>
    6768    <text class="b" x="715" y="132">
    68       <tspan class="c" x="715" y="132">http://i2p-projekt.i2p/hosts.txt</tspan>
     69      <tspan class="c" id="hoverhide" x="715" y="132">http://i2p-projekt.i2p/hosts.txt</tspan>
     70      <tspan class="c" id="hovershow" x="715" y="132">Configure Subscriptions</tspan>
    6971    </text>
     72  </a>
    7073  </g>
    7174  <a xlink:href="/susidns/addressbook?book=master" target="_parent" class="book">
     
    8184    <title>The Master, Router and Private address books collectively serve as the DNS authority for I2P applications.</title>
    8285  </text>
    83   <text class="f tooltip" x="817" y="518">
    84     <tspan class="g" x="817" y="518">OPTIONAL, FOR</tspan> <tspan class="g" x="817" y="545">EEPSITES</tspan>
    85     <title>If you configure SusiDNS to publish your Router address book, it will export a hosts.txt file containing all the hosts (by default to the root of your eepsite).</title>
    86   </text>
     86  <a xlink:href="/susidns/config" target="_parent">
     87    <text class="f" x="817" y="518">
     88      <tspan class="g" x="817" y="518">OPTIONAL, FOR</tspan> <tspan class="g" x="817" y="545">EEPSITES</tspan>
     89      <title>If you configure SusiDNS to publish your Router address book, it will export a hosts.txt file containing all the hosts (by default to the root of your eepsite).</title>
     90    </text>
     91  </a>
    8792  <path class="a tooltip" d="M382 164v133h-21l22 31 22 31 23-31 22-31h-19V164h-49z">
    8893    <title>Addresses manually added to your Master address book will merge with your Router address book.</title>
  • installer/resources/themes/susimail/classic/susimail.css

    r25c709a rcf7a604  
    44body {
    55     background: #eef url(/themes/console/classic/images/bg0.png);
     6     background-size: 120px 120px;
    67     color: #0c153d;
    78     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     
    391392     background: #eef url(/themes/console/classic/images/bg2.png);
    392393     background: linear-gradient(to bottom, rgba(255,255,255,0.7),rgba(255,255,255,0.2)), url(/themes/console/classic/images/bg2.png) #eef;
     394     background-size: 100% 100%, 120px 120px;
    393395     color: #0c153d;
    394396     margin: 0;
     
    934936.iframed #dologin {
    935937     margin: 18px auto 15px;
     938     padding-top: 10px;
    936939}
    937940
  • installer/resources/themes/susimail/dark/susimail.css

    r25c709a rcf7a604  
    1919
    2020::selection {
    21      background: #030 !important;
    22      color: white;
     21     background: rgba(0,187,0,0.99) !important;
     22     color: #000;
     23     text-shadow: none;
    2324}
    2425
    2526::-moz-selection {
    26      background: #030 !important;
    27      color: white;
     27     background: #0b0 !important;
     28     color: #000;
     29     text-shadow: none;
    2830}
    2931
Note: See TracChangeset for help on using the changeset viewer.