/* Theme Name: PublishersForum-YCS-2014 Theme URI: http: //publishersforum.de/ Description: Child Theme for the Yoko theme Author: HJ Author URI: http: //publishersforum.de/ Template: yoko Version: 1.1 */ /* Google Fonts Import --------------------------------------------- */ @import url(//fonts.googleapis.com/css?family=Droid+Sans:regular,bold|Droid+Serif:regular,italic,bold,bolditalic&subset=latin); /* Reset --------------------------------------------- */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} #content address { padding: 0 0 20px 0;} #content abbr, acronym { border-bottom: .1em dotted;} #content pre, code, tt { font-size: 1.1em;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;} ol, ul { list-style: none;} blockquote:before, blockquote:after { content: ''; content: none;} table { border-collapse: collapse; border-spacing: 0;} /* --------------------------------------------------------------------------------------------------------------------------- General Structure and Styles --------------------------------------------------------------------------------------------------------------------------- */ html { background: #fff; width:100%; min-width:1160px; } body { width:100%; min-width:1160px; /* min height hack -----------*/ min-height:500px; height:auto !important; height:500px; /* ------------------------ */ font-family:arial, sans-serif; color: #666; background:#fff url(http://archiv.publishersforum.de/wp-content/themes/yoko-child-2014/img/body_bg.png) 0 0 repeat-x;} #page-top { display:block !important; /*override display:inline-block from page that in-page-post plugin applies */ width: 100%; min-width:1160px; /* height:245px; */ background-color:#b60001; z-index: 0;} #page-top-wrap { display:block !important; /*override display:inline-block from page that in-page-post plugin applies */ position:relative; width:1102px; height:190px; margin:0 auto; background-color:transparent; z-index: 0; overflow:visible; } #branding { position:relative; float:left; width:1102px; height:190px; overflow:visible; } #page { width:100%; min-width:1160px; background-color:#fff; z-index: 0; /* remove inline-block from page that in-page-post plugin applies */ display:block;} /* #wrap { width:1102px; float:left; display:inline; margin:40px 0 40px 40px; overflow: hidden; background:transparent url(img/linie.jpg) 84% 0 repeat-y; }*/ #wrap { width:1102px; margin:40px auto; overflow: hidden; background:transparent url(img/linie.jpg) 84% 0 repeat-y; } #main { /*width: 82.275%;*/ width:910px; float: left; /*IE6 FIX*/ overflow: hidden; background:transparent url(img/linie.jpg) 73% 0 repeat-y; } #main.content-logos { background:none; } #main.content-logos #content { width:95%; } #content { /*width: 75.669%;*/ /*width: 69.179%;*/ width:620px; float: left; /*IE6 FIX*/} #secondary { /* width: 17.275%; width: 23.775%; margin-left:7.054%; float: left;*/ /*width: 25.5%;*/ width:240px; float: right;} #tertiary { /*width: 23.775%;*/ /*width: 15%;*/ width:165px; float: right; overflow: hidden;} #colophon { /* width: 100%; float: left; padding:30px 0 0; overflow: hidden; font-size: 0.8em; */} .aligncenter, div.aligncenter { margin-left: auto; margin-right: auto; display: block;} .alignleft { float: left;} .alignright { float: right;} /* Headlines --------------------------------------------- */ /* #content h1 { margin:26px 0 12px; font: bold 1.4em/1.4 'Droid Sans', arial, sans-serif;} #content h2 { margin:26px 0 12px; font: bold 1.3em/1.4 'Droid Sans', arial, sans-serif;} #content h3 { margin: 26px 0 12px; font: bold 1.2em/ 1.4 'Droid Sans', arial, sans-serif;} #content h4 { margin: 22px 0 12px; font: bold 1.1em/1.4 'Droid Sans', arial, sans-serif;} #content h5 { margin: 22px 0 10px; font: bold 1em/1.3 'Droid Sans', arial, sans-serif;} #content h6 { margin: 20px 0 10px; font: bold .9em/1.3 'Droid Sans', arial, sans-serif;} */ #content h1 { margin:26px 0 12px; font: bold 1.4em/1.4 arial, sans-serif; color:#555;} #content h2 { margin:26px 0 12px; font: bold 1.3em/1.4 arial, sans-serif; color:#555;} #content h3 { margin: 26px 0 12px; font: bold 1.2em/ 1.4 arial, sans-serif; color:#555;} #content h4 { margin: 22px 0 12px; font: bold 1.1em/1.4 arial, sans-serif; color:#555;} #content h5 { margin: 22px 0 10px; font: bold 1em/1.3 arial, sans-serif; color:#555;} #content h6 { margin: 20px 0 10px; font: bold .9em/1.3 arial, sans-serif; color:#555;} /* Links --------------------------------------------- */ a { color: #009BC2; text-decoration: none;} a:hover { color: #777!important; text-decoration: underline;} /* Lists --------------------------------------------- */ #content .post ul, #content .page ul, .commentlist ul { padding:7px 0 7px 30px; line-height: 1.3;} #content .post ul li, #content .page ul li, .commentlist ul li { /*padding:0 0 12px;*/ padding: 0 0 8px; list-style: square;} #content .post ol, #content .page ol, .commentlist ol { padding:7px 0 7px 30px !important; line-height: 1.3;} #content .post ol li, #content .page ol li, .commentlist ol li { padding:0 0 8px; list-style: decimal;} #content .post ol ol li, #content .page ol ol li, .commentlist ol ol li { list-style: upper-alpha;} #content .post ol ol ol li, #content .page ol ol ol li, .commentlist ol ol ol li { list-style: lower-roman;} #content dl { margin:0 ; padding: 0;} #content dt { font-weight: bold; margin: 0; padding: 10px 5px 5px;} #content dd { margin: 0; padding: 0 0 10px 15px;} /* Header --------------------------------------------- */ #site-title { padding: 20px 0 15px; position: relative; z-index: 1000; /* margin-left: 145px; */ overflow:visible; } #site-title h1 { margin:12px 10px 10px 0; font-size:2.9em; line-height:1.2; font-weight: bold; display: block; float: none; } #site-title h1 a { color: #fff!important; } #site-title h1 a:hover { text-decoration:none; } #site-title h2 { float: none; clear: none; margin:0; font:normal 1em arial, serif; color: #fff; font-weight: bold; } #site-title h3 { font:normal 1.1em arial, serif; margin-bottom:0.5em; color: #fff; font-weight:bold; } header#branding img.headerimage { position:absolute; bottom:0; left:33px; width: 1102px; height: 190px; z-index:1; } header#branding img.attachment-headerimage.wp-post-image { width: 100%; height: auto; } hgroup#site-title img { max-width: 100%; } /* Navigations --------------------------------------------- */ /* --- Main Nav --- */ #page-top #mainnav { margin:0 auto; width:100%; min-width:1102px; /* height:55px; */ position: relative; z-index: 1; background-color:#fff; display:block !important; /*override display:inline-block from page that in-page-post plugin applies */ border-top: 5px solid #f2f2f2; } #page-top #mainnav .menu{ width:1102px; height:55px; margin:0 auto; position:relative; margin-top:-5px;} /* LEVEL 1 */ #page-top #mainnav ul { border-left:1px solid #ddd;} #page-top #mainnav ul li { float: left; list-style: none; position: relative; background-color:#fff; border-right:1px solid #ddd;} #page-top #mainnav ul li a { margin:0; height:55px; line-height:50px; border-top:5px solid #f2f2f2; padding:0px 14px; display: block; font-size: 13px; font-weight:bold; text-transform: uppercase; color:#000 !important; z-index:10;} #page-top #mainnav ul li.current-page-ancestor > a { border-top:5px solid #b50000;} #page-top #mainnav ul li.current_page_item > a { border-top:5px solid #b50000;} #page-top #mainnav ul.sub-menu li.current_page_item a { border-top:none;} #page-top #mainnav ul li:first-child { margin: 0px;} #page-top #mainnav ul li a:hover { background:#F0F0F0; color: #999; text-decoration: none;} /* LEVEL 2 */ #page-top #mainnav ul ul { display: none; float: left; position: absolute; top: 55px; left: 0; z-index: 99999; -webkit-box-shadow: 0px 2px 10px 2px #666; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */ box-shadow: 0px 2px 10px 2px #666; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */} #page-top #mainnav ul ul ul { left: 100%; top: 0;} #page-top #mainnav ul ul a { background: #fff; padding: 9px 14px; width: 220px; height: auto; line-height:25px; text-transform: none; border:none;} #page-top #mainnav li:hover > a, #page-top #mainnav ul ul :hover > a { background: #F0F0F0;} #page-top #mainnav ul ul a:hover { background: #F0F0F0;} #page-top #mainnav ul li:hover > ul { display: block;} /* --- Sub Nav --- */ nav#subnav { margin:0; padding:0; overflow: hidden;} nav#subnav ul.menu { margin: 5px 0 0 0; padding:16px 0 30px; border-top: 1px solid #ddd; overflow: hidden;} nav#subnav ul.menu li.menu-item { width: 14.2468%; margin:0px; float: left; list-style: none;} nav#subnav ul.menu li.menu-item a { font-size: .8em; text-transform: uppercase; font-weight: bold;} nav#subnav ul.menu li.menu-item ul.sub-menu { margin: 0; padding: 6px 0 0; overflow: hidden;} nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item { width: 100%; letter-spacing: 0;} nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item a { font-size: .8em; font-weight: normal; line-height:2; text-transform: none;} /* Posts --------------------------------------------- */ #content .post { /*margin: 0 0 40px;*/ margin: 0 0 15px; /*padding: 0 0 40px;*/ padding: 0 0 15px; /*overflow: hidden; damit die tooltips vom social media plugin sichtbar sind*/ border-bottom: 1px solid #ddd; clear: both; /*font-size: .95em;*/ font-size: .9em; /*line-height: 1.6;*/ /*line-height: 1.5;*/ line-height: 1.4;} #content .post:before, #content .post:after { content: " "; display: table;} #content .post:after { clear: both;} #content .post { *zoom: 1;} #content .entry-header h2.entry-title { margin: 0 0 12px; font: bold 1.3em/1.4 arial, sans-serif;} #content .entry-header h2.entry-title a:hover { color: #777; text-decoration: none;} #content .post p { /*padding: 0 0 20px;*/ padding: 0 0 10px;} #content .entry-details { /*width: 22.507%;*/ width:100%; padding: 2px 18px 0 0; float: left; font: italic .8em/1.6 Times, serif; } #content .entry-details p span.entry-date, #content .entry-details p a { width: 100%; font-family: arial, sans-serif; font-style: normal; } #content .entry-content { /*width: 74.5%;*/ width:100%; margin: 0; float: right; font-weight: normal; } #content .post img.wp-post-image { width: 140px; height: auto; margin: 5px 0 8px; padding: 0;} #content .entry-meta p { padding: 15px 0 0; font: italic .8em/1.5 Times, serif;} #content .entry-meta a { padding: 15px 0 0; font-family: arial, sans-serif; font-style: normal;} .page-link { background-color: #f0f0f0; border-top: 1px solid #ddd; padding: 5px 20px; overflow: hidden; font-size: .9em;} .page-link a { font-weight: bold; margin: 0 1px;} .page-link a:hover { text-decoration: none;} /* --- Sticky Post --- */ #content .sticky { border-top: 1px solid #ddd; background-color: #F0F0F0; padding: 35px 30px; overflow: hidden;} /* --- Post Typography --- */ #content strong { font-weight: bold;} #content b { font-weight: bold;} #content p em { font-family:Times, serif; font-style: italic;} #content em { font-family:Times, serif; font-style: italic; font-size: 1em;} #content p small { font-size: .8em;} #content .post blockquote, #content .page blockquote { margin: 0 20px 10px 0; overflow: hidden; font: italic 1.1em/1.6 Times, serif;} #content .single-entry-content blockquote { margin: 20px 20px 10px 20px; background: none;} #content blockquote cite { margin: 10px 0 0 0; padding: 0 25px 15px 0; float: right; font: normal .8em arial, sans-serif; text-transform: uppercase; letter-spacing: .1em;} #content pre { background-color: #f0f0f0; font-family: monospace; font-size: 1.2em; line-height: 1.3; margin: 0 0 20px 0; padding: 10px;} #content p.nocomments { font-size: .8em; text-transform: uppercase; letter-spacing: 0.1em;} /* --- Post Images and Video --- */ #content img { max-width:100%; height: auto; margin: 0; padding: 0;} #content img.aligncenter { margin: 20px auto;} #content img.alignleft ,#content .wp-caption.alignleft { margin: 10px 20px 0 0;} #content img.alignright,#content .wp-caption.alignright { margin: 10px 0 0 20px;} #content img.alignnone { margin: 20px 0;} #content .wp-caption.alignnone { margin: 0 0 20px 0;} #content .wp-caption.aligncenter{ margin-bottom: 10px;} #content .post .wp-caption { max-width: 100%; text-align: center;} #content .single-entry-content .wp-caption { max-width: 100%; text-align: center;} #content .post p.wp-caption-text { font: normal .8em/1.4 arial, sans-serif; margin: 0; padding: 7px 0 10px 0; color: #999;} #content object, #content embed, #content iframe { max-width: 100%; margin: 3px 0 10px; display: block;} /* --- Post Columns Shortcodes --- */ .two-columns-one{ width:48%;} .three-columns-one{ width:30.66%;} .three-columns-two{ width:65.33%;} .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 { float:left; margin-right:4%; position:relative;} .last{ clear:right; margin-right:0 !important;} .divider { clear:both; display:block; margin-bottom:20px; width:100%; } #content span.highlight { padding: 2px; background-color: #FFFBCC;} .yellow-box { margin: 10px 0; background: #FFFBCC; border: 1px solid #E6DB55; padding: 20px; overflow:hidden;} .red-box { margin: 10px 0; background: #FFD9C8; border: 1px solid #F37C72; padding: 20px; overflow:hidden;} .green-box { margin: 10px 0; background: #D5FFCA; border: 1px solid #BDDC7F; padding: 20px; overflow:hidden;} /* --- Post Tables --- */ #content table { margin:10px 0px 30px 0px; border: 1px solid #ddd;} #content table thead { border-top:1px solid #ddd;} #content table tr { border-bottom:1px solid #ddd;} #content table tr th { padding: 10px 12px 8px 12px; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; } #content table tr td { padding: 10px 12px 8px 12px; border-left:1px solid #ddd; border-right:1px solid #ddd; } /* Single Posts --------------------------------------------- */ #content .post .single-entry-header { margin: 0;} #content .single-entry-header h1.entry-title { margin: 0 0 5px; font: bold 1.3em/1.4 arial, sans-serif; color: #009BC2;} #content .single-entry-header p { padding: 0 0 5px; font-size: .8em;} #content .single-entry-header p span.entry-date, #content .single-entry-header p span.entry-author { font: italic 1em/1.5 Times, serif;} #content .single-entry-details { width: 22.507%; padding: 0 18px 0 0; float: left;} #content .single-entry-content { width: 100%; margin: 15px 0 0; padding: 0; float: left;} #content .post .single-entry-meta p { padding: 15px 0 0; font: italic .8em/1.5 Times, serif;} #content .post .single-entry-meta p a { font-family:arial, sans-serif; font-style: normal;} #content .post .author-info { margin: 40px 0 0; padding: 15px 20px 15px; background: #F0F0F0; overflow: hidden; border-top: 1px solid #ddd;} #content .post .author-info h3 { margin: 0 0 4px; font: bold .9em/1.5 arial, sans-serif;} #content .post .author-info .avatar { max-width: 100%; width: 70px; margin: 0 15px 0 0; float: left;} #content .post .author-description { overflow: hidden;} #content .post .author-description p { padding: 0; font-size: .9em; line-height: 1.5;} #content .post .author-description a:hover { text-decoration: underline;} /* --- Post Nav Below --- */ #content #image-nav { margin: 30px 0 3px 0; overflow: hidden;} #comment-nav-below { margin:40px 0; overflow: hidden;} #content #nav-below .nav-previous a, #content #image-nav span.previous-image a, #comment-nav-below .nav-previous a { width: 40%; display: block; float: left; font-size: .9em; font-weight: bold;} #content #nav-below .nav-next a, #content #image-nav span.next-image a, #comment-nav-below .nav-next a { display: block; float: right; font-size: .9em; font-weight: bold;} #content #nav-below .nav-previous a:hover, #content #nav-below .nav-next a:hover, #content #image-nav span.previous-image a:hover, #content #image-nav span.next-image a:hover { text-decoration: none;} /* --- Comments --- */ #comments { width:100%; font-size: .9em; padding: 0 0 30px 0;} #comments h3#comments-title { padding:30px 0 10px; font-size: 1.1em; font-weight: bold; text-transform: uppercase; letter-spacing: .2em;} #comments p.write-comment-link { padding:0 0 20px;} #comments .comment-body p { padding:0 0 10px;} #comments p.moderation { font-family:Times, serif; font-style:italic;} #content #comments ol { padding:0;} #content #comments ol li ul.children { padding:0;} #content #comments ol li.depth-1 { padding:0; border-bottom:1px solid #ddd; overflow:hidden;} #content #comments ol li.depth-2, #content #comments ol li.depth-3, #content #comments ol li.depth-4, #content #comments ol li.depth-5 { margin:0 0 0 35px; padding:0; border-top:1px solid #ddd; border-bottom:none; overflow:hidden;} .comment-meta { padding:0 0 12px; font-size: .8em;} .comment-meta cite.fn { font-size: 1.3em; font-weight: bold; font-style: normal;} #comments .comment-body { padding:20px 0px; overflow:hidden; line-height: 1.5;} .reply { margin:0; float:left;} a.comment-reply-link { font-size:.9em;} #comments ol li.post.pingback { margin:0; padding: 20px 0 0; list-style:none; font-weight: bold;} #comments ol li.post.pingback a { font-weight: normal;} #comments ol li img.avatar { max-width: 100%; width: 65px; height: 65px; margin:22px 15px 0 0; float:left;} #comments .bypostauthor {} /* --- Comment Reply --- */ #content #comments #respond { margin:30px 0 0; padding:20px; background-color: #F0F0F0;} a#cancel-comment-reply-link { padding:3px 0 0; float:right; font-size: .8em; font-weight: normal;} #content #comments #respond h3#reply-title { margin:0 0 3px 0; font-size: 1.2em;} form#commentform p.comment-notes, p.logged-in-as { padding:0 0 15px 0; font-size: .8em;} form#commentform span.required { color: #E75428;} form#commentform p.comment-form-author, form#commentform p.comment-form-email, form#commentform p.comment-form-url, form#commentform p.comment-form-comment { padding:15px 0 0;} input#submit, input.wpcf7-submit { margin: 10px 0 0; padding: 8px 10px 7px; display: inline-block; vertical-align: baseline; outline: none; background-color: #777; border: none; font-size: .75em; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 1px; cursor: pointer;} input#submit:hover, input.wpcf7-submit:hover { background-color: #009BC2; color: #fff;} form#commentform input#author, form#commentform input#email, form#commentform input#url { width: 60%; margin: 5px 0 0; padding: 9px 5px 9px; display: block; background-color:#fff; border: 1px solid #ddd; font-size:1em;} form#commentform textarea#comment { width:95%; margin: 5px 0 0; padding: 9px 5px; background-color:#fff; border: 1px solid #ddd; font: 1em arial, sans-serif;} form#commentform p.subscribe-to-doi-comments { padding: 20px 0 0; font-size: .8em; color: #666; letter-spacing: 1px;} /* Post Formats --------------------------------------------- */ #content .entry-link, #content .entry-gallery, #content .entry-video { width: 100%; margin: 0; float: left;} /* --- Link Post Format --- */ #content .entry-link a { font-size: 1.1em; color: #009BC2; font-weight: bold;} #content .entry-link .entry-meta a { font-size: 1em; font-weight: normal;} /* --- Image Post Format --- */ #content .entry-header h2.entry-title-image { margin-top: 0; font-size: 1.1em;} /* --- Video, Image and Gallery Post Format --- */ #content .entry-post-format .entry-header h2.entry-title { margin: 0 0 5px;} #content .entry-post-format .entry-header p { font: italic .8em/1.5 Times, serif;} #content .entry-post-format .entry-header p a { font-family: arial, sans-serif; font-style: normal;} #content .entry-post-format .entry-content-gallery { width: 54%; float: left;} #content .entry-post-format .gallery-thumb { width: 42.258%; float: left; margin: 5px 15px 0 0;} #content .post img.attachment-medium { max-width: 100%; height: auto; padding: 0;} /* WordPress Image Gallery --------------------------------------------- */ #content .gallery { margin: auto; padding:0; clear: both;} #content .gallery-item { width:19%; float: left; margin-top: 10px; margin-right: 3px; text-align: center; vertical-align: top; overflow: hidden;} #content .gallery-icon { width: 100%;} #content .gallery-caption { margin-left: 0; padding: 0; font-size: .8em; line-height: 1.25; color: #999; display: block;} /* Pages --------------------------------------------- */ #content .page { margin: 0 0 40px; padding: 0 0 30px; overflow: hidden; clear: both; font-size: .85em; line-height: 1.6; border-bottom: 1px solid #ddd;} #content .page-entry-header { margin: 0;} #content .page-entry-header h1.entry-title { margin: 0; font: bold 1.5em/1.5 arial, sans-serif; color: #009BC2;} #content .page p { padding: 0 0 20px 0;} /* --- Fullwidth Page --- */ #content.full-width { width:100% !important;} #content.full-width .page { margin: 0; padding: 0 0 20px; border-bottom: none;} /* --- Archive, 404, Search Results --- */ #content .page-header h1.page-title { padding: 0 0 15px 0; font-size: .8em; color: #777; font-weight: bold; text-transform: uppercase; letter-spacing: .1em;} /* --- Contact Page --- */ #content .wpcf7 { overflow: hidden; margin: 0; padding:20px; background: #F0F0F0;} #content .wpcf7 h3#form-title { margin:0 0 3px 0; font-size: 1.2em;} #content .wpcf7 p.form-info { padding:0 0 15px 0; font-size: .8em;} #content .wpcf7 p span.required { color: #E75428;} #content .wpcf7 input.wpcf7-text { width: 60%; margin: 5px 0 15px; padding: 9px 5px; background-color:#fff; border: 1px solid #ddd; font-size:1em;} #content .wpcf7 textarea { width:95%; margin: 5px 0 0; padding: 9px 5px; font: 1em arial, sans-serif; background-color:#fff; border: 1px solid #ddd;} #content .wpcf7-form p { padding:0;} /* Sidebars --------------------------------------------- */ aside.widget { /* margin: 0 0 30px 0; */ margin: 0 0 1px 0; padding: 0 0 30px 0; font-size: .8em; /* border: 1px solid #ddd; */ overflow:hidden;} aside.widget ul { margin:10px 0 0 0;} aside.widget ul li { padding: 0 0 7px 0; line-height: 1.4em;} aside.widget ul li:last-child { padding: 0;} aside.widget ul li a { background-color:#f2f2f2; color:#666 !important; display:block; text-decoration:none; padding:10px; border-radius: 3px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */ /* useful if you don't want a bg color from leaking outside the border: */ background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */} aside.widget ul li a:hover { background-color:#ccc; color:#b50000 !important;} .widget h3.widget-title, .widget_get_recent_comments h1.widget-title { padding: 5px 0 10px 0px; color: #666; font-weight: bold; /* border-bottom:1px solid #ddd; */} .textwidget { line-height: 1.6;} /* --- Standard Widgets --- */ .widget_categories ul li ul.children, .widget_nav_menu ul li ul.sub-menu, .widget_pages ul li ul.children { margin: 5px 0 0 0;} .widget_categories ul li ul.children li, .widget_nav_menu ul li ul.sub-menu li, .widget_pages ul li ul.children li { margin: 0 0 0 20px;} .widget_recent_entries ul, .widget_recent_comments ul { margin: 10px; overflow:hidden; margin-bottom:-10px;} .widget_recent_entries ul li, .widget_recent_comments ul li { list-style: none; border-bottom:1px solid #ddd;} .widget_calendar #wp-calendar caption { font-family:Times, serif; font-style: italic; text-align: left; padding: 0 0 5px 0;} .widget_calendar table#wp-calendar th, .widget_calendar table#wp-calendar td { padding: 0 6px 6px 0;} .widget_calendar table#wp-calendar tbody tr td#today { font-weight: bold;} /* --- Search Widget --- */ .widget_search { overflow: hidden;} .searchform { width: 100%; margin: 0; padding: 0; float: left; overflow: hidden;} #secondary .searchform .search-input { width: 90%; margin: 0 0 5px 0;} #tertiary .searchform .search-input { width: 62%; margin: 0 2px 5px 0;} .searchform .search-input { width: 40%; margin: 0 2px 5px 0; padding: 6px 5px; background-color:#F0F0F0; border: 1px solid #ddd;} .searchform .search-input:hover, #searchform .search-input:focus, #searchform .search-input:active { background-color:#fff;} .searchsubmit { margin: 0; padding: 8px 10px 7px; display: inline-block; vertical-align: baseline; outline: none; background-color: #777; border: none; font-size: 11px; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 1px; cursor: pointer;} .searchsubmit:hover { color: #fff; background-color: #009BC2;} /* --- Social Links Custom Widget --- */ .widget_sociallinks a { padding:0 20px;} .widget_sociallinks a.rss { background:url(http://archiv.publishersforum.de/wp-content/themes/yoko-child-2014/images/rss-icon.png) 0 0 no-repeat;} .widget_sociallinks a.twitter { background:url(http://archiv.publishersforum.de/wp-content/themes/yoko-child-2014/images/twitter-icon.png) 0 0 no-repeat;} .widget_sociallinks a.facebook { background:url(http://archiv.publishersforum.de/wp-content/themes/yoko-child-2014/images/fb-icon.png) 0 0 no-repeat;} .widget_sociallinks a.flickr { background:url(http://archiv.publishersforum.de/wp-content/themes/yoko-child-2014/images/flickr-icon.png) 0 0 no-repeat;} .widget_sociallinks a.vimeo { background:url(http://archiv.publishersforum.de/wp-content/themes/yoko-child-2014/images/vimeo-icon.png) 0 0 no-repeat;} .widget_sociallinks a.linkedin { background:url(http://archiv.publishersforum.de/wp-content/themes/yoko-child-2014/images/linkedin-icon.png) 0 0 no-repeat;} .widget_sociallinks a.delicious { background:url(http://archiv.publishersforum.de/wp-content/themes/yoko-child-2014/images/delicious-icon.png) 0 0 no-repeat;} .widget_sociallinks a.googleplus { background:url(http://archiv.publishersforum.de/wp-content/themes/yoko-child-2014/images/googleplus-icon.png) 0 0 no-repeat;} /* --- Recent Comments Widget --- */ .widget_get_recent_comments li.sidebar-comment { margin:10px 0; overflow:hidden;} .widget_get_recent_comments li.sidebar-comment:first-child { margin:3px 0 10px;} .widget_get_recent_comments li.sidebar-comment .comment-content { padding:0 0 0 6px; overflow:hidden;} .widget_get_recent_comments li.sidebar-comment p { line-height: 1.4;} .widget_get_recent_comments .kjgrcGravatar { margin:0; float:left; display:block;} .widget_get_recent_comments span.sidebar-comment-autor a { padding: 0 0 3px;} /* --- Flickr Fotostream Widget --- */ #flickr_badge_wrapper { margin:3px 0 0;} .flickr_badge_image { max-width:80px; height:60px; margin:0 6px 6px 0; float:left;} .flickr_badge_image img { width:80px; height:60px;} /* --- Countdown "the countdown" Widget --- */ aside.widget.the-countdown h3 { font-size:17px; color:#b50000;} /* Footer --------------------------------------------- */ #colophon { width: 100%; min-width: 1160px; padding:30px 0 30px 0; overflow: hidden; font-size: 0.8em; background-color:#333; } .colophon-center { width:1102px; margin:0 auto; } #colophon p { line-height: 1.5; float:left; /* margin-left:2.5%; */ margin-left:0; margin-right:10%;} a.top { display:block; float:right; display:inline; margin-right:2.5%; padding:10px; background-color:#444; color:#fff !important; font-weight: bold; border-radius: 3px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */ /* useful if you don't want a bg color from leaking outside the border: */ background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */} a.top:hover { text-decoration: none; background-color:#b50000 !important; color:#fff !important;} /*-------------------------------------------------------------------------------------- FOOTER MENU --------------------------------------------------------------------------------------*/ #colophon .menu { /* margin:10px 0 0 2.5%; */ margin:10px 0 0 0; float:left; } #colophon .menu ul { } #colophon .menu li { display:inline; } #colophon .menu li a { padding:10px; margin:0 2px 0 0; background-color:#444; color:#fff !important; font-weight:bold; text-decoration:none; border-radius: 3px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */ /* useful if you don't want a bg color from leaking outside the border: */ background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */ } #colophon .menu li a:hover { text-decoration: none; background-color:#b50000 !important; color:#fff !important;} #colophon .menu ul.children { display:none;} /* Clearing Floats --------------------------------------------- */ .clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} .clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0} /* Plugins ------------------------------------------------------------------------------------------------------------------------------------*/ /* --- Flickr Widget --- */ .widget_flickr #flickr-images li.flickr-image { width:100%; height:auto; overflow:hidden; list-style:none; float:left; /*margin:0 3px 3px 0;*/ padding:0; float:left;} /* Media queries for responsive design ------------------------------------------------------------------------------------------------------------------------------------- */ /* wurden rausgenommen auf wunsch von HVB am 31.1.2012 */ /* Media queries for responsive design ------------------------------------------------------------------------------------------------------------------------------------- */ /* --- iPad Landscape --- */ @media screen and (max-width: 1135px) { html { width:100%; min-width:0; } body { width:100%; min-width:0; } #page-top { width:100%; min-width:0; } #page-top-wrap { width:98%; min-width:0; padding: 0 1%;} #page-top-wrap #site-title{ font-size: .8em; padding-left: 15px;} header#branding img.headerimage { left: 0; width: 100%; top: 0; height: auto;} #branding { width:100%; min-width:0; } #page { width:100%; min-width:0; } #colophon { width:100%; min-width:0; } #page-top #mainnav { width:100%; min-width:0; } #page-top #mainnav .menu { width:100%; min-width:0; } /* #menu-hauptnavigation li > a {font-size: 1em !important;} */ #wrap { width: 98%; padding: 0 1%; background-image: none; position: relative;} #main { width: 100%; background-image: none; margin-top: 125px; /* Margin for tertiary column*/} #main #content { width: 65%; padding: 0 15px;} #main #secondary {width: 25%; padding: 0 15px; border-left: 1px solid #e2e2e2;} body:not(.home) #front-page #main #content, body.home #main #content { width: auto} body.home #main #content .content-top{ width: 98%; /*padding: 0 1%;*/} body.home #main #content .content-top{ background-image: none;} body:not(.home) #front-page #main #content > div, body.home #main #content .content-top > div { width: 65%; padding: 0 15px;} body:not(.home) #front-page #main #content #secondary, body.home #main #content #secondary { width: 25%; padding: 0 15px;} body:not(.home) #front-page #main #content > div.content-top { background-image: none;} body:not(.home) #front-page #main #content > div.content-middle { width: 98%;} body:not(.page-template-page-archives-overview) #tertiary { width: 100%; height: 120px; position: absolute; top: 0; padding: 0 1%;} body:not(.page-template-page-archives-overview) #tertiary aside.widget{overflow-x: auto; padding: 0 15px;} body.page-template-page-archives-overview #main, body.page-template-page-foren #main { margin-top: 0 } body.page-template-page-archives-overview #main { width: 84.5%; } body.page-template-page-archives-overview #tertiary { width: 14.5%; } #tertiary:before, #tertiary:after { content: " "; display: table;} #tertiary:after { clear: both;} #tertiary { *zoom: 1;} body:not(.page-template-page-archives-overview) #tertiary .textwidget {height: 120px; width: 100%;} body:not(.page-template-page-archives-overview) #tertiary .textwidget > a { display: block; float: left; width: 10.5%} body:not(.page-template-page-archives-overview) #tertiary .textwidget > a > img { margin: 0!important; width: 100%} body:not(.page-template-page-archives-overview) #tertiary .textwidget > a:first-child { width: 12%; margin-right: 3.5%} body:not(.page-template-page-archives-overview) #tertiary .textwidget > a:first-child > img { margin-top: 10px !important;} } /* #main #content { background: yellow;} #main #content > div { background: green;} #main #secondary { background: blue;}*/ @media screen and (max-width: 1024px) { #menu-hauptnavigation li > a {padding: 0px 10px;} /* --- General --- */ /* #page { margin: 0 auto; padding: 0 30px 30px; background-color:#fff; z-index: 0;} #wrap { margin: 0; padding: 45px 0 0 0; overflow: hidden; background:none;} #main { width: 100%; float: left; overflow: hidden;} #content { width:69.174%; float: left;} #secondary {} #tertiary { width: 100%; float: none;} #content .entry-content { width:100%;} #content .entry-details { width: 100%;} */ /* --- Header --- */ /* #site-title h1 { margin: 0 10px 3px 0; float: none;} #site-title h2 { margin: 0 0 6.5% 0;} */ /* --- Sub Nav --- */ /* nav#subnav ul.menu li.menu-item { width: 14.2468%; margin:0; float: left; list-style: none;} nav#subnav ul.menu li.menu-item a { font-size: .72em;} nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item { width: 100%;}*/ /* --- Sidebars --- */ /* #secondary { width: 23.775%; float:right; margin:0;} #secondary aside:last-child { margin-bottom: 0; border-bottom: none;} #secondary aside, #tertiary aside { float: none; overflow: hidden;} .widget .sidebar-theme { margin: 0 20px 8px 0; float: left;} .widget .rss-widget ul li, .widget_archive ul li, .widget_categories ul li, .widget_social_links ul li, .widget_meta ul li, .widget_links ul li { margin: 0 20px 0 0; float: left;} .widget_categories ul li ul.children, .widget_nav_menu ul li ul.sub-menu, .widget_pages ul li ul.children { margin: 5px 0 0 0;} */ /*html { width:100%; min-width:0; } body { width:100%; min-width:0; } #page-top { width:100%; min-width:0; } #page-top-wrap { width:100%; min-width:0; } #branding { width:100%; min-width:0; } #page { width:100%; min-width:0; } #colophon { width:100%; min-width:0; } #page-top #mainnav { width:100%; min-width:0; } #page-top #mainnav .menu { width:100%; min-width:0; } #wrap { width: 100%;} #main { width: 100%;} #main #content { width: 100%;} #main #content > div { width: 70%; background: pink;} #main #secondary { width: 30%; background: blue;} #tertiary { width: 100%; background: orange;}*/ } /* --- iPad Portrait ---------------------------------------------------------------------------------------------------------------------- */ @media screen and (max-width: 880px) { /*#page-top #mainnav .menu-hauptnavigation-container { overflow-x: auto; }*/ /*#page-top #mainnav .menu { height: 55px; width: 980px;}*/ #menu-hauptnavigation li > a {font-size: 65% !important;} body:not(.page-template-page-archives-overview) #tertiary .textwidget > a > img { width: 75%;} /* #page { padding: 0 50px 30px 50px; background-color:#fff;} #wrap { margin: 0;} #main { width: 100%; float: none; overflow: hidden; background:none;} #content { width: 100%; float: none;} #secondary { width: 100%;} #tertiary { width: 100%; float: none;} */ /* --- Header --- */ /* #site-title { width: 100%; padding: 20px 0 15px;} #site-title h1 a { margin: 0 auto;} */ /* --- Main Nav --- */ /* #branding #mainnav { margin: 30px 0 0; max-width: 100%;} #branding #mainnav ul li a { font-size: .75em;} */ /* --- Sub Nav --- */ /* nav#subnav { padding: 0; margin: 5px 0 0 0;} nav#subnav ul.menu { padding:0;} nav#subnav ul.menu li.menu-item { width: 100%; margin:6px 0 0; float: none; overflow: hidden; border-bottom: 1px solid #ddd;} nav#subnav ul.menu li.menu-item:last-child { border-bottom: none;} nav#subnav ul.menu li.menu-item a { float: left; margin: 6px 20px 10px 10px;} nav#subnav ul.menu li.menu-item ul.sub-menu { margin: 0; padding: 0; float: left;} nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item { width: auto; margin:0; float: left; border-bottom:none; letter-spacing: 0;} nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item a { margin: 0 20px 0 0; font-size: .8em; font-weight: normal; line-height:2; text-transform: none;} */ /* --- Post Content --- */ /* #content .entry-content { float: left;} #content .entry-details { width: 100%;} */ /* --- Sidebars --- */ /* #secondary aside:last-child { margin-bottom: 30px; border-bottom: 1px solid #ddd;} #tertiary aside:last-child { margin-bottom: 0; border-bottom: none;} */ /* Pugins --------------------------------------------------------------------------------------*/ /* .widget_flickr #flickr-images li.flickr-image { width:12.5%; height:115px; overflow:hidden; list-style:none; float:left; padding:0; float:left;} */ } @media screen and (max-width : 764px) { #menu-hauptnavigation li > a {padding: 0 10px !important;} } @media screen and (max-width : 665px) { /*#page-top #mainnav .menu { height: 55px; width: 980px;}*/ body:not(.page-template-page-archives-overview) #tertiary .textwidget > a:first-child { margin-right: 1.5%} #page-top-wrap #site-title{ font-size: 65% !important;} #main #content, #main #secondary, #front-page #main #content, #front-page #main #content #secondary{ width: 97%; padding: 0 1%; /*float: none;*/} #main #secondary, #front-page #main #content #secondary {border-left-width: 0;} } /* --- Smartphones and small Tablet PCs ---------------------------------------------------------------------------------------------------- */ @media screen and (max-width : 620px) { /* #page { padding: 0 20px 20px; background-color:#fff;} */ /* --- Header --- */ /* #site-title { float: left; padding: 10px 0 15px;} #site-title h1 { margin: 0; text-align: center; float: none;} #site-title h2 { margin: 0; text-align: center; float: none;} #site-title h3 { margin: 0; text-align: center; float: none;} */ /* --- Main Nav --- */ /* #branding #mainnav { margin: 15px 0 0;} #branding #mainnav ul li a { margin:0; padding:8px 7px; display: block; font-size: .7em;} #branding #mainnav ul ul { display: none;} #branding #mainnav ul ul ul { display: none;} #branding #mainnav ul ul a { display: none;} */ /* --- Sub Nav --- */ /* nav#subnav ul.menu { border-bottom: none;} nav#subnav ul.menu li.menu-item { width: 100%; margin:0; float: none; overflow: hidden; background-color: #F0F0F0; border-bottom: 1px solid #ddd; text-align: center;} nav#subnav ul.menu li.menu-item a { width: 100%; margin: 0; padding: 12px 0 11px; float: left; display: block; background-color: #F0F0F0;} nav#subnav ul.menu li.menu-item a:hover, nav#subnav ul.menu li.menu-item a:active, nav#subnav ul.menu li.menu-item a:focus { background: #D4D4D4; text-decoration: none;} nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item { display: none;} */ /* --- Post Content --- */ /* #content .post { margin: 0 0 30px; padding: 0 0 30px;} #content .post .entry-header h2.entry-title { font-size: 1.2em;} #content .entry-content { width: 100%;} #content .entry-details { display: none;} #content .post img.wp-post-image { display: none;} #content .sticky { padding: 10px;} */ /* --- Post Columns Shortcodes --- */ /* .two-columns-one{ width:100%;} .three-columns-one{ width:100%;} .three-columns-two{ width:100%;} .four-columns-one { width: 100%;} .four-columns-two { width:100%;} .four-columns-three { width:100%;} .three-columns-one,.three-columns-two, .four-columns-one, .four-columns-two, .four-columns-three { float:none;} */ /* --- Single Posts ---- */ /* #content .single-entry-details { display: none;} #content .single-entry-header .social-btn-top { display: none;} #content .post .author-description p { font-size: .8em; line-height: 1.4;} #content .post .author-info .avatar { display: none;} */ /* --- Comments ---- */ /* form#commentform input#author, form#commentform input#email, form#commentform input#url { width: 95%;} #content #comments ol li.depth-2, #content #comments ol li.depth-3, #content #comments ol li.depth-4, #content #comments ol li.depth-5 { margin:0;} #comments img.avatar { display: none;} a#cancel-comment-reply-link { width: 100%; margin:5px 0 15px; display: block;} */ /* --- Post Nav Below --- */ /* #content #nav-below .nav-previous a { width: 100%; display: block; float: none; margin: 0 0 10px;} #content #nav-below .nav-next a { width: 100%; display: block; text-align: right;} #content #nav-below .nav-previous a:hover, #content #nav-below .nav-next a:hover { text-decoration: none;} */ /* --- Post Formats ---- */ /* #content .entry-post-format .entry-content-gallery { width: 100%; float: none;} #content .entry-post-format .gallery-thumb { width: 100%; float: none; margin: 5px 15px 15px 0;} */ /* --- Pages ---- */ /* #content .page .wpcf7 input.textfield { width: 95%;} */ /* --- Footer ---- */ /* #colophon { width: 100%; float: none;} header#branding img.headerimage { display:none;} */ /* Pugins --------------------------------------------------------------------------------------*/ /* .widget_flickr #flickr-images li.flickr-image { width:25%; height:115px; overflow:hidden; list-style:none; float:left; padding:0; float:left;} */} /* FIX --------------------------------------------------------------------------------------*/ /* remove inline-block from page that in-page-post plugin applies */ div#cf7_form_box { background-color: #ddd; padding: 10px; border: 1px solid #999; } div#cf7_form_box input{ width: 98.5%; } #cf7_form_box textarea{ width: 98.5%; } div#cf7_form_box span.wpcf7-not-valid-tip { position: absolute; top: -3px; left: 0%; z-index: 100; background: white; border: 1px solid red; font-size: 10pt; width: 98.5%; padding: 2px; } div#cf7_form_box div.wpcf7-response-output { margin: 0; padding: 0.2em 1em; } .cf7_widget_subheading { padding: 0 0 20px 0;} /* Contact Form 7 - Textarea Widget - Email Form mit shortcode --------------------------------------------------------------------------------------*/ .textwidget .wpcf7-form{ display:block; background-color: #ddd; padding: 10px; border: 1px solid #999; margin-top:15px;} .textwidget .wpcf7-form input{ width: 98.5%; } .textwidget .wpcf7-form textarea{ width: 96.5%; } .textwidget .wpcf7-form span.wpcf7-not-valid-tip { position: absolute; top: -3px; left: 0%; z-index: 100; background: white; border: 1px solid red; font-size: 10pt; width: 98.5%; padding: 2px; } .textwidget .wpcf7-form div.wpcf7-response-output { margin: 0; padding: 0.2em 1em; } /*-------------------------------------------------------------------------------------- User Submitted Posts - CSS Stylesheet --------------------------------------------------------------------------------------*/ /* User Submitted Posts - CSS Stylesheet http://perishablepress.com/user-submitted-posts/ Notes: complete list of CSS hooks for the submission form @ http://m0n.co/e This is a complete CSS skeleton of all elements and hooks in the submission form. Use what you need and then delete any empties to lighten the file. */ .single-entry-content div#user-submitted-posts { background-color:#f2f2f2; border:1px solid #ccc; width:99%; } div#user-submitted-posts form { padding:25px; } div#user-submitted-posts fieldset {} div#user-submitted-posts fieldset label {} .single-entry-content div#user-submitted-posts fieldset input { width:79%; } /* excludes submit button */ div#user-submitted-posts input {} div#user-submitted-posts label {} .single-entry-content div#user-submitted-posts textarea { width:99%;} div#user-submitted-posts select {} div#user-submitted-posts option {} fieldset.usp-name {} fieldset.usp-url {} fieldset.usp-title {} fieldset.usp-tags {} fieldset.usp-category {} fieldset.usp-content {} fieldset.usp-captcha {} div#user-submitted-posts fieldset.usp-captcha input {} fieldset.usp-images {} fieldset.usp-images label {} div#user-submitted-posts input.usp-clone {} div#usp-upload-message {} div#user-submitted-image {} a#usp_add-another {} fieldset#coldform_verify {} div#usp-submit {} div#usp-error-message { background: #b50000; padding:10px; color:#fff; margin-bottom:20px; } div#usp-success-message {} /*-------------------------------------------------------------------------------------- START - 2 CLICK SHARE BUTTONS --------------------------------------------------------------------------------------*/ #content .post .social_share_privacy { padding:0 0 0 0 !important; margin:25px 0 0 0 !important; } #content .post .social_share_privacy ul { padding:0 0 0 0 !important; margin:0 0 0 0 !important; /* border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; */ height:auto; } #content .post .social_share_privacy ul li { padding:0 0 10px 0 !important; margin:0 0 0 0 !important; background-color:#fafafa !important; border:1px solid #fff !important; } #content .post .social_share_privacy ul li { width:204px !important; } /* #content .post .social_share_privacy ul li+li { width: !important; } #content .post .social_share_privacy ul li+li+li { width: !important; } #content .post .social_share_privacy ul li+li+li+li { width: !important; } #content .post .social_share_privacy ul li+li+li+li+li { width: !important; } */ #content .post .social_share_privacy ul li.settings_info { position: relative; top: 0px; width: 135px; } #content .post .social_share_privacy ul li.settings_info div { position: relative; top: 2px; left:5px; } #content .post .social_share_privacy ul li .twoclick-button-container { padding:5px !important; margin:0 0 0 0 !important; } /*-------------------------------------------------------------------------------------- ENDE - 2 CLICK SHARE BUTTONS --------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- START - FRONT-PAGE --------------------------------------------------------------------------------------*/ #front-page { /* border:5px solid red; */ } #front-page #main { /* border:5px solid red; */ background:none; } #front-page #content { /*width: 75.669%;*/ /*width: 69.179%;*/ width:910px; float: left; /*IE6 FIX*/} /* CONTENT-TOP */ .content-top { /* border:1px solid yellow; */ overflow:hidden; background: transparent url(img/linie.jpg) 73% 0 repeat-y; margin:0 0 10px 0; position: relative; } .content-top .content-editorials{ width:620px; float:left; } #content .content-editorials h3 { margin: 0px 0 12px; font: bold 1.2em/ 1.4 arial, sans-serif; color: #555; } #front-page .content-top .post { border:none; } #front-page .content-top .post .social_share_privacy { display:none;} .content-top .content-blog { width:620px; float:left; clear: left; } /* .page-id-1059 div.content-editorials { display:none; } */ /* CONTENT-MIDDLE */ .content-middle { /* border:1px solid green; */ overflow:hidden; margin:0 0 10px 0; } .content-collage { border-bottom:1px solid #ccc; } .collage-images { border:1px solid #ccc; width:908px; height:250px; background: transparent url(img/PF_ImageCollage.jpg) 0 0 no-repeat; } /* CONTENT-BOTTOM */ .content-bottom { /* border:1px solid blue; */ background: transparent url(img/linie.jpg) 73% 0 repeat-y; } .content-bottom .content-blog { width:620px; float:left; } /* WIDGETS */ #front-page h3.widget-title { margin:0; font-size:1em; } /*-------------------------------------------------------------------------------------- ENDE - FRONT-PAGE --------------------------------------------------------------------------------------*/ .clearfix:before, .clearfix:after { content: " "; display: table;} .clearfix:after { clear: both;} .clearfix { *zoom: 1;} /* ---------- AGENDA 2016 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ------------------ ---------------------------- */ #agenda-inclusion h1, #agenda-inclusion h2, #agenda-inclusion h3, #agenda-inclusion h4, #agenda-inclusion h5, #agenda-inclusion h6, #agenda-inclusion p, #agenda-inclusion a, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } body #agenda-inclusion{ /*position: relative;*/ line-height: 1; } #agenda-inclusion ol > li, #agenda-inclusion ol, #agenda-inclusion ul > li, #agenda-inclusion ul { list-style: none !important; } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; } /*body { background-color: #ECECEC; color: #555; font-family: Arial; !* Background: *!}*/ #agenda-inclusion a {color: #555; text-transform: none; font-style: normal; text-decoration: none;} #agenda-inclusion a:hover {color: #0066AB !important; cursor: pointer; } #agenda-inclusion { max-width: 1200px; width: 100%; padding: 1em ; margin: 0 auto; background-color: #fff; /*border: 1px solid #DFDBD5;*/ /*box-shadow: 0px 2px 4px 0px #ADA9A0;*/} #full-column { width: 100%;} #agenda-inclusion h2 { text-transform: uppercase; font-weight: bold; margin-bottom: 1.5em; font-size: 1.25em; color: #605E5A; letter-spacing: 1px;} #agenda-inclusion ul {list-style: none !important;} #agenda-inclusion ul.tabs {line-height: 1em; padding: 0;} #agenda-inclusion ul.tabs { width: 100%; display: block; border-bottom: 3px solid#d8d8d8; padding-left: 1.25em; margin-bottom: 1em;} #agenda-inclusion ul.tabs:before, ul.tabs:after { content: ""; display: table; } #agenda-inclusion ul.tabs:after { clear: both; } #agenda-inclusion ul.tabs { *zoom: 1;} #agenda-inclusion ul.tabs > li {padding: 0} #agenda-inclusion ul.tabs > li a{ height: 2.5em; line-height: .75em; min-width: 10em; text-align: center; display: block; float: left; padding: 1em; margin-top: 1em; background: #D8D8D8; border: 1px solid transparent; margin-right: 1em;} #agenda-inclusion ul.tabs > li:hover a { background: #ECECEC; cursor: pointer; color: #555; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;} #agenda-inclusion ul.tabs > li.selected a { background: #ECECEC; line-height: 0; border: 1px solid #D8D8D8; color: #555; padding-top: 2.35em; margin-top: 0; } #agenda-inclusion ul.tabs > li.selected:hover a { background-color: #ccc; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;} .agenda-legend { clear: both; display: block; margin-bottom: 1em} .agenda-legend .legend-wrapper {float: right; width: 30%} .agenda-legend ul {float: left; width: 45%;} .agenda-legend li {padding: 0 !important;} .agenda-legend li > label { font-size: .85em; line-height: 1.5em; display: inline-block;} .agenda-legend li > span { width: 1.5em; height: 1.5em; margin-right: .5em; display: inline-block; background: url("../../../../wp-content/uploads/2016/03/boxPattern.png") repeat; border: 1px solid transparent; } .agenda-legend li > span.de { background-image: none; border-color: #ccc } .agenda-legend li > span.en {border-color: #ADADAD; } .agenda-legend li > span.kn {background-color: #b50000; border-color: #830300; } .agenda-legend li > span.ws {background-color: #0066AB; border-color: #02487D; } .agenda-legend li > span.pd {background-color: #8FCC4A; border-color: #55910B; } .agenda-legend li > span.br {background-color: #DB001D; border-color: #B20219; } #agenda-inclusion .agenda {border-left: 5px solid #D8D8D8; line-height: 1em !important; margin: 0 0 0 1.25em !important; padding: 1.5em 0 0 0 !important; /*font-size: .95em;*/} .agenda > li{ margin-left: -1.25em; margin-bottom: .5em; padding: 0 !important;} .agenda > li:before, .agenda > li:after { content: ""; display: table; } .agenda > li:after { clear: both; } .agenda > li { *zoom: 1;} .agenda > li:hover {} .agenda > li > span, .agenda > li > div { float: left;} .agenda > li > div > span {font-size: .85em; display: block} .agenda > li > div > span + span {margin-top: .25em;} .agenda > li > div > span.moderator {font-style: italic; /*position: absolute; bottom: .25em; right: .5em; */width: 100%; text-align: right; padding-left: 30%; margin-top: .5em;} .agenda > li .circle{ background: #CCC; border: 1px solid #ADADAD; border-radius: 50%; width: 2em; height: 2em; display: block; position: relative;} .agenda > li .circle:before{ content: ''; background: url("../../../../wp-content/uploads/2016/03/boxPattern.png") repeat #CCC; top: 35%; bottom: 35%; width: 1.5em; left: 1.75em; position: absolute;} .agenda > li .circle.hidden{ visibility: hidden;} .agenda > li .time{ width: 10%; display: block; font-size: .9em; font-weight: bold; line-height: 2em; margin-left: 2.5%;} .agenda > li > div { background: url("../../../../wp-content/uploads/2016/03/boxPattern.png") repeat; border: 1px solid #ADADAD; padding: .5em .5em .5em 1.5em; width: 40%; min-height: 5em; display: block; position: relative;} .agenda > li > div:hover { background-color: rgba(216,216,216,0.80); border: 1px solid #ADADAD; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;} .agenda > li > div.de { background-image: none; background-color: #fff; border-color: #ccc; } .agenda > li > div.de:hover { background-color: rgba(236,236,236,0.80); border-color: #d8d8d8; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; } .agenda > li > div.placeholder-box { visibility: hidden;} .agenda > li > div + div { margin-left: 2.5%; } .agenda > li > div + div + div, .agenda > li > div + div + div + div + div, .agenda > li > div + div + div + div + div + div + div { margin-left: 15.25%; margin-top: 1em;} .agenda > li > div + div + div + div, .agenda > li > div + div + div + div + div + div, .agenda > li > div + div + div + div + div + div + div + div { margin-left: 2.5%; margin-top: 1em;} #agenda-inclusion .agenda > li > div h3{ font-size: .85em; font-weight: bold; margin-bottom: .5em;} #agenda-inclusion .agenda > li > div h4{ font-size: .9em; font-weight: bold; text-transform: uppercase; margin-bottom: .5em;} #agenda-inclusion .agenda > li > div h4 a{ font-weight: bold; text-transform: uppercase;} .agenda > li.agenda-headline {text-transform: uppercase; font-weight: bold; font-size: .9em; letter-spacing: 1px; padding-left: 13.75% !important; margin: 2em 0 .5em 0 !important;} .agenda > li.keynote > div h4, .agenda > li.keynote > div h4 a, .agenda > li.agenda-headline.keynote {color: #b50000 !important;} .agenda > li.keynote > div h4 a:hover{color: #830300 !important;} .agenda > li.workshop > div h4, .agenda > li.workshop > div h4 a, .agenda > li.agenda-headline.workshop {color: #0066AB !important;} .agenda > li.workshop > div h4 a:hover {color: #02487D !important;} .agenda > li.panel > div h4, .agenda > li.panel > div h4 a, .agenda > li.agenda-headline.panel {color: #8FCC4A !important;} .agenda > li.panel > div h4 a:hover {color: #55910B !important;} .agenda > li.theme { padding-left: 15.5% !important; margin-bottom: .5em;} .agenda > li.theme > div:before { background-image: none;} .agenda > li.theme > div { background-image: none; background-color: #fff; padding-left: 0; border-width: 0; border-bottom-width: 1px;width: 47.25%; min-height: 1em; font-weight: bold;} .agenda > li.theme.full-width > div { width: 98%;} .agenda > li.theme > div > label {float: left; clear: right; width: 20%; margin-right: 1%;} .agenda > li.theme > div > label + span {float: left; clear: right; width: 75%;} .agenda > li:first-child.break {margin-bottom: 2em;} .agenda > li.break > div { min-height: 2em; width: 83%;} .agenda > li.full-width > div { width: 83%;} .agenda > li > div:before { content: ''; background: url("../../../../wp-content/uploads/2016/03/boxPattern.png") repeat; top: -1px; bottom: -1px; width: 1em; position: absolute; left: 0;} .agenda li + li.break { margin-top: 4em;} .agenda > li.break .circle, .agenda > li.break .circle:before, .agenda > li.break > div:before { background-color: #DB001D; } .agenda > li.break:hover .circle, .agenda > li.break:hover .circle:before, .agenda > li.break:hover > div:before { background-color: #B20219; } .agenda > li.keynote .circle, .agenda > li.keynote .circle:before, .agenda > li.keynote > div:before { background-color: #b50000;} .agenda > li.keynote:hover .circle, .agenda > li.keynote:hover .circle:before, .agenda > li.keynote:hover > div:before { background-color: #830300;} .agenda > li.workshop > div { min-height: 8em;} .agenda > li.workshop .circle, .agenda > li.workshop .circle:before, .agenda > li.workshop > div:before { background-color: #0066AB;} .agenda > li.workshop:hover .circle, .agenda > li.workshop:hover .circle:before, .agenda > li.workshop:hover > div:before { background-color: #02487D;} .agenda > li.panel > div { min-height: 8em;} .agenda > li.panel .circle, .agenda > li.panel .circle:before, .agenda > li.panel > div:before { background-color: #8FCC4A;} .agenda > li.panel:hover .circle, .agenda > li.panel:hover .circle:before, .agenda > li.panel:hover > div:before { background-color: #55910B;} .agenda > li.break .circle, .agenda > li.keynote .circle, .agenda > li.workshop .circle, .agenda > li.panel .circle {background-image: url("../../../../wp-content/uploads/2016/03/boxPattern.png");} /* ---------- AGENDA 2016 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* iPhone 4 ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) { } @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) { /* Styles */ body {padding-top: 8em;} #page-top-wrap #site-title { font-size: 1em; } #page-top #mainnav {position: fixed; top: 0;} body.admin-bar #page-top #mainnav {position: fixed; top: 30px;} #page-top #mainnav .menu-hauptnavigation-container { height: 8em; overflow: hidden; overflow-x: auto; background: #fff; border-bottom: 3px solid #e2e2e2; } #page-top #mainnav ul#menu-hauptnavigation { height: 8em; width: 2500px} #page-top #mainnav ul li a { font-size: 2.75em; height: 2.75em; line-height: 2.75em; } #page-top #mainnav ul .sub-menu { display: none !important;} #main #secondary .twitter-timeline {width: 100% !important; max-width: 100% !important;} #main #secondary, #front-page #main #content #secondary {border-left-width: 0;} body:not(.home) #front-page #main #content > div, body.home #main #content .content-top > div, #main #content, #main #secondary, #front-page #main #content, #front-page #main #content #secondary{ width: 97%; padding: 0 1%; /*float: none;*/ font-size: 1.5em;} body.home #main #content .content-top > div.content-editorials .entry-content p {margin-bottom: 2em;} body.home #main #content article.post { margin-bottom: 5em;} } /* iPhone 5 ----------- */ @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){ /* Styles */ } @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){ /* Styles */ } /* iPhone 6 ----------- */ @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){ /* Styles */ } @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){ /* Styles */ } /* iPhone 6+ ----------- */ @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){ /* Styles */} @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){ /* Styles */} /* Media queries for responsive design AGENDA ------------------------------------------------------------------------------------------------------------------------------------- */ @media screen and (max-width: 1200px) { #agenda-inclusion{ max-width: 1024px; width: 100%;} .agenda > li.theme { padding-left: 15.75% !important; } .agenda > li.agenda-headline{ padding-left: 14% !important; } .agenda > li > div + div + div {margin-left: 15%; } .agenda > li.theme > div {min-height: 4em;} .agenda > li .time {margin-left: .75%; width: 11.75%;} .agenda > li .circle:before { width: .5em;} } @media screen and (max-width: 1024px) { #agenda-inclusion{ max-width: 980px; width: 100%;} .agenda-legend .legend-wrapper {width: 35%} .agenda > li.theme { padding-left: 16.5%!important; } .agenda > li.agenda-headline{ padding-left: 14.5%!important; } .agenda > li > div + div + div {margin-left: 16%; } .agenda > li.theme > div > label {width: 23%;} .agenda > li .time {font-size: .9em; line-height: 1.25em; padding-top: .5em;} } @media screen and (max-width: 880px) { #agenda-inclusion{ max-width: 880px; width: 100%; padding: 2%} .agenda-legend .legend-wrapper {width: 40%} .agenda > li.full-width > div {width: 80%; } .agenda > li.theme { padding-left: 17.25%!important; } .agenda > li.agenda-headline{ padding-left: 14.25%!important; } .agenda > li > div + div + div {margin-left: 16.5%; } .agenda > li.theme > div { font-size: .9em;} .agenda > li.theme > div > label { width: 26.5%; } .agenda > li.theme > div > label + span { width: 65%; } .agenda > li.break > div{ width: 80%; } } @media screen and (max-width : 764px) { #agenda-inclusion{ max-width: 764px; width: 100%;} .agenda-legend .legend-wrapper {width: 45%} .agenda > li.theme > div > label { width: 29%; } .agenda > li.theme > div > label + span { width: 69%; } .agenda > li > div, .agenda > li.full-width > div, .agenda > li.break > div{ width: 80%; } .agenda > li:not(.theme) > div + div, .agenda > li:not(.theme) > div + div + div, .agenda > li:not(.theme) > div + div + div + div{margin-left: 17.25%; margin-top: 1em;} .agenda > li .circle:before { display: none;} } @media screen and (max-width : 665px) { #agenda-inclusion{ max-width: 665px; width: 100%;} .agenda-legend .legend-wrapper {width: 55%} .agenda > li.theme > div > label { width: 31%; } .agenda > li.theme > div > label + span { width: 68%; } .agenda > li:not(.theme) > div + div, .agenda > li:not(.theme) > div + div + div, .agenda > li:not(.theme) > div + div + div + div{margin-left: 18.25%; } .agenda > li.workshop > div { min-height: 9em; } } @media screen and (max-width : 620px) { #agenda-inclusion{ max-width: 620px; width: 100%;} .agenda-legend .legend-wrapper {width: 65%} } @media screen and (max-width : 500px) { #agenda-inclusion{ max-width: 500px; width: 100%;} #agenda-inclusion{ max-width: 100%; width: 100%; padding: 2%} ul.tabs > li a { min-width: 7em;} ul.tabs > li.selected a { padding-top: 2.4em;} .agenda-legend .legend-wrapper {width: 70%} .agenda { font-size: .85em; } .agenda > li.theme {display: none;} .agenda > li.theme + li {margin-top: 2em;} .agenda > li.agenda-headline {padding-left: 3.5% !important; margin: 3em 0 0 .5em !important;} .agenda > li .time {display: block; width: 88%; padding-left: 2%; border-bottom: 1px solid #ccc; margin-bottom: 1em; padding-bottom: .5em;} .agenda > li > div, .agenda > li.break > div , .agenda > li.full-width > div {width: 85%; margin-left: 9%; } .agenda > li:not(.theme) > div + div, .agenda > li:not(.theme) > div + div + div, .agenda > li:not(.theme) > div + div + div + div {margin-left: 9%} .agenda > li > div > span.moderator { position: relative; width: 100%; margin-top: 1em;} }