Changeset 2b82312


Ignore:
Timestamp:
May 20, 2017 7:26:19 AM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
62b3e19
Parents:
81b8b18
Message:

I2PSnark changes:

  • Make DHT debug section collapsible
  • Tooltips for downloading/finished torrents
  • Download bars for torrents, torrent parts and peer downloads
  • Friendlier date format (with completed: <date> tooltip for finished torrents)
Files:
6 added
8 edited

Legend:

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

    r81b8b18 r2b82312  
    726726                    out.write("</tr>\n<tr class=\"dhtDebug\">");
    727727                    out.write("<th colspan=\"11\">");
     728                    out.write("<div id=\"dhtDebugPanel\">");
     729                    out.write("<input class=\"toggle_input\" id=\"toggle_debug\" type=\"checkbox\"><label class=\"toggleview\" for=\"toggle_debug\">");
     730                    out.write(toThemeImg("debug"));
     731                    out.write(' ');
     732                    out.write(_t("Dht Debug"));
     733                    out.write("</label><div id=\"dhtDebugInner\">");
    728734                    out.write(dht.renderStatusHTML());
    729                     out.write("</th>");
     735                    out.write("</div></div></th>");
    730736                }
    731737            }
     
    17111717        out.write("</td>\n\t");
    17121718        out.write("<td align=\"right\" class=\"snarkTorrentDownloaded\">");
    1713         if (remaining > 0)
     1719        if (remaining > 0) {
     1720            long percent = 100 * (total - remaining) / total;
     1721            out.write("<div class=\"percentBarOuter\">");
     1722            out.write("<div class=\"percentBarInner\" style=\"width: " + percent + "%;\">");
     1723            out.write("<div class=\"percentBarText\" tabindex=\"0\" title=\"");
     1724            out.write(percent + "% " + _t("complete") + " - " + DataHelper.formatSize2(remaining) + "B " + _t("remaining"));
     1725            out.write("\">");
    17141726            out.write(formatSize(total-remaining) + thinsp(noThinsp) + formatSize(total));
    1715         else if (remaining == 0)
     1727            out.write("</div></div></div>");
     1728        } else if (remaining == 0) {
     1729            // needs locale configured for automatic translation
     1730            SimpleDateFormat fmt = new SimpleDateFormat("HH:mm, EEE dd MMM yyyy");
     1731            fmt.setTimeZone(SystemVersion.getSystemTimeZone(_context));
     1732            long[] dates = _manager.getSavedAddedAndCompleted(snark);
     1733            String date = fmt.format(new Date(dates[1]));
     1734            out.write("<div class=\"percentBarComplete\" title=\"");
     1735            out.write(_t("Completed") + ": " + date + "\">");
    17161736            out.write(formatSize(total)); // 3GB
     1737            out.write("</div>");
     1738        }
    17171739        //else
    17181740        //    out.write("??");  // no meta size yet
     
    18261848                out.write("<tr class=\"peerinfo " + rowClass + "\"><td title=\"");
    18271849                out.write(_t("Peer attached to swarm"));
    1828                 out.write("\"></td><td colspan=\"4\" align=\"right\">");
     1850                out.write("\"></td><td colspan=\"4\">");
    18291851                PeerID pid = peer.getPeerID();
    18301852                String ch = pid != null ? pid.toString().substring(0, 4) : "????";
     
    18681890                        if (ps.length() > 5)
    18691891                            ps = ps.substring(0, 5);
    1870                         out.write(ps + "%");
     1892                        out.write("<div class=\"percentBarOuter\">");
     1893                        out.write("<div class=\"percentBarInner\" style=\"width:" + ps + "%;\">");
     1894                        out.write("<div class=\"percentBarText\" tabindex=\"0\">" + ps + "%</div>");
     1895                        out.write("</div></div>");
    18711896                    }
    18721897                } else {
     
    29082933                    announce = DataHelper.stripHTML(announce);
    29092934                    buf.append("<tr><td>");
    2910                     String trackerLink = getTrackerLink(announce, snark.getInfoHash());
    2911                     if (trackerLink != null)
    2912                         buf.append(trackerLink);
    2913                     else
    2914                         toThemeImg(buf, "details");
     2935                    toThemeImg(buf, "details");
    29152936                    buf.append("</td><td><b>").append(_t("Primary Tracker")).append(":</b> ");
    29162937                    buf.append(getShortTrackerLink(announce, snark.getInfoHash()));
     
    29212942                    buf.append("<tr><td>");
    29222943                    toThemeImg(buf, "details");
    2923                     buf.append("</td><td valign=\"top\"><b>")
     2944                    buf.append("</td><td><b>")
    29242945                       .append(_t("Tracker List")).append(":</b> ");
    29252946                    for (List<String> alist2 : alist) {
     
    29522973                }
    29532974                long dat = meta.getCreationDate();
    2954                 SimpleDateFormat fmt = new SimpleDateFormat("yyyy-MM-dd HH:mm");
     2975                // needs locale configured for automatic translation
     2976                SimpleDateFormat fmt = new SimpleDateFormat("HH:mm, EEEE dd MMMM yyyy");
    29552977                fmt.setTimeZone(SystemVersion.getSystemTimeZone(_context));
    29562978                if (dat > 0) {
     
    33073329                            } else if (remaining == 0 || length <= 0) {
    33083330                                complete = true;
    3309                                 status = toImg("tick") + ' ' + _t("Complete");
     3331                                status = "<div class=\"priorityIndicator\">" + toImg("tick") + "</div>" + _t("Complete");
    33103332                            } else {
    33113333                                priority = fai.priority;
    33123334                                if (priority < 0)
    3313                                     status = toImg("cancel");
     3335                                    status = "<div class=\"priorityIndicator\">" + toImg("cancel") + "</div>";
    33143336                                else if (priority == 0)
    3315                                     status = toImg("clock");
     3337                                    status = "<div class=\"priorityIndicator\">" + toImg("clock") + "</div>";
    33163338                                else
    3317                                     status = toImg("clock_red");
    3318                                 status += " " +
    3319                                          ("<span class=\"percentDownloaded\" title=\"") + _t("Percentage of file downloaded") + ("\">") +
    3320                                          (100 * (length - remaining) / length) + "% " + ("</span><span class=\"dirInfoComplete\">") + _t("complete") + ("</span>") +
    3321                                          " (" + DataHelper.formatSize2(remaining) + "B " + _t("remaining") + ")";
     3339                                    status = "<div class=\"priorityIndicator\">" + toImg("clock_red") + "</div>";
     3340                                long percent = 100 * (length - remaining) / length;
     3341                                status += " <div class=\"percentBarOuter\">" +
     3342                                         "<div class=\"percentBarInner\" style=\"width: " +
     3343                                         percent + "%;\"><div class=\"percentBarText\" tabindex=\"0\" title=\"" +
     3344                                         DataHelper.formatSize2(remaining) + "B " + _t("remaining") +
     3345                                         "\">" + percent + "%</div></div></div>";
    33223346                            }
    33233347
  • history.txt

    r81b8b18 r2b82312  
     12017-05-20 str4d
     2 * i2psnark:
     3   - Make DHT debug section collapsible
     4   - Tooltips for downloading/finished torrents
     5   - Download bars for torrents, torrent parts and peer downloads
     6   - Friendlier date format (with completed: <date> tooltip for finished torrents)
     7
    182017-05-19 zzz
    29 * Console: Move /peers page rendering from router to console (ticket #1879)
  • installer/resources/themes/snark/classic/snark.css

    r81b8b18 r2b82312  
    3838* {
    3939     outline: none;
     40}
     41
     42.toggleview, .snarkConfigTitle, .snarknavbar, img, input[type="image"] {
     43     -moz-user-select: none;
     44     -webkit-user-select: none;
     45     user-select: none;
    4046}
    4147
     
    334340}
    335341
    336 .snarkTorrents th {
    337      text-align: left;
    338 }
    339 
    340 .snarkTorrents td {
    341      line-height: 90%;
    342      text-align: left;
    343 }
    344 
    345342.snarkTorrents td:nth-child(1) {
    346343     width: 24px !important;
     
    350347.snarkTorrents td:nth-child(4) {
    351348     width: 16px !important;
    352      padding: 0 !important;
    353349     text-align: center !important;
     350     font-weight: bold;
    354351}
    355352
     
    387384}
    388385
    389 tfoot th {
    390      padding-bottom: 4px !important;
     386tfoot tr:first-child th {
     387     vertical-align: middle !important;
    391388}
    392389
     
    436433}
    437434
     435/*
    438436tfoot tr:nth-child(n+1) {
    439437     text-align: left;
     438}
     439*/
     440
     441.snarkTorrents tfoot tr:first-child {
     442     line-height: 130%;
    440443}
    441444
     
    505508}
    506509
    507 .snarkTorrents tfoot th {
    508      vertical-align: top;
    509      font-weight: normal;
    510 }
    511 
    512 .snarkTorrents tfoot th::first-line {
    513      font-weight: bold;
     510.snarkTorrents tfoot tr:first-child th {
     511     vertical-align: middle;
    514512}
    515513
     
    535533
    536534.snarkTorrents td {
    537      line-height: 105%;
    538535     text-align: left;
    539536}
     
    541538.snarkTorrents td:nth-child(1) {
    542539     width: 24px !important;
    543 }
    544 
    545 .snarkTorrents td:nth-child(3),
    546 .snarkTorrents td:nth-child(4) {
    547      width: 16px !important;
    548      padding: 0 !important;
    549      text-align: center !important;
    550540}
    551541
     
    773763}
    774764
    775 /*
    776 .headerstatus {
    777      min-width: 250px;
    778 }
    779 
    780 td.priority:last-child {
    781      min-width: 350px !important;
    782 }
    783 */
    784 
    785765tr.priority:last-child {
    786766     border-bottom: none !important;
     
    791771}
    792772
    793 td.snarkFileStatus {
     773.snarkFileStatus {
    794774     text-align: center;
    795775     white-space:nowrap;
    796 }
    797 
    798 td.snarkFileIcon {
     776     width: 120px;
     777}
     778
     779.snarkFileIcon {
    799780     width: 16px;
    800781     padding: 0;
    801782}
    802783
    803 td.snarkFileIcon img {
     784.snarkFileIcon img {
    804785     filter: none;
    805786}
    806787
    807 td.snarkFileStatusIcon {
     788.snarkFileStatusIcon {
    808789     width: 24px;
    809790     padding: 0 4px 0 0;
     
    815796td {
    816797     font-size: 9pt;
    817      padding: 1px;
     798     padding: 2px;
    818799     opacity: 1;
    819800     color: #333 !important;
     
    913894
    914895.snarkTorrentstatus {
    915      line-height: 90%;
    916896     min-width: 0;
    917      padding: 2px 2px 2px 0;
    918897}
    919898
     
    952931.snarkTorrentDownloaded,
    953932.snarkTorrentUploaded {
    954      font-size: 8pt;
    955      line-height: 90%;
    956      padding: 0 3px;
    957933}
    958934
     
    964940}
    965941
    966 td.snarkTorrentDownloaded {
     942.snarkTorrentDownloaded {
    967943     font-weight: bold;
    968      width: 110px;
    969      padding: 0 5px;
    970 }
    971 
    972 .snarkTorrents img {
    973      padding: 4px 3px !important;
    974944}
    975945
     
    979949}
    980950
    981 .snarkTorrents tfoot th {
     951.snarkTorrents tfoot tr:first-child th {
    982952     padding: 6px 4px !important;
     953     vertical-align: middle;
    983954}
    984955
     
    986957     background: #fff !important;
    987958     background: linear-gradient(to bottom, #fff 0%, #ffe 100%) !important;
     959}
     960
     961tr:hover .percentBarText {
     962     opacity: 0.75;
    988963}
    989964
     
    10421017     padding: 4px 2px;
    10431018     color: #0c153d !important;
     1019     width: 1%;
     1020     white-space: nowrap;
    10441021}
    10451022
     
    10481025     font-style: italic;
    10491026     min-width: 220px;
    1050      padding: 4px 5px 4px 15px;
     1027     padding: 4px;
    10511028     text-align: center;
    10521029     text-align: left !important;
     
    10571034}
    10581035
    1059 /*
    1060 div.percentBarOuter {
    1061       background: #fff !important;
    1062       border: 1px solid #9f9;
    1063       border-bottom: 1px solid #474;
    1064       border-right: 1px solid #474;
    1065       border-radius: 0;
    1066       float: left;
    1067       box-shadow: none;
    1068       opacity: 1;
    1069 }
    1070 
    1071 div.percentBarInner {
    1072       border: none;
    1073       height: 14px;
    1074       background: #1c943a;
    1075       background: linear-gradient(to bottom,  #1c943a 0%, #092f10 50%, #0d2707 50%, #091b05 50%, #091503 100%);
    1076 }
    1077 
    1078 div.percentBarInner.percentBarComplete {
    1079       background: #eef;
    1080       background: linear-gradient(to bottom,  #eef 0%, #002200 52%, #000000 52%, #eef 100%);
     1036/* download bars */
     1037
     1038.snarkTorrentDownloaded {
     1039     text-align: center !important;
     1040     width: 110px;
     1041}
     1042
     1043.snarkDirInfo .snarkFileStatus img {
     1044     float: left;
     1045     margin: 0 10px 0 7px;
     1046}
     1047
     1048.snarkDirInfo td {
     1049     padding-top: 6px !important;
     1050     padding-bottom: 6px !important;
     1051}
     1052
     1053.percentBarOuter {
     1054     background: #eef;
     1055     background: repeating-linear-gradient(135deg, #eef 1px, #eef 5px, #ddf 6px, #ddf 11px);
     1056     border: 1px solid #99f;
     1057     box-shadow: 0 0 1px 0 rgba(196,196,196,0.8);
     1058     margin: 0 auto;
     1059}
     1060
     1061.snarkTorrentDownloaded .percentBarOuter {
     1062     margin-left: 5px;
     1063}
     1064
     1065.peerinfo .percentBarOuter {
     1066     filter: saturate(0.5);
     1067}
     1068
     1069.percentBarInner {
     1070     border: none;
     1071     height: 14px;
     1072     background: #bbf;
     1073     background: linear-gradient(to bottom, #fff 0%, #eef 50%, #ddf 50%, #bbf 100%);
     1074     box-shadow: inset 0 0 0 1px #ddf;
     1075     opacity: 0.8;
    10811076}
    10821077
    10831078.percentBarText, .percentBarOuter {
    1084       text-align: center;
    1085       height: 14px;
    1086       top: 0;
    1087       width: 80px;
    1088 }
    1089 
    1090 .percentBarText{
    1091       text-align: center;
    1092       font-weight: bold;
    1093       line-height: 140%;
    1094       text-shadow: 0 1px 1px #000;
    1095 }
    1096 
    1097 .snarkTorrentDownloaded .percentBarText, .snarkTorrentDownloaded .percentBarOuter  {
    1098       width: 110px !important;
    1099       word-spacing: -0.2em;
    1100       font-size: 7.5pt;
    1101 }
    1102 
    1103 */
     1079     width: 110px;
     1080     text-align: center;
     1081     vertical-align: middle;
     1082}
     1083
     1084.snarkDirInfo .percentBarText, .snarkDirInfo .percentBarOuter, .peerinfo .percentBarText, .peerinfo .percentBarOuter {
     1085     width: 80px;
     1086     display: inline-block;
     1087}
     1088
     1089.percentBarText {
     1090     text-align: center;
     1091     font-weight: bold !important;
     1092     white-space: nowrap;
     1093     color: #005;
     1094     text-shadow: 0 0 1px rgba(255,255,255,0.5);
     1095     opacity: 0;
     1096     transition: ease opacity 0.3s 0.5s;
     1097     line-height: 14px;
     1098}
     1099
     1100.percentBarText:hover, .percentBarText:focus {
     1101     opacity: 0.75;
     1102     transition: ease opacity 0.3s;
     1103}
     1104
     1105.priorityIndicator {
     1106}
     1107
     1108/* end download bars */
    11041109
    11051110.choked, .choked a:hover {
     
    12101215}
    12111216
    1212 #bwHelp a {
    1213      font-style: normal;
     1217#configs a {
    12141218     font-weight: bold;
     1219     margin-left: 3px;
    12151220}
    12161221
     
    12311236     border: 0 solid #444;
    12321237     background: #444;
    1233 }
    1234 
    1235 hr.debug {
    1236      width: 100%;
    1237      background: #89f;
    1238      background: linear-gradient(to right, #89f 40%, #eef);
    1239 }
    1240 
    1241 hr.debug + hr {
    1242      margin-bottom: -5px;
    1243 }
    1244 
    1245 hr.debug:nth-child(n+7) {
    1246      margin: -10px 0 3px;
    1247 }
    1248 
    1249 hr.debug:last-child {
    1250      height: 0;
    1251      margin-bottom: -5px;
    1252      margin-top: -15px;
    12531238}
    12541239
     
    13761361     vertical-align: middle;
    13771362     text-align: left;
    1378      padding: 2px 5px 1px 3px !important;
     1363     padding: 2px 8px 1px 3px !important;
    13791364     display: inline-block;
    13801365     margin: -1px 0 1px 5px;
     
    13881373}
    13891374
     1375a.control:active img {
     1376     mix-blend-mode: luminosity;
     1377}
     1378
    13901379a.control img {
    13911380     margin: 0 !important;
     1381     height: 14px;
     1382     width: 14px;
    13921383}
    13931384
     
    15491540}
    15501541
     1542select[disabled], select[disabled]:hover {
     1543     background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;
     1544     opacity: 0.7;
     1545     cursor: not-allowed;
     1546}
     1547
    15511548select::-ms-expand {
    15521549     display: none;
     
    15901587     opacity: 0.7;
    15911588     border: 1px solid #349 !important;
     1589     border-radius: 2px;
    15921590     background: #fff;
    15931591     background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ddf 51%);
     
    18071805     display: inline-block;
    18081806     vertical-align: middle;
     1807}
     1808
     1809#configs a {
     1810     font-weight: bold;
    18091811}
    18101812
     
    20712073}
    20722074
     2075/* debug panel */
     2076
     2077#dhtdebugPanel {
     2078     background: linear-gradient(to bottom, #fff 0%, #eef 100%);
     2079     box-shadow: 0 0 2px 0 #ccc inset, 0 0 1px #bbb;
     2080     border: 1px solid #89f;
     2081     border-top: none;
     2082     text-align: center;
     2083     padding-bottom: 13px;
     2084}
     2085
     2086#dhtDebugInner {
     2087     text-align: left;
     2088     padding: 5px;
     2089     background: #efefff;
     2090     box-shadow: inset 0 0 0 1px #fff, 0 0 1px 0 rgba(160,160,160,0.5);
     2091     margin: -25px 0 -12px;
     2092}
     2093
     2094.dhtDebug th b:first-of-type, .dhtDebug th b:first-of-type + br + hr.debug {
     2095     display: none;
     2096}
     2097
     2098input#toggle_debug:not(checked) + label {
     2099     padding-bottom: 2px;
     2100}
     2101
     2102input#toggle_debug:not(checked) + label > img {
     2103     margin-right: -2px !important;
     2104}
     2105
     2106input#toggle_debug:not(checked) + label + #dhtDebugInner {
     2107     display: block;
     2108}
     2109
     2110input#toggle_debug:checked + label + #dhtDebugInner {
     2111     display: none;
     2112}
     2113
     2114.iframed input#toggle_debug:not(checked) + label + #dhtDebugInner {
     2115     display: block;
     2116}
     2117
     2118.iframed input#toggle_debug:checked + label + #dhtDebugInner {
     2119     display: none;
     2120}
     2121
     2122/* end debug panel */
     2123
     2124.dhtDebug th {
     2125     padding: 0 10px 8px !important;
     2126     word-break: break-all;
     2127     font-weight: normal;
     2128     background: #fff;
     2129}
     2130
     2131hr.debug:first-of-type {
     2132     background: transparent;
     2133     margin-bottom: -5px;
     2134     margin-top: -2px;
     2135}
     2136
     2137hr.debug {
     2138     width: 100%;
     2139     background: #89f;
     2140     background: linear-gradient(to right, #89f 40%, #eef);
     2141}
     2142
     2143hr.debug + hr {
     2144     margin-bottom: -5px;
     2145}
     2146
     2147hr.debug:nth-child(n+7) {
     2148     margin: -10px 0 3px;
     2149}
     2150
     2151hr.debug:last-child {
     2152     height: 0;
     2153     margin-bottom: -5px;
     2154     margin-top: -15px;
     2155}
     2156
    20732157/* end debug */
    20742158
     
    22452329}
    22462330
     2331.snarkTorrents .debuginfo td, .snarkTorrents .peerinfo td {
     2332     font-weight: normal;
     2333}
     2334
    22472335td#bwHelp {
    22482336     background: url(images/infocircle.png) left 10px center no-repeat;
     
    22722360}
    22732361
     2362.snarkRefresh:link, .snarkRefresh:hover, .snarkRefresh:nth-child(n+1):hover, .snarkRefresh:focus, .snarkRefresh:nth-child(n+1):focus .snarkRefresh:active, .snarkRefresh:nth-child(n+1):active {
     2363     background-size: 14px 14px, 100% 100% !important;
     2364}
     2365
     2366.snarkRefresh:link:first-child {
     2367     padding-left: 22px !important;
     2368}
     2369
    22742370.addtorrentsection, .newtorrentsection, .configsection, .configsectionpanel {
    22752371     margin-top: 4px !important;
     
    22872383.dirInfoComplete {
    22882384     display: none;
     2385}
     2386
     2387.percentBarText, .percentBarOuter {
     2388     width: 100px;
     2389     line-height: 15px;
     2390}
     2391
     2392.snarkDirInfo .percentBarText, .snarkDirInfo .percentBarOuter {
     2393     width: 60px;
     2394}
     2395
     2396#dhtDebugInner {
     2397     margin-top: -24px !important;
    22892398}
    22902399}
     
    22962405}
    22972406
    2298 .snarkRefresh:link, .snarkRefresh:hover, .snarkRefresh:nth-child(n+1):hover, .snarkRefresh:focus, .snarkRefresh:nth-child(n+1):focus .snarkRefresh:active, .snarkRefresh:nth-child(n+1):active {
    2299      background-size: 14px 14px, 100% 100% !important;
    2300 }
    2301 
    2302 .snarkRefresh:link:first-child {
    2303      padding-left: 22px !important;
    2304 }
    2305 
    23062407#configs td:first-child::before {
    23072408     content: "";
    23082409     min-height: 30px;
    23092410}
     2411
     2412.percentBarText {
     2413     line-height: 16px;
     2414}
     2415
     2416.snarkTorrents tfoot tr:first-child {
     2417     line-height: 100%;
     2418}
    23102419}
    23112420
    23122421@media screen and (max-width: 1400px) {
    2313 .snarkRefresh:link:first-child {
    2314      padding-left: 23px !important;
     2422
     2423.percentBarText {
     2424     line-height: 15px;
    23152425}
    23162426}
     
    23212431}
    23222432
     2433.snarkRefresh {
     2434     font-size: 11pt !important;
     2435}
     2436
     2437.snarkRefresh:link {
     2438     padding-left: 25px !important;
     2439}
     2440
    23232441.percentDownloaded {
    23242442     pointer-events: none; /* hide tooltip */
     
    23312449}
    23322450
    2333 .snarkRefresh {
    2334      font-size: 11pt !important;
    2335 }
    2336 
    2337 .snarkRefresh:link {
    2338      padding-left: 25px !important;
    2339 }
    2340 
    23412451.snarkMessages li, .snarkTorrents tt {
    23422452     font-size: 9pt;
     
    23502460td.snarkTorrentDownloaded {
    23512461     white-space: nowrap;
    2352      padding: 0 10px;
    23532462}
    23542463
  • installer/resources/themes/snark/dark/snark.css

    r81b8b18 r2b82312  
    6262     background: url(/themes/console/dark/images/camotile2.png) repeat scroll left top #000;
    6363     background: linear-gradient(to right, #000 0%, #020 50%, #000 100%);
     64}
     65
     66.toggleview, .snarkConfigTitle, .snarknavbar, img, input[type="image"] {
     67     -moz-user-select: none;
     68     -webkit-user-select: none;
     69     user-select: none;
    6470}
    6571
     
    330336     background: #000;
    331337     background: linear-gradient(to bottom, #010, #000);
     338     vertical-align: middle;
    332339}
    333340
     
    370377.headerpriority {
    371378     text-align: left;
    372      padding-left: 10px;
    373379}
    374380
     
    424430}
    425431
    426 .snarkTorrents tfoot th::first-line {
    427      font-weight: bold;
    428 }
    429 
    430432.snarkTorrents tfoot th:nth-child(3) {
    431433     text-align: center;
    432434}
    433435
    434 .snarkTorrents tfoot th {
    435      vertical-align: top;
     436.snarkTorrents tfoot tr:first-child th {
     437     padding: 6px 4px !important;
     438     vertical-align: middle;
     439     font-weight: bold;
     440     line-height: 140%;
    436441}
    437442
     
    454459
    455460.snarkTorrents td {
    456      line-height: 110%;
     461     line-height: 120%;
    457462     text-align: left;
    458463     font-size: 8pt !important;
     
    492497     font-weight: bold;
    493498     display: inline-block;
     499     line-height: 120%;
    494500}
    495501
     
    627633     text-align: center !important;
    628634     vertical-align: middle;
    629      padding-right: 10px;
    630635}
    631636
     
    656661
    657662.headerstatus {
    658      min-width: 150px;
    659663     text-align: left;
    660664     padding-left: 18px;
     
    679683}
    680684
    681 td.snarkFileStatus {
     685.snarkFileStatus {
    682686     text-align: left;
    683687     white-space: nowrap;
     
    698702     padding: 1px;
    699703     color: #ee9 !important;
    700       opacity: 1;
     704     opacity: 1;
    701705     font-size: 9pt;
     706     vertical-align: middle;
    702707}
    703708
     
    777782     font-weight: bold;
    778783     color: #dd9 !important;
    779      font-size: 8pt;
    780784     padding: 1px !important;
    781785}
     
    787791
    788792.snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded {
    789      font-size: 8pt;
    790793     padding: 0 3px;
    791794     line-height: 90%;
    792      word-spacing: -0.05em;
    793795}
    794796
     
    800802     color: #ee9 !important;
    801803     white-space: nowrap;
    802 }
    803 
    804 td.snarkTorrentDownloaded {
    805804     font-weight: bold;
     805     text-align: center;
    806806}
    807807
     
    824824.snarkTorrents th img {
    825825     padding: 1px !important;
    826 }
    827 
    828 .snarkTorrents tfoot th {
    829      padding: 6px 4px !important;
    830826}
    831827
     
    833829     background: #030 !important;
    834830     box-shadow: inset 0 0 1px 0 #494;
     831}
     832
     833tr:hover .percentBarText {
     834     opacity: 1;
    835835}
    836836
     
    904904
    905905.snarkFileName {
    906      padding: 4px 0 !important;
     906     padding: 4px 5px 4px 0 !important;
    907907     text-align: left !important;
     908     word-break: break-all;
    908909}
    909910
     
    912913     font-weight: normal;
    913914     color: #bb7 !important;
     915     width: 1%;
     916     white-space: nowrap;
    914917}
    915918
    916919.snarkFileStatus {
    917      padding: 4px 5px 4px 15px;
    918      text-align: center;
     920     padding-left: 15px;
    919921     font-style: italic;
    920      font-size: 9pt;
    921922     text-align: left;
    922      min-width: 220px;
     923     width: 130px;
    923924}
    924925
     
    937938}
    938939
    939 /*
    940 div.percentBarOuter {
    941      background: #000 !important;
    942      border: 1px solid #9f9;
    943      border-bottom: 1px solid #474;
    944      border-right: 1px solid #474;
    945      border-radius: 0;
     940/* download bars */
     941
     942.snarkDirInfo .snarkFileStatus img {
    946943     float: left;
     944     margin: 0 10px 0 7px;
     945}
     946
     947.percentBarOuter {
     948     background: #000;
     949     background: repeating-linear-gradient(135deg, #000 1px, #000 5px, #010 6px, #010 11px);
     950     border: 1px solid #040;
     951     border-bottom: 1px solid #020;
     952     border-right: 1px solid #020;
    947953     box-shadow: none;
    948954     opacity: 1;
    949 }
    950 
    951 div.percentBarInner {
    952      border: none;
    953      height: 14px;
    954      background: #1c943a;
    955      background: linear-gradient(to bottom,  #1c943a 0%, #092f10 50%, #0d2707 50%, #091b05 50%, #091503 100%);
    956 }
    957 
    958 div.percentBarInner.percentBarComplete {
    959      background: #001100;
    960      background: linear-gradient(to bottom,  #001100 0%, #002200 52%, #000000 52%, #001100 100%);
     955     box-shadow: 0 0 1px 1px rgba(0,0,0,0.8);
     956     margin: auto;
     957}
     958
     959.snarkDirInfo .percentBarOuter {
     960     float: left;
     961}
     962
     963.percentBarInner {
     964     height: 100%;
     965     background: #0e5f00;
     966     background: linear-gradient(to bottom, rgba(28, 148, 58, 0.6) 0%, rgba(9, 47, 16, 0.6) 50%, rgba(13, 39, 7, 0.6) 50%, rgba(9, 27, 5, 0.6) 50%, rgba(9, 21, 3, 0.6) 100%);
     967     box-shadow: inset 0 0 0 1px #000;
    961968}
    962969
    963970.percentBarText, .percentBarOuter {
     971     width: 110px;
    964972     text-align: center;
    965      height: 14px;
    966      top: 0;
     973     vertical-align: middle;
     974}
     975
     976.snarkDirInfo .percentBarText, .snarkDirInfo .percentBarOuter, .peerinfo .percentBarText, .peerinfo .percentBarOuter {
    967977     width: 80px;
    968978}
    969979
    970 .percentBarText{
     980.percentBarText {
    971981     text-align: center;
    972982     font-weight: bold;
    973      line-height: 140%;
    974      text-shadow: 0 1px 1px #000;
    975 }
    976 
    977 .snarkTorrentDownloaded .percentBarText, .snarkTorrentDownloaded .percentBarOuter  {
    978      width: 110px !important;
    979      word-spacing: -0.2em;
    980      font-size: 7.5pt;
    981 }
    982 */
     983     padding: 1px 0;
     984     white-space: nowrap;
     985     display: block;
     986     color: #dfd137;
     987     opacity: 0;
     988     text-shadow: 0 0 1px rgba(0,0,0,0.8);
     989     transition: ease opacity 0.3s 0.5s;
     990}
     991
     992.percentBarText:hover, .percentBarText:focus {
     993     opacity: 0.75;
     994     transition: ease opacity 0.3s;
     995}
     996
     997.percentBarOuterComplete .percentBarText {
     998     color: #ee9;
     999     font-weight: normal;
     1000     opacity: 1;
     1001}
     1002
     1003.snarkDirInfo .percentBarOuterComplete .percentBarText {
     1004     text-align: left;
     1005}
     1006
     1007.percentBarOuterComplete, .percentBarComplete.percentBarInner {
     1008     border: 1px solid transparent;
     1009     background: none !important;
     1010     box-shadow: none !important;
     1011}
     1012
     1013.priorityIndicator {
     1014     width: 32px;
     1015     float: left;
     1016}
     1017
     1018/* end download bars */
    9831019
    9841020.choked {
     
    10081044
    10091045.snarkAddInfo {
    1010      font-size: 9pt;
    1011      line-height: 135% !important;
    10121046     font-weight: normal;
    10131047     background: url(images/infocircle.png) left center no-repeat;
    10141048     background-size: 14px auto;
    10151049     padding-left: 20px;
     1050     line-height: 140%;
    10161051}
    10171052
     
    11341169}
    11351170
    1136 hr.debug {
    1137      width: 100%;
    1138      background: #131;
    1139      background: linear-gradient(to right, #131 50%, #000700);
    1140 }
    1141 
    1142 hr.debug + b {
    1143      color: #ff7;
    1144      text-transform: uppercase;
    1145 }
    1146 
    1147 hr.debug:nth-child(n+7) {
    1148      margin-top: -11px;
    1149      margin-bottom: 2px;
    1150      opacity: 0.5;
    1151 }
    1152 
    1153 hr.debug:last-child {
    1154      background: #000;
    1155      margin-bottom: -5px;
    1156 }
    1157 
    11581171a:link {
    11591172     color: #7c7;
     
    12661279}
    12671280
    1268 .snarkTorrents th:last-child, .snarkTorrents td:last-child {
     1281.snarkTorrents thead th:last-child, .snarkTorrents td:last-child {
    12691282     white-space: nowrap;
    12701283}
     
    14381451}
    14391452
     1453select[disabled], select[disabled]:hover {
     1454     background: #000 url(images/dropdown.png) right center no-repeat !important;
     1455     background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%) !important;
     1456     border: 1px outset #191;
     1457     box-shadow: none;
     1458     color: #494 !important;
     1459     opacity: 0.7;
     1460     cursor: not-allowed;
     1461}
     1462
    14401463select::-ms-expand {
    14411464     display: none;
     
    18101833     box-shadow: inset 0 0 5px 2px #000;
    18111834     word-wrap: break-word;
     1835     font-weight: bold;
    18121836     text-align: center;
    18131837     background: #000 url(images/configuration.png) no-repeat scroll right center;
    1814      font-weight: bold;
    18151838     background: linear-gradient(to bottom, #000 10%, rgba(0,40,0,0.3) 10%, rgba(0,15,0,0.5) 100%), url(/themes/console/dark/images/camotile2.png) top left repeat;
    18161839}
     
    19291952}
    19301953
    1931 .peerinfo td, .debuginfo td {
    1932      padding-top: 5px;
    1933      padding-bottom: 5px;
     1954.snarkTorrents .peerinfo td, .snarkTorrents .debuginfo td {
     1955     padding-top: 2px !important;
     1956     padding-bottom: 2px !important;;
     1957}
     1958
     1959.peerinfo td:first-child::before, .debuginfo td:first-child::before {
     1960     content: "";
     1961     display: inline-block;
     1962     min-height: 20px;
     1963     vertical-align: middle;
    19341964}
    19351965
     
    19812011     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    19822012     color: #cc7;
     2013}
     2014
     2015.dhtdebug th {
     2016     word-break: break-all;
     2017     padding: 0 10px 10px !important;
     2018}
     2019
     2020/* debug panel */
     2021
     2022#dhtdebugPanel {
     2023     background: linear-gradient(to right, #000, #010, #000);
     2024     border: 1px solid #494;
     2025     border-top: none;
     2026     box-shadow: inset 0 0 0 1px #000;
     2027     text-align: center;
     2028     padding-bottom: 13px;
     2029}
     2030
     2031#dhtDebugInner {
     2032     text-align: left;
     2033     padding: 5px;
     2034     background: #000;
     2035     margin: -23px 0 -12px;
     2036}
     2037
     2038.dhtDebug th b:first-of-type, .dhtDebug th b:first-of-type + br + hr.debug {
     2039     display: none;
     2040}
     2041
     2042input#toggle_debug:not(checked) + label {
     2043     padding-bottom: 2px;
     2044}
     2045
     2046input#toggle_debug:not(checked) + label > img {
     2047     margin-right: -2px !important;
     2048}
     2049
     2050input#toggle_debug:not(checked) + label + #dhtDebugInner {
     2051     display: block;
     2052}
     2053
     2054input#toggle_debug:checked + label + #dhtDebugInner {
     2055     display: none;
     2056}
     2057
     2058.iframed input#toggle_debug:not(checked) + label + #dhtDebugInner {
     2059     display: block;
     2060}
     2061
     2062.iframed input#toggle_debug:checked + label + #dhtDebugInner {
     2063     display: none;
     2064}
     2065
     2066/* end debug panel */
     2067
     2068hr.debug {
     2069     width: 100%;
     2070     background: #131;
     2071     background: linear-gradient(to right, #131 50%, #000700);
     2072}
     2073
     2074hr.debug + b {
     2075     color: #ff7;
     2076     text-transform: uppercase;
     2077}
     2078
     2079hr.debug:first-of-type {
     2080     background: transparent;
     2081     margin-bottom: -5px;
     2082     margin-top: -2px;
     2083}
     2084
     2085hr.debug + hr {
     2086     display: block;
     2087     background: transparent;
     2088     margin-bottom: -3px;
     2089}
     2090
     2091hr.debug:nth-child(n+7) {
     2092     margin-top: -11px;
     2093     margin-bottom: 2px;
     2094     opacity: 0.5;
     2095}
     2096
     2097hr.debug:last-child {
     2098     background: #000;
     2099     margin-bottom: -5px;
    19832100}
    19842101
     
    20332150/* configs */
    20342151
    2035 #bwHelp i {
    2036      display: inline-block;
    2037      vertical-align: middle;
    2038 }
    2039 
    2040 
    2041 #bwHelp a {
    2042      font-style: normal;
     2152#configs a {
    20432153     font-weight: bold;
    20442154}
     
    22832393     min-width: 200px !important;
    22842394}
     2395
     2396.snarkFileStatus {
     2397     width: 110px;
     2398}
     2399
     2400.snarkFileStatus img[src*="clock"] {
     2401     margin-top: 6px;
     2402}
     2403
     2404.snarkDirInfo .percentBarText, .snarkDirInfo .percentBarOuter {
     2405     width: 60px;
     2406     padding: 0;
     2407}
    22852408}
    22862409
     
    23132436     max-width: 300px;
    23142437}
     2438
     2439.percentBarOuter {
     2440     margin: 2px auto !important;
     2441}
     2442
     2443.percentBarText {
     2444     line-height: 130%;
     2445}
     2446
     2447.percentBarText, .percentBarOuter, .snarkTorrentDownloaded {
     2448     width: 100px;
     2449}
     2450
     2451.snarkFileStatus img[src*="clock"] {
     2452     margin-top: 4px;
     2453}
    23152454}
    23162455
     
    23262465
    23272466.snarkTorrentInfo td, .snarkDirInfo td, .snarkTorrents .peerinfo td {
    2328      padding-top: 6px !important;
    2329      padding-bottom: 6px !important;
     2467     padding-top: 4px !important;
     2468     padding-bottom: 4px !important;
    23302469}
    23312470
     
    23402479
    23412480@media screen and (min-width: 1200px) {
    2342 .snarkConfigtitle, .snarkConfigTitle a, label.toggleview {
    2343      font-size: 12pt !important;
    2344 }
    2345 
    2346 .percentDownloaded {
    2347      pointer-events: none; /* hide tooltip */
    2348 }
    2349 
    2350 #configs td:first-child::after {
    2351    min-height: 26px;
    2352 }
    2353 
    2354 td#bwHelp a {
    2355      display: inline-block;
    2356      white-space: nowrap;
    2357      margin-left: 4px;
    2358 }
    2359 
    2360 .configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active {
    2361      font-size: 11pt !important;
    2362 }
    2363 }
    2364 
    2365 @media screen and (min-width: 1400px) {
    2366 body, .snarkTorrents td, .snarkAddInfo, th, td,  code, textarea, input, input[type="submit"], input[type="reset"], select, button, a {
    2367      font-size: 10pt !important;
    2368 }
    2369 
    23702481.snarkRefresh:link {
    23712482     font-size: 11pt !important;
    2372 }
    2373 
    2374 .snarkConfigTitle, .snarkConfigTitle a, label.toggleview {
    2375      font-size: 12pt !important;
    2376 }
    2377 
    2378 .snarkConfigTitle, label.toggleview {
    2379      min-width: 240px !important;
    2380      padding-top: 4px;
    23812483}
    23822484
     
    23922494}
    23932495
     2496.snarkConfigtitle, .snarkConfigTitle a, label.toggleview {
     2497     font-size: 12pt !important;
     2498}
     2499
     2500.snarkTorrentDownloaded {
     2501     white-space: nowrap;
     2502     padding: 0 8px;
     2503     width: 110px;
     2504     text-align: center;
     2505}
     2506
     2507.percentDownloaded {
     2508     pointer-events: none; /* hide tooltip */
     2509}
     2510
     2511#configs td:first-child::after {
     2512   min-height: 26px;
     2513}
     2514
     2515#configs a {
     2516     display: inline-block;
     2517     white-space: nowrap;
     2518     margin-left: 4px;
     2519}
     2520
     2521.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active {
     2522     font-size: 11pt !important;
     2523}
     2524}
     2525
     2526@media screen and (min-width: 1400px) {
     2527body, .snarkTorrents td, .snarkAddInfo, th, td,  code, textarea, input, input[type="submit"], input[type="reset"], select, button, a {
     2528     font-size: 10pt !important;
     2529}
     2530
     2531.snarkConfigTitle, .snarkConfigTitle a, label.toggleview {
     2532     font-size: 12pt !important;
     2533}
     2534
     2535.snarkConfigTitle, label.toggleview {
     2536     min-width: 240px !important;
     2537     padding-top: 4px;
     2538}
     2539
    23942540tt, .snarkTorrents tt, .snarkMessages, .snarkMessages a {
    23952541     font-size: 9pt !important;
     
    24042550.snarkTorrents th:last-child input[type="image"], .snarkTorrents td:last-child input[type="image"] {
    24052551     height: 11px;
    2406 }
    2407 
    2408 .snarkTorrentDownloaded {
    2409      white-space: nowrap;
    2410      padding: 0 8px;
    24112552}
    24122553
  • installer/resources/themes/snark/light/snark.css

    r81b8b18 r2b82312  
    4040* {
    4141     outline: none !important;
     42}
     43
     44.toggleview, .snarkConfigTitle, .snarknavbar, img, input[type="image"] {
     45     -moz-user-select: none;
     46     -webkit-user-select: none;
     47     user-select: none;
    4248}
    4349
     
    475481}
    476482
    477 .snarkTorrents tfoot th {
     483.snarkTorrents tfoot tr:first-child th {
    478484     padding: 5px 4px !important;
    479485     background: #fff;
    480      vertical-align: top;
    481 }
    482 
    483 /*
    484 .snarkTorrents td:nth-child(n+6), .snarkTorrents tfoot th:nth-child(n+2) {
    485      font-variant: all-small-caps !important;
    486 }
    487 
    488 @media screen and (-webkit-min-device-pixel-ratio:0) {
    489 .snarkTorrents td:nth-child(n+6), .snarkTorrents tfoot th:nth-child(n+2) {
    490      font-variant: normal !important;
    491 }
    492 }
    493 */
     486     vertical-align: middle;
     487}
    494488
    495489td {
     
    541535}
    542536
    543 .snarkTorrents th:last-child br { /* kill "start all/stop all" button wrapping in the header */
     537.snarkTorrents thead th:last-child br { /* kill "start all/stop all" button wrapping in the header */
    544538     display: none;
    545539}
     
    642636}
    643637
     638tr:hover .percentBarText {
     639     opacity: 0.75;
     640}
     641
    644642.peerinfo:hover td:first-child {
    645643     background: url(images/peer.png) center center no-repeat  #ffd !important;
     
    673671     padding: 4px 2px;
    674672     font-weight: normal;
     673     width: 1%;
     674     white-space: nowrap;
    675675}
    676676
    677677.snarkFileStatus {
    678      padding: 4px 5px;
    679678     font-style: italic;
    680679     text-align: left;
    681680     white-space: nowrap;
    682 }
     681     width: 140px;
     682}
     683
     684/* download bars */
     685
     686.snarkTorrentDownloaded {
     687     width: 110px !important;
     688     text-align: center !important;
     689}
     690
     691.priorityIndicator {
     692     width: 32px;
     693     margin: 0;
     694}
     695
     696.snarkDirInfo .snarkFileStatus img {
     697     float: left;
     698     margin: 0 10px 0 5px;
     699}
     700
     701.snarkFileStatus img[src*="clock"] {
     702     margin-top: 2px;
     703}
     704
     705.percentBarOuter {
     706     background: #eef;
     707     background: repeating-linear-gradient(135deg, rgba(238, 238, 255,0.7) 1px, rgba(238, 238, 255, 0.7) 5px, rgba(221, 221, 255, 0.7) 6px, rgba(221, 221, 255, 0.7) 11px);
     708     border: 1px solid #99f;
     709     box-shadow: none;
     710     box-shadow: 0 0 1px rgba(200,200,200,0.8);
     711     margin: 0 auto;
     712}
     713
     714.percentBarInner {
     715     border: none;
     716     height: 100%;
     717     background: #bbf;
     718     background: linear-gradient(to bottom, #fff 0%, #eef 50%, #ddf 50%, #bbf 100%);
     719     box-shadow: inset 0 0 0 1px #ddf;
     720}
     721
     722.percentBarInner.percentBarComplete {
     723     background: transparent;
     724     vertical-align: middle;
     725}
     726
     727.percentBarText, .percentBarOuter {
     728     text-align: center;
     729     height: 16px;
     730     vertical-align: middle;
     731}
     732
     733.percentBarText {
     734     text-align: center;
     735     font-weight: bold !important;
     736     line-height: 15px;
     737     padding: 1px 0;
     738     white-space: nowrap;
     739     display: block;
     740     color: #005;
     741     text-shadow: 0 0 1px rgba(255,255,255,0.5);
     742     opacity: 0;
     743     transition: ease opacity 0.3s 0.5s;
     744}
     745
     746.percentBarText:hover, .percentBarText:focus {
     747     opacity: 0.75;
     748     transition: ease opacity 0.3s;
     749}
     750
     751.percentBarOuterComplete .percentBarText {
     752     opacity: 1;
     753}
     754
     755.snarkTorrentDownloaded .percentBarText, .snarkTorrentDownloaded .percentBarOuter {
     756     width: 110px !important;
     757}
     758
     759.snarkDirInfo .percentBarText, .snarkDirInfo .percentBarOuter, .peerinfo .percentBarText, .peerinfo .percentBarOuter {
     760     width: 80px !important;
     761}
     762
     763/* end download bars */
    683764
    684765.choked {
     
    903984
    904985hr {
    905      color: #444;
    906      background: #444;
     986     color: #339;
     987     background: #339;
     988     background: linear-gradient(to right, #339, rgba(110,100,200,0.5));
    907989     height: 1px;
    908      border: 0 solid #444;
     990     border: 0 solid #339;
    909991     width: 0;
    910992     margin: 5px 0 7px 0;
    911993     text-align: center;
    912 }
    913 
    914 hr.debug {
    915      width: 100%;
    916      margin: 3px 0;
    917 }
    918 
    919 hr.debug:nth-child(n+7) {
    920      margin-top: -10px;
    921      background: #339;
    922994}
    923995
     
    11241196}
    11251197
     1198select[disabled], select[disabled]:hover {
     1199     background: #efefff url(images/dropdown.png) right center no-repeat !important;
     1200     opacity: 0.7;
     1201     cursor: not-allowed;
     1202}
     1203
    11261204select::-ms-expand {
    11271205     display: none;
     
    14601538}
    14611539
     1540.dhtDebug th, .dhtDebug:hover {
     1541     font-weight: normal;
     1542     padding: 0 10px 10px !important;
     1543     background: #efefff;
     1544     background: repeating-linear-gradient(45deg, rgba(255,255,255,0.5) 2px, rgba(230, 230, 255, 0.3) 3px, #fff 5px) #fff !important;
     1545     word-break: break-all;
     1546}
     1547
     1548/* debug panel */
     1549
     1550#dhtdebugPanel {
     1551     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);
     1552     box-shadow: inset 0 0 0 1px #efefff;
     1553     border: 1px solid #7778bf;
     1554     border-top: none;
     1555     text-align: center;
     1556     padding-bottom: 13px;
     1557}
     1558
     1559#dhtDebugInner {
     1560     text-align: left;
     1561     padding: 5px;
     1562     background: #efefff;
     1563     box-shadow: inset 0 0 0 1px #fff, 0 0 1px 0 rgba(160,160,160,0.5);
     1564     margin: -26px 0 -12px;
     1565}
     1566
     1567.dhtDebug th b:first-of-type, .dhtDebug th b:first-of-type + br + hr.debug {
     1568     display: none;
     1569}
     1570
     1571input#toggle_debug:not(checked) + label {
     1572     padding-bottom: 2px;
     1573}
     1574
     1575input#toggle_debug:not(checked) + label > img {
     1576     margin-right: -2px !important;
     1577}
     1578
     1579input#toggle_debug:not(checked) + label + #dhtDebugInner {
     1580     display: block;
     1581}
     1582
     1583input#toggle_debug:checked + label + #dhtDebugInner {
     1584     display: none;
     1585}
     1586
     1587.iframed input#toggle_debug:not(checked) + label + #dhtDebugInner {
     1588     display: block;
     1589}
     1590
     1591.iframed input#toggle_debug:checked + label + #dhtDebugInner {
     1592     display: none;
     1593}
     1594
     1595/* end debug panel */
     1596
     1597hr.debug {
     1598     width: 100%;
     1599     margin: 3px 0;
     1600}
     1601
     1602hr.debug:first-of-type {
     1603     background: transparent;
     1604     margin-top: -5px;
     1605     margin-bottom: -5px;
     1606}
     1607
     1608hr.debug:nth-child(n+7) {
     1609     margin-top: -10px;
     1610}
     1611
     1612hr.debug:last-child {
     1613     background: transparent;
     1614     margin-bottom: -4px;
     1615}
     1616
    14621617/* end debug */
    14631618
     
    15331688     content: "";
    15341689     display: inline-block;
    1535      min-height: 30px;
     1690     min-height: 28px;
    15361691     vertical-align: middle;
    15371692}
     
    15811736}
    15821737
    1583 #bwHelp a {
     1738#configs a {
    15841739     display: inline-block;
    15851740     white-space: nowrap;
    1586      font-style: normal;
     1741     margin-left: 4px;
    15871742     font-weight: bold;
    15881743}
     
    16401795
    16411796/*responsive layout */
    1642 
    1643 @media screen and (max-width: 1000px) {
    1644 body, td, .snarkMessages li, .snarkMessages a, button, input, select, .snarkAddInfo, code, tt, th, a, a:link, .snarkAddInfo, .snarkFileStatus {
    1645      font-size: 8pt !important;
    1646 }
    1647 
    1648 .snarkRefresh:link {
    1649      font-size: 9pt !important;
    1650 }
    1651 
    1652 .snarkConfigTitle a, .snarkConfigTitle, label.toggleview {
    1653      font-size: 10pt !important;
    1654 }
    1655 
    1656 .snarkTorrents td:first-child img {
    1657      max-height: 16px;
    1658 }
    1659 
    1660 .snarkTorrentName, .snarkTorrentName a {
    1661      font-weight: bold;
    1662 }
    1663 
    1664 .snarkTorrents td:nth-child(2), .snarkTorrents td:nth-child(2) a {
    1665      white-space: nowrap;
    1666      font-weight: bold;
    1667 }
    1668 
    1669 .snarkTorrentStatus b {
    1670      display: none;
    1671 }
    1672 
    1673 b.alwaysShow {
    1674      display: inline;
    1675 }
    1676 }
    1677 
    1678 @media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1000px) {
    1679 .snarkConfigTitle a, label.toggleview, .configsectionpanel .snarkConfigTitle {
    1680      font-size: 12pt !important;
    1681 }
    1682 }
    1683 
    1684 @media screen and (max-width: 1200px) {
    1685 .dirInfoComplete {
    1686      display: none;
    1687 }
    1688 
    1689 a.snarkRefresh:first-child {
    1690      padding-left: 26px !important;
    1691 }
    1692 }
    16931797
    16941798/* mini-mode: hide status text, upload speed + upload amount in main torrent table at 800px or less */
     
    17131817}
    17141818
    1715 .snarkTorrents th:nth-child(7) img {
     1819.snarkTorrents th:nth-child(7) img, .snarkTorrents th:nth-child(9) img {
    17161820     display: none;
    17171821}
     
    17801884/* end mini-mode */
    17811885
     1886@media screen and (max-width: 1000px) {
     1887body, td, .snarkMessages li, .snarkMessages a, button, input, select, .snarkAddInfo, code, tt, th, a, a:link, .snarkAddInfo, .snarkFileStatus {
     1888     font-size: 8pt !important;
     1889}
     1890
     1891.snarkRefresh:link {
     1892     font-size: 9pt !important;
     1893}
     1894
     1895.snarkConfigTitle a, .snarkConfigTitle, label.toggleview {
     1896     font-size: 10pt !important;
     1897}
     1898
     1899.snarkTorrents td:first-child img {
     1900     max-height: 16px;
     1901}
     1902
     1903.snarkTorrentName, .snarkTorrentName a {
     1904     font-weight: bold;
     1905}
     1906
     1907.snarkTorrents td:nth-child(2), .snarkTorrents td:nth-child(2) a {
     1908     white-space: nowrap;
     1909     font-weight: bold;
     1910}
     1911
     1912.snarkTorrentStatus b {
     1913     display: none;
     1914}
     1915
     1916b.alwaysShow {
     1917     display: inline;
     1918}
     1919
     1920.snarkTorrentDownloaded .percentBarText, .snarkTorrentDownloaded .percentBarOuter {
     1921     width: 100px !important;
     1922}
     1923}
     1924
     1925@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1000px) {
     1926.snarkConfigTitle a, label.toggleview, .configsectionpanel .snarkConfigTitle {
     1927     font-size: 12pt !important;
     1928}
     1929}
     1930
     1931@media screen and (max-width: 1200px) {
     1932.dirInfoComplete {
     1933     display: none;
     1934}
     1935
     1936a.snarkRefresh:first-child {
     1937     padding-left: 26px !important;
     1938}
     1939}
     1940
     1941@media screen and (max-width: 1400px) {
     1942#dhtDebugInner {
     1943    margin-top: -22px !important;
     1944}
     1945}
     1946
    17821947@media screen and (min-width: 1200px) {
     1948a.snarkRefresh {
     1949     font-size: 10pt !important;
     1950}
     1951
     1952a.snarkRefresh:first-child {
     1953     padding-left: 26px !important;
     1954}
     1955
    17831956.percentDownloaded {
    17841957     pointer-events: none; /* hide tooltip */
  • installer/resources/themes/snark/midnight/snark.css

    r81b8b18 r2b82312  
    4040* {
    4141     outline: none;
     42}
     43
     44.toggleview, .snarkConfigTitle, .snarknavbar, img, input[type="image"] {
     45     -moz-user-select: none;
     46     -webkit-user-select: none;
     47     user-select: none;
    4248}
    4349
     
    336342}
    337343
     344th:first-child img {
     345     margin: 1px -2px 3px 1px !important;
     346}
     347
     348th:nth-child(2) img {
     349     margin: 1px 5px 3px 2px !important;
     350}
     351
     352tfoot th {
     353     padding-bottom: 4px !important;
     354}
     355
     356tfoot tr:first-child th {
     357     vertical-align: middle !important;
     358}
     359
    338360tfoot td:first-child {
    339361     padding-left: 0;
    340362     text-align: left !important;
    341 }
    342 
    343 th:first-child img {
    344      margin: 1px -2px 3px 1px !important;
    345 }
    346 
    347 th:nth-child(2) img {
    348      margin: 1px 5px 3px 2px !important;
    349 }
    350 
    351 tfoot th {
    352      padding-bottom: 4px !important;
    353363}
    354364
     
    404414.snarkTorrents thead th:first-child {
    405415     width: 36px;
    406 /*     padding-right: 0;*/
    407416     text-align: center !important;
    408417}
     
    499508     padding: 0 2px 0 0 !important;
    500509     text-align: center !important;
     510}
     511
     512.peerinfo td:nth-child(4) {
     513     font-weight: bold;
    501514}
    502515
     
    709722}
    710723
    711 td.snarkFileStatus {
     724.snarkFileStatus {
    712725     font-size: 8pt;
    713726     text-align: left;
    714 }
    715 
    716 td.snarkFileIcon {
     727     width: 140px;
     728}
     729
     730.snarkFileIcon {
    717731     width: 16px;
    718732     padding: 0;
    719733}
    720734
    721 td.snarkFileStatusIcon {
     735.snarkFileStatusIcon {
    722736     width: 24px;
    723737     padding: 0 4px 0 0;
     
    871885}
    872886
    873 /*
    874 .ParentDir a, .ParentDir a:visited {
    875      color: #7972d1 !important;
    876 }
    877 */
     887tr:hover .percentBarText {
     888     opacity: 0.9;
     889}
    878890
    879891.snarkTorrents a {
     
    882894}
    883895
    884 /*
    885 .snarkTorrents tr:hover a, .snarkDirInfo tr:hover a {
    886      color: #a099ff;
    887 }
    888 
    889 .snarkTorrents a:hover, td[onclick]:hover a, .snarkDirInfo a:hover {
    890      color: #652787 !important;
    891 }
    892 
    893 td[onclick]:hover {
    894      cursor: pointer !important;
    895 }
    896 */
     896.snarkTorrents th a {
     897     display: inline;
     898}
    897899
    898900.snarkTorrentEven {
     
    947949     padding: 4px 2px;
    948950     color: #7670c2 !important;
     951     width: 1%;
     952     white-space: nowrap;
    949953}
    950954
     
    963967}
    964968
    965 /*
    966 div.percentBarOuter {
    967       background: #000 !important;
    968       border: 1px solid #9f9;
    969       border-bottom: 1px solid #474;
    970       border-right: 1px solid #474;
    971       border-radius: 0;
    972       float: left;
    973       box-shadow: none;
    974       opacity: 1;
    975 }
    976 
    977 div.percentBarInner {
    978       border: none;
    979       height: 14px;
    980       background: #1c943a;
    981       background: linear-gradient(to bottom,  #1c943a 0%, #092f10 50%, #0d2707 50%, #091b05 50%, #091503 100%);
    982 }
    983 
    984 div.percentBarInner.percentBarComplete {
    985       background: #001100;
    986       background: linear-gradient(to bottom,  #001100 0%, #002200 52%, #000000 52%, #001100 100%);
     969/* download bars */
     970
     971.snarkTorrentDownloaded {
     972     width: 110px !important;
     973     text-align: center !important;
     974}
     975
     976.snarkDirInfo .snarkFileStatus img {
     977     float: left;
     978     margin: 0 10px 0 5px;
     979}
     980
     981.snarkFileStatus img[src*="clock"] {
     982     margin-top: 4px;
     983}
     984
     985.percentBarOuter {
     986     background: #000;
     987     background: repeating-linear-gradient(135deg, #001 1px, #001 5px, #003 6px, #003 11px);
     988     border: 1px solid #171c3f;
     989     box-shadow: none;
     990     box-shadow: 0 0 1px 1px rgba(0,0,0,0.8);
     991     margin: 3px auto;
     992}
     993
     994.peerinfo .percentBarOuter {
     995     opacity: 0.8;
     996}
     997
     998.percentBarInner {
     999     border: none;
     1000     height: 100%;
     1001     background: #33a;
     1002     background: linear-gradient(to bottom,  #33a 0%, #226 50%, #003 50%, #000 100%);
     1003     box-shadow: inset 0 0 0 1px #000;
     1004     opacity: 0.8;
     1005}
     1006
     1007.snarkTorrentDownloaded .percentBarInner {
     1008     background: linear-gradient(to bottom, rgba(51, 51, 170, 0.6) 0%, rgba(34, 34, 102, 0.7) 50%, rgba(0, 0, 51, 0.8) 50%, rgba(0, 0, 0, 0.9) 100%), linear-gradient(to right, rgba(255, 255, 0, 0.5) 55px, rgba(0, 255, 0, 0.5));
     1009}
     1010
     1011.snarkDirInfo .percentBarInner {
     1012     background: linear-gradient(to bottom, rgba(51, 51, 170, 0.6) 0%, rgba(34, 34, 102, 0.7) 50%, rgba(0, 0, 51, 0.8) 50%, rgba(0, 0, 0, 0.9) 100%), linear-gradient(to right, rgba(255, 255, 0, 0.5) 40px, rgba(0, 255, 0, 0.5));
     1013}
     1014
     1015.snarkDirInfo .percentBarInner[style="width: 0%;"] .percentBarText {
     1016     opacity: 0.9;
    9871017}
    9881018
    9891019.percentBarText, .percentBarOuter {
    990       text-align: center;
    991       height: 14px;
    992       top: 0;
    993       width: 80px;
    994 }
    995 
    996 .percentBarText{
    997       text-align: center;
    998       font-weight: bold;
    999       line-height: 140%;
    1000       text-shadow: 0 1px 1px #000;
    1001 }
    1002 
    1003 .snarkTorrentDownloaded .percentBarText, .snarkTorrentDownloaded .percentBarOuter  {
    1004       width: 110px !important;
    1005       word-spacing: -0.2em;
    1006       font-size: 7.5pt;
    1007 }
    1008 
    1009 */
     1020     text-align: center;
     1021     height: 16px;
     1022     vertical-align: middle;
     1023     width: 110px;
     1024}
     1025
     1026.snarkDirInfo .percentBarText, .snarkDirInfo .percentBarOuter, .peerinfo .percentBarText, .peerinfo .percentBarOuter {
     1027     width: 80px;
     1028}
     1029
     1030.percentBarText {
     1031     text-align: center;
     1032     font-weight: bold !important;
     1033     line-height: 16px;
     1034     white-space: nowrap;
     1035     display: block;
     1036     color: #00ecff;
     1037     text-shadow: 0 0 1px rgba(0,0,0,0.8);
     1038     opacity: 0;
     1039     transition: ease opacity 0.3s 0.5s;
     1040}
     1041
     1042.peerinfo .percentbartext {
     1043    color: #dff1ff;
     1044}
     1045
     1046.percentBarText:hover, .percentBarText:focus {
     1047     opacity: 0.9;
     1048     transition: ease opacity 0.3s;
     1049}
     1050
     1051/* end download bars */
    10101052
    10111053.choked {
     
    11281170     margin-top: -1px;
    11291171     filter: drop-shadow(0 0 1px #000);
    1130 /*     filter: sepia(100%) hue-rotate(150deg) drop-shadow(0 0 1px #000);*/
    11311172}
    11321173
     
    11561197     border: 0 solid #3e3d4b;
    11571198     background: #3e3d4b;
    1158 }
    1159 
    1160 hr.debug {
    1161      width: 100%;
    1162      background: #120f35;
    1163      margin: 3px 0;
    1164 }
    1165 
    1166 hr.debug:nth-child(n+7) {
    1167      margin: -10px 0 3px;
    1168 }
    1169 
    1170 hr.debug:last-child {
    1171      background: #000;
    1172      margin-bottom: -5px;
    11731199}
    11741200
     
    14541480}
    14551481
     1482select[disabled], select[disabled]:hover {
     1483     color: #4e47bf !important;
     1484     background: #000 url(images/dropdown.png) right 3px center no-repeat !important;
     1485     border: 1px solid #3e3f8f;
     1486     border-bottom-color: #14144f;
     1487     border-right-color: #14144f;
     1488     box-shadow: none !important;
     1489     opacity: 0.7;
     1490     cursor: not-allowed;
     1491}
     1492
    14561493select option {
    14571494     font-size: 9.5pt;
     
    17791816}
    17801817
    1781 #bwHelp a {
     1818#configs a {
    17821819     display: inline-block;
    17831820     white-space: nowrap;
    1784      margin-left: 5px;
    1785      font-style: normal;
     1821     margin-left: 4px;
     1822     font-weight: bold;
    17861823}
    17871824
     
    20392076}
    20402077
     2078tfoot .dhtDebug th {
     2079     word-break: break-all;
     2080     padding: 0 10px 10px !important;
     2081}
     2082
     2083/* debug panel */
     2084
     2085#dhtDebugPanel {
     2086     background: linear-gradient(to bottom, #001, #000009);
     2087     border: 1px solid #443da0;
     2088     border-top: none;
     2089     box-shadow: inset 0 0 0 1px #000;
     2090     text-align: center;
     2091     padding-bottom: 13px;
     2092}
     2093
     2094#dhtDebugPanel .toggleview {
     2095     padding-bottom: 2px !important;
     2096}
     2097
     2098#dhtDebugInner {
     2099     text-align: left;
     2100     padding: 5px;
     2101     background: #000;
     2102     margin: -23px 0 -12px;
     2103}
     2104
     2105.dhtDebug th b:first-of-type, .dhtDebug th b:first-of-type + br + hr.debug {
     2106     display: none;
     2107}
     2108
     2109input#toggle_debug:not(checked) + label {
     2110     padding-bottom: 2px;
     2111}
     2112
     2113input#toggle_debug:not(checked) + label > img {
     2114     margin-right: -2px !important;
     2115}
     2116
     2117input#toggle_debug:not(checked) + label + #dhtDebugInner {
     2118     display: block;
     2119}
     2120
     2121input#toggle_debug:checked + label + #dhtDebugInner {
     2122     display: none;
     2123}
     2124
     2125.iframed input#toggle_debug:not(checked) + label + #dhtDebugInner {
     2126     display: block;
     2127}
     2128
     2129.iframed input#toggle_debug:checked + label + #dhtDebugInner {
     2130     display: none;
     2131}
     2132
     2133/* end debug panel */
     2134
     2135hr.debug {
     2136     width: 100%;
     2137     background: #120f35;
     2138     margin: 3px 0;
     2139}
     2140
     2141hr.debug:first-of-type {
     2142     background: transparent;
     2143     margin-bottom: -5px;
     2144     margin-top: -2px;
     2145}
     2146
     2147hr.debug + hr {
     2148     display: block;
     2149     background: transparent;
     2150     margin-bottom: -3px;
     2151}
     2152
     2153hr.debug:nth-child(n+7) {
     2154     margin: -10px 0 3px;
     2155}
     2156
     2157hr.debug:last-child {
     2158     background: #000;
     2159     margin-bottom: -5px;
     2160}
     2161
    20412162/* end debug */
    20422163
     
    20812202
    20822203#NotFound {
    2083      border-bottom: 1px solid #443da0;
     2204     border: 1px solid #443da0;
    20842205}
    20852206
     
    22582379}
    22592380
     2381.peerinfo .percentBarText, .snarkDirInfo .percentBarText  {
     2382     line-height: 18px;
     2383}
     2384
     2385.percentBarText, .percentBarOuter {
     2386     width: 100px;
     2387}
     2388
     2389.snarkDirInfo .percentBarText, .snarkDirInfo .percentBarOuter, .peerinfo .percentBarText, .peerinfo .percentBarOuter {
     2390     width: 60px;
     2391}
     2392
     2393.snarkTorrentDownloaded .percentBarInner {
     2394     background: linear-gradient(to bottom, rgba(51, 51, 170, 0.6) 0%, rgba(34, 34, 102, 0.7) 50%, rgba(0, 0, 51, 0.8) 50%, rgba(0, 0, 0, 0.9) 100%), linear-gradient(to right, rgba(255, 255, 0, 0.5) 50px, rgba(0, 255, 0, 0.5));
     2395}
     2396
     2397.snarkDirInfo .percentBarInner {
     2398     background: linear-gradient(to bottom, rgba(51, 51, 170, 0.6) 0%, rgba(34, 34, 102, 0.7) 50%, rgba(0, 0, 51, 0.8) 50%, rgba(0, 0, 0, 0.9) 100%), linear-gradient(to right, rgba(255, 255, 0, 0.5) 30px, rgba(0, 255, 0, 0.5));
     2399}
     2400
    22602401.configsectionpanel .snarkConfigTitle {
    22612402     font-size: 10.5pt !important;
     
    22992440}
    23002441
     2442.snarkRefresh {
     2443     font-size: 10.5pt !important;
     2444}
     2445
    23012446.snarkConfigTitle, .snarkConfigTitle a, label.toggleview, .snarkRefresh:link {
    23022447     font-size: 11pt !important;
     
    23152460a, th, thead th, tfoot th, td, select, select option, .snarkAddInfo, .snarkFileName, code, textarea, input[name="nofilter_dataDir"], input, code {
    23162461     font-size: 10pt !important;
    2317 }
    2318 
    2319 .snarkRefresh {
    2320      font-size: 10.5pt !important;
    23212462}
    23222463
  • installer/resources/themes/snark/ubergine/snark.css

    r81b8b18 r2b82312  
    383383}
    384384
    385 tfoot th {
    386      padding-bottom: 4px !important;
    387      vertical-align: top;
    388 }
    389 
    390385tfoot img, tfoot:nth-child(2) img, tfoot:nth-child(1) img, tfoot:nth-child(3) img, tfoot:nth-child(4) img {
    391386     margin: 0 2px 3px 0 !important;
     
    399394.headerstatus {
    400395     text-align: left;
    401      padding-left: 15px;
     396     padding-left: 5px;
    402397}
    403398
     
    487482     padding: 5px 2px;
    488483     font-weight: normal;
    489 }
    490 
    491 .snarkTorrents tfoot th::first-line {
     484     vertical-align: middle;
     485}
     486
     487.snarkTorrents tfoot tr:first-child th {
    492488     font-weight: bold;
    493489     vertical-align: middle;
     
    498494}
    499495
    500 .snarkTorrents thead th:nth-last-child(4), .snarkTorrents thead th:nth-last-child(5), .snarkTorrents tfoot th:nth-last-child(4), .snarkTorrents tfoot th:nth-last-child(5) {
     496.snarkTorrents thead th:nth-last-child(4), .snarkTorrents tfoot th:nth-last-child(4) {
    501497     text-align: center;
    502498}
     
    508504.snarkTorrents tfoot th:nth-child(n+2) {
    509505     text-align: right;
    510 }
    511 
    512 .snarkTorrents tfoot th:nth-child(2) {
    513      text-align: center;
    514506}
    515507
     
    519511}
    520512
     513.snarkTorrents .peerinfo td:nth-child(3), .snarkTorrents .peerinfo td:nth-child(4) {
     514     padding: 2px 4px;
     515}
     516
    521517.snarkTorrents td:nth-child(3) {
    522518     text-align: right;
    523 }
    524 
    525 .snarkTorrents td:nth-child(4) {
    526      text-align: left;
    527519}
    528520
     
    556548.snarkTorrentName {
    557549     line-height: 110%;
    558      padding: 2px 1px 2px 0;
     550     padding: 2px 1px 2px 3px;
    559551}
    560552
     
    572564}
    573565
    574 .snarkTorrents th:last-child {
     566.snarkTorrents thead th:last-child {
    575567     white-space: nowrap !important;
    576568     text-align: center;
    577569     padding-right: 4px;
    578      width: 40px;
     570     width: 1%;
    579571}
    580572
     
    645637}
    646638
    647 .snarkTorrentDownloaded {
    648      color: #76a !important;
    649      white-space: nowrap;
    650      text-align: center !important;
    651 }
    652 
    653639.snarkTorrentUploaded {
    654640     color: #b9b !important;
     
    706692
    707693.snarkTorrentEven + .snarkTorrentEven td:nth-child(4), .snarkTorrentOdd + .snarkTorrentOdd td:nth-child(4) {
    708      text-align: center !important;
     694     text-align: right !important;
     695     font-weight: bold;
    709696}
    710697
     
    720707}
    721708
    722 table.snarkTorrents tbody tr:hover {
    723      box-shadow: inset 0 1px 1px 0 #939;
     709tr:hover .percentBarText {
     710     opacity: 1;
    724711}
    725712
     
    756743     font-weight: bold;
    757744     color: #b6b !important;
    758      width: 9em !important;
     745     width: 1%;
     746     white-space: nowrap;
    759747}
    760748
    761749.snarkFileStatus {
    762      padding: 2px 5px 2px 15px;
     750     padding: 2px 5px;
    763751     font-style: italic;
    764752     font-size: 8pt;
     
    767755     overflow: hidden;
    768756     text-overflow: ellipsis;
     757     width: 140px;
    769758}
    770759
     
    898887}
    899888
     889/* download bars */
     890
     891.snarkTorrentDownloaded {
     892     text-align: right !important;
     893     width: 110px;
     894     color: #76a !important;
     895     white-space: nowrap;
     896}
     897
     898.snarkDirInfo .snarkFileStatus img {
     899     float: left;
     900     margin: 0 10px 0 7px;
     901}
     902
     903.priorityIndicator img[src*="clock"] {
     904     margin-top: 4px;
     905}
     906
     907.percentBarOuter {
     908     background: #000 !important;
     909     background: repeating-linear-gradient(135deg, #000 1px, #000 5px, #101 6px, #101 11px) !important;
     910     border: 1px solid #414;
     911     border-bottom: 1px solid #212;
     912     border-right: 1px solid #212;
     913     opacity: 0.7;
     914     box-shadow: 0 0 1px 1px rgba(0,0,0,0.5);
     915     margin: 2px 0 !important;
     916}
     917
     918.snarkTorrentDownloaded .percentBarOuter {
     919     margin-left: 5px !important;
     920}
     921
     922.peerinfo .percentBarOuter {
     923     background: repeating-linear-gradient(135deg, #000 1px, #000 5px, #0f0a08 6px, #0f0a08 11px) !important;
     924     height: 16px;
     925     line-height: 13px;
     926}
     927
     928.percentBarInner {
     929     border: none;
     930     height: 100%;
     931     background: #515;
     932     background: linear-gradient(to bottom, rgba(136, 17, 136, 0.7) 0%, rgba(85, 17, 85, 0.7) 50%, rgba(51, 17, 51, 0.7) 50%, rgba(0, 0, 0, 0.9) 100%);
     933     box-shadow: inset 0 0 0 1px #000;
     934}
     935
     936.peerinfo .percentBarInner {
     937     background: linear-gradient(to bottom, rgba(82, 57, 67, 0.7) 0%, rgba(95, 70, 41, 0.7) 50%, rgba(63, 47, 27, 0.7) 50%, rgba(31, 23, 13, 0.9) 100%);
     938}
     939
     940.peerinfo .percentBarText {
     941     color: #C19E91;
     942}
     943
     944.percentBarText, .percentBarOuter {
     945     width: 110px;
     946     text-align: center;
     947     vertical-align: middle;
     948}
     949
     950.snarkDirInfo .percentBarText, .snarkDirInfo .percentBarOuter, .peerinfo .percentBarText, .peerinfo .percentBarOuter {
     951     width: 80px;
     952}
     953
     954.snarkDirInfo .percentBarOuter {
     955     float: left;
     956}
     957
     958.peerinfo .percentBarOuter {
     959     float: right;
     960}
     961
     962.percentBarText {
     963     text-align: center;
     964     font-weight: bold;
     965     padding: 2px 0;
     966     white-space: nowrap;
     967     display: block;
     968     color: #dd7;
     969     text-shadow: 0 0 1px rgba(0,0,0,0.8);
     970     opacity: 0;
     971     transition: ease opacity 0.3s 0.5s;
     972}
     973
     974.percentBarText:hover, .percentBarText:focus {
     975     opacity: 1;
     976     transition: ease opacity 0.3s;
     977}
     978
     979/* end download bars */
     980
    900981.choked {
    901982     color: #f00000 !important;
     
    904985.unchoked {
    905986     color: #00f000 !important;
     987     color: #34CF19 !important;
    906988}
    907989
     
    9711053     -webkit-user-select: all;
    9721054     user-select: all;
     1055}
     1056
     1057.toggleview, .snarkConfigTitle, .snarknavbar, img, input[type="image"] {
     1058     -moz-user-select: none;
     1059     -webkit-user-select: none;
     1060     user-select: none;
    9731061}
    9741062
     
    10381126}
    10391127
    1040 hr.debug {
    1041      width: 100%;
    1042 }
    1043 
    1044 hr.debug:nth-child(n+7) {
    1045      margin-top: -11px;
    1046      margin-bottom: 2px;
    1047      opacity: 0.5;
    1048 }
    1049 
    1050 hr.debug:last-child {
    1051      background: #303;
    1052      margin-bottom: -4px;
    1053 }
    1054 
    10551128a:link {
    10561129     color: #f70;
     
    14831556}
    14841557
     1558select[disabled], select[disabled]:hover, select[disabled]:focus {
     1559     opacity: 0.5;
     1560     background: #212 url(images/graytile.png) !important;
     1561     background: url(images/dropdown.png) right center no-repeat, url(images/graytile.png) #212 !important;
     1562     background-blend-mode: normal;
     1563     color: #f60 !important;
     1564     cursor: not-allowed;
     1565}
     1566
    14851567select option {
    14861568     background: #f50;
     
    19061988}
    19071989
     1990hr.debug {
     1991     background: linear-gradient(to right, #313, #414, #313);
     1992     background: rgba(32,16,32,0.3);
     1993     border-bottom: 1px solid rgba(128, 0, 128, 0.3);
     1994     width: 100%;
     1995     height: 1px;
     1996}
     1997
     1998@-moz-document url-prefix() {
     1999hr.debug {
     2000     height: 2px;
     2001}
     2002}
     2003
     2004hr.debug:nth-child(n+7) {
     2005     margin-top: -7px;
     2006     margin-bottom: 7px;
     2007}
     2008
     2009hr.debug:first-of-type {
     2010     background: transparent;
     2011     border: none;
     2012     margin-bottom: -2px;
     2013}
     2014
     2015hr.debug:last-child {
     2016     background: transparent;
     2017     border: none;
     2018     margin-bottom: -4px;
     2019}
     2020
     2021hr.debug + hr {
     2022     background: transparent !important;
     2023     display: block !important;
     2024     margin-bottom: -7px;
     2025}
     2026
     2027tr.dhtDebug th {
     2028     white-space: normal;
     2029     word-break: break-all;
     2030     border-top: 1px solid #313;
     2031     background: #1f021f;
     2032     padding: 0 10px 5px;
     2033     padding: 0 0 4px;
     2034     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);
     2035}
     2036
     2037.dhtDebug th > br:first-child {
     2038     display: none;
     2039}
     2040
     2041/* debug panel */
     2042
     2043#dhtDebugPanel {
     2044     background: #101;
     2045     background: linear-gradient(to bottom, #545 0%, #434 100%);
     2046     background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2) 30%, rgba(0,0,0,1)), linear-gradient(to right, rgba(128,0,128,0) 30%, #414 50%, rgba(128,0,128,0) 70%), linear-gradient(to bottom, #101, #000);
     2047     border: 1px solid #414;
     2048     border-top: none;
     2049     border-radius: 0 0 4px 4px;
     2050     box-shadow: 0 1px 2px 0 rgba(16,0,16,0.6);
     2051     text-align: center;
     2052     padding-bottom: 13px;
     2053     margin: 0 8px 4px;
     2054}
     2055
     2056#dhtDebugPanel label {
     2057     padding: 8px 4px 4px !important;
     2058     display: block;
     2059     margin: 0 0 -13px !important;
     2060     border-radius: 0 0 4px 4px;
     2061     background: #202;
     2062}
     2063
     2064input#toggle_debug:not(checked) + label {
     2065     border-radius: 0;
     2066     background: #101;
     2067     text-align: center;
     2068}
     2069
     2070#dhtDebugInner {
     2071     text-align: left;
     2072     padding: 3px 10px 5px;
     2073     background: #000;
     2074     margin: -33px 0 -12px;
     2075}
     2076
     2077.dhtDebug th b:first-of-type, .dhtDebug th b:first-of-type + br + hr.debug {
     2078     display: none;
     2079}
     2080
     2081input#toggle_debug:not(checked) + label {
     2082     padding-bottom: 2px;
     2083}
     2084
     2085input#toggle_debug:not(checked) + label > img {
     2086     margin-right: -2px !important;
     2087}
     2088
     2089input#toggle_debug:not(checked) + label + #dhtDebugInner {
     2090     display: block;
     2091}
     2092
     2093input#toggle_debug:checked + label + #dhtDebugInner {
     2094     display: none;
     2095}
     2096
     2097.iframed input#toggle_debug:not(checked) + label + #dhtDebugInner {
     2098     display: block;
     2099}
     2100
     2101.iframed input#toggle_debug:checked + label + #dhtDebugInner {
     2102     display: none;
     2103}
     2104
     2105/* end debug panel */
    19082106/* end debug */
    19092107
     
    20352233}
    20362234
    2037 td#bwHelp {
     2235#bwHelp {
    20382236     background: url(images/infocircle.png) left 8px center no-repeat;
    20392237     background-size: 14px auto;
     
    20432241}
    20442242
    2045 td#bwHelp a {
     2243#bwHelp a {
    20462244     display: inline-block;
    20472245     white-space: nowrap;
     
    21562354
    21572355.snarkTorrentName a:not(old) {
    2158      max-width: 300px;
     2356     max-width: 300px !important;
    21592357}
    21602358
    21612359.snarkTorrentDownloaded {
    21622360     white-space: nowrap;
     2361}
     2362
     2363.percentBarOuter {
     2364     margin: 0 !important;
     2365     display: inline-block;
     2366}
     2367
     2368.percentBarOuter, .percentBarText {
     2369     width: 105px;
     2370}
     2371
     2372.snarkDirInfo .percentBarText, .snarkDirInfo .percentBarOuter {
     2373     width: 60px;
    21632374}
    21642375
     
    22032414     max-width: 350px;
    22042415}
     2416
     2417.priorityIndicator img[src*="clock"] {
     2418     margin-top: 0;
     2419}
    22052420}
    22062421
     
    22332448}
    22342449
     2450.snarkFileStatus {
     2451     width: 120px;
     2452}
     2453
    22352454.toggleview, .snarkConfigTitle, .snarkConfigTitle a {
    22362455     font-size: 11pt !important;
     
    22562475     background-position: 11px 5px, center center !important;
    22572476     background-size: 15px auto, 100% 100% !important;
     2477}
     2478
     2479.peerinfo .percentBarOuter {
     2480     filter: sepia(1);
     2481     height: 14px;
     2482     line-height: 11px;
     2483}
     2484
     2485#dhtDebugInner {
     2486     padding-top: 15px !important;
    22582487}
    22592488}
     
    23582587.peerinfo tt {
    23592588     display: inline-block;
    2360 }
    2361 
    2362 .SnarkTorrents td:nth-child(4) {
    2363      padding-right: 5px;
    23642589}
    23652590
     
    24142639}
    24152640
    2416 .snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded, .snarkFileSize {
    2417      padding: 0 8px !important;
    2418 }
    2419 
    2420 .choked, .unchoked {
    2421      margin-right: 6px;
    2422 }
    2423 
    24242641#pagenav img {
    24252642     width: 16px !important;
  • installer/resources/themes/snark/vanilla/snark.css

    r81b8b18 r2b82312  
    109109}
    110110
    111 .snarkRefresh, .toggleview, .snarkConfigTitle, thead img, .snarkTorrentAction,
    112 input[type="submit"], input[type="reset"], .control, .input[type="radio"], input[type="checkbox"] {
     111.toggleview, .snarkConfigTitle, .snarknavbar, img, input[type="image"] {
     112     -moz-user-select: none;
    113113     -webkit-user-select: none;
    114      -moz-user-select: none;
    115114     user-select: none;
    116115}
     
    449448}
    450449
    451 tfoot th {
    452      padding-bottom: 4px !important;
     450tfoot tr:first-child th {
     451     vertical-align: middle;
     452     font-weight: bold;
    453453}
    454454
     
    456456     margin: 0 2px 3px 0 !important;
    457457     padding-right: 0 !important;
    458 }
    459 
    460 tfoot tr:nth-child(n+1) {
    461      text-align: left;
    462458}
    463459
     
    528524
    529525.snarkTorrents thead th:nth-child(3) {
    530      padding: 4px 4px 4px 0     ;
     526     padding: 4px 4px 4px 0;
    531527     text-align: right;
    532528}
     
    541537
    542538.snarkTorrents th:first-child, .snarkTorrents td:first-child {
    543      width: 30px;
     539     width: 1%;
    544540     white-space: nowrap;
    545541}
    546542
    547543.snarkTorrents th:last-child, .snarkTorrents td:last-child {
    548      width: 36px;
     544     width: 1%;
    549545     white-space: nowrap;
    550546}
     
    552548.snarkTorrents tfoot {
    553549     vertical-align: top;
    554 }
    555 
    556 .snarkTorrents tfoot th:nth-child(2) {
    557      text-align: center;
    558550}
    559551
     
    572564
    573565.snarkTorrents td:nth-child(4) {
    574      text-align: center;
    575      padding-right: 4px !important;
    576566     font-weight: bold;
    577567}
     
    587577     opacity: 1;
    588578     font-size: 8pt;
     579     vertical-align: middle;
    589580}
    590581
     
    599590
    600591.snarkTorrentName {
    601      padding: 3px 0;
     592     padding-left: 5px !important;
    602593     line-height: 110%;
    603594}
     
    613604     margin: 0 !important;
    614605     text-align: center;
    615      width: 68px;
     606     width: 1%;
    616607     white-space: nowrap;
    617608}
     
    669660.snarkTorrentStatus {
    670661     padding: 2px 0;
    671      line-height: 100%;
    672662}
    673663
     
    690680     font-weight: bold;
    691681     padding: 0 3px;
    692      line-height: 120% !important;
     682/*     line-height: 120% !important;*/
    693683}
    694684
     
    733723table.snarkTorrents tbody tr:hover, table.snarkDirInfo tbody tr:hover {
    734724     background: #f9efcf !important;
    735      background: linear-gradient(to right, #700 3px, #f9efcf 3px) !important;
     725     background: linear-gradient(to right, rgba(119, 0, 0, 0.7) 3px, #f9efcf 3px) !important;
     726}
     727
     728tr:hover .percentBarText {
     729     opacity: 1;
    736730}
    737731
     
    823817     font-weight: bold;
    824818     color: #727 !important;
     819     width: 1%;
     820     white-space: nowrap;
    825821}
    826822
     
    832828     text-align: left;
    833829     white-space: nowrap;
     830     width: 140px;
    834831}
    835832
     
    906903}
    907904
     905.snarkDirInfo thead th:nth-child(n+2) {
     906     text-align: center;
     907}
     908
    908909.snarkDirInfo thead img {
    909910     margin: 0 -1px 0 0 !important;
     
    937938     vertical-align: middle;
    938939     padding: 5px !important;
    939      width: 160px
     940     width: 160px;
    940941}
    941942
     
    958959     display: none;
    959960}
     961
     962/* download bars */
     963
     964.snarkTorrents th:nth-child(6) {
     965     text-align: right;
     966}
     967
     968.snarkTorrentDownloaded {
     969     width: 110px !important;
     970     text-align: right !important;
     971}
     972
     973.snarkDirInfo .snarkFileStatus img {
     974     float: left;
     975     margin: 1px 10px 0 7px;
     976}
     977
     978.percentBarOuter, .percentBarText {
     979     width: 110px;
     980}
     981
     982.snarkDirInfo .percentBarText, .snarkDirInfo .percentBarOuter {
     983     width: 90px;
     984}
     985
     986.percentBarOuter {
     987     background: #fff7ef;
     988     background: repeating-linear-gradient(135deg, #fff7ef 1px, #fff7ef 5px, #efdfd1 6px, #efdfd1 11px);
     989     border: 1px solid #998;
     990     border-bottom: 1px solid #776;
     991     border-right: 1px solid #776;
     992     box-shadow: none;
     993     opacity: 1;
     994     margin: 0;
     995}
     996
     997.snarkTorrentDownloaded .percentBarOuter {
     998     margin-left: 5px;
     999}
     1000
     1001.peerinfo .percentBarOuter, .peerinfo .percentBarText {
     1002     width: 70px;
     1003}
     1004
     1005.peerinfo .percentBarText {
     1006     padding: 1px;
     1007     color: #3f3927;
     1008}
     1009
     1010.snarkDirInfo .percentBarOuter {
     1011     float: left;
     1012}
     1013
     1014.percentBarInner {
     1015     border: none;
     1016     height: 100%;
     1017     background: #cfc1b5;
     1018     background: linear-gradient(to bottom, rgba(255, 247, 239, 0.8) 0%, rgba(255, 247, 239, 0.8) 50%, rgba(207, 193, 181, 0.9) 50%, rgba(207, 193, 181, 1) 100%);
     1019     box-shadow: inset 0 0 0 1px #efe6e0;
     1020     vertical-align: middle;
     1021     height: 16px;
     1022}
     1023
     1024.snarkTorrentDownloaded .percentBarInner {
     1025     background: linear-gradient(to bottom, rgba(255, 247, 239, 0.75) 0%, rgba(255, 247, 239, 0.75) 50%, rgba(207, 193, 181, 0.8) 50%, rgba(207, 193, 181, 0.9) 100%), linear-gradient(to right, rgba(255, 100, 0, 0.5) 37px, rgba(255, 255, 0, 0.5) 74px, rgba(0, 255, 0, 0.5));
     1026}
     1027
     1028.snarkDirInfo .percentBarInner {
     1029     background: linear-gradient(to bottom, rgba(255, 247, 239, 0.75) 0%, rgba(255, 247, 239, 0.75) 50%, rgba(207, 193, 181, 0.8) 50%, rgba(207, 193, 181, 0.9) 100%), linear-gradient(to right, rgba(255, 100, 0, 0.5) 30px, rgba(255, 255, 0, 0.5) 60px, rgba(0, 255, 0, 0.5));
     1030}
     1031
     1032.percentBarText, .percentBarOuter {
     1033     text-align: center;
     1034     vertical-align: middle;
     1035}
     1036
     1037.percentBarText {
     1038     text-align: center;
     1039     font-weight: bold;
     1040     white-space: nowrap;
     1041     color: #919;
     1042     opacity: 0;
     1043     transition: ease opacity 0.3s 0.5s;
     1044     vertical-align: middle;
     1045}
     1046
     1047.snarkTorrentDownloaded .percentBarText {
     1048     line-height: 16px;
     1049}
     1050
     1051.snarkDirInfo .percentBarText {
     1052     padding: 1px 0;
     1053}
     1054
     1055.percentBarText:hover, .percentBarText:focus {
     1056     opacity: 0.9;
     1057     transition: ease opacity 0.3s;
     1058     filter: none;
     1059}
     1060
     1061/* end download bars */
    9601062
    9611063.choked {
     
    11501252}
    11511253
    1152 hr.debug {
    1153      width: 100%;
    1154      margin: 5px 0;
    1155      background: linear-gradient(to right, #6f533e 40%, #9f8877);
    1156 }
    1157 
    1158 hr.debug:nth-child(n+7) {
    1159      margin: 2px 0 3px;
    1160 }
    1161 
    1162 hr.debug:last-child {
    1163      display: none;
    1164 }
    1165 
    1166 @media screen and (-webkit-min-device-pixel-ratio:0) {
    1167 hr.debug:nth-child(n+7) {
    1168     margin: -10px 0 4px;
    1169 }
    1170 }
    1171 
    11721254/* buttons & inputs */
    11731255
     
    12021284     color: #f60;
    12031285     font-weight: normal;
    1204 /*     display: none;*/
    12051286}
    12061287
     
    16371718     font-weight: bold;
    16381719     font-family: "DejaVu Sans Mono", "Droid Sans Mono", "Lucida Console", monospace;
     1720     -moz-user-select: all;
     1721     -webkit-user-select: all;
     1722     user-select: all;
    16391723}
    16401724
     
    18221906}
    18231907
     1908.dhtDebug th {
     1909     padding: 0 10px 10px;
     1910     background: #fff;
     1911     background: repeating-linear-gradient(to bottom, #ecebdd 1px, #efebdd 2px, #ebe5d5 5px);
     1912     word-break: break-all;
     1913}
     1914
     1915hr.debug {
     1916     width: 100%;
     1917     height: 1px;
     1918     margin: 5px 0;
     1919     background: linear-gradient(to right, #6f533e 40%, #9f8877);
     1920     border-bottom: 1px solid #fff;
     1921}
     1922
     1923@-moz-document url-prefix() {
     1924hr.debug {
     1925     height: 2px;
     1926}
     1927}
     1928
     1929hr.debug + hr {
     1930     margin-bottom: -1px;
     1931}
     1932
     1933hr.debug:first-of-type {
     1934     background: transparent;
     1935     border: none;
     1936     margin-top: 10px;
     1937     margin-bottom: -5px;
     1938}
     1939
     1940hr.debug:nth-child(n+7) {
     1941     margin: 4px 0;
     1942}
     1943
     1944hr.debug:last-child {
     1945     background: transparent;
     1946     border: none;
     1947     margin-bottom: 5px !important;
     1948}
     1949
     1950@media screen and (-webkit-min-device-pixel-ratio:0) {
     1951hr.debug:first-of-type {
     1952     background: transparent;
     1953     margin-top: -5px;
     1954     margin-bottom: -5px;
     1955}
     1956
     1957hr.debug:nth-child(n+7) {
     1958    margin: -10px 0 4px;
     1959}
     1960
     1961hr.debug:last-child {
     1962     background: transparent;
     1963     margin-bottom: 0 !important;
     1964}
     1965}
     1966
     1967/* debug panel */
     1968
     1969#dhtdebugPanel {
     1970     background: linear-gradient(to bottom, #efefef, #cfc7c2);
     1971     border: 1px solid #212;
     1972     border-top: none;
     1973     border-radius: 0 0 2px 2px;
     1974     box-shadow: 0 0 0 1px #efe6e0 inset, 0 0 1px 0 #4f3d36;
     1975     text-align: center;
     1976     padding-bottom: 13px;
     1977}
     1978
     1979#dhtDebugInner {
     1980     text-align: left;
     1981     margin: -24px 0 -13px;
     1982     padding: 0 8px 1px;
     1983     background: #efefef;
     1984     border-radius: 0 0 2px 2px;
     1985}
     1986
     1987.dhtDebug th b:first-of-type, .dhtDebug th b:first-of-type + br + hr.debug {
     1988     display: none;
     1989}
     1990
     1991/* toggle debug view */
     1992
     1993input#toggle_debug:not(checked) + label {
     1994     padding-bottom: 2px;
     1995}
     1996
     1997input#toggle_debug:not(checked) + label > img {
     1998     margin-right: -2px !important;
     1999}
     2000
     2001input#toggle_debug:not(checked) + label + #dhtDebugInner {
     2002     display: block;
     2003}
     2004
     2005input#toggle_debug:checked + label + #dhtDebugInner {
     2006     display: none;
     2007}
     2008
     2009.iframed input#toggle_debug:not(checked) + label + #dhtDebugInner {
     2010     display: block;
     2011}
     2012
     2013.iframed input#toggle_debug:checked + label + #dhtDebugInner {
     2014     display: none;
     2015}
     2016
     2017/* end debug panel */
    18242018/* end debug */
    18252019
     
    18372031     margin: 2px 0 2px 6px;
    18382032     font-weight: bold;
     2033}
     2034
     2035#totals tt {
     2036     line-height: 170%;
    18392037}
    18402038
     
    19492147     white-space: nowrap;
    19502148     font-style: normal;
     2149     margin-left: 4px;
    19512150}
    19522151
     
    20442243     padding-top: 3px;
    20452244     padding-bottom: 3px;
     2245}
     2246
     2247.percentBarOuter, .percentBarText, .snarkTorrentDownloaded {
     2248     width: 100px !important;
     2249}
     2250
     2251.snarkTorrentDownloaded .percentBarInner {
     2252     background: linear-gradient(to bottom, rgba(255, 247, 239, 0.75) 0%, rgba(255, 247, 239, 0.75) 50%, rgba(207, 193, 181, 0.8) 50%, rgba(207, 193, 181, 0.9) 100%), linear-gradient(to right, rgba(255, 100, 0, 0.5) 33px, rgba(255, 255, 0, 0.5) 66px, rgba(0, 255, 0, 0.5));
     2253}
     2254
     2255.snarkDirInfo .percentBarInner {
     2256     background: linear-gradient(to bottom, rgba(255, 247, 239, 0.75) 0%, rgba(255, 247, 239, 0.75) 50%, rgba(207, 193, 181, 0.8) 50%, rgba(207, 193, 181, 0.9) 100%), linear-gradient(to right, rgba(255, 100, 0, 0.5) 23px, rgba(255, 255, 0, 0.5) 47px, rgba(0, 255, 0, 0.5));
     2257}
     2258
     2259.snarkDirInfo .percentBarText, .snarkDirInfo .percentBarOuter, .peerinfo .percentBarOuter, .peerinfo .percentBarText {
     2260     width: 70px !important;
     2261}
     2262
     2263.snarkFileStatus {
     2264     width: 120px;
    20462265}
    20472266
     
    20822301}
    20832302
     2303.snarkTorrentAction input[type="image"], .snarkTorrents th:last-child input[type="image"] {
     2304     max-height: 9px;
     2305     margin-top: 2px;
     2306     margin-bottom: 2px;
     2307}
     2308
    20842309.snarkRefresh:nth-child(n+2) {
    20852310     padding: 4px 8px 4px 24px !important;
     
    21132338#pagenav img {
    21142339     height: 14px;
     2340}
     2341
     2342.snarkTorrentDownloaded .percentBarOuter {
     2343     margin-left: 0;
     2344}
     2345
     2346.snarkTorrents tfoot tr:first-child th {
     2347     padding-top: 2px;
     2348     padding-bottom: 2px;
     2349     line-height: 120%;
     2350}
     2351}
     2352
     2353@media screen and (max-width: 1400px) {
     2354#dhtDebugInner {
     2355     margin-top: -21px !important;
     2356     padding-top: 15px;
    21152357}
    21162358}
     
    21382380}
    21392381
     2382.snarkTorrents tfoot tr:first-child th {
     2383     padding-top: 4px;
     2384     padding-bottom: 4px;
     2385     line-height: 150%;
     2386}
     2387
    21402388.peerinfo tt {
    21412389     display: inline-block;
     
    22122460.snarkTorrentDownloaded {
    22132461     white-space: nowrap;
    2214      padding: 0 8px;
    22152462}
    22162463
     
    22352482}
    22362483
    2237 .snarkTorrentInfo td, .snarkDirInfo td {
    2238      padding-top: 5px !important;
    2239      padding-bottom: 5px !important;
    2240 }
    2241 
    22422484.peerinfo tt {
    22432485     margin: 1px 4px;
    2244 }
    2245 
    2246 .snarkTorrentName {
    2247      padding-left: 2px;
    22482486}
    22492487
Note: See TracChangeset for help on using the changeset viewer.