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

Aleksandrrxp	1786815210 Usin!! Report Comment
embodiedsky	1786155045 using!! Report Comment
mimi	1785918509 using!!! Report Comment
nyxxmoony	1784301739 using!! Report Comment
DANIDUCKDUCK :D	1782060930 using Report Comment
Scemi	1779128765 using !!! Report Comment
qqqax	1777922291 usingg Report Comment
redynamite	1777611377 using! Report Comment
Kea Rinni	1776930894 Usingg Report Comment
jas (UNDER CONSTRUCTION)	1776528005 Thank you for this, i'm using it if that's okay! Report Comment
Rody	1776022439 Using partly, tysm :) Report Comment
vmpshuu.u	1775783796 usandoo ꉂ(˵˃ ᗜ ˂˵) Report Comment
Ch3rry♤	1773066087 USING IT! IT?S AWESOOOMEEEE Report Comment
linda	1772694357 using! Report Comment
☣︎𝔰𝔱𝔯𝔞𝔫𝔤𝔢☣︎𝔞𝔩𝔢𝔠︎☣︎	1772673021 Usingg!! Report Comment
-ˋˏ✄┈┈Dizzy┈┈	1772658037 I love this :) Report Comment
kai	1771749190 im using ^_^ Report Comment
avery	1766239048 usingg Report Comment
bege	1766066765 Usingggg Report Comment
Asher Winchester:3	1764836391 Using Report Comment