I2PSnark layout, themes, tunnel tables..

This commit is contained in:
z3d
2009-07-22 21:07:46 +00:00
parent b0ea204be5
commit b4256e484a
13 changed files with 159 additions and 209 deletions

View File

@ -49,13 +49,14 @@ div.routersummaryouter {
div.routersummary {
background: #fafaff;
width: 200px;
width: 175px;
color: inherit;
margin: 0em;
padding: 5px;
text-align: left;
border: medium solid #efefff;
font-size: 0.82em;
word-wrap: break-word;
}
div.warning {

View File

@ -115,6 +115,7 @@ div.warning {
background-position:15px center;
background-repeat:no-repeat;
-moz-box-shadow: inset 0px 0px 0px 1px #f00;
word-wrap: break-word;
}
div.main {
@ -153,6 +154,7 @@ div.news li {
margin: 0 10px 0 30px;
padding: 5px;
vertical-align: middle;
word-wrap: break-word;
}
div.confignav {
@ -170,7 +172,7 @@ div.confignav {
}
div.configure {
padding: 0 15px;
padding: 0 15px 15px 15px;
margin: 10px 0px;
background: #005;
-moz-border-radius: 4px;
@ -220,7 +222,7 @@ table {
}
th {
padding: 4px;
padding: 8px;
color: #eef;
text-align: center;
font-size: 8pt;
@ -240,17 +242,16 @@ tr:nth-child(odd) {
background: #003 url('images/darkbluetile.png') !important;
vertical-align: middle;
}
/*
tr:last-child {
background: #004 url('images/lightbluetile.png') !important;
font-weight: bold;
border: 1px solid #99f !important;
}
*/
td {
padding: 5px 10px;
color: #eef;
text-align: left;
vertical-align: middle;
}
@ -266,6 +267,7 @@ div.main li {
margin: 2px 0px 2px 30px;
padding: 1px 20px 1px 0px;
line-height: 150%;
word-wrap: break-word;
}
.tidylist {
@ -291,6 +293,9 @@ code {
a:link, h2 a:link{
color: #99f;
text-decoration: none;
font-weight: bold;
word-wrap: break-word;
}
a:visited{
@ -349,6 +354,7 @@ h2 {
vertical-align: middle;
margin: 25px 0 20px 0 !important;
-moz-box-shadow: inset 0px 0px 1px 0px #eef;
word-wrap: break-word;
}
h2 a:visited {
@ -441,6 +447,7 @@ input {
padding: 1px 2px;
text-decoration: none;
min-width: 110px;
opacity: 0.8;
}
input:hover {

Binary file not shown.

After

Width:  |  Height:  |  Size: 587 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 577 B

View File

@ -35,7 +35,7 @@ div.logo {
border-radius: 4px;
background: #ddddff url('images/lightbluetile.png');
width: 175px;
-moz-box-shadow: inset 0px 0px 16px 1px #eef;
-moz-box-shadow: inset 0px 0px 1px 0px #002;
}
div.toolbar {
@ -86,18 +86,20 @@ div.routersummaryouter {
div.routersummary {
/* margin: 0px 20px 20px 0px; */
width: auto;
width: 175px;
padding: 10px;
text-align: center;
border: 1px solid #000033;
background: #ddddff url('images/lightbluetile.png');
background: #ddf url('images/lightbluetile.png');
color: #000;
font-size: 8pt;
clear: left;/* fixes a bug in Opera */
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
/*
float: left;
*/
-moz-box-shadow: inset 0px 0px 1px 0px #002;
}
@ -116,6 +118,7 @@ div.warning {
background-position:15px center;
background-repeat:no-repeat;
-moz-box-shadow: inset 0px 0px 1px 0px #d00;
word-wrap: break-word;
}
div.main {
@ -214,7 +217,7 @@ div.confignav {
}
div.configure {
padding: 0 15px !important;
padding: 0 15px 15px 15px !important;
margin: 10px 0px 25px 0;
background: #ddf url('images/lightbluetile.png');
-moz-border-radius: 4px;
@ -265,11 +268,11 @@ table {
}
th {
padding: 4px;
padding: 8px;
color: #000;
background: #b4c8ff url('images/tabletitlelight.png') repeat-x;
text-align: center;
font-size: 8pt;
font-size: 9pt;
}
tr {
@ -293,7 +296,7 @@ tr:last-child {
td {
padding: 5px;
color: #000;
text-align: left;
vertical-align: middle;
}
tt {
@ -308,6 +311,7 @@ div.main li {
margin: 2px 5px 0px 20px;
padding: 1px 20px 1px 10px;
line-height: 150%;
word-wrap: break-word;
}
.tidylist {
@ -338,6 +342,7 @@ a:link{
color: #007;
text-decoration: none;
font-weight: bold;
word-wrap: break-word;
}
a:visited{
@ -395,6 +400,7 @@ h2 {
-khtml-border-radius: 4px;
margin: 25px 0 20px 0 !important;
-moz-box-shadow: inset 0px 0px 1px 0px #002;
word-wrap: break-word;
}
h2 a:hover {
@ -471,25 +477,28 @@ button:active{
input {
background: #eef;
color: #003;
color: #001;
margin: 5px 10px 5px 10px;
padding: 4px 2px;
font: bold 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
border: 1px solid #001;
text-decoration: none;
min-width: 110px;
opacity: 0.8;
}
input:hover {
background: #f60;
color: #fff;
border: 1px solid #f60;
opacity: 0.9;
}
input:active {
background: #002;
color: #f60;
border: 1px solid #f60;
opacity: 1.0;
}
submit {

View File

@ -5,19 +5,8 @@ body {
font-size: 9pt;
}
/*
.snarkTitle {
text-align: left;
float: left;
margin: 0px 0px 5px 5px;
display: inline;
font-size: 16pt;
font-weight: bold;
}
*/
.snarkTitle {
font-size: 16pt;
font-size: 12pt;
font-weight: bold;
text-align: center;
}
@ -27,23 +16,27 @@ body {
}
.snarkMessages {
border: none;
background-color: #9f9;
font-family: monospace;
font-size: 10pt;
background-color: #fe9;
font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono !important;
font-size: 9pt;
font-weight: bold;
/* width: 100%; */
text-align: left;
margin: 0 0 15px 0;
border: 0px;
padding: 5px;
border-width: 0px;
border-spacing: 0px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
border: 2px inset #770;
overflow-x: scroll;
text-align: center;
}
pre {
font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono !important;
width: 100%;
font-size: 8pt;
padding: 0;
}
table {
@ -54,19 +47,25 @@ table {
border-spacing: 0px;
}
th {
background-color: #C7D5D5;
background-color: #f91;
padding: 5px;
font-size: 9pt;
}
.SnarkTorrents {
margin: 0;
border: 1px solid #001;
}
td {
padding: 5px;
}
.snarkTorrentEven {
background-color: #bbf;
background-color: #fb1;
font-size: 8pt;
}
.snarkTorrentOdd {
background-color: #ddf;
background-color: #fa1;
font-size: 8pt;
}
.snarkNewTorrent {
@ -83,14 +82,14 @@ td {
}
.snarkConfig {
font-size: 10pt;
font-size: 10pt;
}
.page {
background-color: #fff;
color:#001;
margin: 20px;
padding: 20px 20px 0 20px;
padding: 0 20px 5px 20px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
@ -102,7 +101,7 @@ td {
}
form {
line-height: 300%
line-height: 250%
}
p {
@ -111,4 +110,27 @@ p {
a:link {
padding 5px;
}
hr {
color: #003;
background: #003;
height: 1px;
border: 0px solid #003;
margin: 5px 0;
}
div.section {
margin: 20px 0 0 0;
padding: 10px;
background: #ffe;
border: 1px solid #001;
text-align: left;
color: #001;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: inset 0px 0px 1px 0px #002;
word-wrap: break-word;
text-align: center;
}