diff --git a/apps/routerconsole/java/src/net/i2p/router/web/helpers/HomeHelper.java b/apps/routerconsole/java/src/net/i2p/router/web/helpers/HomeHelper.java index bfad2780c7..c568083d76 100644 --- a/apps/routerconsole/java/src/net/i2p/router/web/helpers/HomeHelper.java +++ b/apps/routerconsole/java/src/net/i2p/router/web/helpers/HomeHelper.java @@ -254,8 +254,14 @@ public class HomeHelper extends HelperBase { continue; } } - buf.append("\n
\n" + - "
" + + // If an image isn't in a /themes or /images directory, it comes from a plugin. + // tag it thus. + String plugin = ""; + if (!app.icon.startsWith("/themes") && !app.icon.startsWith("/images")) { + plugin = " plugin"; + } + buf.append("\n
\n" + + "
" + // usability: add tabindex -1 so we avoid 2 tabs per app "" + "\"\" * * This program is free software; you can redistribute it and/or modify @@ -18,7 +18,7 @@ * You should have received a copy of the GNU General Public License * along with this program; if not, write to the Free Software * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA - * + * * $Revision: 1.2 $ */ package i2p.susi.webmail; @@ -102,16 +102,16 @@ public class WebMail extends HttpServlet private static final long serialVersionUID = 1L; private static final String LOGIN_NONCE = Long.toString(I2PAppContext.getGlobalContext().random().nextLong()); - + private static final String DEFAULT_HOST = "127.0.0.1"; private static final int DEFAULT_POP3PORT = 7660; private static final int DEFAULT_SMTPPORT = 7659; - + private enum State { AUTH, LOADING, LIST, SHOW, NEW, CONFIG } - + // TODO generate from servlet name to allow for renaming or multiple instances private static final String myself = "/susimail/"; - + /* * form keys on login page */ @@ -122,7 +122,7 @@ public class WebMail extends HttpServlet private static final String HOST = "host"; private static final String POP3 = "pop3"; private static final String SMTP = "smtp"; - + /* * GET params */ @@ -166,23 +166,23 @@ public class WebMail extends HttpServlet private static final String SHOW = "show"; private static final String DOWNLOAD = "download"; private static final String RAW_ATTACHMENT = "att"; - + private static final String MARKALL = "markall"; private static final String CLEAR = "clearselection"; private static final String INVERT = "invertselection"; - + private static final String PREVPAGE = "prevpage"; private static final String NEXTPAGE = "nextpage"; private static final String FIRSTPAGE = "firstpage"; private static final String LASTPAGE = "lastpage"; private static final String PAGESIZE = "pagesize"; private static final String SETPAGESIZE = "setpagesize"; - + private static final String SEND = "send"; private static final String SAVE_AS_DRAFT = "saveasdraft"; private static final String CANCEL = "cancel"; private static final String DELETE_ATTACHMENT = "delete_attachment"; - + private static final String NEW_FROM = "new_from"; private static final String NEW_SUBJECT = "new_subject"; private static final String NEW_TO = "new_to"; @@ -191,7 +191,7 @@ public class WebMail extends HttpServlet private static final String NEW_TEXT = "new_text"; private static final String NEW_FILENAME = "new_filename"; private static final String NEW_UPLOAD = "new_upload"; - + private static final String LIST = "list"; private static final String PREV = "prev"; private static final String NEXT = "next"; @@ -224,7 +224,7 @@ public class WebMail extends HttpServlet private static final boolean SHOW_HTML = true; private static final boolean TEXT_ONLY = false; - + /* * name of configuration properties */ @@ -237,7 +237,7 @@ public class WebMail extends HttpServlet private static final String CONFIG_SENDER_FIXED = "sender.fixed"; private static final String CONFIG_SENDER_DOMAIN = "sender.domain"; private static final String CONFIG_SENDER_NAME = "sender.name"; - + private static final String CONFIG_COMPOSER_COLS = "composer.cols"; private static final String CONFIG_COMPOSER_ROWS = "composer.rows"; @@ -260,12 +260,12 @@ public class WebMail extends HttpServlet private static final String spacer = ""; /* this is best done with css */ private static final String thSpacer = " \n"; private static final String CONSOLE_BUNDLE_NAME = "net.i2p.router.web.messages"; - + static { Config.setPrefix( "susimail" ); } - + /** * data structure to hold any persistent data (to store them in session dictionary) * @author susi @@ -292,7 +292,7 @@ public class WebMail extends HttpServlet private final List nonces; private static final int MAX_NONCES = 15; public final Log log; - + SessionObject(Log log) { nonces = new ArrayList(MAX_NONCES + 1); @@ -383,7 +383,7 @@ public class WebMail extends HttpServlet /** * returns html string of a form button with name and label - * + * * @param name * @param label * @return html string @@ -407,7 +407,7 @@ public class WebMail extends HttpServlet /** * returns html string of a disabled form button with name and label - * + * * @param name * @param label * @return html string @@ -420,7 +420,7 @@ public class WebMail extends HttpServlet /** * returns a html string of the label and two imaged links using the parameter name * (used for sorting buttons in folder view) - * + * * @param name * @param label * @return the string @@ -453,7 +453,7 @@ public class WebMail extends HttpServlet /** * check, if a given button "was pressed" in the received http request - * + * * @param request * @param key * @return true if pressed @@ -465,12 +465,12 @@ public class WebMail extends HttpServlet } /** * recursively render all mail body parts - * + * * 1. if type is multipart/alternative, look for text/plain section and ignore others * 2. if type is multipart/*, recursively call all these parts * 3. if type is text/plain (or mail is not mime), print out * 4. in all other cases print out message, that part is not displayed - * + * * @param out * @param mailPart * @param level is increased by recursively calling sub parts @@ -486,10 +486,10 @@ public class WebMail extends HttpServlet for( int i = 0; i < mailPart.headerLines.length; i++ ) { // fix Content-Type: multipart/alternative; boundary="----------8CDE39ECAF2633" out.println( mailPart.headerLines[i].replace("--", "--") ); - } + } out.println( "-->" ); } - + if( mailPart.multipart ) { if( mailPart.type.equals("multipart/alternative")) { MailPart chosen = null; @@ -509,7 +509,7 @@ public class WebMail extends HttpServlet out.println( "Debug: Mail Part headers follow"); for( int i = 0; i < subPart.headerLines.length; i++ ) { out.println( subPart.headerLines[i].replace("--", "--") ); - } + } out.println( "-->" ); } } @@ -529,13 +529,13 @@ public class WebMail extends HttpServlet boolean showBody = false; boolean prepareAttachment = false; String reason = ""; - + String ident = quoteHTML( ( mailPart.description != null ? mailPart.description + ", " : "" ) + ( mailPart.filename != null ? mailPart.filename + ", " : "" ) + ( mailPart.name != null ? mailPart.name + ", " : "" ) + ( mailPart.type != null ? '(' + mailPart.type + ')' : _t("unknown") ) ); - + if( level == 0 && mailPart.version == null ) { /* * not a MIME mail, so simply print it literally @@ -559,7 +559,7 @@ public class WebMail extends HttpServlet } if( html ) out.println( "" ); - if( showBody ) { + if( showBody ) { if( html ) out.println( "


" ); String charset = mailPart.charset; @@ -662,9 +662,9 @@ public class WebMail extends HttpServlet } /** * prepare line for presentation between html tags - * + * * Escapes html tags - * + * * @param line null OK * @return escaped string or "" for null input */ @@ -680,7 +680,7 @@ public class WebMail extends HttpServlet //// Start state change and button processing here //// /** - * + * * @param sessionObject * @param request * @return new state, or null if unknown @@ -706,7 +706,7 @@ public class WebMail extends HttpServlet */ boolean offline = buttonPressed(request, OFFLINE); if (buttonPressed(request, LOGIN) || offline) { - + if( user == null || user.length() == 0 ) { sessionObject.error += _t("Need username for authentication.") + '\n'; doContinue = false; @@ -951,7 +951,7 @@ public class WebMail extends HttpServlet /** - * + * * @param sessionObject * @param request * @return new state, or null if unknown @@ -992,7 +992,7 @@ public class WebMail extends HttpServlet /** * Process all buttons, which possibly change internal state. * Also processes ?show=x for a GET - * + * * @param sessionObject * @param request * @param isPOST disallow button pushes if false @@ -1118,11 +1118,11 @@ public class WebMail extends HttpServlet if( isPOST && buttonPressed( request, NEW ) ) { state = State.NEW; } - + boolean reply = false; boolean replyAll = false; boolean forward = false; - + if (buttonPressed(request, REPLY)) { reply = true; } else if (buttonPressed(request, REPLYALL)) { @@ -1148,7 +1148,7 @@ public class WebMail extends HttpServlet } else { uidl = Base64.decodeToString(request.getParameter(B64UIDL)); } - + if( uidl != null ) { MailCache mc = getCurrentMailCache(sessionObject, request); Mail mail = (mc != null) ? mc.getMail(uidl, MailCache.FetchMode.ALL) : null; @@ -1259,7 +1259,7 @@ public class WebMail extends HttpServlet sender = Mail.getAddress( mail.reply ); else if( mail.sender != null && Mail.validateAddress( mail.sender ) ) sender = Mail.getAddress( mail.sender ); - + PrintWriter pw = new PrintWriter( text ); pw.println(); pw.println(); @@ -1489,7 +1489,7 @@ public class WebMail extends HttpServlet } } } catch (NumberFormatException nfe) {} - } + } // Save the draft or else the attachment comes back if (deleted) { String uidl = Base64.decodeToString(request.getParameter(NEW_UIDL)); @@ -1522,7 +1522,7 @@ public class WebMail extends HttpServlet String uidl = Base64.decodeToString(b64UIDL); return uidl; } - + if (buttonPressed(request, DELETE)) { MailCache mc = getCurrentMailCache(sessionObject, request); if (mc != null && mc.getFolderName().equals(DIR_TRASH)) { @@ -1562,7 +1562,7 @@ public class WebMail extends HttpServlet sessionObject.error += "Failed move to " + to + '\n'; } return showUIDL; - } + } /** * process download link in message view @@ -1578,7 +1578,7 @@ public class WebMail extends HttpServlet if (str == null) { str = request.getParameter(RAW_ATTACHMENT); isRaw = true; - } + } if( str != null ) { try { int id = Integer.parseInt( str ); @@ -1637,10 +1637,10 @@ public class WebMail extends HttpServlet { if( part == null ) return null; - + if (part.getID() == id) return part; - + if( part.multipart || part.message ) { for( MailPart p : part.parts ) { MailPart subPart = getMailPartFromID(p, id); @@ -1742,7 +1742,7 @@ public class WebMail extends HttpServlet } else if (buttonPressed(request, CLEAR)) { sessionObject.reallyDelete = false; } - + sessionObject.markAll = buttonPressed( request, MARKALL ); sessionObject.clear = buttonPressed( request, CLEAR ); sessionObject.invert = buttonPressed( request, INVERT ); @@ -1963,7 +1963,7 @@ public class WebMail extends HttpServlet /** * The entry point for all web page loads - * + * * @param httpRequest * @param response * @param isPOST disallow button pushes if false @@ -2014,22 +2014,22 @@ public class WebMail extends HttpServlet response.setHeader("Referrer-Policy", "no-referrer"); response.setHeader("Accept-Ranges", "none"); RequestWrapper request = new RequestWrapper( httpRequest ); - + SessionObject sessionObject = null; - + String subtitle = ""; - + HttpSession httpSession = request.getSession( true ); - + sessionObject = getSessionObject( httpSession ); synchronized( sessionObject ) { - + sessionObject.pageChanged = false; sessionObject.themePath = "/themes/susimail/" + theme + '/'; sessionObject.imgPath = sessionObject.themePath + "images/"; sessionObject.isMobile = isMobile; - + if (isPOST) { // TODO not perfect, but only clear on POST so they survive a P-R-G sessionObject.error = ""; @@ -2064,7 +2064,7 @@ public class WebMail extends HttpServlet // This must be called to add the attachment before // processStateChangeButtons() sends the message state = processComposeButtons(sessionObject, request); - } + } state = processStateChangeButtons(sessionObject, request, isPOST, state); state = processConfigButtons(sessionObject, request, isPOST, state); if (_log.shouldDebug()) _log.debug("Prelim. state is " + state); @@ -2102,12 +2102,12 @@ public class WebMail extends HttpServlet // int newIdle = httpSession.getMaxInactiveInterval(); // if (_log.shouldDebug()) _log.debug("Changed idle from " + oldIdle + " to " + newIdle); //} - + if( state != State.AUTH ) { if (isPOST) state = processGenericButtons(sessionObject, request, state); } - + if( state == State.LIST ) { if (isPOST) { int page = 1; @@ -2287,7 +2287,7 @@ public class WebMail extends HttpServlet //// Begin output PrintWriter out = response.getWriter(); - + /* * build subtitle */ @@ -2439,20 +2439,20 @@ public class WebMail extends HttpServlet else if (state == State.LOADING) showLoading(out, sessionObject, request); - + else if( state == State.LIST ) showFolder( out, sessionObject, mc, request ); - + else if( state == State.SHOW ) showMessage(out, sessionObject, mc, showUIDL, buttonPressed(request, DELETE)); - + else if( state == State.NEW ) showCompose( out, sessionObject, request ); - + else if( state == State.CONFIG ) showConfig(out, folder); - - //out.println( "

\n"); + + //out.println( "

susimail v0." + version +" " + ( RELEASE ? "release" : "development" ) + " © 2004-2005 susi

\n"); out.println( "

susimail © 2004-2005 susi

\n"); out.flush(); } // synch sessionObject @@ -2641,12 +2641,12 @@ public class WebMail extends HttpServlet ArrayList toList = new ArrayList(); ArrayList ccList = new ArrayList(); ArrayList bccList = new ArrayList(); - + // no validation Mail.getRecipientsFromList( toList, to, ok ); Mail.getRecipientsFromList( ccList, cc, ok ); Mail.getRecipientsFromList( bccList, bcc, ok ); - + Encoding qp = EncodingFactory.getEncoding( "quoted-printable" ); Encoding hl = EncodingFactory.getEncoding( "HEADERLINE" ); @@ -2691,9 +2691,9 @@ public class WebMail extends HttpServlet sessionObject.error += e.getMessage() + '\n'; if (log.shouldDebug()) log.debug("Draft body", e); } - } - return ok ? body : null; - } + } + return ok ? body : null; + } /** * Write out the draft. @@ -2740,7 +2740,7 @@ public class WebMail extends HttpServlet */ private static boolean sendMail(SessionObject sessionObject, Draft draft) { boolean ok = true; - + String from = draft.sender; String[] to = draft.to; String[] cc = draft.cc; @@ -2752,9 +2752,9 @@ public class WebMail extends HttpServlet ArrayList ccList = new ArrayList(); ArrayList bccList = new ArrayList(); ArrayList recipients = new ArrayList(); - + String sender = null; - + if( from == null || !Mail.validateAddress( from ) ) { ok = false; sessionObject.error += _t("Found no valid sender address.") + '\n'; @@ -2766,7 +2766,7 @@ public class WebMail extends HttpServlet sessionObject.error += _t("Found no valid address in \\''{0}\\''.", quoteHTML( from )) + '\n'; } } - + ok = Mail.getRecipientsFromList( toList, to, ok ); ok = Mail.getRecipientsFromList( ccList, cc, ok ); ok = Mail.getRecipientsFromList( bccList, bcc, ok ); @@ -2774,7 +2774,7 @@ public class WebMail extends HttpServlet recipients.addAll( toList ); recipients.addAll( ccList ); recipients.addAll( bccList ); - + if( toList.isEmpty() ) { ok = false; sessionObject.error += _t("No recipients found.") + '\n'; @@ -2921,17 +2921,17 @@ public class WebMail extends HttpServlet } /** - * + * */ @Override public void doGet( HttpServletRequest request, HttpServletResponse response ) throws IOException, ServletException { - processRequest( request, response, false ); + processRequest( request, response, false ); } /** - * + * */ @Override public void doPost( HttpServletRequest request, HttpServletResponse response ) @@ -2957,7 +2957,7 @@ public class WebMail extends HttpServlet } /** - * + * * @param out * @param sessionObject * @param request @@ -3029,7 +3029,7 @@ public class WebMail extends HttpServlet } boolean fixed = Boolean.parseBoolean(Config.getProperty( CONFIG_SENDER_FIXED, "true" )); - + if (from.length() <= 0 || !fixed) { String user = sessionObject.user; String name = Config.getProperty(CONFIG_SENDER_NAME); @@ -3051,7 +3051,7 @@ public class WebMail extends HttpServlet from += '<' + user + '@' + domain + '>'; } } - + out.println( "
\n" + "\n" + "\n" + @@ -3062,7 +3062,7 @@ public class WebMail extends HttpServlet "" + "\n" + ""); - + if( sessionObject.attachments != null && !sessionObject.attachments.isEmpty() ) { boolean wroteHeader = false; for( Attachment attachment : sessionObject.attachments ) { @@ -3083,7 +3083,7 @@ public class WebMail extends HttpServlet } /** - * + * * @param out */ private static void showLogin( PrintWriter out ) @@ -3092,19 +3092,12 @@ public class WebMail extends HttpServlet String host = Config.getProperty(CONFIG_HOST, DEFAULT_HOST); String pop3 = Config.getProperty(CONFIG_PORTS_POP3, Integer.toString(DEFAULT_POP3PORT)); String smtp = Config.getProperty(CONFIG_PORTS_SMTP, Integer.toString(DEFAULT_SMTPPORT)); - + out.println( "

" + _t("Email Login") + "

" + _t("From") + ":
" + _t("Add Attachment") + ": " + button(NEW_UPLOAD, _t("Add Attachment")) + "
\n" + // current postman hq length limits 16/12, new postman version 32/32 "\n" + "\n"); // which is better? - //if (!fixed) { - if (true) { - out.println( - "\n" + - "\n" + - "\n"); - } out.println( "\n" + "\n" + - "\n" + + "\n" + "
" + _t("User") + " @mail.i2p
" + _t("Password") + "
" + _t("Host") + "
" + _t("POP3 Port") + "
" + _t("SMTP Port") + "
" + button( LOGIN, _t("Login") ) + spacer + @@ -3114,7 +3107,7 @@ public class WebMail extends HttpServlet spacer + button(CONFIGURE, _t("Settings")) + "
" + _t("Learn about I2P mail") + " | " + _t("Create Account") + "
" + _t("Learn about I2P mail") + " | " + _t("Create Account") + "
"); } @@ -3131,7 +3124,7 @@ public class WebMail extends HttpServlet } /** - * + * * @param out * @param sessionObject * @param request @@ -3206,13 +3199,13 @@ public class WebMail extends HttpServlet String loc = myself + '?' + (folderName.equals(DIR_DRAFTS) ? NEW_UIDL : SHOW) + '=' + b64UIDL + floc; String link = ""; String jslink = " onclick=\"document.location='" + loc + "';\" "; - + boolean idChecked = false; String checkId = sessionObject.pageChanged ? null : request.getParameter( "check" + b64UIDL ); - + if( checkId != null && checkId.equals("1")) idChecked = true; - + if( sessionObject.markAll ) idChecked = true; if( sessionObject.invert ) @@ -3228,7 +3221,7 @@ public class WebMail extends HttpServlet if (subj.length() <= 0) subj = "" + _t("no subject") + ""; out.println( "" + - "" + "" + (mail.isNew() ? "\"\"" : " ") + ""); @@ -3289,7 +3282,7 @@ public class WebMail extends HttpServlet button( MARKALL, _t("Mark All") ) + " " + button( CLEAR, _t("Clear All") )); - //"
" + + //"
" + //button( INVERT, _t("Invert Selection") ) + //"
"); } @@ -3374,7 +3367,7 @@ public class WebMail extends HttpServlet } /** - * + * * @param out * @param sessionObject * @param reallyDelete was the delete button pushed, if so, show the really delete? message @@ -3532,7 +3525,7 @@ public class WebMail extends HttpServlet out.println( _t("Folder Page Size") + ": " + - " " + + " " + button( SETPAGESIZE, _t("Set") ) ); out.println("
"); out.println("

