black n white whatever theme 💿

Tags: black, white, stars, simple, cute, animation

Description:

Something based off of my character's favourite style, i don't mind if you don't credit me when using this but please comment if you are using this, if you're using this as a base then please credit me :) and don't republish an edited version of this without permission from me and adding credits

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by tilapia (https://layouts.spacehey.com/layout?id=26293) -->

<style>
    
        body{
    background-image: url('https://i.pinimg.com/564x/b1/7a/a7/b17aa77805177949f872c48d484b1cd2.jpg') !important;}
    
    nav .top{
        background-image: url('https://media.discordapp.net/attachments/1064462871947378729/1073900577785905152/Untitled17_20230211173703.png?width=406&height=406');
        background-color: transparent;
        border: double black 5px;
        border-radius: 10px;
        
    }
    
    nav .links{
        background-color: gray;
        border: double black 5px;
        border-radius: 10px;
    }
    
    main .left{
        background-image: url('https://i.pinimg.com/564x/f8/ec/35/f8ec3579e9adf8d4e572311e2168636f.jpg');
        border: double black 5px;
        border-radius: 5px;
        box-shadow: 0px 1px 10px black;
        
    }
    
    .profile .contact{
        border: double 5px;
        border-radius: 5px;
        background-image: url('https://i.pinimg.com/564x/83/23/c3/8323c334fdbed59e5f99e63d7af18fa0.jpg');
        box-shadow: 0px 1px 10px gray;
    }
    .profile .contact .heading{
        background-color: black;
        border: double white 5px;
    }
    
    .icon{
        display: none;
    }
    
    .profile .url-info{
        border: double black 5px;
      color: black;
	-webkit-text-stroke: .4px white;
	border-radius: 5px;
	box-shadow: 0px 1px 10px gray;
    }
    
    .profile .table-section{
        border: double black 5px;
        border-radius: 5px;
        box-shadow: 0px 1px 10px gray;
    }
    
    nav .top .left .logo{
        display: none;
        
    }
    
    .general-about .profile-pic img{
        border: double black 5px;
        border-radius: 5px;
        box-shadow: 0px 1px 10px gray;
        margin-left: 20px;
    }
    
    [id='q']{
        width: 250px;
        border: double gray 5px;
        border-radius: 5px;
    }
    
    FORM > BUTTON{
        border: double gray 5px;
        border-radius: 5px;
    }
    
    a{
        	color: white;
	font-size: 12px;
	-webkit-text-stroke: 1px black;
    }
    
    .profile h1{
        	color: white;
	font-size: 30px;
	-webkit-text-stroke: 1px black;
	text-align: center;
    }
    
    .profile .blurbs .heading{
        color: white;
        background-color: black;
        border: double white 5px;
        border-radius: 5px;
    }
    
    .profile .mood{
        text-align: center;
    }
    
    .profile .table-section .heading{
        background-color: black;
        border: double white 5px;
    }
    
    .profile .friends .heading{
        color: white;
        background-color: black;
        border: double white 5px;
        border-radius: 5px;
        box-shadow: 0px 1px 10px gray;
    }
    
    .friends-grid{
        display: none;
    }
    
    .profile .blurbs .inner{
        background-image: url('https://i.pinimg.com/564x/35/d4/4e/35d44ea7e38605ded58136d9c1809595.jpg');
        border: double black 5px;
        border-radius: 5px;
        box-shadow: 0px 1px 10px gray;
    }
    
    .profile .blurbs .section h4{
        	color: white;
	font-size: 20px;
	-webkit-text-stroke: 1px black;
    text-align: center
        
    }
    
    .details-table td{
        background-color: white;
        border: double 2px black;
        border-radius: 5px;
    }
    
    .details-table td *{
        color: black;
    }
    
    .profile .table-section{
        background-image: url('https://i.pinimg.com/564x/56/d7/5e/56d75e82a57f94f92c03507572b775a7.jpg');
    }
    .count{
        color: black;
    }
    
    .comments-table td{
        background-image: url('https://i.pinimg.com/564x/99/34/92/99349209a723f7e65d5c04222649974a.jpg');
        border: double black 5px;
        border-radius: 5px;
        box-shadow: 0px 1px 10px gray;
    }
    
    .comments-table td *{
        border-radius: 5px;
    }
    
    img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

footer{
    background-image: url('https://i.pinimg.com/564x/41/a6/5e/41a65ee64f24b23712821f92678fbe8e.jpg');
    border: double black 5px;
    border-radius: 5px;
}

main{
    border: outset white 5px;
    border-radius: 10px;
}

.container{
    width: 900px;
}
</style>

<style>
    :root {
    --light-orange: ;
       --even-lighter-blue: white;
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');
body{font-family: 'Fredoka One', cursive;
font-size: 16px;
</style>

<style>

   a:hover {
     color: black; 
   } 
   a{
     color: white; 
   }
   
   nav .links {

}
nav .links a:hover {
color: black;
}
</style>

<style>
    
    .friends:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 300px;
  background-image: url(https://i.pinimg.com/564x/41/a6/5e/41a65ee64f24b23712821f92678fbe8e.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: center;
  margin-bottom: 10px;
  border-radius: 20px;

}

    main .left:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 200px;
  background-image: url(https://i.pinimg.com/originals/37/6c/c4/376cc4782b90967929b25864545411de.gif);
  background-color: white;
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: center;
  border-radius: 20px;
  border: double 5px;
  box-shadow: 0px 1px 10px gray;

}
/*hi lol*/
</style>

<style>
    img:hover{
          transform: scale(1.1); 
          transition: transform .2s; 
        
    }
    
</style>

<style>* {cursor: url(https://ani.cursors-4u.net/others/oth-9/oth903.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2018/02/08/hypnotize-guitar-pick.html" target="_blank" title="Hypnotize Guitar Pick"><img src="https://cur.cursors-4u.net/cursor.png" alt="Hypnotize Guitar Pick" style="position:absolute; top: 0px; right: 0px;"/></a>


<style>

.profile .profile-info {
	background-image: url(https://i.pinimg.com/564x/7d/7e/7e/7d7e7eef061aeb1633bbfa2eef3526ab.jpg);
	border: double;
        border-color: black;
        border-width: 5px;
	border-radius: 5px;
	text-align: center;
	box-shadow: 0px 1px 10px gray;
}

nav .links a{
    text-shadow: 0px 1px 10px black;
}

</style>

<style>

.online{content:url("https://i1.glitter-graphics.org/pub/34/34221lhhaecsv59.gif");
     filter: grayscale(100%);}
}

</style>

<style>
.links .special a:link, .links .special a:visited  {
  color: white;
}

.links .special a:hover {
  color: white;
}
</style>

<style>
             ::-webkit-scrollbar {
    width: 15px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background-color: gray;
    border: outset 5px;
    }

    ::-webkit-scrollbar-track {
    background: white;
    border: inset 5px;
    }
</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 20 of 60 comments ( View all | Add Comment )

@ Victor.	1709946775 Usando!! Report Comment
Linds Jackknife <333	1709738603 using!! Report Comment
✶⋆.˚party // boombox !!	1708222285 Using !! Report Comment
kaki	1706653460 usinnnnnnn Report Comment
[ 𝐡𝐚𝐫𝐫𝐲 !! ]	1706328365 Using! Report Comment
frankie ♱	1706242412 using :) Report Comment
Faxterilious ➹★	1702680453 Using Report Comment
V4𖦹4	1702607808 USING!! Also how do i change the spider images on the layout to custom imagess??? Report Comment
Ash\wes 1# tpab fan $Ash\wes 1# tpab fan's profile picture$	1702158612 Using (?) Report Comment
yin yang \| inanimate insanity	1695591103 using ^_^ Report Comment
/ᐠ_ ꞈ _ᐟ\ $/ᐠ_ ꞈ _ᐟ\'s profile picture$	1694854354 using :3 Report Comment
gvbius	1690617624 using :3 Report Comment
Azur3	1687223083 using! Report Comment
♡alex♡	1687061587 Using! Report Comment
vane/nero ☆	1686622869 using! Report Comment
KODA ! (｡≧ｴ≦｡)	1686593987 USING!!!!! Report Comment
MICK! ★	1686534411 usinggg Report Comment
zymbiote	1686471340 using Report Comment
bella.	1686418751 using Report Comment