graycube fixes

[tt-rss.git] / themes / graycube / theme.css

diff --git a/themes/graycube/theme.css b/themes/graycube/theme.css
index 29ac8bb9f6e0bd06a908ea22d984ca4c15d96bd8..f84f260b6926f3dbed07a20c80b4f458350d8b8e 100644 (file)
--- a/themes/graycube/theme.css
+++ b/themes/graycube/theme.css
@@ -2,24 +2,64 @@ body {
        background : #f6f6f6;
 }
 
+h3 {
+       border-color : #999999;
+}
+
 a:hover {
        color : gray;
 }
 
+div.cdmArticle {
+       border-color : #999999;
+       background : #f9f9f9;
+}
+
+div.cdmArticleUnread {
+       border-color : #999999;
+       background : white;
+}
+
+div.cdmArticleUnread div.cdmHeader {
+       background : transparent;
+       background-repeat : repeat-x;
+}
+
+
+div.cdmArticleSelected, div.cdmArticleUnreadSelected {
+       border-color : #999999;
+       background : #ffcccc;
+}
+
+div.cdmArticleUnread div.cdmHeader a.title, 
+div.cdmArticleUnreadSelected div.cdmHeader a.title {
+       color : black;
+}
+
+div.cdmHeader a:hover {
+       color : black;
+}
+
+.notify {
+       border-color : #999;
+       background-color : #f9f9f9;
+       color : black;
+       -moz-border-radius : 0px;
+}
+
 div.notice {
        background : #f9f9f9;
        border : 1px solid #999999;
 }
 
+div.warning {
+       background : #ffcccc;
+       border : 1px solid #ff0000;
+}
 
