From c068b98b72a2d6b6819f0f6657ca0e1539d22f0c Mon Sep 17 00:00:00 2001
From: Andrew Dolgov <fox@madoka.volgo-balt.ru>
Date: Tue, 14 May 2013 15:28:13 +0400
Subject: [PATCH] add some subtle css shadows

---
 cdm.css        |  4 ++++
 js/viewfeed.js |  5 +++++
 prefs.css      | 12 ++++--------
 tt-rss.css     | 33 +++++++++++++++++++++++++--------
 4 files changed, 38 insertions(+), 16 deletions(-)

diff --git a/cdm.css b/cdm.css
index 6028c6ea..022d15fb 100644
--- a/cdm.css
+++ b/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;
 }
diff --git a/js/viewfeed.js b/js/viewfeed.js
index da362834..dc8d3fe8 100644
--- a/js/viewfeed.js
+++ b/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'];
diff --git a/prefs.css b/prefs.css
index 254de4f3..69e4c8a1 100644
--- a/prefs.css
+++ b/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);
+}
+
diff --git a/tt-rss.css b/tt-rss.css
index 825d288e..ed7e0522 100644
--- a/tt-rss.css
+++ b/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%;
 }
+
-- 
2.39.5