]> git.wh0rd.org - tt-rss.git/blobdiff - themes/graycube/theme.css
pref-prefs: show disabled register certificate button when certificate is unavailable
[tt-rss.git] / themes / graycube / theme.css
index 0a003bda9b8be7fdb0598d4c38309f5870c0e633..df1552dc96cbd46dcf5c13a1429fa5fc50e6bf75 100644 (file)
@@ -2,24 +2,64 @@ body {
        background : #f6f6f6;
 }
 
+h3 {
+       border-color : #999999;
+}
+
 a:hover {
        color : gray;
 }
 
+div.cdmArticle {
+       border-color : #999999;
+       background : #f9f9f9;
+}
+
+div.cdmArticle.Unread {
+       border-color : #999999;
+       background : white;
+}
+
+div.cdmArticle.Unread div.cdmHeader {
+       background : transparent;
+       background-repeat : repeat-x;
+}
+
+
+div.cdmArticle.Selected, div.cdmArticle.Unread.Selected {
+       border-color : #999999;
+       background : #ffcccc;
+}
+
+div.cdmArticle.Unread div.cdmHeader a.title, 
+div.cdmArticle.Unread.Selected 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,79 +81,78 @@ div.postReply div.postHeader {
        border-style : solid;
        border-color : #999999;
        border-width : 0px 0px 1px 0px;
+       margin : 0px;
 }
 
 div.postReply > div.postHeader {
        padding : 5px;
 }
 
-.evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
-       .evenSelectedUnread td {
-       background-color : #fff7d5;
+.even.Unread.Selected, .even.Selected.Unread, .even.Unread.Selected td,
+       .even.Selected.Unread td {
+       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;
+.odd.Unread.Selected, .odd.Selected.Unread, .odd.Unread.Selected td,
+       .odd.Selected.Unread td {
+       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;
+.even.Selected, .even.Selected td {
+       background-color : #ffcccc;
+       border-color : #ebebeb;
 }
 
-.oddSelected, .evenSelected td {
-       background-color : #fff7d5;
+.odd.Selected, .odd.Selected 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 {
+.even.Unread, .even.Unread 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 {
+.odd.Unread, .odd.Unread 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;  
 }
 
@@ -152,27 +191,34 @@ ul.feedList li {
        padding : 2px 0px 2px 0px;
 }
 
+ul.feedList span.feedlink:hover {
+       color : gray;
+}
 
-li.feedSelected a,
-li.labelSelected a,
-li.virtSelected a,
-li.tagSelected a {
+li.feed.Selected span.feedlink,
+li.label.Selected span.feedlink,
+li.virt.Selected span.feedlink,
+li.tag.Selected span.feedlink {
        color : gray;
 }
 
-li.feedUnreadSelected a,
-li.labelUnreadSelected a,
-li.virtUnreadSelected a,
-li.tagUnreadSelected a {
+li.feed.Unread.Selected span.feedlink,
+li.label.Unread.Selected span.feedlink,
+li.virt.Unread.Selected span.feedlink,
+li.tag.Unread.Selected span.feedlink {
        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 +235,7 @@ tr.title td a:hover {
 }
 
 span.contentPreview:hover {
-       color : black;
+       color : gray;
 }
 
 #dispSwitch a:hover {
@@ -200,9 +246,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 +256,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 +279,6 @@ span.contentPreview:hover {
        right : 20px;
        height : 40px;
        color : gray;
-       font-size : small;
 }
 
 #feeds-holder {
@@ -243,10 +295,14 @@ span.contentPreview:hover {
        background : #f9f9f9;
 }
 
+#toolbar div.actionChooser {
+       margin-right : 0px;
+}
+
 #toolbar {
        position : absolute;
        left : 280px;
-       padding : 0px 20px 10px 10px;
+       padding : 0px 20px 10px 0px;
        top : 50px;
        right : 0px;
        white-space: nowrap;
@@ -267,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;
 }
@@ -307,7 +361,6 @@ div.headlines_cdm {
        bottom : 5px;
        text-align : center;
        color : gray;
-       font-size : x-small;
        right : 0px;
        left : 0px;
        padding : 0px;
@@ -320,7 +373,7 @@ div.headlines_cdm {
 }
 
 #headlinesContainer {
-       margin-left : 1px;
+       margin-left : 0px;
        background-color : white;
 }
 
@@ -329,23 +382,27 @@ 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 {
        width : 20px;
+       float : left;
 }
 
 div.prefsTab {
        border-color : #999999;
 }
 
-div.prefsTabSelected {
+div.prefsTab.Selected {
        border-color : #999999;
        background : white;
 }
@@ -355,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;
 }
 
@@ -372,7 +427,7 @@ div.return a:hover {
        color : gray;
 }
 
-#prefContent {
+#prefContentOuter {
        clear : left;
        position : absolute;
        bottom : 30px;
@@ -383,9 +438,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.even.Selected:hover td, 
+table.prefFilterList tr.odd.Selected:hover td 
+table.prefLabelList tr.even:hover td, 
+table.prefLabelList tr.odd:hover td,
+table.prefLabelList tr.even.Selected:hover td, 
+table.prefLabelList tr.odd.Selected:hover td,
+table.prefUserList tr.even:hover td, 
+table.prefUserList tr.odd:hover td,
+table.prefUserList tr.even.Selected:hover td, 
+table.prefUserList tr.odd.Selected:hover td,
+table.prefFeedList tr.even:hover td, 
+table.prefFeedList tr.odd:hover td,
+table.prefFeedList tr.even.Selected:hover td, 
+table.prefFeedList tr.odd.Selected: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;
+}
+