add some subtle css shadows

This commit is contained in:
Andrew Dolgov 2013-05-14 15:28:13 +04:00
parent 7b32ee7e40
commit c068b98b72
4 changed files with 38 additions and 16 deletions

View File

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

View File

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

View File

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

View File

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