Changes to snark themes from dr|z3d to work with new layouts

(and a tweak to dark console theme)
This commit is contained in:
str4d
2012-07-10 19:30:42 +00:00
parent 709c75c517
commit 7e5edc2f6e
4 changed files with 248 additions and 53 deletions

View File

@@ -82,7 +82,10 @@ button {
}
textarea {
border: 1px solid #494;
border: 1px solid #494;
background: #000;
margin-left: 4px;
width: 458px;
}
br {
@@ -144,7 +147,7 @@ hr {
border: 1px solid #494;
padding: 2px;
margin: 4px 0 2px 4px;
background-color: #020;
background-color: #000;
font-size: 8.5pt;
}
@@ -157,7 +160,7 @@ hr {
font-size: 8pt;
font-weight: bold;
background-color: #000;
color: #9f9 !important;
color: #494 !important;
border: 1px outset #ddddc0;
text-align: center;
white-space: nowrap;

View File

@@ -261,6 +261,46 @@ tfoot tr:nth-child(n+1) {
.SnarkTorrents td:nth-child(3), .SnarkTorrents td:nth-child(4) {
width: 20px !important;
}
.snarkTorrentInfo img {
max-height: 16px !important;
margin: 1px 0 1px 2px !important;
}
.snarkTorrentInfo td {
text-align: left !important;
padding: 0 1px !important;
}
table.SnarkTorrentInfo {
margin-bottom: 3 !important;
background: url("../../console/dark/images/camotile.png") repeat scroll center bottom #001100;
/* background-image: url('/themes/snark/dark/images/hat.png'), url("../../console/dark/images/camotile.png");*/
background-origin: padding-box;
background-position: bottom right, center center;
background-repeat: no-repeat, repeat;
}
table.SnarkDirInfo {
margin-top: -2px !important;
}
.snarkDirInfo thead img {
margin: 0 -1px 0 0 !important;
}
.SnarkDirInfo td {
min-width: 0px !important;
}
.SnarkDirInfo td:nth-child(n+1) {
}
.SnarkDirInfo .headerpriority {
text-align: center !important;
vertical-align: middle;
}
td {
padding: 1px;
@@ -863,12 +903,12 @@ code {;
box-shadow: inset 0px 0px 1px 0px #002;
background: #000 url('../../console/dark/images/header.png') repeat-x scroll center center !important;
*/
background: #000 !important;
background: none !important;
text-transform: uppercase !important;
letter-spacing: 0em !important;
font-weight: bold;
font-size: 11.5pt;
color: #001;
color: #000;
min-width: 600px;
width: 70%;
text-align: center;

View File

@@ -4,8 +4,13 @@
body {
background: #101 url('/themes/snark/ubergine/images/graytile.png');
color: #001;
font: 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif;
font: 7.5pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif;
}
body.iframed {
background: transparent url('../../console/dark/images/transparent.gif') !important;
margin: 6px 0 !important;
}
.snarkTitle {
font-size: 12pt;
@@ -18,16 +23,16 @@ body {
text-transform: uppercase !important;
padding: 4px 16px 5px !important;
margin: -5px -8px -5px 0 !important;
letter-spacing: 0.05em;
letter-spacing: 0.03em;
font-weight: bold;
font-size: 11pt;
font-size: 9pt;
color: #f70;
text-shadow: 1px 1px #420;
background: url('/themes/snark/ubergine/images/snarknav_lowlight.png') no-repeat scroll center bottom;
background: #310 url('/themes/snark/ubergine/images/snarknav_on.png') repeat-x scroll center center;
-moz-border-radius: 0px;
-khtml-border-radius: 3px;
border-radius: 0px;
border-radius: 0px;;
-moz-box-shadow: inset 0 0 1px 0 #f90;
-khtml-box-shadow: inset 0 0 1px 0 #f90;
box-shadow: 0 0 1px 0 #f90;
@@ -38,9 +43,7 @@ body {
text-decoration: none !important;
text-transform: uppercase !important;
padding: 1px 16px;
letter-spacing: 0.05em;
font-weight: bold;
font-size: 11pt;
color: #f50;
background: #310 url('/themes/snark/ubergine/images/snarknav_on.png') repeat-x scroll center center;
background: #310 url('/themes/snark/ubergine/images/snarknav_lowlight.png') repeat-x scroll center center;
@@ -56,9 +59,7 @@ body {
text-decoration: none !important;
text-transform: uppercase !important;
padding: 0 16px;
letter-spacing: 0.05em;
font-weight: bold;
font-size: 11pt;
color: #fb0;
background: #310 url('/themes/snark/ubergine/images/snarknav_on.png') repeat-x scroll center center;
}
@@ -130,7 +131,7 @@ body {
pre {
width: 100%;
font: 8pt "Lucida Console","DejaVu Sans Mono",Courier,mono !important;
font: 7.5pt "Lucida Console","DejaVu Sans Mono",Courier,mono !important;
padding: 0;
text-align: left !important;
height: 8px;
@@ -162,13 +163,13 @@ thead a, tfoot a {
text-shadow:1px 1px #550000;
}
thead {
thead {;
border-bottom: 1px solid #101;
}
th {
padding: 4px 2px 4px 4px;
font-size: 9pt;
font-size: 8pt;
border-top: 1px outset #001;
border-bottom: 1px inset #101;
color: #ddd;
@@ -220,7 +221,7 @@ tfoot tr:nth-child(n+1) {
.ParentDir {
background: #656;
background: #351933;
font-size: 8pt;
font-size: 7.5pt;
border: 0px inset #101 !important;
border-left: 0 !important;
border-right: 0 !important;
@@ -243,7 +244,7 @@ td {
padding: 1px;
color: #ddd !important;
opacity: 1;
font-size: 9.5pt;
font-size: 8pt;
}
.mainsection td {
@@ -252,7 +253,7 @@ td {
td:first-child {
text-align: right;
font-size: 9.5pt;
font-size: 8pt;
}
.center {
@@ -289,7 +290,7 @@ td:first-child {
}
.snarkTorrentEven {
font-size: 8pt;
font-size: 7.5pt;
background: #202;
}
@@ -311,7 +312,7 @@ td:first-child {
min-width: 48px;
font-weight: bold;
color: #dd9 !important;
font-size: 8pt;
font-size: 7.5pt;
padding: 1px !important;
}
@@ -321,7 +322,7 @@ td:first-child {
}
.snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded {
font-size: 8pt;
font-size: 7.5pt;
font-weight: bold;
padding: 0 3px;
}
@@ -344,7 +345,7 @@ td:first-child {
.snarkTorrentOdd {
background: #351933;
font-size: 8pt;
font-size: 7.5pt;
border: 0px inset #101 !important;
border-left: 0 !important;
border-right: 0 !important;
@@ -356,7 +357,7 @@ td:first-child {
.snarkFileName {
padding: 4px 0px !important;
text-align: left !important;
font-size: 8pt !important;
font-size: 7.5pt !important;
}
.snarkFileSize {
@@ -369,7 +370,7 @@ td:first-child {
padding: 4px 5px 4px 15px;
text-align: center;
font-style: italic;
font-size: 8pt;
font-size: 7.5pt;
text-align: left;
}
@@ -378,6 +379,41 @@ td:first-child {
font-style: italic;
color: #dd7 !important;
}
.snarkTorrentInfo img {
max-height: 16px !important;
margin: 1px 0 1px 2px !important;
}
.snarkTorrentInfo td {
text-align: left !important;
padding: 0 1px !important;
}
table.SnarkTorrentInfo {
margin-bottom: 3 !important;
background: #000;
}
table.SnarkDirInfo {
margin-top: -2px !important;
}
.snarkDirInfo thead img {
margin: 0 -1px 0 0 !important;
}
.SnarkDirInfo td {
min-width: 0px !important;
}
.SnarkDirInfo td:nth-child(n+1) {
}
.SnarkDirInfo .headerpriority {
text-align: center !important;
vertical-align: middle;
}
.choked {
color: #f00000 !important;
@@ -393,11 +429,11 @@ td:first-child {
}
.snarkNewTorrent {
font-size: 9pt;
font-size: 8pt;
}
.snarkAddInfo {
font-size: 9pt;
font-size: 8pt;
line-height: 130% !important;
}
@@ -406,7 +442,7 @@ td:first-child {
font-weight: bold;
padding: 0 25px 3px 25px;
margin: 5px 0 10px 0 !important;
letter-spacing: 0.25em;
letter-spacing: 0.05em;
border: 1px solid #111;
-moz-border-radius: 0 0 5px 5px;
-khtml-border-radius: 0 0 5px 5px;
@@ -432,7 +468,7 @@ td:first-child {
-khtml-border-radius: 4px;
border-radius: 4px;
border: 1px solid #101;
font-size: 9pt !important;
font-size: 8pt !important;
line-height: 160% !important;
-moz-box-shadow: inset 0px 0px 1px 0px #212;
-khtml-box-shadow: inset 0px 0px 1px 0px #002;
@@ -478,7 +514,7 @@ a:hover {
}
input {
font-size: 9pt;
font-size: 8.5pt;
font-weight: bold;
text-align: left;
padding: 3px 4px !important;
@@ -591,7 +627,7 @@ select {
background: #333;
background: url('/themes/snark/ubergine/images/graytile.png') !important;
color: #f60;
font: 9pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif;
font: 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif;
font-weight: bold;
padding: 2px 2px 2px 3px;
-moz-border-radius: 4px 0 0 4px;
@@ -613,7 +649,8 @@ textarea {
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
border: 1px inset #000;
border: 1px inset #000;
font-size: 8pt;
}
img {
@@ -750,7 +787,7 @@ div.configsection a:hover {
}
code {
font-size: 9.5pt;
font-size: 9pt;
color: #b8b;
padding: 0 2px;
font-weight: bold;
@@ -783,3 +820,35 @@ code {
padding: 1px 0 0px !important;
vertical-align: top;
}
.routerdown {
color: #ee9;
}
.trackerconfig {
text-align: left !important;
}
.trackerconfig th:nth-child(n+4), .trackerconfig th:nth-child(n+5), .trackerconfig td:nth-child(n+4), .trackerconfig td:nth-child(n+5) {
text-align: center !important;
}
.trackerconfig th, .trackerconfig td, .trackerconfig th:last-child, .trackerconfig td:last-child {
text-align: left !important;
}
.trackerconfig td:first-child {
text-align: right !important;
}
input.trackername {
width: 100px;
}
input.trackerhome {
width: 200px;
}
input.trackerannounce {
width: 230px;
}

View File

@@ -6,6 +6,11 @@ body {
color: #001;
font: 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif;
}
body.iframed {
background: transparent url('../../console/dark/images/transparent.gif') !important;
margin: 6px 0 !important;
}
.snarkTitle {
font-size: 12pt;
@@ -79,7 +84,10 @@ body {
-khtml-box-shadow: inset 0 0 1px 0 #330;
box-shadow: 0 0 1px 0 #330;
}
.snarkRefresh img {
margin-right: -10px !important;
}
.snarkMessages {
font: bold 8pt "Lucida Console","DejaVu Sans Mono",Courier,mono !important;
text-align: left;
@@ -91,7 +99,7 @@ body {
border-radius: 4px 0 0 0;
border: 1px solid #000;
overflow: auto;
color: #26f;
color: #500;
max-height: 76px;
min-height: 45px;
width: auto;
@@ -149,8 +157,8 @@ table {
border-collapse: collapse;
color: #323;
width: 100%;
opacity: 1 !important;
font-weight: bold;
opacity: 1 !important;
font-size: 8.5pt !important;
}
tr {
@@ -175,11 +183,10 @@ thead {
th {
padding: 4px 2px 4px 4px;
font-size: 9pt;
font-size: 8pt;
border-top: 1px outset #604;
border-bottom: 1px inset #604;
whitespace: nowrap;
letter-spacing: 0.05em;
}
th:first-child {
@@ -249,7 +256,7 @@ td {
padding: 2px 1px;
color: #501 !important;
opacity: 1;
font-size: 9.5pt;
font-size: 8pt;
}
.mainsection td {
@@ -258,7 +265,7 @@ td {
td:first-child {
text-align: right;
font-size: 9.5pt;
font-size: 8pt;
}
.center {
@@ -267,7 +274,8 @@ td:first-child {
.snarkTorrentName {
/* text-shadow:1px 1px #540;*/
padding: 3px 0 0;
padding: 3px 0 0;
line-height: 100%;
}
.snarkTorrentName img {
@@ -306,7 +314,9 @@ td:first-child {
.snarkTorrentStatus {
padding: -1px 0 2px;
font-size: 8pt !important;
letter-spacing: -0.05em;
letter-spacing: -0.05em;
font-weight: bold;
line-height: 100%;
}
.snarkTorrentStatus:first-child {
@@ -383,6 +393,40 @@ td:first-child {
font-style: italic;
color: #505 !important;
}
.snarkTorrentInfo img {
max-height: 16px !important;
margin: 1px 0 1px 2px !important;
}
.snarkTorrentInfo td {
text-align: left !important;
padding: 0 1px !important;
}
table.SnarkTorrentInfo {
margin-bottom: 3 !important;
}
table.SnarkDirInfo {
margin-top: -2px !important;
}
.snarkDirInfo thead img {
margin: 0 -1px 0 0 !important;
}
.SnarkDirInfo td {
min-width: 0px !important;
}
.SnarkDirInfo td:nth-child(n+1) {
}
.SnarkDirInfo .headerpriority {
text-align: center !important;
vertical-align: middle;
}
.choked {
color: #a00000 !important;
@@ -402,7 +446,7 @@ td:first-child {
}
.snarkAddInfo {
font-size: 9pt;
font-size: 8pt;
line-height: 130% !important;
}
@@ -411,20 +455,23 @@ td:first-child {
font-weight: bold;
padding: 0 25px 3px 25px;
margin: 5px 0 10px 0 !important;
letter-spacing: 0.25em;
letter-spacing: 0.05em;
border: 1px solid #111;
-moz-border-radius: 0 0 5px 5px;
-khtml-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
border-top: 0;
text-shadow: 0px 1px 1px #300;
text-shadow: 0px 1px 1px #fff;
background: #ffb url('images/bling.png') repeat-x scroll center center !important;
font-variant: small-caps !important;
color: #503;
}
.snarkConfigTitle img {
margin-right: -3px;
}
.snarkConfig {
font-size: 10pt;
font-size: 8pt;
width: 100%;
}
@@ -577,7 +624,7 @@ input.accept {
}
input.add {
background: #f3efc7 url('../../console/images/add.png') no-repeat 2px center;
background: #f3efc7 url('../../console/images/add.png') no-repeat 2px center !important;
padding: 2px 3px 2px 20px !important;
min-height: 22px;
}
@@ -610,13 +657,14 @@ select {
background: #fff;
/* background: url('/themes/snark/ubergine/images/graytile.png') !important;*/
color: #101;
font: 9pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif;
font: 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif;
font-weight: bold;
padding: 2px 2px 2px 3px;
-moz-border-radius: 4px 0 0 4px;
-khtml-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
border: 1px solid #000;
border: 1px solid #000;
margin-left: 5px;
}
select:hover, textarea:hover {
@@ -632,7 +680,9 @@ textarea {
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
border: 1px inset #000;
border: 1px inset #000;
font-size: 8pt;
margin-left: 5px;
}
img {
@@ -760,7 +810,7 @@ div.configsection table{
div.configsection a {
color: #f30;
text-shadow: 1px 1px #500;
text-shadow: 1px 1px #fff;
}
div.configsection a:hover {
@@ -802,3 +852,36 @@ code {
padding: 1px 0 0px !important;
vertical-align: top;
}
.routerdown {
color: #900;
}
.trackerconfig {
text-align: left !important;
}
.trackerconfig th:nth-child(n+4), .trackerconfig th:nth-child(n+5), .trackerconfig td:nth-child(n+4), .trackerconfig td:nth-child(n+5) {
text-align: center !important;
}
.trackerconfig th, .trackerconfig td, .trackerconfig th:last-child, .trackerconfig td:last-child {
text-align: left !important;
}
.trackerconfig td:first-child {
text-align: right !important;
}
input.trackername {
width: 100px;
}
input.trackerhome {
width: 200px;
}
input.trackerannounce {
width: 230px;
}