I2P_Developers/i2p.itoopie
3
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

console.css fixes and fiddles for all 3 themes.

Browse Source
This commit is contained in:
z3d
2009-07-20 01:27:22 +00:00
parent 497bc5a414
commit 0de2f492d1
4 changed files with 131 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

131
installer/resources/themes/console/classic/console.css
View File

@ -1,114 +1,117 @@
body { body {
font-family: Verdana, Tahoma, Helvetica, sans-serif; margin: 1em 0em;
margin: 1em 0em; padding: 0em;
padding: 0em; text-align: center;
text-align: center; background: #FFF;
background-color: white; color: #000;
color: black; font: 100% Verdana, Tahoma, Helvetica, sans-serif;
font-size: 100%;
} }
.hide { .hide {
display: none; display: none;
} }
img { img {
border: none; border: none;
} }
pre { pre {
width: 100%; width: 100%;
overflow-x: scroll; overflow-x: scroll;
} }
div.logo { div.logo {
float: left; float: left;
width: 200px; width: 200px;
left: 1em; left: 1em;
top: 1em; top: 1em;
margin: 0em; margin: 0em;
padding: .5em; padding: .5em;
text-align: center; text-align: center;
display: none !important; display: none !important;
} }
div.toolbar { div.toolbar {
margin: 0em 0em 2em 0em; margin: 0em 0em 2em 0em;
font-weight: bold; font-weight: bold;
display: none !important; display: none !important;
} }
div.routersummaryouter { div.routersummaryouter {
float: left; float: left;
width: 200px; width: 200px;
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 0; border: 0;
clear: left; /* fixes a bug in Opera */ clear: left;/* fixes a bug in Opera */
overflow: auto; overflow: auto;
} }
div.routersummary { div.routersummary {
background-color: #fafaff; background: #fafaff;
width: 200px; width: 200px;
color: inherit; color: inherit;
margin: 0em; margin: 0em;
padding: 5px; padding: 5px;
text-align: left; text-align: left;
border: medium solid #efefff; border: medium solid #efefff;
font-size: 0.82em; font-size: 0.82em;
} }
div.warning { div.warning {
margin: 0em 1em 1em 224px; margin: 0em 1em 1em 224px;
padding: .5em 1em; padding: .5em 1em;
background-color: #ffefef; background: #ffefef;
border: medium solid #ffafaf; border: medium solid #ffafaf;
text-align: left; text-align: left;
color: inherit; color: inherit;
} }
div.main { div.main {
margin: 0em 1em 1em 224px; margin: 0em 1em 1em 224px;
padding: .5em 1em; padding: .5em 1em;
background-color: #ffffef; background: #ffffef;
border: medium solid #ffffd0; border: medium solid #ffffd0;
text-align: left; text-align: left;
color: inherit; color: inherit;
} }
div.main textarea { div.main textarea {
width: 100% !important; width: 100% !important;
} }
div.news { div.news {
margin: 0em 1em 1em 224px; margin: 0em 1em 1em 224px;
padding: .5em 1em; padding: .5em 1em;
background-color: #ffffc0; background: #ffffc0;
border: medium solid #ffffa0; border: medium solid #ffffa0;
text-align: left; text-align: left;
color: inherit; color: inherit;
} }
div.confignav { div.confignav {
padding: 1em; padding: 1em;
background-color: #efefff; background: #efefff;
} }
div.configure { div.configure {
padding: 1em; padding: 1em;
background-color: #ffffc0; background: #ffffc0;
} }
div.messages { div.messages {
padding: 1em; padding: 1em;
background-color: #fafaff; background: #fafaff;
} }
div.messages span.error { div.messages span.error {
color: #d00000; color: #d00000;
} }
div.messages span.notice { div.messages span.notice {
font-style: italic; font-style: italic;
} }
h1 {
font-size: 18pt;
}

15
installer/resources/themes/console/dark/console.css
View File

