tweak visual for headlines

1 files changed, 54 insertions, 31 deletions

diff --git a/cdm.css b/cdm.css
index 657950140..d93e165e2 100644
--- a/cdm.css
+++ b/cdm.css
@@ -49,6 +49,11 @@ div.cdmContent a {
 	color : #4684ff;
 }
 
+div.cdm.expanded div.cdmHeader {
+	margin-right : 4px;
+	margin-left : 4px;
+}
+
 div.cdmContent a:hover {
 	color : black;
 }
@@ -70,53 +75,78 @@ div.cdmFooter {
 	clear : both;
 }
 
-div.cdm {
-	border-width : 0px 1px 1px 0px;
-	border-collapse : collapse;
-	border-color : #c0c0c0;
-	border-style : solid;
-	background : #fafafa;
+div.cdm.expanded {
+	margin-top : 4px;
+	margin-bottom : 4px;
 }
 
 div.cdm.expandable {
-	background : #f0f0f0;
+	background-color : #f0f0f0;
+	border-width : 0px 0px 1px 0px;
+	border-color : #c0c0c0;
+	border-style : solid;
 }
 
-div.cdm.expanded, div.cdm.expandable {
-	margin : 4px 4px 0px 4px;
-	border-width : 1px;
-	border-color : #c0c0c0;
-	box-shadow : 0px 0px 3px #ccc;
+div.cdm.expandable > hr {
+	display : none;
 }
 
-div.cdm.expanded div.cdmHeader {
-	background : #e0e0e0;
+div.cdm.expanded > hr {
+	margin-top : 0px;
+	margin-bottom : 0px;
 }
 
 div.cdm.Unread {
 	background : white;
 }
 
-div.cdm.Unread div.cdmHeader {
-	background : #ecf4ff;
-}
-
 div.cdm.active {
 	border-color : #88b0f0;
 	background : white ! important;
-	box-shadow : 0px 0px 3px #4684ff;
 }
 
-div.cdm.active div.cdmHeader {
-	background : #ecf4ff;
+div.cdm.expandable div.cdmHeader a.title {
+	font-weight : bold;
+	color : gray;
+}
+
+div.cdm.expandable.Unread div.cdmHeader a.title {
+	color : black;
 }
 
-div.cdm.active div.cdmHeader a.title {
+div.cdm.expandable.active div.cdmHeader a.title {
 	color : #4684ff;
 }
 
+div.cdm.expanded div.cdmHeader {
+	background : transparent ! important;
+}
+
+div.cdm.expanded div.cdmHeader a.title {
+	font-size : 14px;
+	color : gray;
+	font-weight : bold;
+}
+
+
+div.cdm.expanded.active div.cdmHeader a.title {
+	color : #4684ff;
+}
+
+div.cdm.expanded.Unread div.cdmHeader a.title {
+	color : black;
+}
+
+div.cdm.expanded div.cdmContent {
+	color : gray;
+}
+
+div.cdm.expanded.Unread div.cdmContent {
+	color : black;
+}
+
 div.cdm.active div.cdmContent {
-	background : white;
+	color : black;
 }
 
 span.cdmExcerpt {
@@ -145,6 +175,7 @@ div.cdmFeedTitle a.title {
 	font-style : italic;
 	font-weight : bold;
 }
+
 div.cdmFeedTitle a {
 	color : gray;
 }
@@ -175,10 +206,6 @@ div.cdmContentInner p {
 	max-width : 650px;
 }
 
-.Unread div.cdmHeader {
-	font-weight : bold;
-}
-
 div.cdmContentInner iframe {
 	min-width : 50%;
 }
@@ -189,8 +216,4 @@ div.cdmHeader span.author {
 	font-weight : normal;
 }
 
-div.cdm.expanded div.cdmHeader a.title, div.cdm.active div.cdmHeader a.title {
-	font-size : 13px;
-}
-