<b:if cond='data:blog.pageType == "index"'> <data:blog.pageTitle/> <b:else/> <b:if cond='data:blog.pageType != "error_page"'> <data:blog.pageName/> | <data:blog.title/> <b:else/> Page Not Found | <data:blog.title/> </b:if> </b:if> div.titlewrapper { float: left; } #header .description{color:#333;font-size:20px;font-family:monospace;text-align:center;text-transform:capitalize;margin:2em auto 0;padding:0} #header img { border: 0 none; background: none; width: auto; height: auto; margin: 0 auto 0px; max-width: 210px; position: relative; top: -5px; } /***** Header Right CSS *****/ .header-right { float: right; } .header-right .widget-content { margin-top: 40px; } /*------------ Page Header ---------*/ #site-navigation li{list-style:none;padding-bottom:0} #site-navigation li a{color:#fff} #site-navigation.default { position: relative; left: 40px; float: left; } #site-navigation.default > div > ul > li { float: left; border-right: 1px solid #161616; position: relative; } #site-navigation.default ul li > a:hover { color: #fff; position: relative; z-index: 2; } #site-navigation.default ul{position:relative;margin:0;padding:0} #site-navigation.default ul:after{content:"";clear:both;display:block} #menu-main > li:nth-child(1) > a { background: #09c; } #menu-main > li:nth-child(2) > a { background: #e76b33; } #menu-main > li:nth-child(3) > a { background: #7dc34d; } #menu-main > li:nth-child(4) > a { background: #ffd62c; } #site-navigation.default > div > ul > li > a { padding: 21px 10px; font-size: 14px; color: white; margin: 0; text-decoration: none; font-weight: bold; font-family: 'Droid Sans',helvetica,arial,sans-serif; text-transform: uppercase; } #site-navigation.default ul li ul { display: none; position: absolute; top: 95%; left: 0; width: 200px; background: #FFF; box-shadow: 0px 0px 5px 0px #333; font-size: 13px; margin-top: -1px; z-index: 100; } #site-navigation.default ul li ul li{position:relative;padding:0;border-top: 1px solid #222} #site-navigation.default ul li ul li a { padding: 15px 10px; background: #3b3b3b; font-size: 13px; font-family: droid sans,sans-serif; } #site-navigation.default ul li ul li.current-menu-item > a,#site-navigation.default ul li ul li.current_page_item > a,#site-navigation.default ul li ul li.current_page_parent > a{color:#fff} #site-navigation.default ul li ul li ul { position: absolute; top: 0; left: 100%; z-index: 100; padding: 0; box-shadow: 0px 0px 14px 0px #222; } #site-navigation.default ul li.right ul li ul{left:-185px} #site-navigation.mobile{display:none;clear:both;background:#f1f1f1;border-top:1px solid #e1e1e1} #site-navigation.mobile ul li,#site-navigation.mobile ul li ul.sub-menu li{border-top:1px solid #e5e5e5} #site-navigation.mobile ul li a{display:block;font-size:15px;font-weight:500;color:#999;padding:10px 20px} #site-navigation.mobile ul li a:hover,#site-navigation.mobile ul li.current_page_item > a{color:#414141;background:#e5e5e5} #site-navigation.mobile ul li ul li a{padding-left:35px} #site-navigation.mobile ul li ul li ul li a{padding-left:50px} #site-navigation.default ul li a,#site-navigation.default ul li:hover > ul{display:block} #site-navigation.default ul li ul > li:first-child > a,#site-navigation.mobile li:first-child{border-top:none} #site-navigation.default > div > ul > li > a:hover { background: #7dc34d; } /*----- ad between posts ----*/ .inline-ad { background: rgba(0,0,0,.2); margin: 0 0 30px; border:1px solid #888; min-height: 75px; text-align: center; padding: 15px 0 0; } img.thumb{width:100%} .post{width:auto;margin:3% 0 0;padding:0 5px} h2.entry-title{position:relative;line-height:normal;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:700;margin:0 15px;padding:0} .post-title{line-height:1.5em;text-decoration:none;text-align:left;position:relative;margin:0 0 5px;padding:0 0 5px} .post-title a{color:$(post.title.text.color)} .post-title a:hover{color:$(post.title.text.hover.color)} .post-body.entry-content{border-bottom:0;font-size:16px;font-weight:400;line-height:1.6em;word-wrap:break-word;position:relative;margin:0 15px;padding:15px 0} .entry-video{ -webkit-transition:.3s ease-in; transition:.3s ease-in; -moz-transition:.3s ease-in; -o-transition: .3s ease-in; } .entry-video:hover { padding-bottom: 55px; -webkit-transition: padding-bottom .5s; transition: padding-bottom .5s; -moz-transition: padding-bottom .5s; -o-transition: padding-bottom .5s; } .entry-image img { -webkit-transition: .15s ease-in; -0-transition: .15s ease-in; -moz-transition: .15s ease-in; transition: .15s ease-in; -webkit-transform: scale(1); -0-transform: scale(1); -mox-transform: scale(1); transform: scale(1); } .entry-image img:hover { -webkit-transition: .3s ease-out; -0-transition: .3s ease-out; -moz-transition: .3s ease-out; transition: .3s ease-out; -webkit-transform: scale(1.3); -0-transform: scale(1.3); -mox-transform: scale(1.3); transform: scale(1.3); } .entry-image { overflow: hidden; } .post-body .separator img { max-width: 97%; margin: 0; width: auto; } .article-container { width: auto; max-width: 100%; padding: 0; margin: -60px 20px 0 20px; position: relative; background: white; } .inner-content { margin: 0 20px; padding: 10px 0 0; } .article-category { font-size: 10px; font-family: helvetica; text-transform: uppercase; } .article-category a { font-size: 90%; } .article-category span { padding: 0 0px 0 4px; } .item-infos{float: left; width: 100%; padding: 0 0 9px;} h1.article-title { padding: 5px 0 0; font-size: 30px!important; line-height: 1.2em!important; } h1.article-title,h2.article-title { margin: 0!important; padding: 5px 0 0; line-height:1.5em; font-size:24px; font-family:droid sans,sans-serif } .post-date { padding: 5px 7px 10px; margin: 0 5px 0 0; background-color: #FF5722; color: #FFF; width: 40px; height: 40px; float: left; text-align: center; margin-right: 15px; margin-top: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; } .post-day { font-size: 20px; font-weight: bold; position: relative; top: -2px; } .body-post{font-size:14px; line-height:1.5em; padding:10px 0; } /*---- post footer --*/ .share-story-container { float: left; width: 100%; margin: 0 0 30px; } .share-story-container > ul > li { list-style: none; display: inline-block; margin:0 0 0 30px; } .share-story-container > ul { padding: 0; margin: 0; list-style: none; text-align: center; } .share-story-container > ul > li > a { text-decoration: none; font-size: 24px; background: grey; padding: 7px 10px; border-radius: 50%; color: white; } .share-story li:nth-child(3) > a {background: #dd4b39;} .share-story li:nth-child(2) > a {background: #3B5998;padding: 8px 15px;} .share-story li:nth-child(1) > a {background: #00acee;} .share-story li:nth-child(4) > a {background: #0e76a8;} .share-story li:nth-child(5) > a {background: #C92228;} .author-profile p.description { font-size: 13px; line-height: 1.6em; } .author-profile img { border: 1px solid #efefef; float: left; margin-right: 5px; -webkit-border-radius: 50%; border-radius: 50%; } div.post.hentry > div.post-footer > div.post-footer-line.post-footer-line-2 > div > div:nth-child(4) { display: none; } #blog-pager-older-link{display:inline;float:right;text-align:right;font-weight:700;padding:0 1%} #blog-pager-newer-link{display:inline;float:left;text-align:left;font-weight:700;padding:0 1%} #blog-pager{clear:both;font-size:16px;line-height:normal;margin:0;padding:2em 1em} .showpageNum a,.showpage a{margin:0;color:white;} .showpagePoint{margin:0 2px 0 0} .home-link, .showpageOf, span.showpage { display: none; } .showpageNum:hover { background: #FF5722; -webkit-transition: .35s ease; -o-transition: .35s ease; -moz-transition: .35s ease; transition: .35s ease; } .showpageNum { margin: 0 2px 0 0; background: #333; color: white; padding: 10px 15px; border-radius: 5px; } .showpagePoint { margin: 0 2px 0 0; background:#FF5722; color: white; padding: 10px 15px; border-radius: 5px; } blockquote{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKvt6SphyphenhyphenIZZr2SR2lXVmNqPpztwiuqw_xk9GHy7_3Dw2qez3HSJt0S86kg_oVHfUIvKuq62R6U-gKJ6DUOXJlrPIv_FNnlqDQizEo-SRzSbI9OXDtBga0-kW_jV5CMIKPuzuXuMPadHMq/s1600/quote.png) no-repeat 5.4% center;color:#888;font-style:italic;margin:10px 0 20px -3%;padding:1.5em 38px 10px 114px} .status-msg-wrap{display:none} /*---- search Form -----*/ #searchform2 { width: 275px; height: auto; float: right; margin-top: 10px; } #searchform2 #s { width: 225px; height: 25px; float: left; border: 0; outline:0; padding: 5px 0 5px 15px; font-size: 13px; background-color: #282828; color: #FFF; } #searchform2 > input.buttonicon { width: 35px; height: 35px; float: right; background: url(http://anthemes.net/themes/mogoze/wp-content/themes/mogoze-wp-1.4/images/btn_search.png); border: 0; font-size: 0; } /*--- Popular Posts ---*/ #PopularPosts1 > h2 { display: none; } .PopularPosts .widget-content ul li { padding:0;} .PopularPosts .item-snippet{display:none} .item-title { font-family: georgia; font-size: 16px; } .PopularPosts img { padding-right: 5px!important; } /* labels */ #Label1 li span { float: right; background: rgb(255, 195, 87); padding: 0px 5px; border-radius: 5px; color: #777; } #Label1 li { color: #444; font-family: arial; font-size: 15px; margin-bottom:20px; } #Label1 li a:hover { color: #09c; } #Label1 li a { text-decoration: none; } /* recent posts */ ul.slides > li { margin: 0 0 38px!important; padding: 0; background: white; padding: 0 0 10px; border-left: 1px solid #e3e3e3; border-right: 1px solid #bebebd; border-bottom: 1px solid #bebebd; } ul.slides > li img { height: 170px; max-width: 100%; width: 100%; } ul.slides > li div.entry-title { margin: 0 15px 0px; font-size: 20px; font-family: gerogia; } div.entry-title .overlap { padding: 20px 15px 10px; position: relative; top: -30px; background: white; } /* Main-wrapper & aside css */ h2.sidebar.title1 { background: #7dc34d!important; color: white; } h2.a1-title, h2.sidebar.title1 { padding: 5px 25px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; margin: 0 0 25px; background: white; font-size: 16px; font-weight: bold; } h2.sidebar-title2 { padding: 5px 25px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background: white; font-size: 16px; font-weight: bold; } .sider-wrapper{ float:right; width:55%; } #sider { padding: 0; margin: 20px 0 0; width: auto; max-width: 100%; } #sider ul{margin:0;padding:0;} #sider li{margin:0;list-style:none} #sider .widget-content { padding: 0 25px; } #sider h2 { padding: 5px 25px; border-top: 1px solid #e3e3e3; border: 1px solid #e3e3e3; background: white; font-size: 16px; font-weight: bold; margin: 0 0 20px; } .sidebar-wrapper { float: left; width: 44.7%; background: #FFF; margin: 0; padding: 0; border-right: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; } #sidebar { padding: 0; margin: 0; width: auto; max-width: 100%; } .sidebar ul{margin:0;padding:0} .sidebar li{list-style:none;margin:0 0 10px;padding:0} .sidebar .widget h2 { font-size: 16px; line-height: 1.5em; margin: 0 0 10px; padding: 8px 25px; background: #09c; color: white; font-weight: bold; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .sidebar .widget{ margin:0 0 30px; padding:0} .sidebar .widget-content { padding: 0 15px; } #footer { width: 100%; color: #fff; font-size:80%; background: #3b3b3b; border-bottom: 5px solid #282828; } .footer{float:left;width:25%} .footer h2{color:#ddd;font-size:19px;font-weight:400;margin-bottom:12px;text-transform:none;position:relative;} .footer .widget a { color: #ddd; text-decoration: underline; } .footer .widget{clear:both;font-size:13px;line-height:1.7em;margin:15px 25px 25px} .footer ul{list-style:none;margin:0;padding:0} .footer li{text-transform:capitalize;margin:0 0 0 15px;padding:0 0 5px} .footer-credits { font-size: 12px; color:#fff; overflow: hidden; padding: 8px 20px; background: #3b3b3b; border-bottom: 5px solid #282828; } .footer-credits a { color: #D6D6D6; } .footer h2:before { content: ""; background: white; width: 10px; height: 10px; position: absolute; top: 80%; left: 80%; border-radius: 50%; } .footer h2:after { content: ""; height: 1px; width: 90%; position: absolute; background: white; bottom: 0; left: 0; } /***************************************** Responsive styles ******************************************/ @media screen and (max-width:1360px){ .sider-wrapper {width: 54.9%;} .sidebar-wrapper{width:44.7%} .aside{width:50%} .main-wrapper{width:50%} } @media screen and (max-width:1200px){ .main-wrapper{width:70%} .aside{width:30%} .sidebar-wrapper{width:100%} .sider-wrapper { float: none; width:100%; clear: both; position: relative; top: 30px; background: white; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; } #sider h2{background:#2b2b2b;border:0;color: rgb(255, 255, 255);} h2.sidebar-title2{border-left:1px solid #eaeaea;background:#ffd62c} #site-navigation.default{left:0} .outer-wrapper{padding-top:185px} } @media screen and (max-width: 1024px) { #header, .header-right { float: none; text-align: center; width: 100%; } .header-right .widget-content { margin: 0; } .header-wrapper:after{display:none;} } @media screen and (max-width: 960px) { .ct-wrapper{padding:0} #site-navigation.default{display:none;} #searchform2{top:35px;position:relative;float:none;margin:0 auto;} #header-inner{float:none} .header-inner-wrap {float:none;margin: 0 auto;padding: 0;text-align: center;} .post{max-width:100%!important} .aside {display:none} .main-wrapper{margin-right: 0; width: 100%; float: none;} } @media screen and (max-width: 768px){ #header p.description { margin: 0; } #comment-editor { margin:10px; } .footer { width: 100%; clear: both; } } @media screen and (max-width: 620px){ #header img { width:100%; } .post-title{font-size:1.2rem!important} .rdmre{display:none} .sidebar-wrapper { float:none; clear: both; width: auto; padding: 10px; margin:0; } .sidebar .widget { clear:both; float:none; width:100%; } .post-body{margin-top:4.5em} #content{margin:0} } @media screen and (max-width: 420px){ #header h1{font-size:3rem!important} .comments .comments-content .datetime{ display:block; float:none; } .comments .comments-content .comment-header { height:70px; } .thumb{ clear:both; float:none; } .post-labels { display:none } } @media screen and (max-width: 320px){ .footer { width: 100%; } .ct-wrapper{ padding:0; } .post-body img{ max-width: 100%; } .comments .comments-content .comment-replies { margin-left: 0; } } /***************************************** Hiding Header Date and Feed Links ******************************************/ h2.date-header,span.blog-admin{display:none!important;} #back-to-top span { width: 50px; height: 50px; display: block; background: #FF5722 url(http://anthemes.net/themes/mogoze/wp-content/themes/mogoze-wp-1.4/images/top.png); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-to-top { position: fixed; bottom: 10px; right: 10px; z-index: 9999; } ]]> background img