diff --git a/apps/i2psnark/java/src/org/klomp/snark/web/I2PSnarkServlet.java b/apps/i2psnark/java/src/org/klomp/snark/web/I2PSnarkServlet.java
index e1b192e9f..b71e0979c 100644
--- a/apps/i2psnark/java/src/org/klomp/snark/web/I2PSnarkServlet.java
+++ b/apps/i2psnark/java/src/org/klomp/snark/web/I2PSnarkServlet.java
@@ -319,13 +319,15 @@ public class I2PSnarkServlet extends BasicServlet {
writeConfigForm(out, req);
writeTrackerForm(out, req);
} else {
- writeTorrents(out, req);
+ boolean pageOne = writeTorrents(out, req);
// end of mainsection div
- out.write("
\n");
- writeAddForm(out, req);
- writeSeedForm(out, req, sortedTrackers);
- writeConfigLink(out);
- // end of lowersection div
+ if (pageOne) {
+ out.write("
\n");
+ writeAddForm(out, req);
+ writeSeedForm(out, req, sortedTrackers);
+ writeConfigLink(out);
+ // end of lowersection div
+ }
out.write("
\n");
}
out.write(FOOTER);
@@ -354,7 +356,10 @@ public class I2PSnarkServlet extends BasicServlet {
}
}
- private void writeTorrents(PrintWriter out, HttpServletRequest req) throws IOException {
+ /**
+ * @return true if on first page
+ */
+ private boolean writeTorrents(PrintWriter out, HttpServletRequest req) throws IOException {
/** dl, ul, down rate, up rate, peers, size */
final long stats[] = {0,0,0,0,0,0};
String peerParam = req.getParameter("p");
@@ -585,8 +590,11 @@ public class I2PSnarkServlet extends BasicServlet {
out.write(": ");
out.write(ngettext("1 torrent", "{0} torrents", total));
out.write(", ");
- out.write(DataHelper.formatSize2(stats[5]) + "B, ");
- out.write(ngettext("1 connected peer", "{0} connected peers", (int) stats[4]));
+ out.write(DataHelper.formatSize2(stats[5]) + "B");
+ if (_manager.util().connected() && total > 0) {
+ out.write(", ");
+ out.write(ngettext("1 connected peer", "{0} connected peers", (int) stats[4]));
+ }
DHT dht = _manager.util().getDHT();
if (dht != null) {
int dhts = dht.size();
@@ -598,7 +606,7 @@ public class I2PSnarkServlet extends BasicServlet {
out.write(dht.renderStatusHTML());
}
out.write("\n");
- if (_manager.util().connected()) {
+ if (_manager.util().connected() && total > 0) {
out.write(" " + formatSize(stats[0]) + " | \n" +
" " + formatSize(stats[1]) + " | \n" +
" " + formatSize(stats[2]) + "ps | \n" +
@@ -613,6 +621,7 @@ public class I2PSnarkServlet extends BasicServlet {
out.write("");
if (isForm)
out.write("\n");
+ return start == 0;
}
/**
diff --git a/installer/resources/themes/snark/light/snark.css b/installer/resources/themes/snark/light/snark.css
index c7c53a9a3..aa423ae6b 100644
--- a/installer/resources/themes/snark/light/snark.css
+++ b/installer/resources/themes/snark/light/snark.css
@@ -1,237 +1,237 @@
/* I2PSnark theme "Light" by dr|z3d, 2012 */
/* Cat That Got The Cream Edition */
-/* Thanks to http://www.luxphile.com/2011/01/creative-commons-cat.html for the kitty image */
-
-body {
- color: #000;
+/* Thanks to http://www.luxphile.com/2011/01/creative-commons-cat.html for the kitty image */
+
+body {
+ color: #000;
font: 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif;
background: #fff;
- background: #fff;
-}
-
-body.iframed {
- background: transparent url('../../console/dark/images/transparent.gif') !important;
- margin: 6px 0 0 !important;
-}
-
-.snarkTitle {
- font-size: 12pt;
- font-weight: bold;
- text-align: center;
-}
-
-.snarkRefresh:link,.snarkRefresh:visited {
- text-decoration: none !important;
- text-transform: uppercase !important;
- padding: 4px 16px 5px !important;
- margin: -5px -8px -5px 0 !important;
- letter-spacing: 0em;
- font-weight: bold;
- font-size: 9pt;
- color: #559;
- background: #fff url("../../console/light/images/header.png") repeat-x scroll center center;
- -moz-border-radius: 0px;
- -khtml-border-radius: 3px;
- border-radius: 0px;
- border: 1px outset #66f;
-}
-
-.snarkRefresh:hover {
- text-decoration: none !important;
- text-transform: uppercase !important;
- padding: 1px 16px;
- font-weight: bold;
- font-size: 9pt;
- color: #fff;
- background: #359;
- -moz-border-radius: 0;
- -khtml-border-radius: 0;
- border-radius: 0;
-}
-
-.snarkRefresh:active {
- text-decoration: none !important;
- text-transform: uppercase !important;
- padding: 0 16px;
- font-weight: bold;
- font-size: 9pt;
- color: #fff;
- background: #00d;
-}
-
-.snarkRefresh:last-child {
- -moz-border-radius: 0 3px 3px 0px;
- -khtml-border-radius: 0 3px 3px 0;
- border-radius: 0 3px 3px 0;
- border: 1px outset #66f;
-}
-
-.snarkRefresh:first-child {
- -moz-border-radius: 3px 0 0 3px;
- -khtml-border-radius: 3px 0 0 3px;
- border-radius: 3px 0 0 3px;
- border: 1px outset #66f;
+ background: #fff;
}
-
-.snarkMessages {
- font: normal 8pt "Lucida Console","DejaVu Sans Mono",Courier,mono !important;
- text-align: left;
- margin: 0 0 10px 0;
- padding: 3px 5px 3px 5px;
- border-spacing: 0px;
- overflow: auto;
- color: #44f;
- max-height: 50px;
- min-height: 50px;
- width: auto;
+
+body.iframed {
+ background: transparent url('../../console/dark/images/transparent.gif') !important;
+ margin: 6px 0 0 !important;
+}
+
+.snarkTitle {
+ font-size: 12pt;
+ font-weight: bold;
+ text-align: center;
+}
+
+.snarkRefresh:link,.snarkRefresh:visited {
+ text-decoration: none !important;
+ text-transform: uppercase !important;
+ padding: 4px 16px 5px !important;
+ margin: -5px -8px -5px 0 !important;
+ letter-spacing: 0em;
+ font-weight: bold;
+ font-size: 9pt;
+ color: #559;
+ background: #fff url("../../console/light/images/header.png") repeat-x scroll center center;
+ -moz-border-radius: 0px;
+ -khtml-border-radius: 3px;
+ border-radius: 0px;
+ border: 1px outset #66f;
+}
+
+.snarkRefresh:hover {
+ text-decoration: none !important;
+ text-transform: uppercase !important;
+ padding: 1px 16px;
+ font-weight: bold;
+ font-size: 9pt;
+ color: #fff;
+ background: #359;
+ -moz-border-radius: 0;
+ -khtml-border-radius: 0;
+ border-radius: 0;
+}
+
+.snarkRefresh:active {
+ text-decoration: none !important;
+ text-transform: uppercase !important;
+ padding: 0 16px;
+ font-weight: bold;
+ font-size: 9pt;
+ color: #fff;
+ background: #00d;
+}
+
+.snarkRefresh:last-child {
+ -moz-border-radius: 0 3px 3px 0px;
+ -khtml-border-radius: 0 3px 3px 0;
+ border-radius: 0 3px 3px 0;
+ border: 1px outset #66f;
+}
+
+.snarkRefresh:first-child {
+ -moz-border-radius: 3px 0 0 3px;
+ -khtml-border-radius: 3px 0 0 3px;
+ border-radius: 3px 0 0 3px;
+ border: 1px outset #66f;
+}
+
+.snarkMessages {
+ font: normal 8pt "Lucida Console","DejaVu Sans Mono",Courier,mono !important;
+ text-align: left;
+ margin: 0 0 10px 0;
+ padding: 3px 5px 3px 5px;
+ border-spacing: 0px;
+ overflow: auto;
+ color: #44f;
+ max-height: 50px;
+ min-height: 50px;
+ width: auto;
background: #fff url('images/kitty.png') no-repeat scroll right center;
- border-bottom: 1px solid #66f;
-}
+ border-bottom: 1px solid #66f;
+}
.snarkMessages li {
list-style: square;
}
-
-.snarkMessages a:link, .snarkMessages a:visited {
- color: #69f !important;
-}
-
-.snarkMessages a:hover {
- color: #f90 !important;
-}
-
-.snarkMessages ul {
- margin: 0;
- padding: 0 0 0 16px;
-}
-
-.snarkMessages p {
- font-style: italic;
- margin: 0;
- text-align: right;
-}
-
-.snarkMessages img, .snarkMessages img:hover {
- float: right;
- margin: -4px -5px 4px 4px;
+
+.snarkMessages a:link, .snarkMessages a:visited {
+ color: #69f !important;
+}
+
+.snarkMessages a:hover {
+ color: #f90 !important;
+}
+
+.snarkMessages ul {
+ margin: 0;
+ padding: 0 0 0 16px;
+}
+
+.snarkMessages p {
+ font-style: italic;
+ margin: 0;
+ text-align: right;
+}
+
+.snarkMessages img, .snarkMessages img:hover {
+ float: right;
+ margin: -4px -5px 4px 4px;
opacity: 1;
border: 1px solid #66f;
border-right: 0 none;
- border-top: 0 none;
-}
-
-.logshim {
- margin-top: -10px !important;
-}
-
-pre {
- width: 100%;
- font: 8pt "Lucida Console","DejaVu Sans Mono",Courier,mono !important;
- padding: 0;
- text-align: left !important;
- height: 8px;
- color: #35f;
- font-weight: bold !important;
-}
-
-table {
- margin: 0px 0px 10px 0px;
- border: 0px;
- padding: 0px;
- border-spacing: 0px;
- border-collapse: collapse;
- color: #323;
- width: 100%;
- opacity: 1 !important;
-}
-
-tr {
- opacity: 1;
-}
-
-thead, tfoot {
- background: #fff;
-}
-
-thead a, tfoot a {
-}
-
-thead {
- border-bottom: 1px solid #101;
-}
-
-th {
- padding: 3px 2px;
- font-size: 8pt;
- border-top: 1px solid #66f;
- border-bottom: 1px solid #66f;
- color: #001;
- whitespace: nowrap;
- background: #fff url("../../console/light/images/header.png") repeat-x scroll center center;
-}
-
-th:first-child {
- text-align: left !important;
- padding-left: 2px;
-}
-
-tfoot td:first-child {
- text-align: left !important;
- padding-left: 0px;
-}
-
-th:first-child img {
- margin: 1px -2px 3px 1px !important;
-}
-
-th:nth-child(2) img {
- margin: 1px 7px 3px 2px !important;
-}
-
-tfoot th {
- padding-bottom: 4px !important;
-}
-
-tfoot img, tfoot:nth-child(2) img, tfoot:nth-child(1) img, tfoot:nth-child(3) img, tfoot:nth-child(4) img {
- margin: 0px 2px 3px 0px !important;
- padding-right: 0 !important;
-}
-
-tfoot tr:nth-child(n+1) {
- text-align: left;
-}
-
-.headerstatus {
- text-align: left;
- padding-left: 15px;
-}
-
-.headerpriority {
- text-align: left;
- padding-left: 10px;
-}
-
-.ParentDir {
- background: #fff;
- font-size: 8pt;
- border: 0px inset #101 !important;
- border-left: 0 !important;
- border-right: 0 !important;
- text-align: left !important;
- padding: 4px 0;
-}
-
-.priority {
- font-size: 7pt;
- vertical-align: center;
- min-width: 160px;
-}
+ border-top: 0 none;
+}
-.SnarkTorrents {
- margin: 0;
- border: 0px solid #66f;
- background: #fff;
-}
+.logshim {
+ margin-top: -10px !important;
+}
+
+pre {
+ width: 100%;
+ font: 8pt "Lucida Console","DejaVu Sans Mono",Courier,mono !important;
+ padding: 0;
+ text-align: left !important;
+ height: 8px;
+ color: #35f;
+ font-weight: bold !important;
+}
+
+table {
+ margin: 0px 0px 10px 0px;
+ border: 0px;
+ padding: 0px;
+ border-spacing: 0px;
+ border-collapse: collapse;
+ color: #323;
+ width: 100%;
+ opacity: 1 !important;
+}
+
+tr {
+ opacity: 1;
+}
+
+thead, tfoot {
+ background: #fff;
+}
+
+thead a, tfoot a {
+}
+
+thead {
+ border-bottom: 1px solid #101;
+}
+
+th {
+ padding: 3px 2px;
+ font-size: 8pt;
+ border-top: 1px solid #66f;
+ border-bottom: 1px solid #66f;
+ color: #001;
+ whitespace: nowrap;
+ background: #fff url("../../console/light/images/header.png") repeat-x scroll center center;
+}
+
+th:first-child {
+ text-align: left !important;
+ padding-left: 2px;
+}
+
+tfoot td:first-child {
+ text-align: left !important;
+ padding-left: 0px;
+}
+
+th:first-child img {
+ margin: 1px -2px 3px 1px !important;
+}
+
+th:nth-child(2) img {
+ margin: 1px 7px 3px 2px !important;
+}
+
+tfoot th {
+ padding-bottom: 4px !important;
+}
+
+tfoot img, tfoot:nth-child(2) img, tfoot:nth-child(1) img, tfoot:nth-child(3) img, tfoot:nth-child(4) img {
+ margin: 0px 2px 3px 0px !important;
+ padding-right: 0 !important;
+}
+
+tfoot tr:nth-child(n+1) {
+ text-align: left;
+}
+
+.headerstatus {
+ text-align: left;
+ padding-left: 15px;
+}
+
+.headerpriority {
+ text-align: left;
+ padding-left: 10px;
+}
+
+.ParentDir {
+ background: #fff;
+ font-size: 8pt;
+ border: 0px inset #101 !important;
+ border-left: 0 !important;
+ border-right: 0 !important;
+ text-align: left !important;
+ padding: 4px 0;
+}
+
+.priority {
+ font-size: 7pt;
+ vertical-align: center;
+ min-width: 160px;
+}
+
+.SnarkTorrents {
+ margin: 0;
+ border: 0px solid #66f;
+ background: #fff;
+}
.SnarkTorrents td {
line-height: 90%;
@@ -244,180 +244,180 @@ tfoot tr:nth-child(n+1) {
.SnarkTorrents td:nth-child(3), .SnarkTorrents td:nth-child(4) {
width: 20px !important;
}
-
-td {
- padding: 1px;
- color: #001 !important;
- opacity: 1;
- font-size: 8pt;
-}
-
-.mainsection td {
- color: #001;
-}
-
-td:first-child {
- text-align: right;
- font-size: 8pt;
-}
-
-.center {
- text-align: center !important;
-}
-
-.snarkTorrentName {
+
+td {
+ padding: 1px;
+ color: #001 !important;
+ opacity: 1;
+ font-size: 8pt;
+}
+
+.mainsection td {
+ color: #001;
+}
+
+td:first-child {
+ text-align: right;
+ font-size: 8pt;
+}
+
+.center {
+ text-align: center !important;
+}
+
+.snarkTorrentName {
padding: 0;
line-height: 90%;
- font-weight: bold !important;
-}
-
-.snarkTorrentAction {
- text-shadow: 1px 1px #550000;
- padding: 1px 1px 1px 1px !important;
- margin: 0 !important;
- text-align: center;
- width: 60px;
-}
-
-.snarkTorrentAction img {
- margin: 0 2px !important;
- opacity: 1;
-}
-
-.snarkTorrentAction img:hover {
- -moz-box-shadow: 0 0 1px 1px #f90;
- opacity: 1;
-}
-
-.snarkTorrentEven {
- font-size: 8pt;
+ font-weight: bold !important;
+}
+
+.snarkTorrentAction {
+ text-shadow: 1px 1px #550000;
+ padding: 1px 1px 1px 1px !important;
+ margin: 0 !important;
+ text-align: center;
+ width: 60px;
+}
+
+.snarkTorrentAction img {
+ margin: 0 2px !important;
+ opacity: 1;
+}
+
+.snarkTorrentAction img:hover {
+ -moz-box-shadow: 0 0 1px 1px #f90;
+ opacity: 1;
+}
+
+.snarkTorrentEven {
+ font-size: 8pt;
background: #f5f5f5;
-}
-
-.snarkTorrentNoneLoaded {
- background: #fff;
- font-size: 8.5pt;
- font-weight: bold;
- text-align: center !important;
- color: #bbb !important;
-}
-
-.snarkTorrentStatus {
+}
+
+.snarkTorrentNoneLoaded {
+ background: #fff;
+ font-size: 8.5pt;
+ font-weight: bold;
+ text-align: center !important;
+ color: #bbb !important;
+}
+
+.snarkTorrentStatus {
padding: 2px 2px 2px 0;
- line-height: 90%;
-}
-
-.snarkTorrentStatus:first-child {
- text-align: left !important;
- padding-left: 0px;
- min-width: 48px;
- font-weight: bold;
- color: #dd9 !important;
- font-size: 8pt;
- padding: 1px !important;
-}
-
-.snarkTorrentStatus:first-child img {
- margin-right: 10px !important;
- margin-left: 6px;
-}
-
-.snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded {
- font-size: 8pt;
+ line-height: 90%;
+}
+
+.snarkTorrentStatus:first-child {
+ text-align: left !important;
+ padding-left: 0px;
+ min-width: 48px;
+ font-weight: bold;
+ color: #dd9 !important;
+ font-size: 8pt;
+ padding: 1px !important;
+}
+
+.snarkTorrentStatus:first-child img {
+ margin-right: 10px !important;
+ margin-left: 6px;
+}
+
+.snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded {
+ font-size: 8pt;
padding: 0 3px;
- line-height: 90%;
-}
-
-.snarkTorrentDownloaded {
- color: #001 !important;
-}
-
-.snarkTorrentUploaded {
- color: #001 !important;
-}
-
-.snarkTorrentRateUp {
- color: #001 !important;
-}
-
-.snarkTorrentRateDown {
- color: #001 !important;
-}
-
-.snarkTorrentOdd {
- background: #f0f0f0;
- font-size: 8pt;
- border: 0px inset #101 !important;
- border-left: 0 !important;
+ line-height: 90%;
+}
+
+.snarkTorrentDownloaded {
+ color: #001 !important;
+}
+
+.snarkTorrentUploaded {
+ color: #001 !important;
+}
+
+.snarkTorrentRateUp {
+ color: #001 !important;
+}
+
+.snarkTorrentRateDown {
+ color: #001 !important;
+}
+
+.snarkTorrentOdd {
+ background: #f0f0f0;
+ font-size: 8pt;
+ border: 0px inset #101 !important;
+ border-left: 0 !important;
border-right: 0 !important;
}
-
-.snarkTorrentOdd td, .snarkTorrentEven td {
- border-top: 1px dotted #66f !important;
-}
-
-.snarkFileName {
- padding: 4px 0px !important;
- text-align: left !important;
- font-size: 8pt !important;
-}
-
-.snarkFileSize {
- padding: 4px 2px;
- font-weight: normal;
-}
-
-.snarkFileStatus {
- padding: 4px 5px 4px 15px;
- text-align: center;
- font-style: italic;
- font-size: 8pt;
+
+.snarkTorrentOdd td, .snarkTorrentEven td {
+ border-top: 1px dotted #66f !important;
+}
+
+.snarkFileName {
+ padding: 4px 0px !important;
+ text-align: left !important;
+ font-size: 8pt !important;
+}
+
+.snarkFileSize {
+ padding: 4px 2px;
+ font-weight: normal;
+}
+
+.snarkFileStatus {
+ padding: 4px 5px 4px 15px;
+ text-align: center;
+ font-style: italic;
+ font-size: 8pt;
text-align: left;
- min-width: 230px;
-}
-
-.snarkTorrentETA {
- font-style: italic;
-}
-
-.choked {
- color: #f00000 !important;
-}
-
-.unchoked {
- color: #00f000 !important;
-}
-
-.thumb {
- max-height: 64px;
- max-width: 96px;
-}
-
-.snarkNewTorrent {
- font-size: 9pt;
-}
-
-.snarkAddInfo {
- font-size: 8.5pt;
- line-height: 130% !important;
-}
-
-.snarkConfigTitle {
- font-size: 10.5pt;
- font-weight: bold;
- padding: 1px 15px 4px 12px;
- margin: 5px 0 10px 0 !important;
- letter-spacing: 0.02em;
- border: 1px solid #66f;
- -moz-border-radius: 0 0 5px 5px;
- -khtml-border-radius: 0 0 5px 5px;
- border-radius: 0 0 5px 5px;
- border-top: 0;
- text-shadow: 0 1px 0 #aaa;
- background: #fff url("../../console/light/images/header.png") repeat-x scroll center center;
+ min-width: 230px;
+}
+
+.snarkTorrentETA {
+ font-style: italic;
+}
+
+.choked {
+ color: #f00000 !important;
+}
+
+.unchoked {
+ color: #00f000 !important;
+}
+
+.thumb {
+ max-height: 64px;
+ max-width: 96px;
+}
+
+.snarkNewTorrent {
+ font-size: 9pt;
+}
+
+.snarkAddInfo {
+ font-size: 8.5pt;
+ line-height: 130% !important;
+}
+
+.snarkConfigTitle {
+ font-size: 10.5pt;
+ font-weight: bold;
+ padding: 1px 15px 4px 12px;
+ margin: 5px 0 10px 0 !important;
+ letter-spacing: 0.02em;
+ border: 1px solid #66f;
+ -moz-border-radius: 0 0 5px 5px;
+ -khtml-border-radius: 0 0 5px 5px;
+ border-radius: 0 0 5px 5px;
+ border-top: 0;
+ text-shadow: 0 1px 0 #aaa;
+ background: #fff url("../../console/light/images/header.png") repeat-x scroll center center;
font-variant: small-caps !important;
- box-shadow: 0 1px 3px #999;
-}
+ box-shadow: 0 1px 3px #999;
+}
div.newtorrentsection .snarkConfigTitle, div.addtorrentsection .snarkConfigTitle, div.configsectionpanel .snarkConfigTitle {
padding-top: 0 !important;
@@ -427,381 +427,388 @@ div.newtorrentsection .snarkConfigTitle, div.addtorrentsection .snarkConfigTitle
margin-right: -3px;
padding-bottom: 3px;
}
-
-.snarkConfig {
- font-size: 10pt;
- width: 100%;
+
+.snarkConfig {
+ font-size: 10pt;
+ width: 100%;
}
table.snarkTorrentInfo, table.snarkDirInfo {
margin: 0 !important;
}
+.snarkDirInfo thead img {
+ margin: 0 -1px 0 0 !important;
+ padding: 0 3px !important;
+}
+
.snarkTorrentInfo td {
text-align: left !important;
+ padding: 2px 0 1px 1px !important;
}
.snarkTorrentInfo img {
max-height: 16px;
+ margin: 1px 2px 2px 10px !important;
}
.snarkDirInfo td {
min-width: 0px !important;
}
-.page {
- color: #310;
+.page {
+ color: #310;
min-width: 700px !important;
- margin: 5px 0 0 0;
- padding: 10px;
- -moz-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- border: 1px solid #66f;
- font-size: 9pt !important;
- line-height: 160% !important;
- -moz-box-shadow: inset 0px 0px 1px 0px #212;
- -khtml-box-shadow: inset 0px 0px 1px 0px #002;
- box-shadow: inset 0px 0px 1px 0px #002;
- text-align: center;
+ margin: 5px 0 0 0;
+ padding: 10px;
+ -moz-border-radius: 4px;
+ -khtml-border-radius: 4px;
+ border-radius: 4px;
+ border: 1px solid #66f;
+ font-size: 9pt !important;
+ line-height: 160% !important;
+ -moz-box-shadow: inset 0px 0px 1px 0px #212;
+ -khtml-box-shadow: inset 0px 0px 1px 0px #002;
+ box-shadow: inset 0px 0px 1px 0px #002;
+ text-align: center;
opacity: 1;
- background: #fff;
-}
-
-form {
- margin-bottom: 0;
-}
-
-p {
- line-height: 150%;
-}
-
-hr {
- color: #444;
- background: #444;
- height: 1px;
- border: 0px solid #444;
- width: 0%;
- margin: 5px 0 7px 0;
- text-align: center;
-}
-
-a:link {
- color: #359;
- text-decoration: none;
- font-weight: bold;
- word-wrap: break-word;
-}
-
-a:visited {
- color: #249;
- text-decoration: none;
-}
-
-a:hover {
- color: #559;
-}
-
-a:active {
- color: #77b;
+ background: #fff;
}
-
-input {
- font-size: 9pt;
- font-weight: bold;
- text-align: left;
- padding: 3px 4px !important;
- -moz-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- border: 1px solid #66f;
- background: #fff;
- color: #559;
+
+form {
+ margin-bottom: 0;
+}
+
+p {
+ line-height: 150%;
+}
+
+hr {
+ color: #444;
+ background: #444;
+ height: 1px;
+ border: 0px solid #444;
+ width: 0%;
+ margin: 5px 0 7px 0;
+ text-align: center;
+}
+
+a:link {
+ color: #359;
+ text-decoration: none;
+ font-weight: bold;
+ word-wrap: break-word;
+}
+
+a:visited {
+ color: #249;
+ text-decoration: none;
+}
+
+a:hover {
+ color: #559;
+}
+
+a:active {
+ color: #77b;
+}
+
+input {
+ font-size: 9pt;
+ font-weight: bold;
+ text-align: left;
+ padding: 3px 4px !important;
+ -moz-border-radius: 4px;
+ -khtml-border-radius: 4px;
+ border-radius: 4px;
+ border: 1px solid #66f;
+ background: #fff;
+ color: #559;
margin: 2px 4px 2px 0;
font: bold 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif;
}
-
-input.r {
- text-align: right;
+
+input.r {
+ text-align: right;
background: #fff;
- border: 1px solid #66f;
-}
-
-input[type=submit] {
- text-shadow: 0px 0px #410;
- color: #359;
- background: #fff;
- border: 1px outset #191;
+ border: 1px solid #66f;
+}
+
+input[type=submit] {
+ text-shadow: 0px 0px #410;
+ color: #359;
+ background: #fff;
+ border: 1px outset #191;
padding: 2px;
font: bold 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif;
- margin-top: 6px;
-}
-
-input[type=submit]:hover {
- border: 1px outset #559;
- background-color: #559;
- color: #fff;
-}
-
-input[type=submit]:active {
- background: #f60 !important;
- color: #fff !important;
- text-shadow: 0 !important;
-}
-
-input[type=image], thead img {
- padding: 0 !important;
- -moz-border-radius: 0px;
- -khtml-border-radius: 0px;
- border-radius: 0px;
- border: medium none;
- margin: 0 2px;
- opacity: 1;
-}
-
-input[type=image]:hover, thead img:hover {
- opacity: 1;
-}
-
-input[type=text]:active, input[type=text]:hover, input.r:hover {
- background: #fff;
+ margin-top: 6px;
+}
+
+input[type=submit]:hover {
+ border: 1px outset #559;
+ background-color: #559;
+ color: #fff;
+}
+
+input[type=submit]:active {
+ background: #f60 !important;
+ color: #fff !important;
+ text-shadow: 0 !important;
+}
+
+input[type=image], thead img {
+ padding: 0 !important;
+ -moz-border-radius: 0px;
+ -khtml-border-radius: 0px;
+ border-radius: 0px;
+ border: medium none;
+ margin: 0 2px;
+ opacity: 1;
+}
+
+input[type=image]:hover, thead img:hover {
+ opacity: 1;
+}
+
+input[type=text]:active, input[type=text]:hover, input.r:hover {
+ background: #fff;
color: #009;
border: 1px solid #66f;
- box-shadow: none !important;
-}
+ box-shadow: none !important;
+}
input[type=text], input.r {
min-width: 90px;
box-shadow: 1px 1px 2px 1px #aaa inset;
}
-
-input[type=radio] {
- padding: 2px;
- margin: 0 3px 0 8px;
- vertical-align: bottom;
-}
-
+
+input[type=radio] {
+ padding: 2px;
+ margin: 0 3px 0 8px;
+ vertical-align: bottom;
+}
+
input.default { width: 1px; height: 1px; visibility: hidden; }
-
-select {
- background: #fff !important;
- color: #22f;
- font: 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif;
- font-weight: bold;
- padding: 2px 2px 2px 3px;
- -moz-border-radius: 4px 0 0 4px;
- -khtml-border-radius: 4px 0 0 4px;
- border-radius: 4px 0 0 4px;
+
+select {
+ background: #fff !important;
+ color: #22f;
+ font: 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif;
+ font-weight: bold;
+ padding: 2px 2px 2px 3px;
+ -moz-border-radius: 4px 0 0 4px;
+ -khtml-border-radius: 4px 0 0 4px;
+ border-radius: 4px 0 0 4px;
border: 1px solid #66f;
margin: 2px 4px 2px 0;
- min-width: 90px;
-}
-
-select:hover, textarea:hover {
- background: #fff !important;
- color: #001 !important;
-}
+ min-width: 90px;
+}
+
+select:hover, textarea:hover {
+ background: #fff !important;
+ color: #001 !important;
+}
textarea:hover {
color: #001 !important;
box-shadow: none;
}
-
-textarea {
- background: #fff;
- color: #22f;
- font-weight: bold;
- padding: 1px 4px 0px;
- -moz-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
+
+textarea {
+ background: #fff;
+ color: #22f;
+ font-weight: bold;
+ padding: 1px 4px 0px;
+ -moz-border-radius: 4px;
+ -khtml-border-radius: 4px;
+ border-radius: 4px;
border: 1px solid #66f;
font-size: 8pt;
- box-shadow: 1px 1px 2px 1px #aaa inset;
-}
-
-img {
- border: none;
- margin: 0 3px 1px 3px;
- vertical-align: middle;
- opacity: 1.0;
- line-height: 100%;
-}
-
-img:hover {
- border: none;
- opacity: 1;
- line-height: 100%;
-}
-
-.infoz {
- margin: 0 -1px 0 0 !important;
- padding: 0 !important;
- line-height: 100%;
- float: left;
-}
-
-.infoz img {
- border: none;
- opacity: 1 !important;
-}
-
-.infoz img:hover {
- opacity: 1 !important;
-}
+ box-shadow: 1px 1px 2px 1px #aaa inset;
+}
-div.newtorrentsection td:first-child, div.addtorrentsection td:first-child, div.configsectionpanel td:first-child {
+img {
+ border: none;
+ margin: 0 3px 1px 3px;
+ vertical-align: middle;
+ opacity: 1.0;
+ line-height: 100%;
+}
+
+img:hover {
+ border: none;
+ opacity: 1;
+ line-height: 100%;
+}
+
+.infoz {
+ margin: 0 -1px 0 0 !important;
+ padding: 0 !important;
+ line-height: 100%;
+ float: left;
+}
+
+.infoz img {
+ border: none;
+ opacity: 1 !important;
+}
+
+.infoz img:hover {
+ opacity: 1 !important;
+}
+
+div.newtorrentsection td:first-child, div.addtorrentsection td:first-child, div.configsectionpanel td:first-child {
width: auto !important;
}
div.configsectionpanel td:first-child {
padding-right: 5px;
}
-
-div.section,div.mainsection div.section,div.mainsection {
- margin: 0;
- padding: 0px;
+
+div.section,div.mainsection div.section,div.mainsection {
+ margin: 0;
+ padding: 0px;
border: 1px solid #66f;
border-top: 2px solid #66f;
- border-bottom: 2px solid #66f;
- color: #001;
- word-wrap: break-word;
- text-align: center;
- background: #fff;
- opacity: 1 !important;
-}
-
-div.newtorrentsection {
- margin: 0 0 10px 0;
- padding: 0 10px 0px 10px;
- border: 1px solid #66f;
- text-align: center;
- color: #001;
- -moz-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- -moz-box-shadow: inset 0px 0px 1px 0px #101;
- -khtml-box-shadow: inset 0px 0px 1px 0px #101;
- box-shadow: inset 0px 0px 1px 0px #101;
- word-wrap: break-word;
- background: #f0f0f0 url('images/snark_create.png') no-repeat scroll right center;
-}
-
-div.addtorrentsection {
- margin: 10px 0;
- padding: 0 10px;
- border: 1px solid #66f;
- text-align: center;
- color: #001;
- -moz-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- -moz-box-shadow: inset 0px 0px 1px 0px #101;
- -khtml-box-shadow: inset 0px 0px 1px 0px #101;
- box-shadow: inset 0px 0px 1px 0px #101;
- word-wrap: break-word;
- background: #f0f0f0 url('images/snark_add.png') no-repeat scroll right center;
-}
-
-div.configsection {
- margin: 0;
- padding: 0 10px 15px 10px;
- border: 1px solid #66f;
- color: #001;
- -moz-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- -moz-box-shadow: inset 0px 0px 1px 0px #101;
- -khtml-box-shadow: inset 0px 0px 1px 0px #101;
- box-shadow: inset 0px 0px 1px 0px #101;
- word-wrap: break-word;
- text-align: center;
- background: #f0f0f0;
- font-weight: bold;
+ border-bottom: 2px solid #66f;
+ color: #001;
+ word-wrap: break-word;
+ text-align: center;
+ background: #fff;
+ opacity: 1 !important;
+}
+
+div.newtorrentsection {
+ margin: 0 0 10px 0;
+ padding: 0 10px 0px 10px;
+ border: 1px solid #66f;
+ text-align: center;
+ color: #001;
+ -moz-border-radius: 4px;
+ -khtml-border-radius: 4px;
+ border-radius: 4px;
+ -moz-box-shadow: inset 0px 0px 1px 0px #101;
+ -khtml-box-shadow: inset 0px 0px 1px 0px #101;
+ box-shadow: inset 0px 0px 1px 0px #101;
+ word-wrap: break-word;
+ background: #f0f0f0 url('images/snark_create.png') no-repeat scroll right center;
+}
+
+div.addtorrentsection {
+ margin: 10px 0;
+ padding: 0 10px;
+ border: 1px solid #66f;
+ text-align: center;
+ color: #001;
+ -moz-border-radius: 4px;
+ -khtml-border-radius: 4px;
+ border-radius: 4px;
+ -moz-box-shadow: inset 0px 0px 1px 0px #101;
+ -khtml-box-shadow: inset 0px 0px 1px 0px #101;
+ box-shadow: inset 0px 0px 1px 0px #101;
+ word-wrap: break-word;
+ background: #f0f0f0 url('images/snark_add.png') no-repeat scroll right center;
+}
+
+div.configsection {
+ margin: 0;
+ padding: 0 10px 15px 10px;
+ border: 1px solid #66f;
+ color: #001;
+ -moz-border-radius: 4px;
+ -khtml-border-radius: 4px;
+ border-radius: 4px;
+ -moz-box-shadow: inset 0px 0px 1px 0px #101;
+ -khtml-box-shadow: inset 0px 0px 1px 0px #101;
+ box-shadow: inset 0px 0px 1px 0px #101;
+ word-wrap: break-word;
+ text-align: center;
+ background: #f0f0f0;
+ font-weight: bold;
}
div.configsection .snarkConfigTitle {
padding-top: 0px !important;
-}
-
-div.configsectionpanel {
- margin: -3px 0 0;
- padding: 0 10px;
- border: 1px solid #66f;
- color: #001;
- -moz-border-radius: 0 0 4px 4px;
- -khtml-border-radius: 0 0 4px 4px;
- border-radius: 0 0 4px 4px;
- -moz-box-shadow: inset 0px 0px 1px 0px #101;
- -khtml-box-shadow: inset 0px 0px 1px 0px #101;
- box-shadow: inset 0px 0px 1px 0px #101;
- word-wrap: break-word;
- text-align: center;
- background: #f0f0f0 url('images/configuration.png') no-repeat scroll right center;
- font-weight: bold;
-}
-
-.newtorrentsection form, .configsection form, .addtorrentsection form {
- color: #001 !important;
-}
-
-div.configsection table{
- color: #ffb;
- opacity: 1;
-}
-
-div.configsection a {
- color: #00a;
- font-weight: bold;
-}
-
-div.configsection a:hover {
- color: #00f;
- text-decoration: none;
-}
-
-code {
- font-size: 8pt;
- color: #009;
- padding: 0 2px;
- font-weight: bold;
- font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono;
}
-
-.snarknavbar {
- margin: -10px 0 5px 0 !important;
- padding: 14px 10px 7px;
+
+div.configsectionpanel {
+ margin: -3px 0 0;
+ padding: 0 10px;
+ border: 1px solid #66f;
+ color: #001;
+ -moz-border-radius: 0 0 4px 4px;
+ -khtml-border-radius: 0 0 4px 4px;
+ border-radius: 0 0 4px 4px;
+ -moz-box-shadow: inset 0px 0px 1px 0px #101;
+ -khtml-box-shadow: inset 0px 0px 1px 0px #101;
+ box-shadow: inset 0px 0px 1px 0px #101;
+ word-wrap: break-word;
+ text-align: center;
+ background: #f0f0f0 url('images/configuration.png') no-repeat scroll right center;
+ font-weight: bold;
+}
+
+.newtorrentsection form, .configsection form, .addtorrentsection form {
+ color: #001 !important;
+}
+
+div.configsection table{
+ color: #ffb;
+ opacity: 1;
+}
+
+div.configsection a {
+ color: #00a;
+ font-weight: bold;
+}
+
+div.configsection a:hover {
+ color: #00f;
+ text-decoration: none;
+}
+
+code {
+ font-size: 8pt;
+ color: #009;
+ padding: 0 2px;
+ font-weight: bold;
+ font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono;
+}
+
+.snarknavbar {
+ margin: -10px 0 5px 0 !important;
+ padding: 14px 10px 7px;
/*
- border: 1px solid #101;
- -moz-border-radius: 0 0 8px 8px;
- -khtml-border-radius: 0 0 8px 8px;
- border-radius: 0 0 8px 8px;
- -moz-box-shadow: inset 0px 0px 1px 0px #002;
- -khtml-box-shadow: inset 0px 0px 1px 0px #002;
- box-shadow: inset 0px 0px 1px 0px #002;
+ border: 1px solid #101;
+ -moz-border-radius: 0 0 8px 8px;
+ -khtml-border-radius: 0 0 8px 8px;
+ border-radius: 0 0 8px 8px;
+ -moz-box-shadow: inset 0px 0px 1px 0px #002;
+ -khtml-box-shadow: inset 0px 0px 1px 0px #002;
+ box-shadow: inset 0px 0px 1px 0px #002;
background: #fff url('../../console/dark/images/header.png') repeat-x scroll center center !important;
*/
- background: none;
- text-transform: uppercase !important;
- letter-spacing: 0em !important;
- font-weight: bold;
- font-size: 11.5pt;
- color: #001;
- min-width: 600px;
- width: 70%;
- text-align: center;
+ background: none;
+ text-transform: uppercase !important;
+ letter-spacing: 0em !important;
+ font-weight: bold;
+ font-size: 11.5pt;
+ color: #001;
+ min-width: 600px;
+ width: 70%;
+ text-align: center;
}
.iframed .snarknavbar {
margin: -5px 0 8px !important;
-}
-
-.snarknavbar img {
- border: 0;
- margin: 1px -8px -1px -2px;
- padding: 1px 0 0px !important;
- vertical-align: top;
-}
+}
+
+.snarknavbar img {
+ border: 0;
+ margin: 1px -8px -1px -2px;
+ padding: 1px 0 0px !important;
+ vertical-align: top;
+}
.routerdown {
color: #001;
diff --git a/installer/resources/themes/snark/ubergine/snark.css b/installer/resources/themes/snark/ubergine/snark.css
index bdd79e661..63b7b05f5 100644
--- a/installer/resources/themes/snark/ubergine/snark.css
+++ b/installer/resources/themes/snark/ubergine/snark.css
@@ -292,7 +292,7 @@ td:first-child {
.snarkTorrentEven {
font-size: 7.5pt;
- background: #202;
+ background: #270027;
}
.snarkTorrentNoneLoaded {
@@ -389,12 +389,12 @@ td:first-child {
.snarkTorrentInfo img {
max-height: 16px !important;
- margin: 1px 0 1px 2px !important;
+ margin: 1px 2px 2px 10px !important;
}
.snarkTorrentInfo td {
text-align: left !important;
- padding: 0 1px !important;
+ padding: 2px 0 1px 1px !important;
}
table.SnarkTorrentInfo {
@@ -408,6 +408,7 @@ table.SnarkDirInfo {
.snarkDirInfo thead img {
margin: 0 -1px 0 0 !important;
+ padding: 0 3px !important;
}
.SnarkDirInfo td, .SnarkDirInfo th {
diff --git a/installer/resources/themes/snark/vanilla/snark.css b/installer/resources/themes/snark/vanilla/snark.css
index 830b11647..c111ea308 100644
--- a/installer/resources/themes/snark/vanilla/snark.css
+++ b/installer/resources/themes/snark/vanilla/snark.css
@@ -401,12 +401,12 @@ td:first-child {
.snarkTorrentInfo img {
max-height: 16px !important;
- margin: 1px 0 1px 2px !important;
+ margin: 1px 2px 2px 10px !important;
}
.snarkTorrentInfo td {
text-align: left !important;
- padding: 0 1px !important;
+ padding: 2px 0 1px 1px !important;
}
table.SnarkTorrentInfo {
@@ -421,6 +421,7 @@ table.SnarkDirInfo {
.snarkDirInfo thead img {
margin: 0 -1px 0 0 !important;
+ padding: 0 3px !important;
}
.SnarkDirInfo td {