Some style updates

5 files changed, 53 insertions, 31 deletions

diff --git a/output/style/img/html-bg.png b/output/style/img/html-bg.png
index 8bfaba8..d190985 100644
--- a/output/style/img/html-bg.png
+++ b/output/style/img/html-bg.png
diff --git a/output/style/img/sitelogo.png b/output/style/img/sitelogo.png
index b06c59d..445a46b 100644
--- a/output/style/img/sitelogo.png
+++ b/output/style/img/sitelogo.png
diff --git a/output/style/img/volume.png b/output/style/img/volume.png
new file mode 100644
index 0000000..5c1aaa9
--- /dev/null
+++ b/output/style/img/volume.png
diff --git a/output/style/site.css b/output/style/site.css
index 34324ca..c3d665b 100644
--- a/output/style/site.css
+++ b/output/style/site.css
@@ -8,29 +8,16 @@ body {
 
 #global_domain_bar
 {
-  background: none repeat scroll 0 0 #FFFFFF;
-  height: 10px;
-  border: 0 none;
-  font-size: 100%;
-  margin: 0;
-  padding: 0;
-  vertical-align: baseline;
-  color: #2E3436;
-  font-family: Cantarell,'Droid Sans',Ubuntu,'DejaVu Sans',Arial,sans-serif;
-  font-size: 14px;
-  line-height: 1.7em;
+ 
 }
 
 #global_domain_bar a
 {
-  -moz-border-radius: 5px 5px 5px 5px;
-  -webkit-border-radius: 5px;
-  border-radius: 5px 5px 5px 5px;
   background: url("img/pulse-16.png") no-repeat scroll 8px 7px #FFFFFF;
   color: #555753;
   float: right;
   font-size: 12px;
-  margin-right: 30px;
+  margin: 15px 0;
   padding: 4px 12px 2px 26px;
   text-decoration: none;
   line-height: 1.7em;
@@ -49,7 +36,8 @@ body {
 
 #content {
   margin: 2em;
-  margin: 3em;
+  margin: .5em 3em;
+  border-top: 1px dashed #ccc;
 }
 
 a
@@ -74,8 +62,7 @@ div.post-contents
   margin-right: auto;
   clear: left;
   margin-top: 0;
-  width: 65em;
-  padding: 0 1em;
+  padding: 2em 0 0 2.7em;
 }
 
 
@@ -97,10 +84,41 @@ div.post-contents
   padding-right:  50px;
 }
 
-#footer
-{
-  background: none repeat scroll 0 0 #D3D7CF;
-  color: #555753;
+#footer {
+  overflow: hidden;
+  padding: 2em;
+  background: none repeat scroll 0 0 #83AAD5;
+  color: #fff;
+}
+
+#footer div {
+  border-left: 1px solid #FFFFFF;
+ float: left;
+ min-height: 14em;
+ padding: 0.5em 2em;
+ width: 28%;
+}
+
+#footer div:first-child {
+  background: url("img/volume.png") no-repeat scroll 2em bottom transparent;
+}
+
+#footer {
+  font-size: .8em;
+}
+
+#footer h2 {
+  margin: 0;
+}
+
+#footer ul {
+  margin: .4em 0 0 .4em;
+  list-style-type: none;
+  padding: 0;
+}
+
+#footer ul li {
+  margin-bottom: .2em;
 }
 
 #footer a
diff --git a/pulsar/index.html.tmpl b/pulsar/index.html.tmpl
index dc325a1..1f3eec0 100644
--- a/pulsar/index.html.tmpl
+++ b/pulsar/index.html.tmpl
@@ -75,7 +75,7 @@
     </div>
     <div id="planet-banner">
       <p id="planet-subtitle">
-        <img title="Planet PulseAudio" alt="Planet PulseAudio" src="style/img/sitelogo.png" id="planet-logo" width="630" height="114">
+        <img title="Planet PulseAudio" alt="Planet PulseAudio" src="style/img/sitelogo.png" id="planet-logo" width="399" height="114">
       </p>
     </div>
 
@@ -144,20 +144,24 @@
 </div>
 
 <div id="footer">
-  <p><strong>Disclaimer:</strong> Planet PulseAudio automatically reposts blog entries from the PulseAudio community. Entries on this page are owned by their authors. We do not edit, endorse or vouch for the contents of individual posts.</p>
-
-  <h2>Subscriptions</h2>
+  <div>
+    <p><strong>Disclaimer:</strong> Planet PulseAudio automatically reposts blog entries from the PulseAudio community. Entries on this page are owned by their authors. We do not edit, endorse or vouch for the contents of individual posts.</p>
+  </div>
+  <div>
+    <h2>Subscriptions</h2>
     <ul>
       <TMPL_LOOP Channels>
         <li>
         <a href="<TMPL_VAR url ESCAPE="HTML">" title="subscribe"><img src="images/feed-icon-10x10.png" alt="(feed)"></a> <a <TMPL_IF link>href="<TMPL_VAR link ESCAPE="HTML">" </TMPL_IF><TMPL_IF message>class="message" title="<TMPL_VAR message ESCAPE="HTML">"</TMPL_IF><TMPL_UNLESS message>title="<TMPL_VAR title_plain ESCAPE="HTML">"</TMPL_UNLESS>><TMPL_VAR name></a>
         </li>
       </TMPL_LOOP>
-  </ul>
-
-  <p><strong>Last updated:</strong> <TMPL_VAR date> <em>All times are UTC.</em></p>
-  <p>Powered by: <a href="http://www.planetplanet.org/"><img src="images/planet.png" width="80" height="15" alt="Planet" border="0"></a></p>
-  <p>Design and layout based on <a href="http://planet.gnome.org/">Planet GNOME</a></p>
+    </ul>
+  </div>
+  <div>
+    <p><strong>Last updated:</strong> <TMPL_VAR date> <em>All times are UTC.</em></p>
+    <p>Powered by: <a href="http://www.planetplanet.org/"><img src="images/planet.png" width="80" height="15" alt="Planet" border="0"></a></p>
+    <p>Design and layout based on <a href="http://planet.gnome.org/">Planet GNOME</a></p>
+  </div>
 </div>
 </div>
 </body>