Entrevistes

*/ /* Global ----------------------------------------------- */ body { margin: 0; padding: 0; position: relative; background-color: $(body.background.color); font: $(body.font); color: $(body.text.color); } .container { margin-left: auto; margin-right: auto; max-width: 1170px; padding-left: 15px; padding-right: 15px; background-color: $(content.background.color); } .clearfix:after { clear: both; } .clearfix:after, .clearfix:before { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0px; line-height: 0; width: 0px; height: 0px; } a { text-decoration: none; color: $(link.color); } a:visited { color: $(link.visited.color); } a:hover { color: $(link.hover.color); } ul { list-style-type: none; } img { max-width: 100%; } .left { float: left; margin-right: 15px; margin-bottom: 5px; } .right { float: right; margin-left: 15px; margin-bottom: 5px; } .center { text-align: center; margin-bottom: 5px; } #logo, #navigation, #search, #social { display: inline-block; margin-right: 2%; } body#layout .main-posts { width: 66.5%; float: left; } body#layout .sidebar { width: 32%; float: right; } body#layout .footer-section { width: 30%; float: left; } /* HEADER ----------------------------------------------- */ header { position: relative; margin: 0; padding: 30px 0; border-bottom: 3px solid $(header.border.color); } /* LOGO ----------------------------------------------- */ #logo { width: 188px; } .header h1.title { margin: 0; font: $(header.font); color: $(header.text.color); } .header .titlewrapper, .header .descriptionwrapper { display: inline-block; font: $(description.font); color: $(description.text.color); } /* NAVIGATION ----------------------------------------------- */ #navigation { width: 466px; } nav ul { margin: 0; padding: 0; } nav ul li { display: inline-block; } nav ul li a { font: $(navigation.font); color: $(navigation.text.color); padding: 44px 0; border-bottom: 3px solid transparent; margin: 0px 10px; } .active a, nav ul li:hover a { color: $(navigation.text.hover.color); border-bottom: 3px solid $(navigation.text.hover.color); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } nav ul li:hover > ul { display: block; } nav li ul { display: none; position: absolute; top: 107px; text-align: left; background-color: #fff; border: 1px solid #eee; border-top: 3px solid $(navigation.text.hover.color); z-index: 99; min-width: 165px; max-width: 195px; } nav li ul li { display: block; } nav li ul li a { color: $(navigation.text.color) !important; margin: 0 20px; display: block; padding: 10px 0; border-bottom: 1px solid #eee !important; } nav li ul li a:hover { color: $(navigation.text.hover.color) !important; border-bottom-width: 1px !important; } nav li ul li:last-child a, nav .sub li:last-child a:hover { border-bottom-width: 0 !important; } .marrow { color: $(navigation.text.color); margin-left: 5px; } nav ul li:hover .marrow { color: $(navigation.text.hover.color); } .m-button { display: none; text-align: right; width: 93px; font-size: 30px; position: relative; height: 20px; } .m-button i { position: absolute; right: 0px; cursor: pointer; color: $(navigation.text.color); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .m-button i:hover { color: $(navigation.text.hover.color); } @media only screen and (max-width: 1000px) { #navigation { display: block; position: absolute; width: 100%; text-align: center; margin-bottom: 0px; margin-right: 0px; margin-top: 33px; background-color: #FFF; border: 1px solid #EEE; border-top-width: 0; box-sizing: border-box; z-index: 99; } nav ul li, nav ul li ul { display: block; } nav ul li { margin: 0px 20px; } nav ul li a { padding: 10px 0px; border-bottom: 1px solid #eee; display: block; } nav ul li:last-child a, nav ul li:hover:last-child a { border-bottom-width: 0; } .active a, nav ul li:hover a { border-bottom-width: 1px; } nav li ul { position: relative; top: -1px; text-align: center; min-width: 100%; max-width: 100%; border-width: 0; background-color: #eee; } } /* SEARCH ----------------------------------------------- */ #search { margin-right: 0; width: 271px; } #search .s-input { background-color: #fff; height: 30px; width: 208px; border: 2px solid $(header.border.color); padding: 0 10px; } .s-submit { height: 33px; width: 35px; color: $(icons.hover.color); background-color: #FFF; border: 2px solid $(header.border.color); cursor: pointer; padding: 0px 10px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; content: "\f002"; } .s-submit:hover { color: $(icons.color); background-color: $(icons.background.color); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } /* SOCIAL ----------------------------------------------- */ #social { margin-right: 0; width: 186px; } #social a { color: $(icons.color); background-color: #FFF; border: 2px solid $(header.border.color); height: 21px; display: inline-block; padding: 4px; width: 22px; text-align: center; } #social a:hover { background-color: $(icons.background.color); color: $(icons.hover.color); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } /* MAIN CONTENT ----------------------------------------------- */ .summary-outer img { vertical-align: top; } .ads, .main-posts, aside { margin-top: 30px; } .date-outer { float: left; margin-right: 30px; margin-bottom: 30px; } .date-outer:nth-child(3n+3) { margin-right: 0; } .main-posts { width: 795px; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .post { margin-bottom: 0; } .post-body { border-bottom-width: 0; margin-bottom: 0; padding-bottom: 0; } .summary-outer a { position: relative; display: block; } .overlay { background-color: rgba(0, 0, 0, 0.8); position: absolute; top: 0; width: 245px; height: 245px; text-align: center; line-height: 270px; opacity: 0; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .summary-outer a:hover .overlay { opacity: 1; } .overlay i { line-height: inherit; color: $(main.color); } .loader { display: none !important; width: 100%; left: 0; position: fixed; z-index: 90; text-align: center; bottom: 100px; } .trigger { display: none !important; width: 100%; margin-bottom: 30px; } .trigger a { text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #E1E1E1; background-color: #E1E1E1; display: block; width: 100%; padding: 8px 0px; color: #9D9D9D; font-size: 20px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .trigger a:hover { color: $(main.color); border-color: #E1E1E1; background-color: #FFF; } .popular-posts ul { padding: 0; } [data-title]:before { color: $(main.color); border-bottom: 3px solid $(main.color); } [data-title]:after { border-top: 5px solid $(main.color); } .post, .post-pager, #comments { border-top: 3px solid $(main.color) !important; } h3.post-title span { border-bottom: 3px solid $(main.color); } .status-msg-wrap { border-left: 4px solid $(main.color) !important; } .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover { background-color: $(main.color); } .FollowByEmail .follow-by-email-inner .follow-by-email-submit { color: $(main.color); } .list-label-widget-content li span { color: $(main.color); } .list-label-widget-content li span:first-child { border: 1px solid $(main.color); } .list-label-widget-content li a:hover, #footer-nav .list-label-widget-content li a:hover { background-color: $(main.color); } .label-size a:hover, .label-size:hover .label-count, .label-size:hover a { background-color: $(main.color); } .cloud-label-widget-content .label-size span:first-child, .cloud-label-widget-content .label-size span:first-child span:nth-child(2) { background-color: $(main.color); } blockquote:after, #toTop:hover { color: $(main.color); } blockquote { border-left: 3px solid $(main.color) !important; } .error-description .error-line2 a:hover { background-color: $(main.color); border: 2px solid $(main.color); } .error-title { font: $(error.title.font); color: $(error.title.color); } .error-description { font: $(error.description.font); color: $(error.description.color); } /* SIDEBAR ----------------------------------------------- */ aside { color: $(sidebar.text.color); width: 345px; float: right; margin-left: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } aside .section .widget { padding: 20px 20px; margin-bottom: 20px; background-color: #FFF; border: 1px solid #eee; } aside .section .widget:first-child { border-top: 3px solid $(main.color); } aside .section .widget h2:first-child { margin: -5px 0px 22px; padding-bottom: 10px; border-bottom: 1px solid #EEE; font: $(sidebar.gadget.title.font); color: $(sidebar.gadget.title.color) } aside .section .widget h2:first-child span { border-bottom: 3px solid $(main.color); padding-bottom: 9px; } /* FOOTER ----------------------------------------------- */ footer { padding-top: 30px; border-top: 3px solid $(footer.border.color); color: $(footer.text.color); } footer:before { content: "" !important; height: 35px !important; width: 60px !important; visibility: visible !important; position: absolute; left: 47.77%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: -43px 0px 0px; overflow: hidden !important; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnkzqztTJQDHfq76Y_OKxt1gaMKxOTYGt6NAlUdzDXSgSI58b4rmOCnpqf6-sYq4M5nOJMMl0UiMpCfiV09ILTY_pOfZWjVXi7FJoaSHhz3J2ff_wICTGtGPA2V-R8nKhZasOoEKaIkowu/s0/border.png') no-repeat scroll 0% 0% #F7F7F7; } footer .footer-section { width: 30%; margin-right: 5%; float: left; } footer .section .widget h2:first-child { font: $(footer.gadget.title.font); color: $(footer.gadget.title.color); } footer #section-4 { margin-right: 0; } footer .footer-rights { margin-top: 30px; border-top: 3px solid $(footer.border.color); padding: 30px 0; } ]]>

</div></div> <div class="date-outer">

<div class="date-posts">

</div></div>

 

404 - Page not found

The page you are looking for might have been removed,
had its name changed, or is temporarily unavailable

Go to Home to check it again, Search For It or Just Contact Us

()