Changeset 5ddeeec for installer


Ignore:
Timestamp:
Mar 6, 2017 4:55:09 AM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
de7a4ba
Parents:
1f7042a6
Message:

I2PSnark theme updates

Location:
installer/resources/themes/snark
Files:
25 added
4 deleted
17 edited

Legend:

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

    r1f7042a6 r5ddeeec  
    2121
    2222tt {
    23      font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     23     font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
    2424}
    2525
     
    8383}
    8484
    85 .snarkRefresh:link,
    86 .snarkRefresh:visited {
     85.snarkRefresh:link, .snarkRefresh:visited {
    8786     display: inline-block;
    8887     font-size: 9pt;
    8988     font-weight: bold;
    90      margin: -1px !important;
     89     margin: -1px 0 !important;
    9190     padding: 5px 7px 5px 22px !important;
    9291     text-decoration: none !important;
    9392     letter-spacing: .1em;
    9493     text-transform: uppercase !important;
    95      opacity: 1;
    9694     color: #444688;
    97      border: 1px solid #eef;
    98      border-right: 1px solid #bbf;
    99      border-bottom: 1px solid #bbf;
     95     border: 1px solid #ccf;
     96     border-right: 1px solid #aaf;
     97     border-bottom: 1px solid #aaf;
    10098     border-radius: 0;
    10199     background: url(images/button_tracker.png) 7px center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    102      box-shadow: inset 0 0 1px #fff;
    103      filter: drop-shadow(0 0 1px #fff);
    104      -webkit-filter: drop-shadow(0 0 1px #fff);
     100     box-shadow: inset 0 0 0 1px #fff;
     101     box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px rgba(200,200,200,0.3);
     102/*     filter: drop-shadow(0 0 1px #fff);
     103     -webkit-filter: drop-shadow(0 0 1px #fff);*/
    105104}
    106105
     
    113112}
    114113
    115 .snarkRefresh:link:hover,
    116 .snarkRefresh:link:focus {
    117      opacity: 1;
     114.snarkRefresh:link:hover, .snarkRefresh:link:focus {
    118115     color: #f60;
    119 }
    120 
    121 .snarkRefresh:link:hover:first-child,
    122 .snarkRefresh:link:focus:first-child {
     116     box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px rgba(200,200,200,0.5);
     117}
     118
     119.snarkRefresh:link:hover:first-child, .snarkRefresh:link:focus:first-child {
    123120     background-image: url(images/button_snark_hover.png) !important;
    124121     background-image: url(images/button_snark_hover.png), linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     
    127124}
    128125
    129 .snarkRefresh:link:hover:nth-child(2),
    130 .snarkRefresh:link:focus:nth-child(2) {
     126.snarkRefresh:link:hover:nth-child(2), .snarkRefresh:link:focus:nth-child(2) {
    131127     background-image: url(images/button_forum_hover.png) !important;
    132128     background-image: url(images/button_forum_hover.png), linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     
    135131.snarkRefresh:link:active {
    136132     box-shadow: inset 0 0 0 1px #fff, inset 4px 4px 2px #555;
     133     box-shadow: inset 0 0 0 1px #fff, inset 4px 4px 2px #555, 0 0 0 1px rgba(100,100,100,0.5);
    137134}
    138135
     
    153150}
    154151
    155 .snarkRefresh:hover,
    156 .snarkRefresh:focus {
     152.snarkRefresh:hover, .snarkRefresh:focus {
    157153     font-size: 9pt;
    158154     font-weight: bold;
     
    207203}
    208204
     205#setPriority th {
     206     padding: 5px 10px !important;
     207     text-align: right !important;
     208}
     209
     210#setPriority input[disabled], #setPriority input[disabled]:hover {
     211     display: none;
     212     cursor: not-allowed !important;
     213     border: 1px solid #999;
     214     background: linear-gradient(to bottom, #fff, #ddd);
     215}
     216
    209217.snarkTorrents {
    210218     margin: 0;
     
    288296     background: #ddf url(images/hat.png) bottom right no-repeat;
    289297     background: url(images/hat.png) bottom right no-repeat, linear-gradient(to bottom, #dedeff, #ddf);
    290      box-shadow: inset 0 0 0 1px #fff;
     298     box-shadow: inset 0 0 0 1px #efefff;
    291299}
    292300
     
    442450
    443451.headerstatus {
    444      text-align: center;
     452     text-align: left;
     453     padding-left: 15px;
    445454}
    446455
     
    517526}
    518527
    519 .snarkTorrents tfoot th tt {
    520      font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
    521      letter-spacing: .1em;
    522      color: #227;
    523      background: none;
    524 }
    525 
    526528.snarkTorrents td:nth-child(6),
    527529.snarkTorrents td:nth-child(7),
     
    560562
    561563.snarkTorrents td[colspan="10"] {
    562      padding: 2px;
    563      color: #cc7 !important;
     564     padding: 4px 2px !important;
    564565}
    565566
     
    571572.snarkTorrents tt {
    572573     font-size: 8pt;
    573      color: #ff0;
     574     color: #301;
     575     font-weight: bold;
     576     color: #fff;
     577     background: #aaf;
     578     border-radius: 2px;
     579     margin: 3px;
     580     padding: 2px 3px;
     581     letter-spacing: 0.1em;
     582     display: inline-block;
     583}
     584
     585.snarkTorrents tfoot th tt {
     586     display: inline;
     587     margin-left: 3px;
    574588}
    575589
     
    665679}
    666680
     681.snarkDirInfo th:first-child {
     682     padding-left: 5px;
     683}
     684
     685.snarkDirInfo th a img, .snarkDirInfo th img  {
     686     max-height: 20px;
     687}
     688
     689.snarkDirInfo th img[alt="Directory"] {
     690     margin-right: 5px !important;
     691     margin-left: 1px !important;
     692}
     693
    667694.snarkDirInfo td {
    668695     min-width: 0 !important;
    669 }
    670 
    671 .snarkDirInfo th:first-child {
    672      padding-left: 5px;
    673696}
    674697
     
    743766}
    744767
     768/*
    745769.headerstatus {
    746770     min-width: 250px;
     
    750774     min-width: 350px !important;
    751775}
     776*/
    752777
    753778tr.priority:last-child {
     
    760785
    761786td.snarkFileStatus {
    762      font-size: 8pt;
    763      width: 80px;
    764787     text-align: center;
     788     white-space:nowrap;     
    765789}
    766790
     
    851875.snarkTorrents th:last-child input[type="image"]:active {
    852876     background: linear-gradient(to bottom, #ddf 0%, #ddf 50%, #99f 51%, #99f 100%);
    853      box-shadow: inset 2px 2px 2px #333;
     877     box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 2px #333;
     878     filter: none !important;
     879     -webkit-filter: none !important;
    854880}
    855881
     
    883909}
    884910
    885 td.snarkTorrentstatus {
    886      padding: 3px 0;
    887      text-align: center !important;
    888 }
    889 
    890 td.snarkTorrentstatus:nth-child(2) {
     911.snarkTorrentStatus {
    891912     text-align: left !important;
     913     white-space: nowrap;
     914     padding: 3px;
     915}
     916
     917.snarkTorrentStatus b {
     918     margin-right: 2px;
     919}
     920
     921.snarkTorrentStatus a {
     922     font-weight: bold !important;
    892923}
    893924
     
    915946     line-height: 90%;
    916947     padding: 0 3px;
    917      word-spacing: -.05em;
    918948}
    919949
     
    9701000.snarkTorrents tr:hover td,
    9711001.snarkDirInfo tr:hover td {
    972      color: #0c153d !important;
     1002     color: #0c153d;
    9731003}
    9741004
     
    10001030}
    10011031
     1032.debuginfo .snarkTorrentEven:nth-child(even) {
     1033     background: #f00;
     1034}
     1035
    10021036.snarkTorrentOdd,
    10031037.SnarkTorrentEven {
     
    10281062
    10291063.snarkFileName {
    1030      font-size: 9pt !important;
    10311064     padding: 4px 0 !important;
    10321065     text-align: left !important;
     1066     font-weight: bold;
     1067}
     1068
     1069.snarkFileName a {
     1070     font-weight: bold;
    10331071}
    10341072
     
    10501088.snarkTorrentETA {
    10511089     font-style: italic;
    1052      color: #dd7 !important;
    10531090}
    10541091
     
    11011138*/
    11021139
    1103 .choked {
    1104      color: #f00000 !important;
    1105 }
    1106 
    1107 .unchoked {
    1108      color: #00f000 !important;
     1140.choked, .choked a:hover {
     1141     color: #900 !important;
     1142}
     1143
     1144.unchoked, .unchoked a:hover {
     1145     color: #050 !important;
    11091146}
    11101147
     
    11431180     font-variant: small-caps !important;
    11441181     display: inline-block;
    1145      min-width: 180px;
     1182     min-width: 200px;
    11461183     margin: 0 0 -4px !important;
    11471184     padding: 3px 25px 4px 22px;
     
    11711208}
    11721209
    1173 .snarkConfigTitle img,
    1174 label.toggleview img {
     1210.snarkConfigTitle img, label.toggleview img {
    11751211     margin-right: -2px;
    11761212     margin-top: -2px;
    11771213}
    11781214
    1179 .snarkConfigTitle a,
    1180 .snarkConfigTitle a:visited, label.toggleview {
     1215.snarkConfigTitle a, .snarkConfigTitle a:visited, label.toggleview {
    11811216     color: #444688 !important;
    11821217     outline: none;
     
    12041239     font-size: 9pt !important;
    12051240     line-height: 160% !important;
    1206      min-width: 800px !important;
     1241     min-width: 900px !important;
    12071242     margin: 5px 0 0 0;
    12081243     padding: 10px;
     
    12131248     background: #eef;
    12141249     box-shadow: 0 0 3px 0 #bbb inset;
     1250     box-shadow: inset 0 0 0 1px #eef, 0 0 5px 1px #cfcfff inset;
    12151251}
    12161252
     
    12361272     width: 100%;
    12371273     background: #89f;
     1274     background: linear-gradient(to right, #89f 40%, #eef);
    12381275}
    12391276
     
    12631300}
    12641301
    1265 a:hover,
    1266 a:focus {
     1302a:hover, a:focus {
    12671303     font-weight: normal;
    12681304     color: #f60;
     
    12881324
    12891325input:disabled {
    1290      cursor: auto;
     1326     cursor: not-allowed;
    12911327     opacity: .5 !important;
    12921328}
    12931329
    1294 input[type=submit]:disabled, a.controld {
     1330input:disabled[type="submit"]:hover, input.disabled[type="reset"]:hover, input:disabled[type="submit"]:focus, input.disabled[type="reset"]:focus {
     1331     border: 1px solid #999 !important;
     1332     background: linear-gradient(to bottom, #fff, #ddd);
     1333     cursor: not-allowed !important;
     1334     box-shadow: inset 0 0 0 1px #fff;
     1335     color: #111;
     1336}
     1337
     1338a.controld {
    12951339     display: none;
    12961340}
     
    13081352}
    13091353
    1310 input[type="image"]:hover, a img:hover,
    1311 input[type="image"]:focus, a img:focus {
     1354input[type="image"]:hover, a img:hover, input[type="image"]:focus, a img:focus {
    13121355     outline: none !important;
    13131356     filter: drop-shadow(0 0 2px #f60) !important;
     
    13191362}
    13201363
    1321 input[type="submit"], input[type="reset"] {
     1364input[type="submit"], input[type="reset"], a.control {
    13221365     font-size: 9pt;
    13231366     font-weight: normal;
    13241367     color: #333;
    13251368     min-width: 90px !important;
    1326      padding: 5px 3px !important;
     1369     padding: 5px 8px !important;
    13271370     text-align: center;
    13281371     border: 1px solid #999;
     
    13361379}
    13371380
    1338 input[type="submit"]:hover, input[type="reset"]:hover,
    1339 input[type="submit"]:focus, input[type="reset"]:focus {
     1381input[type="submit"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="reset"]:focus, a.control:hover, a.control:focus {
    13401382     color: #111;
    13411383     background: #fff;
     
    13441386}
    13451387
    1346 input[type="submit"]:focus, input[type="reset"]:focus {
     1388input[type="submit"]:focus, input[type="reset"]:focus, a.control:focus {
    13471389     filter: drop-shadow(0 0 2px #89f);
    13481390     -webkit-filter: drop-shadow(0 0 2px #89f);
    13491391}
    13501392
    1351 input[type="submit"]:active, input[type="reset"]:active {
     1393input[type="submit"]:active, input[type="reset"]:active, a.control:active {
    13521394     color: #333;
    13531395     background: #ddd;
     
    13571399}
    13581400
     1401input[name="savepri"] {
     1402     margin-right: -2px !important;
     1403}
     1404
    13591405input[type="text"], textarea {
    13601406     cursor: text !important;
     
    13631409a.control {
    13641410     vertical-align: middle;
     1411     text-align: left;
     1412     padding: 2px 5px 1px 3px !important;
     1413     display: inline-block;
     1414     margin: -1px 0 1px 5px;
     1415     min-width: 0 !important;
     1416     color: #333 !important;
     1417}
     1418
     1419a.control:hover, a.control:focus {
     1420     color: #111 !important;
     1421     border: 1px solid #89f;
     1422}
     1423
     1424a.control img {
     1425     margin: 0 !important;
     1426}
     1427
     1428.script {
     1429     display: inline-block;
     1430     margin: 5px 0 2px;
    13651431}
    13661432
     
    13931459}
    13941460
    1395 input[type="text"]:focus,
    1396 textarea:focus,
    1397 input.r:focus,
    1398 textarea[name="i2cpOpts"]:focus,
    1399 input[name="nofilter_dataDir"]:focus {
     1461input[type="text"]:focus, textarea:focus, input.r:focus, textarea[name="i2cpOpts"]:focus, input[name="nofilter_dataDir"]:focus {
    14001462     background: #fff;
    14011463}
    14021464
    1403 input[type="text"],
    1404 input[type="password"],
    1405 input.r,
    1406 input[name="nofilter_dataDir"],
    1407 textarea[name="i2cpOpts"] {
     1465input[type="text"], input[type="password"], input.r, input[name="nofilter_dataDir"], textarea[name="i2cpOpts"] {
    14081466     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", Verdana, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", Helvetica, sans-serif !important;
    14091467     min-width: 160px;
     
    14181476}
    14191477
    1420 input[type="text"]:focus,
    1421 input[type="password"]:focus,
    1422 input.r:focus,
    1423 input[name="nofilter_dataDir"]:focus,
    1424 textarea[name="i2cpOpts"]:focus {
     1478input[type="text"]:focus, input[type="password"]:focus, input.r:focus, input[name="nofilter_dataDir"]:focus, textarea[name="i2cpOpts"]:focus {
    14251479     color: #000 !important;
    14261480     box-shadow: inset 0 0 0 1px #89f;
    14271481}
    14281482
    1429 textarea[name="i2cpOpts"],
    1430 input[name="nofilter_dataDir"] {
     1483textarea[name="i2cpOpts"], input[name="nofilter_dataDir"] {
    14311484     width: 500px;
    14321485     margin: 3px 0;
     
    14371490}
    14381491
    1439 thead img,
    1440 thead img:hover {
     1492thead img, thead img:hover {
    14411493     opacity: .8;
    14421494}
    14431495
    1444 input[type=image],
    1445 th a:link img,
    1446 th a:visited img {
     1496input[type=image], th a:link img, th a:visited img {
    14471497     opacity: 1;
    14481498}
    14491499
    1450 input[type=image]:focus,
    1451 th a:focus,
    1452 a:focus img {
     1500input[type=image]:focus, th a:focus, a:focus img {
    14531501     color: #f60;
    14541502     outline: none;
     
    15331581}
    15341582
     1583/*
    15351584select:nth-child(2) {
    15361585     margin-left: -18px;
    15371586}
     1587*/
    15381588
    15391589@media screen and (-webkit-min-device-pixel-ratio: 0) {
     
    15501600
    15511601textarea {
    1552      font: 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     1602     font: 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
    15531603     font-weight: bold;
    15541604     padding: 1px 4px 0;
     
    16161666
    16171667div.newtorrentsection td:first-child,
    1618 div.addtorrentsection td:first-child,
    1619 div.configsectionpanel td:first-child {
     1668div.addtorrentsection td:first-child {
    16201669     font-weight: bold;
    16211670     padding-right: 5px;
     
    16821731.trackerconfig th {
    16831732     min-width: 50px;
     1733     padding-top: 6px;
     1734     padding-bottom: 6px;
    16841735}
    16851736
     
    16991750     border: 1px solid #89f;
    17001751     background: #fff;
     1752}
     1753
     1754.knownTracker input[type="radio"] {
     1755     opacity: 0.6;
     1756     cursor: not-allowed;
    17011757}
    17021758
     
    17761832}
    17771833
     1834/*
    17781835.configsectionpanel td[colspan="2"]:last-child, .configsectionpanel td[colspan="7"] {
    17791836     display: none;
    17801837}
    1781 
     1838*/
     1839
     1840.configsectionpanel tr:last-child td[colspan="3"] {
     1841     display: none;
     1842}
     1843
     1844#configs .spacer, .trackerconfig .spacer {
     1845     display: none;
     1846}
     1847
     1848/*
    17821849.configsectionpanel td[colspan="5"], .configsectionpanel td[colspan="2"] {
     1850     border-top: 1px solid #89f;
     1851}
     1852*/
     1853
     1854.configsectionpanel td[colspan="5"] {
    17831855     border-top: 1px solid #89f;
    17841856}
     
    19131985
    19141986code {
    1915      font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     1987     font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
    19161988     font-size: 9pt;
    19171989     font-weight: bold;
     
    19201992}
    19211993
    1922 .iframed .snarknavbar,
    1923 .iframed .mainsection,
    1924 .iframed .addtorrentsection,
    1925 .iframed .newtorrentsection,
    1926 .iframed .configsection,
    1927 .iframed .configsectionpanel {
     1994.iframed .snarknavbar, .iframed .mainsection, .iframed .addtorrentsection, .iframed .newtorrentsection, .iframed .configsection, .iframed .configsectionpanel {
    19281995     border-right: none !important;
    19291996     border-left: none !important;
     
    20112078}
    20122079
     2080
     2081.peerinfo td:first-child {
     2082     background: url(images/peer.png) center center no-repeat;
     2083}
     2084
     2085/* debug */
     2086
     2087.debuginfo td:first-child {
     2088     padding: 3px;
     2089     background: url(images/debuginfo.png) center center no-repeat;
     2090     background-size: 14px 14px;
     2091     background-blend-mode: luminosity;
     2092}
     2093
     2094.debugConnection {
     2095     color: #030;
     2096     font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
     2097     word-spacing: -0.1em;
     2098     margin-left: 2px;
     2099     margin-right: 5px;
     2100     font-weight: bold;
     2101}
     2102
     2103.debugConnStat {
     2104     margin-right: 4px;
     2105     font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
     2106     color: #030;
     2107     font-weight: bold;
     2108     white-space: nowrap;
     2109}
     2110
     2111.debugConnStat b {
     2112     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", Verdana, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", Helvetica, sans-serif;
     2113     color: #111;
     2114}
     2115
     2116.debugRequests {
     2117     font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
     2118     color: #030;
     2119     font-weight: bold;
     2120}
     2121
     2122.debuginfo td {
     2123     line-height: 120% !important;
     2124}
     2125
     2126.debuginfo b {
     2127     text-transform: capitalize;
     2128}
     2129
     2130.from, .to {
     2131     font-family: sans-serif;
     2132     font-size: 12pt;
     2133     font-weight: bold;
     2134     vertical-align: middle;
     2135     line-height: 50%;
     2136     text-shadow: 0 0 1px #fff;
     2137}
     2138
     2139/* end debug */
     2140
     2141/* Resource Errors */
     2142
     2143.resourceError {
     2144     border: 1px solid #89f;
     2145     border-bottom: 2px solid #89f;
     2146     margin-bottom: 0;   
     2147}
     2148
     2149.resourceError th {
     2150     background: url(/themes/console/images/info/errortriangle.png) left 10px center no-repeat, linear-gradient(to bottom, #fff, #eef);
     2151     background-size: 24px auto, 100% 100%;
     2152     padding: 10px 10px 10px 40px;
     2153     font-size: 10pt !important;
     2154     border: none;
     2155     border-bottom: 2px solid #89f;
     2156}
     2157
     2158.resourceError td {
     2159     padding: 10px;
     2160     border: none;
     2161}
     2162
     2163.resourceError tr:nth-child(odd) {
     2164     background: #ddf;
     2165}
     2166
     2167.resourceError tr:nth-child(even) {
     2168     background: #eef;
     2169}
     2170
     2171#DoesNotExist {
     2172     margin-top: 10px;
     2173     border: none;
     2174     border-bottom: 1px solid #89f;
     2175}
     2176
     2177#DoesNotExist th {
     2178     border-top: 1px solid #89f;
     2179}
     2180
     2181/ end resource errors */
     2182
     2183#totals {
     2184     display: inline-block;
     2185     margin: 2px 0 2px 5px;
     2186}
     2187
     2188/* torrent priorities */
     2189
     2190.priorityHigh {
     2191     background: url(/i2psnark/.resources/icons/clock_red.png) left 28px center no-repeat;
     2192     display: inline-block;
     2193     width: 48px;
     2194     color: transparent;
     2195}
     2196
     2197.priorityNormal {
     2198     background: url(/i2psnark/.resources/icons/clock.png) left 28px  center no-repeat;
     2199     display: inline-block;
     2200     width: 48px;
     2201     color: transparent;
     2202}
     2203
     2204.prioritySkip {
     2205     background: url(/i2psnark/.resources/icons/cancel.png) left 28px center no-repeat;
     2206     display: inline-block;
     2207     width: 48px;
     2208     color: transparent;
     2209}
     2210
     2211/* end priorities */
     2212
     2213/* configs */
     2214
     2215
     2216#configs td:nth-child(2) {
     2217     white-space: nowrap;
     2218}
     2219
     2220#configs td:first-child {
     2221     min-width: 180px !important;
     2222     padding-left: 15px !important;
     2223}
     2224
     2225td#bwHelp {
     2226     background: url(images/infocircle.png) left 10px center no-repeat;
     2227     background-size: 14px auto;
     2228     padding-left: 24px !important;
     2229     width: 100%;
     2230}
     2231
     2232td#bwHelp a {
     2233     display: inline-block;
     2234     white-space: nowrap;
     2235     margin-left: 3px;
     2236     line-height: 100%;
     2237}
     2238
     2239/* end configs */
     2240
     2241#torrentInfoStats td {
     2242     text-align: left !important;
     2243}
     2244
     2245#torrentInfoStats img {
     2246     margin: 1px 1px 2px 3px !important;
     2247}
     2248
     2249#torrentInfoStats b {
     2250     margin-left: 2px;
     2251}
     2252
     2253#torrentInfoStats span {
     2254     white-space: nowrap;
     2255     display: inline-block;
     2256     margin-right: 7px;
     2257}
     2258
     2259#filecheck {
     2260     display: inline-block;
     2261     margin: 5px 0;
     2262     background: url(images/progressbar.gif) left center no-repeat;
     2263     padding-left: 22px;
     2264}
     2265
     2266#filecheck a {
     2267     margin: 8px;
     2268}
     2269
     2270
     2271/* end Resource Errors */
     2272
    20132273/* MS Edge 14+ fix */
    20142274_:-ms-lang(x), * {
     
    20192279/* responsive layout */
    20202280
     2281@media screen and (max-width: 950px) {
     2282
     2283body, th, td, table a, input, input[type="text"], input.r, input[name="nofilter_dataDir"], select, textarea, textarea[name="i2cpOpts"], .snarkAddInfo {
     2284     font-size: 8pt;
     2285}
     2286
     2287.snarkTorrents td:nth-child(2) {
     2288     white-space: nowrap;
     2289}
     2290.snarkTorrents td[colspan="10"] {
     2291     white-space: normal;
     2292}
     2293
     2294.snarkTorrentStatus b {
     2295     display: none;
     2296}
     2297
     2298b.alwaysShow {
     2299     display: inline;
     2300}
     2301
     2302.snarkTorrents td:nth-child(2), .snarkTorrents td:nth-child(2) a {
     2303     font-weight: bold;
     2304}
     2305
     2306td#bwHelp {
     2307     background: url(images/infocircle.png) left 10px center no-repeat;
     2308     background-size: 14px auto !important;
     2309}
     2310}
     2311
     2312@media screen and (max-width: 1100px) {
     2313.toggleview, .snarkConfigTitle {
     2314     font-size: 11pt !important;
     2315}
     2316
     2317.snarkDirInfo th a img, .snarkDirInfo th img  {
     2318     max-height: 18px !important;
     2319}
     2320
     2321body {
     2322     margin: 3px;
     2323}
     2324
     2325.page {
     2326     padding: 3px;
     2327}
     2328
     2329.addtorrentsection, .newtorrentsection, .configsection, .configsectionpanel {
     2330     margin-top: 3px !important;
     2331     margin-bottom: 3px !important;
     2332}
     2333
     2334.configsection, .configsectionpanel:last-child {
     2335     margin-bottom: 0 !important;
     2336}
     2337
     2338table.SnarkDirInfo {
     2339     margin-top: 3px !important;
     2340}
     2341
     2342.dirInfoComplete {
     2343     display: none;
     2344}
     2345}
     2346
     2347@media screen and (max-width: 1200px) {
     2348.trackerconfig th {
     2349     padding-top: 5px;
     2350     padding-bottom: 5px;
     2351}
     2352}
     2353
     2354@media screen and (min-width: 1100px) {
     2355body, th, td, table a, input, input[type="text"], input.r, input[name="nofilter_dataDir"], select, textarea, textarea[name="i2cpOpts"], .snarkAddInfo, code {
     2356     font-size: 9pt !important;
     2357}
     2358
     2359.percentDownloaded {
     2360     pointer-events: none; /* hide tooltip */
     2361}
     2362}
     2363
    20212364@media screen and (min-width: 1400px) {
    2022 body, th, td, table a, input, input[type="text"], input.r, input[name="nofilter_dataDir"], select, textarea, textarea[name="i2cpOpts"], .snarkAddInfo {
     2365body, th, td, table a, input, input[type="text"], input.r, input[name="nofilter_dataDir"], select, textarea, textarea[name="i2cpOpts"], .snarkAddInfo, code {
    20232366     font-size: 10pt !important;
    20242367}
     
    20352378     font-size: 9pt;
    20362379}
    2037 }
    2038 
     2380
     2381.snarkTorrentAction input[type="image"], .snarkTorrents th:last-child input[type="image"] {
     2382     padding: 4px !important;
     2383     box-shadow: inset 0 0 0 1px #fff;
     2384}
     2385
     2386td.snarkTorrentDownloaded {
     2387     white-space: nowrap;
     2388     padding: 0 10px;
     2389}
     2390
     2391.snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
     2392     min-width: 240px;
     2393}
     2394
     2395.snarkTorrentStatus b {
     2396     margin-right: 3px;
     2397}
     2398
     2399#configs td:first-child {
     2400     min-width: 220px !important;
     2401
     2402}
     2403
     2404/* end resonsive layout */
     2405
  • installer/resources/themes/snark/dark/snark.css

    r1f7042a6 r5ddeeec  
    124124
    125125.snarkRefresh:active {
    126         color: #fff !important;
    127         box-shadow: inset 3px 2px 3px #000 !important;
     126     color: #fff !important;
     127     box-shadow: inset 3px 2px 3px #000 !important;
    128128}
    129129
     
    155155     background-position: 7px center !important;
    156156     background-repeat: no-repeat !important;
    157 }
    158 
    159 
    160 .snarkRefresh:hover, .snarkRefresh:focus {
    161      opacity: 1;
    162 
    163157}
    164158
     
    209203
    210204.snarkMessages {
    211      font: normal 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     205     font: normal 8pt "Droid Sans Mono", "Noto Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
     206     line-height: 120%;
    212207     text-align: left;
    213208     margin: 0;
     
    232227.snarkMessages a:link, .snarkMessages a:visited {
    233228     color: #2b2 !important;
     229     font-weight: bold;
    234230}
    235231
     
    287283
    288284tt {
    289      font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     285     font-family: "Droid Sans Mono", "Noto Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
    290286}
    291287
     
    296292pre {
    297293     width: 100%;
    298      font: 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     294     font: 8pt "Droid Sans Mono", "Noto Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
    299295     padding: 0;
    300296     text-align: left !important;
     
    356352}
    357353
     354/*
    358355th:nth-child(2) img {
    359356     margin: 1px 5px 3px 2px !important;
    360357}
     358*/
    361359
    362360tfoot th {
     
    400398     font-size: 8pt;
    401399     vertical-align: middle;
    402      min-width: 160px;
     400     max-width: 160px;
    403401}
    404402
     
    441439}
    442440
    443 .snarkTorrents tfoot th, .SnarkTorrents tfoot th tt {
     441.snarkTorrents tfoot th {
    444442     background: #000;
    445443     font-weight: normal;
     
    448446.snarkTorrents tfoot th::first-line {
    449447     font-weight: bold;
    450 }
    451 
    452 .snarkTorrents tfoot th tt {
    453      color: #ff0;
    454      font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
    455      background: none;
    456448}
    457449
     
    512504
    513505.snarkTorrents tt {
    514      color: #ff0;
     506     color: #000;
     507     background: #990;
     508     padding: 1px 2px;
     509     border-radius: 2px;
     510     margin:  1px 3px;
    515511     font-size: 8pt;
     512     font-weight: bold;
     513     display: inline-block;
    516514}
    517515
     
    549547.snarkTorrentInfo input[type="submit"] {
    550548     min-width: 85px;
    551      text-align: center;
    552      margin-left: 0;
    553 }
    554 
     549}
     550/*
    555551.snarkTorrentInfo input.stoptorrent {
    556552     margin-right: -8px;
     
    580576     padding: 8px 8px 12px !important;
    581577     padding: 5px 5px 9px !important;
     578}
     579*/
     580
     581#torrentInfoControl, #setPriority {
     582     border-top: 1px solid #494 !important;
     583     background: none !important;
     584}
     585
     586#torrentInfoControl td, #setPriority th {
     587     text-align: right !important;
     588     padding: 10px 8px !important;
     589     background: none !important;
     590     box-shadow: inset 0 0 0 1px #030;
    582591}
    583592
     
    640649}
    641650
     651.snarkTorrents .snarkTorrentName {
     652     padding-left: 2px;
     653}
     654
     655/*
    642656.snarkDirInfo .headerpriority {
    643657     text-align: center !important;
    644658     vertical-align: middle;
    645659}
     660*/
    646661
    647662.snarkDirInfo tr:last-child {
     
    649664}
    650665
    651 .headerpriority input[type=submit] {
    652      margin: 5px -3px 5px 5px;
     666#setPriority, #torrentInfoControl {
     667     background: url(/themes/console/dark/images/camotile2.png) repeat scroll center bottom #001100 !important;
     668     border-bottom: 1px solid #494 !important;
    653669}
    654670
     
    659675
    660676.snarkDirInfo thead img {
    661      margin: 0 !important;
     677     margin-right: 2px !important;
    662678     max-width: none;
    663679     max-height: none;
     680     padding: 3px 2px !important;
    664681}
    665682
     
    668685     vertical-align: middle;
    669686     padding-right: 10px;
    670 }
    671 
    672 .snarkDirInfo .headerpriority img[src$="priority.png"] {
    673      margin-right: -40px !important;
    674687}
    675688
     
    709722     padding-right: 10px !important;
    710723     text-align: right !important;
     724     white-space: nowrap;
    711725}
    712726
     
    724738
    725739td.snarkFileStatus {
    726      width: 80px;
    727740     text-align: left;
    728      font-size: 8pt;
    729741     white-space: nowrap;
    730742}
     
    775787     text-align: center !important;
    776788     width: 40px !important;
     789     white-space: nowrap;
    777790}
    778791
     
    816829}
    817830
     831.snarkTorrentStatus b {
     832    margin-right: 2px;
     833}
     834
    818835.snarkTorrentStatus:first-child {
    819836     text-align: left !important;
     
    831848}
    832849
    833 .snarkTorrentStatus, .snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded {
     850.snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded {
    834851     font-size: 8pt;
    835852     padding: 0 3px;
     
    844861.snarkTorrentDownloaded {
    845862     color: #ee9 !important;
     863     white-space: nowrap;
    846864}
    847865
     
    948966     padding: 4px 0 !important;
    949967     text-align: left !important;
    950      font-size: 9pt !important;
    951968}
    952969
     
    977994     font-style: italic;
    978995     color: #dd7 !important;
     996     padding-right: 2px;
    979997}
    980998/*
     
    10481066.snarkAddInfo {
    10491067     font-size: 9pt;
    1050      line-height: 130% !important;
    1051      margin-left: 10px;
     1068     line-height: 135% !important;
    10521069     font-weight: normal;
     1070     background: url(images/infocircle.png) left center no-repeat;
     1071     background-size: 14px auto;
     1072     padding-left: 20px;
    10531073}
    10541074
     
    10561076     font-size: 11pt;
    10571077     font-weight: bold;
    1058      padding: 2px 22px 3px 20px;
     1078     padding: 3px 22px 3px 20px;
    10591079     margin: 5px 0 10px 0 !important;
    10601080     letter-spacing: 0.2em;
     
    10691089     display: inline-block;
    10701090     margin: 0 0 -3px !important;
    1071      min-width: 200px;
     1091     min-width: 220px;
    10721092     box-shadow: inset 0 0 0 1px #000;
    10731093}
     
    11181138.page {
    11191139     color: #310;
    1120      min-width: 800px !important;
     1140     min-width: 960px !important;
    11211141     margin: 5px 0 0 0;
    1122      border-radius: 0 0 2px 2px;
    11231142     font-size: 9pt !important;
    11241143     line-height: 160% !important;
     
    11611180     margin-bottom: 2px;
    11621181     opacity: 0.5;
     1182}
     1183
     1184hr.debug:last-child {
     1185     background: #000;
     1186     margin-bottom: -5px;
    11631187}
    11641188
     
    12051229}
    12061230
    1207 input:disabled {
     1231input.disabled, a.controld {
    12081232     opacity: 0.5 !important;
    1209      cursor: auto;
     1233     cursor: not-allowed !important;
     1234}
     1235
     1236#setPriority input.disabled, #setPriority a.controld {
     1237     display: none;
    12101238}
    12111239
     
    12211249}
    12221250
    1223 input[type=submit], input[type=submit]:visited {
     1251input[type=submit], input[type=submit]:visited, input.disabled:hover {
    12241252     color: #494;
    12251253     background: #000;
    12261254     border: 1px outset #191;
    1227      padding: 5px !important;
     1255     padding: 5px 10px !important;
    12281256     font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    1229      margin-top: 6px;
    12301257     min-width: 95px;
    12311258     text-align: center;
    12321259     filter: drop-shadow(0 0 1px #000);
    12331260     -webkit-filter: drop-shadow(0 0 1px #000);
    1234      cursor: pointer !important;
    1235 }
    1236 
    1237 input[type=submit]:hover, input[type=submit]:focus {
     1261}
     1262
     1263input[type=submit]:hover, input[type=submit]:focus, a.control:hover, a.control:focus {
    12381264     border: 1px solid #f60;
    12391265     background-color: #000;
    1240      color: #f60;
     1266     color: #f60 !important;
    12411267     box-shadow: 0 1px 1px 0 #ee9 inset;
    12421268}
    12431269
    1244 input[type=submit]:active {
     1270input[type=submit]:active, a.control:active {
    12451271     border: 1px solid #f60;
    12461272     background: #f60;
    1247      color: #ee9;
     1273     color: #ee9 !important;
    12481274     text-shadow: none !important;
    12491275     box-shadow: inset 3px 3px 3px #000;
     
    12511277}
    12521278
    1253 input[type=submit]:disabled {
    1254      display: none;
    1255 }
     1279input.disabled, input.disabled:hover, input.disabled:focus, input.disabled:active {
     1280     border: 1px outset #191 !important;
     1281     box-shadow: none !important;
     1282     color: #494 !important;
     1283     background: #000 !important;
     1284}
     1285
    12561286
    12571287input[type=image], thead img {
     
    12871317.snarkTorrents th:last-child, .snarkTorrents td:last-child {
    12881318     white-space: nowrap;
     1319}
     1320
     1321.snarkTorrents td[colspan="10"] {
     1322     white-space: normal;
    12891323}
    12901324
     
    13101344     box-shadow: inset 3px 3px 3px #000;
    13111345     background-blend-mode: luminosity;
     1346     transform: scale(0.9);
    13121347}
    13131348
     
    13371372     height: 24px;
    13381373     padding: 3px;
    1339      width: 500px;
     1374     min-width: 500px;
     1375     width: 70%;
    13401376     resize: none;
    13411377     overflow: hidden;
     
    13891425input[size="85"] {
    13901426     width: 550px;
    1391      width: calc(100% - 150px);
     1427     width: calc(100% - 170px);
    13921428}
    13931429
     
    14361472}
    14371473
     1474/*
    14381475select:nth-child(2) {
    14391476     margin-left: -18px;
    14401477}
     1478*/
    14411479
    14421480@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     
    14531491     border-radius: 2px;
    14541492     border: 1px solid #494;
    1455      font: 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     1493     font: 8pt "Droid Sans Mono", "Noto Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
    14561494}
    14571495
     
    14601498}
    14611499
    1462 input[type="submit"], input[type="reset"], select, button { /* webkit/blink fix for oversaturated colors */
     1500input[type="submit"], input[type="reset"], select, button, a.control, a.controld {
    14631501     border: 1px solid #8b8;
    14641502     border-bottom: 1px solid #171;
    14651503     border-right: 1px solid #171;
    14661504     background: linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%);
     1505}
     1506
     1507.script {
     1508     display: inline-block;
     1509     vertical-align: middle;
     1510     margin-top: -2px;
     1511}
     1512
     1513a.control, a.controld {
     1514     padding: 3px 8px 2px 4px;
     1515     border-radius: 2px;
     1516     text-align: left;
     1517     margin: 2px 4px 2px 0;
     1518     font-weight: bold;
     1519     display: inline-block;
     1520     color: #494 !important;
     1521}
     1522
     1523a.control img, a.controld img, a.control:hover img, a.control img:hover {
     1524     width: 14px;
     1525     height: 14px;
     1526     margin: 0;
     1527     padding: 0;
     1528     vertical-align: middle;
     1529     filter: none !important;
     1530     -webkit-filter: none !important;
     1531}
     1532
     1533a.control:hover img {
     1534     filter: sepia(100%) hue-rotate(10deg) !important;
    14671535}
    14681536
     
    15101578}
    15111579
    1512 .newtorrentsection td:first-child, .addtorrentsection td:first-child, .configsectionpanel td:first-child {
    1513      white-space: nowrap;
     1580.newtorrentsection td:first-child, .addtorrentsection td:first-child {
    15141581     font-weight: bold;
    15151582     padding-right: 5px;
     
    15241591     border: 1px solid #131;
    15251592     width: 100% !important;
    1526      width: calc(100% - 150px) !important;
     1593     width: calc(100% - 170px) !important;
    15271594     margin: 2px 5px 0 5px;
    15281595}
     
    15641631}
    15651632
     1633#trackerselect a:not(old) {
     1634     display: inline-block;
     1635     white-space: nowrap;
     1636     overflow: hidden;
     1637     text-overflow: ellipsis;
     1638}
     1639
    15661640.configsectionpanel td:first-child {
    15671641     padding-right: 10px !important;
     
    15741648}
    15751649
     1650.trackerconfig th, .trackerselect th {
     1651     padding-top: 7px;
     1652     padding-bottom: 7px;
     1653}
     1654
    15761655.trackerconfig th:first-child {
    15771656     background: url(/themes/snark/ubergine/images/nuke.png) center right 8px no-repeat, linear-gradient(to bottom, #010, #000);
     1657}
     1658
     1659.trackerselect tr:first-child td, .addtorrentsection tr:first-child td {
     1660     white-space: nowrap;
    15781661}
    15791662
     
    16271710.trackerconfig input {
    16281711     margin: 3px 0 !important;
    1629      cursor: default;
    16301712}
    16311713
     
    16381720     text-align: center;
    16391721     min-width: 100px;
     1722}
     1723
     1724#configs input[type=submit] {
     1725     margin-right: 0 !important;
    16401726}
    16411727
     
    16731759*/
    16741760
    1675 .configsectionpanel td[colspan="2"]:last-child, .configsectionpanel td[colspan="7"] {
     1761#configs td:first-child {
     1762     padding-left: 15px !important;
     1763     line-height: 80%;
     1764}
     1765
     1766#configs td:first-child, .trackerconfig td:first-child {
     1767     padding-left: 10px !important;
     1768}
     1769
     1770#configs .spacer, .trackerconfig .spacer {
    16761771     display: none;
    16771772}
    16781773
    1679 .configsectionpanel td[colspan="5"], .configsectionpanel td[colspan="2"] {
     1774.configsectionpanel td[colspan="5"] {
    16801775     border-top: 1px solid #494;
    16811776}
     
    17931888     color: #ff6;
    17941889     padding: 0 2px;
    1795      font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     1890     font-family: "Droid Sans Mono", "Noto Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
    17961891}
    17971892
     
    18701965}
    18711966
     1967
     1968.peerinfo td:first-child {
     1969     background: url(images/peer.png) center center no-repeat;
     1970     background-size: 14px 14px;
     1971}
     1972
     1973.peerinfo td, .debuginfo td {
     1974     padding-top: 5px;
     1975     padding-bottom: 5px;
     1976}
     1977
     1978
     1979/* debug */
     1980
     1981.debuginfo td:first-child {
     1982     background: url(images/debuginfo.png) center center no-repeat;
     1983     background-size: 14px 14px;
     1984     background-blend-mode: luminosity;
     1985}
     1986
     1987.debuginfo td:nth-child(2) {
     1988     padding-left: 0;
     1989}
     1990
     1991.debuginfo b {
     1992     text-transform: capitalize;
     1993     margin-left: 1px;
     1994}
     1995
     1996.debugConnection {
     1997     font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
     1998     color: #ee0;
     1999     line-height: 130%;
     2000     margin-right: 5px;
     2001     margin-left: 2px;
     2002}
     2003
     2004.from, .to {
     2005     font-family: sans-serif;
     2006     font-size: 12pt;
     2007     font-weight: bold;
     2008     vertical-align: middle;
     2009     line-height: 50%;
     2010     text-shadow: 0 0 1px #000;
     2011}
     2012
     2013.debugConnStat {
     2014     margin-right: 3px;
     2015     white-space: nowrap;
     2016}
     2017
     2018.debugConnStat, .debugRequests {
     2019     font-family: "Droid Sans Mono", "Noto Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
     2020     color: #ee0;
     2021}
     2022
     2023.debugConnStat b {
     2024     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     2025     color: #cc7;
     2026}
     2027
     2028/* end debug */
     2029
     2030#totals {
     2031     display: inline-block;
     2032     margin-left: 3px;
     2033}
     2034
     2035.priorityHigh, .priorityNormal, .prioritySkip {
     2036     display: inline-block;
     2037     width: 48px;
     2038     color: transparent;
     2039     font-size: 0;
     2040     overflow: hidden;
     2041     text-align: left;
     2042}
     2043
     2044.priorityHigh {
     2045     background: url(/i2psnark/.resources/icons/clock_red.png) left 28px center no-repeat;
     2046}
     2047
     2048.priorityNormal {
     2049     background: url(/i2psnark/.resources/icons/clock.png) left 28px  center no-repeat;
     2050}
     2051
     2052.prioritySkip {
     2053     background: url(/i2psnark/.resources/icons/cancel.png) left 26px center no-repeat;
     2054}
     2055
     2056/* configs */
     2057
     2058#bwHelp i {
     2059     display: inline-block;
     2060     vertical-align: middle;
     2061}
     2062
     2063#configs td:nth-child(2) {
     2064     white-space: nowrap;
     2065}
     2066
     2067td#bwHelp {
     2068     background: url(images/infocircle.png) left 10px center no-repeat;
     2069     background-size: 14px auto;
     2070     padding-left: 24px !important;
     2071     width: 90%;
     2072     line-height: 100%;
     2073}
     2074
     2075/* end configs */
     2076
     2077#torrentInfoStats td {
     2078     text-align: left !important;
     2079     padding: 5px 2px !important;
     2080}
     2081
     2082#torrentInfoStats img {
     2083     margin: 0 3px 0 5px !important;
     2084}
     2085
     2086#torrentInfoStats span {
     2087     white-space: nowrap;
     2088     display: inline-block;
     2089     margin-right: 3px;
     2090}
     2091
     2092.knownTracker input[type="radio"], .knownTracker input[type="radio"]:hover {
     2093     opacity: 0.5;
     2094     cursor: not-allowed;
     2095     -webkit-filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%) !important;
     2096     filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%) !important;
     2097}
     2098
     2099.snarkDirInfo tr:first-child th img:first-child {
     2100     margin-right: 5px;
     2101}
     2102
     2103#filecheck {
     2104     display: inline-block;
     2105     margin: 5px 0;
     2106     background: url(images/progressbar.gif) left center no-repeat;
     2107     padding-left: 22px;
     2108}
     2109
     2110#filecheck a {
     2111     margin: 8px;
     2112}
     2113
     2114td#bwHelp a {
     2115     white-space: nowrap;
     2116}
     2117
     2118#configs td:first-child::after {
     2119   content: "";
     2120   display: inline-block;
     2121   vertical-align: middle;
     2122}
     2123
     2124/* Resource Errors */
     2125
     2126.resourceError {
     2127     margin-bottom: 0;
     2128     border: none;
     2129}
     2130
     2131.resourceError th {
     2132     background: url(/themes/console/images/info/errortriangle.png) left 10px center no-repeat, linear-gradient(to bottom, #010, #000);
     2133     background-size: 24px auto, 100% 100%;
     2134     padding: 10px 10px 10px 40px;
     2135     font-size: 10pt !important;
     2136     border: none;
     2137     border-bottom: 1px solid #494;
     2138}
     2139
     2140.resourceError td {
     2141     padding: 10px;
     2142     border: none;
     2143     font-size: 10pt;
     2144}
     2145
     2146.resourceError tr:nth-child(odd) {
     2147     background: #010;
     2148}
     2149
     2150.resourceError tr:nth-child(even) {
     2151     background: #000900;
     2152}
     2153
     2154#DoesNotExist {
     2155     margin-top: 10px;
     2156     border: none;
     2157     border-bottom: 1px solid #494;
     2158}
     2159
     2160#DoesNotExist th {
     2161     border-top: 1px solid #494;
     2162}
     2163
     2164#NotFound {
     2165     border-bottom: 1px solid #494;
     2166}
     2167
     2168/* end Resource Errors */
     2169
    18722170/* MS Edge 14+ fix */
    18732171_:-ms-lang(x), * {
     
    18782176/* responsive layout */
    18792177
     2178@media screen and (max-width: 950px) {
     2179.snarkTorrents td:nth-child(2) {
     2180     white-space: nowrap;
     2181}
     2182.snarkTorrents td[colspan="10"] {
     2183     white-space: normal;
     2184}
     2185
     2186.snarkTorrentStatus b {
     2187     display: none;
     2188}
     2189
     2190b.alwaysShow {
     2191     display: inline;
     2192}
     2193
     2194.snarkTorrentStatus, .snarkTorrentStatus a {
     2195     font-weight: bold !important;
     2196}
     2197
     2198.snarkTorrents td:first-child img {
     2199     height: 16px;
     2200     width: auto;
     2201}
     2202}
     2203
     2204@media screen and (max-width: 1100px) {
     2205#configs td:first-child {
     2206     min-width: 200px !important;
     2207}
     2208}
     2209
     2210@media screen and (max-width: 1200px) {
     2211.dirInfoComplete {
     2212     display: none;
     2213}
     2214
     2215#configs td:first-child::after {
     2216   min-height: 24px;
     2217}
     2218
     2219td#bwHelp a {
     2220     margin-left: 2px;
     2221}
     2222}
     2223
     2224@media screen and (min-width: 1100px) {
     2225body, .snarkTorrents td, .snarkAddInfo, th, td,  code, textarea, input, input[type="submit"], input[type="reset"], select, button, a {
     2226     font-size: 9pt !important;
     2227}
     2228
     2229.snarkConfigtitle, .snarkConfigTitle a, label.toggleview {
     2230     font-size: 11pt !important;
     2231}
     2232
     2233.snarkTorrents td {
     2234     padding-top: 3px !important;
     2235     padding-bottom: 3px !important;
     2236}
     2237
     2238.snarkTorrentInfo td, .snarkDirInfo td, .snarkTorrents .peerinfo td {
     2239     padding-top: 6px !important;
     2240     padding-bottom: 6px !important;
     2241}
     2242
     2243#configs td:first-child {
     2244     min-width: 220px !important;
     2245}
     2246
     2247.snarkTorrentStatus b {
     2248    margin-right: 3px;
     2249}
     2250}
     2251
     2252@media screen and (min-width: 1200px) {
     2253.percentDownloaded {
     2254     pointer-events: none; /* hide tooltip */
     2255}
     2256
     2257#configs td:first-child::after {
     2258   min-height: 26px;
     2259}
     2260
     2261td#bwHelp a {
     2262     display: inline-block;
     2263     white-space: nowrap;
     2264     margin-left: 4px;
     2265}
     2266}
     2267
    18802268@media screen and (min-width: 1400px) {
    1881 body, .snarkTorrents td, .snarkAddInfo, th, td {
     2269body, .snarkTorrents td, .snarkAddInfo, th, td,  code, textarea, input, input[type="submit"], input[type="reset"], select, button, a {
    18822270     font-size: 10pt !important;
    18832271}
    18842272
    18852273.snarkRefresh:link {
    1886      font-size: 10.5pt;
     2274     font-size: 11pt !important;
     2275}
     2276
     2277.snarkConfigTitle, .snarkConfigTitle a, label.toggleview {
     2278     font-size: 12pt !important;
     2279}
     2280
     2281.snarkConfigTitle, label.toggleview {
     2282     min-width: 240px !important;
     2283     padding-top: 4px;
    18872284}
    18882285
     
    18912288}
    18922289
    1893 tt, .snarkTorrents tt, code, .snarkMessages, input, input[type="submit"], input[type="reset"], select, button, textarea {
    1894      font-size: 9pt;
     2290tt, .snarkTorrents tt, .snarkMessages, .snarkMessages a {
     2291     font-size: 9pt !important;
    18952292}
    18962293
     
    19002297}
    19012298
    1902 select:nth-child(2) {
    1903      margin-left: -14px;
     2299textarea[name="i2cpOpts"] {
     2300     height: 26px;
     2301}
     2302
     2303.snarkTorrents th:last-child input[type="image"], .snarkTorrents td:last-child input[type="image"] {
     2304     height: 11px;
     2305}
     2306
     2307.snarkTorrentDownloaded {
     2308     white-space: nowrap;
     2309     padding: 0 8px;
     2310}
     2311
     2312.snarkTorrents td:nth-child(3), .SnarkTorrents td:nth-child(4) {
     2313     width: 18px !important;
     2314}
     2315
     2316.snarkTorrents .snarkTorrentName {
     2317     padding-left: 5px;
     2318}
     2319
     2320.debugConnection {
     2321     line-height: 150%;
     2322}
     2323
     2324.page {
     2325     padding: 10px;
     2326     border: 1px solid #494;
     2327     background: #001900;
     2328     background: linear-gradient(to bottom, #001900, #010);
     2329     box-shadow: inset 0 0 0 1px #000, inset 0 0 7px 3px #002900;
     2330}
     2331
     2332#configs td:first-child::after {
     2333   min-height: 28px;
     2334}
     2335
     2336.snarkTorrentStatus b {
     2337    margin-right: 4px;
    19042338}
    19052339}
    19062340
    19072341/* end responsive layout */
     2342
  • installer/resources/themes/snark/light/snark.css

    r1f7042a6 r5ddeeec  
    191191
    192192.snarkMessages {
    193      font-family: "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono;
     193     font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
    194194     font-size: 8pt;
    195195     text-align: left;
     
    292292}
    293293
    294 a.control, a.controld {
    295      background: #fff;
    296      border-radius: 2px;
    297      font-weight: bold;
    298      margin: 5px 4px !important;
    299      padding: 5px !important;
    300      white-space: nowrap;
    301      display: inline-block;
    302      float: right;
    303      min-width: 0 !important;
    304 }
    305 
    306 a.controld {
    307      color: #459;
    308      font-weight: normal;
    309      display: none;
    310 }
    311 
    312294pre {
    313295     width: 100%;
    314      font: 8pt "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono;
     296     font: 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
    315297     padding: 0;
    316298     text-align: left !important;
     
    360342     border-top: 1px solid #7778bf;
    361343     border-bottom: 1px solid #7778bf;
    362      background: #fff url("../../console/light/images/header.png") repeat-x scroll center center;
     344     background: #fff url(/themes/console/light/images/header.png) repeat-x scroll center center;
    363345     background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 51%, #eef 100%);
    364346     color: #31334f;
     
    436418.headerstatus {
    437419     text-align: left;
    438      padding-left: 15px;
    439420}
    440421
    441422.headerpriority {
    442      text-align: left;
    443      padding-left: 10px;
     423     text-align: center;
    444424}
    445425
     
    452432}
    453433
     434.ParentDir a {
     435     display: inline-block;
     436     width: 100%;
     437}
     438
    454439.priority {
    455      font-size: 7pt;
    456440     vertical-align: middle;
    457      min-width: 160px;
     441     width: 200px;
    458442}
    459443
     
    486470
    487471.snarkTorrents td:nth-child(2) {
    488      word-spacing: -0.08em;
     472     white-space: nowrap;
     473}
     474
     475.snarkTorrentStatus b {
     476     margin-right: 3px;
     477}
     478
     479.snarkTorrents td[colspan="10"] {
     480     white-space: normal !important;
    489481}
    490482
     
    495487
    496488.SnarkTorrents td:nth-child(4) {
    497      text-align: left;
     489     text-align: center;
    498490}
    499491
     
    512504
    513505.snarkTorrents tfoot th {
    514      padding: 8px 4px !important;
     506     padding: 5px 4px !important;
    515507     background: #fff;
    516508     vertical-align: top;
    517509}
    518510
     511/*
    519512.snarkTorrents td:nth-child(n+6), .snarkTorrents tfoot th:nth-child(n+2) {
    520513     font-variant: all-small-caps !important;
    521      word-spacing: -0.2em;
    522514}
    523515
     
    527519}
    528520}
     521*/
    529522
    530523td {
     
    586579     border-radius: 2px;
    587580     border: 1px solid #89f;
     581     box-shadow: inset 0 0 0 1px #fff;
    588582     margin: 2px;
    589583     filter: drop-shadow(0 0 1px #ddd);
     
    654648}
    655649
    656 
    657650.snarkTorrentDownloaded, .snarkTorrents tfoot th:nth-last-child(5) {
    658651     text-align: center;
     652     white-space: nowrap;
    659653}
    660654
     
    676670}
    677671
     672.peerinfo:hover td:first-child {
     673     background: url(images/peer.png) center center no-repeat  #ffd !important;
     674}
     675
    678676.snarkTorrents tr:hover img {
    679677     mix-blend-mode: normal;
     
    696694     padding: 4px 0 !important;
    697695     text-align: left !important;
    698      font-size: 8pt !important;
    699696}
    700697
     
    705702
    706703.snarkFileStatus {
    707      padding: 4px 5px 4px 15px;
     704     padding: 4px 5px;
    708705     font-style: italic;
    709706     text-align: left;
    710      min-width: 230px;
     707     white-space: nowrap;
    711708}
    712709
     
    716713
    717714.choked {
    718      color: #f00000 !important;
     715     color: #a00 !important;
    719716}
    720717
     
    740737.snarkAddInfo {
    741738     font-size: 9pt;
    742      line-height: 130% !important;
     739     display: inline-block;
     740     margin-top: 7px;
     741     background: url(images/infocircle.png) left center no-repeat;
     742     background-size: 16px auto;
     743     padding-left: 20px;
     744     min-height: 16px;
    743745}
    744746
     
    759761     font-size: 11pt;
    760762     font-weight: bold;
    761      padding: 2px 15px 2px 15px;
     763     padding: 3px 15px;
    762764     margin: 0 0 -3px 0 !important;
    763765     letter-spacing: 0.15em;
     
    852854}
    853855
     856.snarkTorrentInfo th:first-child {
     857     background: url(images/file.png) center left 5px no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 51%, #eef 100%);
     858     background-size: 14px auto, 100% 100%;
     859}
     860
    854861.snarkTorrentInfo td {
    855862     text-align: left !important;
     
    875882}
    876883
    877 .snarkTorrentInfo input {
    878      float: right;
    879 }
    880 
    881884.snarkDirInfo thead img {
    882885     margin: 0 !important;
     
    884887}
    885888
     889/*
    886890.snarkDirInfo td {
    887891     min-width: 0 !important;
    888892}
    889 
     893*/
     894
     895/*
    890896.snarkDirInfo .ParentDir a, .snarkDirInfo .snarkFileName a, .snarkTorrents .snarkTorrentName a {
    891897     display: inline-block;
     
    893899     padding: 2px 0;
    894900}
     901*/
    895902
    896903table#trackerselect {
     
    992999}
    9931000
    994 input[type=submit], a.control {
     1001input[type=submit], a.control, input.disabled {
    9951002     color: #227;
    9961003     background: #fff;
    9971004     background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ddf 50%, #ddf 100%);
    9981005     border: 1px solid #7778bf;
    999      padding: 2px;
     1006     padding: 5px 8px !important;
    10001007     font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    1001      margin: 6px 10px 6px 0;
     1008     margin: 6px 3px 6px 6px !important;
    10021009     border-radius: 2px;
    10031010     min-width: 90px;
    10041011     text-align: center;
    10051012     box-shadow: inset 0 0 0 1px #fff;
    1006 }
    1007 
    1008 input[type=submit] {
    1009      padding: 5px !important;
     1013     filter: drop-shadow(0 0 1px #bbb);
    10101014}
    10111015
     
    10231027     box-shadow: inset 3px 3px 4px #333;
    10241028     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 4px #333;
     1029}
     1030
     1031a.control, a.controld {
     1032     border-radius: 2px;
     1033     font-weight: bold;
     1034     margin: 6px 3px 6px 3px !important;
     1035     padding: 4px 8px 4px 5px !important;
     1036     white-space: nowrap;
     1037     display: inline-block;
     1038     min-width: 0 !important;
     1039}
     1040
     1041a.controld {
     1042     color: #459;
     1043     font-weight: normal;
     1044     display: none;
     1045}
     1046
     1047a.control img {
     1048     filter: none;
     1049     -webkit-filter: none;
    10251050}
    10261051
     
    10751100     width: 60%;
    10761101     min-width: 500px !important;
     1102     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    10771103}
    10781104
     
    10981124}
    10991125
    1100 input.disabled, input.disabled:hover, a.controld {
    1101      background-color: #fff;
    1102      border: 1px inset #191;
    1103      color: #459;
     1126input.disabled, input.disabled:hover, input.disabled:active, a.controld {
     1127     background: #fff !important;
     1128     color: #459 !important;
    11041129     font-weight: normal;
     1130     opacity: 0.6;
     1131     cursor: not-allowed;
    11051132     display: none;
     1133     box-shadow: none !important;
    11061134}
    11071135
     
    11281156}
    11291157
     1158/*
    11301159select + select {
    11311160     margin-left: -18px;
    11321161}
     1162*/
    11331163
    11341164textarea {
     
    11381168     padding: 2px 4px;
    11391169     border-radius: 2px;
    1140      border: 1px solid #66f;
     1170     border: 1px solid #7778bf;
    11411171     font-size: 8pt;
    11421172}
     
    13141344     color: #0045ff;
    13151345     font-weight: bold;
    1316      font-family: "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono;
     1346     font-family: "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
     1347}
     1348
     1349.snarkTorrents tt {
     1350     background: #99f;
     1351     color: #fff;
     1352     border-radius: 2px;
     1353     padding: 2px 3px;
     1354     margin: 1px 3px 1px 1px;
    13171355}
    13181356
     
    13281366}
    13291367
     1368.trackerconfig tr:first-child {
     1369     filter: drop-shadow(0 0 1px #999);
     1370}
     1371
    13301372.trackerconfig th:first-child {
    13311373     border-radius: 2px 0 0 2px;
     
    14031445}
    14041446
     1447.peerinfo td:first-child {
     1448     background: url(images/peer.png) center center no-repeat;
     1449     padding-right: 10px !important;
     1450}
     1451
     1452.peerinfo td, .debuginfo td {
     1453     padding-top: 5px !important;
     1454     padding-bottom: 5px !important;
     1455     word-spacing: 0em !important;
     1456}
     1457
     1458/* debug */
     1459
     1460.debuginfo td {
     1461     font-size: 8pt !important;
     1462     line-height: 120%;
     1463}
     1464
     1465.debuginfo td:first-child {
     1466     background: url(images/debuginfo.png) center center no-repeat;
     1467     background-size: 14px 14px;
     1468     background-blend-mode: luminosity;
     1469}
     1470
     1471.debuginfo b {
     1472     text-transform: capitalize;
     1473     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     1474}
     1475
     1476.debugConnection {
     1477     font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
     1478     font-weight: bold !important;
     1479     color: #030;
     1480     font-weight: bold;
     1481     margin-right: 5px;
     1482}
     1483
     1484.from, .to {
     1485     font-family: sans-serif;
     1486     font-size: 12pt;
     1487     font-weight: bold;
     1488     vertical-align: middle;
     1489     line-height: 50%;
     1490}
     1491
     1492.debugConnStat {
     1493     color: #030;
     1494     margin-right: 4px;
     1495     white-space: nowrap;
     1496     font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
     1497     font-weight: bold !important;
     1498     word-spacing: -0.1em;
     1499}
     1500
     1501.debugConnStat b {
     1502     color: #272e3f;
     1503     margin-right: 0;
     1504     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     1505}
     1506
     1507/* end debug */
     1508
     1509/* Resource Errors */
     1510
     1511.resourceError {
     1512     border: 1px solid #89f;
     1513     border-bottom: 2px solid #89f;
     1514     margin-bottom: 0;
     1515}
     1516
     1517.resourceError th {
     1518     background: url(/themes/console/images/info/errortriangle.png) left 10px center no-repeat, linear-gradient(to bottom, #fff, #eef);
     1519     background-size: 24px auto, 100% 100%;
     1520     padding: 10px 10px 10px 40px;
     1521     font-size: 10pt !important;
     1522     border: none;
     1523     border-bottom: 1px solid #7778bf;
     1524}
     1525
     1526.resourceError td {
     1527     padding: 10px;
     1528     border: none;
     1529}
     1530
     1531.resourceError tr:nth-child(odd) {
     1532     background: #ddf;
     1533}
     1534
     1535.resourceError tr:nth-child(even) {
     1536     background: #eef;
     1537}
     1538
     1539#DoesNotExist {
     1540     margin-top: 10px;
     1541     border: none;
     1542}
     1543
     1544#DoesNotExist th {
     1545     border-top: 1px solid #7778bf;
     1546}
     1547
     1548#NotFound {
     1549     border: none;
     1550     border-top: 1px solid #7778bf;
     1551}
     1552
     1553/* end Resource Errors */
     1554
     1555#totals {
     1556     display: inline-block;
     1557     margin: 2px 0 2px 5px;
     1558}
     1559
     1560/* Downloading Priorities */
     1561
     1562.snarkDirInfo input[type="radio"], .snarkDirInfo input[type="radio"]:checked {
     1563     margin: 0;
     1564     padding: 0;
     1565     min-height: 16px;
     1566     min-width: 16px;
     1567     vertical-align: middle;
     1568}
     1569
     1570.priority {
     1571     text-align: center;
     1572     width: 160px;
     1573}
     1574
     1575.priorityHigh, .priorityNormal, .prioritySkip {
     1576     display: inline-block;
     1577     width: 40px;
     1578     color: transparent;
     1579     vertical-align: middle;
     1580     margin: 3px 10px 3px 3px;
     1581     overflow: hidden;
     1582     font-size: 0;
     1583     text-align: left;
     1584}
     1585
     1586.priorityHigh {
     1587     background: url(/i2psnark/.resources/icons/clock_red.png) left 20px center no-repeat;
     1588}
     1589
     1590.priorityNormal {
     1591     background: url(/i2psnark/.resources/icons/clock.png) left 20px center no-repeat;
     1592}
     1593
     1594.prioritySkip {
     1595     background: url(/i2psnark/.resources/icons/cancel.png) left 18px center no-repeat;
     1596}
     1597
     1598/* end priorities */
     1599
     1600/* configs */
     1601
     1602#configs td:nth-child(2) {
     1603     white-space: nowrap;
     1604}
     1605
     1606#configs td:first-child {
     1607     min-width: 220px !important;
     1608     font-weight: bold;
     1609}
     1610
     1611td#bwHelp {
     1612     background: url(images/infocircle.png) left 10px center no-repeat;
     1613     background-size: 14px auto;
     1614     padding-left: 28px !important;
     1615     width: 90%;
     1616     line-height: 100%;
     1617}
     1618
     1619td#bwHelp a {
     1620     display: inline-block;
     1621     white-space: nowrap;
     1622}
     1623
     1624/* end configs */
     1625
     1626#filecheck {
     1627     display: inline-block;
     1628     margin: 5px 0;
     1629     background: url(images/progressbar.gif) left center no-repeat;
     1630     padding-left: 22px;
     1631}
     1632
     1633#filecheck a {
     1634     margin: 8px;
     1635}
     1636
     1637#torrentInfoControl td, #setPriority th {
     1638     text-align: right !important;
     1639     padding: 5px !important;
     1640     background: linear-gradient(to bottom, #fff, #eef) !important;
     1641}
     1642
     1643#torrentInfoControl input {
     1644     display: inline;
     1645}
     1646
     1647#setPriority th {
     1648     border-bottom: 1px solid #eef;
     1649}
     1650
     1651#torrentInfoStats td {
     1652     text-align: left !important;
     1653     padding-left: 2px !important;
     1654}
     1655
     1656#torrentInfoStats img {
     1657     margin: 1px 1px 2px 3px !important;
     1658}
     1659
     1660#torrentInfoStats b {
     1661     margin-left: 2px;
     1662}
     1663
     1664#torrentInfoStats span {
     1665     white-space: nowrap;
     1666     display: inline-block;
     1667     margin-right: 7px;
     1668}
     1669
    14051670/* MS Edge 14+ fix */
    14061671_:-ms-lang(x), * {
     
    14161681}
    14171682
    1418 .snarkConfigTitle a {
    1419      font-size: 10.5pt !important;
    1420 }
    1421 
    1422 @media screen and (-webkit-min-device-pixel-ratio:0) {
     1683.snarkConfigTitle a, .snarkConfigTitle, .toggleview {
     1684     font-size: 10pt !important;
     1685}
     1686
     1687.snarkTorrents td:first-child img {
     1688     max-height: 16px;
     1689}
     1690
     1691.snarkTorrentName, .snarkTorrentName a {
     1692     font-weight: bold;
     1693}
     1694
     1695.snarkTorrents td:nth-child(2), .snarkTorrents td:nth-child(2) a {
     1696     white-space: nowrap;
     1697     font-weight: bold;
     1698}
     1699
     1700.snarkTorrentStatus b {
     1701     display: none;
     1702}
     1703
     1704b.alwaysShow {
     1705     display: inline;
     1706}
     1707}
     1708
     1709/*
     1710@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1000px) {
    14231711.snarkConfigTitle a, label.toggleview {
    14241712     font-size: 14pt !important;
    14251713}
    14261714}
    1427 }
     1715*/
     1716
     1717@media screen and (max-width: 1200px) {
     1718.dirInfoComplete {
     1719     display: none;
     1720}
     1721}
     1722
    14281723
    14291724/* enable to hide status text, upload speed + upload amount in main torrent table at 800px or less */
     
    14461741*/
    14471742
     1743@media screen and (min-width: 1200px) {
     1744.percentDownloaded {
     1745     pointer-events: none; /* hide tooltip */
     1746}
     1747
     1748#configs tr:nth-last-child(n+4) td {
     1749      padding-top: 3px;
     1750      padding-bottom: 3px;
     1751}
     1752
     1753.snarkTorrentName {
     1754     padding-left: 4px;
     1755}
     1756}
     1757
    14481758@media screen and (min-width: 1400px) {
    1449 body, td, button, input, select, .snarkAddInfo, code, tt, th, a, a:link {
     1759body, td, button, input, select, .snarkAddInfo, code, tt, th, a, a:link, textarea {
    14501760     font-size: 10pt !important;
    14511761}
     
    14641774}
    14651775
    1466 .configsectionpanel .snarkConfigTitle:hover {
     1776.configsectionpanel .snarkConfigTitle:hover, .snark {
    14671777     font-size: 12pt !important;
    14681778     padding: 3px 15px !important;
    14691779}
    14701780
    1471 .snarkConfigTitle a, label.toggleview {
     1781.snarkConfigTitle, .snarkConfigTitle a, label.toggleview {
    14721782     font-size: 12pt !important;
    1473      padding: 1px 15px 4px;
    1474 }
    1475 
    1476 @media screen and (-webkit-min-device-pixel-ratio:0) {
     1783}
     1784
     1785input[type="submit"] {
     1786     min-width: 100px;
     1787}
     1788
     1789.snarkMessages {
     1790     height: 58px;
     1791}
     1792
     1793.snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
     1794     font-size: 12pt !important;
     1795     padding: 4px 15px !important;
     1796}
     1797
     1798.snarkTorrentStatus b {
     1799     padding-right: 3px;
     1800}
     1801
     1802.snarkTorrentDownloaded, .snarkTorrertUploaded, .snarkTorrentRateDown, .snarkTorrentStatus, .peerinfo td:nth-child(2), .debuginfo td:nth-child(2) {
     1803     white-space: nowrap;
     1804     padding: 2px 8px 2px 3px !important;
     1805}
     1806
     1807.snarkTorrentAction input[type="image"], .snarkTorrents th:last-child input[type="image"] {
     1808     padding: 4px !important;
     1809}
     1810
     1811.snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
     1812     min-width: 240px;
     1813}
     1814
     1815.debuginfo td {
     1816     font-size: 10pt !important;
     1817     word-spacing: 0em;
     1818     padding-top: 4px !important;
     1819     padding-bottom: 4px !important;
     1820}
     1821
     1822.debugConnection {
     1823     background: #337;
     1824     border-radius: 2px;
     1825     padding: 2px 4px;
     1826     color: #fff;
     1827     margin-top: 2px;
     1828     margin-bottom: 2px;
     1829     font-size: 9pt !important;
     1830     display: inline-block;
     1831}
     1832}
     1833
     1834@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1400px) {
    14771835.snarkConfigTitle a, label.toggleview,
    14781836.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
     
    14821840}
    14831841
    1484 input[type="submit"] {
    1485      min-width: 100px;
    1486 }
    1487 
    1488 .snarkMessages {
    1489      height: 58px;
    1490 }
    1491 
    1492 .snarkConfigTitle, label.toggleview {
    1493      font-size: 12pt;
    1494      padding: 3px 15px;
    1495 }
    1496 
    1497 .snarkTorrentDownloaded {
    1498      white-space: nowrap;
    1499 }
    1500 }
    1501 
    15021842/* end responsive layout */
    15031843
  • installer/resources/themes/snark/midnight/snark.css

    r1f7042a6 r5ddeeec  
    4545     font-size: 9pt !important;
    4646     line-height: 160% !important;
    47      min-width: 800px !important;
    4847     margin: 5px 0 0 0;
    4948     padding: 0 0 12px;
     
    6766}
    6867
     68.snarknavbar, .page {
     69     min-width: 900px !important;
     70
     71}
     72
    6973.snarknavbar {
    70      min-width: 820px;
    7174     margin: 0 0 -6px;
    7275     padding: 14px 0;
     
    9497
    9598tt, code {
    96      font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     99     font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
    97100}
    98101
     
    106109}
    107110
    108 .snarkRefresh:link,
    109 .snarkRefresh:visited {
     111.snarkRefresh:link, .snarkRefresh:visited {
    110112     font-size: 9pt;
    111113     font-weight: bold;
     
    143145.snarkRefresh:hover:nth-child(2), .snarkRefresh:focus:nth-child(2) {
    144146     background: #04091f url(images/button_forum_hover.png) 9px center no-repeat;
    145      background: url(images/button_forum_hover.png) 9px center no-repeat, linear-gradient(to bottom, #060e2f 0%, #060e2f 50%, #000 50%, #000 100%);
     147     background: url(images/button_forum_hover.png) 9px center no-repeat, linear-gradient(to bottom, #004, #004 50%, #002 50%);
    146148}
    147149
     
    200202
    201203.snarkMessages {
    202      font: normal 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     204     font: normal 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
    203205     overflow: auto;
    204206     width: auto;
     
    245247}
    246248
    247 .snarkMessages p {
    248      font-style: italic;
    249      margin: 0;
    250      text-align: right;
    251 }
    252 
    253249.snarkMessages img {
    254250     float: right;
     
    279275
    280276pre {
    281      font: 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     277     font: 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
    282278     font-weight: bold !important;
    283279     width: 100%;
     
    303299}
    304300
    305 thead,
    306 tfoot {
     301thead, tfoot {
    307302     background: #001;
    308 }
    309 
    310 thead a,
    311 tfoot a {
    312303}
    313304
     
    325316}
    326317
    327 thead th {
     318thead th, #torrentInfoControl td {
    328319     background: linear-gradient(to bottom, #121225, #00000d) !important;
    329320}
     
    351342}
    352343
    353 tfoot img,
    354 tfoot:nth-child(2) img,
    355 tfoot:nth-child(1) img,
    356 tfoot:nth-child(3) img,
    357 tfoot:nth-child(4) img {
     344tfoot img, tfoot:nth-child(2) img, tfoot:nth-child(1) img, tfoot:nth-child(3) img, tfoot:nth-child(4) img {
    358345     margin: 0 2px 3px 0 !important;
    359346     padding-right: 0 !important;
     
    365352
    366353.headerstatus {
    367      text-align: center;
     354     text-align: left;
    368355}
    369356
     
    377364     padding: 4px 0;
    378365     text-align: left !important;
    379      border: 1px solid #060055 !important;
     366     border: 1px solid #1d1b3f !important;
    380367     border-right: 0 !important;
    381368     border-left: 0 !important;
     
    386373     font-weight: bold !important;
    387374     margin-left: -4px;
     375     display: inline-block;
     376     width: 100%;
    388377}
    389378
     
    447436}
    448437
    449 .snarkTorrents tfoot th,
    450 .SnarkTorrents tfoot th tt {
     438.snarkTorrents tfoot th, .SnarkTorrents tfoot th tt {
    451439     font-weight: bold;
    452440}
    453441
    454442.snarkTorrents tfoot th tt {
    455      font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
    456      color: #652787;
    457      background: none;
    458443     margin-left: 2px;
    459444}
     
    472457}
    473458
    474 .SnarkTorrents td:nth-child(6),
    475 .SnarkTorrents td:nth-child(7),
    476 .SnarkTorrents td:nth-child(8) {
     459.SnarkTorrents td:nth-child(6), .SnarkTorrents td:nth-child(7), .SnarkTorrents td:nth-child(8) {
    477460     text-align: center !important;
    478461}
     
    507490}
    508491
    509 .SnarkTorrents td:nth-child(4) {
     492.snarkTorrents td:nth-child(4) {
    510493     width: 16px !important;
    511494     padding: 0 2px 0 0 !important;
     
    513496}
    514497
    515 
    516498.snarkTorrents td[colspan="10"] {
    517499     padding: 2px;
    518      color: #7972d1 !important;
    519500}
    520501
     
    525506
    526507.snarkTorrents tt {
     508     font-family: "Droid Sans Mono", "Noto Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
    527509     font-size: 8pt;
    528      color: #652787;
     510     background: #2d103f;
     511     color: #fff;
     512     padding: 2px 3px;
     513     border-radius: 2px;
     514     display: inline-block;
     515     margin: 1px 3px;
     516     letter-spacing: 0.1em;
    529517}
    530518
     
    586574
    587575.snarkTorrentInfo tr:last-child td {
    588      padding: 8px 8px 12px !important;
    589      padding: 5px 5px 9px !important;
     576     padding: 10px 5px !important;
    590577     text-align: right !important;
    591578}
     
    608595.SnarkDirInfo {
    609596     margin-top: 10px !important;
    610      margin-bottom: -12px;
     597     margin-bottom: -13px;
    611598     border-bottom: 1px solid #443da0;
    612599}
     
    616603}
    617604
     605
    618606.snarkDirInfo th:nth-child(2) {
    619      width: 32px;
    620      text-align: right;
     607     padding-right: 10px;
    621608}
    622609
    623610.snarkDirInfo td {
    624      min-width: 0 !important;
     611     padding: 5px;
    625612}
    626613
     
    638625}
    639626
     627.snarkDirInfo tr:last-child td {
     628     border-bottom: 1px solid #443da0 !important;
     629}
     630
     631/*
    640632.snarkDirInfo .ParentDir a, .snarkDirInfo .snarkFileName a, .snarkTorrents .snarkTorrentName a {
    641633     display: inline-block;
     
    643635     padding: 2px 0;
    644636}
     637*/
    645638
    646639.snarkDirInfo .headerpriority {
     
    668661}
    669662
     663/*
    670664.snarkDirInfo .headerpriority {
    671665     text-align: center !important;
    672666     vertical-align: middle;
    673667}
    674 
    675 td.subHeaderPriority,
    676 td.priority {
     668*/
     669
     670td.subHeaderPriority, td.priority {
    677671     width: 0;
    678      min-width: 36px !important;
     672     min-width: 160px !important;
    679673     padding: 0 5px 0 0 !important;
    680674     text-align: center !important;
     
    698692}
    699693
     694/*
    700695.headerstatus {
    701696     min-width: 250px;
     
    703698
    704699td.priority:last-child {
    705      min-width: 350px !important;
     700}
     701*/
     702
     703.priority {
     704     white-space: nowrap;
    706705}
    707706
     
    712711th.headerdownloaded {
    713712     padding-left: 25px !important;
     713}
     714
     715#setPriority th {
     716     text-align: right !important;
     717     padding-top: 10px;
     718     padding-bottom: 10px;
     719}
     720
     721#setPriority input:disabled[type="submit"] {
     722     display: none;
    714723}
    715724
     
    721730td.snarkFileStatus {
    722731     font-size: 8pt;
    723      width: 80px;
    724      text-align: center;
     732     text-align: left;
    725733}
    726734
     
    737745
    738746td {
    739      font-size: 8.5pt;
     747     font-size: 9pt;
    740748     padding: 1px;
    741      opacity: 1;
    742749     color: #c9ceff !important;
    743750}
     
    762769}
    763770
    764 .snarkTorrentName a,
    765 .snarkDirInfo td.snarkFileName a {
     771.snarkTorrentName a, .snarkDirInfo td.snarkFileName a {
    766772     font-weight: bold !important;
    767773}
     
    811817     text-align: left !important;
    812818     color: #9b96e0 !important;
    813 }
    814 
    815 .snarkTorrents td:nth-child(2) {
     819     white-space: nowrap;
     820}
     821
     822.snarkTorrentStatus {
    816823     padding-right: 3px !important;
    817824}
    818825
    819 .snarkTorrentStatus,
    820 .snarkTorrentRateUp,
    821 .snarkTorrentRateDown,
    822 .snarkTorrentDownloaded,
    823 .snarkTorrentUploaded {
     826.snarkTorrentStatus b {
     827     margin-right: 3px;
     828}
     829
     830.snarkTorrentStatus, .snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded {
    824831     font-size: 8pt;
    825832     line-height: 90%;
    826833     padding: 0 3px;
    827      word-spacing: -0.05em;
    828 }
    829 
    830 .snarkTorrentRateUp,
    831 .snarkTorrentRateDown,
    832 .snarkTorrentDownloaded,
    833 .snarkTorrentUploaded {
     834}
     835
     836.snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded {
    834837     text-align: center !important;
    835838}
     
    837840.snarkTorrentDownloaded {
    838841     color: #c9ceff !important;
     842     white-space: nowrap;
    839843}
    840844
     
    874878}
    875879
    876 .snarkTorrents tr:hover,
    877 .snarkDirInfo tr:hover {
     880.snarkTorrents tr:hover, .snarkDirInfo tr:hover {
    878881     background: #040033 !important;
    879882}
    880883
    881 .snarkTorrents tr:hover td,
    882 .snarkDirInfo tr:hover td {
     884.snarkTorrents tr:hover td, .snarkDirInfo tr:hover td {
    883885     color: #c9ceff !important;
    884886}
     
    888890}
    889891
    890 .ParentDir a, .ParentDir a:visited, .ParentDir:hover a {
     892/*
     893.ParentDir a, .ParentDir a:visited {
    891894     color: #7972d1 !important;
    892895}
    893 
    894 .snarkTorrents tr:hover a,
    895 .snarkDirInfo tr:hover a {
     896*/
     897
     898.snarkTorrents a {
     899     display: inline-block;
     900     width: 100%;
     901}
     902
     903/*
     904.snarkTorrents tr:hover a, .snarkDirInfo tr:hover a {
    896905     color: #a099ff;
    897906}
    898907
    899 .snarkTorrents a:hover,
    900 td[onclick]:hover a,
    901 .snarkDirInfo a:hover {
     908.snarkTorrents a:hover, td[onclick]:hover a, .snarkDirInfo a:hover {
    902909     color: #652787 !important;
    903910}
     
    906913     cursor: pointer !important;
    907914}
     915*/
    908916
    909917.snarkTorrentEven {
     
    919927}
    920928
    921 .snarkTorrentOdd,
    922 .snarkTorrentOdd td,
    923 .SnarkTorrentEven,
    924 .SnarkTorrentEven td {
    925      border-bottom: 1px solid #003 !important;
     929.snarkTorrentOdd, .snarkTorrentOdd td, .SnarkTorrentEven, .SnarkTorrentEven td {
     930     border-bottom: 1px inset #1d1b3f !important;
    926931}
    927932
     
    938943}
    939944
    940 .snarkTorrentOdd td,
    941 .snarkTorrentEven td {
     945.snarkTorrentOdd td, .snarkTorrentEven td {
    942946     color: #c9ceff !important;
    943947     border-top: none !important;
     
    961965
    962966.snarkFileStatus {
    963      font-size: 9pt;
    964967     font-style: italic;
    965      min-width: 220px;
    966      padding: 4px 5px 4px 15px;
    967      text-align: center;
    968968     text-align: left;
     969     white-space: nowrap;
    969970}
    970971
     
    972973     font-style: italic;
    973974     color: #7b74e0 !important;
     975     padding-left: 3px !important;
     976     padding-right: 3px !important;
     977     text-align: center !important;
    974978}
    975979
     
    10211025
    10221026.choked {
    1023      color: #1100f0 !important;
     1027     color: #900 !important;
    10241028}
    10251029
    10261030.unchoked {
    1027      color: #1100f0 !important;
     1031     color: #090 !important;
    10281032}
    10291033
     
    10441048
    10451049.snarkAddInfo {
    1046      font-size: 8.5pt;
     1050     font-size: 9pt;
    10471051     line-height: 130% !important;
    1048      margin-left: 10px;
     1052     background: url(images/infocircle.png) left center no-repeat;
     1053     background-size: 14px auto;
     1054     padding-left: 20px;
     1055     margin-top: 5px;
     1056     display: inline-block;
    10491057}
    10501058
    10511059.snarkConfigTitle, label.toggleview {
    1052      font-size: 11pt;
     1060     font-size: 10pt;
    10531061     font-weight: bold;
    10541062     font-variant: small-caps !important;
     
    10561064     min-width: 200px;
    10571065     margin: -1px 0 -5px 0;
    1058      padding: 2px 25px 3px 22px;
     1066     padding: 3px 25px 3px 22px;
    10591067     text-align: center !important;
    10601068     letter-spacing: .15em;
     
    10661074}
    10671075
     1076.snarkConfigtitle:hover, label.toggleview:hover {
     1077     background: #002 !important;
     1078     background: linear-gradient(to bottom, #004, #004 50%, #002 50%) !important;
     1079}
     1080
     1081.snarkConfigtitle:active, label.toggleview:active {
     1082     background: #003 !important;
     1083     background: linear-gradient(to bottom, #004, #004 50%, #002 50%) !important;
     1084     box-shadow: inset 3px 3px 3px #000;
     1085}
     1086
     1087.configsectionpanel .snarkConfigtitle:hover, .configsectionpanel .snarkConfigtitle:active {
     1088     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;
     1089     box-shadow: inset 0 0 0 1px #000 !important;
     1090}
     1091
    10681092.snarkConfigTitle {
    10691093     margin-bottom: -7px;
     
    10961120}
    10971121
    1098 .snarkConfigTitle img,
    1099 label.toggleview img {
     1122.snarkConfigTitle img, label.toggleview img {
    11001123     margin-right: -2px;
    11011124     margin-top: -1px;
     
    11411164}
    11421165
     1166hr.debug:last-child {
     1167     background: #000;
     1168     margin-bottom: -5px;
     1169}
     1170
    11431171.configsectionpanel hr {
    11441172     margin-bottom: 10px;
     
    11461174
    11471175a:link {
    1148      font-weight: normal;
     1176     font-weight: bold;
    11491177     text-decoration: none;
    11501178     word-wrap: break-word;
     
    11551183a:visited {
    11561184     color: #362e9e;
     1185     color: #5D599F;
    11571186}
    11581187
     
    11621191
    11631192a:active {
    1164      color: #2f000c;
     1193     color: #CF0039;
    11651194}
    11661195
     
    12001229}
    12011230
    1202 input[type="submit"], input[type="reset"] {
     1231input[type="submit"], input[type="reset"], a.control, a.controld, a.controld:hover, a.controld:focus, a.controld:active,
     1232input:disabled[type="submit"], input:disabled:hover[type="submit"], input:disabled:active[type="submit"]  {
    12031233     font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    12041234     min-width: 95px !important;
    1205      margin-top: 6px;
    1206           padding: 5px !important;
     1235          padding: 6px 8px !important;
    12071236     text-align: center;
    1208      color: #443da0;
    1209      border: 1px solid #3e3f8f;
    1210      border-bottom-color: #14144f;
    1211      border-right-color: #14144f;
     1237     color: #443da0 !important;
     1238     border: 1px solid #3e3f8f !important;
     1239     border-bottom-color: #14144f !important;
     1240     border-right-color: #14144f !important;
    12121241     background: #000;
    12131242     background: linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     
    12171246}
    12181247
     1248a.control, a.controld, a.control:hover, a.controld:hover, a.control:focus, a.controld:focus {
     1249     display: inline-block;
     1250     padding: 2px 8px 1px 5px !important;
     1251     min-width: 0 !important;
     1252     margin: 0 5px 0 1px !important;
     1253}
     1254
     1255a.control img, a.controld img {
     1256     margin: 0;
     1257     padding: 0;
     1258}
     1259
    12191260/*
    12201261@media screen and (-webkit-min-device-pixel-ratio:0) {
     
    12261267*/
    12271268
    1228 input[type="submit"]:hover, input[type="submit"]:focus,
    1229 input[type="reset"]:hover, input[type="reset"]:focus {
    1230      color: #652787;
     1269input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, a.control:hover, a.control:focus {
     1270     color: #652787 !important;
    12311271     border: 1px solid #652787 !important;
    12321272     background: #000 !important;
     
    12341274}
    12351275
    1236 input[type="submit"]:active,
    1237 input[type="reset"]:active {
    1238      color: #c9ceff;
     1276input[type="submit"]:active, input[type="reset"]:active, a.control:active {
     1277     color: #c9ceff !important;
    12391278     border: 1px inset #652787;
    12401279     background: #652787 !important;
     
    12421281}
    12431282
    1244 input[type=submit]:disabled {
     1283input:disabled {
     1284     cursor: not-allowed;
     1285}
     1286
     1287a.controld {
    12451288     display: none;
    12461289}
    12471290
    1248 input[type=image],
    1249 thead img {
     1291input[type=image], thead img {
    12501292     margin: 0 1px;
    12511293     padding: 0 !important;
     
    12541296}
    12551297
    1256 input[type="image"],
    1257 a img {
     1298input[type="image"], a img {
    12581299     filter: drop-shadow(0 0 1px #000);
    1259 }
    1260 
    1261 input[type="image"]:hover,
    1262 a img:hover {
     1300     -webkit-filter: drop-shadow(0 0 1px #000);
     1301}
     1302
     1303input[type="image"]:hover, a img:hover {
    12631304     filter: saturate(200%) drop-shadow(0 0 2px #652787) !important;
    1264 }
    1265 
    1266 input[type="checkbox"],
    1267 .optbox,
    1268 input[type="radio"] {
     1305     -webkit-filter: saturate(200%) drop-shadow(0 0 2px #652787) !important;
     1306}
     1307
     1308input[type="checkbox"], .optbox, input[type="radio"] {
    12691309     background: none;
    12701310     min-width: 16px !important;
     
    12791319}
    12801320
     1321/*
    12811322.snarkTorrents th:last-child,
    12821323.snarkTorrents td:last-child {
     1324     white-space: nowrap;
     1325}
     1326*/
     1327
     1328.snarkTorrentAction {
    12831329     white-space: nowrap;
    12841330}
     
    13241370}
    13251371
    1326 input[type=text]:hover,
    1327 input.r:hover {
     1372input[type=text]:hover, input.r:hover {
    13281373     cursor: text;
    13291374}
     
    13371382}
    13381383
    1339 textarea[name="i2cpOpts"],
    1340 input[name="nofilter_dataDir"] {
    1341      width: 500px;
     1384textarea[name="i2cpOpts"], input[name="nofilter_dataDir"] {
     1385     min-width: 500px;
     1386     width: 70%;
    13421387     margin: 3px 0;
    13431388     padding: 4px !important;
     
    13451390     resize: none;
    13461391     overflow: hidden;
    1347 }
    1348 
    1349 thead img,
    1350 thead img:hover {
     1392     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", "Segoe UI", Verdana, "Lucida Grande", "Lucida Grande", Helvetica, sans-serif;
     1393}
     1394
     1395thead img, thead img:hover {
    13511396     opacity: 0.8;
    13521397     max-height: 20px !important;
    13531398}
    13541399
    1355 input[type=image],
    1356 th a:link img,
    1357 th a:visited img {
     1400input[type=image], th a:link img, th a:visited img {
    13581401     opacity: 1;
    13591402}
    13601403
    1361 input[type=image]:hover,
    1362 th a:hover img {
    1363 }
    1364 
    1365 input[type=text],
    1366 input.r {
     1404input[type=text], input.r {
    13671405     min-width: 100px;
    13681406     padding: 4px !important;
     
    14091447}
    14101448
    1411 select:hover,
    1412 select:focus {
     1449select:hover, select:focus {
    14131450     color: #652787 !important;
    14141451     border: 1px solid #652787;
     
    14331470}
    14341471
     1472/*
    14351473select:nth-child(2) {
    14361474     margin-left: -16px;
    14371475}
     1476*/
    14381477
    14391478textarea {
    1440      font: 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     1479     font: 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
    14411480     font-weight: bold;
    14421481     padding: 1px 4px 0;
     
    15301569
    15311570.newtorrentsection td:first-child,
    1532 .addtorrentsection td:first-child,
    1533 .configsectionpanel td:first-child {
     1571.addtorrentsection td:first-child {
    15341572     font-weight: bold;
    15351573     padding-right: 5px;
     
    15891627.configsectionpanel td:first-child {
    15901628     font-weight: bold;
    1591      padding-right: 10px !important;
    1592      padding-left: 5px !important;
    15931629}
    15941630
    15951631.trackerconfig th {
    15961632     min-width: 50px;
     1633     padding: 7px 0;
    15971634}
    15981635
     
    16011638}
    16021639
    1603 .trackerconfig th:last-child,
    1604 .trackerconfig td:last-child {
     1640.trackerconfig td {
     1641     padding: 8px !important;
     1642}
     1643
     1644.trackerconfig th:last-child, .trackerconfig td:last-child {
    16051645     padding-left: 10px !important;
    16061646}
    16071647
    1608 .trackerconfig tr:nth-child(odd),
    1609 .snarkConfig tr:nth-child(odd) {
     1648.trackerconfig tr:nth-child(odd), .snarkConfig tr:nth-child(odd) {
    16101649     background: #010009;
    16111650}
     
    16171656}
    16181657
     1658table.trackerconfig td:first-child {
     1659     width: 70px !important;
     1660     padding: 5px 10px !important;
     1661}
     1662
     1663.trackerconfig tr:nth-child(even), .snarkConfig tr:nth-child(even) {
     1664     background: #010011;
     1665}
     1666
     1667.trackerconfig input {
     1668     margin: 3px 0 !important;
     1669     cursor: default;
     1670}
     1671
    16191672.snarkTorrentNoneLoaded td {
    16201673     color: #c9ceff !important;
     
    16411694}
    16421695
    1643 table.trackerconfig td:first-child {
    1644      width: 24px !important;
    1645      padding: 5px 2px;
    1646 }
    1647 
    1648 .trackerconfig tr:nth-child(even),
    1649 .snarkConfig tr:nth-child(even) {
    1650      background: #010011;
    1651 }
    1652 
    1653 .trackerconfig input {
    1654      margin: 3px 0 !important;
    1655      cursor: default;
    1656 }
    1657 
    16581696.optbox[name="add_tracker_type"] {
    16591697     cursor: pointer; /* active cursor only for clickable radio icons */
     
    16661704}
    16671705
    1668 .trackerconfig td,
    1669 .snarkConfig td {
    1670      padding: 5px 1px !important;
     1706#configs td {
     1707     padding: 5px 5px 5px 10px !important;
     1708}
     1709
     1710#configs tr:nth-last-child(2) td {
     1711     padding: 10px 15px 0 !important;
    16711712}
    16721713
    16731714.trackerconfig {
    16741715     text-align: left !important;
     1716}
     1717
     1718.trackerconfig td {
     1719     padding: 3px 1px !important;
    16751720}
    16761721
     
    16861731}
    16871732
    1688 .trackerconfig th,
    1689 .trackerconfig td,
    1690 .trackerconfig th:last-child,
    1691 .trackerconfig td:last-child {
     1733.trackerconfig th, .trackerconfig td, .trackerconfig th:last-child, .trackerconfig td:last-child {
    16921734     text-align: left !important;
    16931735}
     
    17111753}
    17121754
    1713 .configsectionpanel td[colspan="2"]:last-child,
    1714 .configsectionpanel td[colspan="7"] {
     1755.spacer {
    17151756     display: none;
    17161757}
    17171758
    1718 .configsectionpanel td[colspan="5"],
    1719 .configsectionpanel td[colspan="2"] {
     1759.configsectionpanel td[colspan="5"] {
    17201760     border-top: 1px solid #443da0;
     1761}
     1762
     1763#configs td:first-child {
     1764     min-width: 200px;
     1765     padding-left: 10px !important;
     1766}
     1767
     1768#configs td:nth-child(2) {
     1769     white-space: nowrap;
     1770}
     1771
     1772#configs tr:last-child {
     1773     display: none;
     1774}
     1775
     1776#bwHelp {
     1777     width: 100%;
     1778     padding-left: 5px !important;
     1779}
     1780
     1781#bwHelp a {
     1782     display: inline-block;
     1783     white-space: nowrap;
     1784     margin-left: 5px;
    17211785}
    17221786
     
    17401804}
    17411805
    1742 .section,
    1743 .mainsection .section,
    17441806.mainsection {
    17451807     margin: 0;
     
    17561818}
    17571819
    1758 .newtorrentsection {
    1759      margin: 0 0 -1px 0;
    1760      padding: 0 10px 0 10px;
     1820.newtorrentsection, .addtorrentsection, .configsection {
     1821     padding: 0 10px;
     1822     font-weight: bold;
    17611823     text-align: center;
    17621824     word-wrap: break-word;
    17631825     color: #c9ceff;
    17641826     border: 1px solid #443da0;
     1827     box-shadow: inset 0 0 0 2px #000, inset 0 0 5px 2px #002;
     1828     background-blend-mode: luminosity;
     1829}
     1830
     1831.newtorrentsection {
     1832     margin: 0 0 -1px 0;
    17651833     background: #001 url(images/snark_create.png) no-repeat scroll right center;
    17661834     background: url(images/snark_create.png) no-repeat scroll right center, linear-gradient(to bottom, #001, #000009);
    17671835     background-size: 70px, 100% 100%;
    1768      background-blend-mode: luminosity;
    1769      box-shadow: inset 0 0 0 2px #000, inset 0 0 5px 2px #002;
    17701836}
    17711837
    17721838.addtorrentsection {
    17731839     margin: 10px 0 -1px 0;
    1774      padding: 0 10px;
    1775      text-align: center;
    1776      word-wrap: break-word;
    1777      color: #c9ceff;
    1778      border: 1px solid #443da0;
    17791840     background: #001 url(images/snark_add.png) no-repeat scroll right center;
    17801841     background: url(images/snark_add.png) no-repeat scroll right center, linear-gradient(to bottom, #001, #000009);
    17811842     background-size: 64px, 100% 100%;
    1782      background-blend-mode: luminosity;
    1783      box-shadow: inset 0 0 0 2px #000, inset 0 0 5px 2px #002;
    17841843}
    17851844
     
    17891848
    17901849.configsection {
    1791      font-weight: bold;
    17921850     margin: 0 0 -1px;
    17931851     padding: 0 10px 15px 10px;
    1794      text-align: center;
    1795      word-wrap: break-word;
    1796      color: #c9ceff;
    1797      border: 1px solid #443da0;
    1798      background: #001;
    17991852     background: #001 url(images/configuration.png) no-repeat scroll 101% center;
    18001853     background: url(images/configuration.png) no-repeat scroll 101% center, linear-gradient(to bottom, #001, #000009);
    18011854     background-size: 64px, 100% 100%;
    1802      background-blend-mode: luminosity;
    1803      box-shadow: inset 0 0 0 2px #000, inset 0 0 5px 2px #002;
    18041855}
    18051856
     
    18271878}
    18281879
    1829 .newtorrentsection form,
    1830 .configsection form,
    1831 .addtorrentsection form {
     1880.newtorrentsection form, .configsection form, .addtorrentsection form {
    18321881     color: #c9ceff !important;
    18331882}
     
    18381887}
    18391888
    1840 .configsection a {
    1841      font-weight: bold;
    1842      text-shadow: 0 1px 1px #000;
    1843 }
    1844 
    1845 .configsection a:hover {
    1846      text-decoration: none;
    1847      color: #652787;
    1848 }
    1849 
    18501889code {
    1851      font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     1890     font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
    18521891     font-size: 8pt;
    18531892     font-weight: bold;
     
    19331972}
    19341973
     1974.peerinfo td:first-child {
     1975     background: url(images/peer.png) center center no-repeat;
     1976     background-size: 14px 14px;
     1977}
     1978
     1979.peerinfo td, .debuginfo td {
     1980     padding-top: 5px;
     1981     padding-bottom: 5px;
     1982}
     1983
     1984/* debug */
     1985
     1986.debuginfo td:first-child {
     1987     background: url(images/debuginfo.png) center center no-repeat;
     1988     background-size: 14px 14px;
     1989     background-blend-mode: luminosity;
     1990}
     1991
     1992#resourceNotFound th, #resourceNotFound td {
     1993     padding: 10px 5px;
     1994}
     1995
     1996.debuginfo b {
     1997     text-transform: capitalize;
     1998}
     1999
     2000.debugConnection {
     2001     line-height: 130%;
     2002     font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
     2003     color: #090 !important;
     2004     padding: 0 5px;
     2005}
     2006
     2007.from, .to {
     2008     font-family: sans-serif;
     2009     font-size: 12pt;
     2010     font-weight: bold;
     2011     vertical-align: middle;
     2012     line-height: 50%;
     2013     text-shadow: 0 0 1px #000;
     2014}
     2015
     2016.debugConnStat {
     2017     margin-right: 3px;
     2018     white-space: nowrap;
     2019}
     2020
     2021.debugConnStat, .debugRequests {
     2022     font-family: "Droid Sans Mono", "Noto Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace;
     2023     color: #ee0;
     2024     color: #995FBF;
     2025}
     2026
     2027.debugConnStat b {
     2028     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     2029     color: #c9ceff;
     2030}
     2031
     2032/* end debug */
     2033
     2034/* Resource Errors */
     2035
     2036.resourceError {
     2037     margin-bottom: 0;
     2038     border: none;
     2039}
     2040
     2041.resourceError th {
     2042     background: url(/themes/console/images/info/errortriangle.png) left 10px center no-repeat, linear-gradient(to bottom, #003, #010011);
     2043     background-size: 24px auto, 100% 100%;
     2044     padding: 10px 10px 10px 40px;
     2045     font-size: 10pt !important;
     2046     border: none;
     2047     border-bottom: 1px solid #443da0;
     2048}
     2049
     2050.resourceError td {
     2051     padding: 10px;
     2052     border: none;
     2053     font-size: 10pt;
     2054}
     2055
     2056.resourceError tr:nth-child(odd) {
     2057     background: #010011;
     2058}
     2059
     2060.resourceError tr:nth-child(even) {
     2061     background: #000;
     2062}
     2063
     2064#DoesNotExist {
     2065     margin-top: 10px;
     2066     border: none;
     2067}
     2068
     2069#DoesNotExist th {
     2070     border-top: 1px solid #443da0;
     2071}
     2072
     2073#NotFound {
     2074     border-bottom: 1px solid #443da0;
     2075}
     2076
     2077/* end Resource Errors */
     2078
     2079#totals {
     2080     display: inline-block;
     2081     margin: 2px 0 2px 5px;
     2082     font-weight: bold;
     2083}
     2084
     2085/* configs */
     2086
     2087#configs td:nth-child(2) {
     2088     white-space: nowrap;
     2089}
     2090
     2091#configs td:first-child {
     2092     min-width: 220px !important;
     2093}
     2094
     2095td#bwHelp {
     2096     background: url(images/infocircle.png) left 12px center no-repeat;
     2097     background-size: 14px auto;
     2098     padding-left: 26px !important;
     2099     width: 90%;
     2100     line-height: 100%;
     2101}
     2102
     2103td#bwHelp a {
     2104     display: inline-block;
     2105     white-space: nowrap;
     2106     margin-left: 4px;
     2107}
     2108
     2109/* end configs */
     2110
     2111/* torrent priorities */
     2112
     2113.priority input[type="radio"] {
     2114     text-align: left;
     2115     margin: 0;
     2116}
     2117
     2118.priorityHigh, .priorityNormal, .prioritySkip {
     2119     padding: 0;
     2120     display: inline-block;
     2121     width: 50px;
     2122     font-size: 0;
     2123     text-align: left;
     2124     color: transparent;
     2125     overflow: hidden;
     2126}
     2127
     2128.priorityHigh {
     2129     background: url(/i2psnark/.resources/icons/clock_red.png) left 20px center no-repeat;
     2130}
     2131
     2132.priorityNormal {
     2133     background: url(/i2psnark/.resources/icons/clock.png) left 20px  center no-repeat;
     2134}
     2135
     2136.prioritySkip {
     2137     background: url(/i2psnark/.resources/icons/cancel.png) left 18px center no-repeat;
     2138}
     2139
     2140#setPriority a.control img {
     2141     mix-blend-mode: normal;
     2142}
     2143
     2144/* end priorities */
     2145
     2146#torrentInfoStats td {
     2147     text-align: left !important;
     2148     padding-left: 2px !important;
     2149}
     2150
     2151#torrentInfoStats img {
     2152     margin: 1px 3px 2px 5px !important;
     2153}
     2154
     2155#torrentInfoStats span {
     2156     white-space: nowrap;
     2157     display: inline-block;
     2158}
     2159
     2160.knownTracker input[type="radio"], .knownTracker input[type="radio"]:hover {
     2161     opacity: 0.5;
     2162     cursor: not-allowed;
     2163     -webkit-filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%) !important;
     2164     filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%) !important;
     2165}
     2166
     2167#filecheck {
     2168     display: inline-block;
     2169     margin: 5px 0;
     2170     background: url(images/progressbar.gif) left center no-repeat;
     2171     padding-left: 22px;
     2172}
     2173
     2174#filecheck a {
     2175     margin: 8px;
     2176}
     2177
    19352178/* MS Edge 14+ fix */
    19362179_:-ms-lang(x), * {
     
    19412184/* responsive layout */
    19422185
     2186@media screen and (max-width: 950px) {
     2187.snarkTorrents td:nth-child(2) {
     2188     white-space: nowrap;
     2189}
     2190.snarkTorrents td[colspan="10"] {
     2191     white-space: normal;
     2192}
     2193
     2194.snarkTorrentStatus b {
     2195     display: none;
     2196}
     2197
     2198b.alwaysShow {
     2199     display: inline;
     2200}
     2201
     2202.snarkTorrents td:first-child img {
     2203     max-height: 16px;
     2204}
     2205
     2206.snarkTorrents td:nth-child(2) {
     2207     font-weight: bold;
     2208}
     2209}
     2210
     2211/*
     2212@media screen and (max-width: 1100px) {
     2213.snarkTorrents td:nth-child(6), .snarkTorrents td:nth-child(8), .snarktorrents td:nth-child(10),
     2214.peerinfo td:nth-child(3), .peerinfo td:nth-child(5), .peerinfo td:nth-child(7) {
     2215     border-left: 1px inset #1d1b3f;
     2216     border-right: 1px inset #1d1b3f;
     2217}
     2218}
     2219*/
     2220
     2221@media screen and (max-width: 1200px) {
     2222.dirInfoComplete {
     2223     display: none;
     2224}
     2225}
     2226
     2227@media screen and (min-width: 1200px) {
     2228a, th, thead th, tfoot th, td, select, select option, .snarkAddInfo, .snarkFileName, code, textarea, input[name="nofilter_dataDir"] {
     2229     font-size: 9pt !important;
     2230}
     2231
     2232.snarkConfigTitle, .snarkConfigTitle a, label.toggleview, .snarkRefresh:link {
     2233     font-size: 11pt !important;
     2234}
     2235
     2236.percentDownloaded {
     2237     pointer-events: none; /* hide tooltip */
     2238}
     2239}
     2240
    19432241@media screen and (min-width: 1400px) {
    1944 code, textarea, .snarkMessages li, input, tt {
     2242code, textarea, .snarkMessages li, .snarkMessages a, input, tt {
    19452243     font-size: 9pt !important;
    19462244}
    19472245
    1948 thead th, tfoot th, td, select, select option, .snarkAddInfo, .snarkFileName {
     2246a, th, thead th, tfoot th, td, select, select option, .snarkAddInfo, .snarkFileName, code, textarea, input[name="nofilter_dataDir"], input, code {
    19492247     font-size: 10pt !important;
    19502248}
     
    19592257
    19602258.snarkConfigTitle, .toggleview {
     2259     padding: 4px 25px 4px 22px;
     2260}
     2261
     2262.snarkConfigTitle, .snarkConfigTitle a, .toggleview {
    19612263     font-size: 12.5pt !important;
    1962      padding: 4px 25px 5px 22px;
    1963 }
    1964 
    1965 .snarkConfigTitle {
    1966      padding: 2px 25px 3px 22px
     2264}
     2265
     2266.configsectionpanel .snarkConfigTitle, .toggleview {
     2267     padding-bottom: 5px !important;
     2268}
     2269
     2270.snarkConfigTitle, label.toggleview {
     2271     min-width: 240px !important;
    19672272}
    19682273
     
    19712276}
    19722277
     2278/*
    19732279select:nth-child(2) {
    19742280     margin-left: -14px !important;
    19752281}
     2282*/
     2283
     2284.snarkTorrents td:nth-child(3), .SnarkTorrents td:nth-child(4) {
     2285     text-align: center !important;
     2286     width: 24px !important;
     2287}
    19762288
    19772289.snarkTorrentDownloaded {
    19782290     white-space: nowrap;
     2291     padding: 0 10px !important;
     2292}
     2293
     2294.snarkFileStatus {
     2295     white-space: nowrap;
     2296}
     2297
     2298.snarkTorrents td {
     2299     padding-top: 4px;
     2300     padding-bottom: 4px;
     2301}
     2302
     2303.page {
     2304     padding: 10px;
     2305     background: #003;
     2306     background: linear-gradient(to right, #004, #002, #004);
     2307     background: linear-gradient(to right, #002, #004, #002);
     2308     box-shadow: inset 0 0 0 1px #000;
     2309}
     2310
     2311.newtorrentsection, .addtorrentsection, .configsection, .configsectionpanel, .snarkMessages, .snarkTorrents, .snarkDirInfo, .snarkTorrentInfo {
     2312     border: 1px solid #443da0;
     2313}
     2314
     2315.snarkDirInfo {
     2316     margin-bottom: 0;
     2317}
     2318
     2319.snarkMessages {
     2320     margin-bottom: -10px;
     2321}
     2322
     2323.snarkMessages + form {
     2324     margin-top: 9px;
     2325}
     2326
     2327.logshim {
     2328     margin-top: -9px !important;
     2329}
     2330
     2331.snarkTorrents {
     2332     margin-top: 0 !important;
     2333}
     2334
     2335.mainsection {
     2336     background: none;
     2337}
     2338
     2339#pagenav img {
     2340     height: 16px;
    19792341}
    19802342}
  • installer/resources/themes/snark/ubergine/snark.css

    r1f7042a6 r5ddeeec  
    88
    99body {
    10      background: #101 url(images/graytile.png);
    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) #26092f;
     10     background: #130313 url(images/graytile.png);
     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;
    1212     background-size: 100% 100%, 96px 96px;
    1313     color: #fff;
     
    2424     background: linear-gradient(to right, rgba(30,0,30,0.4) 0%, rgba(55,0,55,0.5) 50%, rgba(30,0,30,0.4) 100%), url(images/tile2.png);
    2525     color: #310;
    26      min-width: 900px !important;
     26     min-width: 980px !important;
    2727     margin: 5px 0 0 0;
    2828     padding: 10px 10px 0 10px;
     
    8585     width: auto;
    8686     border-radius: 0;
    87      box-shadow: inset 0 0 1px 0 #ffeffd;
     87     box-shadow: inset 0 0 1px 0 #7f2f7f;
    8888}
    8989
     
    107107}
    108108
    109 .snarkRefresh:hover, .snarkRefresh:focus {
    110      color: #d2baff;
     109.snarkRefresh:hover, .snarkRefresh:visited:hover .snarkRefresh:focus, .snarkRefresh:visited:focus {
     110     color: #d2baff !important;
    111111     background: #310 url(images/snarknav_lowlight.png) repeat-x scroll center center;
    112112     background: linear-gradient(to bottom, #a15b73 0%, #7e4062 50%, #591c3e 50%, #46133e 100%);
     
    134134}
    135135
    136 .snarkRefresh:active {
     136.snarkRefresh:active, .snarkRefresh:visited:active {
    137137     background: #f60;
    138      color: #fff;
    139      text-shadow: 0 0 1px #000;
     138     color: #fff !important;
     139     text-shadow: none;
    140140     border: 1px solid #f90;
    141141     box-shadow: 0 0 1px 0 #000, inset 1px 1px 3px 1px #310;
     
    164164
    165165.snarkMessages {
    166      font: bold 8pt "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono !important;
     166     font: bold 8pt "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace !important;
    167167     text-align: left;
    168168     margin: 0 0 10px 0;
     
    172172     border: 1px solid #101;
    173173     overflow: auto;
    174      color: #26f;
     174     color: #2C6AEF;
    175175     height: 50px;
    176176     width: auto;
     
    251251pre {
    252252     width: 100%;
    253      font: 7.5pt "Lucida Console","DejaVu Sans Mono",Courier, mono !important;
     253     font: 7.5pt "Lucida Console","DejaVu Sans Mono",Courier, monospace !important;
    254254     padding: 0;
    255255     text-align: left !important;
     
    351351
    352352.snarkDirInfo input[type="submit"], .snarkDirInfo a.control {
    353      margin: 2px !important;
     353     margin: 2px 3px !important;
    354354}
    355355
     
    359359
    360360.priority {
    361      font-size: 7pt;
     361     font-size: 8pt;
    362362     vertical-align: middle;
    363363     text-align: right !important;
    364      padding-right: 20px;
     364     padding-right: 15px;
     365     white-space: nowrap;
     366}
     367
     368.script {
     369     display: inline-block;
     370     vertical-align: top;
    365371}
    366372
     
    411417.snarkTorrents tfoot th {
    412418     padding: 5px 2px;
    413      border-bottom: #101;
    414419     font-weight: normal;
    415420}
     
    417422.snarkTorrents tfoot th::first-line {
    418423     font-weight: bold;
     424     vertical-align: middle;
    419425}
    420426
     
    441447
    442448.snarkTorrents tfoot tt {
    443      margin-left: -4px;
     449     margin-left: -2px;
    444450}
    445451
     
    458464
    459465.snarkTorrents tt {
    460      font-family: "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono;
     466     font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
    461467     color: #cc0;
    462      margin-left: 2px;
    463468     font-weight: bold;
     469     margin-right: 2px;
    464470}
    465471
     
    487493     line-height: 110%;
    488494     padding: 2px 1px 2px 0;
    489      min-width: 370px;
     495/*     min-width: 370px;*/
    490496}
    491497
     
    525531.snarkTorrents th:last-child input[type="image"] {
    526532     padding: 0;
    527      margin: 0;
    528533     max-width: 32px;
    529 }
    530 
    531 .snarkTorrents th:last-child br { /* prevent button wrapping */
     534/*     clip-path: inset(1px 1px 1px 1px round 2px, 2px);*/
     535     background: #40003f;
     536     border-radius: 2px;
     537     border: 1px solid #202;
     538}
     539
     540.snarkTorrents thead th:last-child br { /* prevent button wrapping */
    532541     display: none;
    533542}
     
    550559     text-align: center !important;
    551560     color: #bbb !important;
     561     border-radius: 0 0 2px 2px;
    552562}
    553563
     
    571581}
    572582
    573 .snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded, .snarkFileSize {
    574      font-size: 7.5pt;
     583.snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded, .snarkFileSize, .snarkTorrentStatus, .snarkFileName {
     584     font-size: 8pt;
    575585     font-weight: bold;
    576586     padding: 0 3px;
    577587     line-height: 100%;
    578      word-spacing: -0.4em;
     588}
     589
     590.snarkTorrentStatus {
     591      font-weight: normal;
     592}
     593
     594.snarkTorrents td:nth-child(2) {
     595     padding-left: 0;
    579596}
    580597
     
    599616.snarkTorrentOdd {
    600617     background: #351933;
    601      font-size: 7.5pt;
     618     font-size: 8pt;
    602619}
    603620
    604621.snarkTorrentEven {
    605      font-size: 7.5pt;
     622     font-size: 8pt;
    606623     background: #270027;
    607624}
     
    635652     text-align: left;
    636653     padding-left: 0;
    637      color: #b9b !important;
    638 }
    639 
    640 .snarkTorrentEven + .snarkTorrentEven td:nth-child(2) tt, .snarkTorrentOdd + .snarkTorrentOdd td:nth-child(2) tt {
    641      margin-left: -10px;
    642      color: #cc0;
     654     color: #ffdfff !important;
    643655}
    644656
     
    683695
    684696.snarkFileName {
    685      padding: 4px 0 !important;
     697     padding: 4px 0 0 2px !important;
    686698     text-align: left !important;
    687699     font-size: 8pt !important;
     
    698710     padding: 2px 5px 2px 15px;
    699711     font-style: italic;
    700      font-size: 7.5pt;
     712     font-size: 8pt;
    701713     text-align: left !important;
    702714     white-space: nowrap;
     
    718730     font-style: italic;
    719731     color: #dd7 !important;
     732     line-height: 120%;
    720733}
    721734
     
    736749
    737750.snarkTorrentInfo th:first-child:not(old) {
    738      background: url(images/file.png) 7px center no-repeat;
     751     background: url(images/file.png) 6px center no-repeat;
    739752     background-size: 14px 16px;
    740753}
     
    758771}
    759772
     773/*
    760774.snarkTorrentInfo tr:last-child td {
    761775     padding: 8px 3px !important;
     
    763777     border-top: 1px solid #101;
    764778}
    765 
     779*/
     780
     781#torrentInfoControl td {
     782     text-align: right !important;
     783     border-top: 1px solid #101;
     784}
     785
     786#torrentInfoControl, #setPriority {
     787     box-shadow: inset 0 0 0 1px #303;
     788}
     789
     790#torrentInfoControl td, #setPriority th {
     791     background: linear-gradient(to bottom, #202, #101);
     792     padding: 8px 5px !important;
     793}
     794
     795/*
    766796.snarkTorrentInfo tr:last-child td b {
    767797     float: left;
     
    769799
    770800.snarkTorrentInfo tr:last-child input {
    771      margin: 0 2px ;
    772 }
     801     margin: 0 3px 0 2px ;
     802}
     803*/
    773804
    774805table.SnarkTorrentInfo, table.snarkDirInfo {
     
    776807     border: 1px solid #101;
    777808     background: #270027;
     809     filter: drop-shadow(0 0 1px rgba(16, 8, 16, 0.7)) !important;
     810     -webkit-filter: drop-shadow(0 0 1px rgba(16, 8, 16, 0.7)) !important;
    778811}
    779812
     
    806839     mix-blend-mode: luminosity;
    807840     opacity: 1;
     841     vertical-align: top;
    808842}
    809843
     
    816850.snarkDirInfo .headerpriority {
    817851     text-align: right !important;
     852}
     853
     854#setPriority > * {
    818855     vertical-align: middle;
    819856}
     
    822859     margin-left: -110px !important;
    823860}
     861
     862.snarkDirInfo tr:nth-last-child(1) td {
     863     border-bottom: 1px solid #000 !important;
     864}
     865
     866/*
     867#setPriority th {
     868     padding-top: 12px !important;
     869     padding-bottom: 10px !important;
     870}
     871*/
    824872
    825873.snarkFileicon:hover + .snarkFileName a {
     
    879927.snarkAddInfo {
    880928     font-size: 8pt;
    881      line-height: 130% !important;
     929     line-height: 100% !important;
    882930     white-space: normal;
    883 }
    884 
     931     background: url(images/infocircle.png) left center no-repeat;
     932     background-size: 12px auto;
     933     padding-left: 16px;
     934     display: inline-block;
     935     margin-top: 5px;
     936}
     937
     938/*
    885939.snarkAddInfo::before {
    886940     content: "\1F6C8\0020";
    887941     font-size: 12pt;
    888942}
     943*/
    889944
    890945.snarkAddInfo code {
     
    892947     border-radius: 2px;
    893948     color: #fbf;
    894      margin-left: 3px;
    895949     padding: 2px 4px;
    896950     box-shadow: inset 0 0 0 1px #212;
     
    917971     display: inline-block;
    918972     margin: 0 0 -3px !important;
    919      min-width: 200px;
     973     min-width: 210px;
    920974}
    921975
     
    9691023
    9701024hr.debug:last-child {
    971      background: #101;
     1025     background: #303;
    9721026     margin-bottom: -4px;
    9731027}
     
    9821036
    9831037a:visited {
    984      color: #f50;
     1038     color: #f40;
    9851039     text-decoration: none;
    9861040}
    9871041
    988 a:hover, a:focus {
     1042a:hover, a:visited:hover, a:focus, a:visited:focus {
    9891043     color: #f90;
    9901044}
    9911045
    992 a:active {
    993      color: #f30;
     1046a:active, a:visited:active {
     1047     color: #f10;
    9941048}
    9951049
    9961050a.control, a.controld, a.control:active {
     1051     display: inline-block;
     1052     vertical-align: middle;
    9971053     background: #989;
    9981054     background: linear-gradient(to bottom, #989 0%, #878 100%);
     1055     background-size: 100% 100% !important;
    9991056     border: 1px inset #bbb;
    10001057     border-radius: 2px;
     1058     box-shadow: 0 0 1px 1px rgba(48,16,48,0.7);
    10011059     color: #1c081e;
    10021060     font-weight: bold;
    1003      margin: 5px 2px !important;
    1004      padding: 4px 6px 4px 4px;
     1061     padding: 4px 6px 3px 6px;
    10051062     text-shadow: 0 0 #410;
    10061063     white-space: nowrap;
     
    10151072
    10161073a.control img {
    1017      margin: -2px 0 0 -4px !important;
     1074     margin: -2px 2px 0 -4px !important;
    10181075     padding: 0;
     1076     height: 14px;
    10191077}
    10201078
     
    10311089}
    10321090
    1033 a.control, input[type="submit"], input[type="reset"] {
     1091input[type="submit"], input[type="reset"] {
    10341092     background-size: 14px 14px, 100% 100% !important;
     1093     box-shadow: 0 0 1px 1px rgba(48,16,48,0.7);
    10351094}
    10361095
     
    10411100}
    10421101
    1043 .snarkDirInfo tr:last-child {
    1044      border-top: 1px solid transparent;
     1102#setPriority {
     1103     border-top: 1px solid #000;
    10451104}
    10461105
     
    10691128     font-weight: bold;
    10701129     text-align: left;
    1071      padding: 3px 4px !important;
     1130     padding: 3px 3px !important;
    10721131     border-radius: 2px;
    10731132     border: 1px solid #101;
     
    10891148     border: 1px inset #bbb;
    10901149     padding: 4px 2px !important;
    1091      filter: drop-shadow(0 0 1px #313);
    1092      -webkit-filter: drop-shadow(0 0 1px #313);
    1093 }
    1094 
     1150}
    10951151
    10961152input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
     
    11771233#pagenav {
    11781234     letter-spacing: 0.1em;
     1235     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif !important;
    11791236}
    11801237
     
    12211278input[type="text"], input.r, input[name="nofilter_dataDir"] {
    12221279     padding: 4px !important;
    1223      font-family: "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
     1280/*     font-family: "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;*/
    12241281     box-shadow: inset 1px 1px 2px 1px #101;
    12251282     letter-spacing: 0.03em;
     
    12701327}
    12711328
     1329/*
    12721330input[name="upBW"] + i::before {
    12731331     content: "\1F6C8\0020";
     
    12751333     font-style: normal;
    12761334}
     1335*/
     1336/*
     1337input[name="upBW"] + i {
     1338     background: url(images/infocircle.png) left center no-repeat;
     1339     background-size: 12px auto;
     1340     padding-left: 16px;
     1341     margin-left: 10px;
     1342}
     1343*/
    12771344
    12781345input.default {
     
    12901357
    12911358input.accept, input.accept:active {
    1292      background: #989 url(images/accept.png) no-repeat 4px center;
    1293      background: url(images/accept.png) no-repeat 4px center, linear-gradient(to bottom, #989 0%, #878 100%);
    1294      padding: 4px 3px 4px 18px !important;
     1359     background: #989 url(images/accept.png) no-repeat 6px center;
     1360     background: url(images/accept.png) no-repeat 6px center, linear-gradient(to bottom, #989 0%, #878 100%);
     1361     padding: 4px 6px 4px 22px !important;
    12951362}
    12961363
    12971364input.accept:hover, input.accept:focus {
    1298      background: #767 url(images/accept.png) no-repeat 4px center;
    1299      background: url(images/accept.png) no-repeat 4px center, linear-gradient(to bottom, #767 0%, #989 100%);
     1365     background: #767 url(images/accept.png) no-repeat 6px center;
     1366     background: url(images/accept.png) no-repeat 6px center, linear-gradient(to bottom, #767 0%, #989 100%);
    13001367}
    13011368
    13021369input.add, input.add:active {
    1303      background: #989 url(images/add.png) no-repeat 4px center;
    1304      background: url(images/add.png) no-repeat 4px center, linear-gradient(to bottom, #989 0%, #878 100%);
    1305      padding: 4px 3px 4px 18px !important;
     1370     background: #989 url(images/add.png) no-repeat 6px center;
     1371     background: url(images/add.png) no-repeat 6px center, linear-gradient(to bottom, #989 0%, #878 100%);
     1372     padding: 4px 6px 4px 22px !important;
    13061373}
    13071374
    13081375input.add:hover, input.add:focus {
    1309      background: #767 url(images/add.png) no-repeat 4px center;
    1310      background: url(images/add.png) no-repeat 4px center, linear-gradient(to bottom, #767 0%, #989 100%);
     1376     background: #767 url(images/add.png) no-repeat 6px center;
     1377     background: url(images/add.png) no-repeat 6px center, linear-gradient(to bottom, #767 0%, #989 100%);
    13111378}
    13121379
    13131380input.cancel, input.cancel:active {
    1314      background: #989 url(images/cancel.png) no-repeat 4px center;
    1315      background: url(images/cancel.png) no-repeat 4px center, linear-gradient(to bottom, #989 0%, #878 100%);
    1316      padding: 4px 3px 4px 18px !important;
     1381     background: #989 url(images/cancel.png) no-repeat 6px center;
     1382     background: url(images/cancel.png) no-repeat 6px center, linear-gradient(to bottom, #989 0%, #878 100%);
     1383     padding: 4px 6px 4px 22px !important;
    13171384}
    13181385
    13191386input.cancel:hover, input.cancel:focus {
    1320      background: #767 url(images/cancel.png) no-repeat 4px center;
    1321      background: url(images/cancel.png) no-repeat 4px center, linear-gradient(to bottom, #767 0%, #989 100%);
     1387     background: #767 url(images/cancel.png) no-repeat 6px center;
     1388     background: url(images/cancel.png) no-repeat 6px center, linear-gradient(to bottom, #767 0%, #989 100%);
    13221389}
    13231390
    13241391input.create, input.create:active {
    1325      background: #989 url(images/create.png) no-repeat 4px center;
    1326      background: url(images/create.png) no-repeat 4px center, linear-gradient(to bottom, #989 0%, #878 100%);
    1327      padding: 4px 3px 4px 18px !important;
     1392     background: #989 url(images/create.png) no-repeat 6px center;
     1393     background: url(images/create.png) no-repeat 6px center, linear-gradient(to bottom, #989 0%, #878 100%);
     1394     padding: 4px 6px 4px 22px !important;
    13281395}
    13291396
    13301397input.create:hover, input.create:focus {
    1331      background: #767 url(images/create.png) no-repeat 4px center;
    1332      background: url(images/create.png) no-repeat 4px center, linear-gradient(to bottom, #767 0%, #989 100%);
     1398     background: #767 url(images/create.png) no-repeat 6px center;
     1399     background: url(images/create.png) no-repeat 6px center, linear-gradient(to bottom, #767 0%, #989 100%);
    13331400}
    13341401
    13351402input.delete, input.delete:active {
    1336      background: #989 url(images/nuke.png) no-repeat 4px center;
    1337      background: url(images/nuke.png) no-repeat 4px center, linear-gradient(to bottom, #989 0%, #878 100%);
    1338      padding: 4px 3px 4px 18px !important;
     1403     background: #989 url(images/nuke.png) no-repeat 6px center;
     1404     background: url(images/nuke.png) no-repeat 6px center, linear-gradient(to bottom, #989 0%, #878 100%);
     1405     padding: 4px 6px 4px 22px !important;
    13391406}
    13401407
    13411408input.delete:hover, input.delete:focus {
    1342      background: #767 url(images/nuke.png) no-repeat 4px center;
    1343      background: url(images/nuke.png) no-repeat 4px center, linear-gradient(to bottom, #767 0%, #989 100%);
     1409     background: #767 url(images/nuke.png) no-repeat 6px center;
     1410     background: url(images/nuke.png) no-repeat 6px center, linear-gradient(to bottom, #767 0%, #989 100%);
    13441411}
    13451412
    13461413input.reload, input.reload:active {
    1347      background: #989 url(images/restore.png) no-repeat 4px center;
    1348      background: url(images/restore.png) no-repeat 4px center, linear-gradient(to bottom, #989 0%, #878 100%);
    1349      padding: 4px 3px 4px 18px !important;
     1414     background: #989 url(images/restore.png) no-repeat 6px center;
     1415     background: url(images/restore.png) no-repeat 6px center, linear-gradient(to bottom, #989 0%, #878 100%);
     1416     padding: 4px 6px 4px 22px !important;
    13501417}
    13511418
    13521419input.reload:hover, input.reload:focus {
    1353      background: #767 url(images/restore.png) no-repeat 4px center;
    1354      background: url(images/restore.png) no-repeat 4px center, linear-gradient(to bottom, #767 0%, #989 100%);
    1355 }
    1356 
    1357 input.reload[name="recheck"], input.reload[name="recheck"]:active {
    1358      background: #989 url(images/recheck.png) no-repeat 4px center;
    1359      background: url(images/recheck.png) no-repeat 4px center, linear-gradient(to bottom, #989 0%, #878 100%);
    1360      padding: 4px 3px 4px 18px !important;
     1420     background: #767 url(images/restore.png) no-repeat 6px center;
     1421     background: url(images/restore.png) no-repeat 6px center, linear-gradient(to bottom, #767 0%, #989 100%);
     1422}
     1423
     1424input.reload[name="recheck"], input.reload[name="recheck"]:active, input.disabled[name="recheck"] {
     1425     background: #989 url(images/recheck.png) no-repeat 6px center;
     1426     background: url(images/recheck.png) no-repeat 6px center, linear-gradient(to bottom, #989 0%, #878 100%);
     1427     padding: 4px 6px 4px 22px !important;
     1428     margin-left: 2px !important
     1429}
     1430
     1431input.disabled[name="recheck"]:hover {
     1432     background-blend-mode: initial;
    13611433}
    13621434
    13631435input.reload[name="recheck"]:hover, input.reload[name="recheck"]:focus {
    1364      background: #767 url(images/recheck.png) no-repeat 4px center;
    1365      background: url(images/recheck.png) no-repeat 4px center, linear-gradient(to bottom, #767 0%, #989 100%);
     1436     background: #767 url(images/recheck.png) no-repeat 6px center;
     1437     background: url(images/recheck.png) no-repeat 6px center, linear-gradient(to bottom, #767 0%, #989 100%);
    13661438}
    13671439
    13681440input.starttorrent, input.starttorrent:active {
    1369      background: #989 url(images/next.png) no-repeat 4px center;
    1370      background: url(images/next.png) no-repeat 4px center, linear-gradient(to bottom, #989 0%, #878 100%);
    1371      padding: 4px 3px 4px 18px !important;
     1441     background: #989 url(images/next.png) no-repeat 6px center;
     1442     background: url(images/next.png) no-repeat 6px center, linear-gradient(to bottom, #989 0%, #878 100%);
     1443     padding: 4px 6px 4px 20px !important;
    13721444}
    13731445
    13741446input.starttorrent:hover, input.starttorrent:focus {
    1375      background: #767 url(images/next.png) no-repeat 4px center;
    1376      background: url(images/next.png) no-repeat 4px center, linear-gradient(to bottom, #767 0%, #989 100%);
     1447     background: #767 url(images/next.png) no-repeat 6px center;
     1448     background: url(images/next.png) no-repeat 6px center, linear-gradient(to bottom, #767 0%, #989 100%);
    13771449}
    13781450
    13791451input.stoptorrent, input.stoptorrent:active {
    1380      background: #989 url(images/btn_stop.png) no-repeat 4px center;
    1381      background: url(images/btn_stop.png) no-repeat 4px center, linear-gradient(to bottom, #989 0%, #878 100%);
    1382      padding: 4px 3px 4px 18px !important;
     1452     background: #989 url(images/btn_stop.png) no-repeat 6px center;
     1453     background: url(images/btn_stop.png) no-repeat 6px center, linear-gradient(to bottom, #989 0%, #878 100%);
     1454     padding: 4px 6px 4px 22px !important;
    13831455}
    13841456
    13851457input.stoptorrent:hover, input.stoptorrent:focus {
    1386      background: #767 url(images/btn_stop.png) no-repeat 4px center;
    1387      background: url(images/btn_stop.png) no-repeat 4px center, linear-gradient(to bottom, #767 0%, #989 100%);
    1388 }
    1389 
     1458     background: #767 url(images/btn_stop.png) no-repeat 6px center;
     1459     background: url(images/btn_stop.png) no-repeat 6px center, linear-gradient(to bottom, #767 0%, #989 100%);
     1460}
     1461
     1462/*
    13901463@media screen and (-webkit-min-device-pixel-ratio:0) {
    13911464input[type="submit"], input[type="reset"], a.control {
     
    13931466}
    13941467}
     1468*/
    13951469
    13961470.configsectionpanel tr:nth-last-child(2) td {
    13971471     text-align: right !important;
    13981472     border-top: 1px solid #101;
    1399      padding-top: 10px;
     1473     padding-top: 10px !important;
    14001474}
    14011475
     
    14251499     background-blend-mode: luminosity;
    14261500}
    1427 
     1501/*
    14281502select + select {
    1429      margin-left: -18px !important;
    1430 }
    1431 
     1503     margin-left: -12px !important;
     1504}
     1505*/
    14321506select option {
    14331507     background: #f50;
     
    14361510     font-weight: bold;
    14371511     box-shadow: inset 0 0 20px 20px #f50;
    1438      padding: 1px 2px 1px 1px;
     1512     padding: 2px 2px 2px 1px;
    14391513}
    14401514
    14411515select option:hover {
    14421516     box-shadow: inset 0 0 20px 20px #212;
    1443      filter: drop-shadow(0 0 1px rgba(255,255,255,0.5));
    1444      filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
     1517     filter: drop-shadow(0 0 1px rgba(255,0,0,0.5));
    14451518}
    14461519
     
    14491522     padding: 4px 18px 4px 4px;
    14501523}
    1451 
     1524/*
    14521525select + select {
    14531526     margin-left: -12px !important;
    14541527}
     1528*/
    14551529}
    14561530
     
    14911565}
    14921566
    1493 .infoz {
    1494      margin: 0 -1px 0 0 !important;
    1495      padding: 0 !important;
    1496      line-height: 100%;
    1497      float: left;
    1498 }
    1499 
    1500 .infoz img {
    1501      border: none;
    1502      opacity: 0.5 !important;
    1503 }
    1504 
    1505 .infoz img:hover {
    1506      opacity: 1 !important;
    1507 }
    1508 
    1509 .section, .mainsection {
     1567.newtorrentsection, .addtorrentsection, .configsection, .configsectionpanel, .section, .mainsection {
    15101568     margin: 0 0 10px 0;
    1511      padding: 10px;
    1512      border: 1px solid #001;
    1513      color: #001;
    1514      border-radius: 4px;
    1515      box-shadow: inset 0 0 3px 0 #101;
    1516      word-wrap: break-word;
    1517      text-align: center;
    1518      background: #545;
    1519      background: linear-gradient(to bottom, #545 0%, #434 100%);
    1520      opacity: 1 !important;
    1521      filter: drop-shadow(0 0 1px #515);
    1522      -webkit-filter: drop-shadow(0 0 1px #515);
    1523      overflow: auto;
    1524 }
    1525 
    1526 .newtorrentsection {
    1527      margin: 0 0 10px 0;
    1528      padding: 0 10px 0 10px;
    1529      border: 1px solid #001;
    1530      text-align: center;
     1569     padding: 0 10px;
     1570     border: 1px solid #101;
    15311571     color: #ddd;
    15321572     border-radius: 4px;
    15331573     box-shadow: inset 0 0 3px 0 #101;
    15341574     word-wrap: break-word;
     1575     filter: drop-shadow(0 0 1px #515);
     1576     -webkit-filter: drop-shadow(0 0 1px #515);
     1577}
     1578
     1579.section, .mainsection {
     1580     padding: 10px;
     1581     color: #001;
     1582     word-wrap: break-word;
     1583     background: #545;
     1584     background: linear-gradient(to bottom, #545 0%, #434 100%);
     1585     overflow: auto;
     1586}
     1587
     1588.newtorrentsection {
    15351589     background: #545 url(images/snark_create.png) no-repeat scroll right center;
    15361590     background: url(images/snark_create.png) no-repeat scroll right center, linear-gradient(to bottom, #545 0%, #434 100%);
    15371591     background-size: 80px 80px, 100% 100%;
    1538      opacity: 1.0;
    1539      filter: drop-shadow(0 0 1px #515);
    1540      -webkit-filter: drop-shadow(0 0 1px #515);
    15411592}
    15421593
    15431594.addtorrentsection {
    1544      margin: 0 0 10px 0;
    1545      padding: 0 10px 0 10px;
    1546      border: 1px solid #001;
    1547      text-align: center;
    1548      color: #ddd;
    1549      border-radius: 4px;
    1550      box-shadow: inset 0 0 3px 0 #101;
    1551      word-wrap: break-word;
    15521595     background: #545 url(images/snark_add.png) no-repeat scroll right center;
    15531596     background: url(images/snark_add.png) no-repeat scroll 99% center, linear-gradient(to bottom, #545 0%, #434 100%);
    15541597     background-size: 61px 61px, 100% 100%;
    1555      opacity: 1.0;
    1556      filter: drop-shadow(0 0 1px #515);
    1557      -webkit-filter: drop-shadow(0 0 1px #515);
    15581598}
    15591599
    15601600.configsection {
    1561      margin: 0 0 10px 0;
    15621601     padding: 0 10px 13px 10px;
    1563      border: 1px solid #000;
    1564      color: #ddd;
    1565      border-radius: 4px;
    1566      box-shadow: inset 0 0 3px 0 #101;
    1567      word-wrap: break-word;
    1568      text-align: center;
    15691602     background: #545 url(images/configuration.png) no-repeat scroll 101% center;
    15701603     background: url(images/configuration.png) no-repeat scroll 101.5% center, linear-gradient(to bottom, #545 0%, #434 100%);
    15711604     background-size: 84px 82px, 100% 100%;
    1572      font-weight: bold;
    1573      filter: drop-shadow(0 0 1px #515);
    1574      -webkit-filter: drop-shadow(0 0 1px #515);
    15751605}
    15761606
    15771607.configsectionpanel {
    1578      margin: 0 0 10px 0;
    1579      padding: 0 10px;
    1580      border: 1px solid #000;
    1581      color: #ddd;
    1582      border-radius: 4px;
    1583      box-shadow: inset 0 0 3px 0 #101;
    1584      word-wrap: break-word;
    1585      text-align: center;
    15861608     background: #545 url(images/configuration.png) no-repeat scroll right center;
    15871609     background: url(images/configuration.png) no-repeat scroll right center, linear-gradient(to bottom, #545 0%, #434 100%);
    15881610     background-size: 84px 82px, 100% 100%;
    1589      font-weight: bold;
    1590      filter: drop-shadow(0 0 1px #515);
    1591      -webkit-filter: drop-shadow(0 0 1px #515);
    1592 }
    1593 
    1594 .configsectionpanel, .configsectionpanel td, .snarkNewTorrent, .snarkNewTorrent td, .snarkAddInfo {
     1611}
     1612
     1613.configsectionpanel, .configsectionpanel td, .snarkNewTorrent, .snarkNewTorrent td, .snarkAddInfo,
     1614select, input, input.r, input[name="nofilter_dataDir"], textarea[name="i2cpOpts"], a.control {
    15951615     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
    15961616     font-size: 9pt !important;
     
    16701690     padding: 0 2px;
    16711691     font-weight: bold;
    1672      font-family: "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono
     1692     font-family: "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
    16731693}
    16741694
    16751695.routerdown {
    16761696     color: #ee9;
     1697     border: 1px solid #202;
     1698     box-shadow: inset 0 0 0 1px #303, 0 0 1px #333;
     1699     padding: 15px 10px !important;
     1700     font-size: 10pt !important;
     1701     background: linear-gradient(to right, #202, #000, #202) #000;
     1702     border-radius: 3px;
    16771703}
    16781704
     
    17941820}
    17951821
     1822.peerinfo td:first-child {
     1823     background: url(images/peer.png) center center no-repeat;
     1824     background-size: 14px 14px;
     1825}
     1826
     1827.peerinfo td, .debuginfo td {
     1828     padding-top: 5px;
     1829     padding-bottom: 5px;
     1830     color: #eee !important;
     1831}
     1832
     1833/* debug */
     1834
     1835.debuginfo td:first-child {
     1836     background: url(images/debuginfo.png) center center no-repeat;
     1837     background-blend-mode: luminosity;
     1838     background-size: 14px 14px;
     1839}
     1840
     1841.debuginfo {
     1842     font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
     1843     line-height: 150%;
     1844}
     1845
     1846.debuginfo b {
     1847     text-transform: capitalize;
     1848     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     1849}
     1850
     1851.debugConnection {
     1852     font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace;
     1853     font-weight: bold !important;
     1854     color: #070;
     1855     margin-left: 3px;
     1856     margin-right: 3px;
     1857     letter-spacing: 0.03em;
     1858}
     1859
     1860.peerinfo:hover td:nth-child(2), .debuginfo:hover td:nth-child(2) {
     1861     color: #fff !important;
     1862}
     1863
     1864.from, .to {
     1865     font-family: sans-serif;
     1866     font-size: 12pt;
     1867     font-weight: bold;
     1868     vertical-align: middle;
     1869     line-height: 50%;
     1870     text-shadow: 0 0 1px #000;
     1871}
     1872
     1873.debuginfo td {
     1874     color: #fff !important;
     1875}
     1876
     1877.debugConnStat {
     1878     display: inline-block;
     1879     white-space: nowrap;
     1880     color: #bb0;
     1881     font-family: "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace !important;
     1882}
     1883
     1884.debugRequests {
     1885     color: #bb0;
     1886     font-family: "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, monospace !important;
     1887}
     1888
     1889.debugConnStat b {
     1890     color: #ffdfff !important;
     1891     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
     1892}
     1893
     1894.peerinfo:hover b, .debuginfo:hover b {
     1895     color: #fff !important;
     1896     color: #b9b;
     1897}
     1898
     1899/* end debug */
     1900
     1901/* Resource Errors */
     1902
     1903.resourceError {
     1904     border: 1px solid #101;
     1905     margin-bottom: 0;
     1906}
     1907
     1908.resourceError th {
     1909     background: url(/themes/console/images/info/errortriangle.png) left 10px center no-repeat, linear-gradient(to bottom, #414 0%, #414 50%, #313 51%, #101 100%);
     1910     background-size: 24px auto, 100% 100%;
     1911     padding: 10px 10px 10px 40px;
     1912     font-size: 10pt !important;
     1913}
     1914
     1915.mainsection .resourceError td {
     1916     padding: 10px !important;
     1917     font-size: 10pt !important;
     1918}
     1919
     1920.resourceError tr:nth-child(odd) {
     1921     background: #351933;
     1922}
     1923
     1924.resourceError tr:nth-child(even) {
     1925     background: #270027;
     1926}
     1927
     1928#DoesNotExist {
     1929     margin-top: 10px;
     1930}
     1931
     1932/* end Resource Errors */
     1933
     1934#totals {
     1935     display: inline-block;
     1936     margin: 2px 0 2px 6px;
     1937}
     1938
     1939.priority input[type="radio"] {
     1940     text-align: left;
     1941     margin: 0;
     1942}
     1943
     1944.priorityHigh, .priorityNormal, .prioritySkip {
     1945     padding: 0;
     1946     display: inline-block;
     1947     width: 50px;
     1948     font-size: 0;
     1949     text-align: left;
     1950     color: transparent;
     1951     overflow: hidden;
     1952}
     1953
     1954.priorityHigh {
     1955     background: url(/i2psnark/.resources/icons/clock_red.png) left 20px center no-repeat;
     1956}
     1957
     1958.priorityNormal {
     1959     background: url(/i2psnark/.resources/icons/clock.png) left 20px  center no-repeat;
     1960}
     1961
     1962.prioritySkip {
     1963     background: url(/i2psnark/.resources/icons/cancel.png) left 18px center no-repeat;
     1964}
     1965
     1966.priority, .snarkDirInfo .headerpriority {
     1967     padding: 5px !important;
     1968     text-align: center !important;
     1969     width: 150px;
     1970     white-space: nowrap;
     1971}
     1972
     1973#setPriority th {
     1974     text-align: right !important;
     1975}
     1976
     1977.snarkDirInfo img[src$="priority.png"] {
     1978     margin: 0 !important;
     1979}
     1980
     1981#torrentInfoStats td {
     1982     text-align: left !important;
     1983}
     1984
     1985#torrentInfoStats img {
     1986     margin: 1px 3px 2px 5px !important;
     1987}
     1988
     1989#torrentInfoStats span {
     1990     white-space: nowrap;
     1991     display: inline-block;
     1992     margin-right: 2px;
     1993}
     1994
     1995/* configs */
     1996
     1997
     1998#configs td:nth-child(2) {
     1999     white-space: nowrap;
     2000}
     2001
     2002#configs td:first-child {
     2003     min-width: 220px !important;
     2004     font-weight: bold;
     2005}
     2006
     2007td#bwHelp {
     2008     background: url(images/infocircle.png) left 8px center no-repeat;
     2009     background-size: 14px auto;
     2010     padding-left: 26px !important;
     2011     width: 90%;
     2012     line-height: 100%;
     2013}
     2014
     2015td#bwHelp a {
     2016     display: inline-block;
     2017     white-space: nowrap;
     2018     margin-left: 4px;
     2019     line-height: 150%;
     2020}
     2021
     2022/* end configs */
     2023
     2024.knownTracker input[type="radio"], .knownTracker input[type="radio"]:hover {
     2025     opacity: 0.7;
     2026     cursor: not-allowed;
     2027     -webkit-filter: sepia(100%) invert(100%) hue-rotate(58deg) brightness(80%) !important;
     2028     filter: sepia(100%) invert(100%) hue-rotate(58deg) brightness(80%) !important;
     2029}
     2030
     2031#filecheck {
     2032     display: inline-block;
     2033     margin: 5px 0;
     2034     background: url(images/progressbar.gif) left center no-repeat;
     2035     padding-left: 22px;
     2036}
     2037
     2038#filecheck a {
     2039     margin: 8px;
     2040}
     2041
    17962042/* MS Edge 14+ fix */
    17972043_:-ms-lang(x), * {
     
    18022048/* responsive layout */
    18032049
     2050@media screen and (max-width: 950px) {
     2051.snarkTorrents a, .snarkTorrentETA, .snarkTorrents tfoot th, .peerinfo td, .snarkTorrents td, .snarkTorrentInfo td, .snarkDirInfo td {
     2052     font-size: 7.5pt !important;
     2053}
     2054
     2055.page {
     2056     min-width: 900px !important;
     2057}
     2058}
     2059
     2060@media screen and (max-width: 1050px) {
     2061.page {
     2062     padding: 6px 6px 0;
     2063}
     2064
     2065.section, .mainsection {
     2066     padding: 6px;
     2067}
     2068
     2069.snarkMessages, .mainsection, .addtorrentsection, .newtorrentsection, .configsection, .configsectionpanel {
     2070     margin-bottom: 6px !important;
     2071}
     2072
     2073#DoesNotExist {
     2074     margin-top: 6px !important;
     2075}
     2076
     2077.logshim {
     2078     margin-top: -6px !important;
     2079}
     2080
     2081table.snarkDirInfo {
     2082     margin-top: 6px !important;
     2083}
     2084
     2085.snarkDirInfo thead img {
     2086     max-height: 20px;
     2087}
     2088
     2089.snarkTorrents td:nth-child(2) {
     2090     white-space: nowrap;
     2091}
     2092
     2093.snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded, .snarkFileSize, .snarkTorrentETA {
     2094     word-spacing: -0.3em;
     2095}
     2096
     2097.snarkTorrents a, .snarkTorrentETA, .snarkTorrents tfoot th, .peerinfo td, .snarkTorrents td, .snarkTorrentInfo td, .snarkDirInfo td {
     2098     font-size: 8pt;
     2099}
     2100
     2101.snarkTorrents td:first-child img {
     2102     max-height: 16px;
     2103}
     2104
     2105.snarkTorrents td[colspan="10"] {
     2106     white-space: normal;
     2107}
     2108
     2109.snarkTorrentName a:not(old) {
     2110     max-width: 300px;
     2111}
     2112
     2113.snarkTorrentDownloaded {
     2114     white-space: nowrap;
     2115}
     2116
     2117.snarkTorrentStatus b {
     2118     display: none;
     2119}
     2120
     2121b.alwaysShow {
     2122     display: inline;
     2123}
     2124
     2125.snarkTorrents td:nth-child(2), .snarkTorrents td:nth-child(2) a {
     2126     font-weight: bold;
     2127}
     2128}
     2129
     2130@media screen and (max-width: 1200px) {
     2131.snarkTorrentName a:not(old) {
     2132     max-width: 340px;
     2133     display: inline-block;
     2134     white-space: nowrap;
     2135     overflow: hidden;
     2136     text-overflow: ellipsis;
     2137}
     2138
     2139.toggleview, .snarkConfigTitle {
     2140     font-size: 11pt !important;
     2141}
     2142
     2143.dirInfoComplete {
     2144     display: none;
     2145}
     2146}
     2147
     2148@media screen and (min-width: 1050px) {
     2149.snarkTorrentStatus {
     2150     white-space: nowrap;
     2151}
     2152
     2153.snarkTorrents a, th, td {
     2154     font-size: 8pt !important;
     2155}
     2156
     2157.mainsection td {
     2158     padding-top: 3px !important;
     2159     padding-bottom: 3px !important;
     2160}
     2161}
     2162
     2163@media screen and (min-width: 1200px) {
     2164.percentDownloaded {
     2165     pointer-events: none; /* hide tooltip */
     2166}
     2167
     2168#pagenav img {
     2169     width: 14px !important;
     2170     height: 14px !important;
     2171}
     2172
     2173.debugConnection {
     2174     background: #003000;
     2175     color: #fff;
     2176     border-radius: 2px;
     2177     padding: 1px 3px;
     2178     font-weight: bold;
     2179     margin: 2px 4px;
     2180     display: inline-block;
     2181     box-shadow: 0 0 0 1px #101;
     2182}
     2183}
     2184
    18042185@media screen and (min-width: 1400px) {
     2186th, td, .choked, .unchoked {
     2187     word-spacing: 0 !important;
     2188     letter-spacing: 0 !important;
     2189}
     2190
    18052191body, .snarkTorrents td, .snarkAddInfo, th, td, .snarkFileName, .snarkFileStatus {
    1806      font-size: 9pt !important;
     2192     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     2193     font-size: 10pt !important;
    18072194}
    18082195
     
    18152202}
    18162203
    1817 @media screen and (-webkit-min-device-pixel-ratio:0) {
    1818 .snarkRefresh img {
    1819      margin: -2px -8px 0 -5px;
     2204input[type="submit"], input[type="reset"], select, select option, button, a.control, .snarkTorrents a:link, td, th, code {
     2205     font-size: 10pt !important;
    18202206}
    18212207
    18222208.snarkConfigTitle, label.toggleview {
    1823      font-size: 14pt !important;
    1824 }
     2209     font-size: 13pt !important;
     2210     min-width: 240px !important;
    18252211}
    18262212
    18272213.snarkRefresh:link {
    1828      font-size: 10.5pt !important;
     2214     font-size: 11pt;
    18292215}
    18302216
     
    18412227     margin: -7px 0 -6px !important;
    18422228}
     2229
     2230.mainsection td {
     2231     padding-top: 4px !important;
     2232     padding-bottom: 4px !important;
     2233}
     2234
     2235.peerinfo tt {
     2236     display: inline-block;
     2237}
     2238
     2239.SnarkTorrents td:nth-child(4) {
     2240     padding-right: 5px;
     2241}
     2242
     2243.snarkTorrentName a:not(old) {
     2244     max-width: none;
     2245}
     2246
    18432247.snarkTorrents tt {
    18442248     font-size: 10pt;
    18452249     color: #cc0;
    1846 }
    1847 
    1848 tt, code, .snarkMessages, input, input[type="submit"], input[type="reset"], select, select option, button, textarea {
     2250     background: #505;
     2251     padding: 2px 3px;
     2252     border-radius: 2px;
     2253     box-shadow: 0 0 1px #303;
     2254     letter-spacing: 0.1em;
     2255     opacity: 0.9;
     2256     margin: 1px 3px !important;
     2257}
     2258
     2259tt, .snarkMessages, input,  textarea {
    18492260     font-size: 9pt !important;
    18502261}
    18512262
    1852 .configsectionpanel, .configsectionpanel td, .snarkNewTorrent, .snarkNewTorrent td, .snarkAddInfo {
     2263input[type="text"], input.r, input[name="nofilter_dataDir"], .configsectionpanel textarea {
     2264     padding: 6px !important;
     2265}
     2266
     2267.configsectionpanel textarea {
     2268     height: 30px;
     2269}
     2270
     2271.snarkTorrentStatus b, .dirInfoComplete {
     2272     margin-right: 3px;
     2273}
     2274
     2275.configsectionpanel, .configsectionpanel td, .snarkNewTorrent, .snarkNewTorrent td, .snarkAddInfo,
     2276select, input, input.r, input[name="nofilter_dataDir"], textarea[name="i2cpOpts"] {
    18532277     font-size: 10pt !important;
    18542278}
     
    18632287}
    18642288
     2289/*
    18652290select:nth-child(2) {
    18662291     margin-left: -14px !important;
    18672292}
     2293*/
     2294
     2295.debuginfo td {
     2296     font-size: 9pt !important;
     2297}
     2298
     2299.snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded, .snarkFileSize {
     2300     padding: 0 8px !important;
     2301}
     2302
     2303.choked, .unchoked {
     2304     margin-right: 6px;
     2305}
     2306
     2307#pagenav img {
     2308     width: 16px !important;
     2309     height: 16px !important;
     2310}
     2311
     2312#configs td {
     2313     padding-top: 3px;
     2314     padding-bottom: 3px;
     2315}
     2316
     2317#configs td:first-child {
     2318     padding-right: 10px !important;
     2319}
     2320
     2321#configs td:last-child {
     2322     padding-right: 0 !important;
     2323}
     2324
     2325.debugConnStat {
     2326     margin-right: 5px;
     2327}
     2328}
     2329
     2330@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1400px) {
     2331.snarkRefresh img {
     2332     margin: -2px -8px 0 -5px;
     2333}
    18682334}
    18692335
    18702336/* end responsive layout */
     2337
  • installer/resources/themes/snark/vanilla/snark.css

    r1f7042a6 r5ddeeec  
    88body {
    99     background: #2f231a;
    10      background: linear-gradient(-45deg, #2f231a, #1f120c);
     10     background: repeating-linear-gradient(to bottom, #9F948B 1px, #6F5B4C 1px, #BFA285 3px);
    1111     color: #2f1500;
    12      font: 8pt "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
    13      background-size: 3px 3px;
     12     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
    1413}
    1514
    1615/* preload top navigation mouseovers */
    1716body {
    18      background: linear-gradient(-45deg, #2f231a, #1f120c),
     17     background: repeating-linear-gradient(to bottom, #6F5B4C 1px, #9F948B 1px, #BFA285 4px),
    1918     url(images/button_snark_hover.png) no-repeat,
    2019     url(images/button_snark_active.png) no-repeat,
     
    2322     url(images/button_forum_hover.png) no-repeat,
    2423     url(images/button_forum_active.png) no-repeat !important;
    25      background-size: 3px 3px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
     24     background-size: 100% 100%, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
    2625}
    2726
     
    4645}
    4746
    48 *:focus {
    49      filter: drop-shadow(0 0 1px #f60);
    50      -webkit-filter: drop-shadow(0 0 1px #f60);
     47td *:focus {
     48     filter: drop-shadow(0 0 1px #df0067);
     49     -webkit-filter: drop-shadow(0 0 1px #df0067);
     50}
     51
     52::selection {
     53     background: #900 !important;
     54     color: white;
     55}
     56
     57::-moz-selection {
     58     background: #800 !important;
     59     color: white;
     60}
     61
     62input[type="submit"], input[type="reset"], button, a:link, input[type="checkbox"], input[type="radio"], select {
     63     cursor: pointer;
    5164}
    5265
    5366.page {
    54      background: #f1f2e4 url(images/tile2.png);
    55      background: linear-gradient(to bottom, rgba(239,239,239,0.6) 0%, rgba(207,199,194,0.6) 100%), #f1f2e4 url('images/tile2.png');
     67     background: #dfdccb url(images/tile2.png);
     68     background: repeating-linear-gradient(to bottom, #ECEBDD 1px, #EFEBDD 2px, #EBE5D5 5px);
    5669     color: #310;
    5770     min-width: 900px !important;
     
    6477     box-shadow: inset 0 0 3px 0 #a08160, 0 0 1px 0 #4f3d36;
    6578     text-align: center;
    66      opacity: 1;
    6779}
    6880
     
    7486}
    7587
    76 /*
    77 .snarkTitle {
    78      font-size: 12pt;
    79      font-weight: bold;
    80      text-align: center;
    81 }
    82 */
     88a:link, a:visited {
     89     text-decoration: none;
     90}
     91
     92td a:link {
     93     color: #cf0f00;
     94     text-decoration: none;
     95     font-weight: bold;
     96     word-wrap: break-word;
     97}
     98
     99td a:visited {
     100     color: #9F0B00 !important;
     101}
     102
     103td a:hover, td a:visited:hover, td a:focus, td a:visited:focus {
     104     color: #df0067 !important;
     105     filter: none;
     106     -webkit-filter: none;
     107}
     108
     109td a:active, td a:visited:active {
     110     color: #FF2F85 !important;
     111}
     112
     113/* top nav */
    83114
    84115.snarknavbar {
    85      margin: -10px 0 9px 0 !important;
    86      padding: 14px 10px 12px;
     116     margin: -11px 0 10px 0 !important;
     117     padding: 13px 10px 12px;
    87118     border: 1px solid #2f1b0c;
    88119     border-radius: 0 0 2px 2px;
    89      box-shadow: inset 0 0 0 1px #fff, 0 0 1px 0 #4f3d36;
    90      background: #efefef url('images/bling2.png') repeat-x scroll center center;
    91      background: linear-gradient(to bottom, #efefef 0%, #efefef 51%, #cfc7c2 52%, #cfc7c2 100%);
    92      min-width: 700px;
     120     box-shadow: inset 0 0 0 1px #fff5ef, 0 0 1px 0 #4f3d36;
     121     background: #efefef;
     122     background: linear-gradient(to bottom, #efefef 0%, #efefef 49%, #cfc7c2 52%, #cfc7c2 100%);
     123     min-width: 900px;
    93124     width: 70%;
    94125     text-align: center;
     
    99130
    100131.iframed .snarknavbar {
    101      padding-top: 14px;
     132     padding-top: 13px;
    102133     margin: -6px 0 !important;
    103134     width: auto;
     
    106137}
    107138
    108 @media screen and (-webkit-min-device-pixel-ratio:0) {
    109 .snarknavbar {
    110      padding-top: 15px;
    111 }
    112 
    113 .snarkRefresh:link:first-child {
    114      padding-top: 4px !important;
    115 }
     139.snarkRefresh img {
     140     display: none;
    116141}
    117142
     
    119144     text-decoration: none !important;
    120145     text-transform: uppercase !important;
    121      padding: 5px 10px 5px 12px !important;
    122      margin: -5px -2px -5px 0 !important;
     146     padding: 4px 10px 4px 20px !important;
     147     margin: -5px -4px -5px 0 !important;
    123148     letter-spacing: 0.08em;
    124149     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
     
    126151     font-size: 10pt;
    127152     color: #930;
    128      background: #fff7ef url('images/bling.png') repeat-x scroll center center;
    129      background: linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
     153     color: #3F271B;
     154     background: #fff7ef url(images/button_snark.png) 11px center no-repeat;
     155     background: url(images/button_snark.png) 11px center no-repeat, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 47%, rgba(207, 193, 181, 0.6) 50%), repeating-linear-gradient(45deg, #75604E 1px, #A09286 1px, #BFAFA2 2px);
     156     background-size: 18px auto, 100% 100%, 100% 100%;
    130157     border-radius: 0;
    131158     border: 1px solid #efe6e0;
    132159     text-shadow: 0 0 1px #fff5ef;
    133      box-shadow: inset 0 0 0 1px #efe6e0;
     160     box-shadow: inset 0 0 0 1px #efe6e0, 0 0 0 1px rgba(77, 69, 62, 0.1);
    134161     border: 1px solid #2f1b0c;
    135162}
     
    138165     text-decoration: none !important;
    139166     text-shadow: none;
    140      color: #900;
    141      color: #f60 !important;
    142      background: #fff url('images/bling2.png') repeat-x scroll center center;
    143      background: linear-gradient(to bottom, #ffeadf 0%, #ffeadf 51%, #cfb6a8 52%, #cfb6a8 100%);
     167     color: #930 !important;
     168     background: #ffeadf url(images/button_snark_hover.png) 11px center no-repeat;
     169     background: url(images/button_snark_hover.png) 11px center no-repeat, linear-gradient(to bottom, #ffeadf 0%, #ffeadf 47%, #cfb6a8 50%, #cfb6a8 100%);
     170     background-size: 18px auto, 100% 100%, 100% 100%;
     171     box-shadow: inset 0 0 0 1px #fff5ef, 0 0 0 1px rgba(77, 69, 62, 0.1);
     172     padding: 4px 10px 4px 20px !important;
    144173}
    145174
    146175.snarkRefresh:active {
    147      color: #eee !important;
    148      background: linear-gradient(to bottom, #dfb899 0%, #dfb899 50%, #af9178 50%, #af9178 100%);
     176     background: #dfb899 url(images/button_snark_active.png) 11px center no-repeat;
     177     background: url(images/button_snark_active.png) 11px center no-repeat, linear-gradient(to bottom, #dfb899 0%, #dfb899 47%, #af9178 50%, #af9178 100%);
     178     background-size: 18px auto, 100% 100%, 100% 100%;
    149179     text-shadow: none !important;
    150      box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 3px 1px #555;
    151 }
    152 
    153 .snarkRefresh:active img {
    154      filter: sepia(100%) invert(50%) brightness(200%) !important;
    155      -webkit-filter: sepia(100%) invert(50%) brightness(200%) !important;
    156      opacity: 0.7;
     180     box-shadow: inset 0 0 0 1px #efe6e0, inset 2px 2px 3px 1px #59513B, 0 0 0 1px rgba(77, 69, 62, 0.1);
     181     padding: 4px 10px 4px 20px !important;
    157182}
    158183
    159184.snarkRefresh:nth-child(2) {
    160      background: url(images/button_forum.png) 12px center no-repeat, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
    161      padding: 5px 10px 5px 28px !important;
     185     background: #fff7ef url(images/button_forum.png) 12px center no-repeat;
     186     background: url(images/button_forum.png) 12px center no-repeat, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 47%, rgba(207, 193, 181, 0.6) 50%), repeating-linear-gradient(45deg, #75604E 1px, #A09286 1px, #BFAFA2 2px);
     187     background-size: 16px auto, 100% 100%, 100% 100%;
     188     padding: 4px 10px 4px 28px !important;
    162189}
    163190
    164191.snarkRefresh:nth-child(n+3) {
    165      background: url(images/button_tracker.png) 12px center no-repeat, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
    166      padding: 5px 10px 5px 28px !important;
     192     background: #fff7ef url(images/button_tracker.png) 12px center no-repeat;
     193     background: url(images/button_tracker.png) 12px center no-repeat, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 47%, rgba(207, 193, 181, 0.6) 50%), repeating-linear-gradient(135deg, #75604E 1px, #A09286 1px, #BFAFA2 2px);
     194     background-size: 16px auto, 100% 100%, 100% 100%;
     195     padding: 4px 10px 4px 28px !important;
    167196}
    168197
    169198.snarkRefresh:nth-child(2):hover, .snarkRefresh:nth-child(2):focus {
    170      background: url(images/button_forum_hover.png) 12px center no-repeat, linear-gradient(to bottom, #ffeadf 0%, #ffeadf 51%, #cfb6a8 52%, #cfb6a8 100%);
    171      color: #f60;
     199     background: #ffeadf url(images/button_forum_hover.png) 12px center no-repeat;
     200     background: url(images/button_forum_hover.png) 12px center no-repeat, linear-gradient(to bottom, #ffeadf 0%, #ffeadf 47%, #cfb6a8 50%, #cfb6a8 100%);
     201     background-size: 16px auto, 100% 100%, 100% 100%;
    172202}
    173203
    174204.snarkRefresh:nth-child(n+3):hover, .snarkRefresh:nth-child(n+3):focus {
    175      background: url(images/button_tracker_hover.png) 12px center no-repeat, linear-gradient(to bottom, #ffeadf 0%, #ffeadf 51%, #cfb6a8 52%, #cfb6a8 100%);
    176      color: #f60;
     205     background: #ffeadf url(images/button_tracker_hover.png) 12px center no-repeat;
     206     background: url(images/button_tracker_hover.png) 12px center no-repeat, linear-gradient(to bottom, #ffeadf 0%, #ffeadf 47%, #cfb6a8 50%, #cfb6a8 100%);
     207     background-size: 16px auto, 100% 100%, 100% 100%;
    177208}
    178209
    179210.snarkRefresh:nth-child(2):active {
    180      color: #eee;
    181      background: url(images/button_forum_active.png) 12px center no-repeat, linear-gradient(to bottom, #dfb899 0%, #dfb899 50%, #af9178 50%, #af9178 100%);
    182      text-shadow: none;
     211     background: #dfb899 url(images/button_forum_active.png) 12px;
     212     background: url(images/button_forum_active.png) 12px center no-repeat, linear-gradient(to bottom, #dfb899 0%, #dfb899 47%, #af9178 50%, #af9178 100%);
     213     background-size: 16px auto, 100% 100%, 100% 100%;
    183214}
    184215
    185216.snarkRefresh:nth-child(n+3):active {
    186      color: #eee;
    187      background: url(images/button_tracker_active.png) 12px center no-repeat, linear-gradient(to bottom, #dfb899 0%, #dfb899 50%, #af9178 50%, #af9178 100%);
    188      background-blend-mode: normal;
    189      text-shadow: none;
     217     background: #dfb899 url(images/button_tracker_active.png) 12px center no-repeat;
     218     background: url(images/button_tracker_active.png) 12px center no-repeat, linear-gradient(to bottom, #dfb899 0%, #dfb899 47%, #af9178 50%, #af9178 100%);
     219     background-size: 16px auto, 100% 100%, 100% 100%;
    190220}
    191221
     
    203233}
    204234
    205 @media screen and (-webkit-min-device-pixel-ratio:0) { /* button/bar alignment on config page */
    206 .iframed .snarknavbar {
    207      padding-top: 16px;
    208      margin-bottom: -6px !important;
    209 }
    210 
    211 .snarkRefresh:first-child {
    212      margin: -5px -2px -3px 0 !important;
    213      display: inline-block;
    214      padding: 5px 10px 2px 12px !important;
    215 }
    216 
    217 .snarkRefresh:last-child[href="/i2psnark/"] {
    218      margin: -5px 0 -3px !important;
    219      display: inline-block;
    220      padding: 5px 10px 3px 12px !important;
    221 }
    222 
    223 .iframed .snarkRefresh:last-child[href="/i2psnark/"] {
    224      margin: -5px 0 -2px !important;
    225 }
    226 }
    227 
    228 .snarkRefresh img {
    229      margin: 0 -6px 2px -2px !important;
    230      filter: sepia(65%);
    231      -webkit-filter: sepia(65%);
    232      vertical-align: middle;
    233 }
    234 
    235 .snarkRefresh:hover img {
    236      filter: none;
    237      -webkit-filter: none;
    238 }
     235.snarkRefresh:hover, .snarkRefresh:visited:hover {
     236     color: #930 !important;
     237}
     238
     239.snarkRefresh:active, .snarkRefresh:visited:active {
     240     color: #eee !important;
     241}
     242
     243/* end topnav */
     244
     245/* screenlog */
    239246
    240247.snarkMessages {
    241      font: bold 8pt "Droid Sans Mono", "Noto Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono !important;
     248     font: bold 8pt "Droid Sans Mono", "Noto Mono", "DejaVu Sans Mono", "Lucida Console", Courier, monospace !important;
    242249     text-align: left;
    243250     margin: 0 0 10px;
     
    247254     border-radius: 2px;
    248255     box-shadow: inset 0 0 6px 0 #3f2307;
    249      overflow-y: auto;
    250      overflow-x: hidden;
    251256     color: #cfc7c2;
     257     overflow: hidden;
    252258     height: 56px;
    253259     width: auto;
    254260     background: #3f3833 url(images/hat.png) no-repeat scroll right center;
    255261     background: url(images/hat.png) no-repeat scroll right center, linear-gradient(to bottom, #5f554d 0%, #3f3833 100%);
     262     background: url(images/whippy.png) no-repeat scroll right 5px bottom -4px, linear-gradient(to bottom, #5f554d 0%, #3f3833 100%);
    256263     background-size: 80px 83px, 100% 100%;
     264     background-size: auto 100%, 100% 100%;
     265}
     266
     267.snarkMessages:hover {
     268     overflow: auto;
    257269}
    258270
     
    274286     content: '';
    275287     display: inline-block;
    276      background: url(images/bullet.png)  left 2px no-repeat;
     288     background: url(images/bullet.png) left 2px no-repeat;
    277289     width: 13px;
    278290     height: 11px;
     
    282294.snarkMessages a:link:not([href*="action=Clear"]) {
    283295     mix-blend-mode: exclusion;
    284 }
    285 
    286 /*
    287 .snarkMessages a:hover {
    288      color: #f90 !important;
     296     color: #f60 !important;
     297}
     298
     299.snarkMessages a:link:hover:not([href*="action=Clear"]) {
     300     mix-blend-mode: normal;
    289301}
    290302
     
    292304     color: #d30 !important;
    293305}
    294 */
     306
     307.snarkMessages a:hover, .snarkMessages a:visited:hover, .snarkConfigTitle a:hover, .snarkConfigTitle a:visited:hover {
     308     color: #930 !important;
     309}
     310
     311.snarkMessages a:active, .snarkMessages a:visited:active, .snarkConfigTitle a:active, .snarkConfigTitle a:visited:active  {
     312     color: #f30 !important;
     313}
    295314
    296315.snarkMessages p {
     
    323342}
    324343
     344/* end screenlog */
     345
     346/* pagenav */
     347
     348#pagenav {
     349     vertical-align: middle;
     350     padding: 3px 2px 2px;
     351     font-size: 9pt;
     352}
     353
     354#pagenav img {
     355     border: 1px solid #541;
     356     border-radius: 2px;
     357     margin-right: -3px;
     358     padding: 3px 4px;
     359     filter: sepia(100%) hue-rotate(340deg) drop-shadow(0 0 1px #999);
     360     -webkit-filter: sepia(100%) hue-rotate(340deg) drop-shadow(0 0 1px #999);
     361     background: linear-gradient(to bottom, #ffeadf 51%, #cfb6a8 52%);
     362     box-shadow: inset 0 0 0 1px #fff;
     363     mix-blend-mode: luminosity;
     364}
     365
     366#pagenav img:hover, #pagenav a:focus img {
     367     mix-blend-mode: normal;
     368}
     369
     370#pagenav a:active img {
     371     mix-blend-mode: normal;
     372     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #3f362f !important;
     373}
     374
     375#pagenav img.disable, #pagenav img.disable:hover {
     376     mix-blend-mode: luminosity;
     377     opacity: 0.2;
     378     margin-right: 1px;
     379}
     380
     381/* end pagenav */
     382
    325383pre {
    326384     width: 100%;
    327      font: 8pt "DejaVu Sans Mono", "Droid Sans Mono", "Lucida Console", Courier, mono !important;
     385     font: 8pt "DejaVu Sans Mono", "Droid Sans Mono", "Lucida Console", Courier, monospace !important;
    328386     padding: 0;
    329387     text-align: left !important;
     
    339397     border-spacing: 0;
    340398     border-collapse: collapse;
    341      color: #323;
     399     color: #2f1500;
    342400     width: 100%;
    343401     opacity: 1 !important;
     
    350408
    351409thead, tfoot {
    352      background: url("images/bling2.png") repeat-x scroll center center #867;
     410     background: #efefef;
    353411     background: linear-gradient(to bottom, #efefef, #cfc7c2);
    354412     font-weight: bold;
    355      color: #503;
     413     color: #2f1500;
    356414}
    357415
    358416thead a img, thead img {
    359  /*    mix-blend-mode: luminosity;*/
    360      opacity: 1;
     417     opacity: 0.9;
    361418     filter: sepia(100%) hue-rotate(340deg);
    362419     -webkit-filter: sepia(100%) hue-rotate(340deg);
    363      max-height: 22px;
     420     max-height: 18px;
    364421}
    365422
    366423thead a:hover img, thead a:focus img {
     424     opacity: 1;
    367425     mix-blend-mode: normal;
    368426     filter: drop-shadow(0 0 1px #f60);
     
    375433     border-top: 1px solid #6f533e;
    376434     border-bottom: 1px solid #6f533e;
    377      color: #511;
     435     color: #2f1500;
    378436}
    379437
     
    392450}
    393451
    394 th:first-child img {
    395      margin: 1px 1px 3px 1px !important;
    396 }
    397 
    398 th:nth-child(2) img {
    399      margin: 1px 7px 3px 2px !important;
    400 }
    401 
    402452tfoot th {
    403453     padding-bottom: 4px !important;
     
    413463}
    414464
    415 #pagenav {
    416      vertical-align: middle;
    417      padding: 3px 2px 2px;
    418      font-size: 9pt;
    419 }
    420 
    421 #pagenav img {
    422      border: 1px solid #541;
    423      border-radius: 3px;
    424      margin-right: -3px;
    425      padding: 3px 4px;
    426      filter: sepia(100%) hue-rotate(340deg) drop-shadow(0 0 1px #999);
    427      -webkit-filter: sepia(100%) hue-rotate(340deg) drop-shadow(0 0 1px #999);
    428      background: linear-gradient(to bottom, #ffeadf 0%, #ffeadf 51%, #cfb6a8 52%, #cfb6a8 100%);
    429      box-shadow: inset 0 0 0 1px #fff;
    430      mix-blend-mode: luminosity;
    431 }
    432 
    433 #pagenav img:hover, #pagenav a:focus img {
    434      mix-blend-mode: normal;
    435 }
    436 
    437 #pagenav a:active img {
    438      mix-blend-mode: normal;
    439      box-shadow: inset 1px 1px 2px 1px #3f362f !important;
    440 }
    441 
    442 #pagenav img.disable, #pagenav img.disable:hover {
    443      mix-blend-mode: luminosity;
    444      opacity: 0.2;
    445      margin-right: 1px;
    446 }
    447 
    448465.headerstatus {
    449466     text-align: left;
    450      padding-left: 15px;
    451467}
    452468
    453469.headerpriority {
    454      text-align: left;
     470     text-align: center;
    455471     padding: 5px;
    456472}
     
    461477
    462478.ParentDir {
    463      background: #ffeddf;
     479     background: #fff4ef;
     480     background: linear-gradient(to right, #efe6e0, #dfd6d1 70%);
    464481     text-align: left !important;
    465482     padding: 4px 0 4px 4px;
     
    467484
    468485.priority {
    469      font-size: 7pt;
     486     font-size: 8pt;
    470487     vertical-align: middle;
    471      text-align: right;
    472      padding-right: 10px;
     488     text-align: center;
     489     white-space: nowrap;
     490     width: 144px;
    473491}
    474492
     
    476494     margin: 0;
    477495     border: 1px solid #6f533e;
    478      background: #212;
     496     background: #e8e5dc;
    479497     border-collapse: separate;
    480498     border-spacing: 0;
    481499     border-radius: 2px;
    482      filter: drop-shadow(0 0 1px #4d453e);
    483      -webkit-filter: drop-shadow(0 0 1px #4d453e);
    484500}
    485501
     
    489505}
    490506
     507.snarkTorrents thead th > * {
     508     vertical-align: middle !important;
     509}
     510
    491511.snarkTorrents thead th:nth-child(2) {
    492512     text-align: left;
     
    495515
    496516.snarkTorrents tfoot th {
    497      border-bottom: 0;
     517     border-bottom: none !important;
    498518     white-space: normal !important;
    499519     font-weight: normal;
    500520}
    501521
    502 .snarkTorrents tfoot th::first-line {
    503      font-weight: bold;
     522.snarkTorrents tfoot th::first-line, .snarkTorrents tfoot th:nth-child(n+7) {
     523     font-weight: bold !important;
    504524}
    505525
     
    517537
    518538.snarkTorrents thead th:nth-child(3) {
    519      padding: 4px 4px 4px 0     ;
     539     padding: 4px 4px 4px 0;
    520540     text-align: right;
    521541}
     
    539559}
    540560
    541 .snarkTorrents td:nth-child(n+6), .snarkTorrents tfoot th:nth-child(n+2) {
    542      word-spacing: -0.4em;
    543 }
    544 
    545561.snarkTorrents tfoot {
    546562     vertical-align: top;
     
    553569.snarkTorrents td:first-child, .snarkTorrents td:nth-child(2) {
    554570     padding: 2px 0 !important;
    555      word-spacing: -0.2em;
    556571}
    557572
     
    562577
    563578.snarkTorrents td:nth-child(3) {
    564      text-align: right;
    565      padding-left: 3px !important;
     579     padding: 0 3px !important;
    566580}
    567581
     
    572586}
    573587
    574 .snarkTorrents td:nth-child(7) {
    575      font-weight: bold;
     588.snarkTorrents td:nth-child(7), .peerinfo .snarkTorrentStatus {
     589     font-weight: bold !important;
     590     white-space: nowrap !important;
    576591}
    577592
     
    595610     padding: 3px 0;
    596611     line-height: 110%;
    597 }
    598 
    599 .snarkTorrentName[onclick], .snarkTorrentName[onclick]:hover a {
    600      cursor: pointer;
    601      color: #cf0f00;
    602612}
    603613
     
    616626}
    617627
     628@media screen and (-webkit-min-device-pixel-ratio:0) {
     629.snarkTorrentAction {
     630     width: 48px !important;
     631}
     632}
     633
    618634/* MS Edge 14+ fix */
    619635_:-ms-lang(x), .snarkTorrentAction {
     
    622638
    623639.snarkTorrentAction input[type="image"], .snarkTorrents th:last-child input[type="image"] {
    624      filter: drop-shadow(0 0 1px #7f6c5f);
    625      -webkit-filter: drop-shadow(0 0 1px #7f6c5f);
     640     filter: drop-shadow(0 0 1px rgba(127, 108, 95, 0.6));
     641     -webkit-filter: drop-shadow(0 0 1px rgba(127, 108, 95, 0.6));
    626642     border: 1px solid #4d453e;
    627643     border-radius: 2px;
    628644     padding: 3px !important;
    629      background: linear-gradient(to bottom, #efefef 0%, #efefef 51%, #cfc7c2 52%, #cfc7c2 100%);
    630645     background: linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
    631      box-shadow: inset 0 0 0 1px #fff;
     646     box-shadow: inset 0 0 0 1px #efe6e0;
    632647     vertical-align: middle;
    633648     mix-blend-mode: normal;
     
    638653.snarkTorrentAction input[type="image"]:hover, .snarkTorrents th:last-child input[type="image"]:hover, .snarkTorrentAction input[type="image"]:focus, .snarkTorrents th:last-child input[type="image"]:focus  {
    639654     background: linear-gradient(to bottom, #ffeadf 0%, #ffeadf 51%, #cfb6a8 52%, #cfb6a8 100%);