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 19 of 19 comments ( View all | Add 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
yami <3	1700920754 using ! Report Comment
kit	1697587315 using ! :D Report Comment
༺asmiuwin༻	1693756547 using!! Report Comment
『 ranger chris 』	1693430067 using Report Comment
puppym	1692928333 using!! ty !! Report Comment
cloverr !!	1692298630 using !! it looks so cool :3 Report Comment
──★ ˙🧷 ̟ !!	1691790354 usando :D Report Comment
Dean	1690018982 Using Report Comment
Luis	1689521435 USING!!!! Report Comment
matcha	1687675097 Using!!1 Report Comment
Mini	1687636881 Using but also totally butchering thanks TvTb Report Comment
shumaisboy	1687432249 USING!! Report Comment
♡alex♡	1687316392 Using! Report Comment