/* Adaption des Scapegoat-Designs von Peter Amende, http://www.zutrinken.com Scapegoat.css Version 1.2, 27.5.2014 xwolf ## Index 01 Fonts 02 Reset 03 WP-Presets 04 Presets 05 Arcticle 06 Comments 07 Layout 08 Frontpage 09 Widgets 10 Navigation 11 Media Queries Grey: #f4f4f4 #d1d1d1 #bfbfbf #808080 #404040 #232323 #181818 Grey: #f7f9fa Orange: #f80 #ff6f00 #f50 Blue: #0077b3 #005580 */ /* * Default Fonts ------------------------------------------------------------ */ @font-face { font-family: FontPiratenkleiderDefault; src: local(DroidSans), url(../fonts/DroidSans.eot) format("embedded-opentype"), url(../fonts/DroidSans.woff2) format("woff2"), url(../fonts/DroidSans.ttf) format("truetype"); } @font-face { font-family: FontPiratenkleiderHeadlines; src: local(PoliticsHead), url(../fonts/PoliticsHeadv1_9.woff2) format("woff2"), url(../fonts/PoliticsHeadv1_9.woff) format("woff"), url(../fonts/PoliticsHeadv1_9.ttf) format("truetype"); } @font-face { font-family: FontPiratenkleiderMenuHeadlines; src: local(PoliticsHead), url(../fonts/PoliticsHeadv1_9.woff2) format("woff2"), url(../fonts/PoliticsHeadv1_9.woff) format("woff"), url(../fonts/PoliticsHeadv1_9.ttf) format("truetype"); } /*-----------------------------------------------------------------------------------*/ /* Reset /*-----------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block;} blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } hr { display: block; border: 0; padding: 0; margin-bottom: 5px; margin-top: 5px; background: url("../images/jolly.png") no-repeat center center; height: 26px; } input, select { vertical-align: middle; } body { font-family: sans-serif; } select, input, textarea, button { font-family: sans-serif; } pre, code, kbd, samp { font-family: monospace, sans-serif; } html { overflow-y: scroll; } a:hover, a:active { outline: none; } a:focus { outline: thin dotted; } ul, ol { margin-left: 0; } ol { list-style-type: decimal; } nav ul, nav li { margin: 0; list-style:none; list-style-image: none; } small { font-size: 85%; } strong, th { font-weight: bold; } td { vertical-align: top; padding: 0 0.5em; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; } textarea { overflow: auto; } .ie6 legend, .ie7 legend { margin-left: -7px; } input[type="radio"] { vertical-align: middle; } input[type="checkbox"] { vertical-align: middle; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } button, input, select, textarea { margin: 0; } ::-moz-selection { background: #0077b3; color: #fff; text-shadow: none; } ::-webkit-selection { background: #0077b3; color: #fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: #0077b3; } button { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } body, select, input, textarea { color: #444; } h1, h2, h3, h4, h5, h6, h7 {} a, a:active, a:visited { color: inherit; text-decoration: none;} a:hover, a:focus {} .hidden { display: none; visibility: hidden; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after, .clear { clear: both; } /*-----------------------------------------------------------------------------------*/ /* WP Stuff /*-----------------------------------------------------------------------------------*/ /* ------------------------------ Alignments */ .alignnone { margin: 1.5em auto 1.5em; } .aligncenter, .center { text-align: center; display: block; margin: 1em auto 1.5em; } figure.aligncenter, img.center, img[align="center"] { display: block; margin: 1em auto 1.5em; } .alignleft { float: left; } figure.alignleft, img.alignleft, img[align="left"] { float: left; margin: 1em 3em 1.5em 0; } .alignright { float: right; } figure.alignright, img.alignright, img[align="right"] { float: right; margin: 1em 0 1.5em 3em; } /* ------------------------------ Caption */ .wp-caption { max-width: 100%; height: auto; font-size: 0.7em; line-height: 1em; } .wp-caption .wp-caption-text { display: block; text-align: center; margin: 0.2em 0 0; padding: 0; color: #808080; } .wp-caption .wp-caption-text a, .wp-caption .wp-caption-text a:active .wp-caption .wp-caption-text a:visited { color: inherit; text-decoration: underline; } .wp-caption .wp-caption-text a:hover, .wp-caption .wp-caption-text a:focus { text-decoration: none; } /* ------------------------------ Gallery */ .gallery { margin: auto; font-size: 0.7em; line-height: 1em; } .gallery .gallery-item { text-align: center; margin: auto; } .gallery .gallery-item .gallery-icon { padding: 10px; } .gallery .gallery-item .gallery-icon img { border: 2px solid #fff !important; -webkit-box-shadow: 0 0 5px #bbb; -moz-box-shadow: 0 0 5px #bbb; box-shadow: 0 0 5px #bbb; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .gallery .gallery-item:hover .gallery-icon img, .gallery .gallery-item:focus .gallery-icon img { -webkit-box-shadow: 0 0 0 5px #ddd; -moz-box-shadow: 0 0 0 5px #ddd; box-shadow: 0 0 0 5px #ddd; } .gallery .gallery-item .gallery-caption { margin: 0; color: #808080; } .gallery .gallery-item .gallery-caption a, .gallery .gallery-item .gallery-caption a:active .gallery .gallery-item .gallery-caption a:visited { color: inherit; text-decoration: underline; } .gallery .gallery-item .gallery-caption a:hover, .gallery .gallery-item .gallery-caption a:focus { text-decoration: none; } /* ------------------------------ Shortcodes - Coloumns */ .two-columns-one { width: 48%; } .three-columns-one { width: 30.66666666666667%; } .three-columns-two { width: 65.333%; } .four-columns-one { width: 22%; } .four-columns-two { width: 48%; } .four-columns-three { width: 74%; } .two-columns-one, .three-columns-one, .three-columns-two, .four-columns-one, .four-columns-two, .four-columns-three { position:relative; float:left; margin-right:4%; margin-bottom:0; } .last { clear: right; margin-right: 0; } .divider { width: 100%; margin-bottom: 1.5em; padding-top: 1.5em; display: block; clear: both; } /* ------------------------------ Shortcodes - Buttons */ .standard-btn { display: inline-block; margin: 0.5em 0.5em 0; padding: 0.75em 1em; overflow: hidden; cursor: pointer; font-size: 1em; text-align: center; font-weight: 400; text-decoration: none !important; -webkit-transition:.2s background ease; -moz-transition:.2s background ease; transition:.2s background ease; -webkit-border-radius: 0.125em; -moz-border-radius: 0.125em; border-radius: 0.125em; color: #fff !important; background: #f80; border: 0.125em solid #f56a00; } .standard-btn:hover { border: 0.125em solid #f55200; background: #ff6f00; } .standard-btn:focus { border: 0.125em solid #f53900; background: #f50; } .round-btn { -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; } .bold-btn { font-weight:bold; text-transform:uppercase; letter-spacing:1px; } .standard-btn.xsmall-btn.bold-btn { font-size:10px; } .standard-btn.small-btn.bold-btn { font-size:12px; } .standard-btn.bold-btn { font-size:14px; } .standard-btn.large-btn.bold-btn { font-size:16px; } .standard-btn.xlarge-btn.bold-btn { font-size:18px; } .standard-btn.xsmall-btn { padding: 0.25em 0.75em; font-size: 0.75em; } .standard-btn.small-btn { padding: 0.5em 1em; font-size: 0.875em; } .standard-btn.large-btn { margin: 0.75em 0.75em 0; padding: 1em 1.25em; font-size: 1.125em; } .standard-btn.xlarge-btn { margin: 1em 1em 0; padding: 1.25em 1.5em; font-size: 1.25em; } .blue-btn, .red-btn, .green-btn, .grey-btn, .lightgrey-btn, .darkgrey-btn { border-color: transparent !important; border-color: rgba(0,0,0,0.1) !important; } .blue-btn { background: #0077b3; } .blue-btn:hover, .blue-btn:focus { background: #005580; } .red-btn { background: #cc3314; } .red-btn:hover, .red-btn:focus { background: #a62911; } .green-btn { background: #89b336; } .green-btn:hover, .green-btn:focus { background: #75992e; } .grey-btn { background: #808080; } .grey-btn:hover, .grey-btn:focus { background: #404040; } .lightgrey-btn { background: #bfbfbf; } .lightgrey-btn:hover, .lightgrey-btn:focus { background: #808080; } .darkgrey-btn { background: #404040; } .darkgrey-btn:hover, .darkgrey-btn:focus { background: #000; } /*-----------------------------------------------------------------------------------*/ /* Presets /*-----------------------------------------------------------------------------------*/ body, input, select, textarea { font-family: 'Open Sans', 'Helvetica Neue', 'Arial', Sans-Serif; line-height: 1.5em; font-weight: 400; vertical-align: baseline; color: #404040; -webkit-font-smoothing: antialiased; -webkit-text-shadow: rgba(255,255,255,0.01) 0 0 1px; } /* ------------------------------ Headlines */ h1, h2, h3, h4, h5, h6, h7 { font-weight: 400; margin: 1em 0; color: #181818; } h1 { font-size: 2.4em; line-height: 1.3em; } h2 { font-size: 1.9em; line-height: 1.3em; } h3 { font-size: 1.5em; line-height: 1.1em; } h3.subtitle { font-size: 0.8em; color: #999; margin: 0.5em 0em; } h4 { font-size: 1.2em; line-height: 1em; } h5 { font-size: 1em; line-height: 1em; } h6 { font-size: 1em; line-height: 1em; } /* ------------------------------ Text */ a, a:active, a:visited { color: #f80; } a:hover, a:focus { color: #f50; } p { margin: 1.5em 0; } strong { font-weight: 700; } em, i { font-style: italic; } q { font-style: italic; color: #808080; } q:before, q:after { font-weight: 700; color: #0077b3; } q:before { content: '"'; } q:after { content: '"'; } blockquote:before { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; color: #0077b3; content: '\f10e'; font-size: 2em; line-height: 100%; position: absolute; top: 1em; left: 0.25em; height: auto; margin: 0; padding: 0; } blockquote { font-style: italic; color: #808080; padding: 0 0 0 4em; margin: -1.5em 0; overflow: auto; position: relative; } cite, small { font-size: 0.8em; } pre { overflow: hidden; margin: 2em 0; background: #f4f4f4; padding: 1em; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } code { font-size: 0.8em; } pre code { display: block; padding: 2em; margin: -1.2em; color: #bfbfbf; background: #404040; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* ------------------------------ Forms */ input, textarea { -moz-box-sizing: border-box; background: none repeat scroll 0 0 #FFFFFF; border: 0.125em solid #E3E3E3; border-radius: 0.125em; margin: 0; padding: 0.5em; transition: all 0.1s ease-out 0s; } input:hover, textarea:hover { border: 0.125em solid #BFBFBF; } input:focus, textarea:focus { border: 0.125em solid #0077B3; box-shadow: 0 0.0625em 0.5em rgba(0, 119, 179, 0.25) inset; color: #404040; } input[type="submit"], input[type="button"], input[type="reset"] { background: none repeat scroll 0 0 #0077B3; border: 0.125em solid rgba(0, 119, 179, 0.25); box-shadow: none; color: #FFFFFF; cursor: pointer; padding: 0.75em 1.5em; } input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover { background: none repeat scroll 0 0 #005580; border: 0.125em solid rgba(0, 119, 179, 0.25); } input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus { background: none repeat scroll 0 0 rgba(0, 119, 179, 0.25); border: 0.125em solid rgba(0, 119, 179, 0.25); } input[type="radio"], input[type="checkbox"] { background: none repeat scroll 0 0 transparent; border: 0.125em solid #E3E3E3; padding: 0; } table { border-collapse: collapse; border-spacing: 0; margin-bottom: 18px; } caption { margin-bottom: 9px; } caption, th, thead, legend { font-weight: normal; } tr:hover { background: rgba(0, 0, 0, 0.02); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } th, td { text-align: left; line-height: inherit; padding: 5px; border-top: solid 1px #eeeeee; } td { vertical-align: top; } th { font-weight: bold; } /* ------------------------------ Lists */ .article ul, .article ol, .article dl { margin: 1.5em 0 1.5em 2em; } .article ul ul, .article ol ol, .article ul ol, .article ol ul { margin: 0 0 0 2em; } .article ul { list-style: none; } .article ol { list-style: decimal outside none; } .article ol ol { list-style: upper-alpha outside none; } .article ol ol ol { list-style: lower-roman outside none; } .article ol ol ol ol { list-style: lower-alpha outside none; } .article li { margin: 0; padding: 0.1em; } .article ul li:before { font-family: 'FontAwesome'; content: '\f0da'; color: #0077b3; display: block; position: absolute; width: 1em; height: 1em; margin: 0 0 0 -1.25em; padding: 0; } .article dt { font-weight: 700; color: #0077b3; } .article dd { margin: 0 0 1.5em; } /* ------------------------------ Tables */ .article table { margin: 1.5em 0; width: 100%; } .article th { text-align: left; color: #0077b3; font-weight: 700; font-size: 0.75em; vertical-align: middle; text-transform: uppercase; letter-spacing: 0.1em; border-bottom: 1px solid #bfbfbf; padding: 0.5em 1em 0.5em 0.25em; } .article td { border-bottom: 1px solid #bfbfbf; padding: 0.5em 1em 0.5em 0.25em; } /* ------------------------------ Figures */ .size-thumbnail {} .size-medium {} .size-large {} .size-full {} img { max-width: 100%; height: auto; } object, audio { max-width: 100%; } /*-----------------------------------------------------------------------------------*/ /* Post /*-----------------------------------------------------------------------------------*/ /* ------------------------------ Article */ .edit-link { position: relative; top: -0.4em; left: 0.4em; font-family: 'DejaWeb', 'Helvetica Neue', 'Arial', Sans-Serif; font-size: 0.4em; -webkit-hyphens: none; -o-hyphens: none; -ms-hyphens: none; hyphens: none; -webkit-border-radius: 0.25em; border-radius: 0.25em; } .edit-link a, .edit-link a:active, .edit-link a:visited { padding: 0.3em 0.6em; background: #0077b3; color: #fff !important; } .edit-link a:hover, .edit-link a:focus { background: #005580; } .person, .linktipps, .type-post, .type-page, .type-attachment { /* position: relative; */ margin: 1em; padding: 0; background: #fff; border: 1px solid #d1d1d1; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } /* .linktipps:after, .type-post:after, .type-page:after { position: absolute; display: block; content: ''; width: 15em; left: 50%; margin: 0 0 0 -7.5em; padding: 0; bottom: -5em; height: 2em; } */ section header { color: #000; font-size: 1.5em; line-height: 1em; padding: 20px 15px 5px; word-wrap: break-word; margin-bottom: 10px; } section header h2 { font-size: 100%; margin: 0 0 0.5em; } section header a, section header a:active, section header a:visited { color: #000; } section header a:focus, section header a:hover { color: orange; } section header p img { float: left; margin: 1em 2em; } .post-image { position: relative; display: block; overflow: hidden; margin: 1em -3em 2em; height: 0; padding: 0 0 36%; } .post-image img { display: block; width: 100%; } .post-image .post-image-caption { position: absolute; bottom: 0; right: 0; z-index: 100; display: block; background: rgba(0,0,0,0.5); color: #fff; font-size: 0.75em; line-height: 1.5em; padding: 0.1em 0.4em 0.2em; } .post-video { margin: 1em -3em 2em; } .no-js .post-video { display: none; } .post-image-mobile { padding: 0 0 66%; } .article { font-size: 1em; line-height: 1.5em; } .post-more { position: absolute; right: 3em; bottom: 2em; display: block; margin: -0.25em; padding: 0.5em 0.75em; font-size: 1em !important; color: #fff !important; background: #f80; border: 0.125em solid #f56a00; -webkit-border-radius: 0.125em; -moz-border-radius: 0.125em; border-radius: 0.125em; } .post-more:hover { border: 0.125em solid #f55200; background: #ff6f00; } .post-more:focus { border: 0.125em solid #f53900; background: #f50; } .post-meta, .post-info { color: #808080; overflow: auto; margin: 0.5em; text-align: right; } .post-meta > *, .post-info > * { font-size: 0.75em; line-height: 1.25em; } .post-meta .label i, .post-info .label i { font-size: 1.25em; margin-right: 0.5em; vertical-align: middle; width: 1em; display: inline-block; } .post-meta a, .post-meta a:active, .post-meta a:visited .post-info a, .post-info a:active, .post-info a:visited { color: #808080; border-bottom: 1px solid #e3e3e3; } .post-meta a:hover, .post-meta a:focus .post-info a:hover, .post-info a:focus { border-bottom: 1px solid #bfbfbf; } .author, .post-comments, .post-categories, .post-tags { padding: 0.5em 1em 0.5em 0; display: inline-block; min-height: 1.5em; line-height: 1.5em; margin: 0; } .cal-icon { padding: 0; min-height: inherit; line-height: inherit; margin: 0; } .commentbubble .skip { position: relative; left: inherit; width: auto; } /* ------------------------------ Footer */ .footer .post-tags { padding-right: 10em; } .footer { clear: both; float: none; padding: 0; margin: 20px 0 0 0; } .first-footer-widget-area { background-color: #333; padding: 1em 3em; } .second-footer-widget-area { background-color: #000; padding: 1em 3em; } .footer .row { padding: 0em; } .footer h2, .footer h3 { color: orange;} /* ------------------------------ Sticky Posts */ .sticky { background: #e5f6ff; border: 1px solid #acd2e5; -webkit-box-shadow: 0 1px 3px rgba(0,85,128,0.1); -moz-box-shadow: 0 1px 3px rgba(0,85,128,0.1); box-shadow: 0 1px 3px rgba(0,85,128,0.1); } .sticky .post-title, .sticky .post-title a, .sticky .post-title a:active, .sticky .post-title a:visited, .sticky .article { color: #004466; } /* ------------------------------ Meta Infos - Single-View */ #post-meta { margin: 0; } .content-aside .post-meta { position: relative; overflow: visible; color: #404040; } .content-aside .post-meta > *{ font-size: 1em; line-height: 1.5em; } .content-aside .post-meta a, .content-aside .post-meta a:active, .content-aside .post-meta a:visited { color: #0077B3; border: 0; } .content-aside .post-meta a:hover, .content-aside .post-meta a:focus { color: #005580; border: 0; } .content-aside .post-meta > span { display: block; float: none; margin: 1em 0; padding: 0; } .content-aside .post-meta .label {} .content-aside .post-meta .label i {} .content-aside .post-meta .value {} .content-aside .post-meta .author-avatar { float: left; width: 4em; height: 4em; padding: 0; margin: 0.25em 1.5em 0.5em 0; background: #000; border: 0.25em solid #fff; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; border-radius: 0.25em; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); overflow: hidden; } /* ------------------------------ Postnav */ .post-nav { overflow: auto; text-align: center; margin: 0 1em 3em; background: #fff; border: 1px solid #d1d1d1; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .post-nav ul li { display: inline; list-style-type: none; margin: 1em; } /* ------------------------------ Comment List */ #replys { clear: both; margin: 0 0 4em; } .nocomments { display: none; } #comments { margin: 1em 0; } #comments ol { margin: 0; padding: 1em 0 4em; list-style: none; } #comments li { position: relative; padding: 0; margin: 0; } #comments li .comment-number { position: absolute; display: block; left: -1.25em; top: 1.5em; width: 2em; padding: 0; height: 1.5em; line-height: 1.5em; color: #bfbfbf; z-index: 100; font-weight: 400; } #comments ul { list-style: none; } #comments li li { margin: 0; padding: 0 0 0 25%; border: 0; } #comments ul ul { margin: 0; } #comments li li li { padding: 0; } /* ------------------------------ Comment Content */ ol li { list-style-type: none; } ol.commentlist li:after { clear: both; } li .comment-info { width: 20%; float: left; } li li .comment-info { float: right; text-align: right; } li .comment-body { position: relative; width: 75%; padding: 0 2.5%; background: #fff; border: 0.0625em solid #d1d1d1; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } li .comment-body:before { position: absolute; content: ''; width: 0; height: 0; top: -0.0625em; left: -2em; border-right: 2em solid #d1d1d1; border-bottom: 2em solid transparent; } li .comment-body:after { position: absolute; content: ''; width: 0; height: 0; top: 0; left: -1.8125em; border-right: 2em solid #fff; border-bottom: 2em solid transparent; } li li .comment-body { float: left; color: #004466; background: #e5f6ff; border: 0.0625em solid #acd2e5; -webkit-box-shadow: 0 1px 3px rgba(0,85,128,0.1); -moz-box-shadow: 0 1px 3px rgba(0,85,128,0.1); box-shadow: 0 1px 3px rgba(0,85,128,0.1); } li li .comment-body:before { left: auto; right: -2em; border-right: 0; border-left: 2em solid #acd2e5; } li li .comment-body:after { left: auto; right: -1.8125em; border-right: 0; border-left: 2em solid #e5f6ff; } li li li .comment-body { background: #d7eefa; border: 0.0625em solid #9fcbe0; } li li li .comment-body:before { border-left: 2em solid #9fcbe0; } li li li .comment-body:after { border-left: 2em solid #d7eefa; } .comment-body .unlock { font-weight: 700; color: #181818; } .comment-body .comment-author {} .comment-body .comment-author .avatar { float: left; margin: 0 10px 10px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .comment-body .comment-author .fn { font-size: 1em; font-weight: 700; color: #404040; } .bypostauthor > .comment-body .comment-author .fn, .byuser > .comment-body .comment-author .fn { color: #f80; } .comment-body .comment-author .fn a, .comment-body .comment-author .fn a:active, .comment-body .comment-author .fn a:visited, .comment-body .comment-author .fn a:hover, .comment-body .comment-author .fn a:focus { color: #404040; } .comment-body .comment-meta { margin: 0 0 1.5em; clear: both; font-size: 0.75em; } .comment-body .comment-meta a, .comment-body .comment-meta a:active, .comment-body .comment-meta a:visited { color: #808080; } .comment-body .comment-meta a:hover, .comment-body .comment-meta a:focus { color: #404040; } .comment .reply { display: block; clear: both; margin-top: 1em; } .comment .reply a, .comment .reply a:active, .comment .reply a:visited { color: #fff; background: #0077b3; padding: 0.25em 0.5em; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; } .comment .reply a:hover, .comment .reply a:focus { color: #fff; background: #005580; } /* ------------------------------ Pingbacks */ .pingback { border-top: 1px dashed #000; padding: 30px 0 30px 10px; } .pingback .comment-body { padding: 0; } .pingback .comment-body .comment-author .avatar, .pingback .comment-body .reply { display: none; } /* ------------------------------ Commentform */ #respond-wrapper { position: relative; margin: 0 -1em; padding: 2em 3em; background: #fff; border: 1px solid #d1d1d1; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } #respond {} #commentform {} #commentform label { display: block; padding: 0; margin: 0 0 0.2em; } #commentform label .req { margin: 0 0 0 0.4em; color: #bfbfbf; } #commentform .input-col { margin-right: 5%; width: 30%; float: left; } #commentform .input-col-3 { margin-right: 0; } #commentform .input { width: 99.75%; } #commentform input[type="text"] {} #commentform textarea { height: 160px; } #commentform input[type="submit"] {} #commentform input[type="submit"]:hover {} /*-----------------------------------------------------------------------------------*/ /* Layout /*-----------------------------------------------------------------------------------*/ body { background-color: #f4f4f4; overflow: hidden; } .inside { max-width: 75em; margin: 0 auto; padding: 0 2em; } #main-outside { position: relative; width: 100%; } #main-inside { position: relative; width: 100%; } .skiplinks { margin: 0; } .skiplinks li { list-style: none; width: 100%; } .skiplinks li a { position: absolute; display: block; top: -100px; } .skiplinks li a:focus, .skiplinks li a:active { position: static; width: 100%; display: block; border: 0px solid; background: #2d7dc5; color: white; outline: 0px; text-align: center; padding: 5px; } .skiplinks li a:hover { background: #ff8800; color: black; } /* ------------------------------ Header */ .header { position: relative; height: 225px; background: none repeat scroll 0 0 transparent; background-color: #F4F4F4; background-image: none; background-position: left top; background-repeat: repeat-x; margin: 0 auto; max-width: 1200px; } .header.actionpage { padding: 0; height: 180px; } .nav-top { width: 100%; height: 32px; text-align: right; } .menu-header, #socialmedia_top { display: inline-block; text-align: left; } .search-top { display: block; position: absolute; right: 0; top: 130px; } .nav-top ul { display: block; } .nav-top a { display: block; } .nav-top div.menu-header ul.menu li { float: left; } .nav-top div.menu-header ul.menu li a { line-height: 30px; padding: 0 10px; color: black; } .nav-top div.menu-header ul.menu li a:hover, .nav-top div.menu-header ul.menu li a:focus { color: #2d7dc5; } .branding, .sticker { height: 152px; display: inline-block; padding: 0; margin: 0; } .branding { float: left; width: 40%; } .sticker { width: 60%; } .sticker:after { clear:left; } .sticker ul { text-align: left; margin: 30px; } .sticker ul li { text-align: center; font-size: 34px; letter-spacing: 1px; margin: 10px; line-height: 0.9em; border: 2px solid transparent; display: inline; width: auto; } .sticker ul li a { color: #333; } .sticker ul li a:hover, .sticker ul li a:focus { color: #1a4872; } .sticker ul li a .cicolor { color: #ff8800; } .sticker ul li a:hover .cicolor, .sticker ul li a:focus .cicolor { color: #2d7dc5; } .sticker ul li a .small { font-size: 25px; line-height: 25px; } .sticker ul li a .tiny { font-size: 20px; line-height: 20px; } .sticker ul li a .shadow { text-shadow: 1px 1px 1px #333; } .sticker ul li a .animate { -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .sticker ul li a:hover .animate , .sticker ul li a:focus .animate { -webkit-transform: rotate(1deg) scale(1.2); -ms-transform: rotate(1deg) scale(1.2); -o-transform: rotate(1deg) scale(1.2); transform: rotate(1deg) scale(1.2); } .sticker ul li a .orange { color: #ff8800; } .sticker ul li a:hover .orange, .sticker ul li a:focus .orange { color: #2d7dc5; } .sticker ul li a .cyan { color: #00B7B2; } .sticker ul li a:hover .cyan, .sticker ul li a:focus .cyan { color: #2d7dc5; } .sticker ul li a .violet { color: #983298; } .sticker ul li a:hover .violet, .sticker ul li a:focus .violet { color: #2D7DC5; } .sticker li a img { border: 2px solid transparent; max-width: none; } .sticker li a img { -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .sticker li a:hover img { border: 2px solid #ff8800; -webkit-transform: rotate(5deg) scale(1.3); -ms-transform: rotate(5deg) scale(1.3); -o-transform: rotate(5deg) scale(1.3); transform: rotate(5deg) scale(1.3); } .sticker li a:focus img { border: 2px solid #ff8800; -webkit-transform: rotate(5deg) scale(1.3); -ms-transform: rotate(5deg) scale(1.3); -o-transform: rotate(5deg) scale(1.3); transform: rotate(5deg) scale(1.3); } .sticker ul li a span { display: inline-block; } .sticker ul li a .gedreht { -webkit-transform: rotate(355deg); -ms-transform: rotate(355deg); -o-transform: rotate(355deg); transform: rotate(355deg); text-shadow: 0px 2px 1px #666; font-weight: 900; } .sticker ul li a .gedreht .tiny { text-shadow: 0px 1px 1px #999; font-weight: normal; } .sticker ul li a .gedreht .small { text-shadow: 0px 1px 1px #777; font-weight: 500; } .nav-top div.menu-header ul.menu li { display: inline; list-style-type: none; } .nav-top div.menu-header ul.menu li a { line-height: 30px; padding: 0 10px; color: black; } .nav-top div.menu-header ul.menu li a:hover, .nav-top div.menu-header ul.menu li a:focus { color: #2d7dc5; } .branding h1 { margin: 20px; padding: 0; } .branding p.slogan { display: none; } /* ------------------------------ Searchform */ .search-top input#s { height: 3em; font-size: 0.9em; padding-right: 30px; color: #ccc; width: 190px; border: 2px solid #E3E3E3; transition: width 0.3s ease 0s; } .search-top input#s:focus { color: black; width: 250px; box-shadow: none; border: 2px solid rgba(0, 119, 179, 0.9);; } .search-top .searchsubmit { background: url("../images/designs/scapegoat/lupe.gif") no-repeat scroll 0 0 transparent; border: none; box-shadow: none; color: white; display: inline; height: 22px; width: 40px; padding: 0; text-indent: -999px; transition: none; margin-left: -30px; } .search-top .searchsubmit:hover, .search-top .searchsubmit:focus { background: url("../images/designs/scapegoat/lupe.gif") no-repeat scroll 0 -28px white; border: none; transition: none; } #nav { z-index: 9999; max-width: 1200px; margin: 0 auto; border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; background: #fff; -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.1); box-shadow: 0 -1px 3px rgba(0,0,0,0.1); width: 100%; position: relative; display: block; } #nav .menu-header { margin: 0 auto; max-width: 75em; padding: 0 2em; } /* ------------------------------ Title */ .breadcrumbs { max-width: 1200px; margin: auto; background: #0077B3; } .breadcrumbs #crumbs { padding: 1em 2em; } .breadcrumbs #crumbs .current { color: #fff; margin: 0.75em 0; font-family: FontPiratenkleiderHeadlines; vertical-align: bottom; width: 100%; color: #fff; display: block; font-size: 2em; } /* ------------------------------ Wrapper */ .teaser { margin-right: 0px; background: none repeat scroll 0 0 #FFFFFF; border-left: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; border-top: 1px solid #D1D1D1; box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1); border-bottom: 3px solid orange; margin: 0 auto; max-width: 1200px; clear: both; } #main-content { margin: 0 auto; padding: 0 2em; max-width: 1200px; } .content-primary { width: 68%; max-width: 890px; float: left; margin-top: 2em; } .content-aside { width: 300px; float: right; padding: 0; margin: 2em 0 4em; } .error-teaser { width: 100%; } .p3-clearfix:before { content:""; display:table; } .p3-clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; } .p3-ie-clearing { display:none; } .p3-column { display: block; overflow: hidden; } .withthumb .p3-col1 { display: block; margin: 0; padding: 0; max-height: 120px; overflow: hidden; width: 100%; } .usefloating .p3-col3 { margin: 0; } .columns .linktipps .post-entry img, .infoimage img { width: 100%; height: auto; margin: 0 auto; display: block; } .withvideo .infoimage { margin: 0 auto; text-align: center; display: block; width: 100%; } .withvideo .infoimage iframe { width: 100%; height: auto; min-height:250px; } .content-primary .columns .column1, .content-primary .columns .column2 { margin-bottom: 5px; } .content-primary .columns .column1 hr, .content-primary .columns .column2 hr { display: none; } .content-primary .columns .column1 { float: left; } .content-primary .columns .column2 { float: right; } .columns .column1, .columns .column2 { width: 50%; } .columns .column2 .post .cal-icon { margin-left: 0; } .post-entry { padding: 0 15px; } .columns section .p3-column ul { padding: 0 30px 10px; } .actionpage .content-primary { width: 100%; } .content-primary .person ul.contact li span, #main-stream h1 { position: absolute; left: -999em; width: 1px; } #linktipp-stream h1, #second-stream h1, #linktipp-stream h2, #second-stream h2, #main-stream h2 { font-size: 1.1em; color: #24639b; margin-bottom: 0.5em; } #linktipp-stream section h2, #second-stream section h2, #main-stream section h2 { font-size: 22.8px; color: #24639b; } .content-primary .person ul.contact li { list-style-type: none; } .content .symbolbild { max-width: 1200px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D1D1D1; overflow: hidden; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); margin: 0 1em; padding: 0; position: relative; max-height: 240px; } .content-primary .columns p { margin: 10px 0; } .content .symbolbild img { display: block; margin: 0 auto; max-width: 1200px; width: 100%; height: auto; overflow: hidden; } .content .symbolbild .caption { color: black; font-size: 0.9em; text-align: right; } .content .symbolbild h2 { margin-bottom: 0; } .content .symbolbild h3{ font-size: 12px; margin-bottom: 5px; } .content-primary article p:first-child { margin-top: 0; } .page .content-primary li, .post .content-primary li { list-style-position: inside; } .person .content-primary .skin, .search .content-primary .skin, .post .content-primary .skin, .page .content-primary .skin { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D1D1D1; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); margin: 0 1em 7.5em; padding: 3em; position: relative; } .content-primary .categorybox { display: inline-block; margin: 0; padding: 0 10px; width: 320px; max-height: 720px; overflow: hidden; vertical-align: top; } .content-primary .categorybox h2 { font-size: 1.3em; } .content-primary .categorybox section { min-height: 240px; } .content-primary .categorybox .infoimage { float: left; margin: 0.5em; } .content-primary .categorybox ul.catliste { font-size: 0.9em; } .content-primary .categorybox:after { clear:both; } .content-primary .categorybox .pubdateinfo { display: none; } /* ------------------------------ Social Icons */ #socialmedia_iconbar { position: fixed; display: block; top: 251px; left: 0px; width: 34px ; background: rgba(0,119,179,0.9); border-radius: 3px; z-index: 10 ; padding: 2px; margin: 0px; text-align: center; } .home #socialmedia_iconbar { top: 234px; } .content #socialmedia_iconbar ul.socialmedia li, .header ul.socialmedia { margin: 0; } .socialmedia li { float: left; margin: 0; padding: 0; } ul.socialmedia { list-style-type: none; } .socialmedia a { width: 32px; height: 32px; display: block; padding: 0; margin: 0; overflow: hidden; } .socialmedia a:before { display: inline-block; content: url('../images/socialmedia.png'); margin-left: -32px; } .socialmedia .icon_delicious:before { margin-top: 0px;} .socialmedia .icon_diaspora:before { margin-top: -32px;} .socialmedia .icon_facebook:before { margin-top: -64px;} .socialmedia .icon_feed:before { margin-top: -96px;} .socialmedia .icon_flattr:before { margin-top: -128px;} .socialmedia .icon_flickr:before { margin-top: -160px;} .socialmedia .icon_gplus:before { margin-top: -192px;} .socialmedia .icon_identica:before { margin-top: -224px;} .socialmedia .icon_itunes:before { margin-top: -256px;} .socialmedia .icon_skype:before { margin-top: -288px;} .socialmedia .icon_twitter:before { margin-top: -320px;} .socialmedia .icon_youtube:before { margin-top: -352px;} .socialmedia .icon_xing:before { margin-top: -384px;} .socialmedia .icon_tumblr:before { margin-top: -416px;} .socialmedia .icon_github:before { margin-top: -448px;} .socialmedia .icon_appnet:before { margin-top: -480px;} .socialmedia .icon_delicious:hover,.socialmedia .icon_delicious:focus, .socialmedia .icon_diaspora:hover,.socialmedia .icon_diaspora:focus, .socialmedia .icon_facebook:hover,.socialmedia .icon_facebook:focus, .socialmedia .icon_feed:hover,.socialmedia .icon_feed:focus, .socialmedia .icon_flattr:hover,.socialmedia .icon_flattr:focus, .socialmedia .icon_flickr:hover,.socialmedia .icon_flickr:focus, .socialmedia .icon_gplus:hover,.socialmedia .icon_gplus:focus, .socialmedia .icon_identica:hover,.socialmedia .icon_identica:focus, .socialmedia .icon_itunes:hover,.socialmedia .icon_itunes:focus, .socialmedia .icon_skype:hover,.socialmedia .icon_skype:focus, .socialmedia .icon_twitter:hover,.socialmedia .icon_twitter:focus, .socialmedia .icon_youtube:hover,.socialmedia .icon_youtube:focus, .socialmedia .icon_xing:hover,.socialmedia .icon_xing:focus, .socialmedia .icon_tumblr:hover,.socialmedia .icon_tumblr:focus, .socialmedia .icon_github:hover,.socialmedia .icon_github:focus, .socialmedia .icon_appnet:hover,.socialmedia .icon_appnet:focus { background-color: #0066CC; } /* Flag Icons -----------------------------------------------------------*/ .default_footerlinks li { display: inline; } .flagicon-sprite, .flagicon-ar, .flagicon-at, .flagicon-au, .flagicon-be, .flagicon-bg, .flagicon-br, .flagicon-by, .flagicon-ca, .flagicon-ch, .flagicon-cl, .flagicon-co, .flagicon-cy, .flagicon-cz, .flagicon-de, .flagicon-dk, .flagicon-es, .flagicon-fi, .flagicon-fr, .flagicon-gr, .flagicon-gt, .flagicon-is, .flagicon-it, .flagicon-kr, .flagicon-kz, .flagicon-lt, .flagicon-lu, .flagicon-lv, .flagicon-ma, .flagicon-mx, .flagicon-nl, .flagicon-nz, .flagicon-pe, .flagicon-pl, .flagicon-pt, .flagicon-ro, .flagicon-rs, .flagicon-ru, .flagicon-se, .flagicon-si, .flagicon-sk, .flagicon-tn, .flagicon-tr, .flagicon-ua, .flagicon-uk, .flagicon-us, .flagicon-uy, .flagicon-hr, .flagicon-il, .flagicon-hu, .flagicon-ee { width: 16px; height: 11px; display: inline-block; background: url('../images/flagicon.png') no-repeat; } .flagicon-ar { background-position: 0 -234px;} .flagicon-at { background-position: 0 -533px;} .flagicon-au { background-position: 0 -13px;} .flagicon-be { background-position: 0 -442px;} .flagicon-bg { background-position: 0 -403px;} .flagicon-br { background-position: 0 -78px;} .flagicon-by { background-position: 0 -195px;} .flagicon-ca { background-position: 0 -39px;} .flagicon-ch { background-position: 0 -572px;} .flagicon-cl { background-position: 0 -429px;} .flagicon-co { background-position: 0 -338px;} .flagicon-cy { background-position: 0 -481px;} .flagicon-cz { background-position: 0 -364px;} .flagicon-de { background-position: 0 -143px;} .flagicon-dk { background-position: 0 -247px;} .flagicon-ee { background-position: 0 -638px;} .flagicon-es { background-position: 0 -377px;} .flagicon-fi { background-position: 0 -312px;} .flagicon-fr { background-position: 0 -156px;} .flagicon-gr { background-position: 0 -325px;} .flagicon-gt { background-position: 0 -286px;} .flagicon-hu { background-position: 0 -624px;} .flagicon-hr { background-position: 0 -597px;} .flagicon-is { background-position: 0 -585px;} .flagicon-il { background-position: 0 -610px;} .flagicon-it { background-position: 0 -507px;} .flagicon-kr { background-position: 0 -91px;} .flagicon-kz { background-position: 0 -52px;} .flagicon-lt { background-position: 0 -221px;} .flagicon-lu { background-position: 0 -351px;} .flagicon-lv { background-position: 0 -390px;} .flagicon-ma { background-position: 0 -468px;} .flagicon-mx { background-position: 0 -104px;} .flagicon-nl { background-position: 0 -416px;} .flagicon-nz { background-position: 0 -26px;} .flagicon-pe { background-position: 0 -546px;} .flagicon-pl { background-position: 0 -559px;} .flagicon-pt { background-position: 0 -130px;} .flagicon-ro { background-position: 0 -260px;} .flagicon-rs { background-position: 0 -494px;} .flagicon-ru { background-position: 0 -520px;} .flagicon-se { background-position: 0 -169px;} .flagicon-si { background-position: 0 -208px;} .flagicon-sk { background-position: 0 -117px;} .flagicon-tn { background-position: 0 -273px;} .flagicon-tr { background-position: 0 -299px;} .flagicon-ua { background-position: 0 -455px;} .flagicon-uk { background-position: 0 0;} .flagicon-us { background-position: 0 -65px;} .flagicon-uy { background-position: 0 -182px;} /* Buttons und Symbolzeichen aus UTF; Teilweise uebernommen aus YAML */ .p3-add:before { content: "\271A"; } .p3-delete:before { content: "\2718"; } .p3-edit:before { content: "\270E"; } .p3-email:before { content: "\2709"; } .p3-like:before { content: "\2764"; } .p3-next:before { content: "\279C"; } .p3-play:before { content: "\25B6"; } .p3-save:before { content: "\2714"; } .p3-spark:before { content: "\2737"; } .p3-star:before { content: "\2605"; } .symbol-idee:before { content: "\0021"; } .symbol-person:before { content: "\263A"; } .symbol-herz:before { content: "\2665"; } .symbol-email:before { content: "\2709"; } .symbol-at:before { content: "\0040"; } .symbol-check:before { content: "\2713"; } .symbol-nocheck:before { content: "\2717"; } .symbol-telefon:before { content: "\2706"; } .symbol-anker:before { content: "\2693"; } .symbol-skull:before { content: "\2620"; } .symbol-female:before { content: "\2640"; } .symbol-male:before { content: "\2642"; } .symbol-malefemale:before { content: "\26A5"; } .symbol-schreiben:before { content: "\270D"; } .symbol-rollstuhl:before { content: "\267F"; } .symbol-steuerrad:before { content: "\2638"; } .symbol-musiknote:before { content: "\266B"; } .symbol-paragraph:before { content: "\00A7"; } .symbol-play:before { content: "\25B6"; } .symbol-save:before { content: "\2714"; } .symbol-spark:before { content: "\2737"; } .symbol-star:before { content: "\2605"; } .symbol-euro:before { content: "\20AC"; } .symbol-dollar:before { content: "\0024"; } .symbol-copyright:before { content: "\00A9"; } .symbol-eins:before { content: "\2460"; } .symbol-zwei:before { content: "\2461"; } .symbol-drei:before { content: "\2462"; } .embed-youtube p img {margin: 0 5px 0 0;} .page-template-page-actionpage-php .breadcrumbs, .page-template-pageindex-php .breadcrumbs, .page-template-catindex-php .breadcrumbs, .home .breadcrumbs, .with-breadcrumb h1.post-title, .skip { position: absolute; left: -999em; width: 1px; } /** * Hinweisboxen */ .label { font-family: Verdana, Geneva, sans-serif; padding: 1px 6px 2px; display: inline-block; vertical-align:middle; letter-spacing: normal; white-space: nowrap; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: #06C; color: #fff; font-size: 10px; line-height: 12px; } .highlight { color:#000;} .dimmed { color:#888;} .info { background:#f4f4f4;} .success { background:#8c8;} .warning { background:#cc8;} .error { background:#c88;} /* Hinweisboxen */ .hinweis, .box { border-radius: 0.3em; border-width: 1px; border-style: solid; border-color: #888; border-color: rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2); color: #444; color: rgba(0, 0, 0, 0.8); padding: 1.42857em; margin: 0 0 1.5em 0; } .hinweis > *:last-child, .box > *:last-child { margin-bottom: 0; } .float-left { float: left; display: inline; margin: 0 1em 1.5em 0; } .float-right { float: right; display: inline; margin: 0 0 1.5em 1em; } .p33 { width: 33.3333%; } .p50 { width: 50%; } .p66 { width: 66.6666%; } .p40 { width: 40%; } .p60 { width: 60%; } .center { display: block; text-align: center; margin: 0 auto 1.5em auto; } .nobr { white-space: nowrap; } /*-----------------------------------------------------------------------------------*/ /* Frontpage /*-----------------------------------------------------------------------------------*/ .custom-header { height: 0; padding-bottom: 33.75%; -webkit-box-shadow: 0 -0.25em 0.5em rgba(0,0,0,0.5) inset; -moz-box-shadow: 0 -0.25em 0.5em rgba(0,0,0,0.5) inset; box-shadow: 0 -0.25em 0.5em rgba(0,0,0,0.5) inset; } /*-----------------------------------------------------------------------------------*/ /* Navigation /*-----------------------------------------------------------------------------------*/ /* ------------------------------ Pagination */ #pagination { clear: both; float: none; overflow: auto; padding: 0; margin: 0 auto; text-align: center; font-size: 1.25em; } #pagination .pagination-info { float: left; font-size: 0.8em; line-height: 2.5em; display: block; padding: 0 0.5em; color: #bfbfbf; } #pagination .pagination { float: right; background: #fff; border: 1px solid #d1d1d1; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } #pagination .pagination a, #pagination .pagination span { display: inline-block; text-align: center; color: #0077b3; width: 2em; height: 2em; line-height: 2em; margin: 0; } #pagination .pagination span { color: #005580; } #pagination .pagination a.pagination-current-page, #pagination .pagination a.pagination-current-page:hover, #pagination .pagination a.pagination-current-page:focus { background: #0077b3; color: #fff; } #pagination .pagination .pagination-previous {} #pagination .pagination .pagination-next {} #pagination .pagination a:hover, #pagination .pagination a:focus { background: #e3e3e3; color: #808080; } #pagination .pagination .pagination-dots { color: #808080; } /* ------------------------------ Header Navigation */ .nav-main { padding: 0; } #nav-search { display: none; overflow: auto; padding: 0.5em 0.25em; } /* ------------------------------ Level 1 */ .nav-main ul { padding: 0; min-height: 3.2em; display: block; } .nav-main ul li { float: left; display: block; margin: 0; position: relative; } .nav-main ul li a { display: block; padding: 0 1em; height: 3.2em; line-height: 3.2em; } .nav-main ul li a, .nav-main ul li a:active, .nav-main ul li a:visited { color: #808080; } .nav-main ul li.has_children > a { padding: 0 1.6em 0 1em; } .nav-main ul li.has_children > a:after { content: '›'; color: #0077b3; font-size: 1em; font-weight: 700; position: absolute; top: 0; right: 0.6em; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .nav-main ul > li:hover > a, .nav-main ul > li:focus > a { color: #404040; background-color: #f7f9fa; } .nav-main ul > li.current-menu-item > a, .nav-main ul > li.current_page_item > a { color: #0077b3; } .nav-main ul > li.menu-item-home > a { text-indent: -10000px; min-width: 2em; background-image: url('../images/bg-menu-home.png'); background-repeat: no-repeat; background-position: center center; } .nav-main ul > li.menu-item-home > a:after { text-indent: 0; } .nav-main ul > li.menu-item-home:hover a, .nav-main ul > li.menu-item-home:focus a { background-image: url('../images/bg-menu-home-hover.png'); } .nav-main ul > li.menu-item-home.current-menu-item a { background-image: url('../images/bg-menu-home-active.png'); } .nav-main ul > li.current-menu-item:after, .nav-main ul > li.current_page_item:after { z-index: 9999; bottom: -0.5em; left: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; margin: 0 0 0 -1em; border-top: 1em solid #fff; border-right: 1em solid transparent; border-left: 1em solid transparent; } /* ------------------------------ Level 2 */ .nav-main ul ul { display: none; float: none; left: 0; margin: 0; padding: 0; position: absolute; top: 3.2em; z-index: 99999; } .nav-main ul ul:after { top: -0.5em; left: 2em; position: absolute; content: ''; display: block; width: 0; height: 0; border-bottom: 0.5em solid #404040; border-right: 0.5em solid transparent; border-left: 0.5em solid transparent; } .nav-main li li { display: block; background: #404040; border-top: 1px solid #181818; margin: 0; padding: 0; position: relative; -webkit-hyphens: none; -moz-hyphens: none; -o-hyphens: none; -ms-hyphens: none; hyphens: none; } .nav-main li li:first-child { border-top: 0; } .nav-main ul ul a { display: block; height: auto; margin: 0; padding: 1.2em; width: 16em; font-size: 0.9em; line-height: 1.4em; } .nav-main ul ul a, .nav-main ul ul a:active, .nav-main ul ul a:visited { background: transparent; color: #e3e3e3; } .nav-main ul ul li:hover > a, .nav-main ul ul li:focus > a { background: rgba(0,0,0,0.2); } .nav-main ul ul li.current-menu-item > a, .nav-main ul ul li.current_page_item > a, .nav-main ul ul a:hover, .nav-main ul ul a:focus { background: transparent; color: #fff; } .nav-main ul ul > li.has_children > a { padding: 1.2em; } .nav-main ul ul > li.has_children > a:after { color: #f80; padding: 1.2em; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .nav-main ul ul > li.current-menu-item:after, .nav-main ul ul > li.current_page_item:after { display: none; } /* ------------------------------ Level 3 */ .nav-main ul ul ul { left: 100%; margin: 0; padding: 0; top: 0; } .nav-main ul ul ul:after { top: 1.2em; left: -1em; position: absolute; content: ''; display: block; width: 0; height: 0; border-right: 0.5em solid #262626; border-top: 0.5em solid transparent; border-bottom: 0.5em solid transparent; } .nav-main li li li { background: #262626; border-top: 1px solid #000; } .nav-main ul ul ul a { width: 10em; } .nav-main ul ul ul a, .nav-main ul ul ul a:active, .nav-main ul ul ul a:visited { background: transparent; color: #bfbfbf; } .nav-main ul ul ul li:hover > a, .nav-main ul ul ul li:focus > a { color: #e3e3e3; background: rgba(0,0,0,0.2); } .nav-main ul li:hover > ul, .nav-main ul li:focus > ul { display: block; } .nav-main ul ul ul > li.has_children > a:after { color: #fff; } .nav-main .menu-toggle { display: none; } #menu-close { display: none; cursor: pointer; text-align: center; text-indent: -10000px; background: rgba(0,0,0,0); padding: 0; margin: 0; position: absolute; right: -25%; top: 0; height: 100%; width: 25%; z-index: 200; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #menu-open { display: none; cursor: pointer; text-align: center; text-indent: -10000px; background: transparent url('images/bg-menu-toggle.png') no-repeat scroll center center; position: absolute; left: 0; top: 0; height: 100%; width: 20%; padding: 0; margin: 0; z-index: 100; border-right: 2px solid rgba(255,255,255,0.5); } .nav-main li a span { display: inline; position: absolute; top: -8px; right: -10px; font-size: 0.8em; z-index: 51; border-radius: 10px; padding: 4px; background-color: #2D7DC5; color: white; line-height: 1em; } .nav-main ul > li.menu-item-home > a span { text-indent: initial; } .nav-main li.redspan a span { background-color: red; } .nav-main li.orangespan a span { background-color: #ff8800; } .nav-main li.greenspan a span { background-color: green; } /* Sitebar */ .content-aside ul { margin: 0 0 18px 0; } .content-aside ul li { margin-bottom: 0; list-style: none; margin-bottom: 2px; } .content-aside table { background: #c96a00; background: rgba(0, 0, 0, 0.2); padding: 5px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .content-aside table td, .content-aside table th { border-top: 1px solid #ff8800; } .content-aside blockquote { margin: 0 0 20px 0; border: 0 solid; background: #c96a00; background: rgba(0, 0, 0, 0.2); padding: 20px; overflow: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .content-aside blockquote footer { margin-top: 5px; float: right; text-align: right; } .content-aside blockquote footer img { float: right; margin: 0; } .content-aside ul.menu li { /* display: none; */ } .content-aside ul.menu li.current_page_item, .content-aside ul.menu li.current_page_ancestor, .content-aside ul.menu li.current-menu-item, .content-aside ul.menu li.current-menu-ancestor { display: block; } .content-aside ul.menu li.current_page_item li, .content-aside ul.menu li.current_page_ancestor li, .content-aside ul.menu li.current-menu-item li, .content-aside ul.menu li.current-menu-ancestor li { display: block; } .content-aside ul.menu li.current_page_item .children .children .content-aside ul.menu li.current_page_ancestor .children .children, .content-aside ul.menu li.current-menu-item .sub-menu .sub-menu, .content-aside ul.menu li.current-menu-ancestor .sub-menu .sub-menu { display: none; } .content-aside ul.menu li.current_page_item > .children, .content-aside ul.menu li.current_page_ancestor > .children, .content-aside ul.menu li.current-menu-item > .sub-menu, .content-aside ul.menu li.current-menu-ancestor > .sub-menu { display: block !important; } .content-aside ul.menu { padding: 5px; margin: 0 0 20px 0; } .content-aside ul.menu hr { height: 0; margin: 0; } .content-aside ul.menu li { margin-bottom: 0; } .content-aside ul.menu li a { display: inline-block; background: white; padding: 0 5px; margin-bottom: 2px; color: #2d7dc5; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .content-aside ul.menu li.active a, .content-aside ul.menu li a:hover, .content-aside ul.menu li a:focus { color: white; background: #2d7dc5; } .content-aside ul.menu li.current_page_item > a, .content-aside ul.menu li.current-menu-item > a { background: #2d7dc5 url("../images/plus-left.gif") center left no-repeat; color: white; padding-left: 14px; } .content-aside ul.menu ul.children, .content-aside ul.menu ul.sub-menu { margin: 0 0 0 5px; } .content-aside .subpagesonly ul li{ display: none; } .content-aside .subpagesonly ul.menu li.current_page_item .children .children .content-aside .subpagesonly ul.menu li.current_page_ancestor .children .children, .content-aside .subpagesonly ul.menu li.current-menu-item .sub-menu .sub-menu, .content-aside .subpagesonly ul.menu li.current-menu-ancestor .sub-menu .sub-menu { display: block; } .content-aside #steckbrief h3.contact, .content-aside #steckbrief ul.contact li span { position: absolute; left: -999em; width: 1px; } .content-aside #steckbrief ul.contact { list-style-type: none; width: 250px; } .content-aside #steckbrief ul.contact li { float: left; margin: 0; padding: 0; } .content-aside #steckbrief ul.contact li a { width: 32px; height: 32px; display: block; padding: 0; margin: 0; overflow: hidden; } .content-aside #steckbrief ul.contact li a:before { display: inline-block; content: url('../images/socialmedia.png'); margin-left: -40px; } .content-aside #steckbrief ul.contact li.delicious a:before { margin-top: 0px;} .content-aside #steckbrief ul.contact li.diaspora a:before { margin-top: -32px;} .content-aside #steckbrief ul.contact li.facebook a:before { margin-top: -64px;} .content-aside #steckbrief ul.contact li.feed a:before { margin-top: -96px;} .content-aside #steckbrief ul.contact li.flattr a:before { margin-top: -128px;} .content-aside #steckbrief ul.contact li.flickr a:before { margin-top: -160px;} .content-aside #steckbrief ul.contact li.gplus a:before { margin-top: -192px;} .content-aside #steckbrief ul.contact li.identica a:before { margin-top: -224px;} .content-aside #steckbrief ul.contact li.itunes a:before { margin-top: -256px;} .content-aside #steckbrief ul.contact li.skype a:before { margin-top: -288px;} .content-aside #steckbrief ul.contact li.twitter a:before { margin-top: -320px;} .content-aside #steckbrief ul.contact li.youtube a:before { margin-top: -352px;} .content-aside #steckbrief ul.contact li.xing a:before { margin-top: -384px;} .content-aside #steckbrief ul.contact li.tumblr a:before { margin-top: -416px;} .content-aside #steckbrief ul.contact li.github a:before { margin-top: -448px;} .content-aside #steckbrief ul.contact li.appnet a:before { margin-top: -480px;} .content-aside #steckbrief ul.contact li.website a:before { margin-top: -512px;} .content-aside #steckbrief ul.contact li.email a:before { margin-top: -544px;} .content-aside #steckbrief ul.contact li.wiki a:before { margin-top: -576px;} .content-aside #steckbrief ul.contact li.piratewiki a:before { margin-top: -608px;} .content-aside #steckbrief p { clear: left; padding-top: 1em; border-top: 2px solid #f80; } /*-----------------------------------------------------------------------------------*/ /* Widgets /*-----------------------------------------------------------------------------------*/ .content-aside .widget { overflow: visible; margin: 0; padding: 0; font-size: 0.875em; -webkit-column-break-inside: avoid; overflow: visible; height: 100%; } .widget h2, .widget h3 { color: #404040; padding: 0 0 0.5em; margin: 0.5em 0; border-bottom: 2px solid #f80; font-weight: 400; font-size: 1.5em; } .footer .widget h2, .footer .widget h3 { color: #f80; } .widget h2:before { color: #f80; } .widget ul { margin: 0; list-style: none; } .widget ul li { position: relative; padding: 0.5em 0 0.5em 1.5em; margin: 0; } .widget .tagcloud ul li { padding: 0; } .widget ul li:before { color: #808080; display: block; position: absolute; width: 1em; height: 1em; margin: 0 0 0 -1.25em; padding: 0; } .widget p.bannerlink { margin: 0; } .widget .newsletter label { display: block; margin: 0 auto 1em; } .widget .newsletter input[type="text"] { width: 15em; margin-right: 10px; } /* ------------------------------ Widget.content-aside */ .content-aside .widget { color: #404040; margin: 0 auto 6em; } /* ------------------------------ Widget Footer */ .widget-footer { color: #808080; margin: 0 0 5em; } .widget-footer .widget-inner {} .widget-footer .widget-title { color: #e3e3e3; } .widget-footer .widget-title:before { color: #808080; } .widget-footer a, .widget-footer a:active, .widget-footer a:visited { color: #bfbfbf; } .widget-footer a:hover, .widget-footer a:focus { color: #fff; } /* ------------------------------ Widget Submenu */ .widget_nav_menu, .widget_pages {} .widget_nav_menu .widget-inner , .widget_pages .widget-inner {} .widget_nav_menu .widget-title, .widget_pages .widget-title {} .widget_nav_menu .widget-title:before, .widget_pages .widget-title:before { /* content: '\f03a'; */ } .widget_nav_menu ul, .widget_pages ul { margin: 0; } .widget_nav_menu ul li, .widget_pages ul li {} .widget_nav_menu ul li:hover, .widget_nav_menu ul li:focus, .widget_pages ul li:hover, .widget_pages ul li:focus {} .widget_nav_menu ul li a, .widget_pages ul li a {} .widget_nav_menu ul li.current_page_item > a, .widget_pages ul li.current_page_item > a {} .widget_nav_menu ul ul, .widget_pages ul ul {} .widget_nav_menu ul ul li, .widget_pages ul ul li {} .widget_nav_menu ul ul li:before, .widget_pages ul ul li:before {} .widget_nav_menu ul ul ul, .widget_pages ul ul ul {} .submenu {} .submenu .widget_nav_menu, .submenu .widget_pages {} .submenu .widget_nav_menu .widget-inner , .submenu .widget_pages .widget-inner {} /* ------------------------------ Widget Text */ .widget_text {} .widget_text .widget-title:before { /* content: '\f05a'; */ } /* ------------------------------ Widget Calendar */ .widget_calendar {} .widget_calendar .widget-title:before { /* content: '\f073'; */ } .widget_calendar .widget-inner {} #wp-calendar { position: relative; overflow: visible; text-align: center; width: 100%; border: 0; } .widget_calendar caption { height: 2em; line-height: 2em; margin: 0; padding: 0 0 0.3em; border-bottom: 1px solid #808080; } .widget_calendar tr { border: 0; } .widget_calendar td, .widget_calendar th { padding: 0; height: 2em; line-height: 2em; border: 2px solid transparent; } .widget_calendar tfoot { height: 0; } .widget_calendar tfoot .pad { display: none; } .widget_calendar #prev, .widget_calendar #next { width: 22%; white-space: nowrap; border: 0; display: block; position: absolute; top: 0; } .widget_calendar #prev { float: left; left: 0; } .widget_calendar #next { float: right; right: 0; } .widget_calendar #prev a, .widget_calendar #next a { text-align: center; display: block; } .widget_calendar .pad {} .widget_calendar #today { color: #f80; font-weight: 700; } .widget_calendar tbody a { display: block; color: #000; background: rgba(0,0,0,0.1); } .widget_calendar tbody a:hover, .widget_calendar tbody a:focus { background: rgba(0,0,0,0.2); } .widget-footer.widget_calendar tbody a { color: #fff; background: rgba(255,255,255,0.1); } .widget-footer.widget_calendar tbody a:hover, .widget-footer.widget_calendar tbody a:focus { background: rgba(255,255,255,0.2); } /* ------------------------------ Widget Tagcloud */ .tagcloud { /* line-height: 1.8em; text-align: center; margin-top: 1em; */ } ul.wp-tag-cloud { list-style-type: none; margin: 0; text-align: center; } .content-aside .widget ul.wp-tag-cloud li, ul.wp-tag-cloud li, ul li.cat-item { display: inline; content: ""; } .content-aside .widget ul.wp-tag-cloud li:before, .slidersidebar li:before, li.slide:before,li.slide, ul.wp-tag-cloud li:before { content: ""; } .tagcloud { padding: 0.25em 0; } .cat-item a, .tagcloud a, .tagcloud a:active, .tagcloud a:visited { display: inline-block; background: #0077b3; color: #fff; padding: 0.25em 0.75em; margin: 0.15em 0; -webkit-border-radius: 2em; border-radius: 2em; -webkit-box-shadow: 0 0 0 0.0625em rgba(0,0,0,0.1) inset; box-shadow: 0 0 0 0.0625em rgba(0,0,0,0.1) inset; } .cat-item a:hover, .cat-item a:focus, .tagcloud a:hover, .tagcloud a:focus { background: #005580; color: #fff; } /* ------------------------------ Widget RSS */ .widget_rss {} .widget_rss .widget-title:before { /* content: '\f143'; */ } .widget_rss ul {} .widget_rss ul li {} .widget_rss ul li a.rsswidget { display: block; font-weight: 700; margin: 1em 0; font-size: 1.666em; line-height: 1.25em; } .widget_rss ul li span.rss-date { display: block; margin: 0 0 2em; font-weight: 700; } .widget_rss ul li .rssSummary {} .widget_rss ul li cite { display: block; margin: 1em 0; font-weight: 700; } /* ------------------------------ Widget Comments */ .widget_recent_comments {} .widget_recent_comments .widget-title:before { /* content: '\f086'; */ } /* ------------------------------ Widget Meta */ .widget_meta {} .widget_meta .widget-title:before { /* content: '\f023'; */ } .widget_meta ul {} .widget_meta ul li {} .widget_meta ul li a {} /* ------------------------------ Widget Archive */ .widget_archive {} .widget_archive .widget-title:before { /* content: '\f07c'; */ } /* ------------------------------ Widget Category */ .widget_categories {} .widget_categories .widget-title:before { /* content: '\f07c'; */ } /* ------------------------------ Widget Links */ .widget_links {} .widget_links .widget-title:before { /* content: '\f005'; */ } /* ------------------------------ Widget Recent Entries */ .widget_recent_entries {} .widget_recent_entries .widget-title:before { /* content: '\f08d'; */ } /* ------------------------------ Widget Search */ .widget_search {} .widget_search .widget-title:before { /* content: '\f002'; */ } .widget_search .searchform {} .slidersidebar ul li { content: ""; } /* --Slider */ /* teaser --- */ .first-teaser-widget-area .slide .textslider { background: #ff8800; } .teaser .first-teaser-widget-area { display: block; width: 100%; max-width: 1200px; padding: 0; margin: 0; max-height: 408px; overflow: hidden; background-color: black; } .teaser .second-teaser-widget-area { display: none; } .teaser li { list-style-type: none; } .second-teaser-widget-area .skin { padding: 10px; } .second-teaser-widget-area li { margin-bottom: 1px; background: orange; border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .second-teaser-widget-area li a { padding: 1em 10px 1em 20px; list-style: none outside none; border: 0px solid; color: white; font-size: 14px; display: block; text-shadow: 0 0 0; } .second-teaser-widget-area li a div { letter-spacing: 1px; text-shadow: 0 -1px 1px #c36800; font-size: 19px; } .second-teaser-widget-area li a:focus, .second-teaser-widget-area li a:hover { color: white; } .second-teaser-widget-area .textwidget { margin-bottom: 1px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); padding: 1em 10px 1em 20px; list-style: none outside none; color: white; font-size: 14px; display: block; text-shadow: 0 0 0; } .second-teaser-widget-area li.recentcomments { color: white; font-style: italic; padding-left: 10px; } .second-teaser-widget-area li.recentcomments a { font-style: normal; padding: 0.3em 10px 0.5em 20px; } .teaserlinks ul { margin: 0; padding: 0; } .teaserlinks ul li { margin: 0; padding: 0; min-height: 70px; } .teaserlinks ul li { background: none repeat scroll 0 0 rgba(0,119,179,0.9); border-radius: 2px 2px 2px 2px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); margin-top: 1px; margin-bottom: 1px; } .teaserlinks ul li a { color: white; letter-spacing: 1px; text-shadow: 0 -1px 1px #c36800; font-size: 22px; padding-top: 14px; padding-bottom: 0px; padding-left: 50px; margin: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .teaserlinks ul li a:hover, .teaserlinks ul li a:focus{ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding-left: 60px; color: white; background: none repeat scroll 0 0 rgba(0,119,179,0.9); } .teaserlinks ul li a span { padding-top: 4px; font-size: 16px; display: block; color: black; text-shadow: 0 0 0; } .teaserlinks ul li a:hover span, .teaserlinks ul li a:focus span { color: black; } .teaserlinks .symbol:before { font-size: 36px; position: absolute; padding-top: 10px; margin-left: -30px; text-align: center; width: 30px; text-shadow: 0 -1px 1px #c36800; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider, .slidersidebar {margin: 0; padding: 0;} .flexslider .slides > li, .slidersidebar .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img, .slidersidebar .slides img { display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .slidersidebar ul.slides { margin-bottom: 0px; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} .flexslider, .slidersidebar { width: 100%; margin: 0; padding: 0; position: relative; } .flexslider { height: 408px; } .content-aside .slidersidebar { height: auto; margin: 10px auto; } .content-aside .flexslider a:hover img, .content-aside .flexslider a:focus img, .content-aside .flexslider a:visited img, .content-aside .slidersidebar a:hover img, .content-aside .slidersidebar a:focus img, .content-aside .slidersidebar a:visited img { text-decoration: none; border: none; } .flexslider .bigslider img { width: 100%; max-width: 1200px; height: auto; } .flexslider .slides > li { display: none; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } .slides > li:first-child { display: block; } .flex-pauseplay, .flex-control-nav, .flex-direction-nav { z-index: 10; } .flex-control-nav { position: absolute; bottom: 20px; right: 100px; overflow: hidden; } .slidersidebar .flex-direction-nav, .slidersidebar .flex-control-nav { margin: 0 0 10px 0; padding: 0; float: left; position: absolute; top: 10px; right: 10px; max-width: 210px; } .flex-control-nav li, .flex-direction-nav li { float: left; margin-right: 1px; } .flex-control-nav li a, .flex-direction-nav li a { display: block; padding: 0px 5px; } .flex-control-nav li a.flex-active, .flex-control-nav li a.active, .flex-control-nav li a:hover, .flex-control-nav li a:focus, .flex-direction-nav li a.flex-active, .flex-direction-nav li a.active, .flex-direction-nav li a:hover, .flex-direction-nav li a:focus{ background: #005580; color: white; } .flex-control-nav li a, .flex-direction-nav li a, .flex-pauseplay { background: rgba(0, 119, 179, 0.9); cursor: pointer; color: white; } .flexslider .flex-pauseplay { position: absolute; bottom: 20px; right: 30px; width: 50px; text-align: center; padding: 0px; overflow: hidden; z-index: 800; } .flexslider .flex-pauseplay a { color: white; } .slidersidebar .flex-pauseplay { position: absolute; top: 10px; left: 10px; padding: 1px 5px 1px 5px; margin: 0; display: inline-block; } .flexslider .flex-pauseplay:hover, .flexslider .flex-pauseplay:focus, .slidersidebar .flex-pauseplay:hover, .slidersidebar .flex-pauseplay:focus { background: white; } .slide .caption h3 { font-size: 2em; line-height: 1.1em; margin-left: -5px; margin-bottom: 0; } .slide .caption h3 a { padding: 2px 5px 0px 5px; } .slide .caption h3 a:hover { background: #ff8800; } .content-aside .slide .caption, .first-teaser-widget-area .slide .caption { background: rgba(0, 119, 179, 0.9); color: white; position: absolute; bottom: 0; left: 40px; top: 0; width: 280px; height: 408px; padding: 40px 20px 20px 20px; text-align: left; } .content-aside .slide .caption { width: 100%; } .first-teaser-widget-area .slide .credits { position: absolute; top: 0; right: 0; background: rgba(0, 0, 0, 0.3); color: #ccc; } .content-aside .slide .caption p, .first-teaser-widget-area .slide .caption p { font-size: 12px; margin-bottom: 5px; display: inline-block; font-size: 18px; } .content-aside .slide .caption a, .first-teaser-widget-area .slide .caption a { color: white; display: inline-block; padding: 0 5px; z-index: 99; } .first-teaser-widget-area .slide .bigslider { position: relative; } .first-teaser-widget-area .slide .textslider { box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); margin: 0 5px 5px 5px; height: 235px; padding: 1em; } .first-teaser-widget-area .slide .textslider img { float: left; margin: 25px 20px 15px 25px; max-height: 185px; } .first-teaser-widget-area .slide .textslider h3 { padding-top: 35px; margin-bottom: 15px; color: white; } .first-teaser-widget-area .slide .textslider a { color: white; } .slidersidebar ol.flex-control-nav li { margin: 0 1px; } .slidersidebar li.slide a { padding: 0; } .switchoff, .switchon { display: none !important; } /*-----------------------------------------------------------------------------------*/ /* Media Queries /*-----------------------------------------------------------------------------------*/ @media only screen and (max-width:1024px) { .teaser { display: none; } } /* ------------------------------ Tablets */ @media only screen and (max-width:1024px) { .teaser, .sticker { display: none; } .branding { width: 100%; float: none; } .inside { width: auto; } .content-primary, .content-aside { width: 100%; float: none; display: block; } .header .sticker { top: 210px; left: 50px; } .content-primary { margin-top: 120px; } #header-outside {} #header-inside {} #logo {} .nav-main {} .nav-main ul {} .nav-main ul > li {} .nav-main ul ul > li { margin: auto; } .content { width: auto !important; float: none !important; } #front-page-header-inside { width: auto; } #slideshow { padding-bottom: 42%; } #front-page-slider {} #front-page-slider .front-page-slide { padding-bottom: 42%; background-size: auto 100% !important; } #front-page-slider .front-page-slide .slide-content { margin: 0 2em; padding-bottom: 42%; } #front-page-slider .front-page-slide .slide-image { padding-bottom: 42%; } #front-page-slider .front-page-slide .slide-image img { width: auto; max-width: none; height: 100%; } #front-page-slider .front-page-slide .slide-text { width: 60%; margin: 0; } #front-page-slider .front-page-slide .slide-text .slide-text-title { font-size: 1.8em; line-height: 0.9em; } #front-page-slider .front-page-slide .slide-text .slide-text-article { display: block; font-size: 0.75em; } } /* ------------------------------ Smartphones */ @media only screen and (max-width: 768px) { .header, .nav-top { height: auto; } .branding { display: block; width: 100%; margin: 0 auto; height: auto; padding: 0; text-align: center; } .branding h1 { margin-bottom: 0px; } .logo { margin: 0 auto; } .logo img { display: block; width: 100%; height: auto; } .menu-header, .search-top, .sticker, .teaser { display: none; } .nav-top { position: relative; top: inherit; right: inherit; left:inherit; display: block; text-align: center; display: block; margin: 0 auto; width: 100%; clear: both; float: none; } .nav-top ul.socialmedia { clear: both; display: inline-block; position: relative; top: inherit; right: inherit; width: auto; float: none; } blockquote:before { font-size: 1.5em; top: 1.25em; left: 0; } blockquote { padding: 0 0 0 2em; } .nav-main { position: absolute; top: 0; height: 100%; width: 80%; background: #fff; } .no-js .nav-main { left: 0; position: relative; top: 0; height: auto; width: auto; background: #fff; } .nav-main .menu-toggle { text-align: center; text-indent: -10000px; background: #181818 url('../images/designs/scapegoat/bg-menu-toggle.png') no-repeat scroll center center; padding: 0.8em; margin: 0; } .nav-main ul, .nav-main ul ul, .nav-main ul ul ul { display: block; width: 100%; float: none; padding: 0; margin: 0; position: static; left: auto; top: auto; background: transparent; min-height: inherit; border: 0; } .nav-main ul:after, .nav-main ul ul:after, .nav-main ul ul ul:after { display: none; } .nav-main ul { border-bottom: 1px solid #e3e3e3; } .nav-main ul ul { border: 0; background: rgba(0,0,0,0.025); } .nav-main ul ul ul { background: rgba(0,0,0,0.025); border-bottom: 0; } .nav-main ul li, .nav-main ul ul li, .nav-main ul ul ul li, .nav-main ul ul ul ul li { float: none; padding: 0; margin: 0; border: 0; background: transparent; } .nav-main ul li a, .nav-main ul ul li a, .nav-main ul ul ul li a, .nav-main ul ul ul ul li a, .nav-main ul > li.has_children > a, .nav-main ul ul > li.has_children > a, .nav-main ul ul ul > li.has_children > a, .nav-main ul ul ul ul > li.has_children > a { width: auto; padding: 0.8em 1em; margin: 0; height: auto; line-height: 2.4em; color: #404040 !important; background-color: transparent !important; border-top: 1px solid #e3e3e3; } .nav-main ul li > a, .nav-main ul > li.has_children > a { font-size: 1.2em; line-height: 1.4em; } .nav-main ul ul li > a, .nav-main ul ul > li.has_children > a { padding: 0.8em 1em 0.8em 2em; font-size: 1em; line-height: 1.4em; color: #808080; background: #222; } .nav-main ul ul ul li > a, .nav-main ul ul ul > li.has_children > a { padding: 0.8em 1em 0.8em 3em; font-size: 1em; line-height: 1.4em; color: #808080; background: #222; } .nav-main ul ul ul ul li > a, .nav-main ul ul ul ul > li.has_children > a { padding: 0.8em 1em 0.8em 4em; font-size: 1em; line-height: 1.4em; color: #808080; background: #222; } .nav-main ul li a:hover, .nav-main ul li a:focus, .nav-main ul ul li a:hover, .nav-main ul ul li a:focus, .nav-main ul ul ul li a:hover, .nav-main ul ul ul li a:focus, .nav-main ul ul ul ul li a:hover, .nav-main ul ul ul ul li a:focus, .nav-main ul > li.has_children > a:hover, .nav-main ul > li.has_children > a:focus, .nav-main ul ul > li.has_children > a:hover, .nav-main ul ul > li.has_children > a:focus, .nav-main ul ul ul > li.has_children > a:hover, .nav-main ul ul ul > li.has_children > a:focus, .nav-main ul ul ul ul > li.has_children > a:hover, .nav-main ul ul ul ul > li.has_children > a:focus { color: #f80 !important; background-color: rgba(255,255,255,0.05) !important; } .nav-main ul li.current-menu-item > a, .nav-main ul ul li.current-menu-item > a, .nav-main ul ul ul li.current-menu-item > a, .nav-main ul ul ul ul li.current-menu-item > a { color: #f80 !important; } .nav-main ul > li.has_children > a:after, .nav-main ul ul > li.has_children > a:after { display: none; } .nav-main ul > li.current-menu-item:after, .nav-main ul > li.current_page_item:after { display: none; } .nav-main ul > li.menu-item-home a, .nav-main ul > li.menu-item-home:hover a, .nav-main ul > li.menu-item-home:focus a, .nav-main ul > li.menu-item-home.current-menu-item a { background-image: none; padding: 0.8em 1em; height: 1.4em; text-indent: 0; } .nav-main .menu-toggle { display: block; } #pagination .pagination-info, #pagination .pagination { float: none; margin: 0 0 1em; } #front-page-header-outside, #front-page-header-image-outside { display: none; } #post-nav #prev, #post-nav #next { width: auto; float: none; margin: 0 0 20px; } .chrome-container {} #content { width: auto; } .content-aside { float: none; width: auto; padding: 0; } .footer { overflow: hidden; } .footer ul { margin-left: 0; } .footer ul li { margin-bottom: 0; display: inline-block; } .footer ul:before { content:""; display:table; } .footer ul:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; margin-bottom: 10px; } .footer ul.skiplinks { margin-bottom: 0px; height: 0; } .first-footer-widget-area .widget li a img, .second-footer-widget-area .widget li a img, .footer ul.default_footerlinks li a img { vertical-align: baseline; margin: 0; } .footer .second-footer-widget-area .widget { margin-bottom: 0; } .footer .skin { overflow: hidden; margin-left: 10px; } .footer a { background: black; color: #2d7dc5; padding: 0 5px; margin: 0 2px 2px 0; } .footer a:hover, .footer a:focus { background: #2d7dc5; color: white; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .type-post, .type-page, .type-attachment { padding: 1em; } .post-image, .post-video { margin: 0 -1em; } .footer { display: none; } .post-more { position: relative; bottom: auto; right: auto; margin: 2em -1em -1em; padding: 1em; text-align: center; } .type-post:after, .type-page:after { width: 240px; margin: 0 0 0 -120px; background-size: 100% auto; } #title-inside { padding: 0; } .post-title { font-size: 1.6em; } .article { font-size: 1em; } #respond-wrapper { padding: 0.25em 1em; } #author-meta { padding-top: 2.5em; } #post-meta, #author-meta { float: none; clear: both; width: auto; } #commentform .input-col { margin: 1.5em 0; width: auto; float: none; } .commentlist li li { padding: 0 0 0 2em; } li .comment-body .comment-info, li li .comment-body .comment-info { float: none; text-align: left; width: auto; overflow: auto; } .comment-body .comment-author { width: 50%; float: left; clear: left; } .comment-body .comment-meta { width: 50%; float: right; clear: right; text-align: right; } .comment-body .reply { float: right; clear: both; margin-left: 1em; } li .comment-body .comment-text, li li .comment-body .comment-text { float: none; width: auto; padding: 0.125em 1em; } li .comment-body .comment-text { margin-left: 2em; } li li .comment-body .comment-text { margin-left: 0; margin-right: 2em; } .content-primary .columns .column1, .content-primary .columns .column2, .two-columns-one, .three-columns-one, .three-columns-two, .four-columns-one, .four-columns-two, .four-columns-three { float: none; width: 100%; margin-right: 0; } .nav-main li a span { top: 0px; right: 0px; } } @media only screen and (max-width: 480px) { .alignleft, .alignright { float: none; } img.alignleft, img[align="left"], figure.alignright, img.alignright, img[align="right"] { float: none; display: block; margin: 1em auto 1.5em; } .branding { width: 100%; text-align: center; margin: 0 auto; } .nav-top { height: auto; } nav ul#top, .nav-top, .header #searchform { position: relative; top: inherit; right: inherit; left:inherit; display: block; text-align: center; display: block; margin: 0 auto; width: 100%; clear: both; float: none; } .nav-top ul.socialmedia { clear: both; display: inline-block; position: relative; top: inherit; right: inherit; width: auto; } .nav-top .menu-header { float: none; } .header .searchform .searchsubmit { position: relative; top: inherit; right: inherit; margin-left: 10px; } .nav-main ul li ul { display: none !important; } .skiplinks li { list-style: none; width: 100%; } .skiplinks li a { position: absolute; display: block; position: static; width: 100%; display: block; border: 0px solid; background: #2d7dc5; color: white; outline: 0px; text-align: center; padding: 5px 18px; margin-bottom: 2px; font-size: 1.4em; background: #2d7dc5; color: white; border: 1px solid #2d7dc5; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1); border-top: 1px solid #4e96d7; border-bottom: 1px solid #1a4872; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-shadow: 0 -1px 0 #112e48; background-color: #2d7dc5; background-image: -moz-linear-gradient(top, #2d7dc5, #24639b); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2d7dc5), color-stop(1, #24639b)); background-image: linear-gradient(#2d7dc5, #24639b); } .skiplinks li a:focus, .skiplinks li a:hover { background: #24639b; color: black; } #skiplink-nav, #skiplink-search { display: none; } .footer ul.skiplinks { height: auto; } #main-content { padding: 0; } section, .content-primary, .content-primary .columns .column1, .content-primary .columns .column2 { margin-bottom: 0px; margin-top: 0px; } .skin, .person, .linktipps, .type-post, .type-page, .type-attachment { margin: 5px; } hr {display: none; } } @media only screen and (min-width: 641px) { #main-inside { left: auto!important; } }