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

Layout tweaks to config.jsp & help.jsp & customary css updates.

Browse Source
This commit is contained in:
z3d
2009-07-15 03:27:29 +00:00
parent 68e81fa8c8
commit 32e829da74
4 changed files with 124 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/routerconsole/jsp/config.jsp
View File

@ -60,7 +60,7 @@
out.print("Please enable sharing (participating in tunnels) by configuring more bandwidth. "); out.print("Please enable sharing (participating in tunnels) by configuring more bandwidth. ");
out.print("It improves your anonymity by creating cover traffic, and helps the network.<br />"); out.print("It improves your anonymity by creating cover traffic, and helps the network.<br />");
} else { } else {
out.print("You have configured I2P to share " + share + "KBps. "); out.print("You have configured I2P to share<b> " + share + "KBps</b>. ");
out.print("The higher the share bandwidth the more you improve your anonymity and help the network.<br />"); out.print("The higher the share bandwidth the more you improve your anonymity and help the network.<br />");
} }
%> %>

4
apps/routerconsole/jsp/help.jsp
View File

@ -106,8 +106,8 @@ You may also limit the total number by setting <tt>router.maxParticipatingTunnel
the <a href="configadvanced.jsp">advanced configuration page</a>. <a href="configstats.jsp#tunnel.participatingTunnels">[Enable graphing]</a>. the <a href="configadvanced.jsp">advanced configuration page</a>. <a href="configstats.jsp#tunnel.participatingTunnels">[Enable graphing]</a>.
</ul> </ul>
<h3>Congestion</h3> <h3>Congestion</h3><div align="justify">
Some basic indications of router overload:<br> Some basic indications of router overload:</div><br>
<ul> <ul>
<li class="tidylist"><b>Job lag:</b> <li class="tidylist"><b>Job lag:</b>
How long jobs are waiting before execution. The job queue is listed on the <a href="jobs.jsp">jobs page</a>. How long jobs are waiting before execution. The job queue is listed on the <a href="jobs.jsp">jobs page</a>.

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

