Diablo_Corvus's profile picture

Published by

published
updated

Category: SpaceHey

ULTRAKILL layout bundle

An updated version of the outdated ULTRAKILL layout created by Blizzard . This layout broke due to the outdated discord image URL links. When using this layout there is custom music, cursor and loading screen, please be mindful so you do not overlap codes. The background is animated. To use the layout please copy the code below and paste it in your 'About Me'. (Image of the layout is below the code)


 <iframe width="0" height="0" src="https://www.youtube.com/embed/0CLkAer_63A?autoplay=1&mute=0&controls=0&loop=1&playlist=0CLkAer_63A&start=11" frameborder="0" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"></iframe>

<style>

  /* Font import */

  @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');


  /* Added opaque variable and changed font */

  html {

    --opaque: rgba(0, 0, 0, 0);

  }


  * {

    cursor: url('https://drive.google.com/uc?id=1LiPqbytS6lRStrOW7R3Hge5sT01qK60m'), auto !important;

    font-family: 'Press Start 2P', sans-serif !important;  /* Ensure the font is applied */

  }


  /* ULTRABACKGROUND, cursor */

  body {

    background: url('https://drive.google.com/uc?id=1RtibaXd7-wIQ73OCiG81UiB1qrTUJGeq');

    background-repeat: no-repeat;

    background-size: 100% 100%; /* Stretch the background to cover the full width and height */

    background-position: center;

  }


  main:before {

    display: block;

    width: 100%;

    aspect-ratio: 6/1;

    content: "";

    background-image: url('https://drive.google.com/uc?export=view&id=1cNeJ_CiU0ZPVm8bW4zSI0Mmzm0W7NqC6'); /* Corrected URL */

    background-size: contain; /* Adjust this if you want to fill the space */

    background-repeat: no-repeat;

    background-position: center;

  }


  /* Neutralized default styling on elements */

  main, nav, .top, footer, table, td, tr, h4, .heading, .profile, .contact, .heading, .container {

    background: var(--opaque) !important;

    background-color: var(--opaque) !important;

    border: none !important;

  }


  /* General text colors */

  a {

    color: red;

    cursor: url('https://drive.google.com/uc?id=1LiPqbytS6lRStrOW7R3Hge5sT01qK60m'), auto !important;

  }

  .friends a p {

    color: red !important;

  }

  p {

    color: white;

  }

  a img, .person p, a {

    cursor: url('https://drive.google.com/uc?id=1LiPqbytS6lRStrOW7R3Hge5sT01qK60m'), auto !important;

    text-decoration: none !important;

  }

  span h1 {

    color: white;

  }


  h3 a {

    color: white !important;

  }

  /* Table borders and styling */

  .details-table td, tr, td:first-child {

    border: 2px solid white !important;

    background: var(--opaque) !important;

    border-radius: 3px;

  }


  td {

    margin: 10px !important;

  }


  /* Table section */

  .table-section {

    border: none !important;

  }


  /* Heading made to look like difficulty selection */

  .heading {

    border-bottom: 2px solid white !important;

    font-size: 20px;

    text-align: left;

    padding-left: 10px !important;

    margin-bottom: 10px;

  }


  /* Add + to online and remove icon */

  .online:before {

    content: "+"

  }


  .online img {

    display: none;

  }


  /* URL info */

  .url-info {

    border: none !important;

  }


  .url-info p {

    color: red;

  }


  .url-info b {

    display: inline-block;

    color: rgb(255, 255, 255);

    font-size: 15px;

    border-bottom: 2px solid white;

    margin-bottom: 3px;

  }


  /* Blue status */

  .mood > p, .details > p {

    color: cyan;

    font-size: 15px;

    font-weight: 900;

  }

  .mood b {

    color: white;

  }


  /* Navigation */

  .links {

    background-color: rgba(0, 0, 0, 0) !important;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

  }


  .links li {

    display: block;

  }


  nav .links li:not(:last-child)::after {

    content: "";

  }


  .right {

    color: rgba(0, 0, 0, 0); 

  }

  nav .right a {

    display: inline-block;

    color: white !important;

    font-size: 15px !important;

    margin: auto;

    border: 3px solid white;

    border-radius: 3px;

    padding: 7px;

    text-align: center;

    font-size: 15px;

  }


  nav .right a:hover {

    color: white !important;

    text-decoration: none !important;

    background-color: rgba(255, 255, 255, 0.2);

    border: 3px solid rgb(163, 163, 163);

    border-radius: 3px;

  }


  li a {

    display: block !important;

    font-size: 15px !important;

    margin: auto;

    color: white !important;

    border: 3px solid white;

    border-radius: 3px;

    padding: 7px;

    text-align: center;

    font-size: 15px;

    margin: 5px;

  }


  li a:hover {

    color: white !important;

    text-decoration: none !important;

    background-color: rgba(255, 255, 255, 0.2);

    border: 3px solid rgb(163, 163, 163);

    border-radius: 3px;

  }


  /* Dark icons */

  .icon {

    filter: grayscale(1) !important;

  }


  /* White headers */

  h4 {

    color: white;

  }


  .copyright {

    text-decoration: none !important;

  }


  /* Additional fixes for owners */

  .logout-btn {

    border: 3px solid white;

    border-radius: 3px;

    display: block !important;

    font-size: 15px !important;

    margin: auto;

    color: white !important;

    padding: 7px !important;

    text-align: center;

    font-size: 15px;

    margin: 5px;

    cursor: url('https://drive.google.com/uc?id=1LiPqbytS6lRStrOW7R3Hge5sT01qK60m'), auto !important;

  }


  .logout-btn:hover {

    color: white !important;

    text-decoration: none !important;

    background-color: rgba(255, 255, 255, 0.2);

    border: 3px solid rgb(163, 163, 163);

    border-radius: 3px;

  }


  .profile-info {

    border: 3px solid white;

    border-radius: 3px;

    display: block !important;

    font-size: 15px !important;

    margin: auto;

    color: white !important;

    padding: 7px;

    text-align: center;

    font-size: 15px;

    margin: 5px;

    cursor: url('https://drive.google.com/uc?id=1LiPqbytS6lRStrOW7R3Hge5sT01qK60m'), auto !important;

  }


  .profile-info:hover {

    color: white !important;

    text-decoration: none !important;

    background-color: rgba(255, 255, 255, 0.2);

    border: 3px solid rgb(163, 163, 163);

    border-radius: 3px;

  }



  tr:nth-child(3), tr:nth-child(4) {

    display: none !important;

  }


  tr:last-of-type {

    display: table-row !important;

  }


</style>



<style>

  body:before {

    content: " ";

    height: 100vh;

    width: 100vw;

    display: block;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 100;

    background-image: url('https://drive.google.com/uc?export=view&id=195_wJeaontHE_UQQX7EDQ6VTjjM-RBKf');

    background-size: 100%; /* Adjusted scale: smaller overall */

    background-repeat: no-repeat;

    background-position: center;

    animation: yourAnimation 3s ease 0s 1 normal forwards;

    pointer-events: none;

  }


  @keyframes yourAnimation {

    0% {

      opacity: 1;

    }

    75% {

      opacity: 1;

    }

    100% {

      opacity: 0;

    }

  }

</style>



2 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )