Ongoing betterment of the classic theme.

installer/resources/themes/console/classic/console.css

@@ -107,20 +107,31 @@ div.routersummary {
      font-size: 9pt;
      word-wrap: break-word;
      font: 9pt/125%;
+     -moz-box-shadow: inset 0px 0px 0px 1px #99f;
 }
 
 div.routersummary hr {
      color: #bbf;
      background: #bbf;
-     height: 5px;
-     border: 0px solid #bbf;
-     margin: 4px 0;
+     height: 2px;
+     border-bottom: 1px inset #bbf;
+     margin: 5px 1px 4px 1px;
+     -moz-box-shadow: inset 0px -1px 0px 1px #99f;
 }
 
 div.routersummary p {
      padding: 0;
 }     
 
+div.routersummary a:link, div.routersummary a:visited {
+     text-shadow: 0px 0px 1px rgba(0, 0, 32, 0.3);
+}
+
+div.routersummary a:hover {
+     text-shadow: 0px 0px 1px rgba(255, 96, 0, 0.7);
+     color: #f60;
+}
+
 div.warning {
      margin: 20px 20px 10px 260px;
      padding: 0px 20px 20px 75px;
@@ -160,6 +171,7 @@ div.main {
      text-align: left;
      color: #001;
      min-width: 570px;
+     -moz-box-shadow: inset 0px 0px 0px 1px #99f;
 }
 
 div.main li {
@@ -171,8 +183,8 @@ div.main li:first-child {
 }
 
 div.main textarea {
-     width: 100% !important; 
-
+     width: 98% !important; 
+     margin: 2px 0 2px 5px;
 }
 
 div.news {
@@ -186,6 +198,7 @@ div.news {
      padding-bottom: 8px;
      padding-left: 10px;
      padding-right: 10px;
+     -moz-box-shadow: inset 0px 0px 0px 1px #99f;
 }
 
 /* convert the list entry to our title */
@@ -196,17 +209,18 @@ div.news li {
      margin: -15px 15px -20px -20px;
      padding: 0px 0 15px 0;
      border-bottom: 2px solid #cc7;
-     border-top: 2px solid #cc7;     
+     border-top: 0px solid #cc7;     
      padding: 3px 5px 5px 5px;
      font-size: 12pt;
-     color: #661;
+     color: #540;
 }
 
 div.news p {
      color: #330;
 }
 div.news a:link {
-     color: #883;
+     color: #773;
+     text-shadow: 0px 0px 1px rgba(128, 128, 48, 0.3);
 }
 
 div.news hr {
@@ -231,18 +245,20 @@ div.configure {
 }
 
 div.configure table {
+     font-size: 9pt;
+     font-weight: bold;
 }
 
 div.messages {
      padding: 10px;
-     background: #fafaff;
-     border: 5px solid #fdd;
+     background: #fff;
+     border: 5px solid #feb;
      border-right: 0;
      margin: 0px -15px 0px -20px;
      text-align: center;
      font-size: 9pt;
      font-weight: bold;
-     color: #444455;
+     color: #474;
 }
 
 div.messages span.error {
@@ -255,15 +271,17 @@ div.messages span.notice {
 
 h1 {
      font-size: 18pt;
+     text-shadow: 0px 0px 1px rgba(0, 0, 32, 0.7);
      text-align: center;
      border: 5px solid #bbf;
      padding: 13px 10px 12px 10px;
-     margin: 0 0px 0 175px;
+     margin: 0 0px 0 195px;
      line-height: 93%;
      text-transform: uppercase;
      letter-spacing: 0.3em;
      background: #fff;
      min-width: 600px;
+     -moz-box-shadow: inset 0px 0px 0px 1px #99f;
 }
 
 h2 {
@@ -349,6 +367,10 @@ input {
      vertical-align: middle;
 }
 
+input[type=text] {
+     margin: 3px 5px 3px 5px;
+     vertical-align: middle;
+}
 select {
      margin: 3px 5px 3px 5px;
      vertical-align: middle;
@@ -357,6 +379,7 @@ select {
 submit {
      margin: 3px 5px 3px 5px;
      padding 2px 0;
+     font: 8pt/140% "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
 }
 
 p {
@@ -434,4 +457,46 @@ tt {
 .tidylist {
      text-align: justify;
      padding-right: 30px;
+}
+
+div.graphspanel {
+     padding: 20px 10px;
+     margin: -20px;
+     background: #ddf url('images/lightbluetile.png');
+     -moz-border-radius: 4px;
+     -khtml-border-radius: 4px;
+     border-radius: 4px;
+     border: 5px solid #bbf;
+     -moz-box-shadow: inset 0px 0px 1px 0px #002;
+     text-align: center !important;   
+}
+
+div.graphspanel img {
+     border: 1px solid #003;
+     padding: 2px;
+     margin: 6px;
+     background: #001;
+     -moz-box-shadow: inset 0px 0px 1px 1px #99f;
+}
+
+div.graphspanel img:hover {
+     border: 1px solid #003;
+     padding: 2px;
+     margin: 6px;
+     text-align: center !important;
+     background: #001;
+     -moz-box-shadow: inset 0px 0px 2px 1px #f60;
+}
+
+div.graphspanel hr {
+     margin: 20px 0;
+}
+
+div.graphspanel form {
+     text-align: left;
+     margin: 0 20px;
+}
+
+div.graphspanel h3 {
+     text-align: left;
 }
\ No newline at end of file

installer/resources/themes/console/classic/ieshim.css

@@ -26,14 +26,18 @@ div.configure textarea {
      width: 450px !important;
 }
 
+div.configure input {
+     margin-left: 5px;
+}
+
 div.configure table {
-     width: 350px !important;
+     width: 550px !important;
      text-align: center;
 }
 
 h1 {
      padding: 15px 10px 16px 10px !important;
-     border-right: 0;
+     margin: 0 0px 0 175px !important;
 }
 
 h2 {
@@ -48,29 +52,25 @@ h3 {
 
 div.confignav {
      padding: 15px 0 15px 0;
-     border-left: 0px solid #bbf;
+     border-left: 0px;
      margin-left: -15px;
-     border-right: 0;
      border-top: 5px solid #bbf;
      margin-bottom: 10px !important;
 }
 
 div.messages {
-     border-left: 0px solid #bbf;
-     border-right: 0px solid #ddf;     
-     margin: 0px -15px 0px -15px;
+     border-left: 0;
+     border-right: 0;     
+     margin: -10px -15px 0px -15px;
 }
 
 div.main, div.news {
      margin: -5px 0px 10px 185px;
-     border: 0px solid #bbf;
-     border-top: 5px solid #bbf;
-     border-left: 5px solid #bbf;
-     border-bottom: 5px solid #bbf;     
+     border: 5px solid #bbf;
 }
 
 div.main hr, div.news hr {
-     margin: 0;
+     margin: 0;	
 }
 
 div.main {
@@ -79,8 +79,6 @@ div.main {
 
 div.news {
      border-left: 5px solid #bbf;
-     border-right: 0px solid #ffffc0; 
-     margin-right: 0px;
      margin: -5px 0px 0 185px;
      padding-bottom: 8px;
 }
@@ -89,8 +87,8 @@ div.news hr {
      color: #bbf;
      background: #bbf;
      height: 3px;
-     border: 0px solid #bbf;
-     margin: 0px 0px 0 -13px;
+     border: 0px;
+     margin: 0 -10px 0 -13px !important;
 }     
 
 div.routersummary {
@@ -99,32 +97,18 @@ div.routersummary {
      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;
-}
-
 div.news li {
      padding-top: 0px	0px !important;
      margin-bottom: -23px !important;
 }
 
 div.logo {
-     float: left;
-     margin: 20px 0 0 20px !important;
-     border: 0;
 }
 
 div.warning {
      padding: 0px 20px 20px 80px;
+     margin-top: -20px;
+     margin-left: -10px !important;
 }
 
 .langbox {