notice style updates
This commit is contained in:
parent
d34a32a80e
commit
bb660dcab4
15
tt-rss.css
15
tt-rss.css
|
@ -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%;
|
||||||
|
}
|
||||||
|
|
16
utility.css
16
utility.css
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue