cyber y2k type theme

Tags: cyber, y2k, 2000s, purple, black, fuchsia
Description:

hey. i was having trouble getting the snow and the .gif pfp to show up correctly, so if anybody is having the same issue lmk, or if you know how to fix it lmk as well. thanks! enjoy :)
Preview:

click on the image for a larger preview
Code:

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

<style>

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

.logo {
  filter: sepia(100%) hue-rotate(250deg) saturate(100);
}

body {
  background: url(https://64.media.tumblr.com/7168064fbded6fd3bb5f19e36a4d5c0b/cab23afa2ee77910-6d/s500x750/b50f65993cd6316371459776850a95c362068345.gif);
   background-size: 100%;
}

nav .top {
  background: url(https://wallpapercave.com/wp/wp11966093.jpg);
   color: fuchsia;
    border-style: dashed;
     border-width: 2px;
      border-radius: 10px;
       border-color: fuchsia;
}

nav .links {
  background-color: transparent;
}

nav .links a {
  color: white;
}

nav .links a:hover {
  color: fuchsia;
}

.profile {
  background: url(https://wallpapercave.com/wp/wp11966093.jpg);
   border-style: dashed;
    border-width: 2px;
     border-radius: 10px;
      border-color: fuchsia;
       background-size: 100%;
}

.profile h1 {
  color: fuchsia;
   font-family: 'Akronim', cursive;
    font-size: 40px;
}
.online {
  color: fuchsia;
   font-family: 'Akronim', cursive;
}

.online img {
  content: url("https://i.pinimg.com/originals/c2/e6/38/c2e638163c830cd682928efe20d86f88.gif");
   animation-name: none;
    visibility: visible;
     height: 65px;
      width: 65px;
}

time.ago {
  color: white;
}

a {
  color: white;
   text-decoration: none;
    font-family: 'Astloch', cursive;
     font-weight: bold;
      font-size: 15px;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
  color: fuchsia;
   text-decoration: underline;
}

.profile .blurbs .section h4 {
  color: fuchsia;
   margin: 0;
    font-family: 'Akronim', cursive;
     font-size: 15px;
}

.profile .blurbs .heading, .profile .friends .heading {
  background: black;
   color: fuchsia;
    font-family: 'Akronim', cursive;
     font-size: 20px;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background: black;
   color: fuchsia;
    font-family: 'Akronim', cursive;
     font-size: 20px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
  width: 100%;
   border: 2px solid black;
    margin: 10px 0;
}

.details-table td:first-child {
  background: black;
   color: fuchsia;
    font-weight: bold;
     width: 33%;
      font-family: 'Akronim', cursive;
       font-size: 25px;
}

.details-table td {
  background: black;
   color: white;
    font-family: 'Astloch', cursive;
     font-weight: bold;
      font-size: 18px;
       vertical-align: top;
}

.comments-table td:first-child, .music-table td:first-child {
  background: black;
}

.comments-table td, .music-table td {
  background: black;
}

main {
  color: fuchsia;
   font-family: 'Akronim', cursive;
    font-size: 17px;
     background: transparent;
}

.count {
  color: white;
}

footer {
  background: transparent;
}

.friends a p {
  color: fuchsia;
   font-family: 'Akronim', cursive;
}

.comments-table td {
  color: white;
   font-family: 'Astloch', cursive;
    font-weight: bold;
}

.general-about .details {
  font-family: 'Astloch', cursive;
   color: white;
    font-weight: bold;
}

.profile .mood p {
  color: white;
   font-family: 'Astloch', cursive;
    font-weight: bold;
}

.profile .mood p b {
  color: fuchsia;
   font-family: 'Akronim', cursive;
}

.blog-preview p {
  font-weight: bold;
}

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

.links .special a:hover {
  color: fuchsia;
}

.logout-btn, .logout-form {
  color: white;
   font-family: 'Astloch', cursive;
    font-weight: bold;
}

.profile .blurbs .section p {
  color: white;
   font-family: 'Astloch', cursive;
    font-weight: bold;
}

.profile .url-info p {
  color: white;
   font-family: 'Astloch', cursive;
    font-weight: bold;
}

.profile .url-info p b {
  color: fuchsia;
   font-family: 'Akronim', cursive;
}

.profile .blurbs .section {
  color: white;
}

.profile .contact .icon {
  display: none;
}

}
.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: "💜"

}
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
   	/* Add to Favorites */
	content: "💜"

}
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "💜"

}
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "💜"

}
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "💜"

}
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "💜"

}
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "💜"

}
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "💜"

}

</style>


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

<div class="snowflakes">
  <div class="snowflake">
  <img alt="Black Butterfly" src="https://i.imgur.com/f0zdYNp.gif" style="width:75px;"/>
  </div>
  <div class="snowflake">
  <img src="https://i.imgur.com/gv7RKPz.gif" alt="Black Japanese Spinner" style="width: 130px;"/>
  </div>
  <div class="snowflake">
  <img alt="Black Butterfly" src="https://i.imgur.com/f0zdYNp.gif" style="width:75px;"/>
  </div>
  </div>
  <div class="snowflake">
  <img alt="Black Butterfly" src="https://i.imgur.com/f0zdYNp.gif" style="width:75px;"/>
  </div>
 
  <div class="snowflake">
 <img alt="Black Butterfly" src="https://i.imgur.com/f0zdYNp.gif" style="width:75px;"/>
  </div>
 
  <div class="snowflake">
  <img alt="Black Butterfly" src="https://i.imgur.com/f0zdYNp.gif" style="width:75px;"/>
  </div>
 
  <div class="snowflake">
    <img alt="Black Butterfly" src="https://i.imgur.com/f0zdYNp.gif" style="width:75px;"/>
  </div>
 
  <div class="snowflake">
    <img alt="Black Butterfly" src="https://i.imgur.com/f0zdYNp.gif" style="width:75px;"/>
  </div>
 
  <div class="snowflake">
    <img src="https://i.imgur.com/gv7RKPz.gif" alt="Black Japanese Spinner" style="width: 130px;"/>
  </div>
  <div class="snowflake">
    <img src="https://i.imgur.com/gv7RKPz.gif" alt="Black Japanese Spinner" style="width: 130px;"/>
  </div>
  <div class="snowflake">
    <img src="https://i.imgur.com/gv7RKPz.gif" alt="Black Japanese Spinner" style="width: 130px;"/>
  </div>
 
  <div class="snowflake">
    <img src="https://i.imgur.com/gv7RKPz.gif" alt="Black Japanese Spinner" style="width: 130px;"/>
  </div>

<style>
/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px rgba(0,0,0,0.7);
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-2/cur119.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2008/12/17/cool-purple-outer-glow-pointer.html" target="_blank" title="Cool Purple Outer Glow Pointer"><img src="https://cur.cursors-4u.net/cursor.png" alt="Cool Purple Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://i.imgur.com/P1zJ6uv.gif"); display: inline-block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */ 
</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 1 of 1 comments ( View all | Add Comment )
scourge the jeff the killer
1682665392
woah, this is cool as hell!!
Report Comment
tysm!!! :)
by UhhhKira; 1682699150; Report