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

Nephoselic	6 hours ago Using! Report Comment
lyra <3	2 weeks ago using!! Report Comment
Andi☆	17 days ago Using Report Comment
frostyrain	22 days ago using!!!! ^_^ Report Comment
Kriss🍒	23 days ago using! Report Comment
Lobotololie	30 days ago Using =3 Report Comment
𖦹 ׂ i dream of a brass sheep... 𓈒 ⋆ ۪	1 month ago using ^_^ thank you! Report Comment
Limmac	2 months ago Using :7 Report Comment
yven	2 months ago using!! Report Comment
.⋆𝖊𝖟𝖗𝖆˳ᐟ ᡣ𐭩⋆.	2 months ago I feel so bad bro im new to this website and idk how to do SHI Report Comment rs bro by LeiLeiii; 18 days ago; Report
miyu	2 months ago Using!!! Report Comment
Vinni 👀	2 months ago Using Report Comment
Vinni 👀	2 months ago Using Report Comment
Azzr	2 months ago Using!! Report Comment
Jup1t3r	2 months ago Using :p Report Comment
𝒦𝒶𝓉𝓉	2 months ago using Report Comment
ari.	2 months ago using :P Report Comment
sam !!	2 months ago using! Report Comment
adri ★	2 months ago usando! Report Comment
𝘼nn ☆	3 months ago using Report Comment