notice style updates

This commit is contained in:
Andrew Dolgov 2013-05-12 12:27:53 +04:00
parent d34a32a80e
commit bb660dcab4
2 changed files with 27 additions and 4 deletions

View File

@ -144,7 +144,7 @@ a:hover {
min-width : 100px; min-width : 100px;
padding : 5px; padding : 5px;
-width : 200px; -width : 200px;
box-shadow : 0px 0px 2px #ccc; box-shadow : 0px 0px 2px rgba(0,0,0,0.2);
} }
#notify img { #notify img {
@ -264,7 +264,11 @@ div.notice, div.warning, div.error {
display : inline-block; display : inline-block;
margin : 2px 0px 4px 0px; margin : 2px 0px 4px 0px;
font-size : 12px; font-size : 12px;
box-shadow : 0px 0px 2px #ccc; border-style : solid;
border-color : #ccc;
border-radius : 4px;
border-width : 1px;
box-shadow : 0px 0px 2px rgba(0,0,0,0.1);
} }
div.notice div.inner, div.warning div.inner, div.error div.inner { div.notice div.inner, div.warning div.inner, div.error div.inner {
@ -273,14 +277,17 @@ div.notice div.inner, div.warning div.inner, div.error div.inner {
div.notice { div.notice {
background : #ecf4ff; background : #ecf4ff;
border-color : #88b0f0;
} }
div.warning { div.warning {
background : #fff7d5; background : #fff7d5;
border-color : #EFDC88;
} }
div.error { div.error {
background : #ffcccc; background : #ffcccc;
border-color : #ff0000;
} }
div.warning img, div.notice img, div.error img { div.warning img, div.notice img, div.error img {
@ -1073,3 +1080,7 @@ div.hl.active {
text-overflow: ellipsis; text-overflow: ellipsis;
} }
body#ttrssPrefs hr {
border-color : #ecf4ff;
max-width : 100%;
}

View File

@ -54,21 +54,32 @@ a:hover {
div.notice, div.warning, div.error { div.notice, div.warning, div.error {
padding : 4px 10px 4px 4px; padding : 4px 10px 4px 4px;
display : inline-block; display : inline-block;
margin : 2px 0px 2px 0px; margin : 2px 0px 4px 0px;
font-size : 12px; font-size : 12px;
box-shadow : 0px 0px 2px #ccc; border-style : solid;
border-color : #ccc;
border-radius : 4px;
border-width : 1px;
box-shadow : 0px 0px 2px rgba(0,0,0,0.1);
}
div.notice div.inner, div.warning div.inner, div.error div.inner {
vertical-align : middle;
} }
div.notice { div.notice {
background : #ecf4ff; background : #ecf4ff;
border-color : #88b0f0;
} }
div.warning { div.warning {
border-color : #EFDC88;
background : #fff7d5; background : #fff7d5;
} }
div.error { div.error {
background : #ffcccc; background : #ffcccc;
border-color : #ff0000;
} }
div.warning img, div.notice img, div.error img { div.warning img, div.notice img, div.error img {
@ -79,6 +90,7 @@ div.warning img, div.notice img, div.error img {
div.warning span, div.notice span, div.error span { div.warning span, div.notice span, div.error span {
display : table-cell; display : table-cell;
vertical-align : middle; vertical-align : middle;
} }
h1 { h1 {