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 arlo atomickk (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 23 comments ( View all | Add Comment )

Torina	1710868815 using (without music)! Report Comment
Blazingjaguar	1710593724 Using Report Comment
Theseus !	1710197636 Using! Report Comment
Priscilla	1710184785 using :D Report Comment
Matias2008	1710130649 usándooo :] Report Comment
Matias2008	1710130649 usándooo :] Report Comment
Ambrose	1706643551 Using! :D Report Comment
MacAttack	1702513608 using Report Comment
Iheartmyoranges	1697434495 Using :3 Report Comment
lev.	1694933945 Using! .d Report Comment
Perry!!	1692128765 IM SO USING THIS IS SO COOL Report Comment
Aloe	1690598377 Using! Report Comment
Castor / Grian / Jimmy	1690155968 using this one !!!! Report Comment
Berrieshere08	1688233907 using Report Comment
Sunsong	1686953751 was looking for a minecraft cozy theme- tysm il use it! Report Comment
14pinecones	1686687981 this is adorable!! using it :o) Report Comment
✩;- ꒰ °lawrence! ꒱	1686675732 omg this is adorable give it to me Report Comment
red	1686658386 THIS IS SO CUTE im going to use it !! Report Comment
starshipz	1686342881 this is so cute! will be usig if i ca figure the site out :3 Report Comment