]> git.wh0rd.org - tt-rss.git/commitdiff
css layout for preferences
authorAndrew Dolgov <fox@bah.spb.su>
Sat, 30 Sep 2006 06:49:50 +0000 (07:49 +0100)
committerAndrew Dolgov <fox@bah.spb.su>
Sat, 30 Sep 2006 06:49:50 +0000 (07:49 +0100)
prefs.php
themes/compat/theme.css
tt-rss.css
tt-rss.php

index 6fa8370636daff6c2594fe0833ced409c8f3ed7c..7ca10af357abc538e5fc1bc3f38123c472e5e3ae 100644 (file)
--- a/prefs.php
+++ b/prefs.php
@@ -17,6 +17,8 @@
        $dt_add = get_script_dt_add();
 
 ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
+       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html>
 <head>
        <title>Tiny Tiny RSS : Preferences</title>
@@ -85,45 +87,28 @@ window.onload = init;
 
 <ul id="debug_output"></ul>
 
+<div id="notify" class="notify"><span id="notify_body">&nbsp;</span></div>
+
 <div id="fatal_error"><div id="fatal_error_inner">
        <h1>Fatal Error</h1>
        <div id="fatal_error_msg">Unknown Error</div>
 </div></div>
 
-<table width="100%" height="100%" cellspacing="0" cellpadding="0" class="main">
-<?php if (get_pref($link, 'DISPLAY_HEADER')) { ?>
-<tr>
-       <td colspan="2">
-               <table cellspacing="0" cellpadding="0" width="100%"><tr>
-                       <td rowspan="2" class="header" valign="middle"> 
-                               <img src="<?php echo $theme_image_path ?>images/ttrss_logo.png" alt="Tiny Tiny RSS">    
-                       </td>
-                       <td valign="top" class="notifyBox">
-                               <div id="notify" class="notify"><span id="notify_body">&nbsp;</span></div>
-                       </td>
-               </tr><tr><td class="welcomePrompt">
-                       <?php if (!SINGLE_USER_MODE) { ?>
-                               Hello, <b><?php echo $_SESSION["name"] ?></b>
-                               (<a href="logout.php">Logout</a>)
-                       <?php } ?>
-                       </td>
-               </tr></table>
-       </td>
-</tr>
-<?php } else { ?>
-<tr>
-       <td class="small">
-               <div id="notify" class="notify_sm"><span id="notify_body">&nbsp;</span></div>
-               <div id="userDlgShadow"><div id="userDlg">&nbsp;</div></div>
-       </td><td class="welcomePrompt">
-               <?php if (!SINGLE_USER_MODE) { ?>
+<div id="prefHeader">
+       <?php if (!SINGLE_USER_MODE) { ?>
+               <div style="float : right">
                        Hello, <b><?php echo $_SESSION["name"] ?></b>
                        (<a href="logout.php">Logout</a>)
-               <?php } ?>
-</td></tr>
-<?php } ?>
-<tr>
-       <td class="prefsTabs" align="left" valign="bottom">
+               </div>
+       <?php } ?>
+       <img src="<?php echo $theme_image_path ?>images/ttrss_logo.png" alt="Tiny Tiny RSS"/>   
+</div>
+
+<div id="prefTabs">
+               <div class="return">
+                       <a href="#" onclick="gotoMain()">Exit preferences</a>
+               </div>
+
                <input id="genConfigTab" class="prefsTab" type="submit" value="Preferences"
                        onclick="selectTab('genConfig')">
                <input id="feedConfigTab" class="prefsTab" type="submit" value="My Feeds"
@@ -142,29 +127,11 @@ window.onload = init;
                <input id="userConfigTab" class="prefsTab" type="submit" value="User Manager"
                        onclick="selectTab('userConfig')">
                <?php } ?>              
-       </td>
-       <td class="prefsToolbar" valign="middle" align="right"> 
-               <input type="submit" onclick="gotoMain()" class="button" value="Return to main">
-       </td>
-       </tr>
-</tr>
-       <td id="prefContent" class="prefContent" valign="top" colspan="2">
-
-               <p>Loading, please wait...</p>
-
-       </td>
-</tr>
-<?php if (get_pref($link, 'DISPLAY_FOOTER')) { ?>
-<tr>
-       <td class="footer" colspan="2">
-               <a href="http://tt-rss.spb.ru/">Tiny Tiny RSS</a> v<?php echo VERSION ?> &copy; 2005-2006 Andrew Dolgov
-               <?php if (WEB_DEMO_MODE) { ?>
-               <br>Running in demo mode, some functionality is disabled.
-               <?php } ?>
-       </td>
-</td>
-<?php } ?>
-</table>
+</div>
+
+<div id="prefContent">
+       <p>Loading, please wait...</p>
+</div>
 
 <?php db_close($link); ?>
 
