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

avery	1766239048 usingg Report Comment
Borshe	1766066765 Usingggg Report Comment
Grunge_guy	1764836391 Using Report Comment
Grunge_guy	1764836379 Using Report Comment
Grunge_guy	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
SpamcAAlls	1762579513 using!! Report Comment
Takettt0 ♪⁠～⁠(⁠´⁠ε⁠｀⁠ ⁠)	1761450167 Usingg Report Comment
Scheeep22	1760323272 hey that's my birthday!! Report Comment happy birthday!! by *Milo❀⋆.ೃ࿔:･**; 1765181188; Report
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