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 9da232274ef5fca043d4ad548f67ec63df9b4aa5..b7d0ac8b6c9045d4bcf8c82604edb3789b4c8c4b 100644 (file)
--- a/themes/graycube/theme.css
+++ b/themes/graycube/theme.css
@@ -10,7 +10,6 @@ div.cdmArticle {
        border-width : 0px 0px 1px 0px;
        border-color : #999999;
        margin : 0px;
-       padding : 10px;
        background : #f9f9f9;
        -moz-border-radius : 0px;
 }
@@ -19,7 +18,6 @@ div.cdmArticleUnread {
        border-width : 0px 0px 1px 0px;
        border-color : #999999;
        margin : 0px;
-       padding : 10px;
        background : white;
        -moz-border-radius : 0px;
 }
@@ -28,7 +26,6 @@ div.cdmArticleSelected, div.cdmArticleUnreadSelected {
        border-width : 0px 0px 1px 0px;
        border-color : #999999;
        margin : 0px;
-       padding : 10px;
        background : #ffcccc;
        -moz-border-radius : 0px;
 }
@@ -65,7 +62,6 @@ ul.userFeedList, ul.browseFeedList, ul.labelTestResults {
 }
 
 table.headlinesSubToolbar td {
-       font-size : x-small;
        color : gray;
        background-image : url("images/grad_1.png");
        background-repeat : repeat-x;
@@ -92,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 {
@@ -102,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;
 }
 
@@ -111,24 +106,27 @@ 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 : #f9f9f9;
        color : gray;
-       border-width : 1px 0px 1px 0px;
-       border-style : solid;
+       border-color : #ebebeb;
+}
+
+.oddGrayed, .oddGrayed td {
        border-color : #ebebeb;
 }
 
@@ -138,34 +136,31 @@ div.postReply > div.postHeader {
 }
 
 .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 {
@@ -176,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 {
@@ -224,11 +219,11 @@ div.prefFeedCatHolder {
 }
 
 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 {
@@ -257,7 +252,6 @@ span.contentPreview:hover {
        border-style : solid;
        border-color : #999999;
        background : #f9f9f9;
-       padding : 2px;
        color : black;
 }
 
@@ -266,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 {
@@ -282,7 +283,6 @@ span.contentPreview:hover {
        right : 20px;
        height : 40px;
        color : gray;
-       font-size : small;
 }
 
 #feeds-holder {
@@ -323,7 +323,6 @@ div.headlines_normal {
        right : 20px;
        overflow : hidden;
        background : white;
-       font-size : small;
        border-collapse : collapse;
 }
 
@@ -337,7 +336,6 @@ div.headlines_cdm {
        top : 85px;
        right : 20px;
        overflow : hidden;
-       font-size : small;
        background : white;
        border-collapse : collapse;
 }
@@ -363,7 +361,6 @@ div.headlines_cdm {
        bottom : 5px;
        text-align : center;
        color : gray;
-       font-size : x-small;
        right : 0px;
        left : 0px;
        padding : 0px;
@@ -385,7 +382,6 @@ div.headlines_cdm {
        border-style : solid;
        border-color : #c0c0c0;
        background-color : #fafafa; */
-       font-size : x-small;
 }
 
 #headlinesInnerContainer {
@@ -416,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;
 }
 
@@ -433,7 +427,7 @@ div.return a:hover {
        color : gray;
 }
 
-#prefContent {
+#prefContentOuter {
        clear : left;
        position : absolute;
        bottom : 30px;
@@ -444,10 +438,13 @@ 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;
 
 }
 
@@ -455,3 +452,73 @@ 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;
+}
+