-table.headlinesSubToolbar td {
-       font-size : x-small;
-       color : gray;
-       padding : 5px 0px 5px 5px;
-       background-image : url("images/grad_1.png");
-       background-repeat : repeat-x;
-       background-position : bottom left;
-       background-color : #f3f3f2;
+
+ul.userFeedList, ul.browseFeedList, ul.labelTestResults {
+       border : 1px solid #999999;
 }
 
 div.postReply {
@@ -41,6 +81,7 @@ div.postReply div.postHeader {
        border-style : solid;
        border-color : #999999;
        border-width : 0px 0px 1px 0px;
+       margin : 0px;
 }
 
 div.postReply > div.postHeader {
@@ -49,71 +90,69 @@ div.postReply > div.postHeader {
 
 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
        .evenSelectedUnread td {
-       background-color : #fff7d5;
+       background-color : #ffcccc;
        font-weight : bold;
-       border-width : 1px 0px 1px 0px;
-       border-style : solid;
        border-color : #ebebeb;
 }
 
 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
        .oddSelectedUnread td {
-       background-color : #fff7d5;
+       background-color : #ffcccc;
        font-weight : bold;
+       border-color : #ebebeb;
+
 }
 
 .evenSelected, .evenSelected td {
-       background-color : #fff7d5;
-                 border-width : 1px 0px 1px 0px;
-                 border-style : solid;
-                 border-color : #ebebeb;
+       background-color : #ffcccc;
+       border-color : #ebebeb;
 }
 
-.oddSelected, .evenSelected td {
-       background-color : #fff7d5;
+.oddSelected, .oddSelected td {
+       background-color : #ffcccc;
+       border-color : #ebebeb;
 }
 
 .evenGrayed, .evenGrayed td {
-       background-color : white;
-       color : #909090;
-                 border-width : 1px 0px 1px 0px;
-                 border-style : solid;
-                 border-color : #ebebeb;
+       background-color : #f9f9f9;
+       color : gray;
+       border-color : #ebebeb;
+}
+
+.oddGrayed, .oddGrayed td {
+       border-color : #ebebeb;
 }
 
 .oddGrayed {
-       color : #909090;
+       color : gray;
+       background-color : #f9f9f9;
 }
 
 .even, .even td {
-                 border-width : 1px 0px 1px 0px;
-                 border-style : solid;
-                 border-color : #ebebeb;
+       border-color : #ebebeb;
        background-color : #f9f9f9;
 }
 
 .odd, .odd td {
        background-color : #f9f9f9;
+       border-color : #ebebeb;
 }
 
 .evenUnread, .evenUnread td {
        background-color : white;
        font-weight : bold;
-                 border-width : 1px 0px 1px 0px;
-                 border-style : solid;
-                 border-color : #ebebeb;
+       border-color : #ebebeb;
 }
 
 .oddUnread, .oddUnread td {
        font-weight : bold;
+       border-color : #ebebeb;
 }
 
 ul.feedList {
        list-style-type : none;
-       margin : 5px;
        padding : 0px 0px 0px 5px;
-       font-size : small;
-       white-space : nowrap;
+       font-size : 9pt;
 }
 
 ul.feedList hr {
@@ -124,16 +163,16 @@ ul.feedList li.feedCat {
        margin : 0px;
        padding : 1px 0px 1px 0px;
        color : #707070;
-       font-size : small;
+       font-size : 9pt;
 }
 
-ul.feedList li.feedCat a:hover {
+ul.feedList li.feedCat span.catTitle:hover {
        color : black;
 }
 
 ul.feedCatList {
        list-style-type : none;
-       margin : 0px 0px 0px 10px;
+       margin : 0px 0px 0px 15px;
        padding : 0px;  
 }
 
@@ -167,12 +206,16 @@ li.tagUnreadSelected a {
        color : gray;
 }
 
+div.prefFeedCatHolder {
+       border : 1px solid #999999;
+}
+
 table.prefFeedList td.feedEditCat {
-       font-weight : bold;
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
        border-color : #999999;
-       padding-top : 0.5em;
+}
+
+table.prefFilterList td.filterEditCat {
+       border-color : #999999;
 }
 
 tr.title td {
@@ -189,7 +232,7 @@ tr.title td a:hover {
 }
 
 span.contentPreview:hover {
-       color : black;
+       color : gray;
 }
 
 #dispSwitch a:hover {
@@ -200,9 +243,9 @@ span.contentPreview:hover {
        border-width : 0px 0px 1px 0px;
        border-style : solid;
        border-color : #999999;
-       background : #f9f9f9;
-       padding : 2px;
+       background : #ffcccc;
        color : black;
+       text-shadow : #ffffff 0px 1px 0px;
 }
 
 
@@ -210,12 +253,19 @@ span.contentPreview:hover {
        border-width : 1px 1px 1px 1px;
        border-style : solid;
        border-color : #999999;
-       font-size : small;
        position : relative;
        bottom : 2px;
        right : 2px;
        padding-bottom : 5px;   
-       background : white;
+       background : #efefef;
+}
+
+div.infoBoxContents a {
+       color : gray;
+}
+
+div.infoBoxContents a:hover {
+       color : black;
 }
 
 #header {
@@ -226,7 +276,6 @@ span.contentPreview:hover {
        right : 20px;
        height : 40px;
        color : gray;
-       font-size : small;
 }
 
 #feeds-holder {
@@ -243,6 +292,10 @@ span.contentPreview:hover {
        background : #f9f9f9;
 }
 
+#toolbar div.actionChooser {
+       margin-right : 0px;
+}
+
 #toolbar {
        position : absolute;
        left : 280px;
@@ -267,21 +320,19 @@ div.headlines_normal {
        right : 20px;
        overflow : hidden;
        background : white;
-       font-size : small;
        border-collapse : collapse;
 }
 
 div.headlines_cdm {
        position : absolute;
-       border-width : 1px 1px 1px 0px;
+       border-width : 1px 1px 1px 1px;
        border-style : solid;
        border-color : #999;
        left : 280px;
        bottom : 30px;
        top : 85px;
        right : 20px;
-       overflow : auto;
-       font-size : small;
+       overflow : hidden;
        background : white;
        border-collapse : collapse;
 }
@@ -307,7 +358,6 @@ div.headlines_cdm {
        bottom : 5px;
        text-align : center;
        color : gray;
-       font-size : x-small;
        right : 0px;
        left : 0px;
        padding : 0px;
@@ -320,7 +370,7 @@ div.headlines_cdm {
 }
 
 #headlinesContainer {
-       margin-left : 1px;
+       margin-left : 0px;
        background-color : white;
 }
 
@@ -329,12 +379,15 @@ div.headlines_cdm {
        border-style : solid;
        border-color : #c0c0c0;
        background-color : #fafafa; */
-       font-size : x-small;
 }
 
 #headlinesInnerContainer {
-       height : 280px;
        overflow : auto;
+       position : absolute;
+       left : 1px;
+       right : 0px;
+       bottom : 0px;
+       top : 25px; 
 }
 
 div.firstTab {
@@ -356,12 +409,10 @@ div.prefsTabSelected {
 #prefHeader {
        margin : 10px 10px 10px 25px;
        color : gray;
-       font-size : small;
 }
 
 div.return {
        float : right;
-       font-size : small;
        margin-right : 10px;
 }
 
@@ -373,7 +424,7 @@ div.return a:hover {
        color : gray;
 }
 
-#prefContent {
+#prefContentOuter {
        clear : left;
        position : absolute;
        bottom : 30px;
@@ -384,9 +435,93 @@ div.return a:hover {
        padding : 1em;
        margin : 0px;
        background : white;
-       font-size : small;
        border-width : 1px 1px 1px 1px;
        border-color : #999999;
        border-style : solid;
+}
+
+#prefContent {
+       background : white;
+
+}
+
+.insensitive a {
+       color : gray;
+       text-decoration : underline;
+}
+
+.insensitive a:hover {
+       color : black;
+}
 
+div.topLinks a {
+       color : black;
+}
+
+div.topLinks a:hover {
+       color : gray;
 }
+
+a.visibleLink {
+       color : gray;
+}
+
+table.prefFilterList tr.even:hover td, 
+table.prefFilterList tr.odd:hover td,
+table.prefFilterList tr.evenSelected:hover td, 
+table.prefFilterList tr.oddSelected:hover td 
+table.prefLabelList tr.even:hover td, 
+table.prefLabelList tr.odd:hover td,
+table.prefLabelList tr.evenSelected:hover td, 
+table.prefLabelList tr.oddSelected:hover td,
+table.prefUserList tr.even:hover td, 
+table.prefUserList tr.odd:hover td,
+table.prefUserList tr.evenSelected:hover td, 
+table.prefUserList tr.oddSelected:hover td,
+table.prefFeedList tr.even:hover td, 
+table.prefFeedList tr.odd:hover td,
+table.prefFeedList tr.evenSelected:hover td, 
+table.prefFeedList tr.oddSelected:hover td
+{
+       color : gray;
+}
+
+table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
+       color : gray;
+}
+
+table.headlinesList tr.feedTitle td {
+       background : #efefef;
+}
+
+div.cdmFeedTitle {
+       background : #efefef;
+}
+
+div.tagCloudContainer {
+       border : 1px solid #999999;
+}
+
+#resize-grabber {
+       border-color : gray;
+       background : url("images/resize_horiz.png") top left;
+}
+
+table.prefPrefsList tr:hover td.prefValue {
+       color : gray;
+}
+
+table.prefPrefsList tr:hover td.prefValue input {
+       color : gray;
+}
+
+ul#headlineActionsBody li:hover {
+       color : black;
+       background : #ffcccc;
+}
+
+span#headlineActionsDrop {
+       background : #f0f0f0;
+       color : black;
+}
+