/***************************************************** project: blumt(tm) file: standard.css date: 15/11/2007 edited: 18/01/2010 author: vlek van banansich copyright: (c) 2007-2010 by http://blumt.net all rights reserved *****************************************************/ /********** base ************************************/ * { margin:0; padding:0; } *:focus { outline:none; } html { font-size:125%; overflow-y:scroll; } body { background:#fff; color:#333; font:400 normal 50%/1.5 georgia,serif; } html, body, a, abbr, acronym, fieldset, hr, img { border:none; outline:none; } abbr, acronym { border-bottom:.1em dotted #ababab; cursor:help; } em { font-weight:400; font-style:italic; } ins, a { text-decoration:none; } del { text-decoration:line-through; } strong { font-weight:700; } p { font-size:1.6em; margin:0 0 .938em; } @media print { body { color:#000; } abbr, acronym { border-bottom-color:#000; } } .clear { clear:both; } .vanish, legend span { display:none; } /********** base end ********************************/ /********** type ************************************/ .home p { margin:0; padding:0; } blockquote p { margin-left:1.875em; margin-right:2.375em; padding-bottom:.188em; padding-top:.188em; } blockquote[class=quotes] p, .home blockquote[class=no-quotes] p { margin:0 0 .938em; padding:0; } blockquote.quotes p:before, q:before { content:"\201E"; } blockquote.quotes p:after, q:after { content:"\201C"; } #content h1 { font:400 normal 1em/1.5 georgia,serif; } #lesen h1 { font:400 normal 2.4em/1.5 georgia,serif; margin:.333em 0 .25em; } .home #lesen .split h1 { font-size:3.2em; } .home #lesen .split h1 a { padding:0 0 .125em; } /* -_- (h1)s main-page content should be a 2-liner, --------------------------------------------------> otherwise (p)s level do not correspond - too much leading */ .home #lesen .split h1 { line-height:1.219em; margin:0 0 .219em; padding-top:.031em; } /* -_- (h2)s margin:.5em 0 .5em; or:.2em 0 .5em; -> who knows? */ h2 { font:400 normal 2em/1.5 georgia,serif; margin:0 0 .45em; } h3 { font:400 italic 1.8em/1.5 georgia,serif; margin:1.5em 0 0; } ul { list-style:circle; } ol { list-style:decimal; } ul, ol { margin:0 0 1.8em; overflow:visible; padding-top:.3em; } ul li, ol li { font-size:1.6em; line-height:1.5; } li > ol, li > ul { margin-bottom:.3em; } li > ol li, li > ul li { font-size:1em; line-height:1.5; } #lesen li > ol li, #lesen li > ul li { margin-left:1.25em; margin-right:2.375em; } sup { line-height:1em; } /********** type end ********************************/ /********** tag factor ******************************/ #fake-tag { float:right; float:right; font:1em/2 georgia,serif; margin:3.3em 2.5em 1em 0; padding:.7em .5em .3em .5em; width:32em; } #fake-tag a { font-size:2em; } @media print { #fake-tag { display:none; } } /********** tag factor end **************************/ /********** links ***********************************/ /* -_- invisibel drop-shadow effectively lightens the weight of type - especially for light text on dark background */ a,a:link, #fake-tag a, #fake-tag a:link { color:#0080ff; text-decoration:none; }/* #00f */ #lesen h1 a, #lesen h1 a:link, h2 a, h2 a:link { color:#000; } a:visited, #fake-tag a:visited { color:#888; } a:focus, #main h1 a:focus, h2 a:focus { color:#333; text-decoration:line-through; } a:hover, a:active, #fake-tag a:hover, #fake-tag a:active { color:#000; } #lesen h1 a:hover, #lesen h1 a:active, h2 a:hover, h2 a:active { color:#0080ff; } #fake-tag #current, #fake-tag a#current, #fake-tag a:link#current { color:#333; } /* --------------------------------------------> */ a h1, a:link h1 { color:#000; } a p, a:link p { color:#333; } a p span, a:link p span { color:#0080ff; } a:visited h1 { color:#000; } a:visited p { color:#333; } a:visited p span { color:#888; } a:hover h1, a:active h1, a:hover p span, a:active p span { color:#0080ff; } a:hover p, a:active p { color:#333; } /* --------------------------------------------> */ #fake-tag a.backend, #fake-tag a:link.backend { color:#fe3200; } #fake-tag a:hover.backend { color:#000; } @media print { a, a:link { color:#000; text-decoration:none; } #lesen h1 a, #lesen h1 a:link, h2 a, h2 a:link { color:#000; } #lesen p a:after, #lesen h3 a:after { content:" [" attr(href) "]"; } } /********** links end *******************************/ /********** logo ************************************/ /* -_- if i.e. margin-top -11 instead of -11.3 --------------------------------------------------> .3 must be added to #logo a & #content height! */ /* if #logo contains no --------------------------------------------------> #content h1 > img {...} ! */ #content h1 a img { height:32.3em; width:86em; margin-left:-2.4em; margin-top:-10.3em; } #logo a { display:block; height:22em; margin:0 0 2.4em; width:86em; border:none; } @media print { #content h1 a img { margin-top:-11.3em; } #logo a { height:21em; margin:0 0 2.4em 3em; } } /********** logo end ********************************/ /********** footnote ********************************/ #footnote { display:block; margin:3.5em 0 0 -.5em; padding:.5em .5em .5em .5em; width:100%; } #footnote p { font:400 normal 1.2em/1.5 "helvetica neue","microsoft sans serif",sans-serif; padding-top:.167em; } @media print { #footnote { border-top:1px solid #000; } } /********** footnote end ****************************/ /********** grid ************************************/ #content { clear:both; height:22em; margin:0 auto 0; width:95.5em; } #lesen { display:block; float:left; margin-left:2.5em; padding:0 .5em 2em .5em; width:54em; } .split { display:block; float:left; margin:.6em -.5em 0; padding:0 2em 2em .5em; width:23.8em; }/* padding:0 .5em 2em; width:25.3em; */ .odd { margin-right:2.9em; } @media print { #content { height:21em; } #lesen, .maintenance #lesen { margin-left:8.5em; } .mainPage #lesen { width:89.5em; } } /********** grid end ********************************/