I2PSnark layout, themes, tunnel tables..
This commit is contained in:
@ -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 {
|
||||
|
@ -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 {
|
||||
|
BIN
installer/resources/themes/console/images/inbound.png
Normal file
BIN
installer/resources/themes/console/images/inbound.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 587 B |
BIN
installer/resources/themes/console/images/outbound.png
Normal file
BIN
installer/resources/themes/console/images/outbound.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 577 B |
@ -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 {
|
||||
|
@ -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;
|
||||
}
|
Reference in New Issue
Block a user