Changeset 57e51ab for installer


Ignore:
Timestamp:
Jan 15, 2017 2:04:24 PM (4 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
cca3f57
Parents:
93511c0
Message:

I2PSnark theme tweaks

Location:
installer/resources/themes/snark
Files:
6 edited

Legend:

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

    r93511c0 r57e51ab  
    11261126}
    11271127
    1128 .snarkConfigTitle,
    1129 label.toggleview {
     1128
     1129.snarkConfigTitle:hover, label.toggleview:hover {
     1130     background: linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;
     1131}
     1132
     1133.snarkConfigTitle:active, label.toggleview:active {
     1134     box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 3px 1px #777;
     1135}
     1136
     1137.snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover {
    11301138     font-size: 12pt;
    11311139     font-weight: bold;
     
    12271235}
    12281236
     1237hr.debug:last-child {
     1238     height: 0;
     1239     margin-bottom: -5px;
     1240     margin-top: -15px;
     1241}
     1242
    12291243a:link {
    12301244     font-weight: normal;
     
    13121326     filter: drop-shadow(0 0 1px #ccc);
    13131327     -webkit-filter: drop-shadow(0 0 1px #ccc);
     1328     cursor: pointer !important;
    13141329}
    13151330
     
    13331348     box-shadow: inset 0 0 0 1px #fff;
    13341349     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #555;
     1350}
     1351
     1352input[type="text"], textarea {
     1353     cursor: text !important;
    13351354}
    13361355
     
    14081427     resize: none;
    14091428     cursor: text;
     1429     overflow: hidden;
    14101430}
    14111431
     
    14551475     min-width: 16px;
    14561476     min-height: 16px;
     1477     background: none;
    14571478}
    14581479
     
    14831504     border: 1px solid #bbb;
    14841505     border-radius: 2px;
    1485      background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
     1506     background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     1507     -moz-appearance: none;
     1508     -webkit-appearance: none;
    14861509     box-shadow: inset 0 0 0 1px #fff;
    14871510}
     
    14931516}
    14941517
    1495 @-moz-document url-prefix() { /* target firefox and derivatives only */
    1496 select {
    1497      background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    1498      -moz-appearance: none;
    1499 }
    1500 
    15011518select:hover, select:active {
    15021519     background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     
    15061523     background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
    15071524     box-shadow: 0 0 0 1px #89f;
    1508 }
    1509 }
    1510 
    1511 select:focus {
    15121525     color: #000;
    15131526}
     
    15151528select:nth-child(2) {
    15161529     margin-left: -18px;
     1530}
     1531
     1532@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     1533select {
     1534     padding: 4px;
     1535}
    15171536}
    15181537
     
    15291548textarea:focus {
    15301549     color: #22f !important;
     1550}
     1551
     1552textarea[name="i2cpOpts"] {
     1553     overflow: hidden;
    15311554}
    15321555
     
    16481671}
    16491672
     1673.trackerconfig th:first-child {
     1674     background: url(/themes/snark/ubergine/images/nuke.png) center right 8px no-repeat, linear-gradient(to bottom, #fff, #eef);
     1675}
     1676
    16501677.trackerconfig th:last-child, .trackerconfig td:last-child {
    16511678     padding-left: 10px !important;
     
    16631690.snarkTorrentNoneLoaded td {
    16641691     color: #0c153d !important;
    1665      border-right: 1px solid #040;
    1666      border-left: 1px solid #040;
    16671692     background: #fff;
    16681693}
     
    19842009}
    19852010}
     2011
     2012/* MS Edge 14+ fix */
     2013_:-ms-lang(x), * {
     2014     filter: none !important;
     2015     -webkit-filter: none !important;
     2016}
  • installer/resources/themes/snark/dark/snark.css

    r93511c0 r57e51ab  
    765765     margin: 0 !important;
    766766     text-align: center !important;
    767      width: 60px;
     767     width: 40px !important;
     768}
     769
     770_:-ms-lang(x), .snarkTorrentAction { /* MS Edge 14+ wrap fix */
     771     width: 72px !important;
    768772}
    769773
     
    776780     box-shadow: 0 0 1px 1px #f90;
    777781     opacity: 1;
    778 }
    779 
    780 td.snarkTorrentAction {
    781      min-width: 66px;
    782      width: 66px;
    783782}
    784783
     
    13191318     width: 500px;
    13201319     resize: none;
     1320     overflow: hidden;
    13211321}
    13221322
     
    13461346     margin: 0 3px 0 8px;
    13471347     vertical-align: bottom;
     1348     background: none;
    13481349}
    13491350
    13501351input[type="checkbox"], input[type="radio"], input[type="checkbox"]:disabled:hover, input[type="radio"]:disabled:hover {
     1352     background: none;
    13511353     filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%); /* colorize radios and checkboxes */
    13521354     -webkit-filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%);
     
    13741376
    13751377select {
    1376      background: #000 !important;
     1378     background: #000 url(images/dropdown.png) right center no-repeat !important;
     1379     background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%) !important;
     1380     -moz-appearance: none;
     1381     -webkit-appearance: none;
    13771382     color: #494;
    13781383     font: 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     
    14061411}
    14071412
    1408 @-moz-document url-prefix() { /* target firefox and derivatives only */
    1409 
    1410 select {
    1411      background: #000 url(images/dropdown.png) right center no-repeat !important;
    1412      background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%) !important;
    1413      -moz-appearance: none;
    1414 }
    1415 
    14161413select:hover, select:focus, select:active {
    14171414     background: #000 url(images/dropdown_hover.png) right center no-repeat !important;
    14181415}
    1419 }
    14201416
    14211417select:nth-child(2) {
    14221418     margin-left: -18px;
     1419}
     1420
     1421@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     1422select {
     1423     padding: 4px;
     1424}
    14231425}
    14241426
     
    15511553}
    15521554
     1555.trackerconfig th:first-child {
     1556     background: url(/themes/snark/ubergine/images/nuke.png) center right 8px no-repeat, linear-gradient(to bottom, #010, #000);
     1557}
     1558
    15531559.trackerconfig th:last-child, .trackerconfig td:last-child {
    15541560     padding-left: 10px !important;
  • installer/resources/themes/snark/light/snark.css

    r93511c0 r57e51ab  
    498498}
    499499
     500.snarkTorrents td[colspan="4"], .snarkTorrents td[colspan="10"] {
     501     text-align: left !important;
     502     padding-left: 0;
     503}
     504
    500505.snarkTorrents th[colspan="6"]::first-line {
    501506     font-weight: bold;
     
    599604}
    600605
    601 .snarkTorrentNoneLoaded {
    602      background: #fff;
    603      font-size: 8.5pt;
     606.snarkTorrentNoneLoaded, .snarkTorrentNoneLoaded:hover {
     607     background: #fff !important;
     608     background: linear-gradient(to right, #eef, #fff, #eef) !important;
     609     box-shadow: inset 0 0 1px #fff;
     610     border-bottom: 1px solid #7778bf !important;
     611     padding: 10px !important;
     612     font-size: 9pt;
    604613     font-weight: bold;
    605614     text-align: center !important;
    606      color: #bbb !important;
     615     color: #272e3f !important;
    607616}
    608617
     
    779788}
    780789
    781 .snarkConfigTitle a:active, .toggleview:active {
     790.snarkConfigTitle:active, .toggleview:active {
    782791     color: #f30 !important;
     792     box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 3px 1px #555;
    783793}
    784794
     
    802812.snarkConfigTitle {
    803813     color: #446;
     814}
     815
     816.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
     817     color: #31334f !important;
    804818}
    805819
     
    10041018     margin: 0 2px;
    10051019     opacity: 1;
     1020     max-height: 22px;
    10061021     filter: hue-rotate(45deg);
    10071022     -webkit-filter: hue-rotate(45deg);
     
    10401055}
    10411056
     1057textarea[name="i2cpOpts"] {
     1058     overflow: hidden;
     1059}
     1060
     1061input[name="nofilter_dataDir"], textarea[name="i2cpOpts"] {
     1062     width: 60%;
     1063     min-width: 500px !important;
     1064}
     1065
    10421066input[type="radio"] {
    10431067     padding: 2px;
     
    10511075     height: 16px;
    10521076     box-shadow: none;
     1077     background: none;
    10531078}
    10541079
     
    10911116
    10921117select + select {
    1093      margin-left: -20px;
     1118     margin-left: -18px;
    10941119}
    10951120
     
    12931318     border-radius: 2px 0 0 2px;
    12941319     border-left: 1px solid #339;
    1295 }
    1296 
     1320     background: url(/themes/snark/ubergine/images/nuke.png) center right 8px no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 51%, #eef 100%);
     1321}
    12971322
    12981323.trackerconfig th:last-child {
     
    13071332.trackerconfig th, .trackerconfig td, .trackerconfig th:last-child, .trackerconfig td:last-child {
    13081333     text-align: left !important;
     1334}
     1335
     1336.trackerconfig tr:nth-child(2) td {
     1337     padding-top: 15px !important;
    13091338}
    13101339
     
    14451474     padding: 3px 15px;
    14461475}
    1447 }
     1476
     1477.snarkTorrentDownloaded {
     1478     white-space: nowrap;
     1479}
     1480}
  • installer/resources/themes/snark/midnight/snark.css

    r93511c0 r57e51ab  
    2929body.iframed {
    3030     background: url(/themes/console/images/transparent.gif),
    31      url(images/button_snark_hover.png) center 50px no-repeat,
    32      url(images/button_snark_active.png) center 50px no-repeat,
    33      url(images/button_tracker_hover.png) center 50px no-repeat,
    34      url(images/button_tracker_active.png) center 50px no-repeat,
    35      url(images/button_forum_hover.png) center 50px no-repeat,
    36      url(images/button_forum_active.png) center 50px no-repeat, #000 !important;
     31     url(images/button_snark_hover.png) center center no-repeat,
     32     url(images/button_snark_active.png) center center no-repeat,
     33     url(images/button_tracker_hover.png) center center no-repeat,
     34     url(images/button_tracker_active.png) center center no-repeat,
     35     url(images/button_forum_hover.png) center center no-repeat,
     36     url(images/button_forum_active.png) center center no-repeat, #000 !important;
    3737     background-size: 100% 100%, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    3838}
     
    12631263.optbox,
    12641264input[type="radio"] {
     1265     background: none;
    12651266     min-width: 16px !important;
    12661267     min-height: 16px !important;
     
    13391340     cursor: text;
    13401341     resize: none;
     1342     overflow: hidden;
    13411343}
    13421344
     
    13981400     border-right-color: #14144f;
    13991401     border-radius: 2px;
    1400      background: #000 !important;
     1402     background: #000 url(images/dropdown.png) right center no-repeat !important;
     1403     -moz-appearance: none;
     1404     -webkit-appearance: none;
    14011405}
    14021406
     
    14121416}
    14131417
    1414 
    14151418select option {
    14161419     font-size: 9.5pt;
    1417      /* dropdown menu reverts to normal font-weight */
    14181420     font-weight: normal;
    14191421}
     
    14231425}
    14241426
    1425 /* target firefox and derivatives only */
    1426 @-moz-document url-prefix() {
    1427 select {
    1428      background: #000 url(images/dropdown.png) right center no-repeat !important;
    1429      -moz-appearance: none;
    1430 }
    1431 
    14321427select:hover, select:focus, select:active {
    14331428     background: #000 url(images/dropdown_hover.png) right center no-repeat !important;
    1434 }
    14351429}
    14361430
     
    15991593}
    16001594
     1595.trackerconfig th:first-child {
     1596     background: url(/themes/snark/ubergine/images/nuke.png) center right 8px no-repeat;
     1597}
     1598
    16011599.trackerconfig th:last-child,
    16021600.trackerconfig td:last-child {
     
    16171615.snarkTorrentNoneLoaded td {
    16181616     color: #c9ceff !important;
    1619      border-right: 1px solid #050044;
    1620      border-left: 1px solid #050044;
     1617     padding: 10px;
    16211618     background: #001;
    16221619}
     
    19351932
    19361933@media screen and (min-width: 1400px) {
    1937 code, textarea, .snarkMessages li, input {
     1934code, textarea, .snarkMessages li, input, tt {
    19381935     font-size: 9pt !important;
    19391936}
     
    19451942.snarkRefresh {
    19461943     font-size: 10.5pt !important;
     1944}
     1945
     1946.snarkRefresh:link:first-child {
     1947     padding-left: 13px !important;
    19471948}
    19481949
     
    19631964     margin-left: -14px !important;
    19641965}
    1965 }
     1966
     1967.snarkTorrentDownloaded {
     1968     white-space: nowrap;
     1969}
     1970}
  • installer/resources/themes/snark/ubergine/snark.css

    r93511c0 r57e51ab  
    3535     opacity: 1;
    3636     filter: drop-shadow(0 0 1px #000);
     37     -webkit-filter: drop-shadow(0 0 1px #000);
    3738}
    3839
     
    4445     padding: 0 0;
    4546     filter: none;
    46 }
    47 
    48 /*
    49 .snarkTitle {
    50      font-size: 12pt;
    51      font-weight: bold;
    52      text-align: center;
    53 }
    54 */
     47     -webkit-filter: none;
     48}
     49
     50::selection {
     51     background: #404 !important;
     52     color: white;
     53}
     54
     55::-moz-selection {
     56     background: #404 !important;
     57     color: white;
     58}
    5559
    5660.snarknavbar {
    5761     margin: -10px 0 10px 0 !important;
    58      padding: 14px 10px;
     62     padding: 15px 10px 13px;
    5963     border: 1px solid #101;
    6064     border-radius: 0 0 4px 4px;
     
    6670     text-transform: uppercase !important;
    6771     font-weight: bold;
    68      font-size: 11.5pt;
    6972     color: #001;
    7073     min-width: 600px;
     
    8588}
    8689
    87 @media screen and (-webkit-min-device-pixel-ratio:0) {
    88 .snarknavbar {
    89      padding-top: 13px !important;
    90      padding-bottom: 14px;
    91 }
    92 
    93 .iframed .snarknavbar {
    94      padding-top: 12px !important;
    95      padding-bottom: 13px !important;
    96      background: linear-gradient(to bottom, #522852 0%, #4a2449 11%, #321831 33%, #281428 52%, #1c0e1c 52%, #101 52%, #101 100%);
    97 }
    98 }
    99 
    100 .snarknavbar img {
    101      border: 0;
    102      margin-right: -8px;
    103      margin-left: -2px;
    104      padding: 0 !important;
    105      vertical-align: middle;
    106      filter: none;
    107 }
    108 
    10990.snarkRefresh:link,.snarkRefresh:visited {
    11091     text-decoration: none !important;
     
    11495     margin-right: -4px !important;
    11596     letter-spacing: 0.11em;
    116      font-weight: bold;
    117      font-size: 9pt;
     97     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
     98     font-weight: bold;
     99     font-size: 10pt;
    118100     color: #f70;
    119101     background: #310 url(images/snarknav_on.png) repeat-x scroll center center;
     
    132114}
    133115
    134 .snarkRefresh img {
    135      -webkit-filter: none !important;
     116.snarknavbar img {
     117     border: 0;
     118     margin-right: -6px;
     119     margin-left: -2px;
     120     padding: 0 !important;
     121     vertical-align: middle;
     122     filter: none;
     123     -webkit-filter: none;
    136124}
    137125
     
    162150}
    163151
     152@media screen and (-webkit-min-device-pixel-ratio:0) {
     153.snarkRefresh img {
     154     margin: 0 -4px 0 -5px;
     155}
     156}
     157
    164158.snarkRefresh:last-child[href="/i2psnark/"] {
    165159     border-radius: 2px;
    166      margin: -3px 0 -4px !important;
     160     margin: -5px 0 -4px !important;
    167161     padding: 4px 12px 3px !important;
    168162     display: inline-block;
     
    170164
    171165.snarkMessages {
    172      font: bold 8pt "Lucida Console", "DejaVu Sans Mono", Courier, mono !important;
     166     font: bold 8pt "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono !important;
    173167     text-align: left;
    174168     margin: 0 0 10px 0;
     
    257251pre {
    258252     width: 100%;
    259      font: 7.5pt "Lucida Console","DejaVu Sans Mono",Courier,mono !important;
     253     font: 7.5pt "Lucida Console","DejaVu Sans Mono",Courier, mono !important;
    260254     padding: 0;
    261255     text-align: left !important;
     
    467461
    468462.snarkTorrents tt {
     463     font-family: "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono
    469464     color: #cc0;
    470465     margin-left: 2px;
     466     font-weight: bold;
    471467}
    472468
     
    503499}
    504500
     501/*
    505502.snarkTorrentName[onclick^="document.location"]:hover, .snarkTorrentName[onclick^="document.location"]:hover a  {
    506503     cursor: pointer;
    507504     color: #f90 !important;
    508505}
     506*/
    509507
    510508.snarkTorrentAction {
     
    518516.snarkTorrents th:last-child {
    519517     white-space: nowrap !important;
     518     text-align: center;
     519     padding-right: 4px;
     520     width: 40px;
    520521}
    521522
     
    523524     padding: 0;
    524525     margin: 0;
     526     max-width: 32px;
    525527}
    526528
     
    540542
    541543.snarkTorrentNoneLoaded {
     544     padding: 10px;
    542545     background: #323;
    543546     font-size: 8.5pt;
     
    552555/*     min-width: 75px;*/
    553556     text-align: left !important;
    554      font-size: 7.5pt !important;
    555557}
    556558
     
    573575     padding: 0 3px;
    574576     line-height: 100%;
    575      font-variant: all-small-caps; /* scale down KB/MB (firefox only) */
    576      word-spacing: -0.15em;
    577      font-variant-numeric: tabular-nums;
     577     word-spacing: -0.4em;
    578578}
    579579
     
    638638
    639639.snarkTorrentEven + .snarkTorrentEven td:nth-child(2) tt, .snarkTorrentOdd + .snarkTorrentOdd td:nth-child(2) tt {
    640      margin-left: -2px;
     640     margin-left: -12px;
    641641     color: #cc0;
    642642}
     
    644644.snarkTorrentEven + .snarkTorrentEven td:nth-child(4), .snarkTorrentOdd + .snarkTorrentOdd td:nth-child(4) {
    645645     text-align: center !important;
    646      font-variant: all-small-caps;
    647646}
    648647
    649648.snarkTorrentEven + .snarkTorrentEven td:nth-child(n+5), .snarkTorrentOdd + .snarkTorrentOdd td:nth-child(n+5) {
    650649     text-align: right !important;
    651      font-variant: all-small-caps !important;
    652650}
    653651
     
    825823}
    826824
     825.choked, .unchoked {
     826     font-weight: bold;
     827     font-style: italic;
     828     word-spacing: -0.4em;
     829}
     830
    827831.thumb {
    828832     max-width: 16px;
     
    858862
    859863#trackerselect td:nth-child(2), #trackerselect td:nth-child(3) {
    860      max-width: 50px !important;
     864     max-width: 60px !important;
    861865}
    862866
     
    864868     font-size: 8pt;
    865869     line-height: 130% !important;
    866 }
    867 
    868 .snarkConfigTitle, label.toggleview {
    869      font-size: 10.5pt;
    870      font-weight: bold;
    871      padding: 1px 18px 2px;
     870     white-space: normal;
     871}
     872
     873.snarkAddInfo::before {
     874     content: "\1F6C8\0020";
     875     font-size: 12pt;
     876}
     877
     878.snarkAddInfo code {
     879     background: #101;
     880     border-radius: 2px;
     881     color: #fbf;
     882}
     883
     884.snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active {
     885     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
     886     font-size: 12pt;
     887     font-weight: bold;
     888     padding: 3px 18px;
    872889     margin: 5px 0 10px 0 !important;
    873890     border: 1px solid #101;
     
    888905}
    889906
    890 @media screen and (-webkit-min-device-pixel-ratio:0) {
    891 .snarkConfigTitle, label.toggleview {
    892      font-size: 12pt;   
    893 }
    894 }
    895 
     907.snarkConfigTitle:hover, label.toggleview:hover {
     908     background: linear-gradient(to bottom, #5f475d 0%, #4F3B4F 50%, #1f001f 50%, #1f001f 100%);
     909     box-shadow: inset 0 0 1px #3f173f;
     910}
     911
     912.snarkConfigTitle:active, label.toggleview:active {
     913     box-shadow: inset 1px 1px 3px 1px #0d000d;
     914}
    896915.snarkConfigTitle img, label.toggleview img {
    897916     margin-right: -3px;
     
    929948}
    930949
    931 hr.debug + b {
    932      color: #ee9;
    933      text-transform: uppercase;
    934 }
    935 
    936950hr.debug:nth-child(n+7) {
    937951     margin-top: -11px;
    938952     margin-bottom: 2px;
    939953     opacity: 0.5;
     954}
     955
     956hr.debug:last-child {
     957     background: #101;
     958     margin-bottom: -4px;
    940959}
    941960
     
    11001119     -webkit-filter: drop-shadow(0 0 1px #000);
    11011120     outline: none;
     1121     max-height: 22px;
    11021122}
    11031123
     
    11941214}
    11951215
     1216textarea[name="i2cpOpts"] {
     1217     overflow: hidden;
     1218}
     1219
    11961220input[type=text]:active, input[type=text]:focus, input.r:focus, input[name="nofilter_dataDir"]:focus, textarea:focus {
    11971221     background: #d60;
     
    12131237     min-height: 16px !important;
    12141238     vertical-align: middle;
     1239     background: none;
    12151240}
    12161241
     
    12271252}
    12281253
    1229 input[name="upBW"] + i { /* fix Russian wrapping issue */
    1230      white-space: nowrap;
     1254input[name="upBW"] + i {
     1255     margin-left: 3px;
     1256}
     1257
     1258input[name="upBW"] + i::before {
     1259     content: "\1F6C8\0020";
     1260     font-size: 12pt;
     1261     font-style: normal;
    12311262}
    12321263
     
    13671398     border: 1px solid #000;
    13681399     margin: 2px;
    1369      -webkit-appearance:none;
     1400     -webkit-appearance: none;
    13701401     -moz-appearance: none;
    13711402     box-shadow: inset 1px 1px 2px 1px #101;
     
    13821413
    13831414select + select {
    1384      margin-left: -20px !important;
     1415     margin-left: -18px !important;
    13851416}
    13861417
     
    13891420     color: #fff;
    13901421     font-size: 8.5pt;
    1391      font-weight: normal;
     1422     font-weight: bold;
    13921423     box-shadow: inset 0 0 20px 20px #f50;
    13931424     padding: 1px 2px 1px 1px;
     
    14071438select + select {
    14081439     margin-left: -12px !important;
     1440}
     1441}
     1442
     1443@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     1444select {
     1445     padding: 4px;
    14091446}
    14101447}
     
    15411578}
    15421579
     1580.configsectionpanel, .configsectionpanel td {
     1581     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
     1582     font-size: 10pt !important;
     1583}
     1584
    15431585.iframed .mainsection, .iframed .newtorrentsection, .iframed .addtorrentsection, .iframed .configsection, .iframed .configsectionpanel {
    15441586     border-radius: 0;
     
    15721614     height: 24px;
    15731615     padding: 4px 4px 2px;
     1616     overflow: hidden;
    15741617}
    15751618
    15761619.configsectionpanel input[type="checkbox"] {
    15771620     margin-left: 0;
     1621}
     1622
     1623.configsectionpanel td:first-child {
     1624     width: 200px;
    15781625}
    15791626
     
    16071654     padding: 0 2px;
    16081655     font-weight: bold;
    1609      font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono;
     1656     font-family: "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono
    16101657}
    16111658
     
    16221669.trackerconfig th:first-child {
    16231670     border-radius: 2px 0 0 2px;
     1671     background: url(images/nuke.png) center right 6px no-repeat, linear-gradient(to bottom, #414 0%, #414 50%, #313 51%, #101 100%);
     1672     border-left: 1px solid #101;
    16241673}
    16251674
    16261675.trackerconfig th:last-child {
    16271676     border-radius: 0 2px 2px 0;
     1677     border-right: 1px solid #101;
    16281678}
    16291679
    16301680.trackerconfig th {
    1631      background: linear-gradient(to bottom, #313 0%, #313 50%, #212 51%, #101 100%);
    1632 }
    1633 
    1634 .trackerconfig th:first-child {
    1635      border-left: 1px solid #101;
    1636 }
    1637 
    1638 .trackerconfig th:last-child {
    1639      border-right: 1px solid #101;
     1681     background: linear-gradient(to bottom, #414 0%, #414 50%, #313 51%, #101 100%);
    16401682}
    16411683
     
    16501692.trackerconfig td:first-child {
    16511693     text-align: right !important;     
     1694}
     1695
     1696.trackerconfig tr:nth-child(2) td {
     1697     padding-top: 15px;
     1698}
     1699
     1700.trackerconfig td[colspan="7"] {
     1701     padding: 0 !important;
     1702     height: 0 !important;
    16521703}
    16531704
     
    17331784}
    17341785
     1786.snarknavbar {
     1787     padding: 18px 10px 16px;
     1788}
     1789
     1790.snarknavbar img {
     1791     margin-right: -8px;
     1792}
     1793
    17351794.snarkRefresh:link {
    1736      font-size: 10pt;
     1795     font-size: 10.5pt !important;
     1796}
     1797
     1798.snarkConfigTitle, label.toggleview {
     1799     font-size: 12pt;
    17371800}
    17381801
     
    17411804}
    17421805
    1743 tt, .snarkTorrents tt, code, .snarkMessages, input, input[type="submit"], input[type="reset"], select, select option, button, textarea {
     1806.snarkTorrents tt {
     1807     font-size: 10pt;
     1808}
     1809
     1810tt, code, .snarkMessages, input, input[type="submit"], input[type="reset"], select, select option, button, textarea {
    17441811     font-size: 9pt !important;
    17451812}
     
    17511818
    17521819select:nth-child(2) {
    1753      margin-left: -18px !important;
    1754 }
    1755 }
     1820     margin-left: -14px !important;
     1821}
     1822}
  • installer/resources/themes/snark/vanilla/snark.css

    r93511c0 r57e51ab  
    118118     margin: -5px -2px -5px 0 !important;
    119119     letter-spacing: 0.08em;
     120     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
    120121     font-weight: bold;
    121122     font-size: 10pt;
     
    222223
    223224.snarkRefresh img {
    224      margin: 0 -10px 2px -2px !important;
     225     margin: 0 -6px 2px -2px !important;
    225226     filter: sepia(65%);
    226227     -webkit-filter: sepia(65%);
     
    356357     filter: sepia(100%) hue-rotate(340deg);
    357358     -webkit-filter: sepia(100%) hue-rotate(340deg);
     359     max-height: 22px;
    358360}
    359361
     
    511513
    512514.snarkTorrents thead th:nth-child(3) {
    513      padding: 4px 1px;
     515     padding: 4px 4px 4px 0     ;
    514516     text-align: right;
    515517}
     
    570572     text-align: center;
    571573     padding-right: 4px !important;
     574     font-weight: bold;
    572575}
    573576
    574577.snarkTorrents td:nth-child(7) {
    575      text-align: center;
     578     font-weight: bold;
    576579}
    577580
     
    617620
    618621.snarkTorrentAction input[type="image"], .snarkTorrents th:last-child input[type="image"] {
    619      filter: sepia(100%) hue-rotate(340deg) drop-shadow(0 0 1px #7f6c5f);
    620      -webkit-filter: sepia(100%) hue-rotate(340deg) drop-shadow(0 0 1px #7f6c5f);
     622     filter: drop-shadow(0 0 1px #7f6c5f);
     623     -webkit-filter: drop-shadow(0 0 1px #7f6c5f);
    621624     border: 1px solid #4d453e;
    622625     border-radius: 2px;
    623      padding: 2px !important;
     626     padding: 3px !important;
    624627     background: linear-gradient(to bottom, #efefef 0%, #efefef 51%, #cfc7c2 52%, #cfc7c2 100%);
     628     background: linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
    625629     box-shadow: inset 0 0 0 1px #fff;
    626630     vertical-align: middle;
    627631     mix-blend-mode: normal;
    628632     opacity: 1 !important;
     633     max-height: 10px;
    629634}
    630635
    631636.snarkTorrentAction input[type="image"]:hover, .snarkTorrents th:last-child input[type="image"]:hover, .snarkTorrentAction input[type="image"]:focus, .snarkTorrents th:last-child input[type="image"]:focus  {
    632      mix-blend-mode: multiply;
    633637     background: linear-gradient(to bottom, #ffeadf 0%, #ffeadf 51%, #cfb6a8 52%, #cfb6a8 100%);
    634638     border: 1px solid #f60 !important;
    635      filter: sepia(100%) hue-rotate(340deg) drop-shadow(0 0 1px #f60);
    636      -webkit-filter: sepia(100%) hue-rotate(340deg) drop-shadow(0 0 1px #f60);
     639     box-shadow: inset 0 0 0 1px #fff;
     640     filter: drop-shadow(0 0 1px #f60);
     641     -webkit-filter: drop-shadow(0 0 1px #f60);
    637642}
    638643
     
    746751.snarkTorrents td[colspan="4"], .snarkTorrents td[colspan="10"]  {
    747752     text-align: left;
     753     word-spacing: 0.2em;
    748754}
    749755
     
    755761.snarkTorrents td[colspan="4"] tt {
    756762     margin-left: -1px;
     763     margin: 0 2px 0 -16px;
    757764}
    758765
     
    916923}
    917924
    918 .snarkConfigTitle, label.toggleview {
     925.snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover {
     926     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
    919927     font-size: 11pt;
    920928     font-weight: bold;
     
    936944}
    937945
     946.snarkConfigTitle:hover, label.toggleview:hover {
     947     background: #fff url('images/bling2.png') repeat-x scroll center center;
     948     background: linear-gradient(to bottom, #ffeadf 0%, #ffeadf 51%, #cfb6a8 52%, #cfb6a8 100%);
     949}
     950
    938951@media screen and (-webkit-min-device-pixel-ratio:0) {
    939952.snarkConfigTitle, label.toggleview {
     
    9921005
    9931006hr.debug:nth-child(n+7) {
    994      margin: -10px 0 3px;
    995 }
    996 
    997 hr.debug + b {
    998      color: #2f1500;
     1007     margin: 2px 0 3px;
     1008}
     1009
     1010hr.debug:last-child {
     1011     display: none;
    9991012}
    10001013
     
    10201033
    10211034a:active {
    1022      color: #ff007c;
     1035     color: #ff007c !important;
    10231036}
    10241037
     
    11241137     margin: 0 3px 0 8px;
    11251138     vertical-align: bottom;
     1139     background: none;
    11261140}
    11271141
     
    12641278}
    12651279
     1280@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     1281select {
     1282     padding: 4px;
     1283}
     1284}
     1285
    12661286textarea, input[name="nofilter_dataDir"] {
    12671287     background: #efe6e0;
     
    12741294     font-family: "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
    12751295     width: 70%;
     1296}
     1297
     1298textarea[name="i2cpOpts"] {
     1299     overflow: hidden;
    12761300}
    12771301
     
    14381462}
    14391463
     1464.configsectionpanel td {
     1465     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
     1466     font-size: 10pt !important;
     1467}
     1468
    14401469.iframed .mainsection, .iframed .newtorrentsection, .iframed .addtorrentsection, .iframed .configsection, .iframed .configsectionpanel {
    14411470     border-radius: 0;
     
    15431572}
    15441573
     1574.trackerconfig tr:nth-child(2) td {
     1575     padding-top: 10px;
     1576}
     1577
    15451578.trackerconfig input[type="text"] {
    15461579     margin-left: 0;
     
    15631596     min-height: 16px !important;
    15641597     opacity: 0.8;
     1598     background: none;
    15651599     filter: sepia(50%) invert(80%) hue-rotate(150deg);
    15661600     -webkit-filter: sepia(50%) invert(80%) hue-rotate(150deg);
     
    16601694     margin-left: -14px;
    16611695}
    1662 }
     1696
     1697.snarkTorrentDownloaded {
     1698     white-space: nowrap;
     1699}
     1700}
     1701
Note: See TracChangeset for help on using the changeset viewer.