highlight option under mouse cursor in preferences

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

diff --git a/themes/graycube/theme.css b/themes/graycube/theme.css
index 1df3502ad567263d81ddde4b6f6dd0083a91c323..b7d0ac8b6c9045d4bcf8c82604edb3789b4c8c4b 100644 (file)
--- a/themes/graycube/theme.css
+++ b/themes/graycube/theme.css
@@ -6,6 +6,39 @@ a:hover {
        color : gray;
 }
 
+div.cdmArticle {
+       border-width : 0px 0px 1px 0px;
+       border-color : #999999;
+       margin : 0px;
+       background : #f9f9f9;
+       -moz-border-radius : 0px;
+}
+
+div.cdmArticleUnread {
+       border-width : 0px 0px 1px 0px;
+       border-color : #999999;
+       margin : 0px;
+       background : white;
+       -moz-border-radius : 0px;
+}
+
+div.cdmArticleSelected, div.cdmArticleUnreadSelected {
+       border-width : 0px 0px 1px 0px;
+       border-color : #999999;
+       margin : 0px;
+       background : #ffcccc;
+       -moz-border-radius : 0px;
+}
+
+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,14 +51,18 @@ div.notice {
        border : 1px solid #999999;
 }
 
-ul.userFeedList, ul.browseFeedList {
+div.warning {
+       background : #ffcccc;
+       border : 1px solid #ff0000;
+}
+
+
+ul.userFeedList, ul.browseFeedList, ul.labelTestResults {
        border : 1px solid #999999;
 }
 
 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;
@@ -51,6 +88,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 +99,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 +106,61 @@ 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,7 +171,7 @@ 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 {
@@ -177,12 +214,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 {
@@ -211,7 +252,6 @@ span.contentPreview:hover {
        border-style : solid;
        border-color : #999999;
        background : #f9f9f9;
-       padding : 2px;
        color : black;
 }
 
@@ -220,12 +260,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 +283,6 @@ span.contentPreview:hover {
        right : 20px;
        height : 40px;
        color : gray;
-       font-size : small;
 }
 
 #feeds-holder {
@@ -277,21 +323,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 +361,6 @@ div.headlines_cdm {
        bottom : 5px;
        text-align : center;
        color : gray;
-       font-size : x-small;
        right : 0px;
        left : 0px;
        padding : 0px;
@@ -339,12 +382,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 +412,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 +427,7 @@ div.return a:hover {
        color : gray;
 }
 
-#prefContent {
+#prefContentOuter {
        clear : left;
        position : absolute;
        bottom : 30px;
@@ -394,10 +438,87 @@ 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;
+
+}
+
+ul.headlineDropdownMenu ul li:hover {
+       color : black;
+}
+
+.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;
 }