june22

Tags: sae

Description:

the current layout im using on my main!!

paste code into about me section

credit appreciated but not required :D

other assets used in layout:

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by saerim's layouts!! (https://layouts.spacehey.com/layout?id=23341) -->

<style>.online { visibility: hidden; } .online img { content: url("https://i.pinimg.com/474x/b8/5a/1d/b85a1dcbb1ed071e85a45574161fb5eb.jpg"); animation-name: none; visibility: visible; height: 43px; width: 90px; }</style>

<style>
@import url('https://www.dropbox.com/s/n6ys414nviitr9y/MadokaRunes-2.0.ttf');
h2, h3, h4{font-family: 'MadokaRunes-2', MadokaRunes;}
</style>

<style>
.col.right:after {
    content: "";
    white-space: pre-wrap;
    display: block;
    height: 205px;
    background-image: url(https://i.pinimg.com/originals/0f/69/f0/0f69f03ab9a2d94bb6df68443f7b5dcc.gif);
    background-repeat: no-repeat;
    background-size: 200px;
    background-position-x: center;
}
</style>

<style>
footer:after{
bottom: 60%;
font-size:0;
left: 80%;
position:fixed;
pointer-events: none;
opacity: 1;
animation: spin 7s infinite linear;
content:url(https://cdn.discordapp.com/attachments/872064296299937856/977018153194381312/metalcat.png);
}
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
</style>

<style>
footer:before{
top: 60%;
font-size:0;
right: 80%;
position:fixed;
pointer-events: none;
opacity: 1;
animation: floating 3s ease-in-out infinite;
content:url(https://cdn.discordapp.com/attachments/872064296299937856/977017090777169930/wushwush.png);
}
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); } 
}
</style>


<style>
.profile .profile-info {
	background-image: url(https://cdn.discordapp.com/attachments/872064296299937856/974553207290363914/vgbdijn.png);
no-repeat fixed; background-size:cover;
padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}
</style>

<style>

table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;
}
</style>

<style>

* {
    cursor: url('https://cur.cursors-4u.net/holidays/hol-4/hol335.cur'), auto;
}

</style>

<style>
.container {
animation: fadeIn ease 3s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
</style>

<style>
:root{
   --logo-blue: #523737;
  --darker-blue: #f2ccca; 
  --lighter-blue: #7a4f4f;
  --even-lighter-blue: #1c1a1a;
  --lightest-blue: #1c1a1a;
  --dark-orange: #f2caca;
  --light-orange: #976464;
  --even-lighter-orange: #523737;
  --green: white;

}
 body
        {background: url("https://i.pinimg.com/564x/a4/11/5f/a4115f66aa1b84a79e60c0da4503e098.jpg")
        no-repeat fixed; background-size:cover;

     }
html:before {
  background: url(https://i.stack.imgur.com/sIIwU.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:0.1;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events: none;
  z-index: -1;
  filter: brightness(100%) contrast(110%);
}
main{
    border-radius: 0 0 15px;
    border: 2px solid rgba(0,0,0,0.7);
    color: #F2E4CA;
    background-color: #252222;
    opacity: 0.95;
    
}
footer{
    background-color: #523737;
        border-radius: 100px;
}
button{
        
    background-color: #976464 !important;
    color: white;
}
    .top{
        
    color: white;
}
.contact{
        
    background-color: #1c1a1a !important;
}
.heading{
    padding: 1px 0 !important;
    color: #1c1a1a !important;
    background-color: #1c1a1a;
    border-bottom: 2px dashed;
    
}
.count{
    color: white;
}
.profile .contact,
.profile .url-info,
.profile .table-section,
.home-actions {
    border: 2px solid rgba(0,0,0,0.7);
}
.url-info{
    background-image: url(https://beautifulweirdblog.files.wordpress.com/2018/02/love2.jpg?w=392&h=272);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 193px;
    border: var(--borders)!important;
    border-radius: var(--curve);
}
.profile h1 {
    font-size: 30px;
    text-shadow: 5px 3px #513d3d;
    color: #976464;
    
}
.comments-table td{
        
    background-color: #322e2e;
    color: #f2caca;
}
.top input{
        
    background-color: #6b4848 !important;
        
}
.friends{
        
    background-color: #1c1a1a !important;
    border: 1px solid black !important;
    color: #7a4f4f;
}
.mood{
        
    background-color: #1c1a1a !important;
    border: 1px solid black !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: #f5f5f5 !important;
        
    }
    a:visited{
        
    color: #f5f5f5 !important;
        
    }
    .top a{

    color: #f5f5f5 !important;

    }
    .top a:hover{

    color: #f5f5f5 !important;

    }
    .top a:visited{

    color: #f5f5f5 !important;

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

    color: #f5f5f5 !important;

    }
    .links a:visited{

    color: #f5f5f5 !important;

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

    color: #f5f5f5 !important;

   }
    footer .links a:hover{

    color: #f5f5f5 !important;

   }
    footer .links a:visited{

    color: #f5f5f5 !important;

   }

.url-info p{
    opacity: 0.0;
}
</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 98 comments ( View all | Add Comment )

Takettt0 ♪⁠～⁠(⁠´⁠ε⁠｀⁠ ⁠)	1761450167 Usingg Report Comment
Scheeep22	1760323272 hey that's my birthday!! Report Comment
Verazz_xoxo<3	1759628248 does anyone know the code/person who made the background/layout without the extra gifs and pictures? i cant find it and its rlly cute :[ if you know please reply!! ty!!! Report Comment
ŢΩɱ	1759304247 Imma using it Report Comment
GutzAndGhoulzzz	1755934436 Using! Report Comment
Haden	1755632779 using Report Comment
RASC3L	1755474976 Using XD Report Comment
cory	1753199369 usin Report Comment
MAGGOTROTTEN	1750039979 using! Report Comment
Neo_0	1748300481 Using Report Comment
Nephoselic	1747470012 Using! Report Comment
lyra <3	1746256113 using!! Report Comment
Andi☆	1746009113 Using Report Comment
frostyrain	1745613900 using!!!! ^_^ Report Comment
Kriss🍒	1745545370 using! Report Comment
Lobotololie	1744925618 Using =3 Report Comment
𖦹 ׂ i dream of a brass sheep... 𓈒 ⋆ ۪	1744347878 using ^_^ thank you! Report Comment
Limmac	1742266568 Using :7 Report Comment
yven	1742229483 using!! Report Comment
.⋆𝖊𝖟𝖗𝖆˳ᐟ ᡣ𐭩⋆.	1742153846 I feel so bad bro im new to this website and idk how to do SHI Report Comment rs bro by LeiLeiii; 1745908543; Report