From: Andrew Dolgov Date: Sun, 12 May 2013 08:27:53 +0000 (+0400) Subject: notice style updates X-Git-Tag: 1.7.9~5 X-Git-Url: https://git.wh0rd.org/?a=commitdiff_plain;h=bb660dcab4bfd480e82f6abc5468c818881a61a2;p=tt-rss.git notice style updates --- diff --git a/tt-rss.css b/tt-rss.css index 22970efb..a2e067a9 100644 --- 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 50a54e15..5b68e883 100644 --- 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 {