Changeset a22bf6b for installer


Ignore:
Timestamp:
Feb 10, 2017 4:34:33 PM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
bfe8c65
Parents:
c4e7b1a
Message:

I2PSnark changes:

  • Add spacing between File Info/ Directory Listing for all themes
  • Tooltip for tracker removal eraser icon
  • Theme tweaks and whitespace removal
Location:
installer/resources/themes/snark
Files:
6 edited

Legend:

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

    rc4e7b1a ra22bf6b  
    134134
    135135.snarkRefresh:link:active {
    136      box-shadow: inset 2px 2px 2px #333;
     136     box-shadow: inset 0 0 0 1px #fff, inset 4px 4px 2px #555;
    137137}
    138138
     
    648648
    649649table.SnarkDirInfo {
    650      margin-top: -2px !important;
     650     margin-top: 10px !important;
    651651     margin-bottom: 0;
    652652     border-bottom: 1px solid #89f;
     
    655655.snarkDirInfo th img {
    656656     margin: 0 !important;
     657     max-height: 22px !important;
     658     padding-top: 3px !important;
     659     padding-bottom: 3px !important;
    657660}
    658661
     
    952955.snarkTorrents th img {
    953956     padding: 1px !important;
     957     max-height: 22px;
    954958}
    955959
     
    10651069      height: 14px;
    10661070      background: #1c943a;
    1067       background: linear-gradient(to bottom,  #1c943a 0%, #092f10 50%, #0d2707 50%, #091b05 50%, #091503 100%); 
     1071      background: linear-gradient(to bottom,  #1c943a 0%, #092f10 50%, #0d2707 50%, #091b05 50%, #091503 100%);
    10681072}
    10691073
    10701074div.percentBarInner.percentBarComplete {
    10711075      background: #eef;
    1072       background: linear-gradient(to bottom,  #eef 0%, #002200 52%, #000000 52%, #eef 100%); 
     1076      background: linear-gradient(to bottom,  #eef 0%, #002200 52%, #000000 52%, #eef 100%);
    10731077}
    10741078
     
    11261130}
    11271131
    1128 
    11291132.snarkConfigTitle:hover, label.toggleview:hover {
    11301133     background: linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;
     
    11361139
    11371140.snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover {
    1138      font-size: 12pt;
     1141     font-size: 13pt;
    11391142     font-weight: bold;
    11401143     font-variant: small-caps !important;
     
    11421145     min-width: 180px;
    11431146     margin: 0 0 -4px !important;
    1144      padding: 3px 25px 3px 22px;
     1147     padding: 3px 25px 4px 22px;
    11451148     letter-spacing: .08em;
    11461149     border: 1px solid #89f;
     
    11531156}
    11541157
     1158@media screen and (-webkit-min-device-pixel-ratio: 0) {
     1159.snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover {
     1160     font-size: 14pt;
     1161}
     1162}
     1163
     1164/* MS Edge 14+ fix */
     1165_:-ms-lang(x), .snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover {
     1166     font-size: 11pt !important;
     1167}
     1168
    11551169.configsectionpanel .snarkConfigTitle {
    11561170     color: #444;
    1157 }
    1158 
    1159 @media screen and (-webkit-min-device-pixel-ratio: 0) { /* webkit hack */
    1160 .snarkConfigTitle,
    1161 label.toggleview {
    1162      padding-top: 1px;
    1163 }
    11641171}
    11651172
     
    15301537}
    15311538
     1539@media screen and (-webkit-min-device-pixel-ratio: 0) {
     1540select {
     1541     padding: 6px 4px;
     1542}
     1543}
     1544
    15321545@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    15331546select {
     
    19982011}
    19992012
    2000 /* responsive layout */
    2001 
    2002 @media screen and (min-width: 1400px) {
    2003 body, th, td, table a, input, input[type="text"], input.r, input[name="nofilter_dataDir"], select, textarea, textarea[name="i2cpOpts"], .snarkAddInfo {
    2004      font-size: 10pt !important;
    2005 }
    2006 
    2007 .snarkMessages li, .snarkTorrents tt {
    2008      font-size: 9pt;
    2009 }
    2010 }
    2011 
    20122013/* MS Edge 14+ fix */
    20132014_:-ms-lang(x), * {
     
    20152016     -webkit-filter: none !important;
    20162017}
     2018
     2019/* responsive layout */
     2020
     2021@media screen and (min-width: 1400px) {
     2022body, th, td, table a, input, input[type="text"], input.r, input[name="nofilter_dataDir"], select, textarea, textarea[name="i2cpOpts"], .snarkAddInfo {
     2023     font-size: 10pt !important;
     2024}
     2025
     2026.snarkRefresh {
     2027     font-size: 11pt !important;
     2028}
     2029
     2030.snarkRefresh:link:first-child {
     2031     padding-left: 13px !important;
     2032}
     2033
     2034.snarkMessages li, .snarkTorrents tt {
     2035     font-size: 9pt;
     2036}
     2037}
     2038
  • installer/resources/themes/snark/dark/snark.css

    rc4e7b1a ra22bf6b  
    115115     padding: 5px 7px 5px 15px !important;
    116116     background:  url(images/button_snark.png) 7px center no-repeat, url(/themes/console/dark/images/header.png) center center repeat;
    117      background: url(images/button_snark.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%, #000 100%) !important; 
     117     background: url(images/button_snark.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%, #000 100%) !important;
    118118}
    119119
    120120.snarkRefresh:link:nth-child(2) {
    121121     background: url(images/button_forum.png) 7px center no-repeat, url(/themes/console/dark/images/header.png) center center repeat;
    122      background: url(images/button_forum.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%, #000 100%) !important; 
     122     background: url(images/button_forum.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%, #000 100%) !important;
    123123}
    124124
     
    130130.snarkRefresh:link:first-child:hover, .snarkRefresh:link:first-child:focus {
    131131     background-image: url(images/button_snark_hover.png), url(../ubergine/images/snarknav_on.png) !important;
    132      background-image: url(images/button_snark_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%) !important; 
     132     background-image: url(images/button_snark_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%) !important;
    133133     background-position: 7px center, center center !important;
    134134     background-repeat: no-repeat, repeat !important;
     
    137137.snarkRefresh:link:hover:nth-child(2), .snarkRefresh:link:focus:nth-child(2) {
    138138     background-image: url(images/button_forum_hover.png), url(../ubergine/images/snarknav_on.png) !important;
    139      background-image: url(images/button_forum_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%) !important; 
     139     background-image: url(images/button_forum_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%) !important;
    140140}
    141141
     
    175175     opacity: 1;
    176176     background-image: url(images/button_tracker_hover.png), url(../ubergine/images/snarknav_on.png) !important;
    177      background-image: url(images/button_tracker_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%) !important; 
     177     background-image: url(images/button_tracker_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%) !important;
    178178     background-position: 7px center, center center !important;
    179179     background-repeat: no-repeat, repeat !important;
     
    224224}
    225225
     226/* MS Edge 14+ fix */
     227_:-ms-lang(x), .snarkMessages {
     228     background: url(/themes/snark/ubergine/images/hat.png) no-repeat scroll right bottom, linear-gradient(to bottom, #010, #000);
     229     background-size: auto 95%;
     230}
     231
    226232.snarkMessages a:link, .snarkMessages a:visited {
    227233     color: #2b2 !important;
     
    295301     height: 8px;
    296302     color: #35f;
    297      font-weight: bold !important; 
     303     font-weight: bold !important;
    298304}
    299305
     
    309315}
    310316
    311 tr { 
     317tr {
    312318     opacity: 1;
    313319}
     
    553559table.snarkTorrentInfo tr:nth-last-child(2) {
    554560     border-top: 1px solid #494;
    555 } 
     561}
    556562
    557563.snarkTorrentInfo tr:nth-last-child(2) td {
     
    594600
    595601table.SnarkDirInfo {
    596      margin-top: -2px !important;
     602     margin-top: 10px !important;
    597603     margin-bottom: 0;
    598604     border-bottom: 1px solid #494;
     
    601607.snarkDirInfo th img {
    602608     margin: 0 !important;
     609     max-height: 20px !important;
     610     padding-top: 3px !important;
     611     padding-bottom: 3px !important;
    603612}
    604613
     
    619628     padding-left: 4px;
    620629     text-align: left;
    621 } 
     630}
    622631
    623632.snarkDirInfo td:first-child img {
     
    657666.snarkDirInfo .headerpriority {
    658667     text-align: center !important;
    659      vertical-align: middle; 
    660      padding-right: 10px; 
     668     vertical-align: middle;
     669     padding-right: 10px;
    661670}
    662671
     
    676685     font-weight: bold;
    677686     background: url("images/snarktopnav.png") repeat-x scroll center center #110011;
    678      background-image: linear-gradient(to bottom, #030 0%, #020 50%, #000 51%, #000 100%); 
     687     background-image: linear-gradient(to bottom, #030 0%, #020 50%, #000 51%, #000 100%);
    679688     text-align: center !important;
    680689     padding: 0 1px !important;
     
    712721.parentDir img {
    713722     padding-left: 3px;
    714 } 
     723}
    715724
    716725td.snarkFileStatus {
     
    872881}
    873882
     883/* MS Edge 14+ fix */
     884_:-ms-lang(x), .snarkTorrents tr, .snarkTorrents tr:hover, .snarkDirInfo tr:hover {
     885     box-shadow: none !important;
     886     border-top: 1px solid #494 !important;
     887     border-bottom: 1px solid #494 !important;
     888}
     889
    874890.snarkTorrents tr:hover td, .snarkDirInfo tr:hover td {
    875891     color: #ee9 !important;
     
    930946
    931947.snarkFileName {
    932      padding: 4px 0 !important; 
     948     padding: 4px 0 !important;
    933949     text-align: left !important;
    934950     font-size: 9pt !important;
     
    938954     padding: 4px 2px;
    939955     font-weight: normal;
    940      color: #bb7 !important; 
     956     color: #bb7 !important;
    941957}
    942958
     
    978994     height: 14px;
    979995     background: #1c943a;
    980      background: linear-gradient(to bottom,  #1c943a 0%, #092f10 50%, #0d2707 50%, #091b05 50%, #091503 100%); 
     996     background: linear-gradient(to bottom,  #1c943a 0%, #092f10 50%, #0d2707 50%, #091b05 50%, #091503 100%);
    981997}
    982998
    983999div.percentBarInner.percentBarComplete {
    9841000     background: #001100;
    985      background: linear-gradient(to bottom,  #001100 0%, #002200 52%, #000000 52%, #001100 100%); 
     1001     background: linear-gradient(to bottom,  #001100 0%, #002200 52%, #000000 52%, #001100 100%);
    9861002}
    9871003
     
    10401056     font-size: 11pt;
    10411057     font-weight: bold;
    1042      padding: 1px 22px 3px 20px;
     1058     padding: 2px 22px 3px 20px;
    10431059     margin: 5px 0 10px 0 !important;
    10441060     letter-spacing: 0.2em;
     
    10571073}
    10581074
     1075@media screen and (-webkit-min-device-pixel-ratio:0) {
     1076.snarkConfigTitle, label.toggleview {
     1077     font-size: 13pt !important;
     1078}
     1079}
     1080
    10591081.snarkConfigTitle {
    10601082     margin-bottom: -2px !important;
     
    10981120     min-width: 800px !important;
    10991121     margin: 5px 0 0 0;
    1100  /*    padding: 10px;*/
    11011122     border-radius: 0 0 2px 2px;
    1102 /*     border: 1px solid #494;*/
    11031123     font-size: 9pt !important;
    11041124     line-height: 160% !important;
     
    12121232     filter: drop-shadow(0 0 1px #000);
    12131233     -webkit-filter: drop-shadow(0 0 1px #000);
     1234     cursor: pointer !important;
    12141235}
    12151236
     
    12711292     border: 1px solid #000 !important;
    12721293     border: 1px solid #151 !important;
    1273      margin: 0 2px !important;     
     1294     margin: 0 2px !important;
    12741295     padding: 4px !important;
    12751296     background: #030;
     
    13611382
    13621383input.default {
    1363      width: 1px; 
    1364      height: 1px; 
     1384     width: 1px;
     1385     height: 1px;
    13651386     visibility: hidden;
    13661387}
     
    14731494     height: 10px;
    14741495     border: 1px solid #151 !important;
    1475      margin: 0 0 0 2px !important;     
     1496     margin: 0 0 0 2px !important;
    14761497     padding: 4px 5px !important;
    14771498     background: #030;
     
    15631584.trackerconfig tr:nth-child(odd), .snarkConfig tr:nth-child(odd) {
    15641585     background: #000900;
    1565 } 
     1586}
    15661587
    15671588.trackerconfig tr:last-child {
     
    16281649
    16291650.snarkConfig table tr:first-child {
    1630      border-top: 1px solid #494 !important; 
     1651     border-top: 1px solid #494 !important;
    16311652}
    16321653
     
    16611682
    16621683.snarkConfig tr:nth-last-child(2) {
    1663      background: none; 
     1684     background: none;
    16641685}
    16651686
     
    17751796}
    17761797
    1777 .iframed .snarknavbar, .iframed .mainsection, .iframed .addtorrentsection, 
     1798.iframed .snarknavbar, .iframed .mainsection, .iframed .addtorrentsection,
    17781799.iframed .newtorrentsection, .iframed .configsection, .iframed .configsectionpanel {
    17791800      border-left: none !important;
     
    18241845/* enable to display panels by default in webkit */
    18251846/*
    1826 @media screen and (-webkit-min-device-pixel-ratio:0) { 
     1847@media screen and (-webkit-min-device-pixel-ratio:0) {
    18271848input#toggle_addtorrent:not(checked) + label + hr + table, input#toggle_createtorrent:not(checked) + label + hr + table {
    18281849     display: table;
     
    18471868label.toggleview, .snarkConfigTitle a:visited {
    18481869     color: #7c7;
     1870}
     1871
     1872/* MS Edge 14+ fix */
     1873_:-ms-lang(x), * {
     1874     filter: none !important;
     1875     -webkit-filter: none !important;
    18491876}
    18501877
     
    18771904}
    18781905}
     1906
     1907/* end responsive layout */
  • installer/resources/themes/snark/light/snark.css

    rc4e7b1a ra22bf6b  
    1414/* preload top navigation mouseovers */
    1515body {
    16      background: url(images/tile2.png) fixed, 
     16     background: url(images/tile2.png) fixed,
    1717     url(images/button_snark_hover.png) no-repeat,
    1818     url(images/button_snark_active.png) no-repeat,
     
    2929
    3030body.iframed {
    31      background: transparent url(/themes/console/images/transparent.gif), 
     31     background: transparent url(/themes/console/images/transparent.gif),
    3232     url(images/button_snark_hover.png) no-repeat,
    3333     url(images/button_snark_active.png) no-repeat,
     
    6565     opacity: 1;
    6666     background: #fff;
    67      background: linear-gradient(to right, #fff 0%, #dfe0ff, #fff 100%);
     67     background: linear-gradient(to right, #fff 0%, #dfe0ff, #fff 100%) #eef;
    6868     background-size: 3px auto;
    6969}
     
    263263     filter: drop-shadow(0 0 1px #f60);
    264264     -webkit-filter: drop-shadow(0 0 1px #f60);
    265      mix-blend-mode: normal; 
     265     mix-blend-mode: normal;
    266266}
    267267
     
    271271
    272272
    273 a:link {       
     273a:link {
    274274     color: #359;
    275275     text-decoration: none;
     
    297297     font-weight: bold;
    298298     margin: 5px 4px !important;
    299      padding: 5px !important;   
     299     padding: 5px !important;
    300300     white-space: nowrap;
    301301     display: inline-block;
     
    317317     height: 8px;
    318318     color: #35f;
    319      font-weight: bold !important; 
     319     font-weight: bold !important;
    320320}
    321321
     
    331331}
    332332
    333 tr { 
     333tr {
    334334     opacity: 1;
    335335}
     
    482482     width: 20px !important;
    483483     text-align: left;
    484      padding: 2px;   
     484     padding: 2px;
    485485}
    486486
     
    559559     width: 60px;
    560560     white-space: nowrap;
     561}
     562
     563/* MS Edge 14+ fix */
     564_:-ms-lang(x), .snarkTorrentAction {
     565     width: 72px !important;
    561566}
    562567
     
    689694
    690695.snarkFileName {
    691      padding: 4px 0 !important; 
     696     padding: 4px 0 !important;
    692697     text-align: left !important;
    693698     font-size: 8pt !important;
     
    773778
    774779@media screen and (-webkit-min-device-pixel-ratio:0) {
    775 .snarkConfigTitle a, label.toggleview {
     780.snarkConfigTitle, .snarkConfigTitle a, label.toggleview,
     781.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
    776782     font-size: 14pt !important;
    777      padding: 1px 15px 4px;
    778 }
     783     padding: 3px 15px 4px;
     784}
     785}
     786
     787/* MS Edge 14+ fix */
     788_:-ms-lang(x), .snarkConfigTitle, .snarkConfigTitle a, label.toggleview,
     789.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
     790     padding: 3px 15px 4px;
     791     font-size: 13pt !important;
    779792}
    780793
     
    851864
    852865.snarkTorrentInfo tr:nth-child(odd) {
    853      background: #e0e0ff; 
     866     background: #e0e0ff;
    854867}
    855868
    856869.snarkTorrentInfo tr:nth-child(even) {
    857      background: #eef; 
     870     background: #eef;
    858871}
    859872
    860873.snarkTorrentInfo tr:last-child td {
    861      border-bottom: 1px solid #7778bf; 
     874     border-bottom: 1px solid #7778bf;
    862875}
    863876
     
    966979     border-radius: 2px;
    967980     border: 1px solid #7778bf;
    968      background: #fff;   
     981     background: #fff;
    969982     color: #272e3f;
    970983     margin: 2px 4px 2px 0;
     
    10791092
    10801093input.default {
    1081      width: 1px; 
    1082      height: 1px; 
     1094     width: 1px;
     1095     height: 1px;
    10831096     visibility: hidden;
    10841097     display: none;
     
    12261239     font-weight: bold;
    12271240     background: #fff url(images/configuration.png) 102% center no-repeat;
    1228      background: url(images/configuration.png) 102% center no-repeat, linear-gradient(to bottom, #fff, #e0e0ef);     
     1241     background: url(images/configuration.png) 102% center no-repeat, linear-gradient(to bottom, #fff, #e0e0ef);
    12291242     background-size: 84px 82px, 100%;
    12301243     background-blend-mode: luminosity;
     
    12731286.newtorrentsection table, .addtorrentsection table {
    12741287     margin-top: -5px;
    1275 } 
     1288}
    12761289
    12771290.newtorrentsection td:first-child, .addtorrentsection td:first-child {
     
    13901403}
    13911404
     1405/* MS Edge 14+ fix */
     1406_:-ms-lang(x), * {
     1407     filter: none !important;
     1408     -webkit-filter: none !important;
     1409}
     1410
    13921411/*responsive layout */
    13931412
     
    14031422@media screen and (-webkit-min-device-pixel-ratio:0) {
    14041423.snarkConfigTitle a, label.toggleview {
    1405      font-size: 12pt !important;
     1424     font-size: 14pt !important;
    14061425}
    14071426}
     
    14561475
    14571476@media screen and (-webkit-min-device-pixel-ratio:0) {
    1458 .snarkConfigTitle a, label.toggleview {
    1459      font-size: 15pt !important;
    1460      padding: 1px 15px 4px;
     1477.snarkConfigTitle a, label.toggleview,
     1478.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
     1479     font-size: 14pt !important;
     1480     padding: 3px 15px 4px !important;
    14611481}
    14621482}
     
    14791499}
    14801500}
     1501
     1502/* end responsive layout */
     1503
  • installer/resources/themes/snark/midnight/snark.css

    rc4e7b1a ra22bf6b  
    577577
    578578.snarkTorrentInfo tr:nth-last-child(2) td {
    579      padding: 5px 2px; 
     579     padding: 5px 2px;
    580580}
    581581
     
    607607
    608608.SnarkDirInfo {
    609      margin-top: -2px !important;
    610      margin-bottom: 0;
     609     margin-top: 10px !important;
     610     margin-bottom: -12px;
    611611     border-bottom: 1px solid #443da0;
    612612}
     
    772772     padding: 1px !important;
    773773     text-align: center !important;
     774}
     775
     776/* MS Edge 14+ fix */
     777_:-ms-lang(x), .snarkTorrentAction {
     778     width: 72px !important;
    774779}
    775780
     
    985990      height: 14px;
    986991      background: #1c943a;
    987       background: linear-gradient(to bottom,  #1c943a 0%, #092f10 50%, #0d2707 50%, #091b05 50%, #091503 100%); 
     992      background: linear-gradient(to bottom,  #1c943a 0%, #092f10 50%, #0d2707 50%, #091b05 50%, #091503 100%);
    988993}
    989994
    990995div.percentBarInner.percentBarComplete {
    991996      background: #001100;
    992       background: linear-gradient(to bottom,  #001100 0%, #002200 52%, #000000 52%, #001100 100%); 
     997      background: linear-gradient(to bottom,  #001100 0%, #002200 52%, #000000 52%, #001100 100%);
    993998}
    994999
     
    10441049}
    10451050
    1046 .snarkConfigTitle,
    1047 label.toggleview {
     1051.snarkConfigTitle, label.toggleview {
    10481052     font-size: 11pt;
    10491053     font-weight: bold;
     
    12051209     border: 1px solid #3e3f8f;
    12061210     border-bottom-color: #14144f;
    1207      border-right-color: #14144f; 
     1211     border-right-color: #14144f;
    12081212     background: #000;
    12091213     background: linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     
    18141818
    18151819form:last-child > .configsectionpanel {
    1816      margin-top: 10px;     
     1820     margin-top: 10px;
    18171821     margin-bottom: -1px;
    18181822}
     
    19291933}
    19301934
     1935/* MS Edge 14+ fix */
     1936_:-ms-lang(x), * {
     1937     filter: none !important;
     1938     -webkit-filter: none !important;
     1939}
     1940
    19311941/* responsive layout */
    19321942
     
    19361946}
    19371947
    1938 thead th, tfoot th, td, select, select option, .snarkAddInfo {
     1948thead th, tfoot th, td, select, select option, .snarkAddInfo, .snarkFileName {
    19391949     font-size: 10pt !important;
    19401950}
     
    19691979}
    19701980}
     1981
     1982/* end responsive layout */
     1983
  • installer/resources/themes/snark/ubergine/snark.css

    rc4e7b1a ra22bf6b  
    6363     border: 1px solid #101;
    6464     border-radius: 0 0 4px 4px;
    65      box-shadow: inset 0 0 3px 1px #212;
     65     box-shadow: inset 0 0 0 1px #3f173f, inset 0 0 3px 1px #212;
    6666     filter: drop-shadow(0 1px 4px #212);
    6767     -webkit-filter: drop-shadow(0 1px 1px #000);
     
    8080
    8181.iframed .snarknavbar {
    82      padding-bottom: 15px;
     82     padding-bottom: 16px;
    8383     margin-top: 0 !important;
    8484     margin-bottom: -6px !important;
     
    152152@media screen and (-webkit-min-device-pixel-ratio:0) {
    153153.snarkRefresh img {
    154      margin: 0 -4px 0 -5px;
     154     margin: -2px -7px 0 -5px;
    155155}
    156156}
     
    159159     border-radius: 2px;
    160160     margin: -5px 0 -4px !important;
    161      padding: 4px 12px 3px !important;
     161     padding: 5px 12px 4px 13px !important;
    162162     display: inline-block;
    163163}
     
    179179     background: url(images/hat.png) no-repeat scroll right center, linear-gradient(to bottom, #2a192a 0%, #202 100%);
    180180     background-size: 80px 83px, 100% 100%;
    181      box-shadow: inset 0 0 3px 1px rgba(16, 0, 16, 0.6);     
     181     box-shadow: inset 0 0 3px 1px rgba(16, 0, 16, 0.6);
    182182     outline: none;
    183183     filter: drop-shadow(0 0 1px rgba(16, 8, 16, 0.5));
     
    256256     height: 8px;
    257257     color: #35f;
    258      font-weight: bold !important; 
     258     font-weight: bold !important;
    259259}
    260260
     
    378378@media screen and (-webkit-min-device-pixel-ratio:0) { /* fixes webkit/blink double border */
    379379     .snarkTorrents {
    380      border-top: 1px solid transparent;     
     380     border-top: 1px solid transparent;
    381381}
    382382}
     
    403403     text-align: left;
    404404     min-width: 50px;
    405 } 
     405}
    406406
    407407.snarkTorrents tfoot {
     
    432432
    433433.snarkTorrents tfoot th:nth-child(n+2) {
    434      word-spacing: -0.2em;
    435      font-variant: all-small-caps;
     434     word-spacing: -0.4em;
    436435     text-align: right;
    437 }
    438 
    439 @media screen and (-webkit-min-device-pixel-ratio:0) {
    440 .snarkTorrents td:nth-child(n+6), .snarkTorrents tfoot th:nth-child(n+2) {
    441      font-variant: normal !important;
    442 }
    443436}
    444437
    445438.snarkTorrents tfoot th:nth-child(2) {
    446439     text-align: center;
     440}
     441
     442.snarkTorrents tfoot tt {
     443     margin-left: -4px;
    447444}
    448445
     
    461458
    462459.snarkTorrents tt {
    463      font-family: "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono
     460     font-family: "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono;
    464461     color: #cc0;
    465462     margin-left: 2px;
     
    514511}
    515512
     513/* MS Edge 14+ fix */
     514_:-ms-lang(x), .snarkTorrentAction {
     515     width: 72px !important;
     516}
     517
    516518.snarkTorrents th:last-child {
    517519     white-space: nowrap !important;
     
    553555     padding: 2px 2px 2px 0;
    554556     line-height: 110%;
    555 /*     min-width: 75px;*/
    556557     text-align: left !important;
    557558}
     
    638639
    639640.snarkTorrentEven + .snarkTorrentEven td:nth-child(2) tt, .snarkTorrentOdd + .snarkTorrentOdd td:nth-child(2) tt {
    640      margin-left: -12px;
     641     margin-left: -10px;
    641642     color: #cc0;
    642643}
     
    661662}
    662663
     664/* MS Edge 14+ fix */
     665_:-ms-lang(x), table.snarkTorrents tbody tr:hover {
     666     box-shadow: none !important;
     667}
     668
    663669table.snarkTorrents tbody tr:hover .snarkTorrentName, table.snarkDirInfo tbody tr:hover td .snarkFileName {
    664670     color: #fff !important;
     
    677683
    678684.snarkFileName {
    679      padding: 4px 0 !important; 
     685     padding: 4px 0 !important;
    680686     text-align: left !important;
    681687     font-size: 8pt !important;
     
    695701     text-align: left !important;
    696702     white-space: nowrap;
    697      max-width: 250px;     
     703     max-width: 250px;
    698704     overflow: hidden;
    699705     text-overflow: ellipsis;
     
    786792}
    787793
     794/* MS Edge 14+ fix */
     795_:-ms-lang(x), .snarkDirInfo img, .snarkTorrents img {
     796     filter: none !important;
     797     -webkit-filter: none !important;
     798}
     799
    788800.snarkDirInfo td, .SnarkDirInfo th {
    789801     min-width: 0 !important;
     
    827839     font-style: italic;
    828840     word-spacing: -0.4em;
    829 } 
     841}
    830842
    831843.thumb {
     
    880892     border-radius: 2px;
    881893     color: #fbf;
     894     margin-left: 3px;
     895     padding: 2px 4px;
     896     box-shadow: inset 0 0 0 1px #212;
    882897}
    883898
     
    886901     font-size: 12pt;
    887902     font-weight: bold;
    888      padding: 3px 18px;
     903     padding: 4px 18px 3px;
    889904     margin: 5px 0 10px 0 !important;
    890905     border: 1px solid #101;
     
    906921
    907922.snarkConfigTitle:hover, label.toggleview:hover {
    908      background: linear-gradient(to bottom, #5f475d 0%, #4F3B4F 50%, #1f001f 50%, #1f001f 100%);
     923     background: linear-gradient(to bottom, #5f475d 0%, #4f3b4f 50%, #1f001f 50%, #1f001f 100%);
    909924     box-shadow: inset 0 0 1px #3f173f;
    910925}
    911926
    912927.snarkConfigTitle:active, label.toggleview:active {
    913      box-shadow: inset 1px 1px 3px 1px #0d000d;
     928     box-shadow: inset 0 0 1px #7f2f7f, inset 1px 1px 3px 1px #0d000d;
    914929}
    915930.snarkConfigTitle img, label.toggleview img {
    916      margin-right: -3px;
    917      margin-bottom: 1px;
     931     margin: 1px -3px 2px 0;
    918932     vertical-align: middle;
    919933     filter: drop-shadow(0 0 1px #000);
     
    9881002     font-weight: bold;
    9891003     margin: 5px 2px !important;
    990      padding: 4px 6px 4px 4px; 
     1004     padding: 4px 6px 4px 4px;
    9911005     text-shadow: 0 0 #410;
    9921006     white-space: nowrap;
     
    10581072     border-radius: 2px;
    10591073     border: 1px solid #101;
    1060      background: #212 url(images/graytile.png); 
     1074     background: #212 url(images/graytile.png);
    10611075     color: #f60;
    10621076     margin: 2px 4px;
     
    10721086     color: #1c081e;
    10731087     background: #989;
    1074      background: linear-gradient(to bottom, #989 0%, #878 100%);     
     1088     background: linear-gradient(to bottom, #989 0%, #878 100%);
    10751089     border: 1px inset #bbb;
    10761090     padding: 4px 2px !important;
     
    11581172input[type="submit"]:disabled:active, a.control:disabled:active {
    11591173      filter: drop-shadow(0 0 1px #101);
    1160      -webkit-filter: drop-shadow(0 0 1px #101);   
    1161 } 
     1174     -webkit-filter: drop-shadow(0 0 1px #101);
     1175}
    11621176
    11631177#pagenav {
     
    12221236     background: linear-gradient(to bottom, #d60, #c50);
    12231237     color: #fff;
    1224      box-shadow: none;     
     1238     box-shadow: none;
    12251239}
    12261240
     
    12631277
    12641278input.default {
    1265      width: 1px; 
    1266      height: 1px; 
     1279     width: 1px;
     1280     height: 1px;
    12671281     visibility: hidden;
    12681282}
     
    13051319input.cancel:hover, input.cancel:focus {
    13061320     background: #767 url(images/cancel.png) no-repeat 4px center;
    1307      background: url(images/cancel.png) no-repeat 4px center, linear-gradient(to bottom, #767 0%, #989 100%);   
     1321     background: url(images/cancel.png) no-repeat 4px center, linear-gradient(to bottom, #767 0%, #989 100%);
    13081322}
    13091323
     
    13761390@media screen and (-webkit-min-device-pixel-ratio:0) {
    13771391input[type="submit"], input[type="reset"], a.control {
    1378      padding-left: 21px !important;     
     1392     padding-left: 21px !important;
    13791393}
    13801394}
     
    15671581     color: #ddd;
    15681582     border-radius: 4px;
    1569      box-shadow: inset 0 0 3px 0 #101;     
     1583     box-shadow: inset 0 0 3px 0 #101;
    15701584     word-wrap: break-word;
    15711585     text-align: center;
     
    15781592}
    15791593
    1580 .configsectionpanel, .configsectionpanel td {
     1594.configsectionpanel, .configsectionpanel td, .snarkNewTorrent, .snarkNewTorrent td, .snarkAddInfo {
    15811595     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
    1582      font-size: 10pt !important;
     1596     font-size: 9pt !important;
    15831597}
    15841598
     
    15941608
    15951609.addtorrentsection td:first-child, .newtorrentsection td:first-child {
    1596      width: 200px;
     1610     width: 10%;
     1611     white-space: nowrap;
    15971612}
    15981613
     
    16071622
    16081623.configsectionpanel input[name="nofilter_dataDir"], .configsectionpanel textarea {
    1609      width: 550px;
     1624     min-width: 550px;
     1625     width: 60%;
    16101626}
    16111627
     
    16711687     background: url(images/nuke.png) center right 6px no-repeat, linear-gradient(to bottom, #414 0%, #414 50%, #313 51%, #101 100%);
    16721688     border-left: 1px solid #101;
     1689     width: 5%;
    16731690}
    16741691
     
    16871704
    16881705.trackerconfig th, .trackerconfig td, .trackerconfig th:last-child, .trackerconfig td:last-child {
    1689      text-align: left !important;     
     1706     text-align: left !important;
    16901707}
    16911708
    16921709.trackerconfig td:first-child {
    1693      text-align: right !important;     
     1710     text-align: right !important;
    16941711}
    16951712
     
    17371754/* note that midori has other issues c. v5.10, best avoided */
    17381755/*
    1739 @media screen and (-webkit-min-device-pixel-ratio:0) { 
     1756@media screen and (-webkit-min-device-pixel-ratio:0) {
    17401757input#toggle_addtorrent:not(checked) + label + hr + table, input#toggle_createtorrent:not(checked) + label + hr + table {
    17411758     display: table;
     
    17771794}
    17781795
     1796/* MS Edge 14+ fix */
     1797_:-ms-lang(x), * {
     1798     filter: none !important;
     1799     -webkit-filter: none !important;
     1800}
     1801
    17791802/* responsive layout */
    17801803
     
    17851808
    17861809.snarknavbar {
    1787      padding: 18px 10px 16px;
     1810     padding: 17px 10px 16px;
    17881811}
    17891812
    17901813.snarknavbar img {
    1791      margin-right: -8px;
     1814     margin: -2px -9px 0 -5px;
     1815}
     1816
     1817@media screen and (-webkit-min-device-pixel-ratio:0) {
     1818.snarkRefresh img {
     1819     margin: -2px -8px 0 -5px;
     1820}
     1821
     1822.snarkConfigTitle, label.toggleview {
     1823     font-size: 14pt !important;
     1824}
    17921825}
    17931826
     
    18041837}
    18051838
     1839.snarkRefresh:last-child[href="/i2psnark/"] {
     1840     padding: 6px 12px 5px 15px !important;
     1841     margin: -7px 0 -6px !important;
     1842}
    18061843.snarkTorrents tt {
    18071844     font-size: 10pt;
     1845     color: #cc0;
    18081846}
    18091847
    18101848tt, code, .snarkMessages, input, input[type="submit"], input[type="reset"], select, select option, button, textarea {
    18111849     font-size: 9pt !important;
     1850}
     1851
     1852.configsectionpanel, .configsectionpanel td, .snarkNewTorrent, .snarkNewTorrent td, .snarkAddInfo {
     1853     font-size: 10pt !important;
     1854}
     1855
     1856.addtorrentsection td:first-child, .newtorrentsection td:first-child {
     1857     width: 200px;
    18121858}
    18131859
     
    18211867}
    18221868}
     1869
     1870/* end responsive layout */
  • installer/resources/themes/snark/vanilla/snark.css

    rc4e7b1a ra22bf6b  
    108108@media screen and (-webkit-min-device-pixel-ratio:0) {
    109109.snarknavbar {
    110      padding-top: 16px;
     110     padding-top: 15px;
     111}
     112
     113.snarkRefresh:link:first-child {
     114     padding-top: 4px !important;
    111115}
    112116}
     
    144148     background: linear-gradient(to bottom, #dfb899 0%, #dfb899 50%, #af9178 50%, #af9178 100%);
    145149     text-shadow: none !important;
    146      box-shadow: inset 1px 1px 2px 1px #3f362f;
     150     box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 3px 1px #555;
    147151}
    148152
     
    235239
    236240.snarkMessages {
    237      font: bold 8pt "DejaVu Sans Mono", "Droid Sans Mono", "Lucida Console", Courier, mono !important;
     241     font: bold 8pt "Droid Sans Mono", "Noto Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono !important;
    238242     text-align: left;
    239243     margin: 0 0 10px;
     
    326330     height: 8px;
    327331     color: #731;
    328      font-weight: bold !important; 
     332     font-weight: bold !important;
    329333}
    330334
     
    341345}
    342346
    343 tr { 
     347tr {
    344348     opacity: 1;
    345349}
     
    536540
    537541.snarkTorrents td:nth-child(n+6), .snarkTorrents tfoot th:nth-child(n+2) {
    538      font-variant: all-small-caps !important;
    539      word-spacing: -0.2em;
    540 }
    541 
    542 @media screen and (-webkit-min-device-pixel-ratio:0) {
    543 .snarkTorrents td:nth-child(n+6), .snarkTorrents tfoot th:nth-child(n+2) {
    544      font-variant: normal !important;
    545 }
     542     word-spacing: -0.4em;
    546543}
    547544
     
    617614     width: 68px;
    618615     white-space: nowrap;
     616}
     617
     618/* MS Edge 14+ fix */
     619_:-ms-lang(x), .snarkTorrentAction {
     620     width: 72px !important;
    619621}
    620622
     
    746748
    747749.snarkTorrentEven + .snarkTorrentEven:nth-child(even) td, .snarkTorrentOdd + .snarkTorrentOdd:nth-child(even) td, .snarkTorrentEven + .snarkTorrentEven:nth-child(odd) td, .snarkTorrentOdd + .snarkTorrentOdd:nth-child(odd) td {
    748      padding: 3px 0 !important; 
     750     padding: 3px 0 !important;
    749751}
    750752
     
    778780
    779781.snarkFileName {
    780      padding: 4px 0 !important; 
     782     padding: 4px 0 !important;
    781783     text-align: left !important;
    782784     font-size: 8pt !important;
     
    805807.snarkTorrentInfo img {
    806808     max-height: 16px !important;
    807      margin: 1px 2px 2px 2px !important;   
     809     margin: 1px 2px 2px 2px !important;
    808810}
    809811
     
    845847
    846848.snarkDirInfo {
    847      margin-top: -3px !important;
    848      margin-bottom: 0;   
     849     margin-top: 10px !important;
     850     margin-bottom: 0;
    849851}
    850852
     
    859861
    860862.snarkDirInfo td {
    861      min-width: 0 !important;     
     863     min-width: 0 !important;
    862864}
    863865
     
    911913}
    912914
     915#trackerselect td {
     916     white-space: nowrap !important;
     917}
     918
    913919#trackerselect td:nth-child(2), #trackerselect td:nth-child(3) {
    914      max-width: 50px !important;
     920     max-width: 60px !important;
    915921}
    916922
     
    923929}
    924930
    925 .snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover {
     931.snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active {
    926932     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
    927      font-size: 11pt;
    928      font-weight: bold;
    929      padding: 2px 15px 2px 12px;
     933     font-size: 12pt !important;
     934     font-weight: bold;
     935     padding: 4px 15px 2px 12px;
    930936     margin: 0 0 -3px !important;
    931937     letter-spacing: 0.1em;
     
    949955}
    950956
     957.snarkConfigTitle:active, label.toggleview:active {
     958     box-shadow:  0 0 2px #4d453e, inset 0 0 0 1px #fff, inset 2px 2px 3px 1px #555;
     959}
     960
     961.snarkConfigTitle {
     962     padding-top: 3px !important;
     963}
     964
    951965@media screen and (-webkit-min-device-pixel-ratio:0) {
    952 .snarkConfigTitle, label.toggleview {
    953      font-size: 12pt;   
    954 }
     966.snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle,
     967.configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active {
     968     font-size: 13pt !important;
     969}
     970}
     971
     972/* MS Edge 14+ fix */
     973_:-ms-lang(x), .snarkConfigTitle, .snarkConfigTitle a, label.toggleview,
     974.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
     975     padding: 3px 15px 4px;
     976     font-size: 11pt !important;
    955977}
    956978
     
    970992
    971993.snarkConfigTitle img, label.toggleview img {
    972      margin: 1px -2px 2px 0;
     994     margin: 1px -2px 3px 0;
    973995     filter: drop-shadow(0 0 1px #7f6c5f) !important;
    974996     -webkit-filter: drop-shadow(0 0 1px #7f6c5f) !important;
    975997}
    976 
    977998
    978999.snarkConfig {
     
    10121033}
    10131034
     1035@media screen and (-webkit-min-device-pixel-ratio:0) {
     1036hr.debug:nth-child(n+7) {
     1037    margin: -10px 0 4px;
     1038}
     1039}
     1040
    10141041a:link {
    10151042     color: #f30;
     
    10491076     font-weight: bold;
    10501077     margin: 3px 2px !important;
    1051      padding: 5px 4px 5px 2px; 
     1078     padding: 5px 4px 5px 2px;
    10521079     white-space: nowrap;
    10531080}
     
    10801107     border-radius: 2px;
    10811108     border: 1px solid #2f1500;
    1082      background: #efe6e0;       
     1109     background: #efe6e0;
    10831110     color: #2f1500;
    10841111     margin: 2px 4px;
     
    11401167}
    11411168
    1142 input.default { 
    1143      width: 1px; 
    1144      height: 1px; 
     1169input.default {
     1170     width: 1px;
     1171     height: 1px;
    11451172     visibility: hidden;
    11461173     display: none;
     
    12571284
    12581285select + select {
    1259      margin-left: -17px;
     1286     margin-left: -12px;
    12601287}
    12611288
     
    13611388     box-shadow: 0 0 1px 0 #f60;
    13621389}
    1363 
    1364 .infoz {
    1365      margin: 0 -1px 0 0 !important;
    1366      padding: 0 !important;
    1367      line-height: 100%;
    1368      float: left;
    1369 }
    1370 
    1371 .infoz img {
    1372      border: none;
    1373      opacity: 0.8 !important;
    1374 }
    1375 
    1376 .infoz img:hover {
    1377      opacity: 1 !important;
    1378 }
    1379 
    13801390
    13811391.section, .mainsection {
     
    14621472}
    14631473
    1464 .configsectionpanel td {
     1474.configsectionpanel td, .snarkNewTorrent td {
    14651475     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
    1466      font-size: 10pt !important;
     1476     font-size: 9pt !important;
    14671477}
    14681478
     
    15531563     border-radius: 2px 0 0 2px;
    15541564     border-left: 1px solid #6f533e;
     1565     background: url(/themes/console/images/buttons/delete.png) center right 8px no-repeat, linear-gradient(to bottom, #efefef 0%, #efefef 51%, #cfc7c2 52%, #cfc7c2 100%);
    15551566}
    15561567
     
    15651576
    15661577.trackerconfig th, .trackerconfig td, .trackerconfig th:last-child, .trackerconfig td:last-child {
    1567      text-align: left !important;     
     1578     text-align: left !important;
    15681579}
    15691580
    15701581.trackerconfig td:first-child {
    1571      text-align: right !important;     
     1582     text-align: right !important;
    15721583}
    15731584
     
    16271638/* display panels by default on webkit based browsers (midori fix) */
    16281639/*
    1629 @media screen and (-webkit-min-device-pixel-ratio:0) { 
     1640@media screen and (-webkit-min-device-pixel-ratio:0) {
    16301641#toggle_addtorrent:not(checked) + label + hr + table, #toggle_createtorrent:not(checked) + label + hr + table {
    16311642     display: table;
     
    16671678}
    16681679
     1680/* MS Edge 14+ fix */
     1681_:-ms-lang(x), * {
     1682     filter: none !important;
     1683     -webkit-filter: none !important;
     1684}
     1685
    16691686/* responsive layout */
    16701687
     
    16741691}
    16751692
    1676 .snarkRefresh:link {
    1677      font-size: 10pt;
     1693.snarkRefresh:link, .snarkAddInfo, .configsectionpanel td, .snarkNewTorrent td {
     1694     font-size: 10pt !important;
    16781695}
    16791696
     
    17001717}
    17011718
     1719/* end responsive layout */
     1720
Note: See TracChangeset for help on using the changeset viewer.