html { font-size: 1rem; -webkit-tap-highlight-color: rgba(0,0,0,0); -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif; overflow-y: scroll; padding: 8px; margin: 0; font-size: 12px; line-height: 1.5; color: #000; background-color: #fff; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } .link { cursor: pointer; color: #03A; text-decoration: underline; } .link:hover { color: #E00; text-decoration: none; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 700; padding: 0; margin: 0; text-align: center; } .schema-items { left: -9999em; top: -9999em; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .section-title { font-size: 17px; color: #CCC; } .section-title span:nth-child(1) { left: -9999em; top: -9999em; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .section-title span:nth-child(2) { color: #000; display: block; font-size: 19px; text-shadow: 1px 1px 2px #FFF, 1px 1px 1px #555; } #story-wrapper, #gallery-wrapper { padding-top: 20px; border-top: 1px solid #DDD; margin-top: 10px; } #story-wrapper { padding-top: 12px; } #page { width: auto; margin: 0 auto; padding: 0 0 10px 0; max-width: 1280px; position: relative; } .site-description { padding-top: 10px; text-align: justify; line-height: 1.4; } #content { margin: 12px 0 0 0; } .clear { height: 0; line-height: 0; clear: both; } .intro-section:after, #content:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; } section, .section, #related-posts, #content.postlist { margin-left: -6px; margin-right: -6px; } #header-wrapper { border-bottom: 1px dashed #AAA; padding-bottom: 0; text-align: left; line-height: 1; } #content.postlist { border-bottom: 1px solid #CCC; padding-bottom: 10px; } #header-wrapper h1, #header-wrapper .sitename a { font-family: Tahoma; font-size: 22px; font-weight: bold; padding: 2px 0 0 0; text-align: center; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; vertical-align: top; letter-spacing: 2px; color: #ffe8e2 !important; text-shadow: -1px 0 #500, 0 1px #500, 1px 0 #500, 0 -1px #500, 0 0 0.2em #E55, 0 0 0.2em #E55, 0 0 0.2em #E55; } #header-wrapper header > * { display: inline-block; vertical-align: top; line-height: 1; margin: 0 8px 10px 0; } #header-wrapper .link { line-height: 1.4; float: right; font-size: 19px; margin-left: 20px !important; } .footer-inlinks { font-size: 22px; display: table; margin: 12px auto 30px auto; text-align: center; } .footer-inlinks > * { margin-left: 20px; margin-right: 20px; margin-bottom: 20px; display: inline-block; } .catlink, #header-categories .catitle, #footer-categories .catitle { display: inline-block; white-space: nowrap; background: #DDD; border-radius: 3px; border: 1px solid #CCC; color: #000 !important; text-shadow: 1px 1px 1px #f5f5f5; letter-spacing: normal; line-height: 20px !important; box-sizing: border-box; font-size: 15px !important; font-weight: normal !important; padding: 4px 8px; text-decoration: none; font-weight: normal; cursor: pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } #header-categories .catitle, #footer-categories .catitle, .catlink.current { display: inline-block; background: #F5F5F5; font-weight: normal; color: #222 !important; } #header-categories .catitle, #footer-categories .catitle { cursor: default; } .catlink.current strong, .catlink.current b { font-weight: normal; } .catlink:hover { background: #EEE !important; color: #B00 !important; text-decoration: none; } #header-categories { text-align: center; margin-top: 12px !important; margin-bottom: -8px !important; line-height: 1 !important; } #footer-categories { text-align: center; } #footer-categories > *, #header-categories > * { margin: 0 12px 12px 0; vertical-align: top !important; display: inline-block; } #show-categories, #hide-categories { cursor: pointer; display: inline-block; vertical-align: middle !important; position: relative; } #show-categories i, #hide-categories i { position: relative; top: 0 !important; left: 8px !important; display: block; padding: 5px; border: 1px solid #9B9; border-radius: 50%; background: rgba(0, 136, 0, 0.2); opacity: 0.8; } #show-categories i:hover, #hide-categories i:hover { opacity: 1; border: 1px solid #7A7; } #show-categories svg, #hide-categories svg { stroke-width: 0; position: relative; top: 1px; stroke: #111; fill: #111; } #hide-categories svg { top: -1px; } #show-categories:hover svg, #hide-categories:hover svg { stroke: #B00; fill: #B00; } #hide-categories { display: none; } #footer-categories { padding-top: 20px; } .pagination + #footer-categories { padding-top: 10px; } #header-categories > .catitem:nth-child( n + 20 ):not(.visible) { position: absolute; left: -1000px; opacity: 0; } @media screen and ( max-width: 1200px ) { #header-categories > .catitem:nth-child( n + 19 ):not(.visible) { position: absolute; left: -1000px; opacity: 0; } } @media screen and ( max-width: 1150px ) { #header-categories > .catitem:nth-child( n + 15 ):not(.visible) { position: absolute; left: -1000px; opacity: 0; } } @media screen and ( max-width: 1010px ) { #header-categories > .catitem:nth-child( n + 14 ):not(.visible) { position: absolute; left: -1000px; opacity: 0; } #header header .catlink, #header header .catitle { font-size: 14px; } } @media screen and ( max-width: 950px ) { #header-categories > .catitem:nth-child( n + 13 ):not(.visible) { position: absolute; left: -1000px; opacity: 0; } } @media screen and ( max-width: 780px ) { #header-categories > .catitem:nth-child( n + 11 ):not(.visible) { position: absolute; left: -1000px; opacity: 0; } } @media screen and ( max-width: 679px ) { #header-categories > .catitem:nth-child( n + 8 ):not(.visible) { position: absolute; left: -1000px; opacity: 0; } #header-wrapper { text-align: center; } #header-wrapper h1, #header-wrapper .sitename { display: block; margin-bottom: 10px; text-align: center !important; } #header-wrapper .link { float: none; line-height: 1; margin-bottom: 12px; } } @media screen and ( max-width: 520px ) { #header-categories > .catitem:nth-child( n + 7 ):not(.visible) { position: absolute; left: -1000px; opacity: 0; } } @media screen and ( max-width: 400px ) { #header-categories > .catitem:nth-child( n + 6 ):not(.visible) { position: absolute; left: -1000px; opacity: 0; } } @media screen and ( max-width: 350px ) { #header-categories > .catitem:nth-child( n + 5 ):not(.visible) { position: absolute; left: -1000px; opacity: 0; } } @media screen and ( max-width: 310px ) { #header-categories .catlink, #header-categories .catitle { font-size: 13px; } } #page .bc_teaser { background: none !important; padding: 0 !important; position: relative !important; border-bottom: 1px dashed #888 !important; } #page .bc_teaser:after { content: ""; position: absolute; width: calc( 100% - 2px ); height: 100%; left: 0; border: 1px dashed #888 !important; border-width: 0 1px 0 1px !important; background: #F5F5F5 !important; } #page .bc_teaser .teaser_text { border-bottom: 0 !important; border-top: none !important; padding: 4px 4px 4px 4px !important; max-width: 1000px !important; position: relative !important; background: #F5F5F5 !important; border: 1px dashed #888 !important; border-width: 0 1px 0 1px !important; } .bc_teaser a { text-decoration: none !important; } #page img.bcimg { max-width: 1000px !important; border-bottom: none !important; } #page .bc_teaser * { font-size: 0 !important; } #page .bc_teaser .teaser_text * { font-size: 15px !important; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif !important; text-shadow: 0 0 1px #AAA !important; } #page .bc_teaser:hover { box-shadow: 0 0 15px #555; border-bottom: 1px solid #000 !important; } #page .bc_teaser:hover:after { background: #EEE !important; border-color: #000 !important; border-style: solid !important; border-width: 0 1px 0 1px !important; } #page .bc_teaser:hover .teaser_text { background: #EEE !important; border-color: #000 !important; border-style: solid !important; border-width: 0 1px 0 1px !important; } .bctb-wrapper { min-height: 10px; } #page .bctb-wrapper > div { border-spacing: 8px !important; margin-left: -4px !important; width: 100%; width: calc(100% + 6px); } .bigClickTeasersBlock.before-posts { position: relative; margin-top: -8px; } .bigClickTeasersBlock.after-posts, .bigClickTeasersBlock.after-posts-short { position: relative; top: -8px !important; } .gallery-after { margin-top: 6px; } .exo-native-widget { max-width: 1960px !important; width: 100% !important; padding: 0 0 0 0 !important; box-sizing: border-box; } .exo-native-widget-outer-container { width: 100% !important; box-sizing: border-box; margin: 0 0 0 0!important; padding: 0 !important; } .exo-native-widget-item-container { padding: 0 4px 8px 4px !important; width: 25% !important; box-sizing: border-box !important; } .exo-native-widget-item-image, .exo-native-widget-item-content { max-width: 100% !important; } .exo-native-widget-item-title { border: 1px dashed #888; border-top: none; line-height: 1.3; height: 43px; background: #F5F5F5; padding: 0px 6px 4px 6px !important; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size: 15px !important; text-shadow: 0 0 1px #AAA !important; white-space: normal; overflow-y: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; text-align: center !important; box-sizing: border-box !important; } .exo-native-widget-item:hover .exo-native-widget-item-title { color: #E00 !important; background: #EEE !important; border: 1px solid #000; border-top: none !important; } .exo-native-widget-item:hover { box-shadow: 0 0 15px #555; } .exo-native-widget-item-image { border: 1px solid #000; border-bottom: none !important; } .intro-wrapper { width: 25%; box-sizing: border-box; float: left; padding-left: 4px; padding-right: 4px; padding-bottom: 8px; position: relative; line-height: 1; } .video-intro { position: relative; border-bottom: 1px dashed #888; } .video-intro > a, .video-intro > a > * { vertical-align: top; width: 100%; } .introimage { display: block; height: 0; padding-bottom: 62%; overflow: hidden; border: 1px solid #000; border-bottom-width: 0; border-bottom-style: solid; border-bottom-color: #000; line-height: 0; background: #EEE; position: relative; } .introimage noscript { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .video-intro img { display: block; width: 100%; height: auto; line-height: 0 !important; color: #FFF !important; font-size: 0px !important; background: #FFF; } .video-intro a:link, .video-intro a:visited, .video-intro a:focus, .video-intro a:hover { color: #000; text-decoration: none; } .video-intro a:hover { color: #E00; } .video-intro:hover p, .video-intro:hover .introimage { border-style: solid; border-color: #000 !important; } .video-intro:hover { border-bottom-style: solid; border-color: #000; box-shadow: 0 0 15px #555; } .video-intro:hover p { background: #EEE; } .video-intro p { line-height: 1.2; padding: 4px 7px 6px 7px; margin: 0; font-size: 15px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; box-sizing: border-box; background: #F5F5F5; border-color: #888; border-style: dashed; border-width: 0 1px 0 1px; text-shadow: 0 0 1px #AAA; } .video-intro:not(*:root) p { padding-left: 6px; padding-right: 6px; } .video-intro a:hover p { text-shadow: 1px 1px 2px #AAA; } .video-info { padding-bottom: 5px; } .video-info > * { display: inline-block; line-height: 1; vertical-align: middle; } .video-info:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; } .video-info .icon { width: 12px; height: 12px; margin: 0 3px 0 0; background: url("../images/sprite.png") -18px -36px no-repeat; display: inline-block; vertical-align: middle; font-size: 0px; } .video-info .txt { display: inline-block; vertical-align: middle; line-height: 0; } .video-info .duration .icon { background: url("../images/sprite.png") 0 0 no-repeat; } .video-info .duration { float: right; font-weight: normal; } .intro-category ~ .views, .intro-category ~ .duration { float: right; margin-left: 8px; } .icatlink { color: #35B; cursor: pointer; text-decoration: none; } .icatlink:hover { color: #E00; text-decoration: underline; } .intro-category ~ .views, .intro-category ~ .duration { float: right; margin-left: 4px; } .video-info { padding: 0; position: absolute; margin-top: -42px; width: 100%; } .video-intro p { border-top: 1px dashed #888 !important; } .video-info .views, .video-info .duration { padding: 2px 5px 2px 5px !important; box-sizing: border-box; border-radius: 0 30px 25px 0; opacity: 1; background: #F5F5F5; border: 1px dashed #888; border-width: 1px 1px 0px 0; font-weight: normal !important; line-height: 0px !important; font-size: 0px; } .video-intro:hover p, .video-intro:hover .introimage, .video-intro:hover .video-info .views, .video-intro:hover .video-info .duration { border-style: solid; } .video-intro:hover { border-bottom-style: solid; } .video-intro:hover .video-info .views, .video-intro:hover .video-info .duration { background: #EEE; } .video-info .txt { font-size: 11px; font-family: Arial; color: #555; line-height: 10px !important; } .video-intro p { padding-top: 7px; } .video-info .icon-left { float: left !important; padding-left: 5px !important; border-left: 1px dashed #888; border-right-color: #777; } .video-info .icon-right { float: right !important; border-width: 1px 0 0 1px; padding-right: 5px !important; border-right: 1px dashed #888; border-left-color: #777; border-radius: 30px 0 0 25px; } .video-intro:hover .video-info .icon-left, .video-intro:hover .video-info .icon-right, .video-intro:hover p { border-color: #000; border-style: solid !important; } @media screen and ( max-width: 1300px ) { #content.postlist { margin-left: auto; margin-right: auto; } } @media screen and ( max-width: 1270px ) { .exo-native-widget-item-image { height: 200px !important; } } @media screen and ( max-width: 1030px ) { .video-intro p { font-size: 14px; } } @media screen and ( max-width: 1000px ) { .intro-wrapper { width: 33.33%; } .exo-native-widget-item-container { width: 33.33% !important; } .exo-native-widget-outer-container .clear { display: none; } .before-posts .exo-native-widget-outer-container .exo-native-widget-item-container:nth-of-type(4), .after-posts-short .exo-native-widget-outer-container .exo-native-widget-item-container:nth-of-type(4) { display: none !important; } .after-posts .exo-native-widget-outer-container > .exo-native-widget-item-container:nth-of-type(n+9) { display: none !important; } .bc_line > .bc_teaser:nth-child(4) { display: none !important; } #page .bc_line .teaser_text * { font-size: 14px !important; } } @media screen and ( max-width: 800px ) { .intro-category, .video-info .views .txt span, .video-info .duration .txt span { display: none; } .intro-category ~ .icon-left { float: left; margin-left: 0 !important; } .video-intro p { font-size: 13px; } #page .bc_line .teaser_text * { font-size: 13px !important; } } @media screen and ( max-width: 680px ) { #content.postlist { margin-left: auto; margin-right: auto; } .intro-wrapper { width: 50%; } .site-description { margin-left: 6px; margin-right: 6px; } .exo-native-widget-item-container { width: 50% !important; } .before-posts .exo-native-widget-outer-container .exo-native-widget-item-container:nth-of-type(3), .after-posts-short .exo-native-widget-outer-container .exo-native-widget-item-container:nth-of-type(3) { display: none !important; } .after-posts .exo-native-widget-outer-container > .exo-native-widget-item-container:nth-of-type(n+9) { display: none !important; } .after-posts .exo-native-widget-outer-container > .exo-native-widget-item-container:nth-of-type(n+7) { padding-bottom: 12px !important; } .bc_line > .bc_teaser:nth-child(3) { display: none !important; } } @media screen and ( max-width: 400px ) { .intro-wrapper { width: 80%; float: none; margin-left: auto; margin-right: auto; } .video-intro p { font-size: 14px; } .exo-native-widget-outer-container { width: 80% !important; display: table; margin-left: auto !important; margin-right: auto !important; margin-bottom: 0 !important; } .exo-native-widget-item-container { width: 100% !important; } .bc_line > .bc_teaser { width: 80% !important; display: block !important; margin: 0 auto 12px auto !important; } .before-posts .bc_line > .bc_teaser:nth-child(2) { display: none !important; } #page .bc_teaser { margin-bottom: 8px !important; } .bctb-wrapper { margin-bottom: -8px !important; } #page .bc_line .teaser_text * { font-size: 14px !important; } .before-posts .bc_line > .bc_teaser:nth-child(1), .after-posts-short .bc_line > .bc_teaser:nth-child(2) { margin-bottom: 0 !important; } .after-posts .bc_line > .bc_teaser:nth-child(4) { margin-bottom: 0 !important; } .after-posts .bc_line > .bc_teaser { display: block !important; } * .after-posts > .bc_line:nth-of-type(2) { display: none !important; } } @media screen and ( max-width: 360px ) { .intro-wrapper { width: 90%; } .bc_line > .bc_teaser { width: 90% !important; display: block !important; } .before-posts .bc_line > .bc_teaser { margin: 0 auto !important; } .exo-native-widget-outer-container { width: 90% !important; } } @media screen and ( max-width: 320px ) { .intro-wrapper { width: 95%; } .bc_line > .bc_teaser { width: 95% !important; display: block !important; margin: 0 auto !important; } .exo-native-widget-outer-container { width: 95% !important; } } @media screen and ( max-width: 260px ) { .video-info span span { display: none; } } .pagination { margin: 0; padding: 15px 0 0 0; display: block; } .pagination:after { content: "."; display: block; height: 0; font-size: 0; line-height: 0; clear: both; visibility: hidden; } .pagination a, .pagination span { display: block; padding: 6px 12px; margin: 0px; float: left; border: none; text-decoration: none; font-size: 16px; } .pagination a { background: #EEE; border: 1px solid #CCC; color: #000; margin: 0 12px 16px 0; font-size: 16px; font-weight: normal; padding: 4px 8px; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .pagination a:hover { background: #F5F5F5; color: #de2600; text-decoration: none; } .pagination span { display: inline-block; padding: 4px 8px; margin: 0 8px 0 0; } #related-posts { margin-top: 12px; } #related-posts:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; } #content.page404 h1, #content.single h1 { line-height: 1; padding-bottom: 15px; font-size: 22px; text-shadow: 1px 1px 2px #FFF, 1px 1px 1px #555; } #content.page404 h1 { line-height: 1.3; } .video-description, .k { position: absolute; left: -2000px; width: 600px; } .video-description { padding: 0 0 10px 0; font-size: 14px; margin-top: -12px; text-align: justify; } .video-description p { text-indent: 25px; margin-bottom: 10px; } .video-description p:last-child { margin-bottom: 0; } #content.single + #footer-categories { padding-top: 0; } #video-player-wrapper { position: relative; width: 100%; } #video-player { position: relative; z-index: 1; width: 100%; padding: 0 0 38% 0; height: 0; overflow: hidden; background: #000; } #video-player .video-js, #video-player video, #video-player iframe, #video-player object, #video-player embed { cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 0 !important; } .vjs-button { cursor: pointer; } #video-right { position: relative; float: right; max-width: 338px; min-height: 1px; text-align: center; margin: 0; } @media screen and (max-width: 1100px) { #video-player { padding-bottom: 42% !important; } } @media screen and (max-width: 980px) { #video-player { padding-bottom: 48% !important; } } @media screen and (max-width: 800px) { #video-player { padding-bottom: 55% !important; } } @media screen and (max-width: 500px) { #video-player { padding-bottom: 65% !important; } } @media screen and (max-width: 360px) { #video-player { padding-bottom: 75% !important; } } #story-wrapper:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; } #story { line-height: 1.6; font-size: 16px; text-align: justify; padding: 0 12px; } .story-after { margin-top: 30px; } #story .br { height: 12px; display: block; } #story p { padding: 0px !important; margin: 6px 0 !important; text-indent: 25px; } #story .indent { display: inline-block; width: 25px; } #story-toggle { overflow: hidden; -webkit-transition: max-height 2s ease; -moz-transition: max-height 2s ease; -ms-transition: max-height 2s ease; -o-transition: max-height 2s ease; transition: max-height 2s ease; } #story > p, #story-toggle > p { margin-bottom: 0; padding-bottom: 0; margin-top: 12px; text-indent: 25px; } #story-expand, #story-collapse { text-decoration: underline; cursor: pointer; font-size: 18px; color: #B00; display: block; text-align: center; padding-top: 6px; } @media screen and ( max-width: 980px ) { #story { font-size: 15px !important; } } #gallery-wrapper { border-bottom: 1px solid #DDD; padding-bottom: 6px; margin-bottom: 15px; } #gallery-wrapper:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; } #gallery-wrapper .section-title { margin-bottom: 6px; } #gallery { text-align: center; } #gallery figure { display: inline-block; padding: 6px; margin: 0; box-sizing: border-box; width: 20%; } #gallery a { display: block; color: #EEE !important; position: relative; overflow: hidden; padding-bottom: 140%; height: 0; line-height: 0; border: 1px solid #555; background: #EEE; } #gallery img { width: 100%; height: auto; cursor: -webkit-zoom-in; cursor: zoom-in; color: #EEE !important; } #gallery-wrapper .content-info { text-align: center; padding: 0 12px 10px 12px; font-size: 14px; } @media screen and ( max-width: 980px ) { #gallery figure { width: 25%; } #gallery img { width: 100%; } } @media screen and ( max-width: 700px ) { #gallery figure { width: 33.33%; } } @media screen and ( max-width: 480px ) { #gallery figure { width: 50%; } } @media screen and ( max-width: 320px ) { #gallery figure { width: 70%; } }