Changeset a22bf6b

Timestamp:

Feb 10, 2017 4:34:33 PM (4 years ago)

Author:

str4d <str4d@…>

Branches:

master

Children:

bfe8c65

Parents:

c4e7b1a

Message:

I2PSnark changes:

• Add spacing between File Info/ Directory Listing for all themes
• Tooltip for tracker removal eraser icon
• Theme tweaks and whitespace removal

Files:

• apps/i2psnark/java/src/org/klomp/snark/web/I2PSnarkServlet.java (modified) (2 diffs)
• installer/resources/themes/snark/classic/snark.css (modified) (12 diffs)
• installer/resources/themes/snark/dark/snark.css (modified) (32 diffs)
• installer/resources/themes/snark/light/snark.css (modified) (21 diffs)
• installer/resources/themes/snark/midnight/snark.css (modified) (10 diffs)
• installer/resources/themes/snark/ubergine/snark.css (modified) (40 diffs)
• installer/resources/themes/snark/vanilla/snark.css (modified) (29 diffs)

apps/i2psnark/java/src/org/klomp/snark/web/I2PSnarkServlet.java

@@ -2403 +2403 @@
         buf.append(_t("Trackers"));
         buf.append("</span><hr>\n"   +
-                   "<table class=\"trackerconfig\"><tr><th>")
+                   "<table class=\"trackerconfig\"><tr><th title=\"")
+            .append(_t("Select trackers for removal from I2PSnark's known list"))
            //.append(_t("Remove"))
-           .append("</th><th>")
+           .append("\"></th><th>")
            .append(_t("Name"))
            .append("</th><th>")
@@ -2428 +2429 @@
             boolean isOpen = isKnownOpen || openTrackers.contains(t.announceURL);
             buf.append("<tr><td><input type=\"checkbox\" class=\"optbox\" name=\"delete_")
