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

i2psnark:

Browse Source 
- (ubergine) Speed up tr:hover events by optimizing css (remove latency)
- (all) Remove fade activation delay for download bars, speed up fade-in /
  fade-out
- Fix i2psnark link in navbar overflow issue in Arabic (ubergine/vanilla)
- (ubergine) Change default font for screenlog from Noto Mono to Droid Sans Mono
  to soften text/slightly reduce text size
This commit is contained in:
str4d
2017-06-03 14:10:54 +00:00
parent 017f66a342
commit 6acca28969
7 changed files with 144 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
history.txt
View File

@@ -67,6 +67,12 @@
* i2psnark:
- Remove font-adjust-size (ubergine/vanilla)
- Add extra spacing to screenlogger bullets (ubergine)
- (ubergine) speed up tr:hover events by optimizing css (remove latency)
- (all) remove fade activation delay for download bars, speed up fade-in /
fade-out
- Fix i2psnark link in navbar overflow issue in Arabic (ubergine/vanilla)
- (ubergine) change default font for screenlog from Noto Mono to Droid Sans
Mono to soften text/slightly reduce text size
2017-05-25 zzz
* Crypto: Fix AES NPE on 4-core RPi 2nd try (ticket #1989)

4
installer/resources/themes/snark/classic/snark.css
View File

@@ -1090,13 +1090,13 @@ tr:hover .percentBarText {
color: #005;
text-shadow: 0 0 1px rgba(255,255,255,0.5);
opacity: 0;
transition: ease opacity 0.3s 0.5s;
transition: ease opacity 0.2s;
line-height: 14px;
}
.percentBarText:hover, .percentBarText:focus {
opacity: 0.75;
transition: ease opacity 0.3s;
transition: ease opacity 0.2s;
}
.priorityIndicator {

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

@@ -995,12 +995,12 @@ _:-ms-lang(x), .snarkTorrentOdd, .SnarkTorrentEven {
color: #dfd137;
opacity: 0;
text-shadow: 0 0 1px rgba(0,0,0,0.8);
transition: ease opacity 0.3s 0.5s;
transition: ease opacity 0.2s;
}
.percentBarText:hover, .percentBarText:focus {
opacity: 0.75;
transition: ease opacity 0.3s;
transition: ease opacity 0.2s;
}
.percentBarOuterComplete .percentBarText {

10
installer/resources/themes/snark/light/snark.css
View File

@@ -470,11 +470,11 @@ tfoot tr:nth-child(n+1) {
.snarkGraphicStatus {
max-width: 32px !important;
text-align: center !important;
padding-left: 2px;
}
.snarkTorrentStatus {
padding-right: 5px;
padding-left: 0;
}
th.snarkTorrentStatus {
@@ -766,12 +766,12 @@ tr:hover .percentBarText {
color: #005;
text-shadow: 0 0 1px rgba(255,255,255,0.5);
opacity: 0;
transition: ease opacity 0.3s 0.5s;
transition: ease opacity 0.2s;
}
.percentBarText:hover, .percentBarText:focus {
opacity: 0.75;
transition: ease opacity 0.3s;
transition: ease opacity 0.2s;
}
.percentBarOuterComplete .percentBarText {
@@ -2199,10 +2199,6 @@ a.snarkRefresh:first-child {
padding-bottom: 3px;
}
.snarkTorrentStatus {
padding-right: 10px;
}
.snarkTorrentName {
padding-left: 4px;
}

4
installer/resources/themes/snark/midnight/snark.css
View File

@@ -1052,7 +1052,7 @@ _:-ms-lang(x), .snarkTorrentOdd, .snarkTorrentOdd td, .SnarkTorrentEven, .SnarkT
color: #00ecff;
text-shadow: 0 0 1px rgba(0,0,0,0.8);
opacity: 0;
transition: ease opacity 0.3s 0.5s;
transition: ease opacity 0.2s;
}
.peerinfo .percentbartext {
@@ -1061,7 +1061,7 @@ _:-ms-lang(x), .snarkTorrentOdd, .snarkTorrentOdd td, .SnarkTorrentEven, .SnarkT
.percentBarText:hover, .percentBarText:focus {
opacity: 0.9;
transition: ease opacity 0.3s;
transition: ease opacity 0.2s;
}
/* end download bars */

100
installer/resources/themes/snark/ubergine/snark.css
View File

@@ -7,14 +7,15 @@ html {
}
body {
background: #130313 url(images/graytile.png) scroll left top / 96px 96px;
background: linear-gradient(to bottom, rgba(64,0,64,0.2), rgba(11,0,11,0.1), rgba(11,0,11,0.2)), url(images/graytile.png) #130313 !important;
background-size: 100% 100%, 96px 96px;
background: #130313 url(images/graytile.png) scroll left top / 96px 96px;
color: #fff;
font: 8pt "DejaVu Sans", Verdana, "Noto Sans", Ubuntu, Helvetica, sans-serif;
}
/* preload top navigation mouseovers */
body:not(old) {
background: linear-gradient(to bottom, rgba(64,0,64,0.2), rgba(11,0,11,0.1), rgba(11,0,11,0.2)), url(images/graytile.png),
url(images/button_snark_hover.png) top center no-repeat,
@@ -140,6 +141,12 @@ _:-ms-lang(x), .snarknavbar {
border: 1px solid #730;
}
/* Arabic fix */
.snarkRefresh {
display: inline-block;
margin: -5px -4px -5px 0;
}
_:-ms-lang(x), .snarkRefresh:link, .snarkRefresh:visited {
padding-top: 1px !important;
}
@@ -238,7 +245,7 @@ _:-ms-lang(x), .snarkRefresh:last-child[href="/i2psnark/"] {
/* screenlogger */
.snarkMessages {
font: bold 8pt "Noto Mono", "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", monospace !important;
font: bold 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace !important;
text-align: left;
margin: 0 0 10px 0;
padding: 3px 5px;
@@ -344,6 +351,7 @@ table {
border-collapse: collapse;
color: #323;
width: 100%;
transform: rotateZ(360deg);
}
thead, tfoot {
@@ -393,13 +401,7 @@ tfoot tr:nth-child(n+1) {
}
.headerstatus {
text-align: left;
padding-left: 5px;
}
.headerpriority {
text-align: left;
padding-left: 10px;
text-align: center;
}
.ParentDir {
@@ -444,7 +446,7 @@ tfoot tr:nth-child(n+1) {
border-collapse: separate;
border-spacing: 0;
border-radius: 4px;
filter: drop-shadow(0 0 1px rgba(16, 8, 16, 0.5));
box-shadow: 0 0 1px 1px rgba(16, 8, 16, 0.5);
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* fixes webkit/blink double border */
@@ -454,7 +456,7 @@ tfoot tr:nth-child(n+1) {
}
}
.snarkTorrents tr, .snarkTorrents td {
.snarkTorrents td {
border-top: 1px solid #202 !important;
}
@@ -521,7 +523,7 @@ th.snarkTorrentStatus {
}
.snarkTorrentETA, .snarkTorrentUploaded, .snarkTorrentRateDown, .snarkTorrentRateUp {
width: 5%;
width: 4%;
min-width: 40px;
white-space: nowrap;
}
@@ -618,7 +620,7 @@ th.snarkTorrentAction input[type="image"]:hover {
border-radius: 0 0 2px 2px;
}
.snarkTorrents th:empty + th:empty, .snarkTorrents td:empty + td:empty, .snarkTorrentETA:empty, .snarkTorrentAction:empty {
.snarkTorrents th:empty + th:empty, .snarkTorrents td:empty + td:empty, .snarkTorrentETA:empty, .snarkTorrentAction:empty, .snarkTorrentRateDown:empty {
width: 0 !important;
min-width: 0 !important;
}
@@ -698,18 +700,15 @@ a img[src$="details.png"]:hover, a:focus img[src$="details.png"] {
.snarkTorrents tbody tr:hover, .snarkDirInfo tbody tr:hover {
background: #58165e !important;
background: linear-gradient(to bottom, #58165e 0%, #4a0d56 100%) !important;
border-top: 1px solid #101 !important;
border-bottom: 1px solid #101 !important;
background: linear-gradient(to bottom, #58165e, #4a0d56) !important;
}
tr:hover .percentBarText {
tr:hover .percentBarText {
opacity: 1;
}
/* MS Edge fix */
_:-ms-lang(x), .snarkTorrents tbody tr:hover, .snarkDirInfo tbody tr:hover {
box-shadow: none !important;
background: #58165e !important;
}
@@ -729,10 +728,10 @@ _:-ms-lang(x), .snarkTorrents tbody tr:hover, .snarkDirInfo tbody tr:hover {
}
.snarkFileName {
padding: 4px 0 0 2px !important;
padding: 4px 0 4px 2px !important;
text-align: left !important;
font-size: 8pt !important;
white-space: nowrap;
vertical-align: middle;
line-height: 120%;
}
.snarkFileSize {
@@ -746,7 +745,6 @@ _:-ms-lang(x), .snarkTorrents tbody tr:hover, .snarkDirInfo tbody tr:hover {
.snarkFileStatus {
padding: 2px 5px;
font-style: italic;
font-size: 8pt;
text-align: left !important;
white-space: nowrap;
overflow: hidden;
@@ -852,21 +850,20 @@ _:-ms-lang(x), .snarkDirInfo img, .snarkTorrents img {
}
.snarkDirInfo .snarkFileStatus img {
mix-blend-mode: luminosity;
opacity: 1;
opacity: 0.75;
vertical-align: top;
}
.snarkDirInfo tr:hover .snarkFileStatus img {
opacity: 1;
}
.snarkDirInfo .ParentDir a, .snarkDirInfo .snarkFileName a, .snarkTorrents .snarkTorrentName a {
display: inline-block;
width: 100%;
padding: 2px 0;
}
.snarkDirInfo .headerpriority {
text-align: right !important;
}
#setPriority > * {
vertical-align: middle;
}
@@ -888,6 +885,7 @@ _:-ms-lang(x), .snarkDirInfo img, .snarkTorrents img {
.snarkTorrentDownloaded {
text-align: right !important;
width: 110px;
max-width: 110px;
color: #76a !important;
white-space: nowrap;
}
@@ -898,18 +896,18 @@ _:-ms-lang(x), .snarkDirInfo img, .snarkTorrents img {
}
.priorityIndicator img[src*="clock"] {
margin-top: 4px;
margin-top: 3px;
}
.percentBarOuter {
background: #000 !important;
background: repeating-linear-gradient(135deg, #000 1px, #000 5px, #101 6px, #101 11px) !important;
background: repeating-linear-gradient(135deg, #000 1px, #000 6px, #101 6px, #101 11px) !important;
border: 1px solid #414;
border-bottom: 1px solid #212;
border-right: 1px solid #212;
opacity: 0.7;
box-shadow: 0 0 1px 1px rgba(0,0,0,0.5);
margin: 2px 0 !important;
margin: 0 !important;
}
.snarkTorrentDownloaded .percentBarOuter {
@@ -917,7 +915,7 @@ _:-ms-lang(x), .snarkDirInfo img, .snarkTorrents img {
}
.peerinfo .percentBarOuter {
background: repeating-linear-gradient(135deg, #000 1px, #000 5px, #0f0a08 6px, #0f0a08 11px) !important;
background: repeating-linear-gradient(135deg, #000 1px, #000 6px, #0f0a08 6px, #0f0a08 11px) !important;
height: 16px;
line-height: 13px;
}
@@ -963,14 +961,11 @@ _:-ms-lang(x), .snarkDirInfo img, .snarkTorrents img {
white-space: nowrap;
display: block;
color: #dd7;
text-shadow: 0 0 1px rgba(0,0,0,0.8);
opacity: 0;
transition: ease opacity 0.3s 0.5s;
}
.percentBarText:hover, .percentBarText:focus {
opacity: 1;
transition: ease opacity 0.3s;
}
/* end download bars */
@@ -1198,11 +1193,6 @@ a.control:active, input[type="submit"]:active, input[type="reset"]:active {
border-top: 1px solid #000;
}
th.headerpriority {
padding: 5px !important;
text-align: right !important;
}
th.headerpriority br, .snarkTorrents thead th br {
display: none;
}
@@ -1933,7 +1923,7 @@ label.toggleview img:active, label.toggleview:active img, .snarkConfigTitle a:ac
}
.debuginfo, .debugConnection, .debugConnStat, .debugRequests {
font-family: "Noto Mono", "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", monospace !important;
font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace !important;
}
.debuginfo {
@@ -2055,7 +2045,7 @@ hr.debug + hr {
box-shadow: 0 1px 2px 0 rgba(16,0,16,0.6);
text-align: center;
padding-bottom: 13px;
margin: 0 8px 4px;
margin: -5px 4px 1px;
}
#dhtDebugPanel label {
@@ -2660,7 +2650,7 @@ b.alwaysShow {
.snarkRefresh:link,.snarkRefresh:visited {
background-size: 15px auto, 100% 100% !important;
background-position: 11px 60%, center center !important;
background-position: 11px 50%, center center !important;
padding: 4px 10px 4px 28px !important;
margin-right: -5px !important;
}
@@ -2708,6 +2698,10 @@ _:-ms-lang(x), .snarkRefresh:link, .snarkRefresh:visited {
line-height: 11px;
}
.snarkTorrentUploaded {
padding-left: 10px;
}
#dhtDebugInner {
padding-top: 15px !important;
}
@@ -2772,6 +2766,10 @@ body, .snarkTorrents td, .snarkAddInfo, th, td, .snarkFileName, .snarkFileStatus
font-size: 10pt !important;
}
.debuginfo td {
font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace !important;
}
.snarknavbar {
padding: 17px 10px 16px;
}
@@ -2814,8 +2812,16 @@ input[type="submit"], input[type="reset"], select, select option, button, a.cont
display: inline-block;
}
.snarkTorrentStatus {
padding-right: 12px !important;
}
.snarkTorrentName a:not(old) {
max-width: none;
max-width: none;
}
.snarkTorrentUploaded {
padding-left: 8px;
}
.snarkTorrentAction {
@@ -2900,6 +2906,12 @@ select {
}
}
@media screen and (min-width: 1600px) {
.snarkTorrentUploaded {
padding-left: 6px;
}
}
/* hidpi devices only */
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) and (min-width: 1400px) {

108
installer/resources/themes/snark/vanilla/snark.css
View File

@@ -7,14 +7,14 @@ html {
body {
background: #2f231a;
background: repeating-linear-gradient(to bottom, #9F948B 1px, #6F5B4C 1px, #BFA285 3px);
background: repeating-linear-gradient(to bottom, #9f948b 1px, #6f5b4c 1px, #bfa285 3px);
color: #2f1500;
font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
}
/* preload top navigation mouseovers */
body:not(old) {
background: repeating-linear-gradient(to bottom, #6F5B4C 1px, #9F948B 1px, #BFA285 4px),
background: repeating-linear-gradient(to bottom, #6f5b4c 1px, #9f948b 1px, #bfa285 4px),
url(images/button_snark_hover.png) no-repeat,
url(images/button_snark_active.png) no-repeat,
url(images/button_tracker_hover.png) no-repeat,
@@ -64,7 +64,7 @@ input[type="submit"], input[type="reset"], button, a:link, input[type="checkbox"
.page {
background: #dfdccb url(images/tile2.png);
background: repeating-linear-gradient(to bottom, #ECEBDD 1px, #EFEBDD 2px, #EBE5D5 5px);
background: repeating-linear-gradient(to bottom, #ecebdd 1px, #efebdd 2px, #ebe5d5 5px);
color: #310;
min-width: 900px !important;
margin: 5px 0 0 0;
@@ -96,7 +96,7 @@ a:link, a:visited {
}
th a:visited, td a:visited {
color: #9F0B00 !important;
color: #9f0b00 !important;
}
th a:hover, th a:visited:hover, th a:focus, th a:visited:focus,
@@ -106,7 +106,7 @@ td a:hover, td a:visited:hover, td a:focus, td a:visited:focus {
}
th a:active, th a:visited:active, td a:active, td a:visited:active {
color: #FF2F85 !important;
color: #ff2f85 !important;
}
.toggleview, .snarkConfigTitle, .snarknavbar, img, input[type="image"] {
@@ -124,7 +124,7 @@ th a:active, th a:visited:active, td a:active, td a:visited:active {
border-radius: 0 0 2px 2px;
box-shadow: inset 0 0 0 1px #fff5ef, 0 0 1px 0 #4f3d36;
background: #efefef;
background: linear-gradient(to bottom, #efefef 49%, #cfc7c2 52%, #cfc7c2 100%);
background: linear-gradient(to bottom, #efefef 50%, #cfc7c2 52%, #cfc7c2 100%);
min-width: 900px;
width: 70%;
text-align: center;
@@ -147,20 +147,21 @@ th a:active, th a:visited:active, td a:active, td a:visited:active {
text-decoration: none !important;
text-transform: uppercase !important;
padding: 4px 10px 4px 28px !important;
margin: -5px -4px -5px 0 !important;
margin: -3px -4px -4px 0 !important;
letter-spacing: 0.08em;
font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
font-weight: bold;
font-size: 10pt;
color: #3F271B;
background: #fff7ef url(images/button_snark.png) 11px center no-repeat;
background: url(images/button_snark.png) 11px center no-repeat, linear-gradient(to bottom, #fff7ef 47%, rgba(207, 193, 181, 0.6) 50%), repeating-linear-gradient(45deg, #75604E 1px, #A09286 1px, #BFAFA2 2px);
background: url(images/button_snark.png) 11px center no-repeat, linear-gradient(to bottom, #fff7ef 47%, rgba(207, 193, 181, 0.6) 50%), repeating-linear-gradient(45deg, #75604e 1px, #a09286 1px, #bfafa2 2px);
background-size: 18px auto, 100% 100%, 100% 100%;
border-radius: 0;
border: 1px solid #efe6e0;
text-shadow: 0 0 1px #fff5ef;
box-shadow: inset 0 0 0 1px #efe6e0, 0 0 0 1px rgba(77, 69, 62, 0.1);
border: 1px solid #2f1b0c;
display: inline-block;
}
_:-ms-lang(x), .snarkRefresh:link, .snarkRefresh:visited {
@@ -188,13 +189,13 @@ _:-ms-lang(x), .snarkRefresh:link, .snarkRefresh:visited {
.snarkRefresh:nth-child(2) {
background: #fff7ef url(images/button_forum.png) 12px center no-repeat;
background: url(images/button_forum.png) 12px center no-repeat, linear-gradient(to bottom, #fff7ef 47%, rgba(207, 193, 181, 0.6) 50%), repeating-linear-gradient(45deg, #75604E 1px, #A09286 1px, #BFAFA2 2px);
background: url(images/button_forum.png) 12px center no-repeat, linear-gradient(to bottom, #fff7ef 47%, rgba(207, 193, 181, 0.6) 50%), repeating-linear-gradient(45deg, #75604e 1px, #a09286 1px, #bfafa2 2px);
background-size: 17px auto, 100% 100%, 100% 100%;
}
.snarkRefresh:nth-child(n+3) {
background: #fff7ef url(images/button_tracker.png) 12px center no-repeat;
background: url(images/button_tracker.png) 12px center no-repeat, linear-gradient(to bottom, #fff7ef 47%, rgba(207, 193, 181, 0.6) 50%), repeating-linear-gradient(135deg, #75604E 1px, #A09286 1px, #BFAFA2 2px);
background: url(images/button_tracker.png) 12px center no-repeat, linear-gradient(to bottom, #fff7ef 47%, rgba(207, 193, 181, 0.6) 50%), repeating-linear-gradient(135deg, #75604e 1px, #a09286 1px, #bfafa2 2px);
background-size: 17px auto, 100% 100%, 100% 100%;
}
@@ -233,7 +234,7 @@ _:-ms-lang(x), .snarkRefresh:link, .snarkRefresh:visited {
.snarkRefresh:last-child[href="/i2psnark/"] {
border-radius: 2px;
margin: -5px 0 -2px !important;
margin: -2px 0 -4px !important;
}
.snarkRefresh:hover, .snarkRefresh:visited:hover {
@@ -285,7 +286,7 @@ _:-ms-lang(x), .snarkRefresh:link, .snarkRefresh:visited {
}
.snarkMessages li::before {
content: '';
content: "";
display: inline-block;
background: url(images/bullet.png) left 2px no-repeat;
width: 13px;
@@ -480,6 +481,10 @@ tfoot img, tfoot:nth-child(2) img, tfoot:nth-child(1) img, tfoot:nth-child(3) im
padding: 4px 0 4px 4px;
}
.ParentDir img {
filter: sepia(100%) hue-rotate(340deg);
}
/* main torrents listing */
.snarkTorrents {
@@ -616,7 +621,7 @@ th.snarkTorrentStatus {
padding: 0 5px;
}
.snarkTorrentDownloaded, .peerinfo td:nth-child(4) {
.snarkTorrentDownloaded {
text-align: right !important;
padding: 2px;
vertical-align: middle;
@@ -630,6 +635,10 @@ th.snarkTorrentStatus {
color: #626 !important;
}
.snarkTorrentUploaded {
padding-left: 10px;
}
.snarkTorrentAction {
padding: 1px 2px 1px 1px !important;
margin: 0 !important;
@@ -738,20 +747,20 @@ _:-ms-lang(x), .snarkTorrents tbody tr:hover, .snarkDirInfo tbody tr:hover {
}
.snarkTorrentEven + .snarkTorrentEven:nth-child(even), .snarkTorrentOdd + .snarkTorrentOdd:nth-child(even) {
background: linear-gradient(to right, #998e88 3px, #E8DFDA 3px);
background: linear-gradient(to right, #998e88 3px, #e8dfda 3px);
}
.snarkTorrentEven + .snarkTorrentEven:nth-child(odd), .snarkTorrentOdd + .snarkTorrentOdd:nth-child(odd) {
background: linear-gradient(to right, #72665f 3px, #E0D9D5 3px);
background: linear-gradient(to right, #72665f 3px, #e0d9d5 3px);
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* chrome fix - gradient otherwise applied to each td */
.snarkTorrentEven + .snarkTorrentEven:nth-child(even), .snarkTorrentOdd + .snarkTorrentOdd:nth-child(even) {
background: #E8DFDA;
background: #e8dfda;
}
.snarkTorrentEven + .snarkTorrentEven:nth-child(odd), .snarkTorrentOdd + .snarkTorrentOdd:nth-child(odd) {
background: #E0D9D5;
background: #e0d9d5;
}
}
@@ -806,11 +815,12 @@ _:-ms-lang(x), .snarkTorrents tbody tr:hover, .snarkDirInfo tbody tr:hover {
margin: 1px 2px 2px 2px !important;
}
.snarkTorrentInfo td {
.mainsection .snarkTorrentInfo td {
text-align: left !important;
padding: 2px 0 1px 1px !important;
vertical-align: middle !important;
background: #efe6e0;
padding-top: 3px !important;
padding-bottom: 3px !important;
}
.snarkTorrentInfo tr:nth-child(even) td {
@@ -1023,7 +1033,7 @@ thead img.disable, img.disable:hover {
white-space: nowrap;
color: #919;
opacity: 0;
transition: ease opacity 0.3s 0.5s;
transition: ease opacity 0.2s;
vertical-align: middle;
}
@@ -1031,16 +1041,26 @@ thead img.disable, img.disable:hover {
line-height: 16px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.peerinfo .snarkTorrentDownloaded .percentBarText {
line-height: normal;
}
}
.snarkDirInfo .percentBarText {
padding: 1px 0;
}
.percentBarText:hover, .percentBarText:focus {
opacity: 0.9;
transition: ease opacity 0.3s;
transition: ease opacity 0.2s;
filter: none;
}
.iframed .percentBarText, .iframed .percentBarText:hover, .iframed .percentBarText:focus {
transition: none;
}
/* end download bars */
.choked {
@@ -1082,7 +1102,7 @@ thead img.disable, img.disable:hover {
display: inline-block;
margin-top: 7px;
background: url(images/infocircle.png) left center no-repeat;
background-size: 16px auto;
background-size: 14px auto;
padding-left: 20px;
min-height: 16px;
}
@@ -1125,7 +1145,7 @@ thead img.disable, img.disable:hover {
border: 1px solid #111;
border-top: 0;
background: #fff7ef;
background: linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, rgba(207, 193, 181, 0.6) 52%), repeating-linear-gradient(135deg, #75604E 1px, #A09286 1px, #BFAFA2 2px);
background: linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, rgba(207, 193, 181, 0.6) 52%), repeating-linear-gradient(135deg, #75604e 1px, #a09286 1px, #bfafa2 2px);
color: #444039;
box-shadow: 0 0 2px #4d453e, inset 0 0 0 1px #efe6e0;
display: inline-block;
@@ -1140,7 +1160,7 @@ thead img.disable, img.disable:hover {
}
.snarkConfigTitle:active, label.toggleview:active {
box-shadow: 0 0 2px #4d453e, inset 0 0 0 1px #fff, inset 2px 2px 3px 1px #59513B;
box-shadow: 0 0 2px #4d453e, inset 0 0 0 1px #fff, inset 2px 2px 3px 1px #59513b;
}
.snarkConfigTitle a:hover, .snarkConfigTitle a:visited:hover {
@@ -1158,7 +1178,7 @@ thead img.disable, img.disable:hover {
.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover,
.configsectionpanel .snarkConfigTitle:active, .configsectionpanel .snarkConfigTitle:focus {
background: #f2eeed !important;
background: radial-gradient(circle at left bottom, #F9F8F2, #cfc7c2 400px) !important;
background: radial-gradient(circle at left bottom, #f9f8f2, #cfc7c2 400px) !important;
display: block;
margin: 0 -11px !important;
border-radius: 2px 2px 0 0;
@@ -1323,7 +1343,7 @@ input[name="nofilter_commentsName"] {
input[type=submit] {
color: #2f1500;
border: 1px solid #4F3927;
border: 1px solid #4f3927;
background-blend-mode: luminosity;
}
@@ -1360,7 +1380,6 @@ input[type=text], input.r, textarea, input[name="nofilter_dataDir"] {
input[type=text]:focus, input[type=text]:focus, input.r:focus, textarea:focus, input[name="nofilter_dataDir"]:focus {
background: #fffcdf;
color: #5f1227;
color: #5f1227;
text-shadow: none;
transition: ease filter 0.3s 0s;
}
@@ -2022,7 +2041,7 @@ input#toggle_debug:checked + label + #dhtDebugInner {
#totals {
display: inline-block;
margin: 3px 0 3px 6px;
margin: 2px 0 2px 6px;
font-weight: bold;
}
@@ -2135,8 +2154,8 @@ input#toggle_debug:checked + label + #dhtDebugInner {
td#bwHelp {
background: url(images/infocircle.png) left 10px center no-repeat;
background-size: 16px auto;
padding-left: 30px !important;
background-size: 14px auto;
padding-left: 28px !important;
width: 90%;
line-height: 100%;
}
@@ -2187,6 +2206,7 @@ td#bwHelp a {
#torrentInfoStats span {
white-space: nowrap;
display: inline-block;
vertical-align: middle;
margin-right: 3px;
}
@@ -2325,10 +2345,6 @@ td#bwHelp a {
padding-right: 2px;
}
.snarkCommentInfo td:last-child, .snarkComments td:last-child:not(.commentText:empty) {
width: 1% !important;
}
.snarkComments td {
white-space: nowrap;
}
@@ -2602,7 +2618,12 @@ _:-ms-lang(x), .snarkRefresh:link, .snarkRefresh:visited {
font-size: 11pt !important;
letter-spacing: 0.1em !important;
}
.peerinfo .snarkTorrentDownloaded .percentBarText {
line-height: normal;
}
}
@media screen and (min-width: 1000px) {
body, .snarkTorrents td, .snarkAddInfo, th, td, .snarkFileName, a.control, input[type="submit"], input[type="reset"], select, button {
@@ -2644,6 +2665,10 @@ body, .snarkTorrents td, .snarkAddInfo, th, td, .snarkFileName, a.control, input
.snarkTorrentDownloaded .percentBarText {
line-height: 17px;
}
.peerinfo .snarkTorrentDownloaded .percentBarText {
line-height: 14px;
}
}
@media screen and (min-width: 1200px) {
@@ -2709,15 +2734,23 @@ select {
padding-bottom: 4px;
}
.snarkTorrents thead th {
padding-top: 5px;
padding-bottom: 5px;
}
.snarkGraphicStatus::after {
min-height: 22px;
}
.snarkTorrentDownloaded {
white-space: nowrap;
}
.snarkTorrentUploaded {
padding-left: 5px;
}
thead a img, thead img {
max-height: 22px;
}
@@ -2746,6 +2779,11 @@ thead a img, thead img {
margin-right: 4px;
}
.mainsection .snarkTorrentInfo td {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.snarkDirInfo td:nth-child(n+2) {
padding-left: 10px;
padding-right: 10px;