/* css Zen Garden submission 156 - 'Table Layout Assassination', by Marko Krsul & Marko Dugonjic, http://web.burza.hr/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/ */
/* All associated graphics copyright 2005, Marko Krsul & Marko Dugonjic */
/* Added: Mar. 7th, 2005 */
/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the
designer's written permission. However, feel free to study the CSS and use
techniques you learn from it elsewhere. */
/* general settings */
* { margin: 0; padding: 0; }
html { background: #000; color: #000; font: 65%/1.5 Arial, Helvetica, sans-serif; }
body { background: #000 url(images/ninja/body.gif) repeat-y 747px 0; }
p { font-size: 1.2em; line-height: 19px; }
* html p { line-height: 1.5em; }
ul { list-style: none; }
a { color: #da0000; text-decoration: none; border-bottom: 1px solid #da0000; }
a:hover { color: #000; border: 0 !important; }
acronym { border: 0; font-style: italic; color: #da0000; cursor: help; }
a acronym { color: inherit; }
/* header and overall layout */
#container { position: relative; width: 747px; background: #fff url(images/ninja/ferlauf.png) repeat-x 0 95%; }
#intro { background: url(images/ninja/header.jpg) no-repeat 0 0; width: 747px; padding-top: 184px; }
#pageHeader { position: absolute; left: -9999px; top: 0; width: 0; height: 0; overflow: hidden; }
#quickSummary { width: 175px; margin-left: 262px; }
#quickSummary p { margin-bottom: 10px; color: #f6f6f6; }
#quickSummary acronym { color: #fff; font-weight: bold; }
#quickSummary a { color: #ff0705; font-weight: bold; border-bottom: 1px solid #ff0705; }
#quickSummary p.p2 { width: 130px; margin-bottom: 45px; }
#preamble p, #supportingText p { margin-left: 262px; width: 282px; margin-bottom: 1em; text-align: justify; }
#preamble a, #supportingText a { font-weight: bold; }
#quickSummary h3, #preamble h3, #supportingText h3 { height: 46px; margin-left: 262px; }
#supportingText #footer { position: absolute; top: 150px; left: 0; margin: 0 !important; width: 262px; height: 200px; text-align: center; }
* html #supportingText #footer/**/{ left: -262px; }
#footer a { border: 0; font-size: 1.1em; }
#footer a:hover { text-decoration: underline; }
#supportingText, #supportingText #requirements { position: relative; }
#supportingText { background: url(images/ninja/footer.gif) no-repeat 0 100%; }
#supportingText #requirements .p5 { margin: 0; width: 747px; padding: 140px 0 20px 0; text-align: center; color: #fff; font-size: 1.1em; }
#supportingText #requirements .p5 a { color: #ff0705; }
#extraDiv1 { position: absolute; top: 367px; left: 45px; width: 161px; height: 411px; background: url(images/ninja/herLegs.gif) no-repeat 0 0; }
#extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 { display: none; }
/* h3 image replacements and icons */
h3 { background-repeat: no-repeat; background-position: 0 15px; }
h3 span { display: block; text-indent: -9999px; }
#preamble h3 { background-image: url(images/ninja/h3road.gif); }
#preamble { background: url(images/ninja/road.gif) no-repeat 216px 0; }
#explanation h3 { position: relative; background-image: url(images/ninja/h3about.gif); }
#explanation h3 span { position: absolute; left: -46px; top: 0; width: 46px; height: 38px; background: url(images/ninja/about.gif) no-repeat 0 0; }
#participation h3 { background-image: url(images/ninja/h3part.gif); }
#participation { background: url(images/ninja/part.gif) no-repeat 223px 20px; }
#benefits h3 { background-image: url(images/ninja/h3ben.gif); }
#benefits { background: url(images/ninja/ben.gif) no-repeat 223px 5px; }
#requirements h3 { background-image: url(images/ninja/h3req.gif); }
#requirements { background: url(images/ninja/req.gif) no-repeat 225px 18px; }
#linkList h3 { font-size: 1.2em; height: 20px; background-position: 0 0; margin-bottom: 1em; }
#lselect h3 { background-image: url(images/ninja/h3sel.gif); }
#larchives h3 { background-image: url(images/ninja/h3arc.gif); }
#lresources h3 { background-image: url(images/ninja/h3res.gif); }
/* sidebar */
#linkList { position: absolute; top: 387px; right: 0; width: 182px; }
#linkList ul { margin-bottom: 2em; }
#linkList li { font-size: 1.1em; padding: 0 16px; }
#linkList a { font-weight: bold; border: 0; text-transform: lowercase; }
#linkList a:hover { text-decoration: underline; }
#linkList acronym { font-style: normal; cursor: pointer; }
#lselect li { margin-bottom: 1em; }
#lselect a { display: block; line-height: 1.2em; }
#linkList a.c { display: inline; clear: none; color: #000; }
#linkList a.c:hover { text-decoration: none; color: #51C3C4; }
#lselect li { background: url(images/ninja/shuriken.gif) no-repeat 2px .3em; }
#larchives li { background: url(images/ninja/ninjapac.gif) no-repeat 5px .5em; }
#lresources li { background: url(images/ninja/lamp.gif) no-repeat 0 .3em; }
|
Download
