From bf39ed62bd901a33999b80a0d2f02b596385def7 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 6 Aug 2008 06:40:20 +0100 Subject: [PATCH] infobox: add soft shadow --- images/shadow-grid.gif | Bin 0 -> 56 bytes images/shadow.png | Bin 91 -> 6117 bytes tt-rss.css | 54 ++++++++++++++++++++++++----------------- 3 files changed, 32 insertions(+), 22 deletions(-) create mode 100644 images/shadow-grid.gif diff --git a/images/shadow-grid.gif b/images/shadow-grid.gif new file mode 100644 index 0000000000000000000000000000000000000000..ff58a611c4871dd90f8b8e46ab133a01bd7fab97 GIT binary patch literal 56 zcmZ?wbhEHb=ES4z)+>iz|hdl!0_`wkbcR)P-?)y@G60U!DI@;64F{I+wo4elmk31yWE?z(4xyyR7+}Sh#|4+PpikE4Jcu41_X2#3i^Cq5~ z=*3bTnezRGws`EZUC%aJ7s>)Hi^!Yt$JS>(|6zk)4)&a%LL*~8-{33*O8j`5us-{~ z%{zaVzZy5P*W90)UAlG_D^TK2+Wj@Tn=iTiUY_uNR>Xe)Pcxo)Pio)vs`}R3PeADd zm2bCwU&!)n*_!VvuRSmDUrzAn{I>7Nui(x5rggk;wE~$S^X|5ayyv}1d!87W{rCK2dvbfx-CAHkGi(8o|pVwv7 zUf-YmCzk1-;^W}QKw}#|-+KFQwoKVp^~avSv({~1e(>J&iVt_T3%xFl-gEg8P({Mb zDx(_Pgm<>bqtE~LK6o$n&+gZzw_a<0>`%RGTF4KyZcg}n&-+u4`@Veht>F93yKnwJ zsWj*OvFqI_q1PbC*xb5(>|N1O-RFPLeEnvAJzRYq&{T%$$$PV#Y6HX9r#aagPt>~x z@}kxBS-YZzKt4E7-;lr#q!01|2@X&s2!Mp~2(nniR61;6hN(moWM~4#GgwgJ2GByV zN_0VponVz(b_kN|hH5Y&#VlHUAq5lIb4VdVAnefN z3n`coF*_QG)C;E3NJL6vqd5_gJ*k((MvGIT3artbIGPi&R+OVT5xuEL<6s)iiK97@ z#z}0nP8_Whk&+m=#6ik*h`tVz;Arb~v~@aQ-RaRfaWp3)6ZO0gWae z$ecdwS5ETx@S2zVe(n~23l!R5aqD}e1@5-Q$x94P?}DCPxL|293@ zf9X#C(_1$a@|VBf`a}NI>(@f>z8l5@2QeF#zM8W4U0S{0r~J(KzUO>y-mbo}-O}gs z`%~GoKe>K?TAKtmr2AVH_pj*AuhTC*xE-^jeXrk**NnxxWwsx>96uCo7WW}WCS{MPiw?cj&L zS3z3K-sZ1=Kl}LKJM6n=KELcC4jN7UkbTgu_xr`Ki4y!bcfSM;Xg~N~oDUk7MidVR d{$DxI$Z+)Fr-=qts~dn)44$rjF6*2UngG-Yt%v{s literal 91 zcmeAS@N?(olHy`uVBq!ia0vp^j3CUx1|;Q0k8}bl&H|6fVg?4j!ywFfJby(BP>|Qt i#WAE}PI5v*f(J7LLpDRY<%%Sbb_P#ZKbLh*2~7a!{S!+7 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%; -- 2.39.5