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 20 comments ( View all | Add 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
ROAR	1727218693 USINGGG Report Comment
Kacey	1726903347 using Report Comment
Gabriel The Apostate of Hate	1726204436 using Report Comment
The 𝓕𝓻𝓮𝓪𝓴𝓮𝓻..	1719140909 Using Report Comment
Tefszzz	1711587359 Usingg Report Comment
Six	1708995216 Hi, just wanted to let you know I'm using the theme but also, there seems to be an issue where the background doesn't load/work? I think the discord image url is broken or has changed. Just letting you know. Report Comment
snowdin sys	1708627673 * using Report Comment
Jennifer, Consumer of Onions	1705204589 using ! Report Comment
Jelly	1701207153 FUNNY ULTRAKRILL!!! Report Comment
Floppy Booniedoodle	1699403671 UL!!!!TRA!!!KILL!!!! Report Comment
applejimsFanboy	1698023671 [⊹✧˚] EATS AND USES HEHEHHEHE ─︎ Report Comment
baltimores #2 thug	1695458068 Using!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Report Comment
13OO✮BULLETS	1693684698 UR SO REAL FOR THIS i will add this in my notes to use soon :3!! Report Comment
MEMBRACELET	1689165745 I love you so much thank you Report Comment Thank you! by Blizzard; 1689324511; Report