@ -35,7 +35,7 @@ div.logo {
border-radius: 4px; border-radius: 4px;
background: #003 url('images/darkbluebg.png'); background: #003 url('images/darkbluebg.png');
width: 175px; width: 175px;
-moz-box-shadow: inset 0px 0px 16px 0px #009; -moz-box-shadow: inset 0px 0px 1px 0px #009;
} }
div.toolbar { div.toolbar {
@ -97,7 +97,7 @@ div.routersummary {
-khtml-border-radius: 4px; -khtml-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
float: left; float: left;
-moz-box-shadow: inset 0px 0px 16px 0px #009; -moz-box-shadow: inset 0px 0px 1px 0px #eef;
} }
div.warning { div.warning {
@ -143,6 +143,7 @@ div.news {
-moz-border-radius: 4px; -moz-border-radius: 4px;
-khtml-border-radius: 4px; -khtml-border-radius: 4px;
text-align: justify; text-align: justify;
-moz-box-shadow: inset 0px 0px 1px 0px #eef;
} }
div.news li { div.news li {
@ -164,6 +165,7 @@ div.confignav {
font-size: 10pt !important; font-size: 10pt !important;
font-weight: bold !important; font-weight: bold !important;
line-height: 160% !important; line-height: 160% !important;
-moz-box-shadow: inset 0px 0px 1px 0px #eef;
} }
div.configure { div.configure {
@ -175,6 +177,7 @@ div.configure {
border-radius: 4px; border-radius: 4px;
border: 1px solid #99f; border: 1px solid #99f;
background: #003 url(images/darkbluebg.png); background: #003 url(images/darkbluebg.png);
-moz-box-shadow: inset 0px 0px 1px 0px #eef;
} }
div.messages { div.messages {
@ -185,6 +188,7 @@ div.messages {
border-radius: 4px; border-radius: 4px;
border: 1px solid #99f; border: 1px solid #99f;
background: #008 url('images/lightbluetile.png'); background: #008 url('images/lightbluetile.png');
-moz-box-shadow: inset 0px 0px 1px 0px #eef;
} }
div.messages span.error { div.messages span.error {
@ -321,7 +325,7 @@ h1 {
text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.8); text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.8);
white-space: normal; white-space: normal;
background: #004 url('images/darkbluebg.png'); background: #004 url('images/darkbluebg.png');
-moz-box-shadow: inset 0px 0px 16px 0px #009; -moz-box-shadow: inset 0px 0px 1px 0px #eef;
border: 1px solid #99f; border: 1px solid #99f;
border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
@ -343,6 +347,7 @@ h2 {
-khtml-border-radius: 4px; -khtml-border-radius: 4px;
vertical-align: middle; vertical-align: middle;
margin: 25px 0 20px 0 !important; margin: 25px 0 20px 0 !important;
-moz-box-shadow: inset 0px 0px 1px 0px #eef;
} }
h2 a:visited { h2 a:visited {
@ -362,8 +367,8 @@ h3 {
border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0;
-khtml-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0;
background: #004; background: #007;
background: url(images/darkbluebg.png); /* background: url(images/lightbluebg.png);*/
} }
h4 { h4 {

62
installer/resources/themes/console/light/console.css
View File

@ -98,7 +98,7 @@ div.routersummary {
-khtml-border-radius: 4px; -khtml-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
float: left; float: left;
-moz-box-shadow: inset 0px 0px 16px 1px #eef; -moz-box-shadow: inset 0px 0px 1px 0px #002;
} }
div.warning { div.warning {
@ -145,21 +145,57 @@ div.news {
margin: 0px 15px 20px 245px; margin: 0px 15px 20px 245px;
padding: 20px 30px 20px 30px; padding: 20px 30px 20px 30px;
border: 1px solid #003; border: 1px solid #003;
background: #fea; color: #410;
color: #001;
border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-khtml-border-radius: 4px; -khtml-border-radius: 4px;
text-align: justify !important; text-align: justify !important;
line-height: 140%; line-height: 140%;
background: #fea url('images/sandtile.png');
-moz-box-shadow: inset 0px 0px 1px 0px #410;
}
div.news a:link{
color: #630;
text-decoration: none;
}
div.news a:visited{
color: #830;
}
div.news a:hover{
color: #a30;
text-decoration: underline;
}
div.news a:active{
color: #c30;
}
div.news hr{
color: #410;
background: #410;
height: 1px;
border: 0px solid #410;
margin: 10px 0;
} }
div.news li { div.news li {
text-align: justify; text-align: justify;
list-style: url(images/info.png); list-style: none;
margin: 0 10px 0 25px !important; margin: 0 0 20px 0 !important;
padding: 5px 0; padding: 5px 0;
vertical-align: bottom; vertical-align: bottom;
border: 1px solid #410;
border-left: 5px solid #410;
padding: 3px 5px 3px 5px;
border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
-khtml-border-radius: 0 4px 4px 0;
background: #fb1;
font-size: 10pt;
opacity: 0.8;
} }
div.confignav { div.confignav {
@ -173,6 +209,7 @@ div.confignav {
font-size: 10pt !important; font-size: 10pt !important;
font-weight: bold !important; font-weight: bold !important;
line-height: 160% !important; line-height: 160% !important;
-moz-box-shadow: inset 0px 0px 1px 0px #002;
} }
div.configure { div.configure {
@ -183,6 +220,7 @@ div.configure {
-khtml-border-radius: 4px; -khtml-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
border: 1px solid #000022; border: 1px solid #000022;
-moz-box-shadow: inset 0px 0px 1px 0px #002;
} }
div.messages { div.messages {
@ -195,6 +233,7 @@ div.messages {
border: 1px solid #000033; border: 1px solid #000033;
background: #008 url('images/lightbluetile.png'); background: #008 url('images/lightbluetile.png');
font-weight: bold; font-weight: bold;
-moz-box-shadow: inset 0px 0px 1px 0px #002;
} }
div.messages span.error { div.messages span.error {
@ -243,13 +282,13 @@ tr:nth-child(even) {
tr:nth-child(odd) { tr:nth-child(odd) {
background: #bbf url('images/tabletile_alt.png') !important; background: #bbf url('images/tabletile_alt.png') !important;
} }
/*
tr:last-child { tr:last-child {
background: #bbf url('images/tabletilelighter.png') !important; background: #bbf url('images/tabletilelighter.png') !important;
font-weight: bold; font-weight: bold;
border: 1px solid #002 !important; border: 1px solid #002 !important;
} }
*/
td { td {
padding: 5px; padding: 5px;
color: #000; color: #000;
@ -296,14 +335,20 @@ code {
a:link{ a:link{
color: #007; color: #007;
text-decoration: none;
font-weight: bold;
} }
a:visited{ a:visited{
color: #606; color: #606;
text-decoration: none;
font-weight: bold;
} }
a:hover{ a:hover{
color: #f60; color: #f60;
text-decoration: underline;
font-weight: bold;
} }
.links { .links {
@ -326,7 +371,7 @@ h1 {
letter-spacing: 0.15em; letter-spacing: 0.15em;
text-transform: uppercase; text-transform: uppercase;
text-shadow: 0px 0px 1px rgba(0, 0, 148, 0.9); text-shadow: 0px 0px 1px rgba(0, 0, 148, 0.9);
-moz-box-shadow: inset 0px 0px 16px 1px #eef; -moz-box-shadow: inset 0px 0px 1px 0px #002;
white-space: normal; white-space: normal;
background: #ddddff url('images/lightbluetile.png'); background: #ddddff url('images/lightbluetile.png');
border: 1px solid #002; border: 1px solid #002;
@ -348,6 +393,7 @@ h2 {
-moz-border-radius: 4px; -moz-border-radius: 4px;
-khtml-border-radius: 4px; -khtml-border-radius: 4px;
margin: 25px 0 20px 0 !important; margin: 25px 0 20px 0 !important;
-moz-box-shadow: inset 0px 0px 1px 0px #002;
} }
h2 a:hover { h2 a:hover {

BIN
installer/resources/themes/console/light/images/sandtile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB