From bb660dcab4bfd480e82f6abc5468c818881a61a2 Mon Sep 17 00:00:00 2001
From: Andrew Dolgov <fox@fakecake.org>
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 {
--
GitLab