Published by Layout Preview

published 1657098126
updated 1657104403

Category: Blogging

View Blog View Profile Report Blog Entry

:testblogpost;

/𝕷𝖎𝖔𝖓𝖟

THIS IS A TEST BLOG POST

Copy The Code Below & Paste It Before Any Blog Post You Make!

***NOTE: Make sure to paste it into the 'HTML' Mode Above The Post Box***

<style>

:root{
  --gray: #8CBED4; /* background color */
  --logo-blue: #9BC8DC; /* navigation background color */
  --lighter-blue: #5788AE; /* nav links background */
  --lightest-blue: #9BC8DC; /*sidebar background */
  --light-orange: #8CBED4; /* comments table first child background */
  --even-lighter-orange: #8CBED4; /* comments table second child background */
  --borders:;
  --font-family: terminal, small fonts;
  --header: #ffffff70;
  --text: #5788AE;
  --othertext: #000;
  --links: #ffffff70;
  --hover: #fff;
  --main: #fff;
}

/*custom cursor */

* { 
	cursor: url('XXXXXCURSORHEREXXXXX'), auto; 
}

body{
  background-color: #8CBED4;
  background-image: url(' //BACKGROUND/URL/HERE// ');
  background-size:;
  font-family: var(--font-family);
}

h1{
  letter-spacing: -1.5px;
}

h2{
  letter-spacing: -1.5px;
}

i{
  font-family: times new roman;
  color: #ffffff80;
}

b{
  color: var(--text);
}

a{
  color: var(--links);
  text-transform: uppercase;
  font-size: 10px;
}

a:hover{
  color: var(--hover);
  text-decoration: none;
}

a.two, a.two:link, a.two:visited, a.two:active {
  font-size: 18px;
  font-weight: normal;
  color: #738CBF;
  letter-spacing:-1px; 
  line-height: 20px;
}

a.two:hover {
  color: #D97373;
  text-transform: uppercase;
  font-weight: none;
  text-decoration: none;
}

nav{
  color: var(--links);
  border: var(--borders);
  text-align: center;
  letter-spacing: 2px;
  border-right: 2px solid #5788AE;
  border-left: 2px solid #5788AE;
}

nav .top{
  background: #5788AE;
  color: var(--header);
}

/* this is the line that appears between links in the header and footer.
you can add an emoji or symbol instead of the default line it has */

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
  content: "  ";
  color: var(--header);
  text-align: center;
}

nav .links a{
  text-align:center;
  font-size: 8px;
  color: #F1EDE7;
  letter-spacing:3px;
  padding-top: 5px;
  text-transform: uppercase;
}

nav ul.links a {
text-shadow: none;
}

nav .links a:hover{
  color: #5788AE;
  text-transform: uppercase;
  font-weight: none;
  text-decoration: none;
}

/* this is where you edit your blog entry */

.blog-entry .comments .heading{
  border-top: 0px solid var(--othertext); /* this is the line that appears under the kudos */
}

.blog-entry .title{
  padding:10px;
  background-color: #8CBED4;
  color: var(--header);
  border: var(--borders);
  font-family: Arial Black;
  font-size:30px !important;
  font-weight: 1;
  margin-bottom:20px;
  padding:5px;
  text-transform: uppercase;
  letter-spacing: -1.5px;
  text-align: center;
  border-bottom: solid 1px #5788AE;
  border-left: solid 15px #5788AE;
  border-right: solid 2px #5788AE;
}

.blog-entry .content{
  padding: 10px;
  background-color: var(--gray);
  border: var(--borders);
}

/* this is the spacehey logo color.
you can change it at https://codepen.io/sosuke/pen/Pjoqqp */

nav img.logo{
    filter: brightness(0) saturate(100%) invert(100%) brightness(104%) contrast(105%)!important;
}

/* the search wrapper and button */

.search-wrapper input[type=text] {
    background-color: #eeeeee !important;
    border: var(--borders)!important;
    color: var(--links) !important;
}

button{
    border: 0px solid var(--links) !important;
    background-color: transparent !important;
    color: var(--links) !important;
}

.count{
  color: var(--links);
}

main{
  background: #9BC8DC;
  color: var(--text);
  border-bottom: 10px solid #5788AE;
  border-right: 2px solid #5788AE;
  border-left: 2px solid #5788AE;
}

footer{
  color: var(--text);
  background: transparent;
  border: var(--borders);
}

.blog-entry .profile-pic img, .bulletin .profile-pic img {
  max-width: 130px;
  max-height: 170px;
}

/* side bar with your profile image */

.edit-info{
  background: var(--lightest-blue);
  border: var(--borders);
}

/* comments table */

.comment-replies{
border: none;
  background-color: #77ACC5;
}

.comment-reply:not(:first-child){
border: none;
}

table.comments-table{
  background-color: var(--gray);
  border-spacing: 0px;
  padding:0px;
  border: none;
}

.comments-table td:first-child,
.music-table td:first-child{
  background: var(--gray);
  padding:5px;
  border: none;
}
.comments-table td,
.music-table td{
  background: var(--gray);
  padding:6px;
  border: none;
}
</style>
<a class="two" href="https://spacehey.com/lionzlyts" target="_blank"><div style="position:fixed; top:0; left: 0; z-index: 9; width: 50px; height: 50px;">/𝕷𝖎𝖔𝖓𝖟</div></a>

ENJOY!

0 Kudos

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

Layout Preview

1657100176

This is a test comment yo.

Report Comment

& this is a reply.

by Layout Preview; 1657100188; Report