notice style updates

diff --git a/tt-rss.css b/tt-rss.css
index 22970efbdcfc55b59099cd4fdee027a3ca0d055c..a2e067a987d2e0bcea1648f0ac1185aba63947e3 100644 (file)
--- a/tt-rss.css
+++ b/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%;
+}

diff --git a/utility.css b/utility.css
index 50a54e154e0661e4eca5c67e858f7722b987be0a..5b68e88376930381a2230ae608203ea3881358de 100644 (file)
--- a/utility.css
+++ b/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 {