add some subtle css shadows

diff --git a/cdm.css b/cdm.css
index 6028c6ead39fce99ce7055c4feed6f659b604895..022d15fb9e70f3e7b14daa90a60d16cfe0a66e3e 100644 (file)
--- 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 da3628349bb0ccc8945c6d2dcd83f6df7665bd1a..dc8d3fe88006b9e6ef3c0a44dd00583638ef6358 100644 (file)
--- 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 254de4f3408ec7c9b1114ed66978e1e054cf3dab..69e4c8a171af7aae8514d6e8da6201540cf3e1fd 100644 (file)
--- 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 825d288ee77873232a28ab9ce63c05156111d57d..ed7e0522646e9b1a68a3dcaebe9449e772753901 100644 (file)
--- 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%;
 }
+