sarah anne 's profile picture

Published by

published
updated

Category: SpaceHey

b&w checker w/ white hearts layout

b&w checker layout screenshotlet me know if you use this and if you liked it, or if you had issues! <3 if you'd like to make your profile single column, add this code (it won't work right in the layout generator but it will when you edit your profile I swear): <style> .profile{ display:flex; flex-direction: column; overflow-y: auto; } .profile .left{width: 100% !important;} .profile-pic{width: 100% !important;} .general-about{text-align: center !important;} h1{text-align: center !important;} </style>

use this code to change profile width: <style>.container{width: 650px !important;}</style>

--------------------------------------------------------------------------------------------------------------

<!-- (c) Layout created by sarah (https://spacehey.com/_themoontoldme) -->

 

<style>

/*main profile*/

body{

background-color: COLOR !important;

background-image: url('https://i.pinimg.com/736x/00/a5/b9/00a5b939e3f9b25e1da82fd529a7b82e.jpg') !important;

background-attachment: FIXED !important;

background-repeat: REPEAT !important;

background-position: top left !important;

background-size: 50 !important; }

</style>

 

<style>

/*inner profile*/

main{

background-color: transparent !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: REPEAT !important;

background-position: top left !important;

}

</style>

 

<style>

/*mood border/body and text color*/

.mood{

border: 0px solid WHITE !important;}

color: WHITE !important;}

</style>

<style>

.mood{

background-color: #080606 !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important;

color: WHITE !important; }

</style>

<style>.mood a{color: WHITE !important;}</style>

 

<style>

/*section headings*/

