Refactor some css

default.css

@@ -4,6 +4,24 @@ body {
     text-align: center;
 }
 
+a.pagetop, a.pagetop:link, a.pagetop:visited, a.pagetop:hover {
+    display: block;
+    padding: 5px 10px 5px 10px;
+    border: 1px solid #ccc;
+    background-color: #eee;
+    color: #999;
+    font-size: 9px;
+    text-align: right;
+    text-transform: uppercase;
+}
+
+div.footer {
+    padding-top: 10px;
+    border-top: 1px solid #ccc;
+    font-size: 10px;
+    color: #666;
+}
+
 hr {
     border: 0;
     color: #ccc;
@@ -23,10 +41,6 @@ h3 {
     color: #0055aa;
 }
 
-a.position {
-    font-weight: bold;
-}
-
 a:visited {
     background: transparent;
     color: #8888aa;
@@ -103,11 +117,6 @@ div.content {
     text-align: left;
 }
 
-div.footerlogo {
-    float: right;
-    padding-left: 5px;
-}
-
 div.webcam {
     text-align: center;
 }
@@ -129,10 +138,6 @@ div.biglogo div.csclogo {
     float: right;
 }
 
-div.template-header {
-    padding-top: 5px;
-}
-
 div.menubar {
     background-color: white;
     padding-top: 12px;
@@ -143,14 +148,12 @@ div.menubar {
     font-size: 12px;
     text-transform: uppercase;
 }
-
 div.menuitem {
     margin: 0;
     padding: 0;
     text-align: center;
     float: left;
 }
-
 div.menuitem a {
     display: block;
     text-align: center;
@@ -159,13 +162,11 @@ div.menuitem a {
     text-decoration: none;
     font-weight: bold;
 }
-
 div.menuitem a:hover {
     color: black;
     background-color: #eee;
     border: 1px solid #ccc;
 }
-
 div.menuitem p {
     margin: 0;
     padding: 0;
@@ -179,7 +180,6 @@ div.webtitle {
     padding-left: 10px;
     padding-top: 10px;
 }
-
 div.webtitle div {
     float:left;
     background-color: #215498;
@@ -190,55 +190,35 @@ div.graph {
     float: left;
     padding: 0px 4px 4px 4px;
 }
-
 p.graphtitle {
     font-size: 14px;
     font-weight: bold;
     margin: 0;
 }
-
 div.graphclear {
     clear: both;
 }
 
+div.dirheader {
+    padding-top: 5px;
+}
 a.diritem, a.diritem:link, a.diritem:visited, a.diritem:active {
     font-size: 14px;
     border-left: 4px solid #ccc;
     padding: 0 15px 0 5px;
     color: blue;
 }
-
 a.diritem:hover {
     border-left: 4px solid green;
 }
-
 a.homedir {
     font-weight: bold;
 }
 
-a.pagetop, a.pagetop:link, a.pagetop:visited, a.pagetop:hover {
-    display: block;
-    padding: 5px 10px 5px 10px;
-    border: 1px solid #ccc;
-    background-color: #eee;
-    color: #999;
-    font-size: 9px;
-    text-align: right;
-    text-transform: uppercase;
-}
-
-div.footer {
-    padding-top: 10px;
-    border-top: 1px solid #ccc;
-    font-size: 10px;
-    color: #666;
-}
-
 div.infobox {
     border: 1px solid #ccc;
     padding: 2px 2px;
 }
-
 div.infobox p {
     margin: 5px;
     padding: 0;
@@ -247,3 +227,9 @@ div.infobox p {
 p.mediafile {
     font-weight: bold;
 }
+
+a.position {
+    font-weight: bold;
+}
+
+

xsl/common.xsl

@@ -51,7 +51,7 @@
           alt="Computer Science Club" width="420" height="79" /></a>
     </div>
   </div>
-  <div class="template-header">
+  <div class="dirheader">
     <xsl:apply-templates
         select="document(concat($g_pwd, '/directory.xml'))/directory"/>
   </div>
@@ -68,7 +68,7 @@
     <a href="{$g_pre}"><img src="{$g_pre}logos/csc_title.gif"
         alt="CSC Logo" /></a>
   </div>
-  <div class="template-header">
+  <div class="dirheader">
     <xsl:apply-templates
         select="document(concat($g_pwd, '/directory.xml'))/directory"/>
     <xsl:if test="$title">