-               .append(name).append("\" title=\"").append(_t("Delete")).append("\">" +
+               .append(name).append("\" title=\"").append(_t("Mark tracker for deletion")).append("\">" +
                        "</td><td>").append(name)
                .append("</td><td>").append(urlify(homeURL, 35))

installer/resources/themes/snark/classic/snark.css

@@ -134 +134 @@
 
 .snarkRefresh:link:active {
-     box-shadow: inset 2px 2px 2px #333;
+     box-shadow: inset 0 0 0 1px #fff, inset 4px 4px 2px #555;
 }
 
@@ -648 +648 @@
 
 table.SnarkDirInfo {
-     margin-top: -2px !important;
+     margin-top: 10px !important;
      margin-bottom: 0;
      border-bottom: 1px solid #89f;
@@ -655 +655 @@
 .snarkDirInfo th img {
      margin: 0 !important;
+     max-height: 22px !important;
+     padding-top: 3px !important;
+     padding-bottom: 3px !important;
 }
 
@@ -952 +955 @@
 .snarkTorrents th img {
      padding: 1px !important;
+     max-height: 22px;
 }
 
@@ -1065 +1069 @@
       height: 14px;
       background: #1c943a;
-      background: linear-gradient(to bottom,  #1c943a 0%, #092f10 50%, #0d2707 50%, #091b05 50%, #091503 100%); 
+      background: linear-gradient(to bottom,  #1c943a 0%, #092f10 50%, #0d2707 50%, #091b05 50%, #091503 100%);
 }
 
 div.percentBarInner.percentBarComplete {
       background: #eef;
-      background: linear-gradient(to bottom,  #eef 0%, #002200 52%, #000000 52%, #eef 100%); 
+      background: linear-gradient(to bottom,  #eef 0%, #002200 52%, #000000 52%, #eef 100%);
 }
 
@@ -1126 +1130 @@
 }
 
-
 .snarkConfigTitle:hover, label.toggleview:hover {
      background: linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;
@@ -1136 +1139 @@
 
 .snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover {
-     font-size: 12pt;
+     font-size: 13pt;
      font-weight: bold;
      font-variant: small-caps !important;
@@ -1142 +1145 @@
      min-width: 180px;
      margin: 0 0 -4px !important;
-     padding: 3px 25px 3px 22px;
+     padding: 3px 25px 4px 22px;
      letter-spacing: .08em;
      border: 1px solid #89f;
@@ -1153 +1156 @@
 }
 
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+.snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover {
+     font-size: 14pt;
+}
+}
+
+/* MS Edge 14+ fix */
+_:-ms-lang(x), .snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover {
+     font-size: 11pt !important;
+}
+
 .configsectionpanel .snarkConfigTitle {
      color: #444;
-}
-
-@media screen and (-webkit-min-device-pixel-ratio: 0) { /* webkit hack */
-.snarkConfigTitle,
-label.toggleview {
-     padding-top: 1px;
-}
 }
 
@@ -1530 +1537 @@
 }
 
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+select {
+     padding: 6px 4px;
+}
+}
+
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 select {
@@ -1998 +2011 @@
 }
 
-/* responsive layout */
-
-@media screen and (min-width: 1400px) {
-body, th, td, table a, input, input[type="text"], input.r, input[name="nofilter_dataDir"], select, textarea, textarea[name="i2cpOpts"], .snarkAddInfo {
-     font-size: 10pt !important;
-}
-
-.snarkMessages li, .snarkTorrents tt {
-     font-size: 9pt;
-}
-}
-
 /* MS Edge 14+ fix */
 _:-ms-lang(x), * {
@@ -2015 +2016 @@
      -webkit-filter: none !important;
 }
+
+/* responsive layout */
+
+@media screen and (min-width: 1400px) {
+body, th, td, table a, input, input[type="text"], input.r, input[name="nofilter_dataDir"], select, textarea, textarea[name="i2cpOpts"], .snarkAddInfo {
+     font-size: 10pt !important;
+}
+
+.snarkRefresh {
+     font-size: 11pt !important;
+}
+
+.snarkRefresh:link:first-child {
+     padding-left: 13px !important;
+}
+
+.snarkMessages li, .snarkTorrents tt {
+     font-size: 9pt;
+}
+}
+

installer/resources/themes/snark/dark/snark.css

@@ -115 +115 @@
      padding: 5px 7px 5px 15px !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%, #000 100%) !important; 
+     background: url(images/button_snark.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%, #000 100%) !important;
 }
 
 .snarkRefresh:link:nth-child(2) {
      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, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%, #000 100%) !important; 
+     background: url(images/button_forum.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%, #000 100%) !important;
 }
 
@@ -130 +130 @@
 .snarkRefresh:link:first-child:hover, .snarkRefresh:link:first-child:focus {
      background-image: url(images/button_snark_hover.png), url(../ubergine/images/snarknav_on.png) !important;
-     background-image: url(images/button_snark_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%) !important; 
+     background-image: url(images/button_snark_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%) !important;
      background-position: 7px center, center center !important;
      background-repeat: no-repeat, repeat !important;
@@ -137 +137 @@
 .snarkRefresh:link:hover:nth-child(2), .snarkRefresh:link:focus:nth-child(2) {
      background-image: url(images/button_forum_hover.png), url(../ubergine/images/snarknav_on.png) !important;
-     background-image: url(images/button_forum_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%) !important; 
+     background-image: url(images/button_forum_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%) !important;
 }
 
@@ -175 +175 @@
      opacity: 1;
      background-image: url(images/button_tracker_hover.png), url(../ubergine/images/snarknav_on.png) !important;
-     background-image: url(images/button_tracker_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%) !important; 
+     background-image: url(images/button_tracker_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%) !important;
      background-position: 7px center, center center !important;
      background-repeat: no-repeat, repeat !important;
@@ -224 +224 @@
 }
 
+/* MS Edge 14+ fix */
+_:-ms-lang(x), .snarkMessages {
+     background: url(/themes/snark/ubergine/images/hat.png) no-repeat scroll right bottom, linear-gradient(to bottom, #010, #000);
+     background-size: auto 95%;
+}
+
 .snarkMessages a:link, .snarkMessages a:visited {
      color: #2b2 !important;
@@ -295 +301 @@
      height: 8px;
      color: #35f;
-     font-weight: bold !important; 
+     font-weight: bold !important;
 }
 
@@ -309 +315 @@
 }
 
-tr { 
+tr {
      opacity: 1;
 }
@@ -553 +559 @@
 table.snarkTorrentInfo tr:nth-last-child(2) {
      border-top: 1px solid #494;
-} 
+}
 
 .snarkTorrentInfo tr:nth-last-child(2) td {
@@ -594 +600 @@
 
 table.SnarkDirInfo {
-     margin-top: -2px !important;
+     margin-top: 10px !important;
      margin-bottom: 0;
      border-bottom: 1px solid #494;
@@ -601 +607 @@
 .snarkDirInfo th img {
      margin: 0 !important;
+     max-height: 20px !important;
+     padding-top: 3px !important;
+     padding-bottom: 3px !important;
 }
 
@@ -619 +628 @@
      padding-left: 4px;
      text-align: left;
-} 
+}
 
 .snarkDirInfo td:first-child img {
@@ -657 +666 @@
 .snarkDirInfo .headerpriority {
      text-align: center !important;
-     vertical-align: middle;  
-     padding-right: 10px;  
+     vertical-align: middle;
+     padding-right: 10px;
 }
 
@@ -676 +685 @@
      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%, #000 100%); 
+     background-image: linear-gradient(to bottom, #030 0%, #020 50%, #000 51%, #000 100%);
      text-align: center !important;
      padding: 0 1px !important;
@@ -712 +721 @@
 .parentDir img {
      padding-left: 3px;
-} 
+}
 
 td.snarkFileStatus {
@@ -872 +881 @@
 }
 
+/* MS Edge 14+ fix */
+_:-ms-lang(x), .snarkTorrents tr, .snarkTorrents tr:hover, .snarkDirInfo tr:hover {
+     box-shadow: none !important;
+     border-top: 1px solid #494 !important;
+     border-bottom: 1px solid #494 !important;
+}
+
 .snarkTorrents tr:hover td, .snarkDirInfo tr:hover td {
      color: #ee9 !important;
@@ -930 +946 @@
 
 .snarkFileName {
-     padding: 4px 0 !important; 
+     padding: 4px 0 !important;
      text-align: left !important;
      font-size: 9pt !important;
@@ -938 +954 @@
      padding: 4px 2px;
      font-weight: normal;
-     color: #bb7 !important; 
+     color: #bb7 !important;
 }
 
@@ -978 +994 @@
      height: 14px;
      background: #1c943a;
-     background: linear-gradient(to bottom,  #1c943a 0%, #092f10 50%, #0d2707 50%, #091b05 50%, #091503 100%); 
+     background: linear-gradient(to bottom,  #1c943a 0%, #092f10 50%, #0d2707 50%, #091b05 50%, #091503 100%);
 }
 
 div.percentBarInner.percentBarComplete {
      background: #001100;
-     background: linear-gradient(to bottom,  #001100 0%, #002200 52%, #000000 52%, #001100 100%); 
+     background: linear-gradient(to bottom,  #001100 0%, #002200 52%, #000000 52%, #001100 100%);
 }
 
@@ -1040 +1056 @@
      font-size: 11pt;
      font-weight: bold;
-     padding: 1px 22px 3px 20px;
+     padding: 2px 22px 3px 20px;
      margin: 5px 0 10px 0 !important;
      letter-spacing: 0.2em;
@@ -1057 +1073 @@
 }
 
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+.snarkConfigTitle, label.toggleview {
+     font-size: 13pt !important;
+}
+}
+
 .snarkConfigTitle {
      margin-bottom: -2px !important;
@@ -1098 +1120 @@
      min-width: 800px !important;
      margin: 5px 0 0 0;
- /*    padding: 10px;*/
      border-radius: 0 0 2px 2px;
-/*     border: 1px solid #494;*/
      font-size: 9pt !important;
      line-height: 160% !important;
@@ -1212 +1232 @@
      filter: drop-shadow(0 0 1px #000);
      -webkit-filter: drop-shadow(0 0 1px #000);
+     cursor: pointer !important;
 }
 
@@ -1271 +1292 @@
      border: 1px solid #000 !important;
      border: 1px solid #151 !important;
-     margin: 0 2px !important;     
+     margin: 0 2px !important;
      padding: 4px !important;
      background: #030;
@@ -1361 +1382 @@
 
 input.default {
-     width: 1px; 
-     height: 1px; 
+     width: 1px;
+     height: 1px;
      visibility: hidden;
 }
@@ -1473 +1494 @@
      height: 10px;
      border: 1px solid #151 !important;
-     margin: 0 0 0 2px !important;     
+     margin: 0 0 0 2px !important;
      padding: 4px 5px !important;
      background: #030;
@@ -1563 +1584 @@
 .trackerconfig tr:nth-child(odd), .snarkConfig tr:nth-child(odd) {
      background: #000900;
-} 
+}
 
 .trackerconfig tr:last-child {
@@ -1628 +1649 @@
 
 .snarkConfig table tr:first-child {
-     border-top: 1px solid #494 !important; 
+     border-top: 1px solid #494 !important;
 }
 
@@ -1661 +1682 @@
 
 .snarkConfig tr:nth-last-child(2) {
-     background: none;  
+     background: none;
 }
 
@@ -1775 +1796 @@
 }
 
-.iframed .snarknavbar, .iframed .mainsection, .iframed .addtorrentsection, 
+.iframed .snarknavbar, .iframed .mainsection, .iframed .addtorrentsection,
 .iframed .newtorrentsection, .iframed .configsection, .iframed .configsectionpanel {
       border-left: none !important;
@@ -1824 +1845 @@
 /* enable to display panels by default in webkit */
 /*
-@media screen and (-webkit-min-device-pixel-ratio:0) { 
+@media screen and (-webkit-min-device-pixel-ratio:0) {
 input#toggle_addtorrent:not(checked) + label + hr + table, input#toggle_createtorrent:not(checked) + label + hr + table {
      display: table;
@@ -1847 +1868 @@
 label.toggleview, .snarkConfigTitle a:visited {
      color: #7c7;
+}
+
+/* MS Edge 14+ fix */
+_:-ms-lang(x), * {
+     filter: none !important;
+     -webkit-filter: none !important;
 }
 
@@ -1877 +1904 @@
 }
 }
+
+/* end responsive layout */

installer/resources/themes/snark/light/snark.css

@@ -14 +14 @@
 /* preload top navigation mouseovers */
 body {
-     background: url(images/tile2.png) fixed, 
+     background: url(images/tile2.png) fixed,
      url(images/button_snark_hover.png) no-repeat,
      url(images/button_snark_active.png) no-repeat,
@@ -29 +29 @@
 
 body.iframed {
-     background: transparent url(/themes/console/images/transparent.gif), 
+     background: transparent url(/themes/console/images/transparent.gif),
      url(images/button_snark_hover.png) no-repeat,
      url(images/button_snark_active.png) no-repeat,
@@ -65 +65 @@
      opacity: 1;
      background: #fff;
-     background: linear-gradient(to right, #fff 0%, #dfe0ff, #fff 100%);
+     background: linear-gradient(to right, #fff 0%, #dfe0ff, #fff 100%) #eef;
      background-size: 3px auto;
 }
@@ -263 +263 @@
      filter: drop-shadow(0 0 1px #f60);
      -webkit-filter: drop-shadow(0 0 1px #f60);
-     mix-blend-mode: normal; 
+     mix-blend-mode: normal;
 }
 
@@ -271 +271 @@
 
 
-a:link {        
+a:link {
      color: #359;
      text-decoration: none;
@@ -297 +297 @@
      font-weight: bold;
      margin: 5px 4px !important;
-     padding: 5px !important;   
+     padding: 5px !important;
      white-space: nowrap;
      display: inline-block;
@@ -317 +317 @@
      height: 8px;
      color: #35f;
-     font-weight: bold !important; 
+     font-weight: bold !important;
 }
 
@@ -331 +331 @@
 }
 
-tr { 
+tr {
      opacity: 1;
 }
@@ -482 +482 @@
      width: 20px !important;
      text-align: left;
-     padding: 2px;   
+     padding: 2px;
 }
 
@@ -559 +559 @@
      width: 60px;
      white-space: nowrap;
+}
+
+/* MS Edge 14+ fix */
+_:-ms-lang(x), .snarkTorrentAction {
+     width: 72px !important;
 }
 
@@ -689 +694 @@
 
 .snarkFileName {
-     padding: 4px 0 !important; 
+     padding: 4px 0 !important;
      text-align: left !important;
      font-size: 8pt !important;
@@ -773 +778 @@
 
 @media screen and (-webkit-min-device-pixel-ratio:0) {
-.snarkConfigTitle a, label.toggleview {
+.snarkConfigTitle, .snarkConfigTitle a, label.toggleview,
+.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
      font-size: 14pt !important;
-     padding: 1px 15px 4px;
-}
+     padding: 3px 15px 4px;
+}
+}
+
+/* MS Edge 14+ fix */
+_:-ms-lang(x), .snarkConfigTitle, .snarkConfigTitle a, label.toggleview,
+.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
+     padding: 3px 15px 4px;
+     font-size: 13pt !important;
 }
 
@@ -851 +864 @@
 
 .snarkTorrentInfo tr:nth-child(odd) {
-     background: #e0e0ff; 
+     background: #e0e0ff;
 }
 
 .snarkTorrentInfo tr:nth-child(even) {
-     background: #eef; 
+     background: #eef;
 }
 
 .snarkTorrentInfo tr:last-child td {
-     border-bottom: 1px solid #7778bf; 
+     border-bottom: 1px solid #7778bf;
 }
 
@@ -966 +979 @@
      border-radius: 2px;
      border: 1px solid #7778bf;
-     background: #fff;   
+     background: #fff;
      color: #272e3f;
      margin: 2px 4px 2px 0;
@@ -1079 +1092 @@
 
 input.default {
-     width: 1px; 
-     height: 1px; 
+     width: 1px;
+     height: 1px;
      visibility: hidden;
      display: none;
@@ -1226 +1239 @@
      font-weight: bold;
      background: #fff url(images/configuration.png) 102% center no-repeat;
-     background: url(images/configuration.png) 102% center no-repeat, linear-gradient(to bottom, #fff, #e0e0ef);     
+     background: url(images/configuration.png) 102% center no-repeat, linear-gradient(to bottom, #fff, #e0e0ef);
      background-size: 84px 82px, 100%;
      background-blend-mode: luminosity;
@@ -1273 +1286 @@
 .newtorrentsection table, .addtorrentsection table {
      margin-top: -5px;
-} 
+}
 
 .newtorrentsection td:first-child, .addtorrentsection td:first-child {
@@ -1390 +1403 @@
 }
 
+/* MS Edge 14+ fix */
+_:-ms-lang(x), * {
+     filter: none !important;
+     -webkit-filter: none !important;
+}
+
 /*responsive layout */
 
@@ -1403 +1422 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) {
 .snarkConfigTitle a, label.toggleview {
-     font-size: 12pt !important;
+     font-size: 14pt !important;
 }
 }
@@ -1456 +1475 @@
 
 @media screen and (-webkit-min-device-pixel-ratio:0) {
-.snarkConfigTitle a, label.toggleview {
-     font-size: 15pt !important;
-     padding: 1px 15px 4px;
+.snarkConfigTitle a, label.toggleview,
+.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
+     font-size: 14pt !important;
+     padding: 3px 15px 4px !important;
 }
 }
@@ -1479 +1499 @@
 }
 }
+
+/* end responsive layout */
+

installer/resources/themes/snark/midnight/snark.css

@@ -577 +577 @@
 
 .snarkTorrentInfo tr:nth-last-child(2) td {
-     padding: 5px 2px; 
+     padding: 5px 2px;
 }
 
@@ -607 +607 @@
 
 .SnarkDirInfo {
-     margin-top: -2px !important;
-     margin-bottom: 0;
+     margin-top: 10px !important;
+     margin-bottom: -12px;
      border-bottom: 1px solid #443da0;
 }
@@ -772 +772 @@
      padding: 1px !important;
      text-align: center !important;
+}
+
+/* MS Edge 14+ fix */
+_:-ms-lang(x), .snarkTorrentAction {
+     width: 72px !important;
 }
 
@@ -985 +990 @@
       height: 14px;
       background: #1c943a;
-      background: linear-gradient(to bottom,  #1c943a 0%, #092f10 50%, #0d2707 50%, #091b05 50%, #091503 100%); 
+      background: linear-gradient(to bottom,  #1c943a 0%, #092f10 50%, #0d2707 50%, #091b05 50%, #091503 100%);
 }
 
 div.percentBarInner.percentBarComplete {
       background: #001100;
-      background: linear-gradient(to bottom,  #001100 0%, #002200 52%, #000000 52%, #001100 100%); 
+      background: linear-gradient(to bottom,  #001100 0%, #002200 52%, #000000 52%, #001100 100%);
 }
 
@@ -1044 +1049 @@
 }
 
-.snarkConfigTitle,
-label.toggleview {
+.snarkConfigTitle, label.toggleview {
      font-size: 11pt;
      font-weight: bold;
@@ -1205 +1209 @@
      border: 1px solid #3e3f8f;
      border-bottom-color: #14144f;
-     border-right-color: #14144f; 
+     border-right-color: #14144f;
      background: #000;
      background: linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
@@ -1814 +1818 @@
 
 form:last-child > .configsectionpanel {
-     margin-top: 10px;     
+     margin-top: 10px;
      margin-bottom: -1px;
 }
@@ -1929 +1933 @@
 }
 
+/* MS Edge 14+ fix */
+_:-ms-lang(x), * {
+     filter: none !important;
+     -webkit-filter: none !important;
+}
+
 /* responsive layout */
 
@@ -1936 +1946 @@
 }
 
-thead th, tfoot th, td, select, select option, .snarkAddInfo {
+thead th, tfoot th, td, select, select option, .snarkAddInfo, .snarkFileName {
      font-size: 10pt !important;
 }
@@ -1969 +1979 @@
 }
 }
+
+/* end responsive layout */
+

installer/resources/themes/snark/ubergine/snark.css

@@ -63 +63 @@
      border: 1px solid #101;
      border-radius: 0 0 4px 4px;
-     box-shadow: inset 0 0 3px 1px #212;
+     box-shadow: inset 0 0 0 1px #3f173f, inset 0 0 3px 1px #212;
      filter: drop-shadow(0 1px 4px #212);
      -webkit-filter: drop-shadow(0 1px 1px #000);
@@ -80 +80 @@
 
 .iframed .snarknavbar {
-     padding-bottom: 15px;
+     padding-bottom: 16px;
      margin-top: 0 !important;
      margin-bottom: -6px !important;
@@ -152 +152 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) {
 .snarkRefresh img {
-     margin: 0 -4px 0 -5px;
+     margin: -2px -7px 0 -5px;
 }
 }
@@ -159 +159 @@
      border-radius: 2px;
      margin: -5px 0 -4px !important;
-     padding: 4px 12px 3px !important;
+     padding: 5px 12px 4px 13px !important;
      display: inline-block;
 }
@@ -179 +179 @@
      background: url(images/hat.png) no-repeat scroll right center, linear-gradient(to bottom, #2a192a 0%, #202 100%);
      background-size: 80px 83px, 100% 100%;
-     box-shadow: inset 0 0 3px 1px rgba(16, 0, 16, 0.6);     
+     box-shadow: inset 0 0 3px 1px rgba(16, 0, 16, 0.6);
      outline: none;
      filter: drop-shadow(0 0 1px rgba(16, 8, 16, 0.5));
@@ -256 +256 @@
      height: 8px;
      color: #35f;
-     font-weight: bold !important; 
+     font-weight: bold !important;
 }
 
@@ -378 +378 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) { /* fixes webkit/blink double border */
      .snarkTorrents {
-     border-top: 1px solid transparent;     
+     border-top: 1px solid transparent;
 }
 }
@@ -403 +403 @@
      text-align: left;
      min-width: 50px;
-} 
+}
 
 .snarkTorrents tfoot {
@@ -432 +432 @@
 
 .snarkTorrents tfoot th:nth-child(n+2) {
-     word-spacing: -0.2em;
-     font-variant: all-small-caps;
+     word-spacing: -0.4em;
      text-align: right;
-}
-
-@media screen and (-webkit-min-device-pixel-ratio:0) {
-.snarkTorrents td:nth-child(n+6), .snarkTorrents tfoot th:nth-child(n+2) {
-     font-variant: normal !important;
-}
 }
 
 .snarkTorrents tfoot th:nth-child(2) {
      text-align: center;
+}
+
+.snarkTorrents tfoot tt {
+     margin-left: -4px;
 }
 
@@ -461 +458 @@
 
 .snarkTorrents tt {
-     font-family: "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono
+     font-family: "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono;
      color: #cc0;
      margin-left: 2px;
@@ -514 +511 @@
 }
 
+/* MS Edge 14+ fix */
+_:-ms-lang(x), .snarkTorrentAction {
+     width: 72px !important;
+}
+
 .snarkTorrents th:last-child {
      white-space: nowrap !important;
@@ -553 +555 @@
      padding: 2px 2px 2px 0;
      line-height: 110%;
-/*     min-width: 75px;*/
      text-align: left !important;
 }
@@ -638 +639 @@
 
 .snarkTorrentEven + .snarkTorrentEven td:nth-child(2) tt, .snarkTorrentOdd + .snarkTorrentOdd td:nth-child(2) tt {
-     margin-left: -12px;
+     margin-left: -10px;
      color: #cc0;
 }
@@ -661 +662 @@
 }
 
+/* MS Edge 14+ fix */
+_:-ms-lang(x), table.snarkTorrents tbody tr:hover {
+     box-shadow: none !important;
+}
+
 table.snarkTorrents tbody tr:hover .snarkTorrentName, table.snarkDirInfo tbody tr:hover td .snarkFileName {
      color: #fff !important;
@@ -677 +683 @@
 
 .snarkFileName {
-     padding: 4px 0 !important; 
+     padding: 4px 0 !important;
      text-align: left !important;
      font-size: 8pt !important;
@@ -695 +701 @@
      text-align: left !important;
      white-space: nowrap;
-     max-width: 250px;     
+     max-width: 250px;
      overflow: hidden;
      text-overflow: ellipsis;
@@ -786 +792 @@
 }
 
+/* MS Edge 14+ fix */
+_:-ms-lang(x), .snarkDirInfo img, .snarkTorrents img {
+     filter: none !important;
+     -webkit-filter: none !important;
+}
+
 .snarkDirInfo td, .SnarkDirInfo th {
      min-width: 0 !important;
@@ -827 +839 @@
      font-style: italic;
      word-spacing: -0.4em;
-} 
+}
 
 .thumb {
@@ -880 +892 @@
      border-radius: 2px;
      color: #fbf;
+     margin-left: 3px;
+     padding: 2px 4px;
+     box-shadow: inset 0 0 0 1px #212;
 }
 
@@ -886 +901 @@
      font-size: 12pt;
      font-weight: bold;
-     padding: 3px 18px;
+     padding: 4px 18px 3px;
      margin: 5px 0 10px 0 !important;
      border: 1px solid #101;
@@ -906 +921 @@
 
 .snarkConfigTitle:hover, label.toggleview:hover {
-     background: linear-gradient(to bottom, #5f475d 0%, #4F3B4F 50%, #1f001f 50%, #1f001f 100%);
+     background: linear-gradient(to bottom, #5f475d 0%, #4f3b4f 50%, #1f001f 50%, #1f001f 100%);
      box-shadow: inset 0 0 1px #3f173f;
 }
 
 .snarkConfigTitle:active, label.toggleview:active {
-     box-shadow: inset 1px 1px 3px 1px #0d000d;
+     box-shadow: inset 0 0 1px #7f2f7f, inset 1px 1px 3px 1px #0d000d;
 }
 .snarkConfigTitle img, label.toggleview img {
-     margin-right: -3px;
-     margin-bottom: 1px;
+     margin: 1px -3px 2px 0;
      vertical-align: middle;
      filter: drop-shadow(0 0 1px #000);
@@ -988 +1002 @@
      font-weight: bold;
      margin: 5px 2px !important;
-     padding: 4px 6px 4px 4px;  
+     padding: 4px 6px 4px 4px;
      text-shadow: 0 0 #410;
      white-space: nowrap;
@@ -1058 +1072 @@
      border-radius: 2px;
      border: 1px solid #101;
-     background: #212 url(images/graytile.png);  
+     background: #212 url(images/graytile.png);
      color: #f60;
      margin: 2px 4px;
@@ -1072 +1086 @@
      color: #1c081e;
      background: #989;
-     background: linear-gradient(to bottom, #989 0%, #878 100%);     
+     background: linear-gradient(to bottom, #989 0%, #878 100%);
      border: 1px inset #bbb;
      padding: 4px 2px !important;
@@ -1158 +1172 @@
 input[type="submit"]:disabled:active, a.control:disabled:active {
       filter: drop-shadow(0 0 1px #101);
-     -webkit-filter: drop-shadow(0 0 1px #101);    
-} 
+     -webkit-filter: drop-shadow(0 0 1px #101);
+}
 
 #pagenav {
@@ -1222 +1236 @@
      background: linear-gradient(to bottom, #d60, #c50);
      color: #fff;
-     box-shadow: none;     
+     box-shadow: none;
 }
 
@@ -1263 +1277 @@
 
 input.default {
-     width: 1px; 
-     height: 1px; 
+     width: 1px;
+     height: 1px;
      visibility: hidden;
 }
@@ -1305 +1319 @@
 input.cancel:hover, input.cancel:focus {
      background: #767 url(images/cancel.png) no-repeat 4px center;
-     background: url(images/cancel.png) no-repeat 4px center, linear-gradient(to bottom, #767 0%, #989 100%);    
+     background: url(images/cancel.png) no-repeat 4px center, linear-gradient(to bottom, #767 0%, #989 100%);
 }
 
@@ -1376 +1390 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) {
 input[type="submit"], input[type="reset"], a.control {
-     padding-left: 21px !important;     
+     padding-left: 21px !important;
 }
 }
@@ -1567 +1581 @@
      color: #ddd;
      border-radius: 4px;
-     box-shadow: inset 0 0 3px 0 #101;     
+     box-shadow: inset 0 0 3px 0 #101;
      word-wrap: break-word;
      text-align: center;
@@ -1578 +1592 @@
 }
 
-.configsectionpanel, .configsectionpanel td {
+.configsectionpanel, .configsectionpanel td, .snarkNewTorrent, .snarkNewTorrent td, .snarkAddInfo {
      font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
-     font-size: 10pt !important;
+     font-size: 9pt !important;
 }
 
@@ -1594 +1608 @@
 
 .addtorrentsection td:first-child, .newtorrentsection td:first-child {
-     width: 200px; 
+     width: 10%;
+     white-space: nowrap;
 }
 
@@ -1607 +1622 @@
 
 .configsectionpanel input[name="nofilter_dataDir"], .configsectionpanel textarea {
-     width: 550px;
+     min-width: 550px;
+     width: 60%;
 }
 
@@ -1671 +1687 @@
      background: url(images/nuke.png) center right 6px no-repeat, linear-gradient(to bottom, #414 0%, #414 50%, #313 51%, #101 100%);
      border-left: 1px solid #101;
+     width: 5%;
 }
 
@@ -1687 +1704 @@
 
 .trackerconfig th, .trackerconfig td, .trackerconfig th:last-child, .trackerconfig td:last-child {
-     text-align: left !important;     
+     text-align: left !important;
 }
 
 .trackerconfig td:first-child {
-     text-align: right !important;     
+     text-align: right !important;
 }
 
@@ -1737 +1754 @@
 /* note that midori has other issues c. v5.10, best avoided */
 /*
-@media screen and (-webkit-min-device-pixel-ratio:0) { 
+@media screen and (-webkit-min-device-pixel-ratio:0) {
 input#toggle_addtorrent:not(checked) + label + hr + table, input#toggle_createtorrent:not(checked) + label + hr + table {
      display: table;
@@ -1777 +1794 @@
 }
 
+/* MS Edge 14+ fix */
+_:-ms-lang(x), * {
+     filter: none !important;
+     -webkit-filter: none !important;
+}
+
 /* responsive layout */
 
@@ -1785 +1808 @@
 
 .snarknavbar {
-     padding: 18px 10px 16px;
+     padding: 17px 10px 16px;
 }
 
 .snarknavbar img {
-     margin-right: -8px;
+     margin: -2px -9px 0 -5px;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+.snarkRefresh img {
+     margin: -2px -8px 0 -5px;
+}
+
+.snarkConfigTitle, label.toggleview {
+     font-size: 14pt !important;
+}
 }
 
@@ -1804 +1837 @@
 }
 
+.snarkRefresh:last-child[href="/i2psnark/"] {
+     padding: 6px 12px 5px 15px !important;
+     margin: -7px 0 -6px !important;
+}
 .snarkTorrents tt {
      font-size: 10pt;
+     color: #cc0;
 }
 
 tt, code, .snarkMessages, input, input[type="submit"], input[type="reset"], select, select option, button, textarea {
      font-size: 9pt !important;
+}
+
+.configsectionpanel, .configsectionpanel td, .snarkNewTorrent, .snarkNewTorrent td, .snarkAddInfo {
+     font-size: 10pt !important;
+}
+
+.addtorrentsection td:first-child, .newtorrentsection td:first-child {
+     width: 200px;
 }
 
@@ -1821 +1867 @@
 }
 }
+
+/* end responsive layout */

installer/resources/themes/snark/vanilla/snark.css

@@ -108 +108 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) {
 .snarknavbar {
-     padding-top: 16px;
+     padding-top: 15px;
+}
+
+.snarkRefresh:link:first-child {
+     padding-top: 4px !important;
 }
 }
@@ -144 +148 @@
      background: linear-gradient(to bottom, #dfb899 0%, #dfb899 50%, #af9178 50%, #af9178 100%);
      text-shadow: none !important;
-     box-shadow: inset 1px 1px 2px 1px #3f362f;
+     box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 3px 1px #555;
 }
 
@@ -235 +239 @@
 
 .snarkMessages {
-     font: bold 8pt "DejaVu Sans Mono", "Droid Sans Mono", "Lucida Console", Courier, mono !important;
+     font: bold 8pt "Droid Sans Mono", "Noto Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono !important;
      text-align: left;
      margin: 0 0 10px;
@@ -326 +330 @@
      height: 8px;
      color: #731;
-     font-weight: bold !important; 
+     font-weight: bold !important;
 }
 
@@ -341 +345 @@
 }
 
-tr { 
+tr {
      opacity: 1;
 }
@@ -536 +540 @@
 
 .snarkTorrents td:nth-child(n+6), .snarkTorrents tfoot th:nth-child(n+2) {
-     font-variant: all-small-caps !important;
-     word-spacing: -0.2em;
-}
-
-@media screen and (-webkit-min-device-pixel-ratio:0) {
-.snarkTorrents td:nth-child(n+6), .snarkTorrents tfoot th:nth-child(n+2) {
-     font-variant: normal !important;
-}
+     word-spacing: -0.4em;
 }
 
@@ -617 +614 @@
      width: 68px;
      white-space: nowrap;
+}
+
+/* MS Edge 14+ fix */
+_:-ms-lang(x), .snarkTorrentAction {
+     width: 72px !important;
 }
 
@@ -746 +748 @@
 
 .snarkTorrentEven + .snarkTorrentEven:nth-child(even) td, .snarkTorrentOdd + .snarkTorrentOdd:nth-child(even) td, .snarkTorrentEven + .snarkTorrentEven:nth-child(odd) td, .snarkTorrentOdd + .snarkTorrentOdd:nth-child(odd) td {
-     padding: 3px 0 !important; 
+     padding: 3px 0 !important;
 }
 
@@ -778 +780 @@
 
 .snarkFileName {
-     padding: 4px 0 !important; 
+     padding: 4px 0 !important;
      text-align: left !important;
      font-size: 8pt !important;
@@ -805 +807 @@
 .snarkTorrentInfo img {
      max-height: 16px !important;
-     margin: 1px 2px 2px 2px !important;    
+     margin: 1px 2px 2px 2px !important;
 }
 
@@ -845 +847 @@
 
 .snarkDirInfo {
-     margin-top: -3px !important;
-     margin-bottom: 0;   
+     margin-top: 10px !important;
+     margin-bottom: 0;
 }
 
@@ -859 +861 @@
 
 .snarkDirInfo td {
-     min-width: 0 !important;     
+     min-width: 0 !important;
 }
 
@@ -911 +913 @@
 }
 
+#trackerselect td {
+     white-space: nowrap !important;
+}
+
 #trackerselect td:nth-child(2), #trackerselect td:nth-child(3) {
-     max-width: 50px !important;
+     max-width: 60px !important;
 }
 
@@ -923 +929 @@
 }
 
-.snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover {
+.snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active {
      font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
-     font-size: 11pt;
-     font-weight: bold;
-     padding: 2px 15px 2px 12px;
+     font-size: 12pt !important;
+     font-weight: bold;
+     padding: 4px 15px 2px 12px;
      margin: 0 0 -3px !important;
      letter-spacing: 0.1em;
@@ -949 +955 @@
 }
 
+.snarkConfigTitle:active, label.toggleview:active {
+     box-shadow:  0 0 2px #4d453e, inset 0 0 0 1px #fff, inset 2px 2px 3px 1px #555;
+}
+
+.snarkConfigTitle {
+     padding-top: 3px !important;
+}
+
 @media screen and (-webkit-min-device-pixel-ratio:0) {
-.snarkConfigTitle, label.toggleview {
-     font-size: 12pt;   
-}
+.snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle,
+.configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active {
+     font-size: 13pt !important;
+}
+}
+
+/* MS Edge 14+ fix */
+_:-ms-lang(x), .snarkConfigTitle, .snarkConfigTitle a, label.toggleview,
+.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
+     padding: 3px 15px 4px;
+     font-size: 11pt !important;
 }
 
@@ -970 +992 @@
 
 .snarkConfigTitle img, label.toggleview img {
-     margin: 1px -2px 2px 0;
+     margin: 1px -2px 3px 0;
      filter: drop-shadow(0 0 1px #7f6c5f) !important;
      -webkit-filter: drop-shadow(0 0 1px #7f6c5f) !important;
 }
-
 
 .snarkConfig {
@@ -1012 +1033 @@
 }
 
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+hr.debug:nth-child(n+7) {
+    margin: -10px 0 4px;
+}
+}
+
 a:link {
      color: #f30;
@@ -1049 +1076 @@
      font-weight: bold;
      margin: 3px 2px !important;
-     padding: 5px 4px 5px 2px;  
+     padding: 5px 4px 5px 2px;
      white-space: nowrap;
 }
@@ -1080 +1107 @@
      border-radius: 2px;
      border: 1px solid #2f1500;
-     background: #efe6e0;        
+     background: #efe6e0;
      color: #2f1500;
      margin: 2px 4px;
@@ -1140 +1167 @@
 }
 
-input.default { 
-     width: 1px; 
-     height: 1px; 
+input.default {
+     width: 1px;
+     height: 1px;
      visibility: hidden;
      display: none;
@@ -1257 +1284 @@
 
 select + select {
-     margin-left: -17px;
+     margin-left: -12px;
 }
 
@@ -1361 +1388 @@
      box-shadow: 0 0 1px 0 #f60;
 }
-
-.infoz {
-     margin: 0 -1px 0 0 !important;
-     padding: 0 !important;
-     line-height: 100%;
-     float: left;
-}
-
-.infoz img {
-     border: none;
-     opacity: 0.8 !important;
-}
-
-.infoz img:hover {
-     opacity: 1 !important;
-}
-
 
 .section, .mainsection {
@@ -1462 +1472 @@
 }
 
-.configsectionpanel td {
+.configsectionpanel td, .snarkNewTorrent td {
      font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
-     font-size: 10pt !important;
+     font-size: 9pt !important;
 }
 
@@ -1553 +1563 @@
      border-radius: 2px 0 0 2px;
      border-left: 1px solid #6f533e;
+     background: url(/themes/console/images/buttons/delete.png) center right 8px no-repeat, linear-gradient(to bottom, #efefef 0%, #efefef 51%, #cfc7c2 52%, #cfc7c2 100%);
 }
 
@@ -1565 +1576 @@
 
 .trackerconfig th, .trackerconfig td, .trackerconfig th:last-child, .trackerconfig td:last-child {
-     text-align: left !important;     
+     text-align: left !important;
 }
 
 .trackerconfig td:first-child {
-     text-align: right !important;     
+     text-align: right !important;
 }
 
@@ -1627 +1638 @@
 /* display panels by default on webkit based browsers (midori fix) */
 /*
-@media screen and (-webkit-min-device-pixel-ratio:0) { 
+@media screen and (-webkit-min-device-pixel-ratio:0) {
 #toggle_addtorrent:not(checked) + label + hr + table, #toggle_createtorrent:not(checked) + label + hr + table {
      display: table;
@@ -1667 +1678 @@
 }
 
+/* MS Edge 14+ fix */
+_:-ms-lang(x), * {
+     filter: none !important;
+     -webkit-filter: none !important;
+}
+
 /* responsive layout */
 
@@ -1674 +1691 @@
 }
 
-.snarkRefresh:link {
-     font-size: 10pt;
+.snarkRefresh:link, .snarkAddInfo, .configsectionpanel td, .snarkNewTorrent td {
+     font-size: 10pt !important;
 }
 
@@ -1700 +1717 @@
 }
 
+/* end responsive layout */
+