Changeset a22bf6b
- Timestamp:
- Feb 10, 2017 4:34:33 PM (4 years ago)
- Branches:
- master
- Children:
- bfe8c65
- Parents:
- c4e7b1a
- Files:
-
- 7 edited
Legend:
- Unmodified
- Added
- Removed
-
apps/i2psnark/java/src/org/klomp/snark/web/I2PSnarkServlet.java
rc4e7b1a ra22bf6b 2403 2403 buf.append(_t("Trackers")); 2404 2404 buf.append("</span><hr>\n" + 2405 "<table class=\"trackerconfig\"><tr><th>") 2405 "<table class=\"trackerconfig\"><tr><th title=\"") 2406 .append(_t("Select trackers for removal from I2PSnark's known list")) 2406 2407 //.append(_t("Remove")) 2407 .append(" </th><th>")2408 .append("\"></th><th>") 2408 2409 .append(_t("Name")) 2409 2410 .append("</th><th>") … … 2428 2429 boolean isOpen = isKnownOpen || openTrackers.contains(t.announceURL); 2429 2430 buf.append("<tr><td><input type=\"checkbox\" class=\"optbox\" name=\"delete_") 2430 .append(name).append("\" title=\"").append(_t(" Delete")).append("\">" +2431 .append(name).append("\" title=\"").append(_t("Mark tracker for deletion")).append("\">" + 2431 2432 "</td><td>").append(name) 2432 2433 .append("</td><td>").append(urlify(homeURL, 35)) -
installer/resources/themes/snark/classic/snark.css
rc4e7b1a ra22bf6b 134 134 135 135 .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; 137 137 } 138 138 … … 648 648 649 649 table.SnarkDirInfo { 650 margin-top: -2px !important;650 margin-top: 10px !important; 651 651 margin-bottom: 0; 652 652 border-bottom: 1px solid #89f; … … 655 655 .snarkDirInfo th img { 656 656 margin: 0 !important; 657 max-height: 22px !important; 658 padding-top: 3px !important; 659 padding-bottom: 3px !important; 657 660 } 658 661 … … 952 955 .snarkTorrents th img { 953 956 padding: 1px !important; 957 max-height: 22px; 954 958 } 955 959 … … 1065 1069 height: 14px; 1066 1070 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%); 1068 1072 } 1069 1073 1070 1074 div.percentBarInner.percentBarComplete { 1071 1075 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%); 1073 1077 } 1074 1078 … … 1126 1130 } 1127 1131 1128 1129 1132 .snarkConfigTitle:hover, label.toggleview:hover { 1130 1133 background: linear-gradient(to bottom, #fff 0%, #ddd 100%) !important; … … 1136 1139 1137 1140 .snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover { 1138 font-size: 1 2pt;1141 font-size: 13pt; 1139 1142 font-weight: bold; 1140 1143 font-variant: small-caps !important; … … 1142 1145 min-width: 180px; 1143 1146 margin: 0 0 -4px !important; 1144 padding: 3px 25px 3px 22px;1147 padding: 3px 25px 4px 22px; 1145 1148 letter-spacing: .08em; 1146 1149 border: 1px solid #89f; … … 1153 1156 } 1154 1157 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 1155 1169 .configsectionpanel .snarkConfigTitle { 1156 1170 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 }1164 1171 } 1165 1172 … … 1530 1537 } 1531 1538 1539 @media screen and (-webkit-min-device-pixel-ratio: 0) { 1540 select { 1541 padding: 6px 4px; 1542 } 1543 } 1544 1532 1545 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 1533 1546 select { … … 1998 2011 } 1999 2012 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 2012 2013 /* MS Edge 14+ fix */ 2013 2014 _:-ms-lang(x), * { … … 2015 2016 -webkit-filter: none !important; 2016 2017 } 2018 2019 /* responsive layout */ 2020 2021 @media screen and (min-width: 1400px) { 2022 body, 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 115 115 padding: 5px 7px 5px 15px !important; 116 116 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; 118 118 } 119 119 120 120 .snarkRefresh:link:nth-child(2) { 121 121 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; 123 123 } 124 124 … … 130 130 .snarkRefresh:link:first-child:hover, .snarkRefresh:link:first-child:focus { 131 131 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; 133 133 background-position: 7px center, center center !important; 134 134 background-repeat: no-repeat, repeat !important; … … 137 137 .snarkRefresh:link:hover:nth-child(2), .snarkRefresh:link:focus:nth-child(2) { 138 138 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; 140 140 } 141 141 … … 175 175 opacity: 1; 176 176 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; 178 178 background-position: 7px center, center center !important; 179 179 background-repeat: no-repeat, repeat !important; … … 224 224 } 225 225 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 226 232 .snarkMessages a:link, .snarkMessages a:visited { 227 233 color: #2b2 !important; … … 295 301 height: 8px; 296 302 color: #35f; 297 font-weight: bold !important; 303 font-weight: bold !important; 298 304 } 299 305 … … 309 315 } 310 316 311 tr { 317 tr { 312 318 opacity: 1; 313 319 } … … 553 559 table.snarkTorrentInfo tr:nth-last-child(2) { 554 560 border-top: 1px solid #494; 555 } 561 } 556 562 557 563 .snarkTorrentInfo tr:nth-last-child(2) td { … … 594 600 595 601 table.SnarkDirInfo { 596 margin-top: -2px !important;602 margin-top: 10px !important; 597 603 margin-bottom: 0; 598 604 border-bottom: 1px solid #494; … … 601 607 .snarkDirInfo th img { 602 608 margin: 0 !important; 609 max-height: 20px !important; 610 padding-top: 3px !important; 611 padding-bottom: 3px !important; 603 612 } 604 613 … … 619 628 padding-left: 4px; 620 629 text-align: left; 621 } 630 } 622 631 623 632 .snarkDirInfo td:first-child img { … … 657 666 .snarkDirInfo .headerpriority { 658 667 text-align: center !important; 659 vertical-align: middle; 660 padding-right: 10px; 668 vertical-align: middle; 669 padding-right: 10px; 661 670 } 662 671 … … 676 685 font-weight: bold; 677 686 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%); 679 688 text-align: center !important; 680 689 padding: 0 1px !important; … … 712 721 .parentDir img { 713 722 padding-left: 3px; 714 } 723 } 715 724 716 725 td.snarkFileStatus { … … 872 881 } 873 882 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 874 890 .snarkTorrents tr:hover td, .snarkDirInfo tr:hover td { 875 891 color: #ee9 !important; … … 930 946 931 947 .snarkFileName { 932 padding: 4px 0 !important; 948 padding: 4px 0 !important; 933 949 text-align: left !important; 934 950 font-size: 9pt !important; … … 938 954 padding: 4px 2px; 939 955 font-weight: normal; 940 color: #bb7 !important; 956 color: #bb7 !important; 941 957 } 942 958 … … 978 994 height: 14px; 979 995 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%); 981 997 } 982 998 983 999 div.percentBarInner.percentBarComplete { 984 1000 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%); 986 1002 } 987 1003 … … 1040 1056 font-size: 11pt; 1041 1057 font-weight: bold; 1042 padding: 1px 22px 3px 20px;1058 padding: 2px 22px 3px 20px; 1043 1059 margin: 5px 0 10px 0 !important; 1044 1060 letter-spacing: 0.2em; … … 1057 1073 } 1058 1074 1075 @media screen and (-webkit-min-device-pixel-ratio:0) { 1076 .snarkConfigTitle, label.toggleview { 1077 font-size: 13pt !important; 1078 } 1079 } 1080 1059 1081 .snarkConfigTitle { 1060 1082 margin-bottom: -2px !important; … … 1098 1120 min-width: 800px !important; 1099 1121 margin: 5px 0 0 0; 1100 /* padding: 10px;*/1101 1122 border-radius: 0 0 2px 2px; 1102 /* border: 1px solid #494;*/1103 1123 font-size: 9pt !important; 1104 1124 line-height: 160% !important; … … 1212 1232 filter: drop-shadow(0 0 1px #000); 1213 1233 -webkit-filter: drop-shadow(0 0 1px #000); 1234 cursor: pointer !important; 1214 1235 } 1215 1236 … … 1271 1292 border: 1px solid #000 !important; 1272 1293 border: 1px solid #151 !important; 1273 margin: 0 2px !important; 1294 margin: 0 2px !important; 1274 1295 padding: 4px !important; 1275 1296 background: #030; … … 1361 1382 1362 1383 input.default { 1363 width: 1px; 1364 height: 1px; 1384 width: 1px; 1385 height: 1px; 1365 1386 visibility: hidden; 1366 1387 } … … 1473 1494 height: 10px; 1474 1495 border: 1px solid #151 !important; 1475 margin: 0 0 0 2px !important; 1496 margin: 0 0 0 2px !important; 1476 1497 padding: 4px 5px !important; 1477 1498 background: #030; … … 1563 1584 .trackerconfig tr:nth-child(odd), .snarkConfig tr:nth-child(odd) { 1564 1585 background: #000900; 1565 } 1586 } 1566 1587 1567 1588 .trackerconfig tr:last-child { … … 1628 1649 1629 1650 .snarkConfig table tr:first-child { 1630 border-top: 1px solid #494 !important; 1651 border-top: 1px solid #494 !important; 1631 1652 } 1632 1653 … … 1661 1682 1662 1683 .snarkConfig tr:nth-last-child(2) { 1663 background: none; 1684 background: none; 1664 1685 } 1665 1686 … … 1775 1796 } 1776 1797 1777 .iframed .snarknavbar, .iframed .mainsection, .iframed .addtorrentsection, 1798 .iframed .snarknavbar, .iframed .mainsection, .iframed .addtorrentsection, 1778 1799 .iframed .newtorrentsection, .iframed .configsection, .iframed .configsectionpanel { 1779 1800 border-left: none !important; … … 1824 1845 /* enable to display panels by default in webkit */ 1825 1846 /* 1826 @media screen and (-webkit-min-device-pixel-ratio:0) { 1847 @media screen and (-webkit-min-device-pixel-ratio:0) { 1827 1848 input#toggle_addtorrent:not(checked) + label + hr + table, input#toggle_createtorrent:not(checked) + label + hr + table { 1828 1849 display: table; … … 1847 1868 label.toggleview, .snarkConfigTitle a:visited { 1848 1869 color: #7c7; 1870 } 1871 1872 /* MS Edge 14+ fix */ 1873 _:-ms-lang(x), * { 1874 filter: none !important; 1875 -webkit-filter: none !important; 1849 1876 } 1850 1877 … … 1877 1904 } 1878 1905 } 1906 1907 /* end responsive layout */ -
installer/resources/themes/snark/light/snark.css
rc4e7b1a ra22bf6b 14 14 /* preload top navigation mouseovers */ 15 15 body { 16 background: url(images/tile2.png) fixed, 16 background: url(images/tile2.png) fixed, 17 17 url(images/button_snark_hover.png) no-repeat, 18 18 url(images/button_snark_active.png) no-repeat, … … 29 29 30 30 body.iframed { 31 background: transparent url(/themes/console/images/transparent.gif), 31 background: transparent url(/themes/console/images/transparent.gif), 32 32 url(images/button_snark_hover.png) no-repeat, 33 33 url(images/button_snark_active.png) no-repeat, … … 65 65 opacity: 1; 66 66 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; 68 68 background-size: 3px auto; 69 69 } … … 263 263 filter: drop-shadow(0 0 1px #f60); 264 264 -webkit-filter: drop-shadow(0 0 1px #f60); 265 mix-blend-mode: normal; 265 mix-blend-mode: normal; 266 266 } 267 267 … … 271 271 272 272 273 a:link { 273 a:link { 274 274 color: #359; 275 275 text-decoration: none; … … 297 297 font-weight: bold; 298 298 margin: 5px 4px !important; 299 padding: 5px !important; 299 padding: 5px !important; 300 300 white-space: nowrap; 301 301 display: inline-block; … … 317 317 height: 8px; 318 318 color: #35f; 319 font-weight: bold !important; 319 font-weight: bold !important; 320 320 } 321 321 … … 331 331 } 332 332 333 tr { 333 tr { 334 334 opacity: 1; 335 335 } … … 482 482 width: 20px !important; 483 483 text-align: left; 484 padding: 2px; 484 padding: 2px; 485 485 } 486 486 … … 559 559 width: 60px; 560 560 white-space: nowrap; 561 } 562 563 /* MS Edge 14+ fix */ 564 _:-ms-lang(x), .snarkTorrentAction { 565 width: 72px !important; 561 566 } 562 567 … … 689 694 690 695 .snarkFileName { 691 padding: 4px 0 !important; 696 padding: 4px 0 !important; 692 697 text-align: left !important; 693 698 font-size: 8pt !important; … … 773 778 774 779 @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 { 776 782 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; 779 792 } 780 793 … … 851 864 852 865 .snarkTorrentInfo tr:nth-child(odd) { 853 background: #e0e0ff; 866 background: #e0e0ff; 854 867 } 855 868 856 869 .snarkTorrentInfo tr:nth-child(even) { 857 background: #eef; 870 background: #eef; 858 871 } 859 872 860 873 .snarkTorrentInfo tr:last-child td { 861 border-bottom: 1px solid #7778bf; 874 border-bottom: 1px solid #7778bf; 862 875 } 863 876 … … 966 979 border-radius: 2px; 967 980 border: 1px solid #7778bf; 968 background: #fff; 981 background: #fff; 969 982 color: #272e3f; 970 983 margin: 2px 4px 2px 0; … … 1079 1092 1080 1093 input.default { 1081 width: 1px; 1082 height: 1px; 1094 width: 1px; 1095 height: 1px; 1083 1096 visibility: hidden; 1084 1097 display: none; … … 1226 1239 font-weight: bold; 1227 1240 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); 1229 1242 background-size: 84px 82px, 100%; 1230 1243 background-blend-mode: luminosity; … … 1273 1286 .newtorrentsection table, .addtorrentsection table { 1274 1287 margin-top: -5px; 1275 } 1288 } 1276 1289 1277 1290 .newtorrentsection td:first-child, .addtorrentsection td:first-child { … … 1390 1403 } 1391 1404 1405 /* MS Edge 14+ fix */ 1406 _:-ms-lang(x), * { 1407 filter: none !important; 1408 -webkit-filter: none !important; 1409 } 1410 1392 1411 /*responsive layout */ 1393 1412 … … 1403 1422 @media screen and (-webkit-min-device-pixel-ratio:0) { 1404 1423 .snarkConfigTitle a, label.toggleview { 1405 font-size: 1 2pt !important;1424 font-size: 14pt !important; 1406 1425 } 1407 1426 } … … 1456 1475 1457 1476 @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; 1461 1481 } 1462 1482 } … … 1479 1499 } 1480 1500 } 1501 1502 /* end responsive layout */ 1503 -
installer/resources/themes/snark/midnight/snark.css
rc4e7b1a ra22bf6b 577 577 578 578 .snarkTorrentInfo tr:nth-last-child(2) td { 579 padding: 5px 2px; 579 padding: 5px 2px; 580 580 } 581 581 … … 607 607 608 608 .SnarkDirInfo { 609 margin-top: -2px !important;610 margin-bottom: 0;609 margin-top: 10px !important; 610 margin-bottom: -12px; 611 611 border-bottom: 1px solid #443da0; 612 612 } … … 772 772 padding: 1px !important; 773 773 text-align: center !important; 774 } 775 776 /* MS Edge 14+ fix */ 777 _:-ms-lang(x), .snarkTorrentAction { 778 width: 72px !important; 774 779 } 775 780 … … 985 990 height: 14px; 986 991 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%); 988 993 } 989 994 990 995 div.percentBarInner.percentBarComplete { 991 996 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%); 993 998 } 994 999 … … 1044 1049 } 1045 1050 1046 .snarkConfigTitle, 1047 label.toggleview { 1051 .snarkConfigTitle, label.toggleview { 1048 1052 font-size: 11pt; 1049 1053 font-weight: bold; … … 1205 1209 border: 1px solid #3e3f8f; 1206 1210 border-bottom-color: #14144f; 1207 border-right-color: #14144f; 1211 border-right-color: #14144f; 1208 1212 background: #000; 1209 1213 background: linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important; … … 1814 1818 1815 1819 form:last-child > .configsectionpanel { 1816 margin-top: 10px; 1820 margin-top: 10px; 1817 1821 margin-bottom: -1px; 1818 1822 } … … 1929 1933 } 1930 1934 1935 /* MS Edge 14+ fix */ 1936 _:-ms-lang(x), * { 1937 filter: none !important; 1938 -webkit-filter: none !important; 1939 } 1940 1931 1941 /* responsive layout */ 1932 1942 … … 1936 1946 } 1937 1947 1938 thead th, tfoot th, td, select, select option, .snarkAddInfo {1948 thead th, tfoot th, td, select, select option, .snarkAddInfo, .snarkFileName { 1939 1949 font-size: 10pt !important; 1940 1950 } … … 1969 1979 } 1970 1980 } 1981 1982 /* end responsive layout */ 1983 -
installer/resources/themes/snark/ubergine/snark.css
rc4e7b1a ra22bf6b 63 63 border: 1px solid #101; 64 64 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; 66 66 filter: drop-shadow(0 1px 4px #212); 67 67 -webkit-filter: drop-shadow(0 1px 1px #000); … … 80 80 81 81 .iframed .snarknavbar { 82 padding-bottom: 1 5px;82 padding-bottom: 16px; 83 83 margin-top: 0 !important; 84 84 margin-bottom: -6px !important; … … 152 152 @media screen and (-webkit-min-device-pixel-ratio:0) { 153 153 .snarkRefresh img { 154 margin: 0 -4px 0 -5px;154 margin: -2px -7px 0 -5px; 155 155 } 156 156 } … … 159 159 border-radius: 2px; 160 160 margin: -5px 0 -4px !important; 161 padding: 4px 12px3px !important;161 padding: 5px 12px 4px 13px !important; 162 162 display: inline-block; 163 163 } … … 179 179 background: url(images/hat.png) no-repeat scroll right center, linear-gradient(to bottom, #2a192a 0%, #202 100%); 180 180 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); 182 182 outline: none; 183 183 filter: drop-shadow(0 0 1px rgba(16, 8, 16, 0.5)); … … 256 256 height: 8px; 257 257 color: #35f; 258 font-weight: bold !important; 258 font-weight: bold !important; 259 259 } 260 260 … … 378 378 @media screen and (-webkit-min-device-pixel-ratio:0) { /* fixes webkit/blink double border */ 379 379 .snarkTorrents { 380 border-top: 1px solid transparent; 380 border-top: 1px solid transparent; 381 381 } 382 382 } … … 403 403 text-align: left; 404 404 min-width: 50px; 405 } 405 } 406 406 407 407 .snarkTorrents tfoot { … … 432 432 433 433 .snarkTorrents tfoot th:nth-child(n+2) { 434 word-spacing: -0.2em; 435 font-variant: all-small-caps; 434 word-spacing: -0.4em; 436 435 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 }443 436 } 444 437 445 438 .snarkTorrents tfoot th:nth-child(2) { 446 439 text-align: center; 440 } 441 442 .snarkTorrents tfoot tt { 443 margin-left: -4px; 447 444 } 448 445 … … 461 458 462 459 .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; 464 461 color: #cc0; 465 462 margin-left: 2px; … … 514 511 } 515 512 513 /* MS Edge 14+ fix */ 514 _:-ms-lang(x), .snarkTorrentAction { 515 width: 72px !important; 516 } 517 516 518 .snarkTorrents th:last-child { 517 519 white-space: nowrap !important; … … 553 555 padding: 2px 2px 2px 0; 554 556 line-height: 110%; 555 /* min-width: 75px;*/556 557 text-align: left !important; 557 558 } … … 638 639 639 640 .snarkTorrentEven + .snarkTorrentEven td:nth-child(2) tt, .snarkTorrentOdd + .snarkTorrentOdd td:nth-child(2) tt { 640 margin-left: -1 2px;641 margin-left: -10px; 641 642 color: #cc0; 642 643 } … … 661 662 } 662 663 664 /* MS Edge 14+ fix */ 665 _:-ms-lang(x), table.snarkTorrents tbody tr:hover { 666 box-shadow: none !important; 667 } 668 663 669 table.snarkTorrents tbody tr:hover .snarkTorrentName, table.snarkDirInfo tbody tr:hover td .snarkFileName { 664 670 color: #fff !important; … … 677 683 678 684 .snarkFileName { 679 padding: 4px 0 !important; 685 padding: 4px 0 !important; 680 686 text-align: left !important; 681 687 font-size: 8pt !important; … … 695 701 text-align: left !important; 696 702 white-space: nowrap; 697 max-width: 250px; 703 max-width: 250px; 698 704 overflow: hidden; 699 705 text-overflow: ellipsis; … … 786 792 } 787 793 794 /* MS Edge 14+ fix */ 795 _:-ms-lang(x), .snarkDirInfo img, .snarkTorrents img { 796 filter: none !important; 797 -webkit-filter: none !important; 798 } 799 788 800 .snarkDirInfo td, .SnarkDirInfo th { 789 801 min-width: 0 !important; … … 827 839 font-style: italic; 828 840 word-spacing: -0.4em; 829 } 841 } 830 842 831 843 .thumb { … … 880 892 border-radius: 2px; 881 893 color: #fbf; 894 margin-left: 3px; 895 padding: 2px 4px; 896 box-shadow: inset 0 0 0 1px #212; 882 897 } 883 898 … … 886 901 font-size: 12pt; 887 902 font-weight: bold; 888 padding: 3px 18px;903 padding: 4px 18px 3px; 889 904 margin: 5px 0 10px 0 !important; 890 905 border: 1px solid #101; … … 906 921 907 922 .snarkConfigTitle:hover, label.toggleview:hover { 908 background: linear-gradient(to bottom, #5f475d 0%, #4 F3B4F50%, #1f001f 50%, #1f001f 100%);923 background: linear-gradient(to bottom, #5f475d 0%, #4f3b4f 50%, #1f001f 50%, #1f001f 100%); 909 924 box-shadow: inset 0 0 1px #3f173f; 910 925 } 911 926 912 927 .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; 914 929 } 915 930 .snarkConfigTitle img, label.toggleview img { 916 margin-right: -3px; 917 margin-bottom: 1px; 931 margin: 1px -3px 2px 0; 918 932 vertical-align: middle; 919 933 filter: drop-shadow(0 0 1px #000); … … 988 1002 font-weight: bold; 989 1003 margin: 5px 2px !important; 990 padding: 4px 6px 4px 4px; 1004 padding: 4px 6px 4px 4px; 991 1005 text-shadow: 0 0 #410; 992 1006 white-space: nowrap; … … 1058 1072 border-radius: 2px; 1059 1073 border: 1px solid #101; 1060 background: #212 url(images/graytile.png); 1074 background: #212 url(images/graytile.png); 1061 1075 color: #f60; 1062 1076 margin: 2px 4px; … … 1072 1086 color: #1c081e; 1073 1087 background: #989; 1074 background: linear-gradient(to bottom, #989 0%, #878 100%); 1088 background: linear-gradient(to bottom, #989 0%, #878 100%); 1075 1089 border: 1px inset #bbb; 1076 1090 padding: 4px 2px !important; … … 1158 1172 input[type="submit"]:disabled:active, a.control:disabled:active { 1159 1173 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 } 1162 1176 1163 1177 #pagenav { … … 1222 1236 background: linear-gradient(to bottom, #d60, #c50); 1223 1237 color: #fff; 1224 box-shadow: none; 1238 box-shadow: none; 1225 1239 } 1226 1240 … … 1263 1277 1264 1278 input.default { 1265 width: 1px; 1266 height: 1px; 1279 width: 1px; 1280 height: 1px; 1267 1281 visibility: hidden; 1268 1282 } … … 1305 1319 input.cancel:hover, input.cancel:focus { 1306 1320 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%); 1308 1322 } 1309 1323 … … 1376 1390 @media screen and (-webkit-min-device-pixel-ratio:0) { 1377 1391 input[type="submit"], input[type="reset"], a.control { 1378 padding-left: 21px !important; 1392 padding-left: 21px !important; 1379 1393 } 1380 1394 } … … 1567 1581 color: #ddd; 1568 1582 border-radius: 4px; 1569 box-shadow: inset 0 0 3px 0 #101; 1583 box-shadow: inset 0 0 3px 0 #101; 1570 1584 word-wrap: break-word; 1571 1585 text-align: center; … … 1578 1592 } 1579 1593 1580 .configsectionpanel, .configsectionpanel td {1594 .configsectionpanel, .configsectionpanel td, .snarkNewTorrent, .snarkNewTorrent td, .snarkAddInfo { 1581 1595 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; 1583 1597 } 1584 1598 … … 1594 1608 1595 1609 .addtorrentsection td:first-child, .newtorrentsection td:first-child { 1596 width: 200px; 1610 width: 10%; 1611 white-space: nowrap; 1597 1612 } 1598 1613 … … 1607 1622 1608 1623 .configsectionpanel input[name="nofilter_dataDir"], .configsectionpanel textarea { 1609 width: 550px; 1624 min-width: 550px; 1625 width: 60%; 1610 1626 } 1611 1627 … … 1671 1687 background: url(images/nuke.png) center right 6px no-repeat, linear-gradient(to bottom, #414 0%, #414 50%, #313 51%, #101 100%); 1672 1688 border-left: 1px solid #101; 1689 width: 5%; 1673 1690 } 1674 1691 … … 1687 1704 1688 1705 .trackerconfig th, .trackerconfig td, .trackerconfig th:last-child, .trackerconfig td:last-child { 1689 text-align: left !important; 1706 text-align: left !important; 1690 1707 } 1691 1708 1692 1709 .trackerconfig td:first-child { 1693 text-align: right !important; 1710 text-align: right !important; 1694 1711 } 1695 1712 … … 1737 1754 /* note that midori has other issues c. v5.10, best avoided */ 1738 1755 /* 1739 @media screen and (-webkit-min-device-pixel-ratio:0) { 1756 @media screen and (-webkit-min-device-pixel-ratio:0) { 1740 1757 input#toggle_addtorrent:not(checked) + label + hr + table, input#toggle_createtorrent:not(checked) + label + hr + table { 1741 1758 display: table; … … 1777 1794 } 1778 1795 1796 /* MS Edge 14+ fix */ 1797 _:-ms-lang(x), * { 1798 filter: none !important; 1799 -webkit-filter: none !important; 1800 } 1801 1779 1802 /* responsive layout */ 1780 1803 … … 1785 1808 1786 1809 .snarknavbar { 1787 padding: 1 8px 10px 16px;1810 padding: 17px 10px 16px; 1788 1811 } 1789 1812 1790 1813 .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 } 1792 1825 } 1793 1826 … … 1804 1837 } 1805 1838 1839 .snarkRefresh:last-child[href="/i2psnark/"] { 1840 padding: 6px 12px 5px 15px !important; 1841 margin: -7px 0 -6px !important; 1842 } 1806 1843 .snarkTorrents tt { 1807 1844 font-size: 10pt; 1845 color: #cc0; 1808 1846 } 1809 1847 1810 1848 tt, code, .snarkMessages, input, input[type="submit"], input[type="reset"], select, select option, button, textarea { 1811 1849 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; 1812 1858 } 1813 1859 … … 1821 1867 } 1822 1868 } 1869 1870 /* end responsive layout */ -
installer/resources/themes/snark/vanilla/snark.css
rc4e7b1a ra22bf6b 108 108 @media screen and (-webkit-min-device-pixel-ratio:0) { 109 109 .snarknavbar { 110 padding-top: 16px; 110 padding-top: 15px; 111 } 112 113 .snarkRefresh:link:first-child { 114 padding-top: 4px !important; 111 115 } 112 116 } … … 144 148 background: linear-gradient(to bottom, #dfb899 0%, #dfb899 50%, #af9178 50%, #af9178 100%); 145 149 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; 147 151 } 148 152 … … 235 239 236 240 .snarkMessages { 237 font: bold 8pt "D ejaVu Sans Mono", "DroidSans Mono", "Lucida Console", Courier, mono !important;241 font: bold 8pt "Droid Sans Mono", "Noto Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono !important; 238 242 text-align: left; 239 243 margin: 0 0 10px; … … 326 330 height: 8px; 327 331 color: #731; 328 font-weight: bold !important; 332 font-weight: bold !important; 329 333 } 330 334 … … 341 345 } 342 346 343 tr { 347 tr { 344 348 opacity: 1; 345 349 } … … 536 540 537 541 .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; 546 543 } 547 544 … … 617 614 width: 68px; 618 615 white-space: nowrap; 616 } 617 618 /* MS Edge 14+ fix */ 619 _:-ms-lang(x), .snarkTorrentAction { 620 width: 72px !important; 619 621 } 620 622 … … 746 748 747 749 .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; 749 751 } 750 752 … … 778 780 779 781 .snarkFileName { 780 padding: 4px 0 !important; 782 padding: 4px 0 !important; 781 783 text-align: left !important; 782 784 font-size: 8pt !important; … … 805 807 .snarkTorrentInfo img { 806 808 max-height: 16px !important; 807 margin: 1px 2px 2px 2px !important; 809 margin: 1px 2px 2px 2px !important; 808 810 } 809 811 … … 845 847 846 848 .snarkDirInfo { 847 margin-top: -3px !important;848 margin-bottom: 0; 849 margin-top: 10px !important; 850 margin-bottom: 0; 849 851 } 850 852 … … 859 861 860 862 .snarkDirInfo td { 861 min-width: 0 !important; 863 min-width: 0 !important; 862 864 } 863 865 … … 911 913 } 912 914 915 #trackerselect td { 916 white-space: nowrap !important; 917 } 918 913 919 #trackerselect td:nth-child(2), #trackerselect td:nth-child(3) { 914 max-width: 50px !important;920 max-width: 60px !important; 915 921 } 916 922 … … 923 929 } 924 930 925 .snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover {931 .snarkConfigTitle, label.toggleview, .configsectionpanel .snarkConfigTitle:hover, .configsectionpanel .snarkConfigTitle:active { 926 932 font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif; 927 font-size: 1 1pt;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; 930 936 margin: 0 0 -3px !important; 931 937 letter-spacing: 0.1em; … … 949 955 } 950 956 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 951 965 @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; 955 977 } 956 978 … … 970 992 971 993 .snarkConfigTitle img, label.toggleview img { 972 margin: 1px -2px 2px 0;994 margin: 1px -2px 3px 0; 973 995 filter: drop-shadow(0 0 1px #7f6c5f) !important; 974 996 -webkit-filter: drop-shadow(0 0 1px #7f6c5f) !important; 975 997 } 976 977 998 978 999 .snarkConfig { … … 1012 1033 } 1013 1034 1035 @media screen and (-webkit-min-device-pixel-ratio:0) { 1036 hr.debug:nth-child(n+7) { 1037 margin: -10px 0 4px; 1038 } 1039 } 1040 1014 1041 a:link { 1015 1042 color: #f30; … … 1049 1076 font-weight: bold; 1050 1077 margin: 3px 2px !important; 1051 padding: 5px 4px 5px 2px; 1078 padding: 5px 4px 5px 2px; 1052 1079 white-space: nowrap; 1053 1080 } … … 1080 1107 border-radius: 2px; 1081 1108 border: 1px solid #2f1500; 1082 background: #efe6e0; 1109 background: #efe6e0; 1083 1110 color: #2f1500; 1084 1111 margin: 2px 4px; … … 1140 1167 } 1141 1168 1142 input.default { 1143 width: 1px; 1144 height: 1px; 1169 input.default { 1170 width: 1px; 1171 height: 1px; 1145 1172 visibility: hidden; 1146 1173 display: none; … … 1257 1284 1258 1285 select + select { 1259 margin-left: -1 7px;1286 margin-left: -12px; 1260 1287 } 1261 1288 … … 1361 1388 box-shadow: 0 0 1px 0 #f60; 1362 1389 } 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 1380 1390 1381 1391 .section, .mainsection { … … 1462 1472 } 1463 1473 1464 .configsectionpanel td {1474 .configsectionpanel td, .snarkNewTorrent td { 1465 1475 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; 1467 1477 } 1468 1478 … … 1553 1563 border-radius: 2px 0 0 2px; 1554 1564 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%); 1555 1566 } 1556 1567 … … 1565 1576 1566 1577 .trackerconfig th, .trackerconfig td, .trackerconfig th:last-child, .trackerconfig td:last-child { 1567 text-align: left !important; 1578 text-align: left !important; 1568 1579 } 1569 1580 1570 1581 .trackerconfig td:first-child { 1571 text-align: right !important; 1582 text-align: right !important; 1572 1583 } 1573 1584 … … 1627 1638 /* display panels by default on webkit based browsers (midori fix) */ 1628 1639 /* 1629 @media screen and (-webkit-min-device-pixel-ratio:0) { 1640 @media screen and (-webkit-min-device-pixel-ratio:0) { 1630 1641 #toggle_addtorrent:not(checked) + label + hr + table, #toggle_createtorrent:not(checked) + label + hr + table { 1631 1642 display: table; … … 1667 1678 } 1668 1679 1680 /* MS Edge 14+ fix */ 1681 _:-ms-lang(x), * { 1682 filter: none !important; 1683 -webkit-filter: none !important; 1684 } 1685 1669 1686 /* responsive layout */ 1670 1687 … … 1674 1691 } 1675 1692 1676 .snarkRefresh:link {1677 font-size: 10pt ;1693 .snarkRefresh:link, .snarkAddInfo, .configsectionpanel td, .snarkNewTorrent td { 1694 font-size: 10pt !important; 1678 1695 } 1679 1696 … … 1700 1717 } 1701 1718 1719 /* end responsive layout */ 1720
Note: See TracChangeset
for help on using the changeset viewer.