Change CSS for the left sidebar

Make them class instead of id, so reuseable.

Signed-off-by: Ben Shum <bshum@biblio.org>

diff --git a/css/style.css b/css/style.css
index 211c002..3e1bd9a 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -250,14 +250,14 @@ border: 0px solid #ccc;
 background: #fff;
 }
 
-#leftside {
+.leftside {
 width: 210px;
 margin: 21px 0;
 padding: 0;
 float: left;
 }
 
-#leftsidebox h3 {
+.leftsidebox h3 {
 display:block;
 width:98%;
 background: #E1F4F9;
@@ -271,14 +271,14 @@ border-bottom: 1px solid #666;
 letter-spacing: 1px;
 }
 
-#leftsidebox {
+.leftsidebox {
 background: #fff;
 padding: 4px;
 margin: 0 20px 0 0;
 border: 1px solid #ccc;
 }
 
-#leftsidebox p a {
+.leftsidebox p a {
 display:block;
 padding: 4px 18px 4px 10px;
 line-height: 140%;
@@ -288,11 +288,11 @@ color: #0F734A;
 text-align: left;
 }
 
-#leftsidebox p a:hover {
+.leftsidebox p a:hover {
 color: #000;
 }
 
-#leftsidebox img {
+.leftsidebox img {
 padding: 4px 2px 2px 8px;
 text-decoration:none;
 }

diff --git a/incl/sidebar.php b/incl/sidebar.php
index b9503b7..6837d40 100644 (file)
--- a/incl/sidebar.php
+++ b/incl/sidebar.php
@@ -1,6 +1,6 @@
 <!--begin sidebar-->
 
-<div id="leftside">
+<div class="leftside">
 
 <p>
     <a href="sfc.php" alt="Donate to Evergreen">
@@ -8,7 +8,7 @@
     </a>
 </p>
 
-<div id="leftsidebox">
+<div class="leftsidebox">
 <h3>Quick Links</h3>
 <p><a href="/dokuwiki/doku.php?id=faqs:evergreen_roadmap">Development Roadmap</a></p>
 <p><a href="sfc.php">Donate to Evergreen</a></p>