rework compact stylesheet support

author: Andrew Dolgov <[email protected]> 2005-11-16 10:20:11 +0100
committer: Andrew Dolgov <[email protected]> 2005-11-16 10:20:11 +0100
commit: 430bf183c5d633b29065333c0f878c6cf67d4547 (patch)
tree: 2ebdb2a685f1b3cbfd1710a241b46feda335a845
parent: 13bb6bbe352a839e51ebe737c3b59dca25ed35ba (diff)
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 "<html><head>
 			<title>Tiny Tiny RSS : Feedlist</title>
-			<link rel=\"stylesheet\" href=\"tt-rss.css\" type=\"text/css\">
-			<script type=\"text/javascript\" src=\"functions.js\"></script>
+			<link rel=\"stylesheet\" href=\"tt-rss.css\" type=\"text/css\">";
+
+		if (USE_COMPACT_STYLESHEET) {
+			print "<link rel=\"stylesheet\" type=\"text/css\" 
+				href=\"tt-rss_compact.css\"/>";
+		} else {
+			print "<link title=\"Compact Stylesheet\" rel=\"alternate stylesheet\" 
+					type=\"text/css\" href=\"tt-rss_compact.css\"/>";
+		}
+
+		print "<script type=\"text/javascript\" src=\"functions.js\"></script>
 			<script type=\"text/javascript\" src=\"feedlist.js\"></script>
 			<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\">
 			</head><body onload=\"init()\">";
@@ -482,8 +491,17 @@
 		if ($addheader) {
 			print "<html><head>
 				<title>Tiny Tiny RSS : Feed $feed</title>
-				<link rel=\"stylesheet\" href=\"tt-rss.css\" type=\"text/css\">
-				<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\">
+				<link rel=\"stylesheet\" href=\"tt-rss.css\" type=\"text/css\">";
+
+			if (USE_COMPACT_STYLESHEET) {
+				print "<link rel=\"stylesheet\" 
+						type=\"text/css\" href=\"tt-rss_compact.css\"/>";
+
+			} else {
+				print "<link title=\"Compact Stylesheet\" rel=\"alternate stylesheet\" 
+						type=\"text/css\" href=\"tt-rss_compact.css\"/>";
+			}
+			print "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\">	
 				<script type=\"text/javascript\" src=\"functions.js\"></script>
 				<script type=\"text/javascript\" src=\"viewfeed.js\"></script>
 				</head><body onload='init()'>";
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 @@
 <head>
 	<title>Tiny Tiny RSS</title>
 
+	<link rel="stylesheet" type="text/css" href="tt-rss.css">
+
 	<? if (USE_COMPACT_STYLESHEET) { ?>
 
-	<link rel="stylesheet" href="tt-rss_compact.css" type="text/css">
-		
-	<link rel="alternate stylesheet" title="Normal Stylesheet" 
-		type="text/css" href="tt-rss.css">
+		<link rel="stylesheet" href="tt-rss_compact.css" type="text/css">
 
 	<? } else { ?>
 
-	<link	rel="stylesheet" href="tt-rss.css" type="text/css">
-	
-	<link title="Compact Stylesheet" rel="alternate stylesheet" 
-		type="text/css" href="tt-rss_compact.css"/> 
+		<link title="Compact Stylesheet" rel="alternate stylesheet" 
+			type="text/css" href="tt-rss_compact.css"/> 
 
 	<? } ?>
 
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;
 }
-
author	Andrew Dolgov <[email protected]>	2005-11-16 10:20:11 +0100
committer	Andrew Dolgov <[email protected]>	2005-11-16 10:20:11 +0100
commit	430bf183c5d633b29065333c0f878c6cf67d4547 (patch)
tree	2ebdb2a685f1b3cbfd1710a241b46feda335a845
parent	13bb6bbe352a839e51ebe737c3b59dca25ed35ba (diff)