I2P_Developers/i2p.android.base
3
0
Fork 2
Code Issues 39 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

New default I2PSnark theme: faze to gray.

Browse Source
This commit is contained in:
z3d
2010-09-15 01:39:38 +00:00
parent c035ef6eb7
commit 8262048edc
7 changed files with 143 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
apps/i2psnark/java/src/org/klomp/snark/web/I2PSnarkServlet.java
View File

@ -871,10 +871,10 @@ public class I2PSnarkServlet extends Default {
out.write("<td align=\"right\" class=\"snarkTorrentStatus " + rowClass + "\">");
if (remaining > 0) {
if (peer.isInteresting() && !peer.isChoked()) {
out.write("<font color=#008000>");
out.write("<font color=#003300>");
out.write(formatSize(peer.getDownloadRate()) + "ps</font>");
} else {
out.write("<font color=#a00000><a title=\"");
out.write("<font color=#550000><a title=\"");
if (!peer.isInteresting())
out.write(_("Uninteresting (The peer has no pieces we need)"));
else
@ -887,10 +887,10 @@ public class I2PSnarkServlet extends Default {
out.write("<td align=\"right\" class=\"snarkTorrentStatus " + rowClass + "\">");
if (pct != 100.0) {
if (peer.isInterested() && !peer.isChoking()) {
out.write("<font color=#008000>");
out.write("<font color=#003300>");
out.write(formatSize(peer.getUploadRate()) + "ps</font>");
} else {
out.write("<font color=#a00000><a title=\"");
out.write("<font color=#550000><a title=\"");
if (!peer.isInterested())
out.write(_("Uninterested (We have no pieces the peer needs)"));
else
@ -925,7 +925,7 @@ public class I2PSnarkServlet extends Default {
out.write("<input type=\"hidden\" name=\"action\" value=\"Add\" >\n");
out.write("<div class=\"addtorrentsection\"><span class=\"snarkConfigTitle\">");
out.write(_("Add Torrent"));
out.write("</span><br>\n<table border=\"0\"><tr><td>");
out.write("</span><hr>\n<table border=\"0\"><tr><td>");
out.write(_("From URL"));
out.write(":<td><input type=\"text\" name=\"newURL\" size=\"80\" value=\"" + newURL + "\" > \n");
// not supporting from file at the moment, since the file name passed isn't always absolute (so it may not resolve)
@ -956,7 +956,7 @@ public class I2PSnarkServlet extends Default {
out.write("<input type=\"hidden\" name=\"action\" value=\"Create\" >\n");
out.write("<span class=\"snarkConfigTitle\">");
out.write(_("Create Torrent"));
out.write("</span><br>\n<table border=\"0\"><tr><td>");
out.write("</span><hr>\n<table border=\"0\"><tr><td>");
//out.write("From file: <input type=\"file\" name=\"newFile\" size=\"50\" value=\"" + newFile + "\" /><br>\n");
out.write(_("Data to seed"));
out.write(":<td>" + _manager.getDataDir().getAbsolutePath() + File.separatorChar
@ -1004,7 +1004,7 @@ public class I2PSnarkServlet extends Default {
out.write("<input type=\"hidden\" name=\"action\" value=\"Save\" >\n");
out.write("<span class=\"snarkConfigTitle\">");
out.write(_("Configuration"));
out.write("</span><br>\n");
out.write("</span><hr>\n");
out.write("<table border=\"0\"><tr><td>");
out.write(_("Data directory"));
out.write(": <td><input type=\"text\" size=\"50\" name=\"dataDir\" value=\"" + dataDir + "\" ");

BIN
installer/resources/themes/console/images/hat.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.7 KiB

BIN
installer/resources/themes/console/images/snark_add.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
installer/resources/themes/console/images/snark_create.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
installer/resources/themes/console/images/snarknav.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 171 B

BIN
installer/resources/themes/console/images/snarknav_on.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 262 B

186
installer/resources/themes/console/snark.css
View File

@ -1,7 +1,7 @@
/* Not yet complete. Subject to flux and change. dr|z3d - 07.25.09 */
body {
background: #eef;
background: #333;
color: #001;
font: 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif;
}
@ -15,11 +15,13 @@ body {
.snarkRefresh:link,.snarkRefresh:visited {
text-decoration: none !important;
text-transform: uppercase !important;
padding: 0 16px;
padding: 2px 16px;
margin: -5px -7px -5px 0 !important;
letter-spacing: 0.05em;
font-weight: bold;
font-size: 11pt;
color: #005;
color: #f70;
text-shadow: 1px 1px #420;
}
.snarkRefresh:hover {
@ -29,9 +31,12 @@ body {
letter-spacing: 0.05em;
font-weight: bold;
font-size: 11pt;
color: #f60;
border-bottom: 3px solid #f60;
border-top: 3px solid #f60;
color: #f90;
/*border-bottom: 3px solid #111;
border-top: 3px solid #111;*/
background: #f90;
background: #111 url('../console/images/snarknav_on.png') repeat-x scroll center center;
-moz-border-radius: 3px;
}
.snarkRefresh:active {
@ -41,26 +46,29 @@ body {
letter-spacing: 0.05em;
font-weight: bold;
font-size: 11pt;
color: #f30;
border-bottom: 3px solid #f30;
border-top: 3px solid #f30;
color: #fb0;
/*border-bottom: 3px solid #6d6;
border-top: 3px solid #6d6; */
background: #111 url('../console/images/snarknav_on.png') repeat-x scroll center center;
}
.snarkMessages {
font: bold 9pt "Lucida Console","DejaVu Sans Mono",Courier,mono !important;
text-align: left;
margin: 0 0px 10px 0px;
padding: 0;
margin: 0 0 10px 0;
padding: 3px 0;
border-spacing: 0px;
-moz-border-radius: 4px 0 0 0;
-khtml-border-radius: 4px;
border-radius: 4px;
border: 2px solid #930;
border: 1px solid #000;
overflow: auto;
color: #531;
height: 79px;
color: #22f;
height: 70px;
width: auto;
background: #f0dea0;
background: #000;
background: #111 url('../console/images/hat.png') no-repeat scroll right center;
}
pre {
@ -69,6 +77,7 @@ pre {
padding: 0;
text-align: left !important;
height: 8px;
color: #050;
}
table {
@ -77,6 +86,8 @@ table {
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
color: #ddd;
width: 100%;
}
th {
@ -84,27 +95,38 @@ th {
font-size: 9pt;
border-top: 1px outset #001;
border-bottom: 1px inset #001;
background: #fda;
background: #222;
color: #ddd;
whitespace: nowrap;
}
.SnarkTorrents {
margin: 0;
border: 1px solid #001;
background: #f9f;
background: #333;
}
td {
padding: 4px;
padding: 2px;
color: #ddd !important;
}
.mainsection td {
color: #111;
}
td:first-child {
text-align: center;
padding-left: 10px;
}
.snarkTorrentEven {
background: #fea;
background: #555;
font-size: 8pt;
}
.snarkTorrentOdd {
background: #f0dea0;
background: #444;
font-size: 8pt;
}
@ -139,6 +161,14 @@ td {
font-size: 11pt;
font-weight: bold;
text-transform: uppercase;
padding: 0 25px 5px 25px;
margin: 5px 0 10px 0 !important;
letter-spacing: 0.25em;
border: 2px solid #444;
-moz-border-radius: 0 0 5px 5px;
border-top: 0;
text-shadow: 1px 1px #333;
background: #333;/* url('../console/images/snarknav.png') repeat-x scroll center center;*/
}
.snarkConfig {
@ -147,7 +177,7 @@ td {
}
.page {
background: #fff;
background: #222;
color: #310;
min-width: 800px !important;
margin: 5px 0 0 0;
@ -164,7 +194,8 @@ td {
}
form {
line-height: 250%;
/* line-height: 250%; */
margin-bottom: 0;
}
p {
@ -181,21 +212,31 @@ hr {
text-align: center;
}
hr {
color: #444;
background: #444;
height: 1px;
border: 0px solid #444;
width: 100%;
margin: 5px 0 7px 0;
text-align: center;
}
a:link {
color: #930;
color: #f70;
text-decoration: none;
font-weight: bold;
word-wrap: break-word;
}
a:visited {
color: #606;
color: #f50;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #900;
color: #f90;
font-weight: bold;
}
@ -206,31 +247,66 @@ input {
padding: 2px 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px;
background: #ffe;
border: 1px solid #000;
background: #111;
color: #f60;
}
input.r {
text-align: right;
}
input[type=submit] {
text-shadow: 1px 1px #555;
color: #000;
background: #777;
border: 1px outset #bbb;
}
input[type=submit]:hover {
border: 1px inset #bbb;
text-shadow: 0 0;
}
input[type=submit]:active {
background: #000 !important;
color: #777;
}
input[type=text]:active, input[type=text]:hover, input.r:hover {
background: #f60;
color: #000;
}
input[type=submit]:hover {
background: #f60;
color: #000;
}
select {
background: #ffe;
color: #310;
background: #111;
color: #f60;
font: 9pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif;
font-weight: bold;
padding: 2px 2px 2px 3px;
-moz-border-radius: 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px;
border: 1px solid #000;
}
select:hover, textarea:hover {
background: #f60;
color: #000;
}
textarea {
background: #ffe;
color: #310;
background: #111;
color: #f60;
font-weight: bold;
padding: 1px 4px 0px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #000;
}
img {
@ -259,53 +335,58 @@ div.section,div.mainsection {
-moz-box-shadow: inset 0px 0px 1px 0px #002;
word-wrap: break-word;
text-align: center;
background: #ffe url('../console/light/images/tabletile.png');
/*background: #ffe url('../console/light/images/tabletile.png');*/
background: #444;
opacity: 1.0;
}
div.newtorrentsection {
margin: 0 0 10px 0;
padding: 0 10px 10px 10px;
padding: 0 10px 0px 10px;
border: 1px solid #001;
text-align: center;
color: #001;
color: #ddd;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: inset 0px 0px 1px 0px #002;
-moz-box-shadow: inset 0px 0px 1px 0px #ff0;
word-wrap: break-word;
background: #bb4 url('../console/images/yellowtile.png');
background: #444 url('../console/images/snark_create.png') no-repeat scroll right center;
opacity: 1.0;
}
div.addtorrentsection {
margin: 0 0 10px 0;
padding: 0 10px 10px 10px;
padding: 0 10px 0px 10px;
border: 1px solid #001;
text-align: center;
color: #001;
color: #ddd;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: inset 0px 0px 1px 0px #002;
-moz-box-shadow: inset 0px 0px 1px 0px #0f0;
word-wrap: break-word;
background: #7f7 url('../console/images/greentile.png');
background: #444 url('../console/images/snark_add.png') no-repeat scroll right center;
opacity: 1.0;
}
div.configsection {
margin: 0;
padding: 0 10px 10px 10px;
margin: 0 0 10px 0;
padding: 0 10px 15px 10px;
border: 1px solid #001;
color: #ffb;
color: #ddd;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: inset 0px 0px 0px 1px #900;
-moz-box-shadow: inset 0px 0px 1px 0px #f00;
word-wrap: break-word;
text-align: center;
background: #700 url('../console/light/images/darkbluetile.png');
font-weight: bold;/* red tile needs bold text! */
background: #444;
font-weight: bold;
}
.newtorrentsection form, .configsection form, .addtorrentsection form {
color: #ddd !important;
}
div.configsection table{
@ -313,26 +394,27 @@ div.configsection table{
}
div.configsection a {
color: #f90;
color: #f60;
}
div.configsection a:hover {
color: #f60;
text-decoration: underline;
color: #f90;
text-decoration: none;
}
.snarknavbar {
margin: 0 0 10px 0 !important;
padding: 10px;
padding: 2px 10px;
border: 1px solid #001;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: inset 0px 0px 1px 0px #002;
background: #ddf url('../console/light/images/tabletile.png');
background: #111 url('../console/images/snarknav.png') repeat-x scroll center center;
text-transform: uppercase !important;
letter-spacing: 0.05em;
font-weight: bold;
font-size: 11pt;
color: #001;
min-width: 800px;
}