From 3f59e8cdb1d0b54e934f6c99f9500afee36d0c57 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Sat, 30 Sep 2006 07:49:50 +0100 Subject: [PATCH] css layout for preferences --- prefs.php | 75 ++++++-------------- themes/compat/theme.css | 143 +++++++++++-------------------------- tt-rss.css | 153 +++++++++++++--------------------------- tt-rss.php | 2 +- 4 files changed, 112 insertions(+), 261 deletions(-) diff --git a/prefs.php b/prefs.php index 6fa837063..7ca10af35 100644 --- a/prefs.php +++ b/prefs.php @@ -17,6 +17,8 @@ $dt_add = get_script_dt_add(); ?> + Tiny Tiny RSS : Preferences @@ -85,45 +87,28 @@ window.onload = init; +
 
+

Fatal Error

Unknown Error
- - - - - - - - - - - - - - - - - - - - - -
- - - - -
- Tiny Tiny RSS - -
 
-
- - Hello, - (Logout) - -
-
-
 
-
 
- 		- +
+ +
Hello, (Logout) - -
+ + + Tiny Tiny RSS + + +
+
+ Exit preferences +
+ -
- -
+ -

Loading, please wait...

- -
- Tiny Tiny RSS v © 2005-2006 Andrew Dolgov - -
Running in demo mode, some functionality is disabled. - -
+
+

Loading, please wait...

+
diff --git a/themes/compat/theme.css b/themes/compat/theme.css index 40a437c59..331903507 100644 --- a/themes/compat/theme.css +++ b/themes/compat/theme.css @@ -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; +} diff --git a/tt-rss.css b/tt-rss.css index 0b2d9de00..1206c6433 100644 --- a/tt-rss.css +++ b/tt-rss.css @@ -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; +} diff --git a/tt-rss.php b/tt-rss.php index 2d5ad87e6..a323922b4 100644 --- a/tt-rss.php +++ b/tt-rss.php @@ -115,7 +115,7 @@ window.onload = init; (Logout) - Tiny Tiny RSS + Tiny Tiny RSS