.heading{

background-color: #080606 !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important; }

</style>

 

<style>

/*interests and social links */

.table-section .heading{

background-color: #080606 !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important;

color: WHITE !important;}

</style>

<style>

.table-section td{

background-color: transparent !important;

background-image: url ('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important;

color: WHITE !important; }

</style>

<style>

.table-section{

background-color: #080606 !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important;

color: WHITE !important;

border: none !important;}

</style>

 

<style>

/*blog background and text color*/

.blog-preview{

background-color: #080606 !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important;

color: WHITE !important; }

</style>

<style>.blog-preview h4 a{color: WHITE !important;}</style>

<style>.blog-preview h4{color: WHITE !important;}</style>

<style>.blog-preview p a{color: WHITE !important;}</style>

<style>.blog-preview p a:hover

.blog-preview p a:active,

.blog-preview p a:focus{

color: WHITE !important; }</style>

 

<style>

/*contact table text, background, and icons. replace url with whatever you like*/

.contact .inner img{display: none !important;}</style>

<style>.contact img.icon {

display: none;

}

.contact{background-color: !important;}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{

/* add to friends */

content: " ";

display: inline-block;

width: 20px;

height: 20px;

background-image: url('http://dl9.glitter-graphics.net/pub/3226/3226829efc7vvuwj8.gif');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{

/* add to favorites */

content: " ";

display: inline-block;

width: 20px;

height: 20px;

background-image: url('http://dl9.glitter-graphics.net/pub/3226/3226829efc7vvuwj8.gif');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{

/* send message */

content: " ";

display: inline-block;

width: 20px;

height: 20px;

background-image: url('http://dl9.glitter-graphics.net/pub/3226/3226829efc7vvuwj8.gif');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{

/* forward to friend */

content: " ";

display: inline-block;

width: 20px;

height: 20px;

background-image: url('http://dl9.glitter-graphics.net/pub/3226/3226829efc7vvuwj8.gif');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{

/* instant message */

content: " ";

display: inline-block;

width: 20px;

height: 20px;

background-image: url('http://dl9.glitter-graphics.net/pub/3226/3226829efc7vvuwj8.gif');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* block user */

content: " ";

display: inline-block;

width: 20px;

height: 20px;

background-image: url('http://dl9.glitter-graphics.net/pub/3226/3226829efc7vvuwj8.gif');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* add to group */

content: " ";

display: inline-block;

width: 20px;

height: 20px;

background-image: url('http://dl9.glitter-graphics.net/pub/3226/3226829efc7vvuwj8.gif');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* report user */

content: " ";

display: inline-block;

width: 20px;

height: 20px;

background-image: url('http://dl9.glitter-graphics.net/pub/3226/3226829efc7vvuwj8.gif');

background-size: 100% 100%;

}

</style>

<style>.contact.heading{border-radius: 25px 25px 0 0 !important;}main{border-radius: 0 0 25px 25px !important;}</style>

<style>.contact a{color: WHITE !important;}</style>

<style> .contact{

border: 2px dotted black !important;

}

</style>

<style>

.contact{

background-color: #080606 !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important; }

</style>

 

<style>/*general about text color, pfp and online now icon*/

.general-about{color: WHITE !important;}</style>

<style>.general-about{font-size: 15px !important;}</style>

<style>.general-about{text-transform: lowercase !important;}</style>

<style>.online{content: url("http://dl2.glitter-graphics.net/pub/341/341842q4vbfz1x40.gif") !important;}</style>

<style>.general-about img {-webkit-mask-image: url(https://i.postimg.cc/C5KrYXvc/heartframe.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}</style>

<style>

.general-about{

background-color: #080606 !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important; }

</style>

 

<style>

.heading{

background-color: #080606 !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important; }

</style>

 

<style>

/*comments background, text and icons*/

.comments-table td{

background-color: WHITE !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important; }

</style>

<style>table.comments-table{display: block;height: 250px!important;overflow-y: scroll;}</style>

<style>a{color: #080606 !important;}</style>

<style>

.comments-table td{

background-color: #080606 !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important;

color: WHITE !important; }

</style>

<style>.contact img.icon {

display: none;

}

.contact{background-color: !important;}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{

/* add to friends */

content: " ";

display: inline-block;

width: 15px;

height: 15px;

background-image: url('http://dl2.glitter-graphics.net/pub/315/315372aq6sl1wnh8.gif');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{

/* add to favorites */

content: " ";

display: inline-block;

width: 15px;

height: 15px;

background-image: url('http://dl2.glitter-graphics.net/pub/315/315372aq6sl1wnh8.gif');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{

/* send message */

content: " ";

display: inline-block;

width: 15px;

height: 15px;

background-image: url('http://dl2.glitter-graphics.net/pub/315/315372aq6sl1wnh8.gif');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{

/* forward to friend */

content: " ";

display: inline-block;

width: 15px;

height: 15px;

background-image: url('http://dl2.glitter-graphics.net/pub/315/315372aq6sl1wnh8.gif');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{

/* instant message */

content: " ";

display: inline-block;

width: 15px;

height: 15px;

background-image: url('http://dl2.glitter-graphics.net/pub/315/315372aq6sl1wnh8.gif');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* block user */

content: " ";

display: inline-block;

width: 15px;

height: 15px;

background-image: url('http://dl2.glitter-graphics.net/pub/315/315372aq6sl1wnh8.gif');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* add to group */

content: " ";

display: inline-block;

width: 15px;

height: 15px;

background-image: url('http://dl2.glitter-graphics.net/pub/315/315372aq6sl1wnh8.gif');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* report user */

content: " ";

display: inline-block;

width: 15px;

height: 15px;

background-image: url('http://dl2.glitter-graphics.net/pub/315/315372aq6sl1wnh8.gif');

background-size: 100% 100%;

}

</style>

 

<style>/*profile top and footer*/

.top{

background-color: #080606 !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important; }

</style>

<style>

footer{

background-color: transparent !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important; }

</style>

 

<style>/*blurbs background*/

.blurbs{

background-color: #080606 !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important;

color: WHITE !important; }

</style>

 

<style>/*navigation links background and text colors*/

.links{

background-color: #080606 !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important; }

</style>

<style>.links a{color: WHITE !important;

text-shadow: none !important;}

</style>

<style>.top a{color: WHITE !important;}</style>

<style>

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{

content: URL("http://dl2.glitter-graphics.net/pub/315/315372aq6sl1wnh8.gif") !important;

padding-left: 4px !important;

}

</style>

 

<style>/*font stuff*/

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

</style>

<style>h1{font-family: Emilys Candy !important;}</style>

<style>h1{font-size: 55px !important;}</style>

<style>body{font-family: century gothic !important;}</style>

<style>body{text-transform: lowercase !important;}</style>

<style>h4{color: WHITE !important;}</style>

 

<style>/*hidden stuff*/

<style>.friends.heading{display: none !important;}</style>

<style>.friends:not(#comments.friends) {display: none;}</style>

<style>.url-info{display: none !important;}</style>

<style>.comments-table td{display: none !important;}</style>

<style>.table-section:last-child{display: none !important;}</style>

 

<style>/* Tiny Hand With Red Heart - https://www.cursors-4u.com/cursor/tiny-hand-with-red-heart */

* {

  cursor: url('https://cdn.cursors-4u.net/previews/tiny-hand-with-red-heart-d43b8d12-32.webp') 34 32, auto !important;

}

/* End www.Cursors-4U.com Code */</style>

 


0 Kudos

Comments

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