index 40a437c59f22ab147aca6ef1ab269c5b9b2c34ec..331903507ad69b7a8a2fad3ef22662c7c6248458 100644 (file)
@@ -8,104 +8,6 @@ body {
 
 /* common styles */
 
-table.main td.headerBox {
-       background-image : url("images/vgrad_light_rev2.png");
-       background-position : top left;
-       background-repeat : repeat-x;
-}
-
-/*
-table.main td.header {
-       padding : 10px 10px 10px 30px;
-       height : 70px;
-} */
-
-table.main td.mainToolbar {
-       border-width : 0px 0px 0px 0px;
-       border-style : solid;
-       border-color : #c0c0c0;
-       padding : 3px 25px 3px 10px;
-}
-
-table.main td.prefsToolbar {
-       padding : 0px 5px 5px 0px;
-}
-
-table.main td.feeds {
-       width : 290px;
-       height : 100%;
-       border-width : 1px 0px 0px 0px;
-       border-style : solid;
-       border-color : #c0c0c0;
-       padding : 0px;
-}
-
-table.main td.headlinesToolbarBox {
-       padding : 10px;
-       border-width : 0px 0px 1px 1px;
-       border-style : solid;
-       border-color : #c0c0c0;
-       background-image : url("images/vgrad_light.png");
-       background-position : bottom left;
-       background-repeat : repeat-x;
-}
-
-table.main td.footer, table.main td.prefFooter {
-       border-width : 1px 0px 0px 0px;
-       border-style : solid;
-       border-color : #c0c0c0;
-       padding : 10px;
-       text-align : center;
-       font-size : x-small;
-       background-image : url("images/vgrad_light_rev2.png");
-       background-position : top left;
-       background-repeat : repeat-x;
-       color : gray;
-}
-
-table.main td.footer a {
-       color : gray;
-}
-
-table.main td.footer a:hover {
-       color : #5050aa;
-}
-
-table.main td.headlines {
-       height : 25%;
-       border-width : 0px 0px 1px 1px;
-       border-style : solid;
-       border-color : #c0c0c0;
-}
-
-table.main td.headlines2 {
-       height : 100%;
-       border-width : 0px 0px 0px 1px;
-       border-style : solid;
-       border-color : #c0c0c0;
-}
-
-table.main td.content {
-       height : 100%;
-       background-image : url("images/vgrad_light_rev.png");
-       background-position : top left;
-       background-repeat : repeat-x;
-       border-width : 0px 0px 0px 1px;
-       border-style : solid;
-       border-color : #c0c0c0;
-}
-
-table.main td.prefContent {
-       height : 100%;
-       background-image : url("images/vgrad_light_rev.png");
-       background-position : top left;
-       background-repeat : repeat-x;
-       border-width : 1px 0px 0px 0px;
-       border-style : solid;
-       border-color : #c0c0c0;
-       padding : 20px;
-}
-
 div.postReply {
        background-image : url("images/vgrad_light_rev.png");
        background-position : top left;
@@ -561,7 +463,7 @@ div.warning {
        border : 1px solid #c0c0c0;
        padding : 5px;
        margin : 5px;
-       font-size : x-small;
+       font-size : small;
 }
 
 div.notice {
@@ -569,7 +471,7 @@ div.notice {
        border : 1px solid #c0c0c0;
        padding : 5px;
        margin : 5px;
-       font-size : x-small;
+       font-size : small;
 }
 
 ul.nomarks {
@@ -918,7 +820,7 @@ div.cdmContent a:hover {
        right : 5px;
        height : 40px;
        color : gray;
-       font-size : x-small;
+       font-size : small;
 }
 
 #feeds-holder {
@@ -1005,3 +907,42 @@ div.headlines_cdm {
        margin-left : 1px;
        background-color : white;
 }
+
+/* preferences layout */
+
+#prefHeader {
+       margin : 10px;
+       color : gray;
+       font-size : small;
+}
+
+#prefTabs {
+       border-width : 0px 0px 1px 0px;
+       border-color : #c0c0c0;
+       border-style : solid;
+       border-collapse : collapse;
+       padding : 0px 10px 0px 10px;
+}
+
+#prefTabs div.return {
+       float : right;
+       font-size : small;
+}
+
+#prefTabs div.return a {
+       color : #5050aa;
+}
+
+#prefTabs div.return a:hover {
+       color : black;
+}
+
+#prefContent {
+       bottom : 20px;
+       padding : 1em;
+       min-height : 300px;
+       background-image : url("images/vgrad_light_rev.png");
+       background-position : top left;
+       background-repeat : repeat-x;
+       font-size : small;
+}
index 0b2d9de0004b42869d7adf2aea75203479ce4739..1206c64332ee08bdbc6d69430428ca5fab0bb0d6 100644 (file)
@@ -6,106 +6,6 @@ body {
        font-family : sans-serif;
 }
 
