]> git.wh0rd.org Git - tt-rss.git/commitdiff
rework compact stylesheet support
authorAndrew Dolgov <fox@madoka.spb.ru>
Wed, 16 Nov 2005 09:20:11 +0000 (10:20 +0100)
committerAndrew Dolgov <fox@madoka.spb.ru>
Wed, 16 Nov 2005 09:20:11 +0000 (10:20 +0100)
backend.php
tt-rss.php
tt-rss_compact.css

index 2ed2f926640ac9a4b7e0e90d7ec7b986ee91b18f..3a15509081b06bd9487238e0b77b192204249887 100644 (file)
 
                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()\">";
                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()'>";
index edd4099a9eb11ccf21b350624faf607a8f15cf2e..2d29d4455a9279d0ea11e2646c8b131995d21d54 100644 (file)
@@ -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"/> 
 
        <? } ?>
 
index 844248592ba43f96e402f32405dd9f76669d32da..c99ccc8776de9f8a706ff80c83b61e48ce6d52fe 100644 (file)
+/* 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;
 }
-