Custom Order - Head Prat - Blog

<!--example blog-->
<h1>header one</h1>

<h2>header two</h2>

<h3>header three</h3>

<h4>header four</h4>

<blockquote>blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote</blockquote>
<b>bold</b> <i>italic</i> <em>em</em> <strong>strong</strong><br /><a href="/">link</a><br />and then this would just be normal, just kinda cool text.














<!--blog header-->
<div class="sideBar"> <h1>Percy Weasley</h1> <img src="https://i.imgur.com/iIovU2s.gif" style="margin-bottom: -1px;"> <div style="width: 177px; height: 269px; display: inline-block; vertical-align: top; margin-bottom: -1px;">                 <a href="/home.php" class="navigationalLinks">Home</a>                 <a href="/send_message.php?member_id=" class="navigationalLinks">Message</a>                 <a href="/add_comment.php?member_id=" class="navigationalLinks">Comments</a>                 <a href="/view_member_blog.php?member_id=" class="navigationalLinks">Blog</a>                 <a href="/status_stream.php?member_id=" class="navigationalLinks">Stream</a>                 <a href="/albums.php?member_id=" class="navigationalLinks">Photos</a> </div> <h1>Platform 9 3/4</h1>    <div class="owesHolder" style="margin-right:20px;"> <a href="/" class="connectionLinks">blog link</a> <a href="/" class="connectionLinks">blog link</a> <a href="/" class="connectionLinks">blog link</a> <a href="/" class="connectionLinks">blog link</a> <a href="/" class="connectionLinks">blog link</a> <a href="/" class="connectionLinks">blog link</a> <a href="/" class="connectionLinks">blog link</a> <a href="/" class="connectionLinks">blog link</a> <a href="/" class="connectionLinks">blog link</a> <a href="/" class="connectionLinks">blog link</a> <a href="/" class="connectionLinks">blog link</a> <a href="/" class="connectionLinks">blog link</a> <a href="/" class="connectionLinks">blog link</a> <a href="/" class="connectionLinks">blog link</a> <a href="/" class="connectionLinks">blog link</a> <a href="/" class="connectionLinks">blog link</a> <a href="/" class="connectionLinks">blog link</a> <a href="/" class="connectionLinks">blog link</a> <a href="/" class="connectionLinks">blog link</a> <a href="/" class="connectionLinks">blog link</a> <a href="/" class="connectionLinks">blog link</a> <a href="/" class="connectionLinks">blog link</a> <a href="/" class="connectionLinks">blog link</a>  </div> <div class="owesHolder"> <h4>Blog Note</h4> You can put a note here about the blog, or description of each blog if thats better for your use case.</div>  </div>







<!--blog stylesheet-->

