/* this is the combined one-size-fits-all style sheet */ @charset "iso-8859-1"; ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, DIR, HR, MENU, PRE { display: block; } LI { display: list-item; } HEAD { display: none; } BODY { padding: 1.33em; line-height: 1.20; background-color: silver; color: #000066; font-family: Verdana, Arial, sans-serif; } H1 { font-size: 2em; margin: .67em text-align: center;} H2 { font-size: 1.5em; margin: .83em text-align: center;} H3 { font-size: 1.17em; margin: 1em text-align: center;} H4, P, BLOCKQUOTE, UL, FIELDSET, FORM, OL, DL, DIR, MENU { margin: 1.33em } H5 { font-size: .83em; line-height: 1.17em; margin: 1.67em } H6 { font-size: .67em; margin: 2.33em } H1, H2, H3, H4, H5, H6, B, STRONG { font-weight: bolder } BLOCKQUOTE { margin-left: 40px; margin-right: 40px } I, CITE, EM, VAR, ADDRESS { font-style: italic } PRE, TT, CODE, KBD, SAMP { font-family: monospace } PRE { white-space: pre } BIG { font-size: 1.17em } SMALL, SUB, SUP { font-size: .83em } SUB { vertical-align: sub } SUP { vertical-align: super } S, STRIKE, DEL { text-decoration: line-through } HR { border: 1px inset } OL, UL, DIR, MENU, DD { margin-left: 40px } OL { list-style-type: decimal } OL UL, UL OL, UL UL, OL OL { margin-top: 0; margin-bottom: 0 } U, INS { text-decoration: underline } CENTER { text-align: center } /* BR:before { content: "\A" } */ /* link definitions */ a:link /* unvisited links */ { color: #008b8b; text-decoration: none; } a:visited /* visited links */ {color: #3030aa; text-decoration: none; } a:active /* active links */ { color: #9400D3; text-decoration: none;} a:hover /* mouse over */ {text-decoration: none; /* blink */ color: #40e0d0; } /* Some classes - note that mozilla, netscape and IE demand case-sensitivity here! */ .center { text-align:center; } /* The basic styles for all our websites. this needs to go into the sites as gc = goddess-craft.com drv = drvielgut.de brn = brumble.net bro = brumble.org ww = thewordwood.info hag = hagelgrütze.de */ .gc { background-image: url("../pics/pinkback.gif"); background-color: transparent; color: #333300; font-family:"verdana", arial, sans-serif ;font-size: 18 px; } .drv { background-color: Blue; color: #FFA500; } .brn { background-color: Silver; color: Indigo; } .bro { background-color: Purple; color: Lime; } .ww { /* background-image: url("http://www.thewordwood.info/ww1024.jpg"); */ background-color: transparent; color: #004100; } /* This distorts the background image to exactly fit the browser window! For the start page of thewordwood.info Courtesy of http://developers.evrsoft.com/forum/showthread.php?s=17276379dd2691a854abbb416bcdd27b&p=12131#post12131*/ #ww-background { display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; padding:0%; margin:0%; } body > #ww-background { position: fixed; } #ww-text { display:block; text-align:center; position:absolute; z-index:2; padding:0%; margin:40%; color: green; } body > #ww-text { position: fixed; } .hag { background-color:transparent; background-color:black; } /* organise the banners and navigation strip */ img {border: none;} /* get images and boxes in the right place! */ img.fixed { position: absolute; } img#banner { top:20px; left: 130px; z-index:4;} img#home { top:25px; left: 20px; z-index:4;} img#css { bottom:55px; left:20px; } img#w3 { bottom:20px; left:20px ; } img#gc-home { top: 20px; left: 20px;} img#gc-fayre { top: 75px; left: 20px;} img#gc-prayerbeads { top: 130px; left: 20px;} img#gc-chakraoils { top: 185px; left: 20px;} img#gc-links { top: 240px; left: 20px;} img#gc-guestbook { top: 295px; left: 20px;} /* IE needs to be duped - hence the absolute up in the description, but fixed in the following line: */ body > img.fixed {position:fixed;} div.mailme { position:absolute; bottom:30px; left: 20px; width: 80px; height: 40px; z-index:4; color: Black; font-family: "Andale Mono", monospace; font-size: x-small; background:transparent; border:solid 0px gray;} body > .mailme { position: fixed; } div.copy { position:absolute; top:360px;left:20px;width:100px; z-index:4;color:black;background-color:transparent; background:transparent; border:solid 0px gray; font-family: "Verdana", "Arial", sans-serif; font-size: x-small; text-align:left;} body > .copy {position:fixed;} /* Textbox - the main part of the page! */ div.textbox { position: absolute; top: 180px; bottom: 20px; left: 130px; right: 20px; margin: 0; padding: 1em 1em 1em 1em; background: transparent; z-index: 1; overflow:auto; border: solid; border-width: thin; text-align: left; } /* First letter in a paragraph bigger for Goddess Craft */ p.first:first-letter {line-height: 14pt; color: #aaaa00; font-size: 150%; vertical-align: bottom; } /*Chakra oil colours*/ .VIOLET {color: #914ECF;} .INDIGO {color: purple;} .BLUE {color: #13b0ff;} .GREEN {color: green;} .YELLOW {color: gold;} .ORANGE {color: darkorange;} .RED {color: darkred;} /* brumble & vielgut navigation*/ .nav1 { position: absolute; left:20px; top:160px; z-index:4;} .nav2 { position: absolute; left:20px; top:200px; } .nav3 { position: absolute; left:20px; top:240px; } .nav4 { position: absolute; left:20px; top:280px; } .nav5 { position: absolute; left:20px; top:320px; } /* this is for some stupid weblink table and a few more: */ table.bravenet, td {background-color:white; border:gray; text-align:center;} table {border:0px;} /* An example of style for HTML 4.0's ABBR/ACRONYM elements */ ABBR, ACRONYM { font-variant: small-caps; letter-spacing: 0.1em } /* A[href] { text-decoration: underline } :focus { outline: thin dotted invert } */ /* Begin bidirectionality settings (do not change) BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override } BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override } *[DIR="ltr"] { direction: ltr; unicode-bidi: embed } *[DIR="rtl"] { direction: rtl; unicode-bidi: embed } */ /* Elements that are block-level in HTML4 */ ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME, NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT, COL, COLGROUP, TD, TH, CAPTION { unicode-bidi: embed } /* End bidi settings */