diff options
author | Andrew Dolgov <[email protected]> | 2008-08-06 06:40:20 +0100 |
---|---|---|
committer | Andrew Dolgov <[email protected]> | 2008-08-06 06:40:20 +0100 |
commit | bf39ed62bd901a33999b80a0d2f02b596385def7 (patch) | |
tree | 83642bcba05666c4a9e0fc0f6668eb64d9f438d4 | |
parent | b84b68d9bd937d3c9df152a7f7c8167f37e2ace6 (diff) |
infobox: add soft shadow
-rw-r--r-- | images/shadow-grid.gif | bin | 0 -> 56 bytes | |||
-rw-r--r-- | images/shadow.png | bin | 91 -> 6117 bytes | |||
-rw-r--r-- | tt-rss.css | 54 |
3 files changed, 32 insertions, 22 deletions
diff --git a/images/shadow-grid.gif b/images/shadow-grid.gif Binary files differnew file mode 100644 index 000000000..ff58a611c --- /dev/null +++ b/images/shadow-grid.gif diff --git a/images/shadow.png b/images/shadow.png Binary files differindex e4ce11d31..64e7dc67a 100644 --- a/images/shadow.png +++ b/images/shadow.png diff --git a/tt-rss.css b/tt-rss.css index 86cb1a923..17cc8e936 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%; |