diff --git a/history.txt b/history.txt index 9d128fff6b..75a49d7cfb 100644 --- a/history.txt +++ b/history.txt @@ -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) diff --git a/installer/resources/themes/snark/classic/snark.css b/installer/resources/themes/snark/classic/snark.css index ba61966c92..101317b225 100644 --- a/installer/resources/themes/snark/classic/snark.css +++ b/installer/resources/themes/snark/classic/snark.css @@ -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 { diff --git a/installer/resources/themes/snark/dark/snark.css b/installer/resources/themes/snark/dark/snark.css index 2f30d72719..04e6be2af1 100644 --- a/installer/resources/themes/snark/dark/snark.css +++ b/installer/resources/themes/snark/dark/snark.css @@ -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 { diff --git a/installer/resources/themes/snark/light/snark.css b/installer/resources/themes/snark/light/snark.css index 1a8b27f365..a8bb2b95ef 100644 --- a/installer/resources/themes/snark/light/snark.css +++ b/installer/resources/themes/snark/light/snark.css @@ -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; } diff --git a/installer/resources/themes/snark/midnight/snark.css b/installer/resources/themes/snark/midnight/snark.css index c4512c4f2a..51250146b3 100644 --- a/installer/resources/themes/snark/midnight/snark.css +++ b/installer/resources/themes/snark/midnight/snark.css @@ -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 */ diff --git a/installer/resources/themes/snark/ubergine/snark.css b/installer/resources/themes/snark/ubergine/snark.css index 67aa13b12e..1ce5680c34 100644 --- a/installer/resources/themes/snark/ubergine/snark.css +++ b/installer/resources/themes/snark/ubergine/snark.css @@ -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) { diff --git a/installer/resources/themes/snark/vanilla/snark.css b/installer/resources/themes/snark/vanilla/snark.css index 3ee5221546..845e1cb8c6 100644 --- a/installer/resources/themes/snark/vanilla/snark.css +++ b/installer/resources/themes/snark/vanilla/snark.css @@ -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;