/* Theme Name: Hundeschule 1.5 Theme URI:http://graphiks.info/ Author:www.graphiks.info */ html {margin:0;height:101%; } body, tr, td, form, label, cite {font-family:'Lucida Grande', Helvetica, Arial, sans-serif;font-size:12px;line-height:1.6em;color:#333;} body { text-align:center;margin:0; background-image:url(pics/bg.jpg); background-repeat:repeat-x; background-color:#eeefe7; background-position: center -70px;} ul, li, p, ol, blockquote, cite { margin:0;padding:0;font-style:normal;} li { list-style:none;} a, a:visited { color:#333;text-decoration:underline;outline:none;} a:hover, a:active { color:#999;text-decoration:none;} a.external { padding-right:13px;background:url(pics/extLink.gif) no-repeat right center;margin-right:3px;} a[href*=".pdf"], a.external[href*=".pdf"] { background:url(pics/pdf_logo.jpg) left top no-repeat !important;line-height:17px;padding:0 0 0 20px;display:block;} a img {opacity:1;} a:hover img {opacity:.75;} h1,h2,h3,h4,h5,h6, #navi a, .commentauthor {font-size:1.1em;margin:0 0 10px 0 ;padding:0;letter-spacing:1px;font-family:'Open Sans Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif;color:#000; } h1, h2, h3, h4, .commentauthor {font-size:1.3em;line-height:1.25em;} h1, h2 { margin:20px 4%;font-size:1.7em; color:#51b215;} h2 i { color:#000 !important;} .storycontent h2 { margin:20px 0;} h4, .commentauthor {border-bottom:1px dotted #ccc;margin-top:20px; padding-bottom:5px; } h4:before { content:""; clear:both;} i { font-style:normal;} p { margin-bottom:1em;} small {font-size:0.7em; margin-bottom:4px; color:#ccc;} hr {border:1px dotted #ccc; border-width:1px 0 0 0; height:1px; clear:both; margin:15px 0; background:0 none; width:99%} .clear { clear:both;display:block;} .bold { font-weight:bold;} /*Layout ------------------------------------------------------------------------------------*/ #main, #footer { position:relative;width:100%;text-align:center;display:block;clear:both;top:0;margin:0; } #header, #navi, #content, .footercontent { position:relative;width:94%;margin:0 auto;text-align:left; max-width:1020px;} /*Header ------------------------------------------------------------------------------------*/ #header a { text-decoration:none !important;} #navi { background:#006599; border:3px solid #fff; -webkit-box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, .3); box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, .3); position:relative; margin-top:-3px; width: auto; -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; font-size:1.1em; color:#fff; padding:10px 1% 8px 1%; z-index:2; text-align:center; } #navi li { display:inline; width:23%;height:auto;padding:0 5px 5px 5px;margin-bottom:3px; font-size:1.1em; line-height:1.35em; white-space:nowrap;} #navi li:first-child, #navi .page-item-5 { border:0 none;} #navi a, #navi a:visited { color:#fff; text-transform:capitalize; } #navi a:hover, #navi a:active { color:#ccc;} #navi .current_page_item a, .home #navi .startseite a, #navi .current-cat a { color:#999;cursor:default;} #navi .current_page_parent a, #navi .current_page_parent a:visited, #navi .active_category, #navi .active_category:visited { color:#999 ;} #navi .current_page_parent a:hover, #navi .current_page_parent a:active, #navi .active_category:hover { color:#ccc;} #navi li#navigation { display:none;} .headerlinks {position:relative; margin-top:30px;} .headerlinks img { width:100%; height:auto;} .headerlinks a { position:absolute;left:0;top:0;width:100% ;height:100%; display:block;text-indent:-9999px; z-index:2;} #logo { float:left;width:75% ;height:auto; max-width:499px;} #oehv {width:20%; height:auto; float:right; max-width:130px; margin-right:3px; } #oehv img {border:1px solid #ccc; } /*Content ------------------------------------------------------------------------------------*/ #content { padding:30px 0;} .post { position:relative; background: url(pics/bg-post.jpg) repeat-x #fbfbf8;min-width:280px;min-height:580px; -webkit-border-radius: 8px; border-radius: 8px; border:1px solid #eee; -webkit-box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, .1); box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, .1); z-index:3; padding-bottom:30px; margin-bottom:20px; } #facebook { -webkit-box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, .0); box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, .0); z-index:2; position:absolute; right:70px; top:-35px; -moz-transform: scale(1) rotate(-7deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(-7deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1) rotate(-7deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(-7deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(-7deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);} #facebook a{ width:50px; height:50px; display:block; position:absolute; background:url(pics/facebook.png) center center no-repeat; top:5px; text-indent:-9999px;} .date { font-size:0.75em;color:#999;} .storycontent, .alert { margin:20px 4%; font-size:1.1em;} /*.category .storycontent { padding-bottom:15px; margin-bottom:7px; border-bottom:1px dashed #ccc;} */.storycontent img { max-width:100%; height:auto; background:url(pics/loading.gif) center center no-repeat; } .storycontent .size-medium { max-width:40%;} .alignright { margin:0 0 15px 20px;display:inline;float:right;} .alignleft { margin:0 20px 15px 0;display:inline;float:left;} .currentnews { background:#fff; border:1px solid #ccc; margin:0 0 15px 0; padding:0 3% 10px 3%;} .video-container { position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; margin-bottom:10px;} .video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /*Listen*/ .storycontent ul { margin:1em 0 ;} .storycontent ul li { margin:0 0 4px 20px;list-style:disc;} .storycontent ol li { margin:0 0 4px 20px;list-style:decimal;} /*Tabellen*/ table { border:0 none;border-spacing:0;width:auto; margin:1em 0 ;} table p { margin:0;} td, th { padding:2px 20px 2px 0;vertical-align:top;text-align:left;} th{ font-weight:bold;font-size:1.2em;padding-top:10px;} /*Formular */ .button, .button:visited {width:auto !important;border:1px solid #666;background:#eee !important;letter-spacing:1px;padding:3px 7px; /*Transition*/} .button:hover, .button:active {border-color: #fbc500;color:#333;cursor:pointer;} textarea, input, select {max-width:250px;font-size:12px;border:1px solid #ddd;padding:2px 4px; width:94%; /*Transition*/} select { width:auto;} textarea {height:120px;} textarea:focus, input:focus, textarea:active, input:active, select:focus, select:active {border-color: #fbc500 ;} div.wpcf7 {margin:0;padding:0;} div.wpcf7-response-output {margin:2em 0.5em 0 0;padding:4px;background:#fff;width:250px;color:#333;} div.wpcf7-mail-sent-ok {border:2px solid #EAA734;} div.wpcf7-mail-sent-ng {border:2px solid #f00;} div.wpcf7-spam-blocked {border:2px solid #ffa500;} div.wpcf7-validation-errors {border:2px solid #f00;top:2px;} span.wpcf7-form-control-wrap {position:relative;} span.wpcf7-not-valid-tip {position:absolute;top:2px;left:10px;z-index:100;color:#F00;font-size:0.85em;width:auto;white-space:nowrap;background:#fff;padding:2px;border:1px solid #f00;} span.wpcf7-not-valid-tip-no-ajax {color:#f00;font-size:10px;display:block;background:#fff;border:1px solid #f00;} .wpcf7-display-none {display:none;left:0;} div.wpcf7 img.ajax-loader {border:none;vertical-align:middle;margin-left:4px;} .wpcf7-list-item {display:block;margin-bottom:7px;} .wpcf7-checkbox input, .checkbox {width:15px;line-height:1em;padding:0;} .formcontainer {margin:0 0 15px 0 ;padding:0 0 15px 0;border-bottom: 1px solid #ccc;min-width:200px;/*R*/ } /*Kommentar*/ .commentslist li {padding:15px 15px 0 15px ;margin:0 0 20px 0 !important;list-style:none !important; border:1px solid #ccc; } .commentauthor {display:block; /*wie h4*/} .commentcontent p {padding: 10px 0;} textarea#commentarea {max-width:100% ;height:150px; width:97%;} #commentform .error { padding: 0 0 5px 0; color: #f00; } #commentform input.error, #commentform textarea.error { border-color:#f00; } /*WP-Gallery*/ .wp-gallery { margin: auto; overflow: hidden; width: 100%; } .storycontent .wp-gallery ul { margin:0; padding: 0;} .storycontent .wp-gallery li { float: left; display:inline; list-style:none; margin:0 10px 10px 0;padding:0;float:left; } .wp-gallery img { margin:0;border:1px solid #333;width:100px;height:auto;} .wp-gallery img:hover {border-color:#ccc;} /*Caption*/ .wp-caption { background:#f0f0f0; border:1px solid #ccc; text-align:center; padding:7px 0;} .wp-caption .size-thumbnail { width:90%; } .wp-caption-text { padding:5px 0 0 0; font-size:0.85em; margin:0;} /*Suche*/ .searchform { width:auto;height:auto;z-index:2;} .searchform input { width:200px;background:url(pics/search.png) right center no-repeat #fff;color:#999; font-size:12px;font-weight:normal; max-width:94%} .searchform input:focus, .searchform input:active { color:#333; background:#fff;} .storycontent .searchform input { display:block; margin-bottom:7px; } #sidebar .searchform { margin:0 0 15px 0;} #sidebar .searchform .button { display:none;} .search-highlight {background:#FFF984;font-weight:bold;color:#000;padding:0 1px;font-style:normal;} /*Pagenavi*/ .wp-pagenavi:before {content:"";clear:both;} .wp-pagenavi {text-align:center;padding:20px 0;display:block;margin:20px 0;border-top:1px dotted #ccc;} .wp-pagenavi .pages {margin-right:10px;line-height:2em;} .wp-pagenavi a, .wp-pagenavi .current { /*Buttons*/ text-decoration:none;display:inline;margin-right:5px;} .wp-pagenavi .current {background:#f1f1f1 !important;color:#000;/*Buttons*/} /*Alert*/ .alert { margin-bottom:15px; border-bottom: 3px double #ccc;} /*Sidebar -------------------------------------------------------------------*/ #sidebar { width:94%;height:auto; z-index:3; padding:25px 0 ; min-width:200px; } #sidebar h5 { padding-top:15px;border-top:1px dotted #ccc;} #sidebar h5:first-of-type { border:0 none;} #sidebar ul { margin:10px 0 0 0;padding:0 0 10px 0 ;} #sidebar ul li { margin:0 0 4px 15px;list-style:disc;} #sidebar .current_page_item a { text-decoration:none !important; color:#000 !important; cursor:default !important;} #sidebar h4 { color:#51b215; font-size:1.5em;} #sidebar img { width:320px; height:auto; } /*Footer ------------------------------------------------------------------------------------*/ #footer { background:#e2e2d6; padding:15px 0; } .footercontent { padding:10px 0 0 15px ;font-size:0.9em; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #eff0e8;} .footercontent .alignleft { width:94%; padding:7px 0; margin:0 0 15px 0; float:none; display:block; z-index:20; } .footercontent .lastbox { border:0;padding-right:0; margin-right:0;} #footer .current_page_item a { text-decoration:none !important; color:#000 !important; cursor:default !important;} .top { text-decoration:none;position:absolute;right:10px;top:10px;background:url(pics/up.png) center center no-repeat;text-indent:-9999px;width:15px;height:15px;display:block; opacity:1;} .top:hover {opacity:.75; } /*Hunde*/ .hunde { position:absolute; z-index:1; background-repeat:no-repeat; background-position:center center; } .hundebox3 { background-image: url(http://www.die-hundeschule.at/hunde3/rotate.php) ; -moz-background-size:100% 100%; -webkit-background-size:100% 100%; background-size:100% 100%; right:0; top:-50px; width:111px; height:84px;} .hundebox1, .hundebox2 {display:none;} /*Überschreiben, Editor-Styles*/ .red, .red a { color:#f00 !important;font-weight:bold;} .green, .green a, i{ font-weight:bold; color:#51b215 !important;} .red a:hover, .green a:hover { color: #999 !important;} iframe, .border, .storycontent img { border:1px solid #ccc;} .noborder {border:0 none !important; } .bordertop { margin-top:30px; padding-top:10px; border-top:1px dashed #ccc; display:block;} /*Transition*/ a:hover, a:active, a:hover img, .searchform input:focus, .searchform input:active, .button:hover, .button:active, textarea:focus, input:focus, textarea:active, input:active, .pagenavi a:hover, .pagenavi a:active, .sidecontent .current_page_item ul a:hover, .sidecontent .current_page_item ul a:active, .more-link:hover, .more-link:active, select:focus, select:active, #navi li:hover, #navi li:active, .top:hover, select:focus, select:active, #oehv, a:hover img, #navi:hover {-webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -ms-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease;} /*Buttons*/ .button, .wp-pagenavi a, button, input[type="submit"], input[type="button"], input[type="reset"], .wp-pagenavi .current {-webkit-border-radius: 2px;border-radius: 2px;border:1px solid #666;letter-spacing:1px;padding:5px 7px;font-weight:bold;line-height:2.5em; background-color: #e6e6e6; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: linear-gradient(top, #f4f4f4, #e6e6e6); border: 1px solid #d2d2d2; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);} @media screen and (min-width: 480px) { #sidebar { float:right; width:31%; min-width:135px; padding:60px 0 ; } .post { float:left; width:65%; } .hundebox3 { width:185px; height:140px; top:-75px; } .currentnews { display:none;} } @media screen and (min-width: 600px) { .hundebox3 { width:240px; height:196px; top:-100px;} } @media screen and (max-width:610px) { #content { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } } @media screen and (max-width:699px) { #navicontainer { height:50px; position:relative;} #navi {-webkit-box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, .3); box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, .3); width:175px; position:absolute; right:0; z-index:20; background:#006599; text-align:left; } #navi:hover { width:220px; -webkit-box-shadow: 3px 3px 300px 700px rgba(0, 0, 0, .3); box-shadow: 3px 3px 300px 700px rgba(0, 0, 0, .3); } #navi li { border-top:1px dotted #ccc; padding:0; background:#fff; display:none; margin:0; width:100%; opacity:0; visibility:hidden; height:0; overflow:hidden; border:0; } #navi:hover li, #navi li#navigation { opacity:1; height:auto; visibility:visible; padding:10px 0; border-top:1px dotted #ccc; display:block; } #navi:hover li { display:block;} #navi li:hover { background:#999; cursor:pointer;} #navi li#navigation { display:block; background: url(pics/menu.png) center right no-repeat #006599; border:0 none; } #navi li a { padding:0 10px; font-weight:bold; font-size:1.3em; color:#006599 !important;} #navi li#navigation a, #navi li a:hover { color:#fff !important; } #navi .current_page_item, #navi .current_page_parent, #navi .current_page_ancestor {background:#ccc !important;} #navi .current_page_item a { cursor:default !important; color:#fff !important;} } @media screen and (min-width: 750px) { #facebook { top:-45px; right:20%;} #facebook a {background:url(pics/facebook75.png) center center no-repeat ; width:75px; height:75px;} #navi { text-align:left;} .formcontainer {margin:0 0 0 20px;width:50%;max-width:270px;padding:0 0 0 20px;border:0 none;border-left: 1px solid #ccc;float:right;} } @media screen and (min-width: 800px) { .footercontent .alignleft { float:left; width:20%; min-width:150px; padding:5px 2%px 5px 0; margin:0 20px 0 0; border-right:1px dashed #eff0e8; min-height:200px; } #sidebar { font-size:1.15em; width:32%;} } @media screen and (min-width: 1024px) { #sidebar { margin-top:70px; padding:75px 0 100px 0;} body { background-position: center top;} #navi {text-align:right; font-size:1.35em; padding:15px 1% 12px 1%; font-weight:bold;} #navi li{ width:auto; border-left:2px solid #fff; padding:0 10px;} #facebook { right:15%;} .hundebox3 { width:343px; height:280px; top:-150px;} .hundebox2 { width:246px; height:303px; background-image: url(http://www.die-hundeschule.at/hunde2/rotate.php) ; right:150px; top:-100px; display:block; z-index:1;} #logo {margin-left:7%;} } @media screen and (min-width: 1100px) { .hundebox1 { width:345px; height:429px; background-image: url(http://www.die-hundeschule.at/hunde1/rotate.php) ; left:-320px; top:50px; display:block;} }