blog.iml CSS
.blog-body {
border-right: 2px dotted #DCDCDC;
padding-right: 24px;
}
#bread {
display: none;
}
.blog-main {
float: left;
width: 75%;
}
.blog-side-panel {
float: left;
width: 25%;
padding-left: 24px;
}
/*Blog excerpt*/
.blog-excerpt {
background: #F3F2F0;
padding: 24px;
margin-bottom: 24px;
}
.blog-excerpt-right {
color: #3a3430;
}
.blog-excerpt-right .date {
font-size: 13px;
font-style: italic;
margin-bottom: 0;
margin-bottom: 6px;
}
.blog-excerpt-right a {
text-decoration: none;
}
a .blog-excerpt-heading {
color: #3a3430;
font-size: 18px;
margin-bottom: 6px;
}
a .blog-excerpt-heading:hover {
color: #3a3430;
}
.blog-arrow a {
color: #871c11;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
background: url(../img/right-arrow-blog.png) 96% 85% no-repeat;
padding-right: 24px;
padding-top: 6px;
}
/*blog cats in body*/
.blog-body #blogCats {
display: none;
}
/*blog footer*/
.printFooter {
display: none;
}
/*blog sidebar*/
#blogCats .cat {
text-transform: uppercase;
margin-bottom: 6px;
}
#blogCats ul {
list-style: none;
padding-left: 0;
}
#blogCats .know_content a {
color: #871c11;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
padding: 6px 0;
display: block;
}
.related-posts h1 {
text-transform: uppercase;
margin-bottom: 6px;
}
.related-posts ul {
list-style: none;
padding-left: 0;
}
.related-posts a {
color: #871c11;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
padding: 6px 0;
display: block;
}
@media (max-width: 991px) {
.blog-thumb {
margin-bottom: 24px;
}
}
@media (max-width: 700px) {
.blog-body {
border-right: none;
padding-right: 0;
}
.blog-main {
width: 100%;
float: none;
}
.blog-side-panel {
width: 100%;
float: none;
padding-left: 0;
}
}
/*********************
Blog single
********************/
.blog-pic-left {
float: right;
}
.blog-pic-left img {
width: 100%;
}
.blog-pic-right {
float: right;
}
#blogL {
border-right: 2px dotted #DCDCDC;
padding-right: 24px;
}
.n-blog-full-main h2 {
font-weight: normal;
}
@media (max-width: 700px) {
#blogL {
border-right: none;
padding-right: 0;
}
}
/********************
Top social
********************/
.gaps {
display: inline-block;
width: 100%;
padding-left: 0;
list-style: none;
position: relative;
}
#___plusone_0 {
position: relative;
border: 1px solid red;
position: absolute;
left: 139px;
top: 23px;
}
/********************
share box
*********************/
#shareBox {
width: 95%;
/*624px*/
float: left;
margin: 28px 0 0 0;
border: 1px solid #e0e0e0;
padding: 6px 0 6px 0;
background: #fafafa;
}
#shareL {
width: 60%;
/*424px*/
float: left;
padding: 10px 0;
}
#shareL p {
font-family: Helvetica;
margin: 0 0 0 20px;
color: #333;
font-size: 13px;
}
.b-blue {
color: #2b88c3;
font-size: 16px;
font-weight: bold;
line-height: 25px;
}
#shareL ul.ssoc {
margin: 18px 0 0 21px;
float: left;
}
#shareL ul.ssoc li {
display: inline;
float: left;
margin: 0 0 8px 0;
}
#shareL ul.ssoc li span {
display: none;
}
.soci {
background: url(../img/soc-icons.png);
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.sfb {
width: 32px;
height: 32px;
background-position: 0 0;
float: left;
margin: 0 11px 0 0;
}
.sfb:hover {
width: 32px;
height: 32px;
background-position: 0 0;
-moz-box-shadow: 0px 0px 13px #888;
-webkit-box-shadow: 0px 0px 13px #888;
box-shadow: 0px 0px 13px #888;
float: left;
}
.sfb:active {
width: 32px;
height: 32px;
background-position: 0 0;
-moz-box-shadow: 0px 0px 13px #000;
-webkit-box-shadow: 0px 0px 13px #000;
box-shadow: 0px 0px 13px #000;
float: left;
}
.stwit {
width: 32px;
height: 32px;
background-position: -43px 0;
float: left;
margin: 0 11px 0 0;
}
.stwit:hover {
width: 32px;
height: 32px;
background-position: -43px 0;
-moz-box-shadow: 0px 0px 13px #888;
-webkit-box-shadow: 0px 0px 13px #888;
box-shadow: 0px 0px 13px #888;
float: left;
}
.stwit:active {
width: 32px;
height: 32px;
background-position: -43px 0;
-moz-box-shadow: 0px 0px 13px #000;
-webkit-box-shadow: 0px 0px 13px #000;
box-shadow: 0px 0px 13px #000;
float: left;
}
.sdigg {
display: none;
}
.ssu {
width: 32px;
height: 32px;
background-position: -129px 0;
float: left;
margin: 0 11px 0 0;
}
.ssu:hover {
width: 32px;
height: 32px;
background-position: -129px 0;
-moz-box-shadow: 0px 0px 13px #888;
-webkit-box-shadow: 0px 0px 13px #888;
box-shadow: 0px 0px 13px #888;
float: left;
}
.ssu:active {
width: 32px;
height: 32px;
background-position: -129px 0;
-moz-box-shadow: 0px 0px 13px #000;
-webkit-box-shadow: 0px 0px 13px #000;
box-shadow: 0px 0px 13px #000;
float: left;
}
.sdel {
display: none;
}
.slin {
width: 32px;
height: 32px;
background-position: -215px 0;
float: left;
margin: 0 11px 0 0;
}
.slin:hover {
width: 32px;
height: 32px;
background-position: -215px 0;
-moz-box-shadow: 0px 0px 13px #888;
-webkit-box-shadow: 0px 0px 13px #888;
box-shadow: 0px 0px 13px #888;
float: left;
}
.slin:active {
width: 32px;
height: 32px;
background-position: -215px 0;
-moz-box-shadow: 0px 0px 13px #000;
-webkit-box-shadow: 0px 0px 13px #000;
box-shadow: 0px 0px 13px #000;
float: left;
}
.stech {
width: 32px;
height: 32px;
background-position: -258px 0;
float: left;
margin: 0 11px 0 0;
}
.stech:hover {
width: 32px;
height: 32px;
background-position: -258px 0;
-moz-box-shadow: 0px 0px 13px #888;
-webkit-box-shadow: 0px 0px 13px #888;
box-shadow: 0px 0px 13px #888;
float: left;
}
.stech:active {
width: 32px;
height: 32px;
background-position: -258px 0;
-moz-box-shadow: 0px 0px 13px #000;
-webkit-box-shadow: 0px 0px 13px #000;
box-shadow: 0px 0px 13px #000;
float: left;
}
.brss {
width: 32px;
height: 32px;
background-position: -301px 0;
float: left;
margin: 0 11px 0 0;
}
.brss:hover {
width: 32px;
height: 32px;
background-position: -301px 0;
-moz-box-shadow: 0px 0px 13px #888;
-webkit-box-shadow: 0px 0px 13px #888;
box-shadow: 0px 0px 13px #888;
float: left;
}
.brss:active {
width: 32px;
height: 32px;
background-position: -301px 0;
-moz-box-shadow: 0px 0px 13px #000;
-webkit-box-shadow: 0px 0px 13px #000;
box-shadow: 0px 0px 13px #000;
float: left;
}
.plus {
width: 32px;
height: 32px;
background-position: -129px 0;
float: left;
margin: 0 11px 0 0;
}
.plus:hover {
width: 32px;
height: 32px;
background-position: -129px 0;
-moz-box-shadow: 0px 0px 13px #888;
-webkit-box-shadow: 0px 0px 13px #888;
box-shadow: 0px 0px 13px #888;
float: left;
}
.plus:active {
width: 32px;
height: 32px;
background-position: -129px 0;
-moz-box-shadow: 0px 0px 13px #000;
-webkit-box-shadow: 0px 0px 13px #000;
box-shadow: 0px 0px 13px #000;
float: left;
}
#shareR {
width: 40%;
/*180px*/
float: left;
margin-top: 10px;
}
#shareR ul {
margin: 6px 0 0 25px;
float: left;
list-style: none;
}
#shareR li {
margin: 0 0 15px 0;
float: left;
}
#shareR li a {
width: 100%;
display: block;
float: left;
color: #666;
font-size: 12px;
font-family: Helvetica, Arial;
font-weight: bold;
text-decoration: none;
padding: 9px 15px;
-moz-border-radius: 13px;
-khtml-border-radius: 13px;
-webkit-border-radius: 13px;
border-radius: 13px;
}
#shareR li a:hover {
text-decoration: none;
background: #e2e0e0;
}
.icngap {
margin: 0 16px 0 0;
}
.spta {
line-height: 35px;
}
.seml {
line-height: 27px;
}
@media (max-width: 857px) {
#shareL {
float: none;
width: 100%;
}
#shareR {
float: none;
width: 100%;
}
#shareL ul.ssoc {
margin: 18px 0 0 16px;
float: left;
padding-left: 0;
}
#shareR ul {
margin: 6px 0 0 0;
float: left;
list-style: none;
padding-left: 0;
}
}