/* Theme Name: WordPress JAZZ Theme URI: http://ulrike-haessler.de/ Description: Drei-Spalten-Layout - basierend auf dem famosen Holy Grail von a list apart. Version: 2 Author: Ulrike Haessler Author URI: http://ulrike-haessler.de/ JAZZ v2 http://ulrike-haessler.de/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ body { background: rgb(240,224,161); min-width: 1100px; padding: 1em 1em 1em 1em; font-family: "Lucida Grande", "Lucida Sans Unicode", "helvetica neue", helvetica, arial, sans-serif; font-size: 0.82em; line-height: 138%; } a img { border: none; } td, th { vertical-align: top; text-align: left; font-size: 0.9em; color: rgb(40,40,40); } /** 3-Spalten-Layout **/ #container { padding-right: 500px; position: relative; overflow: hidden; } #container .column { position: relative; float: left; padding-bottom: 20000px; /* X + padding-bottom */ margin-bottom: -20000px; /* X */ } #main { width: 100%; background: white url(/wp-content/themes/jazz_v2/images/leftcamborder.jpg) repeat-y right; min-height: 700px; z-index: 3; } #sidebar { width: 200px; background: url(/wp-content/themes/jazz_v2/images/leftcamborder.jpg); margin-right: -500px; overflow: hidden; z-index: 2; } #archiv { width: 280px; background: oldlace; right: -200px; border-left: 20px solid rgb(240,224,161); margin-right: -100%; overflow: hidden; z-index: 1; } #footer { float: left; clear: both; background: rgb(93,109,135); height: 18px; width: 100%; margin: 0; padding: 0; z-index: 1; } /** HEADER **/ table.coltop { border-collapse: collapse; width: 100%; } table.coltop a { color: rgb(250,250,255); font-size: 1.6em; text-decoration: none; } table.coltop a:hover { color: white; } td.t1 { background: url(/wp-content/themes/jazz_v2/images/vicol.png) no-repeat; width: 50px; height: 75px; padding: 0; margin: 0; } td.t2 { background: url(/wp-content/themes/jazz_v2/images/vicom.png); height: 75px; padding: 0; margin: 0; } td.t2 h1 { font-family: route_3; letter-spacing: 1px; font-size: 26px; padding-top: 6px; } td.t2 h1 a { color: darkred; } td.t3 { background: url(/wp-content/themes/jazz_v2/images/vicor.png) no-repeat; width: 50px; height: 75px; padding: 0; margin: 0; } td.t4 { background: url(/wp-content/themes/jazz_v2/images/vicorr.png) top right no-repeat; height: 75px; padding: 0; margin: 0; } /** MAIN CONTENT **/ .postmetadata { font-size: 0.94em; font-style: italic; } .postmetadata a { color: rgb(80,80,80); text-decoration: none; } .postmetadata a:hover { color: rgb(40,120,80); text-decoration: underline; } .post { margin: 1em 10% 2em 5%; clear: both; } .article { padding: 0 10%; } #main address { color: rgb(80,80,80); } #main p { color: rgb(75,75,75); max-width: 40em; } #main ul { margin-left: 0.5em; padding-left: 0.5em; } #main li { color: rgb(75,75,75); margin-bottom: 0.5em;} h2 { font-size: 1.5em; margin-top: 2em; letter-spacing: 0.1em; color: peru; font-family: Georgia, Garamond, serif;} h2.pagetitle { margin: 1em 10% 3em 5%; } h2 a { text-decoration: none; color: peru; line-height: 140%; } h3 { font-size: 1.2em; margin-top: 2em; letter-spacing: 0.1em; color: rgb(80,80,80); font-family: Georgia, Garamond, serif;} h3 a { color: rgb(30,150,30); text-decoration: none; } h3 a:hover { color: rgb(10,80,10); text-decoration: none; } .entry { font-size: 0.88em; } .entry a { text-decoration: none; color: rgb(100,100,100); } .entry a:hover { text-decoration: underline; color: rgb(50,120,100); } .navigation { padding: 1em 5% 2em 5%; width: 88%; } .navigation a { text-decoration: none; color: navy; } .navigation a:hover { color: brown; } .alignleft {float: left; width: 45%; } .alignright { float: right; width: 45%; } a.more-link { color: peru; } #commentbox { margin: 1em 10% 8em 2em; } /** sidebar **/ #sidebar .logo { height: 7em; width: 10em; } #sidebar ul { list-style: none; padding: 0; margin: 20px 4px; } #sidebar ul li { } #sidebar ul a { text-decoration: none; color: darkgreen; } #sidebar li h3 { margin: 0; font-weight: normal; padding: 6px 0 0 6px; font-size: 1em; background: url(/assets/navum.gif) repeat-x; height: 21px; } #sidebar h3 a { text-decoration: none; color: slategray; } #sidebar .falldown { padding: 0 0.3em; } #sidebar p { font-size: 0.88em; } #sidebar p a { color: rgb(60,60,60); } #sidebar li img { display: none; } #sidebar .falldown ul {margin-top: 3px; } #sidebar .falldown ul li { margin-left: 3px; margin-bottom: 1px; } #sidebar .falldown ul a { text-decoration: none; color: rgb(70,70,60); border-left: 6px solid transparent; padding-left: 2px; } #sidebar .falldown ul a:hover { color: darkslategray; border-left: 6px solid darkslategray; } /** ARCHIV **/ #archiv .logo { height: 7em; width: 10em; } #archiv .note { padding: 1em; } #archiv a { text-decoration: none; } .note p { font-size: 0.86em; } #frapper { } #footer { color: white; } #footer p { border-left: 1px solid navy; border-right: 1px solid navy; padding: 0.4em 1%; color: silver; margin: 0; } #footer a { color: gainsboro; text-decoration: none; font-size: smaller; } #footer a:hover { color: white; } table.colbot { border-collapse: collapse; width: 100%; } table.colbot a { color: white; text-decoration: none; } table.colbot a:hover { color: silver; } table.colbot td.t1 { background: url(/wp-content/themes/jazz_v2/images/ulbluesilk.gif) bottom no-repeat; width: 14px; height: 60px; padding: 0; margin: 0; } table.colbot td.t2 { background: url(/wp-content/themes/jazz_v2/images/umbluesilk.gif); bottom height: 60px; padding-top: 2px; margin: 0; color: white; } table.colbot td.t3 { background: url(/wp-content/themes/jazz_v2/images/urbluesilk.gif) bottom no-repeat; width: 14px; height: 60px; padding: 0; margin: 0; } #thePopUp { position: absolute; margin-top: -20px; left: 0; margin-left: 10px; border: 1px solid gray; z-index: 100; background: white url(/wp-content/themes/jazz_v2/images/menubg.gif) repeat-x; } #menuTop { display: block; padding-top: 3px; padding-left: 3px; } dl.popup { float: right; margin: 0 0 1em 1em; } dl.left { float: left; margin: 0 1em 1em 0em; } dl.popup img { border: 1px solid gainsboro; padding: 2px; } dl.popup dd, dl.flat dd { padding: 4px; margin: 0; font-style: italic; font-size: 0.82em; font-family: Verdana; line-height: 110%; } dl.flat { float: right; margin: 0 0 1em 1em; } dl.flat img { } dl.links { float: left; margin: 0 1em 1em 0; } hr { visibility: hidden; clear: both; } .borderline { padding: 1em; font-size: smaller; overflow: hidden; background: ivory; } .borderline h4 { padding: 4px; margin: 0 0 6px 0; } .gallery { background: beige; } .gallery-item ( border-right: 4px solid beige; )