Changeset 6acca289


Ignore:
Timestamp:
Jun 3, 2017 2:10:54 PM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
5e8730a6
Parents:
017f66a
Message:

i2psnark:

  • (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
Files:
7 edited

Legend:

Unmodified
Added
Removed
  • history.txt

    r017f66a r6acca289  
    6868     - Remove font-adjust-size (ubergine/vanilla)
    6969     - Add extra spacing to screenlogger bullets (ubergine)
     70     - (ubergine) speed up tr:hover events by optimizing css (remove latency)
     71     - (all) remove fade activation delay for download bars, speed up fade-in /
     72       fade-out
     73     - Fix i2psnark link in navbar overflow issue in Arabic (ubergine/vanilla)
     74     - (ubergine) change default font for screenlog from Noto Mono to Droid Sans
     75       Mono to soften text/slightly reduce text size
    7076
    71772017-05-25 zzz
  • installer/resources/themes/snark/classic/snark.css

    r017f66a r6acca289  
    10911091     text-shadow: 0 0 1px rgba(255,255,255,0.5);
    10921092     opacity: 0;
    1093      transition: ease opacity 0.3s 0.5s;
     1093     transition: ease opacity 0.2s;
    10941094     line-height: 14px;
    10951095}
     
    10971097.percentBarText:hover, .percentBarText:focus {
    10981098     opacity: 0.75;
    1099      transition: ease opacity 0.3s;
     1099     transition: ease opacity 0.2s;
    11001100}
    11011101
  • installer/resources/themes/snark/dark/snark.css

    r017f66a r6acca289  
    996996     opacity: 0;
    997997     text-shadow: 0 0 1px rgba(0,0,0,0.8);
    998      transition: ease opacity 0.3s 0.5s;
     998     transition: ease opacity 0.2s;
    999999}
    10001000
    10011001.percentBarText:hover, .percentBarText:focus {
    10021002     opacity: 0.75;
    1003      transition: ease opacity 0.3s;
     1003     transition: ease opacity 0.2s;
    10041004}
    10051005
  • installer/resources/themes/snark/light/snark.css

    r017f66a r6acca289  
    471471     max-width: 32px !important;
    472472     text-align: center !important;
    473      padding-left: 2px;
    474473}
    475474
    476475.snarkTorrentStatus {
    477476     padding-right: 5px;
     477     padding-left: 0;
    478478}
    479479
     
    767767     text-shadow: 0 0 1px rgba(255,255,255,0.5);
    768768     opacity: 0;
    769      transition: ease opacity 0.3s 0.5s;
     769     transition: ease opacity 0.2s;
    770770}
    771771
    772772.percentBarText:hover, .percentBarText:focus {
    773773     opacity: 0.75;
    774      transition: ease opacity 0.3s;
     774     transition: ease opacity 0.2s;
    775775}
    776776
     
    22002200}
    22012201
    2202 .snarkTorrentStatus {
    2203      padding-right: 10px;
    2204 }
    2205 
    22062202.snarkTorrentName {
    22072203     padding-left: 4px;
  • installer/resources/themes/snark/midnight/snark.css

    r017f66a r6acca289  
    10531053     text-shadow: 0 0 1px rgba(0,0,0,0.8);
    10541054     opacity: 0;
    1055      transition: ease opacity 0.3s 0.5s;
     1055     transition: ease opacity 0.2s;
    10561056}
    10571057
     
    10621062.percentBarText:hover, .percentBarText:focus {
    10631063     opacity: 0.9;
    1064      transition: ease opacity 0.3s;
     1064     transition: ease opacity 0.2s;
    10651065}
    10661066
  • installer/resources/themes/snark/ubergine/snark.css

    r017f66a r6acca289  
    88
    99body {
     10     background: #130313 url(images/graytile.png) scroll left top / 96px 96px;
    1011     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;
    1112     background-size: 100% 100%, 96px 96px;
    12      background: #130313 url(images/graytile.png) scroll left top / 96px 96px;
    1313     color: #fff;
    1414     font: 8pt "DejaVu Sans", Verdana, "Noto Sans", Ubuntu, Helvetica, sans-serif;
     
    1616
    1717/* preload top navigation mouseovers */
     18
    1819body:not(old) {
    1920     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),
     
    141142}
    142143
     144/* Arabic fix */
     145.snarkRefresh {
     146     display: inline-block;
     147     margin: -5px -4px -5px 0;
     148}
     149
    143150_:-ms-lang(x), .snarkRefresh:link, .snarkRefresh:visited {
    144151     padding-top: 1px !important;
     
    239246
    240247.snarkMessages {
    241      font: bold 8pt "Noto Mono", "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", monospace !important;
     248     font: bold 8pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace !important;
    242249     text-align: left;
    243250     margin: 0 0 10px 0;
     
    345352     color: #323;
    346353     width: 100%;
     354     transform: rotateZ(360deg);
    347355}
    348356
     
    394402
    395403.headerstatus {
    396      text-align: left;
    397      padding-left: 5px;
    398 }
    399 
    400 .headerpriority {
    401      text-align: left;
    402      padding-left: 10px;
     404     text-align: center;
    403405}
    404406
     
    445447     border-spacing: 0;
    446448     border-radius: 4px;
    447      filter: drop-shadow(0 0 1px rgba(16, 8, 16, 0.5));
     449     box-shadow: 0 0 1px 1px rgba(16, 8, 16, 0.5);
    448450}
    449451
     
    455457}
    456458
    457 .snarkTorrents tr, .snarkTorrents td {
     459.snarkTorrents td {
    458460     border-top: 1px solid #202 !important;
    459461}
     
    522524
    523525.snarkTorrentETA, .snarkTorrentUploaded, .snarkTorrentRateDown, .snarkTorrentRateUp {
    524      width: 5%;
     526     width: 4%;
    525527     min-width: 40px;
    526528     white-space: nowrap;
     
    619621}
    620622
    621 .snarkTorrents th:empty + th:empty, .snarkTorrents td:empty + td:empty, .snarkTorrentETA:empty, .snarkTorrentAction:empty {
     623.snarkTorrents th:empty + th:empty, .snarkTorrents td:empty + td:empty, .snarkTorrentETA:empty, .snarkTorrentAction:empty, .snarkTorrentRateDown:empty {
    622624     width: 0 !important;
    623625     min-width: 0 !important;
     
    699701.snarkTorrents tbody tr:hover, .snarkDirInfo tbody tr:hover {
    700702     background: #58165e !important;
    701      background: linear-gradient(to bottom, #58165e 0%, #4a0d56 100%) !important;
    702      border-top: 1px solid #101 !important;
    703      border-bottom: 1px solid #101 !important;
    704 }
    705 
    706 tr:hover .percentBarText  {
     703     background: linear-gradient(to bottom, #58165e, #4a0d56) !important;
     704}
     705
     706tr:hover .percentBarText {
    707707     opacity: 1;
    708708}
     
    710710/* MS Edge fix */
    711711_:-ms-lang(x), .snarkTorrents tbody tr:hover, .snarkDirInfo tbody tr:hover {
    712      box-shadow: none !important;
    713712     background: #58165e !important;
    714713}
     
    730729
    731730.snarkFileName {
    732      padding: 4px 0 0 2px !important;
     731     padding: 4px 0 4px 2px !important;
    733732     text-align: left !important;
    734      font-size: 8pt !important;
    735      white-space: nowrap;
     733     vertical-align: middle;
     734     line-height: 120%;
    736735}
    737736
     
    747746     padding: 2px 5px;
    748747     font-style: italic;
    749      font-size: 8pt;
    750748     text-align: left !important;
    751749     white-space: nowrap;
     
    853851
    854852.snarkDirInfo .snarkFileStatus img {
    855      mix-blend-mode: luminosity;
     853     opacity: 0.75;
     854     vertical-align: top;
     855}
     856
     857.snarkDirInfo tr:hover .snarkFileStatus img {
    856858     opacity: 1;
    857      vertical-align: top;
    858859}
    859860
     
    864865}
    865866
    866 .snarkDirInfo .headerpriority {
    867      text-align: right !important;
    868 }
    869 
    870867#setPriority > * {
    871868     vertical-align: middle;
     
    889886     text-align: right !important;
    890887     width: 110px;
     888     max-width: 110px;
    891889     color: #76a !important;
    892890     white-space: nowrap;
     
    899897
    900898.priorityIndicator img[src*="clock"] {
    901      margin-top: 4px;
     899     margin-top: 3px;
    902900}
    903901
    904902.percentBarOuter {
    905903     background: #000 !important;
    906      background: repeating-linear-gradient(135deg, #000 1px, #000 5px, #101 6px, #101 11px) !important;
     904     background: repeating-linear-gradient(135deg, #000 1px, #000 6px, #101 6px, #101 11px) !important;
    907905     border: 1px solid #414;
    908906     border-bottom: 1px solid #212;
     
    910908     opacity: 0.7;
    911909     box-shadow: 0 0 1px 1px rgba(0,0,0,0.5);
    912      margin: 2px 0 !important;
     910     margin: 0 !important;
    913911}
    914912
     
    918916
    919917.peerinfo .percentBarOuter {
    920      background: repeating-linear-gradient(135deg, #000 1px, #000 5px, #0f0a08 6px, #0f0a08 11px) !important;
     918     background: repeating-linear-gradient(135deg, #000 1px, #000 6px, #0f0a08 6px, #0f0a08 11px) !important;
    921919     height: 16px;
    922920     line-height: 13px;
     
    964962     display: block;
    965963     color: #dd7;
    966      text-shadow: 0 0 1px rgba(0,0,0,0.8);
    967964     opacity: 0;
    968      transition: ease opacity 0.3s 0.5s;
    969965}
    970966
    971967.percentBarText:hover, .percentBarText:focus {
    972968     opacity: 1;
    973      transition: ease opacity 0.3s;
    974969}
    975970
     
    11991194}
    12001195
    1201 th.headerpriority {
    1202      padding: 5px !important;
    1203      text-align: right !important;
    1204 }
    1205 
    12061196th.headerpriority br, .snarkTorrents thead th br {
    12071197     display: none;
     
    19341924
    19351925.debuginfo, .debugConnection, .debugConnStat, .debugRequests {
    1936      font-family: "Noto Mono", "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", monospace !important;
     1926     font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace !important;
    19371927}
    19381928
     
    20562046     text-align: center;
    20572047     padding-bottom: 13px;
    2058      margin: 0 8px 4px;
     2048     margin: -5px 4px 1px;
    20592049}
    20602050
     
    26612651.snarkRefresh:link,.snarkRefresh:visited {
    26622652     background-size: 15px auto, 100% 100% !important;
    2663      background-position: 11px 60%, center center !important;
     2653     background-position: 11px 50%, center center !important;
    26642654     padding: 4px 10px 4px 28px !important;
    26652655     margin-right: -5px !important;
     
    27072697     height: 14px;
    27082698     line-height: 11px;
     2699}
     2700
     2701.snarkTorrentUploaded {
     2702     padding-left: 10px;
    27092703}
    27102704
     
    27732767}
    27742768
     2769.debuginfo td {
     2770     font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace !important;
     2771}
     2772
    27752773.snarknavbar {
    27762774     padding: 17px 10px 16px;
     
    28152813}
    28162814
     2815.snarkTorrentStatus {
     2816     padding-right: 12px !important;
     2817}
     2818
    28172819.snarkTorrentName a:not(old) {
    2818      max-width: none;
     2820     max-width: none;
     2821}
     2822
     2823.snarkTorrentUploaded {
     2824     padding-left: 8px;
    28192825}
    28202826
     
    29012907}
    29022908
     2909@media screen and (min-width: 1600px) {
     2910.snarkTorrentUploaded {
     2911     padding-left: 6px;
     2912}
     2913}
     2914
    29032915/* hidpi devices only */
    29042916
  • installer/resources/themes/snark/vanilla/snark.css

    r017f66a r6acca289  
    88body {
    99     background: #2f231a;
    10      background: repeating-linear-gradient(to bottom, #9F948B 1px, #6F5B4C 1px, #BFA285 3px);
     10     background: repeating-linear-gradient(to bottom, #9f948b 1px, #6f5b4c 1px, #bfa285 3px);
    1111     color: #2f1500;
    1212     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
     
    1515/* preload top navigation mouseovers */
    1616body:not(old) {
    17      background: repeating-linear-gradient(to bottom, #6F5B4C 1px, #9F948B 1px, #BFA285 4px),
     17     background: repeating-linear-gradient(to bottom, #6f5b4c 1px, #9f948b 1px, #bfa285 4px),
    1818     url(images/button_snark_hover.png) no-repeat,
    1919     url(images/button_snark_active.png) no-repeat,
     
    6565.page {
    6666     background: #dfdccb url(images/tile2.png);
    67      background: repeating-linear-gradient(to bottom, #ECEBDD 1px, #EFEBDD 2px, #EBE5D5 5px);
     67     background: repeating-linear-gradient(to bottom, #ecebdd 1px, #efebdd 2px, #ebe5d5 5px);
    6868     color: #310;
    6969     min-width: 900px !important;
     
    9797
    9898th a:visited, td a:visited {
    99      color: #9F0B00 !important;
     99     color: #9f0b00 !important;
    100100}
    101101
     
    107107
    108108th a:active, th a:visited:active, td a:active, td a:visited:active {
    109      color: #FF2F85 !important;
     109     color: #ff2f85 !important;
    110110}
    111111
     
    125125     box-shadow: inset 0 0 0 1px #fff5ef, 0 0 1px 0 #4f3d36;
    126126     background: #efefef;
    127      background: linear-gradient(to bottom, #efefef 49%, #cfc7c2 52%, #cfc7c2 100%);
     127     background: linear-gradient(to bottom, #efefef 50%, #cfc7c2 52%, #cfc7c2 100%);
    128128     min-width: 900px;
    129129     width: 70%;
     
    148148     text-transform: uppercase !important;
    149149     padding: 4px 10px 4px 28px !important;
    150      margin: -5px -4px -5px 0 !important;
     150     margin: -3px -4px -4px 0 !important;
    151151     letter-spacing: 0.08em;
    152152     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
     
    155155     color: #3F271B;
    156156     background: #fff7ef url(images/button_snark.png) 11px center no-repeat;
    157      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);
     157     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);
    158158     background-size: 18px auto, 100% 100%, 100% 100%;
    159159     border-radius: 0;
     
    162162     box-shadow: inset 0 0 0 1px #efe6e0, 0 0 0 1px rgba(77, 69, 62, 0.1);
    163163     border: 1px solid #2f1b0c;
     164     display: inline-block;
    164165}
    165166
     
    189190.snarkRefresh:nth-child(2) {
    190191     background: #fff7ef url(images/button_forum.png) 12px center no-repeat;
    191      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);
     192     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);
    192193     background-size: 17px auto, 100% 100%, 100% 100%;
    193194}
     
    195196.snarkRefresh:nth-child(n+3) {
    196197     background: #fff7ef url(images/button_tracker.png) 12px center no-repeat;
    197      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);
     198     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);
    198199     background-size: 17px auto, 100% 100%, 100% 100%;
    199200}
     
    234235.snarkRefresh:last-child[href="/i2psnark/"] {
    235236     border-radius: 2px;
    236      margin: -5px 0 -2px !important;
     237     margin: -2px 0 -4px !important;
    237238}
    238239
     
    286287
    287288.snarkMessages li::before {
    288      content: '';
     289     content: "";
    289290     display: inline-block;
    290291     background: url(images/bullet.png) left 2px no-repeat;
     
    481482}
    482483
     484.ParentDir img {
     485     filter: sepia(100%) hue-rotate(340deg);
     486}
     487
    483488/* main torrents listing */
    484489
     
    617622}
    618623
    619 .snarkTorrentDownloaded, .peerinfo td:nth-child(4) {
     624.snarkTorrentDownloaded {
    620625     text-align: right !important;
    621626     padding: 2px;
     
    629634.snarkTorrentUploaded, .snarkTorrentRateUp {
    630635     color: #626 !important;
     636}
     637
     638.snarkTorrentUploaded {
     639     padding-left: 10px;
    631640}
    632641
     
    739748
    740749.snarkTorrentEven + .snarkTorrentEven:nth-child(even), .snarkTorrentOdd + .snarkTorrentOdd:nth-child(even) {
    741      background: linear-gradient(to right, #998e88 3px, #E8DFDA 3px);
     750     background: linear-gradient(to right, #998e88 3px, #e8dfda 3px);
    742751}
    743752
    744753.snarkTorrentEven + .snarkTorrentEven:nth-child(odd), .snarkTorrentOdd + .snarkTorrentOdd:nth-child(odd) {
    745      background: linear-gradient(to right, #72665f 3px, #E0D9D5 3px);
     754     background: linear-gradient(to right, #72665f 3px, #e0d9d5 3px);
    746755}
    747756
    748757@media screen and (-webkit-min-device-pixel-ratio:0) { /* chrome fix - gradient otherwise applied to each td */
    749758.snarkTorrentEven + .snarkTorrentEven:nth-child(even), .snarkTorrentOdd + .snarkTorrentOdd:nth-child(even) {
    750      background: #E8DFDA;
     759     background: #e8dfda;
    751760}
    752761
    753762.snarkTorrentEven + .snarkTorrentEven:nth-child(odd), .snarkTorrentOdd + .snarkTorrentOdd:nth-child(odd) {
    754      background: #E0D9D5;
     763     background: #e0d9d5;
    755764}
    756765}
     
    807816}
    808817
    809 .snarkTorrentInfo td {
     818.mainsection .snarkTorrentInfo td {
    810819     text-align: left !important;
    811      padding: 2px 0 1px 1px !important;
    812820     vertical-align: middle !important;
    813821     background: #efe6e0;
     822     padding-top: 3px !important;
     823     padding-bottom: 3px !important;
    814824}
    815825
     
    10241034     color: #919;
    10251035     opacity: 0;
    1026      transition: ease opacity 0.3s 0.5s;
     1036     transition: ease opacity 0.2s;
    10271037     vertical-align: middle;
    10281038}
     
    10321042}
    10331043
     1044@media screen and (-webkit-min-device-pixel-ratio:0) {
     1045.peerinfo .snarkTorrentDownloaded .percentBarText {
     1046     line-height: normal;
     1047}
     1048}
     1049
    10341050.snarkDirInfo .percentBarText {
    10351051     padding: 1px 0;
     
    10381054.percentBarText:hover, .percentBarText:focus {
    10391055     opacity: 0.9;
    1040      transition: ease opacity 0.3s;
     1056     transition: ease opacity 0.2s;
    10411057     filter: none;
     1058}
     1059
     1060.iframed .percentBarText, .iframed .percentBarText:hover, .iframed .percentBarText:focus {
     1061     transition: none;
    10421062}
    10431063
     
    10831103     margin-top: 7px;
    10841104     background: url(images/infocircle.png) left center no-repeat;
    1085      background-size: 16px auto;
     1105     background-size: 14px auto;
    10861106     padding-left: 20px;
    10871107     min-height: 16px;
     
    11261146     border-top: 0;
    11271147     background: #fff7ef;
    1128      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);
     1148     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);
    11291149     color: #444039;
    11301150     box-shadow: 0 0 2px #4d453e, inset 0 0 0 1px #efe6e0;
     
    11411161
    11421162.snarkConfigTitle:active, label.toggleview:active {
    1143      box-shadow:  0 0 2px #4d453e, inset 0 0 0 1px #fff, inset 2px 2px 3px 1px #59513B;
     1163     box-shadow:  0 0 2px #4d453e, inset 0 0 0 1px #fff, inset 2px 2px 3px 1px #59513b;
    11441164}
    11451165
     
    11591179.configsectionpanel .snarkConfigTitle:active, .configsectionpanel .snarkConfigTitle:focus {
    11601180     background: #f2eeed !important;
    1161      background: radial-gradient(circle at left bottom, #F9F8F2, #cfc7c2 400px) !important;
     1181     background: radial-gradient(circle at left bottom, #f9f8f2, #cfc7c2 400px) !important;
    11621182     display: block;
    11631183     margin: 0 -11px !important;
     
    13241344input[type=submit] {
    13251345     color: #2f1500;
    1326      border: 1px solid #4F3927;
     1346     border: 1px solid #4f3927;
    13271347     background-blend-mode: luminosity;
    13281348}
     
    13601380input[type=text]:focus, input[type=text]:focus, input.r:focus, textarea:focus, input[name="nofilter_dataDir"]:focus {
    13611381     background: #fffcdf;
    1362      color: #5f1227;
    13631382     color: #5f1227;
    13641383     text-shadow: none;
     
    20232042#totals {
    20242043     display: inline-block;
    2025      margin: 3px 0 3px 6px;
     2044     margin: 2px 0 2px 6px;
    20262045     font-weight: bold;
    20272046}
     
    21362155td#bwHelp {
    21372156     background: url(images/infocircle.png) left 10px center no-repeat;
    2138      background-size: 16px auto;
    2139      padding-left: 30px !important;
     2157     background-size: 14px auto;
     2158     padding-left: 28px !important;
    21402159     width: 90%;
    21412160     line-height: 100%;
     
    21882207     white-space: nowrap;
    21892208     display: inline-block;
     2209     vertical-align: middle;
    21902210     margin-right: 3px;
    21912211}
     
    23262346}
    23272347
    2328 .snarkCommentInfo td:last-child, .snarkComments td:last-child:not(.commentText:empty) {
    2329      width: 1% !important;
    2330 }
    2331 
    23322348.snarkComments td {
    23332349     white-space: nowrap;
     
    26032619     letter-spacing: 0.1em !important;
    26042620}
    2605 }
     2621
     2622.peerinfo .snarkTorrentDownloaded .percentBarText {
     2623     line-height: normal;
     2624}
     2625}
     2626
    26062627
    26072628@media screen and (min-width: 1000px) {
     
    26442665.snarkTorrentDownloaded .percentBarText {
    26452666     line-height: 17px;
     2667}
     2668
     2669.peerinfo .snarkTorrentDownloaded .percentBarText {
     2670     line-height: 14px;
    26462671}
    26472672}
     
    27102735}
    27112736
     2737.snarkTorrents thead th {
     2738     padding-top: 5px;
     2739     padding-bottom: 5px;
     2740}
     2741
    27122742.snarkGraphicStatus::after {
    27132743     min-height: 22px;
    27142744}
    27152745
    2716 
    27172746.snarkTorrentDownloaded {
    27182747     white-space: nowrap;
     2748}
     2749
     2750.snarkTorrentUploaded {
     2751     padding-left: 5px;
    27192752}
    27202753
     
    27452778.snarkTorrentStatus b, .dirInfoComplete {
    27462779     margin-right: 4px;
     2780}
     2781
     2782.mainsection .snarkTorrentInfo td {
     2783     padding-top: 4px !important;
     2784     padding-bottom: 4px !important;
    27472785}
    27482786
Note: See TracChangeset for help on using the changeset viewer.