From 430bf183c5d633b29065333c0f878c6cf67d4547 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 16 Nov 2005 10:20:11 +0100 Subject: [PATCH] rework compact stylesheet support --- backend.php | 26 ++- tt-rss.php | 13 +- tt-rss_compact.css | 486 ++------------------------------------------- 3 files changed, 40 insertions(+), 485 deletions(-) diff --git a/backend.php b/backend.php index 2ed2f9266..3a1550908 100644 --- a/backend.php +++ b/backend.php @@ -133,8 +133,17 @@ print " Tiny Tiny RSS : Feedlist - - + "; + + if (USE_COMPACT_STYLESHEET) { + print ""; + } else { + print ""; + } + + print " "; @@ -482,8 +491,17 @@ if ($addheader) { print " Tiny Tiny RSS : Feed $feed - - + "; + + if (USE_COMPACT_STYLESHEET) { + print ""; + + } else { + print ""; + } + print " "; diff --git a/tt-rss.php b/tt-rss.php index edd4099a9..2d29d4455 100644 --- a/tt-rss.php +++ b/tt-rss.php @@ -5,19 +5,16 @@ Tiny Tiny RSS + + - - - + - - - + diff --git a/tt-rss_compact.css b/tt-rss_compact.css index 844248592..c99ccc877 100644 --- a/tt-rss_compact.css +++ b/tt-rss_compact.css @@ -1,506 +1,46 @@ +/* only overrides go here */ + body { - background : white; - color : black; - margin : 0px; - padding : 0px; - font-family : sans-serif; + font-size : 8pt; } -/* common styles */ - table.main td.header { - padding : 5px 5px 5px 5px; + padding : 5px; height : 20px; - font-size : 10pt; - font-weight : bold; - background-image : url("images/vgrad_light_rev2.png"); - background-position : top left; - background-repeat : repeat-x; -} - -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 { - border-width : 0px 0px 0px 0px; - border-style : solid; - border-color : #c0c0c0; - padding : 3px 25px 15px 10px; + border-width : 0px; } -table.main td.feeds { - width : 300px; - height : 100%; - border-width : 1px 0px 0px 0px; - border-style : solid; - border-color : #c0c0c0; - padding : 0px; - font-size:9pt; -} - -table.main td.headlinesToolbarBox td,table.main td.headlinesToolbarBox td input ,table.main td.headlinesToolbarBox td select { -font-size:8pt; +table.headlinesList { + font-size : small; } table.main td.headlinesToolbarBox { padding : 0px; - 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; - font-size:8pt; -} - -table.main td.footer { - border-width : 1px 0px 0px 0px; - border-style : solid; - border-color : #c0c0c0; - padding : 10px; - text-align : center; - font-size : 8pt; - background-image : url("images/vgrad_light_rev2.png"); - background-position : top left; - background-repeat : repeat-x; - color : gray; } table.main td.footer { - height:10px; - font-size:6pt; - } - -table.main td.footer a { - color : gray; -} - -table.main td.footer a:hover { - color : #5050aa; + height : 5px; + font-size : x-small; } table.main td.headlines { height : 20%; - border-width : 0px 0px 1px 1px; - border-style : solid; - border-color : #c0c0c0; - font-size:8pt; -} - -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; - font-size:9pt; -} - -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; - background-repeat : repeat-x; - height : 100%; - padding : 10px; -} - -div.postReply a { - color : #5050aa; -} - -div.postReply a:hover { - color : black; -} - -div.postReply div.postHeader { - background : white; - border : 1px solid #c0c0c0; - padding : 5px; - font-size:9pt; - -} - -div.postContent,div.postReply table td,div.postHeader table td { -font-size:9pt; -} - -div.postReply div.postContent { - padding : 10px; - font-size:9pt; -} - -div.postReply div.postIcon { - float : right; - border : 0px; - margin : 10px 0px 10px 10px; + font-size : x-small; } ul.feedList { - list-style-type : none; - margin : 0px; - padding : 10px; - font-size: 10px; -} - -ul.feedList li { - margin : 2px; -} - -ul.feedList li.oddSelected, ul.feedList li.evenSelected, - li.oddUnreadSelected, li.evenUnreadSelected, li.evenSelectedUnread, - li.oddSelectedUnread { - background-color : white; - font-size:9pt; -} - -li.oddSelected a, li.evenSelected a, - li.oddUnreadSelected a, li.evenUnreadSelected a { - color : #5050aa; - font-size:8pt; -} - -ul.feedList li.even, li.odd { - display : block; -} - -ul.feedList img { - margin : 0px 3px 0px 0px; - width : 16px; - height : 16px; -} - -h1 { - font-size : 12pt; -} - -h2 { - font-size : 10pt; - font-color : bold; - border-width : 0px 0px 1px 0px; - border-style : solid; - border-color : #e0e0e0; -} - -h3 { - font-size : 12pt; - font-weight : bold; - border-width : 0px 0px 1px 0px; - border-style : solid; - border-color : #e0e0e0; -} - -hr { - border-width : 0px 0px 1px 0px; - border-style : dashed; - border-color : #e0e0e0; -} - -a { - color : black; - text-decoration : none; -} - -a:hover { - color : #5050aa; -} - -#piggie { - width : 400; - height : 400; - left : 50; - background-color : white; - display : none; - z-index : 3; - background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png"); - background-position : center center; - background-repeat : no-repeat; - position : absolute; - border : 1px solid pink; - margin-left : auto; - margin-right : auto; - -moz-border-radius : 10px; - opacity : 0.8; -} - -#iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr { - width : 100%; - padding-left : 2px; -} - -#notify { - font-size : 10pt; - text-align : right; - color : gray; - border-style : solid; - border-width : 0px 0px 1px 1px; - border-color : #e0e0e0; - background-color : white; - padding : 3px; - width : 350px; -} - - -#dispSwitch { - text-align : right; - padding : 5px 5px 5px 0px; font-size : x-small; -} - -#dispSwitch a { - color : gray; -} - -#dispSwitch a:hover { - color : #5050aa; -} - -div.expPane { - margin : 15px; -} - -iframe { - border : 0px solid white; -} - -iframe.feedsFrame { - width : 100%; - height : 87%; - margin : 0px; - padding : 0px; -} - -iframe.contentFrame, iframe.headlinesFrame { - width : 100%; padding : 0px; margin : 0px; - height : 100%; -} - -.button { - border : 1px solid #d0d0d0; - background-image : url("images/button.png"); - background-position : top; - background-repeat : repeat-x; - background-color : white; - color : black; - font-size: 8pt; -} - -.button:hover { - background : white; - text-decoration : none; - color : black; -} - -a.button { - padding : 2px 5px 2px 5px; - font-size : 8pt; -} - -.evenUnreadSelected, .evenSelectedUnread { - background-color : #e0e0ff; - font-weight : bold; -} - -.oddUnreadSelected, .oddSelectedUnread { - background-color : #e0e0ff; - font-weight : bold; -} - -.evenSelected { - background-color : #e0e0ff; -} - -.oddSelected { - background-color : #e0e0ff; -} - -.feedUnreadSelected, .feedSelectedUnread, -.virtUnreadSelected, .virtSelectedUnread, -.labelUnreadSelected, .labelSelectedUnread { - background-color : #e0e0ff; - font-weight : bold; -} - -.feedUnread, .labelUnread, .virtUnread { - font-weight : bold; } - -.disabledButton { - border : 1px solid #c0c0c0; - background-color : white; - color : gray; -} - -.evenGrayed { - background-color : #f0f0f0; - color : #909090; -} - -.oddGrayed { - color : #909090; -} - -.even { - background-color : #f0f0f0; -} - -.evenUnread td,.oddUnread td,.evenSelected td,.oddSelected td,.odd td,.even td{ - font-size:8pt; -} - -.evenUnread { - background-color : #f0f0f0; - font-weight : bold; -} - -.oddUnread { - font-weight : bold; -} - -.invisible { - display : none; -} - -input { - border : 1px solid #a0a0a0; -} - -/* preferences */ - -table.prefAddFeed td { - padding : 2px; -} - -table.prefAddFeed input { - width : 250px; -} - -table.prefFeedList tr.title td, table.prefFilterList tr.title td, - table.headlinesList tr.title td, table.prefLabelList tr.title td { - font-weight : bold; - border-width : 0px 0px 1px 0px; - border-color : #f0f0f0; - border-style : solid; - font-size:9pt; -} - -a.helpLink { - color : #808080; -} - -a.helpLink:hover { - color : #5050aa; -} - -div.helpResponse { - margin : 10px; - background-image : url("images/vgrad_light_rev2.png"); - background-position : top left; - background-repeat : repeat-x; - padding : 10px 20px 10px 20px; - border : 1px solid #f0f0f0; -} - -div.helpResponse h1 { - border-width : 0px 0px 1px 0px; - border-style : solid; - border-color : #c0c0c0; - font-size : 16pt; -} - -div.helpResponse h2 { - border-width : 0px 0px 0px 0px; - font-size : 12pt; - -} - -pre { - border : 1px solid #c0c0c0; - padding : 5px; - background : #f0f0f0; -} - -#userDlg { - left : 400px; - top : 18px; - background : #fffff0; - z-index : 3; - position : absolute; - border : 1px solid #c0c0c0; - padding : 10px; - display : none; -} - -#qafInput { - width : 300px; -} - -input.extSearch { - width : 200px; -} - -table.main td.prefsTabs { - padding-left : 15px; -} - -input.prefsTab { - border-width : 1px 1px 0px 1px; - border-color : #c0c0c0; - padding : 2px 7px 2px 7px; - margin : 0px 1px 0px 0px; - width : 150px; - background-image : url("images/vgrad_light_rev2.png"); - background-position : top left; - background-repeat : repeat-x; -} - -input.prefsTabSelected { - border-width : 1px 1px 0px 1px; - border-color : #c0c0c0; - padding : 2px 7px 2px 7px; - margin : 0px 1px 0px 0px; - width : 150px; - background : white; - font-weight : bold; - background-position : top left; - background-repeat : repeat-x; -} - - -input.prefsTab:hover { - background : white; -} - -div.warning { - background : #fffff0; - border : 1px solid #c0c0c0; - padding : 5px; - margin : 5px; +ul.feedList li { font-size : x-small; } -ul.nomarks { - list-style-type : none; - margin : 0px; - padding : 10px; +table.main td.feeds { + width : 250px; } -