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 23 comments ( View all | Add 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
RAMIEL	1727218693 USINGGG Report Comment WHAT ARE YOU DOING HERE??? by Ross ! { 🔪 } !; 1734674250; Report THIS WAS TWO MONTHS AGO, WHAT R YOUUU DOING HERE by RAMIEL; 1734674380; Report
Kacey	1726903347 using Report Comment
Gabriel The Apostate of Hate	1726204436 using Report Comment
Combat king	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