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

rickes	1740438517 using!! Report Comment
Maru :d	1737013262 amazing layout, using!! Report Comment
marul	1736073700 using! this is absolutely awesome Report Comment
fellowcanadian	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
RedPan	1715256340 usingg!! Report Comment
Ony_After_Hours	1714741976 Useinnggggggggg Report Comment
Blazingjaguar	1710593724 Using Report Comment
Theseus !	1710197636 Using! Report Comment
P r i s c i l l a	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