Add to Favorites
View Layouts
View Profile
Report Layout
Tags:
Description:
<!-- (c) Layout created by Katie (https://layouts.spacehey.com/layout?id=356) -->
<style>
html:before {
animation: grain 8s steps(10) infinite;
background-image: url(https://dl.glitter-graphics.com/pub/590/590935ankbyj1xx4.gif);
content: "";
height: 300%;
left: -50%;
opacity:.2;
position: fixed;
top: -110%;
width: 300%;
pointer-events:none;
}
@keyframes grain {
0%, 100% { transform:translate(0, 0) }
10% { transform:translate(-5%, -10%) }
20% { transform:translate(-15%, 5%) }
30% { transform:translate(7%, -25%) }
40% { transform:translate(-5%, 25%) }
50% { transform:translate(-15%, 10%) }
60% { transform:translate(15%, 0%) }
70% { transform:translate(0%, 15%) }
80% { transform:translate(3%, 35%) }
90% { transform:translate(-10%, 10%) }
}
body
{background: url("https://wallpapercave.com/wp/wp5339453.jpg")
no-repeat fixed; background-size: cover;
}
<style>
.w-40 > h1 {
/* username */
font-size: 5em;
text-align: center;
font-family: cursive;
color: #731f6655;
</style>
<style>
footer {background-color: #00699455;}
</style>
<style>
table, th, td {
border: 1px solid blue;
}
table, th, td { border-radius: 15px}
}
</style>
<style>
:root {
--logo-blue: #006994;
--darker-blue:#006994 ;
--lighter-blue: #006994;
--even-lighter-blue: #006994;
--lightest-blue: #006994;
--dark-orange: #;
--light-orange: #006994;
--even-lighter-orange: #006994;
--green: Aliceblue;
}
main {
/* changes made to stuff outside of columns */
background: transparent;
padding: 0;
font-size: 80%;
color: var(--light-orange);
}
</style>
<style>
h1, h2, h3, h4,h5,a, p, nav label, .section {color: white;}
</style>
<style>
.profile-pic {
border-radius: 500px;
overflow: hidden;
}
.profile .friends .person img {
border-radius: 500px;
}
</style>
<style>
:root{ font-family: Georgia, serif;
font-size: 18px;
letter-spacing: 1px;
word-spacing: 2px;
color: #000000;
font-weight: normal;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: uppercase;
text-shadow: 2px 2px 2px #CE5937;
</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 0 of 0 comments ( View all | Add Comment )