echelon/i2p.i2p
1
0
Fork 0
forked from I2P_Developers/i2p.i2p
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

big CSS update across all dark-theme apps and susimail light-theme

Browse Source
This commit is contained in:
hankhill19580
2020-01-03 03:24:55 +00:00
parent 09d31cb107
commit 29f8fec912
8 changed files with 981 additions and 949 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/routerconsole/java/src/net/i2p/router/web/helpers/HomeHelper.java
View File

@ -254,8 +254,14 @@ public class HomeHelper extends HelperBase {
continue;
}
}
buf.append("\n<div class=\"app\">\n" +
"<div class=\"appimg\">" +
// 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<div class=\"app" + plugin + "\">\n" +
"<div class=\"appimg" + plugin + "\">" +
// usability: add tabindex -1 so we avoid 2 tabs per app
"<a href=\"").append(url).append("\" tabindex=\"-1\">" +
"<img alt=\"\" title=\"").append(app.desc).append("\" src=\"").append(app.icon)

193
apps/susimail/src/src/i2p/susi/webmail/WebMail.java
View File

@ -1,8 +1,8 @@
/*
* Created on 04.11.2004
*
*
* This file is part of susimail project, see http://susi.i2p/
*
*
* Copyright (C) 2004-2005 <susi23@mail.i2p>
*
* 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 = "<th>&nbsp;</th>\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<String> nonces;
private static final int MAX_NONCES = 15;
public final Log log;
SessionObject(Log log)
{
nonces = new ArrayList<String>(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("--", "&#45;&#45;") );
}
}
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("--", "&#45;&#45;") );
}
}
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( "<tr class=\"mailbody\"><td colspan=\"2\" align=\"center\">" );
if( showBody ) {
if( showBody ) {
if( html )
out.println( "<p class=\"mailbody\"><br>" );
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( "</form><div id=\"footer\"><hr><p class=\"footer\">susimail v0." + version +" " + ( RELEASE ? "release" : "development" ) + " &copy; 2004-2005 <a href=\"mailto:susi23@mail.i2p\">susi</a></div></div></body>\n</html>");
//out.println( "</form><div id=\"footer\"><hr><p class=\"footer\">susimail v0." + version +" " + ( RELEASE ? "release" : "development" ) + " &copy; 2004-2005 <a href=\"mailto:susi23@mail.i2p\">susi</a></div></div></body>\n</html>");
out.println( "</form><div class=\"footer\"><p class=\"footer\">susimail &copy; 2004-2005 susi</p></div></div></body>\n</html>");
out.flush();
} // synch sessionObject
@ -2641,12 +2641,12 @@ public class WebMail extends HttpServlet
ArrayList<String> toList = new ArrayList<String>();
ArrayList<String> ccList = new ArrayList<String>();
ArrayList<String> bccList = new ArrayList<String>();
// 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<String> ccList = new ArrayList<String>();
ArrayList<String> bccList = new ArrayList<String>();
ArrayList<String> recipients = new ArrayList<String>();
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( "<div id=\"composemail\"><table id=\"newmail\" cellspacing=\"0\" cellpadding=\"5\">\n" +
"<tr><td colspan=\"2\" align=\"center\"><hr></td></tr>\n" +
"<tr><td align=\"right\">" + _t("From") + ":</td><td align=\"left\"><input type=\"text\" size=\"80\" name=\"" + NEW_FROM + "\" value=\"" + quoteHTML(from) + "\" " + ( fixed ? "disabled" : "" ) +"></td></tr>\n" +
@ -3062,7 +3062,7 @@ public class WebMail extends HttpServlet
"<tr><td></td><td align=\"left\"><textarea cols=\"" + Config.getProperty( CONFIG_COMPOSER_COLS, 80 )+ "\" rows=\"" + Config.getProperty( CONFIG_COMPOSER_ROWS, 10 )+ "\" name=\"" + NEW_TEXT + "\">" + text + "</textarea></td></tr>" +
"<tr class=\"bottombuttons\"><td colspan=\"2\" align=\"center\"><hr></td></tr>\n" +
"<tr class=\"bottombuttons\"><td align=\"right\">" + _t("Add Attachment") + ":</td><td id=\"addattach\" align=\"left\"><input type=\"file\" size=\"50%\" name=\"" + NEW_FILENAME + "\" value=\"\">&nbsp;" + button(NEW_UPLOAD, _t("Add Attachment")) + "</td></tr>");
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( "<div id=\"dologin\"><h1>" + _t("Email Login") + "</h1><table cellspacing=\"3\" cellpadding=\"5\">\n" +
// current postman hq length limits 16/12, new postman version 32/32
"<tr><td align=\"right\" width=\"30%\">" + _t("User") + "</td><td width=\"40%\" align=\"left\"><input type=\"text\" size=\"32\" name=\"" + USER + "\" value=\"" + "\"> @mail.i2p</td></tr>\n" +
"<tr><td align=\"right\" width=\"30%\">" + _t("Password") + "</td><td width=\"40%\" align=\"left\"><input type=\"password\" size=\"32\" name=\"pass\" value=\"" + "\"></td></tr>\n");
// which is better?
//if (!fixed) {
if (true) {
out.println(
"<tr><td align=\"right\" width=\"30%\">" + _t("Host") + "</td><td width=\"40%\" align=\"left\"><input type=\"text\" size=\"32\" name=\"" + HOST +"\" value=\"" + quoteHTML(host) + "\"" + ( fixed ? " disabled" : "" ) + "></td></tr>\n" +
"<tr><td align=\"right\" width=\"30%\">" + _t("POP3 Port") + "</td><td width=\"40%\" align=\"left\"><input type=\"text\" style=\"text-align: right;\" size=\"5\" name=\"" + POP3 +"\" value=\"" + quoteHTML(pop3) + "\"" + ( fixed ? " disabled" : "" ) + "></td></tr>\n" +
"<tr><td align=\"right\" width=\"30%\">" + _t("SMTP Port") + "</td><td width=\"40%\" align=\"left\"><input type=\"text\" style=\"text-align: right;\" size=\"5\" name=\"" + SMTP +"\" value=\"" + quoteHTML(smtp) + "\"" + ( fixed ? " disabled" : "" ) + "></td></tr>\n");
}
out.println(
"<tr><td colspan=\"2\"><hr></td></tr>\n" +
"<tr><td colspan=\"2\" align=\"center\">" + button( LOGIN, _t("Login") ) + spacer +
@ -3114,7 +3107,7 @@ public class WebMail extends HttpServlet
spacer +
button(CONFIGURE, _t("Settings")) +
"</td></tr>\n" +
"<tr><td align=\"center\" colspan=\"2\"><hr><a href=\"http://hq.postman.i2p/?page_id=14\" target=\"_blank\">" + _t("Learn about I2P mail") + "</a> | <a href=\"http://hq.postman.i2p/?page_id=16\" target=\"_blank\">" + _t("Create Account") + "</a></td></tr>\n" +
"<tr><td align=\"center\" colspan=\"2\"><hr><a class=\"mailhelp\" href=\"http://hq.postman.i2p/?page_id=14\" target=\"_blank\">" + _t("Learn about I2P mail") + "</a> | <a class=\"mailcreate\" href=\"http://hq.postman.i2p/?page_id=16\" target=\"_blank\">" + _t("Create Account") + "</a></td></tr>\n" +
"</table></div>");
}
@ -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 = "<a href=\"" + loc + "\" class=\"" + type + "\">";
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 = "<i>" + _t("no subject") + "</i>";
out.println( "<tr class=\"list" + bg + "\">" +
"<td><input type=\"checkbox\" class=\"optbox\" name=\"check" + b64UIDL + "\" value=\"1\"" +
"<td><input type=\"checkbox\" class=\"optbox\" name=\"check" + b64UIDL + "\" value=\"1\"" +
" onclick=\"deleteboxclicked();\" " +
( idChecked ? "checked" : "" ) + ">" + "</td><td " + jslink + ">" +
(mail.isNew() ? "<img src=\"/susimail/icons/flag_green.png\" alt=\"\" title=\"" + _t("Message is new") + "\">" : "&nbsp;") + "</td><td " + jslink + ">");
@ -3289,7 +3282,7 @@ public class WebMail extends HttpServlet
button( MARKALL, _t("Mark All") ) +
"&nbsp;" +
button( CLEAR, _t("Clear All") ));
//"<br>" +
//"<br>" +
//button( INVERT, _t("Invert Selection") ) +
//"<br>");
}
@ -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") + ":</b>&nbsp;<input type=\"text\" style=\"text-align: right;\" name=\"" + PAGESIZE +
"\" size=\"4\" value=\"" + sz + "\">" +
"&nbsp;" +
"&nbsp;" +
button( SETPAGESIZE, _t("Set") ) );
out.println("</div>");
out.println("<h3 id=\"config\">");
@ -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);

803
installer/resources/themes/console/dark/console.css
View File

File diff suppressed because it is too large Load Diff

183
installer/resources/themes/console/dark/i2ptunnel.css
View File

@ -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 */

313
installer/resources/themes/snark/dark/snark.css
View File

@ -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 {

247
installer/resources/themes/susidns/dark/susidns.css
View File

@ -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 {

98
installer/resources/themes/susimail/dark/susimail.css
View File

@ -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;
}

83
installer/resources/themes/susimail/light/susimail.css
View File

@ -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;
}