/* Theme Name: Trust and travel Blog Theme URI: http://www.infinvision.com Description: Trust and travel Blog Version: 1.0 Author: Infinvision Author URI: http://www.infinvision.com -------------------------------------------------------------------------- /* ======================================================================= Setup ======================================================================= */ @import "css/reset.css"; body { font-size: 14px; color: #4b5054; background-color: #fcfcfc; margin: 0; min-width: 1080px; padding: 0; text-rendering: optimizelegibility; width: 100%; } .clearfix { clear: both; float: none; display: block; } img, video, embed, object, iframe { max-width: 100%; } .post-content img, .feat-img, .entry img, .page-entry img { height: auto; } /* ======================================================================= Typography ======================================================================= */ a, a.more-link p { color: #423b35; text-decoration: none; } a:hover { text-decoration: underline; } .timeline a:hover { text-decoration: none; } h1 { font-size: 24px; margin-bottom: 20px; } h1.post-title { margin-bottom: 5px; } #page h2, #full-page h2 { font-size: 20px; margin-bottom: 20px; font-weight: normal; } #page h2 { margin: 30px 0 15px; padding-bottom: 5px; } .box h2 { font-size: 15px; color: #333; margin-bottom: 10px; } #archives-page .box h2 { font-size: 16px; margin-bottom: 10px; } #archives-page .box-content { padding: 15px; width: 300px; } .box h2 a { color: #423b35; text-decoration: none; font-size: 20px; } .box h2 a:hover { text-decoration: underline; } .timeline h2 { margin: 30px 0 15px 10px; } h3 { font-size: 16px; font-weight: normal; margin-top: 30px; margin-bottom: 15px; padding-bottom: 5px; } h3.widget-title { background: #6e7b82; background: rgba(57, 75, 86, 0.7); border: none 0; font-size: 16px; padding: 5px 10px; color: #FFF; text-shadow: 0 -1px rgba(0,0,0,0.45); margin-bottom: 15px; } h3.widget-title a { color: #FFF; } h4 { font-size: 14px; margin: 20px 0 10px; padding-bottom: 5px; } h5 { font-size: 14px; text-transform: uppercase; margin-top: 20px; margin-bottom: 15px; padding-bottom: 5px; } h6 { text-transform: uppercase; font-weight: bold; margin: 5px 0 10px 0; } h1, h2, h3 { color: #1a1a1a; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } #comments h2, #comments h3 { border-bottom: none 0; margin-top: 0; margin-left: 0; } .post-media h3 { font-size: 14px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; font-weight: bold; padding: 0px; } .post-media h4, .post-media h5, .post-media h6 { font-size: 14px; font-weight: normal; padding: 0px; line-height: 25px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; } /* ======================================= Lists ======================================== */ ul, ol { margin-left: 20px; } ul.roman { list-style: upper-alpha; } ul.roman ul { list-style: upper-roman; } .box p, .box ul { line-height: 20px; margin-bottom: 10px; } .box, .box p, .box ul, .box ol { font-size: 16px; line-height: 24px;} #archives-page .box, #archives-page .box p, #archives-page .box ul, #archives-page .box ol { font-size: 12px; } .box ul li { margin: 0 0 5px 5px; } #grid div.post-content div.gallery-to-slideshow-wrapper, .content-inside div.box-inside div.entry div.post-media img.feat-img, #grid div.post-content p img.alignnone { display: none; height: 0px; width: 0px; margin-top: 0; margin-right: 0; margin-bottom: 5px; margin-left: 5px; visibility: hidden; } /* ======================================= Paragraphs ======================================== */ #page p, #full-page p { margin-bottom: 20px; line-height: 30px; } #footer p { font-size: 11px; } hr { background: none; border-bottom: 1px dotted #d4d4d6; clear: both; } /* ======================================= Quotes ======================================== */ .format-quote .img-container { display: none; height: 0px; width: 0px; visibility: hidden; } blockquote { background: url(images/quote.png) left top no-repeat; padding-left: 30px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 14px; line-height: 21px; color: #494949; margin: 0 30px 15px 30px; } .box blockquote { font-size: 12px; background: none; margin: 0 0 10px 0; padding: 0; } #sidebar blockquote { margin: 0 15px 15px; } cite { display: block; font-style: normal; font-size: 11px; text-align: right; margin: -5px 30px 20px 0; } #sidebar cite { margin: 0 15px 0 0; } .box cite { margin: 0 0 15px 0; } .format-quote p { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #494949; font-size: 24px; background: none; margin: 0 0 10px 0; padding: 0; line-height: 30px; } .format-quote .more-link { display: block; margin-top: 5px; color: #423B35; font-size: 13px; font-style: normal; } .col1 .format-quote p { font-size: 14px; } .col3 .format-quote p, .col4 .format-quote p, .quote .entry p:not(.post-details) { font-size: 21px; font-style: italic; } /* ======================================= Font Families ======================================== */ pre { font-family: "Courier 10 Pitch", Courier, monospace; } code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } .post-info p, #archives-page .box .post-info p, .jta-tweet-timestamp, cite, .box, .box blockquote { color: #79736f; } /* ======================================================================= Header ======================================================================= */ #topbar { background-image: url(images/header-back.png); background-repeat: repeat-x; background-position: center top; height: 50px; } div#menu-about { float: left; width: 355px; margin-top: 10px; height: 18px; margin-left: 0px; } ul#menu-about.menu li#menu-item-28.menu-item a, ul#menu-uber.menu li#menu-item-33.menu-item a, ul#menu-a-propos.menu li#menu-item-34.menu-item a { border-right-width: 1px; border-right-style: solid; border-right-color: #8f524e; padding-right: 15px; } div#menu-about ul li a { font-family: Georgia, "Times New Roman", Times, serif; color: #8f524e; font-weight: normal; font-size: 11px; } div#menu-about ul li a:hover { text-decoration: none; color: #ffddd3; } div#menu-about ul { list-style-type: none; list-style-position: inside; } div#menu-about ul li { float: left; margin-left: 10px; } #website-link ul li a { font-family: Georgia, "Times New Roman", Times, serif; color: #8f524e; font-weight: normal; font-size: 0px; height: 33px; width: 166px; float: left; background-image: url("images/header-button.png"); text-align: center; padding-top: 10px; -webkit-transition: none; -moz-transition: none; transition: none; } #website-link ul li a:hover { text-decoration: none; background-image: url(images/header-button.png); background-position: left -43px; -webkit-transition: none; -moz-transition: none; transition: none; } #website-link ul li { float: left; margin-left: 9px; } #website-link ul { list-style-type: none; list-style-position: inside; margin: 0px; padding: 0px; } #header { margin-bottom: 30px; } #logo { font-size: 24px; margin-bottom: 8px; line-height: 1.1; } #logo li { list-style-type: none; list-style-position: inside; margin: 0px; padding: 0px; } img#logo { margin-bottom: 0; } #logo a { font-weight: normal; color: #333; margin: 0 40px 0 0; text-decoration: none; text-shadow: rgba(0,0,0,.01) 0 0 1px; } #logo a:hover { opacity: 0.75; } #logo { float: left; height: 83px; width: 455px; margin-top: 15px; margin-right: 80px; margin-bottom: 0; margin-left: 0; } #site-description { font-weight: normal; font-size: 12px; text-transform: uppercase; color: #999; margin-top: -5px; } .menu-main { float: left; width: 100%; position: relative; } .menu-main select { display: none; } .menu-main ul li a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; color: #423b35; } .menu-main ul li a:hover { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; color: #79736F; } .menu-main ul { list-style: none; padding: 0; margin: 25px 0 0; float: left; } .menu-main li { display: inline; float: left; position: relative; z-index: 99; margin-left: 25px; } .menu-main li:first-child { margin-left: 0; } .menu-main li a { text-decoration: none; color: #616161; } ul#menu-categories.menu li#menu-item-49.menu-item, ul#menu-categories-german.menu li#menu-item-76.menu-item, ul#menu-categories-fr.menu li#menu-item-77.menu-item { background-image: url(images/cat-all.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 5px; } ul#menu-categories.menu li#menu-item-41.menu-item, ul#menu-categories-german.menu li#menu-item-78.menu-item, ul#menu-categories-fr.menu li#menu-item-79.menu-item { background-image: url(images/cat-art.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 5px; } ul#menu-categories.menu li#menu-item-42.menu-item, ul#menu-categories-german.menu li#menu-item-80.menu-item, ul#menu-categories-fr.menu li#menu-item-81.menu-item { background-image: url(images/cat-food.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 5px; } ul#menu-categories.menu li#menu-item-48.menu-item, ul#menu-categories-german.menu li#menu-item-82.menu-item, ul#menu-categories-fr.menu li#menu-item-83.menu-item { background-image: url(images/cat-things.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 5px; } ul#menu-categories.menu li#menu-item-43.menu-item, ul#menu-categories-german.menu li#menu-item-84.menu-item, ul#menu-categories-fr.menu li#menu-item-85.menu-item { background-image: url(images/cat-fun.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 5px; } ul#menu-categories.menu li#menu-item-45.menu-item, ul#menu-categories-german.menu li#menu-item-86.menu-item, ul#menu-categories-fr.menu li#menu-item-87.menu-item { background-image: url(images/cat-life.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 5px; } ul#menu-categories.menu li#menu-item-47.menu-item, ul#menu-categories-german.menu li#menu-item-88.menu-item, ul#menu-categories-fr.menu li#menu-item-89.menu-item { background-image: url(images/cat-shoping.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 5px; } ul#menu-categories.menu li#menu-item-44.menu-item, ul#menu-categories-german.menu li#menu-item-90.menu-item, ul#menu-categories-fr.menu li#menu-item-91.menu-item { background-image: url(images/cat-interior.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 5px; } ul#menu-categories.menu li#menu-item-46.menu-item, ul#menu-categories-german.menu li#menu-item-92.menu-item, ul#menu-categories-fr.menu li#menu-item-93.menu-item { background-image: url(images/cat-practical.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 5px; } li.parent a { background: url(images/parent-bg.png) right no-repeat; padding-right: 13px; } li.parent li a { background: none; padding-right: 0; } .menu-main li a:hover, li.current-menu-item li a:hover, li.current-menu-item a, li.current_page_ancestor a, li.current_page_ancestor li a:hover, li.current_page_ancestor li.current-menu-item a { } li.current-menu-item li a, li.current_page_ancestor li a { color: #616161; } /* The container wrapping ul.dropdown */ #regions-nav { float: left; width: 220px; padding-top: 77px; z-index: 500; position: relative; margin-left: 27px; margin-right: 20px; } /* Top level Unordered list */ #regions-nav ul { list-style: none; float: left; width: 100%; padding: 0 10px; } #regions-nav ul li { float: left; /* makes horiz list */ position: relative; /* hey Submenu ULs, appear below! */ } #regions-nav ul a { color: #423b35; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; letter-spacing: 2px; background-image: url(images/arrow.png); background-repeat: no-repeat; background-position: right center; padding-top: 11px; padding-right: 20px; padding-bottom: 11px; padding-left: 11px; } /* Style the link hover */ #regions-nav ul li:hover a { } /* Displays the link as blocks. */ #regions-nav ul li ul a { display: block; } /* sub menus!! */ #regions-nav ul ul { list-style: none; margin: 0; /* Appear just below the hovering list */ padding: 0; width: 200px; /* specify the width. */ position: absolute; /* needed */ z-index: 500; /* specify the order */ } #regions-nav ul li ul { top: 27px; /* Positioning:Calc with top level horz list height */ -moz-box-shadow: 0 1px 5px #cfcccb; /* CSS 3 */ background-color: #FFF; } #regions-nav ul ul ul { top: 0; left: 100%; /* Position the sub menus to right. */ } #regions-nav ul ul li { float: none; /* umm.. Appear below the previous one. mmkay? */ border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #79736f; margin-right: 20px; margin-left: 20px; } #regions-nav ul ul li a { background-image: none; padding-right: 11px; } #regions-nav ul ul li#menu-item-297, #regions-nav ul ul li#menu-item-300, #regions-nav ul ul li#menu-item-302 { float: none; border-bottom-style: none; } /* Drop Down! */ /* Hide all the dropdowns (submenus) */ #regions-nav ul ul, #regions-nav ul li:hover ul ul, #regions-nav ul ul li:hover ul ul { display: none; } /* Display the submenus only when li are hovered */ #regions-nav ul li:hover ul, #regions-nav ul ul li:hover ul, #regions-nav ul ul li ul li:hover ul { display: block; z-index: 500; position: absolute; } #regions-nav ul li * a:hover { color: #79736f; } /* ========================== Second Level ===========================*/ .header-nav li li a { border-bottom: none 0; } .header-nav ul ul { margin: 0; position: absolute; top: 35px; left: 0; z-index: 99; width: 120px; background: #FFF; background: rgba( 255, 255, 255, 0.87 ); padding: 12px 20px; display: none; -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); -moz-border-radius: 10px; border-radius: 10px; } .header-nav ul ul li a { font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-transform: none; display: block; font-weight: bold; padding: 8px 0; } .header-nav ul ul li { display: block; clear: both; margin: 0; line-height: 12px; position: relative; width: 100%; background: url(images/dotted-border.png) bottom repeat-x; } .header-nav ul ul li:last-child { background: none; } /* ========================== Third Level ===========================*/ .header-nav ul ul ul { position: relative; background: none; top: 0; left: 0; padding: 0; margin-left: 10px; margin-top: -3px; width: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .header-nav ul ul ul li a { font-weight: normal; font-size: 11px; padding: 4px 0; } /* ========================== Social Networks ===========================*/ #social-links { float: left; margin: 0px; padding-top: 3px; padding-right: 0; padding-bottom: 0; padding-left: 0; width: 220px; } #social-links ul li { float: left; margin: 0px; padding-top: 0; padding-right: 0px; padding-bottom: 0; padding-left: 0px; } #social-links li { list-style-position: inside; list-style-type: none; margin: 0px; padding: 0; } #social-links ul { list-style-position: inside; list-style-type: none; margin: 0px; padding: 0; } #social-links ul li { height: 31px; overflow: hidden; display: inline; margin-right: 5px; } #social-links ul li a.twitter:hover { background-image: url(images/twitter.png); background-position: 0 -31px; background-repeat: no-repeat; display: inline-block; height: 31px; overflow: hidden; } #social-links ul li a.facebook:hover { background-image: url("images/facebook.png"); background-position: 0 -31px; background-repeat: no-repeat; display: inline-block; height: 31px; overflow: hidden; } #social-links ul li a.google:hover { background-image: url("images/google+.png"); background-position: 0 -31px; background-repeat: no-repeat; display: inline-block; height: 31px; overflow: hidden; } #social-links ul li a.youtube:hover { background-image: url("images/youtube.png"); background-position: 0 -30px; background-repeat: no-repeat; display: inline-block; height: 31px; overflow: hidden; } #social-links ul li a.rss:hover { background-image: url("images/rss.png"); background-position: 0 -31px; background-repeat: no-repeat; display: inline-block; height: 31px; overflow: hidden; } #website-link { float: left; margin-left: 5px; } #social-networks { float: right; clear: right; margin: 20px 10px 0 0; background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(243,243,243)), color-stop(1, rgb(247,247,247)) ); background: -moz-linear-gradient( center bottom, rgb(243,243,243) 0%, rgb(247,247,247) 100% ); -webkit-box-shadow: 0 1px 0 #dddddd; -moz-box-shadow: 0 1px 0 #dddddd; box-shadow: 0 1px 0 #dddddd; } #social-networks a { margin: 5px; display: inline-block; line-height: 0.75; } #social-networks a:first-child { margin-left: 10px; } #social-networks a:last-child { margin-right: 10px; } /* ======================================================================= Layout ======================================================================= */ #page, #page.post { width: 800px; float: left; } .wrap { width: 1004px; min-width: 1004px; margin: auto; padding-right: 10px; padding-left: 10px; } .wraper { width: 1004px; margin: auto; padding-right: 10px; padding-left: 10px; } body.page-template-template-timeline-php .wrap, body.page-template-template-timeline-php .isotope, .month-header { width: 1004px; !important; margin-right: auto !important; margin-left: auto !important; } body.blog .wrap, #filtering-nav, body.blog .navigation, .isotope { min-width: 1004px; } #searchwrap { float: left; } #header div.wraper div#searchwrap div#supplementary.one div#first.widget-area li#search-3.widget h1 { display: none; float: left; height: 0px; width: 0px; visibility: hidden; } #searchwrap div#supplementary.one div#first.widget-area li { list-style-position: inside; list-style-type: none; margin: 0px; padding: 0px; clear: left; float: left; } #note1-en { width: 170px; float: left; background-image: url(images/note1-en.png); background-repeat: no-repeat; background-position: left top; height: 51px; margin-bottom: 20px; } #note1-de { width: 170px; float: left; background-image: url(images/note1-g.png); background-repeat: no-repeat; background-position: left top; height: 51px; margin-bottom: 20px; } #note1-fr { width: 170px; float: left; background-image: url(images/note1-fr.png); background-repeat: no-repeat; background-position: left top; height: 51px; margin-bottom: 20px; } /* ======================================================================= Isotope Grid ======================================================================= */ .sort, #sort { margin: auto; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .box { margin: 10px 10px 0; padding-bottom: 10px; float: left; position: relative; } .content { padding-bottom: 10px; position: relative; } .box:after, .content:after, .box:before, .content:before { content: ""; position: absolute; z-index: -2; bottom: 30px; left: 10px; width: 50%; height: 20px; max-width: 300px; -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .box:after, .content:after { right: 10px; left: auto; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } .timeline .box:after, .timeline .box:before { display: none; } .box img, .box object { z-index: 0; } .box-content { background: #FFF; padding: 5px; overflow: hidden; } .box .post-content { padding: 10px 10px 0; } .col1 .box-content { width: 145px; } .col2 .box-content { width: 320px; } .col3 .box-content { width: 495px; } .col4 .box-content, .content .box-content { width: 800px; } .invis { display: none; } .more-link { display: block; margin-top: 5px; } img.loop-ad { margin-bottom: 3px; } .vid-container { margin-bottom: 5px; } .vid-container p { margin: 0; } .img-container a img.feat-img { } .img-container { height: 180px; width: 320px; position: relative; background: #000; margin-bottom: 5px; line-height: 0; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; } .box .img-container { text-align: center; } .img-container:hover .actions { display: block; opacity: 1; } .img-container:hover a img.feat-img { opacity: 0.65; } .actions { position: absolute; display: none; top: 20%; left: 50%; margin-left: -133px; z-index: 10; text-align: center; font-size: 11px; text-transform: uppercase; opacity: 0; } .col1 .actions { margin-left: -30px; top: 20px; left: 50%; } .actions > a { display: block; margin-right: 10px; width: 80px; height: 18px; padding-top: 92px; text-align: center; display: inline-block; color: #d3d3cc; font-style: italic; text-decoration: none; font-size: 11px; } .actions > a:hover { color: #FFFFFF; } a.view { background-image: url(images/enlarge.png); background-repeat: no-repeat; background-position: center center; } a.play { background-image: url(images/play.png); } a.share { background-image: url(images/share.png); cursor: pointer; position: relative; background-repeat: no-repeat; background-position: center center; } a.comment { background-image: url(images/comment.png); margin-right: 0; position: relative; background-repeat: no-repeat; background-position: center center; } a.comment span { position: absolute; left: 0; top: 53px; color: #222; font-size: 12px; font-weight: bold; text-align: center; display: block; width: 100%; } a.closed { opacity: 0.6; } .col1 a.comment span { display: none; } .col1 a.view, .col1 a.share, .col1 a.comment, .col1 a.play { background-image: none; height: 14px; width: 60px; line-height: 1; padding: 3px; display: block; clear: both; margin-bottom: 3px; } .comments-hidden { margin-left: -88px; } .share-container { background: url(images/share-triangle.png) top center no-repeat; padding-top: 7px; position: absolute; left: 50%; margin-left: -47px; width: 95px; z-index: 999; } .comments-hidden .share-container { margin-left: -6px; } .col1 .share-container { margin-left: -54px; } .share-icons { overflow: hidden; background: #FFF; background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(224,224,224)), color-stop(1, rgb(255,255,255)) ); background: -moz-linear-gradient( center bottom, rgb(224,224,224) 0%, rgb(255,255,255) 100% ); padding: 0 5px; text-align: center; } #sidebar .share-icons { background: none; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; text-align: left; } .share-icons a { height: 16px; width: 16px; display: inline-block; margin: 5px; } .post-footer { border-top: #ddd 1px solid; margin-top: 8px; overflow: hidden; padding: 8px 5px 4px; } .no-content .post-footer { border-top: none 0; } .category-ic { background: url(images/categories.png) left no-repeat; padding-left: 25px; } .shortlink { display: none; float: right; background: url(images/link-ic.png) center center no-repeat; width: 18px; height: 8px; margin-top: 3px; text-indent: -9999; visibility: hidden; } .category-ic a { margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #3d3631; font-size: 12px; } /* ======================================================================= Filter Navigation and Basic Form Styles ======================================================================= */ #filtering-nav { padding-left: 10px; margin: auto; } #filtering-nav ul { padding: 0 0 5px; margin: 0; overflow: hidden; } #filtering-nav li { display: inline; float: left; clear: right; list-style: none; margin-right: 5px; margin-left: 0; } #filtering-nav li a, input[type="submit"], input.submit, .navigation a { display: inline-block; padding: 5px 10px; text-decoration: none; background: rgb(43,43,43); background: -moz-linear-gradient(top, #7b7b7b 0%, #2b2b2b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7b7b7b), color-stop(100%, #2b2b2b)); background: -webkit-linear-gradient(top, #7b7b7b 0%, #2b2b2b 100%); background: -ms-linear-gradient(top, #7b7b7b 0%, #2b2b2b 100%); background: linear-gradient(top, #7b7b7b 0%, #2b2b2b 100%); color: #FFF; cursor: pointer; } #filtering-nav li a:hover, input[type="submit"]:hover, input.submit:hover, .navigation a:hover { background: #111; background: -moz-linear-gradient(top, #444444 0%, #0a0a0a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #0a0a0a)); background: -webkit-linear-gradient(top, #444444 0%, #0a0a0a 100%); background: -ms-linear-gradient(top, #444444 0%, #0a0a0a 100%); background: linear-gradient(top, #444444 0%, #0a0a0a 100%); } a.filter-btn span { display: block; background: url(images/filter-ic.png) no-repeat; background-position: 90% 50%; padding: 4px 16px 4px 8px; } a.filter-btn { background: #FFF; background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(233,233,233)), color-stop(1, rgb(255,255,255)) ); background: -moz-linear-gradient( center bottom, rgb(233,233,233) 0%, rgb(255,255,255) 100% ); text-decoration: none; font-size: 11px; text-transform: uppercase; color: #666; font-family: Verdana, Geneva, sans-serif; display: inline-block; margin-bottom: 10px; } a.filter-btn:hover { -webkit-box-shadow: 0 0 13px rgba(0,0,0,0.40); -moz-box-shadow: 0 0 13px rgba(0,0,0,0.40); box-shadow: 0 0 13px rgba(0,0,0,0.40); } /* ======================================================================= Single Post Page ======================================================================= */ .entry { text-align: left; padding: 30px; font-size: 16px; } #page.post div.content-inside div.box-inside div.entry div.post-media p a { color: #df7872; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #79736f; padding-bottom: 2px; } #page.post div.content-inside div.box-inside div.entry div.post-media p a:hover { color: #79736f; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #79736f; padding-bottom: 2px; } .post-media { } #page .post-media p { margin-bottom: 15px; margin-top: 5px; } .post-details { font-size: 11px; } .postmetadata { font-size: 11px; padding: 6px 10px; clear: both; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #cecece; border-bottom-color: #cecece; } .postmetadata, .postmetadata a { color: #392e27; font-style: italic; } .postmetadata strong { margin-left: 20px; color: #79736f; font-style: normal; font-weight: normal; } .postmetadata strong:first-child { margin-left: 0; } .minimal-content .entry { padding: 15px 0 0; } .minimal-content .category { font-size: 11px; } .post-leftbar { float: left; width: 137px; } .post-leftbar .post-date-time { float: left; width: 96px; background-image: url(images/post-date.png); background-repeat: no-repeat; height: 95px; background-position: center center; margin-top: 23px; margin-left: 20px; } .post-leftbar div.post-date-time .post-date-day { color: #f8f8f8; font-size: 28px; clear: both; float: left; text-align: center; width: 100%; padding: 0px; margin-top: 20px; margin-bottom: 0px; line-height: 20px; } .post-leftbar div.post-date-time .post-date-month { color: #f8f8f8; font-size: 11px; clear: both; float: left; text-align: center; width: 100%; line-height: 18px; } .post-leftbar div.post-date-time .post-date-year { color: #f8f8f8; font-size: 11px; clear: both; float: left; text-align: center; width: 100%; line-height: 8px; } .box-inside div.entry { float: left; width: 635px; padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 25px; border-left: 1px solid #CECECE; } .post-category { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #433c37; text-align: center; clear: both; float: left; width: 95%; margin-top: 20px; margin-bottom: 20px; } #post-socialdig p { margin-bottom: 6px; } #page.post div.content-inside div.box-inside div#disqus_thread div#dsq-content.clearfix { padding-top: 20px; width: 626px; } /* ======================================================================= Comments ======================================================================= */ #comments { margin: 0 30px; } .minimal-post #comments { margin-top: 30px; } #comments .navigation { margin: 20px 0; } .author-avatar { line-height: 0.75; float: left; margin: 0 10px 0 0; width: 35px; height: 35px; } ol.commentlist { margin: 0 0 30px; } ol.commentlist li { list-style: none; padding: 15px; margin: 0 0 15px 0; color: #6d747a; background: #f5f5f5; border: 1px solid #ccc; } ol.commentlist li.thread-alt { background: none; } ol.commentlist li h3#reply-title { margin-top: 15px; } .no-comments #reply-title { display: none; } .comment-meta { margin-bottom: 20px; } .author-name { font-size: 12px; font-weight: bold; display: block; color: #4b5054 } .author-name a { color: #4b5054; } .comment-date, .reply a { color: #93979a; font-size: 11px; } .reply a { background: url(images/reply-ic.png) left no-repeat; padding: 3px 0 3px 20px; display: inline-block; } ol.commentlist .children { margin-top: 30px; } input, textarea { background: #fff; background: rgba(255,255,255,0.75); font-family: Arial, Helvetica, sans-serif; color: #777; padding: 5px 10px; margin-top: 2px; } input[type=text], input[type=password], textarea { display: block; border: 1px solid #cecece; height: 13px; width: 140px; border-radius: 0px 0px 0px 0px; } input[type=text], input[type=password] { width: 100px; margin-bottom: 10px; margin-left: 25px; } input[type="password"] { width: 200px; } input[type="submit"], input.submit { width: auto; border: 0 none; background-image: url(images/search.png); background-repeat: no-repeat; background-position: left top; border-radius: 0px 0px 0px 0px; height: 25px; } input[type="submit"]:hover, input.submit:hover { width: auto; border: 0 none; background-image: url(images/search.png); background-repeat: no-repeat; background-position: left top; border-radius: 0px 0px 0px 0px; opacity: 0.75; } textarea { width: 485px; padding: 10px; } ol.commentlist li textarea { width: 90%; } .form-allowed-tags { display: none; } label { font-size: 13px; font-weight: bold; display: inline-block; margin-bottom: 5px; } .dsq-postid { display: none; } /* ======================================================================= Gallery ======================================================================= */ .box-content.solo-gallery { padding: 0 10px 10px 10px; } .gallery-thumbs { overflow: hidden; } .gallery-thumb { margin: 5px 10px 5px 0; display: block; float: left; width: 216px; position: relative; } .gallery-link-list { display: none; } .slider-container { position: relative; margin-bottom: 5px; overflow: hidden; } .slides_container { overflow: hidden; position: relative; text-align: center; width: 100%; } .slides_container a { display: block; text-align: center; } .slider { position: absolute; z-index: 100; } /* Different slider dimensions based on box size */ .col1 .slider-container, .col1 .slides_container, .col1 .slides_container a { width: 145px; height: 96px; } .col2 .slider-container, .col2 .slides_container, .col2 .slides_container a { width: 320px; height: 212px; } .col3 .slider-container, .col3 .slides_container, .col3 .slides_container a { width: 495px; height: 330px; } .col4 .slider-container, .col4 .slides_container, .col4 .slides_container a { width: 670px; height: 446px; } .slider .next, .slider .prev { position: absolute; bottom: 15px; display: block; width: 28px; height: 28px; z-index: 10; opacity: 0.75; } .slider .next:hover, .slider .prev:hover { opacity: 1; } .slider .prev { left: 50%; margin-left: -33px; } .slider .next { right: 50%; margin-right: -33px; } .col1 .slider .next, .col1 .slider .prev { display: none; } .enlarge-ic { background: url(images/enlarge-mini-ic.png) no-repeat; width: 28px; height: 28px; position: absolute; bottom: 15px; right: 15px; text-indent: -9999px; display: block; z-index: 10; opacity: 0; } .gallery-thumb:hover .enlarge-ic { opacity: 1; } /* ======================================================================= Sidebar ======================================================================= */ html.csstransforms body.single div.wrap div#page.post div.content-inside { float: left; width: 802px; } #sidebar, .blog-sidebar { float: left; width: 167px; margin-left: 35px; margin-top: 32px; } .box-content #sidebar { float: none; margin: 0; width: auto; } .blog-sidebar div.title { font-size: 11px; color: #423b35; border-top: 1px solid #CECECE; margin-top: 18px; padding-top: 30px; padding-bottom: 15px; } .blog-sidebar ul#popularPosts { margin: 0; list-style-type: none; } .blog-sidebar ul#popularPosts li { margin: 0; padding-left: 0px; border-bottom: 1px solid #CECECE; padding-top: 10px; padding-bottom: 10px; float: left; } .blog-sidebar ul#popularPosts li .image { float: left; width: 50px; margin-right: 10px; } .blog-sidebar ul#popularPosts li .text { float: left; width: 100px; font-size: 14px; color: #423b35; } #sidebar li { background: url(images/dotted-border.png) bottom repeat-x; padding: 6px; margin: 0; list-style: none; } #sidebar li:last-child { background: none; } #sidebar ul, .textwidget { margin: 0 15px; list-style-type: none; } #sidebar ul ul { margin-left: 0; padding-left: 15px; background: url(images/dotted-border.png) top repeat-x; } #sidebar .widget ul:last-child { margin-bottom: 0; } body.blog #sidebar input[type="text"], body.blog #sidebar input[type="email"], body.blog #sidebar textarea { width: 95%; } body.blog #sidebar #s { margin-left: 12px; width: 210px; } /* ================================================================ Widgets ================================================================ */ /* ============================= Related Posts and Cat. Posts ============================== */ #sidebar .rel-post-widget ul, #sidebar ul.cat-posts { margin: 0 10px; } #sidebar .rel-post-widget li, #sidebar ul.cat-posts li, .recent-posts li { padding: 10px 0; } .post-thumb { width: 75px; padding: 2px; float: left; background: #FFF; margin: 0 10px 5px 0; line-height: 0.8; } .post-thumb img { max-width: 75px; } .no-excerpt { padding-top: 25px; } .post-info p, #archives-page .box .post-info p { font-size: 11px; margin-bottom: 0; } .widget ul h3, .widget .cat-post-item h3, .recent-posts h3 { font-size: 14px; margin: 0 0 5px; padding: 0; border: 0 none; } .widget ul h3 a, .widget .cat-post-item h3 a, .recent-posts h3 a { color: #4b5054; } /* ============================= Twitter ============================== */ #twitter_update_list li { overflow: hidden; } /* * jTweetsAnywhere V1.0.1 * http://thomasbillenstein.com/jTweetsAnywhere/ * * Copyright 2010, Thomas Billenstein * Licensed under the MIT license. * http://thomasbillenstein.com/jTweetsAnywhere/license.txt */ #sidebar li.jta-tweet-list-item { overflow: hidden; padding: 6px 6px 6px 0; } .jta-tweet-profile-image { width: 48px; display: inline; float: left; padding: 3px; background: #FFF; } .jta-tweet-timestamp { display: block; font-size: 11px; margin-top: 3px; } .jta-login-info-profile-image { width: 48px; display: inline; float: left; } .jta-login-info-block, .jta-tweet-body-list-profile-image-present { margin-left: 62px; } .jta-error { color: #f00; } .jta-clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* ============================= Ads ============================== */ .sidebar-ad { margin-right: 10px; margin-bottom: 7px; } .last-ad, .last { margin-right: 0; } /* ============================= Flickr ============================== */ .flickr_photos { overflow: hidden; margin-bottom: 15px; } .flickr_badge_image { display: inline; float: left; clear: right; margin: 0 0 10px 15px; background: #FFF; padding: 4px; } .rss-date { color: #747c82; font-size: 11px; margin-bottom: 1.25em; display: block; } /* ============================= Other Widgets ============================== */ #wp-calendar { width: 100%; } #wp-calendar caption { font-weight: bold; color: #222; text-align: left; font-size: 14px; padding-bottom: 4px; } #wp-calendar thead { font-size: 11px; } #wp-calendar thead th { } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { padding: 3px 0 2px; background: #f5f5f5; border: 1px solid #fff; text-align: center; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; } .entry div.post-media div#post-socialdigfooter { margin-top: 5px; margin-bottom: 10px; } /* ======================================================================= Pages ======================================================================= */ .page-entry { } .page-entry h1.page-title, #page.post h1.post-title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 28px; font-style: italic; color: #433c37; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cecece; padding-bottom: 20px; font-weight: normal; margin-bottom: 0px; } .page-entry table tbody tr td { margin: 0px; padding: 0px; } .page-entry table tbody tr td#spacer { padding-left: 10px; } .page-entry table tbody tr td#spacer h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; font-style: italic; color: #433c37; font-weight: normal; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #socialdig { margin-top: -30px; margin-bottom: 10px; } #disqus_thread { width: 568px; } html.csstransforms body.page div.wrap div#page div.page-entry div#disqus_thread { width: 568px; margin-right: auto; margin-left: auto; } .dsq-reply { background-color: #f1f1f1; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } #dsq-content.clearfix div#dsq-reply.dsq-reply h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #433c37; text-transform: uppercase; letter-spacing: 2px; position: absolute; top: -35px; } html.csstransforms body.page div.wrap div#page div.page-entry div#disqus_thread div#dsq-content.clearfix h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #433c37; margin-top: 10px; } .dsq-textarea-reply { margin-left: 36px; } #dsq-account-dropdown, #dsq-sort-by { display: none; visibility: hidden; } .dsq-avatar { padding-left: 20px; } /* ======================================================================= Archives Page ======================================================================= */ .recent-posts { list-style: none; margin: 0; padding: 0; } .recent-posts li { background: url(images/dotted-border.png) bottom repeat-x; padding: 8px 0; } .recent-posts li:last-child { background: none; padding-bottom: 0; } /* ======================================================================= Footer ======================================================================= */ #footerback { background-image: url(images/footer-back.png); background-repeat: repeat-x; background-position: left top; height: 28px; margin-top: 40px; } #footercolor { background-color: #e0635c; } #footercolor2 { background-color: #f56e67; } #supplementary.one, .widget { float: left; } #footerimage { background-image: url(images/footer-katharina.png); background-repeat: no-repeat; background-position: left top; height: 343px; float: left; width: 262px; } #footeraboutwrap { float: left; width: 235px; margin-left: 35px; margin-top: 30px; } #footerquote { background-image: url(images/footer-quote.png); background-repeat: no-repeat; background-position: left top; height: 30px; float: left; width: 260px; margin-bottom: 12px; } #footerabout { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #ffddd3; } #footerabout a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #ffddd3; text-decoration: underline; margin-left: 5px; } #footerabout a:hover { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #ffddd3; text-decoration: none; } #footerabout1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #3c312a; margin-top: 10px; } #footerabout2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #ffddd3; margin-top: 2px; } #footer2widget { float: left; width: 180px; margin-left: 35px; margin-top: 30px; } #footer2widget h3.widget-title { border: 0 none; color: #FFFFFF; font-size: 10px; margin-bottom: 15px; padding: 0px; text-shadow: none; background: none; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 2px; } #footer2widget ul { list-style-type: none; margin: 0px; padding: 0px; } #footer2widget ul li { margin: 0px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #a64944; width: 167px; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; } #footerlinks div#social-links ul li { margin: 0px; border-bottom-width: 0px; border-bottom-style: dotted; border-bottom-color: #a64944; width: 31px; padding: 0px; } #footer2widget .textwidget { margin: 0px; padding: 0px; } #footerlinksimgen { background-image: url(images/note2-en.png); background-repeat: no-repeat; background-position: left top; height: 90px; float: left; width: 192px; margin-bottom: 22px; padding-top: 0px; } #footerlinksimgfr { background-image: url(images/note2-fr.png); background-repeat: no-repeat; background-position: left top; height: 90px; float: left; width: 192px; margin-bottom: 22px; padding-top: 0px; } #footerlinksimgde { background-image: url(images/note2-g.png); background-repeat: no-repeat; background-position: left top; height: 90px; float: left; width: 192px; margin-bottom: 22px; margin-top: 10px; padding-top: 0px; } #footercolor .wrap .textwidget { margin: 0px; padding: 0px; } #ns_widget_mailchimp-3.widget, #ns_widget_mailchimp-4.widget, #ns_widget_mailchimp-5.widget, .signupwrapper { background-color: #d5514a; height: 277px; width: 212px; float: left; margin-top: 66px; padding-left: 30px; padding-right: 10px; } #ns_widget_mailchimp-3.widget h3.widget-title, #ns_widget_mailchimp-4.widget h3.widget-title, #ns_widget_mailchimp-5.widget h3.widget-title { background: none repeat scroll 0 0 transparent; border: 0 none; color: #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; letter-spacing: 2px; margin-bottom: 145px; padding: 0; text-shadow: none; margin-top: 25px; } .footerabout2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #ffddd3; margin-top: 2px;} a.button {background-color: #ffddd3; padding: 10px; margin-top: 10px; display: inline-block; border-radius: 5px; text-transform: uppercase; letter-spacing: 2px; font-size: 11px;} a.button:hover {text-decoration: none; background-color: #e0635c;} #footercolor div.wrap { position: relative; } #footernewslabel { position: absolute; top: 120px; padding-right: 10px; width: 212px; } #footernewslabel div#footerabout1, #ns_widget_mailchimp-3.widget form#ns_widget_mailchimp_form-3 div.error, #footernewslabel div#footerabout1, #ns_widget_mailchimp-4.widget form#ns_widget_mailchimp_form-4 div.error, #footernewslabel div#footerabout1, #ns_widget_mailchimp-5.widget form#ns_widget_mailchimp_form-5 div.error { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #3c312a; margin-top: 10px; } #footernewslabel h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; color: #ffddd3; font-weight: normal; } #ns_widget_mailchimp-3.widget form#ns_widget_mailchimp_form-3 input#ns_widget_mailchimp-email-3, #ns_widget_mailchimp-4.widget form#ns_widget_mailchimp_form-4 input#ns_widget_mailchimp-email-4, #ns_widget_mailchimp-5.widget form#ns_widget_mailchimp_form-5 input#ns_widget_mailchimp-email-5 { border-radius: 0 0 0 0; height: 12px; width: 115px; background-color: #FFF; border-top-width: 2px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFF; border-right-color: #FFF; border-bottom-color: #FFF; border-left-color: #FFF; margin-left: 0px; float: left; } #ns_widget_mailchimp-3.widget form#ns_widget_mailchimp_form-3 input.button, #ns_widget_mailchimp-4.widget form#ns_widget_mailchimp_form-4 input.button, #ns_widget_mailchimp-5.widget form#ns_widget_mailchimp_form-5 input.button { background-image: url("images/newsletter.png"); background-position: left top; background-repeat: no-repeat; border: 0 none; border-radius: 0 0 0 0; height: 25px; width: auto; float: left; } #ns_widget_mailchimp-3.widget form#ns_widget_mailchimp_form-3 label, #ns_widget_mailchimp-4.widget form#ns_widget_mailchimp_form-4 label, #ns_widget_mailchimp-5.widget form#ns_widget_mailchimp_form-5 label { display: none; float: left; height: 0px; width: 0px; visibility: hidden; } #mc_embed_signup form#mc-embedded-subscribe-form.validate div.mc-field-group ul { margin-top: 20px; margin-left: 0px; padding-left: 0px; list-style-type: none; } #mc_embed_signup form#mc-embedded-subscribe-form.validate div.mc-field-group ul li { margin-left: 0px; padding-left: 0px; } #mc_embed_signup form#mc-embedded-subscribe-form.validate div.mc-field-group ul li label { font-size: 12px; color: #3c312a; font-weight: normal; } #katharina { font-size: 11px; color: #3c312a; float: left; width: 210px; padding-top: 10px; padding-bottom: 10px; } #infinvision { font-size: 11px; color: #3c312a; float: right; width: 160px; padding-top: 10px; padding-bottom: 10px; } #infinvision a { text-decoration: none; border-bottom: 1px dotted #A64944; } #infinvision a:hover { text-decoration: none; border-bottom-style: none; } /* ============================= RELATED PROPERTY´S ============================== */ .blog-sidebar ul#relatedPosts { padding: 0px; list-style-type: none; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; } ul#relatedPosts li { box-shadow: 1px 1px 3px #eae9e8; margin-bottom: 12px; margin-left: 0px; width: 161px; } ul#relatedPosts li .related-image { float: left; width: 161px; height: 90px; overflow: hidden; } ul#relatedPosts li div.related-image a img { float: left; width: 161px; height: auto; } ul#relatedPosts li div.related-title { padding-top: 3px; padding-bottom: 3px; padding-left: 10px; display: inline-block; } ul#relatedPosts li div.related-title a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #423b35; text-decoration: none; text-align: center; padding-top: 3px; padding-bottom: 3px; } ul#relatedPosts li div.related-title a:hover { color: #4B5054; text-decoration: none; } /* ======================================================================= WordPress Specific ======================================================================= */ .alignleft, .post img.alignleft { display: inline; float: left; margin-right: 20px; margin-top: 4px; } .alignright, .post img.alignright { display: inline; float: right; clear: right; margin-left: 20px; margin-top: 4px; } #footer .alignright { margin-top: 0; } .aligncenter, .post img.aligncenter { text-align: center; clear: both; display: block; margin-left: auto; margin-right: auto; } .post img.alignleft, .post img.alignright, .post img.aligncenter { margin-bottom: 20px; } .post .wp-caption { line-height: 1.5; font-size: 11px; text-align: center; margin-bottom: 20px; padding: 5px; background: #f0f0f0 url(images/white-noise.png) repeat; -webkit-box-shadow: -1px -1px 0 rgba(0,0,0,0.12); -moz-box-shadow: -1px -1px 0 rgba(0,0,0,0.12); box-shadow: -1px -1px 0 rgba(0,0,0,0.12); } .post .wp-caption img { margin: 5px; } #page .wp-caption p, #full-page { margin-bottom: 0; } #single .post .wp-caption p.wp-caption-text { margin: 5px; font-size: 11px; } .post .wp-smiley { margin: 0; } .post .gallery { margin: auto; } .post .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .post .gallery img { border: 2px solid #cfcfcf; } .post .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .post .gallery dl { margin: 0; } .post .gallery img { border: 2px solid #f1f1f1; } .post .gallery br+br { display: none; } .page-link { color: #000; font-weight: bold; margin: 0 0 22px 0; word-spacing: 0.5em; } .page-link a:link, .page-link a:visited { background: #f1f1f1; color: #333; font-weight: normal; padding: 0.5em 0.75em; text-decoration: none; } .page-link a:active, .page-link a:hover { color: #D27E1C; } #post-image { text-align: center; } #post-image img { margin-bottom: 28px; -moz-border-radius: 7px; border-radius: 7px; } .navigation { padding-left: 10px; margin: auto; } .navigation a { padding: 5px 10px; } #nav-above { margin-bottom: 15px; } #nav-below { margin-top: 20px; } .nav-previous { text-align: center; } .nav-next { float: right; clear: right; margin-right: 20px; } #comments .nav-next { margin-right: 0; } #s { /* This keeps the search inputs in line */ float: left; clear: left; } #searchsubmit { float: left; clear: right; } #searchform { margin-bottom: 15px; overflow: hidden; } /* Infinite Scroll Compatibility */ #infscr-loading { position: fixed; bottom: 30px; left: 42%; z-index: 100; background: white; background: hsla( 0, 0%, 100%, 0.9 ); padding: 20px; color: #222; font-size: 15px; font-weight: bold; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* ======================================================================= Common Styles ======================================================================= */ .box, .menu li a, #header h1 a, a.filter-btn, input, .slider .next, .slider .prev { -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; } #logo, .flickr_badge_image, .jta-tweet-profile-image, .enlarge-ic, .feat-img, .actions { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } a.view, a.share, a.comment, .share-icons, ol.commentlist li { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } a.filter-btn, #filtering-nav li a, .share-icons, .navigation a { -webkit-box-shadow: 0 1px 0 #FFF; -moz-box-shadow: 0 1px 0 #FFF; box-shadow: 0 1px 0 #FFF; } .flickr_badge_image, .jta-tweet-profile-image, .box-content, .post-thumb { -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.15); box-shadow: 0px 0px 3px rgba(0,0,0,0.15); } .box:hover .box-content, .flickr_badge_image:hover, .jta-tweet-profile-image:hover { -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px rgba(0,0,0,0.4); } a.filter-btn, a.comment span { color: #d3d3cc; } #mc_embed_signup form#mc-embedded-subscribe-form.validate div.mc-field-group-input-group { display: none; height: 0px; width: 0px; visibility: hidden; } #mc_embed_signup form#mc-embedded-subscribe-form.validate div.mc-field-group { margin-top: 10px; } .blog-sidebar div.navigationposts { width: 175px; margin-right: auto; margin-left: auto; clear: both; height: 21px; padding-left: 0px; margin-top: -20px; } .navigationposts { width: 175px; margin-right: auto; margin-left: auto; padding-left: 80px; } .navprev { float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #433c37; text-decoration: none; margin-top: 12px; margin-right: 15px; letter-spacing: normal; } .navnext { float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #433c37; text-decoration: none; margin-top: 12px; margin-left: 15px; } .navnext a:hover, .navprev a:hover { text-decoration: none; } .navnext a:hover .navnextvicon, .navprev a:hover .navprevicon { text-decoration: none; background-position: 0px -11px; } .navborder { height: 40px; width: 3px; border-right-width: 1px; border-right-style: solid; border-right-color: #c9c9c9; float: left; } .navprevicon { float: left; background-image: url(images/nav-prev.png); background-repeat: no-repeat; background-position: 0px 0px; height: 10px; overflow: hidden; width: 21px; margin-top: 3px; } .navnextvicon { float: right; background-image: url(images/nav-next.png); background-repeat: no-repeat; background-position: 0px 0px; height: 10px; overflow: hidden; width: 21px; margin-top: 3px; margin-left: 5px; } .navnextvicon:hover, .navprevicon:hover { background-position: 0px -11px; } /* ======================================================================= RESPONSIVE - BY ORQADESIGN.COM ======================================================================= */ #menu-icon { display: none !important; z-index: 200; margin-top: 10px; width: 40px; height: 40px; background-color: #e0635c; border-radius: 5px; padding-left: 3px; padding-right: 3px; margin-left: 30px; cursor:pointer; } #menu-icon img { width: 100%; height: auto; } #page .post-media p.rm0 {display: block!important;} #page .post-media p.readmore-rm0 {display: none!important;} @media screen and (max-width: 1080px) { .isotope .isotope-item { float: none !important; position: inherit !important; left: auto !important; top: auto !important; width: auto !important; display: inline-block; text-align: left; vertical-align: top; } body { min-width: inherit; } topbar { width: 100%; background-size: 100% 100%; } #filtering-nav, body.blog .navigation, .isotope { min-width: 100%; width: 100%; padding: 0px } body.blog .wrap, #filtering-nav, body.blog .navigation, .isotope { width: auto; min-width: inherit; } body { overflow: hidden; } .wraper { width: auto; } .isotope { width: 100%!important; margin: auto; text-align: center; } #footerback { background-size: 100% 100%; } .menu-main ul, .menu-main li { text-align: center; float: none; } #social-links { padding-top: 6px; width: auto; } #website-link { float: right; margin-right: 15px; } #searchwrap { float: right; } #logo { margin-right: 0px; height: auto;} div#menu-about { width: auto; } #regions-nav { margin: 0px; } #searchwrap div#supplementary.one div#first.widget-area li { width: 190px; } .wrap { width: auto; min-width: inherit; } #social-links .textwidget { margin-right: 0px; } } @media screen and (max-width: 1024px) { .post-leftbar { float: none; width: 100%; } iframe { float: left; } .post-category { text-align: left; clear: none; float: left; width: 60%; margin-top: 40px; margin-bottom: 20px; margin-left: 20px; } #post-socialdig { width: 60%; display: block; float: left; margin-left: 20px; } .wrap.postwrap { width: 800px; } #page, #page.post { width: auto; } #post-socialdig p { margin-bottom: 20px; float: left; } #___plusone_0 { width: 70px!Important; } iframe#twitter-widget-0 { margin-right: 10px; } .box-inside div.entry { width: auto; padding-top: 20px; padding-right: 25px; padding-bottom: 20px; padding-left: 25px; border-left: 1px solid #CECECE; border-right: 1px solid #CECECE; } .gallery-to-slideshow .slides img { width: 100%; } #grid div.post-content div.gallery-to-slideshow-wrapper, .content-inside div.box-inside div.entry div.post-media img.feat-img, #grid div.post-content p img.alignnone { max-width: 100%; widows: 100%; } .gallery-to-slideshow .flex-caption { width: 100%!important; background-size: 754px 50px!important; margin-left: -5px!important; } .flex-direction-nav li .next { margin-left: 675px!important; } html.csstransforms body.single div.wrap div#page.post div.content-inside { width: 800px; } .blog-sidebar { float: left; width: 100%; margin-left: 0px; margin-top: -20px; } .blog-sidebar ul#relatedPosts, .blog-sidebar ul#popularPosts { margin-left: 0px; padding-left: 25px; border-left: 1px solid #CECECE; border-right: 1px solid #CECECE; border-bottom: 1px solid #CECECE; } ul#relatedPosts li, .blog-sidebar ul#popularPosts li { display: inline-block; margin-right: 30px; margin-bottom: 20px; } .blog-sidebar div.title { border-left: 1px solid #CECECE; padding-left: 25px; border-right: 1px solid #CECECE; } .blog-sidebar ul#popularPosts { float: left; } .blog-sidebar ul#popularPosts li { height: 60px; margin-bottom: 30px; } .page-entry h1.page-title, #page.post h1.post-title { padding-left: 5px; } .single-post #header, .page #header { margin-bottom: 40px; border-bottom: 3px solid #efefef; padding-bottom: 10px; } #disqus_thread { width: 100%!important; } #topbar { position: fixed; width: 100%; z-index: 100; } #header {margin-top:50px;} #supplementary { width: 100%; } #footer2widget { width: 100%; } #footer2widget ul li { width: 100%; float: left; } #footerlinks { width: 100%; float: left; } #text-6 { padding-right: 30px; float: right; margin-bottom: 20px; margin-top: -20px; } #katharina { margin-left: 30px; } #text-4, #footeraboutwrap { width: auto; } #ns_widget_mailchimp-3.widget, #ns_widget_mailchimp-4.widget, #ns_widget_mailchimp-5.widget, .signupwrapper { width: 100%; box-sizing: border-box; } #text-2 { float: right; margin-top: -343px; } #footerquote { width: 60px; } #footeraboutwrap { margin-right: 35px; } #nav_menu-2 { width: 55%; } } @media screen and (max-width: 950px) { #menu-icon { display: inline-block!important; } #menu-categories, #menu-categories-german, #menu-categories-fr { display: none; } ul#menu-categories.active { display: block; } ul#menu-categories-german.active { display: block; } ul#menu-categories-fr.active { display: block; } ul#menu-categories.menu li.menu-item, ul#menu-categories-german.menu li.menu-item, ul#menu-categories-fr.menu li.menu-item {margin-left:0px;} #nav ul#menu-categories li, #nav ul#menu-categories-german li, #nav ul#menu-categories-fr li { margin-right: -10px; list-style-type: none; display: inherit; float: none; margin-right: 0px; padding-left: 0px; } ul#menu-categories, ul#menu-categories-german, ul#menu-categories-fr { z-index: 201; background: none repeat scroll 0 0 #e7e5e5; border: 0px; display: none; float: none; padding: 10px; position: absolute; right: 0; text-align: left; width: 100%; margin-top: 10px; text-align: center; margin-right: -10px; } #nav ul#menu-categories li, #nav ul#menu-categories-german li, #nav ul#menu-categories-fr li { padding-top: 10px; } } @media screen and (max-width: 900px) { ul#menu-about, ul#menu-uber, ul#menu-a-propos { margin-left: 0px; } img#logo { margin-bottom: 0; width: 100%; height: auto; } #logo .textwidget { width: 410px; margin-top: 15px; } #regions-nav { margin-left: -70px; } } @media screen and (max-width: 830px) { .wrap.postwrap { width: 600px; } .gallery-to-slideshow .flex-caption { width: 100% !important; background-size: 556px 50px !important; margin-left: -5px !important; padding: 0px; } .flex-direction-nav li .next { margin-left: 475px !important; } ul#relatedPosts li { margin-right: 24px; } .box-inside div.entry { width: 548px; } html.csstransforms body.single div.wrap div#page.post div.content-inside { width: auto; } table td { width: 100%; display: block; } .page-entry table img { height: auto; width: 100%; } img.wp-image-115 { width: inherit!important; } .page-entry table tbody tr td#spacer { padding-left: 0px; } #header { margin-top: 100px; } #regions-nav {margin-top: 20px;} #topbar { height: 100px; background-size: 850px; } #language { width: 100%; } div#menu-about ul li a { font-size: 8.2px; } div#menu-about { margin-top: -10px; } #social-links { margin-top: -40px; margin-left: 20px; } #website-link { margin-top: -42px; } #logo { margin-right: 0px; margin-top: -10px; padding-bottom: 20px; width: 100%; } #regions-nav { margin: 0px; padding: 0px; } #regions-nav ul li { margin-left: 5px; } #searchwrap { margin-top: -130px; } #regions-nav ul { margin: 0px; } #menu-icon { margin-top: 20px; margin-left: 25px; } #page .post-media p.rm0 {display: none!important;} #page .post-media p.readmore-rm0 {display: block!important; cursor: pointer;} } @media screen and (max-width: 820px) { #text-6 #social-links { margin-top: 0px; } #footerlinksimgfr, #footerlinksimgde { margin-bottom: 60px; } } @media screen and (max-width: 640px) { #logo .textwidget { width: 310px; margin-top: 10px; } #searchwrap {margin-top: -110px;} } @media screen and (max-width: 620px) { .wrap.postwrap { width: 450px; } .box-inside div.entry { width: 398px; } .gallery-to-slideshow .flex-caption { width: 100% !important; background-size: 405px 50px !important; } .flex-direction-nav li .prev { margin-left: -20px; } .flex-direction-nav li .next { margin-left: 345px !important; } .gallery-to-slideshow .flex-caption { width: 345px !important; padding-right: 40px; padding-left: 40px; } .gallery-to-slideshow .flex-caption span { margin-top: -5px; display: block; } l#relatedPosts li, .blog-sidebar ul#popularPosts li, ul#relatedPosts li { margin-right: 49px; } .post-leftbar .post-date-time { margin-left: 0px; } .post-category, #post-socialdig { width: 70%; } .gallery-to-slideshow .flex-caption { padding-right: 40px!important; padding-left: 40px!important; } #social-links { margin-left: 0px; } #regions-nav {margin-top: 0px;} } @media screen and (max-width: 570px) { #regions-nav { margin-top: -30px; } #regions-nav ul { padding: 0px; } #menu-icon { margin-top: -10px; margin-left: 15px; } #logo .textwidget { width: 270px; } } @media screen and (max-width: 500px) { #text-2 { float: none; margin-top: 0px; } #footernewslabel { width: auto; } form#ns_widget_mailchimp_form-3, form#ns_widget_mailchimp_form-4, form#ns_widget_mailchimp_form-5 { margin-top: -30px; } #ns_widget_mailchimp-3.widget, #ns_widget_mailchimp-4.widget, #ns_widget_mailchimp-5.widget, .signupwrapper { background-color: #d5514a; height: 210px; } #footer2widget { width: auto; margin-right: 35px; } #text-6 { padding: 0px; margin: 0px; width: 100%; } #nav_menu-2 { width: 100%; } #logo .textwidget { width: auto; margin: 0px; margin-top: 10px; float: left; } #website-link, #note1-en, #note1-de, #note1-fr { display: none; } #searchwrap { margin-top: 0px; width: 100%; float: left; padding: 0px; margin: 0px; } input[type="text"] { width: 100px; margin-bottom: 10px; margin-left: 15px; } #regions-nav { margin-top: 0px; margin-bottom: 20px; } #menu-icon { float: right; margin-top: -64px; } #regions-nav ul li { margin-left: 0px; } #regions-nav ul a { padding-left: 0px; } input[type="text"] { margin-left: 0px; } .wraper { padding-right: 20px; padding-left: 20px; } } @media screen and (max-width: 480px) { #katharina { width: 140px; } #katharina { margin-left: 10px; } #infinvision { float: right; width: auto; margin-right: 10px; } #footer2widget, #footeraboutwrap { margin-right: 10px; margin-left: 10px; } #ns_widget_mailchimp-3.widget, #ns_widget_mailchimp-4.widget, #ns_widget_mailchimp-5.widget, #footernewslabel, .signupwrapper { padding-left: 10px; } .wrap.postwrap { width: 300px; } .box-inside div.entry { width: 248px; } .post-category, #post-socialdig { width: 60%; } #post-socialdig p { margin-bottom: 5px; float: left; } .post-category { margin-top: 20px; } .gallery-to-slideshow .flex-caption { width: 170px !important; background-size: 255px 70px!Important; height: 60px!important; bottom: -72px!important; } .flex-direction-nav li .next { margin-left: 190px !important; } ul#relatedPosts li, .blog-sidebar ul#popularPosts li, ul#relatedPosts li { margin-right: 0px; width: 250px; float: none; height: auto; } .page-entry { width: 450px; } .page-entry { width: 300px; } .col2 .box-content { width: 320px; margin: 0px; padding: 0px; } .box { margin: 0px; } .sort, #sort { margin: auto; width: 320px; } #grid { width: 100%; text-align: center; } ul#relatedPosts li .related-image { height: auto;width: 100%;} ul#relatedPosts li div.related-image a img {width: 100%; height: auto;} } @media screen and (max-width: 350px) { .col2 .box-content { width: 280px; } .img-container { height: 180px; width: 100%; } .sort, #sort { margin: auto; width: 280px; } } @media screen and (max-width: 319px) { body, html { width: 320px; } }