Changeset d2edce8 for installer


Ignore:
Timestamp:
Jul 1, 2017 7:55:19 PM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
dc46f00
Parents:
bd84ba2
Message:

I2PSnark:

  • Standalone:
    • Better target the per-theme resources
    • List all available themes in config section
  • Themes: tidyups & further optimizations to reduce lag
Location:
installer/resources/themes/snark
Files:
6 edited

Legend:

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

    rbd84ba2 rd2edce8  
    44body {
    55     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", Verdana, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", Helvetica, sans-serif;
    6      color: #0c153d;
     6     color: #2c354f;
    77     background: #eef url(/themes/console/classic/images/bg0.png) repeat scroll center bottom;
    88     background-size: 120px 120px;
     
    174174
    175175.snarkMessages {
    176      overflow: auto;
     176     overflow: hidden;
    177177     width: auto;
    178178     height: 53px;
     
    185185     background: url(images/hat.png) bottom right no-repeat, linear-gradient(to bottom, #e3e3ff, #ddf);
    186186     box-shadow: inset 0 0 0 1px #ddf;
     187}
     188
     189.snarkMessages:hover, .snarkMessages:focus {
     190     overflow: auto;
     191}
     192
     193.snarkMessages:focus {
     194     box-shadow: inset 0 0 0 1px #f90;
    187195}
    188196
     
    773781     font-size: 9pt;
    774782     padding: 2px;
    775      color: #333 !important;
     783     color: #2c354f !important;
    776784}
    777785
     
    836844     font-weight: bold;
    837845     padding: 10px 5px;
    838      text-align: center !important;
    839846     color: #4f2 !important;
    840847     border-bottom: 1px solid #89f;
    841848     background: #fff;
     849}
     850
     851.snarkTorrentNoneLoaded td {
     852     text-align: center !important;
     853}
     854
     855.snarkTorrentNoneLoaded i {
     856     display: inline-block;
     857     padding: 10px;
     858}
     859
     860.snarkTorrentNoneLoaded i::before {
     861     content: url(images/bullet.png);
     862     display: inline-block;
     863     vertical-align: top;
     864     margin: 1px 4px 0 0 !important;
     865     transform: scale(0.95);
    842866}
    843867
  • installer/resources/themes/snark/dark/snark.css

    rbd84ba2 rd2edce8  
    4747
    4848.page {
    49      color: #310;
    5049     min-width: 890px !important;
    51      margin: 5px 0 0 0;
     50     margin: 5px 0 0;
    5251     font-size: 9pt !important;
    5352     line-height: 160% !important;
    5453     text-align: center;
    55      opacity: 1;
    5654     background: #000;
    5755     background: repeating-linear-gradient(135deg, #010, #010 10px, #020 10px, #020 20px, #010 20px);
    58      box-shadow: inset 0 0 0 1px #000 !important;
    5956}
    6057
     
    6461     padding: 0;
    6562     margin: 5px 0;
    66      box-shadow: none;
    6763     background: url(/themes/console/dark/images/camotile2.png) repeat scroll left top #000;
    6864     background: linear-gradient(to right, #000, #020 50%, #000) !important;
     
    226222     margin: 0;
    227223     padding: 3px 5px;
    228      overflow: auto;
     224     overflow: hidden;
    229225     resize: none;
    230226     color: #69f;
     
    237233}
    238234
     235.snarkMessages:hover, .snarkMessages:focus {
     236     overflow: auto;
     237}
     238
     239.snarkMessages:focus {
     240     box-shadow: inset 0 0 0 1px #930;
     241}
     242
    239243/* MS Edge fix */
    240244_:-ms-lang(x), .snarkMessages {
     
    253257
    254258.snarkMessages ul {
    255      margin: -1px 0 2px 0;
     259     margin: -1px 0 2px;
    256260     padding: 0 0 0 14px;
    257261     list-style: none;
     
    303307}
    304308
    305 pre {
    306      width: 100%;
    307      font: 8pt "Droid Sans Mono", "Noto Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
    308      padding: 0;
    309      text-align: left !important;
    310      height: 8px;
    311      color: #35f;
    312      font-weight: bold !important;
    313 }
    314 
    315309table {
    316310     margin: 0 0 10px;
     
    321315     color: #323;
    322316     width: 100%;
    323      opacity: 1 !important;
    324317}
    325318
     
    399392}
    400393
    401 .SnarkTorrents th:first-child {
    402      text-align: center;
    403      width: 30px;
    404      padding-right: 0;
    405 }
    406 
    407394.SnarkTorrents th br {
    408395     display: none; /* kill double height button display */
    409 }
    410 
    411 .snarkTorrents tfoot th:nth-child(2) {
    412      text-align: center;
    413 }
    414 
    415 .snarkTorrents tfoot th:nth-child(n+2) {
    416      white-space: nowrap;
    417396}
    418397
     
    424403     background: #000;
    425404     font-weight: normal;
    426 }
    427 
    428 .snarkTorrents tfoot th:nth-child(3) {
    429      text-align: center;
    430405}
    431406
     
    456431}
    457432
    458 .snarkGraphicStatus {
    459      width: 24px !important;
    460 }
    461 
    462433.snarkTrackerDetails, .SnarkTorrentDetails {
    463434     width: 16px !important;
     
    479450}
    480451
     452.snarkTorrentStatus a {
     453     font-weight: bold;
     454}
     455
    481456.snarkTorrentETA, .snarkTorrentUploaded, .snarkTorrentRateDown, .snarkTorrentRateUp {
    482457     width: 5%;
     
    489464}
    490465
    491 .snarkTorrents td[colspan="10"]{
     466.snarkTorrents td[colspan="10"] {
    492467     padding: 2px;
    493468     color: #cc7 !important;
     
    504479     padding: 1px 2px;
    505480     border-radius: 2px;
    506      margin:  1px 3px;
     481     margin: 1px 3px;
    507482     font-size: 8pt;
    508483     font-weight: bold;
     
    566541.snarkTorrentInfo tr:nth-child(even) {
    567542     background: #001000;
    568      color: #bb7;
    569      vertical-align: middle !important;
    570543}
    571544
    572545.snarkTorrentInfo tr:nth-child(odd) {
    573546     background: #001a00;
    574      color: #bb7;
    575547}
    576548
     
    663635     background: #020;
    664636     font-weight: bold;
    665      background: url("images/snarktopnav.png") repeat-x scroll center center #110011;
     637     background: url(images/snarktopnav.png) repeat-x scroll center center #110011;
    666638     background-image: linear-gradient(to bottom, #030 0%, #020 50%, #000 51%, #000 100%);
    667639     text-align: center !important;
     
    718690
    719691td {
    720      padding: 1px;
    721692     color: #ee9 !important;
    722      opacity: 1;
     693     vertical-align: middle;
    723694     font-size: 9pt;
    724      vertical-align: middle;
    725 }
    726 
    727 .mainsection td {
    728      color: #111;
    729 }
    730 
    731 td:first-child {
     695}
     696
     697#configs td:first-child, .addtorrentsection td:first-child, .newtorrentsection td:first-child,
     698.snarkCommentInfo td:first-child, .snarkComments td:first-child {
    732699     text-align: right;
    733700}
     
    743710
    744711.snarkTorrentAction {
    745      padding: 1px 1px 1px 1px !important;
     712     padding: 1px !important;
    746713     margin: 0 !important;
    747714     text-align: center !important;
     
    752719.snarkTorrentAction img {
    753720     margin: 0 2px !important;
    754      opacity: 1;
    755721}
    756722
    757723.snarkTorrentAction img:hover {
    758724     box-shadow: 0 0 1px 1px #f90;
    759      opacity: 1;
    760 }
    761 
    762 .snarkTorrentNoneLoaded {
    763      background: #000;
    764      font-size: 8.5pt;
    765      font-weight: bold;
    766      text-align: center !important;
    767      color: #4f2 !important;
    768      padding: 10px 5px;
    769      border-bottom: 1px solid #494;
    770725}
    771726
     
    785740}
    786741
    787 .snarkTorrentStatus:first-child {
    788      text-align: left !important;
    789      padding-left: 0;
    790      min-width: 48px;
    791      font-weight: bold;
    792      color: #dd9 !important;
    793      padding: 1px !important;
    794 }
    795 
    796 .snarkTorrentStatus:first-child img {
    797      margin-right: 10px !important;
    798      margin-left: 6px;
    799 }
    800 
    801742.snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded {
     743     color: #bb7 !important;
    802744     padding: 0 3px;
    803745     line-height: 90%;
     
    815757}
    816758
    817 .snarkTorrentUploaded {
    818      color: #bb7 !important;
    819 }
    820 
    821 .snarkTorrentRateUp {
    822      color: #bb7 !important;
    823 }
    824 
    825 .snarkTorrentRateDown {
    826      color: #bb7 !important;
    827 }
    828 
    829759.snarkTorrents img {
    830760     padding: 4px 3px !important;
     
    837767.snarkTorrents tr:hover, .snarkDirInfo tr:hover {
    838768     background: #030 !important;
    839      box-shadow: inset 0 0 1px 0 #494;
    840 }
    841 
    842 @media screen and (-webkit-min-device-pixel-ratio:0) {
    843 .snarkTorrents tr:hover, .snarkDirInfo tr:hover {
    844      box-shadow: none;
    845 }
    846769}
    847770
     
    852775/* MS Edge fix */
    853776_:-ms-lang(x), .snarkTorrents tr, .snarkTorrents tr:hover, .snarkDirInfo tr:hover {
    854      box-shadow: none !important;
    855777     border-top: 1px solid #000 !important;
    856778     border-bottom: 1px solid #000 !important;
     
    861783}
    862784
    863 .snarkTorrents tr:hover a, .snarkDirInfo tr:hover a {
    864      color: #9f9;
    865 }
    866 
    867785.snarkDirInfo tr:hover .snarkFileStatus img {
    868786     mix-blend-mode: normal;
    869787}
    870788
    871 .snarkTorrents a:hover, td[onclick^="document.location"]:hover a, .snarkDirInfo a:hover {
     789/*
     790.snarkTorrents a:hover, .snarkDirInfo a:hover {
    872791     color: #f40 !important;
    873792}
    874 
    875 td[onclick^="document.location"]:hover {
    876      cursor: pointer !important;
    877 }
    878 
    879 .snarkTorrentEven {
    880      background: #001000;
    881 }
    882 
    883 .snarkTorrentEven:nth-child(even) {
     793*/
     794
     795.snarkTorrentEven, .snarkTorrentEven:nth-child(even) {
    884796     background: #001000;
    885797}
     
    897809}
    898810
    899 .snarkTorrentOdd {
     811.snarkTorrentOdd, .snarkTorrentOdd:nth-child(odd) {
    900812     background: #000800 !important;
    901813}
     
    903815.snarkTorrentOdd:nth-child(even) {
    904816     background: #001000 !important;
    905 }
    906 
    907 .snarkTorrentOdd:nth-child(odd) {
    908      background: #000800 !important;
    909817}
    910818
     
    953861}
    954862
     863.snarkTorrentNoneLoaded {
     864     background: #000;
     865     font-size: 10pt;
     866     font-weight: bold;
     867     border-bottom: 1px solid #494;
     868}
     869
     870.snarkTorrentNoneLoaded td {
     871     text-align: center !important;
     872     color: #ee9 !important;
     873}
     874
     875.snarkTorrentNoneLoaded i {
     876     display: inline-block;
     877     padding: 10px;
     878}
     879
    955880/* download bars */
    956881
     
    966891     border-bottom: 1px solid #020;
    967892     border-right: 1px solid #020;
    968      box-shadow: none;
    969893     opacity: 1;
    970894     box-shadow: 0 0 1px 1px rgba(0,0,0,0.8);
     
    1005929}
    1006930
    1007 .percentBarText:hover, .percentBarText:focus {
    1008      opacity: 0.75;
    1009      transition: ease opacity 0.2s;
    1010 }
    1011 
    1012931@media screen and (-webkit-min-device-pixel-ratio: 0) {
    1013932.percentBarText {
     
    1018937     transition: none;
    1019938}
    1020 }
    1021 
    1022 .percentBarOuterComplete .percentBarText {
    1023      color: #ee9;
    1024      font-weight: normal;
    1025      opacity: 1;
    1026 }
    1027 
    1028 .snarkDirInfo .percentBarOuterComplete .percentBarText {
    1029      text-align: left;
    1030 }
    1031 
    1032 .percentBarOuterComplete, .percentBarComplete.percentBarInner {
    1033      border: 1px solid transparent;
    1034      background: none !important;
    1035      box-shadow: none !important;
    1036939}
    1037940
     
    1079982     font-size: 11pt;
    1080983     font-weight: bold;
    1081      padding: 3px 1px 3px 1px;
    1082      margin: 5px 0 10px 0 !important;
     984     padding: 3px 1px;
     985     margin: 5px 0 10px !important;
    1083986     letter-spacing: 0.2em;
    1084987     border: 1px solid #494;
     
    1088991     background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%) !important;
    1089992     font-variant: small-caps !important;
    1090      filter: drop-shadow(0 2px 1px #000);
    1091993     display: inline-block;
    1092994     margin: 0 0 -3px !important;
    1093995     min-width: 260px;
    1094      box-shadow: inset 0 0 0 1px #000;
     996     box-shadow: inset 0 0 0 1px #000, 0 1px 1px #000;
    1095997}
    1096998
     
    11431045.toggleview img:active, .toggleview:active img, .snarkConfigTitle a:active img {
    11441046     transform: rotate(90deg);
    1145      transition: ease transform 0.3s 0s;
     1047     transition: ease transform 0.3s;
    11461048}
    11471049
     
    11901092     border: 0 solid #444;
    11911093     width: 0%;
    1192      margin: 5px 0 7px 0;
     1094     margin: 5px 0 7px;
    11931095     text-align: center;
    11941096}
     
    12081110
    12091111a:hover, a:focus {
    1210      color: #f60 !important;
    1211 }
    1212 
    1213 a:active, .snarkTorrents td a:active {
     1112     color: #f40 !important;
     1113}
     1114
     1115a:active {
    12141116     color: #f90 !important;
    12151117}
     
    12901192}
    12911193
    1292 
    12931194input[type=image], thead img {
    12941195     padding: 0 !important;
     
    12961197     border: 0 none transparent !important;
    12971198     margin: 0 2px;
    1298      opacity: 1;
    1299 }
    1300 
    1301 input[type="image"], a img {
    1302      filter: drop-shadow(0 0 1px #000);
    13031199}
    13041200
    13051201input[type="image"]:hover, a img:hover, input[type="image"]:focus, a:focus img {
    1306      filter: saturate(200%) drop-shadow(0 0 1px #f90) !important;
     1202     filter: saturate(200%) drop-shadow(0 0 2px #f30) !important;
    13071203     outline: none;
    13081204}
     
    13211217
    13221218.snarkTorrentAction input[type="image"] {
    1323      border: 1px solid #000 !important;
    13241219     border: 1px solid #151 !important;
    13251220     margin: 0 2px !important;
     
    13301225     border-radius: 2px;
    13311226     height: 9px;
    1332      filter: drop-shadow(0 0 1px #000);
    13331227}
    13341228
     
    15581452img {
    15591453     border: none;
    1560      margin: 0 3px 1px 3px;
     1454     margin: 0 3px 1px;
    15611455     vertical-align: middle;
    1562      opacity: 1.0;
    15631456     line-height: 100%;
    1564      filter: drop-shadow(0 0 1px #000);
    15651457}
    15661458
    15671459img:hover {
    15681460     border: none;
    1569      opacity: 1;
    15701461     line-height: 100%;
    15711462}
     
    16131504     width: 100% !important;
    16141505     width: calc(100% - 170px) !important;
    1615      margin: 2px 5px 0 5px;
     1506     margin: 2px 5px 0;
    16161507}
    16171508
     
    17041595}
    17051596
    1706 .snarkTorrentNoneLoaded td {
    1707      background: #000;
    1708      border-left: 1px solid #040;
    1709      border-right: 1px solid #040;
    1710      color: #ee9 !important;
    1711 }
    1712 
    17131597.snarkNewTorrent td {
    17141598     padding: 2px 3px;
     
    18141698}
    18151699
     1700.section, .mainsection, .newtorrentsection, .addtorrentsection, .configsection, .configsectionpanel {
     1701     background: #000;
     1702     border: 1px solid #494;
     1703     color: #ee9;
     1704     text-align: center;
     1705}
     1706
     1707.newtorrentsection, .addtorrentsection, .configsection {
     1708     box-shadow: inset 0 0 5px 2px #000;
     1709}
     1710
    18161711.section, .mainsection {
    18171712     margin: 0;
    18181713     padding: 0;
    1819      border: 1px solid #494;
    18201714     border-bottom: none;
    1821      color: #ee9;
    1822      box-shadow: inset 0 0 1px 0 #212;
    1823      word-wrap: break-word;
    1824      text-align: center;
    1825      background: #000;
    1826      opacity: 1 !important;
    18271715}
    18281716
    18291717.newtorrentsection {
    18301718     margin: -1px 0 10px;
    1831      padding: 0 10px 0 10px;
    1832      border: 1px solid #494;
    1833      text-align: center;
    1834      color: #ee9;
    1835      box-shadow: inset 0 0 5px 2px #000;
    1836      word-wrap: break-word;
     1719     padding: 0 10px;
    18371720     background: #000 url(images/snark_create.png) no-repeat scroll right center;
    18381721     background: url(images/snark_create.png) center right no-repeat, linear-gradient(to bottom, rgba(0,40,0,0.3) 0%, rgba(0,15,0,0.5) 100%), url(/themes/console/dark/images/camotile2.png) top left repeat;
     
    18431726     margin: -1px 0 0;
    18441727     padding: 0 10px;
    1845      border: 1px solid #494;
    1846      text-align: center;
    1847      color: #ee9;
    1848      box-shadow: inset 0 0 5px 2px #000;
    1849      word-wrap: break-word;
    18501728     background: #000 url(images/snark_add.png) no-repeat scroll right center;
    18511729     background: url(images/snark_add.png) 99% center no-repeat, linear-gradient(to bottom, rgba(0,40,0,0.3) 0%, rgba(0,15,0,0.5) 100%), url(/themes/console/dark/images/camotile2.png) top left repeat;
     
    18551733.configsection {
    18561734     margin: -11px 0 0;
    1857      padding: 0 10px 12px 10px;
    1858      border: 1px solid #494;
    1859      color: #ee9;
    1860      box-shadow: inset 0 0 5px 2px #000;
    1861      word-wrap: break-word;
    1862      text-align: center;
    1863      background: #000;
    1864      font-weight: bold;
     1735     padding: 0 10px 12px;
    18651736     background: url(images/configuration.png) 102% 30% no-repeat, linear-gradient(to bottom, rgba(0,40,0,0.3) 0%, rgba(0,15,0,0.5) 100%), url(/themes/console/dark/images/camotile2.png) top left repeat;
    18661737     background-size: 84px 82px, 100% 100%, 175px 175px;
     
    18681739
    18691740.configsectionpanel {
    1870      margin: -1px 0 0 0;
     1741     margin: -1px 0 0;
    18711742     padding: 0;
    1872      border: 1px solid #494;
    1873      color: #ee9;
    1874      box-shadow: inset 0 0 5px 2px #000;
    1875      word-wrap: break-word;
    1876      font-weight: bold;
    1877      text-align: center;
    18781743     background: #000 url(images/configuration.png) no-repeat scroll right center;
    18791744     background: linear-gradient(to bottom, #000 10%, rgba(0,40,0,0.3) 10%, rgba(0,15,0,0.5) 100%), url(/themes/console/dark/images/camotile2.png) top left repeat;
     
    18901755.configsection table {
    18911756     color: #ffb;
    1892      opacity: 1;
    18931757}
    18941758
     
    19901854     color: #7c7;
    19911855}
    1992 
    19931856
    19941857.peerinfo td:first-child {
     
    23912254     width: 9px;
    23922255     height: 9px;
    2393      background: #69EF68;
     2256     background: #69ef68;
    23942257}
    23952258
     
    24222285
    24232286/* Comments Section */
    2424 /* TODO: merge with other rules where applicable */
    24252287
    24262288.snarkCommentInfo, .snarkComments {
     
    24912353}
    24922354
    2493 .snarkCommentInfo textarea { /* remember to set 10pt @ > 1400px */
     2355.snarkCommentInfo textarea {
    24942356     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    24952357     width: 100%;
     
    25352397     width: 160px !important;
    25362398     padding-right: 2px;
    2537 }
    2538 
    2539 .snarkCommentInfo td:last-child, .snarkComments td:last-child {
    2540 /*     width: 1% !important;*/
    25412399}
    25422400
     
    28512709     padding: 10px;
    28522710     border: 1px solid #494;
    2853      box-shadow: inset 0 0 0 1px #000, inset 0 0 7px 3px #002900;
    28542711}
    28552712
  • installer/resources/themes/snark/light/snark.css

    rbd84ba2 rd2edce8  
    204204     padding: 3px 5px 3px 5px;
    205205     border-spacing: 0;
    206      overflow: auto;
     206     overflow: hidden;
    207207     color: #339;
    208208     height: 52px;
     
    215215     box-shadow: inset 0 0 1px #fff;
    216216     background-size: auto 100%, 100% 100%;
     217}
     218
     219.snarkMessages:hover, .snarkMessages:focus {
     220     overflow: auto;
     221}
     222
     223.snarkMessages:focus {
     224     box-shadow: inset 0 0 0 1px #f90;
    217225}
    218226
     
    563571     box-shadow: inset 0 0 1px #fff;
    564572     border-bottom: 1px solid #7778bf !important;
    565      padding: 10px !important;
    566      font-size: 9pt;
    567573     font-weight: bold;
    568574     text-align: center !important;
    569575     color: #272e3f !important;
     576     font-size: 9pt;
     577}
     578
     579.snarkTorrentNoneLoaded i {
     580     display: inline-block;
     581     padding: 10px;
    570582}
    571583
  • installer/resources/themes/snark/midnight/snark.css

    rbd84ba2 rd2edce8  
    210210.snarkMessages {
    211211     font: normal 8pt "Droid Sans Mono", "Noto Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
    212      overflow: auto;
     212     overflow: hidden;
    213213     width: auto;
    214214     height: 55px;
     
    227227.iframed .snarkMessages {
    228228     margin-top: -5px;
     229}
     230
     231.snarkMessages:hover, .snarkMessages:focus {
     232     overflow: auto;
     233}
     234
     235.snarkMessages:focus {
     236     box-shadow: inset 0 0 0 1px #930;
    229237}
    230238
     
    518526     font-weight: bold;
    519527     color: #c9ceff !important;
     528     background: #001;
     529}
     530
     531.snarkTorrentNoneLoaded i {
     532     display: inline-block;
    520533     padding: 10px;
    521      background: #001;
    522534}
    523535
  • installer/resources/themes/snark/ubergine/snark.css

    rbd84ba2 rd2edce8  
    426426}
    427427
    428 .snarkTorrents thead th {
     428.snarkTorrents thead th  {
    429429     border-top: 1px solid transparent !important;
    430 }
    431 
    432 .snarkTorrents thead th  {
     430     border-bottom: 1px solid #313 !important;
    433431     padding-top: 3px;
    434432     padding-bottom: 6px;
     
    462460
    463461.snarkTrackerDetails, .SnarkTorrentDetails {
    464      width: 16px;
     462     width: 1%;
    465463     padding: 2px 0;
    466464}
     
    468466.snarkTrackerDetails {
    469467     text-align: right;
     468     padding-right: 2px;
     469     min-width: 36px;
    470470}
    471471
     
    564564}
    565565
    566 .snarkTorrentNoneLoaded {
    567      padding: 10px;
    568      background: #323;
    569      font-size: 8.5pt;
    570      font-weight: bold;
    571      text-align: center !important;
    572      color: #bbb !important;
    573      border-radius: 0 0 2px 2px;
    574 }
    575 
    576566.snarkTorrents th:empty + th:empty, .snarkTorrents td:empty + td:empty, .snarkTorrentETA:empty, .snarkTorrentAction:empty, .snarkTorrentRateDown:empty {
    577567     width: 0 !important;
    578568     min-width: 0 !important;
     569}
     570
     571.snarkTorrentNoneLoaded, .snarkTorrentNoneLoaded:hover td {
     572     background: #212 !important;
     573     background: linear-gradient(to bottom, #313, #101) !important;
     574     font-size: 8.5pt;
     575     font-weight: bold;
     576     border-radius: 0 0 2px 2px;
     577}
     578
     579.snarkTorrentNoneLoaded td {
     580     text-align: center !important;
     581     color: #ddd !important;
     582}
     583
     584.snarkTorrentNoneLoaded i {
     585     display: inline-block;
     586     padding: 10px;
     587}
     588
     589.choked {
     590     color: #f00000 !important;
     591}
     592
     593.unchoked {
     594     color: #34cf19 !important;
     595}
     596
     597.choked, .unchoked {
     598     font-weight: bold;
     599     font-style: italic;
    579600}
    580601
     
    585606     color: #ddd !important;
    586607     font-size: 8pt;
    587 }
    588 
    589 .mainsection td {
    590      color: #111;
    591608}
    592609
     
    893910}
    894911
    895 .percentBarText:hover, .percentBarText:focus {
    896      opacity: 1;
    897      transition: ease opacity 0.2s;
    898 }
    899 
    900912.iframed .percentBarText, .iframed .percentBarText:hover, .iframed .percentBarText:focus {
    901913     transition: none;
     
    903915
    904916/* end download bars */
    905 
    906 .choked {
    907      color: #f00000 !important;
    908 }
    909 
    910 .unchoked {
    911      color: #34CF19 !important;
    912 }
    913 
    914 .choked, .unchoked {
    915      font-weight: bold;
    916      font-style: italic;
    917 }
    918917
    919918.thumb {
     
    11061105label.toggleview img:active, label.toggleview:active img, .snarkConfigTitle:active a img {
    11071106     transform: rotate(90deg);
    1108      transition: ease transform 0.3s 0s;
     1107     transition: ease transform 0.3s;
    11091108}
    11101109
     
    11331132
    11341133input, a.control {
    1135      font: 8pt "Droid Sans", "Noto Sans", "DejaVu Sans", Verdana, Helvetica, sans-serif;
     1134     font: 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, sans-serif;
    11361135     font-weight: bold;
    11371136}
     
    12451244     background: url(images/graytile.png) #212;
    12461245     background-size: 96px 96px;
    1247      transition: ease box-shadow 0.15s 0s, ease color 0.15s 0s;
     1246     transition: ease box-shadow 0.15s, ease color 0.15s;
    12481247}
    12491248
     
    12651264     color: #fff;
    12661265     box-shadow: inset 0 0 0 1px #ffffcf;
    1267      transition: ease box-shadow 0.15s 0s;
     1266     transition: ease box-shadow 0.15s;
    12681267     outline: none;
    12691268}
     
    15761575     font-size: 8pt;
    15771576     box-shadow: inset 1px 1px 2px 1px #101;
    1578      transition: ease box-shadow 0.15s 0s;
     1577     transition: ease box-shadow 0.15s;
    15791578}
    15801579
  • installer/resources/themes/snark/vanilla/snark.css

    rbd84ba2 rd2edce8  
    11/* I2PSnark theme "Vanilla" by dr|z3d */
    22/* Now with 100% more chocolate */
     3
     4html {
     5     height: 100%;
     6}
    37
    48body {
     
    673677}
    674678
     679.snarkTorrents thead th:nth-child(n+2) img {
     680     display: none;
     681}
     682
     683.snarkTorrents thead th a img, .snarkTorrents thead th input[type="image"] {
     684     display: inline-block !important;
     685}
     686
    675687.snarkTorrents tt {
    676      background: #7F654F;
     688     background: #7f654f;
    677689     color: #fff;
    678690     padding: 2px 3px;
     
    686698}
    687699
    688 .snarkTorrentNoneLoaded {
    689      background: #5f4e41;
    690      font-weight: bold;
    691      text-align: center !important;
    692      color: #bbb !important;
    693 }
    694 
    695700.snarkTorrents th:empty + th:empty, .snarkTorrents td:empty + td:empty, .snarkTorrentETA:empty,
    696701.snarkTorrentRateDown:empty, .snarkTorrentRateUp:empty, .snarkTorrentAction:empty {
    697702     width: 0 !important;
    698703     min-width: 0 !important;
     704}
     705
     706.snarkTorrentNoneLoaded, .snarkTorrentNoneLoaded:hover td {
     707     background: #5f4e41 !important;
     708}
     709
     710.mainsection .snarkTorrentNoneLoaded td {
     711     font-weight: bold;
     712     text-align: center !important;
     713     color: #cfc7c2 !important;
     714     padding: 10px !important;
     715}
     716
     717.snarkTorrentNoneLoaded i::before {
     718     content: url(images/bullet.png);
     719     display: inline-block;
     720     vertical-align: top;
     721     margin: 1px 3px 0 0;
    699722}
    700723
     
    27382761.snarkNav:link {
    27392762     padding: 4px 8px 4px 26px !important;
    2740      background-size: 16px auto, 100% 100%, 100% 100% !important !important;
     2763     background-size: 16px auto, 100% 100%, 100% 100% !important;
    27412764     background-position: 8px center, center center, center center !important;
    27422765}
Note: See TracChangeset for help on using the changeset viewer.