notice style updates
This commit is contained in:
parent
d34a32a80e
commit
bb660dcab4
2 changed files with 27 additions and 4 deletions
15
tt-rss.css
15
tt-rss.css
|
@ -144,7 +144,7 @@ a:hover {
|
|||
min-width : 100px;
|
||||
padding : 5px;
|
||||
-width : 200px;
|
||||
box-shadow : 0px 0px 2px #ccc;
|
||||
box-shadow : 0px 0px 2px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
#notify img {
|
||||
|
@ -264,7 +264,11 @@ div.notice, div.warning, div.error {
|
|||
display : inline-block;
|
||||
margin : 2px 0px 4px 0px;
|
||||
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 {
|
||||
|
@ -273,14 +277,17 @@ div.notice div.inner, div.warning div.inner, div.error div.inner {
|
|||
|
||||
div.notice {
|
||||
background : #ecf4ff;
|
||||
border-color : #88b0f0;
|
||||
}
|
||||
|
||||
div.warning {
|
||||
background : #fff7d5;
|
||||
border-color : #EFDC88;
|
||||
}
|
||||
|
||||
div.error {
|
||||
background : #ffcccc;
|
||||
border-color : #ff0000;
|
||||
}
|
||||
|
||||
div.warning img, div.notice img, div.error img {
|
||||
|
@ -1073,3 +1080,7 @@ div.hl.active {
|
|||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
body#ttrssPrefs hr {
|
||||
border-color : #ecf4ff;
|
||||
max-width : 100%;
|
||||
}
|
||||
|
|
16
utility.css
16
utility.css
|
@ -54,21 +54,32 @@ a:hover {
|
|||
div.notice, div.warning, div.error {
|
||||
padding : 4px 10px 4px 4px;
|
||||
display : inline-block;
|
||||
margin : 2px 0px 2px 0px;
|
||||
margin : 2px 0px 4px 0px;
|
||||
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 {
|
||||
background : #ecf4ff;
|
||||
border-color : #88b0f0;
|
||||
}
|
||||
|
||||
div.warning {
|
||||
border-color : #EFDC88;
|
||||
background : #fff7d5;
|
||||
}
|
||||
|
||||
div.error {
|
||||
background : #ffcccc;
|
||||
border-color : #ff0000;
|
||||
}
|
||||
|
||||
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 {
|
||||
display : table-cell;
|
||||
vertical-align : middle;
|
||||
|
||||
}
|
||||
|
||||
h1 {
|
||||
|
|
Loading…
Reference in a new issue