graycube fixes

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

diff --git a/themes/graycube/theme.css b/themes/graycube/theme.css
index 1df3502ad567263d81ddde4b6f6dd0083a91c323..f84f260b6926f3dbed07a20c80b4f458350d8b8e 100644 (file)
--- a/themes/graycube/theme.css
+++ b/themes/graycube/theme.css
@@ -2,10 +2,44 @@ 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;
@@ -18,18 +52,14 @@ div.notice {
        border : 1px solid #999999;
 }
 
-ul.userFeedList, ul.browseFeedList {
-       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 {
@@ -51,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 {
@@ -61,8 +92,6 @@ div.postReply > div.postHeader {
        .evenSelectedUnread td {
        background-color : #ffcccc;
        font-weight : bold;
-       border-width : 1px 0px 1px 0px;
-       border-style : solid;
        border-color : #ebebeb;
 }
 
@@ -70,60 +99,60 @@ div.postReply > div.postHeader {
        .oddSelectedUnread td {
        background-color : #ffcccc;
        font-weight : bold;
+       border-color : #ebebeb;
+
 }
 
 .evenSelected, .evenSelected td {
        background-color : #ffcccc;
-                 border-width : 1px 0px 1px 0px;
-                 border-style : solid;
-                 border-color : #ebebeb;
+       border-color : #ebebeb;
 }
 
-.oddSelected, .evenSelected td {
+.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 {
@@ -134,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;  
 }
 
@@ -177,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 {
@@ -210,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;
 }
 
 
@@ -220,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 {
@@ -236,7 +276,6 @@ span.contentPreview:hover {
        right : 20px;
        height : 40px;
        color : gray;
-       font-size : small;
 }
 
 #feeds-holder {
@@ -253,6 +292,10 @@ span.contentPreview:hover {
        background : #f9f9f9;
 }
 
+#toolbar div.actionChooser {
+       margin-right : 0px;
+}
+
 #toolbar {
        position : absolute;
        left : 280px;
@@ -277,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;
 }
@@ -317,7 +358,6 @@ div.headlines_cdm {
        bottom : 5px;
        text-align : center;
        color : gray;
-       font-size : x-small;
        right : 0px;
        left : 0px;
        padding : 0px;
@@ -339,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 {
@@ -366,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;
 }
 
@@ -383,7 +424,7 @@ div.return a:hover {
        color : gray;
 }
 
-#prefContent {
+#prefContentOuter {
        clear : left;
        position : absolute;
        bottom : 30px;
@@ -394,10 +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;
 }