Brown Stars / nature theme

Tags: forest, layout, brown, stars, dark, light, rain, stormy, simple

Description:

Pls comment if using (sound not included)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Elias   '_'   (https://layouts.spacehey.com/layout?id=101835) -->

<style>

body

        {background-image: url(https://i.pinimg.com/564x/7a/34/bd/7a34bd79b4864c05bc288e684d523a92.jpg); no-repeat fixed; background-size:cover;


</style>


<style>
.logo {
content:url("https://cdn.discordapp.com/attachments/1203888582419419247/1218743679741591642/Untitled4_20240316211206.png?ex=6608c680&is=65f65180&hm=f9e2699dce5e19cd40b9dd6b06f014fad3ec34086110fb14d58721a9fc77841c&");
}
</style>


<style>

main {

background-image: url(https://i.pinimg.com/564x/67/15/50/671550becc6e4185d7fc56f4298c6287.jpg); no-repeat fixed; background-size:cover;</style>


<style>

main:before {

	width: 100%;

	height: 125px ;

	display: block;

	content: "";

	background-image: url('https://i.pinimg.com/564x/df/30/1f/df301f4e7436e9a8714fc9c8f12d5fec.jpg');

	background-position: center center;

	background-size: cover;</style>


<style>

:root {

        --logo-blue: #(#47322D);

        --darker-blue: #(#47322D);

        --lighter-blue: #(#47322D);

        --even-lighter-blue: #(#47322D);

        --lightest-blue: #(#47322D);

        --dark-orange: #(#47322D);

        --light-orange: #(#47322D);

        --even-lighter-orange: #(#47322D);

        --green: #(#47322D);

    }

</style>


<style>
.online {
    margin:auto;
    padding-bottom: 5px;
    content: url(https://cdn.discordapp.com/attachments/1203888582419419247/1218768647829586001/Untitled3_20240316224904.png?ex=6608ddc1&is=65f668c1&hm=63493c26a3098edeb8967adaf3d904bb0d640ae274d2d9236fa2985a17d6bd17&);
  animation: rotation 6s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

</style>


<style>


body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(https://i.pinimg.com/originals/46/b2/29/46b229726dd48ea80deff23d347e6931.gif);
    z-index: 2;
background-size: cover;
    pointer-events: none;
    mix-blend-mode: color-dodge;
}
</style>


<style>

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: "꩜"

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

	/* Add to Favorites */

	content: "☆"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

	/* Send Message */

	content: "꩜"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

	/* Forward to Friend */

	content: "☆"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

	/* Instant Message */

	content: "꩜"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

	/* Block User */

	content: "☆"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

	/* Add to Group */

	content: "꩜"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

	/* Report Profile */

	content: "☆"

}</style>


<style>
.general-about .profile-pic img{
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
</style>

<style>
.general-about .profile-pic img{
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
}
.profile .friends .person img {
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
}
.comments-table img,
.person img{
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
}
</style>

<style>
/*flip profile*/
.profile{
direction: rtl;

}

.blurbs, .profile .table-section .heading, .blog-preview a, .friends, .general-info, .contact, .url-info, .details-table, .details p, .mood{
direction: ltr;

}

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

🦴,, 𓄧 nat	1742607651 using Report Comment
Eliz!	1740415716 using! Report Comment
Zombie_marixielol	1736598555 Usinggg Report Comment
⁺₊✩⋆𝖆𝖕𝖔𝖑𝖑𝖔⋆✩⁺₊	1736460791 using!! im gonna try and use this as a base if my brain can wrap around how css works TOT Report Comment Hi!! sorry for my late response, i seldom come online anymore, but yeah feel free to use any of my layouts and mess with them, i know some people don't like others messing with their layouts and i don't really get the issue lol. but yeah do whatever u want with it! by Elias '_'; 1737748178; Report
Clay	1736228523 Using! Report Comment
raine	1734028209 usinggg Report Comment
caz 🦕𖦹⋆｡˚(evil )	1733345914 using!! Report Comment
✮ noisette ✮	1728662984 using ! Report Comment
Peluqin ☆	1723854998 Using Report Comment
Damien☆ ★ ✮ ★ ☆	1722521460 Using Report Comment
elliot!	1717210048 using!! :3 Report Comment
M♡RGAN	1717092566 using! Report Comment
eggtholomew	1714866502 using!! :D Report Comment
??	1713578032 USINGG!! Report Comment
chmomilee	1712786902 using :3 Report Comment
Coral	1712526529 Adding it:3 Report Comment
XthatoneemoX	1712466441 using it XD Report Comment
Berry	1711980660 Using :D Report Comment
Caspian	1711815422 using :) Report Comment