Major design and code overhaul

I don't know, a lot of stuffses happened that I don't quite remember anymore. Goodness, that's not good.

3 files changed, 78 insertions, 18 deletions

@@ -91,6 +91,13 @@ div.entry {
  font: 75%/150% Arial, "Trebuchet MS", Tahoma;
 }
 
+div.entry ol,
+div.entry ul,
+a[name|="comment"]+div.bubble ol,
+a[name|="comment"]+div.bubble ul {
+ margin-left: 3em;
+}
+
 <?php
 
 $getupdates = "SELECT * FROM updates";
@@ -207,3 +214,9 @@ div.post-date-4 {
  float: left;
  background: url(/theme/images/date-bg-4.gif) no-repeat;
 }
+
+span.post-vote {
+ float: right;
+ position: relative;
+ top: -10px;
+}
@@ -2,7 +2,7 @@
 div.bubble {
         width: auto;
         font-size: 0.75em;
-        margin-bottom: 24px;
+        margin-bottom: 14px;
         font: 1em "Lucida Grande", Lucida, Verdana, sans-serif;
 }
 
@@ -20,7 +20,7 @@ div.bubble blockquote div {
 
 div.bubble cite {
         position: relative;
-        margin: 0px;
+        margin: 0;
         padding: 7px 0px 0px 15px;
         top: 6px;
         background: transparent url(/theme/images/tip.gif) no-repeat 20px 0;
@@ -62,8 +62,8 @@ div#pimped.bubble cite.rounded {
 }
 
 div.bubble div.bquote blockquote {
-        margin: 0px;
-        padding: 0px;
+        margin: 0;
+        padding: 4px 0;
         border: 1px solid #c9c2c1;
         background-color: #fff;
 }
@@ -85,4 +85,5 @@ div.bubble div.bquote blockquote {
         border-top-right-radius: 10px;
         border-bottom-left-radius: 10px;
         border-bottom-right-radius: 10px;
+        padding: 4px;
 }
@@ -67,13 +67,12 @@ a img {
 
 /* Random Elements */
 
-ul#bannernav, p {
+* {
  margin:0pt;
  padding:0pt;
 }
 
-p {margin-top: 1em}
-
+p {margin-top: 1em;}
 ul, ol {margin-top: 1em; margin-bottom: 1em}
 
 img.center, img[align="center"] {
@@ -93,7 +92,7 @@ acronym, abbr {
 blockquote {
  padding-left: 10px;
  border-left: 3px solid #CCC;
- font-family: helvetica;
+ font-family: Helvetica, sans-serif;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
@@ -111,7 +110,7 @@ div#banner, div#fi-banner {
  width: 900px; /*728*/
  height: 200px;
  float: left;
- margin-top: 21px;
+/* margin-top: 21px; */
 }
 
 div#banner {
@@ -136,11 +135,50 @@ div#banner h1, div#fi-banner h1 {
  font-size: 3.0em;
  font-weight: normal;
 }
-                                
-div#bannernav {
+
+/* NavBar */
+
+div#fi-navbar {
+ position: relative;
+}
+
+div#fi-navbar .rounded {
+ padding: 0;
+}
+
+div#fi-navbar ul {
+ margin-top: .25em;
+ margin-bottom: .25em;
+ padding-left: 1em;
  text-align: center;
 }
 
+div#fi-navbar ul li {
+ display: inline;
+ font-family: Verdana, sans-serif;
+ font-size: 1.1em;
+}
+
+div#fi-navbar ul li+li:before {
+ content: " - ";
+}
+
+div#fi-navbar ul li img {
+ display: none;
+}
+
+div#fi-navbar ul li.active a {
+ display: none;
+}
+
+div#fi-navbar ul li.active img {
+ display: inline;
+ background-color: white;
+ outline: white solid .5em;
+ margin-left: .5em;
+ margin-right: .5em;
+}
+
 /* Sidebar */
 
 div#rightbar {
@@ -197,7 +235,6 @@ div#sidebar li img {
  margin: 10px auto;
  text-align: left;
  padding: 0;
- margin-top: 25px;
 }
 
 div#top-fade {
@@ -256,7 +293,6 @@ div#content h2 {
 
 div.cleardiv {
  clear: both;
- height: 1em;
 }
                                 
 div#footer {
@@ -269,6 +305,7 @@ div#footer {
  width: 100%;
  border-top: 1px black solid;
  border-bottom: 4px gray solid;
+ background-color: white;
 }
 
 div#footer ul.rows li {
@@ -296,11 +333,6 @@ div#content ul {
  list-style: url(/theme/images/bullet_disk_big.png);
 }
 
-div.push {
- clear: both;
- height: 20px;
-}
-
 div#content a img {
  border: solid transparent 1px;
 }
@@ -313,6 +345,20 @@ div#hatbar.quotes-options ul {
  list-style: none;
 }
 
+div.autosize {
+ margin-bottom: 6px !important;
+}
+
+ul blockquote, ol blockquote {
+ position: relative;
+ left: -3em;
+ width: 110%;
+}
+
+li+br {
+ display: none;
+}
+
 /* Tables */
 
 table.webmail {