From bb660dcab4bfd480e82f6abc5468c818881a61a2 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Sun, 12 May 2013 12:27:53 +0400 Subject: [PATCH] notice style updates --- tt-rss.css | 15 +++++++++++++-- utility.css | 16 ++++++++++++++-- 2 files changed, 27 insertions(+), 4 deletions(-) diff --git a/tt-rss.css b/tt-rss.css index 22970efbd..a2e067a98 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 50a54e154..5b68e8837 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 {