diff options
author | Andrew Dolgov <[email protected]> | 2005-10-16 05:51:09 +0100 |
---|---|---|
committer | Andrew Dolgov <[email protected]> | 2005-10-16 05:51:09 +0100 |
commit | da5d0d09dae48a39fc44fe0ca97d6cb18f0a3f1b (patch) | |
tree | 0340ed79a1b2462f69c4bcd2271c4c56b3deaacc | |
parent | fe2f1970868b8b9935ecba7ea0469dc5b01f7bb5 (diff) |
options to disable header/footer and to select more compact stylesheet (included as tt-rss_compact.css)
-rw-r--r-- | config.php-dist | 11 | ||||
-rw-r--r-- | images/ttrss_logo_small.png | bin | 0 -> 3508 bytes | |||
-rw-r--r-- | prefs.php | 4 | ||||
-rw-r--r-- | tt-rss.php | 28 | ||||
-rw-r--r-- | tt-rss_compact.css | 377 |
5 files changed, 416 insertions, 4 deletions
diff --git a/config.php-dist b/config.php-dist index f56fb6dc9..2da53f433 100644 --- a/config.php-dist +++ b/config.php-dist @@ -32,5 +32,16 @@ define(MIN_UPDATE_INTERVAL, 30); // min. interval between feed updates, minutes + + define(DISPLAY_HEADER, true); + // enable/disable the display of the header graphic + + define(DISPLAY_FOOTER, true); + // enable/disable the display of the footer + + define(USE_COMPACT_STYLESHEET, false); + // use stylesheet with more compact layout (if combined with two previous + // options may improve UI on small screens) + ?> diff --git a/images/ttrss_logo_small.png b/images/ttrss_logo_small.png Binary files differnew file mode 100644 index 000000000..ec6cb9f42 --- /dev/null +++ b/images/ttrss_logo_small.png @@ -16,11 +16,13 @@ <? require_once "config.php" ?> <table width="100%" height="100%" cellspacing="0" cellpadding="0" class="main"> +<? if (DISPLAY_HEADER) { ?> <tr> <td class="header" valign="middle"> <img src="images/ttrss_logo.png" alt="logo"> </td> </tr> +<? } ?> <tr> <td class="prefsToolbar" valign="middle"> @@ -74,6 +76,7 @@ </td> </tr> +<? if (DISPLAY_FOOTER) { ?> <tr> <td class="footer"> <a href="http://bah.spb.su/~fox/tt-rss/">Tiny-Tiny RSS</a> v<?= VERSION ?> © 2005 Andrew Dolgov @@ -82,6 +85,7 @@ <? } ?> </td> </td> +<? } ?> </table> diff --git a/tt-rss.php b/tt-rss.php index 89ff40762..96261bb66 100644 --- a/tt-rss.php +++ b/tt-rss.php @@ -1,7 +1,26 @@ +<? require_once "version.php" ?> +<? require_once "config.php" ?> + <html> <head> <title>Tiny Tiny RSS</title> - <link rel="stylesheet" href="tt-rss.css" type="text/css"> + + <? if (USE_COMPACT_STYLESHEET) { ?> + + <link title="Compact Stylesheet" + rel="stylesheet" href="tt-rss_compact.css" type="text/css"> + <link title="Normal Stylesheet" rel="alternate stylesheet" + type="text/css" href="tt-rss.css"/> + + <? } else { ?> + + <link title="Normal Stylesheet" + rel="stylesheet" href="tt-rss.css" type="text/css"> + <link title="Compact Stylesheet" rel="alternate stylesheet" + type="text/css" href="tt-rss_compact.css"/> + + <? } ?> + <script type="text/javascript" src="functions.js"></script> <script type="text/javascript" src="tt-rss.js"></script> <!--[if gte IE 5.5000]> @@ -10,17 +29,16 @@ <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> -<? require_once "version.php" ?> -<? require_once "config.php" ?> - <body onload="init()"> <table width="100%" height="100%" cellspacing=0 cellpadding=0 class="main"> +<? if (DISPLAY_HEADER) { ?> <tr> <td class="header" valign="middle" colspan="2"> <img src="images/ttrss_logo.png" alt="logo"> </td> </tr> +<? } ?> <tr> <td class="mainToolbar" colspan="2"> @@ -118,6 +136,7 @@ id="content-frame" class="contentFrame"> </iframe> </td> </tr> +<? if (DISPLAY_FOOTER) { ?> <tr> <td colspan="2" class="footer"> <a href="http://bah.spb.su/~fox/tt-rss/">Tiny-Tiny RSS</a> v<?= VERSION ?> © 2005 Andrew Dolgov @@ -126,6 +145,7 @@ <? } ?> </td> </td> +<? } ?> </table> diff --git a/tt-rss_compact.css b/tt-rss_compact.css new file mode 100644 index 000000000..c8507da5f --- /dev/null +++ b/tt-rss_compact.css @@ -0,0 +1,377 @@ +body { + background : white; + color : black; + margin : 0px; + padding : 0px; + font-family : sans-serif; +} + +/* common styles */ + +table.main td.header { + padding : 5px 5px 5px 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; +} + +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.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; +} + +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; +} + +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 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; +} + +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-weight : bold; + font-size : 10pt; + display : none; + width : 350px; + color : gray; + font-size:8pt; +} + +#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; +} + +.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; +} + |