Changeset a39fb3d7


Ignore:
Timestamp:
Jul 26, 2017 10:03:08 PM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
ee1112cc
Parents:
0feb16d
Message:

I2PSnark:

  • Mitigate truncation of ratings dropdown in comments section (translations)
  • light: Reduce contrast of display text
  • light/classic: Increase contrast of download bars
  • Create Torrent trackers table: Replace "Tracker URL" with "Tracker Type" (ticket #1996)
  • Add a persistent warning to the messagelog when JavaScript? is disabled to indicate potential loss of form data upon refresh (ticket #1996)
  • Migrate "view or change bandwidth" to [Configure] tooltip to standardize configuration links, allow for more space for option labels and lessen chance of option labels wrapping in translations
Files:
8 edited

Legend:

Unmodified
Added
Removed
  • apps/i2psnark/java/src/org/klomp/snark/web/I2PSnarkServlet.java

    r0feb16d ra39fb3d7  
    396396        if (!msgs.isEmpty()) {
    397397            out.write("\n<div class=\"snarkMessages\" tabindex=\"0\">");
    398             out.write("<a href=\"" + _contextPath + '/');
     398            out.write("<a id=\"closeLog\" href=\"" + _contextPath + '/');
    399399            if (isConfigure)
    400400                out.write("configure");
     
    408408            out.write("</a>" +
    409409                      "\n<ul>\n");
     410            out.write("<noscript><li class=\"noscriptWarning\">Warning! Javascript is disabled in your browser. If <a href=\"configure\">page refresh</a> is enabled, ");
     411            out.write("you will lose any input in the add/create torrent sections when a refresh occurs.</li></noscript>");
    410412            for (int i = msgs.size()-1; i >= 0; i--) {
    411413                String msg = msgs.get(i);
     
    22032205        out.write("<tr><td>\n");
    22042206        out.write(_t("Trackers"));
    2205         out.write(":<td><table id=\"trackerselect\" style=\"width: 30%;\"><tr><td></td><td align=\"center\">");
     2207        out.write(":<td><table id=\"trackerselect\"><tr><td>Name</td><td align=\"center\">");
    22062208        out.write(_t("Primary"));
    22072209        out.write("</td><td align=\"center\">");
    22082210        out.write(_t("Alternates"));
    22092211        out.write("</td><td>");
    2210         out.write(_t("Tracker URL"));
     2212        out.write(_t("Tracker Type"));
    22112213        out.write("</td></tr>\n");
    22122214
    22132215        for (Tracker t : sortedTrackers) {
     2216            List<String> openTrackers = _manager.util().getOpenTrackers();
     2217            List<String> privateTrackers = _manager.getPrivateTrackers();
     2218            boolean isPrivate = privateTrackers.contains(t.announceURL);
     2219            boolean isKnownOpen = _manager.util().isKnownOpenTracker(t.announceURL);
     2220            boolean isOpen = isKnownOpen || openTrackers.contains(t.announceURL);
    22142221            String name = t.name;
    22152222            String announceURL = t.announceURL.replace("&#61;", "=");
    22162223            String homeURL = t.baseURL;
    2217             out.write("<tr><td>");
     2224            out.write("<tr><td><span class=\"trackerName\">");
    22182225            out.write(name);
    2219             out.write("</td><td align=\"center\"><input type=\"radio\" name=\"announceURL\" value=\"");
     2226            out.write("</span></td><td align=\"center\"><input type=\"radio\" name=\"announceURL\" value=\"");
    22202227            out.write(announceURL);
    22212228            out.write("\"");
     
    22242231            out.write("></td><td align=\"center\"><input type=\"checkbox\" name=\"backup_");
    22252232            out.write(announceURL);
    2226             out.write("\" value=\"foo\"></td><td><a href=\"");
    2227             out.write(homeURL);
    2228             out.write("\">");
    2229             out.write(homeURL);
    2230             out.write("</a></td></tr>\n");
    2231         }
    2232         out.write("<tr><td><i>");
     2233            out.write("\" value=\"foo\"></td><td>");
     2234
     2235            if (!(isOpen || isPrivate))
     2236                out.write(_t("Standard"));
     2237            if (isOpen)
     2238                out.write(_t("Open"));
     2239            if (isPrivate) {
     2240                out.write(_t("Private"));
     2241            }
     2242        }
     2243        out.write("</td></tr><tr><td><i>");
    22332244        out.write(_t("none"));
    22342245        out.write("</i></td><td align=\"center\"><input type=\"radio\" name=\"announceURL\" value=\"none\"");
     
    24202431        out.write(_t("Half available bandwidth recommended."));
    24212432        if (_context.isRouterContext()) {
    2422             out.write("</i> <a href=\"/config.jsp\" target=\"blank\">[");
     2433            out.write("</i> <a href=\"/config.jsp\" target=\"blank\" title=\"");
    24232434            out.write(_t("View or change router bandwidth"));
     2435            out.write("\">[");
     2436            out.write(_t("Configure"));
    24242437            out.write("]</a>");
    24252438        }
  • history.txt

    r0feb16d ra39fb3d7  
     12017-07-26 str4d
     2 * I2PSnark:
     3   - Mitigate truncation of ratings dropdown in comments section (translations)
     4   - light: Reduce contrast of display text
     5   - light/classic: Increase contrast of download bars
     6   - Create Torrent trackers table: Replace "Tracker URL" with "Tracker Type"
     7     (ticket #1996)
     8   - Add a persistent warning to the messagelog when JavaScript is disabled to
     9     indicate potential loss of form data upon refresh (ticket #1996)
     10   - Migrate "view or change bandwidth" to [Configure] tooltip to standardize
     11     configuration links, allow for more space for option labels and lessen
     12     chance of option labels wrapping in translations
     13
    1142017-07-25 str4d
    215 * Console: Move JRobin default color and font changes into SummaryRenderer
     
    2134     chance of text-wrapping (ticket #1996)
    2235   - classic: Fix a linespacing issue in the config section (options:) that only
    23      triggers in foreign languages that force the options td to wrap
     36     triggers in foreign languages that force the options labels to wrap
    2437 * Fix HTML tags across non-default conditional branches
    2538
  • installer/resources/themes/snark/classic/snark.css

    r0feb16d ra39fb3d7  
    176176     overflow: hidden;
    177177     width: auto;
    178      height: 53px;
     178     height: 56px;
    179179     margin: 0;
    180180     padding: 3px 5px;
     
    203203.snarkMessages li {
    204204     margin-left: -15px;
    205      font: normal 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
     205     font: bold 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
     206     color: #2c354f;
     207     opacity: 0.95;
    206208}
    207209
     
    209211     content: "";
    210212     display: inline-block;
    211      background: url(images/bullet.png) left bottom no-repeat;
     213     background: url(images/bullet.png) 1px bottom no-repeat;
    212214     width: 13px;
    213215     height: 11px;
     216     margin: 1px 2px 0 1px;
    214217     background-size: 9px 9px;
     218     opacity: 0.7;
    215219}
    216220
     
    318322}
    319323
     324.snarkTorrents img {
     325     margin: 0 !important;
     326     padding: 0 !important;
     327}
     328
    320329#totals {
    321330     margin-left: 3px;
     
    351360.snarkGraphicStatus {
    352361     width: 24px !important;
     362}
     363
     364.snarkGraphicStatus img {
     365     margin-top: 2px !important;
     366     margin-bottom: 2px !important;
    353367}
    354368
     
    523537.snarkTorrents td[colspan="10"] {
    524538     padding: 4px 2px !important;
    525 }
    526 
    527 .snarkTorrents img {
    528      margin: 0 !important;
    529      padding: 0 !important;
    530539}
    531540
     
    794803
    795804.snarkTorrentName {
    796      line-height: 90%;
     805     line-height: 110%;
    797806     padding: 0;
    798807}
     
    929938
    930939tr:hover .percentBarText {
    931      opacity: 0.75;
     940     opacity: 0.85;
    932941}
    933942
     
    10401049     height: 14px;
    10411050     background: #bbf;
    1042      background: linear-gradient(to bottom, #fff 0%, #eef 50%, #ddf 50%, #bbf 100%);
     1051     background: linear-gradient(to bottom, #fff 0%, #eef 50%, #bbf 50%, #99f 100%);
    10431052     box-shadow: inset 0 0 0 1px #ddf;
    10441053     opacity: 0.8;
     
    11041113     font-weight: normal;
    11051114     background: url(images/infocircle.png) left 10px center no-repeat;
    1106      background-size: 14px auto;
    1107      padding-left: 30px;
     1115     background-size: 13px auto;
     1116     padding-left: 26px;
    11081117}
    11091118
     
    11221131
    11231132.snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover {
    1124      font-size: 13pt;
     1133     font-size: 12pt;
    11251134     font-weight: bold;
    11261135     font-variant: small-caps !important;
     
    11421151     display: inline-block;
    11431152     width: 100%;
     1153     margin-bottom: -1px;
    11441154}
    11451155
     
    11591169
    11601170.snarkConfigTitle img, label.toggleview img {
    1161      margin-right: -2px;
     1171     margin-right: -1px;
    11621172     margin-top: -2px;
    11631173}
     
    16461656     padding: 5px 10px;
    16471657     border-bottom: 1px solid #89f;
     1658     font-weight: bold !important;
    16481659}
    16491660
     
    16521663}
    16531664
    1654 #trackerselect td:first-child {
    1655      width: 20%;
     1665#trackerselect td:first-child, #trackerselect td:last-child {
     1666     width: 40%;
    16561667     font-weight: normal;
    1657 }
    1658 
    1659 #trackerselect td:nth-child(4) {
    1660      width: 70%;
    16611668}
    16621669
     
    18981905
    18991906code {
    1900      font: bold 9pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
     1907     font: bold 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
    19011908     padding: 0 2px;
    19021909     color: #050;
     
    22252232#configs td:first-child {
    22262233     min-width: 180px !important;
     2234     width: 25%;
    22272235     padding-left: 15px !important;
    22282236}
     
    26272635
    26282636@media screen and (min-width: 1100px) {
    2629 body, th, td, table a, input, input[type="text"], input.r, input[name="nofilter_dataDir"], select, textarea, textarea[name="i2cpOpts"], .snarkAddInfo, code, .snarkMessages li {
     2637body, th, td, table a, input, input[type="text"], input.r, input[name="nofilter_dataDir"], select, textarea, textarea[name="i2cpOpts"], .snarkAddInfo {
    26302638     font-size: 9pt !important;
    26312639}
     
    26492657
    26502658@media screen and (min-width: 1400px) {
    2651 body, th, td, table a, input, input[type="text"], input.r, input[name="nofilter_dataDir"], select, textarea, textarea[name="i2cpOpts"], .snarkAddInfo, code, .snarkCommentInfo textarea {
     2659body, th, td, table a, input, input[type="text"], input.r, input[name="nofilter_dataDir"], select, textarea, textarea[name="i2cpOpts"], .snarkAddInfo, .snarkCommentInfo textarea {
    26522660     font-size: 10pt !important;
    26532661}
    26542662
    2655 .snarkMessages li, .snarkTorrents tt {
    2656      font-size: 8pt !important;
     2663code, .snarkTorrents tt, #ourDest tt {
     2664     font-size: 9pt;
    26572665}
    26582666
  • installer/resources/themes/snark/dark/snark.css

    r0feb16d ra39fb3d7  
    33
    44html {
    5      height: 100%;
     5     min-height: 100%;
    66}
    77
     
    1818body {
    1919     background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.7)),
    20      url(/themes/console/dark/images/camotile2.png) top left,
     20     url(/themes/console/dark/images/camotile2.png) top left fixed,
    2121     url(images/button_snark_hover.png) no-repeat,
    2222     url(images/button_snark_active.png) no-repeat,
     
    114114     text-transform: uppercase !important;
    115115     letter-spacing: 0.1em;
    116      margin: 0 -1px !important;
     116     margin: 0 -2px !important;
    117117     padding: 5px 7px 5px 22px !important;
    118118     color: #3f3;
     
    123123     filter: drop-shadow(0 0 1px #000);
    124124     opacity: 0.7;
     125     position: relative;
    125126}
    126127
     
    129130     background-position: 7px center !important;
    130131     background-repeat: no-repeat, repeat !important;
     132}
     133
     134.snarkNav:hover, .snarkNav:focus {
     135     z-index: 10;
    131136}
    132137
     
    225230     resize: none;
    226231     color: #69f;
    227      height: 54px;
     232     height: 56px;
    228233     width: auto;
    229234     background: #000 url(images/hat.png) no-repeat scroll right bottom;
     
    262267}
    263268
     269.snarkMessages li, .snarkMessages li a, .snarkTorrents tt, #ourDest tt {
     270     font-size: 8pt !important;
     271     font-weight: bold;
     272}
     273
    264274.snarkMessages li {
    265275     margin-left: -15px;
     
    269279     content: "";
    270280     display: inline-block;
    271      background: url(images/bullet.png) left bottom no-repeat;
    272      width: 14px;
     281     background: url(images/bullet.png) 2px bottom no-repeat;
     282     width: 16px;
    273283     height: 11px;
    274284     background-size: 9px 9px;
     
    484494     display: inline-block;
    485495     line-height: 120%;
     496     letter-spacing: 0.1em;
    486497}
    487498
     
    765776}
    766777
    767 .snarkTorrents tr:hover, .snarkDirInfo tr:hover {
     778.snarkTorrents tr:hover, .snarkDirInfo tr:hover, #trackerselect tr:nth-child(n+2):hover {
    768779     background: #030 !important;
    769780}
     
    9941005     display: inline-block;
    9951006     margin: 0 0 -3px !important;
    996      min-width: 260px;
     1007     min-width: 300px;
    9971008     box-shadow: inset 0 0 0 1px #000, 0 1px 1px #000;
     1009}
     1010
     1011.toggleview {
     1012     padding-bottom: 4px !important;
    9981013}
    9991014
     
    10151030     display: inline-block;
    10161031     width: 100%;
     1032     padding-bottom: 1px !important;
    10171033}
    10181034
     
    15011517}
    15021518
     1519/* newtorrent tracker selection */
     1520
    15031521#trackerselect {
    15041522     border: 1px solid #131;
     
    15321550
    15331551#trackerselect tr:first-child td {
    1534      padding: 3px 5px 3px 20px;
     1552     font-weight: bold;
     1553     color: #ee9 !important;
    15351554}
    15361555
    15371556#trackerselect td {
    1538      padding: 5px 5px 5px 20px;
    1539 }
    1540 
    1541 #trackerselect td:first-child {
    1542      width: 20%;
     1557     padding: 5px;
     1558     text-align: center;
     1559     color: #bb7 !important;
     1560}
     1561
     1562#trackerselect tr:nth-child(n+2):hover td {
     1563     color: #ee9 !important;
     1564}
     1565
     1566#trackerselect td:first-child, #trackerselect td:last-child {
     1567     width: 40%;
    15431568     font-weight: normal;
    1544 }
    1545 
    1546 #trackerselect td:nth-child(4) {
    1547      width: 70%;
    15481569}
    15491570
     
    15591580}
    15601581
     1582/* end newtorrent tracker selection */
     1583
    15611584.configsectionpanel td:first-child {
    15621585     padding-right: 10px !important;
     
    15691592}
    15701593
    1571 .trackerconfig th, .trackerselect th {
     1594.trackerconfig th, #trackerselect tr:first-child td {
    15721595     padding-top: 7px;
    15731596     padding-bottom: 7px;
     
    16671690     padding-left: 15px !important;
    16681691     line-height: 80%;
     1692     width: 25%;
    16691693}
    16701694
     
    26692693
    26702694.snarkConfigTitle, .toggleview {
    2671      min-width: 300px !important;
     2695     min-width: 340px !important;
    26722696     padding-top: 4px;
    26732697}
     
    26782702
    26792703.snarkConfigTitle a {
    2680      margin-bottom: 1px !important;
    2681 }
    2682 
    2683 tt, .snarkTorrents tt, .snarkMessages, .snarkMessages a {
    2684      font-size: 9pt !important;
     2704     padding-bottom: 2px !important;
    26852705}
    26862706
     
    27452765     margin-left: 0;
    27462766     margin-right: 0;
     2767}
     2768}
     2769
     2770@media screen and (min-width: 1600px) {
     2771.snarkMessages li, .snarkMessages li a, .snarkTorrents tt, #ourDest tt, tt {
     2772     font-size: 9pt !important
     2773}
     2774
     2775tt, .snarkTorrents tt, .snarkMessages, .snarkMessages a {
     2776     font-size: 9pt !important;
    27472777}
    27482778}
  • installer/resources/themes/snark/light/snark.css

    r0feb16d ra39fb3d7  
    55
    66body {
    7      color: #272e3f;
     7     color: #31334f;
    88     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    99     background: #a4a4cb url(/themes/console/light/images/tile2.png) center top fixed;
     
    3939}
    4040
     41b {
     42     color: #41465f;
     43}
     44
    4145* {
    4246     outline: none !important;
     47}
     48
     49::selection {
     50     background: #27377f !important;
     51     color: white;
     52     text-shadow: none;
     53}
     54
     55::-moz-selection {
     56     background: #27377f !important;
     57     color: white;
     58     text-shadow: none;
    4359}
    4460
     
    4965}
    5066
    51 a:focus img, input[type="image"]:focus, a.control:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus,
    52 input[type="text"]:focus, input.r:focus, input[name="nofilter_dataDir"]:focus, textarea:focus {
    53      filter: drop-shadow(0 0 1px #6f072b) !important;
     67a:focus img, input[type="image"]:focus {
     68     filter: drop-shadow(0 0 1px #f60) !important;
    5469}
    5570
     
    6075
    6176.page {
    62      color: #310;
    6377     min-width: 900px !important;
    6478     margin: 5px 0 0 0;
     
    86100.snarknavbar {
    87101     margin: 0 auto -6px !important;
    88      padding: 8px 10px;
     102     padding: 8px 10px 7px;
    89103     border: 1px solid #7778bf;
    90104     box-shadow: inset 0 0 0 1px #fff;
     
    94108     width: calc(100% - 22px);
    95109     text-align: center;
    96      background: linear-gradient(to bottom, #fff 50%, #eef 51%, #eef 100%);
     110     background: linear-gradient(to bottom, #fafaff 50%, #eef 51%, #eef 100%);
    97111     position: sticky;
    98112     top: -1px;
     
    102116.iframed .snarknavbar {
    103117     margin: -6px 0 -6px !important;
     118     padding-top: 7px;
     119     padding-bottom: 6px;
    104120     border-radius: 0;
    105121     border: none;
     
    107123     box-shadow: none;
    108124     position: static;
     125     background: linear-gradient(to bottom, #fcfcff 51%, #f8f8ff 51%, #f2f2ff 100%);
    109126}
    110127
     
    113130     text-transform: uppercase !important;
    114131     padding: 4px 10px 4px 24px !important;
    115      margin-right: -2px !important;
     132     margin-right: -4px !important;
     133     line-height: 125%;
    116134     letter-spacing: 0.08em;
    117135     font-weight: bold;
     
    123141     display: inline-block;
    124142     outline: none;
    125      filter: drop-shadow(0 0 1px #ccc);
     143     filter: drop-shadow(0 0 1px #ccf);
     144     position: relative;
    126145}
    127146
     
    129148     background-size: 14px auto, 100% 100% !important;
    130149     background-position: 8px center;
     150}
     151
     152.snarkNav:hover, .snarkNav:focus {
     153     z-index: 999;
    131154}
    132155
     
    206229     overflow: hidden;
    207230     color: #339;
    208      height: 52px;
     231     height: 56px;
    209232     width: auto;
    210233     min-width: 810px;
     
    215238     box-shadow: inset 0 0 1px #fff;
    216239     background-size: auto 100%, 100% 100%;
     240     background-blend-mode: multiply;
    217241}
    218242
     
    241265
    242266.snarkMessages li {
    243      margin-left: -15px;
     267     margin-left: -18px;
     268     margin-right: -5px;
     269     padding: 1px 20px 0 5px;
    244270     line-height: 120%;
     271     font-weight: bold;
     272     background: rgba(255, 255, 255, 0.25);
     273     opacity: 0.9;
     274     mix-blend-mode: darken;
     275}
     276
     277.snarkMessages li:hover {
     278     opacity: 1;
     279     mix-blend-mode: multiply;
    245280}
    246281
     
    336371     border-bottom: 1px solid #7778bf;
    337372     background: #fff url(/themes/console/light/images/header.png) repeat-x scroll center center;
    338      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 51%, #eef 100%);
    339      background: linear-gradient(to bottom, #fff 50%, rgba(240,240,255,1));
    340      color: #31334f;
     373     background: linear-gradient(to bottom, #fafaff 50%, #eef 51%, #eef 100%);
     374     background: linear-gradient(to bottom, #fafaff 50%, rgba(240,240,255,1));
     375     color: #41465f;
    341376}
    342377
     
    367402     filter: drop-shadow(0 0 1px #bbb);
    368403     width: 12px;
    369      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 51%, #eef 100%);
     404     background: linear-gradient(to bottom, #fff 50%, #eef 51%, #eef 100%);
    370405     margin-right: -4px;
    371406}
     
    399434
    400435.ParentDir {
    401      background: #fff;
     436     background: #f8f8ff;
    402437     font-size: 8pt;
    403438     border: none;
     
    420455
    421456.snarkTorrents thead th {
    422      padding-top: 4px;
    423      padding-bottom: 4px;
     457     padding-top: 2px;
     458     padding-bottom: 2px;
    424459}
    425460
     
    446481
    447482.snarkTorrents tfoot tr:first-child th {
    448      padding: 5px 4px;
     483     padding: 5px 0 5px 4px;
    449484     background: #fff;
    450      background: linear-gradient(to bottom, #fff 50%, rgb(240, 240, 255)) #fff;
     485     background: linear-gradient(to bottom, #fafaff 50%, rgb(240, 240, 255)) #fafaff;
    451486     vertical-align: middle;
    452487     font-weight: bold;
    453488     font-style: normal !important;
    454      color: #31334f !important;
     489     color: #41465f !important;
    455490}
    456491
     
    483518}
    484519
    485 th.snarkTorrentStatus {
     520th.snarkGraphicStatus, th.snarkTorrentStatus {
    486521     text-align: center !important;
    487522}
     
    516551     display: inline-block;
    517552     width: 100%;
     553     word-break: break-all;
     554     line-height: 120%;
     555     margin: 1px 0;
     556     opacity: 0.85;
     557}
     558
     559tr:hover .snarkTorrentName a, tr:hover .snarkFileName a {
     560     opacity: 1;
    518561}
    519562
     
    546589     padding: 3px !important;
    547590     background: #339;
    548      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ddf 51%, #ddf 100%);
     591     background: linear-gradient(to bottom, #fff 50%, #ddf 51%);
    549592     border-radius: 2px;
    550593     border: 1px solid #89f;
     
    615658
    616659.snarkTorrents tt {
    617      background: #99f;
     660     background: #aaf;
    618661     color: #fff;
    619662     border-radius: 2px;
     
    621664     margin: 0 3px;
    622665     display: inline-block;
     666     letter-spacing: 0.1em;
     667     font-size: 8pt !important;
     668     text-shadow: 0 1px 1px #333;
    623669}
    624670
     
    641687td {
    642688     padding: 2px 4px;
    643      color: #272e3f !important;
     689     color: #31334f;
    644690     opacity: 1;
    645691     font-size: 9pt;
     
    647693
    648694.mainsection td {
    649      color: #272e3f;
    650 }
    651 
    652 .snarkTorrentEven {
     695     color: #31334f;
     696}
     697
     698.snarkTorrentEven, .snarkTorrentInfo tr:nth-child(even),
     699.snarkCommentInfo tr:nth-child(even), .snarkComments tr:nth-child(odd) {
    653700     background: #eef;
    654      background: repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(240, 240, 255, 0.3) 3px, #fff 5px) #fff;
    655 }
    656 
    657 .snarkTorrentOdd {
     701     background: repeating-linear-gradient(135deg, rgba(252,252,255,0.8) 2px, rgba(240, 240, 255, 0.8) 3px, #fafaff 5px) #fafaff;
     702}
     703
     704.snarkTorrentOdd, .snarkTorrentInfo tr:nth-child(odd),
     705.snarkCommentInfo tr:nth-child(odd), .snarkComments tr:nth-child(even) {
    658706     background: #e0e0ff;
    659      background: repeating-linear-gradient(45deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) #fff;
    660 }
    661 
    662 .snarkTorrentOdd td, .snarkTorrentEven td {
     707     background: repeating-linear-gradient(45deg, rgba(255,255,255,0.8) 2px, rgba(196, 196, 255, 0.3) 3px, #fafaff 5px) #fafaff;
     708}
     709
     710.snarkTorrentOdd td, .snarkTorrentEven td, .snarkCommentInfo tr, .snarkComments tr {
    663711     border-top: 1px solid #bbf !important;
    664712}
     
    667715     background: #ffd;
    668716     box-shadow: none !important;
    669      color: #0c111f !important;
    670 }
    671 
    672 .snarkTorrents tr:hover img {
    673      mix-blend-mode: normal;
     717     color: #292b2f !important;
     718}
     719
     720.snarkTorrents tr:hover td:nth-child(2) b {
     721     color: #363b4f !important;
    674722}
    675723
    676724tr:hover .percentBarText {
    677      opacity: 0.75;
     725     opacity: 1;
    678726}
    679727
     
    749797     height: 100%;
    750798     background: #bbf;
    751      background: linear-gradient(to bottom, rgba(255, 255, 255,0.6) 0%, rgba(238, 238, 255, 0.6) 50%, rgba(221, 221, 255, 0.7) 50%, rgba(187, 187, 255, 0.7) 100%);
     799     background: linear-gradient(to bottom, rgba(255, 255, 255,0.6) 0%, rgba(238, 238, 255, 0.6) 50%, rgba(200, 200, 255, 0.7) 50%, rgba(160, 160, 255, 0.7) 100%);
    752800     box-shadow: inset 0 0 0 1px #ddf;
    753801}
     
    770818     white-space: nowrap;
    771819     display: block;
    772      color: #005;
    773      text-shadow: 0 0 1px rgba(255,255,255,0.5);
     820     color: #00528f;
     821     text-shadow: 0 1px 1px rgba(255,255,255,0.8);
    774822     opacity: 0;
    775823     transition: ease opacity 0.2s;
     
    787835
    788836.percentBarText:hover, .percentBarText:focus {
    789      opacity: 0.75;
    790837     transition: ease opacity 0.2s;
    791838}
     
    825872     display: inline-block;
    826873     margin-top: 7px;
    827      background: url(images/infocircle.png) left center no-repeat;
    828      background-size: 16px auto;
     874     background: url(images/infocircle.png) left top no-repeat;
     875     background-size: 14px auto;
    829876     padding-left: 20px;
    830877     min-height: 16px;
     
    839886     display: inline-block;
    840887     width: 100%;
     888     margin-top: -1px;
    841889}
    842890
     
    853901     border: 1px solid #7778bf;
    854902     border-top: 0;
    855      background: #fff url("../../console/light/images/header.png") repeat-x scroll center center;
    856      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 51%, #eef 100%);
     903     background: #fff url(/themes/console/light/images/header.png) repeat-x scroll center center;
     904     background: linear-gradient(to bottom, #fff 50%, #eef 51%);
    857905     font-variant: small-caps !important;
    858      box-shadow: 0 1px 2px #ddd;
     906     box-shadow: 0 1px 2px #ccf;
    859907     display: inline-block;
    860908     min-width: 260px;
     
    869917.snarkConfigTitle, .snarkConfigTitle a, .toggleview,
    870918.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
    871      font-size: 14pt !important;
     919     font-size: 12pt !important;
    872920     padding: 3px 15px 4px;
     921}
     922
     923.snarkConfigTitle a {
     924     padding: 0 1px !important;
    873925}
    874926}
     
    885937.snarkConfigTitle:active, .toggleview:active {
    886938     color: #f30 !important;
    887      box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 3px 1px #555;
     939     box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 3px 1px #558;
    888940}
    889941
    890942.snarkConfigTitle img, .toggleview img {
    891      margin: -2px -3px 0 0;
     943     margin: -2px -1px 0 0;
    892944     vertical-align: middle;
    893 }
    894 
    895 .snarkConfigTitle:hover img, .toggleview:hover img, input.toggle_input:focus + .toggleview img, .snarkConfigTitle a:focus img {
     945     mix-blend-mode: luminosity;
     946}
     947
     948.addtorrentsection .toggleview img {
     949     margin-top: -1px;
     950}
     951
     952.toggleview:hover img, input.toggle_input:focus + .toggleview img,
     953.configsection .snarkConfigTitle a:focus img, .configsection .snarkConfigTitle:hover a img {
    896954     filter: drop-shadow(0 0 1px #f60) !important;
     955     mix-blend-mode: normal;
    897956}
    898957
     
    903962}
    904963
     964.configsectionpanel .snarkConfigTitle img, .configsectionpanel .snarkConfigTitle:hover img {
     965     mix-blend-mode: luminosity !important;
     966     filter: drop-shadow(0 0 1px #bbb);
     967}
     968
    905969.snarkConfigTitle {
    906970     color: #446;
     
    908972
    909973.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
    910      color: #31334f !important;
     974     color: #555875 !important;
    911975}
    912976
     
    930994.snarkTorrentInfo th {
    931995     text-align: left;
    932      padding: 6px 1px;
     996     padding: 7px 1px;
    933997}
    934998
    935999.snarkTorrentInfo th:first-child {
    936      background: url(images/file.png) center left 5px no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 51%, #eef 100%);
     1000     background: url(images/file.png) center left 5px no-repeat, linear-gradient(to bottom, #fafaff 50%, #eef 51%);
    9371001     background-size: 14px auto, 100% 100%;
     1002     background-blend-mode: luminosity, normal;
    9381003}
    9391004
    9401005.snarkTorrentInfo td {
    9411006     text-align: left !important;
    942      padding: 4px 0 4px 1px !important;
     1007     padding: 5px 0 5px 1px !important;
    9431008     border-top: 1px solid #bbf;
    9441009     vertical-align: middle;
     
    9471012.snarkTorrentInfo img {
    9481013     max-height: 16px;
    949 }
    950 
    951 .snarkTorrentInfo tr:nth-child(odd) {
    952      background: #e0e0ff;
    953      background: repeating-linear-gradient(45deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px);
    954 }
    955 
    956 .snarkTorrentInfo tr:nth-child(even) {
    957      background: #eef;
    958      background: repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(240, 240, 255, 0.3) 3px, #fff 5px);
     1014     mix-blend-mode: luminosity;
    9591015}
    9601016
     
    9741030     margin: 0 !important;
    9751031     padding: 0 2px !important;
    976 }
    977 
    978 table#trackerselect {
    979      width: 100% !important;
    980      border-collapse: separate;
    981      border-spacing: 5px;
    982      margin-bottom: 0;
    983 }
    984 
    985 #trackerselect tr:first-child td:last-child {
    986      width: 150px;
    987      display: inline-block;
    988      padding: 3px 5px;
    989 }
    990 
    991 #trackerselect tr:first-child td:nth-child(n+2) {
    992      border: 1px solid #7778bf !important;
    993      border-radius: 2px;
    994      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 51%, #eef 100%) #fff;
    995      box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc;
    996      white-space: nowrap;
    997      overflow: hidden;
    998      text-overflow: ellipsis;
    999 }
    1000 
    1001 #trackerselect td {
    1002      padding: 2px;
    1003 }
    1004 
    1005 #trackerselect td:first-child {
    1006      width: 100px !important;
    1007      white-space: nowrap;
    1008 }
    1009 
    1010 #trackerselect td:nth-child(2), #trackerselect td:nth-child(3) {
    1011 }
    1012 
    1013 #trackerselect td:last-child {
    1014      overflow: hidden;
    1015      text-overflow: ellispis;
    10161032}
    10171033
     
    10481064
    10491065input {
    1050      font-size: 9pt;
    1051      font-weight: bold;
     1066     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    10521067     text-align: left;
    10531068     padding: 4px !important;
     
    10551070     border: 1px solid #7778bf;
    10561071     background: #fff;
    1057      color: #272e3f;
     1072     color: #33333f;
    10581073     margin: 2px 4px 2px 0;
    1059      font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    10601074     box-shadow: inset 0 0 1px #fff, 0 0 1px #999;
    10611075}
     
    10651079     background: #fff;
    10661080     border: 1px solid #7778bf;
     1081     color: #33333f;
    10671082}
    10681083
     
    10701085     color: #227;
    10711086     background: #fff;
    1072      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ddf 50%, #ddf 100%);
     1087     background: linear-gradient(to bottom, #fff 50%, #ddf 50%);
    10731088     border: 1px solid #7778bf;
    1074      padding: 5px 8px !important;
    1075      font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     1089     padding: 6px 8px !important;
     1090     font: bold 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    10761091     margin: 6px 3px 6px 6px !important;
    10771092     border-radius: 2px;
     
    10791094     text-align: center;
    10801095     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ddd;
     1096     filter: drop-shadow(0px 0 1px #ccf);
    10811097}
    10821098
     
    10851101     border: 1px solid #559;
    10861102     background: #eef;
    1087      background: linear-gradient(#fff 0%, #fff 50%, #ffe8bf 50%, #efd9b3 100%);
     1103     background: linear-gradient(#fff 50%, #ffe8bf 50%, #efd9b3 100%);
    10881104     box-shadow: inset 0 0 0 1px #fff;
    10891105}
     
    11001116     font-weight: bold;
    11011117     margin: 6px 3px 6px 3px !important;
    1102      padding: 4px 8px 4px 5px !important;
     1118     padding: 5px 8px 5px 5px !important;
    11031119     white-space: nowrap;
    11041120     display: inline-block;
     
    11271143
    11281144thead img {
    1129      filter: hue-rotate(45deg) drop-shadow(0 0 1px #ddd);
     1145     filter: hue-rotate(45deg) contrast(120%) drop-shadow(0 0 1px #ddd);
    11301146}
    11311147
     
    11471163}
    11481164
     1165.addtorrentsection tr:first-child td > *, .newtorrentsection tr:first-child td > * {
     1166     vertical-align: middle;
     1167}
     1168
    11491169thead img.disable, img.disable:hover {
    11501170     opacity: 0.4;
     
    11531173input[type="text"]:focus, input.r:focus, textarea:focus, input[name="nofilter_dataDir"]:focus {
    11541174     background: #fff;
    1155      color: #009;
    1156      border: 1px solid #66f;
    1157      transition: ease filter 0.3s 0s;
    1158      box-shadow: none;
     1175     color: #19191f;
     1176     border: 1px solid #676c7f;
     1177     box-shadow: 0 0 1px #89f;
    11591178}
    11601179
    11611180input[type="text"], input.r, input[name="nofilter_dataDir"], textarea, select {
    11621181     min-width: 120px;
    1163      box-shadow: 1px 1px 1px #aaa inset, 0 0 0 1px #fff;
    1164      background: #efefff;
     1182     box-shadow: inset 1px 1px 1px rgba(204, 204, 204, 0.6);
     1183     background: #f8f8ff;
    11651184     padding: 5px 4px !important;
     1185     filter: drop-shadow(0px 0 1px #ccf);
     1186     color: #47475f;
    11661187}
    11671188
     
    11921213     box-shadow: none;
    11931214     background: none;
    1194 }
    1195 
    1196 input[type="checkbox"]:hover, input[type="radio"]:hover,
    1197 input[type="checkbox"]:focus, input[type="radio"]:focus {
     1215     filter: sepia(100%) hue-rotate(185deg) drop-shadow(0 0 1px #ccf);
     1216}
     1217
     1218input[type="radio"]:hover, input[type="checkbox"]:hover, input[type="radio"]:focus, input[type="checkbox"]:focus {
     1219     filter: sepia(100%) hue-rotate(185deg) drop-shadow(0 0 3px #89f);
    11981220     outline: none;
    1199      filter: drop-shadow(0 0 3px #89f);
    12001221}
    12011222
     
    12361257
    12371258select {
    1238      background: #efefff url(images/dropdown.png) right center no-repeat !important;
    1239      font: 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     1259     background: url(images/dropdown.png) right center no-repeat #f8f8ff !important;
     1260     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    12401261     font-weight: bold;
    12411262     padding: 5px 16px 5px 3px !important;
     
    12451266     -moz-appearance: none;
    12461267     -webkit-appearance: none;
    1247      color: #272e3f;
    1248 }
    1249 
    1250 select:focus {
    1251      color: #001 !important;
     1268     color: #41465f;
     1269}
     1270
     1271@media screen and (-webkit-min-device-pixel-ratio: 0) {
     1272select {
     1273     padding: 6px 16px 6px 6px !important;
     1274}
     1275}
     1276
     1277select:hover, select:focus {
     1278     color: #33333f !important;
    12521279     background: #fff url(images/dropdown.png) right center no-repeat !important;
    12531280     box-shadow: none;
     
    12591286
    12601287select[disabled], select[disabled]:hover {
    1261      background: #efefff url(images/dropdown.png) right center no-repeat !important;
     1288     background: #f8f8ff url(images/dropdown.png) right center no-repeat !important;
    12621289     opacity: 0.7;
    12631290     cursor: not-allowed;
     
    12691296
    12701297textarea {
    1271      color: #272e3f;
     1298     background: #f8f8ff;
     1299     color: #33333f;
    12721300     font-weight: bold;
    12731301     padding: 2px 4px;
     
    12891317img {
    12901318     border: none;
    1291      margin: 0 3px 1px 3px;
     1319     margin: 0 3px 0;
    12921320     vertical-align: middle;
    12931321     opacity: 1.0;
     
    13101338}
    13111339
     1340.snarkGraphicStatus img {
     1341     padding-top: 3px !important;
     1342     padding-bottom: 3px !important;
     1343}
     1344
    13121345.newtorrentsection td:first-child, .addtorrentsection td:first-child, .configsectionpanel td:first-child {
    13131346     width: auto !important;
     
    13171350.configsectionpanel td:first-child {
    13181351     padding-right: 5px;
    1319 }
    1320 
    1321 .configsectionpanel .snarkConfigTitle:hover img {
    1322      filter: drop-shadow(0 0 1px #999);
    13231352}
    13241353
     
    13481377     margin: 0 0 10px 0;
    13491378     background: #fff url(images/snark_create.png) no-repeat right center;
    1350      background: url(images/snark_create.png) no-repeat right center, linear-gradient(to bottom, #fff, #e0e0ef);
    1351      background: url(images/snark_create.png) no-repeat scroll right center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #fff), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 1) 3px, #fff 5px);
    1352      background-size: 80px 80px, 100%;
     1379     background: url(images/snark_create.png) no-repeat right center, linear-gradient(to bottom, #fafaff, #e0e0ef);
     1380     background: url(images/snark_create.png) no-repeat scroll right center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #fafaff), repeating-linear-gradient(135deg, #fff 2px, rgba(221, 221, 255, 1) 3px, #fafaff 5px);
     1381     background-size: 80px 80px, 100% 100%;
    13531382}
    13541383
    13551384.addtorrentsection {
    13561385     margin: 10px 0;
    1357      background: #fff url(images/snark_add.png) no-repeat right center;
    1358      background: url(images/snark_add.png) no-repeat 99% center, linear-gradient(to bottom, #fff, #e0e0ef);
    1359      background: url(images/snark_add.png) no-repeat scroll right center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #fff), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 1) 3px, #fff 5px);
    1360      background-size: 61px 61px, 100%;
     1386     background: #fff url(images/snark_add.png) no-repeat right 15px center;
     1387     background: url(images/snark_add.png) no-repeat right 15px center, linear-gradient(to bottom, #fafaff, #e0e0ef);
     1388     background: url(images/snark_add.png) no-repeat scroll right 15px center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #fafaff), repeating-linear-gradient(135deg, #fff 2px, rgba(221, 221, 255, 1) 3px, #fafaff 5px);
     1389     background-size: 61px 61px, 100% 100%;
    13611390}
    13621391
     
    13641393     margin: 0;
    13651394     padding-bottom: 13px;
    1366      background: #fff url(images/configuration.png) 102% center no-repeat;
    1367      background: url(images/configuration.png) 102% center no-repeat, linear-gradient(to bottom, #fff, #e0e0ef);
    1368      background: url(images/configuration.png) no-repeat scroll right center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #fff), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 1) 3px, #fff 5px);
    1369      background-size: 84px 82px, 100%;
     1395     background: #fff url(images/configuration.png) right -25px center no-repeat;
     1396     background: url(images/configuration.png) right -25px center no-repeat, linear-gradient(to bottom, #fafaff, #e0e0ef);
     1397     background: url(images/configuration.png) no-repeat scroll right -25px center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #fafaff), repeating-linear-gradient(135deg, #fff 2px, rgba(221, 221, 255, 1) 3px, #fafaff 5px);
     1398     background-size: 84px 82px, 100% 100%;
    13701399}
    13711400
     
    13731402     margin: -12px 0 0;
    13741403     background: #fff url(images/configuration.png) no-repeat scroll right center;
    1375      background: url(images/configuration.png) no-repeat scroll right center, linear-gradient(to bottom, #fff, #e0e0ef);
    1376      background: url(images/configuration.png) no-repeat scroll right center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #efefff 55px, #fff), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 1) 3px, #efefef 5px);
     1404     background: url(images/configuration.png) no-repeat scroll right center, linear-gradient(to bottom, #fafaff, #e0e0ef);
     1405     background: url(images/configuration.png) no-repeat scroll right center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #efefff 55px, #fafaff), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 1) 3px, #efefef 5px);
    13771406     background-size: 84px 82px, 100% 100%, 100% 100%;
    13781407}
     
    14061435}
    14071436
    1408 .newtorrentsection form, .configsection form, .addtorrentsection form {
    1409      color: #001 !important;
    1410 }
    1411 
    14121437.newtorrentsection table, .addtorrentsection table {
    14131438     margin-top: -5px;
     
    14191444}
    14201445
     1446/* new torrent -> tracker select */
     1447
    14211448#trackerselect {
    1422      margin-top: 0;
    1423 }
    1424 
    1425 #trackerselect tr:first-child {
     1449     width: 80% !important;
     1450     margin: 2px 0 0;
     1451     padding: 3px;
     1452     background: #f8f8ff;
     1453     background: linear-gradient(to bottom, #fafaff, #f2f2ff);
     1454     border-collapse: separate;
     1455     border-spacing: 5px;
     1456     border: 1px solid #7778bf;
     1457     border-radius: 2px;
     1458     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccf;
     1459}
     1460
     1461#trackerselect tr:first-child td {
     1462     border: 1px solid #9fa5ff !important;
     1463     border-radius: 2px;
     1464     background: linear-gradient(to right, #eef, #fafaff 30%, #fafaff 70%, #eef) #fafaff;
     1465     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc;
     1466     white-space: nowrap;
     1467     overflow: hidden;
     1468     text-overflow: ellipsis;
    14261469     font-weight: bold;
     1470     text-align: center;
     1471}
     1472
     1473#trackerselect td {
     1474     padding: 2px;
     1475     text-align: center;
    14271476}
    14281477
    14291478#trackerselect td:first-child {
     1479     white-space: nowrap;
     1480}
     1481
     1482#trackerselect td:last-child {
     1483     overflow: hidden;
     1484     text-overflow: ellispis;
     1485}
     1486
     1487#trackerselect td:first-child, #trackerselect td:last-child {
    14301488     font-weight: normal;
    1431 }
     1489     width: 30% !important;
     1490}
     1491
     1492#trackerselect tr:nth-child(n+2):hover td {
     1493     background: #ffd;
     1494     color: #19191f !important;
     1495     border-radius: 6px !important;
     1496}
     1497
     1498#trackerselect tr:hover td:first-child {
     1499     border-radius: 3px 0 0 3px;
     1500}
     1501
     1502#trackerselect tr:hover td:last-child {
     1503     border-radius: 0 3px 3px 0;
     1504}
     1505
     1506/* end new torrent -> tracker select */
    14321507
    14331508.configsection a {
     
    14571532     border-radius: 2px 0 0 2px;
    14581533     border-left: 1px solid #339;
    1459      background: url(/themes/snark/ubergine/images/nuke.png) center right 8px no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 51%, #eef 100%);
     1534     background: url(/themes/snark/ubergine/images/nuke.png) center right 8px no-repeat, linear-gradient(to bottom, #fff 50%, #eef 51%, #eef 100%);
    14601535}
    14611536
     
    15411616     padding: 5px 4px !important;
    15421617     word-spacing: 0em !important;
     1618}
     1619
     1620.peerinfo td[colspan="4"] {
     1621     padding-left: 0 !important;
    15431622}
    15441623
     
    16031682
    16041683#dhtdebugPanel {
    1605      background: linear-gradient(to top, rgba(224, 224, 255, 0.5), #fff), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.5) 2px, rgb(221, 221, 255) 3px, #fff 5px);
     1684     background: linear-gradient(to top, rgba(224, 224, 255, 0.5), #fafaff), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.5) 2px, rgb(221, 221, 255) 3px, #fff 5px);
    16061685     box-shadow: inset 0 0 0 1px #efefff;
    16071686     border: 1px solid #7778bf;
     
    17851864#configs td:first-child {
    17861865     min-width: 220px !important;
     1866     width: 30% !important;
    17871867     font-weight: bold;
     1868     color: #41465f;
    17881869}
    17891870
     
    18711952}
    18721953
    1873 .snarkCommentInfo tr:nth-child(even), .snarkComments tr:nth-child(odd) {
    1874      border-top: 1px solid #bbf;
    1875      background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.5) 2px, rgba(240, 240, 255, 0.3) 3px, #fff 5px) #fff;
    1876 }
    1877 
    1878 .snarkCommentInfo tr:nth-child(odd), .snarkComments tr:nth-child(even) {
    1879      border-top: 1px solid #bbf;
    1880      background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) #fff;
    1881 }
    1882 
    18831954.snarkCommentInfo th {
    18841955     padding: 8px 5px;
     
    18971968.snarkCommentInfo td:first-child {
    18981969     font-weight: bold;
     1970     color: #41465f;
    18991971     white-space: nowrap;
    19001972}
     
    19151987     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif !important;
    19161988     font-weight: normal;
     1989     font-size: 10pt;
    19171990     width: 100%;
    19181991     min-height: 64px;
     
    20292102
    20302103#newRating select {
    2031      width: 90%;
    2032      margin-left: 10px;
     2104     width: 99%;
     2105     margin-left: 2px;
     2106     text-overflow: ellipsis;
    20332107}
    20342108
     
    20542128/* end Comments section */
    20552129
     2130/* custom radios/checkboxes for chrome/blink  */
     2131
     2132@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution:.001dpcm) {
     2133input[type="checkbox"], input[type="checkbox"]:checked, input[type="checkbox"][disabled], input[type="checkbox"][disabled]:checked {
     2134     background: #f8f8ff;
     2135     width: 19px;
     2136     height: 19px;
     2137     box-shadow: inset 1px 1px 1px rgba(204, 204, 204, 0.6);
     2138     border-radius: 2px;
     2139     -webkit-appearance: inherit;
     2140     border: 1px solid #7778bf !important;
     2141     position: relative;
     2142     box-sizing: border-box;
     2143     filter: drop-shadow(0 0 1px #ccf);
     2144}
     2145
     2146input[type="checkbox"]:checked::before {
     2147     position: absolute;
     2148     top: 1px;
     2149     left: 1px;
     2150     content: "\2714";
     2151     border-radius: 1px;
     2152     font-size: 15pt;
     2153     color: #41465f;
     2154     line-height: 80%;
     2155     font-family: sans-serif;
     2156     overflow: hidden;
     2157     width: 16px;
     2158     height: 16px;
     2159}
     2160
     2161input[type="radio"], input[type="radio"]:checked, input[type="radio"][disabled], input[type="radio"][disabled]:checked {
     2162     background: #f8f8ff;
     2163     width: 19px;
     2164     height: 19px;
     2165     box-shadow: inset 0 0 2px #7778bf;
     2166     border-radius: 50%;
     2167     -webkit-appearance: none;
     2168     border: 1px solid #7778bf !important;
     2169     position: relative;
     2170     box-sizing: border-box;
     2171     filter: drop-shadow(0 0 1px #ccf);
     2172}
     2173
     2174input[type="radio"]:checked::before {
     2175     content: "";
     2176     position: absolute;
     2177     border-radius: 50%;
     2178     left: 25%;
     2179     top: 25%;
     2180     width: 9px;
     2181     height: 9px;
     2182     background: #41465f;
     2183}
     2184
     2185input[type="checkbox"]:hover, input[type="radio"]:hover, input[type="checkbox"]:focus, input[type="radio"]:focus {
     2186     background: #fff;
     2187     filter: drop-shadow(0 0 3px #89f) !important;
     2188}
     2189
     2190input[type="checkbox"][disabled], input[type="radio"][disabled], input[type="checkbox"][disabled]:hover, input[type="radio"][disabled]:hover,
     2191input[type="checkbox"][disabled]:checked, input[type="radio"][disabled]:checked, input[type="checkbox"][disabled]:checked:hover, input[type="radio"][disabled]:checked:hover,
     2192.knownTracker input[type="radio"]:hover, .knownTracker input[type="radio"]:checked:hover, .knownTracker input[type="radio"][disabled]:hover, .knownTracker input[type="radio"][disabled]:checked:hover {
     2193     filter: none !important;
     2194     box-shadow: none !important;
     2195     opacity: 0.5;
     2196}
     2197
     2198.priority input[type="radio"] {
     2199     transform: scale(0.8);
     2200}
     2201
     2202input.toggle_input, input.toggle_input:checked { /* hide checkbox and use label as faux panel heading */
     2203      position: absolute;
     2204      height: 0 !important;
     2205      width: 0 !important;
     2206}
     2207}
     2208
     2209/* end custom radios/checkboxes */
     2210
    20562211/* MS Edge 14+ rendering bug fix */
    20572212_:-ms-lang(x), *, *:hover, *:focus, input, input:hover, input:focus, a:hover, a:focus {
     
    22612416
    22622417@media screen and (min-width: 1400px) {
    2263 body, td, button, input, select, .snarkAddInfo, code, tt, th, a, a:link, textarea, .snarkCommentInfo textarea {
     2418body, .snarkAddInfo, .snarkCommentInfo textarea {
    22642419     font-size: 10pt !important;
    22652420}
    22662421
     2422code, tt {
     2423     font-size: 9pt !important;
     2424}
     2425
    22672426.snarkMessages li, .snarkMessages a {
    2268      font-size: 9pt !important;
     2427     font-size: 8pt !important;
    22692428     line-height: 130%;
    22702429}
     
    23012460.snarkConfigTitle, .toggleview, .configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
    23022461     font-size: 12pt !important;
    2303      padding: 4px 1px !important;
     2462     padding: 4px 1px 5px !important;
    23042463     min-width: 300px;
    23052464}
     
    23272486     padding-bottom: 4px !important;
    23282487}
    2329 /*
    2330 .debugConnection {
    2331      background: #337;
    2332      border-radius: 2px;
    2333      padding: 2px 4px;
    2334      color: #fff;
    2335      margin-top: 2px;
    2336      margin-bottom: 2px;
     2488}
     2489
     2490@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1400px) {
     2491.toggleview, .configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
     2492     font-size: 12.5pt !important;
     2493     padding: 4px 1px 4px !important;
     2494     min-width: 300px;
     2495}
     2496
     2497.snarkConfigTitle a {
     2498     font-size: 12.5pt !important;
     2499     margin-top: 0 !important;
     2500}
     2501}
     2502
     2503@media screen and (min-width: 1600px) {
     2504.snarkMessages li, .snarkMessages a, .snarkTorrents tt {
    23372505     font-size: 9pt !important;
    2338      display: inline-block;
    2339 }
    2340 */
    2341 }
    2342 
    2343 @media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1400px) {
    2344 .snarkConfigTitle a, .toggleview,
    2345 .configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
    2346      font-size: 14pt !important;
    2347      padding: 3px 1px 4px !important;
    2348      min-width: 300px;
     2506}
     2507
     2508a, a:link, th, td, button, input, select, textarea {
     2509     font-size: 10pt !important;
     2510}
     2511
     2512.snarkConfigTitle a {
     2513     font-size: 12.5pt !important;
    23492514}
    23502515}
  • installer/resources/themes/snark/midnight/snark.css

    r0feb16d ra39fb3d7  
    261261}
    262262
     263.snarkMessages li, .snarkMessages a {
     264     font-weight: bold;
     265     font-size: 8pt !important;
     266}
     267
    263268.snarkMessages img {
    264269     float: right;
     
    277282}
    278283
    279 .snarkMessages img:hover, .snarkMessages img:focus {
     284.snarkMessages img:hover, .snarkMessages img:focus, .closeLog img:hover, .closeLog img:focus {
    280285     mix-blend-mode: normal !important;
    281286     border: 1px solid #443da0 !important;
     
    433438}
    434439
    435 .snarkTorrents tfoot th::first-line {
    436      font-weight: bold;
     440.snarkTorrents tfoot tr:first-child th {
     441     font-weight: bold !important;
     442     color: #c9ceff !important;
    437443}
    438444
     
    11161122     font-variant: small-caps !important;
    11171123     display: inline-block;
    1118      min-width: 260px;
     1124     min-width: 300px;
    11191125     margin: -1px 0 -5px 0;
    1120      padding: 3px 1px 3px 1px;
     1126     padding: 4px 1px 4px 1px;
    11211127     text-align: center !important;
    11221128     letter-spacing: .15em;
     
    11261132     box-shadow: inset 0 0 0 1px #000;
    11271133     text-shadow: 0 0 1px #000;
     1134}
     1135
     1136.toggleview {
     1137     padding: 3px 1px 5px 1px;
     1138}
     1139
     1140.snarkConfigTitle a {
     1141     display: inline-block;
     1142     margin-top: -1px;
    11281143}
    11291144
     
    16051620     width: 100% !important;
    16061621     width: calc(100% - 150px) !important;
    1607      margin: 2px 5px 0 5px;
     1622     margin: 8px 5px 4px 5px;
    16081623     border: 1px solid #120f35;
    16091624}
     
    16261641}
    16271642
    1628 #trackerselect tr:first-child {
     1643#trackerselect tr:first-child td {
    16291644     font-weight: bold;
    16301645     border-bottom: 1px solid #120f35;
     
    16331648
    16341649#trackerselect tr:first-child td {
    1635      padding: 3px 5px 3px 20px;
     1650     padding: 7px 5px 7px 20px;
    16361651}
    16371652
     
    16411656}
    16421657
    1643 #trackerselect td:first-child {
    1644      width: 20%;
     1658#trackerselect td:first-child, #trackerselect td:last-child {
     1659     width: 40%;
    16451660     font-weight: normal;
    1646 }
    1647 
    1648 #trackerselect td:nth-child(4) {
    1649      width: 70%;
    16501661}
    16511662
     
    17901801#configs td:first-child {
    17911802     min-width: 200px;
     1803     width: 25%;
    17921804     padding-left: 10px !important;
    17931805}
     
    27472759
    27482760@media screen and (min-width: 1400px) {
    2749 code, textarea, input, tt {
     2761a, th, thead th, tfoot th, td, select, select option, .snarkAddInfo, .snarkFileName, textarea, input[name="nofilter_dataDir"], input {
    27502762     font-size: 10pt !important;
    27512763}
    27522764
    2753 a, th, thead th, tfoot th, td, select, select option, .snarkAddInfo, .snarkFileName, code, textarea, input[name="nofilter_dataDir"], input, code {
    2754      font-size: 10pt !important;
    2755 }
    2756 
    2757 .snarkMessages li, .snarkMessages a {
     2765code, tt {
    27582766     font-size: 9pt !important;
    27592767}
     
    27772785
    27782786.snarkConfigTitle, .toggleview {
    2779      min-width: 300px !important;
     2787     min-width: 340px !important;
     2788}
     2789
     2790.snarkConfigTitle a {
     2791     margin-bottom: 0 !important;
    27802792}
    27812793
     
    28442856}
    28452857
     2858@media screen and (min-width: 1600px) {
     2859.snarkMessages li, .snarkMessages a {
     2860     font-size: 9pt !important;
     2861}
     2862}
     2863
    28462864/* end responsive layout */
    28472865
  • installer/resources/themes/snark/ubergine/snark.css

    r0feb16d ra39fb3d7  
    276276
    277277.snarkMessages li {
    278      margin-left: -15px;
     278     margin-left: -18px;
     279     padding-left: 10px;
    279280}
    280281
     
    286287     height: 11px;
    287288     background-size: 9px 9px;
    288      margin-left: 2px;
     289     margin-left: -6px;
    289290     margin-right: 2px;
    290291}
     
    423424
    424425.snarkTorrents thead th  {
    425      border-top: 1px solid transparent !important;
     426     border-top: none !important;
    426427     border-bottom: 1px solid #313 !important;
    427428     padding-top: 3px;
     
    551552.snarkTorrents tt {
    552553     font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
     554     font-weight: bold;
     555     font-size: 8pt !important;
    553556     color: #cc0;
    554      font-weight: bold;
    555557     margin-right: 2px;
     558     letter-spacing: 0.1em;
    556559}
    557560
     
    840843
    841844.priorityIndicator img[src*="clock"] {
    842      margin-top: 3px;
     845     margin-bottom: 1px;
    843846}
    844847
     
    906909}
    907910
     911.snarkDirInfo .percentBarText {
     912     padding: 0;
     913}
     914
    908915.iframed .percentBarText, .iframed .percentBarText:hover, .iframed .percentBarText:focus {
    909916     transition: none;
     
    952959
    953960.snarkAddInfo {
    954      font-size: 8pt;
    955961     line-height: 100% !important;
    956962     white-space: normal;
     
    966972     background: rgba(17, 0, 17, 0.7);
    967973     border-radius: 2px;
    968      color: #fbf;
     974     font-size: 8pt !important;
     975     color: #ff7;
    969976     padding: 2px 4px;
    970977     box-shadow: inset 0 0 0 1px #212;
     
    10731080
    10741081.snarkConfigTitle img, label.toggleview img {
    1075      margin: 1px -3px 2px 0;
     1082     margin: 1px -1px 2px 0;
    10761083     vertical-align: middle;
    10771084     filter: drop-shadow(0 0 1px #000);
     1085}
     1086
     1087.snarkConfigTitle img {
     1088     margin-right: -2px !important;
    10781089}
    10791090
     
    12961307
    12971308input.default {
    1298      width: 1px; 
    1299      height: 1px; 
     1309     width: 1px;
     1310     height: 1px;
    13001311     visibility: hidden;
    13011312}
     
    14751486}
    14761487
    1477 /*
    1478 a.control:active, input[type="submit"]:active, input[type="reset"]:active {
    1479      color: #ce1641 !important;
    1480      border: 1px solid #fff !important;
    1481      box-shadow: inset 3px 3px 3px #fff;
    1482 }
    1483 
    1484 input[type=submit]:active, a.control:active {
    1485      background-blend-mode: soft-light;
    1486      color: #2e134c !important;
    1487      filter: drop-shadow(0 0 1px #f60) sepia(100%) invert(100%) !important;
    1488      mix-blend-mode: hard-light;
    1489 }
    1490 */
    1491 
    14921488a.control:active, input[type="submit"]:active, input[type="reset"]:active {
    14931489     background-color: #322c5c !important;
     
    15111507     -moz-appearance: none;
    15121508     box-shadow: inset 1px 1px 2px 1px #101;
     1509     text-overflow: ellipsis;
    15131510}
    15141511
     
    21742171#configs td:first-child {
    21752172     min-width: 220px !important;
     2173     width: 25%;
    21762174     font-weight: bold;
    21772175}
     
    24062404
    24072405#newRating select {
    2408      width: 90%;
     2406     width: 99%;
    24092407}
    24102408
     
    26472645    padding-top: 4px;
    26482646}
     2647
     2648#trackerselect td {
     2649     font-size: 8pt !important;
     2650}
    26492651}
    26502652
     
    27792781.snarkNav:link:first-child, .snarkNav:last-child[href="/i2psnark/"] {
    27802782     background-position: 11px 45%, center center !important;
    2781 
    2782 }
     2783}
     2784
    27832785.snarkNav:link {
    27842786     font-size: 11pt;
     
    27862788
    27872789.snarkConfigTitle, label.toggleview {
    2788      font-size: 13pt !important;
     2790     font-size: 12pt !important;
    27892791     min-width: 320px !important;
    27902792}
     
    29022904}
    29032905
     2906@media screen and (min-width: 1400px) and (-webkit-min-device-pixel-ratio:0) {
     2907.snarkConfigTitle, label.toggleview {
     2908     font-size: 12.5pt !important;
     2909}
     2910
     2911select {
     2912     padding: 6px 18px 6px 8px !important;
     2913}
     2914}
     2915
    29042916@media screen and (min-width: 1600px) {
    29052917.snarkTorrentUploaded {
     
    29072919}
    29082920
    2909 .snarkMessages {
     2921.snarkMessages, .snarkTorrents tt, .snarkAddInfo code {
    29102922     font-size: 9pt !important;
    29112923}
     
    31083120/* end responsive layout */
    31093121
     3122
     3123.noscriptWarning {
     3124     margin-right: 7px !important;
     3125     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, sans-serif;
     3126     font-size: 9pt;
     3127     mix-blend-mode: luminosity;
     3128     position: relative;
     3129     z-index: 1;
     3130}
     3131
     3132.noscriptWarning::before {
     3133     mix-blend-mode: luminosity;
     3134}
     3135
     3136#closeLog {
     3137     z-index: 1000;
     3138}
     3139
     3140/* create torrent -> trackers table */
     3141
     3142#trackerselect td:first-child, #trackerselect td:nth-child(2), #trackerselect td:nth-child(3) {
     3143     width: 20%;
     3144     min-width: 100px;
     3145     white-space: nowrap;
     3146}
     3147
     3148#trackerselect {
     3149     border: 1px solid #101;
     3150     border-collapse: separate;
     3151     border-spacing: 0;
     3152     width: 80% !important;
     3153     margin: 8px 0 4px 4px;
     3154     box-shadow: 0 0 1px 1px rgba(16, 8, 16, 0.3);
     3155}
     3156
     3157#trackerselect td {
     3158     padding: 5px !important;
     3159}
     3160
     3161#trackerselect td:first-child {
     3162/*     padding-right: 15px !important;*/
     3163     width: 30%;
     3164     text-align: center;
     3165}
     3166
     3167#trackerselect tr:first-child td {
     3168     background: #000;
     3169     background: linear-gradient(to bottom, #313, #000);
     3170     padding-top: 8px !important;
     3171     padding-bottom: 8px !important;
     3172     border-bottom: 1px solid #313;
     3173     font-weight: bold !important;
     3174}
     3175
     3176#trackerselect tr:nth-child(n+2) td {
     3177     border-right: 1px solid #101;
     3178     border-right: 1px solid rgba(16,0,16,0.5);
     3179}
     3180
     3181#trackerselect tr:nth-child(n+3) td {
     3182     border-top: 1px solid #101;
     3183}
     3184
     3185#trackerselect tr:nth-child(even) {
     3186     background: rgba(8,0,8,0.8);
     3187}
     3188
     3189#trackerselect tr:nth-child(odd) {
     3190     background: rgba(16,0,16,0.5);
     3191}
     3192
     3193#trackerselect td:nth-child(even) {
     3194     background: rgba(48,0,48,0.2);
     3195}
     3196
     3197#trackerselect td:nth-child(odd) {
     3198     background: rgba(64,0,64,0.2);
     3199}
     3200
     3201#trackerselect td:last-child {
     3202     text-align: center;
     3203     width: 30%;
     3204     border-right: none !important;
     3205}
     3206
     3207#trackerselect tr:nth-child(n+2):hover td {
     3208     background: #58165e !important;
     3209     background: linear-gradient(to bottom, #58165e, #4a0d56) !important;
     3210}
     3211
     3212#trackerselect tr:first-child td:first-child {
     3213     border-radius: 3px 0 0 0;
     3214}
     3215
     3216#trackerselect tr:first-child td:last-child {
     3217     border-radius: 0 3px 0 0;
     3218}
     3219
     3220#trackerselect tr:last-child td:first-child {
     3221     border-radius: 0 0 0 3px;
     3222}
     3223
     3224#trackerselect tr:last-child td:last-child {
     3225     border-radius: 0 0 3px 0;
     3226}
     3227
     3228#trackerselect input[type="radio"], #trackerselect input[type="checkbox"] {
     3229     margin: 2px !important;
     3230}
     3231
     3232.trackerName {
     3233     display: inline-block;
     3234     white-space: nowrap;
     3235     text-align: left;
     3236     border: 1px solid #101;
     3237     background: #202;
     3238     background: rgba(32,0,32,0.5);
     3239     border-radius: 3px;
     3240     padding: 1px 10px 1px 5px;
     3241     vertical-align: middle;
     3242}
     3243
     3244.trackerName::before {
     3245     content: "";
     3246     display: inline-block;
     3247     width: 20px;
     3248     height: 20px;
     3249     background: url(images/button_tracker_hover.png) left center no-repeat;
     3250     background-size: 16px auto;
     3251     vertical-align: middle;
     3252     opacity: 0.3;
     3253}
     3254
     3255@media screen and (max-width: 1050px) {
     3256#trackerselect {
     3257     width: 75% !important;
     3258}
     3259
     3260#trackerselect td {
     3261     min-width: 0;
     3262}
     3263
     3264#trackerselect td:first-child, #trackerselect td:last-child {
     3265     width: 15%;
     3266}
     3267}
     3268
     3269/* end create torrent -> trackers table */
  • installer/resources/themes/snark/vanilla/snark.css

    r0feb16d ra39fb3d7  
    11301130
    11311131#trackerselect {
     1132     margin: 10px 0 5px 0;
    11321133     width: 100% !important;
     1134     width: calc(100% - 202px) !important;
     1135     border: 1px solid #6f533e;
     1136     margin-left: 5px;
     1137     border-collapse: separate;
     1138     border-spacing: 0;
     1139     border-radius: 2px;
     1140     box-shadow: 0 0 2px 1px rgba(77, 69, 62, 0.3);
    11331141}
    11341142
     
    11411149#trackerselect td {
    11421150     white-space: nowrap !important;
     1151     text-align: center;
     1152}
     1153
     1154#trackerselect tr:nth-child(n+2) td {
     1155     border-right: 1px solid #6f533e;
     1156     border-right: 1px solid rgba(111, 83, 62, 0.5);
     1157}
     1158
     1159#trackerselect tr:nth-child(n+2) td:last-child {
     1160     border-right: none;
    11431161}
    11441162
    11451163#trackerselect td:nth-child(2), #trackerselect td:nth-child(3) {
    11461164     min-width: 60px !important;
     1165     max-width: 200px !important;
    11471166}
    11481167
     
    11521171}
    11531172
    1154 #trackerselect td:first-child {
     1173#trackerselect tr:first-child td {
     1174     background: linear-gradient(to bottom, #efefef, #cfc7c2);
     1175     border-bottom: 1px solid #6f533e;
     1176}
     1177
     1178#trackerselect tr:nth-child(n+2):hover td {
     1179     background: #f9efcf !important;
     1180}
     1181
     1182#trackerselect td:first-child, #trackerselect td:last-child {
    11551183     font-weight: normal;
    1156 }
    1157 
    1158 #configs input[type="submit"], .trackerconfig input[type="submit"], input[name="savepri"] {
     1184     width: 20%;
     1185}
     1186
     1187#trackerselect input[type="radio"], #trackerselect input[type="checkbox"] {
     1188     margin: 4px !important;
     1189}
     1190
     1191#configs, input[type="submit"], .trackerconfig input[type="submit"], input[name="savepri"] {
    11591192     text-transform: capitalize;
    11601193}
     
    20982131}
    20992132
    2100 .resourceError tr:nth-child(odd) {
     2133.resourceError tr:nth-child(odd), #trackerselect tr:nth-child(odd) {
    21012134     background: #dfd6d1;
    21022135}
    21032136
    2104 .resourceError tr:nth-child(even) {
     2137.resourceError tr:nth-child(even), #trackerselect tr:nth-child(even) {
    21052138     background: #efe6e0;
    21062139}
     
    21672200#configs td:first-child {
    21682201     min-width: 240px !important;
     2202     width: 25%;
    21692203     font-weight: bold;
    21702204     text-align: right;
     
    24582492     width: calc(100% - 10px);
    24592493     margin-left: 8px;
     2494     text-overflow: ellipsis;
    24602495}
    24612496
     
    28182853}
    28192854
    2820 tt, .snarkTorrents tt, textarea {
     2855textarea {
    28212856     font-size: 9pt !important;
    28222857}
    28232858
    2824 .snarkMessages {
     2859tt, .snarkTorrents tt, .snarkMessages {
    28252860     font-size: 8pt !important;
    28262861}
     
    28322867
    28332868.snarkNav:link {
    2834      font-size: 12pt;
    2835      background-size: 18px auto, 100% 100%, 100% 100% !important;
     2869     font-size: 11.5pt;
     2870     background-size: 17px auto, 100% 100%, 100% 100% !important;
    28362871}
    28372872
     
    29402975
    29412976@media screen and (min-width: 1600px) {
    2942 .snarkMessages {
     2977
     2978tt, .snarkTorrents tt, .snarkMessages {
    29432979     font-size: 9pt !important;
     2980}
     2981
     2982.snarkNav:link {
     2983     font-size: 12pt;
     2984     background-size: 18px auto, 100% 100%, 100% 100% !important;
    29442985}
    29452986}
     
    29522993}
    29532994
    2954 .snarkNav:link, .snarkNav:visited {
    2955      font-size: 9pt !important;
     2995.snarkNav:link, .snarkNav:visited, #configs td, #configs input, #configs select {
     2996     font-size: 8pt !important;
    29562997}
    29572998
     
    29713012.snarkTorrents th img {
    29723013     max-height: 18px;
     3014}
     3015
     3016.snarkTorrents th:nth-child(2) img {
     3017     display: none !important;
     3018}
     3019
     3020.snarkTorrentName a {
     3021     white-space: nowrap;
     3022     overflow: hidden;
     3023     text-overflow: ellipsis !important;
     3024     max-width: 360px;
    29733025}
    29743026
Note: See TracChangeset for help on using the changeset viewer.