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

Barakku	1719811036 USING Report Comment
helix	1719785451 using <3 tysm Report Comment
Skibidicumdumpster	1719780651 USING Report Comment
HEART !!	1718990629 using !!! Report Comment
phea!	1716161185 USING!!! Report Comment
Percy	1714972474 USING!!!!!<3 Report Comment
T_suki67	1712065683 using ○w○ Report Comment
T_suki67	1712065683 using ○w○ Report Comment
gooptrials	1706653657 using :D Report Comment
LenKy	1706252974 uSing! :] Report Comment
eddie	1705287120 using!!! Report Comment
vivianne	1705184528 using!! Report Comment
SingusOnSpaceHey	1703893860 using Report Comment
Kaunis	1702742553 Using :D Report Comment
CAT !! ✰ ᗢ	1702115866 using!! :3 Report Comment
TDL ⭕	1701797570 using =3 Report Comment
Silly	1701113905 using!!! :3 Report Comment
Pillbug	1696481306 Using :DDD Report Comment rad ✨✨✨✨ by KoSbeku; 1696481359; Report
samuel	1696208167 using :3 Report Comment rad by KoSbeku; 1696219429; Report
☣︎KASEY☣︎ (´ཀ`)	1695339293 This so so cool :0 using :D Report Comment