2018-04-12 18:02:32 +02:00
ogo /* css Zen Garden submission 057 - 'This is Cereal' by Shaun Inman, http://www.shauninman.com/ */
/* css released under Creative Commons ShareAlike License v1.0 - http://creativecommons.org/licenses/sa/1.0/ */
/* All associated graphics copyright 2003, Shaun Inman */
/* Added: November 4th, 2003 */
/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the designer's written permission. */
/* The CSS itself may freely be used for anything you wish, but the associated graphics belong to the designer. */
/* What you may use - .css files. What you may not use - .jpg, .gif, and .png files. */
/* Photography <20> Bradley Mason http://www.sxc.hu/browse.phtml?f=profile&l=bradleym */
# extraDiv3 ,
# extraDiv4 ,
# extraDiv5 ,
# extraDiv6 { display : none ; }
/* Warning message styles for browsers that don't support CSS attribute selectors... */
2018-04-13 01:48:13 +02:00
/*#extraDiv1 { position: absolute; top: 112px; left: 292px; width: 340px; height: 166px; background: url(extra/txt_upgrade.gif) no-repeat; z-index: 10; }*/
# extraDiv1 { position : absolute ; top : 112 px ; left : 292 px ; z-index : 10 ; }
2018-04-12 18:02:32 +02:00
# container { padding : 296 px 0 0 294 px ; z-index : 99 ; }
/* Clear the warning styles for those that do... */
div [ id = "extraDiv1" ] { display : none ; }
div [ id = "container" ] { padding : 105 px 0 px 0 0 px !important ; }
/* Spoon graphic and pull-quote */
2018-04-13 01:48:13 +02:00
/*#extraDiv2 { position: absolute; top: 1200px; left: 0px; width: 229px; height: 580px; background: url(extra/spoon_flake.png) no-repeat; z-index: 0; }*/
# extraDiv2 { position : absolute ; z-index : 0 ; }
2018-04-12 18:02:32 +02:00
div [ id = "extraDiv2" ] { top : 712 px !important ; }
/* Grapefruit graphic */
# extraDiv3 { display : block !important ; position : relative ; margin-left : 630 px ; height : 0 ; z-index : 0 ; }
# extraDiv3 span {
position : absolute ;
bottom : -33px ;
width : 100 % ;
height : 526px ;
align : right ;
background : url ( grapefruit . jpg ) no-repeat ;
}
/* Photo Credit */
div [ id = "extraDiv5" ] { display : block !important ; position : relative ; margin-left : 4 px ; height : 0 ; z-index : 0 ; }
2018-04-13 01:48:13 +02:00
/ * div [ id = "extraDiv5" ] > span {
2018-04-12 18:02:32 +02:00
position : absolute ;
bottom : -33px ;
width : 100 % ;
height : 336px ;
2018-04-13 01:48:13 +02:00
background : url ( extra / txt_credit . gif ) no-repeat ;
} * /
2018-04-12 18:02:32 +02:00
/* Quality text and SI logo */
2018-04-13 01:48:13 +02:00
/ * div [ id = "extraDiv6" ] {
2018-04-12 18:02:32 +02:00
display : block ! important ;
position : absolute ;
top : 476px ;
left : 103px ;
width : 146px ;
height : 77px ;
2018-04-13 01:48:13 +02:00
background : url ( extra / txt_quality . gif ) no-repeat ;
2018-04-12 18:02:32 +02:00
z-index : 0 ;
2018-04-13 01:48:13 +02:00
} * /
2018-04-12 18:02:32 +02:00
body {
margin : 0 ;
padding : 0 ;
background : url ( bg_header . jpg ) no-repeat # FFF ;
}
# quickSummary ,
# preamble ,
# supportingText { z-index : 1 ; }
p {
text-align : justify ;
font-family : Georgia , Helvetica , "Times New Roman" , Times , serif ;
font-size : 20px ;
line-height : 30px ;
margin-top : 0 ;
color : # 707070 ;
}
p acronym { font-style : italic ; }
acronym { border-style : none ; }
h3 {
text-align : justify ;
font-family : Georgia , Helvetica , "Times New Roman" , Times , serif ;
font-size : 40px ;
margin-top : 0 ;
color : # 707070 ;
}
p a , # footer a { color : #866F5B ; text-decoration : none ; border-bottom : none ; }
p a : hover , # footer a : hover { color : #A51A0A ; border-style : none ; }
div [ id = "footer" ] > a { border-style : none !important ; }
# plop { padding-left : 10 px ; padding-top : 2 px ; padding-bottom : 2 px ; background : lightgrey ; margin-bottom : 1 em ; border-top : 2 px solid #866F5B ; ; border-bottom : 2 px solid #866F5B ; }
# preamble { margin-bottom : 2 em ; }
# preamble p . p2 { background : url ( head_enlightenment.gif ) no-repeat ; padding-top : 2.4 em ; }
div [ id = "preamble" ] > p . p2 { background : url ( head_enlightenment.png ) no-repeat !important ; }
# explanation ,
# participation ,
# benefits ,
# requirements { padding-top : 1.8 em ; margin-bottom : 2 em ; padding : 0 px 10 px 0 10 px !important ; }
@ media tty { /* Mid pass to square away some IE 5 PC hinkyness. */
i { content : "\";/*" "*/}} #explanation p.p1,#participation p.p1,#benefits p.p1,#requirements p.p1 { padding-top: 1.8em; } /*" ; }
} /* */
# explanation { background : url ( head_explanation.gif ) no-repeat ; }
# participation { background : url ( head_participation.gif ) no-repeat ; }
# benefits { background : url ( head_benefits.gif ) no-repeat ; }
2018-04-13 01:48:13 +02:00
/*#requirements { position: relative; background: url(head_requirements.gif) no-repeat; z-index: 1; }*/
# requirements { position : relative ; z-index : 1 ; }
2018-04-12 18:02:32 +02:00
# quickSummary { margin-bottom : 2 em ; }
div [ id = "quickSummary" ] { margin-bottom : 0 !important ; }
# quickSummary > p [ class = "p1" ] { position : absolute ; top : 230 px ; background : url ( txt_demo.jpg ) no-repeat ; width : 143 px ; height : 0 ; padding-top : 57 px ; overflow : hidden ; }
# quickSummary > p [ class = "p2" ] { position : absolute ; top : 328 px ; background : url ( txt_download.gif ) 5 px 5 px ; background-repeat : no-repeat ; width : 107 px ; height : 29 px ; z-index : 15 ; margin : 0 ; color : #FFF ; font-size : 1 px ; padding-top : 36 px ; }
# quickSummary > p [ class = "p2" ] a [ href = "zengarden-sample.html" ] { position : absolute ; top : 17 px ; left : 5 px ; width : 35 px ; height : 0 px ; padding-top : 9 px ; overflow : hidden ; }
# quickSummary > p [ class = "p2" ] a [ href = "zengarden-sample.html" ] : hover { background : url ( button_html_over.gif ) no-repeat ; }
# quickSummary > p [ class = "p2" ] a [ href = "zengarden-sample.css" ] { position : absolute ; top : 17 px ; left : 63 px ; width : 31 px ; height : 0 px ; padding-top : 9 px ; overflow : hidden ; }
# quickSummary > p [ class = "p2" ] a [ href = "zengarden-sample.css" ] : hover { background : url ( button_css_over.gif ) no-repeat ; }
div [ id = "quickSummary" ] a { border-style : none ; }
/**/
# footer { font-family : geneva , arial , verdana , sans-serif ; font-size : 9 px ; }
# footer a { color : #866F5B ; text-decoration : none ; }
# footer a : hover { color : #A51A0A ; }
/**/
div [ id = "footer" ] { position : relative ; top : -5 px ; left : -5 px ; width : 327 px ; height : 48 px ; background : url ( txt_footer.gif ) 5 px 5 px no-repeat ; z-index : 1 ; }
/* xhtml */
# footer a [ href = "http://validator.w3.org/check/referer" ] { position : absolute ; top : 17 px ; left : 105 px ; width : 33 px ; height : 0 px ; padding-top : 9 px ; overflow : hidden ; }
# footer a [ href = "http://validator.w3.org/check/referer" ] : hover { background : url ( button_xhtml_over.gif ) no-repeat ; }
/* css */
# footer a [ href = "http://jigsaw.w3.org/css-validator/check/referer" ] { position : absolute ; top : 17 px ; left : 145 px ; width : 18 px ; height : 0 px ; padding-top : 9 px ; overflow : hidden ; }
# footer a [ href = "http://jigsaw.w3.org/css-validator/check/referer" ] : hover { background : url ( button_css_footer_over.gif ) no-repeat ; }
/* cc */
# footer a [ href = "http://creativecommons.org/licenses/sa/1.0/" ] { position : absolute ; top : 17 px ; left : 170 px ; width : 13 px ; height : 0 px ; padding-top : 9 px ; overflow : hidden ; }
# footer a [ href = "http://creativecommons.org/licenses/sa/1.0/" ] : hover { background : url ( button_cc_over.gif ) no-repeat ; }
/* 508 */
# footer a [ title = "Check the accessibility of this site according to U.S. Section 508" ] { position : absolute ; top : 17 px ; left : 189 px ; width : 15 px ; height : 0 px ; padding-top : 9 px ; overflow : hidden ; }
# footer a [ title = "Check the accessibility of this site according to U.S. Section 508" ] : hover { background : url ( button_508_over.gif ) no-repeat ; }
/* aaa */
# footer a [ title = "Check the accessibility of this site according to WAI Content Accessibility Guidelines 1" ] { position : absolute ; top : 17 px ; left : 228 px ; width : 20 px ; height : 0 px ; padding-top : 9 px ; overflow : hidden ; }
# footer a [ title = "Check the accessibility of this site according to WAI Content Accessibility Guidelines 1" ] : hover { background : url ( button_aaa_over.gif ) no-repeat ; }
/* Move this junk out of the way */
# pageHeader ,
# preamble h3 ,
# supportingText h3 { position : absolute ; top : -1000 px ; left : -1000 px ; width : 1 px ; height : 1 px ; overflow : hidden ; }