tweak prefs tabs

diff --git a/prefs.php b/prefs.php
index bc0f5212f8b2ad708b09618e1472dab5244d52ac..bd3b519e44bbd2198999a44092599e45c261852e 100644 (file)
--- a/prefs.php
+++ b/prefs.php
@@ -146,6 +146,7 @@ window.onload = init;
                <?php } ?>              
 </div>
 
+<div id="prefContentOuter">
 <div id="prefContent">
        <p><?php echo __('Loading, please wait...') ?></p>
        <noscript>
@@ -155,6 +156,7 @@ window.onload = init;
                browser settings.") ?></div>
        </noscript>
 </div>
+</div>
 
 <div id="notify" class="notify"><span id="notify_body">&nbsp;</span></div>
 <div id="infoBoxShadow"><div id="infoBox">BAH</div></div>

diff --git a/tt-rss.css b/tt-rss.css
index bda7bdeb0395b3fa4a5354550fe818ebf9ca7b45..3a72bb6ed6fa913ba28917b0a5950f91ac0a85db 100644 (file)
--- a/tt-rss.css
+++ b/tt-rss.css
@@ -591,7 +591,7 @@ html>body #infoBox {
        left : 25%;
        top : 100px;
        width : 50%;
-       z-index : 3;
+       z-index : 5;
        position : absolute;
        display : none;
        min-width : 600px;
@@ -661,6 +661,9 @@ div.prefsTab {
        min-width : 100px;
        text-align : center;
        cursor : pointer;
+       position : relative;
+       bottom : -1px;
+       height : 30px;
 }
 
 div.prefsTabSelected {
@@ -678,6 +681,10 @@ div.prefsTabSelected {
        min-width : 100px;
        text-align : center;
        cursor : pointer;
+       position : relative;
+       bottom : -1px;
+       z-index : 3;
+       height : 30px;
 }
 
 div.notice {
@@ -1264,7 +1271,7 @@ a.cdmToggleLink:hover {
        top : 0;
        height : 100%;
        width : 100%;
-       z-index : 2;
+       z-index : 4;
        position : absolute;
        background-image : url("images/shadow_white.png");
 }
@@ -1624,25 +1631,35 @@ div.return a:hover {
        color : black;
 }
 
-#prefContent {
+#prefContentOuter {
        clear : left;
        position : absolute;
-       bottom : 40px;
+       bottom : 41px;
        top : 75px;
        left : 0px;
        right : 0px;
-       padding : 1em;
-       overflow : auto;
        min-height : 300px;
-       background-image : url("images/prefs-content.png");
-       background-position : top left;
-       background-repeat : repeat-x;
        border-width : 1px 0px 0px 0px;
        border-color : #88b0f0;
        border-style : solid;
        font-size : 12px;
 }
 
+#prefContent {
+       z-index : 4;
+       background-image : url("images/prefs-content.png");
+       background-position : top left;
+       background-repeat : repeat-x;
+       position : absolute;
+       bottom : 0px;
+       top : 0px;
+       left : 0px;
+       right : 0px;
+       padding : 1em;
+       overflow : auto;
+
+}
+
 #userSwitch {
        position : absolute;
        bottom : 2px;