89 lines
1.9 KiB
CSS
89 lines
1.9 KiB
CSS
/*
|
||
* Drop shadows
|
||
*/
|
||
div.bottom-shadow {
|
||
background-image: url(/images/dropshadow/bottom.png);
|
||
background-position: top left;
|
||
background-repeat: repeat-x;
|
||
height: 4px;
|
||
position: absolute;
|
||
right: 0;
|
||
left: 0;
|
||
top: 100%;
|
||
z-index: 1;
|
||
}
|
||
div.bottom-with-left-right {
|
||
left: 4px;
|
||
}
|
||
* html div.bottom-shadow { /* ie6 specific */
|
||
width: 100%;
|
||
}
|
||
* html div.bottom-with-left-right { /* ie6 specific */
|
||
/* so that the br corner doesn't overlap the bottom shadow
|
||
it works because IE6 falsely includes the border in the width (100% above) */
|
||
border-right: 4px transparent solid;
|
||
}
|
||
div.tr-corner-shadow {
|
||
position: absolute;
|
||
right: -4px;
|
||
top: 0;
|
||
width: 4px;
|
||
height: 4px;
|
||
background-image: url(/images/dropshadow/top_right.png);
|
||
background-position: top left;
|
||
background-repeat: no-repeat;
|
||
z-index: 1;
|
||
}
|
||
div.br-corner-shadow {
|
||
position: absolute;
|
||
left: 100%;
|
||
top: 100%;
|
||
width: 4px;
|
||
height: 4px;
|
||
background-image: url(/images/dropshadow/bottom_right.png);
|
||
background-position: top left;
|
||
background-repeat: no-repeat;
|
||
z-index: 1;
|
||
}
|
||
div.bl-corner-shadow {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 100%;
|
||
width: 4px;
|
||
height: 4px;
|
||
background-image: url(/images/dropshadow/bottom_left.png);
|
||
background-position: top right;
|
||
background-repeat: no-repeat;
|
||
z-index: 1;
|
||
}
|
||
div.right-shadow {
|
||
background-image: url(/images/dropshadow/right.png);
|
||
background-position: right;
|
||
background-repeat: repeat-y;
|
||
position: absolute;
|
||
left: 100%;
|
||
bottom: 0;
|
||
top: 0;
|
||
width: 4px;
|
||
z-index: 1;
|
||
}
|
||
div.right-with-top {
|
||
top: 4px;
|
||
}
|
||
div.left-shadow {
|
||
background-image: url(/images/dropshadow/left.png);
|
||
background-position: left;
|
||
background-repeat: repeat-y;
|
||
}
|
||
|
||
/*
|
||
* Inside shadows
|
||
*/
|
||
div.tl-inside-corner-shadow {
|
||
float: left;
|
||
width: 4px;
|
||
height: 4px;
|
||
background-image: url(/images/dropshadow/top_left_inside.png);
|
||
background-position: top left;
|
||
background-repeat: no-repeat;
|
||
} |