add some subtle css shadows

cdm.css

@@ -83,6 +83,10 @@ div.cdm.expandable {
 	border-style : solid;
 }
 
+div.cdm.expandable.active {
+	box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1);
+}
+
 div.cdm.expandable > hr {
 	display : none;
 }

js/viewfeed.js

@@ -58,6 +58,11 @@ function headlines_callback2(transport, offset, background, infscroll_req) {
 				}
 			} catch (e) { };
 
+			$("headlines-frame").removeClassName("cdm");
+			$("headlines-frame").removeClassName("normal");
+
+			$("headlines-frame").addClassName(isCdmMode() ? "cdm" : "normal");
+
 			var headlines_count = reply['headlines-info']['count'];
 
 			vgroup_last_feed = reply['headlines-info']['vgroup_last_feed'];

prefs.css

@@ -1,11 +1,3 @@
-html, body#ttrssPrefs, #main {
-	width: 100%; 
-	height: 100%;
-	border: 0; 
-	padding: 0; 
-	margin: 0;
-} 
-
 #header a {
 	color : #4684ff;	
 }
@@ -139,3 +131,7 @@ table.prefErrorLog td.filename, table.prefErrorLog td.login, table.prefErrorLog
 	color : gray;
 }
 
+.dijitAccordionContainer-child {
+	box-shadow : inset 0px 0px 3px rgba(0,0,0,0.2);
+}
+

tt-rss.css

@@ -7,6 +7,15 @@ body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
 	font-size: 14px;
 }
 
+html, body#ttrssMain, body#ttrssPrefs, #main {
+	width: 100%; 
+	height: 100%;
+	border: 0; 
+	padding: 0; 
+	margin: 0;
+} 
+
+
 body#ttrssPrefs {
 	background-color : #ecf4ff;
 }
@@ -34,7 +43,7 @@ div.postReply div.postHeader {
 	border-style : solid;
 	border-color : #c0c0c0;
 	background : #fafafa;
-	box-shadow : 0px 0px 3px 0px #ccc;
+	box-shadow : 0px 0px 3px 0px rgba(0,0,0,0.1);
 	padding : 5px;
 	color : #909090;
 }
@@ -51,7 +60,6 @@ div.postReply div.postDate {
 
 div.postReply div.postContent {
 	padding : 10px;
-	font-size : 12px;
 }
 
 div.postReply div.postContent img {
@@ -198,6 +206,10 @@ a:hover {
 	color : black;
 }
 
+.hl.active {
+	box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1);
+}
+
 .hl.active div.hlTitle a {
 	color : #4684ff;
 }
@@ -210,6 +222,10 @@ a:hover {
 	background : #f0f0f0;
 }
 
+#headlines-frame.normal {
+	font-size : 13px;
+}
+
 .hl {
 	border-width : 0px 0px 1px 0px;
 	border-style : solid;
@@ -401,7 +417,6 @@ div.postHeader div.postDate {
 
 div.postHeader div {
 	padding-bottom : 3px;
-	font-size : 12px;
 }
 
 #feedUpdateErrors {
@@ -409,7 +424,6 @@ div.postHeader div {
 }
 
 #allEntryTags {
-	font-size : 12px;
 	border-width : 0px 0px 1px 0px;
 	border-style : solid;
 	border-color : #c0c0c0;
@@ -557,13 +571,12 @@ div.whiteBox {
 	padding : 1em;
 }
 
-html, body#ttrssMain, #main {
+/* html, body#ttrssMain, #main {
 	width: 100%; 
 	height: 100%;
-	border: 0; 
 	padding: 0; 
 	margin: 0;
-} 
+} */
 
 #toolbar div.actionChooser {
 	display : table-cell;
@@ -774,7 +787,7 @@ div.fatalError textarea {
 	height : 100px;
 }
 
-#main {
+#ttrssMain #main {
 	border-width : 0px;
 	margin : 0px;
 	padding : 0px;
@@ -801,6 +814,7 @@ div.fatalError textarea {
 	border-bottom-width : 0px;
 	border-top-width : 0px;
 	overflow : hidden;
+	box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1);
 }
 
 #headlines-wrap-inner {
@@ -815,6 +829,7 @@ div.fatalError textarea {
 	border-style : solid;
 	border-width : 0px;
 	margin-top : 0px;
+	box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1);
 }
 
 #headlines-toolbar_splitter, #toolbar_splitter {
@@ -827,6 +842,7 @@ div.fatalError textarea {
 	border-width : 0px;
 	white-space: nowrap;
 	font-size : 12px;
+	box-shadow : 0px 0px 2px rgba(0,0,0,0.1);
 }
 
 #header {
@@ -1088,3 +1104,4 @@ body#ttrssPrefs hr {
 	border-color : #ecf4ff;
 	max-width : 100%;
 }
+