MINECRAFT MENU!?!!? (real???)

Tags: minecraft, gaming, games, menu, inventory

Description:

Change things as you please. It's very messy and broken. Comment if you use. I just want to see <3 If there's anything wrong, let me know. I'll at least try to fix it.

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url(https://db.onlinewebfonts.com/c/535bc132d619f1b68d078ee3b996489e?family=Minecraft+1.1); 
h1,h2,h3,h4,h5,p,a,label{
  font-family: "Minecraft 1.1", cursive;
  color: #3f3f3f;
}
body{Background-image: url("https://files.catbox.moe/bb5xxo.png");background-size: 150px;box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.75);background-attachment: fixed;cursor: url(https://files.catbox.moe/qwarux.png), auto;}

::selection {
  background:#e6e6e6;
  color:#0e0e0e;
  text-shadow: 3px 3px rgba(0, 0, 0, 0);
  
}

nav .top{background-image:url("https://files.catbox.moe/jd4xk2.png");background-size: 150px; margin-bottom:5px; a{text-shadow: 3px 3px rgba(50, 50, 50, 0.60)}}
nav .links{margin: 1px 0px 5px 0px;padding-top:1.5%;text-align: center; content-align:center; a, a:hover{color:rgba(0,0,0,1);text-shadow:none; margin:5px;}}
div .center label{color:#ffffff;text-shadow: 3px 3px rgba(50, 50, 50, 0.60)}

main {Background-color:#c6c6c6;
clip-path: polygon(
    0px calc(100% - 20px),
    4px calc(100% - 20px),
    4px calc(100% - 12px),
    8px calc(100% - 12px),
    8px calc(100% - 8px),
    12px calc(100% - 8px),
    12px calc(100% - 4px),
    20px calc(100% - 4px),
    20px 100%,
    calc(100% - 20px) 100%,
    calc(100% - 20px) calc(100% - 4px),
    calc(100% - 12px) calc(100% - 4px),
    calc(100% - 12px) calc(100% - 8px),
    calc(100% - 8px) calc(100% - 8px),
    calc(100% - 8px) calc(100% - 12px),
    calc(100% - 4px) calc(100% - 12px),
    calc(100% - 4px) calc(100% - 20px),
    100% calc(100% - 20px),
    100% 20px,
    calc(100% - 4px) 20px,
    calc(100% - 4px) 12px,
    calc(100% - 8px) 12px,
    calc(100% - 8px) 8px,
    calc(100% - 12px) 8px,
    calc(100% - 12px) 4px,
    calc(100% - 20px) 4px,
    calc(100% - 20px) 0px,
    20px 0px,
    20px 4px,
    12px 4px,
    12px 8px,
    8px 8px,
    8px 12px,
    4px 12px,
    4px 20px,
    0px 20px
  );
margin-top:4px;
/*
PIXEL CURVE DONE WITH THIS SITE
https://pixelcorners.lukeb.co.uk/?radius=8&multiplier=4
*/

border-style: solid;
border-width: 10px;
border-color: #ffffff #555555 #555555 #ffffff;
box-shadow: 0 0 0 20px #ffffff;
}

.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading, .home-actions .heading{background-image:url("https://files.catbox.moe/vis9gs.png");background-size: 50px}

.slot, .subbox, .blurbs ,.url-info, .blurbs, .details, .mood, .blog-preview, .friends, .contact, .table, .table-section, footer, nav .links a:hover{
Background-color:#8b8b8b;
box-shadow: 2px 2px 0 2px #e8e8e8,
-2px -2px 0 2px #555555,
0 0 0 4px #8b8b8b;

}

.blog-preview, .blurbs .inner .section{ h4{color:#000000; text-shadow: 2px 2px rgba(0, 0, 0, 0.07)}}

.slot:hover, .comment-replies:hover, .blurbs:hover ,.url-info:hover, .blurbs:hover, .details:hover, .mood:hover, .blog-preview:hover, .friends:hover, .contact:hover, .table:hover, .table-section:hover, footer:hover {
  background-color: #c3c3c3;
}
.comment-replies{text-shadow: 3px 3px rgba(50, 50, 50, 0.60)}
.blog-preview{padding:5px}

.comment-replies, .supbox, nav .links, nav .links a{
Background-color:#c6c6c6;
box-shadow: 2px 2px 0 2px #555555,
-2px -2px 0 2px #e8e8e8,
0 0 0 4px #8b8b8b;
}
.comment-replies{border-style:none}
.comment-replies *:last-child p::before{background:rgba(0,0,0,0);text-shadow: 1px 1px rgba(50, 50, 50, 0.60);} 

.pfp-callback, .profile-pic{background-color:#000000; margin:5%}


.profile .contact, .profile .url-info, .profile .table-section, .comments-table {border-style:none;}
.comments-table a{color:#55FFFF;text-shadow: 1px 1px rgba(50, 50, 50, 0.60);}

.profile .comments-table td{background-color:rgba(0,0,0,0); padding:0px;border-style:none;}
.profile .comments-table td p:not(.profile .comments-table td .report, p:last-child){background-color:rgba(0,0,0,.25); padding:5px; color:#dedede; text-align: center;text-shadow: 3px 3px rgba(50, 50, 50, 0.60);}

#flex {display: flex;flex-direction: column;}

.comments-table td:first-child p::before{content:"<"}
.comments-table td:first-child p::after{content:">"}

.small{text-shadow: 1px 1px rgba(50, 50, 50, 0.60);}
.profile .details-table td{background-color:rgba(0,0,0,0);}
.profile .details-table td p{background-color:rgba(0,0,0,.25); padding:5px; color:#dedede; text-shadow: 3px 3px rgba(50, 50, 50, 0.60); text-align: center;}


.w-40 h1{
text-align:center;
background-image:url(https://i.imgur.com/MdPa5hN.png);
background-size: 56px; color:#ffffff;
text-shadow: 3px 3px rgba(50, 50, 50, 0.60);
box-shadow: inset 0 0 0 2000px rgba(126, 126, 126, 0.75);
border-style:solid;
border-color: #AAAAAA #565656 #565656 #AAAAAA
}
.online{padding:5px;content-align:center;text-align:center;}
.online img{content:url(https://files.catbox.moe/4j9575.png);image-rendering: crisp-edges; width:16px; height:auto}


.w-40 h1:hover{
color:#ffffcc;
box-shadow: inset 0 0 0 2000px rgba(150, 175, 255, 0.75);;
border-style:solid;
border-color: #BDC6FF #59639A #59639A #BDC6FF;
}
.pfp-fallback{border-style:solid; border-color:black}


.subbox{margin-top:2.5%;margin-right:2.5%}

:root {
  --cellwidth: 30px;
  --background-color: #8e6144;
}


* { cursor: url(https://files.catbox.moe/qwarux.png), auto;}
*:read-write {cursor: url(https://files.catbox.moe/0ai9to.png) 4 26, auto;}
a:hover, a * {animation:bowdraw 1s infinite;}


@keyframes bowdraw{
  0%{ 
    cursor: url(https://files.catbox.moe/49zfkt.png), auto;
  }
  15%{ 
    cursor: url(https://files.catbox.moe/viiq7g.png), auto;
  }
  30%{ 
    cursor: url(https://files.catbox.moe/jnbyt8.png), auto;
  }
  45%{ 
    cursor: url(https://files.catbox.moe/pczpy8.png), auto;
  }
  60%{ 
    cursor: url(https://files.catbox.moe/pczpy8.png), auto;
  }
  75%{ 
    cursor: url(https://files.catbox.moe/pczpy8.png), auto;
  }
  75%{ 
    cursor: url(https://files.catbox.moe/pczpy8.png), auto;
  }
  100%{ 
    cursor: url(https://files.catbox.moe/49zfkt.png), auto;
  }
}

.dummy{background:#000000;padding:4px;border-radius: 30px; margin:auto;}

.inv{padding:5%;padding-top:0;display: flex; flex-wrap: wrap;}

.slot:hover {
  align-content: center;
  background-color: #c3c3c3;
}

.slot p{position:absolute;transform: translate(25px, 35px);color:#ffffff; font-size:2.3em; text-shadow: 3px 3px rgba(0, 0, 0, 0.60);}
.slot {
width:65px;
align-content: center;
margin: 5px;
display: grid;
aspect-ratio: 1;}




.invdisp, nav .links{Background-color:#c6c6c6;  margin:auto;
clip-path: polygon(
    0px calc(100% - 20px),
    4px calc(100% - 20px),
    4px calc(100% - 12px),
    8px calc(100% - 12px),
    8px calc(100% - 8px),
    12px calc(100% - 8px),
    12px calc(100% - 4px),
    20px calc(100% - 4px),
    20px 100%,
    calc(100% - 20px) 100%,
    calc(100% - 20px) calc(100% - 4px),
    calc(100% - 12px) calc(100% - 4px),
    calc(100% - 12px) calc(100% - 8px),
    calc(100% - 8px) calc(100% - 8px),
    calc(100% - 8px) calc(100% - 12px),
    calc(100% - 4px) calc(100% - 12px),
    calc(100% - 4px) calc(100% - 20px),
    100% calc(100% - 20px),
    100% 20px,
    calc(100% - 4px) 20px,
    calc(100% - 4px) 12px,
    calc(100% - 8px) 12px,
    calc(100% - 8px) 8px,
    calc(100% - 12px) 8px,
    calc(100% - 12px) 4px,
    calc(100% - 20px) 4px,
    calc(100% - 20px) 0px,
    20px 0px,
    20px 4px,
    12px 4px,
    12px 8px,
    8px 8px,
    8px 12px,
    4px 12px,
    4px 20px,
    0px 20px
  );

/*
PIXEL CURVE DONE WITH THIS SITE
https://pixelcorners.lukeb.co.uk/?radius=8&multiplier=4
*/

border-style: solid;
border-width: 5px;
border-color: #ffffff #555555 #555555 #ffffff;
box-shadow: 0 0 0 20px #ffffff;
}

.chat, .comment-replies p not(:first-child:empty, :nth-last-child(2):empty){background-color:rgba(0,0,0,.25); padding:5px; color:#dedede; text-shadow: 3px 3px rgba(50, 50, 50, 0.60);}
.typing:after{content:"_";opacity:1;animation:typing 1s ease-in-out infinite}
@keyframes typing{

0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}

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

curlyfried🧪	1784679037 using because this is awesome Report Comment
The_Black_Cat	1782615785 Using:) Report Comment
Radi0_B00m	1778594749 Using! :P Report Comment
Mika	1778288597 Using! Report Comment
d3rlord3	1777488750 Using! Report Comment
🍊 ♪ KOOLAID ₍ᐡ. . ܸᐡ₎	1776925800 using!! ^^ Report Comment
Tali	1776800198 Using! Report Comment
t0tallynotandre	1773275876 im gonna change it a little,,, but using!! ty!! Report Comment
souperstar;1	1772689431 using! thank u Report Comment
JivaXD	1771168266 usinggg Report Comment
necbromeowncer	1770598615 Using!! Report Comment
ZeroChars	1769637269 Using! Thank you Report Comment
sidney	1768353843 i'm uisng Report Comment
6olya6	1765126745 using!! Report Comment
seriousgoose	1764893306 using! this is algebraic dude Report Comment
kao	1764638896 USSINNGG THIS IS SO AWESOME Report Comment
Ghostiefur	1760288026 USING ITT Report Comment
lonesome canine	1759760952 USING!!!! THIS IS SO AWSOMMMM Report Comment
ＶＡＬＥＮＴＩＮＥ	1759421870 using!!!! Report Comment
Evan	1757945774 usingggg this is so cool Report Comment