/* css Zen Garden submission 118 - 'Some Leafs', by Michael Tupy, http://www.t-2.at/ */ /* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/ */ /* All associated graphics copyright 2004, Michael Tupy */ /* Added: Sept. 2nd, 2004 */ /* 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. */ /* css zen garden - "some leafs" - michael tupy - t2 graphic design - http://www.t-2.at/ */ /* this is a basic theme - works with nearly all browsers */ /* all the text is visible and easy to change */ /* the css code is overcoded and long - so its easier for css starters */ /* tested with: */ /* on mac osx: safari 1.2.2, camino 0.8b, mozilla 1.7, firefox 0.9, omniweb 4.5, ie 5.2.3, */ /* on mac os9: ns 7.0.2, ie 5.1.6, */ /* on win98: ie 6.0.2800, ns 7.0.1, moz 1.6, firefox 0.9, opera 7.03, */ /* ie5 win - grrr - start */ /* body { font: small serif; margin: 0px; padding: 0px; line-height: 14px; color: #000; font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small; text-align: left; }*/ /* ie5 win - grrr - end */ /* opera - grrr - start */ body { font-size: small; } /* opera - grrr - end */ /* start of the real css */ /* basic elements */ body { margin: 0; padding: 0; background-color: WHITE; color: white; background: #FFF url('images/b1.jpg') no-repeat top left fixed; background-repeat: repeat-yes; font: 'Times New Roman',arial, helvetica, verdana, sans-serif;; font-size: 12.5px; text-align: justify; } #wrapper { background-color: white; color: black; margin: 20px 70px 70px 70px; padding: 10px; border: 6px solid #D1CAAA; } #header-bottom0 { border-top: 6px sold #D1CAAA; border-bottom: 6px solid #D1CAAA; padding: 0px; } #header-bottom { border-top: 6px sold #D1CAAA; border-bottom: 6px solid #D1CAAA;; } #header-bottom ul { margin: 0; padding: 0 0px 0 0; text-align: right; } #header-bottom li { display: inline; } #header-bottom a:link, #header-bottom a:visited { font-size: 18px; text-decoration: none; background-color: pink; color: BLACK; } #tagline { font-size: 15px; background-color: pink; color: #050845; font-style: italic; margin: 0; padding: 0 0 0 0px; width: 370px; float: left; } #header-bottom li { display: inline; background-color: ; color: #d2d2a6; } #header-bottom { back-ground: ; } } #main { margin-top: 0px; } #content { height: 1333px; margin: 0 0 0 145px; border: 6px solid #D1CAAA; background-color: white; color: black; } #mainfeature { background-image: url(img/.jpg); background-repeat: no repeat; background-color: ; color: black; padding: 1em 1em 1em 15px; } #mainfeature h2{ margin: 0; font-weight: normal; font-size: 220%; } #mainfeature p.more { margin-top: 0; text-align: right; } #mainfeature p.more a:link, #mainfeature p.more a:visited { color: white; background-image: url(.gif); background-repeat: no-repeat; background-position: center left; padding-left: 0px; } # content .inner { margin: 10px 10px 10px 10px; } #content .inner h2 { color: #245185; padding-bottom: 0.1em; border-bottom: 1px solid ; font-size: 5px; } #content .inner ul.features { margin: 0; padding: 0; list-style: none; } #content .inner h3 { font-size: 60px; } #content .inner h3 a:link, #content .inner h3 a:visited { color: black; } #content .inner p { color: pink; font-size= 90%; } #content .inner .feature li img { float: left; margin: 0 0px 0px 0; } #content .inner p.author { font-weight: ; } #content .inner p.more a:link, #content .inner p.more a:visited { color: black; background-image: url(img/more-buulet.gif); background-repeat: no-repeat; background-position: center right; padding-left: 6px; font-size: 90%; color:#1e4c82; } ul { list-style: none; margin: 0; padding: 0; } #menu6 { height: 105px; width: 140px; margin: 5px; } #menu6 li a { height: 7px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu6 li a:link, #menu6 li a:visited { color: black; display: block; background: url(images/menu1.GIF); padding: 4px 0 0 8px; } #menu6 li a:hover, #menu6 li a:active { color: darkred; background: url(images/menu6.GIF) 0 -32px; padding: 4px 0 0 8px; } #sidebar{ position: absolute; height: 1345px; top: 0; left: 0; width: 150px; background-color:#D1CAAA; color: black; margin:0; padding: 0; } #main { position: relative; top: 0; left: 0; width: 100%; margin-top: 15px; #sidebar h3 { font-size: 110% background-image: url(img/sidebar-header-bg.jpg); background-repeat: no-repeat; margin: 0; padding: 0.2em 1 0.2em 10px; font-weight: normal; } #sidebar .inner { padding: 10px; } #sidebar ul { list-style-image: url(img/more-bullet.gif); margin-left: 0; padding-left: 0px; } #sidebar p, #sidebar li { font-size: 20px; line-height: 1.4em; } #sidebar ul a:link, #sidebar ul a:visited{ color: white; } #sidebar .date { font-weight: bold; } #searchform .text { width: 200px; border: 1px solid #b6b690; #search .searchbutton { text-align: left; margin-top: 4px; } #searchform .btn { border: 1px solid #45bac0; background-color: 3256290; color: black; } #sidebar .motm-image { float: right; margin: 0 30px 0 20px; } #sidebar p.more { clear: right; margin: 0 10px 0 0; text-align: right; } #sidebar p.more a:link, #sidebar p.more a:visited { color: white; background-image: url(im/more.bullet.gif); background-repeat: no-repeat; background-position: center left; padding-left: 10px; }