Black & White Y2K Layout

Tags: black, white, simple, layout

Description:

Yeahhh
Like I've said in my last layouts, feel free to change anything or use this as a base. I don't mind.

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Bagel+Fat+One&display=swap');
p{
  font-family: 'Bagel Fat One', cursive;
  font-size: 120%;
  color: white
}
h1,h2,h3,h4,h5{
  font-family: 'Bagel Fat One', cursive;
  font-size: 130%;  
}

h1 {
  color: #FFFFFF;
  text-shadow: 1px 1px 2px #000000;, 0 0 25px black, 0 0 5px black;
}
h4 {
  color: #FFFFFF;
  text-shadow: 1px 1px 2px #000000;, 0 0 25px black, 0 0 5px black;
}
  body {
   background-image: url(https://media.discordapp.net/attachments/1109187618626879679/1119567714961334283/bgs_by_rae.jpeg?width=743&height=418);
background-size: cover;
height: 100%;
background-attachment: fixed;

}
.profile {
   background-color: rgba(10, 4, 5, 0.5); 
}
 main{
    background: rgba(0, 0, 0, 0) !important;
  }
 .url-info{
    display:none !important;
  }
button, input {
    overflow: visible;
    border: 1px solid #000000;
    background: #c3b8b6;
    color: white;
    font-family: 'Bagel Fat One', cursive;
}
.profile .profile-info{
color: black; 
background-image: url(https://i.pinimg.com/564x/6c/42/98/6c4298fccac2fdf92f382cbd2fe32ae2.jpg);
background-size: cover;
background-position: center;
}
.general-about .profile-pic img{
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.profile .friends .person img {
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.comments-table img,
.person img{
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ★ ";
    color: white;
}
nav .top {
color: white;
font-family: 'Bagel Fat One', cursive;
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   color: white;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   color: white;
}
.comments-table{
display: block;
height: 200px;
overflow-y: scroll;
}

main:before {
    width: auto;
    margin-bottom: 5px;
    border: 1px solid black;
    height: 100px;
    display: block;
    content: "";
    background-image: url(https://i.pinimg.com/564x/38/a9/4c/38a94c2035234cd4b1c04809a8a933c9.jpg);
    background-position: center center;
    background-size: cover;
}

footer {
    border-radius: 15px;
    background-image: url(https://i.pinimg.com/564x/ee/25/d3/ee25d360beb3c9319512ea16958e89a5.jpg);
    color: white;
background-size: cover;
height: 100%;
background-attachment: fixed;
}

:root {
    --logo-blue:black;
    --darker-blue: white;
    --lighter-blue: black;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: white;
    --light-orange: black;
    --even-lighter-orange: ;
    --green: pink;
}
.logo {
   content: url(https://media.discordapp.net/attachments/1109187618626879679/1119575402663383091/Custom_dimensions_927x236_px__1_-removebg-preview.png?width=974&height=247);
}
.online{
color: #FFFFFF;
font-family: 'Bagel Fat One', cursive;
font-size: 19px;
text-align: left;
}

.online img{
content: url(https://media.discordapp.net/attachments/1109187618626879679/1119571433719336960/2_-removebg-preview.png?width=418&height=418);
}
nav .links a:hover{
text-decoration: line-through;
color: #c3b8b6;
}

a:hover {
color: #c3b8b6;
}

.count{
color: #FFFFFF;
}
.profile .friends-grid .person p{
color: #FFFFFF;
}
nav .links{
background-color: #0a0809;
font-family: 'Bagel Fat One', cursive;
font-size: 100%;
}
nav .links .special a {
    color: #ffffff;
}

::selection {
   background: #c3b8b6;
   color: #FFFFFF
}
.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* Add to Friends */
	content: url(https://media.discordapp.net/attachments/903364339464044575/1088802410480271380/ECB303A9-F4D1-4C4E-8272-AC6BE03C5854.gif)
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url(https://media.discordapp.net/attachments/903364339464044575/1088802410480271380/ECB303A9-F4D1-4C4E-8272-AC6BE03C5854.gif)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url(https://media.discordapp.net/attachments/903364339464044575/1088802410480271380/ECB303A9-F4D1-4C4E-8272-AC6BE03C5854.gif)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url(https://media.discordapp.net/attachments/903364339464044575/1088802410480271380/ECB303A9-F4D1-4C4E-8272-AC6BE03C5854.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url(https://media.discordapp.net/attachments/903364339464044575/1088802410480271380/ECB303A9-F4D1-4C4E-8272-AC6BE03C5854.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url(https://media.discordapp.net/attachments/903364339464044575/1088802410480271380/ECB303A9-F4D1-4C4E-8272-AC6BE03C5854.gif)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url(https://media.discordapp.net/attachments/903364339464044575/1088802410480271380/ECB303A9-F4D1-4C4E-8272-AC6BE03C5854.gif)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url(https://media.discordapp.net/attachments/903364339464044575/1088802410480271380/ECB303A9-F4D1-4C4E-8272-AC6BE03C5854.gif)
}
  .profile .contact {
    border-radius: 10px;
    border:2px solid rgba(0, 0, 0, 0);
    background-image: url(https://i.pinimg.com/564x/7a/1f/75/7a1f7513eead0e29ed9d28cc70b499f9.jpg);
    background-position: right top;
    background-repeat: repeat;
    background-attachment: scroll;
    Height:140px;
    color: white;
    text-shadow: 1px 1px 2px black
  }

.col, main, footer, nav::before, .online, nav .links, nav .top, .container {
    animation: float 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top, .container {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
</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 30 comments ( View all | Add Comment )

et kafa☆	1782476461 usingg Report Comment
et kafa☆	1782476461 usingg Report Comment
maddy	1774900565 using! Report Comment
Alice	1765386663 using! Report Comment
Alice	1765386657 using! Report Comment
⭑mmaxx .ᐟ	1762571751 i want the spacehey logo with the star and font TnT im not finding it in the code...? Report Comment
Bwltra	1753312547 heyy using, also is there any way u have this without the star shaped pfp? also the background is not working for me:( Report Comment
ri.uy19	1747222985 using Report Comment
DraculIsa 🦇	1744222619 Usando xD Report Comment
apollo	1739031424 using Report Comment
Kyara	1735916015 using Report Comment
piercedtwinkX_X	1734701718 using Report Comment
Quinn/Mikeyy !!	1723658074 using!! Report Comment
tthoma!	1722040068 using! Report Comment
Riya⭑.ᐟ	1717875682 using <3 Report Comment
⸝⸝ ꒰ Angel Food 🍉ㆍ₊⊹	1707094189 using <3 Report Comment
soma <3	1700920754 using ! Report Comment
kit	1697587315 using ! :D Report Comment