-/* common styles */
-
-table.main td.headerBox {
-/*        background-image : url("images/vgrad_light_rev2.png");
-       background-position : top left;
-       background-repeat : repeat-x; */
-                 background-color : white;
-}
-
-table.main td.header {
-       padding : 10px 10px 10px 10px;
-       height : 50px;
-}
-
-table.main td.mainToolbar {
-       border-width : 0px 0px 0px 0px;
-       border-style : solid;
-       border-color : #c0c0c0;
-       padding : 3px 25px 3px 10px;
-}
-
-table.main td.prefsToolbar {
-       padding : 0px 5px 5px 0px;
-}
-
-table.main td.feeds {
-       width : 290px;
-       height : 100%;
-       border-width : 1px 0px 0px 0px;
-       border-style : solid;
-       border-color : #88b0f0;
-       padding : 0px;
-}
-
-table.main td.headlinesToolbarBox {
-       padding : 10px;
-       border-width : 0px 0px 1px 1px;
-       border-style : solid;
-       border-color : #88b0f0;
-       background-image : url("images/toolbar.png");
-       background-position : bottom left;
-       background-repeat : repeat-x;
-       background-color : white;
-}
-
-table.main td.footer {
-       border-width : 1px 0px 0px 0px;
-       border-style : solid;
-       border-color : #88b0f0;
-       padding : 10px;
-       text-align : center;
-       font-size : x-small;
-       background-image : url("images/footer.png");
-       background-position : top left;
-       background-repeat : repeat-x; 
-       background-color : white;
-       color : gray;
-}
-
-table.main td.footer a {
-       color : gray;
-}
-
-table.main td.footer a:hover {
-       color : #4684ff;
-}
-
-table.main td.headlines {
-       height : 25%;
-       border-width : 0px 0px 1px 1px;
-       border-style : solid;
-       border-color : #88b0f0;
-}
-
-table.main td.headlines2 {
-       height : 100%;
-       border-width : 0px 0px 0px 1px;
-       border-style : solid;
-       border-color : #c0c0c0;
-}
-
-table.main td.content {
-       height : 100%;
-       border-width : 0px 0px 0px 1px;
-       border-style : solid;
-       border-color : #88b0f0;
-}
-
-table.main td.prefContent {
-       height : 100%;
-       background-image : url("images/prefs-content.png");
-       background-position : top left;
-       background-repeat : repeat-x;
-       border-width : 1px 0px 0px 0px;
-       border-style : solid;
-       border-color : #88b0f0;
-       padding : 20px;
-       background-color : white; 
-}
-
 div.postReply {
        padding : 10px;
 }
@@ -641,7 +541,7 @@ input.prefsTab {
        padding : 2px 7px 2px 7px;
        margin : 0px 1px 0px 0px;
        width : 130px;
-       font-size : x-small;
+       font-size : small;
        background-color : white;
 }
 
@@ -657,7 +557,7 @@ input.prefsTabSelected {
        font-weight : bold;
        background-position : top left;
        background-repeat : repeat-x;
-       font-size : x-small;
+       font-size : small;
 }
 
 
@@ -668,9 +568,9 @@ input.prefsTabSelected {
 div.warning {
        background : #fff7d5;
        border : 1px solid #d7c47a;
-       padding : 3px;
+       padding : 5px;
        margin : 5px;
-       font-size : x-small;
+       font-size : small;
 }
 
 div.notice {
@@ -678,7 +578,7 @@ div.notice {
        border : 1px solid #88b0f0;
        padding : 5px;
        margin : 5px;
-       font-size : x-small;
+       font-size : small;
 }
 
 ul.nomarks {
@@ -1368,3 +1268,46 @@ div.headlines_cdm {
        height : 280px;
        overflow : auto;
 }
+
+/* preferences layout */
+
+#prefHeader {
+       margin : 10px;
+       color : #4684ff;
+       font-size : small;
+}
+
+#prefTabs {
+       border-width : 0px 0px 1px 0px;
+       border-color : #88b0f0;
+       border-style : solid;
+       border-collapse : collapse;
+       padding : 0px 10px 0px 10px;
+}
+
+#prefTabs div.return {
+       float : right;
+       font-size : small;
+}
+
+#prefTabs div.return a {
+       color : #4684ff;
+}
+
+#prefTabs div.return a:hover {
+       color : black;
+}
+
+#prefTabs input {
+       vertical-align : bottom;
+}
+
+#prefContent {
+       bottom : 20px;
+       padding : 1em;
+       min-height : 300px;
+       background-image : url("images/prefs-content.png");
+       background-position : top left;
+       background-repeat : repeat-x;
+       font-size : small;
+}
index 2d5ad87e63a111389f99da15d560cbe0473e8b58..a323922b46f23b3e068e44263bac13db97c7fe9d 100644 (file)
@@ -115,7 +115,7 @@ window.onload = init;
                        (<a href="logout.php">Logout</a>)
                </div>
        <?php } ?>
-       <img src="<?php echo $theme_image_path ?>images/ttrss_logo.png" alt="Tiny Tiny RSS"   
+       <img src="<?php echo $theme_image_path ?>images/ttrss_logo.png" alt="Tiny Tiny RSS"/>   
 </div>
 
 <div id="feeds-holder">