/* Theme Name: jawl 2011
Theme URI: http://jawl.net/
Description: Die 2011er - Version des einzig wahren jawl-Themes.
Version: 3.2
Author: Christian Fischer
Author URI: http://c-fischer.com
Tags: white, fixed width, one column Text
Domain: jawl */
 /* .. Reset'em all */ * { margin: 0; padding: 0; outline: none; } /* .. Basics */ body { background: url("images/back-body.jpg"); background-position: center top; background-repeat: no-repeat; background-color: #fff; color: #313131; font-family: 'Droid Sans', verdana, arial, helvetica, swiss, sans-serif; font-size: 115%; text-align: center; } hr { margin: 0 0 -1px 0; width: 1px; height: 1px; border:none; visibility: hidden; clear: both; } img { border: none; } .screen-reader-text { display: none !important; } .center { text-align: center; } /* .. Aufbau */ #page { margin: 0 auto; text-align: left; font-size: 0.7em; } #oldiestop { padding: 5px; background-color: #fffa99; border-bottom: 2px solid #cfcfcf; font-size: 10px; } #head { margin: 0 auto; width: 800px; height: 160px; text-align: left; font-size: 0.7em; background-image: url("images/back-head.jpg"); background-position: center top; background-repeat: no-repeat; } #metanavi { list-style-type: none; height: 22px; } #metanavi li { margin: 0 0 0 -1px; padding: 3px 15px 0 15px; border-left: 1px solid #777; border-right: 1px solid #777; float: right; height: 19px; } #metanavi li:hover { background-color: #777; border-left: 1px solid #535353; } #head #searchform { height: 22px; overflow: hidden; } #head #searchform * { display: inline; } #head #s { font-size: 9px; width: 200px; } #head #searchsubmit { font-size: 9px; background-color: #aaa; border: 1px solid #999; } #logo { margin: 19px 0 0 0; width: 195px; height: 110px; float: left; } #mainnavi { margin: 112px 0 0 0; padding: 4px 0 0 0; height: 15px; } #mainnavi ul { list-style-type: none; font-size: 11px; float: right; } #mainnavi li { float: left; color: #fff; } #mainnavi li:after { content:" :: "; } #mainnavi li.last:after, #mainnavi li.menu-item-1948:after { content:""; } #mainnavi li a { margin: 0 3px 0 5px; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; } #mainnavi li a:hover, #mainnavi .current-menu-item a { color: #565656; } #switcher { padding: 2px 2px 5px 2px; float: right; width: 240px; height: 9px; text-align: center; background: url("images/back-switcher.gif"); background-repeat: no-repeat; } #switcherbutton { color: #565656; text-decoration: none; font-size: 10px; text-transform: uppercase; cursor: pointer; } #divider { background: url("images/back-content.gif"); background-repeat: repeat-x; height: 25px; border-bottom: 1px solid #c3c3c3; } #rssbadge { margin: 0 auto -78px auto; height: 78px; width: 720px; z-index: 4; position: relative; } #innerbadge { height: 20px; width: 76px; overflow: hidden; background: url("images/back-rssbadge.png"); background-repeat: no-repeat; background-position: left bottom; } #innerbadge:hover { height: 59px; } #innerbadge a { display: block; margin: 0 660px 0 0; } #wrapper { background-color: #fff; } #themenliste { margin: 2em 0 0 0; padding: 20px 40px 20px 40px; background: url("images/back-pagebar.gif"); background-repeat: repeat-x; background-color: #595959; } #themenliste img { margin: 0 15px 0 5px; opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50); } #themenliste img:hover { opacity:1; -moz-opacity:1; filter:alpha(opacity=100); } #footer { padding: 1em 0 0 0; color: #dedede; background: url("images/back-footer.gif"); background-repeat: repeat-x; background-color: #595959; } #footer a { color: #dedede; text-decoration: none; } #footer h2 { margin: 0 0 0.4em 0; padding: 0 0 0.4em 0; font-size: 1em; font-weight: bold; border-bottom: 1px dotted #858585; } #footer h2:focus { outline: none; } #footer #accordion h2 { cursor: pointer; } #footer .folder { margin: 0 0 20px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #858585; } #footerwrapper { margin: 0 auto; padding: 20px 0; width: 800px; text-align: left; font-size: 0.65em; } #teliad { margin: 0 auto; width: 700px; list-style-type: none; text-align: center; } #teliad li { margin: 0 10px; float: left; } #footer .box { margin: 0 0 20px 0; padding: 10px; border: 1px solid #777; -moz-border-radius: 5px; border-radius: 5px; background: url("images/back-box.gif"); background-repeat: repeat-x; } #footer .cola { margin: 0 20px 20px 0; width: 231px; float: left; } #footer .colb { margin: 0 20px 20px 0; width: 231px; float: left; } #footer .colc { margin: 0 0px 20px 0; width: 231px; float: left; } #footer .box ul { list-style-type: none; } #footer .box ul li { margin-bottom: 0.3em; } #footer .box ul li.endgroup { margin-bottom: 1.4em; } #footer .categorylist li { margin-right: 15px; display: inline; } #footer .socialbm { margin: 0 auto; width: 520px; } #footer .socialbm img { margin: 4px; opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50) } #footer .socialbm img:hover { opacity:1; -moz-opacity:1; filter:alpha(opacity=100) } #footer .tagcloud a { padding: 4px 8px; } #footer .folder { display: none; } /* . Blogroll*/ .blogrollmain { padding: 0 4px 0 4px; } .blogrollitem { display: inline; padding: 0 20px 0 0; } .blogrollfolder { font-weight: bold; margin-top: 10px; } .cut { overflow: hidden; } .space { margin-bottom: 0.5em; } .reader-publisher-module h3 { margin: 30px 0 10px 0; padding: 2px 0; font-weight: bold; background-color: #6a6a6a; text-align: center; -moz-border-radius: 3px; border-radius: 3px; } .reader-publisher-module ul li { display: inline; padding: 0 20px 0 0; } .reader-publisher-module .f { display: none; } #abschluss { padding: 2px 0 0 0; border-top: 1px dotted #858585; text-align: right; } /* .. Inhalt */ #content { position: relative; padding: 60px 0 0 0; line-height: 1.6em; z-index: 2; } #content .postwrapper { padding: 6em 0 0 0; background: url("images/back-postwrapper.gif"); background-repeat: repeat-x; background-position: bottom; } #content .postwrapperneutral { background-image: none !important; padding: 6em 0 6em 0; } #content .weiter { margin: 8em 0 0 0; text-align: center; } #content .post { margin: 0 auto; padding: 0 0 0 85px; clear: right; width: 742px; } #content .sticky { padding: 25px 0 15px 0; border-top: 5px solid #e98a20; border-bottom: 5px solid #e98a20; } #content .entry { font-size: 14px; line-height: 22px; z-index: 4; } #content .entryarchiv { margin-bottom: 60px !important; } .permalink { padding: 4px 0 0 0; text-align: right; color: #ccc; font-size: 10px; border-top: 1px solid #ececec; } .permalink:hover { color: #313131; } #content .cat_description { margin: -4em auto 80px auto; padding: 0 0 0 85px; width: 742px; font-style: italic; font-size: 12px; color: #aaa; } #content a { padding: 0 2px 0 10px; color: #885112; text-decoration: none; background-repeat: no-repeat; background-position: 2px 4px; } #content a[href^="http"] { background-image: url(images/li-extern.gif); } #content a[href^="http://jawl"], #content a[href^="http://www.jawl"] { background-image: url(images/li-intern.gif); } a.zoom { cursor: url("images/cur-lupe.ico"), url("images/cur-lupe.png"), pointer; } .entry a:hover { background-color: #eee; -moz-border-radius: 4px; border-radius: 4px; } .headcatpic { margin: 0 0 0 -70px; padding: 10px 0 0 0; } .headcatpic:hover { opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50); } #content h2 a, #content .postmetadata a, a.other, a.nosign, .navigation a, .aktt_tweet_digest a, .commentlist a, .permalink a, a.zoom, a.more-link, .pagebar a { padding: 0 !important; background-image: none !important; } #content h2 { margin: 0 0 8px 0; padding: 0 0 8px 0px; border-bottom: 1px solid #ececec; font-family: 'Josefin Sans', verdana, arial, helvetica, swiss, sans-serif; font-size: 20px; color: #888; text-transform: uppercase; font-weight: bold; } #content h2 a { margin: -10px 0 0 0; color: #313131; color: #888; } #content h2.pagetitle { margin: 0 auto 3em auto; padding: 0 0 0 85px; width: 742px; } #content p, #content li, #content blockquote { margin: 0 0 0.8em 0; } #content ul, #content ol { padding: 0 0 0 22px; } #content blockquote { padding: 0 0 0 10px; font-family: "times new roman", times, serif; font-style: italic; font-size: 1.2em; line-height: 1.2em; color: #aaa; border-left: 20px solid #cfcfcf; } #content s { color: #999; text-decoration: line-through; } .postmetadata { margin: 0 0 6px -85px !important; font-size: 11px; line-height: 1.2em; text-align: right; width: 60px; float: left; } .pmdarchiv { margin-top: -34px !important; } /* .. SWYN */ .swyn { position: relative; margin: 0 0 0 20px; width: 215px; height: 26px; float: right; /*background: url("images/back-swyn.gif");*/ background-repeat: no-repeat; } .innerswyn { visibility: hidden; margin: 0 0 0 30px; padding: 4px; width: 158px; height: 126px; background-color: #fff; overflow: hidden; text-align: center; border: 1px solid #cfcfcf; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 2px #aaa; box-shadow: 1px 1px 2px #aaa; } .innerswyn * { visibility: hidden !important; } .swyn:hover .innerswyn { /*display: block; visibility: visible;*/ position: absolute; } .swyn:hover .innerswyn * { visibility: visible !important; } .innerswyn div { display: block; margin: 0 auto 0 auto; padding: 4px 0; } /* .. Pagination */ #pagebarwrapper { text-align: center; background: url("images/back-footertop.gif"); background-repeat: repeat-x; background-position: top; } .pagebar { margin: 0 auto; padding: 30px 0 0 0; text-align: center; width: 800px; } .pagebar a, .pagebar span { display: inline-block !important; margin: 5px; padding: 5px !important; width: 20px; height: 20px; overflow: hidden; background-color: #eee; color: #cfcfcf !important; border: 1px solid #cfcfcf; -moz-border-radius: 10px; border-radius: 10px; font-size: 14px; font-weight: bold; text-decoration: none; -moz-box-shadow: 1px 1px 2px #aaa; box-shadow: 1px 1px 2px #aaa; } .pagebar .this-page { color: #313131 !important; } .pagebar a:hover { background-color: #ec8d1f; color: #313131 !important; } .navigation { position: relative } .navigation .alignleft { position: fixed; top: 460px; left: 10px; width: 50px; height: 50px; overflow: hidden; text-align: right; } .navigation .alignright { position: fixed; margin: 0 0 0 -60px; top: 460px; left: 100%; width: 50px; height: 50px; overflow: hidden; text-align: left; } .navigation a { color: #fff !important; font-size: 1px; } .navigation img:hover { opacity:.7; -moz-opacity:.7; filter:alpha(opacity=70); } /* .. Inhalt-Besonderheiten */ .meetme { margin-bottom: -3em; background: url("images/meetme.gif"); background-repeat: no-repeat; background-position: bottom left; } .delicious-link a { padding: 0 !important; background-image: none !important; } .delicious-extended { font-style: italic; } .delicious-extended:before { content:"\00BB"; } .delicious-extended:after { content:"\00AB"; } .delicious-tags { display: none; } #mugshot { margin: 0 30px 40px 0; padding: 10px; width:200px; border: 2px solid #cfcfcf; text-align: center; float: left; } #mugshot a, #mugshot span, #mugshot br { display: none; } .video { margin: 20px 0 10px 0px; padding: 10px; border: 2px solid #cfcfcf; } #fremdgegangen { padding: 0 !important; list-style-type: none; } #fremdgegangen li { margin: 0 0 10px 0; padding: 10px 0 0 0; border-top: 1px dotted #cfcfcf; height: 60px; } #fremdgegangen li img { margin: 0 30px 0 0; float: left; vertical-align: bottom; } #kontaktlinks { display: table; margin: 0 0 30px 0; width: 742px; } #kontaktlinks li { display: table-cell; min-width: 100px; background-position: center top; background-repeat: no-repeat; padding: 100px 0 0 0; text-align: center; font-size: 12px; } #kontaktlinks .ko-mail { background-image: url(images/ic-mail.gif); } #kontaktlinks .ko-aim { background-image: url(images/ic-aim.gif); } #kontaktlinks .ko-skype { background-image: url(images/ic-skype.gif); } #kontaktlinks .ko-icq { background-image: url(images/ic-icq.gif); } #kontaktlinks .ko-gtalk { background-image: url(images/ic-gtalk.gif); } /* .. Bilder */ img.alignright { margin: 0 0 20px 10px; float: right; } img.alignleft { margin: 0 10px 20px 0; float: left; } img.aligncenter { display:block; margin: 0 auto; } img.size-full { max-width: 375px; } .wp-caption { margin: 1px 0 25px -32px; padding: 10px 0 0 10px; border: 1px solid #cfcfcf; } .wp-caption-text { padding: 3px 0; color: #999; text-align: center; } /* .. Comments */ #commentform { margin: 2em 0 2em 0; } #commentform input, #commentform textarea { margin: 0 0 0 10px; padding: 2px; width: 369px; float: right; color: #373121; font-family: verdana, arial, helvetica, swiss, sans-serif; font-size: 11px; border: 1px solid #DFDFDF; } #commentform input:focus, #commentform textarea:focus { border: 1px solid #838383; } #commentform p { margin: 0 0 1em 0; clear: right; } #commentform label { display: block; text-align: right; } #spamwarn { width: 375px; float: right; font-size: 0.85em; line-height: 1.1em; color: #cfcfcf; } #submit { width: 200px !important; } #pings, h3 { margin: 0 0 3em 0; font-size: 1em; font-weight: bold; } #comments { margin: 6em 0 3em 0; font-size: 1em; font-weight: bold; } #commentwrapper { margin: 0 auto; padding: 0 0 0 85px; width: 742px; } .commentlist { margin: 0 0 3em 0; padding-left: 0 !important; list-style-type: none; } .commentlist li { margin: 0 0 4em 0; clear: left; text-align: left; } .commentlist .vcard { margin: 4px 10px 4em 0; width: 60px; height: 100%; text-align: left; float: left; } .commentlist .vcard cite, .commentlist .pingsender cite, .fn { font-style: normal; } .commentmetadata { border-bottom: 1px solid #ececec; } .commentlist .comment-content { font-size: 14px; line-height: 22px; } .commentlist .pingsender { margin: 0 10px 4em 0; width: 334px; height: 100%; text-align: right; float: left; } /* .. Marginalinfos oben */ #marginal-content { position: relative; margin: 10px auto 0 auto; width: 800px; } #marginal-content .folder { display: none; } #marginal-content h2 { position: absolute; top: -17px; padding: 1px 5px 1px 5px; background-color: #fff; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-radius-bottom-right: 5px; border-radius-bottom-left: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; height: 12px; width: 50px; font-size: 10px; font-family: arial, sans-serif; font-weight: normal; text-align: right; color: #888; cursor: pointer; } #marginal-content h2.ui-state-active, #marginal-content h2:hover { background-color: #ddd; } #marg-twitter { left: 735px; } #marg-fotos { left: 677px; } #marg-socials { left: 589px; width: 80px !important; } #marg-posterous { left: 509px; width: 80px !important; } .flickr_badge_image { display: inline; margin: 2px; } .flickr_badge_image img { border: 1px solid black !important; margin: 15px; } #socialbadge img { margin: 15px; opacity:.4; -moz-opacity:.4; filter:alpha(opacity=40); } #socialbadge img:hover { opacity:1; -moz-opacity:1; filter:alpha(opacity=100); } #flickrbadge { margin: 15px; } #twitterbadge { width: 800px; height: 119px; background: url("images/back-twitterbadge.gif"); background-repeat: no-repeat; } #twitterbadge p { margin: 0 0 0 210px; width: 560px; text-align: left; color: #999; font-size: 16px; line-height: 22px; font-family: georgia, 'times new roman', serif; font-style: italic; } #twitterbadge a { text-decoration: none; color: #999; border-bottom: 1px dotted #ddd; } #twitterbadge .aktt_tweet_time { margin: 4px 0 0 0; display: block; font-size: 11px; border: none; } #infobadge { background: url("images/back-infobadge.jpg"); background-repeat: no-repeat; } #socialbadge img { margin: 15px; } /* .. who the fuck? */ #whothefuck { position: fixed; padding: 10px; top: 100px; left: -107%; width: 110%; height: 300px; opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90); -moz-box-shadow: 1px 1px 2px #aaa; box-shadow: 1px 1px 2px #aaa; border: 1px solid #cfcfcf; -moz-border-radius: 10px; border-radius: 10px; cursor: help; z-index: 4; background: url("images/back-who.gif"); background-repeat: no-repeat; background-position: right; background-color: #595959; } #innerwho { padding: 20px; margin: 0 auto; width: 702px; height: 260px; border: 1px solid #cfcfcf; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; text-align: left; font-size: 11px; cursor: default; } #whocf { margin: 0 20px 10px 0; float: left; } #innerwho h2 { margin: 0 0 0.8em 0; padding: 2px; font-size: 1em; font-weight: bold; background-color: #ddd; -moz-border-radius: 3px; border-radius: 3px; } #innerwho p { margin: 0 0 0.8em 0; line-height: 1.5em; } #innerwho p.img { margin: 0 0 0.8em 97px; } #innerwho .first { margin-top: -0.7em; } #innerwho ul { padding: 0 0 0 20px; } #innerwho li { margin: 0 0 0.8em 0; } #innerwho a { color: #885112; text-decoration: none; } #innerwho a:hover { color: #313131; text-decoration: underline; } #whoclose { border-bottom: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; font-weight: bold; } #wholeft { margin: 0 40px 0 0; width: 330px; height: 260px; float: left; } #whoright { margin: 0 0 0 370px; width: 330px; height: 260px; } #whocats { padding: 10px; text-align: center; line-height: 1.7em; border: 1px solid #cfcfcf; -moz-border-radius: 5px; border-radius: 5px; } #whocats li { padding: 6px !important; display: inline; white-space: nowrap; font-weight: bold; } #whosocial { padding: 4px; text-align: center; background-color: #595959; -moz-border-radius: 5px; border-radius: 5px; } #whosocial img { margin: 0 3px; } code {display: block; margin: 0 100px 0.8em 20px; padding: 10px; border-radius: 5px; box-shadow: 0 0 2px #999; background-color: #eee; font-family: "courier new", courier, monospace;}