Changeset e284675e


Ignore:
Timestamp:
Jul 27, 2017 2:14:34 AM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
2f48af5
Parents:
674f523
Message:

UI fixes

'light' theme (console & apps):

  • Rework to reduce contrast (ticket #1996)
  • Add custom radio/checkbox icons for Chrome/Blink?

Console:

  • Fix reseed failure notice overlap when "check connection" message shown
  • Enhance presentation of console "error 500" messages
  • Cosmetic tweaks to welcome page presentation, arabic welcome page tidyup
  • Migrate .smallhead th class to tr to simplify markup
  • Sidebar:
    • Remove "Congestion" from default sidebar (still present in default advanced sidebar)
    • Fix label wrapping issue with translations
    • Migrate sidepanel news section to tables to permit better control over wrapping and placement (ticket #1996)
    • Move news item dates to tooltips to lessen chance of headlines wrapping and cleanup presentation
    • Increase maximum length of local tunnel links in the sidebar (and handle overflow with CSS) to minimize chance of default tunnels display truncating in translations
    • Add the power off icon to sidebar restart button on hover to clarify button function (ticket #1996)
  • /configadvanced: Move floodfill status to row above to remove unnecessary whitespace and cleanup UI
  • /debug: Add debug icon to h2 headers to aid navigation
  • /graphs: Improve presentation of graph images by removing rendered border and setting background color to better integrate with themes
  • /home: Widen div.app to lessen chance of truncation (classic/midnight)
  • /jars:
    • Minimize table overflow with conditional scaling of content
    • One-click select for revision, sha256 & unsigned mods
  • /logs:
    • Reduce line/entry spacing for router and critical logs (#ticket 1996)
    • Multi-column view for changelog at ≥1400px to address horizontal whitespace issue
  • /netdb:
    • Multi-column display of Leases in LeaseSet? tables
    • Better alignment of Lease elements, iconify gateway
    • Placeholder flag for unknown/unresolved peers for [flag+dest] combos to improve presentation / fix deadspace issue
  • Chinese:
    • Fix alignment of table contents in /tunnels (classic)
    • Fix sidebar content display width (midnight)
    • Cosmetic fixes (all themes)

I2PTunnel:

  • Ensure message log font scales proportionately
  • Fix overflow issue with dropdowns in Chrome/blink (dark/midnight)

SusiDNS

  • Reduce width of filter buttons to lessen chance of wrapping (ticket #1996)
  • Add non-selectable items to improve copy/paste of hosts in address books
  • Make dest addresses in host list only display scrollbar on focus to reduce screen clutter
  • Hide broken imagegen images

SusiMail?: Enhance presentation of 'postman' links on login panel

Files:
3 added
35 edited

Legend:

Unmodified
Added
Removed
  • apps/routerconsole/java/src/net/i2p/router/web/NetDbRenderer.java

    r674f523 re284675e  
    385385
    386386            }
     387            buf.append("<tr><td colspan=\"2\"><ul class=\"netdb_leases\">");
    387388            for (int i = 0; i < ls.getLeaseCount(); i++) {
    388389                Lease lease = ls.getLease(i);
    389                 buf.append("<tr><td colspan=\"2\">");
    390                 buf.append("<b>").append(_t("Lease")).append(' ').append(i + 1).append(":</b> ").append(_t("Gateway")).append(' ');
     390                buf.append("<li><b>").append(_t("Lease")).append(' ').append(i + 1).append(":</b> <span class=\"netdb_gateway\" title=\"")
     391                   .append(_t("Gateway")).append("\"><img src=\"themes/console/images/info/gateway.png\" alt=\"")
     392                   .append(_t("Gateway")).append("\"></span> <span class=\"tunnel_peer\">");
    391393                buf.append(_context.commSystem().renderPeerHTML(lease.getGateway()));
    392                 buf.append(' ').append(_t("Tunnel")).append(' ').append(lease.getTunnelId().getTunnelId()).append(' ');
     394                buf.append("</span> <span class=\"netdb_tunnel\">").append(_t("Tunnel")).append(" <span class=\"tunnel_id\">")
     395                   .append(lease.getTunnelId().getTunnelId()).append("</span></span> ");
    393396                if (debug) {
    394397                    long exl = lease.getEndDate().getTime() - now;
     
    398401                        buf.append("<b class=\"netdb_expiry\">").append(_t("Expired {0} ago", DataHelper.formatDuration2(0-exl))).append("</b>");
    399402                }
    400                 buf.append("</td></tr>\n");
    401             }
     403                buf.append("</li>");
     404            }
     405            buf.append("</ul></td></tr>\n");
    402406            buf.append("</table>\n");
    403407            out.write(buf.toString());
  • apps/routerconsole/java/src/net/i2p/router/web/PeerHelper.java

    r674f523 re284675e  
    345345        buf.append(".</h3>\n");
    346346        buf.append("<div class=\"widescroll\"><table id=\"udpconnections\">\n");
    347         buf.append("<tr><th class=\"smallhead\" nowrap><a href=\"#def.peer\">").append(_t("Peer")).append("</a><br>");
     347        buf.append("<tr class=\"smallhead\"><th nowrap><a href=\"#def.peer\">").append(_t("Peer")).append("</a><br>");
    348348        if (sortFlags != FLAG_ALPHA)
    349349            appendSortLinks(buf, urlBase, sortFlags, _t("Sort by peer hash"), FLAG_ALPHA);
    350         buf.append("</th><th class=\"smallhead\" nowrap><a href=\"#def.dir\" title=\"")
     350        buf.append("</th><th nowrap><a href=\"#def.dir\" title=\"")
    351351           .append(_t("Direction/Introduction")).append("\">").append(_t("Dir"))
    352            .append("</a></th><th class=\"smallhead\" nowrap>").append(_t("IPv6"))
    353            .append("</th><th class=\"smallhead\" nowrap><a href=\"#def.idle\">").append(_t("Idle")).append("</a><br>");
     352           .append("</a></th><th nowrap>").append(_t("IPv6"))
     353           .append("</th><th nowrap><a href=\"#def.idle\">").append(_t("Idle")).append("</a><br>");
    354354        appendSortLinks(buf, urlBase, sortFlags, _t("Sort by idle inbound"), FLAG_IDLE_IN);
    355355        buf.append(" / ");
    356356        appendSortLinks(buf, urlBase, sortFlags, _t("Sort by idle outbound"), FLAG_IDLE_OUT);
    357357        buf.append("</th>");
    358         buf.append("<th class=\"smallhead\" nowrap><a href=\"#def.rate\">").append(_t("In/Out")).append("</a><br>");
     358        buf.append("<th nowrap><a href=\"#def.rate\">").append(_t("In/Out")).append("</a><br>");
    359359        appendSortLinks(buf, urlBase, sortFlags, _t("Sort by inbound rate"), FLAG_RATE_IN);
    360360        buf.append(" / ");
    361361        appendSortLinks(buf, urlBase, sortFlags, _t("Sort by outbound rate"), FLAG_RATE_OUT);
    362362        buf.append("</th>\n");
    363         buf.append("<th class=\"smallhead\" nowrap><span class=\"peersort\"><a href=\"#def.up\">").append(_t("Up")).append("</a><br>");
     363        buf.append("<th nowrap><span class=\"peersort\"><a href=\"#def.up\">").append(_t("Up")).append("</a><br>");
    364364        appendSortLinks(buf, urlBase, sortFlags, _t("Sort by connection uptime"), FLAG_UPTIME);
    365         buf.append("</span></th><th class=\"smallhead\" nowrap><span class=\"peersort\"><a href=\"#def.skew\">").append(_t("Skew")).append("</a><br>");
     365        buf.append("</span></th><th nowrap><span class=\"peersort\"><a href=\"#def.skew\">").append(_t("Skew")).append("</a><br>");
    366366        appendSortLinks(buf, urlBase, sortFlags, _t("Sort by clock skew"), FLAG_SKEW);
    367367        buf.append("</span></th>\n");
    368         buf.append("<th class=\"smallhead\" nowrap><a href=\"#def.cwnd\">CWND</a><br>");
     368        buf.append("<th nowrap><a href=\"#def.cwnd\">CWND</a><br>");
    369369        appendSortLinks(buf, urlBase, sortFlags, _t("Sort by congestion window"), FLAG_CWND);
    370         buf.append("</th><th class=\"smallhead\" nowrap><span class=\"peersort\"><a href=\"#def.ssthresh\">SST</a><br>");
     370        buf.append("</th><th nowrap><span class=\"peersort\"><a href=\"#def.ssthresh\">SST</a><br>");
    371371        appendSortLinks(buf, urlBase, sortFlags, _t("Sort by slow start threshold"), FLAG_SSTHRESH);
    372372        buf.append("</span></th>\n");
    373         buf.append("<th class=\"smallhead\" nowrap><span class=\"peersort\"><a href=\"#def.rtt\">RTT</a><br>");
     373        buf.append("<th nowrap><span class=\"peersort\"><a href=\"#def.rtt\">RTT</a><br>");
    374374        appendSortLinks(buf, urlBase, sortFlags, _t("Sort by round trip time"), FLAG_RTT);
    375         //buf.append("</th><th class=\"smallhead\" nowrap><a href=\"#def.dev\">").append(_t("Dev")).append("</a><br>");
     375        //buf.append("</th><th nowrap><a href=\"#def.dev\">").append(_t("Dev")).append("</a><br>");
    376376        //appendSortLinks(buf, urlBase, sortFlags, _t("Sort by round trip time deviation"), FLAG_DEV);
    377         buf.append("</span></th><th class=\"smallhead\" nowrap><span class=\"peersort\"><a href=\"#def.rto\">RTO</a><br>");
     377        buf.append("</span></th><th nowrap><span class=\"peersort\"><a href=\"#def.rto\">RTO</a><br>");
    378378        appendSortLinks(buf, urlBase, sortFlags, _t("Sort by retransmission timeout"), FLAG_RTO);
    379379        buf.append("</span></th>\n");
    380         buf.append("<th class=\"smallhead\" nowrap><a href=\"#def.mtu\">MTU</a><br>");
     380        buf.append("<th nowrap><a href=\"#def.mtu\">MTU</a><br>");
    381381        appendSortLinks(buf, urlBase, sortFlags, _t("Sort by outbound maximum transmit unit"), FLAG_MTU);
    382         buf.append("</th><th class=\"smallhead\" nowrap><span class=\"peersort\"><a href=\"#def.send\">").append(_t("TX")).append("</a><br>");
     382        buf.append("</th><th nowrap><span class=\"peersort\"><a href=\"#def.send\">").append(_t("TX")).append("</a><br>");
    383383        appendSortLinks(buf, urlBase, sortFlags, _t("Sort by packets sent"), FLAG_SEND);
    384         buf.append("</span></th><th class=\"smallhead\" nowrap><span class=\"peersort\"><a href=\"#def.recv\">").append(_t("RX")).append("</a><br>");
     384        buf.append("</span></th><th nowrap><span class=\"peersort\"><a href=\"#def.recv\">").append(_t("RX")).append("</a><br>");
    385385        appendSortLinks(buf, urlBase, sortFlags, _t("Sort by packets received"), FLAG_RECV);
    386386        buf.append("</span></th>\n");
    387         buf.append("<th class=\"smallhead\" nowrap><span class=\"peersort\"><a href=\"#def.resent\">").append(_t("Dup TX")).append("</a><br>");
     387        buf.append("<th nowrap><span class=\"peersort\"><a href=\"#def.resent\">").append(_t("Dup TX")).append("</a><br>");
    388388        appendSortLinks(buf, urlBase, sortFlags, _t("Sort by packets retransmitted"), FLAG_RESEND);
    389         buf.append("</span></th><th class=\"smallhead\" nowrap><span class=\"peersort\"><a href=\"#def.dupRecv\">").append(_t("Dup RX")).append("</a><br>");
     389        buf.append("</span></th><th nowrap><span class=\"peersort\"><a href=\"#def.dupRecv\">").append(_t("Dup RX")).append("</a><br>");
    390390        appendSortLinks(buf, urlBase, sortFlags, _t("Sort by packets received more than once"), FLAG_DUP);
    391391        buf.append("</span></th></tr>\n");
  • apps/routerconsole/java/src/net/i2p/router/web/ProfileOrganizerRenderer.java

    r674f523 re284675e  
    206206        //   .append(" (").append(integratedPeers.size()).append(")</h2>\n");
    207207        buf.append("<div class=\"widescroll\"><table id=\"floodfills\">");
    208         buf.append("<tr>");
    209         buf.append("<th class=\"smallhead\">").append(_t("Peer")).append("</th>");
    210         buf.append("<th class=\"smallhead\">").append(_t("Caps")).append("</th>");
    211         buf.append("<th class=\"smallhead\">").append(_t("Integ. Value")).append("</th>");
    212         buf.append("<th class=\"smallhead\">").append(_t("Last Heard About")).append("</th>");
    213         buf.append("<th class=\"smallhead\">").append(_t("Last Heard From")).append("</th>");
    214         buf.append("<th class=\"smallhead\">").append(_t("Last Good Send")).append("</th>");
    215         buf.append("<th class=\"smallhead\">").append(_t("Last Bad Send")).append("</th>");
    216         buf.append("<th class=\"smallhead\">").append(_t("10m Resp. Time")).append("</th>");
    217         buf.append("<th class=\"smallhead\">").append(_t("1h Resp. Time")).append("</th>");
    218         buf.append("<th class=\"smallhead\">").append(_t("1d Resp. Time")).append("</th>");
    219         buf.append("<th class=\"smallhead\">").append(_t("Last Good Lookup")).append("</th>");
    220         buf.append("<th class=\"smallhead\">").append(_t("Last Bad Lookup")).append("</th>");
    221         buf.append("<th class=\"smallhead\">").append(_t("Last Good Store")).append("</th>");
    222         buf.append("<th class=\"smallhead\">").append(_t("Last Bad Store")).append("</th>");
    223         buf.append("<th class=\"smallhead\">").append(_t("1h Fail Rate")).append("</th>");
    224         buf.append("<th class=\"smallhead\">").append(_t("1d Fail Rate")).append("</th>");
     208        buf.append("<tr class=\"smallhead\">");
     209        buf.append("<th>").append(_t("Peer")).append("</th>");
     210        buf.append("<th>").append(_t("Caps")).append("</th>");
     211        buf.append("<th>").append(_t("Integ. Value")).append("</th>");
     212        buf.append("<th>").append(_t("Last Heard About")).append("</th>");
     213        buf.append("<th>").append(_t("Last Heard From")).append("</th>");
     214        buf.append("<th>").append(_t("Last Good Send")).append("</th>");
     215        buf.append("<th>").append(_t("Last Bad Send")).append("</th>");
     216        buf.append("<th>").append(_t("10m Resp. Time")).append("</th>");
     217        buf.append("<th>").append(_t("1h Resp. Time")).append("</th>");
     218        buf.append("<th>").append(_t("1d Resp. Time")).append("</th>");
     219        buf.append("<th>").append(_t("Last Good Lookup")).append("</th>");
     220        buf.append("<th>").append(_t("Last Bad Lookup")).append("</th>");
     221        buf.append("<th>").append(_t("Last Good Store")).append("</th>");
     222        buf.append("<th>").append(_t("Last Bad Store")).append("</th>");
     223        buf.append("<th>").append(_t("1h Fail Rate")).append("</th>");
     224        buf.append("<th>").append(_t("1d Fail Rate")).append("</th>");
    225225        buf.append("</tr>");
    226226        RateAverages ra = RateAverages.getTemp();
     
    291291        buf.append("<tr id=\"capabilities_key\"><td colspan=\"2\"><table><tbody>");
    292292        buf.append("<tr><td>&nbsp;</td>")
    293            .append("<td><b>B:</b></td><td>").append(_t("SSU Testing")).append("</td>")
    294            .append("<td><b>C:</b></td><td>").append(_t("SSU Introducer")).append("</td>")
    295            .append("<td>&nbsp;</td></tr>");
    296         buf.append("<tr><td>&nbsp;</td>")
    297            .append("<td><b>f:</b></td><td>").append(_t("Floodfill")).append("</td>")
    298            .append("<td><b>H:</b></td><td>").append(_t("Hidden")).append("</td>")
    299            .append("<td>&nbsp;</td></tr>");
    300         buf.append("<tr><td>&nbsp;</td>")
    301            .append("<td><b>K:</b></td><td>").append(_t("Under {0} shared bandwidth", "12KBps")).append("</td>")
    302            .append("<td><b>L:</b></td><td>").append(_t("{0} shared bandwidth", "12 - 32KBps")).append("</td>")
    303            .append("<td>&nbsp;</td></tr>");
    304         buf.append("<tr><td>&nbsp;</td>")
    305            .append("<td><b>M:</b></td><td>").append(_t("{0} shared bandwidth", "32 - 64KBps")).append("</td>")
    306            .append("<td><b>N:</b></td><td>").append(_t("{0} shared bandwidth", "64 - 128KBps")).append("</td>")
    307            .append("<td>&nbsp;</td></tr>");
    308         buf.append("<tr><td>&nbsp;</td>")
    309            .append("<td><b>O:</b></td><td>").append(_t("{0} shared bandwidth", "128 - 256KBps")).append("</td>")
    310            .append("<td><b>P:</b></td><td>").append(_t("{0} shared bandwidth", "256 - 2000KBps")).append("</td>")
    311            .append("<td>&nbsp;</td></tr>");
    312         buf.append("<tr><td>&nbsp;</td>")
    313            .append("<td><b>R:</b></td><td>").append(_t("Reachable")).append("</td>")
    314            .append("<td><b>U:</b></td><td>").append(_t("Unreachable")).append("</td>")
    315            .append("<td>&nbsp;</td></tr>");
    316         buf.append("<tr><td>&nbsp;</td>")
    317            .append("<td><b>X:</b></td><td>").append(_t("Over {0} shared bandwidth", "2000KBps")).append("</td>")
     293           .append("<td><b>B</b></td><td>").append(_t("SSU Testing")).append("</td>")
     294           .append("<td><b>C</b></td><td>").append(_t("SSU Introducer")).append("</td>")
     295           .append("<td>&nbsp;</td></tr>");
     296        buf.append("<tr><td>&nbsp;</td>")
     297           .append("<td><b>f</b></td><td>").append(_t("Floodfill")).append("</td>")
     298           .append("<td><b>H</b></td><td>").append(_t("Hidden")).append("</td>")
     299           .append("<td>&nbsp;</td></tr>");
     300        buf.append("<tr><td>&nbsp;</td>")
     301           .append("<td><b>K</b></td><td>").append(_t("Under {0} shared bandwidth", "12KBps")).append("</td>")
     302           .append("<td><b>L</b></td><td>").append(_t("{0} shared bandwidth", "12 - 32KBps")).append("</td>")
     303           .append("<td>&nbsp;</td></tr>");
     304        buf.append("<tr><td>&nbsp;</td>")
     305           .append("<td><b>M</b></td><td>").append(_t("{0} shared bandwidth", "32 - 64KBps")).append("</td>")
     306           .append("<td><b>N</b></td><td>").append(_t("{0} shared bandwidth", "64 - 128KBps")).append("</td>")
     307           .append("<td>&nbsp;</td></tr>");
     308        buf.append("<tr><td>&nbsp;</td>")
     309           .append("<td><b>O</b></td><td>").append(_t("{0} shared bandwidth", "128 - 256KBps")).append("</td>")
     310           .append("<td><b>P</b></td><td>").append(_t("{0} shared bandwidth", "256 - 2000KBps")).append("</td>")
     311           .append("<td>&nbsp;</td></tr>");
     312        buf.append("<tr><td>&nbsp;</td>")
     313           .append("<td><b>R</b></td><td>").append(_t("Reachable")).append("</td>")
     314           .append("<td><b>U</b></td><td>").append(_t("Unreachable")).append("</td>")
     315           .append("<td>&nbsp;</td></tr>");
     316        buf.append("<tr><td>&nbsp;</td>")
     317           .append("<td><b>X</b></td><td>").append(_t("Over {0} shared bandwidth", "2000KBps")).append("</td>")
    318318           .append("<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>");
    319319        buf.append("<tr><td>&nbsp;</td><td colspan=\"5\">").append(_t("Note: For P and X bandwidth tiers, O is included for the purpose of backward compatibility in the NetDB."))
  • apps/routerconsole/java/src/net/i2p/router/web/SummaryBarRenderer.java

    r674f523 re284675e  
    710710            buf.append("<h3><a href=\"/news\">")
    711711               .append(_t("News &amp; Updates"))
    712                .append("</a></h3><hr class=\"b\"><div class=\"newsheadings\">\n");
     712               .append("</a></h3><hr class=\"b\"><div class=\"sb_newsheadings\">\n");
    713713            // Get news content.
    714714            List<NewsEntry> entries = Collections.emptyList();
     
    720720            }
    721721            if (!entries.isEmpty()) {
    722                 buf.append("<ul>\n");
     722                buf.append("<table>\n");
    723723                DateFormat fmt = DateFormat.getDateInstance(DateFormat.SHORT);
    724724                // the router sets the JVM time zone to UTC but saves the original here so we can get it
     
    732732                        entry.updated < _context.clock().now() - 60*24*60*60*1000L)
    733733                        break;
    734                     buf.append("<li><a href=\"/?news=1&amp;consoleNonce=")
     734                    buf.append("<tr><td><a href=\"/?news=1&amp;consoleNonce=")
    735735                       .append(consoleNonce)
    736                        .append("\">");
     736                       .append("\"");
    737737                    if (entry.updated > 0) {
    738738                        Date date = new Date(entry.updated);
    739                         buf.append(fmt.format(date))
    740                            .append(": ");
     739                        // tooltip to tag for translation post 0.9.31 release
     740                        buf.append(" title=\"Published: ").append(fmt.format(date)).append("\"");
    741741                    }
     742                    buf.append(">");
    742743                    buf.append(entry.title)
    743                        .append("</a></li>\n");
     744                       .append("</a></td></tr>\n");
    744745                    if (++i >= max)
    745746                        break;
    746747                }
    747                 buf.append("</ul>\n");
    748                 //buf.append("<a href=\"/news\">")
    749                 //   .append(_t("Show all news"))
    750                 //   .append("</a>\n");
     748                buf.append("</table>\n");
    751749            } else {
    752750                buf.append("<center><i>")
     
    755753            }
    756754            // Add post-headings stuff.
     755            //buf.append("<a href=\"/news\">")
     756                //.append(_t("Show all news"))
     757                //.append("</a>\n");
    757758            buf.append("</div>\n");
    758759        }
  • apps/routerconsole/java/src/net/i2p/router/web/SummaryHelper.java

    r674f523 re284675e  
    4646        "HelpAndFAQ" + S +
    4747        "ShortGeneral" + S +
     48        "UpdateStatus" + S +
    4849        "Bandwidth" + S +
    49         "UpdateStatus" + S +
     50        "NetworkReachability" + S +
    5051        "FirewallAndReseedStatus" + S +
    51         "NetworkReachability" + S +
    5252        "I2PServices" + S +
    5353        "I2PInternals" + S +
     
    5555        "Tunnels" + S +
    5656        "TunnelStatus" + S +
    57         "Congestion" + S +
    5857        "RestartStatus" + S +
    5958        "Destinations" + S +
     
    6362        "HelpAndFAQ" + S +
    6463        "ShortGeneral" + S +
     64        "UpdateStatus" + S +
    6565        "Bandwidth" + S +
    66         "UpdateStatus" + S +
     66        "NetworkReachability" + S +
    6767        "FirewallAndReseedStatus" + S +
    68         "NetworkReachability" + S +
    6968        "I2PServices" + S +
    7069        "I2PInternals" + S +
     
    8180        "ShortGeneral" + S +
    8281        "Bandwidth" + S +
     82        "UpdateStatus" + S +
    8383        "NewsHeadings" + S +
    84         "UpdateStatus" + S +
    8584        "NetworkReachability" + S +
     85        "FirewallAndReseedStatus" + S +
    8686        "RestartStatus" + S +
    87         "FirewallAndReseedStatus" + S +
    8887        "Destinations" + S +
    8988        "";
     
    517516                buf.append("</td><td align=\"left\"><b><a href=\"tunnels#").append(h.toBase64().substring(0,4));
    518517                buf.append("\" target=\"_top\" title=\"").append(_t("Show tunnels")).append("\">");
    519                 if (name.length() <= 20)
     518                // Increase permitted max length of tunnel name & handle overflow with css
     519                if (name.length() <= 32)
    520520                    buf.append(DataHelper.escapeHTML(name));
    521521                else
    522                     buf.append(DataHelper.escapeHTML(name.substring(0,18))).append("&hellip;");
     522                    buf.append(DataHelper.escapeHTML(name.substring(0,29))).append("&hellip;");
    523523                buf.append("</a></b></td>\n");
    524524                LeaseSet ls = _context.netDb().lookupLeaseSetLocally(h);
  • apps/routerconsole/java/src/net/i2p/router/web/SummaryRenderer.java

    r674f523 re284675e  
    3636    private final SummaryListener _listener;
    3737    private final I2PAppContext _context;
     38    private static final Color BACK_COLOR = new Color(246, 246, 255);
     39    private static final Color SHADEA_COLOR = new Color(246, 246, 255);
     40    private static final Color SHADEB_COLOR = new Color(246, 246, 255);
    3841    private static final Color GRID_COLOR = new Color(100, 100, 100, 75);
    3942    private static final Color MGRID_COLOR = new Color(255, 91, 91, 110);
     
    132135
    133136            // Override defaults
    134             def.setColor(RrdGraphDef.COLOR_GRID,  GRID_COLOR);
    135             def.setColor(RrdGraphDef.COLOR_MGRID, MGRID_COLOR);
     137            def.setColor(RrdGraphDef.COLOR_BACK,   BACK_COLOR);
     138            def.setColor(RrdGraphDef.COLOR_SHADEA, SHADEA_COLOR);
     139            def.setColor(RrdGraphDef.COLOR_SHADEB, SHADEB_COLOR);
     140            def.setColor(RrdGraphDef.COLOR_GRID,   GRID_COLOR);
     141            def.setColor(RrdGraphDef.COLOR_MGRID,  MGRID_COLOR);
    136142            def.setFont(RrdGraphDef.FONTTAG_DEFAULT, new Font(DEFAULT_FONT_NAME, Font.PLAIN, 10));
    137143            def.setFont(RrdGraphDef.FONTTAG_TITLE,   new Font(DEFAULT_FONT_NAME, Font.PLAIN, 10));
  • apps/routerconsole/jsp/configadvanced.jsp

    r674f523 re284675e  
    3131  <tr><td class="infohelp">
    3232<%=intl._t("Floodfill participation helps the network, but may use more of your computer's resources.")%>
    33   </td></tr>
    34   <tr><td class="infohelp">
    3533<%
    3634    if (advancedhelper.isFloodfill()) {
    37 %><%=intl._t("This router is currently a floodfill participant.")%><%
     35%> (<%=intl._t("This router is currently a floodfill participant.")%><%
    3836    } else {
    39 %><%=intl._t("This router is not currently a floodfill participant.")%><%
     37%> (<%=intl._t("This router is not currently a floodfill participant.")%>)<%
    4038    }
    4139%>
  • apps/routerconsole/jsp/help_ar.jsp

    r674f523 re284675e  
    3333<p>المزيد من المساعدة هنا:</p>
    3434<ul class="links">
    35 <li class="tidylist"><a href="http://i2p-projekt.i2p/ar/faq">ابئلة شائعة i2p-projekt.i2p</a></li>
     35<li><a href="http://i2p-projekt.i2p/ar/faq">ابئلة شائعة i2p-projekt.i2p</a></li>
    3636<li>او بالدردشة على IRC.</li></ul>
    3737</div>
  • apps/susimail/src/src/i2p/susi/webmail/WebMail.java

    r674f523 re284675e  
    22342234                         button(CONFIGURE, _t("Settings")) +
    22352235                        "</td></tr>\n" +
    2236                         "<tr><td align=\"center\" colspan=\"2\"><hr><a href=\"http://hq.postman.i2p/?page_id=14\">" + _t("Learn about I2P mail") + "</a> | <a href=\"http://hq.postman.i2p/?page_id=16\">" + _t("Create Account") + "</a></td></tr>\n" +
     2236                        "<tr><td align=\"center\" colspan=\"2\"><hr><a href=\"http://hq.postman.i2p/?page_id=14\" target=\"_blank\">" + _t("Learn about I2P mail") + "</a> | <a href=\"http://hq.postman.i2p/?page_id=16\" target=\"_blank\">" + _t("Create Account") + "</a></td></tr>\n" +
    22372237                        "</table></div>");
    22382238        }
  • history.txt

    r674f523 re284675e  
    112017-07-26 str4d
     2 * Themes:
     3   - 'light' theme (console & apps):
     4     - Rework to reduce contrast (ticket #1996)
     5     - Add custom radio/checkbox icons for Chrome/Blink
    26 * Console:
    37   - Add JavaScript snippet to reset dest address scroll position onblur (fixes
    48     Chrome/Blink disappearing text bugs in i2ptunnel and susidns)
     9   - Fix reseed failure notice overlap when "check connection" message shown
     10   - Enhance presentation of console "error 500" messages
     11   - Cosmetic tweaks to welcome page presentation, arabic welcome page tidyup
     12   - Migrate .smallhead th class to tr to simplify markup
     13   - Sidebar:
     14     - Remove "Congestion" from default sidebar (still present in default
     15       advanced sidebar)
     16     - Fix label wrapping issue with translations
     17     - Migrate sidepanel news section to tables to permit better control over
     18       wrapping and placement (ticket #1996)
     19     - Move news item dates to tooltips to lessen chance of headlines wrapping
     20       and cleanup presentation
     21     - Increase maximum length of local tunnel links in the sidebar (and handle
     22       overflow with CSS) to minimize chance of default tunnels display
     23       truncating in translations
     24     - Add the power off icon to sidebar restart button on hover to clarify
     25       button function (ticket #1996)
     26   - /configadvanced: Move floodfill status to row above to remove unnecessary
     27     whitespace and cleanup UI
    528   - /debug:
    629     - Add container divs and styling markup
    730     - Add top navigation menu
     31     - Add debug icon to h2 headers to aid navigation
     32   - /graphs: Improve presentation of graph images by removing rendered border
     33     and setting background color to better integrate with themes
     34   - /home: Widen div.app to lessen chance of truncation (classic/midnight)
    835   - /jars:
    936     - JARs, WARs & individual plugins separated with headers
    1037     - Filenames stripped of path info (path indicated on headers and tooltips)
    1138     - Add container divs and styling markup
     39     - Minimize table overflow with conditional scaling of content
     40     - One-click select for revision, sha256 & unsigned mods
     41   - /logs:
     42     - Reduce line/entry spacing for router and critical logs (#ticket 1996)
     43     - Multi-column view for changelog at >=1400px to address horizontal
     44       whitespace issue
     45   - /netdb:
     46     - Multi-column display of Leases in LeaseSet tables
     47     - Better alignment of Lease elements, iconify gateway
     48     - Placeholder flag for unknown/unresolved peers for [flag+dest] combos to
     49       improve presentation / fix deadspace issue
     50   - Chinese:
     51     - Fix alignment of table contents in /tunnels (classic)
     52     - Fix sidebar content display width (midnight)
     53     - Cosmetic fixes (all themes)
    1254 * I2PSnark:
    1355   - Mitigate truncation of ratings dropdown in comments section (translations)
     
    2163     configuration links, allow for more space for option labels and lessen
    2264     chance of option labels wrapping in translations
    23  * SusiMail: Dismiss notifications on click
     65 * I2PTunnel:
     66   - Ensure message log font scales proportionately
     67   - Fix overflow issue with dropdowns in Chrome/blink (dark/midnight)
     68 * SusiDNS
     69   - Reduce width of filter buttons to lessen chance of wrapping (ticket #1996)
     70   - Add non-selectable items to improve copy/paste of hosts in address books
     71   - Make dest addresses in host list only display scrollbar on focus to reduce
     72     screen clutter
     73   - Hide broken imagegen images
     74 * SusiMail:
     75   - Dismiss notifications on click
     76   - Enhance presentation of 'postman' links on login panel
    2477
    25782017-07-25 str4d
  • installer/resources/readme/readme_ar.html

    r674f523 re284675e  
    88<ul>
    99
    10 <ul class="links">
     10<ul class="links twocol">
    1111
    1212<!--
     
    1717<li><a href="http://echelon.i2p">echelon.i2p</a> موقع لتحميل مجموعة من البرامج مثل</li>
    1818<li><a href="http://zerobin.i2p">zerobin.i2p</a> موقع لمشاركة المحتوى النصي</li>
    19 
     19<li>هناك العديد من eepsites، فقط اتبع هذه الروابط لإكتشاف المزيد!</li>
    2020</ul>
    21 
    22 <p>هناك العديد من eepsites، فقط اتبع هذه الروابط لإكتشاف المزيد!</p>
    23 <br>
    2421
    2522<li><b>تصفح الانترنت</b> شبكة I2P مصممة لتقديم اكبر قدر من الامان والخصوصية للاتصال داخل الشبكة المغلقة، لذلك ينصح عدم استخدامها للوصول الى المواقع العادية مثل غوغل وغيرها لانها <b>لم تصمم كبروكسي خارجي للوصول لمواقع محجوبة</b>. يمكن معرفة استخدام الشبكة لكن بما أن الاتصال مجهول ومشفر لا يمكن معرفة النشاط الذي تقوم به (مشاركة الملفات، بريد الكتروني، دردشة...).</li>
  • installer/resources/themes/console/classic/console.css

    r674f523 re284675e  
    4040
    4141.routersummary img[src$="i2plogo.png"], .routersummary h3, .confignav, *::before, *::after, div.app, .themechoice, .langselect, .langbox,
    42 .newsAuthor, #netdbcountrylist img, .viewfullentry, .sybil_routerinfo th img, .graphspanel {
     42.newsAuthor, #newsDisplay, #netdbcountrylist img, .viewfullentry, .sybil_routerinfo th img, .graphspanel {
    4343     -moz-user-select: none;
    4444     -webkit-user-select: none;
     
    321321/* console error messages */
    322322
     323img[src="/themes/console/images/i2plogo.png"] {
     324     box-shadow: none !important;
     325}
     326
    323327.sorry {
    324      padding: 20px 20px 20px 60px;
    325      background: #fff url(/themes/console/images/info/errortriangle.png) 10px center no-repeat;
    326      background: url(/themes/console/images/info/errortriangle.png) 10px center no-repeat, linear-gradient(to bottom, #fff, #ffe);
     328     padding: 20px 20px 20px 75px;
     329     background: #fff url(/themes/console/images/info/errortriangle.png) 20px 40% no-repeat;
     330     background: url(/themes/console/images/info/errortriangle.png) 20px 40% no-repeat, linear-gradient(to bottom, #fff, #ffe);
    327331     margin: -1px 0 0 211px;
    328      min-width: 490px;
     332     min-width: 475px;
    329333     border: 1px solid #89f;
    330334     box-shadow: inset 0 0 0 1px #ff9;
     
    341345     border: 0 solid #89f;
    342346     margin: 10px 0;
     347}
     348
     349.sorry p {
     350    padding: 0 !important;
     351}
     352
     353#warning2 {
     354     min-width: 540px;
     355     background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.2)) repeat scroll 0 0 / 100% 100%, rgba(0, 0, 0, 0) url(images/bg0.png) repeat scroll 0 0 / 120px 120px;
     356     margin-top: -15px;
     357     padding: 0 15px 5px;
     358     box-shadow: inset 0 0 0 1px #f99;
     359     font-weight: normal;
     360     color: #2c354f;
     361}
     362
     363#warning2 h3 {
     364     margin: -1px -16px 15px;
     365     color: #2c354f;
     366     box-shadow: inset 0 0 0 1px #f99;
     367     padding: 8px 10px;
     368}
     369
     370#warning2 b {
     371     margin-right: 3px;
     372     display: inline-block;
     373     min-width: 140px;
     374     text-align: right;
     375}
     376
     377#warning2 p {
     378     margin-left: 10px;
     379     margin-right: 10px;
    343380}
    344381
     
    442479     border-bottom: 0 !important;
    443480     font-size: 8.5pt;
    444      letter-spacing: 0.05em;
     481/*     letter-spacing: 0.05em;*/
    445482     margin: -7px -1px -7px -1px !important;
    446483     padding: 8px 2px;
     
    562599
    563600#sb_localtunnels a {
    564      text-transform: capitalize;
     601     text-transform: none;
    565602     display: inline-block;
    566603     width: 100%;
     604     max-width: 180px;
     605     overflow: hidden;
     606     text-overflow: ellipsis;
     607     white-space: nowrap;
    567608}
    568609
     
    595636     border: 1px solid #89f;
    596637     border-radius: 2px;
    597      box-shadow: 0 0 1px #bbb;
    598      margin: -5px 1px -6px;
    599      padding: 5px 3px;
     638     box-shadow: 0 0 1px #bbb, inset 0 0 0 1px #fbb;
     639     margin: -4px 2px -5px;
     640     padding: 6px 5px;
     641     line-height: 110%;
     642     font-size: 8pt;
     643}
     644
     645#sb_warning + .sb_notice {
     646     margin-top: 10px;
    600647}
    601648
     
    608655}
    609656
    610 .newsheadings {
     657/* sidebar news */
     658
     659.sb_newsheadings {
    611660     text-align: right;
    612      margin: -1px 5px -5px -23px;
     661     margin: -1px 5px -5px 0;
     662     margin: -3px 0 -7px 0;
    613663     padding: 0;
    614664     font-size: 8pt;
    615665}
    616666
    617 .newsheadings ul {
    618      margin: 2px 5px -1px 38px;
     667.sb_newsheadings table {
     668     margin: -6px 0 2px !important;
     669     width: 100%;
     670     table-layout: auto;
     671     background: #fff;
     672}
     673
     674.sb_newsheadings td {
     675     text-align: left;
     676     border: none;
     677     padding: 5px 3px;
     678     border-collapse: collapse;
     679     border-bottom: 1px solid #fff !important;
     680     line-height: 100%;
     681}
     682
     683.sb_newsheadings table tr:last-child td {
     684     border-bottom: none !important;
     685     padding-bottom: 3px !important;
     686}
     687
     688.sb_newsheadings td {
     689     background: #eff2ff;
     690     padding-left: 20px;
     691     padding-right: 8px;
     692     text-align: left;
     693     background: url(images/link.png) 4px 4px no-repeat !important;
     694     background-size: 12px auto !important;
     695     background-blend-mode: luminosity;
     696     vertical-align: middle !important;
     697     transition: ease background 0.2s;
     698     word-spacing: 0.1em;
     699}
     700
     701.sb_newsheadings tr:hover td {
     702     background: url(images/link.png) 4px 4px no-repeat #ffd !important;
     703     background-size: 12px auto !important;
     704     background-blend-mode: normal;
     705     transition: ease background 0.2s;
     706}
     707
     708.sb_newsheadings td a {
     709     line-height: 110%;
     710     display: inline-block;
     711     margin: 0;
    619712     padding: 0;
    620      display: inline-block;
    621      width: 171px;
    622 }
    623 
    624 .newsheadings li {
    625      list-style: none outside url(images/newsbullet_mini.png);
    626      margin: 2px -4px 2px 8px;
    627      vertical-align: middle;
    628      line-height: 110%;
    629 }
    630 
    631 .newsheadings li a {
    632      margin-top: -2px;
    633      margin-left: -3px;
    634      display: inline-block;
    635 }
    636 
    637 .newsheadings li:first-child {
    638      margin-top: -3px;
    639 }
    640 
    641 .newsheadings li:last-child {
    642      margin-bottom: 0;
    643 }
     713     width: 100%;
     714}
     715
     716/* end sidebar news */
    644717
    645718div.refresh {
     
    765838/* welcome */
    766839
     840div[lang="es"] li, div[lang="pt"] li, div[lang="sv"] li, div[lang="zh"] li {
     841     list-style: none;
     842}
     843
     844div[lang="sv"] li::first-letter {
     845     text-transform: uppercase !important;
     846}
     847
    767848div[lang="ar"] li {
    768849     margin: 0 10px 0 30px;
     
    775856div[lang="de"] .twocol {
    776857     margin-left: 50px !important;
     858     margin-top: -8px !important;
     859}
     860
     861div[lang="sv"] .twocol {
     862     margin-top: 2px !important;
     863}
     864
     865div[lang="es"] li {
     866    list-style-type: none;
     867    margin-left: -10px;
     868}
     869
     870div[lang="es"] .twocol {
     871     background: #eff2ff;
     872     border-radius: 1px;
     873     box-shadow: 0 0 0 1px #bbf;
     874     padding: 5px 0 8px 48px;
     875     margin-top: 15px !important;
     876}
     877
     878div[lang="es"] .twocol:not(old) {
     879     margin-left: 0 !important;
     880     margin-right: 0 !important;
     881}
     882
     883div[lang="pt"] li br {
     884     display: none;
    777885}
    778886
     
    783891#console li:first-child {
    784892     padding-top: 10px;
     893}
     894
     895#console li {
     896     line-height: 140%;
     897     text-align: justify;
    785898}
    786899
     
    800913     margin: 0 1px -1px;
    801914     opacity: 0.9;
    802      border: 1px solid #999;
     915     border: 1px solid #bbf;
    803916     transform: none !important;
    804917}
     
    807920     opacity: 1;
    808921     transform: scale(1.1) !important;
     922}
     923
     924.langbox img:hover:active {
     925     transform: none !important;
    809926}
    810927
     
    820937}
    821938
     939.links:not(old) {
     940     margin-left: -15px !important;
     941     margin-right: -15px !important;
     942}
     943
     944.links li:not(old) {
     945     list-style: url(/themes/console/images/transparent.gif) !important;
     946     list-style-position: outside;
     947     padding: 5px 10px 0 !important;
     948}
     949
     950.links li::before {
     951     content: "";
     952     display: inline-block;
     953     width: 16px;
     954     height: 18px;
     955     background: url(images/link.png) left top 4px no-repeat !important;
     956     background-size: 14px 14px !important;
     957     margin-right: 4px;
     958     margin-left: -20px;
     959}
     960
     961div[lang="ar"] .links li::before {
     962     background-position: right top 4px !important;
     963     margin-right: -20px;
     964     margin-left: 4px;
     965}
     966
    822967.links li:first-child {
    823      padding: 14px 10px 5px !important;
     968     padding: 15px 10px 5px !important;
    824969}
    825970
     
    839984     -webkit-columns: 2 400px;
    840985     columns: 2 400px;
    841      -moz-column-gap: 20px !important;
    842      -webkit-column-gap: 20px !important;
    843      column-gap: 20px !important;
     986     -moz-column-gap: 40px !important;
     987     -webkit-column-gap: 40px !important;
     988     column-gap: 40px !important;
    844989     display: block;
    845990     margin: 10px 0 !important;
     
    8631008#console div[lang="de"] .twocol {
    8641009     margin-left: 30px !important;
     1010}
     1011
     1012#console div[lang="es"] .twocol {
     1013     margin-left: 0 !important;
    8651014}
    8661015
     
    9231072
    9241073tt, code {
    925      font-size: 9pt;
    926      font-weight: bold !important;
     1074     font: bold 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace !important;
    9271075     color: darkgreen;
    9281076}
     
    9481096}
    9491097
     1098@media screen and (-webkit-min-device-pixel-ratio:0) {
     1099select {
     1100     padding: 5px 16px 5px 8px !important;
     1101}
     1102}
     1103
    9501104select option {
    9511105     background: #fff;
     
    10851239input[name="refreshInterval"] {
    10861240     text-align: right;
     1241     min-width: 80px;
     1242     width: 80px;
    10871243}
    10881244
     
    15101666.routersummary .reload:hover, .routersummary .reload:focus {
    15111667     background: url(/themes/console/images/buttons/restart_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     1668     background: url(/themes/console/images/buttons/shutdown_hover.png) 37% center no-repeat, url(/themes/console/images/buttons/restart_hover.png) 63% center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
    15121669     border: 1px solid #89f;
    15131670}
     
    16791836}
    16801837
    1681 .main#jardump {
    1682      padding: 0;
    1683      overflow-y: hidden !important;
    1684      min-width: 570px;
    1685 }
    1686 
    16871838.main#proof {
    16881839     padding: 0;
     
    17681919}
    17691920
     1921.newsentry:first-child {
     1922     margin-top: -6px;
     1923}
     1924
    17701925.newsentry h3 {
    17711926     letter-spacing: 0.1em;
     
    17951950}
    17961951
    1797 div.news a {
    1798      color: #663;
    1799 }
    1800 
    1801 div.news a:hover, div.news a:visited:hover {
     1952div.news a, #warning a {
     1953     color: #7f560f !important;
     1954}
     1955
     1956div.news a:hover, div.news a:focus, div.news a:visited:hover, div.news a:visited:focus, #warning a:hover, #warning a:focus {
    18021957     color: #f60 !important;
    18031958}
    18041959
    1805 div.news a:visited {
    1806      color: #773 !important;
     1960div.news a:visited, #warning a:visited {
     1961     color: #5f4312 !important;
    18071962}
    18081963
     
    18101965     color: #cc7;
    18111966     background: #775628;
     1967     height: 2px;
     1968     border-bottom: 1px solid #fff9ef;
     1969     margin: 10px 0 1px !important;
     1970     opacity: 0.7;
     1971}
     1972
     1973@media screen and (-webkit-min-device-pixel-ratio:0) {
     1974div.news hr {
    18121975     height: 1px;
    1813      border: 0 solid #cc7;
    1814      margin: 10px 0 2px !important;
    1815      opacity: 0.7;
     1976}
    18161977}
    18171978
     
    18702031
    18712032div.confignav {
    1872      padding: 6px 5px;
     2033     padding: 5px;
    18732034     margin: -16px -16px 5px -16px;
    18742035     border: 1px solid #89f;
     
    21162277}
    21172278
    2118 #profilelist tr:hover, #floodfills tr:hover,  #ntcpconnections tr:hover, #udpconnections tr:hover,
    2119 .homelinkedit tr:hover, .main#debug table:first-of-type tr:hover td {
     2279#profilelist tr:hover td, #floodfills tr:hover td,  #ntcpconnections tr:hover td, #udpconnections tr:hover td,
     2280.homelinkedit tr:hover td, #portmapper tr:hover td {
    21202281     background: #ffe;
    21212282     background: linear-gradient(to bottom, #fff, #ffe);
     
    22952456#capabilities_key table td:nth-child(even) {
    22962457     width: 16px;
     2458}
     2459
     2460#capabilities_key b {
     2461     text-transform: none !important;
     2462     display: inline-block;
     2463     min-width: 16px;
     2464     background: #dfe4ff;
     2465     text-align: center;
     2466     text-shadow: 0 1px 1px #fff;
     2467     border-radius: 2px;
     2468     padding: 1px 2px;
    22972469}
    22982470
     
    23592531     display: table;
    23602532     padding: 3px !important;
     2533     line-height: 100%;
    23612534}
    23622535
     
    26322805}
    26332806
    2634 #addkeyring tr, #loggingoptions tr, #profilelist tr:hover, #floodfills tr:hover, #jardump tr {
    2635      border-top: 1px inset #cfd6ff !important;
    2636      border-bottom: 1px inset #cfd6ff !important;
     2807#addkeyring tr td, #loggingoptions tr td, #profilelist tr:hover, #floodfills tr:hover {
     2808     border-top: 1px solid #cfd6ff !important;
     2809     border-bottom: 1px solid #cfd6ff !important;
    26372810}
    26382811
     
    26422815}
    26432816
    2644 #sidebarconf tr:hover, #eventlog tr:hover, .tunneldisplay tr:hover, #jobstats tr:hover, #schedjobs tr:hover, #jardump tr:hover {
     2817#sidebarconf tr:hover td, #eventlog tr:hover td, .tunneldisplay tr:hover td, #jobstats tr:hover td, #schedjobs tr:hover td, #jardump tr:hover td {
    26452818     background: #ffd;
    26462819     background: linear-gradient(to bottom, #fff, #ffe);
    26472820     color: #104e99;
    2648      border-top: 1px solid #89f !important;
    2649      border-bottom: 1px solid #89f;
    2650 }
    2651 
    2652 #sidebarconf tr:last-child, #sidebarconf tr:last-child:hover {
     2821}
     2822
     2823#sidebarconf tr:last-child td, #sidebarconf tr:last-child:hover td {
    26532824     border-top: 1px solid #89f;
    26542825     background: #eff1ff;
     
    29903161     padding: 5px 10px;
    29913162     line-height: normal;
     3163}
     3164
     3165.smallhead th {
     3166     font-size: 8pt;
    29923167}
    29933168
     
    30993274h4.app {
    31003275     margin-top: -5px;
     3276     background: url(/themes/console/images/eepsite.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%);
     3277     background-size: 16px 16px, 100% 100%;
     3278     background-blend-mode: luminosity, normal;
     3279     padding-left: 32px;
    31013280}
    31023281
     
    31043283     clear: left;
    31053284     margin-top: 5px !important;
     3285     background: url(/themes/console/images/info/globe.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%);
     3286     background-size: 16px 16px, 100% 100%;
     3287     background-blend-mode: luminosity, normal;
     3288     padding-left: 32px;
    31063289}
    31073290
     
    31133296     float: left;
    31143297     padding: 0;
    3115      min-width: 104px;
     3298     width: 140px;
    31163299     text-align: center !important;
    31173300     border: none;
     
    31383321}
    31393322
    3140 div.applabel {
     3323.applabel {
    31413324     background: url(images/tinytitle.png) center center repeat-x;
    31423325     background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%);
     
    31453328     padding: 4px 2px;
    31463329     text-align: center;
    3147      width: 120px;
     3330     width: 136px;
    31483331     line-height: 110%;
    31493332     text-transform: lowercase;
     
    31663349}
    31673350
    3168 .app:hover div.applabel {
     3351.app:hover .applabel {
    31693352     border-top: 1px solid #f60;
    31703353     background: #fff;
     
    32713454}
    32723455
    3273 div.applabel:hover {
     3456.applabel:hover {
    32743457     box-shadow: none;
    32753458}
     
    33263509.main#tunnels h3 a[href^="/configtunnels#"]:hover {
    33273510     filter: drop-shadow(0 0 1px #f60);
    3328 }
    3329 
    3330 .main#debug h2 {
    3331      padding: 6px 10px;
    3332      font-size: 12pt;
    3333 }
    3334 
    3335 .main#debug h3 {
    3336      padding: 4px 10px;
    3337 }
    3338 
    3339 .main#debug th:last-child, .main#debug td:last-child {
    3340      text-align: right;
    3341 }
    3342 
    3343 .main#debug td[colspan="2"] {
    3344      text-align: left;
    3345 }
    3346 
    3347 .main#debug h2 + hr {
    3348      display: none;
    33493511}
    33503512
     
    37803942}
    37813943
    3782 div.graphspanel {
     3944.graphspanel {
    37833945     padding: 15px 5px 0;
    37843946     margin: -16px -16px -11px -16px;
     
    37873949}
    37883950
    3789 div.graphspanel img {
     3951.graphspanel img {
    37903952     margin: 5px;
    3791      border: 1px solid #777;
     3953     padding: 1px;
     3954     background: #f6f6ff;
     3955     border: 1px solid #89f;
     3956     box-shadow: 0 0 1px #aaa;
    37923957     max-width: 95%;
    37933958     max-width: calc(100% - 50px);
    37943959}
    37953960
    3796 div.graphspanel a img {
    3797      border: 1px solid #77f;
    3798      padding: 2px;
    3799      background: #ccf;
     3961.graphspanel a img {
     3962     background: #fff;
    38003963     opacity: 0.9;
    38013964     vertical-align: top;
    38023965}
    38033966
    3804 div.graphspanel a img:hover {
     3967.graphspanel a img:hover {
    38053968     border: 1px solid #f60;
    38063969     text-align: center !important;
     
    38103973}
    38113974
    3812 div.graphspanel hr {
     3975.graphspanel hr {
    38133976     margin: 10px 0;
    38143977}
    38153978
    3816 div.graphspanel form:last-child {
     3979.graphspanel form:last-child {
    38173980     text-align: left;
    38183981     margin: 0 20px;
    38193982}
    38203983
    3821 div.graphspanel h3 {
     3984.graphspanel h3 {
    38223985     text-align: left;
    38233986     margin: 10px 20px 10px 20px;
     
    39254088/* end new graphs optionbox */
    39264089
    3927 div.footnote {
     4090.footnote {
    39284091     text-align: right;
    39294092     color: #339;
    3930      font-size: 7pt;
     4093     font-size: 8pt;
    39314094     margin-bottom: -4px !important;
    39324095}
    39334096
    3934 div.footnote hr {
     4097.footnote hr {
    39354098     margin: 10px 0 5px 0 !important;
    39364099     color: #99f;
     
    42924455/* end configui */
    42934456
    4294 .main#jardump {
    4295      overflow: auto;
    4296 }
    4297 
    4298 #jardump table {
    4299      border-left: none;
    4300      border-right: none;
    4301      margin-top: -1px;
    4302      margin-bottom: -1px;
    4303      font-size: 8pt;
    4304 }
    4305 
    4306 #jardump th {
    4307      padding: 5px;
    4308      font-size: 9pt;
    4309 }
    4310 
    4311 #jardump td {
    4312      vertical-align: top;
    4313 }
    4314 
    4315 .main#jardump th:nth-child(1), .main#jardump th:nth-child(3), .main#jardump th:nth-child(6), .main#jardump th:nth-child(7) {
    4316      text-align: left;
    4317 }
    4318 
    4319 #jardump tt {
    4320      letter-spacing: -0.05em;
    4321 }
    4322 
    4323 #jardump a tt {
    4324      color: #006 !important;
    4325 }
    4326 
    4327 #jardump a:hover tt {
    4328      color: #f60 !important;
    4329 }
    4330 
    4331 
    43324457.main#netdb > .confignav {
    43334458     margin-bottom: 15px;
     
    47224847}
    47234848
     4849/* leasesets */
     4850
     4851.netdb_leases, .netdb_leases li {
     4852     margin: -1px 0 0 !important;
     4853     padding: 0 !important;
     4854     columns: 400px auto;
     4855     column-rule: 1px solid #ccdeff;
     4856}
     4857
     4858.netdb_leases li {
     4859     line-height: 140%;
     4860     list-style: none;
     4861     vertical-align: middle;
     4862     border-bottom: 1px solid #ccdeff;
     4863     padding: 2px 0 3px !important;
     4864}
     4865
     4866.netdb_leases b:first-child {
     4867    display: inline-block;
     4868    min-width: 80px;
     4869    margin-right: 2px;
     4870    text-align: right;
     4871}
     4872
     4873.netdb_leases .tunnel_peer img {
     4874     margin-bottom: -1px;
     4875}
     4876
     4877.netdb_gateway img {
     4878     vertical-align: middle;
     4879}
     4880
     4881.netdb_tunnel {
     4882     display: inline-block;
     4883     background: #ddf;
     4884     padding: 0 4px;
     4885     margin-right: -4px;
     4886     border-radius: 2px;
     4887}
     4888
     4889.netdb_leases .tunnel_peer {
     4890     margin-left: 2px;
     4891}
     4892
     4893.netdb_leases .tunnel_peer tt, .netdb_leases .tunnel_peer tt a {
     4894     letter-spacing: 0.1em;
     4895}
     4896
     4897.netdb_leases .tunnel_id {
     4898     min-width: 74px;
     4899}
     4900
     4901.netdb_leases .tunnel_peer tt {
     4902     margin: 0 3px;
     4903}
     4904
     4905.main li .netdb_expiry {
     4906     font-weight: normal;
     4907     text-transform: lowercase;
     4908     color: #2c354f !important;
     4909     font-style: italic;
     4910}
     4911
     4912#console h2, #console h3 {
     4913     border-radius: 2px;
     4914     box-shadow: 0 0 2px rgba(200,200,200,0.5);
     4915}
     4916
     4917img.unknownflag {
     4918     opacity: 0.8;
     4919}
     4920
     4921/* end leasesets */
     4922
    47244923/* end netdb */
    47254924
     
    49705169#volunteer ul li, #volunteer ul li:first-child {
    49715170     padding: 2px 0 !important;
     5171}
     5172
     5173#volunteer .links:not(old) {
     5174     margin: -10px 10px 0 !important;
    49725175}
    49735176
     
    50385241     margin-bottom: -5px;
    50395242     margin: -5px -1px -6px !important;
     5243     background: #fff;
     5244     background: linear-gradient(to right, #eff2ff 50%, #fff);
    50405245     border: 1px solid #89f;
    5041      padding: 5px 10px 5px 5px !important;
    5042      background: #fff;
     5246     padding: 7px 10px 4px 5px !important;
     5247}
     5248
     5249#fullhistory::before {
     5250     content: "";
     5251     display: inline-block;
     5252     vertical-align: middle;
     5253     width: 18px;
     5254     height: 20px;
     5255     background: url(/themes/console/images/buttons/fullview.png) left 45% no-repeat;
     5256     background-size: 14px auto;
    50435257}
    50445258
     
    51495363}
    51505364
    5151 #debug h2 + table {
    5152      margin-top: -11px;
    5153 }
    5154 
    5155 #debug th {
    5156      text-align: left;
    5157 }
    5158 
    5159 #debug tr {
    5160      border-bottom: 1px solid #89f;
    5161 }
    5162 
    5163 #debug td {
    5164      padding: 2px 5px;
    5165 }
    5166 
    5167 #debug ul {
    5168       line-height: 120%;
    5169 }
    5170 
    5171 #debug li:first-child {
    5172      padding: 10px 0 0;
    5173 }
    5174 
    5175 #debug li:last-child {
    5176      padding-bottom: 0;
    5177      margin-bottom: -9px;
    5178 }
    5179 
    5180 #debug li {
    5181      padding-bottom: 0;
    5182      margin-left: -5px;
    5183      margin-bottom: -2px;
    5184 }
    5185 
    51865365#certs p {
    51875366     margin: 3px 0;
     
    52095388}
    52105389
    5211 #advancedsettings td.infowarn {
    5212      padding: 10px 10px 10px 40px !important;
    5213      border: 1px solid #89f;
    5214      background: #fffff5 url(/themes/console/images/info/infowarn.png) 10px center no-repeat !important;
    5215      background-size: 22px 22px !important;
    5216 }
    5217 
    52185390#configinfo th {
    52195391     text-align: left;
     
    52305402}
    52315403
     5404.main#help #configinfo td.infowarn {
     5405     padding: 10px 10px 10px 38px !important;
     5406     border: 1px solid #89f;
     5407     background: #fffff5 url(/themes/console/images/info/infowarn.png) 10px center no-repeat !important;
     5408     background-size: 20px 20px !important;
     5409}
     5410
    52325411/* informational images */
    52335412
     
    52955474     padding: 15px 15px 15px 50px;
    52965475     background-size: 28px 28px;
     5476}
     5477
     5478#floodfillconfig tr:nth-child(2) td {
     5479     padding: 8px 10px 8px 18px;
     5480}
     5481
     5482#floodfillconfig tr:nth-child(2) b {
     5483     margin-right: 8px;
    52975484}
    52985485
     
    59266113/* end sybils */
    59276114
     6115/* debug */
     6116
     6117.main#debug h2 {
     6118     padding: 8px 10px;
     6119     font-size: 12pt;
     6120}
     6121
     6122.main#debug h3 {
     6123     padding: 5px 10px;
     6124}
     6125
     6126.main#debug td[colspan="2"] {
     6127     text-align: left;
     6128}
     6129
     6130.main#debug h2 + hr {
     6131     display: none;
     6132}
     6133
     6134#debug h2 + table {
     6135     margin-top: -11px;
     6136}
     6137
     6138#debug th {
     6139     text-align: left;
     6140}
     6141
     6142#debug tr {
     6143     border-bottom: 1px solid #89f;
     6144}
     6145
     6146#debug td {
     6147     padding: 2px 5px;
     6148}
     6149
     6150#debug .expiry ul {
     6151     margin: 3px 0 10px -35px !important;
     6152}
     6153
     6154#debug li:first-child {
     6155     padding: 10px 0 0;
     6156}
     6157
     6158#debug li:last-child {
     6159     padding-bottom: 0;
     6160     margin-bottom: -9px;
     6161}
     6162
     6163#debug li {
     6164     list-style: none;
     6165     line-height: 150%;
     6166     padding-bottom: 0;
     6167     margin-left: -5px;
     6168     margin-bottom: -2px;
     6169}
     6170
     6171.debug_container {
     6172     background: #eef;
     6173     border: 1px solid #89f;
     6174     padding: 10px 15px;
     6175     margin-top: -16px;
     6176}
     6177
     6178.debug_container:empty, #debug ul:empty {
     6179     display: none;
     6180}
     6181
     6182.debug_container, #debug td {
     6183     line-height: 140%;
     6184}
     6185
     6186.main#debug h3 + table {
     6187     margin-top: -11px;
     6188}
     6189
     6190#debug td {
     6191    padding-top: 5px;
     6192    padding-bottom: 5px;
     6193}
     6194
     6195#debug h2 {
     6196     margin: 12px 0 0;
     6197     background: url(/themes/console/images/info/debug.png) right 6px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%) !important;
     6198     background-size: 20px 20px, 100% 100% !important;
     6199     background-blend-mode: luminosity, normal, normal;
     6200}
     6201
     6202h2#debug_portmapper {
     6203     margin-top: 14px !important;
     6204}
     6205
     6206#debug h3 {
     6207     padding-left: 10px;
     6208}
     6209
     6210.debug_container + h3 {
     6211     margin-top: -1px;
     6212}
     6213
     6214.debug_section h2 + h3, .debug_container:empty + h3, h3 + .debug_container, .debug_section table + h3, .debug_container.buckets {
     6215     margin-top: -11px !important;
     6216}
     6217
     6218.expiry td {
     6219     padding-left: 3% !important;
     6220}
     6221
     6222.debug_container.buckets {
     6223     word-break: break-all;
     6224     margin-bottom: 5px;
     6225     padding-bottom: 0;
     6226     max-height: 600px;
     6227     overflow: auto;
     6228}
     6229
     6230.buckets hr {
     6231     display: none;
     6232}
     6233
     6234#debug th:first-child, #debug td:first-child {
     6235     padding-left: 10px;
     6236}
     6237
     6238#debug td:last-child {
     6239     text-align: right;
     6240     vertical-align: top;
     6241     padding-right: 10px;
     6242}
     6243
     6244.debug_outboundtarget td:first-child {
     6245     padding-left: 3% !important;
     6246}
     6247
     6248#portmapper td:first-child {
     6249     font-weight: bold;
     6250}
     6251
     6252#portmapper th:last-child, #portmapper td:last-child {
     6253     text-align: left !important;
     6254}
     6255
     6256#debug h3.debug_outboundsessions, #debug h3.debug_inboundsessions {
     6257     padding: 6px 10px 6px 28px;
     6258     background-blend-mode: luminosity, normal;
     6259}
     6260
     6261#debug h3.debug_outboundsessions {
     6262     margin-top: -6px !important;
     6263     background: url(/themes/console/images/outbound.png) 6px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%) !important;
     6264}
     6265
     6266#debug h3.debug_inboundsessions {
     6267     background: url(/themes/console/images/inbound.png) 6px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%) !important;
     6268}
     6269
     6270.debug_version {
     6271     color: #070;
     6272}
     6273
     6274/* end debug */
     6275
     6276/* jar dump */
     6277
     6278#jardump {
     6279     padding: 0;
     6280     overflow-x: auto;
     6281     overflow-y: hidden;
     6282     min-width: 570px;
     6283}
     6284
     6285#jardump table {
     6286     border-left: none;
     6287     border-right: none;
     6288     margin-top: -1px;
     6289     margin-bottom: -1px;
     6290     font-size: 8pt;
     6291}
     6292
     6293#jardump th {
     6294     padding: 5.5px 5px;
     6295     font-size: 9pt;
     6296     text-align: center;
     6297     border-left: none !important;
     6298     border-right: none !important;
     6299}
     6300
     6301#jardump th:first-child {
     6302     text-align: left;
     6303}
     6304
     6305#jardump tr td {
     6306     border-top: 1px solid #cfd6ff !important;
     6307}
     6308
     6309#jardump td {
     6310     vertical-align: top;
     6311}
     6312
     6313#jardump td:nth-child(2) {
     6314     font-style: italic;
     6315}
     6316
     6317#jardump tt {
     6318     letter-spacing: -0.05em;
     6319}
     6320
     6321#jardump a tt {
     6322     color: #006 !important;
     6323}
     6324
     6325#jardump a:hover tt {
     6326     color: #f60 !important;
     6327}
     6328
     6329.sha256 tt, .revision tt {
     6330     font-weight: normal !important;
     6331}
     6332
     6333.revision, .sha256, .unsignedmod {
     6334     -moz-user-select: all;
     6335     -webkit-user-select: all;
     6336     user-select: all;
     6337}
     6338
     6339.subheading.routerfiles {
     6340     background: url(/themes/console/images/eepsite.png) right 5px center no-repeat, linear-gradient(to right, #fff, #eef) !important;
     6341     background-size: 16px auto, 100% 100% !important;
     6342     background-blend-mode: luminosity, normal;
     6343}
     6344
     6345.subheading.pluginfiles {
     6346     background: url(/themes/console/images/plugin.png) right 5px center no-repeat, linear-gradient(to right, #fff, #eef) !important;
     6347     background-size: 16px auto, 100% 100% !important;
     6348     background-blend-mode: luminosity, normal;
     6349}
     6350
     6351.subheading.pluginfiles {
     6352     border-top: 1px solid #89f !important;
     6353}
     6354
     6355#jardump td {
     6356     border-left: 1px inset #cfd6ff !important;
     6357     vertical-align: middle;
     6358     text-align: center;
     6359}
     6360
     6361#jardump td:first-child, #jardump td:last-child {
     6362     text-align: left;
     6363}
     6364
     6365#jardump td:nth-child(2) {
     6366     text-align: right;
     6367}
     6368
     6369#jardump td:first-child {
     6370     border-left: none;
     6371     transition: ease padding 0.05s;
     6372}
     6373
     6374#jardump td:last-child {
     6375     padding: 1px 0;
     6376}
     6377
     6378.unsignedmod {
     6379     display: inline-block;
     6380     padding: 1px 2px;
     6381     word-break: break-all;
     6382     -moz-user-select: all;
     6383     -webkit-user-select: all;
     6384     user-select: all;
     6385}
     6386
     6387#jardump hr {
     6388     margin: 2px 0 !important;
     6389     background: #cfd6ff;
     6390}
     6391
     6392.unsignedmod:empty {
     6393     display: none;
     6394}
     6395
     6396#jardump td:first-child {
     6397     padding-left: 26px;
     6398     background-image: url(/themes/console/images/info/box.png);
     6399     background-position: 5px center;
     6400     background-repeat: no-repeat;
     6401     background-size: 16px 16px;
     6402}
     6403
     6404#jardump tr:hover td:first-child {
     6405     background: url(/themes/console/images/info/box.png) 5px center no-repeat, linear-gradient(to bottom, #fff, #ffe);
     6406     background: url(/themes/console/images/info/box.png) 5px center no-repeat #ffe;
     6407     background-size: 16px 16px;
     6408}
     6409
     6410@media screen and (-webkit-min-device-pixel-ratio:0) {
     6411#jardump td:last-child {
     6412     word-break: break-all;
     6413}
     6414}
     6415
     6416/* end jardump */
     6417
    59286418/* responsive layout */
    59296419
     
    63456835}
    63466836
     6837@media screen and (min-width: 1400px) {
     6838.main#help #changelog pre:not(old) {
     6839     columns: 560px auto;
     6840     column-gap: 40px;
     6841     column-rule: 1px dotted #abf;
     6842     margin-left: 0;
     6843     padding-left: 10px;
     6844}
     6845}
     6846
    63476847@media screen and (min-width: 1500px) {
    6348 body, .main, .main td, .news p, #news p, .tab, .tab2, .main li b, .joblog li, .themelabel, .ui_lang, .applabel a, .statusnotes, .routersummary button.download,
    6349 #peerdefs, #profile_defs, #thresholds, #configinfo, .infohelp, .infowarn, button, input, select, textarea, code, tt, pre, .netdbentry th, .configtable th, .statlist a[name],
     6848body, .main, .main td, .news p, #news p, .tab, .tab2, .main li b, .joblog li, .themelabel, .ui_lang, .applabel a,
     6849.statusnotes, .routersummary button.download, #peerdefs, #profile_defs, #thresholds, #configinfo, .infohelp, .infowarn,
     6850button, input, select, textarea, code, tt, pre, .netdbentry th, .configtable th, .statlist a[name],
    63506851.statlist b, .statlist li b, .statlist a[name]:hover, div.messages, th {
    63516852     font-size: 10pt !important;
     
    63536854
    63546855.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.news, #banlist li,
    6355 .news #newsStatus, .news #ewsDisplay, .topness, .footnote, .cells tt, #profilelist tt {
     6856.news #newsStatus, .news #newsDisplay, .topness, .footnote, .cells tt, #profilelist tt, .sb_notice {
    63566857     font-size: 9pt !important;
    63576858}
     
    63956896     max-width: 212px;
    63966897}
     6898
    63976899.routersummary button[type="submit"] {
    63986900     min-width: 100px;
     
    64016903
    64026904div.app {
    6403      width: 154px;
     6905     width: 160px !important;
    64046906}
    64056907
     
    64096911
    64106912.applabel {
    6411      width: 150px !important;
     6913     width: 156px !important;
    64126914     padding: 4px 2px 2px !important;
    64136915}
     
    64266928}
    64276929
    6428 .newsheadings ul {
    6429      width: 202px;
     6930.sb_newsheadings ul {
     6931     width: 193px;
    64306932}
    64316933
     
    65637065     margin-left: -81px !important;
    65647066}
     7067
     7068.sb_newsheadings table {
     7069     width: 224px !important;
     7070}
     7071
     7072.sb_newsheadings td:last-child, .sb_newsheadings tr:hover td:last-child {
     7073     background-position: 4px 5px !important;
     7074}
    65657075}
    65667076
  • installer/resources/themes/console/classic/console_big.css

    r674f523 re284675e  
    1212}
    1313
     14b {
     15     font-weight: normal !important;
     16}
     17
    1418input[type="submit"], input[type="cancel"], input[type="file"], button, button.search, input.cancel {
    1519     font-size: 11pt !important;
     
    2731.routersummary button {
    2832     min-width: 100px !important;
     33     padding-top: 3px !important;
     34     padding-bottom: 3px !important;
    2935}
    3036
    3137/* sidepanel */
    3238
    33 div.routersummary h3, .routersummary h3 a  {
     39.routersummary h3, .routersummary h3 a  {
    3440     font-size: 13pt !important;
    3541}
    3642
    37 div.routersummary h4, .routersummary h4 a {
     43.routersummary h4, .routersummary h4 a {
    3844     font-size: 13pt !important;
    3945     letter-spacing: 0;
    4046}
    4147
    42 div.routersummary td {
     48.routersummary td {
    4349     font-size: 11pt;
    4450}
    4551
    46 div.routersummary {
     52.routersummary {
    4753     width: 220px;
    4854}
    4955
    50 div.routersummary table {
     56.routersummary table {
    5157     width: 219px !important;
    5258}
     
    6571}
    6672
    67 div.routersummary table a:link, div.routersummary table a:visited {
     73.routersummary table a:link, .routersummary table a:visited {
    6874     font-size: 12pt;
    6975     font-weight: normal;
     
    7581/* global overrides */
    7682
    77 a, b, div.routersummary h3 a, div.routersummary h4 {
     83a, b, .routersummary h3 a, .routersummary h4 {
    7884    font-weight: normal !important;
    7985    font-size: 100%;
     
    159165}
    160166
    161 div.joblog li i {
    162      font-weight: normaL;
    163 }
    164 
    165 b, div.joblog b {
     167.joblog li i {
     168     font-weight: normal;
     169}
     170
     171.joblog b {
    166172    color: #003;
    167173    font-size: 110%;
     
    174180.tab, .tab2 {
    175181     font-size: 11pt;
    176 } 
     182}
    177183
    178184.applabel a {
     
    344350     margin-top: 15px !important;
    345351     margin-bottom: -20px !important;
    346      padding: 10px 10px 5px;
     352     padding: 10px;
    347353     border-radius: 4px;
    348354}
    349355
     356@media screen and (-webkit-min-device-pixel-ratio:0) {
     357.twocol {
     358     margin-top: 5px !important;
     359}
     360}
     361
    350362.twocol li {
    351      margin-left: 35px !important;
    352      margin-right: 0;
    353      margin-top: 0;
    354      margin: 0 0 0 35px !important;
     363     margin: 0 0 0 20px !important;
    355364     padding: 0 0 10px !important;
    356365}
    357366
    358367.twocol li:first-child {
    359      margin-top: 0 !important;
     368     margin-top: 5px !important;
    360369     margin-bottom: 10px !important;
    361370     padding-top: 0 !important;
    362      padding-left: 0 !important;
    363371}
    364372
     
    405413     height: 22px !important;
    406414     padding: 2px;
    407      width: 140px;
    408415}
    409416}
    410417
    411418@media screen and (min-width: 0) {
    412 div.routersummary img[src$="i2plogo.png"] {
     419.routersummary img[src$="i2plogo.png"] {
    413420     margin-top: -1px;
    414421     transform: none;
     
    486493#netdboverview th {
    487494     font-size: 12pt !important;
     495}
     496
     497.sb_newsheadings td, .sb_newsheadings tr:hover td {
     498     background-position: 4px center !important;
     499}
     500
     501.sb_newsheadings td a {
     502     font-size: 9pt !important;
     503}
     504
     505.main#tunnels td, .tunnel_cap, .tunnel_id, #tunnels .cells, #tunnels tt a {
     506     font-size: 10pt !important;
     507     letter-spacing: 0 !important;
     508     word-spacing: 0 !important;
     509}
     510
     511.tunnel_peer {
     512     min-width: 60px !important;
     513}
     514
     515b.tunnel_cap, .tunnel_cap b {
     516     min-width: 18px;
     517     color: #fff !important;
     518     font-size: 10pt !important;
     519     text-shadow: 0 1px 1px #555 !important;
    488520}
    489521}
     
    514546}
    515547
    516 div.routersummary img[src$="i2plogo.png"] {
     548.routersummary img[src$="i2plogo.png"] {
    517549     margin-left: 1px;
    518550}
     
    522554}
    523555
    524 div.app {
    525      width: 164px;
    526 }
    527 
    528 div.applabel {
     556.applabel {
    529557     padding: 3px 2px 4px !important;
    530      width: 160px !important;
    531 }
    532 }
    533 
    534 @media screen and (min-width: 1500px) {
     558}
     559
    535560.langselect img[src^="/flags"] {
    536561    margin-left: -92px !important;
     
    540565    margin-left: -93px !important;
    541566}
     567
     568.newsheadings {
     569     margin-left: -2px !important;
     570     margin-right: 0 !important;
     571}
     572
     573.newsheadings ul {
     574     width: 178px !important;
     575}
    542576}
    543577
  • installer/resources/themes/console/classic/i2ptunnel.css

    r674f523 re284675e  
    513513     margin: 0;
    514514     font-family: "Droid Sans Mono", "Noto Mono", Consolas, "Lucida Console", "DejaVu Sans Mono", monospace;
     515     font-size: 8pt;
    515516}
    516517
     
    663664}
    664665
    665 #throttler tr:nth-child(even),  #wizardTunnelTypes tr:nth-child(even), #wizardSummary tr:nth-child(even) {
     666#throttler tr:nth-child(even), #wizardTunnelTypes tr:nth-child(even), #wizardSummary tr:nth-child(even) {
    666667     background: #e7e7ff;
    667668     background: rgba(220,220,255,0.5);
     
    786787}
    787788
    788 #wizardTunnelTypes select {
     789#wizardTunnelTypes select, #wizardPanel .freetext {
    789790     margin-left: 0 !important;
    790791}
     
    852853}
    853854
     855#tunnelWizardPage #targetDestination {
     856     width: 50% !important;
     857}
     858
     859/* end wizard specifics */
     860
    854861/* more space */
    855862
     
    933940.control, .control:link, .control:visited {
    934941     min-width: 60px !important;
     942}
     943
     944#tunnelWizardPage #targetDestination {
     945     width: 200px !important;
    935946}
    936947}
     
    10871098}
    10881099
     1100textarea#statusMessages {
     1101     font-size: 9pt;
     1102}
     1103
    10891104#registration .displayText {
    10901105     width: 800px;
  • installer/resources/themes/console/dark/console.css

    r674f523 re284675e  
    99     text-align: center;
    1010     background: #010 url(images/camotile.png) top left fixed;
    11      color: #EE9;
     11     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;
    1313}
     
    6969     text-align: left;
    7070     font: 8.5pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    71      color: #EE9;
     71     color: #ee9;
    7272}
    7373
     
    7878     padding: 10px;
    7979     text-align: center;
    80      color: #EE9;
     80     color: #ee9;
    8181     margin: -1px 20px 0;
    8282     border: 1px solid #494;
     
    256256/* end proxy errors */
    257257
     258/* sidebar */
     259
    258260.routersummaryouter {
    259261     float: left;
     
    407409}
    408410
     411#sb_general td, #sb_shortgeneral td {
     412     white-space: nowrap;
     413}
     414
     415#sb_general td:first-child, #sb_shortgeneral td:first-child {
     416     max-width: 130px;
     417}
     418
    409419#sb_localtunnels {
    410420     margin: -4px -7px -7px -8px !important;
     
    427437#sb_localtunnels a {
    428438     display: inline-block;
     439     width: 100%;
     440     max-width: 156px;
     441     overflow: hidden;
     442     text-overflow: ellipsis;
     443     white-space: nowrap;
    429444}
    430445
     
    480495     border-radius: 2px;
    481496     box-shadow: inset 0 0 0 1px #000;
    482      margin: -2px -5px -4px;
     497     margin: -4px -7px -6px;
    483498     padding: 5px 3px;
     499}
     500
     501#sb_warning {
     502     border-bottom: 1px solid #494 !important;
     503     margin-left: -10px !important;
     504     margin-right: -10px !important;
     505}
     506
     507#sb_warning + .sb_notice {
     508     margin-top: 11px;
     509}
     510
     511#sb_warning + hr {
     512     margin-top: 7px !important;
    484513}
    485514
     
    619648}
    620649
    621 div.newsheadings {
    622      text-align: center;
    623      margin: -3px 0 -5px 10px;
    624      word-spacing: 0;
    625 }
    626 
    627 div.newsheadings li {
    628      list-style: none outside url(images/newsbullet_mini.png);
    629      margin: 0 -6px 2px 4px;
    630      line-height: 110%;
    631      text-transform: capitalize;
    632 }
    633 
    634 div.newsheadings li b {
    635      font-weight: normal !important;
    636 }
    637 
    638 div.newsheadings button {
    639      margin: 4px 0 2px;
    640 }
    641 
    642 div.tunnels {
    643      padding-top: 3px !important;
    644      margin-left: -4px;
    645      text-align: center;
    646 }
    647 
    648 div.tunnels table {
    649      margin: -5px 0 -5px -3px !important;
    650 }
    651 
    652 div.tunnels td {
    653      padding: 1px 0 1px 0;
    654      text-transform: capitalize;
    655 }
    656 
    657 div.tunnels td:first-child {
    658      width: 16px;
     650/* sidebar news */
     651
     652.sb_newsheadings {
     653     width: 192px;
     654     margin-left: 0;
     655     margin-bottom: -7px !important;
     656     text-align: right;
     657}
     658
     659.sb_newsheadings table {
     660     margin-bottom: 3px !important;
     661}
     662
     663.sb_newsheadings a {
     664     display: inline-block;
     665     padding: 0 3px 0 0;
     666
     667}
     668
     669.sb_newsheadings td {
     670     padding: 4px 5px 4px 24px;
    659671     text-align: left;
    660      padding-right: 2px;
    661 }
    662 
    663 div.tunnels td:last-child {
    664      text-align: right;
    665      padding-right: 1px;
    666 }
     672     background: url(images/newsbullet_mini.png) 4px center no-repeat !important;
     673     border-bottom: 1px solid #131 !important;
     674}
     675
     676.sb_newsheadings tr:last-child td {
     677     border-bottom: none !important;
     678}
     679
     680/* end sidebar news */
     681/* end sidebar */
    667682
    668683/* console error messages */
    669684
    670 div.sorry {
     685img[src="/themes/console/images/i2plogo.png"] {
     686     margin-top: 2px !important;
     687     margin-left: -1px !important;
     688     width: 180px !important;
     689     filter: invert(1) sepia(100%) hue-rotate(70deg) !important;
     690}
     691
     692img[src="/themes/console/images/i2plogo.png"]:hover,
     693img[src="/themes/console/images/i2plogo.png"]:focus {
     694     filter: invert(1) sepia(100%) hue-rotate(70deg) drop-shadow(0 0 2px #930) !important;
     695}
     696
     697a:active img[src="/themes/console/images/i2plogo.png"] {
     698     filter: invert(1) sepia(100%) hue-rotate(70deg) drop-shadow(0 0 3px #f60) !important;
     699}
     700
     701.sorry {
    671702     margin: -1px 5px 10px 216px;
    672      padding: 20px 20px 20px 75px;
    673      background: #020;
     703     padding: 20px 20px 20px 70px;
     704     background: #010;
    674705     border: 1px solid #494;
    675706     border-radius: 0 0 4px 4px;
    676707     text-align: justify;
    677      background-image:url(/themes/console/images/info/errortriangle.png);
    678      background-position:15px center;
    679      background-repeat:no-repeat;
    680      box-shadow: inset 0 0 0 1px #d00;
     708     background: url(/themes/console/images/info/errortriangle.png) 15px 45% no-repeat #010;
     709     box-shadow: inset 0 0 0 1px #700;
    681710     word-wrap: break-word;
    682      min-width: 555px;
    683      color: #EE9;
     711     min-width: 560px;
     712     color: #ee9;
    684713     font-size: 10pt;
    685714}
    686715
     716.sorry p {
     717     line-height: 130% !important;
     718}
     719
     720#warning2 {
     721     min-width: 610px;
     722     margin-top: -14px;
     723     margin-bottom: 5px;
     724     background: #010;
     725     padding: 10px 20px 5px;
     726}
     727
     728#warning2 h3 {
     729     border-width: 1px;
     730     border-radius: 0;
     731     border-left: none;
     732     border-right: none;
     733     margin: -21px -20px 0;
     734     padding: 10px;
     735     box-shadow: inset 0 0 0 1px #700;
     736}
     737
     738#warning2 p {
     739     font-size: 9pt;
     740}
     741
     742#warning2 p + h3 {
     743     margin-top: -5px;
     744}
     745
     746#warning2 b {
     747     display: inline-block;
     748     min-width: 140px;
     749     text-align: right;
     750     margin-right: 5px;
     751     line-height: 150%;
     752}
     753
    687754.sorry hr {
    688      color: #EE9;
    689      background: #EE9;
     755     color: #ee9;
     756     background: #ee9;
    690757     height: 1px;
    691      border: 1px solid #EE9;
     758     border-top: 1px solid #ee9;
    692759     margin: 10px 0;
     760     opacity: 0.7;
    693761}
    694762
     
    699767     padding: 0 15px 5px 15px;
    700768     text-align: left;
    701      color: #EE9;
     769     color: #ee9;
    702770     width: auto;
    703771     border: 1px solid #494;
    704772     border-radius: 0 0 2px 2px;
    705      background:  #000 url("images/camotile2.png") !important;
     773     background:  #000 url(images/camotile2.png) !important;
    706774     min-width: 620px;
    707775     box-shadow: 0 1px 5px #000;
     
    710778
    711779.main, .routersummary {
    712      background:  #000 url("images/camotile2.png") !important;
    713      background:  linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.45)), url("images/camotile2.png") #000 !important;
     780     background:  #000 url(images/camotile2.png) !important;
     781     background:  linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.45)), url(images/camotile2.png) #000 !important;
    714782     box-shadow: inset 0 0 0 1px #000, 0 1px 5px #000;
    715783}
     
    736804}
    737805
    738 div.main#news {
     806.main#news {
    739807     background: #000 url(images/news.png) no-repeat scroll bottom right !important;
    740808}
     
    760828}
    761829
    762 div.main textarea {
     830.news .newsentry:first-child {
     831     margin-top: -3px;
     832}
     833
     834.main textarea {
    763835     background: #000;
    764      color: #EE9;
     836     color: #ee9;
    765837     font: 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    766838     resize: none;
     
    769841div.news {
    770842     margin: -1px 5px 0 216px;
    771      padding: 6px 20px 5px;
     843     padding: 6px 15px 8px;
    772844     border: 1px solid #494;
    773845     background: #000 url(images/news.png) no-repeat scroll bottom right;
    774      background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.5)), url("images/news.png") no-repeat scroll right bottom,  url("images/camotile2.png") #000 !important;
     846     background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.5)), url(images/news.png) no-repeat scroll right bottom, url(images/camotile2.png) #000 !important;
    775847     background-blend-mode: lighten;
    776848     color: #ee9;
     
    778850     text-align: right;
    779851     box-shadow: 0 1px 5px #000;
    780      min-width: 610px !important;
     852     min-width: 620px !important;
    781853}
    782854
     
    815887div.news p, div.newscontent p {
    816888     font-size: 9pt;
    817      color: #EE9;
     889     color: #ee9;
    818890     margin: 0 !important;
    819891}
     
    824896
    825897div.news hr {
    826      margin: 8px 0 3px 0;
     898     margin: 8px 0 5px 0;
    827899}
    828900
     
    834906     white-space: nowrap;
    835907     margin-left: 10px;
     908}
     909
     910.news #newsDisplay, .news #newsStatus {
     911     margin-top: 3px !important;
     912     display: inline-block;
    836913}
    837914
     
    870947     background: url(images/header.png) repeat-x scroll center center #000;
    871948     background: linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000) !important;
    872      padding: 7px 5px !important;
     949     padding: 7px !important;
    873950     margin: -1px -16px 15px;
    874951     border: 1px solid #494;
     
    11771254th {
    11781255     padding: 7px 2px;
    1179      color: #EE9;
     1256     color: #ee9;
    11801257     text-align: center;
    11811258     font-size: 9pt;
     
    13051382
    13061383tt {
    1307      font: bold 9pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
     1384     font: bold 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    13081385     color: #FF0;
    13091386}
     
    14431520}
    14441521
     1522div[lang="es"] li, div[lang="pt"] li, div[lang="sv"] li {
     1523     list-style: none;
     1524}
     1525
     1526div[lang="sv"] li::first-letter {
     1527     text-transform: uppercase !important;
     1528}
     1529
    14451530p + .twocol, div[lang="de"] p + .twocol {
    14461531     margin: 10px 25px !important;
     
    14901575h1 {
    14911576     text-align: left;
    1492      color: #EE9;
     1577     color: #ee9;
    14931578     padding: 13px 15px;
    14941579     margin: 0 5px 0 216px !important;
     
    15471632     border: 1px solid #494;
    15481633     border-left: 5px solid #494;
    1549      padding: 6px 10px;
     1634     padding: 7px 10px;
    15501635     margin: 12px 0 10px 0;
    15511636     border-radius: 0 2px 2px 0;
     
    15741659
    15751660h1, h4.app, h4.app2 {
    1576      background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%), url("images/camotile2.png") #000 !important;
     1661     background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%), url(images/camotile2.png) #000 !important;
    15771662     background-blend-mode: exclusion;
    15781663     box-shadow: inset 0 0 0 1px #000;
     
    15911676     text-decoration: none;
    15921677     border-radius: 2px;
    1593      font-size: 8pt;
    15941678     font-weight: bold;
    15951679     margin: 2px 3px;
     
    16911775     color: #494;
    16921776     margin: 5px;
    1693      font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     1777     font: bold 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    16941778     padding: 4px 2px;
    16951779     text-decoration: none;
     
    17251809     color: #ee9;
    17261810     margin: 5px 10px;
    1727      padding: 4px 3px;
    1728      font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     1811     padding: 5px;
     1812     font: bold 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    17291813     border: 1px solid #494 !important;
    17301814     text-decoration: none;
     
    18201904     border-radius: 2px;
    18211905     min-width: 110px;
    1822      font: 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     1906     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    18231907     font-weight: bold;
    18241908     padding: 4px 16px 4px 4px !important;
     
    19021986}
    19031987
    1904 input[type="submit"], input[type="reset"], select, button { /* webkit/blink fix for oversaturated colors */
     1988input[type="submit"], input[type="reset"], select, button {
    19051989     border: 1px solid #8b8;
    19061990     border-bottom: 1px solid #171;
     
    19081992     background: linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%);
    19091993     filter: drop-shadow(0 0 1px #131);
     1994     font-size: 8pt;
    19101995}
    19111996
     
    19172002.statusnotes {
    19182003     font-style: italic;
    1919      font-size: 8pt;
    1920      color: #EE9;
     2004     font-size: 9pt;
     2005     color: #ee9;
    19212006     text-align: center;
    19222007     border: 1px solid #494 !important;
     
    22772362}
    22782363
    2279 .smallhead {
     2364.smallhead th {
    22802365     font-size: 8pt
    22812366}
     
    25152600}
    25162601
    2517 /* fixes weird height variation */
    2518 /*
    2519 @-moz-document url-prefix() {
    2520 .themechoice {
    2521      min-height: 75px;
    2522 }
    2523 }
    2524 */
    2525 
    25262602.themechoice:hover {
    25272603     border: 1px solid #f60;
     
    26542730     border-radius: 0;
    26552731     border: 1px solid #494;
    2656      padding: 6px 10px;
     2732     padding: 8px 10px;
    26572733     font-size: 10.5pt;
    26582734     word-spacing: 0.1em;
     
    30033079}
    30043080
     3081#profiles #banlist {
     3082     border: none;
     3083     margin: 0;
     3084}
     3085
    30053086/* /confignet */
    30063087
     
    34603541}
    34613542
     3543/* end /configservice */
     3544
     3545/* /tunnels */
     3546
    34623547.main#tunnels h3 {
    34633548     padding-right: 5px;
     
    34763561     float: right;
    34773562     padding: 0;
    3478 
    34793563}
    34803564
     
    34833567     filter: drop-shadow(0 0 1px #f60);
    34843568}
     3569
     3570/* end /tunnels */
    34853571
    34863572/* configclients */
     
    38753961}
    38763962
     3963/* leasesets */
     3964
     3965.netdb_leases, .netdb_leases li, .netdb_leases li:first-child {
     3966     margin: 0 !important;
     3967}
     3968
     3969.netdb_leases {
     3970     columns: auto 420px !important;
     3971     column-rule: 1px solid #131;
     3972     column-gap: 1em;
     3973}
     3974
     3975.netdb_leases li {
     3976     list-style: none;
     3977     display: inline-block;
     3978     padding: 1px 20px 1px 0;
     3979     margin: 1px 0;
     3980     min-width: 400px;
     3981}
     3982
     3983.netdb_leases li b:first-child {
     3984     display: inline-block;
     3985     min-width: 80px !important;
     3986     text-align: right;
     3987     margin: 0 !important;
     3988     padding: 0 !important;
     3989}
     3990
     3991.netdb_gateway {
     3992     margin-left: 0 !important;
     3993     margin-right: -10px !important;
     3994     vertical-align: bottom;
     3995}
     3996
     3997.netdb_gateway img {
     3998     vertical-align: bottom;
     3999}
     4000
     4001.netdb_tunnel {
     4002     display: inline-block;
     4003     background: #030;
     4004     padding: 0 4px;
     4005     margin-left: 4px;
     4006     margin-right: -4px;
     4007     border-radius: 2px;
     4008}
     4009
     4010.netdb_leases .tunnel_id {
     4011     min-width: 74px;
     4012}
     4013
     4014.netdb_leases .tunnel_peer, .tunneldisplay .tunnel_peer {
     4015     min-width: 64px;
     4016}
     4017
     4018.netdb_leases .tunnel_peer tt, .netdb_leases .tunnel_peer tt a {
     4019     font-size: 8pt !important;
     4020     font-weight: bold !important;
     4021}
     4022
     4023.netdb_leases .tunnel_peer tt, .netdb_leases .tunnel_peer a {
     4024     letter-spacing: 0.1em !important;
     4025     margin: 0 !important;
     4026     padding: 0 !important;
     4027}
     4028
     4029.main li .netdb_expiry {
     4030     font-weight: normal;
     4031     text-transform: lowercase;
     4032     font-style: italic;
     4033}
     4034
     4035img.unknownflag {
     4036     opacity: 0.8;
     4037}
     4038
     4039/* end leasesets */
    38774040/* end netdb */
    38784041
     
    41794342}
    41804343
     4344#capabilities_key b {
     4345     text-transform: none !important;
     4346     display: inline-block;
     4347     min-width: 16px;
     4348     background: #002000;
     4349     text-align: center;
     4350     text-shadow: 0 1px 1px #000;
     4351     border-radius: 2px;
     4352     padding: 1px 2px;
     4353}
     4354
    41814355#profile_defs b {
    41824356     text-transform: capitalize;
     
    42454419     border: 1px solid #494;
    42464420     background: #000;
    4247      padding: 10px 10px 10px 0;
     4421     padding: 10px 5px 10px 0;
    42484422     margin: -1px 0 13px;
    42494423     -moz-column-count: auto;
    4250      -moz-column-width: 300px;
    4251      -moz-column-gap: 10px;
     4424     -moz-column-width: 280px;
     4425     -moz-column-gap: 5px;
    42524426     -moz-column-rule: 1px dotted #494;
    42534427     -webkit-column-count: auto;
    4254      -webkit-column-width: 300px;
    4255      -webkit-column-gap: 10px;
     4428     -webkit-column-width: 280px;
     4429     -webkit-column-gap: 5px;
    42564430     -webkit-column-rule: 1px dotted #494;
    42574431     column-count: auto;
    4258      column-width: 300px;
    4259      column-gap: 10px;
    4260      column-rule: 1px dotted #494;
     4432     column-width: 280px;
     4433     column-gap: 5px;
     4434     column-rule: 1px dotted #151;
    42614435}
    42624436
    42634437#banlist li {
    42644438     list-style: none !important;
    4265      border-bottom: 1px dotted #494;
    4266      margin: 0 10px 3px;
     4439     border-bottom: 1px dotted #151;
     4440     margin: 0 8px 3px;
    42674441     padding-top: 3px;
    42684442     min-width: 250px;
     
    47594933}
    47604934
    4761 .main#debug {
    4762      line-height: 140%;
    4763      padding-bottom: 0;
    4764 }
    4765 
    4766 .main#debug table {
    4767      margin-top: -13px;
    4768 }
    4769 
    4770 .main#debug th, .main#debug td {
    4771      text-align: left;
    4772      padding: 5px 10px;
    4773 }
    4774 
    4775 .main#debug th:last-child {
    4776      text-align: right;
    4777 }
    4778 
    4779 .main#debug td:last-child {
    4780      vertical-align: top;
    4781      text-align: right;
    4782 }
    4783 
    4784 .main#debug li:last-child {
    4785      padding-bottom: 2px;
    4786 }
    4787 
    4788 .main#debug h2 {
    4789      border-radius: 0;
    4790      padding: 5px 10px;
    4791      font-size: 11pt;
    4792 }
    4793 
    4794 .main#debug h3 {
    4795      border-radius: 0;
    4796      padding: 3px 10px;
    4797      font-size: 10pt;
    4798 }
    4799 
    4800 .main#debug h2 + hr {
    4801      display: none;
    4802 }
    4803 
    4804 div.debugcontainer {
    4805      border: 1px solid #f00;
    4806 }
    4807 
    48084935.main#certs {
    48094936     padding-top: 3px;
     
    48414968     margin: -1px 0 11px 0;
    48424969     width: 100%;
    4843 }
    4844 
    4845 .main#jardump {
    4846      overflow: auto !important;
    4847      padding: 0;
    4848 /*     display: inline-table;*/
    4849      min-width: 650px !important;
    4850 }
    4851 
    4852 .main#jardump table {
    4853      margin: -1px 0 0;
    4854      border: 0;
    4855      border-collapse: collapse;
    4856      font-size: 8pt;
    4857      color: #bb7;
    4858 }
    4859 
    4860 .main#jardump th {
    4861      padding: 9px 5px;
    4862 }
    4863 
    4864 .main#jardump th:nth-child(1), .main#jardump th:nth-child(3), .main#jardump th:nth-child(6), .main#jardump th:nth-child(7) {
    4865      text-align: left;
    4866 }
    4867 
    4868 .main#jardump tr:hover, .main#jardump tr:hover td {
    4869      background: #020;
    4870      color: #ee9;
    4871 }
    4872 
    4873 .main#jardump td {
    4874      vertical-align: top;
    4875      padding: 2px 5px;
    4876      color: #bb7;
    4877 }
    4878 
    4879 .main#jardump td:first-child {
    4880      color: #eea;
    4881 }
    4882 
    4883 .main#jardump th:nth-child(4), .main#jardump th:nth-child(5) {
    4884      white-space: nowrap !important;
    4885 }
    4886 
    4887 .main#jardump tt {
    4888      letter-spacing: -0.03em;
    4889 }
    4890 
    4891 .main#jardump font[color="red"] {
    4892      color: #d00;
    4893 }
    4894 
    4895 @media screen and (-webkit-min-device-pixel-ratio:0) { /* fixes column wrapping on webkit */
    4896 .main#jardump td {
    4897      word-break: break-word !important;
    4898      word-break: break-all !important;
    4899      max-width: 230px;
    4900 }
    49014970}
    49024971
     
    52395308     border: 0 none transparent;
    52405309     border-radius: 0;
     5310     word-break: break-all;
    52415311}
    52425312
     
    52935363     text-transform: uppercase;
    52945364     letter-spacing: 0.08em;
    5295      padding: 7px 10px;
     5365     padding: 8px 10px;
    52965366}
    52975367
     
    53855455
    53865456th.th_title {
    5387      padding: 10px;
     5457     padding: 8px 10px !important;
    53885458     text-align: left;
    53895459     background: linear-gradient(to bottom, #1a261a 0%,#223022 7%,#212f21 9%,#172317 21%,#091109 49%,#050d05 50%,#020602 51%,#010301 53%,#000000 56%,#000000 100%) !important;
     
    56085678     padding: 15px 15px 15px 50px;
    56095679     background-size: 28px 28px !important;
     5680}
     5681
     5682#floodfillconfig tr:nth-child(2) td {
     5683     padding: 8px 10px 8px 18px;
     5684}
     5685
     5686#floodfillconfig tr:nth-child(2) b {
     5687     margin-right: 10px;
    56105688}
    56115689
     
    58655943/* /tunnels */
    58665944
    5867 tt a {
     5945tt a, .tunnel_peer tt {
    58685946     letter-spacing: 0.07em;
    58695947}
     
    59075985}
    59085986
     5987.tunnel_peer img {
     5988     margin-right: 2px;
     5989}
     5990
     5991.tunnel_peer tt {
     5992     margin-left: 0;
     5993}
     5994
    59095995.tunnel_local {
    59105996     font-size: 8pt;
     
    63006386/* end sybils */
    63016387
     6388/* debug */
     6389
     6390#debug {
     6391     line-height: 140%;
     6392     padding-bottom: 0;
     6393}
     6394
     6395#debug table {
     6396     margin-top: -13px;
     6397}
     6398
     6399#debug th, #debug td {
     6400     text-align: left;
     6401     padding: 5px 10px;
     6402}
     6403
     6404#debug th {
     6405     padding: 7px 10px;
     6406}
     6407
     6408#debug th:last-child, #debug td:last-child {
     6409     text-align: right;
     6410}
     6411
     6412#debug td:last-child {
     6413     vertical-align: top;
     6414}
     6415
     6416#debug h2, #debug h3 {
     6417     border-radius: 0;
     6418}
     6419
     6420#debug h2 {
     6421     padding: 8px 10px;
     6422     font-size: 11.5pt;
     6423     background: url(/themes/console/images/info/debug.png) right 5px center no-repeat, linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%) !important;
     6424     background-size: 20px 20px, 100% 100% !important;
     6425     background-blend-mode: luminosity, normal;
     6426}
     6427
     6428#debug h2 + hr, .buckets hr {
     6429     display: none;
     6430}
     6431
     6432#debug h3 {
     6433     border-width: 1px !important;
     6434     padding: 5px 10px !important;
     6435     font-size: 10pt;
     6436}
     6437
     6438.debug_container {
     6439     margin-top: -11px;
     6440     border: 1px solid #494;
     6441     padding: 10px 15px;
     6442     background: #000800;
     6443}
     6444
     6445.debug_container:empty::after {
     6446     content: "None";
     6447     display: inline-block;
     6448     font-style: italic;
     6449}
     6450
     6451.buckets {
     6452     margin-top: -13px;
     6453     margin-bottom: 15px;
     6454     max-height: 600px;
     6455     overflow: auto;
     6456     word-break: break-all;
     6457}
     6458
     6459.debug_container + h3, .debug_outboundsessions {
     6460     margin-top: -1px;
     6461}
     6462
     6463.debug_outboundsessions {
     6464     margin-top: -2px;
     6465}
     6466
     6467#debug h2 + h3, .buckets {
     6468     margin-top: -13px;
     6469}
     6470
     6471#debug ul, #debug li {
     6472     margin: 0 !important;
     6473     text-align: left !important;
     6474}
     6475
     6476#debug li:last-child {
     6477     padding-bottom: 2px;
     6478}
     6479
     6480#debug li {
     6481     display: inline-block;
     6482     padding: 2px 0 !important;
     6483     min-width: 400px !important;
     6484}
     6485
     6486#debug ul, .debug_targetinfo {
     6487     columns: 400px 2;
     6488     column-rule: 1px solid #131;
     6489     column-gap: 30px;
     6490}
     6491
     6492.debug_targetinfo {
     6493     line-height: 140%;
     6494}
     6495
     6496.debug_targetinfo b {
     6497     margin-right: 3px;
     6498}
     6499
     6500#debug h3.debug_outboundsessions, #debug h3.debug_inboundsessions {
     6501     padding: 6px 10px 6px 28px !important;
     6502     background-blend-mode: luminosity, normal;
     6503}
     6504
     6505#debug h3.debug_outboundsessions {
     6506     margin-top: -6px !important;
     6507     background: url(/themes/console/images/outbound.png) 6px center no-repeat, linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000 56%) !important;
     6508}
     6509
     6510#debug h3.debug_inboundsessions {
     6511     background: url(/themes/console/images/inbound.png) 6px center no-repeat, linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000 56%) !important;
     6512}
     6513
     6514.debug_version {
     6515     color: #aa0;
     6516     font-weight: bold;
     6517}
     6518
     6519#portmapper td:first-child {
     6520     font-weight: bold;
     6521}
     6522
     6523#portmapper th:last-child, #portmapper td:last-child {
     6524     text-align: left !important;
     6525}
     6526
     6527/* end debug */
     6528
     6529/* jardump */
     6530
     6531#jardump {
     6532     overflow: auto !important;
     6533     padding: 0;
     6534     min-width: 650px !important;
     6535}
     6536
     6537#jardump table {
     6538     margin: -1px 0 0;
     6539     border: 0;
     6540     border-collapse: collapse;
     6541     font-size: 8pt;
     6542     color: #bb7;
     6543}
     6544
     6545#jardump th {
     6546     padding: 9px 5px;
     6547}
     6548
     6549#jardump th:nth-child(4), #jardump th:nth-child(5) {
     6550     white-space: nowrap !important;
     6551}
     6552
     6553#jardump th {
     6554     border-right: none;
     6555     border-left: none;
     6556}
     6557
     6558#jardump th, #jardump td {
     6559     vertical-align: middle !important;
     6560     text-align: center !important;
     6561}
     6562
     6563#jardump th:first-child, #jardump td:first-child {
     6564     text-align: left !important;
     6565}
     6566
     6567#jardump td {
     6568     border-right: 1px inset #131;
     6569     vertical-align: top;
     6570     padding: 2px 5px;
     6571     color: #bb7;
     6572}
     6573
     6574#jardump td:first-child, #jardump tr:hover td:first-child {
     6575     padding-left: 24px;
     6576     padding-right: 0 !important;
     6577     background-image: url(/themes/console/images/info/box.png) !important;
     6578     background-position: 6px center;
     6579     background-repeat: no-repeat;
     6580     background-size: 16px 16px;
     6581}
     6582
     6583#jardump td:first-child {
     6584     color: #eea;
     6585}
     6586
     6587#jardump td:first-child b {
     6588     display: inline-block;
     6589     padding: 4px;
     6590     border-radius: 2px;
     6591     margin-right: 4px;
     6592}
     6593
     6594#jardump td:nth-child(2) {
     6595     text-align: right !important;
     6596     font-style: italic;
     6597}
     6598
     6599#jardump td:last-child {
     6600     word-break: break-all;
     6601     text-align: left !important;
     6602     border-right: none;
     6603     padding: 0;
     6604}
     6605
     6606#jardump tr:hover td {
     6607     background: #020;
     6608     color: #ee9;
     6609     border: 1px solid #151;
     6610     border-left: 1px solid transparent;
     6611     border-right: 1px solid transparent;
     6612}
     6613
     6614#jardump tr:hover .unsignedmod:not(:empty) {
     6615     background: #600;
     6616     color: #fff;
     6617     border-radius: 2px;
     6618}
     6619
     6620#jardump tr:hover td:first-child b {
     6621     background: #030;
     6622     border: 1px solid #010;
     6623     margin-right: 0;
     6624     box-shadow: 0 0 1px 0 #010;
     6625     width: 95%;
     6626     width: calc(100% - 10px);
     6627}
     6628
     6629#jardump tr:hover hr {
     6630     background: transparent;
     6631}
     6632
     6633#jardump tr:hover td:first-child {
     6634     padding-left: 26px !important;
     6635     padding-right: 0 !important;
     6636}
     6637
     6638#jardump tt {
     6639     letter-spacing: -0.03em;
     6640}
     6641
     6642#jardump font[color="red"] {
     6643     color: #d00;
     6644}
     6645
     6646@media screen and (-webkit-min-device-pixel-ratio:0) { /* fixes column wrapping on webkit */
     6647#jardump td {
     6648     word-break: break-word !important;
     6649     word-break: break-all !important;
     6650     max-width: 230px;
     6651}
     6652}
     6653
     6654.revision, .sha256, .unsignedmod {
     6655     display: inline-block;
     6656     -moz-user-select: all;
     6657     -webkit-user-select: all;
     6658     user-select: all;
     6659}
     6660
     6661.unsignedmod {
     6662     padding: 2px 2px 2px 4px;
     6663     margin: 0;
     6664}
     6665
     6666#jardump hr {
     6667     margin: 1px 0;
     6668     width: 100%;
     6669     height: 1px;
     6670     background: #131;
     6671     display: block !important;
     6672}
     6673
     6674#jardump .subheading {
     6675     padding-top: 6px !important;
     6676     padding-bottom: 6px !important
     6677}
     6678
     6679.subheading.routerfiles {
     6680     background: url(/themes/console/images/eepsite.png) right 5px center no-repeat, linear-gradient(to right, #000, #001000 40%) !important;
     6681     background-size: 16px auto, 100% 100% !important;
     6682     background-blend-mode: luminosity, normal;
     6683}
     6684
     6685.subheading.pluginfiles {
     6686     background: url(/themes/console/images/plugin.png) right 5px center no-repeat, linear-gradient(to right, #000, #001000 40%) !important;
     6687     background-size: 16px auto, 100% 100% !important;
     6688     background-blend-mode: luminosity, normal;
     6689}
     6690
     6691.unsignedmod {
     6692     display: inline-block;
     6693     word-break: break-all;
     6694}
     6695
     6696@media screen and (max-width: 1400px) {
     6697.revision, .sha256 {
     6698     display: inline-block;
     6699     max-width: 100px !important;
     6700     overflow: hidden;
     6701     text-overflow: ellipsis
     6702}
     6703
     6704.revision:hover, .sha256:hover {
     6705     overflow: auto;
     6706     text-overflow: clip;
     6707}
     6708}
     6709/* end jardump */
     6710
    63026711/* responsive layout */
    63036712
     
    64326841}
    64336842
     6843@media screen and (min-width: 1400px) {
     6844#profiles #banlist {
     6845     border: none;
     6846     margin: -15px -15px -5px;
     6847     padding: 10px 5px;
     6848}
     6849
     6850.main#help #changelog pre:not(old) {
     6851     columns: 550px auto;
     6852     column-gap: 40px;
     6853     column-rule: 1px dotted #151;
     6854     margin-left: 0;
     6855     padding-left: 10px;
     6856     width: calc(100% - 22px) !important;
     6857     overflow-y: hidden;
     6858}
     6859}
     6860
     6861@media screen and (min-width: 1460px) {
     6862input[type="submit"], input[type="reset"], select, button {
     6863     font-size: 9pt;
     6864}
     6865}
     6866
    64346867@media screen and (min-width: 1500px) {
    64356868body, .main, .main td, .news p, #news p, textarea, .main textarea, code, tt, #changelog pre,
    6436 ul.statlist a[name], ul.statlist b, ul.statlist li b, ul.statlist a[name]:hover, .confignav {
     6869ul.statlist a[name], ul.statlist b, ul.statlist li b, ul.statlist a[name]:hover, .confignav, th, #configinfo th {
    64376870     font-size: 10pt !important;
    64386871}
     
    64536886}
    64546887
    6455 pre, #logs li, .smallhead {
     6888pre, #logs li, .smallhead th {
    64566889     font-size: 9pt !important;
    64576890}
     
    64976930}
    64986931
    6499 th, #configinfo th, code, tt {
    6500      font-size: 10pt;
     6932code, tt {
     6933     font-size: 9pt !important;
    65016934}
    65026935
     
    65236956
    65246957.sorry {
    6525      margin-left: 232px !important;
     6958     margin-left: 242px !important;
    65266959}
    65276960
     
    66307063     min-width: 144px !important;
    66317064}
     7065
    66327066.langselect img {
    66337067     margin-left: -81px !important;
    66347068}
     7069
    66357070.langselect input[name="lang"]:checked + img {
    66367071     margin-left: -82px !important;
     7072}
     7073
     7074ul#banlist {
     7075     -moz-column-width: 300px;
     7076     -webkit-column-width: 300px;
     7077     column-width: 300px;
     7078}
     7079
     7080img[src="/themes/console/images/i2plogo.png"] {
     7081     margin-top: 3px !important;
     7082     width: 200px !important;
    66377083}
    66387084}
     
    67647210/* end Edge/IE tweaks */
    67657211
     7212/* TODO: can we simplify sidebar element positioning by getting a handle on the #xhr div? */
     7213/*
     7214#xhr {
     7215     width: 204px;
     7216     background: rgba(255,255,0,0.1);
     7217     margin: 0 0 0 -10px;
     7218     text-align: center !important;
     7219}
     7220
     7221.routersummary table, #sb_localtunnels {
     7222     width: 200px !important;
     7223     margin-left: 2px !important;
     7224     margin-right: 2px !important;
     7225}
     7226
     7227.routersummary h4 {
     7228     width: 198px !important;
     7229     margin: 0 0 0 2px; !important;
     7230     display: inline-block;
     7231}
     7232
     7233.routersummary h3, .routersummary hr {
     7234     width: 100% !important;
     7235     margin-left: 0 !important;
     7236     margin-right: 0 !important;
     7237}
     7238*/
     7239
  • installer/resources/themes/console/dark/console_ar.css

    r674f523 re284675e  
    9595}
    9696
    97 div.routersummary td:first-child {
     97.routersummary td:first-child {
    9898     text-align: right;
    9999}
     
    107107}
    108108
     109#sb_localtunnels a {
     110     display: inline-block;
     111     width: 100%:
     112}
     113
     114#sb_localtunnels td:nth-child(2) {
     115     text-align: right !important;
     116}
     117
    109118.langbox {
    110119     float: left;
     
    128137}
    129138
    130 div.joblog li, div.newsheadings li {
     139div.joblog li {
    131140    text-align: left;
    132141    direction: ltr;
     
    494503}
    495504
     505.sb_newsheadings td, .sb_newsheadings tr:hover td {
     506     background-position: right 4px center !important;
     507     padding-right: 22px !important;
     508     padding-left: 8px !important;
     509     text-align: right !important;
     510}
     511
     512.sb_newsheadings td a {
     513     font-size: 9pt !important;
     514     font-weight: bold;
     515}
     516
     517.main#console .twocol {
     518     margin: 5px 35px 5px 0 !important;
     519     background: rgba(0, 32, 0, 0.5);
     520     border-radius: 3px;
     521     padding-top: 10px;
     522     padding-bottom: 10px;
     523     line-height: 120% !important;
     524}
     525
     526.twocol li {
     527     list-style-position: inside !important;
     528     padding-right: 0 !important;
     529     margin-right: 0 !important;
     530}
     531
     532/* responsive layout */
     533
    496534@media screen and (min-width: 1500px) {
    497535.main, .news, h1, .sorry {
     
    553591}
    554592}
     593
     594/* end responsive layout */
     595
  • installer/resources/themes/console/dark/console_big.css

    r674f523 re284675e  
    88}
    99
    10 div.routersummary table td {
     10.routersummary table td {
    1111     padding: 2px 1px;
    1212}
    1313
    14 div.routersummary h3, div.routersummary h4, div.routersummary p, div.routersummary h3 a, div.routersummary a {
     14.routersummary h3, .routersummary h4, .routersummary p, .routersummary h3 a, .routersummary a {
    1515     text-shadow: none !important;
    1616}
    1717
    18 div.routersummary h3 a {
     18.routersummary h3 a {
    1919     font-size: 14pt !important;
    2020     text-transform: uppercase !important;
     
    2222}
    2323
    24 div.routersummary h4, .routersummary h4 a {
    25      font-size: 11pt !important;
    26      font-weight: normal;
    27 }
    28 
    29 div.routersummary b {
     24.routersummary h4, .routersummary h4 a {
     25     font-size: 11pt !important;
     26     font-weight: normal;
     27}
     28
     29.routersummary b {
    3030     font-size: 10pt;
    3131     font-weight: normal;
    3232}
    3333
    34 div.routersummary a {
     34.routersummary a {
    3535     font-size: 10pt;
    3636     font-weight: normal;
     
    4242}
    4343
    44 div.messages, div.error, .error ul li {
     44.messages, .messages li, div.error, .error ul li {
    4545     font-size: 11pt;
    4646     font-weight: normal !important;
     
    133133.langselect {
    134134     font-size: 9pt !important;
    135 }
    136 
    137 .langselect .optbox {
    138      min-height: 68px;
    139 }
    140 
    141 .langselect img {
    142      margin-top: 8px !important;
    143 }
    144 
    145 .langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] {
    146      margin-top: 6px !important;
    147      margin-left: -66px !important;
    148135}
    149136
     
    210197}
    211198
     199.sb_notice, .sb_notice a {
     200     font-size: 10pt !important;
     201     line-height: 120% !important;
     202}
     203
     204.sb_newsheadings td, .sb_newsheadings tr:hover td {
     205     background-position: 4px center !important;
     206     padding-left: 24px !important;
     207}
     208
     209.search select, .search button, .search input[type="text"] {
     210     font-size: 10pt !important;
     211}
     212
    212213@media screen and (min-width: 0) {
    213214body {
     
    230231}
    231232
    232 div.routersummary {
     233.routersummary {
    233234     width: 200px !important;
    234235}
    235236
    236 div.routersummary table, table#sb_localtunnels {
     237.routersummary table, table#sb_localtunnels {
    237238    font-size: 10pt;
    238239    width: 215px !important;
     
    280281}
    281282
    282 div.routersummary img[src$="i2plogo.png"] {
     283.routersummary img[src$="i2plogo.png"] {
    283284    margin-left: -5px;
    284285    margin-top: -3px;
  • installer/resources/themes/console/dark/i2ptunnel.css

    r674f523 re284675e  
    120120     padding: 5px 3px 5px 1px !important;
    121121     width: calc(100% - 14px);
    122      min-width: 540px;
     122     min-width: 700px;
    123123     max-width: 1400px;
    124124     overflow: hidden;
     
    405405     color: #69f;
    406406     font-family: "Droid Sans Mono", "Noto Mono", Consolas, "Lucida Console", "DejaVu Sans Mono", monospace;
     407     font-size: 8pt;
    407408}
    408409
     
    600601select {
    601602     color: #494;
    602      font: 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     603     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    603604     font-weight: bold;
     605     font-size: 8pt !important;
    604606     padding: 4px 16px 4px 4px !important;
    605607     -moz-appearance: none;
     
    10911093@media screen and (min-width: 1400px) {
    10921094
    1093 body, td, a, button, input, .control, select, textarea#statusMessages, .freetext, textarea {
    1094      font-size: 10pt;
     1095body, td, a, button, input, .control, select, .freetext, textarea {
     1096     font-size: 10pt !important;
    10951097}
    10961098
     
    10981100     font-size: 12pt;
    10991101}
    1100 }
     1102
     1103textarea#statusMessages, textarea#statusMessages:active, textarea#statusMessages:focus {
     1104     font-size: 9pt;
     1105}
     1106}
     1107
     1108/* end responsive layout */
    11011109
    11021110/* TO DO: merge with main classes */
    1103 
    1104 .panel {
    1105      min-width: 700px;
    1106 }
    11071111
    11081112@media screen and (-webkit-min-device-pixel-ratio:0) { /* fixes chrome/blinkoverflow issue */
    11091113select {
    1110      white-space: normal;
     1114     white-space: normal !important;
    11111115}
    11121116}
  • installer/resources/themes/console/light/console.css

    r674f523 re284675e  
    1010     margin: 6px;
    1111     text-align: center;
    12      color: #333;
     12     color: #33333f;
    1313     font: 9pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif;
    1414     background: #a4a4cb url(images/tile2.png) fixed;
     
    3030}
    3131
     32b {
     33     color: #41465f;
     34}
     35
    3236.hide, .hideme {
    3337     display: none;
     
    5357
    5458.routersummary img[src$="i2plogo.png"], .routersummary h3, .confignav, *::before, *::after, div.app, .themechoice, .langselect, .langbox,
    55 .newsAuthor, #netdbcountrylist img, .viewfullentry, .sybil_routerinfo th img, .graphspanel {
     59.newsAuthor, #netdbcountrylist img, .viewfullentry, .sybil_routerinfo th img, .graphspanel, #themeoptions {
    5660     -moz-user-select: none;
    5761     -webkit-user-select: none;
     
    7276
    7377a img[src$="bound.png"] {
    74      filter: hue-rotate(-40deg) drop-shadow(0 0 1px #ccc);
     78     filter: hue-rotate(-40deg) drop-shadow(0 0 1px #ccf);
    7579}
    7680
     
    8084
    8185a img {
    82      filter: drop-shadow(0 0 1px #ccc);
     86     filter: drop-shadow(0 0 1px #ccf);
    8387}
    8488
     
    9296     text-align: left;
    9397     font: 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    94      color: #333;
     98     color: #33333f;
    9599     margin: 10px;
    96100}
     
    113117     width: 190px;
    114118     padding: 8px 8px 10px;
    115      margin-bottom: 8px;
     119     margin-bottom: 2px;
    116120     text-align: center !important;
    117121     border: 1px solid #447;
    118      color: #333;
     122     color: #33333f;
    119123     font-size: 8pt;
    120124     clear: left;/* fixes a bug in Opera */
    121125     border-radius: 2px;
    122      background: #fff;
     126     background: #fafaff;
    123127     box-shadow: inset 0 0 0 1px #bbf;
    124      filter: drop-shadow(0 0 1px #999);
     128     filter: drop-shadow(0 0 1px #999daf);
    125129}
    126130
     
    144148     width: 192px;
    145149     height: auto;
    146      filter: drop-shadow(0 0 1px #ccc);
     150     filter: drop-shadow(0 0 1px #ccf);
    147151}
    148152
     
    209213     background: #e7e7ff url(images/header.png) center center repeat-x !important;
    210214     background: linear-gradient(to bottom, #fff 50%, #eef 50%) !important;
    211      background: #e7e7ff linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)) !important;
     215     background: #e7e7ff linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)) !important;
    212216     border: 1px solid #99f;
    213217     border-left: none;
     
    338342
    339343#sb_localtunnels td img {
    340      filter: drop-shadow(0 0 1px rgba(204, 204, 204, 0.6));
     344     filter: drop-shadow(0 0 1px #ccf);
    341345}
    342346
     
    351355     display: inline-block;
    352356     width: 100%;
     357     max-width: 158px;
     358     white-space: nowrap;
     359     overflow: hidden;
     360     text-overflow: ellipsis;
    353361}
    354362
     
    379387}
    380388
     389#sb_general td, #sb_shortgeneral td {
     390     white-space: nowrap;
     391}
     392
     393#sb_general td:first-child, #sb_shortgeneral td:first-child {
     394     max-width: 130px;
     395}
     396
    381397#sb_general td::after, #sb_shortgeneral td::after, #sb_bandwidth td::after,
    382398#sb_peers td::after, #sb_tunnels td::after, #sb_queue td::after {
     
    398414}
    399415
     416#sb_warning + .sb_notice {
     417     margin-top: 10px;
     418}
     419
    400420.sb_notice {
    401      background: #eef;
     421     background: #f2f2ff;
    402422     border: 1px solid #89f;
    403423     border-radius: 2px;
    404424     box-shadow: 0 0 1px #bbb, inset 0 0 0 1px #fff;
    405425     margin: -5px;
    406      padding: 5px 3px;
     426     padding: 5px;
    407427     line-height: 140%;
    408428}
     
    414434@media screen and (-webkit-min-device-pixel-ratio:0) {
    415435.sb_notice {
    416      margin-bottom: -7px;
     436     margin-bottom: -6px;
    417437}
    418438}
     
    420440/* experimental sidebar navigation for webapps */
    421441
     442#sb_services {
     443     margin: -15px -9px -11px -7px;
     444     width: 204px !important;
     445}
     446
    422447#sb_services td {
    423      background: url(images/noise.png);
     448     padding-top: 4px;
     449     padding-bottom: 4px;
    424450}
    425451
     
    427453     display: inline-block;
    428454     width: 100%;
    429      padding: 4px 2px 4px 20px;
     455     padding: 4px 2px 4px 24px;
    430456     text-align: left;
    431457     border-bottom: 1px dotted #ddf;
     
    434460}
    435461
    436 #sb_services a:link:first-child {
    437      padding-top: 2px;
    438 }
    439 
    440462#sb_services a:link:last-child {
    441463     border-bottom: none;
    442      padding-bottom: 2px;
    443464}
    444465
    445466#sb_services a {
    446      background-blend-mode: luminosity, normal;
     467     background-blend-mode: luminosity;
     468     vertical-align: sub !important;
    447469}
    448470
     
    452474
    453475#sb_services a[href="/susimail/susimail"] {
    454      background: #fbfbfe url(images/inbox.png) left center no-repeat;
     476     background: #f8f8ff url(images/inbox.png) 2px center no-repeat;
     477     background: rgba(248, 248, 255, 0.8) url(images/inbox.png) 2px center no-repeat;
    455478}
    456479
    457480#sb_services a[href="/susimail/susimail"]:hover {
    458      background: #ffe url(images/inbox.png) left center no-repeat;
     481     background: #ffe url(images/inbox.png) 2px center no-repeat;
    459482     border-radius: 2px;
    460483}
    461484
    462485#sb_services a[href="/i2psnark/"] {
    463      background: #fbfbfe url(/themes/console/images/i2psnark.png) left center no-repeat;
     486     background: #f8f8ff url(/themes/console/images/i2psnark.png) 2px center no-repeat;
     487     background: rgba(248, 248, 255, 0.8) url(/themes/console/images/i2psnark.png) 2px center no-repeat;
    464488     background-size: 16px 16px;
    465489}
    466490
    467491#sb_services a[href="/i2psnark/"]:hover {
    468      background: #ffe url(/themes/console/images/i2psnark.png) left center no-repeat;
     492     background: #ffe url(/themes/console/images/i2psnark.png) 2px center no-repeat;
    469493     background-size: 16px 16px;
    470494     border-radius: 2px;
     
    472496
    473497#sb_services a[href="http://127.0.0.1:7658/"] {
    474      background: #fbfbfe url(images/server.png) left center no-repeat;
     498     background: #f8f8ff url(images/server.png) 2px center no-repeat;
     499     background: rgba(248, 248, 255, 0.8) url(images/server.png) 2px center no-repeat;
    475500}
    476501
    477502#sb_services a[href="http://127.0.0.1:7658/"]:hover {
    478      background: #ffe url(images/server.png) left center no-repeat;
     503     background: #ffe url(images/server.png) 2px center no-repeat;
    479504     border-radius: 2px;
    480505}
    481506
    482507#sb_services a[href="/orchid/"] {
    483      background: #fbfbfe url(images/flower.png) left center no-repeat;
     508     background: #f8f8ff url(images/flower.png) 2px center no-repeat;
     509     background: rgba(248, 248, 255, 0.8) url(images/flower.png) 2px center no-repeat;
    484510}
    485511
    486512#sb_services a[href="/orchid/"]:hover {
    487      background: #ffe url(images/flower.png) left center no-repeat;
     513     background: #ffe url(images/flower.png) 2px center no-repeat;
    488514     border-radius: 2px;
    489515}
    490516
    491517#sb_services a[href*="bote"] {
    492      background: #fbfbfe url(images/mail_black.png) left center no-repeat;
     518     background: #f8f8ff url(images/mail_black.png) 2px center no-repeat;
     519     background: rgba(248, 248, 255, 0.8) url(images/mail_black.png) 2px center no-repeat;
    493520}
    494521
    495522#sb_services a[href*="bote"]:hover {
    496      background: #ffe url(images/mail_black.png) left center no-repeat;
     523     background: #ffe url(images/mail_black.png) 2px center no-repeat;
    497524     border-radius: 2px;
    498525}
     
    551578     box-shadow: inset 0 0 0 1px rgba(255,0,0,0.3), 0 0 1px rgba(96,96,96,0.5);
    552579     background: repeating-linear-gradient(135deg, rgba(255,100,100,0.1) 2px, rgba(255,200,200,0.3) 3px,  rgba(255,100,100,0.1) 5px);
    553      border: 1px dotted #d33;
    554580}
    555581
     
    568594
    569595.routersummary .vmcomm {
    570      border: 1px dotted #999;
     596     border: 1px dotted #999daf;
    571597}
    572598
     
    670696/* end tunnel build status */
    671697
    672 .newsheadings {
    673      text-align: right;
    674      margin: -5px 0 -3px 8px;
    675 }
    676 
    677 .newsheadings li {
    678      list-style: none outside url(images/newsbullet_mini.png);
    679      margin: 4px -4px 2px 10px;
    680      line-height: 120%;
    681 }
    682 
    683 .newsheadings li:first-child {
    684      margin-top: 0;
    685 }
    686 
    687 .refresh {
    688      padding: 1px 0 0 0 !important;
    689 }
    690 
    691 .routersummary p {
    692      padding: 0;
    693 }
    694 
     698/* sidebar news */
     699
     700.sb_newsheadings {
     701     margin: -5px 0 0 8px;
     702}
     703
     704.sb_newsheadings table {
     705     table-layout: auto;
     706     width: 202px !important;
     707     margin: -12px 0 -8px -14px;
     708}
     709
     710.sb_newsheadings td a {
     711     padding: 2px 0 !important;
     712     display: inline-block;
     713     width: 100%;
     714}
     715
     716.sb_newsheadings a {
     717     display: inline-block;
     718     margin: -1px 0 -2px;
     719}
     720
     721.sb_newsheadings td {
     722     background: url(images/newsbullet_mini.png) 2px 7px no-repeat !important;
     723     padding-left: 19px !important;
     724     border-bottom: 1px dotted #ddf !important;
     725     padding: 6px 1px;
     726     text-align: left;
     727     line-height: 100%;
     728}
     729
     730.sb_newsheadings tr:hover td {
     731     background: url(images/newsbullet_mini.png) 2px 7px no-repeat #ffe !important;
     732     background-blend-mode: luminosity;
     733}
     734
     735@media screen and (-webkit-min-device-pixel-ratio:0) {
     736.sb_newsheadings table {
     737     width: 202px !important;
     738     margin-bottom: -10px;
     739}
     740
     741.sb_newsheadings td, .sb_newsheadings tr:hover td {
     742     background-position: 2px 6px !important;
     743}
     744}
     745
     746.sb_newsheadings tr:last-child td {
     747     border-bottom: none !important;
     748}
     749
     750/* end sidebar news */
    695751/* end sidebar */
    696752
     
    705761     border: 1px solid #447;
    706762     border-radius: 2px;
    707      background: #fff;
     763     background: #f8f8ff;
    708764     width: 185px;
    709765     box-shadow: inset 0 0 0 1px #bbf;
    710 }
    711 
    712 .logo:not(old) {
    713      background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.3)), url(images/noise.png) #fff;
    714      background-size: 100% 100%, 50px 50px;
    715766}
    716767
     
    738789     margin: 16px 12px 30px 232px;
    739790     padding: 10px 25px 20px 75px;
    740      background: #fff;
     791     background: #fafaff;
    741792     border: 1px solid #447;
    742      color: #333;
     793     color: #33333f;
    743794     border-radius: 2px;
    744795     text-align: justify;
     
    752803
    753804.warning:not(old) {
    754      background: url("/themes/console/images/itoopie_sm.png") no-repeat scroll 10px center, linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.3)), url(images/noise.png) #fff;
    755      background-size: 54px auto, 100% 100%, 50px 50px;
     805     background: url(/themes/console/images/itoopie_sm.png) no-repeat scroll 10px center, linear-gradient(to bottom, rgba(248,248,255,0.8), rgba(240,240,255,0.8)) #f8f8ff;
     806     background-size: 54px auto, 100% 100%;
    756807     background-position: 10px calc(50% + 16px);
    757808}
     
    805856     margin: 114px 5px 0 !important;
    806857     background: #fff !important;
    807      background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.3)), url(images/noise.png) #fff !important;
    808      background-size: 100% 100%, 50px 50px !important;
     858     background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.3)) #f8f8ff !important;
    809859     padding-left: 25px !important;
    810860}
     
    947997#jumplinks h4 {
    948998     margin-bottom: 10px;
    949      border-color: #113;
    950      color: #333;
     999     border-color: #41465f;
     1000     color: #41465f;
    9511001}
    9521002
     
    9691019     border-radius: 0 0 2px 2px;
    9701020     text-align: justify;
    971      background: #fffff9 url(/themes/console/images/info/errortriangle.png) 20px center no-repeat;
     1021     background: #fafaff url(/themes/console/images/info/errortriangle.png) 16px 40% no-repeat;
     1022     background: url(/themes/console/images/info/errortriangle.png) 16px 40% no-repeat, linear-gradient(to top, rgba(224, 224, 255, 0.5), #fafaff), repeating-linear-gradient(135deg, #fff 2px, rgba(221, 221, 255, 1) 3px, #fafaff 5px);
    9721023     box-shadow: inset 0 0 1px #f00;
    9731024     word-wrap: break-word;
    9741025     font-weight: bold;
    975      color: #531;
    976      min-width: 455px;
    977 }
    978 
    979 .sorry hr {
    980      color: #531;
    981      background: #531;
     1026     min-width: 481px;
     1027}
     1028
     1029.sorry hr, .sorry hr:last-child {
     1030     color: #558;
     1031     background: #558;
    9821032     height: 1px;
    983      border: 1px solid #531;
     1033     border-top: 1px solid #558;
    9841034     margin: 10px 0 !important;
     1035}
     1036
     1037#warning2 {
     1038     min-width: 536px;
     1039     margin-top: -25px;
     1040     margin-bottom: 5px;
     1041     padding: 20px 20px 5px;
     1042     background: #fafaff;
     1043     background: linear-gradient(to bottom, rgba(252, 252, 255, 0.8), rgba(252, 252, 255, 0.5)) #fafaff;
     1044     color: #33333f;
     1045     font-weight: normal;
     1046}
     1047
     1048#warning2 h3 {
     1049     margin: -21px -19px 5px;
     1050     padding: 8px 10px;
     1051     border-width: 1px;
     1052     border-left: none;
     1053     border-right: none;
     1054     border-radius: 0;
     1055}
     1056
     1057#warning2 p:first-of-type {
     1058     font-weight: bold;
     1059     color: #41465f;
     1060}
     1061
     1062#warning2 p + h3 {
     1063     margin-top: -10px !important;
     1064}
     1065
     1066#warning2 b {
     1067     display: inline-block;
     1068     min-width: 140px;
     1069     margin-right: 5px;
     1070     text-align: right;
     1071}
     1072
     1073/* end console error messages */
     1074
     1075/* main content div & variations */
     1076
     1077.main, .routersummary, .logo {
     1078     background: #f8f8ff !important;
     1079     background: linear-gradient(to bottom, rgba(248,248,255,0.5), rgba(240,240,255,0.5)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) #fafaff !important;
    9851080}
    9861081
     
    9891084     padding: 0 15px 10px 15px;
    9901085     text-align: left;
    991      color: #333;
     1086     color: #33333f;
    9921087     width: auto;
    9931088     min-width: 546px;
     
    9951090     border-radius: 0 0 2px 2px;
    9961091     box-shadow: inset 0 0 0 1px #bbf;
    997      background: #fff;
    998      background: linear-gradient(to right, #fff, #f7f8ff, #fff);
    999      background-size: 100% 100%;
    1000      filter: drop-shadow(0 1px 1px #999);
     1092     filter: drop-shadow(0 1px 1px #999daf);
    10011093}
    10021094
     
    10051097}
    10061098
     1099.main#console {
     1100     box-shadow: inset 0 0 0 1px #bbf !important;
     1101}
     1102
     1103.news, .main#news, .main#proof, .main#oldconsole, #warning2 {
     1104     background: #f8f8ff url(/themes/snark/ubergine/images/hat.png) no-repeat scroll right bottom;
     1105     background: linear-gradient(to bottom, rgba(248,248,255,0.5), rgba(240,240,255,0.5)), url(/themes/snark/ubergine/images/hat.png) no-repeat right bottom, repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) #f8f8ff !important;
     1106     background-size: 100% 100%, auto 160px, 100% 100% !important;
     1107}
     1108
     1109.main#news {
     1110     padding: 3px 15px 5px;
     1111}
     1112
     1113.news#news {
     1114     margin: -12px 0 5px 214px;
     1115     padding: 5px 15px 12px;
     1116     border: 1px solid #447;
     1117     color: #224;
     1118     border-radius: 0 0 2px 2px;
     1119     text-align: right !important;
     1120     font-size: 8pt;
     1121     line-height: 140%;
     1122     box-shadow: inset 0 0 0 1px #bbf;
     1123     min-width: 546px;
     1124     filter: drop-shadow(0 1px 1px #999daf);
     1125}
     1126
     1127.main#proof, .main#oldconsole {
     1128     background-size: 100% 100%, auto 70%, 100% 100% !important;
     1129}
     1130
     1131.main#torrents {
     1132     padding: 0;
     1133     min-width: 576px;
     1134}
     1135
     1136#i2psnarkframe {
     1137     margin: 0;
     1138}
     1139
     1140.main#webmail {
     1141     padding: 0 8px;
     1142}
     1143
     1144#susimailframe {
     1145     margin-top: 3px;
     1146}
     1147
     1148.main#dns {
     1149     padding: 0;
     1150     min-width: 576px;
     1151}
     1152
     1153#susidnsframe {
     1154     margin: 0 0 -2px;
     1155     height: 100%;
     1156     width: 100%;
     1157     overflow: hidden;
     1158}
     1159
     1160.main#tunnelmgr {
     1161     padding: 0 10px;
     1162     min-width: 556px;
     1163}
     1164
     1165#i2ptunnelframe {
     1166     margin: -4px 0 -1px;
     1167     overflow: hidden;
     1168}
     1169
     1170.main#embedded {
     1171     padding: 1px 11px 4px;
     1172}
     1173
     1174/* end main content div & variations */
     1175
    10071176.main li:first-child {
    10081177     margin-top: 10px;
    1009 }
    1010 
    1011 .main#debug {
    1012      background: #fff;
    1013 }
    1014 
    1015 .main#debug li:first-child {
    1016      margin-top: 0 !important;
    1017 }
    1018 
    1019 .main#debug table:first-of-type td:first-child {
    1020      font-weight: bold;
    1021 }
    1022 
    1023 .main#debug table:first-of-type td:last-child {
    1024      text-align: left;
    1025 }
    1026 
    1027 .main#debug td:first-child, .main#debug th:first-child {
    1028      padding-left: 10px;
    1029 }
    1030 .main#debug td:last-child {
    1031      text-align: right;
    1032      vertical-align: top;
    1033 }
    1034 
    1035 .main#debug ul li {
    1036      list-style: none;
    1037      margin-left: 0;
    1038      padding: 0;
    1039 }
    1040 
    1041 .main#debug h2 {
    1042      border-radius: 0;
    1043      padding: 8px 10px;
    1044 }
    1045 
    1046 .main#debug h3 {
    1047      border-radius: 0;
    1048 }
    1049 
    1050 .main#debug table {
    1051      filter: drop-shadow(0 0 1px #ccc);
    1052 }
    1053 
    1054 .main#debug h2 + table {
    1055      margin-top: -16px;
    1056 }
    1057 
    1058 .main#debug hr {
    1059      display: none;
    10601178}
    10611179
     
    10731191
    10741192.main textarea {
    1075      background: #fff;
    1076      color: #001;
     1193     color: #33333f;
    10771194     font: 9pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    10781195     margin: 5px 0;
     
    10821199td.tabletextarea {
    10831200     padding: 0 !important;
    1084      background: #fff;
    1085 }
    1086 
    1087 textarea[id="advancedsettings"] {
     1201     background: #fafaff;
     1202}
     1203
     1204textarea[id="advancedsettings"]:focus {
     1205     background: #fff !important;
     1206     color: #19191f;
     1207     border-radius: 0 !important;
     1208}
     1209
     1210textarea[id="advancedsettings"], textarea[id="advancedsettings"][disabled]:focus {
     1211     background: #f8f8ff !important;
    10881212     width: 99% !important;
    10891213     width: calc(100% - 3px) !important;
     
    10951219     filter: none !important;
    10961220     font-size: 9pt;
     1221     color: #33333f;
    10971222}
    10981223
     
    11211246
    11221247/* news */
    1123 
    1124 div.news {
    1125      margin: -12px 0 5px 214px;
    1126      padding: 5px 15px 12px;
    1127      border: 1px solid #447;
    1128      color: #224;
    1129      border-radius: 0 0 2px 2px;
    1130      text-align: right !important;
    1131      font-size: 8pt;
    1132      line-height: 140%;
    1133      box-shadow: inset 0 0 0 1px #bbf;
    1134      background: #fff url(/themes/snark/ubergine/images/hat.png) no-repeat scroll right bottom;
    1135      background: url(/themes/snark/ubergine/images/hat.png) no-repeat scroll right bottom, linear-gradient(to right, #fff, #f7f8ff, #fff);
    1136      min-width: 546px;
    1137      filter: drop-shadow(0 1px 1px #999);
    1138 }
    11391248
    11401249.news hr {
     
    11931302#newsStatus, #newsDisplay {
    11941303     display: inline-block;
     1304     color: #41465f;
     1305}
     1306
     1307#newsStatus, .news #newsDisplay {
     1308     padding-top: 3px !important;
    11951309}
    11961310
     
    11991313}
    12001314
    1201 #newsStatus {
     1315hr + #newsStatus, hr + #newsStatus + #newsDisplay {
     1316     padding-top: 1px !important;
     1317}
     1318
     1319#news #newsStatus {
    12021320     float: left;
    12031321     text-align: justify;
     
    12181336     font-size: 8pt !important;
    12191337     display: inline-block;
    1220      opacity: 0.8;
     1338     opacity: 0.9;
    12211339     letter-spacing: 0.1em !important;
    12221340     text-transform: none;
     
    12241342
    12251343.newsDate {
    1226      opacity: 0.8;
     1344     opacity: 0.9;
    12271345     margin-right: 1px;
    12281346}
    12291347
    1230 .main#news {
    1231      padding: 3px 15px 5px;
    1232      background: #fff url(/themes/snark/ubergine/images/hat.png) no-repeat scroll right bottom;
    1233      background: url(/themes/snark/ubergine/images/hat.png) no-repeat scroll right bottom, linear-gradient(to right, #fff, #f7f8ff, #fff);
    1234 }
    1235 
    12361348div.news h3, #news h3 {
    1237      background: url(images/news.png) 8px center no-repeat #fff !important;
    1238      background: url(images/news.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(to right, #fff 5%, rgba(231, 231, 255, 0.8)) 15% !important;
     1349     background: url(images/news.png) 8px center no-repeat #fcfcff !important;
     1350     background: url(images/news.png) 8px center no-repeat, 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)) 15% !important;
    12391351     text-align: left;
    12401352     padding: 5px 10px 5px 30px;
     
    12731385}
    12741386
    1275 #news {
    1276      background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.3)), url(/themes/snark/ubergine/images/hat.png) bottom right no-repeat, url(images/noise.png) #fff !important;
    1277      background-size: 100% 100%, 140px auto, 50px 50px !important;
    1278 }
    1279 
    12801387/* end news */
    1281 
    1282 .main#torrents {
    1283      padding: 0 10px;
    1284      min-width: 576px;
    1285 }
    1286 
    1287 .main, .routersummary, .logo {
    1288      background: #fff url(images/noise.png) 0 0 / 50px 50px !important;
    1289      background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5)) 0 0 / 100% 100%, #fff url("images/noise.png") 0 0 / 50px 50px !important;
    1290 }
    12911388
    12921389/* top navigation */
     
    12981395.confignav, .main#help div.confignav {
    12991396     padding: 8px;
    1300      margin: -1px -16px 5px -16px;
     1397     margin: -1px -15px 5px -15px;
    13011398     border: 1px solid #7778bf;
     1399     border-left: none;
     1400     border-right: none;
    13021401     box-shadow: inset 0 0 0 1px #bbf;
    13031402     font-size: 9pt;
    13041403     text-align: center;
    13051404     font-weight: bold;
    1306      color: #000;
    1307      background: linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.6) 52%, rgba(240, 240, 240, 0.4)) #efefff !important;
    1308      background: linear-gradient(to right, rgba(255,255,255,0.7), rgba(255,255,255,0) 15%, rgba(255,255,255,0) 85%, rgba(255,255,255,0.7)), linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.6) 52%, rgba(240, 240, 240, 0.4)) #efefff !important;
     1405     color: #33333f;
     1406     background: linear-gradient(to bottom, #fbfbff 50%, rgba(248,248,255,0.6) 50%), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) #fafaff !important;
    13091407}
    13101408
     
    13611459
    13621460@media screen and (min-width: 1400px) {
    1363 #help .confignav {
     1461#help .confignav, #debug .confignav {
    13641462     position: sticky;
    13651463     top: -1px;
     
    13711469
    13721470.th_title a, .th_title a:hover {
    1373      color: #31334f !important;
     1471     color: #41465f !important;
    13741472}
    13751473
     
    13821480     border: 1px solid #7778bf;
    13831481     border-left: 5px solid #7778bf;
    1384      padding: 5px;
    13851482     margin: 15px 0 15px 0;
    13861483     border-radius: 0 2px 2px 0;
     
    14271524     vertical-align: text-top;
    14281525     cursor: help;
    1429      filter: hue-rotate(-20deg) saturate(200%) drop-shadow(0 0 1px #999);
     1526     filter: hue-rotate(-20deg) saturate(200%) drop-shadow(0 0 1px #999daf);
     1527     mix-blend-mode: luminosity;
    14301528}
    14311529
     
    14411539     display: inline-block;
    14421540     border: 1px solid #7789bf;
    1443      background: #fff;
     1541     background: #fafaff;
    14441542     padding: 10px 0 0 10px;
    14451543     width: calc(100% - 12px);
     
    14511549     margin: -16px 0 5px;
    14521550     padding: 5px 10px;
    1453      background: #fff;
     1551     background: #fafaff;
    14541552     background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.5) 2px, rgba(240, 240, 255, 0.3) 3px, #fff 5px);
    14551553}
     
    14951593     float: right;
    14961594     padding: 0;
    1497      filter: drop-shadow(0 0 1px #999);
     1595     filter: drop-shadow(0 0 1px #999daf);
    14981596}
    14991597
     
    15551653#configstats td:first-child:empty + td > label { /* remove pointer from inert labels */
    15561654     cursor: text;
    1557      color: #333;
     1655     color: #33333f;
    15581656}
    15591657
     
    16231721
    16241722.graphspanel img {
    1625      border: 1px solid #7778bf;
    16261723     padding: 2px;
    16271724     margin: 6px;
    16281725     text-align: center !important;
    16291726     vertical-align: top !important;
    1630      background: #001;
    1631      box-shadow: inset 0 0 1px 1px #99f;
     1727     background: #41465f;
     1728     box-shadow: inset 0 0 0 1px #ccf;
    16321729     max-width: 98%;
    16331730}
     
    17381835     border: 1px solid #7778bf;
    17391836     background: #eef;
    1740      background: url(/themes/snark/ubergine/images/hat.png) bottom right no-repeat, linear-gradient(to right, #fff, #eef);
     1837     background: url(/themes/snark/ubergine/images/hat.png) bottom right no-repeat, linear-gradient(to right, #fafaff, #eef);
    17411838     background-size: auto 100%, 100% 100%;
    17421839     font-weight: bold;
    17431840     box-shadow: inset 0 0 0 1px #fff;
    17441841     line-height: 130%;
    1745      filter: drop-shadow(0 0 1px #ccc);
     1842     filter: drop-shadow(0 0 1px #ccf);
    17461843}
    17471844
    17481845.main#config_update .messages {
    1749      background: url(/themes/console/images/info/newspaper.png) 12px center no-repeat, url(/themes/snark/ubergine/images/hat.png) bottom right no-repeat, linear-gradient(to right, #fff, #eef);
     1846     background: url(/themes/console/images/info/newspaper.png) 12px center no-repeat, url(/themes/snark/ubergine/images/hat.png) bottom right no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    17501847     padding: 15px 15px 15px 50px;
    17511848     background-size: 28px 28px, auto 100%, 100% 100% !important;
     
    18011898     margin: 1px 0 5px 0;
    18021899     font-size: 9pt;
    1803      background: #fff;
     1900     background: #fafaff;
    18041901}
    18051902
     
    18161913     text-align: right;
    18171914     padding: 5px !important;
    1818      background: #fff;
     1915     background: #fafaff;
    18191916     border-top: 1px solid #7778bf !important;
    18201917}
    18211918
    18221919td.optionsave, .formaction, form[action="configpeer"] tr:last-child td, table#addkeyring tr:last-child td {
    1823      background: linear-gradient(to bottom, #fff 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) !important;
     1920     background: 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) !important;
    18241921}
    18251922
    18261923#pluginupdater {
    18271924     padding: 15px 5px 15px 50px;
    1828      background: url(/themes/console/images/info/update.png) 12px center no-repeat, linear-gradient(to bottom, #fff 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) !important;
     1925     background: url(/themes/console/images/info/update.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) !important;
    18291926     background-size: 28px 28px, 100% 100% !important;
    18301927}
     
    18401937td.infohelp, #help tr:hover td.infohelp, #eventlog tr:hover .infohelp {
    18411938     background: #fff url(/themes/console/images/info/infohelp.png) 12px center no-repeat;
     1939     background: url(/themes/console/images/info/infohelp.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    18421940     padding: 15px 15px 15px 50px;
    18431941     border-bottom: 1px solid #7778bf !important;
     
    18481946td.infowarn, #help tr:hover td.infowarn {
    18491947     background: #fff url(/themes/console/images/info/infowarn.png) 12px center no-repeat;
     1948     background: url(/themes/console/images/info/infowarn.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    18501949     padding: 15px 15px 15px 50px !important;
    18511950     border-bottom: 1px solid #7778bf !important;
     
    18841983
    18851984#logs table[id$="logs"] tr:first-child td, .subheading {
    1886      background: linear-gradient(45deg, #fff, #eef) !important;
     1985     background: linear-gradient(45deg, #fcfcff, #eef) !important;
    18871986     box-shadow: inset 0 0 0 1px #fff;
    18881987}
     
    19032002
    19042003#logs ul {
    1905      margin-left: 0;
    1906      margin-right: -26px;
     2004     margin: -3px -26px -3px 0;
    19072005     display: inline-block;
    19082006     word-break: break-all;
     
    19162014     display: inline-block;
    19172015     width: calc(100% - 48px);
     2016     padding-top: 1px !important;
    19182017}
    19192018
     
    19232022     border-top: 1px dotted #ddf;
    19242023     width: 100%;
    1925      margin: 5px 0 0;
     2024     margin: 2px 0 -3px;
    19262025}
    19272026
     
    19902089     border-top: 1px inset transparent;
    19912090     border-bottom: 1px inset transparent;
     2091     color: #19191f;
    19922092}
    19932093
     
    19982098     white-space: nowrap;
    19992099     padding-left: 10px;
     2100}
     2101
     2102#enviro:hover td:first-child b {
     2103     color: #26262f !important;
    20002104}
    20012105
     
    20342138th {
    20352139     padding: 6px 5px;
    2036      color: #31334f;
     2140     color: #41465f;
    20372141     background: #eef url(images/header.png) center center repeat-x;
    20382142     background: linear-gradient(to bottom, #fff 50%, rgba(238, 238, 255, 0.2) 50%, #eef 100%) !important;
     
    20422146     border-bottom: 1px solid #7778bf !important;
    20432147     border-top: 1px solid #7778bf !important;
     2148     vertical-align: middle;
     2149}
     2150
     2151th img[src="/themes/console/images/outbound.png"] {
     2152     vertical-align: middle;
     2153}
     2154
     2155th img[src="/themes/console/images/outbound.png"] {
     2156     vertical-align: text-top;
    20442157}
    20452158
     
    20482161}
    20492162
     2163.main[id^="config_"] th:first-child {
     2164     padding-left: 10px;
     2165}
     2166
    20502167tr {
    20512168     vertical-align: middle !important;
     
    20542171tr:nth-child(even), pre#transports {
    20552172     background: #efefff;
    2056      background: repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(240, 240, 255, 0.3) 3px, #fff 5px), #fff;
     2173     background: repeating-linear-gradient(135deg, rgba(252,252,255,0.5) 2px, rgba(240, 240, 255, 0.3) 3px, #fafaff 5px) #fafaff;
    20572174}
    20582175
    20592176tr:nth-child(odd) {
    20602177     background: #f7f8ff;
    2061      background: repeating-linear-gradient(45deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px), #fff;
     2178     background: repeating-linear-gradient(45deg, rgba(255,255,255,0.5) 2px, rgba(200, 200, 255, 0.3) 3px, #fafaff 5px), #fafaff;
    20622179}
    20632180
    20642181tr th {
    20652182     background: #eef url(images/header.png) center center repeat-x;
    2066      background: linear-gradient(to bottom, #fff 50%, rgba(238, 238, 255, 0.2) 50%, #eef 100%) #fff !important;
     2183     background: linear-gradient(to bottom, #fafaff 50%, rgba(252, 252, 255, 0.8) 50%, #e2e2ff 100%) #fafaff !important;
    20672184}
    20682185
    20692186td {
    20702187     padding: 3px 5px;
    2071      color: #333;
     2188     color: #33333f;
    20722189     vertical-align: middle;
    20732190     border-top: 1px inset #ddf;
    20742191     border-bottom: 1px inset #ddf;
     2192}
     2193
     2194#floodfillconfig tr:nth-child(2) td {
     2195     padding: 8px 10px 8px 18px;
     2196}
     2197
     2198#floodfillconfig tr:nth-child(2) b {
     2199     margin-right: 10px;
    20752200}
    20762201
     
    20972222
    20982223#netconfig tr {
    2099      background: #fff;
     2224     background: #fafaff;
    21002225     background: repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(240, 240, 255, 0.3) 3px, #fff 5px);
    21012226}
     
    21352260     width: calc(100% - 44px);
    21362261     border-radius: 2px;
    2137      color: #31334f;
     2262     color: #41465f;
    21382263}
    21392264
    21402265h4.app {
    2141      background: url(/themes/console/images/eepsite.png) 10px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(to right, #fff 5%, rgba(231, 231, 255, 0.8) 25%) !important;
     2266     background: url(/themes/console/images/eepsite.png) 10px center no-repeat, linear-gradient(to bottom, #fff 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%) #f8f8ff !important;
    21422267     background-size: 16px 16px, 100% 100%, 100% 100% !important;
    21432268     margin-top: 15px;
     
    21472272     clear: left;
    21482273     margin-top: 10px !important;
    2149      background: url(images/globe.png) 10px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(to right, #fff 5%, rgba(231, 231, 255, 0.8) 25%) !important;
     2274     background: url(images/globe.png) 10px center no-repeat, linear-gradient(to bottom, #fff 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%) #f8f8ff !important;
    21502275     background-size: 16px 16px, 100% 100%, 100% 100% !important;
    21512276}
     
    22262351     border: 1px solid #7778bf;
    22272352     background: none;
    2228      background: linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) !important;
     2353     background: linear-gradient(to bottom, #fafaff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) !important;
    22292354     padding: 8px;
    22302355     width: 70%;
     
    22322357     margin-right:auto;
    22332358     margin-top: -19px;
    2234      box-shadow: 0 1px 1px 1px rgba(200, 200, 200, 0.3);
     2359     box-shadow: 0 1px 1px 1px rgba(210, 210, 255, 0.3);
    22352360}
    22362361
     
    22812406     padding: 6px;
    22822407     padding: 10px 60px;
    2283      filter: drop-shadow(0 0 1px #ccc);
     2408     filter: drop-shadow(0 0 1px #ccf);
    22842409     opacity: 0.9;
    22852410}
     
    23302455
    23312456tt, code {
    2332      font: bold 9pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace !important;
     2457     font: bold 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    23332458     color: #050;
    23342459}
     
    23482473}
    23492474
    2350 .main li b, .statlist b a:hover {
    2351      color: #335 !important;
     2475.statlist b a:hover {
     2476     color: #41465f !important;
    23522477}
    23532478
     
    24122537}
    24132538
    2414 a:visited {
     2539a:visited, .tab a {
    24152540     color: #2c4e8f;
    24162541     text-decoration: none;
     
    24472572.links code, #console code {
    24482573     color: #910;
     2574     font-size: 8pt !important;
     2575     font-weight: bold;
    24492576}
    24502577
     
    24582585     padding: 15px 15px 15px 50px;
    24592586     background: #fff url(/themes/console/images/info/infohelp.png) 12px center no-repeat;
     2587     background: url(/themes/console/images/info/infohelp.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    24602588     line-height: 130%;
    24612589}
     
    24642592p#sybilinfo, p#debugmode, #config_family p.infohelp, p#profiles_overview, p#gatherstats {
    24652593     border-radius: 2px;
    2466      filter: drop-shadow(0 0 1px #ccc);
     2594     filter: drop-shadow(0 0 1px #ccf);
    24672595}
    24682596
     
    24752603}
    24762604
     2605#profiles .tunnel_peer {
     2606     margin-left: -6px;
     2607}
     2608
     2609#profiles .tunnel_peer img {
     2610     margin-left: -6px;
     2611}
     2612
    24772613.infohelp + hr {
    24782614     display: none;
     
    24802616
    24812617#bugreports {
     2618    padding: 10px 0 10px 10px;
    24822619    border-collapse: separate;
    24832620    border-radius: 2px;
    2484     filter: drop-shadow(0 0 1px #ccc)
     2621    filter: drop-shadow(0 0 1px #ccf);
     2622    background: linear-gradient(135deg, #fafaff, #f8f8ff);
     2623}
     2624
     2625#bugreports tr {
     2626     background: transparent
    24852627}
    24862628
    24872629#bugreports td.infohelp {
    24882630     background: #fff url(/themes/console/images/info/bugreport.png) no-repeat left center !important;
     2631     background: url(/themes/console/images/info/bugreport.png) no-repeat left center !important;
    24892632     padding: 10px 15px 10px 40px;
    24902633     background-size: 28px 28px;
     
    24962639     padding: 15px 15px 15px 50px;
    24972640     background: #fff url(/themes/console/images/info/debug.png) 12px center no-repeat;
     2641     background: url(/themes/console/images/info/debug.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    24982642     background-size: 28px 28px;
    24992643}
     
    25022646     padding: 15px 15px 15px 50px;
    25032647     background: #fff url(/themes/console/images/info/experimental.png) 12px center no-repeat;
     2648     background: url(/themes/console/images/info/experimental.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    25042649     background-size: 28px 28px;
    25052650     border-radius: 2px;
    2506      filter: drop-shadow(0px 0 1px #ccc);
     2651     filter: drop-shadow(0px 0 1px #ccf);
    25072652}
    25082653
     
    25112656     padding: 15px 15px 15px 50px;
    25122657     background: #fff url(/themes/console/images/info/infowarn.png) 10px center no-repeat;
     2658     background: url(/themes/console/images/info/infowarn.png) 10px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    25132659     line-height: 130%;
    25142660}
     
    25162662#bandwidthconfig tr:first-child .infohelp {
    25172663     background: #fff url(/themes/console/images/info/bandwidth.png) 12px center no-repeat;
     2664     background: url(/themes/console/images/info/bandwidth.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    25182665     padding: 15px 15px 15px 50px;
    25192666     background-size: 28px 28px;
     
    25222669#addkeyring td.infohelp {
    25232670     background: #fff url(/themes/console/images/info/keys.png) 12px center no-repeat;
     2671     background: url(/themes/console/images/info/keys.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    25242672     padding: 15px 15px 15px 50px;
    25252673     background-size: 28px 28px;
     
    25282676#joinfamily tr:nth-child(3) td:first-child {
    25292677     background: #fff url(/themes/console/images/info/key.png) 12px center no-repeat;
    2530      background: url(/themes/console/images/info/key.png) 12px center no-repeat, linear-gradient(to bottom, #fff 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;
     2678     background: url(/themes/console/images/info/key.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;
    25312679     padding: 15px 15px 15px 50px;
    25322680     background-size: 28px 28px, 100% 100%, 100% 100% !important;
     
    25342682
    25352683#joinfamily tr:nth-child(2) td {
    2536      background: #fff;
     2684     background: #fafaff;
     2685     background: linear-gradient(135deg, #fafaff, #f8f8ff);
    25372686     padding: 10px 15px;
    25382687}
     
    25402689#newfamily tr:last-child td:first-child {
    25412690     background: #fff url(/themes/console/images/info/label.png) 12px center no-repeat;
    2542      background: url(/themes/console/images/info/label.png) 12px center no-repeat, linear-gradient(to bottom, #fff 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;
     2691     background: url(/themes/console/images/info/label.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;
    25432692     padding: 15px 15px 15px 50px;
    25442693     background-size: 28px 28px, 100% 100%, 100% 100% !important;
     
    25472696#exportfamily tr:nth-child(2) td:first-child {
    25482697     background: url(/themes/console/images/info/export_key.png) 12px center no-repeat, #fff !important;
     2698     background: url(/themes/console/images/info/export_key.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff) !important;
    25492699     padding: 20px 15px 20px 50px;
    2550      background-size: 28px 28px;
     2700     background-size: 28px 28px, 100% 100%;
    25512701}
    25522702
     
    25572707#leavefamily tr:last-child td:first-child {
    25582708     background: #fff url(/themes/console/images/info/leave_family.png) 12px center no-repeat;
    2559      background: url(/themes/console/images/info/leave_family.png) 12px center no-repeat, linear-gradient(to bottom, #fff 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;
     2709     background: url(/themes/console/images/info/leave_family.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;
    25602710     padding: 15px 15px 15px 50px;
    25612711     background-size: 28px 28px;
     
    25642714#oldhome td:first-child {
    25652715     background: #fff url(/themes/console/images/info/home.png) 12px center no-repeat;
    2566      background: url(/themes/console/images/info/home.png) 12px center no-repeat, linear-gradient(to bottom, #fff 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;
     2716     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;
    25672717     padding: 15px 15px 15px 50px;
    2568      background-size: 28px 28px;
     2718     background-size: 28px 28px, 100% 100%, 100% 100%;
    25692719}
    25702720
     
    25752725#floodfillconfig tr:first-child .infohelp {
    25762726     background: #fff url(/themes/console/images/info/floodfill_32x32.png) 12px center no-repeat;
     2727     background: url(/themes/console/images/info/floodfill_32x32.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    25772728     padding: 15px 15px 15px 50px;
    2578      background-size: 28px 28px;
     2729     background-size: 28px 28px, 100% 100%;
    25792730}
    25802731
     
    25852736p#clientconf.infohelp, p#webappconfigtext.infohelp {
    25862737     background: #fff url(/themes/console/images/info/java_edit.png) 12px center no-repeat;
     2738     background: url(/themes/console/images/info/java_edit.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    25872739     padding: 15px 15px 15px 50px;
    2588      background-size: 28px 28px;
     2740     background-size: 28px 28px, 100% 100%;
    25892741}
    25902742
    25912743p#pluginconfigtext {
    25922744     background: #fff url(/themes/console/images/info/plugin_edit.png) 12px center no-repeat;
     2745     background: url(/themes/console/images/info/plugin_edit.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    25932746     padding: 15px 15px 15px 50px;
    2594      background-size: 28px 28px;
     2747     background-size: 28px 28px, 100% 100%;
    25952748}
    25962749
    25972750#plugininstall .infohelp {
    25982751     background: #fff url(/themes/console/images/info/plugin_link.png) 12px center no-repeat;
     2752     background: url(/themes/console/images/info/plugin_link.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    25992753     padding: 15px 15px 15px 50px;
    2600      background-size: 28px 28px;
     2754     background-size: 28px 28px, 100% 100%;
    26012755}
    26022756
    26032757#plugininstall tr:nth-child(3) td:nth-last-child(2), #manualreseed tr:nth-child(3) td:nth-last-child(2) {
    2604      background: #fff url(/themes/console/images/info/url.png) 12px center no-repeat;
    2605      background: url(/themes/console/images/info/url.png) 12px center no-repeat, linear-gradient(to bottom, #fff 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;
     2758     background: #fafaff url(/themes/console/images/info/url.png) 12px center no-repeat;
     2759     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;
    26062760     padding: 15px 15px 15px 50px;
    26072761     background-size: 28px 28px, 100% 100%, 100% 100% !important;
     
    26092763
    26102764#plugininstall tr:nth-child(3) td:nth-last-child(1), #manualreseed tr:nth-child(3) td:nth-last-child(1), #manualreseed tr:nth-child(5) td:nth-last-child(1) {
    2611      background: #fff;
     2765     background: #fafaff;
    26122766}
    26132767
     
    26182772
    26192773#manualreseed tr:nth-child(5) td:nth-last-child(2), #plugininstall tr:nth-child(5) td:nth-last-child(2) {
    2620      background: #fff url(/themes/console/images/info/from_file.png) 12px center no-repeat;
    2621      background: url(/themes/console/images/info/from_file.png) 12px center no-repeat, linear-gradient(to bottom, #fff 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;
     2774     background: #fafaff url(/themes/console/images/info/from_file.png) 12px center no-repeat;
     2775     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;
    26222776     padding: 15px 15px 15px 50px;
    26232777     background-size: 28px 28px, 100% 100%, 100% 100% !important;
     
    26252779
    26262780#manualreseed tr:nth-last-child(2) td.infohelp {
    2627      background: #fff url(/themes/console/images/info/box.png) 12px center no-repeat;
     2781     background: #fafaff url(/themes/console/images/info/box.png) 12px center no-repeat;
     2782     background: url(/themes/console/images/info/box.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    26282783     padding: 15px 15px 15px 50px;
    2629      background-size: 28px 28px;
     2784     background-size: 28px 28px, 100% 100%;
    26302785}
    26312786
    26322787#config_peers tr:nth-child(3) td.infohelp {
    2633      background: #fff url(/themes/console/images/info/blocked.png) 12px center no-repeat;
     2788     background: #fafaff url(/themes/console/images/info/blocked.png) 12px center no-repeat;
     2789     background: url(/themes/console/images/info/blocked.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    26342790     padding: 15px 15px 15px 50px;
    2635      background-size: 28px 28px;
     2791     background-size: 28px 28px, 100% 100%;
    26362792}
    26372793
    26382794h3#shutdownrouter + p.infohelp {
    2639      background: #fff url(/themes/console/images/info/power.png) 12px center no-repeat;
     2795     background: #fafaff url(/themes/console/images/info/power.png) 12px center no-repeat;
     2796     background: url(/themes/console/images/info/power.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    26402797     padding: 15px 15px 15px 50px;
    2641      background-size: 28px 28px;
     2798     background-size: 28px 28px, 100% 100%;
    26422799}
    26432800
    26442801h3#restartrouter + p.infohelp, #config_family .infohelp.needrestart {
    2645      background: #fff url(/themes/console/images/info/reboot.png) 12px center no-repeat;
     2802     background: url(/themes/console/images/info/reboot.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    26462803     padding: 15px 15px 15px 50px;
    2647      background-size: 28px 28px;
    2648 }
    2649 
    2650 h3#shutdownrouter, h3#systray {
    2651      margin-bottom: -15px;
     2804     background-size: 28px 28px, 100% 100%;
     2805}
     2806
     2807h3#shutdownrouter, h3#systray, h3#servicedebug {
     2808     margin-bottom: -13px;
    26522809}
    26532810
    26542811h3#systray + p.infohelp {
    2655      background: #fff url(/themes/console/images/info/systray.png) 12px center no-repeat;
     2812     background: #fafaff url(/themes/console/images/info/systray.png) 12px center no-repeat;
     2813     background: url(/themes/console/images/info/systray.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    26562814     padding: 15px 15px 15px 50px;
    2657      background-size: 28px 28px;
    2658 }
    2659 
    2660 h3#servicedebug {
    2661      margin-bottom: -15px;
     2815     background-size: 28px 28px, 100% 100%;
    26622816}
    26632817
    26642818h3#servicedebug + p.infohelp {
    2665      background: #fff url(/themes/console/images/info/debug.png) 12px center no-repeat;
     2819     background: #fafaff url(/themes/console/images/info/debug.png) 12px center no-repeat;
     2820     background: url(/themes/console/images/info/debug.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    26662821     padding: 15px 15px 15px 50px;
    2667      background-size: 28px 28px;
     2822     background-size: 28px 28px, 100% 100%;
    26682823}
    26692824
    26702825h3#browseronstart + p.infohelp {
    2671      background: #fff url(/themes/console/images/info/launch_browser.png) 12px center no-repeat;
     2826     background: #fafaff url(/themes/console/images/info/launch_browser.png) 12px center no-repeat;
     2827     background: url(/themes/console/images/info/launch_browser.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    26722828     padding: 15px 15px 15px 50px;
    2673      background-size: 28px 28px;
     2829     background-size: 28px 28px, 100% 100%;
    26742830}
    26752831
    26762832.main#config_reseed p.infohelp {
    2677      background: #fff url(/themes/console/images/info/connect.png) 12px center no-repeat;
     2833     background: #fafaff url(/themes/console/images/info/connect.png) 12px center no-repeat;
     2834     background: url(/themes/console/images/info/connect.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    26782835     padding: 15px 15px 15px 50px;
    2679      background-size: 28px 28px;
     2836     background-size: 28px 28px, 100% 100%;
    26802837}
    26812838
    26822839p#enablefullstats, p#gatherstats {
    2683      background: #fff url(/themes/console/images/info/statistics.png) 12px center no-repeat;
     2840     background: #fafaff url(/themes/console/images/info/statistics.png) 12px center no-repeat;
     2841     background: url(/themes/console/images/info/statistics.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    26842842     padding: 15px 15px 15px 50px;
    2685      background-size: 28px 28px;
     2843     background-size: 28px 28px, 100% 100%;
    26862844}
    26872845
    26882846#config_family .infohelp {
    2689       background: #fff url(/themes/console/images/info/family.png) 12px center no-repeat !important;
     2847      background: #fafaff url(/themes/console/images/info/family.png) 12px center no-repeat !important;
     2848      background: url(/themes/console/images/info/family.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff) !important;
    26902849      padding: 15px 15px 15px 50px !important;
    2691       background-size: 28px 28px !important;
     2850      background-size: 28px 28px, 100% 100% !important;
    26922851}
    26932852
    26942853/* stats page */
    2695 
    2696 p#gatherstats + form, ul.statlist {
    2697      border: 1px solid #7778bf;
    2698      padding: 10px;
    2699      background: #fff;
    2700 }
    27012854
    27022855.main#stats {
     
    27102863     margin-bottom: 4px;
    27112864     margin-top: -1px;
     2865}
     2866
     2867p#gatherstats + form, ul.statlist {
     2868     border: 1px solid #7778bf;
     2869     padding: 10px;
     2870     background: #fafaff;
     2871     background: linear-gradient(135deg, #fafaff, #f8f8ff);
    27122872}
    27132873
     
    28332993h1 {
    28342994     text-align: left;
    2835      color: #31334f;
     2995     color: #41465f;
    28362996     padding: 17px 15px 14px;
    28372997     margin: 0 0 10px 214px;
     
    28403000     letter-spacing: 0.12em;
    28413001     text-transform: uppercase;
     3002     text-shadow: 0 1px 1px #fff;
    28423003     box-shadow: inset 0 0 0 1px #bbf;
    28433004     white-space: normal;
    2844      background: #fff;
    2845      background: linear-gradient(to bottom, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.7) 50%),  url(images/noise.png) #fff !important;
    2846      background-size: 100% 100%, 50px 50px !important;
     3005     background: #fcfcff;
     3006     background: linear-gradient(135deg, #fcfcff, rgba(252,252,255,0) 600px), linear-gradient(to bottom, #fcfcff 50%, rgba(248,248,255,0.6) 50%), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) #fafaff !important;
    28473007     border: 1px solid #447;
    28483008     border-radius: 2px;
     
    28603020.newtab img {
    28613021     margin-top: -3px;
     3022     opacity: 0.8;
    28623023}
    28633024
     
    28683029h2 {
    28693030     font-size: 13pt;
    2870      color: #31334f;
     3031     color: #41465f;
    28713032     letter-spacing: 0.08em;
    28723033     word-spacing: 0.1em;
     
    29133074     border: 1px solid #7789bf;
    29143075     border-left: 5px solid #7789bf;
    2915      padding: 6px 5px 5px 7px;
     3076     padding: 7px 5px 6px 7px;
    29163077     margin: 12px 0 15px 0;
    29173078     border-radius: 0 2px 2px 0;
     
    29223083     letter-spacing: 0.08em;
    29233084     word-spacing: 0.1em;
    2924      color: #31334f;
     3085     color: #41465f;
    29253086     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc;
    29263087}
     
    29343095
    29353096h3.ptitle {
    2936      margin-bottom: -14px;
     3097     margin-bottom: -13px;
    29373098}
    29383099
     
    29423103
    29433104h2, h3 {
    2944      background: linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(to right, #fff 5%, rgba(231, 231, 255, 0.8) 25%) !important;
     3105     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;
    29453106}
    29463107
     
    30393200     background: #eef;
    30403201     background: linear-gradient(to right, #fff, #eef);
    3041      color: #31334f;
     3202     color: #41465f;
    30423203     box-shadow: inset 0 0 0 1px #fff;
    30433204}
     
    31013262/* welcome section */
    31023263
     3264div[lang="es"] li, div[lang="pt"] li, div[lang="sv"] li, div[lang="zh"] li {
     3265     margin-left: 15px;
     3266     margin-right: 15px;
     3267     list-style: none;
     3268     text-align: justify;
     3269}
     3270
     3271@media screen and (-webkit-min-device-pixel-ratio:0) {
     3272div[lang="es"] li, div[lang="pt"] li, div[lang="sv"] li, div[lang="zh"] li {
     3273     margin-left: 25px;
     3274}
     3275}
     3276
     3277div[lang="es"] .twocol, div[lang="pt"] .twocol, div[lang="sv"] .twocol, div[lang="zh"] .twocol {
     3278     margin-left: 25px;
     3279}
     3280
     3281div[lang="sv"] li::first-letter {
     3282     text-transform: uppercase !important;
     3283}
     3284
     3285div[lang="de"] .links li {
     3286     padding-left: 0;
     3287}
     3288
    31033289.langbox {
    31043290     margin: 3px 1px 0 5px;
    31053291     padding: 2px 3px;
    3106      color: #001;
    31073292     font-size: 7pt;
    31083293     width: 360px;
     
    31773362
    31783363input.search[type="text"] {
    3179      background: #fff url(/themes/console/images/buttons/search.png) no-repeat 4px center;
     3364     background: #f8f8ff url(/themes/console/images/buttons/search.png) no-repeat 4px center !important;
    31803365     padding: 4px 3px 4px 22px;
    31813366     background-size: 16px 16px !important;
     
    31843369
    31853370input.search[type="text"]:focus {
     3371     background: #fff url(/themes/console/images/buttons/search.png) no-repeat 4px center !important;
    31863372     background-blend-mode: normal;
    31873373}
    31883374
    31893375input, input:visited, button, button:visited {
    3190      border: 1px solid #999;
     3376     border: 1px solid #999daf;
    31913377     box-shadow: inset 0 0 0 1px #fff;
    31923378     background: #eee;
    31933379     background: linear-gradient(to bottom, #fff, #ddd);
    3194      color: #333;
     3380     color: #41465f;
    31953381     margin: 3px;
    31963382     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif;
     
    32003386     opacity: 1;
    32013387     background-size: 14px auto, 100% 100% !important;
    3202      filter: saturate(70%) drop-shadow(0 0 1px rgba(204, 204, 204, 0.6));
     3388     filter: drop-shadow(0 0 1px #ccf);
     3389}
     3390
     3391input[type="text"], textarea, input[type="password"] {
     3392     filter: drop-shadow(0 0 1px #ccf);
     3393}
     3394
     3395input[type="submit"], input[type="reset"], button {
     3396     filter: saturate(70%) drop-shadow(0 0 1px #ccf);
    32033397}
    32043398
     
    35463740.routersummary .reload:hover, .routersummary .reload:focus {
    35473741     background: url(/themes/console/images/buttons/restart_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff) !important;
     3742     background: url(/themes/console/images/buttons/shutdown_hover.png) 37% center no-repeat, url(/themes/console/images/buttons/restart_hover.png) 63% center no-repeat,  linear-gradient(to bottom, #ddd, #fff) !important;
    35483743     border: 1px solid #f60;
    35493744}
     
    36393834
    36403835input[type="text"], input[type="password"] {
     3836     background: #f8f8ff;
     3837     box-shadow: inset 1px 1px 1px rgba(204, 204, 204, 0.6);
     3838     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif;
     3839}
     3840
     3841input[name="refreshInterval"] {
     3842     text-align: right;
     3843     min-width: 80px;
     3844     width: 80px;
     3845}
     3846
     3847input[type="text"]:focus, input[type="password"]:focus {
    36413848     background: #fff;
    3642      box-shadow: inset 2px 2px 1px rgba(204, 204, 204, 0.6);
    3643      font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif;
    3644 }
    3645 
    3646 input[type="text"]:focus, input[type="password"]:focus {
    36473849     box-shadow: none;
    36483850     filter: drop-shadow(0 0 1px #89f);
    3649      color: #000;
     3851     color: #19191f;
     3852     border: 1px solid #676c7f;
    36503853}
    36513854
     
    36603863     background: none;
    36613864     box-shadow: none;
     3865     cursor: pointer;
    36623866}
    36633867
     
    36753879     box-shadow: none;
    36763880     cursor: pointer;
     3881     filter: sepia(100%) hue-rotate(185deg) drop-shadow(0 0 1px #ccf);
    36773882}
    36783883
     
    36803885input[type="checkbox"]:focus, input[type="radio"]:focus {
    36813886     outline: none;
    3682      filter: drop-shadow(0 0 3px #89f);
    36833887     min-height: 16px;
    36843888     height: 16px;
     
    36873891     opacity: 1.0;
    36883892     border: 0;
    3689 }
    3690 
     3893     filter: sepia(100%) hue-rotate(185deg) drop-shadow(0 0 3px #89f);
     3894}
     3895
     3896input[type="checkbox"][disabled], input[type="radio"][disabled],
    36913897input[type="checkbox"][disabled]:hover, input[type="radio"][disabled]:hover,
    36923898input[type="checkbox"][disabled]:focus, input[type="radio"][disabled]:focus {
    3693      filter: none;
     3899     filter: sepia(100%) hue-rotate(185deg);
    36943900     box-shadow: none;
    36953901}
     
    37003906
    37013907label:hover {
    3702      color: #000;
     3908     color: #19191f;
    37033909}
    37043910
     
    37133919     background: url(images/dropdown.png) right center no-repeat #fff;
    37143920     background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff, #ddd);
     3921     background-blend-mode: hard-light, normal;
    37153922     padding: 4px 16px 4px 4px !important;
    3716      color: #333;
     3923     color: #33333f;
    37173924     margin: 5px;
    3718      border: 1px solid #999;
     3925     border: 1px solid #999daf;
    37193926     min-width: 120px;
    37203927     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif;
     
    37223929     text-align: left !important;
    37233930     box-shadow: inset 0 0 0 1px #fff;
    3724      filter: drop-shadow(0 0 1px rgba(204, 204, 204, 0.6));
     3931     filter: drop-shadow(0 0 1px #ccf);
     3932}
     3933
     3934@media screen and (-webkit-min-device-pixel-ratio: 0) {
     3935select {
     3936     padding: 5px 16px 5px 6px !important;
     3937}
    37253938}
    37263939
    37273940select:focus {
    37283941     box-shadow: 0 0 0 1px #89f;
    3729      color: #000;
     3942     color: #19191f;
    37303943}
    37313944
     
    37533966input[readonly], input[disabled], input[readonly]:focus, input[disabled]:focus {
    37543967     background: #e9e9e9;
    3755      box-shadow: inset 2px 2px 1px rgba(204, 204, 204, 0.6);
    3756      color: #333;
     3968     box-shadow: inset 1px 1px 1px rgba(204, 204, 204, 0.6);
     3969     color: #4d4d5f;
    37573970     filter: none;
    37583971     cursor: default;
     
    37623975     padding: 5px;
    37633976     margin: 5px !important;
    3764      background: #ffe;
    3765      color: #333 !important;
     3977     background: #f8f8ff;
     3978     color: #33333f !important;
    37663979     border-radius: 2px;
    37673980     font: 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    37683981     min-height: 100px;
    37693982     min-width: 97%;
    3770      border: 1px solid #999;
    3771      box-shadow: inset 2px 2px 1px rgba(204, 204, 204, 0.6);
     3983     border: 1px solid #999daf;
     3984     box-shadow: inset 1px 1px 1px rgba(204, 204, 204, 0.6);
    37723985}
    37733986
    37743987textarea:focus {
    3775      color: #001 !important;
     3988     background: #fff;
     3989     color: #19191f !important;
    37763990     box-shadow: none;
     3991     border: 1px solid #676c7f;
    37773992     filter: drop-shadow(0 0 1px #89f);
    37783993}
     
    37874002     padding: 7px;
    37884003     background: #eef;
    3789      background: linear-gradient(to right, #efefff, #fff, #efefff) #fff;
     4004     background: linear-gradient(to right, #efefff, #fafaff, #efefff) #fff;
    37904005     letter-spacing: 0em !important;
    37914006     box-shadow: inset 0 0 0 1px #fff;
     
    38954110     line-height: 50%;
    38964111     vertical-align: sub;
    3897      color: #393;
     4112     color: #41465f;
    38984113}
    38994114
     
    39234138}
    39244139
    3925 .smallhead {
     4140.smallhead th {
    39264141     font-size: 8pt
    39274142}
     
    39354150     border-top: 1px inset #ddf !important;
    39364151     border-bottom: 1px inset #ddf !important;
     4152     padding-top: 4px;
     4153     padding-bottom: 4px;
    39374154}
    39384155
    39394156.tablefooter {
    3940      background: #fff;
     4157     background: #f8f8ff;
    39414158}
    39424159
    39434160.tablefooter tr, .tablefooter td {
    3944      background: #fff;
     4161     background: #f8f8ff;
    39454162     border-top: 1px solid #7778bf;
    39464163     border-bottom: 1px solid #7778bf !important;
     
    39554172     margin-top: -15px;
    39564173     padding: 5px;
    3957      background: #fff;
     4174     background: #fafaff;
    39584175}
    39594176
     
    39994216}
    40004217
    4001 .main#webmail {
    4002      padding: 0 8px;
    4003 }
    4004 
    4005 #susimailframe {
    4006      margin-top: 3px;
    4007 }
    4008 
    4009 .main#dns {
    4010      padding: 0;
    4011      min-width: 576px;
    4012 }
    4013 
    4014 #susidnsframe {
    4015      margin: 0 0 -2px;
    4016      height: 100%;
    4017      width: 100%;
    4018      overflow: hidden;
    4019 }
    4020 
    4021 .main#tunnelmgr {
    4022      padding: 0 10px;
    4023      min-width: 556px;
    4024 }
    4025 
    4026 #i2ptunnelframe {
    4027      margin: -4px 0 -1px;
    4028      overflow: hidden;
    4029 }
    4030 
    4031 .main#embedded {
    4032      padding: 1px 11px 4px;
    4033 }
    4034 
    40354218/* Fixes for when app is not started and console error loads inside iframe */
    40364219
     
    40694252#consolepass tr:first-child td {
    40704253     background: #fff url(/themes/console/images/info/user_add.png) 12px center no-repeat;
     4254     background: url(/themes/console/images/info/user_add.png) 12px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    40714255     background-size: 28px 28px;
    40724256     padding: 15px 15px 15px 50px;
    40734257}
    40744258
    4075 .main#config_ui .themechoice .optbox, .main#config_ui .langselect .optbox {
     4259#config_ui .themechoice .optbox, #config_ui .langselect .optbox {
    40764260     vertical-align: text-bottom;
    40774261}
     
    40924276     transition: filter ease 0.3s 0s;
    40934277     box-shadow: inset 0 0 0 1px #fff;
    4094      filter: drop-shadow(0 0 1px #ccc);
     4278     filter: drop-shadow(0 0 1px #ccf);
    40954279}
    40964280
     
    41174301}
    41184302
    4119 .main#config_ui .themechoice .optbox {
     4303#config_ui .themechoice .optbox {
    41204304     min-height: 88px !important;
    41214305     min-width: 123px !important;
     
    41424326     clear: both;
    41434327     border-top: 1px solid #ddf;
    4144      background: repeating-linear-gradient(45deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px), #fff;
     4328     background: repeating-linear-gradient(45deg, rgba(252,252,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fafaff 5px), #fafaff;
    41454329     margin: 0 -5px 5px;
    41464330     position: relative;
     
    41664350     border-top: 1px solid #7778bf;
    41674351     background: url(/themes/console/images/info/notice.png) left 14px center no-repeat, #fff;
     4352     background: url(/themes/console/images/info/notice.png) left 14px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
    41684353     background-size: 28px 28px;
    41694354}
     
    42224407     margin: -16px 0 0;
    42234408     border: 1px solid #7778bf;
    4224      background: #fff;
    4225      background: repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(248, 248, 255, 0.3) 3px, #fff 5px);
     4409     background: #fafaff;
     4410     background: repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(248, 248, 255, 0.3) 3px, #fafaff 5px);
    42264411}
    42274412
     
    42304415     border: 1px solid #7778bf;
    42314416     margin: -16px 0 0;
    4232      background: #fff;
    4233      background: repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(248, 248, 255, 0.3) 3px, #fff 5px);
     4417     background: #fafaff;
     4418     background: repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(248, 248, 255, 0.3) 3px, #fafaff 5px);
    42344419}
    42354420
     
    42504435     transition: transform 0.3s ease 0s;
    42514436     box-shadow: inset 0 0 0 1px #fff;
    4252      filter: drop-shadow(0 0 1px #ccc);
     4437     filter: drop-shadow(0 0 1px #ccf);
    42534438}
    42544439
     
    42584443}
    42594444
    4260 .main#config_ui .langselect .optbox, .main#config_ui .langselect .optbox:hover, .main#config_ui .langselect .optbox:focus {
     4445#config_ui .langselect .optbox, #config_ui .langselect .optbox:hover, #config_ui .langselect .optbox:focus {
    42614446     width: 118px !important;
    42624447     min-height: 56px !important;
     
    43024487     border-top: 1px solid #f60;
    43034488     background: #fff !important;
    4304      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffe8bf 50%, #efd9b3 100%) !important;
     4489     background: linear-gradient(to bottom, #fff 50%, #ffe8bf 50%, #efd9b3 100%) !important;
    43054490}
    43064491
     
    44004585}
    44014586
    4402 #consolepass input[name="name"], #externali2cp input[name="user"], #reseedconfig input[name="username"] {
    4403      background: #fff url(/themes/console/images/buttons/user.png) 5px center no-repeat;
     4587#consolepass input[name="name"], #externali2cp input[name="user"], #reseedconfig input[name="username"],
     4588#consolepass input[name="nofilter_pw"], #externali2cp input[name="nofilter_pw"], #reseedconfig input[type="password"] {
    44044589     padding: 4px 5px 4px 26px !important;
    44054590     background-size: 16px 16px !important;
     4591     background-blend-mode: luminosity;
     4592}
     4593
     4594#consolepass input[name="name"], #externali2cp input[name="user"], #reseedconfig input[name="username"] {
     4595     background: #f8f8ff url(/themes/console/images/buttons/user.png) 5px center no-repeat;
    44064596}
    44074597
    44084598#consolepass input[name="nofilter_pw"], #externali2cp input[name="nofilter_pw"], #reseedconfig input[type="password"] {
    4409      background: #fff url(/themes/console/images/buttons/password.png) 5px center no-repeat !important;
    4410      padding: 4px 5px 4px 26px !important;
    4411      background-size: 16px 16px !important;
     4599     background: #f8f8ff url(/themes/console/images/buttons/password.png) 5px center no-repeat !important;
     4600}
     4601
     4602#consolepass input[name="name"]:focus, #externali2cp input[name="user"]:focus, #reseedconfig input[name="username"]:focus,
     4603#consolepass input[name="nofilter_pw"]:focus, #externali2cp input[name="nofilter_pw"]:focus, #reseedconfig input[type="password"]:focus {
     4604     background-color: #fff !important;
     4605     background-blend-mode: normal;
    44124606}
    44134607
     
    44264620     padding-left: 50px;
    44274621     background: url(/themes/console/images/info/interval.png) 12px center no-repeat;
    4428      background: url(/themes/console/images/info/interval.png) 12px center no-repeat, linear-gradient(to bottom, #fff 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;
     4622     background: url(/themes/console/images/info/interval.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;
    44294623     background-size: 28px 28px, 100% 100%, 100% 100% !important;
    44304624}
    44314625
    44324626/* peers, profiles, tunnels */
    4433 
    4434 #ntcpconnections tr:nth-child(odd), #udpconnections tr:nth-child(odd), #profilelist tr:nth-child(odd), .tunneldisplay  tr:nth-child(odd) {
    4435      background: repeating-linear-gradient(45deg, rgba(255,255,255,0.5) 2px, rgba(201, 201, 255, 0.3) 3px, #fff 5px), #fff;
    4436 }
    44374627
    44384628.cells tt, #profilelist tt, tt a {
     
    45184708
    45194709#peerdefs td {
    4520      line-height: 130%;
     4710     line-height: 150%;
     4711     padding: 5px;
    45214712}
    45224713
     
    45494740}
    45504741
     4742#tunnel_defs b {
     4743     color: #fff !important;
     4744}
     4745
    45514746.tunnel_cap:empty {
    45524747     border: none;
     
    45684763}
    45694764
    4570 .tunnel_peer {
     4765#tunnels .tunnel_peer {
    45714766     display: inline-block;
    45724767     min-width: 64px;
    4573      text-align: right;
     4768     text-align: center;
    45744769}
    45754770
     
    46144809/* netdb */
    46154810
    4616 .main#netdb, .main#events {
    4617      background: #fff;
    4618 }
    4619 
    46204811.confignav + .netdbentry {
    46214812     margin-top: 10px;
     
    46674858     content: url(/themes/console/images/buttons/fullview.png);
    46684859     vertical-align: text-top;
    4669      filter: drop-shadow(0 0 1px #999);
     4860     filter: drop-shadow(0 0 1px #999daf);
    46704861}
    46714862
     
    46864877     vertical-align: text-top;
    46874878     padding-right: 0;
    4688      filter: drop-shadow(0 0 1px #999);
     4879     filter: drop-shadow(0 0 1px #999daf);
    46894880}
    46904881
     
    47024893     letter-spacing: 0.08em;
    47034894     word-spacing: 0.1em;
    4704      background:  url(/themes/console/images/info/globe.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(to right, #fff 5%, rgba(231, 231, 255, 0.8) 25%) !important;
     4895     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;
    47054896     background-size: 18px 18px, 100% 100%, 100% 100% !important;
    47064897     padding: 8px 5px 8px 32px;
     
    48705061     padding: 20px;
    48715062     font-weight: bold;
    4872      background: #fff;
     5063     background: #fafaff;
    48735064     margin-top: -6px;
    48745065     margin-bottom: 5px;
    48755066     text-align: center;
     5067     color: #41465f;
    48765068}
    48775069
     
    48815073
    48825074#sybilnav {
     5075     padding: 10px;
     5076     border-radius: 2px;
    48835077     -moz-columns: 4;
    48845078     -webkit-columns: 4;
     
    48875081     -webkit-column-gap: 10px;
    48885082     column-gap: 10px;
    4889      border-radius: 2px;
    48905083}
    48915084
    48925085#sybilnav, #sybils_summary {
    48935086     border: 1px solid #7778bf;
    4894      padding: 10px;
    48955087     margin-bottom: 10px;
    4896      background: repeating-linear-gradient(135deg, rgba(255,255