more mobile prototyping

[tt-rss.git] / mobile / mobile.css

diff --git a/mobile/mobile.css b/mobile/mobile.css
index 736518b9e5d7bc807247e6d8eeb75164f1eccd80..5493e1a47ad3060a3bebbd9d8fa7a5313e8de8cf 100644 (file)
--- a/mobile/mobile.css
+++ b/mobile/mobile.css
@@ -24,50 +24,32 @@ input {
 }
 
 #opsel {
-       float : right;
        margin-top : 3px;
 }
 
-#content {
-
+#heading {
+       padding : 2px;
 }
 
-#footer {
+#content {
        border-width : 1px 0px 0px 0px;
        border-style : solid;
        border-color : #c0c0c0;
-       text-align : center;
-       font-size : x-small;
-       background-color : white;
-       color : gray;
-}
-
-/*
-table.main td.heading {
-       font-weight : bold;
-}
-
-table.main td.content {
        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;
 }
 
-table.main td.footer {
+#footer {
        border-width : 1px 0px 0px 0px;
        border-style : solid;
        border-color : #c0c0c0;
        text-align : center;
        font-size : x-small;
-       background-image : url("images/vgrad_light_rev2.png");
-       background-position : top left;
-       background-repeat : repeat-x;
+       background-color : white;
        color : gray;
+       padding : 2px;
 }
-*/
 
 form {
        padding : 0px;
@@ -133,3 +115,29 @@ ul.feedList img, img.tinyFeedIcon {
        border-width : 0px;
 }
 
+ul.feedlist li.feedUnread, 
+ul.feedlist li.errorUnread, 
+ul.feedlist li.labelUnread, 
+ul.feedlist li.virtUnread,
+ul.feedlist li.tagUnread {
+       font-weight : bold;
+}
+
+.even {
+       background-color : #f0f0f0;
+}
+
+.evenUnread {
+       background-color : #f0f0f0;
+       font-weight : bold;
+}
+
+.oddUnread {
+       font-weight : bold;
+}
+
+.invisible {
+       display : none;
+}
+
+