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 119 comments ( View all | Add 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
Tamsy	1771749190 im using ^_^ Report Comment
avery	1766239048 usingg Report Comment
bege	1766066765 Usingggg Report Comment
Asher Winchester:3	1764836391 Using Report Comment
Asher Winchester:3	1764836379 Using Report Comment
Asher Winchester:3	1764836368 Using Report Comment
Dinocomputerzzz	1763158615 How can I remove Shadow? Report Comment
ANGEL	1763153525 using!!! Report Comment
vukelz	1763039399 using!! Report Comment
saisyete	1762993198 using this, ty labyu Report Comment