Cosy Minecraft Layout

Tags: minecraft, mc, nostalgia, fox, animal, pixel, videogame, autoplay, animation

Description:

Includes: autoplay of subwoofer lullaby with rain, pickaxe cursor, fox gifs, custom redstone torch link icons and bookcase icons, rain overlay etc!! Free for anyone to use just lmk in the comments!

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

/*BODY FONT*/
   body{font-family: 'Orbitron', sans-serif;
   color: white !important;
   font-size: 90%;
   text-shadow: 2px 2px 3px #FFFFFF, 0 0 25px white, 0 0 5px #FFFFFF}

/*HEADINGS FONT*/
   h1, h2, h3, h4, .profile .blurbs .section h4{font-family: 'Press Start 2P', cursive;
   font-size: 120%;
   color: white !important;
   text-shadow: 2px 2px 3px #FFFFFF, 0 0 25px white, 0 0 5px #FFFFFF}

/*TEXT SETTINGS*/
main p{
   letter-spacing: 2px;
   font-weight: 700; 
   line-height: 1.5;
   color: white !important;
   text-shadow: 2px 2px 3px #FFFFFF, 0 0 25px white, 0 0 5px #FFFFFF}

main{background: none}
/*CURSOR*/
*{cursor: url(http://www.rw-designer.com/cursor-view/180182.png), auto !important}

/*LINK COLOURS*/
.links, .links a, .logout-btn{
   color: white !important;
   text-shadow: 0px 0px 5px 3px white}

a{color: white !important}
   a:hover{color: yellow !important;
    text-decoration: underline}
   a:visited: color: yellow !important}

.top a{color: #FF0000 !important}
   .top a:hover{color: white !important
    text-decoration: underline}
   .top a:visited{color: white !important}

.links a{color: #5cad58 !important}
   .links a:hover{color: white !important
    text-decoration: underline}
   .links a:visited{color: white !important}

footer .links a{color: white !important}
   footer .links a{color: yellow !important
    text-decoration: underline}
   footer .links a{color: yellow !important}

/*BORDERS*/
.contact, .table-section{
   padding: 2px;
   border-width: 2px; 
   border-radius: 4px;
   border-color: #db871a !important;
   box-shadow: 0px 0px 5px 3px #db871a !important;
   margin-bottom: 20px !important;
   background: url(https://i.ibb.co/TDXjsSj/h76-JIF3-2.gif)}

.blurbs, .friends{ 
   padding: 2px;
   border: solid #db871a 2px;
   border-radius: 4px;
   margin-bottom: 20px;
   box-shadow: 0px 0px 5px 3px #db871a !important;
   margin-bottom: 20px !important
   background: url(https://i.ibb.co/TDXjsSj/h76-JIF3-2.gif)}

.comments-table{ 
   padding: 2px;
   border: solid #db871a 2px;
   border-radius: 4px;
   box-shadow: 0px 0px 5px 3px #db871a !important;
   margin-bottom: 20px !important
   background: url(https://i.ibb.co/TDXjsSj/h76-JIF3-2.gif)}

footer .links{
   background: none !important;
   box-shadow: none !important}

/*VERY BACK BACKGROUND*/
body{
   background: url(https://i.ibb.co/qksTLQv/wUDEMDU.png);  
   background-size: cover}

/*PROFILE BCKGROUND*/
.profile{
   background: opacity 0.01;
   margin-bottom: 5px}

/*HEADER*/
.top{
   background:  none !important;
   margin-bottom: 20px;
   border-radius: 4px;
   box-shadow: 0px 0px 5px 3px #db871a !important}


/*FOOTER*/
footer {
   height: 150px;
   background-image: url(https://i.ibb.co/74kvRT1/TYMfx5j.gif);
   background-position: centre !important;
   background-size: cover;
   border-radius: 4px;
   box-shadow: 0px 0px 5px 3px #db871a !important}

/*NAV BAR*/
.links{ 
   text-align: center;
   background:  !important;
   background: url(https://i.ibb.co/jg4js7w/m4SWQAl.jpg) !important;
   background-size: 50% !important;
   background: no repeat fixed;
   margin-bottom: 20px !important;
   border-radius: 4px;
   box-shadow: 0px 0px 5px 3px #db871a !important}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{
    content: " ⭒ ";
    color:  white}

/*LOGO*/
.logo {
   filter: sepia(100%) hue-rotate(45deg) saturate(10);
   box-shadow: 0px 0px 7px 5px white}

/*HEADINGS BACKGROUND*/
.profile .blurbs .heading, .profile .friends .heading, .profile .table-section .heading, .profile .contact .heading, links{
   background: url(https://i.ibb.co/jg4js7w/m4SWQAl.jpg) !important;
   border: 2px solid #926c4d;
   border-radius: 2px}

/*CIRCULAR PFP*/
.profile-pic {
   border-radius: 500px;
   overflow: hidden;
   box-shadow: 0px 0px 9px 7px white}

/*CIRCULAR FRIENDS PFP*/
.friends-grid img{
   border-radius: 500px;
   overflow: hidden;
   box-shadow: 0px 0px 9px 7px white}

/*TRANSPARENT INTERESTS GRID*/
:root{
   --even-lighter-blue: opacity:0.01;
   --lightest-blue: opacity:0.01;

/*FRIENDS-GRID*/
   --light-orange: url(https://i.ibb.co/jg4js7w/m4SWQAl.jpg);
   --even-lighter-orange: url(https://i.ibb.co/jg4js7w/m4SWQAl.jpg)}

/*URL SECTION*/
.profile .url-info{
   padding: 2px;
   background-image:url(https://i.ibb.co/4MY77QV/NEFj6-Uc-1.png);
   background size: cover !important;
   border: solid #db871a 2px;
   border-radius: 4px;
   box-shadow: 0px 0px 5px 3px #db871a;
   margin-bottom: 20px !important}

/*CONTACT SECTION*/
.contact {
   padding: 2px;
   margin-bottom: 20px !important;
   font-size: 12px;
   border-radius: 5px;
   border-top: 1px}

/*ONLINE*/
.online{content: 
   url(https://64.media.tumblr.com/956f6803dccac370674586a49c7552ef/b25659ec22a808e5-43/s500x750/8d25e303595de9f4f33e7487f716424133d0826d.gif);
   width: 200px;
   box-shadow: 0px 0px 7px 5px #db871a}

/*CONTACT ICONS*/
.contact .inner a img {
font-size: 0}

.contact .inner a img:before {
font-size: 1em;
display: block}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* ADD TO FRIENDS */
content: url(https://i.ibb.co/vkxXtMx/j6DbE9o.gif)}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* ADD TO FAVOURITE */
content: url(https://i.ibb.co/vkxXtMx/j6DbE9o.gif)}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/*SEND A MESSAGE */
content: url(https://i.ibb.co/vkxXtMx/j6DbE9o.gif)}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/*FORWARD TO FRIEND*/
content: url(https://i.ibb.co/vkxXtMx/j6DbE9o.gif)}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/*INSTANT MESSAGE*/
content: url(https://i.ibb.co/vkxXtMx/j6DbE9o.gif)}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/*BLOCK USER*/
content: url(https://i.ibb.co/vkxXtMx/j6DbE9o.gif)}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/*ADD 2 GROUP*/
content: url(https://i.ibb.co/vkxXtMx/j6DbE9o.gif)}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/*REPORT*/
content: url(https://i.ibb.co/vkxXtMx/j6DbE9o.gif)}

/*PROFILE LINKS ICONS*/
  .icon, .award img {
        content: url(https://i.ibb.co/6NgsSTt/DmLZy43.gif);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0)}

/*BUTTONS*/
button{
   color: #db871a;
   background: url(https://i.ibb.co/4MY77QV/NEFj6-Uc-1.png); 
   border: 2px solid white;
   padding: 2px}
   button:hover {
   color: white;
   background: url(https://i.ibb.co/4MY77QV/NEFj6-Uc-1.png);
   padding: 4px}

/*TOP SEARCH BAR*/
  .search-wrapper input[type=text] {
    background-color: #db871a !important;
    border: 1px solid white !important;
    border-radius: 10px !important}
 button{
    border-radius: 10px !important;
    border: 1px solid white !important;
    background-color:  #db871a !important}

/*ANIMATION OVERLAY*/
html:before{ 
   animation: grain 8s steps(10) infinite;
   background-image: url(https://i.ibb.co/mSXbshm/Boaz9s-Y-2.gif);
   background-size: 100%; 
   content: "";
   height: 200%;
   left: -50%;
   opacity:.5;
   position: fixed;
   top: -100%;
   width: 200%;
   pointer-events:none}

<style>
fox
</style>
<div style="float: ; max-height: 800px; position: fixed; left: 1px; bottom: 10px; z-index: 200;"><img src="https://i.ibb.co/X2PpCvF/wwyF6vw.gif"/></div>

<style>
other foxes
</style>
<div style="float: ; max-height: 800px; position: fixed; top: 1px; bottom: 10px; right: 1px; z-index: 200; "><img src="https://i.ibb.co/frQSdr0/CBVD87o.gif"/></div>

<iframe width="0" height="0" src="https://www.youtube.com/embed/_L8OpYplFNg//?&;amp;;autoplay=1&;loop=infinite&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>

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

Leilah	1765320816 Using a part of it (Footer & Fox) thx!! Report Comment
riot	1765272080 usingo Report Comment
mdx	1765070145 using this! it's adorableeee Report Comment
R@r@_W3Ird0	1763948376 Using! (The foxes and music) Report Comment
GregoryXOXO	1760809216 using! Report Comment
JOE545	1757731474 Using B) Report Comment
MrCat	1752761591 Using Report Comment
rickes	1740438517 using!! Report Comment
marul	1736073700 using! this is absolutely awesome Report Comment
Theatrefox	1733213926 using!! (may change it a little) Report Comment
liv	1731428844 FIRE!! Report Comment
Я𝖤𝖭𝖠𝖳𝖳𝖠 𝖵.	1731423501 usingg the other foxes Report Comment
Raven	1729457236 Using!! Report Comment
ᥫ᭡. Kami	1722626947 love it, using! Report Comment
Fundy	1718945875 this is fire Report Comment
Juventas	1716992125 Using this :3!! Report Comment
BL1TZ	1715322515 using!! Report Comment
GrönPaneto	1715256340 usingg!! Report Comment
Ony_After_Hours	1714741976 Useinnggggggggg Report Comment
Blazingjaguar	1710593724 Using Report Comment