-44 Removals
+149 Additions
<?xml version="1.0" encoding="UTF-8" ?> <?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head> <head>
<!-- COM URL --> <!-- COM URL -->
<script type='text/javascript'> <script type='text/javascript'>
var blog = document.location.hostname.split(&quot;.&quot;); var blog = document.location.hostname.split(&quot;.&quot;);
if (blog[blog.length - 1] != &quot;com&quot;) { if (blog[blog.length - 1] != &quot;com&quot;) {
var ncr = &quot;http://&quot; + blog[0] + &quot;.blogspot.com/ncr&quot;; var ncr = &quot;http://&quot; + blog[0] + &quot;.blogspot.com/ncr&quot;;
window.location.replace(ncr + document.location.pathname); window.location.replace(ncr + document.location.pathname);
} }
</script> </script>
<!-- search engine schema -->
<script type='application/ld+json'>
{
&quot;@context&quot;: &quot;http://schema.org&quot;,
&quot;@type&quot;: &quot;WebSite&quot;,
&quot;url&quot;: &quot;http://bloggingeasier.blogspot.com/&quot;,
&quot;potentialAction&quot;: {
&quot;@type&quot;: &quot;SearchAction&quot;,
&quot;target&quot;: &quot;http://bloggingeasier.blogspot.com/search?q={search_term_string}&quot;,
&quot;query-input&quot;: &quot;required name=search_term_string&quot;
}
}
</script>
<!-- search engine schema Organisation logo-->
<META CONTENT='Beginners To A Problogger Easily' NAME='description'/> <script type='application/ld+json'>
<META CONTENT='Blogger widgets , blogger templates , blogging help , search engine optimisation' NAME='keywords'/> {
<META CONTENT='index,follow' NAME='robot'/> &quot;@context&quot;: &quot;http://schema.org&quot;,
<META CONTENT='Copyright © 2013 Blog Title. All Rights Reserved.' NAME='copyright'/> &quot;@type&quot;: &quot;Organization&quot;,
&quot;url&quot;: &quot;http://bloggingeasier.blogspot.com/&quot;,
&quot;logo&quot;: &quot;http://4.bp.blogspot.com/-VIp6h8VzJwk/VRFjx7mRHnI/AAAAAAAACA0/nsvsER_wDUQ/s1600/3-24-2015%2B6-46-03%2BPM.png&quot;
}
</script>
<!-- Meta Tags -->
<meta content='Blogger web Portal for finding quality Widgets, Plugins, Templates and SEO Tips. Learn how to start a Blogger Blog from scratch!' name='description'/>
<meta content='Blogger widgets , blogger templates , blogging help , search engine optimisation, Blog Review, Adsense' name='keywords'/>
<meta content='Naman Kumar' name='Author'/>
<meta content='naman@outlook.in' name='Email'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit-after'/>
<meta content='India' name='geo.placename'/>
<META CONTENT='Copyright © 2013 Blog Title. All Rights Reserved. Blogging Easier' NAME='copyright'/>
<META CONTENT='Admin' NAME='Naman Kumar'/> <META CONTENT='Admin' NAME='Naman Kumar'/>
<meta charset='UTF-8'/> <meta charset='UTF-8'/>
<meta content='E235A8FF41792337D9CA2CBC8E0FEDAB' name='msvalidate.01'/>
<meta content='OMOvanJ-m0k2iRXKWdpslAqEpp0' name='alexaVerifyID'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<!--OpenGraph tags --> <!--OpenGraph tags -->
<b:if cond='data:blog.pageType == &quot;index&quot;'> <b:if cond='data:blog.pageType == &quot;index&quot;'>
<meta expr:content='data:blog.pageTitle' property='og:title'/> <meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='blog' property='og:type'/> <meta content='blog' property='og:type'/>
<b:else/> <b:else/>
<meta expr:content='data:blog.pageName' property='og:title'/> <meta expr:content='data:blog.pageName' property='og:title'/>
<meta content='article' property='og:type'/> <meta content='article' property='og:type'/>
</b:if> </b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/> <meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'> <b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/> <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/> <b:else/>
<meta content='http://4.bp.blogspot.com/-VIp6h8VzJwk/VRFjx7mRHnI/AAAAAAAACA0/nsvsER_wDUQ/s1600/3-24-2015%2B6-46-03%2BPM.png' property='og:image:src'/> <meta content='http://4.bp.blogspot.com/-VIp6h8VzJwk/VRFjx7mRHnI/AAAAAAAACA0/nsvsER_wDUQ/s1600/3-24-2015%2B6-46-03%2BPM.png' property='og:image:src'/>
</b:if> </b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'> <b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='og:description'/> <meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if> </b:if>
<link href='/' rel='canonical'/>
<link href='/' rel='canonical'/>
<meta content='IE=8, IE=9, IE=10' http-equiv='X-UA-Compatible'/> <meta content='IE=8, IE=9, IE=10' http-equiv='X-UA-Compatible'/>
<b:include data='blog' name='all-head-content'/> <b:include data='blog' name='all-head-content'/>
<title> <title>
<b:if cond='data:blog.pageType == &quot;index&quot;'> <b:if cond='data:blog.pageType == &quot;index&quot;'>
<data:blog.pageTitle/> <data:blog.pageTitle/>
<b:else/> <b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'> <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<data:blog.pageName/> | <data:blog.title/> <data:blog.pageName/> | <data:blog.title/>
<b:else/> <b:else/>
Page Not Found | <data:blog.title/> Page Not Found | <data:blog.title/>
</b:if> </b:if>
</b:if> </b:if>
</title> </title>
<!-- Corporate Contacts -->
<script type='application/ld+json'>
{ &quot;@context&quot; : &quot;http://schema.org&quot;,
&quot;@type&quot; : &quot;Organization&quot;,
&quot;url&quot; : &quot;http://bloggingeasier.blogspot.com&quot;,
&quot;contactPoint&quot; : [
{ &quot;@type&quot; : &quot;ContactPoint&quot;,
&quot;telephone&quot; : &quot;+91-8527705775&quot;,
&quot;contactType&quot; : &quot;customer service&quot;,
&quot;contactOption&quot; : [&quot;HearingImpairedSupported&quot;,&quot;TollFree&quot;],
&quot;areaServed&quot; : [&quot;US&quot;,&quot;CA&quot;,&quot;IN&quot;,&quot;MX&quot;,&quot;GB&quot; ]
} , {
&quot;@type&quot; : &quot;ContactPoint&quot;,
&quot;telephone&quot; : &quot;+91-8527705775&quot;,
&quot;contactType&quot; : &quot;billing support&quot;
} , {
&quot;@type&quot; : &quot;ContactPoint&quot;,
&quot;telephone&quot; : &quot;+91-8527705775&quot;,
&quot;contactType&quot; : &quot;sales&quot;,
&quot;contactOption&quot; : [&quot;HearingImpairedSupported&quot;,&quot;TollFree&quot;] ,
&quot;areaServed&quot; : [&quot;US&quot;,&quot;CA&quot;,&quot;IN&quot;,&quot;MX&quot;,&quot;GB&quot; ]
} , {
&quot;@type&quot; : &quot;ContactPoint&quot;,
&quot;telephone&quot; : &quot;+91-8527705775&quot;,
&quot;contactType&quot; : &quot;technical support&quot;,
&quot;contactOption&quot; : [&quot;HearingImpairedSupported&quot;,&quot;TollFree&quot;],
&quot;areaServed&quot; : [&quot;US&quot;,&quot;CA&quot;,&quot;IN&quot;,&quot;MX&quot;,&quot;GB&quot; ],
&quot;availableLanguage&quot; : [&quot;English&quot;,&quot;Hindi&quot;]
} , {
&quot;@type&quot; : &quot;ContactPoint&quot;,
&quot;telephone&quot; : &quot;+91-8527705775&quot;,
&quot;contactType&quot; : &quot;bill payment&quot;,
&quot;contactOption&quot; : [&quot;HearingImpairedSupported&quot;,&quot;TollFree&quot;],
&quot;areaServed&quot; : [&quot;US&quot;,&quot;CA&quot;,&quot;IN&quot;,&quot;MX&quot;,&quot;GB&quot; ]
} ] }
</script>
<!-- Social Profiles Schema -->
<script type='application/ld+json'>
{ &quot;@context&quot; : &quot;http://schema.org&quot;,
&quot;@type&quot; : &quot;Organization&quot;,
&quot;name&quot; : &quot;Blogging Easier&quot;,
&quot;url&quot; : &quot;http://bloggingeasier.blogspot.com&quot;,
&quot;sameAs&quot; : [ &quot;http://www.facebook.com/985namankumar&quot;,
&quot;http://www.twitter.com/Naman1413&quot;,
&quot;http://plus.google.com/NamanKumar1998&quot;]
}
</script>
<link href='http://bloggingeasier.blogspot.com/' hreflang='es-es' rel='alternate'/>
<link href='' media='all' rel='stylesheet' type='text/css'/> <link href='' media='all' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300|Lato:300,400,700' rel='stylesheet' type='text/css'/>
<meta content='OMOvanJ-m0k2iRXKWdpslAqEpp0' name='alexaVerifyID'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' id='Font_Awesome' rel='stylesheet'/> <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' id='Font_Awesome' rel='stylesheet'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'/> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'/>
<script src='https://googledrive.com/host/0BzhmjN6UOoj5ejQ0bDU2OE4tYms' type='text/javascript'/> <script src='https://googledrive.com/host/0BzhmjN6UOoj5ejQ0bDU2OE4tYms' type='text/javascript'/>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300|Lato:300,400,700' rel='stylesheet' type='text/css'/>
<script src='https://googledrive.com/host/0BzhmjN6UOoj5WmdiMlZkV1lxdjQ' type='text/javascript'/> <script src='https://googledrive.com/host/0BzhmjN6UOoj5WmdiMlZkV1lxdjQ' type='text/javascript'/>
<b:skin><![CDATA[/* <b:skin><![CDATA[/*
<!-- Contact script end --> <!-- Contact script end -->
////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////
// // // //
// Theme Name : Indigo // // Theme Name : Indigo //
// Author : Templateclue // // Author : Templateclue //
// Site :www.Templateclue.com // // Site :www.Templateclue.com //
// License : Creative Commons Attribution License // // License : Creative Commons Attribution License //
// Share and Use This With Proper Credit. // // Share and Use This With Proper Credit. //
// // // //
////////////////////////////////////////////////////// //////////////////////////////////////////////////////
*/ */
/***************************************** /*****************************************
reset.css reset.css
******************************************/ ******************************************/
*, *:before, *:after{ *, *:before, *:after{
-webkit-box-sizing:border-box; -webkit-box-sizing:border-box;
-moz-box-sizing:border-box; -moz-box-sizing:border-box;
-o-box-sizing:border-box; -o-box-sizing:border-box;
box-sizing:border-box; box-sizing:border-box;
} }
html{ html{
font-family:sans-serif; font-family:sans-serif;
-ms-text-size-adjust:100%; -ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%; -webkit-text-size-adjust:100%;
} }
body{ body{
margin:0; margin:0;
} }
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
display:block; display:block;
} }
audio,canvas,progress,video{ audio,canvas,progress,video{
display:inline-block; display:inline-block;
vertical-align:baseline; vertical-align:baseline;
} }
audio:not([controls]){ audio:not([controls]){
display:none; display:none;
height:0; height:0;
} }
[hidden],template{ [hidden],template{
display:none; display:none;
} }
a{ a{
background:0 0; background:0 0;
} }
a:active,a:hover{ a:active,a:hover{
outline:0; outline:0;
} }
abbr[title]{ abbr[title]{
border-bottom:1px dotted; border-bottom:1px dotted;
} }
b,strong{ b,strong{
font-weight:700; font-weight:700;
} }
dfn{ dfn{
font-style:italic; font-style:italic;
} }
h1{ h1{
font-size:2em; font-size:2em;
margin:.67em 0; margin:.67em 0;
} }
mark{ mark{
background:#ff0; background:#ff0;
color:#000; color:#000;
} }
small{ small{
font-size:80%; font-size:80%;
} }
sub,sup{ sub,sup{
font-size:75%; font-size:75%;
line-height:0; line-height:0;
position:relative; position:relative;
vertical-align:baseline; vertical-align:baseline;
} }
sup{ sup{
top:-.5em; top:-.5em;
} }
sub{ sub{
bottom:-.25em; bottom:-.25em;
} }
img{ img{
border:0; border:0;
} }
svg:not(:root){ svg:not(:root){
overflow:hidden; overflow:hidden;
} }
figure{ figure{
margin:1em 40px; margin:1em 40px;
} }
hr{ hr{
-moz-box-sizing:content-box; -moz-box-sizing:content-box;
box-sizing:content-box; box-sizing:content-box;
height:0; height:0;
} }
pre{ pre{
overflow:auto; overflow:auto;
} }
code,kbd,pre,samp{ code,kbd,pre,samp{
font-family:monospace,monospace; font-family:monospace,monospace;
font-size:1em; font-size:1em;
} }
button,input,optgroup,select,textarea{ button,input,optgroup,select,textarea{
color:inherit; color:inherit;
font:inherit; font:inherit;
margin:0; margin:0;
} }
button{ button{
overflow:visible; overflow:visible;
} }
button,select{ button,select{
text-transform:none; text-transform:none;
} }
button,html input[type=button],input[type=reset],input[type=submit]{ button,html input[type=button],input[type=reset],input[type=submit]{
-webkit-appearance:button; -webkit-appearance:button;
cursor:pointer; cursor:pointer;
} }
button[disabled],html input[disabled]{ button[disabled],html input[disabled]{
cursor:default; cursor:default;
} }
button::-moz-focus-inner,input::-moz-focus-inner{ button::-moz-focus-inner,input::-moz-focus-inner{
border:0; border:0;
padding:0; padding:0;
} }
input{ input{
line-height:normal; line-height:normal;
} }
input[type=checkbox],input[type=radio]{ input[type=checkbox],input[type=radio]{
box-sizing:border-box; box-sizing:border-box;
padding:0; padding:0;
} }
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{ input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
height:auto; height:auto;
} }
,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{ ,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
-webkit-appearance:none; -webkit-appearance:none;
} }
fieldset{ fieldset{
border:1px solid silver; border:1px solid silver;
margin:0 2px; margin:0 2px;
padding:.35em .625em .75em; padding:.35em .625em .75em;
} }
legend{ legend{
border:0; border:0;
padding:0; padding:0;
} }
textarea{ textarea{
overflow:auto; overflow:auto;
} }
optgroup{ optgroup{
font-weight:700; font-weight:700;
} }
table{ table{
border-collapse:collapse; border-collapse:collapse;
border-spacing:0; border-spacing:0;
} }
td,th{ td,th{
padding:0; padding:0;
} }
.post-body h1{ .post-body h1{
font-size:40px; font-size:40px;
margin:1em 0; margin:1em 0;
line-height:1.4; line-height:1.4;
font-family:"Oswald"; font-family:"Oswald";
} }
.post-body h2{ .post-body h2{
font-size:32px; font-size:32px;
margin:1em 0; margin:1em 0;
line-height:1.4; line-height:1.4;
font-family:"Oswald"; font-family:"Oswald";
} }
.post-body h3{ .post-body h3{
font-size:24px; font-size:24px;
margin:1em 0; margin:1em 0;
line-height:1.4; line-height:1.4;
font-family:"Oswald"; font-family:"Oswald";
} }
.post-body h4{ .post-body h4{
font-size:16px; font-size:16px;
margin:1em 0; margin:1em 0;
line-height:1.4; line-height:1.4;
font-family:"Oswald"; font-family:"Oswald";
} }
.post-body h5{ .post-body h5{
font-size:24px; font-size:24px;
line-height:34px; line-height:34px;
font-family:"Oswald"; font-family:"Oswald";
margin:10px 0; margin:10px 0;
} }
.post-body h6{ .post-body h6{
font-size:18px; font-size:18px;
font-family:"Oswald"; font-family:"Oswald";
line-height:24px; line-height:24px;
margin:10px 0; margin:10px 0;
} }
body#layout .footer.section{ body#layout .footer.section{
float:left; float:left;
width:33%; width:33%;
} }
/***************************************** /*****************************************
Global Links CSS Global Links CSS
******************************************/ ******************************************/
body{ body{
font-family:"Lato", "Helvetica Neue", Arial, Sans-serif; font-family:"Lato", "Helvetica Neue", Arial, Sans-serif;
font-size:16px; font-size:16px;
color:#444; color:#444;
line-height:1.618; line-height:1.618;
background-color:#e4e5e6; background-color:#e4e5e6;
overflow-x:hidden; overflow-x:hidden;
} }
a{ a{
text-decoration:none; text-decoration:none;
color:#febd17; color:#febd17;
/*transition*/ /*transition*/
-webkit-transition:.1s ease; -webkit-transition:.1s ease;
-moz-transition:.1s ease; -moz-transition:.1s ease;
-o-transition:.1s ease; -o-transition:.1s ease;
transition:.1s ease; transition:.1s ease;
} }
a:hover{ a:hover{
text-decoration:underline; text-decoration:underline;
} }
img{ img{
max-width:100%; max-width:100%;
height:auto; height:auto;
vertical-align:middle; vertical-align:middle;
} }
blockquote{ blockquote{
margin:30px 0; margin:30px 0;
font-weight:400; font-weight:400;
font-style:italic; font-style:italic;
color:#6a737b; color:#6a737b;
font-size:18px; font-size:18px;
padding-left:30px; padding-left:30px;
border-left:5px solid #ddd; border-left:5px solid #ddd;
} }
blockquote p{ blockquote p{
display:inline-block; display:inline-block;
} }
.clr{ .clr{
clear:both; clear:both;
float:none; float:none;
} }
.header-search-input, .top-menu, .headline, .site-nav, .entry-title, input[type="submit"], input[type="reset"] ,.sidebar h2 ,.post-meta{ .header-search-input, .top-menu, .headline, .site-nav, .entry-title, input[type="submit"], input[type="reset"] ,.sidebar h2 ,.post-meta{
font-family:"Oswald"; font-family:"Oswald";
} }
.titlewrapper{ .titlewrapper{
font-family:Lato; font-family:Lato;
} }
/* Grid */ /* Grid */
.row{ .row{
margin-left:-20px; margin-left:-20px;
margin-right:-20px; margin-right:-20px;
} }
.row:before, .row:after{ .row:before, .row:after{
content:""; content:"";
display:table; display:table;
} }
.row:after{ .row:after{
clear:both; clear:both;
} }
.row [class*="col-"]{ .row [class*="col-"]{
float:left; float:left;
padding-left:20px; padding-left:20px;
padding-right:20px; padding-right:20px;
} }
.row .col-1{ .row .col-1{
width:8.33333333333%; width:8.33333333333%;
} }
.row .col-2{ .row .col-2{
width:16.6666666667%; width:16.6666666667%;
} }
.row .col-3{ .row .col-3{
width:25%; width:25%;
} }
.row .col-4{ .row .col-4{
width:33.3333333333%; width:33.3333333333%;
} }
.row .col-5{ .row .col-5{
width:41.6666666667%; width:41.6666666667%;
} }
.row .col-6{ .row .col-6{
width:50%; width:50%;
} }
.row .col-7{ .row .col-7{
width:58.3333333333%; width:58.3333333333%;
} }
.row .col-8{ .row .col-8{
width:66.6666666667%; width:66.6666666667%;
} }
.row .col-9{ .row .col-9{
width:75%; width:75%;
} }
.row .col-10{ .row .col-10{
width:83.3333333333%; width:83.3333333333%;
} }
.row .col-11{ .row .col-11{
width:91.6666666667%; width:91.6666666667%;
} }
.row .col-12{ .row .col-12{
width:100%; width:100%;
} }
.cf:before, .cf:after{ .cf:before, .cf:after{
content:""; content:"";
display:table; display:table;
} }
.cf:after{ .cf:after{
clear:both; clear:both;
} }
.fl{ .fl{
float:left; float:left;
} }
.fr{ .fr{
float:right; float:right;
} }
/***************************************** /*****************************************
Wrappers Wrappers
******************************************/ ******************************************/
.ct-wrapper{ .ct-wrapper{
padding:0px 20px; padding:0px 20px;
position:relative; position:relative;
max-width:1170px; max-width:1170px;
margin:0 auto; margin:0 auto;
} }
.outer-wrapper{ .outer-wrapper{
top:0px; top:0px;
margin-top:0px; margin-top:0px;
position:relative; position:relative;
} }
.main-wrapper{ .main-wrapper{
width:auto; width:auto;
margin-left:350px; margin-left:350px;
} }
#content{ #content{
position:relative; position:relative;
width:100%; width:100%;
float:right; float:right;
} }
.sidebar-wrapper{ .sidebar-wrapper{
width:350px!important; width:350px!important;
padding:25px 20px; padding:25px 20px;
float:left; float:left;
margin:0px 0px 40px 0; margin:0px 0px 40px 0;
} }
.sidebar-wrapper:before{ .sidebar-wrapper:before{
content:""; content:"";
position:absolute; position:absolute;
background:#fff; background:#fff;
top:0; top:0;
left:0px; left:0px;
z-index:-1; z-index:-1;
width:340px; width:340px;
height:100%; height:100%;
/*box-shadow*/ /*box-shadow*/
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,.1);
-moz-box-shadow:0px 0px 5px rgba(0,0,0,.1); -moz-box-shadow:0px 0px 5px rgba(0,0,0,.1);
box-shadow:0px 0px 5px rgba(0,0,0,.1); box-shadow:0px 0px 5px rgba(0,0,0,.1);
} }
.sidebar-wrapper:after{ .sidebar-wrapper:after{
content:""; content:"";
position:absolute; position:absolute;
width:1000%; width:1000%;
bottom:0; bottom:0;
left:100%; left:100%;
top:0; top:0;
background:#fff; background:#fff;
z-index:-1; z-index:-1;
left:auto; left:auto;
right:100%; right:100%;
} }
.status-msg-wrap{ .status-msg-wrap{
display:none; display:none;
} }
.descriptionwrapper{ .descriptionwrapper{
display:none; display:none;
} }
/**** Layout Styling CSS *****/ /**** Layout Styling CSS *****/
body#layout .header-wrapper{ body#layout .header-wrapper{
margin-top:40px; margin-top:40px;
} }
body#layout #header, body#layout .header-right{ body#layout #header, body#layout .header-right{
width:50%; width:50%;
} }
body#layout .outer-wrapper, body#layout .sidebar-wrapper, body#layout .ct-wrapper{ body#layout .outer-wrapper, body#layout .sidebar-wrapper, body#layout .ct-wrapper{
margin:0; margin:0;
padding:0; padding:0;
} }
/***************************************** /*****************************************
Pre Tags Pre Tags
******************************************/ ******************************************/
.black-box{ .black-box{
background-color:#fbfbfb; background-color:#fbfbfb;
margin:30px 0; margin:30px 0;
padding:30px; padding:3px;
} }
pre, .codeview{ pre, .codeview{
font-size:12px; font-size:18px;
background:#febd17; background:#febd17;
line-height:150%; line-height:150%;
/*border-radius*/ /*border-radius*/
-webkit-border-radius:8px; -webkit-border-radius:8px;
-moz-border-radius:8px; -moz-border-radius:8px;
border-radius:8px; border-radius:8px;
color:#FFFFFF; color:#FFFFFF;
margin:1em auto; margin:1em auto;
padding:0px 3em 30px; padding:0px 3em 30px;
border-top:70px solid #222; border-top:40px solid #222;
white-space:pre-wrap; white-space:pre-wrap;
white-space:-moz-pre-wrap; white-space:-moz-pre-wrap;
white-space:-pre-wrap; white-space:-pre-wrap;
white-space:-o-pre-wrap; white-space:-o-pre-wrap;
padding-top:30px; padding-top:40px;
word-wrap:break-word; word-wrap:break-word;
font-family:sans-serif; font-family:sans-serif;
} }
pre:before{ pre:before{
content:"\f121"; content:"\f121";
position:absolute; position:absolute;
font-size:45px; font-size:45px;
font-family:FontAwesome ,Lato; font-family:FontAwesome ,Lato;
font-weight:200; font-weight:200;
padding:20px 5px; padding:20px 5px;
margin-top:-95px; margin-top:-95px;
/*border-radius*/ /*border-radius*/
-webkit-border-radius:8px 8px 0px 0px; -webkit-border-radius:8px 8px 0px 0px;
-moz-border-radius:8px 8px 0px 0px; -moz-border-radius:8px 8px 0px 0px;
border-radius:8px 8px 0px 0px; border-radius:8px 8px 0px 0px;
} }
code{ code{
font-family:"Courier New",monospace; font-family:"Courier New",monospace;
font-size:12px; font-size:12px;
background:#eee; background:#eee;
color:#333; color:#333;
} }
/******Buttons*********/ /******Buttons*********/
.btn{ .btn{
display:inline-block; display:inline-block;
padding:10px 22px; padding:10px 22px;
text-decoration:none; text-decoration:none;
background:transparent; background:transparent;
color:#444; color:#444;
border:2px solid #ddd; border:2px solid #ddd;
margin:1em 0; margin:1em 0;
text-align:center; text-align:center;
} }
.btn:hover{ .btn:hover{
text-decoration:none; text-decoration:none;
border-color:#444; border-color:#444;
} }
/***************************************** /*****************************************
Header CSS Header CSS
******************************************/ ******************************************/
.site-header{ .site-header{
padding:20px 0; padding:20px 0;
text-align:center; text-align:center;
background:#fff; background:#fff;
} }
.header-search{ .header-search{
float:right; float:right;
width:220px; width:220px;
margin-top:20px; margin-top:20px;
position:relative; position:relative;
} }
.header-search .header-search-input{ .header-search .header-search-input{
width:100%; width:100%;
height:50px; height:50px;
line-height:50px; line-height:50px;
border:none; border:none;
padding:0 35px 0 10px; padding:0 35px 0 10px;
outline:0; outline:0;
background:#eee; background:#eee;
font-size:14px; font-size:14px;
/*border-radius*/ /*border-radius*/
-webkit-border-radius:2px; -webkit-border-radius:2px;
-moz-border-radius:2px; -moz-border-radius:2px;
border-radius:2px; border-radius:2px;
border:1px solid #ddd; border:1px solid #ddd;
} }
.header-search .header-search-input:focus{ .header-search .header-search-input:focus{
background:#eee; background:#eee;
/*box-shadow*/ /*box-shadow*/
-webkit-box-shadow:none; -webkit-box-shadow:none;
-moz-box-shadow:none; -moz-box-shadow:none;
box-shadow:none; box-shadow:none;
} }
.header-search .fa{ .header-search .fa{
position:absolute; position:absolute;
width:30px; width:30px;
height:50px; height:50px;
top:0; top:0;
right:10px; right:10px;
line-height:50px; line-height:50px;
font-size:20px; font-size:20px;
color:#bbb; color:#bbb;
} }
.header-socials{ .header-socials{
margin-right:5px; margin-right:5px;
margin-top:20px; margin-top:20px;
} }
.header-socials a{ .header-socials a{
line-height:50px; line-height:50px;
height:50px; height:50px;
width:50px; width:50px;
margin:0 5px; margin:0 5px;
display:block; display:block;
float:left; float:left;
text-align:center; text-align:center;
font-size:20px; font-size:20px;
color:#fff; color:#fff;
/*border-radius*/ /*border-radius*/
-webkit-border-radius:2px; -webkit-border-radius:2px;
-moz-border-radius:2px; -moz-border-radius:2px;
border-radius:2px; border-radius:2px;
} }
.header-socials .header-social-facebook{ .header-socials .header-social-facebook{
background:#3b5998; background:#3b5998;
} }
.header-socials .header-social-twitter{ .header-socials .header-social-twitter{
background:#55acee; background:#55acee;
} }
.header-socials .header-social-google-plus{ .header-socials .header-social-google-plus{
background:#dd4b39; background:#dd4b39;
} }
.header-socials a:hover{ .header-socials a:hover{
opacity:.8; opacity:.8;
font-size:28px; font-size:28px;
} }
/* Navigation */ /* Navigation */
.stick{ .stick{
position:fixed!important; position:fixed!important;
top:0; top:0;
z-index:999999; z-index:999999;
width:100%; width:100%;
} }
.site-nav{ .site-nav{
background:#111; background:#111;
position:relative; position:relative;
} }
.site-nav-wrap{ .site-nav-wrap{
position:relative; position:relative;
} }
.site-menu{ .site-menu{
margin:0; margin:0;
padding:0; padding:0;
} }
.site-menu .active{ .site-menu .active{
background:#febd17; background:#febd17;
} }
.site-menu li{ .site-menu li{
position:relative; position:relative;
list-style-type:none; list-style-type:none;
margin-right:-4px; margin-right:-4px;
} }
.site-menu > li{ .site-menu > li{
display:inline-block; display:inline-block;
} }
.site-menu > li > a{ .site-menu > li > a{
display:inline-block; display:inline-block;
padding:0 25px; padding:0 25px;
color:#fff; color:#fff;
text-decoration:none; text-decoration:none;
font-size:16px; font-size:16px;
line-height:65px; line-height:65px;
text-transform:uppercase; text-transform:uppercase;
} }
.site-menu > .current-menu-item > a, .site-menu > li > a:hover, .site-menu > li:hover > a{ .site-menu > .current-menu-item > a, .site-menu > li > a:hover, .site-menu > li:hover > a{
background:#febd17; background:#febd17;
color:#fff; color:#fff;
} }
.site-menu ul{ .site-menu ul{
width:250px; width:250px;
position:absolute; position:absolute;
font-size:14px; font-size:14px;
background:#febd17; background:#febd17;
top:100%; top:100%;
text-transform:uppercase; text-transform:uppercase;
margin:0; margin:0;
padding:0; padding:0;
z-index:99999; z-index:99999;
visibility:hidden; visibility:hidden;
opacity:0; opacity:0;
/*transition*/ /*transition*/
-webkit-transition:.2s ease; -webkit-transition:.2s ease;
-moz-transition:.2s ease; -moz-transition:.2s ease;
-o-transition:.2s ease; -o-transition:.2s ease;
transition:.2s ease; transition:.2s ease;
} }
.site-menu ul li{ .site-menu ul li{
} }
.site-menu ul li a{ .site-menu ul li a{
color:#fff; color:#fff;
padding:10px 25px; padding:10px 25px;
display:block; display:block;
text-decoration:none; text-decoration:none;
/*transition*/ /*transition*/
-webkit-transition:.1s ease; -webkit-transition:.1s ease;
-moz-transition:.1s ease; -moz-transition:.1s ease;
-o-transition:.1s ease; -o-transition:.1s ease;
transition:.1s ease; transition:.1s ease;
} }
.site-menu ul li a:hover{ .site-menu ul li a:hover{
background:#111; background:#111;
} }
.site-menu li:hover > ul{ .site-menu li:hover > ul{
visibility:visible; visibility:visible;
opacity:1; opacity:1;
} }
.site-menu .fa{ .site-menu .fa{
padding-left:10px; padding-left:10px;
font-size:14px; font-size:14px;
position:relative; position:relative;
top:-1px; top:-1px;
} }
.site-menu ul li a:before{ .site-menu ul li a:before{
content:""; content:"";
border-style:solid; border-style:solid;
border-color:transparent transparent #111 transparent; border-color:transparent transparent #111 transparent;
border-width:14px 26px 43px 0px; border-width:14px 26px 43px 0px;
right:-26px; right:-26px;
position:absolute; position:absolute;
top:-15px; top:-15px;
visibility:hidden; visibility:hidden;
} }
.site-menu ul li a:hover:before{ .site-menu ul li a:hover:before{
visibility:visible; visibility:visible;
} }
.site-topbar{ .site-topbar{
height:50px; height:50px;
padding:10px 0; padding:10px 0;
overflow:hidden; overflow:hidden;
background:#e4e5e6; background:#e4e5e6;
font-size:14px; font-size:14px;
} }
.top-menu{ .top-menu{
margin:0; margin:0;
padding:0; padding:0;
text-align:center; text-align:center;
} }
.top-menu li{ .top-menu li{
position:relative; position:relative;
list-style-type:none; list-style-type:none;
} }
.top-menu > li{ .top-menu > li{
display:inline-block; display:inline-block;
} }
.top-menu > li:before{ .top-menu > li:before{
content:"/"; content:"/";
display:inline-block; display:inline-block;
padding:0 15px; padding:0 15px;
color:#444; color:#444;
} }
.top-menu > li:first-child:before{ .top-menu > li:first-child:before{
display:none; display:none;
} }
.top-menu > li > a{ .top-menu > li > a{
display:inline-block; display:inline-block;
padding:0; padding:0;
line-height:30px; line-height:30px;
color:#444; color:#444;
position:relative; position:relative;
} }
.top-menu > li > a:hover{ .top-menu > li > a:hover{
text-decoration:underline; text-decoration:underline;
} }
.site-topbar-wrap{ .site-topbar-wrap{
position:relative; position:relative;
} }
.site-topbar-wrap:before{ .site-topbar-wrap:before{
content:""; content:"";
position:absolute; position:absolute;
top:-10px; top:-10px;
bottom:-10px; bottom:-10px;
left:-99999px; left:-99999px;
width:99999px; width:99999px;
background:#111; background:#111;
} }
.no-headline .site-topbar-wrap:before{ .no-headline .site-topbar-wrap:before{
display:none; display:none;
} }
.headline{ .headline{
height:50px; height:50px;
line-height:50px; line-height:50px;
margin:-10px 0; margin:-10px 0;
} }
.headline .headline-heading{ .headline .headline-heading{
padding:0 20px; padding:0 20px;
display:inline-block; display:inline-block;
background:#111; background:#111;
color:#fff; color:#fff;
text-transform:uppercase; text-transform:uppercase;
letter-spacing:1px; letter-spacing:1px;
position:relative; position:relative;
} }
.headline .headline-heading span{ .headline .headline-heading span{
padding-left:5px; padding-left:5px;
} }
.headline .headline-heading .fa{ .headline .headline-heading .fa{
position:relative; position:relative;
top:-2px; top:-2px;
} }
.headline .headline-heading:before{ .headline .headline-heading:before{
content:""; content:"";
position:absolute; position:absolute;
border-left:25px solid #111; border-left:25px solid #111;
border-top:50px solid transparent; border-top:50px solid transparent;
top:0; top:0;
bottom:0; bottom:0;
right:-25px; right:-25px;
} }
.headline .headline-title{ .headline .headline-title{
display:inline; display:inline;
padding-left:30px; padding-left:30px;
color:#444; color:#444;
text-decoration:none; text-decoration:none;
} }
.headline .headline-title:hover{ .headline .headline-title:hover{
text-decoration:underline; text-decoration:underline;
} }
.headline-item{ .headline-item{
position:absolute; position:absolute;
top:40px; top:40px;
height:40px; height:40px;
width:100%; width:100%;
line-height:3.69; line-height:3.69;
left:135px; left:135px;
} }
/**************************************** /****************************************
Blog Post CSS Blog Post CSS
******************************************/ ******************************************/
.post{ .post{
margin:20px 0 0; margin:20px 0 0;
padding:0 3% 20px; padding:0 3% 20px;
} }
.post-title{ .post-title{
text-decoration:none; text-decoration:none;
font-size:30px; font-size:30px;
line-height:normal; line-height:normal;
padding:0 0 10px; padding:0 0 10px;
} }
.post-title a{ .post-title a{
text-decoration:none; text-decoration:none;
color:#000; color:#000;
} }
.post_title{ .post_title{
font-size:60px; font-size:60px;
word-spacing:2px; word-spacing:2px;
line-height:1.4; line-height:1.4;
margin-bottom:30px; margin-bottom:30px;
font-weight:bold; font-weight:bold;
text-align:center; text-align:center;
margin:0 0 25px 0; margin:0 0 25px 0;
font-family:"Oswald"; font-family:"Oswald";
text-transform:uppercase; text-transform:uppercase;
} }
.post-meta b{ .post-meta b{
margin-bottom:25px; margin-bottom:25px;
color:#bbb; color:#bbb;
text-transform:uppercase; text-transform:uppercase;
font-size:12px; font-size:12px;
letter-spacing:1px; letter-spacing:1px;
} }
div.entry-container > div > div > p > small > span:nth-child(2){ div.entry-container > div > div > p > small > span:nth-child(2){
color:#bbb; color:#bbb;
} }
.tcpic img{ .tcpic img{
margin-top:25px; margin-top:25px;
width:94%; width:94%;
} }
.post-share{ .post-share{
background:#f5f5f5; background:#f5f5f5;
border-top:1px solid #ddd; border-top:1px solid #ddd;
text-align:center; text-align:center;
padding:30px; padding:30px;
} }
.post-share a{ .post-share a{
display:inline-block; display:inline-block;
width:50px; width:50px;
line-height:50px; line-height:50px;
height:50px; height:50px;
/*border-radius*/ /*border-radius*/
-webkit-border-radius:25px; -webkit-border-radius:25px;
-moz-border-radius:25px; -moz-border-radius:25px;
border-radius:25px; border-radius:25px;
background:#111; background:#111;
font-size:20px; font-size:20px;
margin:0 5px; margin:0 5px;
color:#fff; color:#fff;
text-align:center; text-align:center;
} }
.post-share a:hover{ .post-share a:hover{
background:#febd17!important; background:#febd17!important;
color:#fff; color:#fff;
} }
.post-share a.share-facebook{ .post-share a.share-facebook{
background:#3b5998; background:#3b5998;
} }
.post-share a.share-twitter{ .post-share a.share-twitter{
background:#55acee; background:#55acee;
} }
.post-share a.share-google-plus{ .post-share a.share-google-plus{
background:#dd4b39; background:#dd4b39;
} }
.post-share a.share-linkedin{ .post-share a.share-linkedin{
background:#0976b4; background:#0976b4;
} }
.entry-container{ .entry-container{
background:#fff; background:#fff;
padding:20px; padding:20px;
/*box-shadow*/ /*box-shadow*/
-webkit-box-shadow:0 0 5px rgba(0,0,0,.1); -webkit-box-shadow:0 0 5px rgba(0,0,0,.1);
-moz-box-shadow:0 0 5px rgba(0,0,0,.1); -moz-box-shadow:0 0 5px rgba(0,0,0,.1);
box-shadow:0 0 5px rgba(0,0,0,.1); box-shadow:0 0 5px rgba(0,0,0,.1);
} }
.post-body{ .post-body{
font-size:16px; font-size:16px;
font-weight:normal; font-weight:normal;
padding:0; padding:0;
margin:0; margin:0;
line-height:29px; line-height:29px;
word-wrap:break-word; word-wrap:break-word;
} }
.post-header{ .post-header{
color:#999999; color:#999999;
font-family:Verdana,Arial,Tahoma,sans-serif; font-family:Verdana,Arial,Tahoma,sans-serif;
font-size:12px; font-size:12px;
} }
.rmlink a{ .rmlink a{
font-family:'Source Sans Pro',sans-serif; font-family:'Source Sans Pro',sans-serif;
background:#292929; background:#292929;
color:#fff; color:#fff;
padding-top:5px; padding-top:5px;
float:right; float:right;
padding-bottom:5px; padding-bottom:5px;
padding-left:10px; padding-left:10px;
/*transition*/ /*transition*/
-webkit-transition:0.3s; -webkit-transition:0.3s;
-moz-transition:0.3s; -moz-transition:0.3s;
-o-transition:0.3s; -o-transition:0.3s;
transition:0.3s; transition:0.3s;
padding-right:10px; padding-right:10px;
text-decoration:none; text-decoration:none;
font-size:15px; font-size:15px;
} }
.rmlink a:hover{ .rmlink a:hover{
background:#2aa4cf; background:#2aa4cf;
-decoratio-decoration:none; -decoratio-decoration:none;
} }
.home-link{ .home-link{
display:none; display:none;
} }
#blog-pager-newer-link{ #blog-pager-newer-link{
display:inline-block; display:inline-block;
padding:12px 22px; padding:12px 22px;
text-decoration:none; text-decoration:none;
background:transparent; background:transparent;
color:#444; color:#444;
border:2px solid #444; border:2px solid #444;
margin:0em 0; margin:0em 0;
text-align:center; text-align:center;
line-height:1; line-height:1;
/*border-radius*/ /*border-radius*/
-webkit-border-radius:240px; -webkit-border-radius:240px;
-moz-border-radius:240px; -moz-border-radius:240px;
border-radius:240px; border-radius:240px;
font-weight:700; font-weight:700;
} }
#blog-pager-older-link{ #blog-pager-older-link{
display:inline-block; display:inline-block;
padding:12px 22px; padding:12px 22px;
text-decoration:none; text-decoration:none;
background:transparent; background:transparent;
color:#444; color:#444;
border:2px solid #444; border:2px solid #444;
margin:0em 0; margin:0em 0;
text-align:center; text-align:center;
line-height:1; line-height:1;
/*border-radius*/ /*border-radius*/
-webkit-border-radius:240px; -webkit-border-radius:240px;
-moz-border-radius:240px; -moz-border-radius:240px;
border-radius:240px; border-radius:240px;
font-weight:700; font-weight:700;
} }
#blog-pager-newer-link a{ #blog-pager-newer-link a{
text-decoration:none; text-decoration:none;
color:#444; color:#444;
} }
#blog-pager-older-link a{ #blog-pager-older-link a{
text-decoration:none; text-decoration:none;
color:#444; color:#444;
} }
#blog-pager-older-link:hover , #blog-pager-newer-link:hover{ #blog-pager-older-link:hover , #blog-pager-newer-link:hover{
text-decoration:none; text-decoration:none;
border-color:#060606; border-color:#060606;
} }
#blog-pager{ #blog-pager{
border-top:0px solid #ddd; border-top:0px solid #ddd;
padding:2em 0; padding:2em 0;
margin:0; margin:0;
font-size:16px; font-size:16px;
line-height:normal; line-height:normal;
} }
.showpageOf{ .showpageOf{
display:none; display:none;
} }
.showpageNum a, .showpage a{ .showpageNum a, .showpage a{
margin:0 4px; margin:0 4px;
} }
.showpagePoint{ .showpagePoint{
margin:0 2px 0 0; margin:0 2px 0 0;
} }
/***************************************** /*****************************************
Post Highlighter CSS Post Highlighter CSS
******************************************/ ******************************************/
blockquote{ blockquote{
background-attachment:initial, initial; background-attachment:initial, initial;
/*background-clip*/ /*background-clip*/
-webkit-background-clip:initial, initial; -webkit-background-clip:initial, initial;
-moz-background-clip:initial, initial; -moz-background-clip:initial, initial;
background-clip:initial, initial; background-clip:initial, initial;
background-image:url(http://3.bp.blogspot.com/-CXB1FMNf2zo/VFpG_6Z6gbI/AAAAAAAAANk/uHQLXp_Rq1s/s1600/open_quote.png), url(http://4.bp.blogspot.com/-LEuTvwyky9E/VFpG_49jjLI/AAAAAAAAANo/IA7TyEQR-RI/s1600/close_quote.png); background-image:url(http://3.bp.blogspot.com/-CXB1FMNf2zo/VFpG_6Z6gbI/AAAAAAAAANk/uHQLXp_Rq1s/s1600/open_quote.png), url(http://4.bp.blogspot.com/-LEuTvwyky9E/VFpG_49jjLI/AAAAAAAAANo/IA7TyEQR-RI/s1600/close_quote.png);
/*background-origin*/ /*background-origin*/
-webkit-background-origin:initial, initial; -webkit-background-origin:initial, initial;
-moz-background-origin:initial, initial; -moz-background-origin:initial, initial;
background-origin:initial, initial; background-origin:initial, initial;
background-position:1.5% 0%, 98.5% 100%; background-position:1.5% 0%, 98.5% 100%;
background-repeat:no-repeat, no-repeat; background-repeat:no-repeat, no-repeat;
/*background-size*/ /*background-size*/
-webkit-background-size:initial, initial; -webkit-background-size:initial, initial;
-moz-background-size:initial, initial; -moz-background-size:initial, initial;
-o-background-size:initial, initial; -o-background-size:initial, initial;
background-size:initial, initial; background-size:initial, initial;
border-left-color:#febd17; border-left-color:#febd17;
border-left-style:solid; border-left-style:solid;
border-left-width:5px; border-left-width:5px;
color:#74787d; color:#74787d;
font-family:'Open Sans', sans-serif; font-family:'Open Sans', sans-serif;
font-size:14px; font-size:14px;
font-style:italic; font-style:italic;
line-height:25px; line-height:25px;
margin-bottom:20px; margin-bottom:20px;
padding:0px 50px; padding:0px 50px;
} }
/***************************************** /*****************************************
Custom Widget CSS Custom Widget CSS
******************************************/ ******************************************/
/***** Popular Post *****/ /***** Popular Post *****/
.PopularPosts h2{ .PopularPosts h2{
padding-right:.4em; padding-right:.4em;
padding-left:0em; padding-left:0em;
} }
.popular-posts ul{ .popular-posts ul{
padding-left:0; padding-left:0;
padding:10px 0 0px; padding:10px 0 0px;
margin:0 0 0 0px; margin:0 0 0 0px;
} }
.popular-posts ul li{ .popular-posts ul li{
list-style:none outside none !important; list-style:none outside none !important;
margin-left:0 !important; margin-left:0 !important;
overflow:hidden; overflow:hidden;
padding:7px 0 !important; padding:7px 0 !important;
/*transition*/ /*transition*/
-webkit-transition:all 0.25s linear 0s; -webkit-transition:all 0.25s linear 0s;
-moz-transition:all 0.25s linear 0s; -moz-transition:all 0.25s linear 0s;
-o-transition:all 0.25s linear 0s; -o-transition:all 0.25s linear 0s;
transition:all 0.25s linear 0s; transition:all 0.25s linear 0s;
} }
.PopularPosts .item-title{ .PopularPosts .item-title{
padding-bottom:.2em; padding-bottom:.2em;
font-size:20px; font-size:20px;
font-weight:700; font-weight:700;
} }
.PopularPosts .item-title a{ .PopularPosts .item-title a{
font-size:17px; font-size:17px;
} }
.PopularPosts a{ .PopularPosts a{
color:#666; color:#666;
font-size:.9rem; font-size:.9rem;
text-decoration:none; text-decoration:none;
} }
.PopularPosts a:hover{ .PopularPosts a:hover{
color:#febd17; color:#febd17;
} }
.PopularPosts img{ .PopularPosts img{
padding-right:.4em; padding-right:.4em;
/*border-radius*/ /*border-radius*/
-webkit-border-radius:60px; -webkit-border-radius:60px;
-moz-border-radius:60px; -moz-border-radius:60px;
border-radius:60px; border-radius:60px;
} }
/***** Labels *****/ /***** Labels *****/
.cloud-label-widget-content .label-size{ .cloud-label-widget-content .label-size{
color:#fff !important; color:#fff !important;
display:inline-block; display:inline-block;
font-size:14px !important; font-size:14px !important;
padding:8px 15px; padding:8px 15px;
background:#444; background:#444;
margin:0 5px 10px 0; margin:0 5px 10px 0;
font-style:italic; font-style:italic;
text-decoration:none; text-decoration:none;
opacity:1; opacity:1;
} }
.cloud-label-widget-content{ .cloud-label-widget-content{
text-align:initial; text-align:initial;
margin-top:10px; margin-top:10px;
} }
.cloud-label-widget-content .label-size a{ .cloud-label-widget-content .label-size a{
color:#fff!important; color:#fff!important;
} }
.cloud-label-widget-content .label-size:hover{ .cloud-label-widget-content .label-size:hover{
background:#febd17; background:#febd17;
} }
.list-label-widget-content ul li{ .list-label-widget-content ul li{
line-height:1.2; line-height:1.2;
font-size:12px !important; font-size:12px !important;
text-transform:uppercase; text-transform:uppercase;
padding:5px; padding:5px;
margin:0 0px 0px 0; margin:0 0px 0px 0;
opacity:1; opacity:1;
list-style-type:none; list-style-type:none;
} }
.list-label-widget-content ul li a{ .list-label-widget-content ul li a{
color:#fff !important; color:#fff !important;
display:inline-block; display:inline-block;
font-size:14px !important; font-size:14px !important;
padding:8px 15px; padding:8px 15px;
background:#444; background:#444;
font-style:italic; font-style:italic;
text-decoration:none; text-decoration:none;
opacity:1; opacity:1;
} }
.list-label-widget-content ul li a:hover{ .list-label-widget-content ul li a:hover{
text-decoration:none!important; text-decoration:none!important;
background:#febd17; background:#febd17;
color:#fff!important; color:#fff!important;
} }
/***** Button CSS *****/ /***** Button CSS *****/
.showpageArea a{ .showpageArea a{
text-decoration:underline; text-decoration:underline;
} }
.showpagePoint , .showpageNum a:hover,.showpage a:hover{ .showpagePoint , .showpageNum a:hover,.showpage a:hover{
background:#febd17!important; background:#febd17!important;
} }
.showpagePoint , .showpageNum a ,.showpage a{ .showpagePoint , .showpageNum a ,.showpage a{
display:inline-block; display:inline-block;
width:50px; width:50px;
height:50px; height:50px;
color:#fff; color:#fff;
background:#111; background:#111;
text-decoration:none; text-decoration:none;
/*border-radius*/ /*border-radius*/
-webkit-border-radius:25px; -webkit-border-radius:25px;
-moz-border-radius:25px; -moz-border-radius:25px;
border-radius:25px; border-radius:25px;
text-align:center; text-align:center;
line-height:50px; line-height:50px;
margin:5px; margin:5px;
} }
.showpageOf{ .showpageOf{
text-decoration:none; text-decoration:none;
padding:3px; padding:3px;
margin:0 3px 0 0; margin:0 3px 0 0;
font-size:15px margin: 0 3px; font-size:15px margin: 0 3px;
} }
.showpageNum a:link,.showpage a:link{ .showpageNum a:link,.showpage a:link{
text-decoration:none; text-decoration:none;
background-color:#000; background-color:#000;
} }
.showpageOf{ .showpageOf{
display:none; display:none;
} }
.showpageNum{ .showpageNum{
margin:0 3px; margin:0 3px;
} }
.showpageArea{ .showpageArea{
padding-bottom:20px; padding-bottom:20px;
} }
/***** Profile Widget CSS *****/ /***** Profile Widget CSS *****/
.Profile img{ .Profile img{
border:1px solid #cecece; border:1px solid #cecece;
background:#fff; background:#fff;
float:left; float:left;
margin:5px 10px 5px 0; margin:5px 10px 5px 0;
padding:5px; padding:5px;
/*border-radius*/ /*border-radius*/
-webkit-border-radius:50px; -webkit-border-radius:50px;
-moz-border-radius:50px; -moz-border-radius:50px;
border-radius:50px; border-radius:50px;
} }
.profile-data{ .profile-data{
color:#999999; color:#999999;
font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif; font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;
font-variant:small-caps; font-variant:small-caps;
margin:0; margin:0;
text-transform:capitalize; text-transform:capitalize;
} }
.profile-datablock{ .profile-datablock{
margin:0.5em 0; margin:0.5em 0;
} }
.profile-textblock{ .profile-textblock{
line-height:1.6em; line-height:1.6em;
margin:0.5em 0; margin:0.5em 0;
} }
a.profile-link{ a.profile-link{
clear:both; clear:both;
display:block; display:block;
font:80% monospace; font:80% monospace;
padding:10px 0; padding:10px 0;
text-align:center; text-align:center;
text-transform:capitalize; text-transform:capitalize;
} }
/***************************************** /*****************************************
Sidebar CSS Sidebar CSS
******************************************/ ******************************************/
.sidebar{ .sidebar{
margin:0; margin:0;
padding:0; padding:0;
display:block; display:block;
} }
.sidebar h2{ .sidebar h2{
text-transform:uppercase; text-transform:uppercase;
font-weight:400; font-weight:400;
font-size:16px; font-size:16px;
margin:0 0 30px 0; margin:0 0 30px 0;
line-height:1.3; line-height:1.3;
position:relative; position:relative;
text-align:center; text-align:center;
letter-spacing:2px; letter-spacing:2px;
} }
.sidebar h2 span{ .sidebar h2 span{
display:inline-block; display:inline-block;
padding:5px 10px; padding:5px 10px;
font-weight:bolder; font-weight:bolder;
background:#fff; background:#fff;
z-index:2; z-index:2;
position:relative; position:relative;
} }
.sidebar h2:after{ .sidebar h2:after{
content:""; content:"";
position:absolute; position:absolute;
top:50%; top:50%;
height:3px; height:3px;
margin-top:-2px; margin-top:-2px;
background:#444; background:#444;
width:100%; width:100%;
left:0; left:0;
} }
.sidebar .widget{ .sidebar .widget{
clear:both; clear:both;
font-size:16px; font-size:16px;
line-height:26px; line-height:26px;
margin-bottom:25px; margin-bottom:25px;
} }
.sidebar ul{ .sidebar ul{
margin:0; margin:0;
padding:0; padding:0;
list-style:none; list-style:none;
} }
.sidebar li{ .sidebar li{
margin:0 0 0 15px; margin:0 0 0 15px;
padding:0 0 5px; padding:0 0 5px;
text-transform:capitalize; text-transform:capitalize;
} }
/***************************************** /*****************************************
Footer CSS Footer CSS
******************************************/ ******************************************/
#footer{ #footer{
background:#222; background:#222;
padding:25px 0 0 0; padding:25px 0 0 0;
color:#888; color:#888;
} }
.footer{ .footer{
float:left; float:left;
width:32%; width:32%;
} }
.footer h2{ .footer h2{
text-transform:uppercase; text-transform:uppercase;
font-weight:400; font-weight:400;
font-size:16px; font-size:16px;
margin:0 0 30px 0; margin:0 0 30px 0;
font-family:"Oswald"; font-family:"Oswald";
line-height:1.3; line-height:1.3;
position:relative; position:relative;
text-align:center; text-align:center;
letter-spacing:2px; letter-spacing:2px;
} }
.footer h2:after{ .footer h2:after{
height:4px; height:4px;
background:transparent; background:transparent;
border-bottom:1px solid #444; border-bottom:1px solid #444;
border-top:1px solid #444; border-top:1px solid #444;
width:100%; width:100%;
left:0; left:0;
margin-top:-1px; margin-top:-1px;
content:""; content:"";
position:absolute; position:absolute;
top:50%; top:50%;
} }
.footer h2 span{ .footer h2 span{
padding:10px; padding:10px;
color:#ddd; color:#ddd;
background:#222; background:#222;
border:1px solid #444; border:1px solid #444;
border-top:1px solid #444; border-top:1px solid #444;
z-index:2; z-index:2;
position:relative; position:relative;
} }
.footer .widget{ .footer .widget{
clear:both; clear:both;
font-size:16px; font-size:16px;
line-height:26px; line-height:26px;
margin:15px 25px 25px; margin:15px 25px 25px;
} }
.footer ul{ .footer ul{
margin:0; margin:0;
padding:0; padding:0;
list-style:none; list-style:none;
} }
.footer li{ .footer li{
margin:0 0 0 15px; margin:0 0 0 15px;
padding:0 0 5px; padding:0 0 5px;
text-transform:capitalize; text-transform:capitalize;
} }
.footer-credits{ .footer-credits{
border-top:1px solid #555; border-top:1px solid #555;
padding:15px; padding:15px;
background:#111111; background:#111111;
text-shadow:1px 1px #000000; text-shadow:1px 1px #000000;
color:#999; color:#999;
font-size:80%; font-size:80%;
} }
.footer-credits .attribution{ .footer-credits .attribution{
float:right; float:right;
} }
.footer-credits .attribution a{ .footer-credits .attribution a{
font-style:italic; font-style:italic;
} }
#footer a, .footer-credits a{ #footer a, .footer-credits a{
text-decoration:none; text-decoration:none;
color:#fff; color:#fff;
} }
#footer a:hover, .footer-credits a:hover{ #footer a:hover, .footer-credits a:hover{
text-decoration:underline; text-decoration:underline;
color:#D4D4D4; color:#D4D4D4;
} }
.site-footer{ .site-footer{
text-transform:uppercase; text-transform:uppercase;
color:#888; color:#888;
font-size:12px; font-size:12px;
letter-spacing:1px; letter-spacing:1px;
background:#111; background:#111;
} }
.site-footer-wrap{ .site-footer-wrap{
padding:30px 0; padding:30px 0;
text-align:center; text-align:center;
border-top:1px dashed #333; border-top:1px dashed #333;
} }
.site-footer a{ .site-footer a{
color:#ddd; color:#ddd;
} }
/***************************************** /*****************************************
Comments CSS Comments CSS
******************************************/ ******************************************/
#comments{ #comments{
background:#FFF; background:#FFF;
padding:20px; padding:20px;
position:relative; position:relative;
margin:0; margin:0;
right:24px; right:24px;
margin-left:47px; margin-left:47px;
border-top:1px solid #ddd; border-top:1px solid #ddd;
} }
#comments h4{ #comments h4{
font-size:28px; font-size:28px;
color:#414141; color:#414141;
margin:0; margin:0;
font-weight:200; font-weight:200;
font-family:Lato; font-family:Lato;
} }
.comments ol li:before{ .comments ol li:before{
content:counters(tc,"."); content:counters(tc,".");
font-size:3.5rem; font-size:3.5rem;
color:rgba(0,0,0,0.16); color:rgba(0,0,0,0.16);
right:.3em; right:.3em;
position:absolute; position:absolute;
text-shadow:1px 1px 1px #FFF; text-shadow:1px 1px 1px #FFF;
padding:.2em 0 0; padding:.2em 0 0;
} }
.comments ol li{ .comments ol li{
counter-increment:tc; counter-increment:tc;
} }
.comments ol{ .comments ol{
counter-reset:tc; counter-reset:tc;
} }
.comments .comments-content .comment-content{ .comments .comments-content .comment-content{
text-align:justify; text-align:justify;
border:1px solid #e1e1e1; border:1px solid #e1e1e1;
margin-left:-40px; margin-left:-40px;
margin-top:35px; margin-top:35px;
padding:20px; padding:20px;
} }
.comments .comments-content .comment-header{ .comments .comments-content .comment-header{
width:58%; width:58%;
position:relative; position:relative;
margin:10px 0 0; margin:10px 0 0;
padding:0 25px; padding:0 25px;
} }
.comments .comments-content .user{ .comments .comments-content .user{
font-style:normal; font-style:normal;
font-weight:400; font-weight:400;
color:#414141; color:#414141;
font-size:20px; font-size:20px;
} }
.comments .comments-content .user a{ .comments .comments-content .user a{
color:#414141; color:#414141;
} }
.comments .comments-content .user.blog-author a{ .comments .comments-content .user.blog-author a{
color:#000000; color:#000000;
text-decoration:none; text-decoration:none;
font-family:sans-serif; font-family:sans-serif;
font-weight:700; font-weight:700;
} }
span.datetime.secondary-text a{ span.datetime.secondary-text a{
color:#b9b9b9; color:#b9b9b9;
text-decoration:none; text-decoration:none;
font-variant:small-caps; font-variant:small-caps;
} }
.comments .comments-content .datetime{ .comments .comments-content .datetime{
color:#616161; color:#616161;
fontsize:12px; fontsize:12px;
display:block; display:block;
margin:0; margin:0;
} }
.comments .comments-content .comment-thread ol{ .comments .comments-content .comment-thread ol{
list-style-type:none; list-style-type:none;
text-align:left; text-align:left;
margin:0; margin:0;
padding:0; padding:0;
} }
.comments .comment .comment-actions a{ .comments .comment .comment-actions a{
padding-right:5px; padding-right:5px;
padding-top:5px; padding-top:5px;
text-decoration:none; text-decoration:none;
text-align:right; text-align:right;
} }
.comments .continue a{ .comments .continue a{
display:none!important; display:none!important;
} }
.comments .avatar-image-container img{ .comments .avatar-image-container img{
max-width:60px; max-width:60px;
max-height:60px; max-height:60px;
width:60px; width:60px;
height:60px; height:60px;
z-index:1; z-index:1;
float:left; float:left;
} }
.comments .avatar-image-container{ .comments .avatar-image-container{
float:left; float:left;
max-height:60px; max-height:60px;
height:60px; height:60px;
overflow:hidden; overflow:hidden;
width:60px; width:60px;
max-width:60px; max-width:60px;
/*border-radius*/ /*border-radius*/
-webkit-border-radius:240px; -webkit-border-radius:240px;
-moz-border-radius:240px; -moz-border-radius:240px;
border-radius:240px; border-radius:240px;
background:#fff; background:#fff;
margin:0px; margin:0px;
} }
.comments .comments-content .comment-replies .comment,.comments .comments-content .comment-replies .comment:first-child,.comments .comments-content .comment-replies .comment:last-child{ .comments .comments-content .comment-replies .comment,.comments .comments-content .comment-replies .comment:first-child,.comments .comments-content .comment-replies .comment:last-child{
margin:0; margin:0;
padding:1em; padding:1em;
} }
.comments .comments-content .comment:last-child,.comments .comments-content .comment:first-child{ .comments .comments-content .comment:last-child,.comments .comments-content .comment:first-child{
padding-top:5px; padding-top:5px;
padding-bottom:5px; padding-bottom:5px;
list-style:none; list-style:none;
position:relative; position:relative;
} }
.comment-thread.inline-thread .comment-content{ .comment-thread.inline-thread .comment-content{
background:#fff; background:#fff;
} }
span.item-control.blog-admin,.comments .thread-toggle{ span.item-control.blog-admin,.comments .thread-toggle{
display:none; display:none;
} }
#comments .comment-actions.secondary-text,.comments .comment .comment-actions a:hover{ #comments .comment-actions.secondary-text,.comments .comment .comment-actions a:hover{
text-decoration:none; text-decoration:none;
} }
/***************************************** /*****************************************
Responsive styles Responsive styles
******************************************/ ******************************************/
@media screen and (max-width: 950px){ @media screen and (max-width: 950px){
.site-header { text-align:left; .site-header { text-align:left;
} }
.site-header .header-socials, .site-header .header-socials,
.site-header .header-search{ .site-header .header-search{
display:inline-block; display:inline-block;
float:none; float:none;
} }
.site-topbar .headline{ .site-topbar .headline{
width:100%; width:100%;
float:none; float:none;
} }
.top-nav{ .top-nav{
display:none; display:none;
} }
.main-wrapper{ .main-wrapper{
margin-left:0 !important; margin-left:0 !important;
margin-right:0 !important; margin-right:0 !important;
} }
.sidebar-wrapper{ .sidebar-wrapper{
float:none !important; float:none !important;
width:100% !important; width:100% !important;
} }
.sidebar-wrapper{ .sidebar-wrapper{
background:#fff; background:#fff;
padding:40px !important; padding:40px !important;
/*box-shadow*/ /*box-shadow*/
-webkit-box-shadow:0 0 5px rgba(0,0,0,.1); -webkit-box-shadow:0 0 5px rgba(0,0,0,.1);
-moz-box-shadow:0 0 5px rgba(0,0,0,.1); -moz-box-shadow:0 0 5px rgba(0,0,0,.1);
box-shadow:0 0 5px rgba(0,0,0,.1); box-shadow:0 0 5px rgba(0,0,0,.1);
} }
.sidebar-wrapper:before, .sidebar-wrapper:after{ .sidebar-wrapper:before, .sidebar-wrapper:after{
display:none; display:none;
} }
.site-header .header-search{ .site-header .header-search{
display:none; display:none;
} }
} }
.tinynav{ .tinynav{
display:none; display:none;
} }
@media screen and (max-width: 800px){ @media screen and (max-width: 800px){
.tinynav{ .tinynav{
display:block; display:block;
width:100%; width:100%;
margin:0 auto; margin:0 auto;
padding:17px; padding:17px;
font-style:normal; font-style:normal;
font-weight:700; font-weight:700;
background:#111; background:#111;
border:0; border:0;
color:#fff; color:#fff;
outline-offset:0px; outline-offset:0px;
outline:-webkit-focus-ring-color auto 0px; outline:-webkit-focus-ring-color auto 0px;
} }
.tinynav option{ .tinynav option{
color:#fff; color:#fff;
outline-offset:0px; outline-offset:0px;
outline:-webkit-focus-ring-color auto 0px; outline:-webkit-focus-ring-color auto 0px;
} }
.site-menu{ .site-menu{
display:none; display:none;
} }
} }
@media screen and (max-width: 960px){ @media screen and (max-width: 960px){
.ct-wrapper{ .ct-wrapper{
padding:0 15px; padding:0 15px;
} }
.main-wrapper{ .main-wrapper{
margin-right:0; margin-right:0;
width:100%; width:100%;
} }
.sidebar-wrapper{ .sidebar-wrapper{
float:left; float:left;
width:auto; width:auto;
margin-left:20px; margin-left:20px;
} }
} }
@media screen and (max-width: 768px){ @media screen and (max-width: 768px){
#header p.description{ #header p.description{
margin:0; margin:0;
} }
#comment-editor{ #comment-editor{
margin:10px; margin:10px;
} }
.footer{ .footer{
width:50%; width:50%;
} }
} }
@media screen and (max-width: 500px){ @media screen and (max-width: 500px){
#header img{ #header img{
width:100%; width:100%;
} }
} }
@media screen and (max-width: 420px){ @media screen and (max-width: 420px){
.comments .comments-content .datetime{ .comments .comments-content .datetime{
display:block; display:block;
float:none; float:none;
} }
.comments .comments-content .comment-header{ .comments .comments-content .comment-header{
height:70px; height:70px;
} }
} }
@media screen and (max-width: 320px){ @media screen and (max-width: 320px){
.footer{ .footer{
width:100%; width:100%;
} }
.ct-wrapper{ .ct-wrapper{
padding:0; padding:0;
} }
.post-body img{ .post-body img{
max-width:230px; max-width:230px;
} }
.comments .comments-content .comment-replies{ .comments .comments-content .comment-replies{
margin-left:0; margin-left:0;
} }
} }
/***************************************** /*****************************************
Hiding Header Date and Feed Links Hiding Header Date and Feed Links
******************************************/ ******************************************/
h2.date-header{ h2.date-header{
display:none; display:none;
} }
/***************************************** /*****************************************
Recent Comments Recent Comments
******************************************/ ******************************************/
.latest_recent_comments li{ .latest_recent_comments li{
float:left; float:left;
height:85px; height:85px;
margin:0; margin:0;
width:100%; width:100%;
padding:0; padding:0;
list-style-type:none; list-style-type:none;
border-bottom:1px solid #ddd; border-bottom:1px solid #ddd;
margin-bottom:15px; margin-bottom:15px;
} }
.latest_recent_comments li:last-child{ .latest_recent_comments li:last-child{
border:0; border:0;
} }
.latest_recent_comments li a{ .latest_recent_comments li a{
text-decoration:none; text-decoration:none;
color:#666; color:#666;
width:100%; width:100%;
display:block; display:block;
} }
.latest_recent_comments li a:hover{ .latest_recent_comments li a:hover{
color:#febd17; color:#febd17;
} }
.avatarImage img{ .avatarImage img{
/*border-radius*/ /*border-radius*/
-webkit-border-radius:50%; -webkit-border-radius:50%;
-moz-border-radius:50%; -moz-border-radius:50%;
border-radius:50%; border-radius:50%;
width:70px; width:70px;
height:70px; height:70px;
} }
.avatarImage{ .avatarImage{
float:left; float:left;
width:80px; width:80px;
} }
.latest_recent_comments li span{ .latest_recent_comments li span{
font-size:13px; font-size:13px;
} }
/* Widget social links */ /* Widget social links */
.social-links-widget a{ .social-links-widget a{
display:inline-block; display:inline-block;
line-height:50px; line-height:50px;
width:50px; width:50px;
height:50px; height:50px;
float:left; float:left;
background:#444; background:#444;
color:#fff !important; color:#fff !important;
font-size:18px; font-size:18px;
text-decoration:none; text-decoration:none;
text-align:center; text-align:center;
margin:0 10px 10px 0; margin:0 10px 10px 0;
/*border-radius*/ /*border-radius*/
-webkit-border-radius:2px; -webkit-border-radius:2px;
-moz-border-radius:2px; -moz-border-radius:2px;
border-radius:2px; border-radius:2px;
} }
.social-links-widget a.social-links-behance{ .social-links-widget a.social-links-behance{
background:#1769ff; background:#1769ff;
} }
.social-links-widget a.social-links-digg{ .social-links-widget a.social-links-digg{
background:#000000; background:#000000;
} }
.social-links-widget a.social-links-dribbble{ .social-links-widget a.social-links-dribbble{
background:#ea4c89; background:#ea4c89;
} }
.social-links-widget a.social-links-facebook{ .social-links-widget a.social-links-facebook{
background:#3b5998; background:#3b5998;
} }
.social-links-widget a.social-links-flickr{ .social-links-widget a.social-links-flickr{
background:#ff0084; background:#ff0084;
} }
.social-links-widget a.social-links-github{ .social-links-widget a.social-links-github{
background:#4183c4; background:#4183c4;
} }
.social-links-widget a.social-links-gplus{ .social-links-widget a.social-links-gplus{
background:#dd4b39; background:#dd4b39;
} }
.social-links-widget a.social-links-instagram{ .social-links-widget a.social-links-instagram{
background:#3f729b; background:#3f729b;
} }
.social-links-widget a.social-links-lastfm{ .social-links-widget a.social-links-lastfm{
background:#c3000d; background:#c3000d;
} }
.social-links-widget a.social-links-linkedin{ .social-links-widget a.social-links-linkedin{
background:#0976b4; background:#0976b4;
} }
.social-links-widget a.social-links-paypal{ .social-links-widget a.social-links-paypal{
background:#253b80; background:#253b80;
} }
.social-links-widget a.social-links-pinterest{ .social-links-widget a.social-links-pinterest{
background:#cc2127; background:#cc2127;
} }
.social-links-widget a.social-links-skype{ .social-links-widget a.social-links-skype{
background:#00aff0; background:#00aff0;
} }
.social-links-widget a.social-links-soundcloud{ .social-links-widget a.social-links-soundcloud{
background:#f80; background:#f80;
} }
.social-links-widget a.social-links-spotify{ .social-links-widget a.social-links-spotify{
background:#7ab800; background:#7ab800;
} }
.social-links-widget a.social-links-steam{ .social-links-widget a.social-links-steam{
background:#222; background:#222;
} }
.social-links-widget a.social-links-tumblr{ .social-links-widget a.social-links-tumblr{
background:#35465c; background:#35465c;
} }
.social-links-widget a.social-links-twitter{ .social-links-widget a.social-links-twitter{
background:#55acee; background:#55acee;
} }
.social-links-widget a.social-links-vimeo{ .social-links-widget a.social-links-vimeo{
background:#1ab7ea; background:#1ab7ea;
} }
.social-links-widget a.social-links-vine{ .social-links-widget a.social-links-vine{
background:#00b488; background:#00b488;
} }
.social-links-widget a.social-links-youtube{ .social-links-widget a.social-links-youtube{
background:#b31217; background:#b31217;
} }
.social-links-widget a:hover{ .social-links-widget a:hover{
font-size:24px; font-size:24px;
opacity:.8; opacity:.8;
} }
<!-- Contact script --> <!-- Contact script -->
#mbl-contact .ContactForm { #mbl-contact .ContactForm {
margin: 0px!important; margin: 0px!important;
} }
#mbl-contact .contact-form-button-submit { #mbl-contact .contact-form-button-submit {
max-width: none; max-width: none;
width: 100%; width: 100%;
height: 35px; height: 35px;
border: 0; border: 0;
background-image: none; background-image: none;
background-color: #febd17; background-color: #febd17;
cursor: pointer; cursor: pointer;
font: normal normal 13px Open Sans; font: normal normal 13px Open Sans;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
} }
.#mbl-contact .contact-form-button-submit:hover { .#mbl-contact .contact-form-button-submit:hover {
background-color: #222; background-color: #222;
background-image: none; background-image: none;
border: 0; border: 0;
} }
#mbl-contact #contact { #mbl-contact #contact {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
right: 1%; right: 1%;
background-color: #EEE; background-color: #EEE;
color: #555; color: #555;
width: 300px; width: 300px;
z-index: 1.0E+15; z-index: 1.0E+15;
} }
#mbl-contact #contact .contact-form-widget { #mbl-contact #contact .contact-form-widget {
padding: 30px; padding: 30px;
display: none; display: none;
} }
#mbl-contact #contact { #mbl-contact #contact {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
right: 1%; right: 1%;
background-color: #EEE; background-color: #EEE;
color: #555; color: #555;
width: 300px; width: 300px;
z-index: 1.0E+15; z-index: 1.0E+15;
} }
#mbl-contact #contact h2.title { #mbl-contact #contact h2.title {
margin: 0px; margin: 0px;
font-weight: 400; font-weight: 400;
background-color: #febd17; background-color: #febd17;
color: #FFF; color: #FFF;
padding: 8px 15px; padding: 8px 15px;
font-size: 16px; font-size: 16px;
cursor: pointer; cursor: pointer;
letter-spacing: 3px; letter-spacing: 3px;
text-align: center; text-align: center;
} }
#mbl-contact #contact h2.title .fa { #mbl-contact #contact h2.title .fa {
position: absolute; position: absolute;
left: 10px; left: 10px;
top: 12px; top: 12px;
} }
#mbl-contact #contact .contact-form-widget { #mbl-contact #contact .contact-form-widget {
width: 240px; width: 240px;
padding: 30px; padding: 30px;
display: none; display: none;
} }
#mbl-contact #contact * { #mbl-contact #contact * {
transition: all 0 ease; transition: all 0 ease;
-webkit-transition: all 0 ease; -webkit-transition: all 0 ease;
-moz-transition: all 0 ease; -moz-transition: all 0 ease;
-o-transition: all 0 ease; -o-transition: all 0 ease;
} }
#mbl-contact #contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message { #mbl-contact #contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message {
background-color: #DDD; background-color: #DDD;
color: #111; color: #111;
border: 0; border: 0;
padding: 10px 5px; padding: 10px 5px;
font: normal normal 13px Open Sans; font: normal normal 13px Open Sans;
} }
#mbl-contact .contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-widget { #mbl-contact .contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-widget {
max-width: none; max-width: none;
margin-bottom: 15px; margin-bottom: 15px;
} }
/* Webkit Scrollbar */ /* Webkit Scrollbar */
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 8px; width: 8px;
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background: #ffffff; background: #ffffff;
-webkit-box-shadow: inset 1px 1px 2px #E0E0E0; -webkit-box-shadow: inset 1px 1px 2px #E0E0E0;
border: 1px solid #D8D8D8; border: 1px solid #D8D8D8;
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background: #febd17; background: #febd17;
-webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4); -webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4);
} }
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background: #EAA800; background: #EAA800;
} }
::-webkit-scrollbar-thumb:active { ::-webkit-scrollbar-thumb:active {
background: #febd17; background: #febd17;
-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3); -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
} }
/*--------------- MBA Modal Dialog ---------------*/ /*--------------- MBA Modal Dialog ---------------*/
.modalDialog { .modalDialog {
position: fixed; position: fixed;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
background: rgba(0,0,0,0.6); background: rgba(0,0,0,0.6);
z-index: 99999; z-index: 99999;
opacity:0; opacity:0;
-webkit-transition: opacity 200ms ease-in; -webkit-transition: opacity 200ms ease-in;
-moz-transition: opacity 200ms ease-in; -moz-transition: opacity 200ms ease-in;
transition: opacity 200ms ease-in; transition: opacity 200ms ease-in;
pointer-events: none; pointer-events: none;
} }
.modalDialog:target { .modalDialog:target {
opacity:1; opacity:1;
pointer-events: auto; pointer-events: auto;
} }
.modalDialog:target > div { .modalDialog:target > div {
margin: 8% auto; margin: 8% auto;
} }
.modalDialog > div { .modalDialog > div {
-webkit-transition: all 100ms ease-in; -webkit-transition: all 100ms ease-in;
-moz-transition: all 100ms ease-in; -moz-transition: all 100ms ease-in;
transition: all 100ms ease-in; transition: all 100ms ease-in;
width: 500px; width: 500px;
position: relative; position: relative;
margin: 5% auto; margin: 5% auto;