<style type="text/css">@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap'); @import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap'); .cke_combo_text{color:#000;} .blogcommentsContent {color: #fff;} .updateBold{color: #ffffff;     background: #fff;     padding: 5px;     line-height: 30px;}.cke_top { border-bottom: 1px solid #fff; background: #fff; padding: 6px 8px 2px; white-space: normal; } .cke_chrome{border: 1px solid #fff;}    b{color:#a18255;}  body { margin-top:-93px; background:#fff; background-size:cover; background-attachment:fixed; background-repeat:repeat; background-position:center;  background-image:url("https://i.imgur.com/i27iDqG.png");}         table, tr, td, li, p, div {font-size:12px; font-family:Playfair Display; font-weight:400; color:#fff; line-height:11px; font-weight:100;} ::-webkit-scrollbar-thumb:vertical {height:12px; background:#fff; border-top:10px solid #fff; border-bottom:10px solid #fff;} ::-webkit-scrollbar-thumb:horizontal {background-color:#000;} ::-webkit-scrollbar {width:5px; height:7px;}  a:active, a:visited, a:link {     font: 11px Playfair Display;     font-weight: 400;     color: #a18255;     line-height: 11px;     text-decoration: none;     display: inline-block;     padding: 8px; }    a:hover {     color: #dacdb6;     text-decoration: none;     padding: 8px;     display: inline-block; }  blockquote{font-family: Playfair Display;     font-size: 12px;     color: #fff;     text-align: justify;     width: 554px;     letter-spacing: 2px;}   big {font:20px 'Lato'; font-weight:700; color:#c5fcf8; text-align:justify; text-transform:uppercase; letter-spacing:1px; line-height:18px;}   big d {font:28px 'Miniver'; color:#ffdccd; text-transform:lowercase; line-height:18px;}   big f {font-size:32px; font-weight:900;}   #bigTumblrSpace{ width:630px; position:fixed; background-color:#000; height:auto; overflow:auto; margin-top:-100px; margin-left: -5px; text-align:center; }    .links1 {font-family: 'Spectral SC', serif; font-size:8pt;  color:#000;  background:#4d3628;  border:1px solid #000;  text-transform:uppercase;  letter-spacing:3px;  display:inline-block;  margin:5px;  padding:15px;  text-align:center;  text-decoration:none;  width:150px;   border-bottom:1px solid #000;}  .links1:hover { color:#4d3628;  background:#ffffff!important;  border:1px solid #000;}   .main {background: #0a0a0a!important;         width: 500px!important;}       table.blog { font-family: 'Spectral SC', serif; color: #fff!important; text-align:justify; width:600px!important;  margin-left:-10px; background:#0a0a0a!important;}        .blogcomments {    background: #0a0a0a;color: #fff;}   .blogcommentsContent {font: 11px Playfair Display; font-weight: 400!important; color: #fff!important; line-height: 11px; }   .blogcommentsprofile {background:#0a0a0a;  padding-top:10px;}        .blogcommentsprofile img {margin-top:5px;}   .blogsubject {        font-family: Playfair Display;     margin: 0;     text-align: center;     font-weight: 100;     color: #fff;     padding-top: 10px;     padding-bottom: 10px;     font-size: 27px;     letter-spacing: 10px;}   .txt_label, .txt_label a, .txt_label b, .txt_label p {font-size:0px!important;}     input, select {    font: 12px Playfair Display;     letter-spacing: 3px;     text-transform: uppercase;     border: none;     font-weight: 100;     color: #fff;     background: #a18255;     border: 5px solid #110d0d;     padding: 11px;     margin-left: 20px;     float: right;}   input:hover, select:hover {cursor: hand; background:#000; color:#3e1212;}  input[type="radio"] {display:none;}  body[Attributes Style] {background:#ffffff;}   #bothsides {margin-left:-52px; top:0px; background:#ffffff; z-index:-999; height:110%; width:710px; position:fixed; box-shadow:inset 0 0 10px #000; color:transparent;}  #bothsidespicture {margin-left:-0px; top:-0px; z-index:999; background-color:#fff; height:auto; width:auto; position:fixed; color:transparent;}    /*hidecodes*/ .top_nav_black {display:none;} .blogContent{font-family: Playfair Display; color: #ffffff; font-size: 14px; width:645px; line-height:15px;} .blogContentInfo{ display:none !important;visibility:hidden!important; } .profile { display:none !important;visibility:hidden!important; } .nav, .spacer, .googleafc, .commentspacer, hr, .blogsubject p {display: none!important;} images/spacer.gif{ display:none !important;visibility:hidden!important; } .st_sharethis_hcount, .st_facebook_hcount, .st_twitter_hcount, .st_pinterest_hcount  { display:none !important;visibility:hidden!important; } #IL_IF_RIGHT, .IL_BASE { display:none !important;visibility:hidden!important; } #ctl00_cpMain_AdLeaderBoard_Img1 {display:none;} .blogTimeStamp {display:none;}  h1{     font-family: Playfair Display;     margin: 0;     text-align: center;     font-weight: 100;     color: #fff;     padding-top: 10px;     padding-bottom: 10px;     font-size: 27px;     letter-spacing: 10px; }    h2{     font-family: Playfair Display;     margin: 0;     text-align: left;     font-weight: 100;     color: #fff;     font-size: 27px; }   h3{     font-family: Playfair Display;     margin: 0;     text-align: right;     font-weight: 100;     color: #fff;     font-size: 15px; line-height: 41px; }   h4{     font-family: Playfair Display;     margin: 0;     text-align: center;     font-weight: 100;     color: #000;     font-size: 15px;     margin-bottom: 10px;     background: #9b8b7b;     padding-top: 10px;     padding-bottom: 10px;     font-size: 19px; }  .sidebar{        position: fixed;     width: 400px;     height: 100%;     top: 0;     left: 1109px;     right: 0;     margin: auto;     background: #0a0a0a;}  a.navigationalLinks:link, a.navigationalLinks:active, a.navigationalLinks:visited {     color: #039;     width: 100%;     display: inline-block;     text-align: center;     color: #0a0a0a;     font-family: Playfair Display;     font-weight: 100;     font-size: 18px;     background: #9b8b7b;     padding: 16px 0px;     border-bottom: 2px solid #000;     text-decoration: none; }  a.navigationalLinks:hover{ color:#fff; font-decoration:none; }    a.connectionLinks:link, a.connectionLinks:active, a.connectionLinks:visited {     color: #039;     width: 100%;     display: inline-block;     text-align: center;     color: #0a0a0a;     font-family: Playfair Display;     font-weight: 100;     font-size: 18px;     background: #9b8b7b;     padding: 9px 0px;     border-bottom: 2px solid #000;     text-decoration: none; }  a.connectionLinks:hover{ color:#fff; font-decoration:none; }   .owesHolder{ width:178px;  height:178px; display:inline-block;  vertical-align:top;      font-family: 'Playfair Display';     font-size: 12px;     text-align: justify;     overflow: auto;     color: #fff; margin-top:20px;}   </style>