Blog Base

/* to style the buttons and things like that, I use a chrome extension coder thingy called CSS Styles. If you use chrome you can get it in the extensions. Just search for it. It's called: CSS Styles. Ask questions!! */ -Ivy


<style type="text/css">
body
{
background-repeat:repeat;
background-position:top center;
background-attachment:fixed;
background-image:url('');
overflow-x:hidden;
background-size:contain;
font-family: 'Pacifico', cursive;
font-family: 'Anton', sans-serif;
font-family: 'Great Vibes', cursive;
background-position: 100%;
}

/*BLOG TITLE*/
.blogsubject
{
	font-size: 30px !important;
	color: #E9ABAB!important;
	letter-spacing: 1px !important;
	line-height: 35px !important;
	font-weight: lighter !important;
	text-transform: lowercase !important;
	text-align: center !important;
	text-decoration: none !important;
	display: block !important;
	background-color: #A95454;

}

/*MAIN PART OF BLOG*/

.main {
width: 900px!important;  /*make this match with blog post*/
background-color: none!important;
margin-left: 25%;
margin-top: 7%;
}

.blog .blog { background-color:transparent!important; border:0px!important;}

/*BLOG POSTS*/
.blog
{
	width: 900px !important;  /*make this match*/
	border: 0px solid black!important;
	background-color: #E7B9DE!important;
}


/*RIGHT BLOG COMMENTS*/

 .blogcomments {
 background-color: #09A1F0;
 margin-left: -50px!important;
 color: #ffffff;
 font-size: 18px;
 text-align: center;
}


/*LEFT BLOG PROFILE PIC*/
 .blogcommentsprofile {
 background-color:#A87677!important;
 margin-left: -50px!important;
 }


/*GOLBAL TEXT STYLING*/
div, span.text, span.text p, table, td, tr {text-transform: none; text-decoration: none; font-style: normal; font-weight: normal; font-family: Lato; color: #2700B5; font-size: 1.80vh;}


/*SCROLLBAR*/
::-webkit-scrollbar
{width: 4px; height: 2px; background: #9D9E9E; }
::-webkit-scrollbar-thumb
{background-color: #9D9E9E; width: 8px; padding:5px; width: 3px; height: 2px;}


#putyournamehere {------>Show Number of blog posts<-----------}
.txt_label, .txt_label a, .txt_label b, .txt_label font {font:8px georgia!important; color:#000!important;}



.putyournamehere {--->headings and styles<----}

h1 {}

h2 {}

h3 {}

h4 {}

h5 {}


i  {}
b {}
u {}
s {}
strong {}
tt {}
em {}
big {}
small {}

blockquote {}


/*POST and CANCLE COMMENT BUTTONS*/
input.form_button {
    background-color: #2e1d2e;
    color: #ffffff;
}


/*CHANGE COMMENT BOX BACKGROUND COLOR*/
td.txt_label table {
    background-color: #6e246e;
}


/*CHANGE NAME ON THE PROFILE PIC*/
td.blogCommentsProfile a {
    color: #fff5ff;
}


/*CHANGE THE COMMENT TEXT*/
p.blogCommentsContent {
    text-decoration: none;
}


/*CHANGE VIEW ALL BLOGS LINK*/
#ctl00_cpMain_SingleBlog_btnBackToBlogList2 {
    text-transform: lowercase;
}


.putyournamehere {--------->BLOG HIDE CODES<----------}
.profile { display:none!important; } u, {visibility:hidden!important;}
.main u, .main font {visibility: visible!important;} element.style {visibility:hidden !important;}
.nav, .spacer, .blogTimeStamp, .commentspacer, hr {display: none!important;}
.latestBlogEntry br {display:none!important;} .latestBlogEntry td {height:0px!important;}
.latestBlogEntry .btext {display:block!important;}
body > div:nth-child(1) > table:nth-child(1) {display:none;} div.cmtcell {float:left;}
body > div:nth-child(2) > table:nth-child(1) {display: none!important;}
</style>