green checkerboard theme

Tags: emo, scene, green, checkers

Description:

i just thought one day that i wanted to make a nice layout ive seen on pinterest. so i did. test here

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by x.{finn}.x (https://layouts.spacehey.com/layout?id=23820) -->

<style>

@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');

body {      background:url(https://www.zingerbug.com/Backgrounds/background_images/neon_green_and_black_checkers.gif);
  color: white;
  border: none;
  background-size: 60%;
font-family: 'Ubuntu', sans-serif;
background-position: center;
}

main {
background: black;
}

nav {
    border-radius: 0px;
}
  
  nav .top {
    background: black;
font-family: comic sans ms;
}
  
  nav .links {
    background: #506e80;
    display: flex;
text-align: center;
    justify-content: center;
text-shadow: none;
}

  .count{
color: #04fb0d;
}
 
nav .top, nav .links a, .logout-btn, .logout-form {
   color: white;
}
.search-wrapper input, button {
   color: black;
border-radius: 2px;
}
.logout-btn {
    font-family: comic sans ms;
}

button:hover, a:hover {
   cursor: pointer;
}
.edit-info {
   background: transparent;
   border: 0px;
}

  .profile-info {
   background: transparent;
    display: flex;
margin: 20px 10px 30px 10px;
 color: white;
border: none;
}

.online{
background-color: transparent;
content: url(https://web.archive.org/web/20080707221542im_/http://x.myspace.com/images/onlinenow.gif);
}
.online img{
display: none;
}

.profile .table-section, .home-actions {
  background: white;
  border: 2px solid  #506e80;
  border-radius: 0px;
}
.profile .url-info {
color: white;
border: 2px solid #506e80;
}

.profile .contact .heading, .profile .table-section .heading {
    color: black;
background: #506e80;
border-radius:0px;
}
.home-actions .heading {
background: #24424d;
}

  .profile h1 {
  background-color: transparent;
color: white;
margin: 12px;
  border: none;
  border-radius: 0px;
padding: 3px;
text-align: left;
}

.general-about .profile-pic img {
border-radius: 0px;
padding: 5px;
}

.profile .friends .person img:not(.icon){
  border-radius: 0px;
  }

.comments-table td:first-child img:not(.icon){
  border-radius: 0px;
  }

  .profile .general-about {
background: transparent;
    height: 180px;
  color:  #04fb0d;
margin: 5px;
padding: 0px;
  border: none;
}

  .profile .mood {
 color: #04fb0d; 
margin: 10px;
}
 .profile .blurbs, .profile .friends {
  background-color: transparent;
color: #04fb0d;
margin: 5px;
  border: none;
  border-radius: 0px;
}
  
 .profile .friends .person p {
    color: #48ff24;
  }
  
  .profile .blog-preview {
    color: white;
  }
  
  .profile .blurbs .section h4 {
    color: white;
    padding: 0.5em 0em 0.5em 0em;
  }
  
  .comments-table {
display: block;
height: 600px!important;
overflow-y: scroll;
    outline: none !important;
  border: black 2px solid;
}

.comment-reply {
    padding: 5px 3px;
  border:  #04fb0d 2px  solid;
}
  .comment-replies {
      padding: 10px 5px;
  border: red 1px solid;
  }
 
.contact {
    background: url(https://64.media.tumblr.com/753c1a3969cf4ab201884ec028b34ba6/f41ef25593e3048d-13/s400x600/7469f9537bb9d0be6c0fb14588066799d5c8cf77.gifv);
      padding: 0px;
    border: 2px solid #506e80 !important;
    background-size: cover;
    background-position: bottom;
}

  .contact a{
font-family: inherit
  } 

.contact .inner a img {
font-size: 0;
}

.contact .inner a img:before {
font-size: 1em;
}


.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add to friends */
	content: "✩"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favorites */
	content: "✩"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "✩"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward to friend */
	content: "✩"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant message */
	content: "✩"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block user */
	content: "✩"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group. the content is supposed to be a smiley face */
	content: "✩"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: "✩"
} 
  
.details-table td:first-child, .details-table td {
    background: #24424d;
}
.details-table td:first-child {
    color: white;
background:  #04fb0d;
}
.details-table td:not(td:first-child) {
    color: #04fb0d;
}
  .profile .blurbs .heading, .profile .friends .heading {
    background: #24424d;
    text-transform: lowercase;
    color:white; 
border-radius: 0px;
}
  
  table.details-table {
border-radius: 0px 0px 10px 10px;
background: transparent;
}
  
.comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td {
background: #24424d;
}

.comments-table td, .music-table td {
    color: #04fb0d;
background: #506e80;
}

.comments-table td:first-child a, .music-table td:first-child a {
    color: white;
}

   .search-wrapper input, button {
  background-color: white;
color: black;
margin: 5px;
font-family: comic sans ms;
  border: 1px solid dimgrey;
  border-radius: 3px;
}

  nav .logout-btn {
  animation: none;
  }

  footer { 
  color:white;
    border: none;
background: url(https://garden.spoonflower.com/c/7505217/p/f/m/eEwE_rqQSuEo9x82DK1yiRcHyUg5whzmpUeHlt420aYLW0NCXlblcRD1cYc/Wonky%20Neon%20Green%20Harlequin.jpg);
 background-position: center;
border-top: none;
border-radius: 0px 0px 10px 10px;
margin: 0px;
background-size: 30%;
}

  a{
color:  white;
}

a:visited {
color:  white;
}
a:hover {
color:   #04fb0d;
}

a:active {
  color:  white;
}

nav .links a:hover{
color:  #04fb0d;
}
</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

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

Gummy >__<	1663306935 AAH, this is so cool Report Comment
El	1662902176 Using! Report Comment
zizo	1662000802 green is so cool Report Comment
Xx_wrental_xX	1661279589 this is awesome!!!! Report Comment
SaoriXSlayer6	1660466444 so cool :o Report Comment thank you :)))))))))) by x.{finn}.x; 1660509231; Report
m0sh1	1660406705 this is cool!! thanks! Report Comment