"); @@ -3572,7 +3565,7 @@ public class WebMail extends HttpServlet private static String _t(String s, Object o, Object o2) { return Messages.getString(s, o, o2); } - + /** translate */ private static String ngettext(String s, String p, int n) { return Messages.getString(n, s, p); diff --git a/installer/resources/themes/console/dark/console.css b/installer/resources/themes/console/dark/console.css index 959a922da2..44aa494924 100644 --- a/installer/resources/themes/console/dark/console.css +++ b/installer/resources/themes/console/dark/console.css @@ -6,8 +6,8 @@ body { margin: 5px 0 0 0; padding: 0; text-align: center; - background: #010 url(images/camotile.png) top left scroll; - color: #ee9; + background: #1F1A24; + color: #766f7f; font: 8.5pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; } @@ -52,7 +52,7 @@ img { } a img:hover, a:focus img { - filter: drop-shadow(0 0 1px #f60); + filter: drop-shadow(0 0 1px #446644); } img[src="/flags.jsp?c=a1"], img[src="/flags.jsp?c=a2"] { /* more visibility for anonymous flags */ @@ -83,10 +83,9 @@ div.logo { /* proxy error "fake" sidebar */ float: left; padding: 10px; text-align: center; - color: #ee9; + color: #766f7f; margin: -1px 20px 0; - border: 1px solid #494; - background: #000 url(images/camotile2.png); + border: 1px solid #292929; width: 185px; font-size: 10pt; box-shadow: inset 0 0 3px 3px #000; @@ -104,7 +103,7 @@ div.logo { /* proxy error "fake" sidebar */ .logo a img { opacity: 0.6; - filter: sepia(100%) invert(100%) hue-rotate(260deg) drop-shadow(0 0 1px #494); + filter: sepia(100%) invert(100%) hue-rotate(260deg) drop-shadow(0 0 1px #524b5e); margin: 0; padding: 0; text-align: center; @@ -112,7 +111,7 @@ div.logo { /* proxy error "fake" sidebar */ .logo a:hover img { opacity: 1; - filter: sepia(100%) invert(100%) hue-rotate(260deg) drop-shadow(0 0 2px #f60); + filter: sepia(100%) invert(100%) hue-rotate(260deg) drop-shadow(0 0 2px #449944); } .logo a:active img { @@ -121,10 +120,10 @@ div.logo { /* proxy error "fake" sidebar */ } div.logo hr { - color: #494; - background: #494; + color: #524b5e; + background: #524b5e; height: 1px; - border: 0 solid #494; + border: 0 solid #524b5e; margin: 10px -10px; } @@ -136,11 +135,11 @@ div.warning { margin: 20px 20px 20px 248px; padding: 10px 25px 20px 75px; background: #000; - border: 1px solid #494; - color: #ee9; + border: 1px solid #292929; + color: #e6e6e7; text-align: justify; background: #000 url(/themes/console/images/itoopie_sm.png) 10px center no-repeat; - background: url(/themes/console/images/itoopie_sm.png) 10px center no-repeat, url(images/camotile2.png); + background: url(/themes/console/images/itoopie_sm.png) 10px center no-repeat; background-position: 10px calc(50% + 16px); box-shadow: inset 0 0 0 1px #700, inset 0 0 3px 3px #000, 0 0 0 2px #000; word-wrap: break-word; @@ -284,9 +283,8 @@ div.warning { width: 184px; padding: 8px 10px 8px; text-align: center; - border: 1px solid #494; - background: #000 url(images/camotile2.png) left top; - color: #ee9; + border: 1px solid #292929; + color: #766f7f; font-size: 8pt; clear: left; /* fixes a bug in Opera */ border-radius: 2px; @@ -295,6 +293,7 @@ div.warning { margin-bottom: 7px !important; } + .routersummary img[src$="i2plogo.png"] { opacity: 0.9; transition: ease filter 0.3s, ease opacity 0.3s; @@ -307,7 +306,7 @@ div.warning { .routersummary img[src$="i2plogo.png"]:hover { opacity: 1; transition: ease filter 0.3s, ease opacity 0.3s; - filter: saturate(200%) drop-shadow(0 0 2px #f60); + filter: saturate(200%) drop-shadow(0 0 2px #7778bf); } .routersummary a[href="/"], .routersummary a[href="/console"] { @@ -315,7 +314,7 @@ div.warning { } .routersummary a[href="/"]:focus img, .routersummary a[href="/console"]:focus img { - filter: drop-shadow(0 0 2px #f60) saturate(200%); + filter: drop-shadow(0 0 2px #449944) saturate(200%); } .routersummary input[type="text"] { @@ -324,8 +323,8 @@ div.warning { } .routersummary hr { - color: #494; - background: #494; + color: #524b5e; + background: #292929; height: 1px; margin: 9px -10px 7px -10px; } @@ -359,7 +358,7 @@ div.warning { } .routersummary h3:hover a { - color: #f60; + color: #449944; transition: ease color 0.2s; } @@ -374,10 +373,8 @@ div.warning { font-size: 8pt; margin: -6px -9px -8px !important; padding: 6px 1px; - background: #000; - background: linear-gradient(to right, #001900, #001000 5%, #000 50%, #001000 95%, #001900); text-decoration: none !important; - color: #2b2; + color: #e6e6e7; line-height: 120%; box-shadow: inset 0 0 0 1px #121, inset 0 0 5px 2px #000; } @@ -513,7 +510,7 @@ div.warning { } #sb_peersadvanced a { - color: #ee9; + color: #e6e6e7; } #sb_peersadvanced .separator td::after { @@ -539,7 +536,7 @@ div.warning { } #sb_warning { - border-bottom: 1px solid #494 !important; + border-bottom: 1px solid #524b5e !important; margin-left: -10px !important; margin-right: -10px !important; } @@ -582,10 +579,11 @@ div.refresh { .routersummary a:link, .routersummary a:visited { word-spacing: 0.05em; + color: #e6e6e7; } .routersummary a:hover { - color: #f60; + color: #449944; } .routersummary td { @@ -629,7 +627,7 @@ div.refresh { padding: 4px 5px 4px 24px; text-align: left; background: url(images/newsbullet_mini.png) 4px center no-repeat !important; - border-bottom: 1px solid #131 !important; + border-bottom: 1px solid #292929 !important; } .sb_newsheadings tr:last-child td { @@ -776,7 +774,7 @@ a:active #sb_bandwidthgraph { background: linear-gradient(to right, #020, #000, #020); margin: -6px -2px -2px; padding: 2px 0 4px; - border-bottom: 1px solid #494; + border-bottom: 1px solid #524b5e; } .sb_info .percentBarOuter { @@ -827,21 +825,21 @@ img[src="/themes/console/images/i2plogo.png"]:focus { } a:active img[src="/themes/console/images/i2plogo.png"] { - filter: invert(1) sepia(100%) hue-rotate(70deg) drop-shadow(0 0 3px #f60) !important; + filter: invert(1) sepia(100%) hue-rotate(70deg) drop-shadow(0 0 3px #449944) !important; } .sorry { margin: -1px 5px 10px 216px; padding: 20px 20px 20px 70px; background: #010; - border: 1px solid #494; + border: 1px solid #292929; border-radius: 0 0 4px 4px; text-align: justify; background: url(/themes/console/images/info/errortriangle.png) 15px 45% no-repeat #010; box-shadow: inset 0 0 0 1px #700; word-wrap: break-word; min-width: 560px; - color: #ee9; + color: #766f7f; font-size: 10pt; } @@ -884,10 +882,10 @@ a:active img[src="/themes/console/images/i2plogo.png"] { } .sorry hr { - color: #ee9; - background: #ee9; + color: #766f7f; + background: #e6e6e7; height: 1px; - border-top: 1px solid #ee9; + border-top: 1px solid #e6e6e7; margin: 10px 0; opacity: 0.7; } @@ -898,19 +896,17 @@ a:active img[src="/themes/console/images/i2plogo.png"] { margin: -1px 5px 5px 216px; padding: 0 15px 5px 15px; text-align: left; - color: #ee9; + color: #e6e6e7; width: auto; - border: 1px solid #494; + border: 1px solid #292929; border-radius: 0 0 2px 2px; - background: #000 url(images/camotile2.png) !important; min-width: 620px; box-shadow: 0 1px 5px #000; font-size: 9pt; } .main, .routersummary { - background: #000 url(images/camotile2.png) !important; - background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.45)), url(images/camotile2.png) #000 !important; + background: #1F1A24; box-shadow: inset 0 0 0 1px #000, 0 1px 5px #000; } @@ -931,7 +927,7 @@ a:active img[src="/themes/console/images/i2plogo.png"] { } .main#tunnelmgr { - background: linear-gradient(45deg, rgba(0,0,0,0.5), rgba(0,34,0,0.7)), url(images/camotile2.png) top left; + background: #1F1A24; background-size: 3px 3px, 175px 175px; } @@ -945,8 +941,6 @@ a:active img[src="/themes/console/images/i2plogo.png"] { padding: 6px 8px 6px 10px; letter-spacing: 0.08em !important; word-spacing: normal !important; -/* background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), url(/themes/console/dark/images/camotile2.png), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #003000, #000 75%) !important; - background-blend-mode: normal, exclusion, normal, normal;*/ } #news h3 font { @@ -958,7 +952,7 @@ div.news h3, #newspage h3 { text-align: left !important; font-size: 10pt !important; letter-spacing: 0.03em; - color: #ee9; + color: #e6e6e7; } .news .newsentry:first-child { @@ -967,7 +961,7 @@ div.news h3, #newspage h3 { .main textarea { background: #000; - color: #ee9; + color: #e6e6e7; font: 8.5pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace; resize: none; } @@ -975,15 +969,16 @@ div.news h3, #newspage h3 { div.news { margin: -1px 5px 0 216px; padding: 6px 15px 8px; - border: 1px solid #494; + border: 1px solid #292929; background: #000 url(images/news.png) no-repeat scroll bottom right; - 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; + 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, #1F1A24 !important; background-blend-mode: lighten; - color: #ee9; + color: #e6e6e7; font-size: 8pt; text-align: right; box-shadow: 0 1px 5px #000; min-width: 620px !important; + border-top: 1px solid #7778bf; } /* MS Edge 14+ fix (no support for blend-mode) */ @@ -999,10 +994,10 @@ div.news li { padding: 5px 5px 5px 0; vertical-align: middle; word-wrap: break-word; - color: #494; + color: #524b5e; font-weight: bold; font-size: 9.5pt; - border-bottom: 1px dotted #494; + border-bottom: 1px dotted #524b5e; margin-bottom: 5px; text-transform: capitalize; } @@ -1010,7 +1005,7 @@ div.news li { div.news h4 { border-bottom: 1px; border-bottom-style: dotted; - border-bottom-color: #494; + border-bottom-color: #524b5e; padding: 0 0 0 0; margin: 5px 0 10px 0; font-size: 10pt; @@ -1020,7 +1015,7 @@ div.news h4 { div.news p, div.newscontent p { font-size: 9pt; - color: #ee9; + color: #e6e6e7; margin: 0 !important; } @@ -1055,15 +1050,14 @@ div.news hr { border: 1px solid #010; margin: 0 -2px; padding: 1px 10px; - background: #020; - background: rgba(0,48,0,0.6); + background: #534a5d; border-radius: 15px; filter: drop-shadow(0 0 1px rgba(0,16,0,0.4)); } #news #newsDisplay a:hover, #news #newsDisplay a:focus, #graphopts a:hover, #graphopts a:focus { background: #030; - background: linear-gradient(to bottom, #030 50%, #010 50%); + background: #1f1a24; border: 1px solid #020; } @@ -1109,12 +1103,9 @@ div.widescroll { /* only scroll content, not entire page eg /peers */ /* top navigation */ .confignav { - background: url(images/header.png) repeat-x scroll center center #000; - background: linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000) !important; - 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%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("/themes/console/dark/images/camotile2.png") !important; padding: 7px 7px 8px !important; margin: -1px -16px 15px; - border: 1px solid #494; + border: 1px solid #292929; font-weight: bold !important; line-height: 130% !important; text-align: center; @@ -1125,17 +1116,19 @@ div.widescroll { /* only scroll content, not entire page eg /peers */ .tab, .tab2 { box-sizing: border-box; display: inline-block; - border: 1px solid #494; - margin: 0 -2px -1px -2px !important; + border: 1px solid #292929; + margin: 0 1px 1px -1px !important; padding: 1px 0; background: #fff; min-width: 60px !important; + border-radius: 12px; + margin: 5px; } .tab2 { - background: #030; + background: #423d46; box-shadow: inset 0 0 0 1px #000, inset 3px 3px 2px #010; - color: #ee9; + color: #e6e6e7; padding: 5px 12px !important; } @@ -1145,26 +1138,26 @@ div.widescroll { /* only scroll content, not entire page eg /peers */ } .tab { - background: linear-gradient(to bottom, #001900, #002900 50%, #000 50%) !important; - box-shadow: inset 0 0 0 1px #000; + background: #423d46; + box-shadow: inset 0 0 0 1px #423d46; } .tab:hover { - background: #000 !important; - box-shadow: inset 0 0 0 1px #914600; + background: #423D46 !important; + box-shadow: inset 0 0 0 1px #423D46; } .tab:hover a { - color: #f60; + color: #449944; } .tab:active { box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px 1px #5f2400; - background: #f60 !important; + background: #449944 !important; } .tab:active a { - color: #ee9 !important; + color: #e6e6e7 !important; } /* end topnav */ @@ -1172,9 +1165,9 @@ div.widescroll { /* only scroll content, not entire page eg /peers */ div.messages { padding: 20px 10px 20px 50px; margin: 10px 0 15px 0; - border: 1px solid #494; - background: #000; - background: url(images/infohelp.png) no-repeat 12px center, right bottom no-repeat #000; + border: 1px solid #292929; + background: #1F1A24; + background: url(images/infohelp.png) no-repeat 12px center, right bottom no-repeat #1F1A24; background-size: 28px 28px, auto 90%; font-weight: bold; font-size: 9.5pt; @@ -1200,7 +1193,7 @@ div.messages li { } #messages, .error, .notice { - color: #ee9; + color: #e6e6e7; } .wizardnotice { @@ -1218,7 +1211,7 @@ div.widepanel h3 { letter-spacing: 0.08em; word-spacing: 0.1em; border-radius: 0; - border: 1px solid #494; + border: 1px solid #292929; } .main#events .messages { @@ -1261,7 +1254,7 @@ div.widepanel h3 { } .graphspanel a img { - border: 1px solid #494; + border: 1px solid #292929; padding: 3px; margin: 6px 4px; text-align: center !important; @@ -1270,7 +1263,7 @@ div.widepanel h3 { } .graphspanel a img:hover { - border: 1px solid #f60; + border: 1px solid #449944; padding: 3px; text-align: center !important; opacity: 1; @@ -1310,14 +1303,14 @@ div.widepanel h3 { text-align: center; text-transform: capitalize; margin-top: 10px; - border-top: 1px solid #494; + border-top: 1px solid #524b5e; padding: 10px 10px 15px; } #graphopts { margin: 30px -15px -5px !important; padding: 11px 10px 10px; - border-top: 1px solid #494; + border-top: 1px solid #524b5e; text-align: center; background: #010; background: rgba(0,16,0,0.5); @@ -1356,12 +1349,6 @@ h3#graphinfo { border-right: none; } -/* -.main#graphs hr { - margin: 10px -10px 8px !important; -} -*/ - h3#graphinfo { text-transform: capitalize; letter-spacing: normal; @@ -1382,7 +1369,7 @@ h3#graphdisplay a { } form[action="graphs"] { - border: 1px solid #494; + border: 1px solid #292929; background: #000; margin: -11px 10px 13px; } @@ -1423,7 +1410,7 @@ form[action="graphs"] { } #graphs td.infohelp { - border: 1px solid #131; + border: 1px solid #292929; border-right: none; border-left: none; background-size: 20px 20px !important; @@ -1449,18 +1436,17 @@ form[action="graphs"] { table { border-collapse: collapse; width: 100%; - border: 1px solid #494; + border: 1px groove #524b5e; padding: 1px; font-size: 9pt; - background: #030; margin: 1px 0; } table hr { padding: 0 0; - color: #494; - background: #494; - border: 0 solid #494; + color: #524b5e; + background: #524b5e; + border: 0 solid #524b5e; margin: 0 0; height: 1px; display: none; @@ -1468,13 +1454,10 @@ table hr { th { padding: 7px 2px; - color: #ee9; + color: #e6e6e7; text-align: center; font-size: 9pt; - background: #000 url(images/header.png) center center repeat-x; - background: linear-gradient(to bottom, #002000, #000 75%) !important; - border-top: 1px solid #494; - border-bottom: 1px solid #494 !important; + background: linear-gradient(to bottom, #332940 10%, #1F1A24 50%); line-height: 110%; } @@ -1483,20 +1466,18 @@ tr { } tr:nth-child(even) { - background: #001000; vertical-align: middle; } tr:nth-child(odd) { - background: #000800; vertical-align: middle; } td { padding: 4px 6px; - color: #ee9; + color: #e6e6e7; vertical-align: middle; - border-top: 1px inset #131; + border-top: 1px inset #292929; } td img { @@ -1563,7 +1544,7 @@ td img { .sortup:hover { background: url(images/sort_up.png) center center no-repeat, linear-gradient(to bottom, #000, #040); - border: 1px solid #f60; + border: 1px solid #449944; } .sortup a:focus, .sortdown a:focus { @@ -1585,7 +1566,7 @@ td img { .sortdown:hover { background: url(images/sort_down.png) center center no-repeat, linear-gradient(to bottom, #000, #040); - border: 1px solid #f60; + border: 1px solid #449944; } .sortdownactive { @@ -1606,11 +1587,11 @@ table tt { } a:link tt, a:visited tt { - color: #494; + color: #524b5e; } a:hover tt { - color: #f60; + color: #449944; } a:active tt { @@ -1629,7 +1610,7 @@ div.main li { } div.main li b { - color: #bb0 !important; + color: #7778bf !important; } .tidylist { @@ -1671,7 +1652,7 @@ code { } a:link, h2 a:link, #graphopts a:visited { - color: #494; + color: #7778bf; text-decoration: none; font-weight: bold; word-wrap: break-word; @@ -1685,7 +1666,7 @@ a:visited { } a:hover, a:focus { - color: #f60 !important; + color: #446644 !important; text-decoration: none; font-weight: bold; word-wrap: break-word; @@ -1792,7 +1773,7 @@ p:empty { /* kills empty paragraphs that are likely erroneous eg. see top of /pr h1 { text-align: left; - color: #ee9; + color: #e6e6e7; padding: 13px 15px; margin: 0 5px 0 216px !important; font-size: 17pt; @@ -1803,7 +1784,7 @@ h1 { text-shadow: 0 0 2px #010; white-space: normal; background: #000 url(images/header.png) center center; - border: 1px solid #494; + border: 1px solid #292929; border-radius: 2px 2px 0 0; line-height: 120%; min-width: 620px; @@ -1831,13 +1812,12 @@ x:-o-prefocus, span.newtab { h2, h2.welcome { font-size: 12pt; - color: #ee9; + color: #e6e6e7; text-shadow: 0 0 2px #010; letter-spacing: 0.08em; word-spacing: 0.1em; - background: #000 url(images/header.png) center center ; padding: 10px; - border: 1px solid #494; + border: 1px solid #292929; border-radius: 2px; vertical-align: middle; margin: 15px 0 12px 0 !important; @@ -1850,16 +1830,14 @@ h2 a:visited { } h2 a:hover { - color: #f60; + color: #449944; } h3, h3.welcome { - border: 1px solid #494; - border-left: 5px solid #494; + border: 1px solid #292929; padding: 7px 10px; margin: 12px 0 10px 0; border-radius: 0 2px 2px 0; - background: #000 url(images/header.png) center center ; text-transform: uppercase; text-shadow: 0 0 2px #010; letter-spacing: 0.08em; @@ -1868,31 +1846,32 @@ h3, h3.welcome { h4 { border-bottom: 1px; border-bottom-style: solid; - border-bottom-color: #494; + border-bottom-color: #524b5e; padding: 0 0 10px 0; margin: 5px 0 10px 0; font-size: 11pt; } - +/* h1, h2, h3:not([id*="help"]), h4.app, h4.app2, .routersummary h3 { - 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; + background: linear-gradient(to bottom, #332940 10%, #1F1A24 30%); background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #005000, #000 75%) !important; } - +*/ h2, h3, h4 { box-shadow: inset 0 0 0 1px #000; } .routersummary h3 { - 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; + background: linear-gradient(to bottom, #332940 10%, #1F1A24 50%); transition: ease all 0.2s; } h1, h4.app, h4.app2, #news h3 { - 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; + background: #1F1A24; background-blend-mode: exclusion; box-shadow: inset 0 0 0 1px #000; text-shadow: 0 1px 1px #000; + border: 1px groove #524b5e; } button::-moz-focus-inner, input::-moz-focus-inner { @@ -1911,23 +1890,23 @@ button, button:visited { text-align: center; vertical-align: middle; min-width: 75px; - background: #000; - color: #494; + background: #1F1A24; + color: #e1dbe9; filter: drop-shadow(0 0 1px #000); } button:hover, button:focus { - border: 1px solid #f60; - box-shadow: inset 0 1px 1px 0 #ee9; - background: #000; - color: #f60; + border: 1px solid #449944; + box-shadow: inset 0 1px 1px 0 #e6e6e7; + background: #332940; + color: #449944; cursor: pointer; } button:active { - border: 1px solid #f60; - background: #f60; - color: #ee9; + border: 1px solid #449944; + background: #449944; + color: #e6e6e7; box-shadow: inset 0 0 0 1px #000; } @@ -1938,7 +1917,7 @@ button:active { } .underline { - border-bottom: 1px solid #ee9; + border-bottom: 1px solid #e6e6e7; padding: 5px 0 5px 0; margin: 0 0 10px 0; } @@ -1946,7 +1925,7 @@ button:active { .langbox { margin: 4px 3px 2px 5px; padding: 0; - color: #ee9; + color: #e6e6e7; font-size: 7pt; width: 400px; text-align: right; @@ -1983,10 +1962,9 @@ img[src*="bound"], img[src*="bound"]:hover { } hr { - color: #494; - background: #494; + background: #e1dbe9; height: 1px; - border: 0 solid #494; + border: 0 solid #524b5e; margin: 20px 0 10px; } @@ -2009,8 +1987,8 @@ hr:last-child { input { border: 1px outset #191; - background: #000; - color: #494; + background: #1F1A24; + color: #e6e6e7; margin: 5px; font: bold 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; padding: 4px 2px; @@ -2020,14 +1998,14 @@ input { } input:hover, input:focus { - background: #000; - color: #f60 !important; - border: 1px solid #f60 !important; + background: #1F1A24; + color: #449944 !important; + border: 1px solid #449944 !important; cursor: pointer; } input[type="submit"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="reset"]:focus { - box-shadow: inset 0 1px 1px 0 #ee9 !important; + box-shadow: inset 0 1px 1px 0 #e6e6e7 !important; } input[type="submit"]:active, input[type="reset"]:active, button:active { @@ -2036,19 +2014,18 @@ input[type="submit"]:active, input[type="reset"]:active, button:active { } input:active { - border: 1px solid #f60 !important; - background: #f60 !important; - color: #ee9 !important; + border: 1px solid #7789bf !important; + color: #e6e6e7 !important; } input[type="text"], input[type="password"] { background: #000; background: linear-gradient(to bottom, #000 0%, #010 100%); - color: #ee9; + color: #e6e6e7; margin: 5px 10px; padding: 5px; font: bold 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; - border: 1px solid #494 !important; + border: 1px solid #292929 !important; text-decoration: none; border-radius: 2px; box-shadow: inset 0 0 3px 3px #000; @@ -2069,14 +2046,14 @@ input[type="image"] { input[type="checkbox"], .optbox { min-width: 16px !important; - filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%); /* colorize radios and checkboxes */ + filter: invert(100%) sepia(100%) hue-rotate(70deg); /* colorize radios and checkboxes */ vertical-align: sub; - background: none; + background: #1F1A24; } input[type="checkbox"]:hover, .optbox:hover, input[type="checkbox"]:focus, .optbox:focus { outline: none; - filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%) drop-shadow(0 0 3px #f60); + filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%) drop-shadow(0 0 3px #449944); } label { @@ -2091,7 +2068,7 @@ input[type="file"] { box-shadow: none; border: none !important; background: #000; - color: #ee9; + color: #e6e6e7; padding: 0 !important; cursor: pointer; margin: 5px 8px; @@ -2099,7 +2076,7 @@ input[type="file"] { } input[type="file"]:hover, input[type="file"]:active { - color: #f60; + color: #449944; } input[name="refreshInterval"] { @@ -2135,9 +2112,8 @@ select { -moz-appearance: none; -webkit-appearance: none; appearance: none; - background: #000 url(images/dropdown.png) right center no-repeat !important; - background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%) !important; - color: #494; + background: #332940 url(images/dropdown.png) right center no-repeat !important; + color: #524b5e; margin: 5px 10px; border: 1px outset #191; border-radius: 2px; @@ -2158,21 +2134,21 @@ select option { } select option:hover, select option:checked { - box-shadow: inset 0 0 20px 20px #f60; + box-shadow: inset 0 0 20px 20px #449944; background: #000 !important; } select:focus, select:hover { - color: #f60; - border: 1px solid #f60; + color: #449944; + border: 1px solid #449944; } select:hover { - box-shadow: inset 0 1px 1px 0 #ee9; + box-shadow: inset 0 1px 1px 0 #e6e6e7; } select:hover, select:focus, select:active { - background: #000 url(images/dropdown_hover.png) right center no-repeat !important; + background: #1F1A24 url(images/dropdown_hover.png) right center no-repeat !important; } select::-ms-expand { @@ -2180,10 +2156,10 @@ select::-ms-expand { } textarea { - background: #000; - background: linear-gradient(to bottom, #000 0%, #010 100%) !important; + background: #000 !important; + /*background: linear-gradient(to bottom, #000 0%, #010 100%) !important;*/ box-shadow: inset 0 0 3px 3px #000; - color: #ee9; + color: #e6e6e7; padding: 5px; margin: 10px; border-radius: 2px; @@ -2192,7 +2168,7 @@ textarea { min-width: 97%; width: calc(100% - 15px); text-align: left; - border: 1px solid #494; + border: 1px solid #292929; } textarea[cols="70"], textarea[name="levels"] { @@ -2200,7 +2176,7 @@ textarea[cols="70"], textarea[name="levels"] { } input[type="text"]:focus, input[type="password"]:focus, textarea:focus { - color: #ee9 !important; + color: #e6e6e7 !important; background: #000 !important; filter: drop-shadow(0 0 1px #880); transition: filter ease 0.3s; @@ -2225,25 +2201,25 @@ textarea[readonly]:focus { input[type="submit"], input[type="reset"], select, button { line-height: 120%; - border: 1px solid #8b8; - border-bottom: 1px solid #171; - border-right: 1px solid #171; - background: linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%); - filter: drop-shadow(0 0 1px #131); + border: 1px solid #1F1A24; + border-bottom: 1px solid #7778bf; + border-right: 1px solid #7778bf; + filter: drop-shadow(0 0 1px #7778bf); font-size: 8pt; } input[type="submit"], input[type="reset"], button { padding: 5px 8px !important; outline: none; + border-radius: 12px; } .statusnotes { font-style: italic; font-size: 9pt; - color: #ee9; + color: #e6e6e7; text-align: center; - border: 1px solid #494 !important; + border: 1px solid #292929 !important; margin: -2px 0 5px 0; padding: 7px; background: #000; @@ -2381,7 +2357,7 @@ div.joblog th:first-child { display: block; margin-bottom: 5px !important; margin-top: -11px !important; - border: 1px solid #494; + border: 1px solid #292929; width: 97%; width: calc(100% - 22px); background: #000800; @@ -2434,12 +2410,12 @@ h3#totaljobstats { /* /stats */ form#statnav { - border: 1px solid #494 !important; + border: 1px solid #292929 !important; padding: 10px 10px 10px 15px; } h3.stats { - border: 1px solid #494; + border: 1px solid #292929; border-radius: 0; } @@ -2457,7 +2433,7 @@ div.joblog ul { ul.statlist { margin: -11px 0 -31px !important; - border: 1px solid #494; + border: 1px solid #292929; padding: 10px 0 0; background: #000; color: #bb7; @@ -2559,7 +2535,7 @@ ul.statlist li li:last-child::before { .main#stats form { background: #000; - border: 1px solid #494; + border: 1px solid #292929; padding: 10px; margin: -13px 0 -11px; } @@ -2577,10 +2553,9 @@ ul.statlist li li:last-child { li.noevents { padding: 0 0 20px !important; } -} .main#stats h3 a:hover { - color: #ee9 !important; + color: #e6e6e7 !important; } /* end stats */ @@ -2609,7 +2584,7 @@ form[action="events"] { } .smallhead a img:hover { - filter: drop-shadow(0 0 1px #f60); + filter: drop-shadow(0 0 1px #449944); } .mediumtags { @@ -2637,9 +2612,8 @@ form[action="events"] { tr.tablefooter, .tablefooter td { background: #000 url(images/header.png) repeat-x center center !important; - background: linear-gradient(to bottom, #002000, #000 75%) !important; - border-top: 1px solid #494 !important; - border-bottom: 1px solid #494 !important; + background: linear-gradient(to bottom, #000000, #1F1A24 75%) !important; + border: 1px groove #524b5e !important; line-height: 110%; padding: 6px 10px; } @@ -2647,6 +2621,7 @@ tr.tablefooter, .tablefooter td { .formaction { text-align: right; margin-bottom: -5px; + border: 1px solid #524b5e; } h3[id$="con"] { /* peers h3 + tables */ @@ -2658,7 +2633,7 @@ h3[id$="con"] { /* peers h3 + tables */ letter-spacing: 0.08em; background: #000; background: linear-gradient(to right, #000 0%, #001000 70%, #001300 90%); - border: 1px solid #494; + border: 1px solid #292929; } h3[id="udpcon"] { @@ -2698,11 +2673,11 @@ table#udpconnections table i { } #udpconnections tr:hover td, #ntcpconnections tr:hover td, .tunneldisplay tr:hover td { - color: #ee9; + color: #e6e6e7; } #udpconnections tr.tablefooter td, #ntcpconnections tr.tablefooter td { - color: #ee9; + color: #e6e6e7; text-align: center; } @@ -2712,7 +2687,7 @@ table#udpconnections table i { } #udpconnections tr.tablefooter:hover td { - border-top: 1px solid #494; + border-top: 1px solid #524b5e; } #udpconnections tr.tablefooter td:first-child { @@ -2750,7 +2725,7 @@ table#udpconnections table i { } pre#transports { - border: 1px solid #494; + border: 1px solid #292929; padding: 15px 0 5px 15px; margin: 0 20px 0 0; background: #000; @@ -2758,7 +2733,7 @@ pre#transports { } a[name="chelp"]:hover, a[name="help"]:hover, a[name="chelp"]:active, a[name="help"]:active { /* hide /help anchorpoints */ - color: #ee9 !important; + color: #e6e6e7 !important; text-decoration: none; text-shadow: none; } @@ -2800,14 +2775,14 @@ a[name="chelp"]:hover, a[name="help"]:hover, a[name="chelp"]:active, a[name="hel } .formaction#homeapps, .formaction#homesites, .formaction#tunnelconfigsave, .formaction#homesearch, .formaction#sidebardefaults { - border: 1px solid #494; + border: 1px groove #524b5e; padding: 5px; - background: #000; + background: #1F1A24; margin-top: -2px; } .formaction#themeui { - border: 1px solid #494; + border: 1px solid #524b5e; padding: 5px; margin: 5px -8px -1px; } @@ -2817,20 +2792,19 @@ a[name="chelp"]:hover, a[name="help"]:hover, a[name="chelp"]:active, a[name="hel } tr#addnew, tr#addnew:hover { - border-top: 1px solid #494; - background: #000800; + border-top: 1px solid #524b5e; + background: #332940; } /* /configui lang selection boxes + theme selection */ .themechoice { - background: #000; - background: linear-gradient(to bottom, #010 0%, #000 100%); + background: #1F1A24; width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; - border: 1px solid #262; + border: 1px solid #292929; float: left; text-align: center; padding: 0 4px; @@ -2839,8 +2813,8 @@ tr#addnew, tr#addnew:hover { } .themechoice:hover { - border: 1px solid #f60; - background: #000; + border: 1px solid #da736b; + background: #7789bf; } .themechoice img { @@ -2853,18 +2827,17 @@ tr#addnew, tr#addnew:hover { } .themechoice:hover img { - filter: drop-shadow(0 0 1px #f60); + filter: drop-shadow(0 0 1px #449944); transition: ease transform 0.05s; } .themechoice:hover .themelabel { - border-top: 1px solid #f60 !important; - background: #000; + background: #7789bf; } .themechoice:active .themelabel { - background: #f60 !important; - color: #ee9 !important; + background: #449944 !important; + color: #e6e6e7 !important; box-shadow: inset 0 0 0 1px #000 !important; } @@ -2873,23 +2846,23 @@ tr#addnew, tr#addnew:hover { } .themechoice .optbox:hover + img ~ .themelabel { - color: #f60; + color: #e6e6e7; } .themechoice .optbox:checked + img ~ .themelabel { - background: #030 !important; - color: #ee9; + background: #7789bf !important; + color: #e6e6e7; font-weight: bold; box-shadow: none !important } .themechoice .optbox:focus + img ~ .themelabel { - color: #f60 !important; + color: #449944 !important; box-shadow: inset 0 0 10px 3px #000 !important; } .themechoice .optbox:active + img ~ .themelabel { - color: #ee9 !important; + color: #e6e6e7 !important; box-shadow: inset 0 0 0 1px #000 !important; } @@ -2919,7 +2892,7 @@ tr#addnew, tr#addnew:hover { #themeoptions { clear: both; - border-top: 1px solid #494; + border: 1px solid #524b5e; margin: 0 -7px 5px; position: relative; top: 8px; @@ -2937,9 +2910,9 @@ p#helptranslate { top: 8px; padding: 15px 10px 15px 50px !important; text-align: left !important; - border-top: 1px solid #494; - border-bottom: 1px solid #494; - background: url(/themes/console/images/info/notice.png) left 14px center no-repeat, #000; + border-top: 1px solid #524b5e; + border-bottom: 1px solid #524b5e; + background: url(/themes/console/images/info/notice.png) left 14px center no-repeat, #1F1A24; background-size: 28px 28px; } @@ -2952,13 +2925,12 @@ p#helptranslate { } .themelabel { - border-top: 1px solid #262 !important; margin-left: -4px; margin-right: -4px; padding: 4px 2px 5px; - background: #001000; - background: linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000); - color: #bb7; + color: #e6e6e7; + font: 8.5pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; + font-size: 8.5pt; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; @@ -2966,22 +2938,22 @@ p#helptranslate { h3#themeheading, h3#passwordheading { border-radius: 0; - border: 1px solid #494; + border: 1px solid #292929; padding: 8px 10px; font-size: 10.5pt; word-spacing: 0.1em; letter-spacing: 0.08em; margin-bottom: 0; background: #000; - background: linear-gradient(to right, #000 0%, #001000 70%, #001300 90%); + background: linear-gradient(to bottom, #332940 10%, #1F1A24 50%); } #themesettings { clear: both; - border: 1px solid #494; + border: 1px groove #524b5e; padding: 8px 7px 0; margin: -1px 0; - background: #000; + background: #1F1A24; } #themesettings hr { @@ -2990,7 +2962,7 @@ h3#themeheading, h3#passwordheading { td#themeselect { clear: both; - border: 1px solid #494; + border: 1px solid #292929; padding: 8px 7px 0; margin: -1px 0; } @@ -3008,7 +2980,7 @@ td#themeselect { } .langselect:hover { - border: 1px solid #f60; + border: 1px solid #449944; background: #000; } @@ -3050,43 +3022,43 @@ td#themeselect { } .langselect input:hover + img { - box-shadow: 0 0 2px 1px #f60; + box-shadow: 0 0 2px 1px #449944; transition: ease all 0.3s; opacity: 1; } .langselect input:hover + img + div.ui_lang { - color: #f60; - border-top: 1px solid #f60; + color: #449944; + border-top: 1px solid #449944; background: #000; } .langselect input:focus + img + div.ui_lang { - color: #f60 !important; + color: #449944 !important; box-shadow: inset 0 0 10px 3px #000 !important; } .langselect input:active + img + div.ui_lang { - color: #ee9 !important; + color: #e6e6e7 !important; box-shadow: inset 0 0 0 1px #000 !important; } .langselect:hover .ui_lang { - border-top: 1px solid #f60; + border-top: 1px solid #449944; background: #000; - color: #f60; + color: #449944; } .langselect:active .ui_lang { - background: #f60 !important; - color: #ee9 !important; + background: #449944 !important; + color: #e6e6e7 !important; box-shadow: inset 0 0 0 1px #000; } .langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] { width: 19px !important; height: 13px !important; - border: 1px solid #f60; + border: 1px solid #449944; box-shadow: 0 0 1px #f30; margin-top: 6px !important; margin-left: -72px; @@ -3094,7 +3066,7 @@ td#themeselect { .langselect input[name="lang"]:checked + img + div.ui_lang { background: #030 !important; - color: #ee9; + color: #e6e6e7; font-weight: bold; } @@ -3126,7 +3098,7 @@ td#themeselect { .langselect input:hover + img { box-shadow: none !important; transition: none !important; - filter: drop-shadow(0 0 1px #f60); + filter: drop-shadow(0 0 1px #449944); } @media screen and (-webkit-min-device-pixel-ratio:0) { @@ -3173,7 +3145,7 @@ td#themeselect { } #bandwidthconfig { - border: 1px solid #7778bf; + border: 1px groove #524b5e; } #bandwidthconfig.configtable.wizard { @@ -3222,18 +3194,17 @@ h3#langheading { } select#langsettings { - border: 1px solid #494; + border: 1px solid #292929; padding: 8px 7px 12px; - margin-top: -1px; - margin-bottom: -12px; - background: #000; + background: url(images/dropdown.png) right center no-repeat, #332940; font-size: large; height: 3rem; width: 15rem; + color: #e6e6e7; } div#langsettings { - border: 1px solid #7778bf; + border: 1px groove #524b5e; } div#wizlangsettings.wizard { @@ -3250,8 +3221,7 @@ div#wizlangsettings.wizard { .formaction#langui { margin: 5px 0 0; padding: 5px; - border: 1px solid #494; - background: #000; + background: #1F1A24; } /* console password layout */ @@ -3279,7 +3249,7 @@ table#consolepass td { } table#consolepass td { - border-bottom: 1px solid #494; + border-bottom: 1px solid #524b5e; padding: 5px 10px; } @@ -3289,7 +3259,7 @@ table#consolepass input { table#consolepass td#pw_adduser { padding: 5px 10px; - background: #000; + background: #1F1A24; } td#pw_adduser input { @@ -3307,9 +3277,9 @@ table#consolepass input[type="password"] { .formaction#consolepass { margin-bottom: -2px !important; margin-top: -2px; - border: 1px solid #494; + border: 1px solid #524b5e; padding: 5px; - background: #000; + background: #1F1A24; } #consolepass input[name="name"], #externali2cp input[name="user"] { @@ -3337,7 +3307,7 @@ table#consolepass input[type="password"] { form[action="/createreseed"] > h3 { border-radius: 0; - border: 1px solid #494; + border: 1px solid #292929; padding: 10px; font-size: 10.5pt; word-spacing: 0.1em; @@ -3409,9 +3379,9 @@ table#reseedconfig textarea, #i2pupdates textarea { } .formaction#shutdown, .formaction#restart, .formaction#systray, .formaction#runonstart, .formaction#dumpthreads, .formaction#browserstart { - border: 1px solid #494; + border: 1px solid #524b5e; padding: 5px; - background: #000; + background: #1F1A24; margin-top: -11px; margin-bottom: 8px; } @@ -3437,7 +3407,7 @@ p#defaultswork { p#upnpconfig, p#ipchange, p#ipv6config, p#tcpconfig, p#confignotes, p#defaultswork { padding: 10px; - border: 1px solid #494; + border: 1px solid #292929; margin-bottom: -13px; margin-top: -12px; } @@ -3453,7 +3423,7 @@ p#confignotes { } p#ipconfig, p#ipv4config, p#udpconfig, p#externaltcp { - border: 1px solid #494; + border: 1px solid #292929; border-bottom: none; padding: 10px; background: #001000; @@ -3479,9 +3449,7 @@ img.wizard.progress { left: 1%; max-height: 10%; max-width: 30%; - -webkit-filter: invert(1); - filter: invert(1); - z-index: 500; + mix-blend-mode: multiply; } .wizard { @@ -3520,7 +3488,7 @@ img.wizard.progress { top: 0px; height: 100%; width: 100%; - background-color: #000; + background-color: #1F1A24; } .wizardimg { @@ -3528,11 +3496,10 @@ img.wizard.progress { max-height: 100%; margin: auto; top: 0; - -webkit-filter: invert(1); - filter: invert(1); z-index: 0; position: absolute; right: 0%; + mix-blend-mode: multiply; } #bandwidthconfig .configtable tr:last-child td { @@ -3563,7 +3530,6 @@ table#bandwidthconfig td:first-child { #bandwidthconfig.configtable.wizard td { white-space: normal; background: none; - /*font-size: small;*/ } #xhr.notification { @@ -3633,7 +3599,7 @@ div.eventspanel { } form[action="events"] { - border: 1px solid #494; + border: 1px solid #292929; margin-top: -11px; padding: 10px 20px 10px; margin-bottom: 20px; @@ -3678,8 +3644,8 @@ table#addkeyring td:first-child { } table#addkeyring tr:last-child { - border-top: 1px solid #494; - background: #000; + border-top: 1px solid #524b5e; + background: #1F1A24; } table#addkeyring tr:last-child td { @@ -3692,8 +3658,8 @@ table#addkeyring tr:last-child td { } p#keyringhelp, p#webappconfig, p#availableplugins, p#pluginconfigtext, p#clientdefaultshelp, p#bwshare, p#editclients, p#upnpstatus, p#gatherstats { - background: #000 url(images/infohelp.png) 12px center no-repeat; - border: 1px solid #494; + background: #1F1A24 url(images/infohelp.png) 12px center no-repeat; + border: 1px solid #292929; padding: 15px 15px 15px 50px; } @@ -3710,7 +3676,7 @@ p#gatherstats { } .configtable#webappconfig tr:last-child, .configtable#clientconfig tr:last-child { - border-top: 1px inset #131; + border-top: 1px inset #292929; } p#availableplugins { @@ -3762,14 +3728,14 @@ input[name="ff"] + br + input[name="ff"] + br { } input[type="hidden"] + p { - border: 1px solid #494; + border: 1px solid #292929; padding: 10px; margin-bottom: -21px; background: #000; } form[action="configclients"]:first-child > input[type="hidden"] + p { - border: 1px solid #494; + border: 1px solid #292929; padding: 10px; margin-top: -1px !important; margin-bottom: -21px; @@ -3777,7 +3743,7 @@ form[action="configclients"]:first-child > input[type="hidden"] + p { } input[type="hidden"] + p + p { - border: 1px solid #494; + border: 1px solid #292929; padding: 10px; margin-top: 20px; margin-bottom: -21px; @@ -3869,7 +3835,7 @@ input.go, button.go, input[value="GO"] { #i2pupdates tr:last-child td { padding-right: 6px; - background: #000 !important; + background: #1F1A24 !important; } /* /configlogging */ @@ -3915,7 +3881,7 @@ table#loggingoptions td:first-child { #config_summarybar .configtable td:not(.optionsave) { padding-left: 45px; - background: url(/themes/console/images/info/interval.png) 12px center no-repeat #000; + background: url(/themes/console/images/info/interval.png) 12px center no-repeat #1F1A24; background-size: 28px 28px; } @@ -3971,8 +3937,8 @@ table#sidebarconf { } #sidebarconf tr:last-child { - background: #000; - border-top: 1px solid #494; + background: #1F1A24; + border-top: 1px solid #524b5e; } #sidebarconf tr:last-child td:last-child { @@ -3987,8 +3953,7 @@ table#sidebarconf { #sidebarconf th:nth-child(1), .homelinkedit th:first-child, #consolepass th:first-child { text-align: center; - background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000) !important; - background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #002000, #000 75%) !important; + background: url(/themes/console/images/buttons/delete.png) center no-repeat, linear-gradient(to bottom, #332940 10%, #1F1A24 50%); text-indent: -99999px; } @@ -4007,7 +3972,7 @@ h3#shutdownrouter + p, h3#restartrouter + p, h3#servicedebug + p, h3#browseronst h3#servicedebug + p + p { padding: 10px; - border: 1px solid #494; + border: 1px solid #292929; border-bottom: none; margin-bottom: -21px; background: #001000; @@ -4045,7 +4010,7 @@ h3#servicedebug a, h3#graphinfo a { .main#tunnels h3 a[href^="/configtunnels#"]:hover, h3.tabletitle a:hover::after, .main#tunnels h3 a[href^="/configtunnels#"]:focus, h3.tabletitle a:focus::after { - filter: drop-shadow(0 0 1px #f60); + filter: drop-shadow(0 0 1px #449944); } /* end /tunnels */ @@ -4063,9 +4028,9 @@ table#clientconfig th:last-child { } .formaction#clientsconfig, .formaction#webappconfigactions, .formaction#pluginconfigactions { - border: 1px solid #494; + border: 1px groove #524b5e; padding: 5px; - background: #000; + background: #1F1A24; margin-bottom: -1px; } @@ -4095,14 +4060,15 @@ table#externali2cp { } #volunteer, #legal, #sidebarhelp, #volunteer, #reachabilityhelp, #configurationhelp, #advancedsettings, #faq { - border: 1px solid #494; + border: 1px solid #292929; padding: 0 20px; margin: 10px 0 15px; - background: #000; + background: #1F1A24; } #volunteer { - background: #000 url(images/scarface.jpg) right bottom no-repeat; + 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, #1F1A24 !important; + background-blend-mode: lighten; background-size: auto 75%; } @@ -4112,6 +4078,7 @@ table#externali2cp { .main#help h2 { font-size: 12pt; + background: linear-gradient(to bottom, #332940 10%, #1F1A24 50%); } #legal h2, #sidebarhelp h2, #volunteer h2, #reachabilityhelp h2, #configurationhelp h2, #advancedsettings h2, #faq h2 { @@ -4123,7 +4090,7 @@ table#externali2cp { word-spacing: 0.1em; border-radius: 0; margin: -1px -21px 10px !important; - background: linear-gradient(to right, #000 0%, #001000 70%, #001300 90%); + background: linear-gradient(to bottom, #332940 10%, #1F1A24 50%); } #advancedsettings h2 { @@ -4131,10 +4098,8 @@ table#externali2cp { } table#configinfo { - border: none !important; margin: 0 auto 0; - width: 99%; - width: calc(100% - 20px); + border: 1px inset #292929 !important; } #configinfo th { @@ -4142,21 +4107,20 @@ table#configinfo { padding: 5px 0; color: #dd0; letter-spacing: 0.05em; - background: #000 !important; - border: none; - border-bottom: 1px solid #131 !important; + background: #1F1A24 !important; + border: 1px groove #524b5e; font: 9pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace; } #configinfo td { padding: 5px 15px; line-height: 140%; - background: #000; + background: #332940; text-align: justify; } .main#help h2 a:hover { - color: #ee9 !important; + color: #e6e6e7 !important; } #sidebarhelp h3, #faq h3 { @@ -4168,8 +4132,8 @@ table#configinfo { word-spacing: 0.1em; border-radius: 0; margin: 0 -21px 10px !important; - background: linear-gradient(to right, #000 0%, #001000 70%, #001300 90%); - border: 1px solid #494; + background: linear-gradient(to bottom, #332940 10%, #1F1A24 50%); + border: 1px solid #292929; } #changelog h2 { @@ -4188,8 +4152,8 @@ table#configinfo { max-height: 600px; overflow-y: scroll; width: calc(100% - 32px); - border-left: 1px solid #494; - border-right: 1px solid #494; + border-left: 1px solid #524b5e; + border-right: 1px solid #524b5e; margin-top: 11px; background: #000; } @@ -4198,7 +4162,7 @@ p#fullhistory { text-align: right; margin-top: -12px; margin-bottom: 11px; - border: 1px solid #494; + border: 1px solid #292929; padding: 6px 10px; background: #000; position: relative; @@ -4239,8 +4203,7 @@ ul#upnphelp li:last-child, #legal ul li:last-child { #faq h3 { padding-left: 35px !important; - background: url(/themes/console/images/info/question.png) 10px 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; - background-size: 18px 18px, 100% 100% !important; + background: linear-gradient(to bottom, #332940 10%, #1F1A24 50%); text-transform: none; font-size: 10.5pt !important; letter-spacing: 0; @@ -4330,7 +4293,7 @@ table#netdboverview { } #netdbversions, #netdbtransports, #netdbcountrylist { - border: 1px solid #131 !important; + border: 1px solid #292929 !important; margin-bottom: 0; } @@ -4386,7 +4349,7 @@ th > img[src^="/imagegen"] { /* scale down header images */ height: 24px; width: 24px; margin: -1px; - border-left: 1px solid #494; + border-left: 1px solid #524b5e; } /* Advanced lookup */ @@ -4419,7 +4382,7 @@ th > img[src^="/imagegen"] { /* scale down header images */ text-align: left !important; background: #000; padding: 10px; - border: 1px solid #494; + border: 1px solid #292929; } .subheading b { @@ -4463,7 +4426,7 @@ th > img[src^="/imagegen"] { /* scale down header images */ .netdb_leases { columns: auto 420px !important; - column-rule: 1px solid #131; + column-rule: 1px solid #292929; column-gap: 1em; } @@ -4537,7 +4500,7 @@ img.unknownflag { } #criticallogs ul { /* tidy router logs ul */ - border: 1px solid #494; + border: 1px solid #292929; margin: -6px -11px !important; } @@ -4588,7 +4551,7 @@ img.unknownflag { #criticallogs td , #routerlogs td, #eventlogs td, #wrapperlogs td { font-weight: normal !important; padding: 5px 10px; - border-top: 1px solid #494; + border-top: 1px solid #524b5e; } table#criticallogs tr:first-child { @@ -4720,7 +4683,7 @@ font[color="#000099"] { } #profilelist tr:hover td, table#floodfills tr:hover td { - color: #ee9; + color: #e6e6e7; } #profilelist td:last-child { @@ -4786,7 +4749,7 @@ a[href^="configpeer?peer"]::after { } a[href^="configpeer?peer"]:hover { - filter: drop-shadow(0 0 1px #f60); + filter: drop-shadow(0 0 1px #449944); } table#profile_defs, table#thresholds { @@ -4907,18 +4870,18 @@ h3#bannedpeers { } ul#banlist { - border: 1px solid #494; - background: #000; + border: 1px solid #292929; + background: #433e47; padding: 10px 5px 10px 0; margin: -1px 0 13px; -moz-column-count: auto; -moz-column-width: 280px; -moz-column-gap: 5px; - -moz-column-rule: 1px dotted #494; + -moz-column-rule: 1px dotted #524b5e; -webkit-column-count: auto; -webkit-column-width: 280px; -webkit-column-gap: 5px; - -webkit-column-rule: 1px dotted #494; + -webkit-column-rule: 1px dotted #524b5e; column-count: auto; column-width: 280px; column-gap: 5px; @@ -4930,7 +4893,7 @@ ul#banlist { border-bottom: 1px dotted #151; margin: 0 8px 3px; padding-top: 3px; - min-width: 400px; + min-width: 250px; width: 88%; padding-bottom: 5px; break-inside: avoid; @@ -4983,7 +4946,7 @@ ul#banlist + hr { } #bannedips table tr:last-child { - border-bottom: 1px solid #494; + border-bottom: 1px solid #524b5e; } #permabanned, #banneduntilrestart { @@ -4992,7 +4955,7 @@ ul#banlist + hr { } #permabanned td:first-child { - border-left: 1px solid #494; + border-left: 1px solid #524b5e; text-align: right; padding-right: 10px; width: 49%; @@ -5009,32 +4972,32 @@ ul#banlist + hr { } #banneduntilrestart td { - border-right: 1px solid #494; + border-right: 1px solid #524b5e; text-align: center !important; } #ipv4, #ipv6, #permabanned tr:nth-child(2) { background: #000 url(images/header.png) center center repeat-x; background: linear-gradient(to bottom, #002000, #000 75%) !important; - border-top: 1px solid #494; - border-bottom: 1px solid #494; + border-top: 1px solid #524b5e; + border-bottom: 1px solid #524b5e; } /* end /configpeers banlist */ .footnote { text-align: right; - color: #494; + color: #524b5e; font-size: 8pt; margin-bottom: 5px !important; } .footnote hr { margin: 10px 0 5px 0 !important; - color: #494; - background: #494; + color: #524b5e; + background: #524b5e; height: 1px; - border: 0 solid #494; + border: 0 solid #524b5e; } .topness { @@ -5102,8 +5065,8 @@ ul#banlist + hr { } h4.app, h4.app2 { - background: url(images/header.png) center center repeat-x; - border: 1px solid #449944; + background: #1F1A24; + border: 1px groove #524b5e; font-size: 10.5pt; font-variant: small-caps; margin: 11px -8px -9px; @@ -5128,9 +5091,7 @@ div.app { float: left; padding: 2px 0 0 !important; min-width: 70px; - border: 1px solid #494; - background: #000; - background: linear-gradient(to bottom, #010 0%, #000 100%); + border: 1px solid #292929; border-radius: 2px; margin: 2px 3px 5px; text-align: center !important; @@ -5140,26 +5101,26 @@ div.app { } .app a:link, .app a:visited { - color: #494; + color: #e1dbe9; padding: 2px; display: inline-block; } div.app:hover { opacity: 1; - border: 1px solid #f60; - background: #000; + border: 1px solid #1F1A24; + background: #7778bf; box-shadow: none; - color: #f60 !important; + color: #e6e6e7 !important; } div.app:active .applabel { - background: #f60 !important; + background: #e6e6e7 !important; box-shadow: inset 0 0 0 1px #000; } div.app:active .applabel a { - color: #ee9 !important; + color: #e6e6e7 !important; } div.app a:link, div.app a:hover, div.app a:active { @@ -5168,7 +5129,7 @@ div.app a:link, div.app a:hover, div.app a:active { } div.app:hover a:link, div.app:hover a:visited { - color: #f60; + color: #e6e6e7; } div.app:last-child { @@ -5242,10 +5203,15 @@ button.search { } .appimg { + filter: hue-rotate(100deg) brightness(95%) saturate(3000%); height: 32px; padding: 0 0 6px; } +.plugin { + filter: none; +} + .app img { height: 32px; width: auto; @@ -5253,11 +5219,10 @@ button.search { max-width: 32px; padding: 10px 52px 38px; margin: -4px 0 1px; -/* filter: sepia(100%) hue-rotate(70deg); enable for green-tinted app icons */ } div.app:hover.app img, a:focus .app img { - filter: drop-shadow(0 0 1px #f60) saturate(200%); + filter: drop-shadow(0 0 1px #446644) saturate(200%); opacity: 1; transition: filter ease 0.3s; } @@ -5293,20 +5258,19 @@ div.app:hover.app img, a:focus .app img { border: none; width: 136px; min-width: 72px; - background: #001000; - background: linear-gradient(to bottom, #001000, #001900 50%, #000 50%); border-radius: 0 0 2px 2px; - border-top: 1px solid #494; + /*border-top: 1px solid #7778bf;*/ + border-top: 1px solid #1F1A24; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* ellipsize overlong app labels */ - color: #494; + color: #524b5e; } .applabel:hover { - background: #000; - border-top: 1px solid #f60; - color: #f60; + background: #7778bf; + border-top: 1px solid #449944; + color: #e6e6e7; } .applabel a { @@ -5324,9 +5288,9 @@ div.app:hover.app img, a:focus .app img { } div.app:hover .applabel { - border-top: 1px solid #f60 !important; - background: #000; - color: #f60; + border-top: 1px solid #7778bf !important; + background: #7778bf; + color: #e6e6e7; } /* end home page */ @@ -5345,7 +5309,6 @@ iframe.iframed { #i2psnarkframe { margin-bottom: -2px !important; - background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)), url(images/camotile2.png); background-size: 100% 100%, 175px 175px; } @@ -5376,7 +5339,7 @@ body.iframed { /* global overrides */ h3[id*="job"] { - border: 1px solid #494; + border: 1px solid #292929; padding: 6px; margin: 12px 0 10px 0; border-radius: 0; @@ -5434,7 +5397,7 @@ table.netdbentry td, table.leaseset td, table#leasesetdebug td, .sybil_routerinf } table.netdbentry td b, table.leaseset td b, table#leasesetdebug td b, .sybil_routerinfo td b { - color: #ee9 !important; + color: #e6e6e7 !important; } a.viewfullentry:not(old), a[href^="viewprofile"]:not(old) { @@ -5447,7 +5410,7 @@ a.viewfullentry::after, a[href^="viewprofile"]::after { } a.viewfullentry:hover { - filter: drop-shadow(0 0 1px #f60); + filter: drop-shadow(0 0 1px #449944); } table#leasesetdebug th a:not(old), table#leasesetsummary th a:not(old) { @@ -5461,7 +5424,7 @@ table#leasesetdebug th a::after, table#leasesetsummary th a::after { } table#leasesetdebug th a:hover, table#leasesetsummary th a:hover { - filter: drop-shadow(0 0 1px #f60); + filter: drop-shadow(0 0 1px #449944); } .main#certs { @@ -5475,7 +5438,7 @@ table#leasesetdebug th a:hover, table#leasesetsummary th a:hover { .main#certs h4 { padding: 5px; margin: 15px 0 0; - border: 1px solid #494; + border: 1px solid #292929; letter-spacing: 0.05em; font-size: 10pt; background: linear-gradient(to right, #000 0%, #020 100%); @@ -5488,7 +5451,7 @@ table#leasesetdebug th a:hover, table#leasesetsummary th a:hover { .main#certs p { margin-top: -1px; padding: 10px; - border: 1px solid #494; + border: 1px solid #292929; background: #000; } @@ -5512,7 +5475,7 @@ table#leasesetdebug th a:hover, table#leasesetsummary th a:hover { border: none; background: none !important; box-shadow: none; - color: #ee9 !important; + color: #e6e6e7 !important; filter: none; } @@ -5544,7 +5507,7 @@ table#leasesetdebug th a:hover, table#leasesetsummary th a:hover { } .addtobook a:hover { - filter: drop-shadow(0 0 1px #f60); + filter: drop-shadow(0 0 1px #449944); } #leasesetdebug th, #leasesetsummary th { @@ -5583,7 +5546,7 @@ table#leasesetdebug th a:hover, table#leasesetsummary th a:hover { width: 200px; white-space: nowrap; text-align: right; - border-right: 1px inset #131; + border-right: 1px inset #292929; } #leasesetdebug td:nth-child(even) { @@ -5598,13 +5561,13 @@ table#leasesetdebug th a:hover, table#leasesetsummary th a:hover { #noleasesets, #notinitialized, .netdbnotfound { background: #000 url(images/infohelp.png) 12px center no-repeat; padding: 15px 15px 15px 50px; - border: 1px solid #494; + border: 1px solid #292929; margin-bottom: 10px; text-align: left; } #sybilnav, #sybils_summary { - border: 1px solid #494; + border: 1px solid #292929; padding: 10px; margin-bottom: 10px; line-height: 160%; @@ -5638,7 +5601,7 @@ table#leasesetdebug th a:hover, table#leasesetsummary th a:hover { } #sybilnav ul li:hover { - border: 1px solid #f60; + border: 1px solid #449944; } #sybilnav a { @@ -5647,7 +5610,7 @@ table#leasesetdebug th a:hover, table#leasesetsummary th a:hover { } #sybilnav ul li:hover a { - color: #f60; + color: #449944; } #sybilnav ul li a { @@ -5711,7 +5674,7 @@ table#leasesetdebug th a:hover, table#leasesetsummary th a:hover { } p.sybil_info, p.family, p.threatpoints, p.hashdist, p#sybil_totals, p.notfound { - border: 1px solid #494; + border: 1px solid #292929; padding: 5px 5px 5px 30px; margin: 3px 0; color: #cc0; @@ -5740,7 +5703,7 @@ p.sybil_info + a[name] + table.sybil_routerinfo, p.hashdist + a[name] + table.sy .threatpoints + ul { background: #000; - border: 1px solid #494; + border: 1px solid #292929; padding: 5px 5px 0; margin: -4px 0 10px; } @@ -5785,7 +5748,7 @@ h3#iptransport a::after, h3#advancedconfig a::after { } h3#iptransport a:hover, h3#advancedconfig a:hover { - filter: drop-shadow(0 0 1px #f60); + filter: drop-shadow(0 0 1px #449944); } table.configtable { @@ -5794,7 +5757,7 @@ table.configtable { } table.configtable tr:last-child { - border-top: 1px solid #494; + border-top: 1px solid #524b5e; } table#netconfig th, table#externali2cp th, table#plugininstall th, table#plugininstall2 th, .configtable th, th.th_title { @@ -5808,7 +5771,7 @@ table#netconfig th, table#externali2cp th, table#plugininstall th, table#plugini .configtable td { padding: 6px 10px; - background: #000; + background: #1F1A24; line-height: 180%; } @@ -5829,12 +5792,9 @@ textarea#advancedsettings { } .configtable td.infohelp, p.infohelp, td.infohelp, p.infowarn, td.infowarn, p#debugmode, p#sybilinfo { - background: #000 url(images/infohelp.png) 12px center no-repeat !important; padding: 15px 15px 15px 50px !important; text-align: justify; line-height: 130% !important; - /*border-bottom: 1px solid #494; - border-top: 1px solid #494;*/ white-space: normal !important; font-weight: normal !important; background-size: 28px 28px !important; @@ -5845,12 +5805,12 @@ table.logtable, #enviro { } p.infohelp, p#debugmode, p#sybilinfo { - border: 1px solid #494; + border: 1px solid #524b5e; } p.infowarn, td.infowarn { - background: #000 url(images/infowarn.png) 12px center no-repeat !important; - border: 1px solid #494; + background: #1F1A24 url(images/infowarn.png) 12px center no-repeat !important; + border: 1px solid #292929; box-shadow: inset 0 0 0 1px #300; padding: 15px 15px 15px 50px; background-size: 28px 28px !important; @@ -5862,10 +5822,9 @@ p.infowarn, td.infowarn { td.optionsave { text-align: right; - border-top: 1px solid #494; + border-top: 1px solid #524b5e; padding: 5px !important; white-space: nowrap; -/* width: 50px;*/ background: none; } @@ -5877,7 +5836,7 @@ h3.tabletitle, h3#i2pclientconfig, h3#advancedclientconfig, h3#webappconfig, h3# h3#updateplugins, h3#pluginmanage, h3#bannedpeers, h3.ptitle, h3#transports, h3#upnpstatus, h3.sybils, #certs h3 { margin-bottom: 0 !important; border-radius: 0; - border: 1px solid #494; + border: 1px solid #292929; text-transform: uppercase; letter-spacing: 0.08em; padding: 8px 10px; @@ -5909,11 +5868,11 @@ h3#upnpstatus { } h3#upnp { - border: 1px solid #494; + border: 1px solid #292929; } #upnpscan { - border: 1px solid #494; + border: 1px solid #292929; margin: -11px 0 10px; padding: 0 15px 5px; background: #000; @@ -5954,7 +5913,7 @@ table#advconf { } p#javaclienthelp { - border: 1px solid #494; + border: 1px solid #292929; background: url(images/infohelp.png) 12px center no-repeat !important; padding: 10px 10px 10px 50px !important; } @@ -5982,7 +5941,7 @@ table#externali2cp th { th.th_title { padding: 8px 10px !important; text-align: left; - 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; + background: linear-gradient(to bottom, #332940 10%, #1F1A24 50%); } input#hideme { @@ -5999,11 +5958,11 @@ input#hideme { } #pluginupdater { - border: 1px solid #494; + border: 1px solid #524b5e; padding: 15px 5px 15px 50px; margin-top: -11px; margin-bottom: 10px !important; - background: url(/themes/console/images/info/update.png) 12px center no-repeat, #000; + background: url(/themes/console/images/info/update.png) 12px center no-repeat, #1F1A24; background-size: 28px 28px; } @@ -6018,8 +5977,8 @@ input#hideme { h4.embeddedtitle#updateplugins { padding: 5px 10px; background: #000 url(images/header.png) center center repeat-x; - background: linear-gradient(to bottom, #002000, #000 75%) !important; - border: 1px solid #494; + background: linear-gradient(to bottom, #332940 10%, #1F1A24 50%); + border: 1px solid #292929; text-align: left; text-transform: uppercase; font-size: 10pt; @@ -6094,11 +6053,11 @@ table#configstats { } #configstats td:last-child { - border-right: 1px solid #494; + border-right: 1px solid #524b5e; } #configstats tr { - border-top: 1px inset #131; + border-top: 1px inset #292929; } /* @@ -6114,7 +6073,7 @@ table#configstats { */ #configstats .tablefooter:last-child td { - background: #000 !important; + background: #1F1A24 !important; text-align: right; } @@ -6124,7 +6083,7 @@ table#configstats { } #configstats td b { - color: #ee9; + color: #e6e6e7; } #configstats input.optbox { @@ -6139,13 +6098,13 @@ table#configstats { p#enablefullstats { margin-top: 5px; padding: 5px 10px; - border: 1px solid #494; + border: 1px solid #292929; } #peerdefs td:first-child { width: 40px; white-space: nowrap; - border: 1px inset #131; + border: 1px inset #292929; text-align: right; } @@ -6176,19 +6135,19 @@ p#sybilinfo { } #addkeyring td.infohelp { - background: #000 url(/themes/console/images/info/keys.png) 12px center no-repeat !important; + background: #1F1A24 url(/themes/console/images/info/keys.png) 12px center no-repeat !important; padding: 15px 15px 15px 50px; background-size: 28px 28px !important; } #joinfamily tr:nth-child(3) td:first-child { - background: #000 url(/themes/console/images/info/key.png) 12px center no-repeat !important; + background: #1F1A24 url(/themes/console/images/info/key.png) 12px center no-repeat !important; padding: 15px 15px 15px 50px; background-size: 28px 28px !important; } #newfamily tr:last-child td:first-child { - background: #000 url(/themes/console/images/info/label.png) 12px center no-repeat !important; + background: #1F1A24 url(/themes/console/images/info/label.png) 12px center no-repeat !important; padding: 15px 15px 15px 50px; background-size: 28px 28px !important; } @@ -6204,7 +6163,7 @@ p#sybilinfo { } #floodfillconfig tr:first-child .infohelp { - background: #000 url(/themes/console/images/info/floodfill_32x32.png) 12px center no-repeat !important; + background: #1F1A24 url(/themes/console/images/info/floodfill_32x32.png) 12px center no-repeat !important; padding: 15px 15px 15px 50px; background-size: 28px 28px !important; } @@ -6218,85 +6177,85 @@ p#sybilinfo { } p#clientconf.infohelp, p#webappconfigtext.infohelp { - background: #000 url(/themes/console/images/info/java_edit.png) 12px center no-repeat !important; + background: #1F1A24 url(/themes/console/images/info/java_edit.png) 12px center no-repeat !important; padding: 15px 15px 15px 50px; background-size: 28px 28px !important; } p#pluginconfigtext { - background: #000 url(/themes/console/images/info/plugin_edit.png) 12px center no-repeat !important; + background: #1F1A24 url(/themes/console/images/info/plugin_edit.png) 12px center no-repeat !important; padding: 15px 15px 15px 50px; background-size: 28px 28px !important; } #plugininstall .infohelp { - background: #000 url(/themes/console/images/info/plugin_link.png) 12px center no-repeat !important; + background: #1F1A24 url(/themes/console/images/info/plugin_link.png) 12px center no-repeat !important; padding: 15px 15px 15px 50px; background-size: 28px 28px !important; } #manualreseed tr:nth-last-child(2) td.infohelp { - background: #000 url(/themes/console/images/info/box.png) 12px center no-repeat !important; + background: #1F1A24 url(/themes/console/images/info/box.png) 12px center no-repeat !important; padding: 15px 15px 15px 50px; background-size: 28px 28px !important; } #config_peers tr:nth-child(3) td.infohelp { - background: #000 url(/themes/console/images/info/blocked.png) 12px center no-repeat !important; + background: #1F1A24 url(/themes/console/images/info/blocked.png) 12px center no-repeat !important; padding: 15px 15px 15px 50px; background-size: 28px 28px !important; } h3#shutdownrouter + p.infohelp { - background: #000 url(/themes/console/images/info/power.png) 12px center no-repeat !important; + background: #1F1A24 url(/themes/console/images/info/power.png) 12px center no-repeat !important; padding: 15px 15px 15px 50px; background-size: 28px 28px !important; } h3#restartrouter + p.infohelp, #config_family .infohelp.needrestart { - background: #000 url(/themes/console/images/info/reboot.png) 12px center no-repeat !important; + background: #1F1A24 url(/themes/console/images/info/reboot.png) 12px center no-repeat !important; padding: 15px 15px 15px 50px; background-size: 28px 28px !important; } h3#systray + p.infohelp { - background: #000 url(/themes/console/images/info/systray.png) 12px center no-repeat !important; + background: #1F1A24 url(/themes/console/images/info/systray.png) 12px center no-repeat !important; padding: 15px 15px 15px 50px; background-size: 28px 28px !important; } h3#servicedebug + p.infohelp { - background: #000 url(/themes/console/images/info/debug.png) 12px center no-repeat !important; + background: #1F1A24 url(/themes/console/images/info/debug.png) 12px center no-repeat !important; padding: 15px 15px 15px 50px; background-size: 28px 28px !important; } h3#browseronstart + p.infohelp { - background: #000 url(/themes/console/images/info/launch_browser.png) 12px center no-repeat !important; + background: #1F1A24 url(/themes/console/images/info/launch_browser.png) 12px center no-repeat !important; padding: 15px 15px 15px 50px; background-size: 28px 28px !important; } .main#config_reseed p.infohelp { - background: #000 url(/themes/console/images/info/connect.png) 12px center no-repeat !important; + background: #1F1A24 url(/themes/console/images/info/connect.png) 12px center no-repeat !important; padding: 15px 15px 15px 50px; background-size: 28px 28px !important; } p#enablefullstats, p#gatherstats { - background: #000 url(/themes/console/images/info/statistics.png) 12px center no-repeat !important; + background: #1F1A24 url(/themes/console/images/info/statistics.png) 12px center no-repeat !important; padding: 15px 15px 15px 50px; background-size: 28px 28px !important; } #config_family .infohelp { - background: #000 url(/themes/console/images/info/family.png) 12px center no-repeat !important; + background: #1F1A24 url(/themes/console/images/info/family.png) 12px center no-repeat !important; padding: 15px 15px 15px 50px; background-size: 28px 28px !important; } #consolepass tr:first-child td { - background: #000 url(/themes/console/images/info/user_add.png) 12px center no-repeat; + background: #1F1A24 url(/themes/console/images/info/user_add.png) 12px center no-repeat; background-size: 28px 28px; padding: 15px 15px 15px 50px; } @@ -6308,13 +6267,13 @@ form[action="events"] { } #plugininstall tr:nth-child(3) td:nth-last-child(2), #manualreseed tr:nth-child(3) td:nth-last-child(2) { - background: #000 url(/themes/console/images/info/url.png) 12px center no-repeat; + background: #1F1A24 url(/themes/console/images/info/url.png) 12px center no-repeat; padding: 15px 15px 15px 50px; background-size: 28px 28px; } #manualreseed tr:nth-child(5) td:nth-last-child(2), #plugininstall2 tr:nth-child(2) td:nth-last-child(2) { - background: #000 url(/themes/console/images/info/from_file.png) 12px center no-repeat; + background: #1F1A24 url(/themes/console/images/info/from_file.png) 12px center no-repeat; padding: 15px 15px 15px 50px; background-size: 28px 28px; } @@ -6384,9 +6343,7 @@ p#profiles_overview { .routersummary .running, .routersummary .firewalled, .routersummary .vmcomm, .routersummary .clockskew, .tunnelBuildStatus { display: inline-block; vertical-align: middle; - border: 1px solid #316f30; box-sizing: border-box; - border: 1px solid rgba(49, 111, 48, 0.6); padding: 6px 3px; width: 100%; margin: -5px 0; @@ -6818,7 +6775,7 @@ b.netdb_transport { /* sybils */ .leaseset th:last-child, .leaseset td:last-child, .sybil_routerinfo th:last-child, .sybil_routerinfo td:last-child { - border-right: 1px solid #494 !important; + border-right: 1px solid #524b5e !important; } .sybil_routerinfo table td:last-child { @@ -6827,7 +6784,7 @@ b.netdb_transport { .sybilinfo_params { padding: 0; - border-bottom: 1px solid #494 + border-bottom: 1px solid #524b5e } .sybilinfo_container { @@ -6880,7 +6837,7 @@ b.netdb_transport { .sybil_addresses { padding: 0; - border-bottom: 1px solid #494 + border-bottom: 1px solid #524b5e } .sybil_addresses table, .sybil_addresses td { @@ -6974,7 +6931,7 @@ b.netdb_transport { .debug_container { margin-top: -11px; - border: 1px solid #494; + border: 1px solid #292929; padding: 10px 15px; background: #000800; } @@ -7018,7 +6975,7 @@ b.netdb_transport { #debug ul, .debug_targetinfo { columns: 400px 2; - column-rule: 1px solid #131; + column-rule: 1px solid #292929; column-gap: 30px; } @@ -7100,7 +7057,7 @@ b.netdb_transport { } #jardump td { - border-right: 1px inset #131; + border-right: 1px inset #292929; padding: 2px 5px 3px; color: #bb7; } @@ -7139,7 +7096,7 @@ b.netdb_transport { #jardump tr:hover td { background: #020; - color: #ee9; + color: #e6e6e7; border: 1px solid #151; border-left: 1px solid transparent; border-right: 1px solid transparent; @@ -7202,7 +7159,7 @@ b.netdb_transport { margin: 1px 0; width: 100%; height: 1px; - background: #131; + background: #292929; display: block !important; } @@ -7321,7 +7278,7 @@ td.optionsave { } #udpconnections .cells { - border: 1px inset #131; + border: 1px inset #292929; } } @@ -7448,13 +7405,18 @@ div.app { } .appimg { + filter: hue-rotate(100deg) brightness(95%) saturate(3000%); height: 35px; padding: 5px 0 8px; } +.plugin { + filter: none; +} + .app img { - margin-top: -8px; - padding: 10px 58px 38px; + margin-top: -8px; + padding: 10px 58px 38px; } .applabel { @@ -7671,7 +7633,6 @@ div[id^="config_"] .tab:first-child { .warning { margin-left: 20px !important; margin-top: 130px !important; - background: url(images/camotile2.png) !important; padding: 5px 15px 15px !important; } diff --git a/installer/resources/themes/console/dark/i2ptunnel.css b/installer/resources/themes/console/dark/i2ptunnel.css index 4b5b5e8b20..1da11e2963 100644 --- a/installer/resources/themes/console/dark/i2ptunnel.css +++ b/installer/resources/themes/console/dark/i2ptunnel.css @@ -6,25 +6,26 @@ body { padding: 0; text-align: center; font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; - background: #010 url(images/camotile.png) center bottom; - color: #ee9; + /*background: #010 url(images/camotile.png) center bottom;*/ + background: #1F1A24; + color: #e6e6e7; font-size: 9pt; } body.iframed { - background: transparent url(/themes/console/images/transparent.gif) !important; + /*background: transparent url(/themes/console/images/transparent.gif) !important;*/ margin: 0; padding: 0; overflow: hidden; } ::selection { - background: #030 !important; + /*background: #030 !important;*/ color: white; } ::-moz-selection { - background: #030 !important; + /*background: #030 !important;*/ color: white; } @@ -43,7 +44,7 @@ a { } a:link { - color: #494; + color: #e6e6e7; outline: none; } @@ -123,7 +124,7 @@ hr { max-width: 1400px; overflow: hidden; text-align: left; - color: #ee9; + color: #e6e6e7; background: none; } @@ -167,58 +168,57 @@ hr { h2, h3 { margin: 10px 0 -1px; padding: 8px 10px 8px 34px; - border: 1px solid #494; + border: 1px solid #292929; font-size: 11pt; - color: #ee9; + color: #e6e6e7; text-transform: uppercase; letter-spacing: 0.08em; word-spacing: 0.1em; text-shadow: 0 1px 1px #000; box-shadow: inset 0 0 0 1px #000; - background: linear-gradient(to bottom, #1a261a 50%, #000 50%) !important; - background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%), url(/themes/console/dark/images/camotile2.png) top left !important; + /*background: linear-gradient(to bottom, #1a261a 50%, #000 50%) !important; + background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%), url(/themes/console/dark/images/camotile2.png) top left !important;*/ } /* title images */ #messages h2 { - background: url(/themes/console/images/info/logs.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important; - background: url(/themes/console/images/info/logs.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.8) 2px, rgba(0,32,0,0.8) 4px) !important; + background: url(/themes/console/images/info/logs.png) left 8px center no-repeat !important; + background: url(/themes/console/images/info/logs.png) left 8px center no-repeat !important; background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important; background-blend-mode: normal, normal, normal, exclusion, normal, normal; } #globalTunnelControl h2 { - background: url(/themes/console/images/info/control.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important; - background: url(/themes/console/images/info/control.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.8) 2px, rgba(0,32,0,0.8) 4px) !important; + background: url(/themes/console/images/info/control.png) left 8px center no-repeat!important; + background: url(/themes/console/images/info/control.png) left 8px center no-repeat !important; background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important; background-blend-mode: normal, normal, normal, exclusion, normal, normal; } #servers h2 { - background: url(/themes/console/images/info/server.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important; - background: url(/themes/console/images/info/server.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.8) 2px, rgba(0,32,0,0.8) 4px) !important; + background: url(/themes/console/images/info/server.png) left 8px center no-repeat !important; + background: url(/themes/console/images/info/server.png) left 8px center no-repeat !important; background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important; background-blend-mode: normal, normal, normal, exclusion, normal, normal; } #clients h2 { - background: url(/themes/console/images/info/client.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important; - background: url(/themes/console/images/info/client.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.8) 2px, rgba(0,32,0,0.8) 4px) !important; + background: url(/themes/console/images/info/client.png) left 8px center no-repeat !important; + background: url(/themes/console/images/info/client.png) left 8px center no-repeat !important; background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important; background-blend-mode: normal, normal, normal, exclusion, normal, normal; } #tunnelEditPage h2, #tunnelEditPage h3, #registration h2, #registration h3 { - background: url(/themes/console/images/info/configure.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important; - background: url(/themes/console/images/info/configure.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.5) 2px, rgba(0,32,0,0.8) 4px) !important; + background: url(/themes/console/images/info/configure.png) left 8px center no-repeat !important; + background: url(/themes/console/images/info/configure.png) left 8px center no-repeat !important; background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important; background-blend-mode: normal, normal, normal, exclusion, normal, normal; } #wizardPanel h2 { - background: url(/themes/console/images/info/wizard.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important; - background: url(/themes/console/images/info/wizard.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.8) 2px, rgba(0,32,0,0.8) 4px) !important; + background: url(/themes/console/images/info/wizard.png) left 8px center no-repeat, #1F1A24 !important; background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important; background-blend-mode: normal, normal, normal, exclusion, normal, normal; } @@ -241,19 +241,19 @@ h3 { .panel table { width: 100%; border-collapse: collapse; - border: 1px solid #494; + border: 1px solid #292929; margin: 0; } th { - background: #000; + /*background: #000; 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%); - background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #002000, #000 75%); + background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #002000, #000 75%);*/ padding: 7px 5px; - border-top: 1px solid #494; - border-bottom: 1px solid #494; + border-top: 1px solid #7778bf; + border-bottom: 1px solid #7778bf; font-size: 9pt; - color: #ee9; + color: #e6e6e7; text-align: left; text-transform: uppercase; letter-spacing: 0.08em; @@ -292,23 +292,27 @@ td.infohelp { } .tunnelConfig th:first-child, .tunnelConfig td:first-child { - border-left: 1px solid #494; + border-left: 1px solid #433e47; } .tunnelConfig th:last-child, .tunnelConfig td:last-child { - border-right: 1px solid #494; + border-right: 1px solid #433e47; } #clientTunnels tr, #serverTunnels tr, .tunnelConfig tr { - background: rgba(0,4,0,0.4); + background: #1F1A24; +} + +#advancedServerTunnelOptions tr, #advancedServerTunnelOptions tr { + background: #332940; } .tunnelProperties { - background: #000 !important; + /*background: #332940 !important;*/ overflow: hidden; text-align: left; - border: 1px solid #494; - border-bottom: 1px inset #010 !important; + /*border: 1px solid #494; + border-bottom: 1px inset #010 !important;*/ } #serverTunnels { @@ -316,14 +320,14 @@ td.infohelp { } .tunnelProperties:hover { - background: #020 !important; + background: #7778bf !important; } .newTunnel { text-align: right; border-top: 1px solid #494 !important; padding: 5px !important; - background: #fff; + /*background: #fff;*/ } .newTunnel select, .newTunnel input, .newTunnel .control { @@ -391,7 +395,7 @@ th.tunnelControl { } textarea { - border: 1px solid #494; + border: 1px solid #433e47; background: #000; margin-left: 4px; margin-right: 4px; @@ -402,7 +406,7 @@ textarea { } textarea:focus { - color: #ee9; + color: #e6e6e7; background: #000 !important; filter: drop-shadow(0 0 1px #880); transition: ease filter 0.3s 0s; @@ -412,7 +416,7 @@ textarea:focus { textarea#statusMessages, textarea#statusMessages:active, textarea#statusMessages:focus { background: #000; - background: linear-gradient(to bottom, #000 0%, #010 100%) !important; + /*background: linear-gradient(to bottom, #000 0%, #010 100%) !important;*/ box-shadow: inset 0 0 3px 3px #000 !important; margin: 0; border: 0; @@ -432,7 +436,7 @@ _:-ms-lang(x), textarea#statusMessages, textarea#statusMessages:active, textarea .freetext { width: 150px; - border: 1px solid #494; + border: 1px solid #433e47; padding: 4px; font: 8.5pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace; background: #fff; @@ -466,17 +470,17 @@ input, select, button, a { box-sizing: border-box; font-size: 9pt; border-radius: 2px; - color: #ee9; + color: #e6e6e7; resize: none; cursor: pointer; } input { background-color: #020; - color: #ee9; + color: #e6e6e7; margin: 0 2px 0 2px; font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; - border: 1px solid #494; + border: 1px solid #433e47; text-decoration: none; } @@ -496,13 +500,15 @@ input[type="checkbox"], input[type="radio"] { min-height: 16px; margin: 0; background: none; - filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%); /* colorize radios and checkboxes */ + filter: invert(100%) sepia(100%); + /* hue-rotate(70deg) saturate(200%); colorize radios and checkboxes */ } input[type="checkbox"]:hover, input[type="radio"]:hover, input[type="checkbox"]:focus, input[type="radio"]:focus { outline: none; - filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%) drop-shadow(0 0 3px #f60); + filter: invert(100%) sepia(100%); + /* hue-rotate(70deg) saturate(200%) drop-shadow(0 0 3px #da736b);*/ } label { @@ -515,10 +521,10 @@ input[type="password"] { input[type="text"], input[type="password"], textarea, textarea[readonly="readonly"]:focus { background: #000; - background: linear-gradient(to bottom, #000 0%, #010 100%); + /*background: linear-gradient(to bottom, #000 0%, #010 100%);*/ box-shadow: inset 0 0 3px 3px #000; filter: none; - color: #bb7; + color: #e6e6e7; } textarea[readonly="readonly"]:focus { @@ -526,7 +532,7 @@ textarea[readonly="readonly"]:focus { } input[type="text"]:focus, input[type="password"]:focus { - color: #ee9; + color: #e6e6e7; background: #000; filter: drop-shadow(0 0 1px #880); transition: ease filter 0.3s 0s; @@ -534,7 +540,7 @@ input[type="text"]:focus, input[type="password"]:focus { input[readonly="readonly"]:focus { filter: none; - background: linear-gradient(to bottom, #000 0%, #010 100%) !important; + /*background: linear-gradient(to bottom, #000 0%, #010 100%) !important;*/ } a.control, input.control { @@ -549,8 +555,8 @@ a.control, input.control { min-width: 78px; font-size: 8pt; font-weight: bold; - background: #000; - background: linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%) !important; + background: #1F1A24; + /*background: linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%) !important;*/ color: #494 !important; border: 1px solid #8b8; border-bottom: 1px solid #171; @@ -567,14 +573,14 @@ a.control, input.control { } .control:link { - color: #494 !important; - background: #000 !important; - background: linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%) !important; + color: #e6e6e7 !important; + /*background: #000 !important; + background: linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%) !important;*/ } .control:hover { border: 1px solid #f60; - background: #000; + background: #332940; color: #f60 !important; text-decoration: none; box-shadow: inset 0 1px 1px 0 #eff; @@ -592,22 +598,23 @@ a.control, input.control { white-space: nowrap; text-decoration: none; font-style: normal; - border-radius: 2px; + border-radius: 12px; box-shadow: inset 0 0 0 1px #000; box-sizing: border-box; min-width: 70px !important; + border: 1px groove #332940; } .control:hover, .control:focus { text-decoration: none; - color: #f60 !important; - border: 1px solid #f60 !important; + color: #da736b !important; + border: 1px solid #da736b !important; box-shadow: inset 0 1px 1px 0 #eff; } .control:active { background: #f60 !important; - color: #ee9 !important; + color: #e6e6e7 !important; text-decoration: none; box-shadow: inset 0 0 0 1px #000 !important; box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px #000 !important; @@ -618,7 +625,7 @@ a.control { } select { - color: #494; + color: #e6e6e7; font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; font-weight: bold; font-size: 8pt !important; @@ -626,13 +633,13 @@ select { -moz-appearance: none; -webkit-appearance: none; appearance: none; - background: #000 url(images/dropdown.png) right center no-repeat !important; + background: #332940 url(images/dropdown.png) right center no-repeat !important; border-radius: 2px; cursor: pointer; filter: drop-shadow(0 0 1px #000); - border: 1px solid #8b8; - border-bottom: 1px solid #171; - border-right: 1px solid #171; + border: 1px solid #1F1A24; + border-bottom: 1px solid #332940; + border-right: 1px solid #332940; min-width: 120px; } @@ -646,16 +653,16 @@ select option:hover, select option:checked { } select:focus, select:hover { - color: #f60; - border: 1px solid #f60; + color: #e6e6e7; + border: 1px solid #da736b; } select:hover { - box-shadow: inset 0 1px 1px 0 #ee9; + box-shadow: inset 0 1px 1px 0 #e6e6e7; } select:hover, select:focus, select:active { - background: #000 url(images/dropdown_hover.png) right center no-repeat !important; + background: #332940 url(images/dropdown_hover.png) right center no-repeat !important; } select::-ms-expand { @@ -677,10 +684,10 @@ button, input[type="submit"], input[type="reset"], a.control, select { .buttons, .newTunnel { text-align: right !important; padding: 7px 5px !important; - background: #000; - background: linear-gradient(to bottom, #010, #000); - background: linear-gradient(-135deg, #000, rgba(0,0,0,0) 40%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #020, #000 75%); - border-top: 1px solid #494 !important; + background: #1F1A24; + /*background: linear-gradient(to bottom, #010, #000); + background: linear-gradient(-135deg, #000, rgba(0,0,0,0) 40%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #020, #000 75%);*/ + border-top: 1px solid #7778bf !important; } .tunnelDescriptionLabel, .tunnelDestinationLabel { @@ -820,11 +827,17 @@ td.blankColumn { } #throttler tr:nth-child(odd) { - background: rgba(0,16,0,0.7); + /*background: rgba(0,16,0,0.7);*/ + background: #332940; } #throttler tr:nth-child(even) { - background: rgba(0,8,0,0.7); + /*background: rgba(0,8,0,0.7);*/ + background: #332940; +} + +#serverTunnelEdit tr:nth-child(even) { + background: #332940; } #throttler input[type="text"] { @@ -832,8 +845,8 @@ td.blankColumn { } table { - background: #000 url(images/camotile2.png); - background: linear-gradient(to bottom, rgba(0,0,0,0.5),rgba(0,0,0,0.7)), url(images/camotile2.png); + /*background: #000 url(images/camotile2.png); + background: linear-gradient(to bottom, rgba(0,0,0,0.5),rgba(0,0,0,0.7)), url(images/camotile2.png);*/ } #tunnelMessages { @@ -956,15 +969,15 @@ input.tunnelName, input.tunnelDescriptionText, #userAgents { } #wizardTunnelTypes tr:nth-child(even), #wizardSummary tr:nth-child(even) { - background: #010; + background: #332940; } #wizardTunnelTypes tr:nth-child(odd), #wizardSummary tr:nth-child(odd) { - background: #000800; + background: #1F1A24; } #wizardTunnelTypes tr:last-child { - background: #000; + background: #1F1A24; } #wizardPanel #name, #wizardPanel #description { @@ -1018,10 +1031,16 @@ input.tunnelName, input.tunnelDescriptionText, #userAgents { /* more space */ .tunnelConfig td, td { - border-top: 1px inset #1c3f1b; + border-top: 1px inset #433e47; padding: 8px 5px; } +.tunnelConfig tr:nth-child(even) { + border-top: 1px inset #433e47; + padding: 8px 5px; + background: #332940; +} + input[type="checkbox"], input[type="radio"] { margin: 5px 3px 5px 5px; } @@ -1087,7 +1106,7 @@ _:-ms-lang(x), .tunnelProperties { } td.tunnelDestination, td.tunnelDescription { - background: linear-gradient(to right, #000 50%, #010); + background: #332940; /*linear-gradient(to right, #000 50%, #010);*/ } /* end more space */ diff --git a/installer/resources/themes/snark/dark/snark.css b/installer/resources/themes/snark/dark/snark.css index 29e6addca0..299532b0f7 100644 --- a/installer/resources/themes/snark/dark/snark.css +++ b/installer/resources/themes/snark/dark/snark.css @@ -9,15 +9,16 @@ body { margin: 5px 3px; color: #ee9; font-size: 9pt; - background: url(/themes/console/dark/images/camotile2.png) top left; - background-size: 175px 175px; + /*background: top left;*/ + background: #1F1A24; + /*background-size: 175px 175px;*/ } /* preload top navigation mouseovers */ body { - background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.7)), - url(/themes/console/dark/images/camotile2.png) top left fixed, + background: #1F1A24, + /*top left fixed,*/ url(images/button_snark_hover.png) no-repeat, url(images/button_snark_active.png) no-repeat, url(images/button_tracker_hover.png) no-repeat, @@ -51,18 +52,18 @@ body.iframed { line-height: 160% !important; text-align: center; background: #000; - background: repeating-linear-gradient(135deg, #010, #010 10px, #020 10px, #020 20px, #010 20px); - background: repeating-linear-gradient(135deg, #000 1px, #000 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, rgba(0,200,0,0.5) 2px, rgba(0,200,0,0.5) 4px), repeating-linear-gradient(135deg, #010, #010 10px, #020 10px, #020 20px, #010 20px); + /*background: repeating-linear-gradient(135deg, #010, #010 10px, #020 10px, #020 20px, #010 20px); + background: repeating-linear-gradient(135deg, #000 1px, #000 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, rgba(0,200,0,0.5) 2px, rgba(0,200,0,0.5) 4px), repeating-linear-gradient(135deg, #010, #010 10px, #020 10px, #020 20px, #010 20px);*/ background-blend-mode: darken, darken, normal; } .iframed .page { border: none; - background: none; + /*background: none;*/ padding: 0; margin: 5px 0; - background: url(/themes/console/dark/images/camotile2.png) repeat scroll left top #000; - background: linear-gradient(to right, #000, #020 50%, #000) !important; + /*background: repeat scroll left top #000; + background: linear-gradient(to right, #000, #020 50%, #000) !important;*/ } .toggleview, .snarkConfigTitle, .snarknavbar, img, input[type="image"] { @@ -104,11 +105,12 @@ body, input, select, .snarkCommentInfo textarea, textarea[name="i2cpOpts"] { padding: 9px 0 8px; text-align: center; letter-spacing: 0.1em !important; - border: 1px solid #494; + border: 1px solid #433e47; box-shadow: inset 0 0 0 1px #000; box-shadow: inset 0 0 0 2px #000, inset 0 0 10px 3px rgba(0,8,0,0.7); - background: #010 !important; - background: repeating-linear-gradient(135deg, #000 1px, #000 2px, #010 2px, #010 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, #010 2px, #010 4px), linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 52%, #010301 53%, #000000 56%, #000000 100%), url(/themes/console/dark/images/camotile2.png) top left !important; + /*background: #010 !important; + background: repeating-linear-gradient(135deg, #000 1px, #000 2px, #010 2px, #010 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, #010 2px, #010 4px), linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 52%, #010301 53%, #000000 56%, #000000 100%), top left !important;*/ + background: #1F1A24; background-blend-mode: exclusion, exclusion, normal, normal; } @@ -117,7 +119,7 @@ body, input, select, .snarkCommentInfo textarea, textarea[name="i2cpOpts"] { padding: 7px 0; position: static; box-shadow: inset 0 0 0 1px #000; - background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 51%, #020602 52%, #010301 55%, #000000 57%), url(/themes/console/dark/images/camotile2.png) top left !important; + /*background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 51%, #020602 52%, #010301 55%, #000000 57%), top left !important;*/ } _:-ms-lang(x), .snarknavbar { @@ -125,18 +127,16 @@ _:-ms-lang(x), .snarknavbar { } .snarkNav:link, .snarkNav:visited { - margin: 0 -3px !important; padding: 4px 7px 4px 22px !important; display: inline-block; position: relative; line-height: 120%; - color: #3f3; - color: rgba(51, 255, 51, .6); + color: #7779bf; font-size: 9pt; font-weight: bold; text-transform: uppercase; text-shadow: 0 0 1px #000; - border: 1px solid #373; + border: 1px groove #524b5e; border-radius: 0; box-shadow: inset 0 0 0 1px #000; background-blend-mode: overlay, normal; @@ -158,47 +158,52 @@ _:-ms-lang(x), .snarknavbar { } .nav_main:link { - border-radius: 2px 0 0 2px !important; + /*border-radius: 2px 0 0 2px !important;*/ + border-radius: 12px; padding-left: 24px !important; - background: url(images/button_snark.png) 7px center no-repeat, url(/themes/console/dark/images/header.png) center center repeat; - background: url(images/button_snark.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%); - background: url(images/button_snark.png) 7px center no-repeat, linear-gradient(to bottom, rgba(17, 119, 17, .75) 0%, rgba(17, 51, 17, .75) 50%, rgba(0, 0, 0, .75)); + padding: 3px; + background: url(images/button_snark.png) 7px center no-repeat, #1F1A24; /*url(/themes/console/dark/images/header.png) center center repeat; + background: url(images/button_snark.png) 7px center no-repeat, ;linear-gradient(to bottom, #171 0%, #131 50%, #000 51%); + background: url(images/button_snark.png) 7px center no-repeat, ;linear-gradient(to bottom, rgba(17, 119, 17, .75) 0%, rgba(17, 51, 17, .75) 50%, rgba(0, 0, 0, .75));*/ } .nav_forum:link { - background: url(images/button_forum.png) 7px center no-repeat, url(/themes/console/dark/images/header.png) center center repeat; + background: url(images/button_forum.png) 7px center no-repeat, #1F1A24; /*url(/themes/console/dark/images/header.png) center center repeat;*/ background: url(images/button_forum.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%); background: url(images/button_forum.png) 7px center no-repeat, linear-gradient(to bottom, rgba(17, 119, 17, .75) 0%, rgba(17, 51, 17, .75) 50%, rgba(0, 0, 0, .75)); } .nav_tracker:link { - background: url(images/button_tracker.png) 7px center no-repeat, url(/themes/console/dark/images/header.png) center center repeat; + border-radius: 12px; + background: url(images/button_tracker.png), #1F1A24; + padding: 3px; + /*background: url(images/button_tracker.png) 7px center no-repeat, url(/themes/console/dark/images/header.png) center center repeat; background: url(images/button_tracker.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%); - background: url(images/button_tracker.png) 7px center no-repeat, linear-gradient(to bottom, rgba(17, 119, 17, .75) 0%, rgba(17, 51, 17, .75) 50%, rgba(0, 0, 0, .75)); + background: url(images/button_tracker.png) 7px center no-repeat, linear-gradient(to bottom, rgba(17, 119, 17, .75) 0%, rgba(17, 51, 17, .75) 50%, rgba(0, 0, 0, .75));*/ } .snarkNav:hover, .snarkNav:focus { z-index: 10; - color: #f50; - border-radius: 0; + color: #e6e6e7; + border-radius: 12px; box-shadow: inset 0 0 0 1px #000 !important; - border: 1px solid #f60 !important; + border: 1px groove #da736b !important; opacity: 1; } .nav_main:hover, .nav_main:focus { background-image: url(images/button_snark_hover.png), url(../ubergine/images/snarknav_on.png); - background-image: url(images/button_snark_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%); + background-image: url(images/button_snark_hover.png), linear-gradient(to bottom, #332940 50%, #1F1A24 100%); } .nav_forum:hover, .nav_forum:focus { background-image: url(images/button_forum_hover.png), url(../ubergine/images/snarknav_on.png); - background-image: url(images/button_forum_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%); + background-image: url(images/button_forum_hover.png), linear-gradient(to bottom, #332940 50%, #1F1A24 100%); } .nav_tracker:hover, .nav_tracker:focus { background-image: url(images/button_tracker_hover.png), url(../ubergine/images/snarknav_on.png); - background-image: url(images/button_tracker_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%); + background-image: url(images/button_tracker_hover.png), linear-gradient(to bottom, #332940 50%, #1F1A24 100%); } .snarkNav:link:active, .snarkNav:active { @@ -228,7 +233,8 @@ _:-ms-lang(x), .snarknavbar { } .snarkNav:last-child { - border-radius: 0 2px 2px 0 !important; + /*border-radius: 0 2px 2px 0 !important;*/ + border-radius: 12px; } .iframed .snarkNav:last-child[href="/i2psnark/"] { @@ -251,9 +257,10 @@ _:-ms-lang(x), .snarknavbar { font-size: 8.5pt; color: #69f; box-shadow: inset 0 0 0 1px #000; - border-bottom: 1px solid #494; + border-bottom: 1px solid #433e47; background: #000; - background: linear-gradient(to bottom, #010, #000); + /*background: linear-gradient(to bottom, #010, #000);*/ + border: 1px groove #524b5e; background-size: auto 95%, 100% 100%; background-blend-mode: screen; } @@ -311,7 +318,7 @@ _:-ms-lang(x), .snarkMessages { float: right; margin: -4px -5px 4px 4px; opacity: 0.7; - border: 1px solid #494; + border: 1px solid #433e47; border-right: 0 none; border-top: 0 none; border-radius: 0 0 0 1px; @@ -323,7 +330,7 @@ _:-ms-lang(x), .snarkMessages { .snarkMessages img:hover { opacity: 1; - border: 1px solid #494; + border: 1px solid #433e47; border-right: 0 none; border-top: 0 none; } @@ -345,24 +352,30 @@ table { } thead, tfoot { - background: #000; + background: #1F1A24; } thead { - border-bottom: 1px solid #101; - background: linear-gradient(to bottom, #003000, #000 75%) !important; - background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important; + border: 1px groove #524b5e; + border-bottom: 1px solid #7778bf; + /*background: linear-gradient(to bottom, #003000, #000 75%) !important; + background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important;*/ + background: #1F1A24; +} + +thead img { + filter: hue-rotate(120deg); } th { padding: 3px 2px; font-size: 8pt; - border-top: 1px solid #494; - border-bottom: 1px solid #494; - color: #ee9; + border-top: 1px groove #7778bf; + border-bottom: 1px groove #7778bf; + color: #e6e6e7; white-space: nowrap; - background: #000; - background: linear-gradient(to bottom, #010, #000); + background: #1F1A24; + /*background: linear-gradient(to bottom, #010, #000);*/ vertical-align: middle; } @@ -371,7 +384,7 @@ thead th { } .iframed thead th { - background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important; + /*background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important;*/ } th:first-child { @@ -430,8 +443,9 @@ tfoot th { } .snarkTorrents tfoot th { - background: #000; + background: #1F1A24; font-weight: normal; + border: 1px groove #524b5e; } .snarkTorrents tfoot tr:first-child th { @@ -466,6 +480,7 @@ tfoot th { font-weight: bold; padding-left: 0 !important; padding-right: 0 !important; + filter: hue-rotate(120deg); } .snarkTrackerDetails img, .snarkTorrentDetails img, .snarkCommentDetails img, .snarkDirInfo td:first-child img { @@ -560,7 +575,8 @@ th.snarkTorrentStatus { } .snarkTorrentInfo th:first-child { - background: url(images/file_sm.png) no-repeat 6px 7px, linear-gradient(to bottom, #010, #000); + background: url(images/file_sm.png) no-repeat 6px 7px, #1F1A24; + /*linear-gradient(to bottom, #000, #1F1A24);*/ } .snarkTorrentInfo th:nth-child(2) { @@ -620,22 +636,22 @@ th.snarkTorrentStatus { .SnarkTorrentInfo { margin-bottom: 1px !important; - background: url(/themes/console/dark/images/camotile2.png) repeat scroll center bottom #001100; - border-bottom: 1px solid #494; + background: repeat scroll center bottom #1F1A24; + border-bottom: 1px solid #433e47; } .snarkTorrentInfo tr:nth-child(even) { - background: #001000; + background: #332940; } .snarkTorrentInfo tr:nth-child(odd) { - background: #001a00; + background: #1F1A24; } .SnarkDirInfo { margin-top: 10px !important; margin-bottom: 0; - border-bottom: 1px solid #494; + border-bottom: 1px solid #433e47; } #infohash { @@ -686,19 +702,20 @@ th.snarkTorrentStatus { } .snarkDirInfo tr:last-child { - border-bottom: 1px solid #494 !important; + border-bottom: 1px solid #433e47 !important; } #setPriority, #torrentInfoControl, #torrentOrderControl, .commentAction[colspan="5"] { - background: url(/themes/console/dark/images/camotile2.png) repeat scroll center bottom #001100 !important; - background: repeating-linear-gradient(135deg, #000 1px, #000 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, rgba(0,200,0,0.5) 2px, rgba(0,200,0,0.5) 4px), url(/themes/console/dark/images/camotile2.png) top left repeat !important; + /*background: repeat scroll center bottom #001100 !important; + background: repeating-linear-gradient(135deg, #000 1px, #000 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, rgba(0,200,0,0.5) 2px, rgba(0,200,0,0.5) 4px), top left repeat !important;*/ + background: #1F1A24; background-blend-mode: exclusion, darken, normal; - border-top: 1px solid #494 !important; - border-bottom: 1px solid #494 !important; + border-top: 1px solid #433e47 !important; + border-bottom: 1px solid #433e47 !important; } _:-ms-lang(x), #setPriority, #torrentInfoControl, #torrentOrderControl { - background: url(/themes/console/dark/images/camotile2.png) repeat scroll center bottom #001100 !important; + background: repeat scroll center bottom #001100 !important; } .SnarkDirInfo img { @@ -728,6 +745,7 @@ td.subHeaderPriority, td.priority { td.subHeaderPriority { background: #020; font-weight: bold; + background: url(images/snarktopnav.png) repeat-x scroll center center #110011; background-image: linear-gradient(to bottom, #030 0%, #020 50%, #000 51%); text-align: center !important; padding: 0 1px !important; @@ -862,11 +880,11 @@ td { } .snarkTorrents tr:hover, .snarkDirInfo tr:hover, #trackerselect tr:nth-child(n+2):hover, .trackerconfig tr:nth-child(n+2):hover { - background: #030 !important; + background: #433e47 !important; } .snarkTorrents thead tr:hover, .snarkDirInfo thead tr:hover { - background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important; + /*background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important;*/ } tr:hover .percentBarText { @@ -888,11 +906,11 @@ _:-ms-lang(x), .snarkTorrents tr, .snarkTorrents tr:hover, .snarkDirInfo tr:hove } .snarkTorrentEven, .snarkTorrentEven:nth-child(even) { - background: #001000; + background: #332940; } .snarkTorrentEven:nth-child(odd) { - background: #000800; + background: #1F1A24; } .snarkTorrentOdd, .SnarkTorrentEven { @@ -908,12 +926,12 @@ _:-ms-lang(x), .snarkTorrentOdd, .SnarkTorrentEven { } .snarkTorrentOdd:nth-child(even) { - background: #001000 !important; + background: #332940 !important; } .snarkTorrentOdd td, .snarkTorrentEven td { border-top: none !important; - color: #bb7 !important; + color: #7778bf !important; } .SnarkTorrentOdd tr:nth-child(odd) { @@ -959,7 +977,7 @@ _:-ms-lang(x), .snarkTorrentOdd, .SnarkTorrentEven { background: #000; font-size: 10pt; font-weight: bold; - border-bottom: 1px solid #494; + border-bottom: 1px solid #433e47; } .snarkTorrentNoneLoaded td, .snarkTorrentNoneLoaded:hover td { @@ -1092,11 +1110,10 @@ _:-ms-lang(x), .snarkTorrentOdd, .SnarkTorrentEven { padding: 3px 1px; margin: 5px 0 10px !important; letter-spacing: 0.2em; - border: 1px solid #494; + border: 1px groove #524b5e; border-radius: 0 0 2px 2px; border-top: none; - background: #000 url(/themes/console/dark/images/header.png) repeat-x scroll center center !important; - background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%) !important; + /*background: linear-gradient(to bottom, #332940 0%, #1F1A24 100%);*/ font-variant: small-caps !important; display: inline-block; margin: 0 0 -3px !important; @@ -1130,8 +1147,8 @@ _:-ms-lang(x), .snarkTorrentOdd, .SnarkTorrentEven { } .snarkConfigTitle:hover, .toggleview:hover, input.toggle_input:focus + .toggleview { - background: #000 !important; - background: linear-gradient(to bottom, #001000 50%, #000 50%) !important; + /*background: #000 !important; + background: linear-gradient(to bottom, #433e47 50%, #1F1A24 50%) !important;*/ mix-blend-mode: exclusion !important; transition: ease all 0.1s; } @@ -1153,6 +1170,10 @@ _:-ms-lang(x), .snarkTorrentOdd, .SnarkTorrentEven { filter: sepia(1) hue-rotate(70deg); } +#lowersection { + background: #1F1A24; +} + #lowersection:hover .snarkConfigTitle img, #lowersection:hover .toggleview img { will-change: transform; } @@ -1189,9 +1210,9 @@ to { margin: -1px -1px -14px !important; display: block; text-align: left; - background: #000 url(/themes/console/dark/images/header.png) repeat-x scroll center center !important; + background: #000 repeat-x scroll center center !important; 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; - border-top: 1px solid #494; + border-top: 1px solid #433e47; padding: 8px; text-transform: uppercase; font-variant: normal; @@ -1235,7 +1256,7 @@ hr { } a:link { - color: #7c7; + color: #e6e6e7; text-decoration: none; word-wrap: break-word; border-radius: 0; @@ -1243,12 +1264,12 @@ a:link { } a:visited { - color: #393; + color: #e6e6e7; text-decoration: none; } a:hover, a:focus { - color: #f40 !important; + color: #da736b !important; } a:active { @@ -1259,9 +1280,10 @@ input { text-align: left; padding: 3px 4px !important; border-radius: 2px; - border: 1px solid #494; + /*border: 1px solid #433e47;*/ + border: none; background: #000; - color: #494; + color: #7778bf; margin: 2px 4px 2px 0; font-size: 8pt; font-weight: bold; @@ -1294,11 +1316,11 @@ input.disabled, a.controld { input.r { text-align: right; background: #000; - border: 1px solid #494; + border: 1px solid #433e47; } input[type=submit], input[type=submit]:visited, input.disabled:hover { - color: #494; + color: #e6e6e7; background: #000; border: 1px outset #191; padding: 5px 10px !important; @@ -1310,16 +1332,16 @@ input[type=submit], input[type=submit]:visited, input.disabled:hover { } input[type=submit]:hover, input[type=submit]:focus, a.control:hover, a.control:focus { - border: 1px solid #f60; - background-color: #000; - color: #f60 !important; + border: 1px groove #da736b; + background-color: #332940; + color: #7778bf !important; box-shadow: 0 1px 1px 0 #ee9 inset; } input[type=submit]:active, a.control:active { border: 1px solid #f60; - background: #f60; - color: #ee9 !important; + background: #332940; + color: #7778bf !important; text-shadow: none !important; box-shadow: inset 3px 3px 3px #000; box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px #000; @@ -1328,7 +1350,7 @@ input[type=submit]:active, a.control:active { input.disabled, input.disabled:hover, input.disabled:focus, input.disabled:active { border: 1px outset #191 !important; box-shadow: none !important; - color: #494 !important; + color: #433e47 !important; background: #000 !important; } @@ -1350,6 +1372,7 @@ thead a:active img { .snarkTorrentAction { white-space: nowrap; + filter: hue-rotate(125deg); } .snarkTorrents td[colspan="10"] { @@ -1360,16 +1383,17 @@ thead a:active img { margin: 0 2px !important; padding: 4px !important; height: 9px; - border: 1px solid #151 !important; + border: 1px solid #433e47 !important; border-radius: 2px; - box-shadow: inset 0 0 0 1px #000; - background: #030; - background: linear-gradient(to bottom, #030 50%, #010 50%); + box-shadow: inset 0 0 0 1px #433e47; + /*background: #030; + background: linear-gradient(to bottom, #030 50%, #010 50%);*/ + background: #433e47; } .snarkTorrentAction input[type="image"]:hover, .snarkTorrentAction input[type="image"]:focus { border: 1px solid #f60 !important; - background: #060; + background: #433e47; background: linear-gradient(to bottom, #060 50%, #010 50%); filter: saturate(150%) drop-shadow(0 0 1px #930) !important; } @@ -1384,7 +1408,6 @@ input[type=text], input.r, textarea[name="i2cpOpts"], input[name="nofilter_dataD color: #bb7; padding: 4px 5px !important; background: #000; - background: linear-gradient(to bottom, #000, #010); box-shadow: inset 0 0 3px 3px #000; outline: none; } @@ -1487,7 +1510,7 @@ select { -moz-appearance: none; -webkit-appearance: none; appearance: none; - color: #494; + color: #433e47; font-size: 8pt; font-weight: bold; padding: 4px 16px 4px 4px; @@ -1534,7 +1557,7 @@ select[disabled], select[disabled]:hover { background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%) !important; border: 1px outset #191; box-shadow: none; - color: #494 !important; + color: #433e47 !important; opacity: 0.7; cursor: not-allowed; } @@ -1549,7 +1572,7 @@ textarea { font-weight: bold; padding: 1px 4px 0; border-radius: 2px; - border: 1px solid #494; + border: 1px solid #433e47; font-size: 8pt; } @@ -1558,10 +1581,11 @@ textarea:focus { } input[type="submit"], input[type="reset"], select, button, a.control, a.controld { - border: 1px solid #8b8; - border-bottom: 1px solid #171; - border-right: 1px solid #171; - background: linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%); + border: 1px solid #1F1A24; + border-bottom: 1px solid #332940; + border-right: 1px solid #332940; + background: #1F1A24; + border-radius: 12px; } .script { @@ -1577,7 +1601,7 @@ a.control, a.controld { margin: 2px 4px 2px 0; font-weight: bold; display: inline-block; - color: #494 !important; + color: #433e47 !important; } a.control img, a.controld img, a.control:hover img, a.control img:hover { @@ -1642,18 +1666,19 @@ img:hover { /* newtorrent tracker selection */ #trackerselect { - border: 1px solid #131; + /*border: 1px solid #131;*/ + border: 1px groove #524b5e; width: 100% !important; width: calc(100% - 170px) !important; margin: 2px 5px 0; } #trackerselect tr:nth-child(even) { - background: #000800 !important; + background: #332940 !important; } #trackerselect tr:nth-child(odd) { - background: #001000; + background: #1F1A24; border-bottom: 1px inset #000; } @@ -1666,7 +1691,7 @@ _:-ms-lang(x), #trackerselect tr:last-child { } #trackerselect tr:first-child { - background: linear-gradient(to bottom, #010, #000); + background: linear-gradient(to bottom, #332940, #1F1A24); border-bottom: 1px solid #131; font-weight: bold; } @@ -1720,7 +1745,7 @@ _:-ms-lang(x), #trackerselect tr:last-child { } .trackerconfig th:first-child { - background: url(/themes/snark/ubergine/images/nuke.png) center right 8px no-repeat, linear-gradient(to bottom, #010, #000); + background: url(images/delete.png) center right 8px no-repeat, linear-gradient(to bottom, #010, #000); } .trackerselect tr:first-child td, .addtorrentsection tr:first-child td { @@ -1736,7 +1761,7 @@ _:-ms-lang(x), #trackerselect tr:last-child { } .trackerconfig tr:last-child { - border: 1px solid #494; + border: 1px solid #433e47; background: #000; background: linear-gradient(to bottom, #001100, #000000) repeat scroll 0 0 #000000; } @@ -1755,7 +1780,7 @@ _:-ms-lang(x), #trackerselect tr:last-child { } .snarkConfig tr:last-child { - border: 1px solid #494; + border: 1px solid #433e47; } .trackerconfig td:first-child { @@ -1794,7 +1819,7 @@ _:-ms-lang(x), #trackerselect tr:last-child { } .snarkConfig table tr:first-child { - border-top: 1px solid #494 !important; + border-top: 1px solid #433e47 !important; } .trackerconfig th:nth-child(n+4), .trackerconfig th:nth-child(n+5), .trackerconfig td:nth-child(n+4), .trackerconfig td:nth-child(n+5) { @@ -1824,7 +1849,7 @@ _:-ms-lang(x), #trackerselect tr:last-child { } .configsectionpanel td[colspan="5"] { - border-top: 1px solid #494; + border-top: 1px solid #433e47; } .snarkConfig tr:nth-last-child(2), .snarkConfig tr:hover:nth-last-child(2) { @@ -1834,7 +1859,7 @@ _:-ms-lang(x), #trackerselect tr:last-child { .snarkConfig tr:nth-last-child(2) td, .configsectionpanel td[colspan="5"] { text-align: right !important; padding: 11px 15px 0 !important; - border-top: 1px solid #494; + border-top: 1px solid #433e47; } .snarkConfig tr { @@ -1881,7 +1906,7 @@ _:-ms-lang(x), #trackerselect tr:last-child { .section, .mainsection, .newtorrentsection, .addtorrentsection, .configsection, .configsectionpanel { background: #000; - border: 1px solid #494; + border: 1px solid #433e47; color: #ee9; text-align: center; } @@ -1899,33 +1924,34 @@ _:-ms-lang(x), #trackerselect tr:last-child { .newtorrentsection { margin: -1px 0 10px; padding: 0 10px; - background: #000 url(images/snark_create.png) no-repeat scroll right center; - background: url(images/snark_create.png) center right no-repeat, linear-gradient(to bottom, rgba(0,40,0,0.3) 0%, rgba(0,15,0,0.5) 100%), url(/themes/console/dark/images/camotile2.png) top left repeat; + background: url(images/snark_create.png) no-repeat scroll right center; background-size: 80px 80px, 100% 100%, 175px 175px; background-blend-mode: soft-light, normal, normal; + /*filter: hue-rotate(180deg);*/ } .addtorrentsection { margin: -1px 0 0; padding: 0 10px; - background: #000 url(images/snark_add.png) no-repeat scroll right center; - background: url(images/snark_add.png) 99% center no-repeat, linear-gradient(to bottom, rgba(0,40,0,0.3) 0%, rgba(0,15,0,0.5) 100%), url(/themes/console/dark/images/camotile2.png) top left repeat; + background: url(images/snark_add.png) no-repeat scroll right center; background-size: 61px 61px, 100% 100%, 175px 175px; + background-blend-mode: soft-light, normal, normal; + /*filter: hue-rotate(180deg);*/ } .configsection { margin: -11px 0 0; padding: 0 10px 12px; - background: url(images/configuration.png) 102% 30% no-repeat, linear-gradient(to bottom, rgba(0,40,0,0.3) 0%, rgba(0,15,0,0.5) 100%), url(/themes/console/dark/images/camotile2.png) top left repeat; + background: url(images/configuration.png) no-repeat scroll right center; background-size: 84px 82px, 100% 100%, 175px 175px; + background-blend-mode: soft-light, normal, normal; + /*filter: hue-rotate(180deg);*/ } .configsectionpanel { margin: -1px 0 0; padding: 0; - background: #000 url(images/configuration.png) no-repeat scroll right center; - background: linear-gradient(to bottom, #000 10%, rgba(0,40,0,0.3) 10%, rgba(0,15,0,0.5) 100%), url(/themes/console/dark/images/camotile2.png) top left repeat; - background: repeating-linear-gradient(135deg, #000 1px, #000 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, rgba(0,200,0,0.5) 2px, rgba(0,200,0,0.5) 4px), linear-gradient(to bottom, #000 10%, rgba(0,40,0,0.3) 10%, rgba(0,15,0,0.5) 100%), url(/themes/console/dark/images/camotile2.png) top left repeat; + background: #1F1A24 url(images/configuration.png) no-repeat scroll right center; background-blend-mode: darken, darken, normal, normal; } @@ -1969,11 +1995,12 @@ code { border-left: none !important; border-right: none !important; border-radius: 0; + border: 1px groove #524b5e; } .routerdown { color: #ee9; - border-bottom: 1px solid #494; + border-bottom: 1px solid #433e47; padding: 10px; } @@ -2114,7 +2141,7 @@ input#toggle_addtorrent:checked + label + hr + table, input#toggle_createtorrent #dhtdebugPanel { background: linear-gradient(to right, #000, #010, #000); - border: 1px solid #494; + border: 1px solid #433e47; border-top: none; box-shadow: inset 0 0 0 1px #000; text-align: center; @@ -2306,12 +2333,12 @@ td#bwHelp a { } .resourceError th { - background: url(/themes/console/images/info/errortriangle.png) left 10px center no-repeat, linear-gradient(to bottom, #010, #000); + background: url(images/trackererror.png) left 10px center no-repeat, linear-gradient(to bottom, #010, #000); background-size: 24px auto, 100% 100%; padding: 10px 10px 10px 40px; font-size: 10pt !important; border: none; - border-bottom: 1px solid #494; + border-bottom: 1px solid #433e47; } .resourceError td { @@ -2331,15 +2358,15 @@ td#bwHelp a { #DoesNotExist { margin-top: 10px; border: none; - border-bottom: 1px solid #494; + border-bottom: 1px solid #433e47; } #DoesNotExist th { - border-top: 1px solid #494; + border-top: 1px solid #433e47; } #NotFound { - border-bottom: 1px solid #494; + border-bottom: 1px solid #433e47; } /* end Resource Errors */ @@ -2364,8 +2391,8 @@ input[type="radio"][disabled]:hover, input[type="radio"][disabled]:focus { } _:-ms-lang(x), .snarkTorrents tr:last-child { - border-top: 1px solid #494 !important; - border-bottom: 1px solid #494 !important; + border-top: 1px solid #433e47 !important; + border-bottom: 1px solid #433e47 !important; } /* end Edge fix */ @@ -2379,7 +2406,7 @@ input[type="checkbox"], input[type="checkbox"]:checked, input[type="checkbox"][d height: 19px; border-radius: 2px; -webkit-appearance: inherit; - border: 1px solid #494; + border: 1px solid #524b5e; position: relative; box-sizing: border-box; filter: none !important; @@ -2404,10 +2431,10 @@ input[type="radio"], input[type="radio"]:checked, input[type="radio"][disabled], background: linear-gradient(to bottom, #010, #000); width: 19px; height: 19px; - box-shadow: inset 0 0 2px green; + box-shadow: inset 0 0 2px #7778bf; border-radius: 50%; -webkit-appearance: none; - border: 1px solid #494; + border: 1px solid #524b5e; position: relative; box-sizing: border-box; filter: none !important; @@ -2455,10 +2482,10 @@ input.toggle_input, input.toggle_input:checked { /* hide checkbox and use label .snarkCommentInfo, .snarkComments { margin: 10px 0 0 !important; - border: 1px solid #494; + border: 1px solid #433e47; border-left: none; border-right: none; - background: #001100 url(/themes/console/dark/images/camotile2.png) repeat scroll center bottom; + background: #001100 repeat scroll center bottom; filter: drop-shadow(0px 0 1px rgba(16, 8, 16, 0.7)); } @@ -2468,26 +2495,26 @@ input.toggle_input, input.toggle_input:checked { /* hide checkbox and use label } .snarkCommentInfo th, .snarkComments th { - background: linear-gradient(to bottom, #003000, #000 75%); - background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%); + /*background: linear-gradient(to bottom, #003000, #000 75%); + background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%);*/ padding: 8px 5px; white-space: normal; } .snarkCommentInfo tr:nth-child(even), .snarkComments tr:nth-child(odd) { - background: #001000; + background: #332940; border-bottom: 1px inset #000; } .snarkCommentInfo tr:nth-child(odd), .snarkComments tr:nth-child(even) { - background: #000800; + background: #332940; border-bottom: 1px inset #000; } .snarkCommentInfo th { padding: 8px 5px 8px 30px; - background: url(images/comment.png) 8px center no-repeat, linear-gradient(to bottom, #003000, #000 75%); - background: url(images/comment.png) 8px center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%); + background: url(images/comment.png) 8px center no-repeat, #1F1A24; /*linear-gradient(to bottom, #003000, #000 75%);*/ + /*background: url(images/comment.png) 8px center no-repeat, ; linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%);*/ } .snarkCommentInfo td, .snarkComments td { @@ -2890,10 +2917,6 @@ textarea[name="i2cpOpts"] { .snarkTorrentName:hover a, .snarkFileName:hover a { margin: -2px 0 -2px -2px; padding: 3px 3px 3px 5px; - background: rgba(0,16,0,0.3); - border: 1px solid #002000; - border-radius: 2px 20px 20px 2px; - box-shadow: inset 2px 2px 2px rgba(0,8,0,0.5); } .snarkFileName:hover a { @@ -2912,7 +2935,7 @@ textarea[name="i2cpOpts"] { .page { padding: 10px; - border: 1px solid #494; + border: 1px solid #433e47; } #configs td:first-child::after { @@ -3083,7 +3106,7 @@ th.snarkTorrentStatus a img, .snarkTorrentETA a img, .snarkTrackerDetails a img, .snarkTorrentInfo th:nth-child(2) { padding-left: 5px; - border-bottom: 1px solid #494 !important; + border-bottom: 1px solid #433e47 !important; } .snarkDirInfo td.snarkFileStatus { @@ -3189,7 +3212,7 @@ th a img { border: 2px solid #000; border-radius: 50%; background: #000; - background: linear-gradient(to bottom, #000 50%, #040 50%); + background: linear-gradient(to bottom, #000 50%, #1f1A24 50%); } .configsection .snarkConfigTitle a img { diff --git a/installer/resources/themes/susidns/dark/susidns.css b/installer/resources/themes/susidns/dark/susidns.css index b527966560..fef89c0a4b 100644 --- a/installer/resources/themes/susidns/dark/susidns.css +++ b/installer/resources/themes/susidns/dark/susidns.css @@ -4,9 +4,9 @@ body { font-family: "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Helvetica, sans-serif; line-height: 120%; - background: #000; - background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.45)), url(/themes/console/dark/images/camotile2.png) top left fixed; - color: #ee9; + background: #1F1A24; + /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.45)), url(/themes/console/dark/images/camotile2.png) top left fixed;*/ + color: #e6e6e7; padding-top: 5px; margin: 0 10px; min-width: 650px; @@ -15,7 +15,6 @@ body { body.iframed { /* background: transparent !important;*/ margin: 0; - background: transparent !important; } ::selection { @@ -38,7 +37,7 @@ body.iframed { } .page { - color:#ee9; + color:#e6e6e7; margin: 10px 0; padding: 0 5px; font-size: 9pt !important; @@ -67,11 +66,12 @@ body.iframed { top: -1px; z-index: 999; text-align: center; - border: 1px solid #2a5f29; + border: 1px solid #292929; border-radius: 0 1px 2px 2px; box-shadow: inset 0 0 0 1px #000, 0 2px 2px 2px rgba(0,0,0,0.7); - background: #000 url(/themes/console/dark/images/header.png) repeat-x scroll center center !important; - background: repeating-linear-gradient(135deg, #000 1px, #000 2px, #010 2px, #010 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, #010 2px, #010 4px), 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(/themes/console/dark/images/camotile2.png) top left !important; + background: #1F1A24 !important; + /*url(/themes/console/dark/images/header.png) repeat-x scroll center center !important;*/ + /*background: repeating-linear-gradient(135deg, #000 1px, #000 2px, #010 2px, #010 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, #010 2px, #010 4px), 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(/themes/console/dark/images/camotile2.png) top left !important;*/ background-blend-mode: exclusion, exclusion, normal, normal; } @@ -84,7 +84,8 @@ body.iframed { border-left: none; border-radius: 0; box-shadow: inset 0 0 0 1px #000; - 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(/themes/console/dark/images/camotile2.png) top left !important; + /*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(/themes/console/dark/images/camotile2.png) top left !important;*/ + background: #1F1A24; background-blend-mode: exclusion, normal; } @@ -92,17 +93,9 @@ body.iframed { text-transform: capitalize; } -#navi a:first-child { - border-radius: 4px 0 0 4px; -} - -#navi a:last-child { - border-radius: 0 4px 4px 0; -} - #navi a, #navi a:visited { color: #494 !important; - border: 1px solid #2a5f29; + border: 1px solid #292929; display: inline-block; margin: 1px -2px; box-shadow: inset 0 0 0 1px #000, 0 0 0 1px #000; @@ -110,52 +103,53 @@ body.iframed { padding: 2px 6px 3px 24px; position: relative; text-shadow: 0 1px 1px #000; + border-radius: 12px; } #navi a:hover, #navi a:focus { - border: 1px solid #f60; - color: #f60 !important; + border: 1px solid #da736b; + color: #da736b !important; background: #000; z-index: 10; } #navi a:active { - border: 1px solid #f60; + border: 1px solid #da736b; box-shadow: inset 3px 3px 3px #000; box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px #000; - color: #ee9 !important; + color: #e6e6e7 !important; background-blend-mode: luminosity; } #navi a.abook { - background: #000 url(/themes/susidns/images/abook.png) 5px center no-repeat; - background: url(/themes/susidns/images/abook.png) 5px center no-repeat, linear-gradient(to bottom, #020 0%, #020 50%, #000 50%, #000 100%); + background: #332940 url(/themes/susidns/images/abook.png) 5px center no-repeat; + background: url(/themes/susidns/images/abook.png) 5px center no-repeat, #332940; } #navi a.abook:hover, #navi a.abook:focus { - background: #000 url(/themes/susidns/images/abook.png) 5px center no-repeat !important; + background: #332940 url(/themes/susidns/images/abook.png) 5px center no-repeat !important; } #navi a.abook:active { - background: #f60 url(/themes/susidns/images/abook.png) 5px center no-repeat !important; + background: #da736b url(/themes/susidns/images/abook.png) 5px center no-repeat !important; } #navi a#subs { - background: #000 url(/themes/susidns/images/subs.png) 5px center no-repeat; - background: url(/themes/susidns/images/subs.png) 5px center no-repeat, linear-gradient(to bottom, #020 0%, #020 50%, #000 50%, #000 100%); + background: #332940 url(/themes/susidns/images/subs.png) 5px center no-repeat; + background: url(/themes/susidns/images/subs.png) 5px center no-repeat, #1F1A24; } #navi a#subs:hover, #navi a#subs:focus { - background: #000 url(/themes/susidns/images/subs.png) 5px center no-repeat !important; + background: #332940 url(/themes/susidns/images/subs.png) 5px center no-repeat !important; } #navi a#subs:active { - background: #f60 url(/themes/susidns/images/subs.png) 5px center no-repeat !important; + background: #da736b url(/themes/susidns/images/subs.png) 5px center no-repeat !important; } #navi a#config { background: #000 url(/themes/console/images/buttons/configure.png) 5px center no-repeat; - background: url(/themes/console/images/buttons/configure.png) 5px center no-repeat, linear-gradient(to bottom, #020 0%, #020 50%, #000 50%, #000 100%); + background: url(/themes/console/images/buttons/configure.png) 5px center no-repeat, #1F1A24; } #navi a#config:hover, #navi a#config:focus { @@ -163,20 +157,20 @@ body.iframed { } #navi a#config:active { - background: #f60 url(/themes/console/images/buttons/configure.png) 5px center no-repeat !important; + background: #da736b url(/themes/console/images/buttons/configure.png) 5px center no-repeat !important; } #navi a#overview { - background: #000 url(/themes/susidns/images/overview.png) 5px center no-repeat; - background: url(/themes/susidns/images/overview.png) 5px center no-repeat, linear-gradient(to bottom, #020 0%, #020 50%, #000 50%, #000 100%); + background: #1F1A24 url(/themes/susidns/images/overview.png) 5px center no-repeat; + background: url(/themes/susidns/images/overview.png) 5px center no-repeat, #1F1A24; } #navi a#overview:hover, #navi a#overview:focus { - background: #000 url(/themes/susidns/images/overview.png) 5px center no-repeat !important; + background: #1F1A24 url(/themes/susidns/images/overview.png) 5px center no-repeat !important; } #navi a#overview:active { - background: #f60 url(/themes/susidns/images/overview.png) 5px center no-repeat !important; + background: #1F1A24 url(/themes/susidns/images/overview.png) 5px center no-repeat !important; } /* end topnav */ @@ -193,14 +187,14 @@ hr { } div#filter { - border: 1px solid #2a5f29; + border: 1px solid #292929; padding: 0 5px 15px; text-align: center; - background: #001000; + background: #332940; } div#filter + div#search { - border: 1px solid #2a5f29; + border: 1px solid #292929; margin: -1px 0 14px !important; } @@ -243,13 +237,13 @@ div#filter + div#search > form { } #filter a { - border: 1px solid #2a5f29; + border: 1px solid #292929; margin: 1px 0 3px; padding: 1px 8px; min-width: 12px; border-radius: 2px; - background: #000; - background: linear-gradient(to bottom, #010 0%, #000 100%); + background: #1F1A24; + /*background: linear-gradient(to bottom, #010 0%, #000 100%);*/ font-size: 10pt; text-transform: uppercase; white-space: nowrap; @@ -259,8 +253,8 @@ div#filter + div#search > form { #filter a:hover { text-decoration: none; - color: #f60; - border: 1px solid #f60; + color: #da736b; + border: 1px solid #da736b; border-radius: 2px; background: #020; } @@ -271,7 +265,7 @@ div#filter + div#search > form { #filter span { display: inline-block; - border: 1px solid #2a5f29; + border: 1px solid #292929; min-width: 300px; white-space: nowrap; margin-top: -1px; @@ -279,7 +273,7 @@ div#filter + div#search > form { font-size: 10pt; font-weight: bold; text-transform: capitalize; - background-image: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 51%, #000 100%) !important; + background-image: linear-gradient(to bottom, #1F1A24 0%, #332940 50%, #332940 51%, #332940 100%) !important; } #filter span a, #filter span a:hover { @@ -300,7 +294,7 @@ div#filter + div#search > form { } p { - color:#ee9; + color:#e6e6e7; margin: 0 0 4px; font-size: 9pt; text-align: justify; @@ -311,14 +305,15 @@ span.addrhlpr { } h3 { - color: #ee9; + color: #e6e6e7; font-size: 10pt; font-weight: bold; - border: 1px solid #2a5f29; + border: 1px solid #292929; padding: 7px 10px; - background: #000 url(/themes/console/dark/images/header.png) repeat-x scroll center center; + /*background: #000 url(/themes/console/dark/images/header.png) repeat-x scroll center center; 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%); - background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%); + background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%);*/ + background: #1F1A24; letter-spacing: 0.08em; word-spacing: 0.1em; text-shadow: 0 0 2px #001100; @@ -369,7 +364,7 @@ div#messages { margin: -16px 0 25px !important; background: #020; z-index: 999; - border: 1px solid #2a5f29; + border: 1px solid #292929; box-shadow: inset 0 0 0 1px #000; line-height: 120%; } @@ -377,14 +372,14 @@ div#messages { #messages p { padding: 15px 15px 15px 40px !important; background: url(/themes/console/dark/images/infohelp.png) 6px center no-repeat; - color: #ee9; + color: #e6e6e7; padding: 5px 5px 10px; margin: 0; border-radius: 0; } #messages + p, p.book { - border: 1px solid #2a5f29; + border: 1px solid #292929; background: #000 url(/themes/susidns/images/addressbook.png) 10px center no-repeat; padding: 20px 20px 20px 50px !important; } @@ -426,14 +421,18 @@ h4 { font-size: 9pt; margin-top: -15px; word-spacing: 0.1em; - border: 1px solid #2a5f29; + border: 1px solid #292929; padding: 8px 10px 8px 35px; margin-bottom: 30px !important; - background: url(/themes/susidns/images/drive.png) 9px center no-repeat #000 !important; + background: url(/themes/susidns/images/drive.png) 9px center no-repeat #332940 !important; +} + +a { + color: e6e6e7; } a:link, #filter a:visited { - color: #494; + color: #e6e6e7; text-decoration: none; font-weight: bold; outline: none; @@ -441,7 +440,7 @@ a:link, #filter a:visited { a:hover, a:focus { text-decoration: none; - color: #f60 !important; + color: #da736b !important; } a:visited { @@ -450,18 +449,18 @@ a:visited { } a:active { - color: #f90 !important; + color: #da736b !important; } th { - color: #ee9; + color: #e6e6e7; font-size: 9pt; padding: 5px 10px; text-align: left; } td { - color: #ee9; + color: #e6e6e7; padding: 5px; font-size: 9pt; vertical-align: middle; @@ -480,7 +479,7 @@ input[type="checkbox"], input[type="radio"] { } input[type="checkbox"]:hover, input[type="radio"]:hover, input[type="checkbox"]:focus, input[type="radio"]:focus { - filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%) drop-shadow(0 0 3px #f60); + filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%) drop-shadow(0 0 3px #da736b); } .iframed #visualid { @@ -497,7 +496,7 @@ input[type="checkbox"]:hover, input[type="radio"]:hover, input[type="checkbox"]: #visualid table { width: 100%; - border: 1px solid #2a5f29; + border: 1px solid #292929; border-collapse: collapse; background: #000900; } @@ -516,7 +515,7 @@ input[type="checkbox"]:hover, input[type="radio"]:hover, input[type="checkbox"]: #visualid td[colspan="2"] { padding: 15px 3px; - border-top: 1px solid #2a5f29; + border-top: 1px solid #292929; } #visualid tr:last-child { @@ -531,7 +530,7 @@ td > img[width="320"], td > img[src^="/imagegen"] { border-radius: 4px; width: 240px; height: 240px; - border: 1px solid #2a5f29; + border: 1px solid #292929; padding: 5px; margin: 10px 3px; background: #000; @@ -547,7 +546,7 @@ ol, ul { } li { - color: #ee9; + color: #e6e6e7; margin: 0; font-size: 9pt; list-style: square; @@ -555,15 +554,15 @@ li { } tr.list1 { - background-color: #000900; + background-color: #332940; } tr.list0 { - background-color: #001000; + background-color: #1F1A24; } .help { - border: 1px solid #2a5f29; + border: 1px solid #292929; padding: 20px 30px; } @@ -581,7 +580,7 @@ tr.list0 { #helpsubs { padding: 0 0 0 40px; - background: #000 url(/themes/console/dark/images/infohelp.png) 15px center no-repeat !important; + background: #332940 url(/themes/console/dark/images/infohelp.png) 15px center no-repeat !important; } #helpsubs p { @@ -591,7 +590,7 @@ tr.list0 { } #helpconfig { - background: #000; + background: #332940; } #helpconfig ul { @@ -635,14 +634,14 @@ p.buttons, #buttons { } div#book + div#buttons { - border: 1px solid #2a5f29; + border: 1px solid #292929; padding: 0 0 10px; margin-top: 3px; - background: #000; + background: #1F1A24; } form[action="export"] > div#buttons { - border: 1px solid #2a5f29; + border: 1px solid #292929; padding: 0 0 10px; margin-top: 15px; background: #000; @@ -660,11 +659,11 @@ textarea[name="config"] { } div#config + div#buttons, div#content + div#buttons { - border: 1px solid #2a5f29; + border: 1px solid #292929; margin-top: -3px; padding: 5px; margin-bottom: 15px; - background: #000; + background: #1F1A24; } div#content + div#buttons { @@ -680,8 +679,8 @@ div#content + div#buttons { border: 1px solid #fff; font-size: 10pt; box-shadow: inset 0px 0px 1px 0px #020; - background: #fff; - background: rgba(255,255,255,0.3); + /*background: #1F1A24;*/ + /*background: rgba(255,255,255,0.3);*/ opacity: 0.8; filter: invert(1) sepia(100%) hue-rotate(30deg); } @@ -708,24 +707,24 @@ div#book, #emptybook { #book table { width: 100%; - border: 1px solid #2a5f29; + border: 1px solid #292929; border-collapse: separate; } #book tr.head { - background: url(/themes/console/dark/images/header.png) repeat-x scroll center center #000; - background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #002000, #000 75%) !important; + background: #1F1A24; + /*background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #002000, #000 75%) !important;*/ } #book table th { padding: 10px 0; - border-bottom: 1px solid #2a5f29; + border-bottom: 1px solid #292929; } #book th:last-child { - background: url(/themes/console/dark/images/header.png) repeat-x scroll center center #000; - background: url(images/bin.png) center center no-repeat !important; + background: #1F1A24; + background: url(images/bin.png) center center no-repeat #1F1A24 !important; } @@ -735,17 +734,18 @@ div#book, #emptybook { } #book table tr:hover td { - background: #001a00; - border-bottom: 1px solid #2a5f29; - border-top: 1px solid #2a5f29; + background: #7778bf; + border-bottom: 1px solid #292929; + border-top: 1px solid #292929; } #book table tr:nth-child(2):hover td { border-top: 1px solid transparent; + background: #7778bf; } #book table tr:hover td textarea { - color: #ee9; + color: #e6e6e7; } #book input[type="checkbox"] { @@ -753,10 +753,10 @@ div#book, #emptybook { } div#add, div#import { - border: 1px solid #2a5f29; + border: 1px solid #292929; padding: 0 0 10px; margin-top: 23px; - background: #000; + background: #332940; } #add h3, #import h3 { @@ -785,15 +785,16 @@ div#add, div#import { #add p.buttons, #import p.buttons { margin-top: 5px; - border-top: 1px solid #2a5f29; + border-top: 1px solid #292929; padding-top: 5px; + background: #1F1A24; } input[type="submit"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="reset"]:focus, .fakebutton:hover, #fakebutton:focus { background: #000; - color: #f60; - border: 1px solid #f60; - box-shadow: inset 0 1px 1px 0 #ee9; + color: #da736b; + border: 1px solid #da736b; + box-shadow: inset 0 1px 1px 0 #e6e6e7; } .fakebutton, .fakebutton:visited { @@ -801,7 +802,7 @@ input[type="submit"]:hover, input[type="reset"]:hover, input[type="submit"]:focu } .fakebutton:hover, .fakebutton:focus { - color: #f60; + color: #da736b; } input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner { @@ -815,16 +816,17 @@ input { text-align: left; padding: 5px !important; border-radius: 2px; - border: 1px solid #2a5f29; + border: 1px solid #292929; background: #000 none !important; color: #494; margin: 2px 4px 2px 0; font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Helvetica, sans-serif; min-width: 64px !important; + border-radius: 12px; } input[type="submit"], input[type="reset"], .fakebutton { - color: #494; + color: #e6e6e7; background: #000; border: 1px outset #191; border-radius: 2px; @@ -838,19 +840,20 @@ input[type="submit"], input[type="reset"], .fakebutton { } input[type=submit]:active, input[type=reset]:active, .fakebutton:active { - background: #f60 !important; - color: #ee9 !important; - border: 1px solid #f60; + background: #da736b !important; + color: #e6e6e7 !important; + border: 1px solid #da736b; filter: none; box-shadow: inset 3px 3px 3px #000; box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px #000; } input[type="submit"], input[type="reset"], select, button { /* webkit/blink fix for oversaturated colors */ - border: 1px solid #8b8; - border-bottom: 1px solid #171; - border-right: 1px solid #171; - background: linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%) !important; + border: 1px groove #332940; + border-bottom: 1px groove #292929; + border-right: 1px groove #292929; + background: #1F1A24 !important; + border-radius: 12px; } input[type="text"] { @@ -859,14 +862,15 @@ input[type="text"] { input[type="text"], textarea { background: #000; - background: linear-gradient(to bottom, #000 0%, #010 100%) !important; + /*background: linear-gradient(to bottom, #000 0%, #010 100%) !important;*/ box-shadow: inset 0 0 3px 3px #000; color: #bb7; + border-radius: 2px; } textarea { color: #bb7; - border: 1px solid #2a5f29; + border: 1px solid #292929; padding: 3px 5px; font: bold 8.5pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace; border-radius: 2px; @@ -882,7 +886,7 @@ textarea[cols="70"] { } input:focus, textarea:focus { - color: #ee9; + color: #e6e6e7; background: #000 !important; filter: drop-shadow(0 0 1px #880); transition: ease filter 0.3s; @@ -895,7 +899,7 @@ textarea:focus { } input[name="search"] { - background: url(/themes/console/images/buttons/search.png) 5px center no-repeat, linear-gradient(to bottom, #000 0%, #010 100%) !important; + background: url(/themes/console/images/buttons/search.png) 5px center no-repeat, #000 !important; padding: 5px 5px 5px 25px !important; } @@ -908,8 +912,7 @@ input[name="search"]:focus { .headline h3 { padding: 10px 5px 10px 35px; - background: url(/themes/susidns/images/addressbook.png) 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%); - background: url(/themes/susidns/images/addressbook.png) 5px center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%); + background: url(/themes/susidns/images/addressbook.png) 5px center no-repeat, #1F1A24; font-size: 11pt; text-transform: uppercase; letter-spacing: 0.08em; @@ -917,13 +920,17 @@ input[name="search"]:focus { } .headline#subscriptions h3 { - background: url(/themes/susidns/images/subs_24.png) 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%); - background: url(/themes/susidns/images/subs_24.png) 5px center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%); + background: url(/themes/susidns/images/subs_24.png) 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%);*/ + background: url(/themes/susidns/images/subs_24.png) 5px center no-repeat; + /*linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%);*/ } .headline#configure h3 { - background: url(/themes/susidns/images/configure_24.png) 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%); - background: url(/themes/susidns/images/configure_24.png) 5px center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%); + background: url(/themes/susidns/images/configure_24.png) 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%);*/ + background: url(/themes/susidns/images/configure_24.png) 5px center no-repeat; + /*, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%);*/ } /* export hosts button adjustments */ @@ -951,8 +958,8 @@ p.book { } #messages + p, p.book { - border: 1px solid #2a5f29; - background: #000 url(/themes/susidns/images/addressbook.png) 5px center no-repeat; + border: 1px solid #292929; + background: #332940 url(/themes/susidns/images/addressbook.png) 5px center no-repeat; } /* hide export button on published addressbook if empty */ @@ -1010,7 +1017,7 @@ p.book { } .names img:hover, .names a:focus img { - border: 1px solid #f60; + border: 1px solid #da736b; } .names a:active img, .names a:focus img { @@ -1102,7 +1109,7 @@ p.book { #host_list td:nth-child(2) a:hover, #host_list td:nth-child(3) a:hover, #host_list td:nth-child(4) a:hover, #host_list td:nth-child(2) a:focus, #host_list td:nth-child(3) a:focus, #host_list td:nth-child(4) a:focus { - filter: drop-shadow(0 0 1px #f60); + filter: drop-shadow(0 0 1px #da736b); } .destaddress:focus { @@ -1160,7 +1167,7 @@ _:-ms-lang(x), * { } #navi a.abook:active, #navi a#overview:active, #navi a#subs:active, #navi a#config:active { - background: #f60 !important; + background: #da736b !important; } } @@ -1213,7 +1220,7 @@ h3, #filter a, #filter span { } div#filter { - background: linear-gradient(to right, #000, #001000 10%, #001000 90%, #000); + background: #332940; } form[action="addressbook"] > p.buttons { diff --git a/installer/resources/themes/susimail/dark/susimail.css b/installer/resources/themes/susimail/dark/susimail.css index f97abf8aaa..eba811cf8d 100644 --- a/installer/resources/themes/susimail/dark/susimail.css +++ b/installer/resources/themes/susimail/dark/susimail.css @@ -7,8 +7,7 @@ html { } body { - background: url(/themes/console/dark/images/camotile2.png) top left fixed #000; - background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.7)), url(/themes/console/dark/images/camotile2.png) top left scroll #000; + background: #1F1A24; background-size: 100% 100%, 175px 175px !important; color: #ee9; font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; @@ -24,7 +23,6 @@ body { } body.iframed { - background: transparent !important; margin: 0; padding-top: 0; } @@ -143,19 +141,11 @@ p.mailbody, textarea { div.topbuttons { padding: 8px 0 !important; font-weight: bold; - border: 1px solid #494; - border-bottom: 0 solid; border-radius: 2px 2px 0 0; margin-bottom: -4px; margin-top: -1px; margin: -1px -1px -4px -1px; border-bottom: 1px solid #494; - box-shadow: inset 0 0 0 1px #000; - background: #000; - background: linear-gradient(to bottom, #002000 0%, #000 100%); - background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #002000, #000 75%) !important; - background: repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.5) 2px, rgba(0,64,0,0.5) 4px), linear-gradient(to bottom, rgba(0,32,0,0.5), rgba(0,0,0,0.8)), url(/themes/console/dark/images/camotile2.png) top left !important; - box-shadow: inset 0 0 0 2px #000; } .iframed .topbuttons { @@ -201,7 +191,7 @@ table#mailbox { } #mailbox tr:nth-child(2) { - background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important; + /*background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important;*/ } #mailbox th { @@ -244,6 +234,7 @@ table#mailbox td[colspan="5"], table#mailbox td[colspan="4"] { table#mailbox td[colspan="5"] { border-bottom: none; padding: 9px 6px 6px !important; + background: #1F1A24; } table#mailbox td[colspan="4"] { @@ -252,15 +243,6 @@ table#mailbox td[colspan="4"] { background: none; } -.bottombuttons, #prefsave { - box-shadow: inset 0 0 0 2px #000 !important; - background: repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, rgba(0,24,0,0.4), #000 75%), url(/themes/console/dark/images/camotile2.png) !important; -} - -.iframed .bottombuttons { - background: linear-gradient(to bottom, rgba(0,24,0,0.4) 25%, #000), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), url(/themes/console/dark/images/camotile2.png) !important; -} - #composemail .bottombuttons { background: none !important; } @@ -325,7 +307,7 @@ tr.bottombuttons:last-child td { } a:link { - color: #5a5; + color: #e6e6e7; text-decoration: none; font-weight: bold; } @@ -344,7 +326,7 @@ a:active, a:visited:active, tr:hover td[onclick]:active a { } td { - color: #ee9; + color: #e6e6e7; margin: 0 5px; font-size: 9pt; padding: 2px; @@ -457,6 +439,7 @@ table.noborder { td:first-child { font-weight: bold; + background: #332940; } pre { @@ -466,7 +449,7 @@ pre { } .page { - color: #ee9; + color: #e6e6e7; margin: 0; padding: 0; font-size: 9pt !important; @@ -497,8 +480,6 @@ form { line-height: 160%; border-radius: 2px; padding-bottom: 0; - border: 1px solid #494; - background: #000; } @@ -627,9 +608,9 @@ input[type=submit], input.cancel { } input[type=submit]:hover, input.cancel:hover, input[type=submit]:focus, input.cancel:focus { - color: #f60; - background: #000; - border: 1px solid #f60; + color: #e6e6e7; + background: #332940; + border: 1px solid #da736b; box-shadow: inset 0 1px 1px 0 #ee9 ; } @@ -714,11 +695,10 @@ input.delete { input[type="submit"], input[type="reset"], select, button { /* webkit/blink fix for oversaturated colors */ - border: 1px solid #8b8; - border-bottom: 1px solid #171; - border-right: 1px solid #171; - background: linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%); - color: #494; + border: 1px solid #292929; + background: #1F1A24; + color: #e6e6e7; + border-radius: 12px; } .page td[colspan="2"] { @@ -738,16 +718,13 @@ input[type="submit"], input[type="reset"], select, button { /* webkit/blink fix } #dologin { - border: 1px solid #494; margin: 20px auto; width: 600px; padding: 0 0 10px; - border-radius: 2px; - box-shadow: inset 0 0 0 1px #000, inset 0 0 2px 1px #020; background: #001000; background: linear-gradient(to bottom, #000 0%, #010 50%); background: repeating-linear-gradient(135deg, #000 1px, #000 2px, rgba(0,32,0,0.5) 2px, rgba(0,32,0,0.5) 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, rgba(0,32,0,0.5) 2px, rgba(0,32,0,0.5) 4px), linear-gradient(to bottom, #030 0%, #020); - background: linear-gradient(to bottom, #000 0%, #001000 90%); + background: #1F1A24; background-blend-mode: normal, darken, darken, normal; background-blend-mode: difference, normal; @@ -758,7 +735,6 @@ input[type="submit"], input[type="reset"], select, button { /* webkit/blink fix } #dologin h1 { - border: 1px solid #494; padding: 10px 10px 10px 48px; margin: -1px -1px 15px -1px; border-radius: 2px 2px 0 0; @@ -766,11 +742,9 @@ input[type="submit"], input[type="reset"], select, button { /* webkit/blink fix font-size: 14pt; letter-spacing:0.08em; word-spacing: 0.1em; - text-align:left; - background: #002000 url(images/mail.png) 8px center no-repeat; - background: url(images/mail.png) 8px center no-repeat, linear-gradient(to bottom, rgba(0,48,0,0.5) 50%, rgba(0,0,0,0.7) 50%), url(/themes/console/dark/images/camotile2.png); + text-align: center; + background: url(images/mail.png) 8px center no-repeat, #1F1A24; text-shadow: 0 1px 1px #000; - box-shadow: inset 0 0 0 1px #000; } #dologin table { @@ -778,6 +752,7 @@ input[type="submit"], input[type="reset"], select, button { /* webkit/blink fix margin-bottom: -9px; border-collapse: collapse; border-spacing: 0 !important; + background: #1F1A24; } #dologin td { @@ -792,6 +767,7 @@ input[type="submit"], input[type="reset"], select, button { /* webkit/blink fix #dologin td:last-child { width: 71%; white-space: nowrap; + background: #1F1A24; } #dologin td[colspan="2"] { @@ -821,13 +797,15 @@ input[type="submit"], input[type="reset"], select, button { /* webkit/blink fix padding: 3px 10px; border: 1px solid #010; border-radius: 25px; - background: #020; + background: #1F1A24; box-shadow: 0 0 1px rgba(0,0,0,0); + background: url(images/help.png) 8px center no-repeat, #1F1A24 !important; + padding-left: 30px !important; } #dologin tr:last-child a:hover { - background: #030; - background: linear-gradient(to bottom, #030 50%, #000 50%) #000; + background: #332940; + /*background: linear-gradient(to bottom, #030 50%, #000 50%) #000;*/ box-shadow: 0 0 1px #000; transition: ease all 0.2s; } @@ -959,8 +937,9 @@ table#pagenav td { word-spacing: 0.1em; padding: 5px; text-align: center; - color: #bb7; + color: #e6e6e7; text-shadow: 0 1px 1px #000; + background: #1F1A24; } table#pagenav td:first-child { @@ -1141,6 +1120,31 @@ input.switchto:focus { border: 1px solid #f60; } +input.login { + background: url(images/login.png) 8px center no-repeat, #1F1A24 !important; + padding-left: 18px !important; +} + +input.offline { + background: url(images/offline.png) 8px center no-repeat, #1F1A24 !important; + padding-left: 30px !important; +} + +input.configure { + background: url(images/settings.png) 8px center no-repeat, #1F1A24 !important; + padding-left: 30px !important; +} + +a.mailhelp { + background: url(images/help.png) 8px center no-repeat, #1F1A24 !important; + padding-left: 30px !important; +} + +a.mailcreate { + background: url(images/account.png) 8px center no-repeat, #1F1A24 !important; + padding-left: 30px !important; +} + select { margin: 11px 3px 3px 5px; } diff --git a/installer/resources/themes/susimail/light/susimail.css b/installer/resources/themes/susimail/light/susimail.css index ca1395bd14..559820eb43 100644 --- a/installer/resources/themes/susimail/light/susimail.css +++ b/installer/resources/themes/susimail/light/susimail.css @@ -6,14 +6,12 @@ body { color: #33333f; font-family: "Droid Sans", "NotoSans", Ubuntu, "Bitstream Vera Sans", "Segoe UI", Verdana, "Lucida Grande", Helvetica, sans-serif; font-size: 9pt; - background: linear-gradient(135deg, #9dabd5 0%,#265ea7 53%,#222187 76%,#323638 100%); - background: -webkit-linear-gradient(-45deg, #9dabd5 0%,#265ea7 53%,#222187 76%,#323638 100%); + background: #f1f3f5; } /* preload button mouseovers */ body { - background: linear-gradient(135deg, #9dabd5 0%,#265ea7 53%,#222187 76%,#323638 100%); - background: -webkit-linear-gradient(-45deg, #9dabd5 0%,#265ea7 53%,#222187 76%,#323638 100%); + background: #f1f3f5; } body.iframed { @@ -150,10 +148,8 @@ div.header, .iframed .header { div.footer { border-top: none; margin: -14px 0 10px; - border: 1px solid #7778bf; - background: #eef; - background: linear-gradient(to right, rgba(232,232,255,0.3) 35%, #fafaff 50%, rgba(232,232,255,0.3) 65%), repeating-linear-gradient(to bottom, #fff 1px, #ddf 2px, #fff 3px); - box-shadow: inset 0 0 0 1px #fff; + border: 1px solid #f1f3f5; + background: #f1f3f5; } p.footer { @@ -162,8 +158,7 @@ p.footer { line-height: 10pt; text-align: center; padding: 3px; - color: #449 !important; - text-shadow: 0 0 5px #fff; + color: #495057 !important; } .iframed .footer { @@ -264,16 +259,15 @@ pre { } .page { - background-color: #fcfcff; + background-color: #f1f3f5; color: #33333f; margin: 0; padding: 10px 10px 0; border-radius: 2px 2px 0 0; font-size: 8.5pt !important; line-height: 160% !important; - box-shadow: inset 0 0 0 1px #bbf; text-align: center; - border: 1px solid #447; + border: 1px solid #f1f3f5; min-width: 800px; } @@ -593,13 +587,14 @@ input.download:hover { input.offline { background: #eee url(/themes/susimail/images/offline.png) no-repeat 6px center; - background: url(/themes/susimail/images/offline.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); - padding: 5px 7px 5px 24px; + background: #f8f9fa; + border-radius: 15px; + padding: 7px; } input.offline:hover { background: #fff url(/themes/susimail/images/offline_hover.png) no-repeat 6px center; - background: url(/themes/susimail/images/offline_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); + background: #f1f3f5; } input.list, input.moveto, #pagenav input.switchto { @@ -626,13 +621,14 @@ input.forward:hover { input.login { background: #eee url(/themes/susimail/images/login.png) no-repeat 6px center; - background: url(/themes/susimail/images/login.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); - padding: 5px 7px 5px 24px; + background: #f8f9fa; + border-radius: 15px; + padding: 7px; } input.login:hover { background: #fff url(/themes/susimail/images/login_hover.png) no-repeat 6px center; - background: url(/themes/susimail/images/login_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); + background: #f1f3f5; } input.logout { @@ -812,13 +808,14 @@ input.send:hover { input.configure { background: #eee url(/themes/console/images/buttons/configure.png) no-repeat 6px center; - background: url(/themes/console/images/buttons/configure.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); - padding: 5px 7px 5px 24px; + background: #f8f9fa; + border-radius: 15px; + padding: 7px; } input.configure:hover { background: #fff url(/themes/console/images/buttons/configure_hover.png) no-repeat 6px center; - background: url(/themes/console/images/buttons/configure_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); + background: #f1f3f5; } input.saveas { @@ -901,6 +898,31 @@ input[type="text"][disabled] { filter: none; } +input.login { + background: url(images/login.png) 8px center no-repeat !important; + padding-left: 30px !important; +} + +input.offline { + background: url(images/offline.png) 8px center no-repeat !important; + padding-left: 30px !important; +} + +input.configure { + background: url(images/settings.png) 8px center no-repeat !important; + padding-left: 30px !important; +} + +a.mailhelp { + background: url(images/help.png) 8px center no-repeat !important; + padding-left: 30px !important; +} + +a.mailcreate { + background: url(images/account.png) 8px center no-repeat !important; + padding-left: 30px !important; +} + textarea { font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace; font-size: 9pt; @@ -978,11 +1000,9 @@ div#mailheader { margin: 40px auto 40px; padding: 10px 10px 0; width: 600px; - border: 1px solid #77789f; + border: 1px solid #dee2e6; border-radius: 2px; - box-shadow: inset 0 0 2px 2px rgba(225, 225, 255, 0.5), 0 0 2px rgba(100, 100, 200, 0.6); - background: #fafaff; - background: linear-gradient(to bottom, #fafaff, rgba(232,232,255,0.5)), linear-gradient(to bottom, rgba(255,255,255,0.7) 5%, rgba(220,220,255,0.9)), linear-gradient(to right, #fff, #efefff, #fff); + background: #dee2e6; background-size: 100% 100%, auto 2px, 100%, 100%; } @@ -1009,15 +1029,14 @@ div#mailheader { } #dologin h1 { - background: #fafaff; - background: linear-gradient(to bottom, #fff 50%, #f2f2ff 50%); - border-bottom: 1px solid #77789f; - color: #4c526f; - text-transform: uppercase; + background: #4661A9; + border-bottom: 1px solid #4661A9; + color: #f8f9fa; + text-transform: capitalize; letter-spacing: 0.1em; word-spacing: 0.1em; font-size: 14pt; - text-align: left; + text-align: center; padding: 12px 10px 12px 15px; margin: -9px -9px 5px; }