black & white layout + star cursor

Tags: simple, black, white, stars

Description:

hiii heres another layout. this one is currently my layout so if u wanna see everything there is to it jus go to my profile

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Martian+Mono&display=swap');
body{
font-family: 'martian mono', cursive;
font-size: 80%;
}

img{
  filter: sepia(100%) saturate(0);
}
img:hover{
  filter: sepia(100%) saturate(0) blur(1px);
  animation: shake 1s;
  animation-iteration-count: infinite;
}
@keyframes shake{
  0% {transform: translate(1px, 1px) rotate(0deg);}
  10% {transform: translate(-1px, -2px) rotate(-1deg);}
  20% {transform: translate(-2px, 0px) rotate(1deg);}
  30% {transform: translate(2px, 2px) rotate(0deg);}
  40% {transform: translate(1px, -1px) rotate(1deg);}
  50% {transform: translate(-1px, 2px) rotate(-1deg);}
  60% {transform: translate(-2px, 1px) rotate(0deg);}
  70% {transform: translate(2px, 1px) rotate(-1deg);}
  80% {transform: translate(-1px, -1px) rotate(1deg);}
  90% {transform: translate(1px, 2px) rotate(0deg);}
  100% {transform: translate(1px, -2px) rotate(-1deg);}

</style>
<style>

nav .top, footer{
  background-color: black;
  border: 3px solid white;
  border-radius: 3px;
  color: white;
}
nav .links{
  background-color: #404040;
  border: 2px solid #dedede;
  border-radius: 3px;
  text-align: center;
}
nav .links .special a{
  color: white;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
  content: " ✮ ";
  color: black;
}

body{
background:url(https://i.pinimg.com/564x/b4/f2/29/b4f229db81f9672477f361e51465c848.jpg);
}

main{
background:url(https://i.pinimg.com/564x/9b/a7/e8/9ba7e87af7ff66254f828b0e07c38516.jpg);
  border: 3px solid black;
  border-radius: 3px;
}
main .left{
  background-color: black;
  border: 5px solid white;
  border-radius: 3px;
}

h1{
background:url(https://i.pinimg.com/564x/cd/60/c6/cd60c603e37328c5c8307cbaa73ad519.jpg);
  border: 2px solid white;
  border-radius: 3px;
  color: white;
  text-shadow: 0px 0px 5px black;
  text-align: center;
}

.general-about .profile-pic img{
  border-radius: 3px;
  border: 2px solid #dedede;
}
 .general-about .details{
  padding: 10px 0px;
}
.general-about, .mood{
  color: white;
  text-align: center;
}

.online{
  color: #dedede;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-duration: 2s;
}

 DIV.blog-preview{
background:url(https://i.pinimg.com/564x/43/c4/2c/43c42cd5152ef06b285ad0c2cb7a0d1f.jpg);
  border-radius: 3px;
  border: 3px solid black;
  color: black;
  text-align: center;
}

.profile .blurbs, .profile .friends, .profile .contact, .profile .table-section{
  background-color: #dedede;
  border-radius: 3px;
  border: 3px solid black;
  color: black;
  text-align: center;
}
.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading{
  background-color: black;
  color: white;
  text-align: center;
}
.profile .contact .heading, .profile .table-section .heading{
  border: 2px solid white;
}

.profile-info{
background:url(https://i.pinimg.com/originals/3c/c7/22/3cc722c153af2109fb1dee43e084ca39.gif);
  border-radius: 3px;
}

.profile .url-info{
background:url(https://i.pinimg.com/564x/ad/b4/ca/adb4caf54e07744b1517e5d6ae27fb10.jpg);
  border-radius: 3px;
  border: 3px solid white;
  color: white;
  text-shadow: 0px 0px 5px black;
  text-align: center;
}

.profile .contact{
  text-align: left;
}

.contact .inner a img{
  font-size: 0;
}
.contact .inner a img:before{
  font-size: 1em;
  display: block
}
/*ADD TO FRIENDS*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before{
  content: "★"
}
/*ADD TO FAVS*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before{
  content: "☆"
}
/*SEND MSG*/
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
  content: "☆"
}
/*FORWARD TO FRIEND*/
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
  content: "★"
}
/*INSTANT MESSAGE*/
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
  content: "★"
}
/*BLOCK USER*/
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{
  content: "☆"
}
/*ADD TO GROUP*/
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{
  content: "☆"
}
/*REPORT USER*/
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{
  content: "★"
}

.details-table td:first-child{
  background-color: white;
  color: black;
  text-align: center;
  border-radius: 3px;
}
.details-table td{
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 3px;
}

.comments-table td:first-child{
  background-color: black;
  border-radius: 3px;
}
.comments-table td{
  background-color: #dedede;
  border: 2px solid white;
  border-radius: 3px;
}

a, .count, .profile .blurbs .section h4, .profile .friends .section h4, .profile .friends .person p{
  color: #404040;
}
a:hover{
  color: white;
}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/symbols/sym-6/sym597.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/01/26/transparent-white-star.html" target="_blank" title="Transparent White Star"><img src="https://cur.cursors-4u.net/cursor.png" alt="Transparent White Star" style="position:absolute; top: 0px; right: 0px;"/></a>

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 1413 comments ( View all | Add Comment )

Roro	1782488189 using <3 Report Comment
Street_Rat_Lev	1782435129 using Report Comment
Fluro	1782399507 using Report Comment
𝐁𝖾𝗅𝗅𝖺 ✟ 𝐦𝗎𝖾𝗋𝗍𝖾	1782391208 Usinggg Report Comment
Bea	1782147358 using :) Report Comment
ReecieXD	1781899205 Using!! Report Comment
𝐚𝐫𝐬𝐤𝐚	1781703344 using Report Comment
Ray97	1781640546 using Report Comment
Mel!!	1780755016 Using! Report Comment
pandapanda349	1780533693 using! Report Comment
Adam!	1780505519 using! Report Comment
Nkole	1780393916 using! Report Comment
JEFFTHEKILLERS_3RDVICTIM	1780385718 using Report Comment
osaka 🍶	1780143276 Using 4 now >.< Report Comment
Cryinginlace	1779999629 usingggg Report Comment
⊹ ˖ Ი𐑼 bunny ˚｡𖦹 ⋆｡°	1779327244 using as a template xoxo Report Comment
saikiilynxz's mind 𓆩✧𓆪	1779199289 Usinggg! :3 Report Comment
˚ʚ♡ɞ₊丰 𝐼𝑡𝑎𝑙𝑒𝑒𝑦4丰 ₊˚ʚ♡ɞ	1779177423 Using Report Comment
˚ʚ♡ɞ₊丰 𝐼𝑡𝑎𝑙𝑒𝑒𝑦4丰 ₊˚ʚ♡ɞ	1779177402 using Report Comment
Ana	1779021043 Using <3 Report Comment