Changeset 73ab3e8


Ignore:
Timestamp:
Nov 3, 2017 6:28:12 AM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
5d71fb0b
Parents:
dc6ab70 (diff), 8901e3c (diff)
Note: this is a merge changeset, the changes displayed below correspond to the merge itself.
Use the (diff) links above to see all the changes relative to each parent.
Message:

propagate from branch 'i2p.i2p.str4d.ui' (head a782f0bce10ae47d857e9ebadf9b62b967f2c77e)

to branch 'i2p.i2p' (head 01ea5b14ea8f5e730d457eca5fd73aec05849902)

Files:
31 edited

Legend:

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

    rdc6ab70 r73ab3e8  
    21372137                }
    21382138            }
    2139             buf.append("<a href=\"http://").append(urlEncode(host)).append("/\">");
     2139            buf.append("<a href=\"http://").append(urlEncode(host)).append("/\" target=\"blank\">");
    21402140        }
    21412141        // strip port
     
    22912291        boolean noCollapse = noCollapsePanels(req);
    22922292
    2293         out.write("<form action=\"" + _contextPath + "/configure\" method=\"POST\" target=\"_top\">\n" +
     2293        out.write("<form action=\"" + _contextPath + "/configure\" method=\"POST\">\n" +
    22942294                  "<div class=\"configsectionpanel\"><div class=\"snarkConfig\">\n");
    22952295        writeHiddenInputs(out, req, "Save");
     
    29972997                    buf.append("<tr><td>");
    29982998                    toThemeImg(buf, "details");
    2999                     buf.append("</td><td><b>").append(_t("Primary Tracker")).append(":</b> ");
     2999                    buf.append("</td><td><b>").append(_t("Primary Tracker")).append(":</b> <span class=\"info_tracker\">");
    30003000                    buf.append(getShortTrackerLink(announce, snark.getInfoHash()));
    3001                     buf.append("</td></tr>");
     3001                    buf.append("</span></td></tr>");
    30023002                }
    30033003                List<List<String>> alist = meta.getAnnounceList();
     
    30083008                       .append(_t("Tracker List")).append(":</b> ");
    30093009                    for (List<String> alist2 : alist) {
    3010                         buf.append('[');
     3010                        buf.append("<span class=\"info_tracker\">");
    30113011                        boolean more = false;
    30123012                        for (String s : alist2) {
     
    30173017                            buf.append(getShortTrackerLink(DataHelper.stripHTML(s), snark.getInfoHash()));
    30183018                        }
    3019                         buf.append("] ");
     3019                        buf.append("</span> ");
    30203020                    }
    30213021                    buf.append("</td></tr>\n");
     
    34173417            path = encodePath(path);
    34183418            String icon = toIcon(item);
     3419            String mime = getMimeType(path);
     3420            if (mime == null)
     3421                mime = "";
    34193422
    34203423            buf.append("<td class=\"snarkFileIcon\">");
     
    34233426                // thumbnail ?
    34243427                String plc = item.toString().toLowerCase(Locale.US);
    3425                 if (plc.endsWith(".jpg") || plc.endsWith(".jpeg") || plc.endsWith(".png") ||
    3426                     plc.endsWith(".gif") || plc.endsWith(".ico")) {
     3428                if (mime.startsWith("image/")) {
    34273429                    buf.append("<img alt=\"\" border=\"0\" class=\"thumb\" src=\"")
    34283430                       .append(path).append("\"></a>");
     
    34343436            }
    34353437            buf.append("</td><td class=\"snarkFileName\">");
    3436             if (complete)
    3437                 buf.append("<a href=\"").append(path).append("\">");
     3438            if (complete) {
     3439                buf.append("<a href=\"").append(path);
     3440                // send browser-viewable files to new tab to avoid potential display in iframe
     3441                if (mime.startsWith("text/") ||
     3442                    mime.startsWith("image/") ||
     3443                    mime.startsWith("audio/") ||
     3444                    mime.startsWith("video/") ||
     3445                    mime.equals("application/ogg"))
     3446                    buf.append("\" target=\"_blank");
     3447                buf.append("\">");
     3448            }
    34383449            buf.append(DataHelper.escapeHTML(item.getName()));
    34393450            if (complete)
  • apps/routerconsole/java/src/net/i2p/router/web/GraphHelper.java

    rdc6ab70 r73ab3e8  
    3939    private static final int DEFAULT_REFRESH = 5*60;
    4040    private static final int DEFAULT_PERIODS = 60;
     41    private static final boolean DEFAULT_LEGEND = false;
    4142    static final int MAX_X = 2048;
    4243    static final int MAX_Y = 1024;
     
    5657        _refreshDelaySeconds = _context.getProperty(PROP_REFRESH, DEFAULT_REFRESH);
    5758        _showEvents = _context.getBooleanProperty(PROP_EVENTS);
    58         _graphHideLegend = _context.getBooleanProperty(PROP_LEGEND);
    5959    }
    6060
     
    159159                else if (title.equals("bw.recvRate")) hasRx = true;
    160160            }
     161            boolean hideLegend = _context.getProperty(PROP_LEGEND, DEFAULT_LEGEND);
    161162
    162163            if (hasTx && hasRx && !_showEvents) {
     
    171172                           + "&amp;periodCount=" + _periodCount
    172173                           + "&amp;width=" + _width);
    173                 if (!_graphHideLegend) {
     174                if (!hideLegend) {
    174175                    // bw.combined graph has two entries in its legend
    175176                    // -26 pixels equalizes its height with the other images
     
    179180                    _out.write("&amp;height=" + (_height));
    180181                }
    181                 _out.write("&amp;hideLegend=" + _graphHideLegend
     182                _out.write("&amp;hideLegend=" + hideLegend
    182183                           + "\" alt=\"" + title + "\" title=\"" + title + "\"></a>\n");
    183184            }
     
    203204                           + "&amp;width=" + _width
    204205                           + "&amp;height=" + _height
    205                            + "&amp;hideLegend=" + _graphHideLegend
     206                           + "&amp;hideLegend=" + hideLegend
    206207                           + "\" alt=\"" + title
    207208                           + "\" title=\"" + title + "\"></a>\n");
     
    253254                _out.write(' ' + _t("ending {0} ago", DataHelper.formatDuration2(_end * period)));
    254255
     256            boolean hideLegend = _context.getProperty(PROP_LEGEND, DEFAULT_LEGEND);
    255257            _out.write("&nbsp;<a href=\"graphs\">[" + _t("Return to main graphs page") + "]</a></h3>\n"
    256258                       + "<div class=\"graphspanel\"><img class=\"statimage\" border=\"0\""
     
    263265                       + "&amp;width=" + _width
    264266                       + "&amp;height=" + _height
    265                        + "&amp;hideLegend=" + _graphHideLegend
     267                       + "&amp;hideLegend=" + hideLegend
    266268                       + "\"></div><p id=\"graphopts\">\n");
    267269
     
    373375            _out.write("<br><h3 id=\"graphdisplay\">" + _t("Configure Graph Display") + " <a href=\"configstats\">[" + _t("Select Stats") + "]</a></h3>");
    374376            _out.write("<form action=\"graphs\" method=\"POST\">\n" +
    375                        "<table><tr><td><input type=\"hidden\" name=\"action\" value=\"save\">\n" +
     377                       "<table><tr><td><div class=\"optionlist\"><input type=\"hidden\" name=\"action\" value=\"save\">\n" +
    376378                       "<input type=\"hidden\" name=\"nonce\" value=\"" + nonce + "\" >\n");
    377             _out.write(_t("Display period") + ":</td><td colspan=\"2\"><input size=\"5\" style=\"text-align: right;\" type=\"text\" name=\"periodCount\" value=\"" + _periodCount + "\">" + _t("minutes") + "</td></tr><tr><td>\n");
    378             _out.write(_t("Plot type") + ":</td><td colspan=\"2\">");
    379             _out.write("<label><input type=\"radio\" class=\"optbox\" name=\"showEvents\" value=\"false\" " + (_showEvents ? "" : HelperBase.CHECKED) + ">" + _t("Averages") + "</label>&nbsp;&nbsp;&nbsp;");
    380             _out.write ("<label><input type=\"radio\" class=\"optbox\" name=\"showEvents\" value=\"true\" "+ (_showEvents ? HelperBase.CHECKED : "") + ">" + _t("Events") + "</label></td></tr><tr><td>\n");
    381             _out.write(_t("Graph size") + ":</td><td><input size=\"4\" style=\"text-align: right;\" type=\"text\" name=\"width\" value=\"" + _width
     379            _out.write("<span class=\"nowrap\" title=\"" +
     380                       _t("Note: Dimensions are for graph only (excludes title, labels and legend).") +"\"><b>");
     381            _out.write(_t("Graph size") + ":</b> <input size=\"4\" style=\"text-align: right;\" type=\"text\" name=\"width\" value=\"" + _width
    382382                       + "\">" + _t("pixels wide") + "&nbsp;&nbsp;&nbsp;<input size=\"4\" style=\"text-align: right;\" type=\"text\" name=\"height\" value=\"" + _height
    383                        + "\">" + _t("pixels high") + "</td><td class=\"infohelp\">" + _t("Note: Dimensions are for graph only (excludes title, labels and legend).") + "</td></tr><tr><td>\n");
    384             _out.write(_t("Hide legend") + ":</td><td colspan=\"2\">");
    385             _out.write("<label><input type=\"checkbox\" class=\"optbox\" value=\"true\" name=\"hideLegend\"");
    386             if (_graphHideLegend)
    387                 _out.write(HelperBase.CHECKED);
    388             _out.write(">" + _t("Do not show legend on graphs") + "</label></td></tr><tr><td>\n");
    389             _out.write(_t("Refresh delay") + ":</td><td colspan=\"2\"><select name=\"refreshDelay\">");
     383                       + "\">" + _t("pixels high") + "</span><br><span class=\"nowrap\">\n<b>");
     384
     385            _out.write(_t("Display period") + ":</b> <input size=\"5\" style=\"text-align: right;\" type=\"text\" name=\"periodCount\" value=\"" + _periodCount + "\">" + _t("minutes") + "</span><br><span class=\"nowrap\">\n<b>");
     386
     387
     388            _out.write(_t("Refresh delay") + ":</b> <select name=\"refreshDelay\">");
    390389            for (int i = 0; i < times.length; i++) {
    391390                _out.write("<option value=\"");
     
    401400                _out.write("</option>\n");
    402401            }
    403             _out.write("</select></td></tr><tr><td>\n" + _t("Persistence") +
    404                        ":</td><td colspan=\"2\"><label><input type=\"checkbox\" class=\"optbox\" value=\"true\" name=\"persistent\"");
     402            _out.write("</select></span><br><span class=\"nowrap\">\n<b>");
     403
     404            _out.write(_t("Plot type") + ":</b> ");
     405            _out.write("<label><input type=\"radio\" class=\"optbox\" name=\"showEvents\" value=\"false\" " + (_showEvents ? "" : HelperBase.CHECKED) + ">" + _t("Averages") + "</label>&nbsp;&nbsp;&nbsp;");
     406            _out.write ("<label><input type=\"radio\" class=\"optbox\" name=\"showEvents\" value=\"true\" "+ (_showEvents ? HelperBase.CHECKED : "") + ">" + _t("Events") + "</label></span><br><span class=\"nowrap\">\n<b>");
     407            _out.write(_t("Hide legend") + ":</b> ");
     408            _out.write("<label><input type=\"checkbox\" class=\"optbox\" value=\"true\" name=\"hideLegend\"");
     409            boolean hideLegend = _context.getProperty(PROP_LEGEND, DEFAULT_LEGEND);
     410            if (hideLegend)
     411                _out.write(HelperBase.CHECKED);
     412            _out.write(">" + _t("Do not show legend on graphs") + "</label></span><br><span class=\"nowrap\">\n<b>");
     413            _out.write(_t("Persistence") +
     414                       ":</b> <label><input type=\"checkbox\" class=\"optbox\" value=\"true\" name=\"persistent\"");
    405415            boolean persistent = _context.getBooleanPropertyDefaultTrue(SummaryListener.PROP_PERSISTENT);
    406416            if (persistent)
    407417                _out.write(HelperBase.CHECKED);
    408             _out.write(">" + _t("Store graph data on disk") + "</label></td></tr></table>" +
     418            _out.write(">" + _t("Store graph data on disk") + "</label></span></div></td></tr></table>" +
    409419                       "<hr><div class=\"formaction\" id=\"graphing\"><input type=\"submit\" class=\"accept\" value=\"" + _t("Save settings and redraw graphs") + "\"></div></form>");
    410420        } catch (IOException ioe) {
     
    454464            _refreshDelaySeconds != _context.getProperty(PROP_REFRESH, DEFAULT_REFRESH) ||
    455465            _showEvents != _context.getBooleanProperty(PROP_EVENTS) ||
    456             _graphHideLegend != _context.getBooleanProperty(PROP_LEGEND) ||
     466            _graphHideLegend != _context.getProperty(PROP_LEGEND, DEFAULT_LEGEND) ||
    457467            _persistent != _context.getBooleanPropertyDefaultTrue(SummaryListener.PROP_PERSISTENT)) {
    458468            Map<String, String> changes = new HashMap<String, String>();
  • apps/routerconsole/java/src/net/i2p/router/web/SummaryBarRenderer.java

    rdc6ab70 r73ab3e8  
    336336           .append("</a>\n")
    337337
    338            .append("<a href=\"/events\" target=\"_top\" title=\"")
     338           .append("<a href=\"/events?from=604800000\" target=\"_top\" title=\"")
    339339           .append(_t("View historical log of router events"))
    340340           .append("\">")
     
    803803               .append(_helper.getSecondKBps())
    804804               .append("Bps</span></td></tr></table></a></div>\n");
    805 //               .append("<script src=\"/js/refreshGraph.js\" type=\"text/javascript\"></script>");
     805        buf.append("<script src=\"/js/refreshGraph.js\" type=\"text/javascript\" id=\"refreshGraph\" async></script>");
    806806        return buf.toString();
    807807    }
  • apps/routerconsole/java/src/net/i2p/router/web/SummaryHelper.java

    rdc6ab70 r73ab3e8  
    317317        // return integerFormatter.format(used) + "MB (" + usedPc + "%)";
    318318        // return integerFormatter.format(used) + "MB / " + free + " MB";
    319         return "<div class=\"percentBarOuter\"><div class=\"percentBarText\">RAM: " + integerFormatter.format(used) + " / " + total + "MB" +
     319        return "<div class=\"percentBarOuter\" id=\"sb_memoryBar\"><div class=\"percentBarText\">RAM: " + integerFormatter.format(used) + " / " + total + "MB" +
    320320        "</div><div class=\"percentBarInner\" style=\"width: " + integerFormatter.format(usedPc) +
    321321        "%;\"></div></div>";
  • apps/routerconsole/jsp/js/ajax.js

    rdc6ab70 r73ab3e8  
    3636    }
    3737
    38     // conditionally load sidebar refreshGraph script
    39     var graph = document.getElementById('sb_graphcontainer');
    40     if (graph) {
    41       var js_refreshGraph = document.createElement('script');
    42       js_refreshGraph.type = "text/javascript";
    43       js_refreshGraph.src = "/js/refreshGraph.js";
    44       js_refreshGraph.async = true;
    45       document.getElementsByTagName('head')[0].appendChild(js_refreshGraph);
     38    // conditionally display graph so ajax call doesn't interfere with refreshGraph.js
     39    var graph = document.getElementById("sb_graphcontainer");
     40      if (graph) {
     41      graph.style.backgroundImage = "url(/viewstat.jsp?stat=bw.combined&periodCount=20&width=220&height=50&hideLegend=true&hideGrid=true&time=" + new Date().getTime();
    4642    }
    4743
  • history.txt

    rdc6ab70 r73ab3e8  
     12017-11-03 str4d
     2 * Console:
     3   - /graphs:
     4     - Reorganised config form
     5     - Fixed "hide legends" option
     6   - Sidebar: limit event logs to last 7 days, to avoid page freezes
     7   - Fix scrolling latency issue light theme in Chrome/blink and older Firefox
     8     versions (ticket #2024)
     9   - Various cosmetic tweaks, fixes and enhancements
     10 * I2PSnark:
     11   - Reduce scrolling and hover latency
     12   - Add sort direction hover indicators to .snarkTorrents header icons
     13     (dark/midnight)
     14   - Various cosmetic tweaks, fixes and enhancements
     15 * Susimail/SusiDNS:
     16   - Various cosmetic tweaks, fixes and enhancements
     17
     182017-11-02 str4d
     19 * Console:
     20   - Sidebar:
     21     - Fix erratic display of sidebar graph
     22     - Add id to memory bar so we can target it for Chrome/blink display issue
     23 * I2PSnark:
     24   - Roll back target="_top" in config page to prevent embedded view from
     25     breaking out of iframe
     26   - Add target="_blank" to relevant links to avoid display in iframe in
     27     embedded mode
     28   - Enhance presentation of tracker links in TorrentInfo view
     29
    1302017-10-31 str4d
    231 * I2PSnark: Use reflection to access ConfigUIHelper in standalone build
  • installer/resources/themes/console/classic/console.css

    rdc6ab70 r73ab3e8  
    77     padding: 0;
    88     text-align: left;
    9      background: #bbf url(images/bg.png) center center fixed;
     9     background: #bbf url(images/bg.png) center center scroll;
    1010     background-size: 120px 120px;
    1111     color: #2c354f;
     
    1515/* preload button mouseovers */
    1616body {
    17      background: url(images/bg.png) fixed,
     17     background: url(images/bg.png) scroll,
    1818     url(/themes/console/images/buttons/clean_hover.png) no-repeat,
    1919     url(/themes/console/images/buttons/configure_hover.png) no-repeat,
     
    2525     url(/themes/console/images/buttons/update_hover.png) no-repeat, #bbf;
    2626     background-size: 120px 120px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
     27}
     28
     29@supports (text-justify: auto) { /* Firefox 55+ */
     30body {
     31     background-attachment: fixed;
     32}
    2733}
    2834
     
    12621268}
    12631269
    1264 a:visited, #graphopts a, #graphopts a:visited {
     1270a:visited, #graphopts a, #graphopts a:visited, .tab a, .tab a:visited {
    12651271     color: #448 !important;
    12661272     text-decoration: none;
     
    12891295     margin: 0 20px;
    12901296     overflow: auto;
    1291      font-size: 8pt !important;
     1297     font-size: 8.5pt;
    12921298     width: 95%;
    12931299     padding-top: 10px;
     
    12951301
    12961302tt, code {
    1297      font: bold 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace !important;
     1303     font: bold 8.5pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace !important;
    12981304     color: darkgreen;
    12991305}
     
    14161422input[type="file"] {
    14171423     margin: 3px 5px;
     1424     background: none;
    14181425}
    14191426
     
    20862093}
    20872094
    2088 .main li b {
     2095.links li b {
    20892096     color: #1f7096 !important;
    20902097}
     
    23312338/* top navigation */
    23322339
    2333 .confignav {
    2334      padding: 5px 5px 6px;
     2340div.confignav {
     2341     padding: 5px 7px 6px;
    23352342     margin: -16px -16px 5px -16px;
    23362343     border: 1px solid #89f;
     
    23382345     text-align: center;
    23392346     font-weight: bold;
    2340      color: #000;
     2347     background: linear-gradient(to bottom, #fff, #eff2ff);
    23412348}
    23422349
     
    23532360.tab a {
    23542361     display: inline-block;
    2355      padding: 4px 14px;
     2362     padding: 3px 15px;
    23562363}
    23572364
     
    23712378
    23722379.tab:active {
    2373      box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px 1px #5f2400;
     2380     box-shadow: inset 0 0 0 1px #f90, inset 3px 3px 3px 1px #5f2400;
    23742381     background: #f60;
    23752382}
     
    23802387
    23812388.tab2 {
     2389     padding: 4px 14px;
     2390     color: #fff;
     2391     text-shadow: 0 1px 1px #225;
     2392     box-shadow: inset 3px 3px 2px #337;
    23822393     background: #89f;
    2383      box-shadow: inset 0 0 0 1px #fff;
    2384      color: #fff;
    2385      padding: 5px 12px;
     2394     background: linear-gradient(to bottom, #89f 50%, #78f 50%);
     2395     vertical-align: top;
    23862396}
    23872397
     
    25142524#manualreseed td:first-child {
    25152525     white-space: nowrap;
     2526     border-right: none;
    25162527}
    25172528
     
    25352546     white-space: nowrap;
    25362547     margin-right: 10px;
     2548}
     2549
     2550#reseedconfig td {
     2551     width: 50%;
     2552}
     2553
     2554@media screen and (-webkit-min-device-pixel-ratio: 0) {
     2555#reseedconfig .optbox[type="radio"] {
     2556     margin: 4px 4px 4px 15px !important;
     2557}
     2558
     2559#reseedconfig .optbox[type="checkbox"] {
     2560     vertical-align: sub !important;
     2561}
     2562
     2563#manualreseed th:last-child, #manualreseed td:last-child {
     2564     border-right: 1px solid #89f;
     2565}
    25372566}
    25382567
     
    28132842     column-gap: 35px;
    28142843     column-rule: 1px dotted #89f;
    2815      font-size: 8pt;
     2844}
     2845
     2846#config_peers #banlist {
     2847     margin-bottom: 11px;
    28162848}
    28172849
     
    28432875}
    28442876
     2877#banlist a[href^="configpeer?peer"] {
     2878     margin-top: -5px;
     2879     float: right;
     2880     line-height: 0;
     2881}
     2882
    28452883/* /configpeers banlist */
    28462884
     
    30523090     padding-right: 8px;
    30533091}
     3092
    30543093div.configure tr, div.configure td {
    30553094     padding: 5px;
     
    30693108
    30703109#sidebarconf button {
    3071      margin: 2px;
     3110     margin: 2px !important;
    30723111     padding: 2px 3px;
    30733112     background-size: 100% 100% !important;
     
    33023341
    33033342h3#bannedpeers {
     3343     margin-top: 16px;
    33043344     margin-bottom: -16px;
    33053345}
     
    33783418
    33793419.configure > h3#pluginmanage {
    3380      margin-top: 15px;
     3420     margin-top: 11px;
    33813421}
    33823422
     
    34173457}
    34183458
    3419 .routersummary h2, .routersummary h3, div.confignav {
     3459.routersummary h2, .routersummary h3 {
    34203460     background: url(images/tinytitle.png) center center repeat-x;
    34213461     background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%);
     
    35303570     border: 0;
    35313571     white-space: pre-wrap;
     3572     word-break: break-all;
     3573     font-size: 9pt;
    35323574     padding: 5px;
    35333575     box-shadow: 0 0 0 0 !important;
     
    37753817
    37763818tt, pre, textarea, code {
    3777      font: 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
     3819     font: 8.5pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
    37783820}
    37793821
     
    41464188}
    41474189
     4190.formaction#clientsconfig {
     4191     margin-bottom: -5px;
     4192}
     4193
    41484194.formaction#pluginconfigactions {
    41494195     border: 1px solid #89f;
     
    41584204}
    41594205
    4160 .formaction#webappconfigactions, .formaction#clientsconfig {
     4206.formaction#webappconfigactions {
    41614207     margin-bottom: -5px;
    41624208}
    41634209
    41644210.formaction#resetreseed {
    4165      margin: 0 -10px 0 0;
     4211     margin: 0 -3px 0 0;
    41664212     background: none;
    41674213}
     
    41754221.formaction#homeapps {
    41764222     margin-top: -6px;
    4177      margin-bottom: -5px;
     4223     margin-bottom: 0;
    41784224}
    41794225
     
    47094755.langselect:hover > input + img {
    47104756     transform: scale(1.1);
    4711      border: 1px solid #f60 !important;
    47124757}
    47134758
     
    49114956#clientconfig th:last-child, #webappconfig th:last-child, #pluginconfig th:last-child {
    49124957     text-align: left;
     4958}
     4959
     4960#clientconfig th:nth-child(2), #clientconfig th:nth-child(3),
     4961#webappconfig th:nth-child(2), #webappconfig th:nth-child(3) {
     4962     text-align: center;
    49134963}
    49144964
     
    56725722}
    56735723
     5724#portfaq tr {
     5725     box-shadow: none;
     5726}
     5727
    56745728#configinfo th {
    56755729     box-shadow: inset 0 0 0 1px #fff;
     
    56955749     overflow: auto;
    56965750     white-space: pre-wrap;
     5751     font-size: 9pt;
    56975752}
    56985753
     
    57985853
    57995854.eventspanel form {
     5855     margin-top: -11px;
     5856     padding: 10px 10px 10px 50px;
    58005857     border: 1px solid #89f;
    5801      padding: 10px;
    5802      margin-top: -11px;
    5803      background: #fff;
     5858     background: #fff url(/themes/console/images/info/logs.png) 12px center no-repeat;
     5859     background-size: 28px 28px;
     5860}
     5861
     5862.eventspanel select {
     5863     margin-right: 15px;
    58045864}
    58055865
     
    59325992}
    59335993
     5994#tunnelconfig td:nth-child(n+2) {
     5995     text-align: left;
     5996     padding-left: 0;
     5997}
     5998
    59345999#bandwidthconfig tr:first-child .infohelp {
    59356000     background: #fff url(/themes/console/images/info/bandwidth.png) 12px center no-repeat;
     
    60116076
    60126077#manualreseed tr:nth-last-child(2) td.infohelp {
     6078     padding: 15px 15px 15px 50px;
    60136079     background: #fff url(/themes/console/images/info/box.png) 12px center no-repeat;
     6080     background-size: 28px 28px;
     6081}
     6082
     6083#config_peers tr:nth-child(3) td.infohelp {
    60146084     padding: 15px 15px 15px 50px;
     6085     border-right: none;
     6086     background: #fff url(/themes/console/images/info/blocked.png) 12px center no-repeat;
    60156087     background-size: 28px 28px;
    60166088}
    60176089
    6018 #config_peers tr:nth-child(3) td.infohelp {
    6019      background: #fff url(/themes/console/images/info/blocked.png) 12px center no-repeat;
     6090h3#shutdownrouter + p.infohelp {
    60206091     padding: 15px 15px 15px 50px;
     6092     background: #fff url(/themes/console/images/info/power.png) 12px center no-repeat;
    60216093     background-size: 28px 28px;
    60226094}
    60236095
    6024 h3#shutdownrouter + p.infohelp {
    6025      background: #fff url(/themes/console/images/info/power.png) 12px center no-repeat;
     6096h3#restartrouter + p.infohelp, #config_family .infohelp.needrestart {
    60266097     padding: 15px 15px 15px 50px;
     6098     background: #fff url(/themes/console/images/info/reboot.png) 12px center no-repeat;
    60276099     background-size: 28px 28px;
    60286100}
    60296101
    6030 h3#restartrouter + p.infohelp, #config_family .infohelp.needrestart {
    6031      background: #fff url(/themes/console/images/info/reboot.png) 12px center no-repeat;
     6102h3#systray + p.infohelp {
    60326103     padding: 15px 15px 15px 50px;
     6104     background: #fff url(/themes/console/images/info/systray.png) 12px center no-repeat;
    60336105     background-size: 28px 28px;
    60346106}
    60356107
    6036 h3#systray + p.infohelp {
    6037      background: #fff url(/themes/console/images/info/systray.png) 12px center no-repeat;
     6108h3#servicedebug + p.infohelp {
    60386109     padding: 15px 15px 15px 50px;
     6110     background: #fff url(/themes/console/images/info/debug.png) 12px center no-repeat;
    60396111     background-size: 28px 28px;
    60406112}
    60416113
    6042 h3#servicedebug + p.infohelp {
    6043      background: #fff url(/themes/console/images/info/debug.png) 12px center no-repeat;
     6114h3#browseronstart + p.infohelp {
    60446115     padding: 15px 15px 15px 50px;
     6116     background: #fff url(/themes/console/images/info/launch_browser.png) 12px center no-repeat;
    60456117     background-size: 28px 28px;
    60466118}
    60476119
    6048 h3#browseronstart + p.infohelp {
    6049      background: #fff url(/themes/console/images/info/launch_browser.png) 12px center no-repeat;
     6120.main#config_reseed p.infohelp {
    60506121     padding: 15px 15px 15px 50px;
     6122     background: #fff url(/themes/console/images/info/connect.png) 12px center no-repeat;
    60516123     background-size: 28px 28px;
    60526124}
    60536125
    6054 .main#config_reseed p.infohelp {
    6055      background: #fff url(/themes/console/images/info/connect.png) 12px center no-repeat;
     6126p#enablefullstats, p#gatherstats {
    60566127     padding: 15px 15px 15px 50px;
     6128     background: #fff url(/themes/console/images/info/statistics.png) 12px center no-repeat;
    60576129     background-size: 28px 28px;
    60586130}
    60596131
    6060 p#enablefullstats, p#gatherstats {
    6061      background: #fff url(/themes/console/images/info/statistics.png) 12px center no-repeat;
    6062      padding: 15px 15px 15px 50px;
    6063      background-size: 28px 28px;
    6064 }
    6065 
    60666132#config_family .infohelp {
     6133      margin-bottom: -1px !important;
     6134      padding: 15px 15px 15px 50px;
    60676135      background: #fff url(/themes/console/images/info/family.png) 12px center no-repeat;
    6068       padding: 15px 15px 15px 50px;
    60696136      background-size: 28px 28px;
    6070       margin-bottom: -1px !important;
    60716137}
    60726138
     
    60996165#logs li {
    61006166     list-style: none;
    6101      font: 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
     6167     font: 8.5pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    61026168     line-height: 130%;
    61036169     text-align: left;
     
    61116177     border-top: 1px dotted #bbf;
    61126178     width: 100%;
    6113      margin: 4px 0 0;
     6179     margin: 2px 0 -4px;
    61146180}
    61156181
    61166182#logs li:last-child::after {
    61176183     border: none;
    6118      margin: 0;
     6184     margin: -4px;
    61196185}
    61206186
     
    61566222
    61576223.cells tt, #profilelist tt {
    6158      font-size: 8pt !important;
     6224     font-size: 8.5pt !important;
    61596225}
    61606226
     
    61646230
    61656231tt a, .cells tt {
    6166      letter-spacing: 0.07em;
     6232     letter-spacing: 0.1em;
    61676233}
    61686234
     
    63976463.netdb_addresses br:first-child, .sybil_routerinfo tr:last-child td br:first-child {
    63986464     display: none;
     6465}
     6466
     6467.netdb_addresses {
     6468     line-height: 150%;
    63996469}
    64006470
     
    66896759}
    66906760
     6761#debug td ul {
     6762     margin: 0;
     6763}
     6764
     6765#debug td li {
     6766     padding: 0 0 -10px;
     6767}
     6768
    66916769#debug h2 {
    66926770     margin: 12px 0 0;
     
    72757353     margin-top: 5px !important;
    72767354}
     7355
    72777356/* end whitespace reduction */
    72787357
     
    72837362#portfaq td:nth-child(2) {
    72847363     white-space: normal;
     7364}
     7365
     7366.eventspanel form {
     7367     padding: 10px !important;
     7368     background: #fff !important;
     7369}
     7370
     7371.eventspanel select {
     7372     margin-right: 8px !important;
    72857373}
    72867374}
     
    76007688/* end Edge/IE tweaks */
    76017689
     7690
     7691/* TO DO: Merge with main classes */
     7692
     7693.optionlist {
     7694     columns: 500px auto;
     7695     padding-bottom: 1px;
     7696}
     7697
     7698.optionlist label {
     7699     min-width: 300px;
     7700     break-inside: avoid;
     7701     page-break-inside: avoid !important;
     7702     -webkit-column-break-inside: avoid;
     7703}
     7704
     7705th.options, table#externali2cp th {
     7706     padding: 7px 10px !important;
     7707}
     7708
     7709.options input[type="checkbox"], #i2pupdates .options .optbox {
     7710     margin: 0 3px 0 0;
     7711}
     7712
     7713#reseedconfig textarea {
     7714      min-height: 76px !important;
     7715      height: 76px !important;
     7716      margin: 6px 10px 6px 0 !important;
     7717      padding: 3px 5px;
     7718}
     7719
     7720#reseedconfig .nowrap b {
     7721     display: inline-block;
     7722     min-width: 100px;
     7723     text-align: right;
     7724     margin-right: 5px;
     7725}
     7726
     7727#manualreseed {
     7728     margin-bottom: -3px !important;
     7729}
     7730
     7731#resetreseed {
     7732     padding: 5px 5px 0 0;
     7733}
     7734
     7735/* /configui */
     7736
     7737#passwordheading {
     7738     margin-top: 0 !important;
     7739}
     7740
     7741#langsettings {
     7742     margin-bottom: -6px !important;
     7743}
     7744
     7745/* end /configui */
     7746
     7747#pluginconfigtext + form {
     7748     float: right;
     7749     margin: -42px 6px 0 0;
     7750}
     7751
     7752#externaltcp .nowrap:first-child {
     7753     margin: 5px 0 -18px !important;
     7754     display: inline-block;
     7755}
     7756
     7757#cputype {
     7758     display: inline-block;
     7759     margin: -2px 2px -2px 0;
     7760     padding: 2px 5px;
     7761     font-weight: bold;
     7762     text-transform: uppercase;
     7763     border-radius: 2px;
     7764     background: #ddf;
     7765}
     7766
     7767#wrapperlogs pre {
     7768     height: 400px;
     7769     resize: vertical;
     7770}
     7771
     7772/* graphs */
     7773
     7774.statimage {
     7775     animation: fadein 1s ease-in; /* prevent white background flicker on refresh */
     7776}
     7777
     7778@keyframes fadein {
     7779from {
     7780     background: #f7f7ff;
     7781}
     7782
     7783to {
     7784     background: #fff;
     7785}
     7786}
     7787
     7788#graphs td:first-child {
     7789     font-weight: normal;
     7790     text-align: left;
     7791     padding: 5px 0 0;
     7792}
     7793
     7794@media screen and (min-width: 1060px) {
     7795#graphs td:first-child {
     7796     padding: 5px 0;
     7797}
     7798}
     7799
     7800#graphs td b {
     7801     min-width: 150px;
     7802     text-align: right;
     7803     display: inline-block;
     7804     margin-right: 5px;
     7805}
     7806
     7807#graphs .nowrap {
     7808     line-height: 300%;
     7809     display: inline-block;
     7810}
     7811
     7812/* end graphs */
     7813
     7814.buckets br + br {
     7815     line-height: 5px;
     7816}
     7817
     7818#debug td div, #debug td ul {
     7819     columns: 400px auto;
     7820}
     7821
  • installer/resources/themes/console/classic/i2ptunnel.css

    rdc6ab70 r73ab3e8  
    77     text-align: center;
    88     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif;
    9      color: #333;
     9     color: #2c354f;
    1010     font-size: 9pt;
    1111     background: #a4a4cb url(images/bg.png);
     
    346346
    347347td.infohelp {
     348     padding: 10px 10px 10px 38px !important;
     349     text-align: justify;
    348350     background: url(/themes/console/images/info/infohelp.png) 10px center no-repeat;
    349351     background-size: 20px 20px;
    350      padding: 10px 10px 10px 38px !important;
    351352}
    352353
     
    896897.tunnelDescription {
    897898     padding-top: 1px !important;
    898 }
    899 
    900 .tunnelDestination b, .tunnelDescription b {
    901      color: #444;
    902899}
    903900
  • installer/resources/themes/console/dark/console.css

    rdc6ab70 r73ab3e8  
    88     padding: 0;
    99     text-align: center;
    10      background: #010 url(images/camotile.png) top left fixed;
     10     background: #010 url(images/camotile.png) top left scroll;
    1111     color: #ee9;
    1212     font: 8.5pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     13}
     14
     15@supports (text-justify: auto) { /* Firefox 55+ */
     16body {
     17     background-attachment: fixed;
     18}
    1319}
    1420
     
    158164.warning h3 {
    159165     font-size: 10pt;
    160      padding: 7px 10px;
     166     padding: 9px 10px 7px;
    161167     text-align: left;
    162168     margin: -9px -24px 15px -74px;
     
    334340     border-radius: 0;
    335341     mix-blend-mode: exclusion;
    336      transition: ease all 0.2s;
     342     transition: none !important;
    337343}
    338344
     
    346352.routersummary h3 a {
    347353     vertical-align: middle;
    348      transition: ease all 0.2s;
    349354}
    350355
     
    352357     background: #010 !important;
    353358     box-shadow: inset 0 0 2px 2px #000;
    354      transition: ease all 0.2s;
    355359}
    356360
    357361.routersummary h3:hover a {
    358362     color: #f60;
    359      transition: ease all 0.2s;
     363     transition: ease color 0.2s;
    360364}
    361365
    362366.routersummary h3:active {
    363      box-shadow: inset 4px 4px 4px #000;
     367     box-shadow: inset 4px 4px 3px #000;
     368     transition: ease box-shadow 0.1s;
    364369}
    365370
     
    371376     padding: 6px 1px;
    372377     background: #000;
    373      background: linear-gradient(to right, #001900, #001000 5%, #000 25%, #000 50%, #000 75%, #001000 95%, #001900);
     378     background: linear-gradient(to right, #001900, #001000 5%, #000 50%, #001000 95%, #001900);
    374379     text-decoration: none !important;
    375380     color: #2b2;
    376381     line-height: 120%;
    377      box-shadow: inset 0 0 0 1px #121;
    378382     box-shadow: inset 0 0 0 1px #121, inset 0 0 5px 2px #000;
    379383}
     
    763767#sb_graphcontainer {
    764768     background-color: #000;
    765      background-position: left -72px top -23px !important;
     769     background-position: left -72px top -22px !important;
    766770     background-size: 280px 77px !important;
    767771     background-repeat: no-repeat !important;
    768772     margin-bottom: -7px !important;
    769773     filter: invert(1) hue-rotate(90deg);
     774     background-position: left -72px top -14px !important;
     775     background-size: 280px 67px !important;
    770776}
    771777
     
    773779
    774780@keyframes graphfadein {
    775 from {
     7810% {
    776782     filter: invert(1) hue-rotate(90deg) opacity(0);
    777783}
    778784
    779 to {
     78530% {
     786     filter: invert(1) hue-rotate(90deg) opacity(0);
     787}
     788
     78950% {
    780790     filter: invert(1) hue-rotate(90deg) opacity(1);
    781791}
     
    783793
    784794#sb_graphcontainer {
    785      animation: graphfadein 0.3s ease-in;
     795     animation: graphfadein 0.3s ease-out;
    786796}
    787797
     
    860870.sb_info .percentBarInner {
    861871     height: 16px;
     872}
     873
     874.sb_update {
     875     padding: 3px 5px 0 !important;
    862876}
    863877
     
    10311045     background: #000;
    10321046     color: #ee9;
    1033      font: 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
     1047     font: 8.5pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    10341048     resize: none;
    10351049}
     
    11971211.tab2 {
    11981212     background: #030;
    1199      box-shadow: inset 0 0 0 1px #000;
     1213     box-shadow: inset 0 0 0 1px #000, inset 3px 3px 2px #010;
    12001214     color: #ee9;
    12011215     padding: 5px 12px !important;
     
    12081222
    12091223.tab {
    1210      background: linear-gradient(to bottom, #001900, #002900 50%, #000 51%, #000) !important;
     1224     background: linear-gradient(to bottom, #001900, #002900 50%, #000 50%) !important;
    12111225     box-shadow: inset 0 0 0 1px #000;
    12121226}
     
    16521666
    16531667tt {
    1654      font: bold 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
     1668     font: bold 8.5pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    16551669     color: #FF0;
    16561670}
    16571671
    16581672table tt {
    1659      color: #770;
    1660      font-size: 8pt;
     1673     color: #990;
     1674     font-size: 8.5pt;
    16611675}
    16621676
     
    21542168input[type="text"]:disabled, input[type="text"]:disabled:active, input[readonly="readonly"] {
    21552169     color: #161 !important;
     2170     border: 1px solid #373 !important;
    21562171     background: #000 !important;
    21572172}
     
    22432258     filter: drop-shadow(0 0 1px #880);
    22442259     transition: filter ease 0.3s;
    2245      font-weight: bold;
    22462260     outline: none;
    22472261}
     
    31433157}
    31443158
    3145 @media screen and (-webkit-min-device-pixel-ratio:0) {
    3146 .langselect img {
    3147      margin-left: -9px;
    3148      margin-top: -17px !important;
    3149 }
    3150 
    3151 .langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] {
    3152      margin-left: -10px;
    3153      margin-top: -18px !important;
    3154 }
    3155 }
    3156 
    31573159/* large flags */
    31583160
     
    31843186     transition: none !important;
    31853187     filter: drop-shadow(0 0 1px #f60);
     3188}
     3189
     3190@media screen and (-webkit-min-device-pixel-ratio:0) {
     3191.langselect img {
     3192     margin-left: -19px !important;
     3193     margin-top: -31px !important;
     3194}
     3195
     3196.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] {
     3197     margin-left: -15px !important;
     3198     margin-top: -27px !important;
     3199}
    31863200}
    31873201
     
    35633577}
    35643578
     3579#webappconfig th, #clientconfig th {
     3580     text-align: center;
     3581}
     3582
     3583.configtable#webappconfig tr:last-child, .configtable#clientconfig tr:last-child {
     3584     border-top: 1px inset #131;
     3585}
     3586
    35653587p#availableplugins {
    35663588     margin: 12px 0 -1px;
     
    43304352}
    43314353
    4332 .netdb_gateway img {
    4333      vertical-align: bottom;
    4334 }
    4335 
    43364354.netdb_tunnel {
    43374355     display: inline-block;
    43384356     background: #030;
    4339      padding: 0 4px;
    4340      margin-left: 4px;
    4341      margin-right: -4px;
     4357     padding: 2px 4px;
     4358     margin-left: 3px;
     4359     margin-right: -3px;
    43424360     border-radius: 2px;
    43434361}
     
    43524370
    43534371.netdb_leases .tunnel_peer tt, .netdb_leases .tunnel_peer tt a {
    4354      font-size: 8pt !important;
     4372     font-size: 8.5pt !important;
    43554373     font-weight: bold !important;
    43564374}
     
    44784496#logs li {
    44794497     list-style: none;
    4480      font: bold 8pt "Droid Sans Mono",  "Lucida Console", "DejaVu Sans Mono", monospace;
     4498     font: bold 8.5pt "Droid Sans Mono",  "Lucida Console", "DejaVu Sans Mono", monospace;
    44814499     line-height: 120%;
    44824500     text-align: left;
     
    49344952/* begin home page */
    49354953
     4954#home .welcome h2 {
     4955     margin: 12px -5px !important;
     4956}
     4957
     4958#home .welcome .langbox {
     4959     margin-right: -2px !important;
     4960}
     4961
    49364962#homepanel {
    49374963     margin: 0 -8px;
     
    51145140.app td {
    51155141     background: none;
    5116      border: 0;
     5142     border: none;
    51175143     margin: 0;
    51185144     padding: 3px 0 0;
     
    51225148     font-size: 8pt;
    51235149     margin: 2px 0 0;
    5124      padding: 4px 2px 6px;
     5150     padding: 3px 2px 4px;
    51255151     text-align: center;
    51265152     vertical-align: bottom;
     
    51315157     min-width: 72px;
    51325158     background: #001000;
    5133      background-image: linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000);
     5159     background: linear-gradient(to bottom, #001000, #001900 50%, #000 50%);
    51345160     border-radius: 0 0 2px 2px;
    51355161     border-top: 1px solid #494;
     
    56535679}
    56545680
    5655 table.configtable td {
     5681.configtable td {
    56565682     padding: 6px 10px;
    56575683     background: #000;
    56585684     line-height: 180%;
    5659 }
    5660 
    5661 #netconfig img[src*="itoo"] {
    5662      display: none;
    56635685}
    56645686
     
    57165738     padding: 5px !important;
    57175739     white-space: nowrap;
    5718      width: 50px;
     5740/*     width: 50px;*/
    57195741     background: #000;
    57205742}
     
    58245846#tunnelconfig th img {
    58255847     margin-bottom: -2px;
     5848}
     5849
     5850#tunnelconfig td:nth-child(n+2) {
     5851     text-align: left;
    58265852}
    58275853
     
    59055931}
    59065932
    5907 #configstats th, #configstats tr.tablefooter td {
     5933#configstats th {
    59085934     padding: 8px 10px !important;
    59095935     text-align: left;
     5936}
     5937
     5938#configstats tr.tablefooter td {
     5939     padding: 5px 10px !important;
    59105940}
    59115941
     
    59235953
    59245954#configstats td {
    5925      padding: 8px 5px;
     5955     padding: 6px 5px;
    59265956}
    59275957
     
    63166346/* /tunnels */
    63176347
    6318 tt a, .tunnel_peer tt {
    6319      letter-spacing: 0.07em;
     6348tt a, img + tt {
     6349     letter-spacing: 0.1em;
    63206350}
    63216351
    63226352.tunnel_cap {
    6323      background: rgba(0,96,0,0.3);
     6353     margin: 1px 2px 1px 8px;
     6354     padding: 0 2px;
     6355     display: inline-block;
     6356     min-width: 12px;
    63246357     color: #bb7;
    63256358     border: 1px solid rgba(0,64,0,0.2);
    63266359     border-radius: 2px;
    6327      min-width: 12px;
    6328      padding: 0 2px;
    6329      display:inline-block;
    6330      margin: 1px 2px 1px 8px;
    63316360     text-align: center !important;
    63326361     text-shadow: 0 1px 1px #555;
     6362     background: rgba(0,96,0,0.3);
    63336363}
    63346364
     
    65506580}
    65516581
     6582.netdb_addresses {
     6583     line-height: 150%;
     6584}
     6585
    65526586.netdb_addresses br:first-child, .sybil_routerinfo tr:last-child td br:first-child {
    65536587     display: none;
     
    74627496@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1500px) {
    74637497.langselect img, .langselect input[name="lang"]:checked + img {
    7464      margin-left: -10px !important;
    7465      margin-top: -18px !important;
     7498     margin-left: -20px !important;
     7499     margin-top: -31px !important;
    74667500}
    74677501
    74687502.langselect input[name="lang"]:checked + img {
    7469      margin-left: -11px !important;
    7470      margin-top: -19px !important;
     7503     margin-left: -16px !important;
     7504     margin-top: -27px !important;
    74717505}
    74727506}
     
    76147648*/
    76157649
     7650/* TO DO: Merge with main classes */
     7651
     7652.optionlist {
     7653     columns: 500px auto;
     7654     padding-bottom: 1px;
     7655}
     7656
     7657.optionlist label {
     7658     min-width: 300px;
     7659     break-inside: avoid;
     7660     page-break-inside: avoid !important;
     7661     -webkit-column-break-inside: avoid;
     7662}
     7663
     7664th.options, table#externali2cp th {
     7665     padding: 7px 10px !important;
     7666}
     7667
     7668.options input[type="checkbox"], #i2pupdates .options .optbox {
     7669     margin: 0 3px 0 0;
     7670}
     7671
     7672#i2pupdates textarea {
     7673      min-height: 76px !important;
     7674      height: 76px !important;
     7675      margin: 6px 0 6px 10px !important;
     7676      padding: 3px 5px;
     7677}
     7678
     7679#reseedconfig textarea {
     7680      min-height: 76px !important;
     7681      height: 76px !important;
     7682      margin: 6px 10px 6px 0 !important;
     7683      padding: 3px 5px;
     7684}
     7685
     7686#manualreseed {
     7687     margin-bottom: 10px !important;
     7688}
     7689
     7690#resetreseed {
     7691     padding: 5px 5px 0 0;
     7692}
     7693
     7694/* /configui */
     7695
     7696#passwordheading {
     7697     margin-top: 0 !important;
     7698}
     7699
     7700#langsettings {
     7701     margin-bottom: 10px !important;
     7702}
     7703
     7704/* end /configui */
     7705
     7706#pluginconfigtext + form {
     7707     float: right;
     7708     margin: -42px 6px 0 0;
     7709}
     7710
     7711#externaltcp .nowrap:first-child {
     7712     margin: 5px 0 -18px !important;
     7713     display: inline-block;
     7714}
     7715
     7716#cputype {
     7717     display: inline-block;
     7718     margin: -2px 2px -2px 0;
     7719     padding: 2px 5px;
     7720     font-weight: bold;
     7721     text-transform: uppercase;
     7722     border-radius: 2px;
     7723     background: #030;
     7724}
     7725
     7726#wrapperlogs pre {
     7727     height: 300px;
     7728     resize: vertical;
     7729}
     7730
     7731/* graphs */
     7732
     7733#graphs td:first-child {
     7734     font-weight: normal;
     7735     text-align: left;
     7736     padding: 5px 0 0;
     7737}
     7738
     7739@media screen and (min-width: 1060px) {
     7740#graphs td:first-child {
     7741     padding: 5px 0;
     7742}
     7743}
     7744
     7745#graphs td b {
     7746     min-width: 150px;
     7747     text-align: right;
     7748     display: inline-block;
     7749     margin-right: 5px;
     7750}
     7751
     7752#graphs .nowrap {
     7753     line-height: 300%;
     7754     display: inline-block;
     7755}
     7756
     7757/* end graphs */
     7758
     7759.buckets br + br {
     7760     line-height: 5px;
     7761}
     7762
     7763.routerid {
     7764     margin: 0;
     7765     padding: 0 2px;
     7766     display: inline-block;
     7767     min-width: 50px;
     7768     border: 1px solid #020;
     7769     background: #020;
     7770     text-align: center;
     7771}
     7772
     7773.routerid tt, .routerid a {
     7774     letter-spacing: 0.2em !important;
     7775}
     7776
     7777.routerid img {
     7778    margin: 1px 0 -1px;
     7779}
     7780
     7781.routerid tt, .routerid a {
     7782     margin-top: -3px !important;
     7783     display: inline-block;
     7784}
     7785
     7786.tunneldisplay .routerid {
     7787     min-width: 64px;
     7788     margin-right: 6px !important;
     7789     box-sizing: border-box;
     7790     border-radius: 2px;
     7791}
     7792
     7793.tunneldisplay .routerid, .tunnel_cap {
     7794     box-shadow: 0 0 0 1px #010;
     7795}
     7796
     7797.tunnel_cap:empty {
     7798     box-shadow: none;
     7799}
     7800
     7801#plugininstall, #reseedconfig, #oldhome {
     7802     margin-bottom: 10px !important;
     7803}
     7804
     7805#reseedconfig td {
     7806     width: 50%;
     7807}
     7808
     7809#reseedconfig td .optbox {
     7810     margin: 6px 5px 6px 10px;
     7811}
     7812
     7813#reseedconfig td .nowrap b {
     7814     margin-right: 8px;
     7815     min-width: 120px;
     7816     text-align: right;
     7817     display: inline-block;
     7818}
     7819
     7820.configtable th {
     7821     text-transform: none !important;
     7822     letter-spacing: 0 !important;
     7823     word-spacing: 0 !important;
     7824}
  • installer/resources/themes/console/dark/i2ptunnel.css

    rdc6ab70 r73ab3e8  
    166166
    167167h2, h3 {
     168     margin: 10px 0 -1px;
    168169     padding: 8px 10px 8px 34px;
    169170     border: 1px solid #494;
    170      background: linear-gradient(to bottom, #1a261a 50%, #000 50%) !important;
    171      background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%), url(/themes/console/dark/images/camotile2.png) top left !important;
    172171     font-size: 11pt;
     172     color: #ee9;
    173173     text-transform: uppercase;
    174174     letter-spacing: 0.08em;
    175175     word-spacing: 0.1em;
    176      margin: 10px 0 -1px;
    177      color: #ee9;
     176     text-shadow: 0 1px 1px #000;
    178177     box-shadow: inset 0 0 0 1px #000;
     178     background: linear-gradient(to bottom, #1a261a 50%, #000 50%) !important;
     179     background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%), url(/themes/console/dark/images/camotile2.png) top left !important;
    179180}
    180181
     
    335336}
    336337
    337 .tunnelName {
     338.tunnelName, .tunnelDescription {
    338339     width: 25%;
    339340     min-width: 150px;
     
    423424     color: #69f;
    424425     font-family: "Droid Sans Mono", "Noto Mono", Consolas, "Lucida Console", "DejaVu Sans Mono", monospace;
    425      font-size: 8pt;
     426     font-size: 8.5pt;
    426427}
    427428
     
    434435     border: 1px solid #494;
    435436     padding: 4px;
    436      font: 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
     437     font: 8.5pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    437438     background: #fff;
    438439     color: #333;
     
    452453     color: #885;
    453454     cursor: default;
    454      border: 1px solid #494 !important;
     455     border: 1px solid #373 !important;
    455456     opacity: 0.8;
    456457}
     
    491492
    492493input[type="checkbox"], input[type="radio"] {
    493      vertical-align: middle;
     494     vertical-align: sub;
    494495     min-width: 16px;
    495496     min-height: 16px;
     
    622623     font-weight: bold;
    623624     font-size: 8pt !important;
    624      padding: 4px 16px 4px 4px !important;
     625     padding: 3px 16px 3px 4px !important;
    625626     -moz-appearance: none;
    626627     -webkit-appearance: none;
     
    679680     background: #000;
    680681     background: linear-gradient(to bottom, #010, #000);
    681      background: linear-gradient(135deg, #000, rgba(0,0,0,0) 70%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #020, #000 75%);
     682     background: linear-gradient(-135deg, #000, rgba(0,0,0,0) 40%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #020, #000 75%);
    682683     border-top: 1px solid #494 !important;
    683684}
  • installer/resources/themes/console/light/console.css

    rdc6ab70 r73ab3e8  
    1111     text-align: center;
    1212     color: #33333f;
    13      font: 9pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif;
     13     font-size: 9pt;
     14     line-height: 130%;
    1415     background: #a4a4cb url(images/tile2.png) fixed;
    1516     background-size: 32px 32px;
     
    1718
    1819/* preload button mouseovers */
     20
    1921body {
    20      background: url(images/tile2.png) fixed,
     22     background: url(images/tile2.png),
    2123     url(/themes/console/images/buttons/clean_hover.png) no-repeat,
    2224     url(/themes/console/images/buttons/configure_hover.png) no-repeat,
     
    3032}
    3133
     34@supports (text-justify: auto) { /* Firefox 55+ */
     35body {
     36     background-attachment: fixed !important;
     37}
     38}
     39
    3240b {
    3341     color: #41465f;
     
    5462     color: white;
    5563     text-shadow: none;
     64}
     65
     66body, input, button, select {
     67     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif;
     68}
     69
     70tt, code, pre, textarea, #logs li {
     71     font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    5672}
    5773
     
    95111     overflow: auto;
    96112     text-align: left;
    97      font: 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
     113     font-size: 8.5pt;
    98114     color: #33333f;
    99115     margin: 10px;
     
    116132.routersummary {
    117133     width: 192px;
    118      padding: 8px 8px 10px;
     134     padding: 8px;
    119135     margin-bottom: 2px;
    120136     text-align: center !important;
     
    131147.routersummary div[style="height: 36px;"] {
    132148     margin: 0;
     149     height: 36px !important;
    133150     padding: 0 0 1px;
    134151     text-align: center;
     
    215232     padding: 2px 0;
    216233     text-transform: uppercase;
    217      background: #e7e7ff !important;
    218      background: #e7e7ff url(images/header.png) center center repeat-x !important;
    219      background: linear-gradient(to bottom, #fff 50%, #eef 50%) !important;
     234     background: #fcfcff !important;
    220235     background: #e7e7ff linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)) !important;
    221236     border: 1px solid #99f;
     
    233248
    234249.routersummary h3:active {
    235      box-shadow: inset 2px 2px 3px 1px #6f5f45;
    236      box-shadow: inset 0 0 0 1px #fff9ef, inset 2px 2px 3px 1px rgba(111,95,69, 0.8);
     250     box-shadow: inset 0 0 0 1px #fff9ef, inset 2px 2px 3px #7f3000;
    237251     transition: ease box-shadow 0.05s;
    238252     background: #fff linear-gradient(to bottom, #fff3df, #fff9ef) !important;
     253     background: #f60 !important;
    239254}
    240255
     
    257272.routersummary h3:active a, .routersummary h3 a:active {
    258273     color: #cf9233 !important;
     274     color: #ffecdf !important;
     275     text-shadow: 0 1px 1px #5f2d0c;
    259276}
    260277
     
    280297     padding: 6px 2px !important;
    281298     background: #eef;
    282      background: linear-gradient(to right, #ddf 0%, #eef 10%, #fff 50%, #eef 90%, #ddf 100%);
     299     background: linear-gradient(to right, #ddf, #eef 10%, #fff 50%, #eef 90%, #ddf);
    283300     text-decoration: none !important;
    284301     color: #4f617f;
     
    304321
    305322.routersummary h4 a {
    306      vertical-align: middle;
     323     vertical-align: baseline;
    307324}
    308325
     
    458475#sb_bandwidthgraph {
    459476     width: 100%;
    460      margin: -5px 0 -5px -5px;
     477     margin: -5px 0 -6px -5px;
    461478     border-collapse: separate;
    462479     border-spacing: 0;
     
    517534     background-repeat: no-repeat !important;
    518535     background-blend-mode: multiply;
     536     will-change: background;
    519537}
    520538
     
    549567     height: 14px;
    550568     background: #bbf;
    551      background: linear-gradient(to right, rgba(0,255,0,0.1) 65px, rgba(255,255,0,0.1) 110px, rgba(255,128,0,0.1) 175px, rgba(255,0,0,0.1)), linear-gradient(to bottom, rgba(255, 255, 255,0.6) 0%, rgba(238, 238, 255, 0.6) 50%, rgba(180, 180, 255, 0.7) 50%, rgba(140, 140, 255, 0.7) 100%);
    552      background: linear-gradient(to bottom, rgba(255, 255, 255,0.6) 0%, rgba(238, 238, 255, 0.6) 50%, rgba(180, 180, 255, 0.7) 50%, rgba(140, 140, 255, 0.7) 100%);
     569     background: linear-gradient(to bottom, rgba(255, 255, 255,0.6), rgba(238, 238, 255, 0.6) 50%, rgba(180, 180, 255, 0.7) 50%, rgba(140, 140, 255, 0.7));
    553570     box-shadow: inset 0 0 0 1px #ddf;
    554571}
     
    574591}
    575592
     593@media screen and (-webkit-min-device-pixel-ratio: 0) {
     594#sb_memoryBar {
     595     margin-bottom: -5px;
     596}
     597}
     598
    576599/* updates download bar */
    577600
     
    611634
    612635.sb_info .percentBarOuter {
    613      animation: downloadbar 3s infinite;
     636     animation: downloadbar 3s linear infinite;
    614637}
    615638
     
    769792/* sidebar network status */
    770793
    771 .routersummary .error, .routersummary .warn, .routersummary .testing, .routersummary .hidden,
    772 .routersummary .running, .routersummary .firewalled, .routersummary .vmcomm, .routersummary .clockskew, .tunnelBuildStatus {
     794.sb_netstatus, .tunnelBuildStatus {
    773795     display: inline-block;
    774      vertical-align: middle;
     796     vertical-align: baseline;
    775797     line-height: 120%;
    776798     border: 1px solid #88f;
    777799     border-radius: 2px;
    778      padding: 5px 6px;
     800     padding: 6px 4px;
    779801     width: calc(100% - 10px);
    780802     width: 100%;
     
    14181440.main textarea {
    14191441     color: #33333f;
    1420      font: 9pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    14211442     margin: 5px 0;
    14221443     resize: none;
     
    14871508}
    14881509
    1489 .newsentry font[size="-2"], .newsentry font[size="-1"] {
    1490      letter-spacing: 0.1em;
     1510.main#news .newsentry:last-child {
     1511     margin-bottom: -5px !important;
    14911512}
    14921513
     
    16831704     background: #fff;
    16841705     min-width: 60px !important;
    1685      filter: drop-shadow(0 0 1px #ededed);
     1706     filter: drop-shadow(0 0 1px #ccf);
    16861707}
    16871708
     
    17031724.tab:hover {
    17041725     background: #fff;
     1726     background: #fff linear-gradient(to bottom, #fff 50%, rgba(255, 232, 191, 0.6) 50%, rgba(239, 217, 179, 0.4) 100%);
    17051727     box-shadow: inset 0 0 0 1px #f90;
     1728     position: relative;
     1729     z-index: 30;
    17061730}
    17071731
    17081732.tab:active {
    1709      box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px 1px #5f2400;
     1733     box-shadow: inset 3px 2px 2px #7f3000;
    17101734     background: #f60;
    17111735     transition: ease box-shadow 0.05s;
     
    17131737
    17141738.tab:active a {
    1715      color: #fff !important;
     1739     color: #ffecdf !important;
     1740     text-shadow: 0 1px 1px #5f2d0c;
    17161741}
    17171742
    17181743.tab2 {
    1719      background: #89f;
    1720      background: #aaf;
    1721      background: #3b6bbf;
    1722      background: rgba(59, 107, 191, 0.8);
     1744     position: relative;
     1745     z-index: 50;
     1746     padding: 4px 12px;
     1747     color: #fafaff;
     1748     text-shadow: 0 1px 1px #113;
     1749     box-shadow: inset 2px 2px 2px rgba(31, 43, 63, 0.7);
    17231750     background: #6288cb;
    1724      box-shadow: inset 0 0 0 1px #fff;
    1725      color: #fff;
    1726      padding: 4px 12px;
     1751     background: linear-gradient(to bottom, rgba(31, 43, 63, 0.7), rgba(31, 43, 63,.2) 50%, rgba(31, 43, 63, 0) 50%, rgba(31, 43, 63, 0.4) 50%, rgba(31, 43, 63, 0.5)), linear-gradient( to right, #6288cb, #7fadff, #6288cb);
    17271752}
    17281753
     
    17881813h3#iptransport a::after, h3#advancedconfig a::after {
    17891814     content: url(images/help.png);
     1815     display: inline-block;
    17901816     padding: 0;
    1791      margin: 0;
    1792      vertical-align: text-top;
     1817     margin: -2px 0 0 0;
     1818     vertical-align: middle;
    17931819     cursor: help;
    17941820     filter: hue-rotate(-20deg) saturate(200%) drop-shadow(0 0 1px #999daf);
     
    18231849/* confignet tidyup */
    18241850
     1851/*
    18251852#netconfig .optbox {
    18261853     margin: 10px 6px 2px !important;
     
    18411868     margin-top: 3px !important;
    18421869}
     1870*/
    18431871
    18441872#netconfig input[name*="ost"] {
     
    21482176
    21492177.messages {
    2150      padding: 15px;
    21512178     margin: 15px 0;
     2179     padding: 10px 15px;
    21522180     border-radius: 2px;
    21532181     border: 1px solid #7778bf;
     
    22452273}
    22462274
     2275.configtable {
     2276     box-shadow: none !important;
     2277}
     2278
    22472279.configtable td {
    22482280     padding: 5px;
     
    23272359#logs li {
    23282360     list-style: none;
    2329      font: 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
     2361     font-size: 8.5pt;
    23302362     line-height: 130%;
    23312363     text-align: left;
     
    23612393
    23622394#logs li font[color="#cc0000"]::before {
    2363      background: #cc0000;
     2395     background: #c00;
    23642396}
    23652397
    23662398#logs li font[color="#006600"]::before {
    2367      background: #006600;
     2399     background: #060;
    23682400}
    23692401
    23702402#logs li font[color="#ff3300"]::before {
    2371      background: #ff3300;
     2403     background: #f30;
    23722404}
    23732405
     
    23772409
    23782410#logs li font[color="#000099"]::before {
    2379      background: #000099;
     2411     background: #009;
    23802412}
    23812413
     
    24572489     padding: 6px 5px;
    24582490     color: #41465f;
    2459      background: #eef url(images/header.png) center center repeat-x;
    2460      background: linear-gradient(to bottom, #fff 50%, rgba(238, 238, 255, 0.2) 50%, #eef 100%) !important;
    24612491     text-align: left;
    24622492     font-size: 9pt;
     
    24652495     border-top: 1px solid #7778bf !important;
    24662496     vertical-align: middle;
     2497     background: #f6f6ff !important;
     2498     background: linear-gradient(to bottom, #fafaff 50%, rgba(252, 252, 255, 0.8) 50%, #e2e2ff 100%) #fafaff !important;
    24672499}
    24682500
     
    24952527     background: #f7f8ff;
    24962528     background: repeating-linear-gradient(45deg, rgba(255,255,255,0.5) 2px, rgba(200, 200, 255, 0.3) 3px, #fafaff 5px), #fafaff;
    2497 }
    2498 
    2499 tr th {
    2500      background: #eef url(images/header.png) center center repeat-x;
    2501      background: linear-gradient(to bottom, #fafaff 50%, rgba(252, 252, 255, 0.8) 50%, #e2e2ff 100%) #fafaff !important;
    25022529}
    25032530
     
    26472674}
    26482675
     2676div.app:active .applabel {
     2677     box-shadow: inset 0 0 0 1px #fff9ef, inset 2px 2px 3px #7f3000;
     2678}
     2679
    26492680.appimg {
    26502681     min-height: 52px;
     
    27532784
    27542785.applabel {
    2755      background: url(images/header.png) center center repeat-x;
     2786     background: #fcfcff !important;
    27562787     background: linear-gradient(to bottom, #fff 50%, #eef 50%) !important;
    27572788     font-size: 8pt;
     
    27782809
    27792810tt, code {
    2780      font: bold 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
     2811     font-size: 8.5pt;
     2812     font-weight: bold;
    27812813     color: #050;
    27822814}
     
    28132845
    28142846.tidylist code {
     2847     color: #910;
     2848     font-size: 9pt;
     2849     font-weight: bold;
    28152850     text-align: left;
    2816      font: 9pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    2817      color: #910;
    2818      font-weight: bold;
    28192851}
    28202852
     
    28322864code {
    28332865     text-align: left;
    2834      font: 9pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
     2866     font-size: 8.5pt;
    28352867     color: #030;
    28362868}
     
    28952927.links code, #console code {
    28962928     color: #910;
    2897      font-size: 8pt !important;
     2929     font-size: 8.5pt !important;
    28982930     font-weight: bold;
    28992931}
     
    29432975
    29442976#bugreports {
    2945     padding: 10px 0 10px 10px;
     2977    padding: 0 0 0 10px;
    29462978    border-collapse: separate;
    29472979    border-radius: 2px;
     
    30423074     background: #fff url(/themes/console/images/info/home.png) 12px center no-repeat;
    30433075     background: url(/themes/console/images/info/home.png) 12px center no-repeat, linear-gradient(to bottom, #fafaff 50%, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px), #fff !important;
    3044      padding: 15px 15px 15px 50px;
     3076     padding: 10px 15px 10px 50px;
    30453077     background-size: 28px 28px, 100% 100%, 100% 100%;
    30463078}
     
    30783110     background: #fff url(/themes/console/images/info/plugin_link.png) 12px center no-repeat;
    30793111     background: url(/themes/console/images/info/plugin_link.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
     3112     background: url(/themes/console/images/info/plugin_link.png) 12px center no-repeat, linear-gradient(to bottom, #fafaff 50%, rgba(220, 220, 255, 0.3)) repeat scroll 0 0%, rgba(0, 0, 0, 0) repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #ffffff 5px) repeat scroll 0 0;
    30803113     padding: 15px 15px 15px 50px;
    30813114     background-size: 28px 28px, 100% 100%;
     
    30853118     background: #fafaff url(/themes/console/images/info/url.png) 12px center no-repeat;
    30863119     background: url(/themes/console/images/info/url.png) 12px center no-repeat, linear-gradient(to bottom, #fafaff 50%, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px), #fff !important;
    3087      padding: 15px 15px 15px 50px;
     3120     padding: 10px 15px 10px 50px;
    30883121     background-size: 28px 28px, 100% 100%, 100% 100% !important;
    30893122}
     
    31013134     background: #fafaff url(/themes/console/images/info/from_file.png) 12px center no-repeat;
    31023135     background: url(/themes/console/images/info/from_file.png) 12px center no-repeat, linear-gradient(to bottom, #fafaff 50%, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px), #fff !important;
    3103      padding: 15px 15px 15px 50px;
     3136     padding: 10px 15px 10px 50px;
    31043137     background-size: 28px 28px, 100% 100%, 100% 100% !important;
    31053138}
     
    31463179     background: #fafaff url(/themes/console/images/info/debug.png) 12px center no-repeat;
    31473180     background: url(/themes/console/images/info/debug.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    3148      padding: 15px 15px 15px 50px;
     3181     padding: 10px 15px 10px 50px;
    31493182     background-size: 28px 28px, 100% 100%;
    31503183}
     
    31603193     background: #fafaff url(/themes/console/images/info/connect.png) 12px center no-repeat;
    31613194     background: url(/themes/console/images/info/connect.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    3162      padding: 15px 15px 15px 50px;
     3195     padding: 10px 15px 10px 50px;
    31633196     background-size: 28px 28px, 100% 100%;
     3197     border-radius: 2px;
     3198     box-shadow: 0 0 1px #ccf;
    31643199}
    31653200
     
    33593394     letter-spacing: 0.08em;
    33603395     word-spacing: 0.1em;
    3361      background: url(images/header.png) center center repeat-x;
    3362      background: linear-gradient(to right, #fff, rgba(255,255,255,0) 600px), linear-gradient(to bottom, #fff 50%, #eef 50%) !important;
    33633396     padding: 10px;
    33643397     border: 1px solid #7778bf;
     
    34043437     margin: 12px 0 15px 0;
    34053438     border-radius: 0 2px 2px 0;
    3406      background: url(images/header.png) center center repeat-x !important;
    3407      background: linear-gradient(to bottom, #fff 50%, #eef 50%) !important;
    34083439     font-size: 11pt;
    34093440     text-transform: uppercase;
     
    34313462
    34323463h2, h3 {
     3464     background: #fcfcff !important;
    34333465     background: linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(to right, #fafaff 5%, rgba(231, 231, 255, 0.8) 25%) !important;
    34343466}
     
    37093741     color: #41465f;
    37103742     margin: 3px;
    3711      font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif;
     3743     font-size: 9pt;
    37123744     padding: 4px 5px;
    37133745     text-decoration: none;
     
    41694201     background: #f8f8ff;
    41704202     box-shadow: inset 1px 1px 1px rgba(204, 204, 204, 0.6);
    4171      font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif;
    41724203}
    41734204
     
    42584289     border: 1px solid #999daf;
    42594290     min-width: 120px;
    4260      font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif;
     4291     font-size: 9pt;
    42614292     border-radius: 2px;
    42624293     text-align: left !important;
     
    43164347     background: #f8f8ff;
    43174348     color: #33333f !important;
     4349     font-size: 9pt;
    43184350     border-radius: 2px;
    4319      font: 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    43204351     min-height: 100px;
    43214352     min-width: 97%;
     
    44114442     padding: 8px 0;
    44124443     margin-top: 1px;
    4413      background: #efeffff;
     4444     background: #efefff;
    44144445     background: repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(240, 240, 255, 0.3) 3px, #fff 5px), #fff;
    44154446     box-shadow: inset 0 0 0 1px #fff;
     
    45334564     background: #447;
    45344565     background: linear-gradient(to right, #77a, #669, #77a);
    4535      height: 2px;
     4566     height: 1px;
    45364567     border-bottom: 1px solid #fff;
    45374568}
     
    47384769     color: #fff !important;
    47394770     box-shadow: inset 0 0 0 1px #fff;
     4771     box-shadow: inset 0 0 0 1px #fff9ef, inset 2px 2px 3px #7f3000;
    47404772     background: #f60 !important;
    47414773}
     
    47444776     color: #f60 !important;
    47454777     background: linear-gradient(to right, #eef, #fff, #eef) !important;
     4778     box-shadow: inset 0 0 0 1px #fff !important;
    47464779}
    47474780
     
    47694802.langselect { /* containing box for lang selection */
    47704803     width: 115px;
     4804     min-height: 64px;
    47714805     float: left;
    47724806     margin: 4px;
     
    48024836.langselect:hover > input + img {
    48034837     transform: scale(1.1);
    4804      border: 1px solid #f60 !important;
    48054838}
    48064839
    48074840.langselect img[src^="/flags"] {
    4808      border: 1px solid #89f;
    48094841     margin-bottom: 42px;
    48104842     margin-left: 0;
     
    48224854     transform: scale(1.1);
    48234855     -webkit-transform: scale(1.1);
    4824      border: 1px solid #338;
    4825      border: 1px solid rgba(51, 51, 136, 0.7);
    4826      box-shadow: 0 0 0 1px #fff;
     4856     filter: drop-shadow(0 0 1px rgba(256, 100, 0, 0.1));
    48274857}
    48284858
     
    48554885.langselect input[name="lang"]:active + img + .ui_lang {
    48564886     color: #fff !important;
    4857      box-shadow: inset 0 0 0 1px #fff;
     4887     box-shadow: inset 0 0 0 1px #fff9ef, inset 2px 2px 3px #7f3000;
    48584888     background: #f60 !important;
    48594889}
     
    48614891.langselect input[name="lang"]:checked:active + img + .ui_lang {
    48624892     color: #f60 !important;
     4893     box-shadow: inset 0 0 0 1px #fff;
    48634894     background: linear-gradient(to right, #eef, #fff, #eef) !important;
    48644895}
     
    48794910     width: 40px;
    48804911     height: 40px;
    4881      border: none !important;
    4882      box-shadow: none;
    48834912     opacity: 0.9 !important;
    48844913     transform: none !important;
     
    48914920     width: 32px !important;
    48924921     height: 32px !important;
    4893      border: none !important;
    4894      box-shadow: none !important;
    48954922     opacity: 1 !important;
    48964923     transform: none !important;
     
    49154942
    4916494320% {
    4917      filter: drop-shadow(0 0 1px #f60);
     4944     filter: drop-shadow(0 0 2px #f60);
    49184945}
    49194946
     
    49234950
    4924495180% {
    4925      filter: drop-shadow(0 0 1px #d40);
     4952     filter: drop-shadow(0 0 2px #d40);
    49264953}
    49274954
     
    50325059
    50335060.cells tt, #profilelist tt, tt a {
    5034      font-size: 8pt !important;
    5035      margin-left: 2px !important;
     5061     font-size: 8.5pt !important;
     5062     letter-spacing: 0.1em;
     5063}
     5064
     5065img + tt {
     5066     margin-left: 4px !important;
     5067     letter-spacing: 0.1em;
    50365068}
    50375069
     
    51295161
    51305162tt a {
    5131      letter-spacing: 0.07em;
     5163     letter-spacing: 0.1em;
    51325164}
    51335165
     
    51395171     min-width: 12px;
    51405172     padding: 0 2px;
    5141      display:inline-block;
     5173     display: inline-block;
    51425174     margin: 1px 2px 1px 8px;
    51435175     text-align: center !important;
     
    52985330     letter-spacing: 0.08em;
    52995331     word-spacing: 0.1em;
     5332     background:  #f6f6ff url(/themes/console/images/info/globe.png) 8px center no-repeat !important;
    53005333     background:  url(/themes/console/images/info/globe.png) 8px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(to right, #fcfcff 5%, rgba(231, 231, 255, 0.8) 25%) !important;
    53015334     background-size: 18px 18px, 100% 100%, 100% 100% !important;
     
    53295362     letter-spacing: normal;
    53305363     word-spacing: normal;
     5364     background: #f6f6ff;
    53315365     background: linear-gradient(to bottom, #fcfcff 50%, rgba(255, 255, 255, 0.6) 50%, rgba(240, 240, 255, 0.4)) !important;
    53325366     background-size: 100% 100%;
     
    53835417     text-align: left;
    53845418     font-size: 10pt;
     5419}
     5420
     5421.leaseset th:last-child {
     5422     font-size: 9pt;
    53855423}
    53865424
     
    54635501
    54645502#noleasesets, #notinitialized, .netdbnotfound {
    5465      border: 1px solid #7778bf;
    5466      padding: 20px;
    5467      font-weight: bold;
    5468      background: #fafaff;
    54695503     margin-top: -6px;
    54705504     margin-bottom: 5px;
     5505     padding: 10px 20px;
     5506     font-weight: bold;
    54715507     text-align: center;
    54725508     color: #41465f;
     5509     border: 1px solid #7778bf;
     5510     box-shadow: 0 0 1px #ccf;
     5511     border-radius: 2px;
     5512     background: #f2f2ff;
     5513     background: linear-gradient(to right, #f2f2ff, #f8f8ff, #f2f2ff);
    54735514}
    54745515
     
    56525693
    56535694.subheading b {
    5654      font-size: 10pt !important;
     5695     font-size: 9.5pt !important;
    56555696}
    56565697
     
    57475788
    57485789ul#banlist {
    5749      background: #fafaff;
     5790     display: block;
     5791     padding: 5px 0;
    57505792     border: 1px solid #7778bf;
    57515793     border-radius: 2px;
    5752      display: block;
    5753      padding: 2px 0;
     5794     background: #fafaff;
     5795     text-align: center;
    57545796     -moz-columns: auto;
    57555797     -webkit-columns: auto;
     
    60086050#schedjobs td:first-child {
    60096051     font-weight: bold;
     6052     color: #41465f;
    60106053}
    60116054
     
    60206063#jobstats tr:last-child td {
    60216064     padding: 5px;
     6065     color: #41465f;
    60226066}
    60236067
     
    61606204     height: 600px;
    61616205     white-space: pre-wrap;
     6206     font-size: 9pt;
    61626207}
    61636208
     
    62096254
    62106255#help code, #help tt {
    6211      font-size: 8pt;
     6256     font-size: 8.5pt;
    62126257     font-weight: bold;
    62136258     color: #050;
     
    62996344
    63006345#wrapperlogs pre {
    6301      background-size: 100% 100%, auto 50%, 100% 100% !important;
     6346     background-size: 100% 100%, auto 120px, 100% 100% !important;
     6347     height: 400px;
     6348     resize: vertical;
    63026349}
    63036350
     
    63786425.homelinkedit th:first-child, #sidebarconf th:first-child, #consolepass th:first-child {
    63796426     text-align: center;
    6380      background: url(/themes/console/images/buttons/delete.png) center center no-repeat, url(images/header.png) center center repeat-x #eef;
     6427     background: #f6f6ff url(/themes/console/images/buttons/delete.png) center center no-repeat !important;
    63816428     background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fafaff 50%, rgba(252, 252, 255, 0.8) 50%, #e2e2ff 100%) #fafaff !important;
    63826429     font-size: 0 !important;
     
    64466493
    64476494h4#updateplugins {
    6448      background: #eef url(images/header.png) center center repeat-x;
     6495     background: #fcfcff !important;
    64496496     background: linear-gradient(to bottom, #fff 50%, rgba(238, 238, 255, 0.2) 50%, #eef 100%) #fff !important;
    64506497     border: 1px solid #7778bf;
     
    69797026}
    69807027
    6981 @media screen and (-webkit-min-device-pixel-ratio:0) {
    6982 #jardump table {
    6983      border: 1px solid #7778bf !important;
    6984      border-bottom: none !important;
    6985      border-top: none !important;
    6986 }
    6987 
    6988 #jardump, #jardump tr {
    6989      border-left: none !important;
    6990      border-right: none !important;
    6991 }
    6992 
    69937028.subheading.routerfiles {
    69947029     padding-left: 5px !important;
     
    70047039     box-shadow: none !important;
    70057040}
    7006 }
    7007 
    7008 #jardump th {
    7009      padding-top: 7px !important;
    7010      padding-bottom: 7px !important;
    7011      font-size: 10pt;
    7012 }
    7013 
    7014 #jardump th:nth-child(n+2) {
    7015      text-align: center;
    7016 }
    7017 
    7018 #jardump td {
    7019      border-right: 1px inset #ddf;
    7020      text-align: center;
    7021 }
    7022 
    7023 #jardump td:first-child {
    7024      padding-right: 3px;
    7025 }
    7026 
    7027 #jardump td:first-child, #jardump td:last-child {
    7028      text-align: left;
    7029 }
    7030 
    7031 #jardump td:nth-child(2) {
    7032      text-align: right;
    7033      font-style: italic;
    7034 }
    70357041
    70367042.revision, .sha256, .unsignedmod {
     
    70437049     background: #f00 !important;
    70447050     color: #fff;
     7051}
     7052
     7053.unsignedmod::selection {
     7054     background: #f00 !important;
     7055     color: #fff;
     7056}
     7057
     7058.revision tt::-moz-selection, .sha256 tt::-moz-selection {
     7059     background: #070 !important;
     7060     color: #fff !important;
     7061}
     7062
     7063.revision tt::selection, .sha256 tt::selection {
     7064     background: #070 !important;
     7065     color: #fff !important;
     7066}
     7067
     7068.revision br::-moz-selection, .sha256 br::-moz-selection {
     7069     background: transparent !important;
     7070}
     7071
     7072.revision br::selection, .sha256 br::selection {
     7073     background: transparent !important;
    70457074}
    70467075
     
    70797108}
    70807109
     7110#jardump tr:hover td:first-child {
     7111     background: url(/themes/console/images/info/box.png) 5px center no-repeat #ffd;
     7112     background-size: 16px 16px;
     7113}
     7114
     7115#jardump tr:hover td:first-child b, #portmapper tr:hover td:first-child, #portfaq tr:hover td:first-child {
     7116     color: #26262f;
     7117}
     7118
     7119#jardump tr:hover .unsignedmod:not(:empty) {
     7120     background: #8f0000;
     7121     color: #fff;
     7122}
     7123
     7124#jardump tr:hover hr {
     7125     background: transparent;
     7126}
     7127
     7128#jardump th {
     7129     padding-top: 7px !important;
     7130     padding-bottom: 7px !important;
     7131     font-size: 9.5pt;
     7132}
     7133
     7134#jardump th:nth-child(n+2) {
     7135     text-align: center;
     7136}
     7137
     7138#jardump td {
     7139     border-right: 1px inset #ddf;
     7140     text-align: center;
     7141}
     7142
    70817143#jardump td:first-child {
    70827144     padding-left: 26px;
     7145     padding-right: 3px;
     7146     white-space: nowrap;
    70837147     background-image: url(/themes/console/images/info/box.png);
    70847148     background-position: 5px center;
     
    70877151}
    70887152
    7089 #jardump tr:hover td:first-child {
    7090      background: url(/themes/console/images/info/box.png) 5px center no-repeat #ffd;
    7091      background-size: 16px 16px;
    7092 }
    7093 
    7094 #jardump tr:hover td:first-child b, #portmapper tr:hover td:first-child, #portfaq tr:hover td:first-child {
    7095      color: #26262f;
    7096 }
    7097 
    7098 #jardump tr:hover .unsignedmod:not(:empty) {
    7099      background: #8f0000;
    7100      color: #fff;
    7101 }
    7102 
    7103 #jardump tr:hover hr {
    7104      background: transparent;
     7153#jardump td:first-child, #jardump td:last-child {
     7154     text-align: left;
     7155}
     7156
     7157#jardump td:nth-child(2) {
     7158     padding-right: 7px;
     7159     padding-left: 7px;
     7160     width: 5%;
     7161     white-space: nowrap;
     7162     color: #41465f;
     7163     text-align: right;
     7164     font-style: italic;
     7165     font-weight: bold;
    71057166}
    71067167
     
    71147175     word-break: break-all;
    71157176     padding: 1px;
     7177}
     7178
     7179@media screen and (-webkit-min-device-pixel-ratio:0) {
     7180#jardump table {
     7181     border: 1px solid #7778bf !important;
     7182     border-bottom: none !important;
     7183     border-top: none !important;
     7184     width: calc(100% - 1px) !important;
     7185}
     7186
     7187#jardump, #jardump tr {
     7188     border-left: none !important;
     7189     border-right: none !important;
     7190}
     7191
     7192#jardump td:nth-child(3), #jardump td:nth-child(7) {
     7193     width: 10%;
     7194}
    71167195}
    71177196
     
    74007479@media screen and (max-width: 1500px) {
    74017480body {
    7402      margin: 5px 4px;
     7481     margin: 4px;
    74037482}
    74047483
     
    74587537     height: 75%;
    74597538}
     7539
     7540#profiles .tab:first-child, #profiles .tab2:first-child, #help .tab:first-child, #help .tab2:first-child,
     7541#netdb .tab:first-child, #netdb .tab2:first-child, #debug .tab:first-child, #debug .tab2:first-child {
     7542     border-radius: 2px 0 0 2px;
     7543}
     7544
     7545#profiles .tab:last-child, #profiles .tab2:last-child, #help .tab:last-child, #help .tab2:last-child,
     7546#netdb .tab:last-child, #netdb .tab2:last-child, #debug .tab:last-child, #debug .tab2:last-child {
     7547     border-radius: 0 2px 2px 0;
     7548}
    74607549}
    74617550
     
    77237812/* end Edge/IE tweaks */
    77247813
     7814
     7815
     7816/* TO DO: Merge with main classes */
     7817
     7818.optionlist {
     7819     -moz-columns: 500px auto;
     7820     -webkit-columns: 500px auto;
     7821     columns: 500px auto;
     7822     padding-bottom: 1px;
     7823}
     7824
     7825.optionlist label {
     7826     min-width: 300px;
     7827     break-inside: avoid;
     7828     page-break-inside: avoid !important;
     7829     -webkit-column-break-inside: avoid;
     7830}
     7831
     7832th.options {
     7833     padding: 7px 5px !important;
     7834}
     7835
     7836textarea[name="reseedURL"] {
     7837     height: 20px !important;
     7838     max-height: 20px !important;
     7839}
     7840
     7841th.options {
     7842     font-size: 9pt !important;
     7843}
     7844
     7845.options input[type="checkbox"] {
     7846     margin: 0 3px 0 0;
     7847}
     7848
     7849#reseedconfig th label, #i2pupdates th label {
     7850     vertical-align: text-top;
     7851}
     7852
     7853#reseedconfig .nowrap b, #externali2cp .nowrap b  {
     7854     display: inline-block;
     7855     min-width: 120px;
     7856     margin: 0 3px 0 5px;
     7857     text-align: right;
     7858}
     7859
     7860#reseedconfig th[colspan="2"], #i2pupdates th[colspan="2"] {
     7861     padding: 8px;
     7862     vertical-align: middle;
     7863}
     7864
     7865#reseedconfig th label, #i2pupdates th label {
     7866     margin-right: 10px;
     7867}
     7868
     7869#reseedconfig textarea, #i2pupdates textarea {
     7870      min-height: 76px !important;
     7871      height: 76px !important;
     7872      margin: 2px 6px 2px 3px !important;
     7873      padding: 3px 5px;
     7874}
     7875
     7876#reseedconfig td {
     7877     vertical-align: middle;
     7878}
     7879
     7880@media screen and (-webkit-min-device-pixel-ratio: 0) {
     7881#reseedconfig .optbox[type="radio"] {
     7882     margin: 4px 4px 4px 15px !important;
     7883}
     7884
     7885#reseedconfig .optbox[type="checkbox"] {
     7886     vertical-align: sub !important;
     7887}
     7888
     7889#manualreseed th:last-child, #manualreseed td:last-child {
     7890     border-right: 1px solid #7778bf;
     7891}
     7892}
     7893
     7894#reseedconfig td:first-child label {
     7895     min-width: 200px;
     7896     white-space: nowrap;
     7897     display: inline-block;
     7898}
     7899
     7900#resetreseed {
     7901     padding: 15px 0 0;
     7902}
     7903
     7904/*
     7905#externaltcp {
     7906     padding: 0;
     7907}
     7908
     7909
     7910#netconfig .infowarn, #netconfig .infohelp, #config_reseed tr:first-child .infohelp, #manualpeercontrol tr:nth-last-child(2) .infohelp,
     7911#bandwidthconfig tr:nth-last-child(2) .infohelp, #clientconf.infowarn, #externali2cp .infowarn, #advconf .infohelp {
     7912     background-size: 22px 22px !important;
     7913     background-position: 8px center;
     7914     padding: 10px 10px 10px 37px !important;
     7915}
     7916*/
     7917
     7918/* i2p version & environment */
     7919
     7920#enviro, .configtable, #graphs table, #netdb table {
     7921     box-shadow: inset 0 0 4px 2px #eef;
     7922     background: repeating-linear-gradient(135deg, rgba(248,248,255,0.8) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) #fff;
     7923}
     7924
     7925#enviro tr:first-child td {
     7926     -moz-user-select: none !important;
     7927     -webkit-user-select: none !important;
     7928     user-select: none !important;
     7929}
     7930
     7931@supports (text-justify: auto) { /* only Firefox 55 or newer */
     7932#enviro tr, .configtable tr, #pluginconfig table tr, #graphs tr, #netdb tr {
     7933     background: linear-gradient(to bottom, rgba(248,248,255,0.6) 50%, rgba(248,248,255,0.2)) !important;
     7934     box-shadow: inset 0 0 0 1px #fff;
     7935}
     7936}
     7937
     7938#sidebarconf tr:nth-child(odd), .homelinkedit tr:nth-child(odd), #clientconfig tr:nth-child(odd), #netdb tr:nth-child(odd),
     7939#webappconfig tr:nth-child(odd), #configstats tr:nth-child(odd), #pluginconfig table tr:nth-child(even), #routerinfo tr {
     7940     background: linear-gradient(to bottom, rgba(240,240,255,0.6) 50%, rgba(240,240,255,0.4)) !important;
     7941}
     7942
     7943#enviro:hover tr {
     7944     box-shadow: none;
     7945}
     7946
     7947#enviro:hover b {
     7948     color: #333337 !important;
     7949}
     7950
     7951#enviro td {
     7952     padding-top: 6px;
     7953     padding-bottom: 6px;
     7954}
     7955
     7956#enviro td:last-child b {
     7957     margin-right: 1px;
     7958}
     7959
     7960#cputype {
     7961     background: #557;
     7962     padding: 2px 4px;
     7963     margin: -1px 1px -1px 0;
     7964     display: inline-block;
     7965     font-weight: bold;
     7966     border-radius: 2px;
     7967     color: #fff;
     7968     text-transform: uppercase;
     7969}
     7970
     7971#enviro:hover #cputype {
     7972     background: none;
     7973     color: #333337;
     7974}
     7975
     7976/* end i2p version & environment */
     7977
     7978#webappconfig tr:last-child td, #clientconfig tr:last-child td, #tunnelconfig tr:last-child td {
     7979     border-top: none !important;
     7980}
     7981
     7982.messages #newsDisplay, .messages #newsStatus {
     7983     padding: 0 !important;
     7984}
     7985
     7986.config_experimental:not(old) {
     7987      font-size: 0;
     7988}
     7989
     7990.config_experimental::after {
     7991     content: "";
     7992     display: inline-block;
     7993     background: url(/themes/console/images/info/experimental.png) right center no-repeat;
     7994     background-size: 16px 16px;
     7995     width: 16px;
     7996     margin-bottom: -2px;
     7997     height: 16px;
     7998}
     7999
     8000#manualreseed, .formaction#consolepass {
     8001     margin-bottom: 10px;
     8002}
     8003
     8004#themesettings, #themeoptions {
     8005     box-shadow: inset 0 0 0 1px #fff;
     8006}
     8007
     8008#themeoptions {
     8009     margin-bottom: -1px;
     8010     padding-bottom: 6px;
     8011}
     8012
     8013/* graphs */
     8014
     8015.statimage {
     8016     animation: fadein 1s ease-in; /* prevent white background flicker on refresh */
     8017}
     8018
     8019@keyframes fadein {
     8020from {
     8021     background: #f7f7ff;
     8022}
     8023
     8024to {
     8025     background: #fff;
     8026}
     8027}
     8028
     8029#graphs td:first-child {
     8030     font-weight: normal;
     8031     text-align: left;
     8032     padding: 5px 0 0;
     8033}
     8034
     8035@media screen and (min-width: 1060px) {
     8036#graphs td:first-child {
     8037     padding: 5px 0;
     8038}
     8039}
     8040
     8041#graphs td b {
     8042     min-width: 150px;
     8043     text-align: right;
     8044     display: inline-block;
     8045     margin-right: 5px;
     8046}
     8047
     8048#graphs .nowrap {
     8049     line-height: 300%;
     8050     display: inline-block;
     8051}
     8052
     8053/* end graphs */
     8054
     8055#pluginconfigtext + form {
     8056     float: right;
     8057     margin: -38px 6px 0 0;
     8058}
     8059
     8060#pluginconfig table {
     8061     border: 1px solid #bbf;
     8062}
     8063
     8064#manualreseed tr:last-child td.infohelp {
     8065     background: #fafaff url(/themes/console/images/info/box.png) 12px center no-repeat;
     8066     background: url(/themes/console/images/info/box.png) 12px center no-repeat, linear-gradient(to bottom, #fafaff 50%, rgba(220, 220, 255, 0.3)) repeat scroll 0 0%, rgba(0, 0, 0, 0) repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px);
     8067     padding: 15px 15px 15px 50px;
     8068     background-size: 28px 28px, 100% 100%;
     8069}
     8070
     8071#manualpeercontrol tr:nth-child(3) td.infohelp {
     8072     background: #fafaff url(/themes/console/images/info/blocked.png) 12px center no-repeat;
     8073     background: url(/themes/console/images/info/blocked.png) 12px center no-repeat, linear-gradient(to bottom, #fafaff 50%, rgba(220, 220, 255, 0.3)) repeat scroll 0 0%, rgba(0, 0, 0, 0) repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) !important;
     8074     padding: 15px 15px 15px 50px !important;
     8075     background-size: 28px 28px, 100% 100% !important;
     8076}
     8077
     8078#netconfig tr:nth-last-child(3) .optionlist {
     8079     margin-bottom: -1px;
     8080}
     8081
     8082.netdb_addresses {
     8083     line-height: 135%;
     8084}
     8085
     8086#leasesetsummary td {
     8087     padding: 5px;
     8088}
     8089
     8090.buckets br + br {
     8091     line-height: 5px;
     8092}
     8093
     8094/* chrome/blink overrides */
     8095
     8096@media screen and (-webkit-min-device-pixel-ratio: 0) {
     8097
     8098.main, table {
     8099     background: #f6f6ff !important;
     8100}
     8101
     8102#help #sidebarhelp, #help #configurationhelp, #help pre, #help #faq, .debug_container {
     8103     background: #f3f3ff !important;
     8104}
     8105
     8106#help #volunteer, #help #sidebarhelp, #help #configurationhelp, #help pre, #help #faq, #help #legal,
     8107#help #reachabilityhelp, .debug_container, #help #advancedsettings {
     8108     background: #f8f8ff !important;
     8109}
     8110
     8111#help #volunteer {
     8112     background: #f3f3ff url(/themes/snark/ubergine/images/hat.png) no-repeat right -3px bottom -3px !important;
     8113     background-size: auto 80%;
     8114}
     8115
     8116#help tr:nth-child(even), .main tr:nth-child(even), #themeoptions {
     8117     background: #f0f0ff !important;
     8118}
     8119
     8120#help tr:nth-child(odd), .main tr:nth-child(odd) {
     8121     background: #f8f8ff !important;
     8122}
     8123
     8124.main tr, #themeoptions {
     8125     box-shadow: none !important;
     8126}
     8127
     8128th.options .optbox {
     8129     vertical-align: sub !important;
     8130}
     8131}
     8132
     8133/* end chrome overrides */
     8134
  • installer/resources/themes/console/light/i2ptunnel.css

    rdc6ab70 r73ab3e8  
    112112     box-shadow: none;
    113113     font-family: "Droid Sans Mono", "Noto Mono", Consolas, "Lucida Console", "DejaVu Sans Mono", monospace;
    114      font-size: 8pt;
     114     font-size: 8.5pt;
    115115     filter: none;
    116116}
     
    161161}
    162162
    163 .freetext {
     163.freetext, .freetext.tunnelDescription {
    164164     width: 150px;
    165165     border: 1px solid #999daf;
    166      padding: 4px;
     166     padding: 4px !important;
    167167     background: #fafaff;
    168168     color: #33333f;
     
    274274     margin: 16px auto -8px auto !important;
    275275     width: 100%;
    276      filter: drop-shadow(0 0 1px #ccc);
     276     filter: drop-shadow(0 0 1px #ccf);
    277277}
    278278
     
    421421     border-top: 1px solid #7778bf;
    422422     border-bottom: 1px solid #7778bf;
    423      font-size: 10pt;
     423     font-size: 9.5pt;
    424424     color: #41465f;
    425425}
     
    746746}
    747747
    748 input.tunnelName, input.tunnelDescriptionText, #userAgents {
     748input.tunnelName, input.tunnelDescriptionText, #userAgents, .freetext.tunnelDescription {
    749749     width: 80%;
    750750     min-width: 280px !important;
     
    908908
    909909textarea[name="accessList"], #hostField, #localDestination, .authentication {
    910      width: calc(100% - 15px) !important;
     910     width: calc(100% - 20px) !important;
    911911     margin: 5px !important;
     912     padding: 2px 4px;
    912913}
    913914
     
    12541255/* end custom radios/checkboxes */
    12551256
     1257/* chrome/blink overrides */
     1258
     1259@media screen and (-webkit-min-device-pixel-ratio: 0) {
     1260textarea, input[type="text"], .displayText, *[readonly] {
     1261     filter: none !important;
     1262     box-shadow: 0 0 1px #ccf;
     1263}
     1264
     1265table {
     1266     background: #f0f0ff !important;
     1267}
     1268
     1269tr {
     1270     box-shadow: none !important;
     1271}
     1272
     1273#throttler tr:nth-child(even) {
     1274     background: #f0f0ff !important;
     1275}
     1276
     1277#throttler tr:nth-child(odd), .tunnelConfig tr, #wizardPanel tr, #registration tr {
     1278     background: #f8f8ff !important;
     1279}
     1280}
     1281
     1282/* end chrome overrides */
  • installer/resources/themes/console/midnight/console.css

    rdc6ab70 r73ab3e8  
    14221422     margin-bottom: -6px !important;
    14231423}
     1424
     1425.sb_netstatus, .tunnelBuildStatus {
     1426     margin-bottom: -4px !important;
     1427}
    14241428}
    14251429
     
    16541658     background-size: 280px 90px !important;
    16551659     background-repeat: no-repeat !important;
    1656      margin: -7px 0 -3px !important;
     1660     margin: -6px 0 -4px !important;
    16571661     height: 40px;
    16581662     filter: invert(1) sepia(1) hue-rotate(180deg);
     1663}
     1664
     1665@media screen and (-webkit-min-device-pixel-ratio:0) {
     1666#sb_graphcontainer {
     1667     margin-bottom: -5px !important;
     1668}
    16591669}
    16601670
     
    16881698
    16891699/* status bar */
     1700
     1701@media screen and (-webkit-min-device-pixel-ratio:0) {
     1702#sb_memoryBar {
     1703     margin-bottom: -6px !important;
     1704}
     1705}
    16901706
    16911707.percentBarOuter {
     
    21322148
    21332149.tab2 {
     2150     padding: 5px 14px 7px;
     2151     color: #c9ceff;
     2152     box-shadow: inset 3px 3px 2px #000;
    21342153     background: #040033;
    2135      color: #c9ceff;
    2136      padding: 5px 14px 7px;
     2154     background: linear-gradient(to bottom, #040033 50%, #020011 50%);
    21372155}
    21382156
     
    24992517
    25002518tt {
    2501      font: bold 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
     2519     font: bold 8.5pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
    25022520     color: #393;
    25032521}
     
    27142732
    27152733h1, h2, h3:not([id*="help"]), h4.app, h4.app2, .routersummary h3, .confignav {
    2716      background: linear-gradient(to bottom, #191729 0%, #000 50%) !important;
     2734     background: linear-gradient(to bottom, #191729, #000 75%) !important;
    27172735}
    27182736
     
    27682786     opacity: 1;
    27692787     transform: scale(1.1);
     2788}
     2789
     2790.langbox img:active {
     2791     transform: none !important;
    27702792}
    27712793
     
    32913313}
    32923314
     3315.homelinkedit td:nth-child(2) img {
     3316     height: 20px;
     3317     width: 20px;
     3318}
     3319
    32933320#config_homepage .delete {
    32943321     float: left;
     
    35173544
    35183545.langselect img {
    3519      border: 1px solid #241f69;
     3546     width: 40px;
     3547     height: 40px;
    35203548     margin-bottom: 0;
    35213549     margin-left: -72px;
     
    35273555     width: 19px;
    35283556     height: 13px;
    3529      border: 1px solid #652787;
    35303557     margin-top: 6px !important;
    35313558     margin-left: -73px;
     
    35333560
    35343561.langselect input[name="lang"]:hover + img {
    3535      box-shadow: 0 0 1px 1px #652787;
     3562     filter: drop-shadow(0 0 1px #652787);
    35363563}
    35373564
     
    35653592     background: #000;
    35663593     color: #652787;
    3567 }
    3568 
    3569 @media screen and (-webkit-min-device-pixel-ratio:0) {
    3570 .langselect img {
    3571      margin-left: -8px !important;
    3572      margin-top: -16px !important;
    3573 }
    3574 
    3575 .langselect input[name="lang"]:checked + img {
    3576      margin-left: -10px !important;
    3577      margin-top: -18px !important;
    3578 }
    35793594}
    35803595
     
    36083623     transition: none !important;
    36093624     filter: drop-shadow(0 0 2px #652787);
     3625}
     3626
     3627@media screen and (-webkit-min-device-pixel-ratio:0) {
     3628.langselect img {
     3629     margin-left: -19px !important;
     3630     margin-top: -31px !important;
     3631}
     3632
     3633.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] {
     3634     margin-left: -15px !important;
     3635     margin-top: -27px !important;
     3636}
    36103637}
    36113638
     
    38343861     padding: 10px 10px 10px 0;
    38353862     margin: -1px 0 13px;
    3836      -moz-column-count: auto;
    3837      -moz-column-width: 260px;
     3863     -moz-columns: 300px auto;
    38383864     -moz-column-gap: 8px;
    38393865     -moz-column-rule: 1px dotted #443da0;
    3840      -webkit-column-count: auto;
    3841      -webkit-column-width: 260px;
     3866     -webkit-columns: 300px auto;
    38423867     -webkit-column-gap: 8px;
    38433868     -webkit-column-rule: 1px dotted #443da0;
    3844      column-count: auto;
    3845      column-width: 260px;
     3869     columns: 300px auto;
     3870     column-width: 300px;
    38463871     column-gap: 8px;
    38473872     column-rule: 1px dotted #443da0;
     
    38573882     margin: 0 10px 3px;
    38583883     padding-top: 3px;
    3859      min-width: 250px;
    3860      width: 88%;
     3884     min-width: 300px;
    38613885     padding-bottom: 5px;
    38623886     break-inside: avoid;
     
    40464070}
    40474071
     4072#webappconfig th:nth-child(2), #webappconfig th:nth-child(3) {
     4073     text-align: center;
     4074}
     4075
    40484076#webappconfig th:last-child {
    40494077     text-align: left;
     
    40564084     min-height: 28px;
    40574085     vertical-align: middle;
     4086}
     4087
     4088.configtable#webappconfig tr:last-child, .configtable#tunnelconfig tr:last-child {
     4089     border-top: 1px inset #120f35 !important;
    40584090}
    40594091
     
    42384270table#tunnelconfig td:first-child {
    42394271     font-weight: bold;
     4272}
     4273
     4274#tunnelconfig td:nth-child(n+2) {
     4275     text-align: left;
    42404276}
    42414277
     
    44744510/* /help */
    44754511
     4512#help p, #help li, #help td {
     4513     line-height: 150% !important;
     4514}
     4515
     4516#help li {
     4517     padding-right: 5px !important;
     4518}
     4519
    44764520#help h3 {
    44774521    padding: 7px 10px;
     
    44954539
    44964540#legal h2, #sidebarhelp h2, #volunteer h2, #reachabilityhelp h2, #configurationhelp h2, #faq h2 {
     4541     margin: -1px -21px 10px !important;
    44974542     padding: 10px;
    44984543     text-transform: uppercase;
     
    45024547     word-spacing: 0.1em;
    45034548     border-radius: 0;
    4504      margin: -1px -21px 10px !important;
    4505      background: linear-gradient(to right, #000000, #010010 70%, #010013 90%);
    45064549}
    45074550
     
    45114554
    45124555#sidebarhelp h3, #faq h3 {
     4556     margin: 0 -21px 10px !important;
    45134557     padding: 10px;
    45144558     text-transform: uppercase;
     
    45184562     word-spacing: 0.1em;
    45194563     border-radius: 0;
    4520      margin: 0 -21px 10px !important;
    4521      background: linear-gradient(to right, #000000, #010010 70%, #010013 90%);
    45224564     border: 1px solid #443da0;
    45234565}
     
    48764918
    48774919.netdb_leases .tunnel_peer tt, .netdb_leases .tunnel_peer tt a {
    4878      font-size: 8pt !important;
     4920     font-size: 8.5pt !important;
    48794921     font-weight: bold !important;
    48804922}
     
    50215063#logs li {
    50225064     list-style: none;
    5023      font: 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
     5065     font: 8.5pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    50245066     line-height: 130%;
    50255067     text-align: left;
     
    51345176
    51355177a[href^="configpeer?peer"]:not(old) {
    5136      font-size: 0;
     5178     font-size: 0 !important;
    51375179     filter: drop-shadow(0 0 1px #777);
    51385180}
     
    51425184     vertical-align: top;
    51435185     margin: 0 0 0 4px !important;
    5144      line-height: 0;
     5186     line-height: 0 !important;
    51455187}
    51465188
     
    57665808/* begin home page */
    57675809
     5810#home .welcome h2 {
     5811     margin-top: 12px !important;
     5812}
     5813
    57685814#homepanel {
    57695815     margin: 0 -8px;
     
    57715817
    57725818h4.app, h4.app2 {
    5773      background: linear-gradient(to bottom, #191729 0%, #000 50%) !important;
     5819     background: linear-gradient(to bottom, #191729, #000 75%) !important;
    57745820     border: 1px solid #443da0;
    57755821     font-size: 10.5pt;
     
    59736019     width: 150px;
    59746020     background: #001 url(images/titles.png) center center;
    5975      background: linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%);
     6021     background: linear-gradient(to bottom, #121225 50%, #00000d 50%);
    59766022     border-radius: 0 0 2px 2px;
    59776023     border-top: 1px solid #443da0;
     
    70667112/* /tunnels */
    70677113
    7068 tt a {
    7069      letter-spacing: 0.07em;
     7114img + tt {
     7115     letter-spacing: 0.15em;
    70707116}
    70717117
     
    78707916@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1500px) {
    78717917.langselect img, .langselect input[name="lang"]:checked + img {
    7872      margin-left: -10px !important;
    7873      margin-top: -16px !important;
     7918     margin-left: -20px !important;
     7919     margin-top: -30px !important;
    78747920}
    78757921
    78767922.langselect input[name="lang"]:checked + img {
    7877      margin-left: -11px !important;
    7878      margin-top: -18px !important;
     7923     margin-left: -16px !important;
     7924     margin-top: -26px !important;
    78797925}
    78807926}
     
    80018047/* end IE/Edge tweaks */
    80028048
     8049/* TO DO: Merge with main classes */
     8050
     8051.optionlist {
     8052     columns: 500px auto;
     8053     padding-bottom: 1px;
     8054}
     8055
     8056.optionlist label {
     8057     min-width: 300px;
     8058     break-inside: avoid;
     8059     page-break-inside: avoid !important;
     8060     -webkit-column-break-inside: avoid;
     8061}
     8062
     8063th.options, table#externali2cp th {
     8064     padding: 7px 10px !important;
     8065}
     8066
     8067.options input[type="checkbox"], #i2pupdates .options .optbox {
     8068     margin: 0 3px 0 0;
     8069}
     8070
     8071#i2pupdates textarea {
     8072      min-height: 76px !important;
     8073      height: 76px !important;
     8074      margin: 6px 0 6px 10px !important;
     8075      padding: 3px 5px;
     8076}
     8077
     8078#reseedconfig textarea {
     8079      min-height: 76px !important;
     8080      height: 76px !important;
     8081      margin: 6px 10px 6px 0 !important;
     8082      padding: 3px 5px;
     8083}
     8084
     8085#manualreseed {
     8086     margin-bottom: 10px !important;
     8087}
     8088
     8089#resetreseed {
     8090     padding: 5px 5px 0 0;
     8091}
     8092
     8093/* /configui */
     8094
     8095#passwordheading {
     8096     margin-top: 0 !important;
     8097}
     8098
     8099#langsettings {
     8100     margin-bottom: 10px !important;
     8101}
     8102
     8103/* end /configui */
     8104
     8105#pluginconfigtext + form {
     8106     float: right;
     8107     margin: -42px 6px 0 0;
     8108}
     8109
     8110#externaltcp .nowrap:first-child {
     8111     margin: 5px 0 -18px !important;
     8112     display: inline-block;
     8113}
     8114
     8115#cputype {
     8116     display: inline-block;
     8117     margin: -2px 2px -2px 0;
     8118     padding: 2px 5px;
     8119     font-weight: bold;
     8120     text-transform: uppercase;
     8121     border-radius: 2px;
     8122     background: #005;
     8123}
     8124
     8125#wrapperlogs pre {
     8126     height: 300px;
     8127     resize: vertical;
     8128}
     8129
     8130/* graphs */
     8131
     8132#graphs td:first-child {
     8133     font-weight: normal;
     8134     text-align: left;
     8135     padding: 5px 0 0;
     8136}
     8137
     8138@media screen and (min-width: 1060px) {
     8139#graphs td:first-child {
     8140     padding: 5px 0;
     8141}
     8142}
     8143
     8144#graphs td b {
     8145     min-width: 150px;
     8146     text-align: right;
     8147     display: inline-block;
     8148     margin-right: 5px;
     8149}
     8150
     8151#graphs .nowrap {
     8152     line-height: 300%;
     8153     display: inline-block;
     8154}
     8155
     8156/* end graphs */
     8157
     8158.buckets br + br {
     8159     line-height: 5px;
     8160}
  • installer/resources/themes/snark/classic/snark.css

    rdc6ab70 r73ab3e8  
    2424body.iframed {
    2525     margin: 1px 0 !important;
    26      background: transparent url(/themes/console/images/transparent.gif) !important;
     26     background: transparent !important;
    2727}
    2828
    2929body.iframed {
    30      background: transparent url(/themes/console/images/transparent.gif),
    31      url(images/button_snark_hover.png) no-repeat,
     30     background: url(images/button_snark_hover.png) no-repeat,
    3231     url(images/button_snark_active.png) no-repeat,
    3332     url(images/button_tracker_hover.png) no-repeat,
     
    3534     url(images/button_forum_hover.png) no-repeat,
    3635     url(images/button_forum_active.png) no-repeat !important;
    37      background-size: 100% 100%, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
     36     background-size: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
    3837}
    3938
     
    7978     min-width: 906px;
    8079     margin: 0 0 -6px !important;
    81      padding: 9px 0;
     80     padding: 8px 0;
    8281     text-align: center;
    8382     letter-spacing: 0 !important;
     
    9695.iframed .snarknavbar {
    9796     margin-top: -2px !important;
    98      padding: 8px 0;
     97     padding: 8px 0 7px;
    9998     border-radius: 0;
    10099     position: static;
     
    116115     box-shadow: inset 0 0 0 1px #fff, 0 0 1px rgba(200,200,200,0.5);
    117116     opacity: 0.85;
    118      transition: ease all 0.1s;
     117     transition: ease box-shadow 0.01s;
    119118}
    120119
     
    147146     position: relative;
    148147     z-index: 999;
    149      transition: ease all 0.1s;
    150148}
    151149
     
    170168     text-shadow: none;
    171169     box-shadow: inset 4px 4px 3px #824b1b, 0 0 0 0 rgba(0,0,0,0) !important;
    172      transition: ease all 0.1s;
     170     transition: linear box-shadow 0.05s;
    173171}
    174172
     
    228226.snarkMessages li {
    229227     margin-left: -15px;
    230      font: bold 8pt "Droid Sans Mono", "Noto Sans Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
     228     font: bold 8.5pt "Droid Sans Mono", "Noto Sans Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    231229     color: #4b4b76;
    232230}
     
    283281/* end screenlog */
    284282
    285 .ParentDir {
    286      font-size: 8pt;
    287      padding: 4px 0 0 6px;
    288      text-align: left !important;
    289      border: 1px solid #89f !important;
    290      border-right: 0 !important;
    291      border-left: 0 !important;
    292      background: #fff;
    293 }
    294 
    295 .ParentDir a {
    296      font-weight: bold !important;
    297      margin-left: -4px;
    298 }
    299 
    300 .ParentDir img {
    301      padding-left: 3px;
    302 }
    303 
    304 .priority {
    305      font-size: 8pt;
    306      width: 160px !important;
    307      vertical-align: middle;
    308      white-space: nowrap;
    309 }
    310 
    311 #setPriority th {
    312      padding: 5px 10px !important;
    313      text-align: right !important;
    314 }
    315 
    316 #setPriority input[disabled], #setPriority input[disabled]:hover {
    317      display: none;
    318      cursor: not-allowed !important;
    319      border: 1px solid #999;
    320      background: linear-gradient(to bottom, #fff, #ddd);
    321 }
    322 
    323283.snarkTorrents {
    324284     margin: 0;
     
    392352}
    393353
    394 .snarkTrackerDetails a:hover img, .snarkTrackerDetails img:hover, .snarkTrackerDetails a:focus img,
    395 .snarkTorrentDetails a:hover img, .snarkTorrentDetails img:hover, .snarkTorrentDetails a:focus img,
     354.snarkTrackerDetails a:hover img, .snarkTrackerDetails a:focus img,
     355.snarkTorrentDetails a:hover img, .snarkTorrentDetails a:focus img,
    396356.snarkDirInfo td:first-child a:hover img, .snarkDirInfo td:first-child a:focus img {
    397357     border: 1px solid #f60 !important;
    398358     border-radius: 2px;
    399      box-shadow: 0 0 1px #f60;
    400359     background: #ddf;
    401360     background: linear-gradient(to bottom, #fff 50%, #ddf 50%);
     
    404363
    405364.snarkTrackerDetails a:active img, .snarkTorrentDetails a:active img, .snarkDirInfo td:first-child a:active img {
    406      box-shadow: inset 2px 2px 2px #99f;
     365     box-shadow: inset 2px 2px 2px #337;
     366     transform: scale(0.9);
    407367}
    408368
     
    643603.snarkTorrentInfo td:first-child {
    644604     width: 20px !important;
    645      padding: 4px !important;
     605     padding: 6px 4px !important;
     606}
     607
     608.snarkTorrentInfo b {
     609     margin-right: 3px !important;
    646610}
    647611
     
    699663/* torrent directory */
    700664
     665.snarkDirInfo td {
     666     padding-top: 6px !important;
     667     padding-bottom: 6px !important;
     668}
     669
     670.snarkDirInfo .ParentDir {
     671     font-size: 8pt;
     672     padding: 2px 0 0 6px !important;
     673     text-align: left !important;
     674     border: 1px solid #89f !important;
     675     border-right: 0 !important;
     676     border-left: 0 !important;
     677     background: #fff;
     678}
     679
     680.ParentDir a {
     681     font-weight: bold !important;
     682     margin-left: -4px;
     683}
     684
     685.ParentDir img {
     686     padding-left: 3px;
     687}
     688
    701689.SnarkDirInfo {
    702690     margin-top: 10px !important;
     
    785773}
    786774
     775.priority {
     776     font-size: 8pt;
     777     width: 160px !important;
     778     vertical-align: middle;
     779     white-space: nowrap;
     780}
     781
     782#setPriority th {
     783     padding: 5px 10px !important;
     784     text-align: right !important;
     785}
     786
     787#setPriority input[disabled], #setPriority input[disabled]:hover {
     788     display: none;
     789     cursor: not-allowed !important;
     790     border: 1px solid #999;
     791     background: linear-gradient(to bottom, #fff, #ddd);
     792}
     793
    787794.snarkFileStatus {
     795     width: 120px;
    788796     white-space:nowrap;
    789      width: 120px;
     797     overflow: hidden;
     798     text-overflow: ellipsis;
    790799}
    791800
     
    826835}
    827836
    828 .snarkTorrentAction img:hover {
    829      box-shadow: 0 0 1px 1px #f90;
    830 }
    831 
    832837.snarkTorrentAction input[type="image"] {
    833838     padding: 3px !important;
     
    835840     background: linear-gradient(to bottom, #fff 50%, #ddf 50%);
    836841     border-radius: 2px;
    837      border: 1px solid #bbf !important;
     842     border: 1px solid #99f !important;
    838843     margin: 2px 1px;
    839844     box-shadow: 0 0 1px #f2f2ff !important;
     
    844849     border: 1px solid #f60 !important;
    845850     background: linear-gradient(to bottom, #fff 50%, #eef 50%) !important;
    846      box-shadow: 0 0 1px #f60 !important;
    847851     filter: none !important;
    848852}
     
    10381042     float: left;
    10391043     margin: 0 10px 0 7px;
    1040 }
    1041 
    1042 .snarkDirInfo td {
    1043      padding-top: 6px !important;
    1044      padding-bottom: 6px !important;
    10451044}
    10461045
     
    10991098     text-shadow: 0 0 1px rgba(255,255,255,0.5);
    11001099     opacity: 0;
    1101      transition: ease opacity 0.2s;
     1100     transition: ease opacity 0.1s;
    11021101     line-height: 14px;
    11031102}
     
    11051104.percentBarText:hover, .percentBarText:focus {
    11061105     opacity: 0.75;
    1107      transition: ease opacity 0.2s;
     1106     transition: ease opacity 0.1s;
     1107}
     1108
     1109.snarkTorrents .percentBarComplete {
     1110     display: inline-block;
     1111     width: 100%;
     1112     max-width: 60px;
     1113     margin-left: -14px;
     1114     text-align: right;
     1115     white-space: nowrap;
    11081116}
    11091117
     
    11771185     background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%) !important;
    11781186     box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 0 #fff, 0 1px 1px #ddf;
    1179      transition: ease all 0.2s;
     1187     transition: ease box-shadow 0.05s;
     1188}
     1189
     1190.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active {
     1191     background: linear-gradient(to bottom, #eff2ff, #fff) !important;
    11801192}
    11811193
     
    12211233     color: #f60 !important;
    12221234     text-shadow: none;
    1223      transition: ease all 0.2s;
     1235     transition: ease box-shadow 0.05s;
    12241236}
    12251237
     
    13281340
    13291341input[type="image"], a img {
    1330      filter: drop-shadow(0 0 1px #ccc);
     1342     filter: drop-shadow(0 0 1px #ccf);
    13311343}
    13321344
     
    16121624     opacity: 1.0;
    16131625     border: none;
    1614      filter: drop-shadow(0 0 1px #ccc);
    16151626}
    16161627
     
    17951806
    17961807.optbox[name="add_tracker_type"] {
    1797      cursor: pointer;
    1798      /* active cursor only for clickable radio icons */
     1808     cursor: pointer; /* active cursor only for clickable radio icons */
    17991809}
    18001810
     
    18681878
    18691879/* section panels */
     1880
     1881.toggleview {
     1882     position: relative;
     1883     z-index: 10;
     1884}
     1885
     1886@keyframes slide-in {
     18870% {
     1888     transform: translateY(-40px);
     1889}
     1890
     1891100% {
     1892     transform: translateY(0);
     1893}
     1894}
     1895
     1896@keyframes fade-in {
     18970% {
     1898     filter: opacity(0);
     1899}
     1900
     1901100% {
     1902     filter: opacity(1);
     1903}
     1904}
     1905
     1906.addtorrentsection table, .newtorrentsection table:not(#trackerselect) {
     1907     animation: slide-in 0.2s ease-out, fade-in 0.5s linear;
     1908     position: relative;
     1909     will-change: transform, filter;
     1910}
     1911
     1912.iframed .addtorrentsection table, .iframed .newtorrentsection table:not(#trackerselect) {
     1913     animation: fade-in 0.2s ease-out;
     1914     will-change: filter;
     1915}
     1916
     1917.snarkAddInfo code {
     1918     animation: fade-in 0.5s ease-out;
     1919}
    18701920
    18711921.mainsection, .newtorrentsection, .addtorrentsection, .configsection, .configsectionpanel {
     
    19622012
    19632013code {
    1964      font: bold 8pt "Droid Sans Mono", "Noto Sans Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
     2014     font: bold 8.5pt "Droid Sans Mono", "Noto Sans Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    19652015     padding: 0 2px;
    19662016     color: #050;
     
    20192069}
    20202070
    2021 .toggleview img, .configsection img {
     2071.toggleview img, .configsection .snarkConfigTitle img {
    20222072     mix-blend-mode: luminosity;
     2073     will-change: transform;
    20232074}
    20242075
     
    20302081label.toggleview img:active, label.toggleview:active img, .snarkConfigTitle a:active img {
    20312082     transform: rotate(90deg);
    2032      transition: ease transform 0.3s 0s;
     2083     transition: linear transform 0.05s;
     2084}
     2085
     2086.snarkConfigTitle a:active img {
     2087     transition: linear transform 0.1s;
    20332088}
    20342089
     
    21042159
    21052160#dhtdebugPanel {
     2161     margin: 0 -2px;
     2162     padding-bottom: 13px;
    21062163     background: linear-gradient(to bottom, #fff, #eef);
    21072164     box-shadow: 0 0 2px 0 #ccc inset, 0 0 1px #bbb;
     
    21092166     border-top: none;
    21102167     text-align: center;
    2111      padding-bottom: 13px;
    21122168}
    21132169
     
    21162172     padding: 5px;
    21172173     background: #efefff;
    2118      box-shadow: inset 0 0 0 1px #fff, 0 0 1px 0 rgba(160,160,160,0.5);
     2174     box-shadow: 0 0 1px 0 rgba(160,160,160,0.5);
    21192175     margin: -25px 0 -12px;
    21202176}
     
    21252181
    21262182input#toggle_debug:not(checked) + label {
    2127      padding-bottom: 2px;
     2183     padding-top: 6px;
     2184     padding-bottom: 5px;
    21282185}
    21292186
    21302187input#toggle_debug:not(checked) + label > img {
    21312188     margin-right: -2px !important;
     2189     margin-top: -3px !important;
    21322190}
    21332191
     
    26962754}
    26972755
    2698 @media screen and (min-width: 1400px) {
     2756@media screen and (min-width: 1500px) {
    26992757body, th, td, table a, input, input[type="text"], input.r, input[name="nofilter_dataDir"], select, textarea, textarea[name="i2cpOpts"], .snarkAddInfo, .snarkCommentInfo textarea {
    27002758     font-size: 10pt !important;
     
    27282786
    27292787#dhtDebugInner {
    2730      margin-top: -26px !important;
     2788     margin-top: -23px !important;
    27312789}
    27322790}
     
    29412999/* end responsive layout */
    29423000
     3001.info_tracker {
     3002     margin: 0 4px 0 2px;
     3003     padding: 1px 6px 1px 18px;
     3004     display: inline-block;
     3005     white-space: nowrap;
     3006     max-width: 155px;
     3007     vertical-align: middle;
     3008     overflow: hidden;
     3009     text-overflow: ellipsis;
     3010     color: #bbf;
     3011     border-radius: 3px;
     3012     box-shadow: 0 0 0 1px #ccf;
     3013     background: #f8f8ff url(images/button_tracker.png) left 3px center no-repeat;
     3014     background-size: 14px auto;
     3015}
     3016
     3017.info_tracker:hover, .info_tracker:hover a {
     3018     color: #f60;
     3019}
     3020
     3021.info_tracker:hover {
     3022     box-shadow: 0 0 0 1px #aaf;
     3023     background: url(images/button_tracker_hover.png) left 3px center no-repeat, linear-gradient(to bottom, #fff 50%, #f2f2ff 50%) !important;
     3024     background-size: 14px auto, 100% 100% !important;
     3025}
     3026
     3027.info_tracker:active, .info_tracker:active a {
     3028     color: #fff !important;
     3029}
     3030
     3031.info_tracker:active {
     3032     color: #fff !important;
     3033     box-shadow: 0 0 0 1px #f60, inset 3px 3px 3px #420;
     3034     background: #f60 url(images/button_tracker_active.png) left 3px center no-repeat !important;
     3035     background-size: 14px auto !important;
     3036}
     3037
  • installer/resources/themes/snark/dark/nocollapse.css

    rdc6ab70 r73ab3e8  
    99label.toggleview, label.toggleview:hover, label.toggleview:active, .toggle_input:focus + label.toggleview {
    1010     background: #000 url(/themes/console/dark/images/header.png) repeat-x scroll center center !important;
    11      background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000 56%) !important;
     11     background: linear-gradient(to bottom, #1a261a, #000 75%) !important;
    1212     box-shadow: inset 0 0 0 1px #000, 0 1px 1px #000 !important;
    1313     mix-blend-mode: normal !important;
     
    1515}
    1616
    17 label.toggleview img, .toggle_input:focus + label.toggleview img, label.toggleview:hover img, label.toggleview img:active, label.toggleview:active img {
    18      margin: 1px !important;
    19      padding: 3px !important;
    20      border-radius: 50%;
    21      background: #020;
    22      background: linear-gradient(to bottom, #000 50%, #020 50%);
     17.toggleview img, .toggleview img:hover, .toggleview img:focus, .toggleview img:active,
     18.toggleview:hover img, .toggleview:focus img, .toggleview:active img,
     19.toggle_input:focus + label > img {
     20     border: 2px solid #000 !important;
     21     box-shadow: none !important;
     22     background: #000;
     23     background: linear-gradient(to bottom, #000 50%, #040 50%) !important;
    2324     transform: none !important;
    24      filter: sepia(1) hue-rotate(70deg) !important;
     25     filter: drop-shadow(0 0 1px #000) !important;
    2526}
    2627
    27 .toggleview {
    28      margin-bottom: -6px !important;
    29      padding: 3px 0 !important;
    30      min-width: 120px !important;
    31      width: 120px !important;
    32      font-size: 0 !important;
    33 }
    34 
    35 .configsection .snarkConfigTitle a {
    36     padding: 2px 0 !important;
    37     margin: 0 auto !important;
    38     text-align: center !important;
    39     display: block;
    40 }
    41 
    42 .configsection .snarkConfigTitle a img {
    43      margin: -4px -2px 0 0 !important;
    44      padding: 0 !important;
    45 }
    46 
    47 .toggleview img, .configsection .snarkConfigTitle img {
    48      margin: 0 !important;
    49      padding: 0 !important;
    50      text-align: center !important;
    51 }
  • installer/resources/themes/snark/dark/snark.css

    rdc6ab70 r73ab3e8  
    99     margin: 5px 3px;
    1010     color: #ee9;
    11      font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     11     font-size: 9pt;
    1212     background: url(/themes/console/dark/images/camotile2.png) top left;
    1313     background-size: 175px 175px;
     
    2929
    3030body.iframed {
    31      background: transparent url(/themes/console/images/transparent.gif) !important;
     31     background: transparent !important;
    3232     margin: 1px 0 !important;
    3333}
     
    3636
    3737body.iframed {
    38      background: url(/themes/console/images/transparent.gif),
    39      url(images/button_snark_hover.png) no-repeat,
     38     background: url(images/button_snark_hover.png) no-repeat,
    4039     url(images/button_snark_active.png) no-repeat,
    4140     url(images/button_tracker_hover.png) no-repeat,
     
    4342     url(images/button_forum_hover.png) no-repeat,
    4443     url(images/button_forum_active.png) no-repeat !important;
    45      background-size: 100% 100%, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
     44     background-size: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
    4645}
    4746
     
    8988}
    9089
     90body, input, select, .snarkCommentInfo textarea, textarea[name="i2cpOpts"] {
     91     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     92}
     93
     94.snarkMessages, tt, textarea, code {
     95     font-family: "Droid Sans Mono", "Noto Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
     96}
     97
    9198/* topnav */
    9299
     
    99106     padding: 9px 0 8px;
    100107     text-align: center;
     108     letter-spacing: 0.1em !important;
    101109     border: 1px solid #494;
    102110     box-shadow: inset 0 0 0 1px #000;
     
    120128
    121129.snarkNav:link, .snarkNav:visited {
     130     margin: 0 -3px !important;
     131     padding: 4px 7px 4px 22px !important;
    122132     display: inline-block;
     133     position: relative;
    123134     line-height: 120%;
     135     color: #3f3;
     136     color: rgba(51, 255, 51, .6);
    124137     font-size: 9pt;
    125138     font-weight: bold;
    126      text-decoration: none !important;
    127      text-transform: uppercase !important;
    128      letter-spacing: 0.1em;
    129      margin: 0 -1px 0 -2px !important;
    130      padding: 4px 7px 4px 22px !important;
    131      color: #3f3;
     139     text-transform: uppercase;
    132140     text-shadow: 0 0 1px #000;
     141     border: 1px solid #373;
    133142     border-radius: 0;
    134      border: 1px solid #494;
    135143     box-shadow: inset 0 0 0 1px #000;
    136      filter: drop-shadow(0 0 2px #000);
    137      opacity: 0.75;
    138      position: relative;
     144     background-blend-mode: overlay, normal;
    139145}
    140146
     
    143149     background-position: 7px center !important;
    144150     background-repeat: no-repeat, repeat !important;
    145      filter: drop-shadow(0 0 1px #000);
     151     transition: ease border 0.1s, ease filter 0.3s;
    146152}
    147153
    148154.snarkNav:hover, .snarkNav:focus {
    149      z-index: 10;
    150      opacity: 1 !important;
     155     background-blend-mode: normal, normal;
    151156}
    152157
     
    159164     padding-left: 24px !important;
    160165     background:  url(images/button_snark.png) 7px center no-repeat, url(/themes/console/dark/images/header.png) center center repeat;
    161      background: url(images/button_snark.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%, #000 100%);
     166     background: url(images/button_snark.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%);
     167     background: url(images/button_snark.png) 7px center no-repeat, linear-gradient(to bottom, rgba(17, 119, 17, .75) 0%, rgba(17, 51, 17, .75) 50%, rgba(0, 0, 0, .75));
    162168}
    163169
    164170.nav_forum:link {
    165171     background: url(images/button_forum.png) 7px center no-repeat, url(/themes/console/dark/images/header.png) center center repeat;
    166      background: url(images/button_forum.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%, #000 100%);
     172     background: url(images/button_forum.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%);
     173     background: url(images/button_forum.png) 7px center no-repeat, linear-gradient(to bottom, rgba(17, 119, 17, .75) 0%, rgba(17, 51, 17, .75) 50%, rgba(0, 0, 0, .75));
    167174}
    168175
    169176.nav_tracker:link {
    170177     background: url(images/button_tracker.png) 7px center no-repeat, url(/themes/console/dark/images/header.png) center center repeat;
    171      background: url(images/button_tracker.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%, #000 100%);
     178     background: url(images/button_tracker.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%);
     179     background: url(images/button_tracker.png) 7px center no-repeat, linear-gradient(to bottom, rgba(17, 119, 17, .75) 0%, rgba(17, 51, 17, .75) 50%, rgba(0, 0, 0, .75));
    172180}
    173181
    174182.snarkNav:hover, .snarkNav:focus {
     183     z-index: 10;
    175184     color: #f50;
    176185     border-radius: 0;
     
    182191.nav_main:hover, .nav_main:focus {
    183192     background-image: url(images/button_snark_hover.png), url(../ubergine/images/snarknav_on.png);
    184      background-image: url(images/button_snark_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%);
     193     background-image: url(images/button_snark_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%);
    185194}
    186195
    187196.nav_forum:hover, .nav_forum:focus {
    188197     background-image: url(images/button_forum_hover.png), url(../ubergine/images/snarknav_on.png);
    189      background-image: url(images/button_forum_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%);
     198     background-image: url(images/button_forum_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%);
    190199}
    191200
    192201.nav_tracker:hover, .nav_tracker:focus {
    193202     background-image: url(images/button_tracker_hover.png), url(../ubergine/images/snarknav_on.png);
    194      background-image: url(images/button_tracker_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%);
     203     background-image: url(images/button_tracker_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%);
    195204}
    196205
    197206.snarkNav:link:active, .snarkNav:active {
    198      box-shadow: inset 3px 3px 3px 3px #3f1a04 !important;
     207     box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px 3px #3f1a04 !important;
    199208     color: #fff !important;
    200209     text-shadow: none;
     
    237246     padding: 3px 5px;
    238247     width: auto;
    239      height: 54px;
     248     height: 52px;
    240249     resize: none;
    241250     overflow: hidden;
    242251     line-height: 120%;
    243252     text-align: left;
    244      font: normal 8pt "Droid Sans Mono", "Noto Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
     253     font-size: 8.5pt;
    245254     color: #69f;
    246255     box-shadow: inset 0 0 0 1px #000;
     
    282291
    283292.snarkMessages li, .snarkMessages li a, .snarkTorrents tt, #ourDest tt {
    284      font-size: 8pt !important;
     293     font-size: 8.5pt !important;
    285294     font-weight: bold;
     295     line-height: 115%;
    286296}
    287297
     
    323333/* end screenlog */
    324334
    325 tt {
    326      font-family: "Droid Sans Mono", "Noto Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
    327 }
    328 
    329335.logshim {
    330336     margin-top: -10px !important;
     
    347353thead {
    348354     border-bottom: 1px solid #101;
     355     background: linear-gradient(to bottom, #003000, #000 75%) !important;
     356     background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important;
    349357}
    350358
     
    367375.iframed thead th {
    368376     background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important;
    369 
    370 }
    371 
    372 thead {
    373      background: linear-gradient(to bottom, #003000, #000 75%) !important;
    374      background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important;
    375377}
    376378
     
    475477}
    476478
     479.snarkTrackerDetails img {
     480     max-width: 16px;
     481     max-height: 16px;
     482}
     483
    477484.snarkDirInfo td:first-child img {
    478485     margin: 0 2px !important;
    479486}
    480487
    481 .snarkTrackerDetails a:hover img, .snarkTrackerDetails img:hover, .snarkTrackerDetails a:focus img,
    482 .snarkTorrentDetails a:hover img, .snarkTorrentDetails img:hover, .snarkTorrentDetails a:focus img,
     488.snarkTrackerDetails a:hover img, .snarkTrackerDetails a:focus img,
     489.snarkTorrentDetails a:hover img, .snarkTorrentDetails a:focus img,
    483490.snarkDirInfo td:first-child a:hover img, .snarkDirInfo td:first-child a:focus img {
    484491     border: 1px solid #f60 !important;
     
    570577.snarkTorrentInfo td:first-child {
    571578     width: 20px !important;
    572      padding: 3px 4px 4px!important;
    573 }
    574 
    575 .snarkTorrentInfo tr:nth-last-child(n+2) b {
    576      margin-right: 2px;
     579     padding: 5px 4px !important;
     580}
     581
     582.snarkTorrentInfo b {
     583     margin-right: 3px;
     584}
     585
     586#torrentInfoStats td {
     587     text-align: left !important;
     588     padding: 6px 2px !important;
     589     border-top: 1px solid #000;
     590}
     591
     592#torrentInfoStats img {
     593     margin: 0 3px 0 5px !important;
     594}
     595
     596#torrentInfoStats span {
     597     white-space: nowrap;
     598     display: inline-block;
     599     margin-right: 3px;
    577600}
    578601
     
    702725     font-weight: bold;
    703726     background: url(images/snarktopnav.png) repeat-x scroll center center #110011;
    704      background-image: linear-gradient(to bottom, #030 0%, #020 50%, #000 51%, #000 100%);
     727     background-image: linear-gradient(to bottom, #030 0%, #020 50%, #000 51%);
    705728     text-align: center !important;
    706729     padding: 0 1px !important;
     
    783806}
    784807
     808.snarkTorrentAction input {
     809     transition: ease border 0.1s;
     810}
     811
    785812.snarkTorrentAction img {
    786813     margin: 0 2px !important;
     
    831858}
    832859
    833 .snarkTorrents tr:hover, .snarkDirInfo tr:hover, #trackerselect tr:nth-child(n+2):hover {
     860.snarkTorrents tr:hover, .snarkDirInfo tr:hover, #trackerselect tr:nth-child(n+2):hover, .trackerconfig tr:nth-child(n+2):hover {
    834861     background: #030 !important;
    835862}
     
    9971024     opacity: 0;
    9981025     text-shadow: 0 0 1px rgba(0,0,0,0.8);
    999      transition: ease opacity 0.2s;
    1000 
     1026     transition: ease opacity 0.15s;
    10011027}
    10021028
     
    10161042}
    10171043
     1044.percentBarComplete {
     1045     max-width: 72px;
     1046     text-align: right;
     1047}
     1048
    10181049/* end download bars */
    10191050
     
    10321063
    10331064.thumb:hover {
     1065     margin: -5px 0 -5px -4px;
    10341066     max-height: 80px;
    10351067     max-width: 80px;
    1036      transition: ease all 0.3s 0s;
    1037      margin: -5px 0 -5px -4px;
     1068     background: #000 !important;
     1069     transition: ease-in-out all 0.3s 0.1s;
    10381070     filter: none !important;
    10391071}
     
    11081140.snarkConfigTitle:active, .toggleview:active {
    11091141     box-shadow: inset 3px 3px 3px 3px #000, 0 0 0 1px #000;
    1110      transition: ease all 0.1s;
     1142     transition: linear box-shadow 0.1s;
    11111143}
    11121144
     
    11181150}
    11191151
     1152#lowersection:hover .snarkConfigTitle img, #lowersection:hover .toggleview img {
     1153     will-change: transform;
     1154}
     1155
     1156@keyframes spin {
     1157from {
     1158     transform: rotate(0)
     1159}
     1160
     1161to {
     1162     transform: rotate(90deg)
     1163}
     1164}
     1165
    11201166.toggleview:active, .snarkConfigTitle a:active {
    11211167     color: #f30 !important;
     
    11271173
    11281174.toggleview img:active, .toggleview:active img, .snarkConfigTitle a:active img {
    1129      transform: rotate(90deg);
    1130      transition: ease transform 0.3s;
     1175/*     transform: rotate(90deg);
     1176     transition: ease transform 0.1s;*/
     1177     animation: spin ease 0.1s forwards !important;
    11311178}
    11321179
     
    12131260     color: #494;
    12141261     margin: 2px 4px 2px 0;
    1215      font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     1262     font-size: 8pt;
     1263     font-weight: bold;
    12161264     cursor: pointer;
    12171265}
     
    12511299     border: 1px outset #191;
    12521300     padding: 5px 10px !important;
    1253      font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     1301     font-size: 8pt;
     1302     font-weight: bold;
    12541303     min-width: 95px;
    12551304     text-align: center;
     
    13091358     height: 9px;
    13101359     border: 1px solid #151 !important;
    1311      border-radius: 3px;
     1360     border-radius: 2px;
    13121361     box-shadow: inset 0 0 0 1px #000;
    13131362     background: #030;
     
    14361485     appearance: none;
    14371486     color: #494;
    1438      font: 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     1487     font-size: 8pt;
    14391488     font-weight: bold;
    14401489     padding: 4px 16px 4px 4px;
     
    14981547     border-radius: 2px;
    14991548     border: 1px solid #494;
    1500      font: 8pt "Droid Sans Mono", "Noto Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
     1549     font-size: 8pt;
    15011550}
    15021551
     
    17791828}
    17801829
    1781 .snarkConfig tr:nth-last-child(2) {
    1782      background: none;
     1830.snarkConfig tr:nth-last-child(2), .snarkConfig tr:hover:nth-last-child(2) {
     1831     background: none !important;
    17831832}
    17841833
     
    17951844.trackerconfig table {
    17961845     border: none !important;
     1846}
     1847
     1848@keyframes slide-in {
     18490% {
     1850     transform: translateY(-50px);
     1851}
     1852
     1853100% {
     1854     transform: translateY(0);
     1855}
     1856}
     1857
     1858@keyframes fade-in {
     18590% {
     1860     filter: opacity(0);
     1861}
     1862
     186320% {
     1864     filter: opacity(0);
     1865}
     1866
     1867100% {
     1868     filter: opacity(1);
     1869}
     1870}
     1871
     1872.addtorrentsection table, .newtorrentsection table:not(#trackerselect) {
     1873      animation: fade-in 0.3s linear, slide-in 0.15s ease-out;
     1874      will-change: filter, transform;
     1875}
     1876
     1877.iframed .addtorrentsection table, .iframed .newtorrentsection table:not(#trackerselect) {
     1878      animation: fade-in 0.1s linear;
     1879      will-change: filter;
    17971880}
    17981881
     
    18701953
    18711954code {
     1955     padding: 0 2px;
    18721956     font-size: 8.5pt;
    18731957     color: #ff6;
    1874      padding: 0 2px;
    1875      font-family: "Droid Sans Mono", "Noto Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
    18761958}
    18771959
     
    19722054     min-height: 20px;
    19732055     vertical-align: middle;
     2056}
     2057
     2058.peerinfo .snarkTorrentDownloaded {
     2059     text-align: center !important;
    19742060}
    19752061
     
    21792265
    21802266/* end configs */
    2181 
    2182 #torrentInfoStats td {
    2183      text-align: left !important;
    2184      padding: 5px 2px !important;
    2185 }
    2186 
    2187 #torrentInfoStats img {
    2188      margin: 0 3px 0 5px !important;
    2189 }
    2190 
    2191 #torrentInfoStats span {
    2192      white-space: nowrap;
    2193      display: inline-block;
    2194      margin-right: 3px;
    2195 }
    21962267
    21972268.knownTracker input[type="radio"], .knownTracker input[type="radio"][disabled], .knownTracker input[type="radio"]:hover, .knownTracker input[type="radio"]:focus {
     
    24582529
    24592530.snarkCommentInfo textarea {
    2460      font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    24612531     width: 100%;
    24622532     min-height: 64px;
     
    27702840}
    27712841
    2772 @media screen and (min-width: 1400px) {
     2842@media screen and (min-width: 1500px) {
    27732843body, .snarkTorrents td, .snarkAddInfo, th, td,  code, textarea, input, input[type="submit"], input[type="reset"], select, button, a {
    27742844     font-size: 10pt !important;
     
    27942864textarea[name="i2cpOpts"] {
    27952865     height: 26px;
    2796      font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    27972866     font-weight: bold;
    27982867}
     
    29302999}
    29313000
    2932 .snarkTorrents th img {
    2933      max-height: 18px;
     3001.snarkTorrents th img, .snarkTorrents th img, .snarkTorrents th a:hover img {
     3002     max-height: 16px !important;
    29343003}
    29353004
     
    30993168/* end responsive layout */
    31003169
     3170/* miminal tabs */
     3171
     3172.toggleview, .configsection .snarkConfigTitle {
     3173     padding: 4px 0 !important;
     3174     min-width: 160px;
     3175     height: 24px !important;
     3176     text-align: center !important;
     3177}
     3178
     3179.toggleview, .configsection .snarkConfigTitle a {
     3180     font-size: 0 !important;
     3181}
     3182
     3183.configsection .snarkConfigTitle a img {
     3184     width: 16px !important;
     3185     height: 16px !important;
     3186     visibility: visible !important;
     3187}
     3188
     3189.toggleview img, .configsection .snarkConfigTitle a img {
     3190     margin: -1px auto -21px !important;
     3191     padding: 3px !important;
     3192     display: block;
     3193     overflow: hidden;
     3194     text-align: center !important;
     3195     border: 2px solid #000;
     3196     border-radius: 50%;
     3197     background: #000;
     3198     background: linear-gradient(to bottom, #000 50%, #040 50%);
     3199}
     3200
     3201.configsection .snarkConfigTitle a img {
     3202     margin-bottom: -23px !important;
     3203}
     3204
     3205.toggleview:hover img, .configsection .snarkConfigTitle:hover img {
     3206     background-blend-mode: normal;
     3207     filter: drop-shadow(0 0 1px #f30);
     3208}
     3209
     3210.toggleview:active img, .configsection .snarkConfigTitle:active img {
     3211     box-shadow: 0 0 0 2px #930;
     3212     box-shadow: 0 0 0 1px rgb(153, 51, 0, 0.7);
     3213     filter: 1px solid #930;
     3214}
     3215
     3216.snarkConfig .snarkConfigTitle a {
     3217    display: inline-block;
     3218    width: 100%;
     3219}
     3220
     3221/* end miminal tabs */
     3222
     3223/* torrent sort indicator */
     3224
     3225.snarkTorrents th a[href*="sort="]:hover::after, .snarkTorrents th a[href*="?p=1"]:hover::after {
     3226     content: "\23F6";
     3227     display: inline-block;
     3228     margin-left: 2px;
     3229}
     3230
     3231.snarkTorrents th a[href*="sort=-"]:hover::after {
     3232     content: "\23F7";
     3233     display: inline-block;
     3234     margin-left: 2px;
     3235}
     3236
     3237/* end torrent sort indicator */
     3238
     3239.info_tracker {
     3240     margin: 0 4px 0 2px;
     3241     padding: 1px 6px 1px 18px;
     3242     display: inline-block;
     3243     white-space: nowrap;
     3244     max-width: 155px;
     3245     vertical-align: middle;
     3246     overflow: hidden;
     3247     text-overflow: ellipsis;
     3248     color: #bbf;
     3249     box-shadow: 0 0 0 1px #121;
     3250     background: #010 url(images/button_tracker.png) left 3px center no-repeat;
     3251     background-size: 14px auto;
     3252}
     3253
     3254.info_tracker:hover, .info_tracker:hover a {
     3255     color: #f60;
     3256}
     3257
     3258.info_tracker:hover {
     3259     box-shadow: 0 0 0 1px #343;
     3260     background: url(images/button_tracker_hover.png) left 3px center no-repeat, linear-gradient(to bottom, #000 50%, #020 50%) !important;
     3261     background-size: 14px auto, 100% 100% !important;
     3262}
     3263
     3264.info_tracker:active, .info_tracker:active a {
     3265     color: #fff !important;
     3266}
     3267
     3268.info_tracker:active {
     3269     color: #fff !important;
     3270     box-shadow: 0 0 0 1px #f60, inset 3px 3px 3px #420;
     3271     background: #f60 url(images/button_tracker_active.png) left 3px center no-repeat !important;
     3272     background-size: 14px auto !important;
     3273}
     3274
  • installer/resources/themes/snark/light/snark.css

    rdc6ab70 r73ab3e8  
    77     color: #31334f;
    88     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    9      background: #a4a4cb url(/themes/console/light/images/tile2.png) center top fixed;
     9     background: #a4a4cb url(/themes/console/light/images/tile2.png) center top scroll;
    1010     background-size: 32px 32px;
    1111     margin: 3px 4px;
     
    1414/* preload top navigation mouseovers */
    1515body {
    16      background: url(images/tile2.png) fixed,
     16     background: url(images/tile2.png) scroll,
    1717     url(images/button_snark_hover.png) no-repeat,
    1818     url(images/button_snark_active.png) no-repeat,
     
    2424}
    2525
     26@supports (text-justify: auto) { /* only Firefox 55 or newer */
     27body {
     28     background-attachment: fixed;
     29     will-change: scroll-position;
     30}
     31}
     32
    2633body.iframed {
    27      background: transparent url(/themes/console/images/transparent.gif) !important;
     34     background: transparent !important;
    2835     margin: 6px 0 0 !important;
    2936}
    3037
    3138body.iframed {
    32      background: transparent url(/themes/console/images/transparent.gif),
    33      url(images/button_snark_hover.png) no-repeat,
     39     background: url(images/button_snark_hover.png) no-repeat,
    3440     url(images/button_snark_active.png) no-repeat,
    3541     url(images/button_tracker_hover.png) no-repeat,
     
    126132}
    127133
     134.snarknavbar:hover .snarkNav {
     135     will-change: filter, box-shadow, border;
     136}
     137
    128138.snarkNav:link, .snarkNav:visited {
     139     margin-right: -4px !important;
     140     padding: 4px 10px 4px 24px !important;
     141     display: inline-block;
     142     position: relative;
     143     line-height: 125%;
     144     font-size: 9pt;
     145     font-weight: bold;
     146     color: #559;
     147     letter-spacing: 0.08em;
    129148     text-decoration: none !important;
    130149     text-transform: uppercase !important;
    131      padding: 4px 10px 4px 24px !important;
    132      margin-right: -4px !important;
    133      line-height: 125%;
    134      letter-spacing: 0.08em;
    135      font-weight: bold;
    136      font-size: 9pt;
    137      color: #559;
     150     outline: none;
    138151     border-radius: 0;
    139152     border: 1px solid #7778bf;
    140153     box-shadow: inset 0 0 0 1px #fff;
    141      display: inline-block;
    142      outline: none;
    143154     filter: drop-shadow(0 0 1px #ccf);
    144      position: relative;
    145      transition: ease all 0.1s;
     155     transition: ease-in box-shadow 0.1s;
     156}
     157
     158@media screen and (-webkit-min-device-pixel-ratio: 0) {
     159.snarkNav:link, .snarkNav:visited {
     160     padding-top: 5px !important;
     161     padding-bottom: 3px !important;
     162}
    146163}
    147164
     
    149166     background-size: 14px auto, 100% 100% !important;
    150167     background-position: 8px center;
    151      transition: ease all 0.1s;
     168     transition: ease-out box-shadow 0.1s;
    152169}
    153170
    154171.snarkNav:hover, .snarkNav:focus {
    155172     z-index: 999;
     173     transition: ease border 0.1s;
    156174}
    157175
     
    214232.snarkNav:active {
    215233     color: #fff !important;
    216      box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #333 !important;
    217      border: 1px solid #7778bf;
     234     box-shadow: inset 2px 2px 3px #7f3000 !important;
     235     transition: ease box-shadow 0.1s;
    218236}
    219237
     
    236254.snarkMessages {
    237255     font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    238      font-size: 8pt;
     256     font-size: 8.5pt;
    239257     text-align: left;
    240258     margin: -2px 0 0;
     
    243261     overflow: hidden;
    244262     color: #339;
    245      height: 56px;
     263     color: rgba(51, 51, 153, 0.8);
     264     height: 57px;
    246265     width: auto;
    247266     min-width: 810px;
     
    265284.snarkMessages a:link, .snarkMessages a:visited {
    266285     color: #3b77bf !important;
    267      font-size: 8pt;
     286     font-size: 8.5pt;
    268287}
    269288
     
    285304     font-weight: bold;
    286305     background: rgba(255, 255, 255, 0.25);
    287      opacity: 0.9;
    288306     mix-blend-mode: multiply;
    289307}
     
    331349a:link {
    332350     color: #3b6bbf;
     351     color: rgba(59, 107, 191, .85);
    333352     text-decoration: none;
    334353     font-weight: bold;
     
    339358a:visited {
    340359     color: #2c4e8f;
     360     color: rgba(44, 78, 143, 0.9);
    341361     text-decoration: none;
    342362}
     
    348368a:active {
    349369     color: #f30;
    350 }
    351 
    352 pre {
    353      width: 100%;
    354      font: 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    355      padding: 0;
    356      text-align: left !important;
    357      height: 8px;
    358      color: #35f;
    359      font-weight: bold !important;
    360370}
    361371
     
    559569     margin: 0;
    560570     padding: 3px !important;
     571     max-width: 16px;
     572     max-height: 16px;
    561573     border: 1px solid transparent !important;
    562574}
    563575
    564 .snarkTrackerDetails a:hover img, .snarkTrackerDetails img:hover, .snarkTrackerDetails a:focus img,
    565 .snarkTorrentDetails a:hover img, .snarkTorrentDetails img:hover, .snarkTorrentDetails a:focus img,
     576.snarkTrackerDetails a:hover img, .snarkTrackerDetails a:focus img,
     577.snarkTorrentDetails a:hover img, .snarkTorrentDetails a:focus img,
    566578.snarkDirInfo td:first-child a:hover img, .snarkDirInfo td:first-child a:focus img {
    567579     border: 1px solid #f60 !important;
    568580     border-radius: 2px;
    569      box-shadow: 0 0 1px #f60;
    570581     background: #ddf;
    571582     background: linear-gradient(to bottom, #fff 50%, #ddf 50%);
     
    576587.snarkTrackerDetails a:active img, .snarkTorrentDetails a:active img, .snarkDirInfo td:first-child a:active img {
    577588     box-shadow: inset 2px 2px 2px #99f;
     589     transform: scale(0.9);
    578590}
    579591
     
    588600     word-break: break-all;
    589601     line-height: 120%;
    590      margin: 1px 0;
    591      opacity: 0.85;
    592 }
    593 
    594 tr:hover .snarkTorrentName a, tr:hover .snarkFileName a {
    595      opacity: 1;
     602     padding: 3px 0;
     603}
     604
     605.snarkTorrents:hover .snarkTorrentName a {
     606     will-change: opacity;
    596607}
    597608
     
    622633
    623634.snarkTorrentAction input[type="image"], .snarkTorrents th:last-child input[type="image"] {
     635     margin: 2px;
    624636     padding: 3px !important;
     637     height: 10px;
     638     opacity: 0.9;
     639     border: 1px solid #89f;
     640     border-radius: 2px;
     641     box-shadow: inset 0 0 0 1px #fff;
    625642     background: #339;
    626      background: linear-gradient(to bottom, #fff 50%, #ddf 51%);
    627      border-radius: 2px;
    628      border: 1px solid #89f;
    629      box-shadow: inset 0 0 0 1px #fff;
    630      margin: 2px;
     643     background: linear-gradient(to bottom, #fff 50%, #ddf 50%);
    631644     filter: drop-shadow(0 0 1px #ddd);
    632      height: 10px;
    633645}
    634646
    635647.snarkTorrentAction input[type="image"]:hover, .snarkTorrentAction input[type="image"]:focus,
    636648.snarkTorrents th:last-child input[type="image"]:hover, .snarkTorrents th:last-child input[type="image"]:focus {
    637      filter: hue-rotate(110deg);
     649     opacity: 1;
     650     border: 1px solid #f60;
     651     background: linear-gradient(to bottom, #fff 50%, #eef 50%);
    638652}
    639653
    640654.snarkTorrentAction input[type="image"]:active, .snarkTorrents th:last-child input[type="image"]:active {
    641      box-shadow: inset 3px 3px 3px #333;
    642      box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #333;
    643      filter: hue-rotate(110deg) !important;
     655     box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 3px #557;
    644656}
    645657
     
    699711     display: inline-block;
    700712     letter-spacing: 0.1em;
    701      font-size: 8pt !important;
     713     font-size: 8.5pt !important;
    702714     text-shadow: 0 1px 1px #333;
    703715}
     
    720732
    721733td {
    722      padding: 2px 4px;
     734     padding: 3px 4px;
    723735     color: #31334f;
    724736     opacity: 1;
     
    732744.snarkTorrentEven, .snarkTorrentInfo tr:nth-child(even),
    733745.snarkCommentInfo tr:nth-child(even), .snarkComments tr:nth-child(odd) {
    734      background: #eef;
    735746     background: repeating-linear-gradient(135deg, rgba(252,252,255,0.8) 2px, rgba(240, 240, 255, 0.8) 3px, #fafaff 5px) #fafaff;
     747     background: #f8f8ff;
    736748}
    737749
    738750.snarkTorrentOdd, .snarkTorrentInfo tr:nth-child(odd),
    739751.snarkCommentInfo tr:nth-child(odd), .snarkComments tr:nth-child(even) {
    740      background: #e0e0ff;
    741752     background: repeating-linear-gradient(45deg, rgba(240,240,255,0.8) 2px, rgba(196, 196, 255, 0.3) 3px, #f6f6ff 5px) #f6f6ff;
     753     background: #f0f0ff;
    742754}
    743755
    744756.snarkTorrentOdd td, .snarkTorrentEven td, .snarkCommentInfo tr, .snarkComments tr {
     757     border-top: 1px solid rgba(200,200,255,0.6) !important;
    745758     border-top: 1px solid #bbf !important;
     759}
     760
     761/* only Firefox 55 or newer */
     762@supports (text-justify: auto) {
     763.snarkTorrents tr, .snarkTorrentInfo tr, .snarkDirInfo tr {
     764     box-shadow: inset 0 0 0 1px #fff;
     765}
    746766}
    747767
     
    796816     white-space: nowrap;
    797817     width: 140px;
     818     overflow: hidden;
     819     text-overflow: ellipsis;
    798820}
    799821
     
    822844     background: #eef;
    823845     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);
    824      border: 1px solid #99f;
     846     border: 1px solid #aaf;
    825847     border-radius: 2px;
    826848     box-shadow: 0 0 1px rgba(200,200,200,0.8);
     
    832854     border-radius: 2px;
    833855     height: 100%;
    834      box-shadow: inset 0 0 0 1px #ddf;
     856     box-shadow: inset 0 0 0 1px #f2f2ff;
     857     box-shadow: inset 0 0 0 1px rgba(255,255,255,0.7);
    835858     background: #bbf;
    836859     background: linear-gradient(to right, rgba(255,255,0,0.1) 60px, rgba(0,255,0,0.1)), linear-gradient(to bottom, rgba(255, 255, 255,0.6) 0%, rgba(238, 238, 255, 0.6) 50%, rgba(200, 200, 255, 0.7) 50%, rgba(160, 160, 255, 0.7) 100%);
     
    845868}
    846869
    847 .percentBarInner.percentBarComplete {
    848      background: transparent;
    849      vertical-align: middle;
     870.percentBarComplete {
     871     text-align: right;
     872     max-width: 78px;
    850873}
    851874
     
    865888     text-shadow: 0 1px 1px rgba(255,255,255,0.8);
    866889     opacity: 0;
    867      transition: ease opacity 0.2s;
     890     transition: ease opacity 0.1s;
    868891}
    869892
     
    879902
    880903.percentBarText:hover, .percentBarText:focus {
    881      transition: ease opacity 0.2s;
     904     transition: ease opacity 0.1s;
    882905}
    883906
     
    898921.thumb {
    899922     max-width: 16px;
    900      transition: ease all 0.3s 0s;
     923     transition: ease-in-out all 0.3s 0.1s;
    901924}
    902925
    903926.thumb:hover {
    904927     margin: 0;
    905      max-height: 80px;
    906      max-width: 80px;
    907      transition: ease all 0.3s 0s;
     928     max-height: 80px !important;
     929     max-width: 80px !important;
     930     transition: ease-in-out all 0.15s;
    908931}
    909932
     
    922945}
    923946
    924 .snarkConfigTitle:hover, .toggleview:hover, input.toggle_input:focus + .toggleview {
    925      background: linear-gradient(to bottom, #fcfaf7 50%, #ffe8bf 50%, #efd9b3 100%);
    926 }
    927 
    928947.snarkConfigTitle a {
    929948     font-size: 11pt !important;
     
    931950     width: 100%;
    932951     margin-top: -1px;
    933      transition: ease all 0.1s;
     952     transition: ease all 0.05s;
    934953}
    935954
    936955.snarkConfigTitle:hover a, .snarkConfigTitle:focus a {
    937956     color: #f60 !important;
    938      transition: ease all 0.1s;
     957     transition: ease all 0.05s;
     958}
     959
     960#lowersection:hover .toggleview, #lowersection:hover .configsection .snarkConfigTitle {
     961     will-change: box-shadow;
    939962}
    940963
     
    949972     border-radius: 0 0 3px 3px;
    950973     background: #fff url(/themes/console/light/images/header.png) repeat-x scroll center center;
    951      background: linear-gradient(to bottom, #fff 50%, #eef 51%);
     974     background: linear-gradient(to bottom, #fff 50%, #eef 51%) !important;
    952975     font-variant: small-caps !important;
    953976     box-shadow: 0 1px 2px #ccf, inset 0 0 0 1px #fff, inset 0 0 0 1px #fff;
     
    955978     min-width: 260px;
    956979     color: #559 !important;
    957      transition: ease all 0.1s;
    958980}
    959981
    960982.iframed .snarkConfigTitle, .iframed .toggleview, .iframed .configsectionpanel .snarkConfigTitle:hover {
    961      background: #e7e7ff linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.6) 50%, rgba(240, 240, 255, 0.4));
     983     background: #e7e7ff linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.6) 50%, rgba(240, 240, 255, 0.4)) !important;
    962984}
    963985
    964986.snarkConfigTitle img:hover { /* inert titles */
    965987     color: #40404f;
     988}
     989
     990.snarkConfigTitle:hover, .toggleview:hover, .snarkConfigTitle:active, .toggleview:active, input.toggle_input:focus + .toggleview {
     991     background: linear-gradient(to bottom, #fcfaf7 50%, #ffe8bf 50%, #efd9b3 100%) !important;
    966992}
    967993
     
    9891015.snarkConfigTitle:active, .toggleview:active {
    9901016     color: #f30 !important;
    991      box-shadow: 0 0 0 0 #fff, inset 0 0 0 1px #fff, inset 2px 2px 3px 1px #558;
    992      transition: ease all 0.1s;
     1017     box-shadow: 0 0 0 0 #fff, inset 0 0 0 1px #fff, inset 2px 2px 3px #7f756f;
    9931018}
    9941019
     
    9991024}
    10001025
     1026#lowersection:hover .snarkConfigTitle img, #lowersection:hover .toggleview img {
     1027     will-change: transform, filter;
     1028}
     1029
    10011030.addtorrentsection .toggleview img {
    10021031     margin-top: -1px;
     
    10121041     filter: drop-shadow(0 0 1px #f30) !important;
    10131042     transform: rotate(90deg);
    1014      transition: ease transform 0.3s 0s;
     1043     transition: linear transform 0.1s;
    10151044}
    10161045
     
    11361165
    11371166input[type=submit], a.control, input.disabled {
     1167     margin: 6px 3px 6px 6px !important;
     1168     padding: 5px 8px !important;
     1169     min-width: 90px;
     1170     text-align: center;
     1171     font: bold 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    11381172     color: #227;
     1173     text-shadow: 0 1px 1px #fff;
     1174     border: 1px solid #7778bf;
     1175     border-radius: 2px;
     1176     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ddd;
    11391177     background: #fff;
    11401178     background: linear-gradient(to bottom, #fff 50%, #ddf 50%);
    1141      border: 1px solid #7778bf;
    1142      padding: 6px 8px !important;
    1143      font: bold 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    1144      margin: 6px 3px 6px 6px !important;
    1145      border-radius: 2px;
    1146      min-width: 90px;
    1147      text-align: center;
    1148      box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ddd;
    1149      text-shadow: 0 1px 1px #fff;
    11501179     filter: drop-shadow(0px 0 1px #ccf);
    11511180}
     
    11531182input[type=submit]:hover, input[type=submit]:focus, a.control:hover, a.control:focus {
    11541183     color: #f60;
     1184     text-shadow: none;
    11551185     border: 1px solid #559;
     1186     box-shadow: inset 0 0 0 1px #fff;
    11561187     background: #eef;
    11571188     background: linear-gradient(#fff 50%, #ffe8bf 50%, #efd9b3 100%);
    1158      box-shadow: inset 0 0 0 1px #fff;
    1159      text-shadow: none;
    11601189}
    11611190
    11621191input[type=submit]:active, a.control:active {
    1163      background: #f60 !important;
    11641192     color: #fff !important;
    11651193     box-shadow: inset 3px 3px 4px #333;
    11661194     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 4px #333;
     1195     background: #f60 !important;
    11671196}
    11681197
    11691198a.control, a.controld {
    1170      border-radius: 2px;
    1171      font-weight: bold;
    11721199     margin: 6px 3px 6px 3px !important;
    1173      padding: 5px 8px 5px 5px !important;
    1174      white-space: nowrap;
     1200     padding: 5px 8px 4px 5px !important;
    11751201     display: inline-block;
    11761202     min-width: 0 !important;
     1203     white-space: nowrap;
     1204     font-weight: bold;
     1205     border-radius: 2px;
    11771206}
    11781207
     
    14191448}
    14201449
     1450@media screen and (-webkit-min-device-pixel-ratio: 0) {
     1451img[src$="magnet.png"] {
     1452     transform: none;
     1453}
     1454}
     1455
    14211456img[src$="details.png"] {
    1422      mix-blend-mode: luminosity;
     1457     opacity: 0.8;
    14231458}
    14241459
     
    14371472}
    14381473
     1474@keyframes slide-in {
     14750% {
     1476     transform: translateY(-40px);
     1477}
     1478
     1479100% {
     1480     transform: translateY(0);
     1481}
     1482}
     1483
     1484@keyframes fade-in {
     14850% {
     1486     filter: opacity(0);
     1487}
     1488
     1489100% {
     1490     filter: opacity(1);
     1491}
     1492}
     1493
     1494.addtorrentsection table, .newtorrentsection table:not(#trackerselect) {
     1495     animation: slide-in 0.2s ease-out, fade-in 0.6s ease-out;
     1496     position: relative;
     1497}
     1498
     1499.addtorrentsection:hover table, .newtorrentsection:hover table:not(#trackerselect) {
     1500     will-change: filter, transform;
     1501}
     1502
     1503.iframed .addtorrentsection table, .iframed .newtorrentsection table:not(#trackerselect) {
     1504     animation: fade-in 0.2s ease-out;
     1505}
     1506
     1507.iframed .addtorrentsection:hover table, .iframed .newtorrentsection:hover table:not(#trackerselect) {
     1508     will-change: filter;
     1509}
     1510
     1511.snarkAddInfo code {
     1512     animation: fade-in 0.7s ease-out;
     1513}
     1514
    14391515.section, .mainsection .section, .mainsection {
    14401516     margin: 0;
    14411517     padding: 0;
    1442      color: #001;
    14431518     word-wrap: break-word;
    14441519     text-align: center;
     
    14951570     margin-top: 10px;
    14961571     background: url(images/configuration.png) no-repeat scroll right center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #f4f4ff 10%, #f4f4ff 90%, rgba(224, 224, 255, 0.5)), repeating-linear-gradient(135deg, #fff 2px, rgba(224, 224, 255, 0.5) 3px, #f4f4ff 5px);
     1572     background-size: 84px 82px, 100% 100%, 100% 100%;
    14971573}
    14981574
     
    15841660}
    15851661
    1586 #trackerselect tr:hover td:first-child {
    1587      border-radius: 3px 0 0 3px;
    1588 }
    1589 
    1590 #trackerselect tr:hover td:last-child {
    1591      border-radius: 0 3px 3px 0;
     1662#trackerselect tr:last-child:hover td:nth-child(n+3) {
     1663     background: transparent;
    15921664}
    15931665
     
    16741746}
    16751747
    1676 /* display panels by default on webkit based browsers (midori fix) */
    1677 /*
    1678 @media screen and (-webkit-min-device-pixel-ratio:0) {
    1679 input#toggle_addtorrent:not(checked) + label + hr + table, input#toggle_createtorrent:not(checked) + label + hr + table {
    1680      display: table;
    1681 }
    1682 
    1683 input#toggle_addtorrent:checked + label + hr + table, input#toggle_createtorrent:checked + label + hr + table {
    1684      display: none;
    1685 }
    1686 }
    1687 */
    1688 
    16891748/* display by default in iframe to avoid overflow issue */
    16901749.iframed input#toggle_addtorrent:not(checked) + label + hr + table, .iframed input#toggle_createtorrent:not(checked) + label + hr + table {
     
    17081767.peerinfo td[colspan="4"] {
    17091768     padding-left: 0 !important;
     1769}
     1770
     1771.peerinfo .snarkTorrentDownloaded {
     1772     text-align: center !important;
    17101773}
    17111774
     
    21172180     min-width: 160px !important;
    21182181     padding-right: 2px;
    2119 }
    2120 
    2121 .snarkCommentInfo td:last-child, .snarkComments td:last-child {
    2122 /*     width: 1% !important;*/
    21232182}
    21242183
     
    23942453     display: none;
    23952454}
     2455
     2456code, .snarkTorrents tt {
     2457     font-size: 8pt !important;
     2458}
    23962459}
    23972460
     
    24032466}
    24042467
     2468.snarkMessages li, .snarkMessages a {
     2469     font-weight: normal !important;
     2470}
     2471
    24052472.snarkNav:link, .snarkNav:visited {
    24062473     font-size: 9pt !important;
     
    24612528}
    24622529
     2530.snarkMessages li {
     2531     font-weight: normal !important;
     2532     opacity: 1 !important;
     2533}
     2534
    24632535.snarkTorrentDownloaded .percentBarText, .snarkTorrentDownloaded .percentBarOuter {
    24642536     width: 100px !important;
     
    24792551.snarkNav:link, .snarkNav:visited {
    24802552     font-size: 10pt !important;
     2553     letter-spacing: 0.12em !important;
     2554}
     2555
     2556.iframed .snarkNav:link {
     2557     padding-top: 5px !important;
     2558     padding-bottom: 3px !important;
    24812559}
    24822560
     
    25032581}
    25042582
    2505 @media screen and (min-width: 1400px) {
     2583@media screen and (min-width: 1500px) {
    25062584body, .snarkAddInfo, .snarkCommentInfo textarea {
    25072585     font-size: 10pt !important;
     
    25132591
    25142592.snarkMessages li, .snarkMessages a {
    2515      font-size: 8pt !important;
    25162593     line-height: 130%;
    25172594}
     
    25762653}
    25772654
    2578 @media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1400px) {
     2655@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1500px) {
    25792656.toggleview, .configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
    25802657     font-size: 12.5pt !important;
     
    26052682/* end responsive layout */
    26062683
     2684.snarkTorrentInfo b {
     2685     margin-right: 3px;
     2686}
     2687
     2688.info_tracker {
     2689     margin: 0 4px 0 2px;
     2690     padding: 1px 6px 1px 18px;
     2691     display: inline-block;
     2692     vertical-align: middle;
     2693     background: #fff url(images/button_tracker.png) left 3px center no-repeat;
     2694     background-size: 14px auto;
     2695     max-width: 155px;
     2696     overflow: hidden;
     2697     text-overflow: ellipsis;
     2698     white-space: nowrap;
     2699     color: #bbf;
     2700     box-shadow: 0 0 0 1px #ccf;
     2701     border-radius: 3px;
     2702}
     2703
     2704.info_tracker:hover, .info_tracker:hover a {
     2705     color: #f60;
     2706}
     2707
     2708.info_tracker:hover {
     2709     background: url(images/button_tracker_hover.png) left 3px center no-repeat, linear-gradient(to bottom, #eef 50%, #bbf 50%) !important;
     2710     background-size: 14px auto, 100% 100% !important;
     2711}
     2712
     2713.info_tracker:active, .info_tracker:active a {
     2714     color: #fff;
     2715}
     2716
     2717.info_tracker:active {
     2718     color: #fff !important;
     2719     box-shadow: 0 0 0 1px #f60, inset 3px 3px 3px #420;
     2720     background: #f60 url(images/button_tracker_active.png) left 3px center no-repeat !important;
     2721     background-size: 14px auto !important;
     2722}
     2723
  • installer/resources/themes/snark/midnight/nocollapse.css

    rdc6ab70 r73ab3e8  
    1111     background: #003 !important;
    1212     background: linear-gradient(to bottom, #191729, #1f1e32 50%, #000 50%) !important;
     13     background: linear-gradient(to bottom, #191729 40%, #000) !important;
    1314     box-shadow: inset 0 0 0 1px #000 !important;
    1415     text-shadow: 0 0 1px #000 !important;
     
    1617}
    1718
    18 label.toggleview img, .toggle_input:focus + label.toggleview img, label.toggleview:hover img, label.toggleview img:active, label.toggleview:active img {
    19      margin: 1px !important;
    20      padding: 3px !important;
    21      border-radius: 50%;
    22      background: #020;
    23      background: linear-gradient(to bottom, #443da0 50%, #191729 50%);
    24      mix-blend-mode: normal !important;
     19.toggleview img, .toggleview img:hover, .toggleview img:focus, .toggleview img:active,
     20.toggleview:hover img, .toggleview:focus img, .toggleview:active img {
     21     border: 2px solid #000 !important;
     22     background: #000;
     23     background: linear-gradient(to bottom, #002, #000 50%, #191729 50%, #14131f) !important;
     24     box-shadow: none !important;
    2525     transform: none !important;
    26      filter: drop-shadow(0 1px 1px #000) !important;
     26     filter: drop-shadow(0 0 1px #000) !important;
    2727}
    28 
    29 label.toggleview {
    30      margin-bottom: -6px !important;
    31      padding: 3px 0 !important;
    32      min-width: 120px !important;
    33      width: 120px !important;
    34      font-size: 0 !important;
    35 }
    36 
    37 .configsection .snarkConfigTitle a {
    38     padding: 1px 0 !important;
    39     margin: 0 auto !important;
    40     text-align: center !important;
    41     display: block;
    42 }
    43 
    44 .configsection .snarkConfigTitle a img {
    45      margin: -2px -2px 0 0 !important;
    46      padding: 0 !important;
    47 }
    48 
    49 .toggleview img, .configsection .snarkConfigTitle img {
    50      margin: 0 !important;
    51      padding: 0 !important;
    52      text-align: center !important;
    53 }
  • installer/resources/themes/snark/midnight/snark.css

    rdc6ab70 r73ab3e8  
    66     color: #c9ceff;
    77     background: #000;
    8      margin: 7px 6px;
     8     margin: 4px 2px;
    99}
    1010
     
    8181.snarknavbar {
    8282     margin: 0 0 -6px;
    83      padding: 14px 0;
     83     padding: 12px 0;
    8484     text-align: center;
    8585     border: 1px solid #443da0;
     
    101101}
    102102
     103.snarknavbar:hover .snarkNav {
     104     will-change: box-shadow;
     105}
     106
    103107.snarkNav:link, .snarkNav:visited {
    104108     font-size: 9pt;
    105109     font-weight: bold;
    106110     margin: 0 -1px 0 -3px !important;
    107      padding: 5px 7px 5px 26px !important;
     111     padding: 4px 9px 4px 26px !important;
    108112     text-decoration: none !important;
    109113     letter-spacing: 0.15em;
     
    117121     box-shadow: inset 0 0 0 1px #000, 0 0 1px #000;
    118122     text-shadow: 0 0 1px #000;
    119      transition: ease all 0.1s;
     123     transition: ease box-shadow 0.1s;
    120124}
    121125
     
    213217
    214218.snarkMessages {
    215      font: normal 8pt "Droid Sans Mono", "Noto Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
     219     font: normal 8.5pt "Droid Sans Mono", "Noto Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
    216220     overflow: hidden;
    217221     width: auto;
     
    267271.snarkMessages li, .snarkMessages a {
    268272     font-weight: bold;
    269      font-size: 8pt !important;
     273     font-size: 8.5pt !important;
    270274}
    271275
     
    423427
    424428.snarkTorrents tt {
    425      font-family: "Droid Sans Mono", "Noto Mono", "Noto Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
     429     font: bold 8.5pt "Droid Sans Mono", "Noto Mono", "Noto Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
    426430     background: #2d103f;
    427431     color: #fff;
     
    483487     line-height: 110%;
    484488     text-align: left;
    485      padding: 1px;
     489     padding: 3px 1px;
    486490}
    487491
     
    549553.snarkTorrentName {
    550554     line-height: 110%;
    551      padding-left: 3px !important;
     555     padding-left: 4px !important;
    552556}
    553557
     
    703707}
    704708
     709.peerinfo .snarkTorrentDownloaded {
     710     text-align: center !important;
     711}
     712
    705713/* end main torrent listing */
    706714
     
    716724
    717725.snarkTorrentInfo b {
    718      margin-right: 2px !important;
     726     margin-right: 3px !important;
    719727}
    720728
     
    928936     text-align: left;
    929937     width: 140px;
     938     overflow: hidden;
     939     text-overflow: ellipsis;
    930940}
    931941
     
    11121122}
    11131123
     1124.percentBarComplete {
     1125     max-width: 77px;
     1126     text-align: right;
     1127}
     1128
    11141129/* end download bars */
    11151130
     
    11281143
    11291144.thumb:hover {
     1145     margin-left: -4px;
    11301146     max-width: 96px;
    11311147     max-height: 64px;
    1132      transition: ease all 0.3s;
    1133      margin-left: -4px;
     1148     background: #ddf !important;
     1149     transition: ease-in-out all 0.3s 0.1s
     1150     box-shadow: none !important;
     1151}
     1152
     1153.thumb:active {
     1154     transition: none !important;
     1155     box-shadow: none !important;
     1156     filter: none !important;
    11341157}
    11351158
     
    11471170     display: inline-block;
    11481171}
     1172
     1173/* section headings */
    11491174
    11501175.snarkConfigTitle, .toggleview {
     
    12381263}
    12391264
     1265#lowersection:hover .snarkConfigTitle img, #lowersection:hover .toggleview img {
     1266     will-change: transform;
     1267}
     1268
    12401269.snarkConfigTitle a:hover img, .snarkConfigTitle a:focus img, .toggleview:hover img, .toggleview:focus img {
    12411270     filter: drop-shadow(0 0 1px #652787);
     
    12441273.snarkConfigTitle a:active img, .toggleview:active img {
    12451274     transform: rotate(90deg);
    1246      transition: ease transform 0.3s;
     1275     transition: ease transform 0.1s;
    12471276}
    12481277
     
    12521281     filter: drop-shadow(0 0 1px #000);
    12531282}
     1283
     1284/* end section headings */
    12541285
    12551286.snarkConfig {
     
    12971328
    12981329a:active {
    1299      color: #CF0039;
     1330     color: #cf0039;
    13001331}
    13011332
     
    14041435}
    14051436
    1406 thead a img:hover, thead a img:focus, thead a:hover img, thead a:focus img {
     1437thead a img:hover, thead a img:focus, thead a:hover img, thead a:focus img,
     1438thead a::after:hover img, thead a::after:focus img {
    14071439     filter: saturate(200%) hue-rotate(80deg) drop-shadow(0 0 2px #652787) !important;
    14081440}
     
    18791911}
    18801912
     1913@keyframes slide-in {
     19140% {
     1915     transform: translateY(-50px);
     1916}
     1917
     1918100% {
     1919     transform: translateY(0);
     1920}
     1921}
     1922
     1923@keyframes fade-in {
     19240% {
     1925     filter: opacity(0);
     1926}
     1927
     192820% {
     1929     filter: opacity(0);
     1930}