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 {