Changeset 3d535a22 for installer


Ignore:
Timestamp:
Jun 19, 2017 1:00:50 PM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
4aa4ff7
Parents:
36030ae1
Message:

I2PSnark:

  • Disable JavaScript? td:onclick (handled by css)
  • Fix minimode bug in vanilla/ubergine
  • Minimode for dark/classic
  • ubergine:
    • Further optimizations to reduce lag/cpu load
    • New hidpi details.png to bypass mix-blend mode in .snarkTorrents
  • Usability:
    • Tab navigation now works for toggle panels
    • Touch target for configure button now extends entire length
  • All themes: cleanups and optimizations
Location:
installer/resources/themes/snark
Files:
7 edited

Legend:

Unmodified
Added
Removed
  • installer/resources/themes/snark/classic/snark.css

    r36030ae1 r3d535a22  
    4848
    4949.page {
    50      font-size: 9pt !important;
    5150     line-height: 160% !important;
    5251     min-width: 900px !important;
     
    5453     padding: 10px;
    5554     text-align: center;
    56      opacity: 1;
    57      color: #0c153d;
    5855     border: 1px solid #89f;
    5956     background: #eef;
     
    305302}
    306303
    307 .snarkTorrents th:nth-child(2) {
    308      text-align: left;
     304.snarkTorrents thead th:nth-child(2) {
     305     text-align: center !important;
    309306}
    310307
     
    348345}
    349346
    350 
    351347.snarkTorrentETA, .snarkTorrentUploaded, .snarkTorrentRateDown, .snarkTorrentRateUp {
    352348     width: 5%;
     
    357353.snarkTorrents th:empty + th:empty, .snarkTorrents td:empty + td:empty, .snarkTorrents th:last-child:empty, .snarkTorrents td:last-child:empty {
    358354     width: 0 !important;
    359 }
    360 
    361 pre {
    362      font: 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
    363      font-weight: bold !important;
    364      width: 100%;
    365      height: 8px;
    366      padding: 0;
    367      text-align: left !important;
    368      color: #35f;
    369355}
    370356
     
    375361     border-spacing: 0;
    376362     border-collapse: collapse;
    377      opacity: 1 !important;
    378363     color: #323;
    379364     border: 0;
    380365}
    381366
    382 tr {
    383      opacity: 1;
    384 }
    385 
    386367thead, tfoot {
    387368     background: #fff;
     
    394375tfoot tr:first-child th {
    395376     vertical-align: middle !important;
    396 }
    397 
    398 tfoot tr:nth-child(n+1) {
    399      text-align: left;
    400377}
    401378
     
    432409}
    433410
    434 tfoot img,
    435 tfoot:nth-child(2) img,
    436 tfoot:nth-child(1) img,
    437 tfoot:nth-child(3) img,
    438 tfoot:nth-child(4) img {
    439      margin: 0 2px 3px 0 !important;
    440      padding-right: 0 !important;
    441 }
    442 
    443 /*
    444 tfoot tr:nth-child(n+1) {
    445      text-align: left;
    446 }
    447 */
    448 
    449411.snarkTorrents tfoot tr:first-child {
    450412     line-height: 130%;
     
    491453.snarkTorrents th br {
    492454     display: none;
    493      /* kill double height button display */
    494455}
    495456
     
    544505}
    545506
    546 .snarkTorrents td:nth-child(1) {
    547      width: 24px !important;
    548 }
    549 
    550 .snarkTorrents td:nth-child(3) {
     507.snarkGraphicStatus {
     508     width: 1% !important;
     509}
     510
     511td.snarkTrackerDetails {
    551512     text-align: right !important;
    552513}
     
    812773     font-size: 9pt;
    813774     padding: 2px;
    814      opacity: 1;
    815775     color: #333 !important;
    816 }
    817 
    818 .mainsection td {
    819      color: #111;
    820776}
    821777
     
    848804}
    849805
    850 .snarkTorrentAction img {
    851      opacity: 1;
    852 }
    853 
    854806.snarkTorrentAction img:hover {
    855      opacity: 1;
    856807     box-shadow: 0 0 1px 1px #f90;
    857808}
     
    891842}
    892843
    893 .snarkTorrentstatus {
    894      min-width: 0;
    895 }
    896 
    897844.snarkTorrentStatus {
    898845     text-align: left !important;
     
    11011048}
    11021049
    1103 .priorityIndicator {
    1104 }
    1105 
    11061050/* end download bars */
    11071051
     
    11221066     max-height: 64px;
    11231067     transition: ease all 0.3s;
    1124      margin: 0 0 0 -4px !important;
     1068     margin: -6px 0 -6px -4px !important;
    11251069     filter: none !important;
    11261070}
     
    11401084}
    11411085
    1142 .snarkConfigTitle:hover, label.toggleview:hover {
     1086.snarkConfigTitle:hover, label.toggleview:hover, input.toggle_input:focus + .toggleview {
    11431087     background: linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;
     1088     color: #f60 !important;
     1089}
     1090
     1091input.toggle_input:focus + .toggleview img {
     1092     filter: drop-shadow(0 0 1px #f60);
    11441093}
    11451094
     
    11531102     font-variant: small-caps !important;
    11541103     display: inline-block;
    1155      min-width: 200px;
     1104     min-width: 260px;
    11561105     margin: 0 0 -4px !important;
    11571106     vertical-align: middle;
    1158      padding: 4px 25px;
     1107     padding: 4px 1px;
    11591108     letter-spacing: .08em;
    11601109     border: 1px solid #89f;
     
    11811130}
    11821131
    1183 .configsectionpanel .snarkConfigTitle {
    1184      color: #444;
     1132.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
     1133     color: #444 !important;
    11851134}
    11861135
     
    12311180     margin: 5px 0 7px 0;
    12321181     text-align: center;
    1233      color: #444;
    1234      border: 0 solid #444;
    1235      background: #444;
     1182     color: transparent;
     1183     background: transparent;
    12361184}
    12371185
     
    16141562
    16151563#pagenav a:active img {
    1616      background: linear-gradient(to bottom, #99f 0%, #99f 50%, #66f 51%);
    16171564     background: linear-gradient(to bottom, #ddf 0%, #ddf 50%, #99f 51%);
    1618      box-shadow: inset 2px 2px 3px 1px #333;
     1565     box-shadow: inset 2px 2px 2px 1px #99f;
    16191566}
    16201567
     
    16291576}
    16301577
    1631 div.newtorrentsection td:first-child,
    1632 div.addtorrentsection td:first-child {
     1578.newtorrentsection td:first-child,
     1579.addtorrentsection td:first-child {
    16331580     font-weight: bold;
    16341581     padding-right: 5px;
     
    16371584}
    16381585
    1639 div.newtorrentsection td:first-child,
    1640 div.addtorrentsection td:first-child {
     1586.newtorrentsection td:first-child,
     1587.addtorrentsection td:first-child {
    16411588     width: 120px;
    16421589}
    16431590
    1644 table#trackerselect {
     1591#trackerselect {
    16451592     width: 100% !important;
    16461593     width: calc(100% - 150px) !important;
     
    16941641}
    16951642
    1696 div.configsectionpanel td:first-child {
     1643.configsectionpanel td:first-child {
    16971644     font-weight: bold;
    16981645     padding-right: 10px !important;
     
    19191866}
    19201867
    1921 div.configsection table {
     1868.configsection table {
    19221869     opacity: 1;
    19231870     color: #ffb;
    19241871}
    19251872
    1926 div.configsection a {
     1873.configsection a {
    19271874     font-weight: bold;
    19281875}
    19291876
    1930 div.configsection a:hover {
     1877.configsection a:hover {
    19311878     text-decoration: none;
    19321879     color: #f60;
     
    19671914
    19681915input.toggle_input { /* hide checkbox and use label as faux panel heading */
    1969      display: none;
     1916      position: absolute;
     1917      opacity: 0;
     1918      z-index: -1;
    19701919}
    19711920
     
    20461995}
    20471996
     1997/*
    20481998.debugConnection {
    20491999     color: #030;
     
    20742024}
    20752025
    2076 .debuginfo td {
    2077      line-height: 120% !important;
    2078 }
    2079 
    2080 .debuginfo b {
    2081      text-transform: capitalize;
    2082 }
    2083 
    20842026.from, .to {
    20852027     font-family: sans-serif;
     
    20902032     text-shadow: 0 0 1px #fff;
    20912033}
     2034*/
     2035
     2036.debuginfo td {
     2037     line-height: 120% !important;
     2038}
     2039
     2040.debuginfo b {
     2041     text-transform: capitalize;
     2042}
    20922043
    20932044/* debug panel */
     
    21572108     background: #89f;
    21582109     background: linear-gradient(to right, #89f 40%, #eef);
     2110     color: #efefff;
     2111     border: none;
    21592112}
    21602113
     
    21702123     height: 0;
    21712124     margin-bottom: -5px;
    2172      margin-top: -15px;
     2125     margin-top: -10px;
    21732126}
    21742127
     
    24212374}
    24222375
    2423 .snarkCommentInfo td:last-child, .snarkComments td:last-child {
    2424 /*     width: 1% !important;*/
    2425 }
    2426 
    24272376.snarkComments td {
    24282377     white-space: nowrap;
     
    24322381     background: url(images/author.png) left center no-repeat;
    24332382     padding-left: 20px;
     2383}
     2384
     2385.commentAuthorName:empty {
     2386     display: none;
    24342387}
    24352388
     
    26262579
    26272580#dhtDebugInner {
    2628      margin-top: -24px !important;
     2581     margin-top: -25px !important;
    26292582}
    26302583}
     
    26732626     pointer-events: none; /* hide tooltip */
    26742627}
     2628
     2629.snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
     2630     min-width: 300px;
     2631}
    26752632}
    26762633
     
    26932650}
    26942651
    2695 .snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
    2696      min-width: 240px;
    2697 }
    2698 
    26992652.snarkTorrentStatus b {
    27002653     margin-right: 3px;
     
    27042657     min-width: 220px !important;
    27052658}
    2706 }
     2659
     2660#dhtDebugInner {
     2661     margin-top: -26px !important;
     2662}
     2663}
     2664
     2665/* mini-mode */
     2666
     2667@media screen and (max-width: 800px) {
     2668.page {
     2669     min-width: 680px !important;
     2670}
     2671
     2672.snarknavbar {
     2673     min-width: 688px !important;
     2674}
     2675
     2676th.snarkTorrentStatus a img, .snarkTorrentETA a img, .snarkTrackerDetails a img, img[src$="torrent.png"] {
     2677     display: none !important;
     2678}
     2679
     2680.snarkGraphicStatus {
     2681     max-width: 12px !important;
     2682     padding-left: 3px !important;
     2683}
     2684
     2685.snarkGraphicStatus img {
     2686     max-width: 18px;
     2687}
     2688
     2689.snarkTorrentName a:not(old) {
     2690     max-width: 360px !important;
     2691}
     2692
     2693.snarkTorrents th img {
     2694     max-height: 18px;
     2695}
     2696
     2697.snarkTorrentUploaded, .snarkTorrentRateUp, .peerinfo, .debuginfo, .alwaysShow {
     2698     display: none;
     2699}
     2700
     2701.percentBarText {
     2702     font-size: 8pt !important;
     2703}
     2704
     2705.snarkTorrentDetails {
     2706     padding-left: 8px;
     2707}
     2708
     2709.snarkTorrentStatus, .snarkTorrentETA, .snarkTrackerDetails {
     2710     font-size: 0 !important;
     2711     max-width: 0 !important;
     2712     min-width: 0 !important;
     2713     width: 0 !important;
     2714     padding: 0;
     2715     overflow: hidden;
     2716     color: transparent !important;
     2717}
     2718
     2719.snarkTorrentDetails {
     2720     padding-left: 10px !important;
     2721     padding-right: 5px !important;
     2722}
     2723
     2724#totals {
     2725     margin-left: 2px !important;
     2726}
     2727
     2728.addtorrentsection td:first-child, .newtorrentsection td:first-child {
     2729     width: 20%;
     2730}
     2731
     2732.toggleview, .snarkConfigTitle {
     2733     padding-top: 3px !important;
     2734     padding-bottom: 3px !important;
     2735}
     2736
     2737.snarkConfigTitle {
     2738     margin-bottom: -3px !important;
     2739}
     2740
     2741.toggleview, .snarkConfigTitle, .snarkConfigTitle a {
     2742     font-size: 10pt !important;
     2743}
     2744
     2745.toggleview img, .snarkConfigTitle img {
     2746     height: 12px;
     2747     margin-right: 0 !important;
     2748}
     2749
     2750#configs td:first-child, .configsectionpanel input[name="nofilter_dataDir"], .configsectionpanel textarea {
     2751     min-width: 150px !important;
     2752     max-width: 50%;
     2753}
     2754
     2755.trackerconfig a, .trackerconfig input[type="text"] {
     2756     max-width: 150px !important;
     2757}
     2758
     2759.trackerconfig, form + form > .configsectionpanel, .addtorrentsection tr:last-child, .snarkTorrentInfo tr:nth-child(n+2) {
     2760     display: none;
     2761}
     2762
     2763#trackerselect td a {
     2764     max-width: 200px !important;
     2765}
     2766
     2767.snarkTorrentInfo {
     2768     border-bottom: none !important;
     2769     margin-bottom: -5px !important;
     2770     position: relative;
     2771     z-index: 10;
     2772}
     2773
     2774.snarkTorrentInfo th {
     2775     padding-top: 4px;
     2776     padding-bottom: 4px;
     2777}
     2778
     2779.snarkTorrentInfo th:nth-child(2) {
     2780     padding-left: 5px;
     2781     border-bottom: 1px solid #89f !important;
     2782}
     2783
     2784.snarkDirInfo td.snarkFileStatus {
     2785     font-size: 0 !important;
     2786     text-align: center !important;
     2787}
     2788
     2789.snarkDirInfo td.snarkFileStatus .percentbarText {
     2790     font-size: 7pt !important;
     2791}
     2792
     2793.snarkDirInfo .snarkFileStatus img {
     2794     float: none;
     2795}
     2796
     2797.snarkFileStatus img[src*="clock"] {
     2798     float: left;
     2799}
     2800
     2801th a img {
     2802     max-height: 16px !important;
     2803}
     2804
     2805.snarkTorrentAction input[type="image"] {
     2806     max-height: 8px !important;
     2807     padding: 3px !important;
     2808}
     2809
     2810#configs {
     2811     margin-top: 8px !important;
     2812     border-top: 1px solid #89f !important;
     2813}
     2814
     2815#configs td:last-child {
     2816     white-space: nowrap !important;
     2817}
     2818
     2819#configs #bwhelp, #configs #bwhelp a {
     2820     background: none !important;
     2821     font-size: 0 !important;
     2822     width: 0 !important;
     2823     overflow: hidden;
     2824}
     2825
     2826#configs tr:nth-child(n+16) {
     2827     display: none;
     2828}
     2829
     2830#configs tr:nth-last-child(2) {
     2831     display: table-row !important;
     2832}
     2833
     2834#configs tr {
     2835     border: none !important;
     2836}
     2837
     2838.addtorrentsection input[type="text"], .newtorrentsection input[type="text"] {
     2839     width: 65% !important;
     2840}
     2841
     2842.snarkCommentInfo td:first-child, .snarkComments td:first-child {
     2843     width: 120px !important;
     2844     max-width: 120px !important;
     2845     min-width: 120px !important;
     2846}
     2847
     2848.snarkComments .commentDate {
     2849     width: 70px;
     2850}
     2851
     2852.snarkComments .commentDelete {
     2853     background: none !important;
     2854     padding-left: 0 !important;
     2855}
     2856
     2857#dhtDebugInner {
     2858     margin-top: -19px !important;
     2859}
     2860}
     2861
     2862@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 800px) {
     2863.snarkConfigTitle {
     2864     margin-top: 0 !important;
     2865}
     2866}
     2867
     2868/* end mini-mode */
     2869
    27072870/* end responsive layout */
    27082871
  • installer/resources/themes/snark/dark/snark.css

    r36030ae1 r3d535a22  
    11/* I2PSnark theme "Camo" aka Dark */
    22/* Author: dr|z3d */
     3
     4html {
     5     height: 100%;
     6}
    37
    48body {
     
    610     color: #ee9;
    711     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    8      background: #000;
    9      background: linear-gradient(45deg, rgba(0,0,0,0.5), rgba(0,34,0,0.7)), url(/themes/console/dark/images/camotile2.png) top left;
    10      background-size: 3px 3px, 175px 175px;
     12     background: url(/themes/console/dark/images/camotile2.png) top left;
     13     background-size: 175px 175px;
    1114}
    1215
    1316/* preload top navigation mouseovers */
     17
    1418body {
    15      background: linear-gradient(45deg, rgba(0,0,0,0.5), rgba(0,34,0,0.7)),
     19     background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.7)),
    1620     url(/themes/console/dark/images/camotile2.png) top left,
    1721     url(images/button_snark_hover.png) no-repeat,
     
    2125     url(images/button_forum_hover.png) no-repeat,
    2226     url(images/button_forum_active.png) no-repeat !important;
    23      background-size: 3px 3px, 175px 175px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
     27     background-size: 100% 100%, 175px 175px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
    2428}
    2529
     
    3034
    3135/* preload top navigation mouseovers */
     36
    3237body.iframed {
    3338     background: url(/themes/console/images/transparent.gif),
     
    5055     opacity: 1;
    5156     background: #000;
    52      background: repeating-linear-gradient(135deg, #010 0px, #010 10px, #020 10px, #020 20px, #010 20px) !important;
     57     background: repeating-linear-gradient(135deg, #010, #010 10px, #020 10px, #020 20px, #010 20px);
    5358     box-shadow: inset 0 0 0 1px #000 !important;
    5459}
     
    6166     box-shadow: none;
    6267     background: url(/themes/console/dark/images/camotile2.png) repeat scroll left top #000;
    63      background: linear-gradient(to right, #000 0%, #020 50%, #000 100%);
     68     background: linear-gradient(to right, #000, #020 50%, #000) !important;
    6469}
    6570
     
    9297     padding: 9px 0 8px;
    9398     background: #010 !important;
    94      background-image: linear-gradient(to bottom, #001000 0%, #001900 51%, #000 51%, #000 100%) !important;
     99     background-image: linear-gradient(to bottom, #001000, #001900 51%, #000 51%) !important;
    95100     min-width: 888px;
    96101     text-align: center;
     
    362367}
    363368
    364 tfoot img, tfoot:nth-child(2) img, tfoot:nth-child(1) img, tfoot:nth-child(3) img, tfoot:nth-child(4) img {
    365      margin: 0 2px 3px 0 !important;
    366      padding-right: 0 !important;
    367 }
    368 
    369 tfoot tr:nth-child(n+1) {
    370      text-align: left;
    371 }
    372 
    373369.headerstatus {
    374370     text-align: center;
     
    421417}
    422418
    423 .snarkTorrents th:nth-child(4), .SnarkTorrents th:nth-child(5), .SnarkTorrents th:nth-child(6), .SnarkTorrents th:nth-child(7), .SnarkTorrents th:nth-child(8), .SnarkTorrents th:nth-child(9), .SnarkTorrents th:last-child {
     419#pagenav, th.snarkTorrentETA, th.snarkTorrentDownloaded, th.snarkTorrentUploaded, th.snarkTorrentRateDown, th.snarkTorrentRateUp, th.SnarkTorrentAction {
    424420     text-align: center;
    425421}
     
    10801076}
    10811077
    1082 .snarkConfigTitle, label.toggleview {
     1078.snarkConfigTitle, .toggleview {
    10831079     font-size: 11pt;
    10841080     font-weight: bold;
    1085      padding: 3px 22px 3px 20px;
     1081     padding: 3px 1px 3px 1px;
    10861082     margin: 5px 0 10px 0 !important;
    10871083     letter-spacing: 0.2em;
     
    10951091     display: inline-block;
    10961092     margin: 0 0 -3px !important;
    1097      min-width: 220px;
     1093     min-width: 260px;
    10981094     box-shadow: inset 0 0 0 1px #000;
    10991095}
    11001096
    11011097@media screen and (-webkit-min-device-pixel-ratio:0) {
    1102 .snarkConfigTitle, label.toggleview {
     1098.snarkConfigTitle, .toggleview {
    11031099     font-size: 13pt !important;
    11041100}
     
    11091105}
    11101106
    1111 .snarkConfigTitle a, label.toggleview {
     1107.snarkConfigTitle a, .toggleview {
    11121108     text-shadow: 0 0 1px #000 !important;
    11131109}
     
    11181114}
    11191115
    1120 .snarkConfigTitle:hover, .toggleview:hover {
     1116.snarkConfigTitle:hover, .toggleview:hover, input.toggle_input:focus + .toggleview {
    11211117     background: #000 !important;
    11221118     background: linear-gradient(to bottom, #001000 50%, #000 50%) !important;
     
    11371133}
    11381134
    1139 label.toggleview:active, .snarkConfigTitle a:active {
     1135.toggleview:active, .snarkConfigTitle a:active {
    11401136     color: #f30 !important;
    11411137}
    11421138
    1143 label.toggleview img:hover, label.toggleview:hover img, .snarkConfigTitle a:hover img {
     1139.toggleview img:hover, .toggleview:hover img, .snarkConfigTitle a:hover img {
    11441140     filter: drop-shadow(0 0 1px #f60);
    11451141}
    11461142
    1147 label.toggleview img:active, label.toggleview:active img, .snarkConfigTitle a:active img {
     1143.toggleview img:active, .toggleview:active img, .snarkConfigTitle a:active img {
    11481144     transform: rotate(90deg);
    11491145     transition: ease transform 0.3s 0s;
     
    13161312}
    13171313
    1318 .snarkTorrents thead th:last-child, .snarkTorrents td:last-child {
     1314.snarkTorrentAction {
    13191315     white-space: nowrap;
    13201316}
     
    13241320}
    13251321
    1326 .snarkTorrents th:last-child input[type="image"], .snarkTorrents td:last-child input[type="image"] {
     1322.snarkTorrentAction input[type="image"] {
    13271323     border: 1px solid #000 !important;
    13281324     border: 1px solid #151 !important;
     
    13371333}
    13381334
    1339 .snarkTorrents th:last-child input[type="image"]:hover, .snarkTorrents td:last-child input[type="image"]:hover,
    1340 .snarkTorrents th:last-child input[type="image"]:focus, .snarkTorrents td:last-child input[type="image"]:focus { /* borders on hover only for torrent control buttons, otherwise drop-shadow */
     1335.snarkTorrentAction input[type="image"]:hover, .snarkTorrentAction input[type="image"]:focus {
    13411336     border: 1px solid #f60 !important;
    13421337}
    13431338
    1344 .snarkTorrents th:last-child input[type="image"]:active, .snarkTorrents td:last-child input[type="image"]:active {
     1339.snarkTorrentAction input[type="image"]:active {
    13451340     box-shadow: inset 3px 3px 3px #000;
    13461341     background-blend-mode: luminosity;
     
    16141609}
    16151610
    1616 table#trackerselect {
     1611#trackerselect {
    16171612     border: 1px solid #131;
    16181613     width: 100% !important;
     
    19491944
    19501945input.toggle_input { /* hide checkbox and use label as faux panel heading */
    1951      display: none !important;
    1952 }
    1953 
    1954 label.toggleview:hover {
     1946      position: absolute;
     1947      opacity: 0;
     1948      z-index: -1;
     1949      height: 0 !important;
     1950      width: 0 !important;
     1951}
     1952
     1953.toggleview:hover, input.toggle_input:focus + .toggleview {
    19551954     color: #f60;
    19561955     cursor: pointer;
     
    19881987}
    19891988
    1990 label.toggleview, .snarkConfigTitle a:visited {
     1989.toggleview, .snarkConfigTitle a:visited {
    19911990     color: #7c7;
    19921991}
     
    20272026}
    20282027
     2028/*
    20292029.debugConnection {
    20302030     font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
     
    20582058     color: #cc7;
    20592059}
     2060*/
    20602061
    20612062.dhtdebug th {
     
    22292230}
    22302231
    2231 .knownTracker input[type="radio"], .knownTracker input[type="radio"]:hover, .knownTracker input[type="radio"]:focus {
     2232.knownTracker input[type="radio"], .knownTracker input[type="radio"][disabled], .knownTracker input[type="radio"]:hover, .knownTracker input[type="radio"]:focus {
    22322233     opacity: 0.3;
    22332234     cursor: default;
    2234      filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%) !important;
    22352235}
    22362236
    22372237.knownTracker input[type="radio"]:checked, .knownTracker input[type="radio"]:checked:hover {
    22382238     opacity: 0.5;
     2239}
     2240
     2241.knownTracker input[type="radio"][disabled], .knownTracker input[type="radio"][disabled]:hover {
     2242     opacity: 0.1 !important;
    22392243}
    22402244
     
    23582362     border-radius: 1px;
    23592363     font-size: 14pt;
    2360      color: #69EF68;
     2364     color: #69ef68;
    23612365     line-height: 80%;
    23622366     font-family: sans-serif;
     
    24072411     transform: scale(0.8);
    24082412}
     2413
     2414input.toggle_input, input.toggle_input:checked { /* hide checkbox and use label as faux panel heading */
     2415      position: absolute;
     2416      height: 0 !important;
     2417      width: 0 !important;
     2418}
    24092419}
    24102420
     
    26682678
    26692679@media screen and (max-width: 1200px) {
    2670 .snarkConfigtitle, .snarkConfigTitle a, label.toggleview {
     2680.snarkConfigtitle, .snarkConfigTitle a, .toggleview {
    26712681     font-size: 11pt !important;
    26722682}
     
    27562766}
    27572767
    2758 .snarkConfigtitle, .snarkConfigTitle a, label.toggleview {
     2768.snarkConfigtitle, .snarkConfigTitle a, .toggleview {
    27592769     font-size: 12pt !important;
    27602770}
     
    27952805}
    27962806
    2797 .snarkConfigTitle, .snarkConfigTitle a, label.toggleview {
     2807.snarkConfigTitle, .snarkConfigTitle a, .toggleview {
    27982808     font-size: 12pt !important;
    27992809}
    28002810
    2801 .snarkConfigTitle, label.toggleview {
    2802      min-width: 240px !important;
     2811.snarkConfigTitle, .toggleview {
     2812     min-width: 300px !important;
    28032813     padding-top: 4px;
    28042814}
    28052815
    2806 label.toggleview {
     2816.toggleview {
    28072817     padding-bottom: 5px;
    28082818}
     
    28262836}
    28272837
    2828 .snarkTorrents td:nth-child(3), .SnarkTorrents td:nth-child(4) {
    2829      width: 18px !important;
     2838.snarkTrackerDetails, .SnarkTorrentDetails {
     2839     width: 1% !important;
    28302840}
    28312841
     
    28412851     padding: 10px;
    28422852     border: 1px solid #494;
    2843      background: #001900;
    2844      background: linear-gradient(to bottom, #001900, #010);
    28452853     box-shadow: inset 0 0 0 1px #000, inset 0 0 7px 3px #002900;
    28462854}
     
    28822890}
    28832891
     2892/* mini-mode */
     2893
     2894@media screen and (max-width: 800px) {
     2895.page {
     2896     min-width: 650px !important;
     2897}
     2898
     2899.snarknavbar {
     2900     min-width: 648px !important;
     2901}
     2902
     2903th.snarkTorrentStatus a img, .snarkTorrentETA a img, .snarkTrackerDetails a img, img[src$="torrent.png"] {
     2904     display: none !important;
     2905}
     2906
     2907.snarkGraphicStatus {
     2908     max-width: 12px !important;
     2909     padding-left: 3px !important;
     2910}
     2911
     2912.snarkGraphicStatus img {
     2913     max-width: 18px;
     2914}
     2915
     2916.snarkTorrentName a:not(old) {
     2917     max-width: 360px !important;
     2918}
     2919
     2920.snarkTorrents th img {
     2921     max-height: 18px;
     2922}
     2923
     2924.snarkTorrentUploaded, .snarkTorrentRateUp, .peerinfo, .debuginfo, .alwaysShow {
     2925     display: none !important;
     2926}
     2927
     2928.percentBarText {
     2929     font-size: 8pt !important;
     2930}
     2931
     2932.snarkTorrentDetails {
     2933     padding-left: 8px;
     2934}
     2935
     2936.snarkTorrents td.snarkTorrentStatus, .snarkTorrentETA, .snarkTrackerDetails {
     2937     font-size: 0 !important;
     2938     max-width: 0 !important;
     2939     min-width: 0 !important;
     2940     width: 0 !important;
     2941     padding: 0;
     2942     overflow: hidden;
     2943     color: transparent !important;
     2944}
     2945
     2946.snarkTorrentDetails {
     2947     padding-left: 3px !important;
     2948}
     2949
     2950#totals {
     2951     margin-left: 2px !important;
     2952}
     2953
     2954.addtorrentsection td:first-child, .newtorrentsection td:first-child {
     2955     width: 20%;
     2956}
     2957
     2958.toggleview, .snarkConfigTitle, .snarkConfigTitle a {
     2959     font-size: 10pt !important;
     2960}
     2961
     2962.toggleview img, .snarkConfigTitle img {
     2963     height: 12px;
     2964     margin-right: 0 !important;
     2965}
     2966
     2967#configs td:first-child, .configsectionpanel input[name="nofilter_dataDir"], .configsectionpanel textarea {
     2968     min-width: 150px !important;
     2969}
     2970
     2971.trackerconfig a, .trackerconfig input[type="text"] {
     2972     max-width: 150px !important;
     2973}
     2974
     2975.trackerconfig, form + form > .configsectionpanel, .addtorrentsection tr:last-child, .snarkTorrentInfo tr:nth-child(n+2) {
     2976     display: none;
     2977}
     2978
     2979#trackerselect td a {
     2980     max-width: 200px !important;
     2981}
     2982
     2983.snarkTorrentInfo {
     2984     border-bottom: none !important;
     2985     margin-bottom: -11px !important;
     2986     position: relative;
     2987     z-index: 10;
     2988}
     2989
     2990.snarkTorrentInfo th {
     2991     padding-top: 4px;
     2992     padding-bottom: 4px;
     2993}
     2994
     2995.snarkTorrentInfo th:nth-child(2) {
     2996     padding-left: 5px;
     2997     border-bottom: 1px solid #494 !important;
     2998}
     2999
     3000.snarkDirInfo td.snarkFileStatus {
     3001     font-size: 0 !important;
     3002     text-align: center !important;
     3003}
     3004
     3005.snarkDirInfo td.snarkFileStatus .percentbarText {
     3006     font-size: 7pt !important;
     3007}
     3008
     3009.snarkDirInfo .snarkFileStatus img {
     3010     float: none;
     3011}
     3012
     3013.snarkFileStatus img[src*="clock"] {
     3014     float: left;
     3015}
     3016
     3017th a img {
     3018     max-height: 16px !important;
     3019}
     3020
     3021.snarkTorrentAction input[type="image"] {
     3022     max-height: 8px !important;
     3023     padding: 3px !important;
     3024}
     3025
     3026#configs {
     3027     margin-top: 8px !important;
     3028}
     3029
     3030#configs #bwhelp {
     3031     background: none !important;
     3032     font-size: 0 !important;
     3033}
     3034
     3035#configs tr:nth-child(n+16) {
     3036     display: none;
     3037}
     3038
     3039#configs tr:nth-last-child(2) {
     3040     display: table-row !important;
     3041}
     3042
     3043#configs tr {
     3044     border: none !important;
     3045}
     3046
     3047.addtorrentsection input[type="text"], .newtorrentsection input[type="text"] {
     3048     width: 65% !important;
     3049}
     3050
     3051.snarkCommentInfo td:first-child, .snarkComments td:first-child {
     3052     width: 120px !important;
     3053     max-width: 120px !important;
     3054     min-width: 120px !important;
     3055}
     3056
     3057.snarkComments .commentDate {
     3058     width: 70px;
     3059}
     3060
     3061.snarkComments .commentDelete {
     3062     background: none !important;
     3063     padding-left: 0 !important;
     3064}
     3065
     3066#dhtDebugInner {
     3067     margin-top: -20px !important;
     3068}
     3069}
     3070
     3071/* end mini-mode */
     3072
    28843073/* end responsive layout */
    28853074
  • installer/resources/themes/snark/light/snark.css

    r36030ae1 r3d535a22  
    2121     url(images/button_forum_hover.png) no-repeat,
    2222     url(images/button_forum_active.png) no-repeat, #a4a4cb;
     23     background-size: 32px 32px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    2324}
    2425
     
    4849}
    4950
    50 a:focus img, input[type="image"]:focus, a.control:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus, input[type="text"]:focus, input.r:focus, input[name="nofilter_dataDir"]:focus, textarea:focus {
     51a:focus img, input[type="image"]:focus, a.control:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus,
     52input[type="text"]:focus, input.r:focus, input[name="nofilter_dataDir"]:focus, textarea:focus {
    5153     filter: drop-shadow(0 0 1px #6f072b) !important;
    5254}
     
    345347}
    346348
    347 tfoot img, tfoot:nth-child(2) img, tfoot:nth-child(1) img, tfoot:nth-child(3) img, tfoot:nth-child(4) img {
    348      margin: 0 2px 3px 0 !important;
    349      padding-right: 0 !important;
    350 }
    351 
    352 tfoot tr:nth-child(n+1) {
    353      text-align: left;
    354 }
    355 
    356349#pagenav {
    357350     font-size: 8.5pt;
     
    377370
    378371#pagenav a:active img {
    379      background: #f60;
    380372     box-shadow: inset 3px 3px 3px #333;
    381373     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #333;
     374     filter: none;
    382375}
    383376
     
    826819}
    827820
    828 .snarkConfigTitle:hover, .toggleview:hover {
     821.snarkConfigTitle:hover, .toggleview:hover, input.toggle_input:focus + .toggleview {
    829822     background: linear-gradient(to bottom, #fcfaf7 50%, #ffe8bf 50%, #efd9b3 100%);
    830823}
     
    832825.snarkConfigTitle a {
    833826     font-size: 11pt !important;
     827     display: inline-block;
     828     width: 100%;
    834829}
    835830
     
    838833}
    839834
    840 .snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover {
     835.snarkConfigTitle, .toggleview, .configsectionpanel .snarkConfigTitle:hover {
    841836     font-size: 11pt;
    842837     font-weight: bold;
     
    851846     box-shadow: 0 1px 2px #ddd;
    852847     display: inline-block;
    853      min-width: 220px;
     848     min-width: 260px;
    854849     color: #559 !important;
    855850}
     
    860855
    861856@media screen and (-webkit-min-device-pixel-ratio:0) {
    862 .snarkConfigTitle, .snarkConfigTitle a, label.toggleview,
     857.snarkConfigTitle, .snarkConfigTitle a, .toggleview,
    863858.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
    864859     font-size: 14pt !important;
     
    871866}
    872867
    873 .snarkConfigTitle a:hover, .toggleview:hover {
     868.snarkConfigTitle a:hover, .snarkConfigTitle a:focus, .toggleview:hover, input.toggle_input:focus + .toggleview {
    874869     color: #f60 !important;
    875870     cursor: pointer;
     
    886881}
    887882
    888 .snarkConfigTitle:hover img, .toggleview:hover img {
    889      filter: drop-shadow(0 0 1px #f60);
     883.snarkConfigTitle:hover img, .toggleview:hover img, input.toggle_input:focus + .toggleview img, .snarkConfigTitle a:focus img {
     884     filter: drop-shadow(0 0 1px #f60) !important;
    890885}
    891886
     
    14891484
    14901485input.toggle_input { /* hide checkbox and use label as faux panel heading */
    1491      display: none;
     1486      position: absolute;
     1487      opacity: 0;
     1488      z-index: -1;
     1489      height: 0 !important;
     1490      width: 0 !important;
    14921491}
    14931492
     
    16051604     background: #efefff;
    16061605     box-shadow: inset 0 0 0 1px #fff, 0 0 1px 0 rgba(160,160,160,0.5);
    1607      margin: -26px 0 -12px;
     1606     margin: -19px 0 -12px;
    16081607}
    16091608
     
    16431642     height: 2px;
    16441643     border-bottom: 1px solid #fff;
     1644}
     1645
     1646@media screen and (-webkit-min-device-pixel-ratio:0) {
     1647hr.debug {
     1648     height: 1px;
     1649}
    16451650}
    16461651
     
    16591664hr.debug:last-child {
    16601665     background: transparent;
    1661      margin-bottom: -4px;
     1666     border: none;
     1667     height: 0;
     1668     margin-bottom: -8px;
    16621669}
    16631670
     
    21452152}
    21462153
    2147 .snarkConfigTitle a, .snarkConfigTitle, label.toggleview {
     2154.snarkConfigTitle a, .snarkConfigTitle, .toggleview {
    21482155     font-size: 10pt !important;
    21492156}
     
    21852192
    21862193@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1000px) {
    2187 .snarkConfigTitle a, label.toggleview, .configsectionpanel .snarkConfigTitle {
     2194.snarkConfigTitle a, .toggleview, .configsectionpanel .snarkConfigTitle {
    21882195     font-size: 12pt !important;
    21892196}
     
    22082215}
    22092216
    2210 @media screen and (max-width: 1400px) {
     2217@media screen and (min-width: 1000px) {
    22112218#dhtDebugInner {
    2212     margin-top: -22px !important;
     2219    margin-top: -21px !important;
    22132220}
    22142221}
     
    22682275}
    22692276
    2270 .snarkConfigTitle, .snarkConfigTitle a, label.toggleview {
     2277.snarkConfigTitle, .snarkConfigTitle a, .toggleview {
    22712278     font-size: 12pt !important;
    22722279}
     
    22802287}
    22812288
    2282 .snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
     2289.snarkConfigTitle, .toggleview, .configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
    22832290     font-size: 12pt !important;
    2284      padding: 4px 15px !important;
     2291     padding: 4px 1px !important;
     2292     min-width: 300px;
    22852293}
    22862294
     
    22972305}
    22982306
    2299 .snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
    2300      min-width: 240px;
     2307#dhtDebugInner {
     2308    margin-top: -25px !important;
    23012309}
    23022310
     
    23072315     padding-bottom: 4px !important;
    23082316}
    2309 
     2317/*
    23102318.debugConnection {
    23112319     background: #337;
     
    23182326     display: inline-block;
    23192327}
     2328*/
    23202329}
    23212330
    23222331@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1400px) {
    2323 .snarkConfigTitle a, label.toggleview,
     2332.snarkConfigTitle a, .toggleview,
    23242333.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
    23252334     font-size: 14pt !important;
    2326      padding: 3px 15px 4px !important;
     2335     padding: 3px 1px 4px !important;
     2336     min-width: 300px;
    23272337}
    23282338}
  • installer/resources/themes/snark/midnight/snark.css

    r36030ae1 r3d535a22  
    10991099}
    11001100
    1101 .snarkConfigTitle, label.toggleview {
     1101.snarkConfigTitle, .toggleview {
    11021102     font-size: 10pt;
    11031103     font-weight: bold;
    11041104     font-variant: small-caps !important;
    11051105     display: inline-block;
    1106      min-width: 200px;
     1106     min-width: 260px;
    11071107     margin: -1px 0 -5px 0;
    1108      padding: 3px 25px 3px 22px;
     1108     padding: 3px 1px 3px 1px;
    11091109     text-align: center !important;
    11101110     letter-spacing: .15em;
     
    11161116}
    11171117
    1118 .snarkConfigTitle:hover, label.toggleview:hover {
     1118.snarkConfigTitle:hover, .toggleview:hover, input.toggle_input:focus + .toggleview {
    11191119     background: #002 !important;
    11201120     background: linear-gradient(to bottom, #004 50%, #002 50%) !important;
    11211121}
    11221122
    1123 .snarkConfigTitle:active, label.toggleview:active {
     1123.snarkConfigTitle:active, .toggleview:active {
    11241124     background: #003 !important;
    11251125     background: linear-gradient(to bottom, #004 50%, #002 50%) !important;
     
    11801180}
    11811181
    1182 .snarkConfigTitle img, label.toggleview img {
     1182.snarkConfigTitle img, .toggleview img {
    11831183     margin-right: -2px;
    11841184     margin-top: -1px;
     
    19481948
    19491949input.toggle_input {
    1950      display: none;
    1951 }
    1952 
    1953 label.toggleview:hover {
     1950      position: absolute;
     1951      opacity: 0;
     1952      z-index: -1;
     1953      height: 0 !important;
     1954      width: 0 !important;
     1955}
     1956
     1957.toggleview:hover, .toggleview:hover, input.toggle_input:focus + .toggleview, .snarkConfigTitle a:focus, .snarkConfigTitle a:visited:focus {
    19541958     cursor: pointer;
     1959     color: #652787 !important;
    19551960}
    19561961
     
    19921997}
    19931998
    1994 label.toggleview, .snarkConfigTitle a, .snarkConfigTitle a:visited {
     1999.toggleview, .snarkConfigTitle a, .snarkConfigTitle a:visited {
    19952000     color: #7972d1 !important;
    19962001}
     
    25602565}
    25612566
    2562 .snarkTorrentStatus, .snarkTorrentUploaded, .snarkTorrentRateUp, tfoot .snarkTorrentAction {
     2567.snarkTorrentStatus, .snarkTorrentUploaded, .snarkTorrentRateUp, tfoot .snarkTorrentAction, .peerinfo, .debuginfo {
    25632568     display: none;
    25642569}
     
    27162721}
    27172722
    2718 .snarkConfigTitle, .snarkConfigTitle a, label.toggleview, .snarkNav:link {
     2723.snarkConfigTitle, .snarkConfigTitle a, .toggleview, .snarkNav:link {
    27192724     font-size: 11pt !important;
    27202725}
     
    27462751}
    27472752
    2748 .snarkConfigTitle, .toggleview {
    2749      padding: 4px 25px 4px 22px;
    2750 }
    2751 
    2752 .snarkConfigTitle, .snarkConfigTitle a, label.toggleview {
     2753.snarkConfigTitle, .snarkConfigTitle a, .toggleview {
    27532754     font-size: 12.5pt !important;
    27542755}
     
    27632764}
    27642765
    2765 .snarkConfigTitle, label.toggleview {
    2766      min-width: 240px !important;
     2766.snarkConfigTitle, .toggleview {
     2767     min-width: 300px !important;
    27672768}
    27682769
  • installer/resources/themes/snark/ubergine/snark.css

    r36030ae1 r3d535a22  
    33/* Author: dr|z3d */
    44
    5 html {
    6      min-height: 100%;
    7 }
    8 
    95body {
    10      background: #130313 url(images/graytile.png) scroll left top / 96px 96px;
    11      background-size: 100% 100%, 96px 96px;
    12      color: #fff;
     6     background: #130313 url(images/graytile.png) fixed left top / 96px 96px;
     7     color: #ddd;
    138     font: 8pt "DejaVu Sans", Verdana, "Noto Sans", Ubuntu, Helvetica, sans-serif;
    149}
     
    1712
    1813body:not(old) {
    19      background: linear-gradient(to bottom, rgba(64,0,64,0.2), rgba(11,0,11,0.1), rgba(11,0,11,0.2)),
    20      repeating-linear-gradient(135deg, rgba(32,0,32,0.5) 2px, rgba(16, 0, 16, 0.3) 3px, rgba(32,0,32,0.5) 5px),
     14     background: url(images/graytile.png) left top,
    2115     url(images/button_snark_hover.png) top center no-repeat,
    2216     url(images/button_snark_active.png) top center no-repeat,
     
    2519     url(images/button_forum_hover.png) top center no-repeat,
    2620     url(images/button_forum_active.png) no-repeat #130313 !important;
    27      background-size: 100% 100%, 100% 100%, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
     21     background-size: 96px 96px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
    2822}
    2923
    3024body.iframed {
    31      background: transparent url(themes/console/images/transparent.gif) !important;
     25     background: transparent url(/themes/console/images/transparent.gif) !important;
    3226     margin: 0 !important;
    3327}
     
    4640.page {
    4741     background: #323 url(images/tile2.png);
    48      background: linear-gradient(to right, rgba(30,0,30,0.4) 0%, rgba(55,0,55,0.5) 50%, rgba(30,0,30,0.4) 100%), url(images/tile2.png);
    49      color: #310;
     42     background: repeating-linear-gradient(to bottom, #1f081f 1px, #2b172f 1px, #1f081f 3px);
    5043     margin: 5px 0 0 0;
    51      padding: 10px 10px 0 10px;
     44     padding: 10px 10px 0;
    5245     border-radius: 4px;
    5346     border: 1px solid #101;
    54      font-size: 8pt !important;
    55      line-height: 160% !important;
    56      text-align: center;
    57      opacity: 1;
    5847     box-shadow: inset 0 0 3px 0 #101, 0 0 2px 3px rgba(0,0,0,0.4);
    5948}
     
    6554     box-shadow: none;
    6655     padding: 0 0;
    67      filter: none;
    6856}
    6957
     
    9381     background: #101 url(images/snarktopnav.png) repeat-x scroll center center;
    9482     background: linear-gradient(to bottom, #522852 0%, #4a2449 11%, #321831 33%, #281428 51%, #1c0e1c 52%, #101 54%, #101 100%);
    95      text-transform: uppercase !important;
    96      font-weight: bold;
    97      color: #001;
    9883     min-width: 600px;
    9984     width: 70%;
     
    121106
    122107.snarkNav:link, .snarkNav:visited {
     108     display: inline-block;
    123109     text-decoration: none !important;
    124110     text-transform: uppercase !important;
    125111     text-shadow: 0 0 1px #000;
    126112     padding: 5px 12px 5px 29px !important;
    127      margin-right: -4px !important;
     113     margin: -5px -4px -5px 0;
    128114     letter-spacing: 0.11em;
    129115     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, sans-serif;
     
    141127}
    142128
    143 /* Arabic fix */
    144 .snarkNav {
    145      display: inline-block;
    146      margin: -5px -4px -5px 0;
    147 }
    148 
    149129_:-ms-lang(x), .snarkNav:link, .snarkNav:visited {
    150130     padding-top: 1px !important;
     
    178158     text-shadow: none;
    179159     border: 1px solid #730;
    180      box-shadow: 0 0 1px 0 #000, inset 0 0 0 1px #000, inset 3px 3px 3px 1px #3F1900 !important;
     160     box-shadow: 0 0 1px 0 #000, inset 0 0 0 1px #000, inset 3px 3px 3px 1px #3f1900 !important;
    181161}
    182162
     
    215195     background: #310 url(images/button_forum.png) 11px center no-repeat;
    216196     background: url(images/button_forum.png) 11px center no-repeat, linear-gradient(to bottom, #a68058 1%, #7a6045 27%, #5e4730 50%, #2e1700 51%, #1f0f00 100%);
    217      background-size: 16px auto, 100% 100%;
    218197}
    219198
     
    221200     background: #707 url(images/button_forum_hover.png) 11px center no-repeat;
    222201     background: url(images/button_forum_hover.png) 11px center no-repeat, linear-gradient(to bottom, #a15b73 0%, #7e4062 50%, #591c3e 51%, #46133e 100%);
    223      background-size: 16px auto, 100% 100%;
    224202     color: #d2baff !important;
    225203}
     
    227205.nav_forum:link:active {
    228206     background: #f60 url(images/button_forum_active.png) 11px center no-repeat;
    229      background-size: 16px auto, 100% 100%;
    230207     color: #fff !important;
    231208}
     
    259236     background: url(images/hat.png) no-repeat scroll right center, linear-gradient(to bottom, #2a192a 0%, #202 100%);
    260237     background-size: 80px auto, 100% 100%;
    261      box-shadow: inset 0 0 3px 1px rgba(16, 0, 16, 0.6);
     238     box-shadow: inset 0 0 3px 1px rgba(16, 0, 16, 0.6), 0 0 1px 1px rgba(16, 8, 16, 0.3);
    262239     outline: none;
    263      filter: drop-shadow(0 0 1px rgba(16, 8, 16, 0.5));
    264240}
    265241
     
    336312/* end screenlogger */
    337313
     314/*
    338315pre {
    339316     width: 100%;
     
    343320     height: 8px;
    344321     color: #35f;
    345      font-weight: bold !important;
    346 }
     322     font-weight: bold !important;
     323}
     324*/
    347325
    348326table {
     
    360338}
    361339
    362 thead, .snarkTorrentInfo th {
     340thead th, .snarkTorrentInfo th {
    363341     background: linear-gradient(to bottom, #202 0%, #101 100%);
    364342     border-top: 1px solid #101 !important;
     
    385363}
    386364
    387 th:first-child img {
    388      margin: 1px 1px 3px 3px !important;
    389 }
    390 
    391 th:nth-child(2) img {
    392      margin: 1px 7px 3px 2px !important;
    393 }
    394 
    395 tfoot img, tfoot:nth-child(2) img, tfoot:nth-child(1) img, tfoot:nth-child(3) img, tfoot:nth-child(4) img {
    396      margin: 0 2px 3px 0 !important;
    397      padding-right: 0 !important;
    398 }
    399 
    400 tfoot tr:nth-child(n+1) {
    401      text-align: left;
    402 }
    403 
    404365.headerstatus {
    405366     text-align: center;
     
    407368
    408369.ParentDir {
    409      background: #656;
    410370     background: #351933;
    411371     border: 1px solid #101 !important;
     
    448408     border-spacing: 0;
    449409     border-radius: 4px;
    450      box-shadow: 0 0 1px 1px rgba(16, 8, 16, 0.5);
     410     box-shadow: 0 0 1px 1px rgba(16, 8, 16, 0.3);
    451411}
    452412
     
    462422}
    463423
     424.snarkTorrents tr:first-child td {
     425     padding-top: 3px !important;
     426}
     427
    464428.snarkTorrents thead th {
    465429     border-top: 1px solid transparent !important;
     
    467431
    468432.snarkTorrents thead th  {
    469      padding: 2px;
    470      background-clip: padding-box;
     433     padding-top: 3px;
     434     padding-bottom: 6px;
    471435     border-bottom: 1px solid #313;
    472      border-bottom: 1px solid rgba(51, 17, 51, 0.8);
    473 }
    474 
    475 .snarkTorrents thead th:nth-child(-n+3) {
    476      max-width: 45px;
     436     vertical-align: middle;
     437}
     438
     439.snarkTorrents thead th:nth-child(2) img {
     440     margin-bottom: 3px;
    477441}
    478442
     
    537501     color: #dd7 !important;
    538502     line-height: 120%;
     503     text-align: center !important;
    539504}
    540505
     
    565530.snarkTorrentAction img {
    566531     margin: 0 2px !important;
    567      opacity: 0.6;
    568532}
    569533
    570534.snarkTorrentAction img:hover {
    571535     box-shadow: 0 0 1px 1px #f90;
    572      opacity: 1;
    573536}
    574537
     
    588551     vertical-align: middle;
    589552     border-top: 1px solid #313;
    590      border-bottom: 1px solid rgba(51, 17, 51, 0.8);
    591 }
    592 
    593 .snarkTorrents tfoot th:nth-child(even) {
    594      background: #120012;
    595 }
    596 
    597 .snarkTorrents thead th:nth-last-child(4), .snarkTorrents tfoot th:nth-last-child(4) {
    598      text-align: center;
    599 }
    600 
    601 .snarkTorrents thead th:nth-last-child(4), .snarkTorrents tfoot th:nth-last-child(4) {
    602      text-align: right;
    603 }
    604 
    605 .snarkTorrents tfoot th:nth-child(n+2) {
    606      text-align: right;
    607 }
    608 
    609 .peerinfo td:nth-child(3), .peerinfo td:nth-child(4) {
    610      padding: 2px 4px;
    611553}
    612554
    613555.snarkTorrents tt {
    614      font-family: "Noto Mono", "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
     556     font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    615557     color: #cc0;
    616558     font-weight: bold;
     
    642584     padding: 2px 4px;
    643585     color: #ddd !important;
    644      opacity: 1;
    645586     font-size: 8pt;
    646587}
     
    652593td:first-child {
    653594     text-align: right;
    654      font-size: 8pt;
    655 }
    656 
    657 img[src$="details.png"] {
    658      mix-blend-mode: luminosity;
    659 }
    660 
    661 a img[src$="details.png"]:hover, a:focus img[src$="details.png"] {
    662      mix-blend-mode: initial !important;
     595}
     596
     597.snarkTrackerDetails img {
     598     width: 16px;
     599     height: 16px;
     600     opacity: 0.75;
     601}
     602
     603.snarkTrackerDetails a img:hover, .snarkTrackerDetails a img:focus {
     604     opacity: 1;
    663605}
    664606
    665607.snarkTorrentOdd {
    666608     background: #351933;
    667      font-size: 8pt;
    668609}
    669610
    670611.snarkTorrentEven {
    671      font-size: 8pt;
    672612     background: #270027;
    673613}
     
    695635}
    696636
    697 .snarkTorrentEven + .snarkTorrentEven td:nth-child(2), .snarkTorrentOdd + .snarkTorrentOdd td:nth-child(2) {
    698      text-align: left;
    699      padding-left: 0;
    700      color: #ffdfff !important;
    701 }
    702 
    703 .snarkTorrentEven + .snarkTorrentEven td:nth-child(4), .snarkTorrentOdd + .snarkTorrentOdd td:nth-child(4) {
    704      text-align: right !important;
    705      font-weight: bold;
    706 }
    707 
    708 .snarkTorrentEven + .snarkTorrentEven td:nth-child(n+5), .snarkTorrentOdd + .snarkTorrentOdd td:nth-child(n+5) {
    709      text-align: right !important;
     637.peerinfo td[colspan="4"], .debuginfo td[colspan="10"] {
     638     padding-left: 0 !important;
     639     line-height: 120% !important;
    710640}
    711641
     
    717647tr:hover .percentBarText {
    718648     opacity: 1;
    719      text-shadow: 0 1px 1px rgba(0,0,0,0.8);
     649     text-shadow: 0 1px 1px #313;
    720650}
    721651
     
    723653_:-ms-lang(x), .snarkTorrents tbody tr:hover, .snarkDirInfo tbody tr:hover {
    724654     background: #58165e !important;
    725 }
    726 
    727 .snarkTorrents tbody tr:hover .snarkTorrentName, .snarkDirInfo tbody tr:hover td .snarkFileName {
    728      color: #fff !important;
    729655}
    730656
     
    779705}
    780706
    781 .snarkTorrentInfo img:nth-child(n+2) {
    782      margin-left: 8px !important;
    783 }
    784 
    785707.snarkTorrentInfo th {
    786708     text-align: left;
     
    893815.snarkTorrentDownloaded {
    894816     text-align: right !important;
    895      width: 110px;
    896      max-width: 110px;
     817     width: 108px;
     818     max-width: 108px;
    897819     color: #76a !important;
    898820     white-space: nowrap;
     
    919841}
    920842
    921 .snarkTorrentDownloaded .percentBarOuter {
    922      margin-left: 5px !important;
    923 }
    924 
    925843.peerinfo .percentBarOuter {
    926844     background: repeating-linear-gradient(135deg, #000 1px, #000 6px, #0f0a08 6px, #0f0a08 11px) !important;
    927845     height: 16px;
    928846     line-height: 13px;
     847     display: inline-block;
    929848}
    930849
     
    959878}
    960879
    961 .peerinfo .percentBarOuter {
    962      float: right;
     880.peerinfo .snarkTorrentDownloaded {
     881     text-align: right !important;
    963882}
    964883
     
    990909
    991910.unchoked {
    992      color: #00f000 !important;
    993911     color: #34CF19 !important;
    994912}
     
    1024942}
    1025943
    1026 table#trackerselect {
     944#trackerselect {
    1027945     width: 100% !important;
    1028946}
     
    1061979}
    1062980
    1063 .toggleview, .snarkConfigTitle, .snarknavbar, img, input[type="image"], label {
    1064      -moz-user-select: none;
    1065      -webkit-user-select: none;
    1066      user-select: none;
    1067 }
    1068 
    1069 .snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active {
    1070      font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, sans-serif;
    1071      font-size: 12pt;
    1072      font-weight: bold;
    1073      padding: 4px 18px 3px;
    1074      margin: 5px 0 10px 0 !important;
    1075      border: 1px solid #101;
    1076      border-top: none;
    1077      border-radius: 0;
    1078      background: #101 url(images/snarknav.png) repeat-x scroll center center;
    1079      background: linear-gradient(to bottom, #4a3d49 0%, #3d303d 50%, #0d000d 50%, #0d000d 100%);
    1080      font-variant: small-caps !important;
    1081      letter-spacing: 0.15em;
    1082      filter: drop-shadow(0 1px 1px rgba(16, 0, 16, 0.5));
    1083      color: #f7e3fc;
    1084      text-shadow: 0 0 1px #000;
    1085      box-shadow: inset 0 0 1px 0 #313;
    1086      display: inline-block;
    1087      margin: 0 0 -3px !important;
    1088      min-width: 210px;
    1089 }
    1090 
    1091 .snarkConfigTitle:hover, label.toggleview:hover {
    1092      background: linear-gradient(to bottom, #5f475d 0%, #4f3b4f 50%, #1f001f 50%, #1f001f 100%);
    1093      box-shadow: inset 0 0 1px #3f173f;
    1094      color: #d2baff;
    1095 }
    1096 
    1097 .snarkConfigTitle:active, label.toggleview:active {
    1098      box-shadow: inset 0 0 1px #7f2f7f, inset 3px 3px 3px 1px #0d000d;
    1099 }
    1100 
    1101 .snarkConfigTitle img, label.toggleview img {
    1102      margin: 1px -3px 2px 0;
    1103      vertical-align: middle;
    1104      filter: drop-shadow(0 0 1px #000);
    1105 }
    1106 
    1107 .configsectionpanel .snarkConfigTitle:hover img {
    1108      filter: drop-shadow(0 0 1px #000) !important;
    1109 }
    1110 
    1111981.snarkConfig {
    1112982     font-size: 10pt;
     
    11511021a:active, a:visited:active {
    11521022     color: #f10;
     1023}
     1024
     1025#configs input[type="submit"], .trackerconfig input[type="submit"], input[name="savepri"] {
     1026     text-transform: capitalize;
     1027}
     1028
     1029#setPriority {
     1030     border-top: 1px solid #000;
     1031}
     1032
     1033th.headerpriority br, .snarkTorrents thead th br {
     1034     display: none;
     1035}
     1036
     1037/* panel titles */
     1038
     1039.toggleview, .snarkConfigTitle, .snarknavbar, img, input[type="image"], label, th img {
     1040     -moz-user-select: none;
     1041     -webkit-user-select: none;
     1042     user-select: none;
     1043}
     1044
     1045.snarkConfigTitle:hover, .snarkConfigTitle:focus, label.toggleview:hover, label.toggleview:focus, .toggle_input:focus + label {
     1046     background: linear-gradient(to bottom, #5f475d 0%, #4f3b4f 50%, #1f001f 50%, #1f001f 100%);
     1047     box-shadow: inset 0 0 1px #3f173f;
     1048     color: #d2baff !important;
     1049}
     1050
     1051.snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active {
     1052     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, sans-serif;
     1053     font-size: 12pt;
     1054     font-weight: bold;
     1055     padding: 4px 1px 3px;
     1056     margin: 5px 0 10px 0 !important;
     1057     border: 1px solid #101;
     1058     border-top: none;
     1059     background: #101 url(images/snarknav.png) repeat-x scroll center center;
     1060     background: linear-gradient(to bottom, #4a3d49 0%, #3d303d 50%, #0d000d 50%, #0d000d 100%);
     1061     font-variant: small-caps !important;
     1062     letter-spacing: 0.15em;
     1063     color: #f7e3fc;
     1064     text-shadow: 0 0 1px #000;
     1065     box-shadow: inset 0 0 1px 0 #313, 0 0 0 1px rgba(16, 0, 16, 0.4);
     1066     display: inline-block;
     1067     margin: 0 0 -3px !important;
     1068     min-width: 260px;
     1069}
     1070
     1071.snarkConfigTitle:hover a img, a:focus .snarkConfigTitle img, .toggle_input:focus + .toggleview img {
     1072     filter: drop-shadow(0px 0 1px #d2baff);
     1073}
     1074
     1075.snarkConfigTitle:active, label.toggleview:active {
     1076     box-shadow: inset 0 0 1px #7f2f7f, inset 3px 3px 3px 1px #0d000d;
     1077}
     1078
     1079.snarkConfigTitle img, label.toggleview img {
     1080     margin: 1px -3px 2px 0;
     1081     vertical-align: middle;
     1082     filter: drop-shadow(0 0 1px #000);
     1083}
     1084
     1085.configsectionpanel .snarkConfigTitle:hover {
     1086     color: #f7e3fc !important;
     1087}
     1088
     1089.configsectionpanel .snarkConfigTitle:hover img {
     1090     filter: drop-shadow(0 0 1px #000) !important;
     1091}
     1092
     1093label.toggleview {
     1094     color: #f60;
     1095}
     1096
     1097label.toggleview:active, .snarkConfigTitle a:active {
     1098     color: #9183af !important;
     1099}
     1100
     1101label.toggleview img:hover, label.toggleview:hover img, .snarkConfigTitle:hover a img {
     1102     color: #f90;
     1103     filter: drop-shadow(0 0 1px #d2baff);
     1104}
     1105
     1106label.toggleview img:active, label.toggleview:active img, .snarkConfigTitle:active a img {
     1107     transform: rotate(90deg);
     1108     transition: ease transform 0.3s 0s;
     1109}
     1110
     1111.configsection a, label.toggleview {
     1112     color: #f60;
     1113     text-shadow: 0 0 1px #000;
     1114}
     1115
     1116.configsection a:hover, .snarkConfig .snarkConfigTitle:hover a, .snarkConfig .snarkConfigTitle a:focus {
     1117     color: #d2baff;
     1118     text-decoration: none;
     1119}
     1120
     1121.snarkConfig .snarkConfigTitle:hover img, .snarkConfig .snarkConfigTitle:focus img, .snarkConfig .snarkConfigTitle a:focus img {
     1122     filter: drop-shadow(0 0 1px #d2baff);
     1123}
     1124
     1125.snarkConfig .snarkConfigTitle a {
     1126     display: inline-block;
     1127     width: 100%;
     1128}
     1129
     1130/* end panel titles */
     1131
     1132/* buttons & inputs */
     1133
     1134input, a.control {
     1135     font: 8pt "Droid Sans", "Noto Sans", "DejaVu Sans", Verdana, Helvetica, sans-serif;
     1136     font-weight: bold;
     1137}
     1138
     1139input {
     1140     font-size: 8.5pt;
     1141     font-weight: bold;
     1142     text-align: left;
     1143     padding: 3px 3px !important;
     1144     border-radius: 2px;
     1145     border: 1px solid #101;
     1146     background: #212 url(images/graytile.png);
     1147     color: #f60;
     1148     margin: 2px 4px;
     1149}
     1150
     1151input.r {
     1152     text-align: right;
     1153     background: url(images/graytile.png);
     1154}
     1155
     1156input[type=image], thead img {
     1157     padding: 0 !important;
     1158     border: 1px solid transparent;
     1159     margin: 0 2px;
     1160     opacity: 0.8;
     1161     background: none;
     1162     outline: none;
     1163     max-height: 22px;
     1164}
     1165
     1166input[type=image]:hover, input[type=image]:focus {
     1167     border: 1px solid #f60;
     1168     filter: drop-shadow(0 0 1px #f60);
     1169     opacity: 1;
     1170}
     1171
     1172a img {
     1173     outline: none;
     1174}
     1175
     1176a img:hover, a img:focus, a:focus img {
     1177     filter: drop-shadow(0 0 1px #f60);
     1178}
     1179
     1180thead img.disable, img.disable:hover {
     1181     opacity: 0.3;
     1182}
     1183
     1184thead img:hover, thead img:focus, thead a:hover img, thead a:focus img {
     1185     opacity: 1;
     1186     filter: drop-shadow(0 0 1px #f60);
     1187     border: 1px solid transparent;
     1188}
     1189
     1190thead a:active img {
     1191     filter: drop-shadow(0 0 1px #f30) !important;
     1192     transform: scale(0.9);
     1193}
     1194
     1195input[type="submit"]:disabled:active, a.control:disabled:active {
     1196      filter: drop-shadow(0 0 1px #101);
     1197}
     1198
     1199#pagenav {
     1200     letter-spacing: 0.1em;
     1201     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, sans-serif !important;
     1202}
     1203
     1204#pagenav img:not(old) {
     1205     border: 1px solid #dad !important;
     1206     background: #fdf;
     1207     background: linear-gradient(to bottom, #fdf 0%, #fdf 50%, #dbd 51%);
     1208     border-radius: 3px;
     1209     box-shadow: inset 0 0 1px 1px #fff;
     1210     padding: 3px 4px !important;
     1211     margin: 0;
     1212     transform: scale(+1, -1);
     1213     mix-blend-mode: luminosity;
     1214     opacity: 1;
     1215     width: 12px;
     1216}
     1217
     1218#pagenav img, #pagenav img.disable:hover:not(old) {
     1219     filter: sepia(100%) invert(100%) hue-rotate(58deg) brightness(140%) drop-shadow(0 0 1px #000);
     1220     box-shadow: inset 0 0 1px 1px #fff;
     1221}
     1222
     1223#pagenav img:hover, #pagenav a:focus img, #pagenav a img:active {
     1224     filter: sepia(100%) invert(100%) hue-rotate(58deg) brightness(140%) drop-shadow(0 0 1px #f60);
     1225     box-shadow: none;
     1226     opacity: 1;
     1227     mix-blend-mode: normal;
     1228}
     1229
     1230#pagenav img.disable, #pagenav img.disable:hover, #pagenav img.disable:active {
     1231     margin: 0 3px 0 2px;
     1232     opacity: 0.3 !important;
     1233     mix-blend-mode: luminosity;
     1234}
     1235
     1236#pagenav a img:active, #pagenav img:active {
     1237     box-shadow: inset 1px -1px 3px 1px #fff !important;
     1238     filter: sepia(100%) invert(100%) hue-rotate(58deg) brightness(140%) drop-shadow(0 0 1px #000) !important;
     1239}
     1240
     1241input[type="text"], input.r, input[name="nofilter_dataDir"] {
     1242     padding: 4px !important;
     1243     box-shadow: inset 1px 1px 2px 1px #101;
     1244     letter-spacing: 0.03em;
     1245     background: url(images/graytile.png) #212;
     1246     background-size: 96px 96px;
     1247     transition: ease box-shadow 0.15s 0s, ease color 0.15s 0s;
     1248}
     1249
     1250textarea[name="i2cpOpts"] {
     1251     overflow: hidden;
     1252}
     1253
     1254input[name="nofilter_commentsName"] {
     1255     max-width: 249px;
     1256}
     1257
     1258input[name="nofilter_commentsName"]:focus::placeholder {
     1259     opacity: 0;
     1260}
     1261
     1262input[type=text]:active, input[type=text]:focus, input.r:focus, input[name="nofilter_dataDir"]:focus, textarea:focus {
     1263     background: #d60;
     1264     background: linear-gradient(to bottom, #d60, #c50);
     1265     color: #fff;
     1266     box-shadow: inset 0 0 0 1px #ffffcf;
     1267     transition: ease box-shadow 0.15s 0s;
     1268     outline: none;
     1269}
     1270
     1271input[type=radio] {
     1272     padding: 2px;
     1273     margin: 0 3px 0 8px;
     1274     vertical-align: bottom;
     1275}
     1276
     1277input[type="radio"], input[type="checkbox"] {
     1278     filter: sepia(100%) invert(100%) hue-rotate(58deg) brightness(80%);
     1279     min-width: 16px !important;
     1280     min-height: 16px !important;
     1281     vertical-align: middle;
     1282     background: none;
     1283}
     1284
     1285input[type="radio"]:hover, input[type="checkbox"]:hover, input[type="radio"]:focus, input[type="checkbox"]:focus {
     1286     outline: none;
     1287     filter: sepia(100%) invert(100%) hue-rotate(58deg) brightness(80%) drop-shadow(0 0 3px #f60) !important;
     1288}
     1289
     1290input[type="radio"], input[type="checkbox"], select, input[type="submit"], label {
     1291     cursor: pointer;
     1292}
     1293
     1294input[type=text], input.r, select {
     1295     min-width: 120px;
     1296}
     1297
     1298input[name="upBW"] + i {
     1299     margin-left: 3px;
     1300}
     1301
     1302input.default {
     1303     width: 1px;
     1304     height: 1px;
     1305     visibility: hidden;
     1306}
     1307
     1308input.disabled, input.disabled:hover, input.disabled:active, a.control.disabled:hover, a.control.disabled:active {
     1309     color: #444 !important;
     1310     font-weight: normal;
     1311     border: 1px inset #bbb !important;
     1312     cursor: not-allowed;
    11531313}
    11541314
     
    11931353}
    11941354
     1355input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
     1356     border: none;
     1357     outline: none;
     1358}
     1359
    11951360input[type="submit"], input[type="reset"] {
     1361     padding: 4px 6px 4px 22px !important;
     1362     color: #1c081e;
     1363     background: #989;
     1364     background: linear-gradient(to bottom, #989 0%, #878 100%);
    11961365     background-size: 14px 14px, 100% 100% !important;
     1366     background-position: 6px center, center center !important;
     1367     background-repeat: no-repeat, repeat !important;
     1368     border: 1px inset #bbb;
    11971369     box-shadow: 0 0 1px 1px rgba(48,16,48,0.7);
    11981370}
    11991371
     1372input[type="submit"]:hover, input[type="submit"]:focus {
     1373     background-blend-mode: luminosity;
     1374}
     1375
     1376input[type="submit"]:hover, input[type="submit"]:focus, a.control:hover, a.control:focus {
     1377     border: 1px outset #bbb;
     1378     color: #fff;
     1379     filter: drop-shadow(0 0 1px #515) !important;
     1380}
     1381
     1382input[type="submit"]:focus, input[type="reset"]:focus, a.control:focus {
     1383     filter: drop-shadow(0 0 1px #f60) !important;
     1384}
     1385
     1386input.accept, input.accept:active {
     1387     background: #989 url(images/accept.png);
     1388     background: url(images/accept.png), linear-gradient(to bottom, #989 0%, #878 100%);
     1389}
     1390
     1391input.accept:hover, input.accept:focus {
     1392     background: #767 url(images/accept.png);
     1393     background: url(images/accept.png), linear-gradient(to bottom, #767 0%, #989 100%);
     1394}
     1395
     1396input.add, input.add:active {
     1397     background: #989 url(images/add.png);
     1398     background: url(images/add.png), linear-gradient(to bottom, #989 0%, #878 100%);
     1399}
     1400
     1401input.add:hover, input.add:focus {
     1402     background: #767 url(images/add.png);
     1403     background: url(images/add.png), linear-gradient(to bottom, #767 0%, #989 100%);
     1404}
     1405
     1406input.cancel, input.cancel:active {
     1407     background: #989 url(images/cancel.png);
     1408     background: url(images/cancel.png), linear-gradient(to bottom, #989 0%, #878 100%);
     1409}
     1410
     1411input.cancel:hover, input.cancel:focus {
     1412     background: #767 url(images/cancel.png);
     1413     background: url(images/cancel.png), linear-gradient(to bottom, #767 0%, #989 100%);
     1414}
     1415
     1416input.create, input.create:active {
     1417     background: #989 url(images/create.png);
     1418     background: url(images/create.png), linear-gradient(to bottom, #989 0%, #878 100%);
     1419}
     1420
     1421input.create:hover, input.create:focus {
     1422     background: #767 url(images/create.png);
     1423     background: url(images/create.png), linear-gradient(to bottom, #767 0%, #989 100%);
     1424}
     1425
     1426input.delete, input.delete:active {
     1427     background: #989 url(images/nuke.png);
     1428     background: url(images/nuke.png), linear-gradient(to bottom, #989 0%, #878 100%);
     1429}
     1430
     1431input.delete:hover, input.delete:focus {
     1432     background: #767 url(images/nuke.png);
     1433     background: url(images/nuke.png), linear-gradient(to bottom, #767 0%, #989 100%);
     1434}
     1435
     1436input.reload, input.reload:active {
     1437     background: #989 url(images/restore.png);
     1438     background: url(images/restore.png), linear-gradient(to bottom, #989 0%, #878 100%);
     1439}
     1440
     1441input.reload:hover, input.reload:focus {
     1442     background: #767 url(images/restore.png);
     1443     background: url(images/restore.png), linear-gradient(to bottom, #767 0%, #989 100%);
     1444}
     1445
     1446input.reload[name="recheck"], input.reload[name="recheck"]:active, input.disabled[name="recheck"] {
     1447     background: #989 url(images/recheck.png);
     1448     background: url(images/recheck.png), linear-gradient(to bottom, #989 0%, #878 100%);
     1449     margin-left: 2px !important
     1450}
     1451
     1452input.disabled[name="recheck"]:hover {
     1453     background-blend-mode: initial;
     1454}
     1455
     1456input.reload[name="recheck"]:hover, input.reload[name="recheck"]:focus {
     1457     background: #767 url(images/recheck.png);
     1458     background: url(images/recheck.png), linear-gradient(to bottom, #767 0%, #989 100%);
     1459}
     1460
     1461input.starttorrent, input.starttorrent:active {
     1462     background: #989 url(images/next.png);
     1463     background: url(images/next.png), linear-gradient(to bottom, #989 0%, #878 100%);
     1464     padding: 4px 6px 4px 20px !important;
     1465}
     1466
     1467input.starttorrent:hover, input.starttorrent:focus {
     1468     background: #767 url(images/next.png);
     1469     background: url(images/next.png), linear-gradient(to bottom, #767 0%, #989 100%);
     1470}
     1471
     1472input.stoptorrent, input.stoptorrent:active {
     1473     background: #989 url(images/btn_stop.png);
     1474     background: url(images/btn_stop.png), linear-gradient(to bottom, #989 0%, #878 100%);
     1475}
     1476
     1477input.stoptorrent:hover, input.stoptorrent:focus {
     1478     background: #767 url(images/btn_stop.png);
     1479     background: url(images/btn_stop.png), linear-gradient(to bottom, #767 0%, #989 100%);
     1480}
     1481
     1482/*
    12001483a.control:active, input[type="submit"]:active, input[type="reset"]:active {
    12011484     color: #ce1641 !important;
    12021485     border: 1px solid #fff !important;
    12031486     box-shadow: inset 3px 3px 3px #fff;
    1204 }
    1205 
    1206 #configs input[type="submit"], .trackerconfig input[type="submit"], input[name="savepri"] {
    1207      text-transform: capitalize;
    1208 }
    1209 
    1210 #setPriority {
    1211      border-top: 1px solid #000;
    1212 }
    1213 
    1214 th.headerpriority br, .snarkTorrents thead th br {
    1215      display: none;
    1216 }
    1217 
    1218 input, a.control {
    1219      font: 8pt "Droid Sans", "Noto Sans", "DejaVu Sans", Verdana, Helvetica, sans-serif;
    1220      font-weight: bold;
    1221 }
    1222 
    1223 input {
    1224      font-size: 8.5pt;
    1225      font-weight: bold;
    1226      text-align: left;
    1227      padding: 3px 3px !important;
    1228      border-radius: 2px;
    1229      border: 1px solid #101;
    1230      background: #212 url(images/graytile.png); 
    1231      color: #f60;
    1232      margin: 2px 4px;
    1233 }
    1234 
    1235 input.r {
    1236      text-align: right;
    1237      background: url(images/graytile.png);
    1238 }
    1239 
    1240 input[type=submit] {
    1241      color: #1c081e;
    1242      background: #989;
    1243      background: linear-gradient(to bottom, #989 0%, #878 100%);
    1244      border: 1px inset #bbb;
    1245      padding: 4px 2px !important;
    1246 }
    1247 
    1248 input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
    1249      border: none;
    1250      outline: none;
    1251 }
    1252 
    1253 input[type=submit]:hover, input[type=submit]:focus {
    1254      background-blend-mode: luminosity;
    1255 }
    1256 
    1257 input[type=submit]:hover, input[type=submit]:focus, a.control:hover, a.control:focus {
    1258      border: 1px outset #bbb;
    1259      color: #fff;
    1260      filter: drop-shadow(0 0 1px #515) !important;
    1261 }
    1262 
    1263 input[type=submit]:focus, a.control:focus {
    1264      filter: drop-shadow(0 0 2px #f60) !important;
    12651487}
    12661488
     
    12711493     mix-blend-mode: hard-light;
    12721494}
    1273 
    1274 input[type=image], thead img {
    1275      padding: 0 !important;
    1276      border-radius: 3px;
    1277      border: 1px solid transparent;
    1278      margin: 0 2px;
    1279      opacity: 0.8;
    1280      background: none;
    1281      filter: drop-shadow(0 0 1px #000);
    1282      outline: none;
    1283      max-height: 22px;
    1284 }
    1285 
    1286 input[type=image]:hover, input[type=image]:focus {
    1287      border: 1px solid #f60;
    1288      filter: drop-shadow(0 0 1px #f60);
    1289      opacity: 1;
    1290 }
    1291 
    1292 a img {
    1293      outline: none;
    1294 }
    1295 
    1296 a img:hover, a img:focus, a:focus img {
    1297      filter: drop-shadow(0 0 1px #f60);
    1298 }
    1299 
    1300 thead img.disable, img.disable:hover {
    1301      opacity: 0.3;
    1302 }
    1303 
    1304 thead img:hover, thead img:focus, thead a:hover img, thead a:focus img {
    1305      opacity: 1;
    1306      filter: drop-shadow(0 0 1px #f60);
    1307      border: 1px solid transparent;
    1308 }
    1309 
    1310 thead a:active img {
    1311      filter: drop-shadow(0 0 1px #f30) !important;
    1312      transform: scale(0.9);
    1313 }
    1314 
    1315 input[type="submit"]:disabled:active, a.control:disabled:active {
    1316       filter: drop-shadow(0 0 1px #101);
    1317 }
    1318 
    1319 #pagenav {
    1320      letter-spacing: 0.1em;
    1321      font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, sans-serif !important;
    1322 }
    1323 
    1324 #pagenav img:not(old) {
    1325      border: 1px solid #dad !important;
    1326      background: #fdf;
    1327      background: linear-gradient(to bottom, #fdf 0%, #fdf 50%, #dbd 51%);
    1328      border-radius: 3px;
    1329      box-shadow: inset 0 0 1px 1px #fff;
    1330      padding: 3px 4px !important;
    1331      margin: 0;
    1332      transform: scale(+1, -1);
    1333      mix-blend-mode: luminosity;
    1334      opacity: 1;
    1335      width: 12px;
    1336 }
    1337 
    1338 #pagenav img, #pagenav img.disable:hover:not(old) {
    1339      filter: sepia(100%) invert(100%) hue-rotate(58deg) brightness(140%) drop-shadow(0 0 1px #000);
    1340      box-shadow: inset 0 0 1px 1px #fff;
    1341 }
    1342 
    1343 #pagenav img:hover, #pagenav a:focus img, #pagenav a img:active {
    1344      filter: sepia(100%) invert(100%) hue-rotate(58deg) brightness(140%) drop-shadow(0 0 1px #f60);
    1345      box-shadow: none;
    1346      opacity: 1;
    1347      mix-blend-mode: normal;
    1348 }
    1349 
    1350 #pagenav img.disable, #pagenav img.disable:hover, #pagenav img.disable:active {
    1351      margin: 0 3px 0 2px;
    1352      opacity: 0.3 !important;
    1353      mix-blend-mode: luminosity;
    1354 }
    1355 
    1356 #pagenav a img:active, #pagenav img:active {
    1357      box-shadow: inset 1px -1px 3px 1px #fff !important;
    1358      filter: sepia(100%) invert(100%) hue-rotate(58deg) brightness(140%) drop-shadow(0 0 1px #000) !important;
    1359 }
    1360 
    1361 input[type="text"], input.r, input[name="nofilter_dataDir"] {
    1362      padding: 4px !important;
    1363      box-shadow: inset 1px 1px 2px 1px #101;
    1364      letter-spacing: 0.03em;
    1365      background: url(images/graytile.png) #212;
    1366      background-size: 96px 96px;
    1367      transition: ease box-shadow 0.15s 0s, ease color 0.15s 0s;
    1368 }
    1369 
    1370 textarea[name="i2cpOpts"] {
    1371      overflow: hidden;
    1372 }
    1373 
    1374 input[name="nofilter_commentsName"] {
    1375      max-width: 249px;
    1376 }
    1377 
    1378 input[name="nofilter_commentsName"]:focus::placeholder {
    1379      opacity: 0;
    1380 }
    1381 
    1382 input[type=text]:active, input[type=text]:focus, input.r:focus, input[name="nofilter_dataDir"]:focus, textarea:focus {
    1383      background: #d60;
    1384      background: linear-gradient(to bottom, #d60, #c50);
    1385      color: #fff;
    1386      box-shadow: inset 0 0 0 1px #ffffcf;
    1387      transition: ease box-shadow 0.15s 0s;
    1388      outline: none;
    1389 }
    1390 
    1391 input[type=radio] {
    1392      padding: 2px;
    1393      margin: 0 3px 0 8px;
    1394      vertical-align: bottom;
    1395 }
    1396 
    1397 input[type="radio"], input[type="checkbox"] {
    1398      filter: sepia(100%) invert(100%) hue-rotate(58deg) brightness(80%);
    1399      min-width: 16px !important;
    1400      min-height: 16px !important;
    1401      vertical-align: middle;
    1402      background: none;
    1403 }
    1404 
    1405 input[type="radio"]:hover, input[type="checkbox"]:hover, input[type="radio"]:focus, input[type="checkbox"]:focus {
    1406      outline: none;
    1407      filter: sepia(100%) invert(100%) hue-rotate(58deg) brightness(80%) drop-shadow(0 0 3px #f60) !important;
    1408 }
    1409 
    1410 input[type="radio"], input[type="checkbox"], select, input[type="submit"], label {
    1411      cursor: pointer;
    1412 }
    1413 
    1414 input[type=text], input.r, select {
    1415      min-width: 120px;
    1416 }
    1417 
    1418 input[name="upBW"] + i {
    1419      margin-left: 3px;
    1420 }
    1421 
    1422 input.default {
    1423      width: 1px;
    1424      height: 1px;
    1425      visibility: hidden;
    1426 }
    1427 
    1428 input.disabled, input.disabled:hover, input.disabled:active, a.control.disabled:hover, a.control.disabled:active {
    1429      color: #444 !important;
    1430      font-weight: normal;
    1431      border: 1px inset #bbb !important;
    1432      cursor: not-allowed;
    1433 }
    1434 
    1435 input.accept, input.accept:active {
    1436      background: #989 url(images/accept.png) no-repeat 6px center;
    1437      background: url(images/accept.png) no-repeat 6px center, linear-gradient(to bottom, #989 0%, #878 100%);
    1438      padding: 4px 6px 4px 22px !important;
    1439 }
    1440 
    1441 input.accept:hover, input.accept:focus {
    1442      background: #767 url(images/accept.png) no-repeat 6px center;
    1443      background: url(images/accept.png) no-repeat 6px center, linear-gradient(to bottom, #767 0%, #989 100%);
    1444 }
    1445 
    1446 input.add, input.add:active {
    1447      background: #989 url(images/add.png) no-repeat 6px center;
    1448      background: url(images/add.png) no-repeat 6px center, linear-gradient(to bottom, #989 0%, #878 100%);
    1449      padding: 4px 6px 4px 22px !important;
    1450 }
    1451 
    1452 input.add:hover, input.add:focus {
    1453      background: #767 url(images/add.png) no-repeat 6px center;
    1454      background: url(images/add.png) no-repeat 6px center, linear-gradient(to bottom, #767 0%, #989 100%);
    1455 }
    1456 
    1457 input.cancel, input.cancel:active {
    1458      background: #989 url(images/cancel.png) no-repeat 6px center;
    1459      background: url(images/cancel.png) no-repeat 6px center, linear-gradient(to bottom, #989 0%, #878 100%);
    1460      padding: 4px 6px 4px 22px !important;
    1461 }
    1462 
    1463 input.cancel:hover, input.cancel:focus {
    1464      background: #767 url(images/cancel.png) no-repeat 6px center;
    1465      background: url(images/cancel.png) no-repeat 6px center, linear-gradient(to bottom, #767 0%, #989 100%);   
    1466 }
    1467 
    1468 input.create, input.create:active {
    1469      background: #989 url(images/create.png) no-repeat 6px center;
    1470      background: url(images/create.png) no-repeat 6px center, linear-gradient(to bottom, #989 0%, #878 100%);
    1471      padding: 4px 6px 4px 22px !important;
    1472 }
    1473 
    1474 input.create:hover, input.create:focus {
    1475      background: #767 url(images/create.png) no-repeat 6px center;
    1476      background: url(images/create.png) no-repeat 6px center, linear-gradient(to bottom, #767 0%, #989 100%);
    1477 }
    1478 
    1479 input.delete, input.delete:active {
    1480      background: #989 url(images/nuke.png) no-repeat 6px center;
    1481      background: url(images/nuke.png) no-repeat 6px center, linear-gradient(to bottom, #989 0%, #878 100%);
    1482      padding: 4px 6px 4px 22px !important;
    1483 }
    1484 
    1485 input.delete:hover, input.delete:focus {
    1486      background: #767 url(images/nuke.png) no-repeat 6px center;
    1487      background: url(images/nuke.png) no-repeat 6px center, linear-gradient(to bottom, #767 0%, #989 100%);
    1488 }
    1489 
    1490 input.reload, input.reload:active {
    1491      background: #989 url(images/restore.png) no-repeat 6px center;
    1492      background: url(images/restore.png) no-repeat 6px center, linear-gradient(to bottom, #989 0%, #878 100%);
    1493      padding: 4px 6px 4px 22px !important;
    1494 }
    1495 
    1496 input.reload:hover, input.reload:focus {
    1497      background: #767 url(images/restore.png) no-repeat 6px center;
    1498      background: url(images/restore.png) no-repeat 6px center, linear-gradient(to bottom, #767 0%, #989 100%);
    1499 }
    1500 
    1501 input.reload[name="recheck"], input.reload[name="recheck"]:active, input.disabled[name="recheck"] {
    1502      background: #989 url(images/recheck.png) no-repeat 6px center;
    1503      background: url(images/recheck.png) no-repeat 6px center, linear-gradient(to bottom, #989 0%, #878 100%);
    1504      padding: 4px 6px 4px 22px !important;
    1505      margin-left: 2px !important
    1506 }
    1507 
    1508 input.disabled[name="recheck"]:hover {
    1509      background-blend-mode: initial;
    1510 }
    1511 
    1512 input.reload[name="recheck"]:hover, input.reload[name="recheck"]:focus {
    1513      background: #767 url(images/recheck.png) no-repeat 6px center;
    1514      background: url(images/recheck.png) no-repeat 6px center, linear-gradient(to bottom, #767 0%, #989 100%);
    1515 }
    1516 
    1517 input.starttorrent, input.starttorrent:active {
    1518      background: #989 url(images/next.png) no-repeat 6px center;
    1519      background: url(images/next.png) no-repeat 6px center, linear-gradient(to bottom, #989 0%, #878 100%);
    1520      padding: 4px 6px 4px 20px !important;
    1521 }
    1522 
    1523 input.starttorrent:hover, input.starttorrent:focus {
    1524      background: #767 url(images/next.png) no-repeat 6px center;
    1525      background: url(images/next.png) no-repeat 6px center, linear-gradient(to bottom, #767 0%, #989 100%);
    1526 }
    1527 
    1528 input.stoptorrent, input.stoptorrent:active {
    1529      background: #989 url(images/btn_stop.png) no-repeat 6px center;
    1530      background: url(images/btn_stop.png) no-repeat 6px center, linear-gradient(to bottom, #989 0%, #878 100%);
    1531      padding: 4px 6px 4px 22px !important;
    1532 }
    1533 
    1534 input.stoptorrent:hover, input.stoptorrent:focus {
    1535      background: #767 url(images/btn_stop.png) no-repeat 6px center;
    1536      background: url(images/btn_stop.png) no-repeat 6px center, linear-gradient(to bottom, #767 0%, #989 100%);
    1537 }
    1538 
    1539 .configsectionpanel tr:nth-last-child(2) td {
    1540      text-align: right !important;
    1541      border-top: 1px solid #57415F;
    1542      padding-top: 10px !important;
     1495*/
     1496
     1497a.control:active, input[type="submit"]:active, input[type="reset"]:active {
     1498     background-color: #322c5c !important;
     1499     color: #c6bfff;
     1500     box-shadow: inset 3px 3px 3px #20122f;
     1501     border: 1px solid #101;
    15431502}
    15441503
    15451504select {
    15461505     background: #212 !important;
    1547      background: #212 url(images/graytile.png) !important;
     1506     background: #212 url(images/dropdown.png) right center no-repeat !important;
    15481507     background: url(images/dropdown.png) right center no-repeat, url(images/graytile.png) #212 !important;
    15491508     background-size: 17px 17px, 96px 96px !important;
    15501509     color: #f60;
    1551      font: 8pt "DejaVu Sans", Verdana, Helvetica, sans-serif;
    15521510     font-weight: bold;
    1553      padding: 2px 18px 2px 1px;
     1511     padding: 2px 18px 2px 4px;
    15541512     border-radius: 2px;
    15551513     border: 1px solid #000;
     
    15711529select[disabled], select[disabled]:hover, select[disabled]:focus {
    15721530     opacity: 0.5;
    1573      background: #212 url(images/graytile.png) !important;
     1531     background: #212 url(images/dropdown.png) right center no-repeat !important;
    15741532     background: url(images/dropdown.png) right center no-repeat, url(images/graytile.png) #212 !important;
    15751533     background-blend-mode: normal;
     
    16211579}
    16221580
     1581/* end buttons & inputs */
     1582
    16231583img {
    16241584     border: none;
    16251585     margin: 0 3px 1px 3px;
    16261586     vertical-align: middle;
    1627      opacity: 1.0;
    16281587     line-height: 100%;
    16291588}
     
    16311590img:hover {
    16321591     border: none;
    1633      opacity: 1;
    16341592     line-height: 100%;
    16351593}
     
    16911649}
    16921650
     1651.configsectionpanel tr:nth-last-child(2) td {
     1652     text-align: right !important;
     1653     border-top: 1px solid #57415f;
     1654     padding-top: 10px !important;
     1655}
     1656
    16931657.configsectionpanel, .configsectionpanel td, .snarkNewTorrent, .snarkNewTorrent td, .snarkAddInfo,
    16941658select, input, input.r, input[name="nofilter_dataDir"], textarea[name="i2cpOpts"], a.control {
     
    17481712     color: #ddd !important;
    17491713     margin-top: 1px;
    1750 }
    1751 
    1752 .configsection table {
    1753      color: #ffb;
    1754      opacity: 1;
    1755 }
    1756 
    1757 .configsection a, label.toggleview {
    1758      color: #f60;
    1759      text-shadow: 0 0 1px #000;
    1760 }
    1761 
    1762 .configsection a:hover, .snarkConfig .snarkConfigTitle:hover a, .snarkConfig .snarkConfigTitle a:focus {
    1763      color: #d2baff;
    1764      text-decoration: none;
    1765 }
    1766 
    1767 .snarkConfig .snarkConfigTitle:hover img, .snarkConfig .snarkConfigTitle:focus img, .snarkConfig .snarkConfigTitle a:focus img {
    1768      filter: drop-shadow(0 0 1px #d2baff);
    1769 }
    1770 
    1771 .snarkConfig .snarkConfigTitle a {
    1772      display: inline-block;
    1773      width: 100%;
    17741714}
    17751715
     
    18651805/* toggle create/add panel view */
    18661806
    1867 input.toggle_input { /* hide checkbox and use label as faux panel heading */
    1868      display: none !important;
     1807input.toggle_input {
     1808      position: absolute;
     1809      opacity: 0;
     1810      z-index: -1;
    18691811}
    18701812
     
    19051847}
    19061848
    1907 label.toggleview, .snarkConfigTitle a:visited {
    1908      color: #f60;
    1909 }
    1910 
    1911 label.toggleview:active, .snarkConfigTitle a:active {
    1912      color: #9183af !important;
    1913 }
    1914 
    1915 label.toggleview img:hover, label.toggleview:hover img, .snarkConfigTitle a:hover img {
    1916      color: #f90;
    1917      filter: drop-shadow(0 0 1px #d2baff);
    1918 }
    1919 
    1920 label.toggleview img:active, label.toggleview:active img, .snarkConfigTitle a:active img {
    1921      transform: rotate(90deg);
    1922      transition: ease transform 0.3s 0s;
    1923 }
     1849/* end toggle panels */
    19241850
    19251851.peerinfo td {
     
    19711897
    19721898.peerinfo:hover td:nth-child(2), .debuginfo:hover td:nth-child(2) {
    1973      color: #fff !important;
    1974 }
    1975 
     1899     color: #ddd !important;
     1900}
     1901
     1902.debuginfo td {
     1903     color: #ddd !important;
     1904}
     1905
     1906/*
    19761907.from, .to {
    19771908     font-family: sans-serif;
     
    19831914}
    19841915
    1985 .debuginfo td {
    1986      color: #fff !important;
    1987 }
    1988 
    19891916.debugConnStat {
    19901917     display: inline-block;
     
    20001927     color: #ffdfff !important;
    20011928}
     1929*/
    20021930
    20031931.peerinfo:hover b, .debuginfo:hover b {
    2004      color: #fff !important;
     1932     color: #ddd !important;
    20051933     color: #b9b;
    20061934}
     
    20752003     padding: 8px 4px 4px !important;
    20762004     display: block;
    2077      margin: 0 0 -13px !important;
     2005     margin: 0 0 -12px !important;
    20782006     border-radius: 0 0 4px 4px;
    20792007     background: #202;
     2008     box-shadow: none;
    20802009}
    20812010
     
    20832012     border-radius: 0;
    20842013     background: #101;
     2014     background: linear-gradient(to bottom, #212 50%, #101 50%);
    20852015     text-align: center;
    20862016}
     
    20902020     padding: 3px 10px 5px;
    20912021     background: #000;
    2092      margin: -33px 0 -12px;
     2022     margin: -32px -1px -13px;
    20932023     border-radius: 0 0 4px 4px;
     2024     border-left: 1px solid #414;
     2025     border-right: 1px solid #414;
     2026}
     2027
     2028@media screen and (-webkit-min-device-pixel-ratio:0) {
     2029#dhtDebugInner {
     2030     margin-top: -33px;
     2031}
    20942032}
    20952033
     
    21622100     margin: 2px 0 2px 6px;
    21632101     font-weight: bold;
     2102     vertical-align: middle;
    21642103}
    21652104
     
    23852324     width: 160px !important;
    23862325     padding-right: 2px;
    2387 }
    2388 
    2389 .snarkCommentInfo td:last-child, .snarkComments td:last-child {
    2390 /*     width: 1% !important;*/
    23912326}
    23922327
     
    26362571}
    26372572
    2638 .snarkTorrents td:nth-child(2), .snarkTorrents td:nth-child(2) a {
     2573td.snarkTorrentStatus, td.snarkTorrentStatus a {
    26392574     font-weight: bold;
    26402575}
     
    27352670}
    27362671
     2672img[src="/themes/snark/ubergine/images/details.png"] {
     2673     width: 14px;
     2674     height: 14px;
     2675}
     2676
    27372677.peerinfo .percentBarOuter {
    27382678     filter: sepia(1);
     
    27572697.snarkTorrents a, th, td {
    27582698     font-size: 8pt !important;
     2699}
     2700
     2701.peerinfo .percentBarOuter {
     2702     margin-right: -4px !important;
    27592703}
    27602704
     
    27972741     box-shadow: 0 0 0 1px #101;
    27982742}
     2743
     2744#totals {
     2745     word-spacing: 0.15em !important;
     2746}
     2747
     2748#dhtdebugInner {
     2749     margin-top: -33px;
     2750}
    27992751}
    28002752
     
    28042756}
    28052757
    2806 body, .snarkTorrents td, .snarkAddInfo, th, td, .snarkFileName, .snarkFileStatus, .snarkCommentInfo textarea {
     2758body, .snarkAddInfo, th, td, .snarkCommentInfo textarea, input[type="submit"], input[type="reset"],
     2759select, select option, button, a.control, .snarkTorrents a:link {
    28072760     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    28082761     font-size: 10pt !important;
    28092762}
    28102763
     2764code {
     2765     font-size: 10pt !important;
     2766}
     2767
    28112768.debuginfo td {
    28122769     font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace !important;
     
    28272784.snarkNav:link:first-child, .snarkNav:last-child[href="/i2psnark/"] {
    28282785     background-position: 11px 45%, center center !important;
    2829 }
    2830 
    2831 input[type="submit"], input[type="reset"], select, select option, button, a.control, .snarkTorrents a:link, td, th, code {
    2832      font-size: 10pt !important;
     2786
     2787}
     2788.snarkNav:link {
     2789     font-size: 11pt;
    28332790}
    28342791
    28352792.snarkConfigTitle, label.toggleview {
    28362793     font-size: 13pt !important;
    2837      min-width: 240px !important;
    2838 }
    2839 
    2840 .snarkNav:link {
    2841      font-size: 11pt;
    2842 }
    2843 
    2844 .snarkConfigTitle, label.toggleview {
    2845      font-size: 12pt;
     2794     min-width: 320px !important;
    28462795}
    28472796
     
    29242873.debuginfo td {
    29252874     font-size: 9pt !important;
     2875     line-height: 120%;
    29262876}
    29272877
     
    29462896.debugConnStat {
    29472897     margin-right: 5px;
     2898}
     2899
     2900#dhtdebugInner {
     2901     margin-top: -34px;
    29482902}
    29492903}
     
    29852939}
    29862940
     2941.snarkTorrentName a:not(old) {
     2942     max-width: 360px !important;
     2943}
     2944
    29872945.snarkTorrents th img {
    29882946     max-height: 18px;
    29892947}
    29902948
    2991 .snarkTorrentUploaded, .snarkTorrentRateUp {
    2992      display: none;
    2993 }
    2994 
    2995 .alwaysShow {
     2949.snarkTorrentUploaded, .snarkTorrentRateUp, .peerinfo, .debuginfo, .alwaysShow {
    29962950     display: none !important;
    29972951}
     
    30022956
    30032957.snarkTorrentStatus, .snarkTorrentETA, .snarkTrackerDetails {
    3004      font-size: 0;
     2958     font-size: 0 !important;
    30052959     max-width: 0 !important;
    30062960     min-width: 0 !important;
    30072961     width: 0 !important;
    30082962     padding: 0;
     2963     overflow: hidden;
     2964     color: transparent !important;
    30092965}
    30102966
    30112967#totals {
    30122968     margin-left: 2px !important;
     2969}
     2970
     2971.addtorrentsection td:first-child, .newtorrentsection td:first-child {
     2972     width: 20%;
    30132973}
    30142974
     
    30983058
    30993059.addtorrentsection input[type="text"], .newtorrentsection input[type="text"] {
    3100      width: 60% !important;
     3060     width: 65% !important;
    31013061}
    31023062
     
    31153075     padding-left: 0 !important;
    31163076}
     3077
     3078#dhtDebugInner {
     3079     margin-top: -28px !important;
     3080}
     3081
     3082.snarkTorrentStatus {
     3083     -moz-user-select: none !important;
     3084     -webkit-user-select: none;
     3085     user-select: none;
     3086}
     3087}
     3088
     3089@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 800px) {
     3090#dhtDebugInner {
     3091     margin-top: -29px !important;
     3092}
    31173093}
    31183094
  • installer/resources/themes/snark/vanilla/snark.css

    r36030ae1 r3d535a22  
    11/* I2PSnark theme "Vanilla" by dr|z3d */
    22/* Now with 100% more chocolate */
    3 
    4 html {
    5      min-height: 100%;
    6 }
    73
    84body {
     
    4541}
    4642
    47 td *:focus {
    48      filter: drop-shadow(0 0 1px #df0067);
     43form {
     44     margin-bottom: 0;
     45}
     46
     47p {
     48     line-height: 150%;
     49}
     50
     51hr {
     52     color: #6f533e;
     53     background:#6f533e;
     54     height: 1px;
     55     border: none;
     56     width: 0%;
     57     margin: 5px 0 7px 0;
     58     text-align: center;
    4959}
    5060
     
    156166     color: #3f271b;
    157167     background-size: 17px auto, 100% 100%, 100% 100% !important;
     168     background-position: 12px center, center center, center center !important;
     169     background-repeat: no-repeat !important;
    158170     border-radius: 0;
    159171     border: 1px solid #efe6e0;
     
    187199
    188200.nav_main:link {
    189      background: #fff7ef url(images/button_snark.png) 11px center no-repeat;
    190      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);
     201     background: #fff7ef url(images/button_snark.png) 11px center no-repeat !important;
     202     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) !important;
    191203     background-size: 18px auto, 100% 100%, 100% 100% !important;
    192204}
    193205
    194206.nav_forum:link {
    195      background: #fff7ef url(images/button_forum.png) 12px center no-repeat;
    196      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);
     207     background: #fff7ef url(images/button_forum.png);
     208     background: url(images/button_forum.png), linear-gradient(to bottom, #fff7ef 47%, rgba(207, 193, 181, 0.6) 50%), repeating-linear-gradient(45deg, #75604e 1px, #a09286 1px, #bfafa2 2px);
    197209}
    198210
    199211.nav_tracker:link {
    200      background: #fff7ef url(images/button_tracker.png) 12px center no-repeat;
    201      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);
     212     background: #fff7ef url(images/button_tracker.png);
     213     background: url(images/button_tracker.png), linear-gradient(to bottom, #fff7ef 47%, rgba(207, 193, 181, 0.6) 50%), repeating-linear-gradient(135deg, #75604e 1px, #a09286 1px, #bfafa2 2px);
     214     background-size: 18px auto, 100% 100%, 100% 100% !important;
    202215}
    203216
    204217.nav_main:hover, .nav_main:focus {
    205      background: #ffeadf url(images/button_snark_hover.png) 11px center no-repeat;
    206      background: url(images/button_snark_hover.png) 11px center no-repeat, linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50%, #cfb6a8 100%);
     218     background: #ffeadf url(images/button_snark_hover.png) 11px center no-repeat !important;
     219     background: url(images/button_snark_hover.png) 11px center no-repeat, linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50%, #cfb6a8 100%) !important;
     220     background-size: 18px auto, 100% 100%, 100% 100% !important;
    207221}
    208222
    209223.nav_forum:hover, .nav_forum:focus {
    210      background: #ffeadf url(images/button_forum_hover.png) 12px center no-repeat;
    211      background: url(images/button_forum_hover.png) 12px center no-repeat, linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50%, #cfb6a8 100%);
    212      background-size: 17px auto, 100% 100%, 100% 100%;
     224     background: #ffeadf url(images/button_forum_hover.png);
     225     background: url(images/button_forum_hover.png), linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50%, #cfb6a8 100%);
    213226}
    214227
    215228.nav_tracker:hover, .nav_tracker:focus {
    216      background: #ffeadf url(images/button_tracker_hover.png) 12px center no-repeat;
    217      background: url(images/button_tracker_hover.png) 12px center no-repeat, linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50%, #cfb6a8 100%);
    218      background-size: 17px auto, 100% 100%, 100% 100%;
     229     background: #ffeadf url(images/button_tracker_hover.png);
     230     background: url(images/button_tracker_hover.png), linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50%, #cfb6a8 100%);
    219231}
    220232
    221233.nav_main:active {
    222      background: #dfb899 url(images/button_snark_active.png) 11px center no-repeat;
    223      background: url(images/button_snark_active.png) 11px center no-repeat, linear-gradient(to bottom, #dfb899 47%, #af9178 50%, #af9178 100%);
    224      background-size: 18px auto, 100% 100%, 100% 100%;
     234     background: #dfb899 url(images/button_snark_active.png) 11px center no-repeat !important;
     235     background: url(images/button_snark_active.png) 11px center no-repeat, linear-gradient(to bottom, #dfb899 47%, #af9178 50%, #af9178 100%) !important;
     236     background-size: 18px auto, 100% 100%, 100% 100% !important;
    225237}
    226238
    227239.nav_forum:active {
    228      background: #dfb899 url(images/button_forum_active.png) 12px;
    229      background: url(images/button_forum_active.png) 12px center no-repeat, linear-gradient(to bottom, #dfb899 47%, #af9178 50%, #af9178 100%);
    230      background-size: 17px auto, 100% 100%, 100% 100%;
     240     background: #dfb899 url(images/button_forum_active.png);
     241     background: url(images/button_forum_active.png), linear-gradient(to bottom, #dfb899 47%, #af9178 50%, #af9178 100%);
    231242}
    232243
    233244.nav_tracker:active {
    234      background: #dfb899 url(images/button_tracker_active.png) 12px center no-repeat;
    235      background: url(images/button_tracker_active.png) 12px center no-repeat, linear-gradient(to bottom, #dfb899 47%, #af9178 50%, #af9178 100%);
    236      background-size: 17px auto, 100% 100%, 100% 100%;
     245     background: #dfb899 url(images/button_tracker_active.png);
     246     background: url(images/button_tracker_active.png), linear-gradient(to bottom, #dfb899 47%, #af9178 50%, #af9178 100%);
    237247}
    238248
     
    268278     margin: 0 0 10px;
    269279     padding: 0 3px;
    270      border-spacing: 0;
    271280     border: 1px solid #6f533e;
    272281     border-radius: 2px;
     
    286295
    287296.snarkMessages:focus {
    288      box-shadow: inset 0 0 6px 0 #3f2307, 0 0 1px #f60;
    289297     box-shadow: inset 0 0 6px 0 #3f2307, 0 0 1px #df0067;
    290298     filter: drop-shadow(0 0 2px rgba(200, 80, 0, 0.3));
     
    329337.snarkMessages a:link:active, .snarkMessages a:visited:active  {
    330338     color: #f30 !important;
    331 }
    332 
    333 .snarkMessages p {
    334      font-style: italic;
    335      margin: 0;
    336      text-align: right;
    337339}
    338340
     
    397399/* end pagenav */
    398400
    399 pre {
    400      width: 100%;
    401      font: 8pt "DejaVu Sans Mono", "Droid Sans Mono", "Lucida Console", monospace !important;
    402      padding: 0;
    403      text-align: left !important;
    404      height: 8px;
    405      color: #731;
    406      font-weight: bold !important;
    407 }
    408 
    409401table {
    410402     margin: 0 0 10px 0;
     
    477469}
    478470
    479 tfoot img, tfoot:nth-child(2) img, tfoot:nth-child(1) img, tfoot:nth-child(3) img, tfoot:nth-child(4) img {
    480      margin: 0 2px 3px 0 !important;
    481      padding-right: 0 !important;
    482 }
    483 
    484471.headerstatus {
    485472     text-align: left;
     
    522509}
    523510
    524 .snarkTorrents thead th > * {
    525      vertical-align: middle !important;
    526 }
    527 
    528 .snarkTorrents thead th:nth-child(2) {
    529      text-align: left;
    530      min-width: 50px;
    531 }
    532 
    533511.snarkTorrents tfoot th {
    534512     border-bottom: none !important;
     
    618596.snarkTrackerDetails {
    619597     padding: 0 3px !important;
    620 }
    621 
    622 .snarkTorrentDetails {
    623      font-weight: bold;
    624598}
    625599
     
    700674
    701675.snarkTorrents tt {
    702      background: #313;
    703676     background: #7F654F;
    704677     color: #fff;
     
    890863#torrentInfoControl {
    891864     border-top: 1px solid #6f533e;
    892      background: linear-gradient(to bottom, #efefef, #cfc7c2);
    893865}
    894866
    895867#torrentInfoControl td {
    896      border-bottom: none !important;;
     868     border-bottom: none !important;
    897869     background: linear-gradient(to bottom, #efefef, #cfc7c2);
    898870     text-align: right !important;
     
    11651137}
    11661138
    1167 .snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active {
    1168      font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
    1169      font-size: 11pt !important;
    1170      font-weight: bold;
     1139/* panel titles */
     1140
     1141.snarkConfigTitle, .toggleview, .configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active {
     1142     font: bold 11pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
    11711143     font-variant: small-caps !important;
    1172      padding: 4px 15px 2px 12px;
     1144     padding: 4px 1px 2px;
    11731145     margin: 0 0 -3px !important;
    11741146     letter-spacing: 0.1em;
     
    11771149     background: #fff7ef;
    11781150     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);
    1179      color: #444039;
     1151     color: #444039 !important;
    11801152     box-shadow: 0 0 2px #4d453e, inset 0 0 0 1px #efe6e0;
    11811153     display: inline-block;
    1182      min-width: 220px;
     1154     min-width: 280px;
    11831155     vertical-align: middle;
    11841156     text-shadow: 0 0 1px #fff5ef;
    11851157}
    11861158
    1187 .snarkConfigTitle:hover, label.toggleview:hover {
     1159.snarkConfigTitle:hover, .toggleview:hover, input.toggle_input:focus + .toggleview {
    11881160     background: #ffeadf;
    11891161     background: linear-gradient(to bottom, #ffeadf 0%, #ffeadf 51%, #cfb6a8 52%, #cfb6a8 100%);
    1190 }
    1191 
    1192 .snarkConfigTitle:active, label.toggleview:active {
     1162     color: #930 !important;
     1163}
     1164
     1165input.toggle_input:focus + .toggleview img, .snarkConfigTitle a:focus {
     1166     mix-blend-mode: normal;
     1167}
     1168
     1169.snarkConfigTitle a:focus img {
     1170     filter: drop-shadow(0px 0 1px #7f6c5f);
     1171}
     1172
     1173.snarkConfigTitle:active, .toggleview:active {
    11931174     box-shadow:  0 0 2px #4d453e, inset 0 0 0 1px #fff, inset 2px 2px 3px 1px #59513b;
    11941175}
     
    12271208
    12281209@media screen and (-webkit-min-device-pixel-ratio:0) {
    1229 .snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle, .snarkConfigTitle a, .snarkConfigTitle a:hover,
     1210.snarkConfigTitle, .toggleview, .configsectionpanel .snarkConfigTitle, .snarkConfigTitle a, .snarkConfigTitle a:hover,
    12301211.configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active {
    12311212     font-size: 12pt !important;
     
    12341215
    12351216/* MS Edge fix */
    1236 _:-ms-lang(x), .snarkConfigTitle, .snarkConfigTitle a, label.toggleview,
     1217_:-ms-lang(x), .snarkConfigTitle, .snarkConfigTitle a, .toggleview,
    12371218.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
    12381219     padding: 3px 15px 4px;
     
    12401221}
    12411222
    1242 .snarkConfigTitle a, label.toggleview {
     1223.snarkConfigTitle a {
     1224     display: inline-block;
     1225     width: 100%;
     1226}
     1227
     1228.snarkConfigTitle a, .toggleview {
     1229     color: #3f271b !important;
     1230     text-shadow: 0 0 1px #fff5ef;
     1231}
     1232
     1233.snarkConfigTitle a:hover, .toggleview:hover, .snarkConfigTitle a:focus, .toggleview:focus {
    12431234     color: #930 !important;
    1244      color: #3F271B !important;
    1245      text-shadow: 0 0 1px #fff5ef;
    1246 }
    1247 
    1248 .snarkConfigTitle a:hover, label.toggleview:hover, .snarkConfigTitle a:focus, label.toggleview:focus {
    1249      color: #df0072 !important;
    1250      color: #930 !important;
    1251 }
    1252 
    1253 
    1254 .snarkConfigTitle a:active, .snarkConfigTitle a:visited:active, label.toggleview:active {
     1235}
     1236
     1237.snarkConfigTitle a:active, .snarkConfigTitle a:visited:active, .toggleview:active {
    12551238     color: #603110 !important;
    12561239}
    12571240
    1258 .snarkConfigTitle img, label.toggleview img {
     1241.snarkConfigTitle img, .toggleview img {
    12591242     margin: 1px -2px 3px 0;
    12601243     filter: drop-shadow(0 0 1px #7f6c5f) !important;
     
    12621245}
    12631246
    1264 .snarkConfigTitle:hover img, label.toggleview:hover img, .snarkConfigTitle:focus img, label.toggleview:focus img {
     1247.snarkConfigTitle:hover img, .toggleview:hover img, .snarkConfigTitle:focus img, .toggleview:focus img {
    12651248     mix-blend-mode: normal;
    12661249}
     1250
     1251/* end panel titles */
    12671252
    12681253.snarkConfig {
    12691254     font-size: 8pt;
    12701255     width: 100%;
    1271 }
    1272 
    1273 form {
    1274      margin-bottom: 0;
    1275 }
    1276 
    1277 p {
    1278      line-height: 150%;
    1279 }
    1280 
    1281 hr {
    1282      color: #6f533e;
    1283      background:#6f533e;
    1284      height: 1px;
    1285      border: none;
    1286      width: 0%;
    1287      margin: 5px 0 7px 0;
    1288      text-align: center;
    12891256}
    12901257
     
    18401807/* toggle create/add panel view */
    18411808
    1842 .toggle_input { /* hide checkbox and use label as faux panel heading */
    1843      display: none !important;
     1809input.toggle_input { /* hide checkbox and use label as faux panel heading */
     1810      position: absolute;
     1811      opacity: 0;
     1812      z-index: -1;
    18441813}
    18451814
     
    19121881     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    19131882}
     1883
     1884/*
    19141885
    19151886.from, .to {
     
    19481919     margin: 2px 3px !important;
    19491920}
     1921
     1922*/
    19501923
    19511924.dhtDebug th {
     
    22562229     border-top: none;
    22572230     border-bottom: none;
    2258 /*     box-shadow: 0 0 2px 1px rgba(77, 69, 62, 0.3);*/
    22592231     border-collapse: separate;
    22602232}
     
    23892361}
    23902362
     2363.commentAuthorName:empty {
     2364     display: none;
     2365}
     2366
    23912367.commentText {
    23922368     white-space: normal;
     
    25292505}
    25302506
    2531 .lowersection .snarkConfigTitle, .lowersection .snarkConfigTitle:hover,  label.toggleview, .snarkConfigTitle a {
     2507.lowersection .snarkConfigTitle, .lowersection .snarkConfigTitle:hover,  .toggleview, .snarkConfigTitle a {
    25322508     font-size: 11pt !important;
    2533      max-width: 220px !important
    25342509}
    25352510
     
    25422517}
    25432518
     2519/*
    25442520.from, .to {
    25452521     font-size: 11pt !important;
    25462522}
     2523*/
    25472524
    25482525.snarkTorrentOdd td, .snarkTorrentEven td {
     
    26142591
    26152592@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1000px) {
    2616 .snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle, .snarkConfigTitle a, .snarkConfigTitle a:hover,
     2593.snarkConfigTitle, .toggleview, .configsectionpanel .snarkConfigTitle, .snarkConfigTitle a, .snarkConfigTitle a:hover,
    26172594.configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active {
    26182595     font-size: 12pt !important;
     
    26852662
    26862663@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1200px) {
    2687 .snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle, .snarkConfigTitle a, .snarkConfigTitle a:hover,
     2664.snarkConfigTitle, .toggleview, .configsectionpanel .snarkConfigTitle, .snarkConfigTitle a, .snarkConfigTitle a:hover,
    26882665.configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active {
    26892666     font-size: 11pt !important;
     
    26952672}
    26962673}
    2697 
    26982674
    26992675@media screen and (min-width: 1000px) {
     
    27852761}
    27862762
     2763#totals {
     2764     word-spacing: 0.15em;
     2765}
     2766
    27872767thead a img, thead img {
    27882768     max-height: 21px;
     
    28032783
    28042784@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1200px) {
    2805 .snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle, .snarkConfigTitle a, .snarkConfigTitle a:hover,
     2785.snarkConfigTitle, .toggleview, .configsectionpanel .snarkConfigTitle, .snarkConfigTitle a, .snarkConfigTitle a:hover,
    28062786.configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active {
    28072787     font-size: 13pt !important;
     
    28782858
    28792859.snarkConfigTitle, .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle,
    2880 .configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active, label.toggleview {
    2881      min-width: 240px !important;
     2860.configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active, .toggleview {
     2861     min-width: 300px !important;
    28822862     font-size: 12pt !important;
    28832863}
     
    29252905
    29262906@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1400px) {
    2927 .snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle, .snarkConfigTitle a, .snarkConfigTitle a:hover,
     2907.snarkConfigTitle, .toggleview, .configsectionpanel .snarkConfigTitle, .snarkConfigTitle a, .snarkConfigTitle a:hover,
    29282908.configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active {
    29292909     font-size: 14pt !important;
     
    29602940}
    29612941
    2962 .snarkTorrentUploaded, .snarkTorrentRateUp {
     2942.snarkTorrentUploaded, .snarkTorrentRateUp, .peerinfo, .debuginfo {
    29632943     display: none;
    29642944}
     
    30503030     padding-left: 0 !important;
    30513031}
     3032
     3033#dhtDebugInner {
     3034     margin-top: -24px !important;
     3035}
    30523036}
    30533037
Note: See TracChangeset for help on using the changeset viewer.