/* Theme Name: Tramprennen Theme URI: http://tramprennen.org Description: wordpress theme for tramprennen.org Author: Johannes Pilkahn, Malte Schremmer (graphics) Author URI: http://pilkahn.org Version: 3.1 Tags: */ /* FONT-FACE */ @font-face { font-family: 'estrya'; src: url('fonts/estrya-webfont.eot'); src: url('fonts/estrya-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/estrya-webfont.woff') format('woff'), url('fonts/estrya-webfont.ttf') format('truetype'), url('fonts/estrya-webfont.svg#JellykaEstryasHandwritingRg') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family: 'GSVcA'; src: url('fonts/gillsansboldcondensed-webfont.eot'); src: url('fonts/gillsansboldcondensed-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gillsansboldcondensed-webfont.woff') format('woff'), url('fonts/gillsansboldcondensed-webfont.ttf') format('truetype'), url('fonts/gillsansboldcondensed-webfont.svg#GillSansMTBold') format('svg'); font-weight:normal; font-style:normal; } /* RESET */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; } html { overflow-y:scroll; height: 100%; font-size:62.5%; } body { font-family:OFL Sorts Mill Goudy TT,Trebuchet,Trebuchet MS,Arial,Helvetica,Verdana,Museo,Nilliamd,Baskerville,Garamond,Georgia,serif; min-height:100%; letter-spacing:0; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; } ol, ul, li { list-style-position:inside; list-style-type:none; } caption, th { text-align:left; } q:before, q:after { content:''} a { font-weight:bold; outline:none; text-decoration: none; color:#faca57; cursor:pointer; } a:hover { background:none; color:#eee; cursor:pointer; } a:active { background:none; color:#faca57; } a img { border:none } /* Gets rid of IE's blue borders */ b, strong { font-weight:bold; } i, em { font-style:italic; } u { text-decoration:underline; } img { vertical-align:top; } p { font-size:1.6em; padding-top:16px; line-height:1.4em; } textarea { border:2px solid #faca57; background:#ccc; } textarea:focus { border:2px solid #faca57; background:#fff; } input { border:2px solid #faca57; background:#ccc; } input:focus { border:2px solid #faca57; background:#fff; } input[type="submit"] { padding:2px 4px; color:#333; font-weight:bold; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} input[type="submit"]:hover { background:#fff; } input[type="button"] { padding:2px 4px; color:#333; font-weight:bold; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} input[type="button"]:hover { background:#fff; } select { border:2px solid #faca57 !important; background:#ddd !important; } select[size="0"] { border:2px solid #faca57 !important; background:#ddd !important; } select[size="1"] { border:2px solid #faca57 !important; background:#ddd !important; } @-moz-document url-prefix() { option { margin:0 1px 0 0; }} iframe { background-color:#555; border:1px solid #faca57; padding:2px; } /* UTILITY */ .iphone-show { display:none; } .error { color:#820b0b; } .link-list a { font-size:1.2em !important; line-height:1.5em !important; font-weight:bold !important; } .align-left { float:left; } .align-right { float:right; } .align-center { margin:0 auto; } .align-tcenter { text-align:center; } .trampee-list { padding:16px 0 0; } .trampee-list li { font-size:1.6em; list-style-image:url(images/trampees-item.png); list-style-type:disc; padding:0 0 0 25px; text-indent:-25px; } .indented-list li { margin:0 0 0 50px; } .white { color:#fff; } .vca-blue { color:#00586c; font-weight:bold; } .vca-blue a { color:#00586c; } .vca-blue a:hover { color:#fff; } .black-link { color:#000; } .black-link:hover { color:#fff; } .hidden { display:none; } .overflow-wrap { overflow:hidden; } .half-page { width:47%; } .bold-font { font-weight:bold; } .no-top-margin { margin-top:0 !important; } .margined-right { margin-right:15px; } .bordered { padding:2px; background:#555; border:1px solid #faca57; } img.no-border { padding:0 !important; background:none !important; border:none !important; } .estrya { font-family:estrya; } #tooltip { padding:6px 6px 1px; background:#eee; border:2px solid #faca57; text-align:left; font-size:1.4em; z-index:500; margin-right:20px; } span.tip { font-weight:bold; color:#fff; z-index:500; } span.tip:hover { color:#faca57; } a.slideshowlink, a.piclenselink { font-weight:bold; } img.shuttered { padding:2px; background:#555; border:1px solid #faca57; } img.shuttered:hover { background:#faca57; } .vca-font { font-family:GSVcA; } /* LAYOUT */ #wrapper { max-width:1000px; min-width:780px; padding:0 70px 0; margin:0 auto; } #header { height:108px; } #navigation { margin:0 auto 12px; height:70px; } #subnavigation { margin:0 auto; height:60px; } #forums-wrap { float:left; max-width:1000px; min-width:780px; } #main-content-wrap { float:left; width:100%; } #main-content { margin-right:280px; } #sidebar { float:left; width:240px; margin-left:-240px; display:block; position:relative; z-index:100; } .push { height:100px; clear:both; position:relative; } #footer { height:731px; background:url(images/footer-bg.jpg); width:100%; overflow:hidden; } #footer-info { padding:60px 0 0 0; background: url(images/strip.jpg) 0 60px repeat-x; width:100%; height:36px; } #footer-info-iphone { display:none; } .footer-info-wrap { max-width:1000px; min-width:780px; padding:0 70px 0; margin:0 auto; overflow:hidden; } #footer-container { max-width:1000px; min-width:780px; padding:0 70px 20px; margin:40px auto 0; height:575px; position:relative; } #background-image { width:100%; height:100%; position:fixed; top: 0; left: 0; z-index:-2; } #shadows { background:url(images/shadows.png) no-repeat; height:348px; width:367px; float:right; z-index:-1; position:absolute; bottom:0; right:0; z-index:-1; } h1 { font-size:4em; color:#fff; background:url(images/breaker-wrap.png) 0 29px no-repeat; padding-bottom:8px; font-family:estrya; margin:13px 0 0; } @-moz-document url-prefix() { h1 { background-position:0px 40px !important; }} h1>a { font-size:1em; color:#fff; font-weight:normal; } h1>a:hover { color:#faca57; } h2 { font-size:4em; color:#fff; background:url(images/breaker-wrap.png) 0 29px no-repeat; padding-bottom:8px; font-family:estrya; margin:40px 0 -5px 0; } @-moz-document url-prefix() { h2 { background-position:0px 40px !important; margin:20px 0 0; }} h2>a { font-size:1em; color:#fff; font-weight:normal; } h2>a:hover { color:#faca57; } h3 { font-size:3.7em; font-family:estrya; color:#fff; margin:20px 0 -18px 0; } h3.list-heading { font-size:3.4em; color:#000; margin:0; } h3.tr11-head { margin:20px 0 -10px; } h3>a { font-size:1em; color:#fff; } h3>a:hover { color:#faca57; font-weight:normal; } h4 { font-size:1.8em; margin:15px 0 -18px; font-weight:bold; } /* HEADER */ #banner { width:480px; height:98px; padding:10px 0 7px; position:relative; display:block; z-index:100; } div#top-right-options { float:right; margin:20px 22px 0 0; } #searchsubmit { background:transparent url(images/search-button-sprites.png) -23px 0 no-repeat; cursor:pointer; height:23px; width:23px; border:0 none; } #searchsubmit:hover { background:transparent url(images/search-button-sprites.png) no-repeat 0 0; cursor:pointer; height:23px; width:23px; border:0 none; } #s { color:#999999; float:left; padding:1px 0 1px 2px; height:17px; border:2px solid #faca57; width:120px; } #searchform { padding:0; width:100%; } #searchform input[type="text"] { background:#eee; } #searchform input[type="text"]:focus { background:#fff; } #tr-bar-open { height:34px; width:100%; background:url(images/footer-bg.jpg); position:relative; } #tr-bar-closed, #tr-bar-closer { width:17px; height:15px; position:relative; margin:9px 9px 0 0; float:right; display:block; overflow:hidden; } #tr-bar-closed img, #tr-bar-closer img { position:relative; } #tr-bar-closed img { top:-15px; } #tr-bar-closed img:hover { left:-17px; } #tr-bar-closer img:hover { left:-17px; } #bar-links { float:right; font-family:GSVcA; font-size:1.3em; margin:8px 20px 0 0; color:#bbb; } #bar-links a { color:#bbb; font-weight:normal; } #bar-links a:hover { color:#faca57; } #bar-search-lang { float:left; margin:5px 0 0; min-width:500px; } #search-wrap { float:left; margin:0 0 0 5px; overflow:hidden; } #language-wrap { float:left; margin:0 0 0 8px; } #language-wrap a { font-weight:normal; } #bar-about-wrap { float:left; margin:4px 0 0 15px; font-family:GSVcA; font-size:1.3em; } #bar-about-wrap a { color:#bbb; padding:0 20px 0 0; font-weight:normal; } #bar-about-wrap a:hover { color:#faca57; } #login-wrap { position:relative; } #login-wrap a { font-weight:normal; } #login-field { position:absolute; top:26px; right:-12px; display:none; font-size:.6em; width:216px; overflow:hidden; background:url(images/footer-bg.jpg); padding:15px; z-index:300; } #login-field h2 { margin:0; display:none; } #lang_sel a, #lang_sel a:visited { line-height:25px; } #lang_sel ul ul a { width:100%; height:100%; } #lang_sel img.iclflag { top:0; } #lang_sel { float:right; } #lang_sel a, #lang_sel a:visited { padding-left:17px; } #lang_sel ul ul { border:none; background:url(images/footer-bg.jpg); padding:7px 7px 7px !important; height:23px; margin:20px 0 0 !important; top:0; } #lang_sel ul ul li, #lang_sel ul ul li:hover { background:url(images/footer-bg.jpg); } #lang_sel a, #lang_sel a.lang_sel_sel, #lang_sel ul ul a { background:none; color:#bbb !important; font-family:GSVcA; font-size:13px; border:none; } #lang_sel a:hover, #lang_sel a.lang_sel_sel:hover, #lang_sel ul ul a:hover { background:none; color:#faca57 !important; } #lang_sel a:hover { background:url(images/footer-bg.jpg); } .lang_sel_sel .iclflag { top:6px !important; } /* FRONTPAGE */ .front-list-wrap-wrap { overflow:hidden; margin:37px 0 0; } .front-list-wrap { width:47%; } .front-list-wrap li { margin:0 0 0 20px !important; } .front-img-wrap-wrap { overflow:hidden; margin:20px 0 0; } .front-img-wrap { width:47%; } .front-img-wrap li { margin:0 0 0 20px !important; } .front-img-wrap p { text-align:center; } .front-img-wrap img { padding:2px; background:#555; border:1px solid #faca57; } .home-info-tab { width:100%; margin:10px 0 0 8px; position:relative; min-height:225px; } .home-info-tab h3 { margin:-15px 0 10px; background:none; } .home-category-wrap { width:120px; float:left; } .home-category { width:120px; position:absolute; } .home-description { margin:0 0 0 150px; } .home-description-first-p:first-letter { font-family:estrya; font-size:3.4em; float:left; padding:0 5px 0 0; margin:-10px 0 0; } .home-category-blog { height:107px; } .home-category-forums { height:123px; } .home-category-projects { height:112px; } .home-category-tips { height:111px; } .home-category-videos { height:107px; } .home-category-archive { height:106px; } .home-category-guestbook { height:109px; } #fpage-slider-control-wrap { margin:40px auto 20px; height:40px; width:250px; } .fpage-slider-control { width:86px; height:40px; display:block; position:relative; overflow:hidden; } .fpage-slider-control img { position:relative; } #fpage-forward { float:right; } #fpage-backward { float:left; } #fpage-forward img { left:-86px; } #fpage-forward img:hover { top:-40px; } #fpage-backward img:hover { top:-40px; } .front-text { font:4em estrya; color:#fff; padding:0; } #slideshow-top { text-align:center; margin:0 0 5px; } #slideshow-bottom { width:460px; height:40px; margin:20px auto 0; } #switch-it-on { height:40px; float:left; } #song { width:250px; height:40px; float:right; } #slideshow-bottom p.front-text { margin:-3px 0 0; } @-moz-document url-prefix() { #slideshow-bottom p.front-text { margin:-19px 0 0; }} /* TEAM PROFILES 60HR */ .attachment-tr-team60-thumb { padding:2px; background:#555; border:1px solid #faca57; float:left; margin:17px 20px 5px 0; } .team-members { float:left; margin:-21px 0 0; } .team-low { width:100%; float:left; clear:both; } .team-members h3, .team-low h3 { margin:30px 0 0; } /* DONATIONS */ .donor-info { overflow:hidden; } .di-right { float:right; margin-left:200px; } .di-left { margin:16px 0 0; width:166px; margin-right:-166px; float:right; } .di-left .a-wrap { margin:25px 0 0; width:166px; height:77px; display:block; background:url(images/donors/sponsor-paper.png); text-align:center; } .di-left .a-wrap p { font-family:GSVcA; font-size:1.9em; line-height:1.1em; margin:6px 0 0; } .di-left .a-wrap a { color:#000; } .di-left .a-wrap a:hover { color:#faca57; } .di-left a span.smaller { font-size:.9em; } .di-left li { white-space:nowrap; } /* NAVIGATION */ .mainnav { display:inline-block; white-space:nowrap; font-family:estrya; min-width:850px !important; margin:0; padding:0; z-index:100; } .mainnav li { float:left; margin:0 3% 0 -1px; height:70px; line-height:70px; padding:0 2px 0 4px; background-image:url(images/nav-bg.png); background-repeat:no-repeat; background-position:0px 23px; display:block; } @-moz-document url-prefix() { .mainnav li { background-position:0px 26px !important; }} .mainnav a { font-size:4.2em; color:#333; height:70px; line-height:70px; font-weight:normal; } .mainnav a:hover { color:#fff; } .sidenav { font-size:1.3em; font-family:GSVcA; text-align:center; margin:36px 0 0; } .sidenav li { background:url(images/sidenav-bg.png); width:240px; height:35px; margin:8px 0; padding:8px 0 0; } .sidenav li:hover { background-position: 0 -43px; } .sidenav a { color:#000 !important; font-weight:normal; } /* CONTENT */ .static-page-lift { margin:-40px 0 0; } .static-page ul { padding:16px 0 0; } .static-page li { font-size:1.6em; list-style-image:url(images/trampees-item.png); list-style-type:disc; margin:0 0 0 50px; padding-left:25px; text-indent:-25px; } .static-page li.sub-li { font-size:1em; list-style-image:none; list-style-type:none; margin:0 0 0 100px; } .static-page li>p { font-size:1em; } .anythingSlider li { font-size:1em; } .anythingSlider li li { font-size:1.6em; } .routeul { padding-top:16px; } .in-text-list { font-size:1.6em; padding-top:16px; list-style-type:disc; } /* obsolete? */ .in-text-list li { padding-top:5px; list-style-type:disc; } .numbered-list { padding-top:16px; font-size:1.6em; } .numbered-list li { list-style-type:decimal; } .in-text-center { text-align:center; } .gmap { text-align:center; } .gmap iframe { margin:0 0 5px; padding: 2px; background-color: #555; border: 1px solid #FACA57; } .gmap p { font-size:1.4em; font-weight:bold; } .span-red { color:#820B0B; } #table-route-switches { height:40px; width:100%; padding:15px 0 0 0; } .table-switch { font-size:1.3em; background:#0284b5; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; padding:8px 6px 7px 8px; } .table-switch:hover { opacity:0.8; filter:alpha(opacity=80); color:#333; background:#0284b5; } #dirk-switch { float:left; margin:0 180px 0 0; } #knut-switch { float:left; } #soenke-switch { float:right; } #license { float:right; margin:0 0 0 10px; } .audioplayer-container { width:70%; } .anythingSlider-videos { margin-top:15px !important; } #slider-videos p, #slider-films p, .video-frame-wrap { text-align:center !important; line-height:1em; font-size:3.6em; font-family:estrya; zoom:1; padding:4px 0 0; } #slider-videos a, #slider-films a, .video-frame-wrap a { font-weight:normal; } #slider-videos iframe, .video-frame-wrap iframe { width:350px; height:280px; } .video-wrap { text-align:center !important; line-height:1em; font-size:3.6em; font-family:estrya; zoom:1; padding:4px 0 0; } .video-wrap iframe { width:480px; height:390px; } #slider-comic img[style] { width:300px !important; height:250px !important; } #slider-comic p:first-child { text-align:center; } #slider-comic p { font-size:1.6em; } #schedule2011 img { background-color:#555; border:1px solid #faca57; padding:2px; } #schedule2011 img:hover { background:#faca57; } .tr-table { font-size:1.5em; } /* TR-FORM */ #tr-form { width:500px; margin:10px auto 0; } #tr-form p { padding:0; } #tr-form p.padded-p { padding:10px 0 0; } #tr-form p.stages-p { } #tr-form h2 { font-size:3.4em; color:#fff; background:none; margin:35px 0 -10px; } #tr-form h3 { text-align:right; color:#000; font-size:3.4em; margin:0 0 -5px; } #tr-form img { padding:2px; background-color:#555; border:1px solid #faca57; float:right; } #tr-form #form-maps-wrap { margin:20px 0 0; } #tr-form #form-maps-wrap div#map-0 { display:block; } .form-row { width:100%; display:block; margin:7px 0; overflow:hidden; } .dial-row { margin-top:-12px; } .form-row label { display:block; width:220px; margin:3px 0 -2px; float:left; font-size:1.4em; font-weight:bold; } .dial-row label { margin-top:12px; } .form-row label#route_id_label { width:193px; } @-moz-document url-prefix() { div.form-row label { letter-spacing:-1px; }} .form-row select { display:block; max-width:280px; float:left; } .form-row select#route_id { max-width:307px; width:307px; } .form-row input { display:block; width:276px; float:left; } .form-row input.narrow-inp { display:block; max-width:45px; float:left; } .form-row input.dial { display:inline-block; max-width:45px; float:none; font-family:GSVcA; color:#fff; font-size:1.5em; background:none; border:none; line-height:.5em; } .form-row input[type="checkbox"] { width:auto; margin:5px 0 0; } .form-row input[type="submit"] { width:auto !important; float:right !important; } .form-row .cent-km { font-size:1.4em; font-family:GSVcA; color:#fff; } .form-row .moreless { font-size:4em; color:#faca57; padding:10px 0 0; } .form-row .moreless:hover { color:#eee; } .form-row .moreless:active { color:#faca57; } .form-row #dless { margin:0 10px 0 0; } .form-row #dmore { margin:0 0 0 10px; } .form-row textarea { margin:0 0 2px; width:99%; height:150px; float:left; } .tr-error { font-weight:bold; color:#ff3300; } .tr-success { font-weight:bold; color:#009900; } .status-cat { float:left; } .status-status { float:right; } .status-n { font-weight:bold; color:#ff1100; } .status-y { font-weight:bold; color:#009900; } /* BLOG ENTRIES */ .post { margin-bottom:10px; overflow:hidden; } .post h2 { padding:0 0 15px 0; } .post ul { padding:16px 0 0; } .post li { font-size:1.6em; list-style-image:url(images/trampees-item.png); list-style-type:disc; margin:0 0 0 50px; } .comment-head { float:right; } .post-subshit { font-style:italic; } .post-subshit p { font-size:1.5em; line-height:1.2em; } .post-info-box { float:left; margin:17px 20px 10px 0; color:#fff; line-height:0.8em; max-width:250px; } .post-info-box p { line-height:.8em; text-align:center !important; padding-top:0; } .pib-left { float:left; margin:-3px; } .pib-right { float:right; margin:0 0 0 10px; } .day { font-size:2.6em; font-weight:bold; } .month { font-size:1.4em; font-weight:bold; text-transform:uppercase; margin:8px; } .year { font-size:1.6em; font-weight:bold; margin:-6px 0 0; } .author-name { font-size:1.4em; font-weight:bold; margin:15px; } .author-name a { color:#fff; } .author-name a:hover { color:#555; } .photo { padding:2px; background-color:#555; border:1px solid #faca57; } .comment-area li { padding-top:11px; } .comment-area p { padding-top:4px; } #commentform { padding-top:9px; } #comment-box { width:99%; margin-bottom:5px; } /* SIDEBAR */ .sidebar-item { overflow:hidden; margin:0 0 30px; } .sidebar-item-ssl { padding:15px 0 5px; } .sidebar-item-ssl div { width:180px; } .sidebar-item h2 { margin:0; } .sidebar-item p { padding-top:16px; font-size:1.4em; line-height:1.3em; } .sidebar-item p>a { font-size: 1em; line-height:1em; } .sidebar-item a { font-size: 1.4em; font-weight:bold; line-height:1.4em; color:#faca57; } .sidebar-item a:hover { background:none; color:#eee; } .sidebar-item select { margin:4px auto 0; max-width:240px; width:240px; } .sidebar-item .audioplayer_container { text-align: center; } .sidebar-image-link { text-align:center; padding:16px 0 0; } .subsubnav li { padding-top:8px; list-style-image:url(images/trampees-item.png); list-style-type:disc; } .subsubnav a { margin:0 0 0 -2px; font-size: 1.4em; line-height:1.4em; color:#faca57; } .subsubnav a:hover { background:none; color:#eee; } #sidebar li.cat-item { font-size:1.5em; } #sidebar li.cat-item a { font-size:1em;font-weight:bold; } .sponsors-item div { width:180px; } .sponsors-item .sp-it-wrap { padding:0 0 20px !important; } .sponsors-item h2 { margin-bottom:15px !important; } /* BROWSER 2011 */ #tr-browser-wrap { position:relative; margin:35px 0 0; } #tb11-route-selector { font-weight:bold; white-space:nowrap; width:500px; margin:14px auto 0; } #tb11-route-selector a { margin:0 13.7% 0 0; } .tr-browser-top { overflow:hidden; } .tr-browser h2 { margin:0 auto 13px; padding:0; background:none; text-align:center; width:320px; } .tr-browser a img:hover { background:#faca57; } .tb11-tpic { float:left; background-color:#555; border:1px solid #faca57; padding:2px; margin:16px 20px 0 0; } .tb11-opic { float:left; background-color:#555; border:1px solid #faca57; padding:2px; margin:8px 0; } .tb11-owner { float:right; margin:0 0 0 20px; text-align:center; width:206px; } #browser-slider-control-wrap { position:absolute; top:12px; left:50%; height:40px; width:500px; margin:0 0 0 -250px; } .browser-slider-control { width:86px; height:40px; display:block; position:relative; overflow:hidden; } .browser-slider-control img { position:relative; } #browser-forward { float:right; } #browser-backward { float:left; } #browser-forward img { left:-86px; } #browser-forward img:hover { top:-40px; } #browser-backward img:hover { top:-40px; } iframe.profile-video { margin:10px 0 10px 12px; } /* FOOTER */ .footer-info-text { float:left; padding:11px 0 0; font-size:1.3em; font-weight:bold; font-family:GSVcA; margin:0; } .footer-info-left { color:#111; float:left; } .footer-info-left a { color:#333; } .footer-info-left a:hover { background:none; color:#faca57; } .footer-info-right { float:right; } .footer-info-right a { color:#333; } .footer-info-right a:hover { background:none; color:#faca57; } #footer-container h3 { color:#eee; font-size:1.8em; padding:0 0 10px; font-family:GSVcA; margin:0; } #footer-container a { color:#faca57; } #footer-container a:hover { color:#999; } #organizations { float:left; width:23%; } .org-part { margin:35px 0 0; } #foot-vca { width:155px; height:74px; display:block; } #bp_project_widget { margin:0; } #foot-hw { width:155px; height:164px; display:block; } #respect { float:left; width:20%; } #respect ul { font-size:1.5em; } #foot-right { width:54%; float:right; height:100%; } #foot-twitter { float:left; width:100%; } #foot-twitter-bubble { background:#fff; border:2px solid #2cb7e2; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; width:92%; padding: 5px 15px 0; } #foot-twitter-bubble a { color:#2cb7e2; } #foot-twitter-bubble p { font-size:1.4em; padding:5px 0 0; } #foot-twitter-bottom { margin:5px 0 0; } #twitter-pig { width:100px; height:117px; display:block; float:left; } #support { width:100%; position:absolute; bottom:0; left:70px; } #support a { width:60px; height:60px; display:block; float:left; margin:0 15px 15px 0; position:relative; overflow:hidden; } #support a>img { position:relative; } #supp-rollis img { left:-60px; } #supp-helvetas img { left:-660px; } #supp-amnesty img { left:-120px; } #supp-laut img { left:-180px; } #supp-kmii img { left:-240px; } #supp-wleaks img { left:-300px; } #supp-oleaks img { left:-360px; } #supp-umbau img { left:-420px; } #supp-oz img { left:-480px; } #supp-fsf img { left:-540px; } #supp-ubuntu img { left:-600px; } #footer-switch { width:205px; height:85px; z-index:6; float:right; margin-right:-4px; } #footer-switch a { width:205px; height:85px; background: url(images/no-foot-sprites.png) 0 0 no-repeat; display:block; position:fixed; bottom:0; } #footer-switch a:hover { background: url(images/no-foot-sprites.png) -205px 0 no-repeat; } #footer-seal { max-width:1000px; min-width:780px; padding:0 70px; margin:40px auto 40px; overflow:hidden; } #footer-seal a { display:block; float:right; } /* SOCIAL SIDEBAR */ #social-sidebar { height:auto; width:auto; left:15px; position:fixed; top:136px; z-index:50; } #social-sidebar ul { margin:0; } #social-sidebar li { height:40px; padding:0 0 15px 0; } #social-sidebar a { width:40px; height:40px; display:block; position:relative; overflow:hidden; } #vca-sidebar span { width:40px; height:40px; position:absolute; background: url(images/social-sidebar-sprites.png) 0 0 no-repeat; } #facebook-sidebar span { width:40px; height:40px; position:absolute; background: url(images/social-sidebar-sprites.png) 0 -80px no-repeat; } #twitter-sidebar span { width:40px; height:40px; position:absolute; background: url(images/social-sidebar-sprites.png) 0 -120px no-repeat; } #rss-sidebar span { width:40px; height:40px; position:absolute; background: url(images/social-sidebar-sprites.png) 0 -40px no-repeat; } #vca-sidebar span:hover { width:40px; height:40px; position:absolute; background: url(images/social-sidebar-sprites.png) -40px 0 no-repeat; } #facebook-sidebar span:hover { width:40px; height:40px; position:absolute; background: url(images/social-sidebar-sprites.png) -40px -80px no-repeat; } #twitter-sidebar span:hover { width:40px; height:40px; position:absolute; background: url(images/social-sidebar-sprites.png) -40px -120px no-repeat; } #rss-sidebar span:hover { width:40px; height:40px; position:absolute; background: url(images/social-sidebar-sprites.png) -40px -40px no-repeat; } #login-sidebar { position:fixed; top:157px; right:0; } #login-sidebar a { font-family:estrya; font-size:4em; margin:0 15px 0 0; color:#333; background:url(images/nav-bg.png) no-repeat 0px 23px; padding:10px 8px 0 10px; } #login-sidebar a:hover { color:#fff; } /* SIDEBAR ARCHIVE 2010 */ #blau { width:150px; height:65px; padding:17px 0 0 0; float:left; } #edding { width:150px; height:39px; padding:16px 0 0 0; float:left; } #pinkmacabre { width:150px; height:42px; padding:16px 0 0 0; float:left; } #falk { width:70px; height:70px; padding:17px 0 0 0; float:right; } #delta { width:70px; height:70px; padding:19px 0 0 0; float:right; } .route-heading { padding:0 0 0 35px; color:#faca57; margin:20px 0 0 0; display:block;} #route-1 { background:transparent url(images/pictograms/picto-dirk.png) no-repeat left 11px; } #route-2 { background:transparent url(images/pictograms/picto-knut.png) no-repeat left 11px; } #route-3 { background:transparent url(images/pictograms/picto-soenke.png) no-repeat left 11px; } /* BROWSER 2010 */ #team-slideshow { padding-top:15px; } #team-browser { height:150px; margin:50px 0 0;} #team-browser-left { float:left; width:70%; } #team-browser-next { overflow:hidden; float:right; font-family:estrya; font-size:3.7em; } #team-browser-prev { overflow:hidden; float:left; font-family:estrya; zoom:1; font-size:3.7em; } .tb-singlepic { background-color:#555; border:1px solid #faca57; padding:2px; } .tb-pic { float:left; } .tb-caption-left { float:left; clear:both; margin-top:8px; } .tb-caption-right { float:right; clear:both; margin-top:8px; } #tb-team-name { width:59%; height:158px; overflow:hidden; text-align:center; float:right; font-size:3.7em; font-family:estrya; } #tb-team-name-name { font-size:1.2em; color:#fff; text-align:center !important; margin:4px auto 0; padding:0; } .team-patron-wrap { width:150px; height:92px; float:right; margin-left:10px; margin-top:18px; text-align:center; clear:left; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:2px dashed #faca57; } .team-patron-wrap a { font-size:1.5em; line-height:1.2em; } .team-patron-wrap p { font-size:2.4em; text-align:center; padding-top:26px; color:#fff; padding:32px 0 14px 0; } .team-patron-pic-wrap { float:right; margin:10px 0 0 12px; text-align:center; clear:left; } .team-patron-pic-wrap a { font-size:.7em; line-height:.8em; color:#fff; } .team-patron-pic-wrap a:hover { color:#faca57; } .team-patron-pic-wrap p { color:#820b0b; text-align:center !important; } .team-patron-pic-box { border:2px solid #820b0b; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:10px; } .team-patron-pic-box p { text-align:center !important; padding:0 0 8px 0; font-size:1.9em; color:#820b0b; } .team-patron-pic { max-width:200px; margin:0 0 8px 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .team-patron-pic:hover { opacity:0.8; filter:alpha(opacity=80); } .teamsponsors { color:#820b0b; } .route-picto-large { padding:20px 0 0; } /* ANIMATION */ #pulley-wrap { position:absolute; top:34px; right:0px; width:58px; height:755px; } #pulley-holder { position:absolute; top:-34px; right:13px; width:77px; height:71px; } #pulley-wheel { position:absolute; z-index:40; -webkit-animation-name:pulleyWheel; -webkit-animation-duration:13s; -webkit-animation-iteration-count:1; -webkit-animation-timing-function:linear; -moz-animation-name:pulleyWheel; -moz-animation-duration:13s; -moz-animation-iteration-count:1; -moz-animation-timing-function:linear; top:4px; right:22px; } #pulley-ropes-wrap { position:absolute; top:30px; right:20px; overflow:hidden; width:100%; height:725px; } #pulley-rope-left { position:absolute; z-index:30; -webkit-animation-name:pulleyRopeLeft; -webkit-animation-duration:13s; -webkit-animation-iteration-count:1; -webkit-animation-timing-function:linear; -moz-animation-name:pulleyRopeLeft; -moz-animation-duration:13s; -moz-animation-iteration-count:1; -moz-animation-timing-function:linear; top:-871px; right:47px; } #pulley-rope-right { position:absolute; z-index:30; -webkit-animation-name:pulleyRopeRight; -webkit-animation-duration:13s; -webkit-animation-iteration-count:1; -webkit-animation-timing-function:linear; -moz-animation-name:pulleyRopeRight; -moz-animation-duration:13s; -moz-animation-iteration-count:1; -moz-animation-timing-function:linear; top:-221px; right:0px; } #pulley-counter { position:absolute; z-index:30; -webkit-animation-name:pulleyBucket; -webkit-animation-duration:13s; -webkit-animation-iteration-count:1; -webkit-animation-timing-function:linear; -moz-animation-name:pulleyBucket; -moz-animation-duration:13s; -moz-animation-iteration-count:1; -moz-animation-timing-function:linear; top:52px; right:28px; width:98px; height:180px; } #pulley-creature { position:absolute; z-index:200; -webkit-animation-name:pulleyCreature; -webkit-animation-duration:13s; -webkit-animation-iteration-count:1; -webkit-animation-timing-function:linear; -moz-animation-name:pulleyCreature; -moz-animation-duration:13s; -moz-animation-iteration-count:1; -moz-animation-timing-function:linear; top:630px; right:20px; cursor:pointer; } #pulley-counter a { font-weight:normal; } .counter2011-bg { display:block; width:98px; height:180px; position:relative; margin:0 auto; } #counter2011-bg-intl { background:url(images/pulley/counter-intl-small_2.png); font-family:GSVcA; color:#fff; } #counter2011-bg-ger { background:url(images/pulley/counter-ger-small_2.png); font-family:GSVcA; color:#fff; } #counter2011-text-wrap { position:absolute; top:79px; right:23px; -webkit-transform:rotate(12deg) translate(3px,0); -moz-transform:rotate(12deg) translate(3px,0); -ms-transform:rotate(12deg) translate(3px,0); -o-transform:rotate(12deg) translate(3px,0); transform:rotate(12deg) translate(3px,0); } #counter2011 { font-size:30px; line-height:1.2em; text-align:center; padding:0; } #counter2011-sub { font-size:11px; text-align:center; padding:0; } /* LIVE 2011 */ .route-list-overview { margin:30px; } p.points-list { padding:0 0 4px; } .color-route-1 { color:#fbe251; } .color-route-2 { color:#56b746; } .color-route-3 { color:#62d8b6; } .color-route-4 { color:#b45b3d; } .live-info-table { width:100%; font-size:1.8em; } .live-info-table a { color:#000; } .live-info-table a:hover { color:#faca57; } .live-info-table td { padding-top:5px; } select#route_id { max-width:256px; width:256px; } #maps-wrap p { position:absolute; font-family:GSVcA; color:#000; font-size:1.4em; font-weight:bold; margin:0; } #maps-wrap p.up { top:10px; left:106px; } #maps-wrap p.middle { top:25px; left:130px; } #maps-wrap p.down { bottom:8px; left:10px; } #maps-wrap img { background-color:#555; border:1px solid #faca57; padding:2px; } .map { position:relative; margin:10px 0 0; } .ticker-message{ width:100%; padding:7px 7px 4px; margin-bottom: 20px; border-top:2px solid #faca57; border-left:none; border-right:none; border-bottom:2px solid #faca57; background:transparent; background:rgba(255, 255, 255, 0.15); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF,endColorstr=#26FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF,endColorstr=#26FFFFFF); zoom: 1; } .ticker-message p { padding:0;}