Extensive overhaul of the classic theme; css hacks for IE!

This commit is contained in:
z3d
2009-08-03 13:24:55 +00:00
parent c7c132c0ac
commit 460c8a319f
4 changed files with 138 additions and 47 deletions

View File

@ -1,4 +1,7 @@
2009-08-02 2009-08-03 dr|z3d
* Extensive update to the Classic theme; custom css hacks for IE.
2009-08-02 dr|z3d
* Better support for Internet Explorer/classic theme. * Better support for Internet Explorer/classic theme.
* Incremental improvements to classic theme. * Incremental improvements to classic theme.
* More UI tweaks and fiddles. * More UI tweaks and fiddles.

View File

@ -1,5 +1,7 @@
/* Optimised for less capable browers and system specifications */
body { body {
margin: 15px 0; margin: 0;
padding: 0; padding: 0;
text-align: left; text-align: left;
background: #FFF; background: #FFF;
@ -7,7 +9,7 @@ body {
/* /*
font: 10pt/140% Verdana, Tahoma, Helvetica, sans-serif; font: 10pt/140% Verdana, Tahoma, Helvetica, sans-serif;
*/ */
font: 10pt/140% "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; font: 9pt/140% "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
} }
.hide { .hide {
@ -49,23 +51,23 @@ div.routersummaryouter {
} }
div.routersummary { div.routersummary {
background: #fafaff; background: #ddf;
width: 180px; width: 190px;
color: inherit; color: inherit;
margin: 0; margin: 0;
padding: 5px 0 0 10px; padding: 7px 0 0 0px;
text-align: left !important; text-align: left !important;
border: 5px solid #efefff; border: 5px solid #bbf;
font-size: 9pt; font-size: 9pt;
word-wrap: break-word; word-wrap: break-word;
font: 9pt/125%; font: 9pt/125%;
} }
div.routersummary hr { div.routersummary hr {
color: #ccf; color: #bbf;
background: #ccf; background: #bbf;
height: 2px; height: 5px;
border: 0px solid #ccf; border: 0px solid #bbf;
margin: 4px 0; margin: 4px 0;
} }
@ -86,12 +88,14 @@ div.warning {
} }
div.main { div.main {
margin: 0 20px 10px 205px; margin: 0px 0px 10px 195px;
padding: 5px 15px 15px 15px; padding: 5px 15px 15px 15px;
background: #ffffef; background: #eef;
border: 5px solid #ffffd0; border: 5px solid #bbf;
border-top: 0;
text-align: left; text-align: left;
color: inherit; color: #001;
min-width: 570px;
} }
@ -101,12 +105,13 @@ div.main textarea {
} }
div.news { div.news {
margin: 0 20px 0 205px; margin: -5px 0px 0 195px;
padding: -10px 15px 5px 15px; padding: -10px 15px 15px 15px;
background: #ffffc0; background: #ffffc0;
border: 5px solid #ffffa0; border: 5px solid #bbf;
text-align: justify; text-align: justify;
color: inherit; color: inherit;
min-width: 600px;
} }
div.news li { div.news li {
@ -128,21 +133,26 @@ div.news a:link {
div.confignav { div.confignav {
padding: 12px 0 15px 0; padding: 12px 0 15px 0;
background: #cfc; background: #cfc;
margin: -10px -20px 0 -10px; margin: -10px -20px 0 -23px;
border: 5px solid #9f9; border: 5px solid #bbf;
} }
div.configure { div.configure {
margin: 0 -20px 0 -10px; margin: 0 -20px 0 -20px;
padding: 10px 20px 5px 20px; padding: 0px 20px 0px 20px;
background: #ffffc0; /* background: #eeffee;*/
} }
div.messages { div.messages {
padding: 10px; padding: 10px;
background: #fafaff; background: #fafaff;
border: 5px solid #fdd; border: 5px solid #fdd;
margin: 0px -20px 0px -10px; border-right: 0;
margin: 0px -15px 0px -20px;
text-align: center;
font-size: 9pt;
font-weight: bold;
color: #444455;
} }
div.messages span.error { div.messages span.error {
@ -156,29 +166,29 @@ div.messages span.notice {
h1 { h1 {
font-size: 18pt; font-size: 18pt;
text-align: center; text-align: center;
border: 5px solid #efefff; border: 5px solid #bbf;
border-bottom: 5px solid #efefff; padding: 13px 10px 12px 10px;
padding: 10px; margin: 0 0px 0 175px;
margin: 0 20px 0 205px;
line-height: 93%; line-height: 93%;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.3em; letter-spacing: 0.3em;
background: #fff; background: #fff;
min-width: 600px;
} }
h2 { h2 {
font-size: 14pt; font-size: 14pt;
padding: 10px; padding: 10px;
border-bottom: 2px solid #001; border-bottom: 2px solid #003;
border-top: 2px solid #001; border-top: 0px solid #003;
letter-spacing: 0.04em; letter-spacing: 0.04em;
} }
h3 { h3 {
font-size: 12pt; font-size: 12pt;
padding: 10px; padding: 0 10px 10px 10px;
border-bottom: 2px solid #001; border-bottom: 5px solid #bbf;
border-top: 2px solid #001; border-top: 0px solid #bbf;
letter-spacing: 0.04em; letter-spacing: 0.04em;
} }
@ -188,8 +198,8 @@ h3 {
} }
table { table {
/* border-collapse: collapse; */ border-collapse: collapse;
border: 5px solid #dfd; border: 5px solid #bbf;
margin: 5px 0px; margin: 5px 0px;
cell-padding: 1px; cell-padding: 1px;
font-size: 7pt; font-size: 7pt;
@ -197,10 +207,15 @@ table {
width: 100%; width: 100%;
} }
table hr {
display: none
}
th { th {
background-color: #ccf; background-color: #def;
padding: 5px 2px; padding: 5px 2px;
text-align: center; text-align: center;
border-bottom: 1px solid #88f;
} }
tt { tt {
@ -208,7 +223,7 @@ tt {
} }
td { td {
padding: 2px; padding: 4px;
} }
tr:nth-child(even) { tr:nth-child(even) {
@ -220,10 +235,10 @@ tr:nth-child(odd) {
} }
hr { hr {
color: #dd9; color: #bbf;
background: #dd9; background: #bbf;
height: 2px; height: 5px;
border: 0px solid #dd5; border: 0px solid #bbf;
margin: 5px 0; margin: 5px 0;
} }
@ -242,11 +257,12 @@ input {
} }
select { select {
margin: 3px 5px 3px 0; margin: 3px 5px 3px 5px;
vertical-align: middle; vertical-align: middle;
} }
submit { submit {
margin: 3px 5px 3px 5px;
padding 0 2px; padding 0 2px;
} }
@ -310,14 +326,16 @@ tt {
} }
.tablefooter { .tablefooter {
border: 1px solid #f00; border: 1px solid #88f;
} }
.tablefooter tr, .tablefooter td { .tablefooter tr, .tablefooter td {
background: #aaf; background: #bbf;
font-size: 8pt; font-size: 8pt;
font-weight: bold; font-weight: bold;
line-height: 150%; line-height: 150%;
word-wrap: nowrap;
padding: 8px 1px;
} }
.tidylist { .tidylist {

View File

@ -4,3 +4,73 @@
overflow: auto; overflow: auto;
width: 100%; width: 100%;
} }
.formaction {
text-align: left !important;
}
div.configure textarea {
width: 450px !important;
}
h1 {
padding: 15px 10px 16px 10px !important;
border-right: 0;
}
div.confignav {
padding: 15px 0 15px 0;
border-left: 0px solid #bbf;
margin-left: -15px;
border-right: 0;
border-top: 0;
}
div.main {
border-left: 5px solid #bbf !important;
margin-top: 0;
}
div.messages {
border-left: 0px solid #bbf;
border-right: 0px solid #ddf;
margin: 0px -15px 0px -15px;
}
div.main, div.news {
margin: 0px 0px 10px 185px;
border: 0px solid #bbf;
}
div.main hr, div.news hr {
margin: 5px 0px;
}
div.main {
border-top: 5px solid #eef;
}
div.news {
border-left: 5px solid #bbf;
border-right: 0px solid #ffffc0;
margin-right: 0px;
margin: -20px 0px 0 185px;
}
div.routersummary {
color: #001;
padding-left: 0px;
border-left: 5px solid #bbf;
}
/*
div.routersummary, div.routersummary hr {
background: #ddf;
height: 5px;
border: 0px solid #ddf;
margin: 4px 0;
}
*/
text {
padding-left: 5px;
}

View File

@ -18,7 +18,7 @@ public class RouterVersion {
/** deprecated */ /** deprecated */
public final static String ID = "Monotone"; public final static String ID = "Monotone";
public final static String VERSION = CoreVersion.VERSION; public final static String VERSION = CoreVersion.VERSION;
public final static long BUILD = 06; public final static long BUILD = 07;
/** for example "-test" */ /** for example "-test" */
public final static String EXTRA = ""; public final static String EXTRA = "";
public final static String FULL_VERSION = VERSION + "-" + BUILD + EXTRA; public final static String FULL_VERSION = VERSION + "-" + BUILD + EXTRA;