Aly's posts

/* code by aly */

#voltie > div:nth-child(1),#voltie > div.col-md-6,#voltie > div:nth-child(3) {
width: 100%;
}

/* code by aly */

#content {
position: relative;
background-color: #fff !important;
border: 0;
border-left: 1px solid #ddd; border-right: 1px solid #ddd;
}

.voltie_info, .voltie_bio, .voltie_comments,
.voltie_likes, .voltie_hobbies, .voltie_friends {
width: 100%;
}

section.voltie_bio { padding: 25px !important; height: auto; }

#voltie section h2, #voltie section h3 {
margin: 0; padding: 0;
text-transform: uppercase;
letter-spacing: 2px;
text-align: left;
background-color: transparent;
height: 25px;
line-height: 25px;
color: #888;
margin-bottom: 25px;
}

#voltie > div.col-md-6 { width: 75%; padding-left: 0px; }

#voltie > div:nth-child(3) {
position: absolute;
left: 0;
top: 450px;
margin-top: 0;
}

@media only screen and (max-width:991px) {

#voltie > div.col-md-6 { width: 100% !important; padding-left: 15px; }

#voltie > div:nth-child(3) {
position: relative;
left: 0;
top: 0;
}

}

/* code by aly */

/* leave this below code alone */
#header_navigation > h3 { background-color: transparent !important; }
/* leave this above code alone */

#voltie .voltie_comments ul li p:before { display: none; }

/* main background color */
#content { background-color: #46bebc; }

/* main border color */
#content, #content section, .content_header, #voltie .voltie_comments ul li p,
ul.content_navigation a {
border-color: #235251;
}

/* link color - same color as the border */
a, a.link { color: #235251; }

/* widget background colors */
ul.content_navigation a, #content section { background-color: #fff !important; }

/* heading background and text color */
h2, h3 { background-color: #235f5e !important; color: #fff !important; }

/* comment background color */
#voltie .voltie_comments ul li p { background-color: #ffee70 !important; }

#content, #content * { border: 0 !important; }

#structure:before {
content: close-quote;
position: fixed;
right: 0;
top: 0;
height: 100%;
width: 40%;
background-image: url(http://www.thinkmakeshareblog.com/wp-content/uploads/Pressed-Flowers-Workshop-_-thinkmakeshareblog-10.jpg);
background-size: cover;
background-repeat: no-repeat;
/* remove if you want a tile pattern */
z-index: -25;
}
#structure {
left: 0;
position: absolute;
top: 40px;
width: 60%;
margin: 0;
}
#content {
width: 100% !important;
margin: 0;
}
#footer {
display: none;
}
@media only screen and (max-width:991px) {
#structure {
position: Relative;
left: 0;
top: 0;
right: 0;
margin: 0 auto;
width: 100%;
}
#structure:before {
right: -60%;
}
}