$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>
<ul id="debug_output"></ul>
+<div id="notify" class="notify"><span id="notify_body"> </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"> </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"> </span></div>
- <div id="userDlgShadow"><div id="userDlg"> </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"
<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 ?> © 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); ?>
/* 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;
border : 1px solid #c0c0c0;
padding : 5px;
margin : 5px;
- font-size : x-small;
+ font-size : small;
}
div.notice {
border : 1px solid #c0c0c0;
padding : 5px;
margin : 5px;
- font-size : x-small;
+ font-size : small;
}
ul.nomarks {
right : 5px;
height : 40px;
color : gray;
- font-size : x-small;
+ font-size : small;
}
#feeds-holder {
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;
+}
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;
}
padding : 2px 7px 2px 7px;
margin : 0px 1px 0px 0px;
width : 130px;
- font-size : x-small;
+ font-size : small;
background-color : white;
}
font-weight : bold;
background-position : top left;
background-repeat : repeat-x;
- font-size : x-small;
+ font-size : small;
}
div.warning {
background : #fff7d5;
border : 1px solid #d7c47a;
- padding : 3px;
+ padding : 5px;
margin : 5px;
- font-size : x-small;
+ font-size : small;
}
div.notice {
border : 1px solid #88b0f0;
padding : 5px;
margin : 5px;
- font-size : x-small;
+ font-size : small;
}
ul.nomarks {
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;
+}
(<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">