@ -1,12 +1,10 @@
body { body {
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: #002;
color: white; color: #FFF;
font-size: 9pt; font: 9pt/130% "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
line-height: 130%;
} }
.hide { .hide {
@ -21,8 +19,7 @@ pre {
width: 98%; width: 98%;
overflow-x: scroll; overflow-x: scroll;
text-align: left; text-align: left;
font-size: 9pt; font: 9pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono;
color: #fff; color: #fff;
} }
@ -35,7 +32,7 @@ div.logo {
font-color: #fff; font-color: #fff;
border: 0px solid #f00; border: 0px solid #f00;
margin: 0px; margin: 0px;
background-color: #003; background: #003;
display: none; display: none;
border-bottom: 1px solid #eef; border-bottom: 1px solid #eef;
} }
@ -44,7 +41,7 @@ div.toolbar {
margin: 0; margin: 0;
padding: 10px; padding: 10px;
font-weight: bold; font-weight: bold;
background-color: #eeeeff; background: #eef;
border: 1px solid #002; border: 1px solid #002;
display: none; display: none;
} }
@ -52,7 +49,7 @@ 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;
background-color: #bbf; background: #bbf;
text-decoration: none; text-decoration: none;
border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
@ -61,13 +58,13 @@ div.toolbar a:link {
} }
div.toolbar a:visited { div.toolbar a:visited {
background-color: #ddf; background: #ddf;
} }
div.toolbar a:hover{ div.toolbar a:hover, button:hover{
border: 1px solid #eeeeff; border: 1px solid #eeeeff;
background-color: #003; background: #003;
color: #ff6600; color: #f60;
} }
a:active{ a:active{
@ -90,9 +87,8 @@ div.routersummary {
padding: 10px; padding: 10px;
text-align: center; text-align: center;
border: 1px solid #9999ff; border: 1px solid #9999ff;
background-color: #000033; background: #003;
background: url(images/darkbluebg.png); color: #eef;
color: #eeeeff;
font-size: 8pt; font-size: 8pt;
clear: left;/* fixes a bug in Opera */ clear: left;/* fixes a bug in Opera */
-moz-border-radius: 4px; -moz-border-radius: 4px;
@ -105,7 +101,7 @@ div.routersummary {
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;
@ -114,45 +110,35 @@ div.warning {
div.main { div.main {
margin: 0px 0px 20px 215px; margin: 0px 0px 20px 215px;
padding: 0 15px 15px 25px; padding: 0 15px 15px 25px;
background-color: #002; background: #002;
text-align: left; text-align: left;
color: #eeeeff; color: #eef;
/* border-top: 1px solid #eeeeff; */
/* border-right: 25px solid #fff; */
/* border-radius: 0px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
-moz-box-shadow: 0 2px 2px 1px #bbbbff;
-webkit-box-shadow: 0 2px 2px 1px #bbbbff;
box-shadow: 0 2px 2px 0px #bbbbff; */
width: auto; width: auto;
/* overflow-x: scroll; */ /* overflow-x: scroll; */
} }
div.main textarea { div.main textarea {
background-color: #002; background: #002;
color: #fff; color: #fff;
font-size: 8pt; font: 8pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono;
} }
div.news { div.news {
margin: 0px 15px 20px 240px; margin: 0px 15px 20px 240px;
padding: 20px 30px 20px 30px; padding: 20px 30px 20px 30px;
border: 1px solid #99f; border: 1px solid #99f;
background-color: #004; background: #004;
color: #eeeeff; color: #eef;
border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
text-align: justify; text-align: justify;
background: url(images/darkbluetile.png);
} }
div.news li { div.news li {
text-align: justify; text-align: justify;
font-weight: bold; font-weight: bold;
list-style-image: url(images/info_dark.png); list-style: url(images/info_dark.png);
margin: 0 10px 0 30px; margin: 0 10px 0 30px;
padding: 5px; padding: 5px;
vertical-align: middle; vertical-align: middle;
@ -161,18 +147,17 @@ div.news li {
div.confignav { div.confignav {
padding: 0 15px; padding: 0 15px;
margin: 0 0px 25px 0; margin: 0 0px 25px 0;
background-color: #004; background: #004;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
border: 1px solid #99f; border: 1px solid #99f;
background: url(images/darkbluetile.png);
font-size: 8pt !important; font-size: 8pt !important;
} }
div.configure { div.configure {
padding: 15px; padding: 15px;
margin: 10px 0px; margin: 10px 0px;
background-color: #005; background: #005;
-moz-border-radius: 4px; -moz-border-radius: 4px;
border: 1px solid #99f; border: 1px solid #99f;
} }
@ -180,15 +165,14 @@ div.configure {
div.messages { div.messages {
padding: 10px; padding: 10px;
margin: 10px 0 20px 0; margin: 10px 0 20px 0;
background-color: #005; background: #005;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
border: 1px solid #99f; border: 1px solid #99f;
background: url(images/lightbluetile.png);
} }
div.messages span.error { div.messages span.error {
color: #dddd00; color: #dd0;
} }
div.messages span.notice { div.messages span.notice {
@ -198,11 +182,10 @@ div.messages span.notice {
div.messages li { div.messages li {
text-align: justify; text-align: justify;
font-weight: bold; font-weight: bold;
list-style-image: url(images/warning_dark.png); list-style: url(images/warning_dark.png);
margin: 0 0 0 30px !important; margin: 0 0 0 30px !important;
padding: 5px; padding: 5px;
border: 0px !important; border: 0px !important;
text-align: justify !important;
} }
table { table {
@ -212,7 +195,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-image: url('images/darkbluetile.png'); background: url('images/darkbluetile.png');
} }
th { th {
@ -220,9 +203,7 @@ th {
color: #eef; color: #eef;
text-align: center; text-align: center;
font-size: 8pt; font-size: 8pt;
background-color: #004; background: #004 url('images/tabletitledark.png') repeat-x;
background-image: url('images/tabletitledark.png');
background-repeat: repeat-x;
} }
tr { tr {
@ -230,7 +211,7 @@ tr {
} }
tr:nth-child ( even ) { tr:nth-child ( even ) {
background-image: url('images/darkerbluetile.png'); background: url('images/darkerbluetile.png');
} }
td { td {
@ -241,16 +222,14 @@ td {
} }
tt { tt {
font-size: 9pt; font: bold 9pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono; color: #FF0;
font-weight: bold;
color: yellow;
padding: 10px; padding: 10px;
} }
div.main li { div.main li {
text-align: left; text-align: left;
list-style-type: square; list-style: square;
margin: 2px 0px 2px 30px; margin: 2px 0px 2px 30px;
padding: 1px 20px 1px 0px; padding: 1px 20px 1px 0px;
line-height: 150%; line-height: 150%;
@ -262,7 +241,7 @@ div.main li {
div.main li:nth-child ( even ){ div.main li:nth-child ( even ){
text-align: left; text-align: left;
list-style-type: square; list-style: square;
margin: 2px 0px 2px 30px; margin: 2px 0px 2px 30px;
padding: 1px 20px 1px 0px; padding: 1px 20px 1px 0px;
border-right: 4px solid #339; border-right: 4px solid #339;
@ -283,11 +262,10 @@ ul {
code { code {
text-align: left; text-align: left;
font-size: 8pt; font: 8pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono;
} }
a:link{ a:link, h2 a:link{
color: #99f; color: #99f;
} }
@ -296,15 +274,11 @@ a:visited{
} }
a:hover{ a:hover{
color: #ff6600; color: #f60;
}
a:active{
color: #900;
} }
.links { .links {
list-style-image: url(images/link_dark.png); list-style: url(images/link_dark.png);
margin: 0 5px 0 0px; margin: 0 5px 0 0px;
padding: 0px 5px; padding: 0px 5px;
} }
@ -326,14 +300,12 @@ h1 {
letter-spacing: 0.15em; letter-spacing: 0.15em;
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-color: #004; background: #004 url('images/darkbluebg.png') repeat-x;
-moz-box-shadow: inset 0px 0px 16px 0px #009; -moz-box-shadow: inset 0px 0px 16px 0px #009;
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;
background-image: url('images/darkbluebg.png');
background-repeat: repeat-x;
line-height: 120%; line-height: 120%;
} }
@ -342,8 +314,7 @@ h2 {
color: #fff; color: #fff;
text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5); text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
letter-spacing: 0.05em; letter-spacing: 0.05em;
background-color: #003; background: #003 url('images/darkbluebg.png');
background-image: url('images/darkbluebg.png');
padding: 5px 10px 8px 10px; padding: 5px 10px 8px 10px;
wordwrap: none; wordwrap: none;
border: 1px solid #99f; border: 1px solid #99f;
@ -354,30 +325,26 @@ h2 {
margin: 25px 0 20px 0 !important; margin: 25px 0 20px 0 !important;
} }
h2 a:link {
color: #99f;
}
h2 a:visited { h2 a:visited {
color: #44f; color: #44f;
} }
h2 a:hover { h2 a:hover {
color: #ff6600; color: #f60;
text-shadow: 0px 0px 1px rgba(255, 255, 72, 0.9); text-shadow: 0px 0px 1px rgba(255, 255, 72, 0.9);
} }
h3 { h3 {
border-bottom-width: 1px; border-bottom: 1px;
border-bottom-style: solid; border-bottom-style: solid;
border-bottom-color: #99f; border-bottom-color: #99f;
padding: 5px 0; padding: 5px 0;
} }
button { button {
border: 1px outset #ddddc0; border: 1px outset #ddddc0;
padding: 1px 3px; padding: 1px 3px;
background-color: #bbf; background: #bbf;
text-decoration: none; text-decoration: none;
border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
@ -390,17 +357,12 @@ button {
min-width: 76px; min-width: 76px;
} }
button:hover{
border: 1px solid #eeeeff;
background-color: #003;
color: #ff6600;
}
button:active { button:active {
border: 1px inset #f60; border: 1px inset #f60;
background-color: #f60; background: #f60;
color: #fff; color: #fff;
} }
.underline { .underline {
border-bottom: 1px solid #eeeeff; border-bottom: 1px solid #eeeeff;
padding: 5px 0px 5px 0px; padding: 5px 0px 5px 0px;
@ -421,7 +383,7 @@ button:active {
hr { hr {
color: #99f; color: #99f;
background-color: #99f; background: #99f;
height: 1px; height: 1px;
border: 0px solid #99f; border: 0px solid #99f;
margin: 10px 0; margin: 10px 0;
@ -432,55 +394,50 @@ sidebarlogo {
} }
input { input {
background-color: #bbf; background: #bbf;
color: #002; color: #002;
margin: 5px; margin: 5px;
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; font: bold 9pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
font-weight: bold;
border: 1px solid #99f; border: 1px solid #99f;
padding: 1px 2px; padding: 1px 2px;
text-decoration: none; text-decoration: none;
font-size: 9pt;
min-width: 110px; min-width: 110px;
border: 1px solid #99f;
} }
input:hover { input:hover {
background-color: #eef; background: #eef;
color: #001; color: #001;
border: 1px solid #f60; border: 1px solid #f60;
} }
input:active { input:active {
background-color: #002; background: #002;
color: #fff; color: #fff;
border: 1px solid #f60; border: 1px solid #f60;
} }
select { select {
background-color: #002; background: #002;
color: #eef; color: #eef;
margin: 5px; margin: 5px;
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
border: 1px solid #99f; border: 1px solid #99f;
border-radius: 0; border-radius: 0;
-moz-border-radius: 0; -moz-border-radius: 0;
-webkit-border-radius: 0; -webkit-border-radius: 0;
min-width: 110px; min-width: 110px;
font-size: 9pt; font: 9pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
padding: 2px; padding: 2px;
} }
textarea { textarea {
background-color: #001; background: #001;
color: #eef; color: #eef;
padding: 5px; padding: 5px;
margin: 0 5px 5px 0px; margin: 0 5px 5px 0px;
border-radius: 4px; border-radius: 4px;
-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: 9pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
font-size: 9pt;
min-height: 100px; min-height: 100px;
min-width: 100%; min-width: 100%;
text-align: left; text-align: left;

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

@ -1,12 +1,10 @@
body { body {
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: #fff;
color: black; color: #000;
font-size: 9pt; font: 9pt/130% "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
line-height: 130%;
} }
.hide { .hide {
@ -21,8 +19,7 @@ pre {
width: 98%; width: 98%;
overflow-x: scroll; overflow-x: scroll;
text-align: left; text-align: left;
font-size: 8pt; font: 8pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono;
color: #333; color: #333;
} }
@ -40,7 +37,7 @@ div.toolbar {
margin: 0; margin: 0;
padding: 10px; padding: 10px;
font-weight: bold; font-weight: bold;
background-color: #eeeeff; background: #eef;
border: 1px solid #002; border: 1px solid #002;
display: none !important; display: none !important;
} }
@ -49,7 +46,7 @@ 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%; line-height: 250%;
background-color: #bbf; background: #bbf;
text-decoration: none; text-decoration: none;
border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
@ -59,14 +56,14 @@ div.toolbar a:link {
div.toolbar a:visited { div.toolbar a:visited {
line-height: 250%; line-height: 250%;
background-color: #ddf; background: #ddf;
} }
div.toolbar a:hover{ div.toolbar a:hover{
border: 1px solid #eeeeff; border: 1px solid #eeeeff;
line-height: 250%; line-height: 250%;
background-color: #003; background: #003;
color: #ff6600; color: #f60;
} }
a:active{ a:active{
@ -90,21 +87,20 @@ div.routersummary {
padding: 10px; padding: 10px;
text-align: center; text-align: center;
border: 1px solid #000033; border: 1px solid #000033;
background-color: #ddddff; background: #ddddff url('images/lightbluetile.png');
color: black; color: #000;
font-size: 8pt; font-size: 8pt;
clear: left;/* fixes a bug in Opera */ clear: left;/* fixes a bug in Opera */
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
float: left; float: left;
-moz-box-shadow: inset 0px 0px 16px 1px #eef; -moz-box-shadow: inset 0px 0px 16px 1px #eef;
background-image: url('images/lightbluetile.png');
} }
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;
@ -113,33 +109,32 @@ div.warning {
div.main { div.main {
margin: 0px 0px 20px 220px; margin: 0px 0px 20px 220px;
padding: 0 15px 15px 25px; padding: 0 15px 15px 25px;
background-color: #fff; background: #fff;
text-align: left; text-align: left;
color: #000011; color: #001;
width: auto; width: auto;
/* overflow-x: scroll; */ /* overflow-x: scroll; */
} }
div.main hr { div.main hr, hr {
color: #003; color: #003;
background-color: #003; background: #003;
height: 1px; height: 1px;
border: 0px solid #003; border: 0px solid #003;
margin: 10px 0; margin: 10px 0;
} }
div.main textarea { div.main textarea {
background-color: #eef; background: #eef;
color: #001; color: #001;
font-size: 8pt; font: 8pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono;
} }
div.news { 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-color: #ffeeaa; background: #fea;
color: #001; color: #001;
border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
@ -151,7 +146,7 @@ div.news {
div.news li { div.news li {
text-align: justify; text-align: justify;
font-weight: bold; font-weight: bold;
list-style-image: url(images/info.png); list-style: url(images/info.png);
margin: 0 10px 0 25px !important; margin: 0 10px 0 25px !important;
padding: 5px 0; padding: 5px 0;
vertical-align: bottom; vertical-align: bottom;
@ -160,17 +155,16 @@ div.news li {
div.confignav { div.confignav {
padding: 0 15px; padding: 0 15px;
margin: 0 0px 25px 0; margin: 0 0px 25px 0;
background-color: #ddddff; background: #ddddff url('images/tabletile.png');
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
border: 1px solid #000022; border: 1px solid #000022;
background-image: url('images/tabletile.png');
} }
div.configure { div.configure {
padding: 1em; padding: 1em;
margin: 10px 0px 25px 0; margin: 10px 0px 25px 0;
background-color: #ddf; background: #ddf;
-moz-border-radius: 4px; -moz-border-radius: 4px;
border: 1px solid #000022; border: 1px solid #000022;
} }
@ -178,8 +172,7 @@ div.configure {
div.messages { div.messages {
padding: 0 10px 0 15px; padding: 0 10px 0 15px;
margin: 10px 0 20px 0; margin: 10px 0 20px 0;
background-color: #ddf; background: #ddf;
background: url(images/tabletile_alt.png);
-moz-border-radius: 4px; -moz-border-radius: 4px;
border: 1px solid #000033; border: 1px solid #000033;
text-size: 9pt; text-size: 9pt;
@ -196,9 +189,7 @@ div.messages span.notice {
div.messages li { div.messages li {
text-align: justify; text-align: justify;
font-weight: bold; font-weight: bold;
list-style-image: url(images/warning.png); list-style: url(images/warning.png);
/* margin: 0 10px 0 20px;
padding: 5px;*/
} }
table { table {
@ -208,16 +199,14 @@ 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; background: #ddf;
} }
th { th {
padding: 4px; padding: 4px;
color: black; color: #000;
background-color: #b4c8ff; background: #b4c8ff url('images/tabletitlelight.png') repeat-x;
text-align: center; text-align: center;
background-image: url('images/tabletitlelight.png');
background-repeat: repeat-x;
font-size: 8pt; font-size: 8pt;
} }
@ -226,35 +215,29 @@ tr {
} }
tr:nth-child ( even ) { tr:nth-child ( even ) {
background-image: url('images/tabletile.png'); background: #99f url('images/tabletile.png');
background-color: #99f;
} }
tr:nth-child ( odd ) { tr:nth-child ( odd ) {
background-image: url('images/tabletile_alt.png'); background: #bbf url('images/tabletile_alt.png');
background-color: #bbf;
} }
td { td {
padding: 5px; padding: 5px;
color: black; color: #000;
/*background-color: #ffc;*/
text-align: left; text-align: left;
} }
tt { tt {
font-size: 8pt; font: bold 8pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono; color: #008000;
font-weight: bold;
color: green;
/*background: black;*/
padding: 1px 5px; padding: 1px 5px;
} }
div.main li { div.main li {
text-align: left; text-align: left;
list-style-type: square; list-style: square;
margin: 2px 5px 0px 5px; margin: 2px 5px 0px 20px;
padding: 1px 20px 1px 10px; padding: 1px 20px 1px 10px;
line-height: 150%; line-height: 150%;
} }
@ -266,22 +249,21 @@ div.main li {
ol { ol {
/* /*
white-space: pre-wrap; white-space: pre-wrap;
* */
display: inline; display: inline;
margin: 1px 0 0 0; margin: 1px 0 0 0;
padding: 1px 0 0 20px; padding: 1px 0 0 20px;
} }
ul { ul {
/* display: inline; */ display: inline;
margin: 5px 0; margin: 5px 0;
padding: 0; padding: 0;
} }
code { code {
text-align: left; text-align: left;
font-size: 8pt; font: 8pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono;
} }
a:link{ a:link{
@ -293,15 +275,11 @@ a:visited{
} }
a:hover{ a:hover{
color: #ff6600; color: #f60;
}
a:active{
color: #900;
} }
.links { .links {
list-style-image: url(images/link.png); list-style: url(images/link.png);
margin: 10px 5px 0 0px; margin: 10px 5px 0 0px;
padding: 10px 20px 10px 30px; padding: 10px 20px 10px 30px;
} }
@ -312,34 +290,28 @@ p {
} }
h1 { h1 {
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
text-align: left; text-align: left;
color: #000022; color: #002;
padding: 10px 15px; padding: 10px 15px;
margin: 0 15px 25px 245px; margin: 0 15px 25px 245px;
font-size: 16pt; font: normal bold 16pt/120% "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
font-weight: bold;
font-style: normal;
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 16px 1px #eef;
white-space: normal; white-space: normal;
background-color: #ddddff; background: #ddddff url('images/lightbluetile.png');
border: 1px solid #002; border: 1px solid #002;
border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
background-image: url('images/lightbluetile.png');
line-height: 120%;
} }
h2 { h2 {
font-size: 12pt; font-size: 12pt;
color: #000011; color: #001;
letter-spacing: 0.05em; letter-spacing: 0.05em;
background-color: #ddf; background: #ddf url('images/tabletile.png');
background-image: url('images/tabletile.png');
text-shadow: 0px 0px 2px rgba(0, 0, 64, 0.5); text-shadow: 0px 0px 2px rgba(0, 0, 64, 0.5);
padding: 7px 10px; padding: 7px 10px;
wordwrap: none; wordwrap: none;
@ -351,29 +323,28 @@ h2 {
} }
h2 a:hover { h2 a:hover {
color: #ff6600;
text-shadow: 0px 0px 1px rgba(255, 255, 72, 0.9); text-shadow: 0px 0px 1px rgba(255, 255, 72, 0.9);
border-bottom-width: 1px; border-bottom: 1px #ff6600;
border-bottom-style: solid; border-bottom-style: solid;
border-bottom-color: #000022; border-bottom-color: #002;
padding-bottom: 5px; padding-bottom: 5px;
} }
h3 { h3 {
border: 1px solid #002; border: 1px solid #002;
border-left: 5px solid #002; border-left: 5px solid #002;
padding: 3px 5px 3px 5px ; padding: 3px 5px 3px 5px;
margin: 20px 0 15px 0; margin: 20px 0 15px 0;
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;
-webkit-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0;
background-color: #eef; background: #eef;
} }
button { button {
border: 1px outset #ddddc0; border: 1px outset #ddddc0;
padding: 1px 3px; padding: 1px 3px;
background-color: #bbf !important; background: #bbf !important;
text-decoration: none; text-decoration: none;
border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
@ -387,15 +358,16 @@ button {
button:hover{ button:hover{
border: 1px solid #f60; border: 1px solid #f60;
background-color: #f60 !important; background: #f60 !important;
color: #fff; color: #fff;
} }
button:active{ button:active{
border: 1px solid #f60; border: 1px solid #f60;
background-color: #001 !important; background: #001 !important;
color: #f60; color: #f60;
} }
.underline { .underline {
border-bottom: 1px solid #000022; border-bottom: 1px solid #000022;
padding: 5px 0px 5px 0px; padding: 5px 0px 5px 0px;
@ -413,49 +385,37 @@ button:active{
valign: middle; valign: middle;
} }
hr {
color: #003;
background-color: #003;
height: 1px;
border: 0px solid #003;
margin: 10px 0;
}
input { input {
background-color: #eef; background: #eef;
color: #003; color: #003;
margin: 5px 10px 5px 10px; margin: 5px 10px 5px 10px;
padding: 4px 2px; padding: 4px 2px;
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; font: bold 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
font-weight: bold;
border: 1px solid #001; border: 1px solid #001;
padding: 4px;
text-decoration: none; text-decoration: none;
min-width: 110px; min-width: 110px;
font-size: 8pt;
} }
input:hover { input:hover {
background-color: #f60; background: #f60;
color: #fff; color: #fff;
border: 1px solid #f60; border: 1px solid #f60;
} }
input:active { input:active {
background-color: #002; background: #002;
color: #f60; color: #f60;
border: 1px solid #f60; border: 1px solid #f60;
} }
submit { submit {
background-color: #f00; background: #f00;
color: #eef; color: #eef;
margin: 10px 2px 10px 0; margin: 10px 2px 10px 0;
padding: 2px; padding: 2px;
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", 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;
padding: 0px 2px 1px 2px;
text-decoration: none; text-decoration: none;
} }
@ -464,29 +424,27 @@ input checkbox {
} }
select { select {
background-color: #eef; background: #eef;
color: #003; color: #003;
margin: 5px 10px 5px 10px; margin: 5px 10px 5px 10px;
padding: 4px; padding: 4px;
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
border: 1px solid #001; border: 1px solid #001;
min-width: 110px; min-width: 110px;
font-size: 8pt; font: 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
} }
textarea { textarea {
padding: 5px; padding: 5px;
margin: 0 5px 5px 0px; margin: 0 5px 5px 0px;
background-color: #eef; background: #eef;
color: #003; color: #003;
border-radius: 4px; border-radius: 4px;
-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: 8pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
font-size: 8pt;
min-height: 100px; min-height: 100px;
min-width: 100%; min-width: 100%;
border: 1px solid #001; border: 1px solid #001;
} }
form {} form {}