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

More enhancements to the css.. also, let's try to use Bitstream Vera fonts on Linux

Browse Source 
where available..
This commit is contained in:
z3d
2009-07-13 13:25:18 +00:00
parent 6226b8ae6d
commit f7ee11cb44
2 changed files with 71 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,11 +1,12 @@
body { body {
font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif; font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
margin: 25px 10px 0 5px; margin: 25px 10px 0 5px;
padding: 0; padding: 0;
text-align: center; text-align: center;
background-color: #000022; background-color: #000022;
color: white; color: white;
font-size: 9pt; font-size: 9pt;
line-height: 130%;
} }
.hide { .hide {
@ -51,7 +52,6 @@ div.toolbar {
div.toolbar a:link { div.toolbar a:link {
border: 1px outset #ddddc0; border: 1px outset #ddddc0;
padding: 0px 5px 1px 5px; padding: 0px 5px 1px 5px;
line-height: 250%;
background-color: #bbf; background-color: #bbf;
text-decoration: none; text-decoration: none;
border-radius: 4px; border-radius: 4px;
@ -61,13 +61,11 @@ div.toolbar a:link {
} }
div.toolbar a:visited { div.toolbar a:visited {
line-height: 250%;
background-color: #ddf; background-color: #ddf;
} }
div.toolbar a:hover{ div.toolbar a:hover{
border: 1px solid #eeeeff; border: 1px solid #eeeeff;
line-height: 250%;
background-color: #003; background-color: #003;
color: #ff6600; color: #ff6600;
} }
@ -249,7 +247,7 @@ div.main li {
list-style-type: square; list-style-type: square;
margin: 4px 0px 4px 30px; margin: 4px 0px 4px 30px;
padding: 1px 20px 1px 0px; padding: 1px 20px 1px 0px;
border-right: 4px solid #339; line-height: 150%;
} }
div.main li:nth-child ( even ){ div.main li:nth-child ( even ){
@ -302,6 +300,7 @@ a:active{
p { p {
text-align: justify; text-align: justify;
line-height: 160%;
} }
h1 { h1 {
@ -338,12 +337,13 @@ h2{
border-bottom-width: 1px; border-bottom-width: 1px;
border-bottom-style: solid; border-bottom-style: solid;
border-bottom-color: #99f; border-bottom-color: #99f;
padding: 5px 10px; padding: 5px 10px 8px 10px;
wordwrap: none; wordwrap: none;
border: 1px solid #99f; border: 1px solid #99f;
border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
vertical-align: middle;
} }
h2 a:link { h2 a:link {
@ -373,7 +373,6 @@ h3 {
button { button {
border: 1px outset #ddddc0; border: 1px outset #ddddc0;
padding: 0px 3px 1px 3px; padding: 0px 3px 1px 3px;
/*line-height: 250%;*/
background-color: #bbf; background-color: #bbf;
text-decoration: none; text-decoration: none;
border-radius: 4px; border-radius: 4px;
@ -387,7 +386,6 @@ button {
button:hover{ button:hover{
border: 1px solid #eeeeff; border: 1px solid #eeeeff;
line-height: 250%;
background-color: #003; background-color: #003;
color: #ff6600; color: #ff6600;
} }
@ -400,13 +398,14 @@ button:hover{
} }
.langbox { .langbox {
margin: 4px 2px 4px 5px; margin: 2px 2px 2px 5px;
padding: 7px 10px 5px 10px; padding: 7px 10px 5px 10px;
color: #eef; color: #eef;
font-size: 7pt; font-size: 7pt;
width: 140px; width: 140px;
text-align: right; text-align: right;
float: right; float: right;
vertical-align: middle;
} }
hr { hr {
@ -422,43 +421,41 @@ sidebarlogo {
} }
input { input {
background-color: #002; background-color: #bbf;
color: #eef; color: #002;
margin: 10px 2px 10px 0; margin: 5px;
font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif; font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
font-weight: bold; font-weight: bold;
border: 1px solid #99f; border: 1px solid #99f;
/*border: 1px outset #ddddc0;*/ padding: 3px;
padding: 0px 2px 1px 2px;
/*line-height: 250%;*/
text-decoration: none; text-decoration: none;
border-radius: 4px; font-size: 9pt;
-moz-border-radius: 4px; min-width: 72px;
-webkit-border-radius: 4px; border: 1px solid #99f;
} }
input hover { input:hover {
background-color: #f00; background-color: #eef;
color: #eef; color: #001;
margin: 10px 2px 10px 0; border: 1px solid #f60;
font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif; }
font-weight: bold;
border: 1px solid #99f; input:btn {
/*border: 1px outset #ddddc0;*/ background-color: #f00 !important;
padding: 0px 2px 1px 2px;
/*line-height: 250%;*/
text-decoration: none;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
} }
select { select {
background-color: #001; background-color: #002;
color: #eef; color: #eef;
margin: 10px 2px 10px 0; margin: 5px;
font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif; font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
border: 1px solid #99f; border: 1px solid #99f;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
min-width: 72px;
font-size: 9pt;
padding: 2px;
} }
textarea { textarea {
@ -470,6 +467,7 @@ textarea {
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono; font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono;
font-size: 9pt;
} }
form {} form {}

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

@ -1,11 +1,12 @@
body { body {
font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif; font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
margin: 25px 10px 0 5px; margin: 25px 10px 0 5px;
padding: 0em; padding: 0em;
text-align: center; text-align: center;
background-color: #fff; background-color: #fff;
color: black; color: black;
font-size: 9pt; font-size: 9pt;
line-height: 130%;
} }
.hide { .hide {
@ -141,6 +142,7 @@ div.news {
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
text-align: justify; text-align: justify;
line-height: 140%;
} }
div.confignav { div.confignav {
@ -194,6 +196,7 @@ table {
margin: 5px 0px 5px 0px; margin: 5px 0px 5px 0px;
cell-padding: 1px; cell-padding: 1px;
font-size: 7pt; font-size: 7pt;
background-color: #ddf;
} }
th { th {
@ -208,10 +211,12 @@ th {
tr:nth-child ( even ) { tr:nth-child ( even ) {
background-image: url('images/tabletile.png'); background-image: url('images/tabletile.png');
background-color: #99f;
} }
tr:nth-child ( odd ) { tr:nth-child ( odd ) {
background-image: url('images/tabletile_alt.png'); background-image: url('images/tabletile_alt.png');
background-color: #bbf;
} }
td { td {
@ -279,9 +284,11 @@ a:active{
p { p {
text-align: justify; text-align: justify;
line-height: 160%;
} }
h1 { h1 {
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
text-align: left; text-align: left;
color: #000022; color: #000022;
padding: 10px; padding: 10px;
@ -292,7 +299,7 @@ h1 {
font-size: 16pt; font-size: 16pt;
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
letter-spacing: 0.06em; letter-spacing: 0.15em;
text-transform: uppercase; text-transform: uppercase;
text-shadow: 0px 0px 1px rgba(0, 0, 176, 0.9); text-shadow: 0px 0px 1px rgba(0, 0, 176, 0.9);
white-space: normal; white-space: normal;
@ -305,14 +312,16 @@ h1 {
} }
h2{ h2{
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
color: #000011; color: #000011;
letter-spacing: 0.05em;
background-color: #ddf; background-color: #ddf;
background-image: url('images/tabletile.png'); background-image: url('images/tabletile.png');
text-shadow: 0px 0px 1px rgba(0, 0, 128, 0.9); text-shadow: 0px 0px 1px rgba(0, 0, 128, 0.9);
border-bottom-width: 1px; border-bottom-width: 1px;
border-bottom-style: solid; border-bottom-style: solid;
border-bottom-color: #000022; border-bottom-color: #000022;
padding: 5px 10px; padding: 7px 10px 7px 10px;
wordwrap: none; wordwrap: none;
border: 1px solid #002; border: 1px solid #002;
border-radius: 4px; border-radius: 4px;
@ -339,7 +348,6 @@ h3 {
button { button {
border: 1px outset #ddddc0; border: 1px outset #ddddc0;
padding: 0px 3px 1px 3px; padding: 0px 3px 1px 3px;
line-height: 250%;
background-color: #bbf !important; background-color: #bbf !important;
text-decoration: none; text-decoration: none;
border-radius: 4px; border-radius: 4px;
@ -352,12 +360,16 @@ button {
} }
button:hover{ button:hover{
border: 1px solid #001; border: 1px solid #f60;
line-height: 250%; background-color: #f60 !important;
background-color: #003; color: #fff;
color: #ff6600;
} }
button:active{
border: 1px solid #f60;
background-color: #001 !important;
color: #f60;
}
.underline { .underline {
border-bottom: 1px solid #000022; border-bottom: 1px solid #000022;
padding: 5px 0px 5px 0px; padding: 5px 0px 5px 0px;
@ -366,7 +378,7 @@ button:hover{
.langbox { .langbox {
margin: 4px 2px 4px 5px; margin: 4px 2px 4px 5px;
padding: 7px 10px 5px 10px; padding: 5px 5px;
color: #001; color: #001;
font-size: 7pt; font-size: 7pt;
width: 120px; width: 120px;
@ -387,28 +399,32 @@ input {
background-color: #eef; background-color: #eef;
color: #003; color: #003;
margin: 5px 10px 5px 10px; margin: 5px 10px 5px 10px;
font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif; font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
font-weight: bold; font-weight: bold;
border: 1px solid #001; border: 1px solid #001;
/*border: 1px outset #ddddc0;*/
padding: 0px 2px 1px 2px; padding: 0px 2px 1px 2px;
/*line-height: 250%;*/
text-decoration: none; text-decoration: none;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
} }
input:hover {
background-color: #f60;
color: #fff;
border: 1px solid #f60;
}
input:active {
background-color: #002;
color: #f60;
border: 1px solid #f60;
}
submit { submit {
background-color: #f00; background-color: #f00;
color: #eef; color: #eef;
margin: 10px 2px 10px 0; margin: 10px 2px 10px 0;
font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif; font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
font-weight: bold; font-weight: bold;
border: 1px solid #001; border: 1px solid #001;
/*border: 1px outset #ddddc0;*/
padding: 0px 2px 1px 2px; padding: 0px 2px 1px 2px;
/*line-height: 250%;*/
text-decoration: none; text-decoration: none;
border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
@ -419,7 +435,7 @@ select {
background-color: #eef; background-color: #eef;
color: #003; color: #003;
margin: 5px 10px 5px 10px; margin: 5px 10px 5px 10px;
font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif; font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
border: 1px solid #001; border: 1px solid #001;
} }