From: Andrew Dolgov <fox@madoka.spb.ru>
Date: Wed, 6 Aug 2008 05:40:20 +0000 (+0100)
Subject: infobox: add soft shadow
X-Git-Tag: 1.2.26~42
X-Git-Url: https://git.wh0rd.org/?a=commitdiff_plain;h=bf39ed62bd901a33999b80a0d2f02b596385def7;p=tt-rss.git

infobox: add soft shadow
---

diff --git a/images/shadow-grid.gif b/images/shadow-grid.gif
new file mode 100644
index 00000000..ff58a611
Binary files /dev/null and b/images/shadow-grid.gif differ
diff --git a/images/shadow.png b/images/shadow.png
index e4ce11d3..64e7dc67 100644
Binary files a/images/shadow.png and b/images/shadow.png differ
diff --git a/tt-rss.css b/tt-rss.css
index 86cb1a92..17cc8e93 100644
--- a/tt-rss.css
+++ b/tt-rss.css
@@ -542,40 +542,50 @@ div.helpResponse {
 	color : white;
 }
 
+/* shadow stuff from http://www.sixapart.com/pronet/articles/ydsf_-_robust_c.html */
+
 #infoBox {	
 	border-width : 1px 1px 1px 1px;
 	border-style : solid;
 	border-color : #99d67a;
-	position : relative;
-	bottom : 2px;
-	right : 2px;
-	padding-bottom : 5px;	
 	background-color : #f8fcf5;
+	position: relative;
+	overflow : hidden;
+	left : -4px;
+	top : -4px;
 }
 
-/*
-#infoBoxTitle {
-	border-width : 1px 1px 1px 1px;
-	border-style : solid;
-	border-color : #88b0f0;
-	background-color : #88b0f0;
-	padding : 2px;
-	color : white;
+html>body #infoBox {
+	left : -10px;
+	top : -10px;
+	margin : 0;
+}
+
+#infoBoxShadow:before, #infoBoxShadow:after {
+	content : " ";
+	display : block;
+	background : inherit;
+	width : 10px;
+	height : 10px;
+}
+
+#infoBoxShadow:before {
+	position : absolute;
+	top : 0;
+	right : 0;
+	margin : -10px 0 0 auto;
+	background-position : right top;
+}
+
+#infoBoxShadow:after {
+	margin : -10px 0 0 -10px;
+	background-position : left bottom;
 }
 
-#infoBox {	
-	border-width : 1px 1px 1px 1px;
-	border-style : solid;
-	border-color : #88b0f0;
-	position : relative;
-	bottom : 2px;
-	right : 2px;
-	padding-bottom : 5px;	
-	background-color : #f7faff;
-} */
 
 #infoBoxShadow {
 	background-image : url("images/shadow.png");
+	background-position : bottom right;
 	left : 25%;
 	top : 30%;
 	width : 50%;