From 3b687e04a16ff1eadd7c89dfc82b1e4d39dfe714 Mon Sep 17 00:00:00 2001
From: Tomas Bzatek <tbzatek@users.sourceforge.net>
Date: Fri, 2 Jan 2009 16:59:17 +0100
Subject: Transform scrolling to middle div

---
 templates/styles.css               | 16 +++++++++++++---
 templates/template-album.tmpl      |  4 ++++
 templates/template-index.tmpl      |  2 ++
 templates/template-view_photo.tmpl |  3 +++
 4 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/templates/styles.css b/templates/styles.css
index c4f8dc9..abe6283 100644
--- a/templates/styles.css
+++ b/templates/styles.css
@@ -9,7 +9,6 @@ body {
    color: #EEEEEC;  
 /*   background: #343D42;  */
    background: #43484A;
-   overflow-y: scroll;
 }
 
 img {
@@ -30,7 +29,6 @@ a:hover {
 
 div.navigation {
     position: fixed;
-    z-index: 1;
     top: 0px;
     background-color: #606466;
     width: 100%;
@@ -39,6 +37,8 @@ div.navigation {
     font-size: 13px;
     border-top: 10px solid #43484A;
     border-bottom: 1px dotted #80878A;
+    height: 18px;
+    overflow: hidden;
 }
 
 .navigation tr td:first-child {
@@ -51,7 +51,7 @@ div.navigation {
 
 div.desc {
     margin-left: 15px;
-    margin-top: 60px;
+    margin-top: 20px;
     margin-bottom: 40px;
     font-size: 21px;
     font-weight: bold;
@@ -86,6 +86,16 @@ div.footer {
     border-top: 1px dotted #7C8285;
     position: fixed;
     bottom: 0px;
+    height: 16px;
+    overflow: hidden;
+}
+
+div.master_content {
+    overflow: auto; 
+    position: absolute; 
+    top: 39px; 
+    bottom: 23px;
+    width: 100%;
 }
 
 a.footermail {
diff --git a/templates/template-album.tmpl b/templates/template-album.tmpl
index 5c27ab5..f8e0a06 100644
--- a/templates/template-album.tmpl
+++ b/templates/template-album.tmpl
@@ -19,6 +19,7 @@
 <td align="right"><b><!-- $(TOTAL_ITEMS) --> items</b></td></tr></table>
 </div>
 
+<div class="master_content">
 
 <!--  ##  Description  -->
 <div class="desc">
@@ -61,11 +62,14 @@
 <!-- Dirty hack to add free space at the bottom of the page -->
 <div style="display: block; float: left; height: 240px;"></div>
 
+
 <!--  ##  Footnote  -->
 <div class="desc" style="clear: both;">
 <div class="desc_text"><!-- $(FOOTNOTE) --></div>
 </div>
 
+</div> <!-- end of master_content -->
+
 <!--  ##  Footer  -->
 <!-- $(FOOTER) -->
 
diff --git a/templates/template-index.tmpl b/templates/template-index.tmpl
index a07ba05..684482b 100644
--- a/templates/template-index.tmpl
+++ b/templates/template-index.tmpl
@@ -19,6 +19,7 @@
 <td align="right"><b><!-- $(TOTAL_ITEMS) --> albums</b></td></tr></table>
 </div>
 
+<div class="master_content">
 
 <!--  ##  Description  -->
 <div class="desc">
@@ -66,6 +67,7 @@
 <div class="desc_text"><!-- $(FOOTNOTE) --></div>
 </div>
 
+</div> <!-- end of master_content -->
 <!--  ##  Footer  -->
 <!-- $(FOOTER) -->
 
diff --git a/templates/template-view_photo.tmpl b/templates/template-view_photo.tmpl
index d070a6e..8de829d 100644
--- a/templates/template-view_photo.tmpl
+++ b/templates/template-view_photo.tmpl
@@ -22,6 +22,8 @@
 </td></tr></table>
 </div>
 
+<div class="master_content">
+
 <div class="content">
 <!--  ##  Description  -->
 <div class="desc"><!-- $(TITLE) -->
@@ -57,6 +59,7 @@
 </div>
 </div>
 
+</div> <!-- end of master_content -->
 <!--  ##  Footer  -->
 <!-- $(FOOTER) -->
 
-- 
cgit v1.2.3