valvin
/
ttrss
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

infobox: add soft shadow

This commit is contained in:
Andrew Dolgov 2008-08-06 06:40:20 +01:00
parent b84b68d9bd
commit bf39ed62bd
3 changed files with 32 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/shadow-grid.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 B

BIN
images/shadow.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 91 B

After

Width:  |  Height:  |  Size: 6.0 KiB

60
tt-rss.css
View File

@ -542,40 +542,50 @@ div.helpResponse {
color : white; color : white;
} }
/* shadow stuff from http://www.sixapart.com/pronet/articles/ydsf_-_robust_c.html */
#infoBox { #infoBox {
border-width : 1px 1px 1px 1px; border-width : 1px 1px 1px 1px;
border-style : solid; border-style : solid;
border-color : #99d67a; border-color : #99d67a;
position : relative;
bottom : 2px;
right : 2px;
padding-bottom : 5px;
background-color : #f8fcf5; background-color : #f8fcf5;
}
/*
#infoBoxTitle {
border-width : 1px 1px 1px 1px;
border-style : solid;
border-color : #88b0f0;
background-color : #88b0f0;
padding : 2px;
color : white;
}
#infoBox {
border-width : 1px 1px 1px 1px;
border-style : solid;
border-color : #88b0f0;
position: relative; position: relative;
bottom : 2px; overflow : hidden;
right : 2px; left : -4px;
padding-bottom : 5px; top : -4px;
background-color : #f7faff; }
} */
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;
}
#infoBoxShadow { #infoBoxShadow {
background-image : url("images/shadow.png"); background-image : url("images/shadow.png");
background-position : bottom right;
left : 25%; left : 25%;
top : 30%; top : 30%;
width : 50%; width : 50%;