remove cdm tiles; update cdm stylesheet as to stop reading on yellow

1 files changed, 68 insertions, 6 deletions

diff --git a/cdm.css b/cdm.css
index 7ab3471ca..6f253cc5a 100644
--- a/cdm.css
+++ b/cdm.css
@@ -63,17 +63,67 @@ div.cdmContentInner img {
 }
 
 div.cdmFooter {
-	background-color : #f0f0f0;
-	background-image : url("images/cdm_footer_tile.png");
 	padding : 5px;
 	font-weight : normal;
 	color : gray;
 	clear : both;
 }
 
-.Selected div.cdmFooter {
-	background-color : #FFE587;
-	background-image : url("images/cdm_footer_selected.png");
+div.cdm {
+	border-width : 0px 1px 1px 0px;
+	border-collapse : collapse;
+	border-bottom-color : #c0c0c0;
+	border-right-color : #c0c0c0;
+	border-style : solid;
+	background : #f0f0f0;
+}
+
+div.cdm.expanded div.cdmHeader {
+	background : #e0e0e0;
+}
+
+div.cdm.Unread {
+	background : #fafafa;
+}
+
+div.cdm.Unread div.cdmHeader {
+	background : #ecf4ff;
+}
+
+div.cdm.Selected {
+	background : #fff7d5;
+}
+
+div.cdm.expanded.Selected div.cdmHeader {
+	background : #FFEA9E;
+}
+
+div.cdm.expandable.Selected div.cdmHeader {
+	background : #fff7d5;
+}
+
+div.cdm.expandable.active.Selected div.cdmHeader,
+div.cdm.expanded.active.Selected div.cdmHeader {
+	background : #ecf4ff;
+}
+
+div.cdm.active {
+	border-right-color : #88b0f0;
+	border-bottom-color : #88b0f0;
+	background : white ! important;
+}
+
+div.cdm.active div.cdmHeader {
+	background : #ecf4ff;
+}
+
+div.cdm.active div.cdmHeader a.title {
+	color : #4684ff;
+	font-weight : bold;
+}
+
+div.cdm.active div.cdmContent {
+	background : white;
 }
 
 span.cdmExcerpt {
@@ -120,7 +170,7 @@ div.cdmHeader span.hlFeed {
 	font-style : italic;
 }
 
-div.cdm.expanded .cdmHeader {
+/* div.cdm.expanded .cdmHeader {
 	background : #E0E0E0;
 }
 
@@ -144,6 +194,18 @@ div.cdm.expanded.even, div.cdm.expanded.odd {
 	background : #f9f9f9;
 }
 
+div.cdm.odd.active, div.cdm.even.active {
+	background : white;
+}
+
+div.cdm.active .cdmHeader {
+	background : #ecf4ff;
+}
+
+div.cdm.active .cdmFooter {
+	background : white;
+} */
+
 div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
 	vertical-align : middle;
 	color : gray;