Custom Order - Ginger - Blog

<!--example post-->
<h1>Header One</h1>

<h2>Header Two</h2>

<h3>Header Three</h3>

<blockquote>blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote</blockquote>
<b>bold</b> <i>italics</i> <em>em</em> <strong>strong</strong> <a href="/">link</a>







<!--blog header-->
   <div class="snowflakes" aria-hidden="true">   <div class="snowflake">   ❅   </div>   <div class="snowflake">   ❆   </div>   <div class="snowflake">   ❅   </div>   <div class="snowflake">   ❆   </div>   <div class="snowflake">   ❅   </div>   <div class="snowflake">   ❆   </div>   <div class="snowflake">     ❅   </div>   <div class="snowflake">     ❆   </div>   <div class="snowflake">     ❅   </div>   <div class="snowflake">     ❆   </div>   <div class="snowflake">     ❅   </div>   <div class="snowflake">     ❆   </div> </div>   <div class="bottomBar"> <a href="/home.php" class="bottomBarNavigation">Home</a> <a href="/send_message.php?member_id=1584278" class="bottomBarNavigation">Message</a> <a href="/add_comment.php?member_id=1584278" class="bottomBarNavigation">Comment</a> <a href="https://www.roleplayer.me/view_blog.php?id=0000464904" class="bottomBarNavigation">Rules</a> <a href="https://www.roleplayer.me/view_profile.php?member_id=1257850" class="bottomBarNavigation">Group</a> <a href="https://www.roleplayer.me/status_stream.php?member_id=1584278" class="bottomBarNavigation">Stream</a> <a href="https://www.roleplayer.me/view_profile.php?member_id=1621586" class="bottomBarNavigation">Resources</a> <a href="/gallery.php?member_id=1584278" class="bottomBarNavigation" style="margin-right:0px;">Gallery</a> </div>











<!--blog stylesheet-->
  <style type="text/css">      @import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');   body {      background:#fff;      background-size:cover;      background-attachment:fixed;      background-repeat:repeat;      background-position:center;      margin-top:-150px;      background-image:url('https://i.imgur.com/DLN56FI.jpg'); }            table, tr, td, li, p, div {     font: 12px 'Playfair Display';        font-weight: 400;        color: #848484;          line-height: 11px;          font-family: Playfair Display;          font-size: 12px;          color: #000; }     .main {     width:600px!important;      background:#fff!important;      border:3px double #303030!important;      margin-top:46px;      margin-left:0px; }          .blog {     font-family: 'Spectral SC', serif;      color: #fff!important;      text-align:justify;      width:600px!important;      background:#fff!important;      margin-left:-10px; }          .txt_label, .txt_label a, .txt_label b, .txt_label p {     font-size:0px!important; }        input[type="radio"] {     display:none; }     body[Attributes Style] {     background:#fff; }      .top_nav_black {     display:none; }    .blogContent{     font-family: 'Spectral SC', serif;      color:#fff; }    .blogContentInfo{     display:none !important;     visibility:hidden!important; }    .profile {      display:none !important;     visibility:hidden!important; }    .nav, .spacer, .googleafc, .commentspacer, hr {     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; }       .snowflake { color: #fff; font-size: 1em; font-family: Arial, sans-serif; text-shadow: 0 0 5px #000; }   @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}     .bottomBar{ position:fixed; z-index:99999; bottom:0; left:0; width:100%; background:#deb87a; text-align:center; }      a.bottomBarNavigation:link, a.bottomBarNavigation:visited { background-color: #fff; color: #deb87a; padding: 12px 3px; margin-top: -6px; text-align: center; text-decoration: none; display: inline-block; font-family: 'Playfair Display'; width: 100px; margin-top: 10px; margin-bottom: 10px; margin-right: 10px; }   a.bottomBarNavigation:hover, a.bottomBarNavigation:active { background-color: #deb87a; }  .blogSubject{    font-family: 'Playfair Display';     font-size: 12pt;     color: #fff;     font-weight: 100;     width: 100%;     /* display: inline-block; */     text-align: center;     background: #deb87a;     font-size: 36px;     line-height: 37px;     padding-top: 10px;     padding-bottom: 10px;     text-transform: uppercase;}  h1{    background: #deb87a;     color: #fff;     font-weight: 100;     font-family: Playfair Display;     font-size: 40px;     padding-top: 10px;     padding-bottom: 10px;     margin: 0;     text-align: center;     margin-bottom: 20px;     padding-top: 20px;     padding-bottom: 30px; }   h2{color: #deb87a;     font-weight: 100;     font-family: Playfair Display;     font-size: 20px;     padding-top: 10px;     padding-bottom: 10px;     margin: 0;     text-align: center;     margin-bottom: 10px;     margin-bottom: 10px; }   h3{     /* background: #deb87a; */     color: #deb87a;     font-weight: 100;     font-family: Playfair Display;     font-size: 30px;     padding-top: 10px;     padding-bottom: 10px;     margin: 0;     text-align: left; }  h3 span{ font-size: 14px; margin-top: -10px; display: inline-block; letter-spacing: 8px; }  h4{ color: #deb87a; font-weight: 100; font-family: Playfair Display; font-size: 15px; margin: 0; text-align: center; margin-bottom:10px; }  h5{ background: #deb87a; color: #fff; font-weight: 100; font-family: Playfair Display; font-size: 15px; padding-top: 10px; padding-bottom: 10px; margin: 0; text-align: center; }  b { padding: 5px; background: #deb87a; color: #fff; line-height: 35px; } a:visited, a:link {     font-family: 'Playfair Display';     color: #deb87a;     font-size: 12px;     text-decoration: none;     font-weight: 100; } a:hover{color:#fff;}.blogComments {     background-color: #ffffff; } .blogCommentsContent {     font-size: 12px;     font-family: 'Playfair Display';     color: #deb87a; } .blogCommentsProfile {     width: 25%;     font-size: x-small;     font-family: verdana;     color: #000000;     font-weight: bold;     background-color: #deb87a;     text-align: center; } .blogCommentsProfile a:link {     color: #fff!important;     padding-top: 20px;     padding-bottom: -10px;     display: inline-block; } .blogCommentsProfile a:hover{color:#deb87a!important;} input.form_button {     color: #fff;     background: #deb87a;     border: none;     padding: 20px 31px; } .cke_top{background: #deb87a!important;} .cke_bottom{background: #deb87a!important;} </style>