Simple Red Cloudy

Tags: black, red, emo, simple, animation

Description:

Credit is appreciated but not needed!

If you like my layout please support by friending me or commenting! :)

This layout may be a little buggy but feel free to make changes in any way!

Thank you!

- Euoni

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
:root{
  --logo-blue: #64080F;
  --darker-blue: #800610; 
  --lighter-blue: #820610;
  --even-lighter-blue: #240005;
  --lightest-blue: #240005;
  --dark-orange: #800610;
  --light-orange: #820610;
  --even-lighter-orange: #240005;
  --green: white;
}
nav{
    background-color: #080102;
    border: solid #450207;
    text-align: center;
}

nav .top{
    color: red;
}

nav .top, nav .links {
    background-color: ;
}
nav .links{
    border-top:1px solid darkred;
    border-bottom:1px solid darkred;
}

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " ⸸";
    color: darkred;
}
body{
     background: url('https://getwallpapers.com/wallpaper/full/b/7/a/669567.jpg') no-repeat center center
        fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
html:before {
    animation: grain 8s steps(10) infinite;
    background-image: url(https://i.gifer.com/origin/09/098a359ee79551f8a36b42338a9255cc_w200.gif);
    content: "";
    height: 300%;
    left: -50%;
    opacity:.3;
    position: fixed;
    top: -110%;
    width: 300%;
    pointer-events:none;
}
main{
    border-radius: 0 0 15px;
    border: 2px solid rgba(0,0,0,0.7);
    color: #A80914;
    background-color: #0A0001;
    border: 3px solid #450207;
}
footer{
    background-color: #0A0001;
    border: 3px solid #450207;
}
button{
    background-color: #450207 !important;
    color: #78070B;
}
nav img.logo{
    filter: brightness(0) saturate(100%) invert(10%) sepia(74%) saturate(5025%) hue-rotate(9deg) brightness(92%) contrast(121%) !important; 
    height:40px;
}
.top{
        
    color: white;
}
.contact{
        
    background-color: #240005 !important;
}
.heading{
    padding: 1px 0 !important;
    color: black !important;
    background-color: black;
    border-bottom: 2px dashed;
    
}
.count{
    color: darkred;
}
.profile .contact,
.profile .url-info,
.profile .table-section,
.home-actions, .blurbs, {
    border: 2px solid rgba(0,0,0,0.7);
}
.blurbs{
    background-color: #240005;
    color: red;
}
.profile .url-info {
    display: none;
}
.profile h1 {
    font-family: 'Bebas Neue', cursive;
    font-size: 47px;
    text-shadow: 5px 3px #300307;
    color: #820610;
    
}
.comments-table{
    color: #9B1919;
    border: solid black;
}
.logo{
    color: #9B1919;
}
.top input{
        
    background-color: #240005 !important;
}
.top{
    color: #811010;
}
        
}
.friends{
        
    background-color: #1A1A1C !important;
    border: 1px solid black !important;
    color: #1E815F;
}
.mood{
        
    background-color: #240005 !important;
    border: 1px solid #820610 !important;
    }
        table.details-table{
        
border: 1px solid black !important;   
        
}
.profile .details-table td{

border: 1px solid black !important;   

}
.comments-table td{
        
border: 1px solid black !important;   
}
.profile-info{
        
border: 1px solid black !important;   
        
}
.links{
        
border: 1px solid black !important;   
     
}
    color: white !important;
        
    }
    a:hover{
        
    color: #000000 !important;
        
    }
    a:visited{
        
    color: #000000 !important;
        
    }
    .top a{

    color: #000000 !important;

    }
    .top a:hover{

    color: #000000 !important;

    }
    .top a:visited{

    color: #000000 !important;

    }
    .links a{
    
    color: #DF0E0E !important;
    
    }
    .links a:hover{

    color: #DF0E0E !important;

    }
    .links a:visited{

    color: #DF0E0E !important;

   }
    .friends-grid p{
        
    color: #5C050C !important;
        
    }
    footer .links a{

    color: #E10C1D !important;

   }
    footer .links a:hover{

    color: #E10C1D !important;

   }
    footer .links a:visited{

    color: #E10C1D !important;

   }
</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>

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

Alua	1740169529 using!! :^ Report Comment
xeatyourheartoutx	1737350696 using Report Comment
ARandomSpino!	1731474651 Using!!! ty!! <3 Report Comment
five	1731405864 using !! but doing some small changes (＃＞＜) Report Comment
http?₍𖤐⁾	1722038076 using Report Comment
vxcecity	1720025964 using :D Report Comment
nesdoxny	1715545559 using Report Comment
сладкий бамбл кофе	1715521676 using Report Comment
🎀 𝕾𝖐𝖎𝖓𝖑𝖊𝖘𝖘 𝕷𝖊𝖌𝖊𝖓𝖉 🎀	1715396045 using x3 Report Comment
Grace	1715388548 Using Report Comment
✦ soap ✦	1712116137 using!! :> Report Comment
Adachi Enjoyer	1710275424 using!!! Report Comment
✿moths.asleep✿	1708462003 Using! Report Comment
zzero	1706370729 using :D Report Comment
daithetomw	1706127587 using Report Comment
Tally	1705960968 usingngnng O_O!! Report Comment
Joan's hell	1705690350 Using! Report Comment
𝔪𝔞𝔱𝔱𝔥𝔢𝔴	1704768834 using :33 Report Comment
Meta Rtpv	1704728225 Using :) Report Comment
Unknown doll	1704637897 using! Report Comment