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

JivaXD	1771168266 usinggg Report Comment
scripter	1770598615 Using!! Report Comment
ZeroChars	1769637269 Using! Thank you Report Comment
Foureyes	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
Lew	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
Evan	1757945772 usingggg this is so cool Report Comment
JOE545	1757731588 Using Report Comment
°★ 。☆ren☆★°☆	1755249921 USING THIS IS SO COOL Report Comment
a cow-boy! 🐮	1754780351 looks epic im using this! Report Comment
Pao	1749245517 USINGG Report Comment
❖❀～ 𝐏𝐢𝐩𝐞𝐫 ～❀❖	1746719252 USING Report Comment
Nyanbong	1746457665 using!! Report Comment
ʚ ᧔ෆ᧓ ɞ	1744296709 beautiful i will be using this masterpiece of a layout Report Comment
Vicky	1744067612 usingg ^___^ Report Comment