ULTRAKILL - Main Menu

Tags: ultrakill, game

Description:

Here's an ULTRAKILL main menu-inspired layout I made! Feel free to use it if you wish ^v^ I love ULTRAKILL a bunch, so I hope you enjoy it. If you want to edit it, I apologize for the messy code, there is probably some excess stuff that I haven't bothered ruling out due to time constrictions. But as it is by itself, it should be stable. P.S.: Yes, the background moves MANKIND IS DEAD BLOOD IS FUEL HELL IS FULL

Preview:

click on the image for a larger preview

Code:

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

<style>
/*Layout by Blizzard! Feel free to hit me up at https://www.spacehey.com/w_blizzard*/

      /*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://cdn.discordapp.com/attachments/1097563042314727514/1128352435920973865/Hand_ULTRASHADOW.cur'), auto !important;
     font-family: 'Press Start 2P' !important;
      }

      /*ULTRABACKGROUND, cursor*/
      body{
        background: url('https://media.discordapp.net/attachments/1097563042314727514/1128366051684528138/BG.gif');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;

      }

      main:before{
        display: block;
        width: 100%;
        aspect-ratio: 6/1;
        content: "";
        background-image: url('https://media.discordapp.net/attachments/1097563042314727514/1128366721800077312/ULTRAKILL.webp?width=1440&height=231');
        background-size: contain;
        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://cdn.discordapp.com/attachments/1097563042314727514/1128360089644961823/Gun2_ULTRASHADOW.cur'), auto !important;
      }
      .friends a p{
        color: red !important;
      }
      p{
        color: white;
      }
      a img, .person p, a{
        cursor: url('https://cdn.discordapp.com/attachments/1097563042314727514/1128360089644961823/Gun2_ULTRASHADOW.cur'), 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://cdn.discordapp.com/attachments/1097563042314727514/1128360089644961823/Gun2_ULTRASHADOW.cur'), 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://cdn.discordapp.com/attachments/1097563042314727514/1128360089644961823/Gun2_ULTRASHADOW.cur'), 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;
      }

      /*Hiding Blizzard's blank fields*/
       tr:nth-child(3), tr:nth-child(4){
        display: none !important;
      }

      tr:last-of-type{
        display: table-row !important;
      }



</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 20 of 31 comments ( View all | Add Comment )

SchlongInMyNuts	1775236415 flipping using it Report Comment
Cosmic brownies! ^3^	1771271840 Using! Report Comment
Cosmic brownies! ^3^	1771271838 Using! Report Comment
Cosmic brownies! ^3^	1771271832 Using! Report Comment
Cosmic brownies! ^3^	1771271832 Using! Report Comment
pyrocs	1770146451 using Report Comment
Mollyay	1768408947 using using using Report Comment
James	1767410941 yeah so the writing and the buttons work, nothing else does, it just shows my custom colours and stuff, no background image. Report Comment
fry :-)	1760167270 using da heck out of dis............ Report Comment
skittle	1749399332 the background image didnt laod everything else was fine :c Report Comment
AimShow	1742560838 im trying to use it but when i import it into my about me it doesnt work :( Report Comment
Mr_Saturn	1739841172 Using! Report Comment
Madz/Lynn	1733644369 USING Report Comment
Evilguy69	1731253112 USING USING OHH MYYY GOODNESS GRAVY USINNIGNIGNGG Report Comment
dylickz ./ sanford	1730533058 USINGGG THANK U SM Report Comment
machine	1728633541 using! awesosme layout thanks Report Comment
dev	1728109164 oh im totally using this..... Report Comment
Jeremy_N0t_F0und	1727637027 idk why but this layout doesn't work for me (i noticed that maybe i am the 2nd guy that has this issue) Report Comment
CottinCandii	1727495661 im using thisss :3 Report Comment
Kacey	1726903347 using Report Comment