Tags:
Description:
<!-- (c) Layout created by Courtney (https://layouts.spacehey.com/layout?id=4042) -->
<!-- (c) Layout created by Courtney (https://spacehey.com/cowtny) -->
<style>
@import url(@import url('https://fonts.googleapis.com/css2?family=Hahmlet:wght@200&display=swap');
p{
font-family: 'Hahmlet', cursive;
font-size:120%;
color: gray;
}
h1,h2.h3,h4,h5{
font-family: 'Hahmlet', serif;
font-size:120%;
color: black;
text-shadow: 1px 1px orange;
}
a:hover{
color:orange;
}
:root {
--logo-blue: gray ;
--darker-blue: gray ;
--lighter-blue: ;
--even-lighter-blue: ;
--lightest-blue: ;
--dark-orange: gray ;
--light-orange: gray ;
--even-lighter-orange: gray;
--green: gray;
}
.profile {
background:url(https://i.pinimg.com/originals/b0/51/d3/b051d33bd80469c2d6b84aaa9c178b5a.jpg) repeat center
fixed;
opacity: 1;
-webkit-background-size:cover;
-moz-background-size:cover;
-moz-background-size:cover;
background-size: 800px;
}
.general-about .profile-pic img{
border-radius: 50px;
animation: float 3s ease-in-out infinite;
}
.profile .blurbs .heading,
.profile .friends .heading {
background-color: rgb(69,69,69,1);
color: rgb(0,0,0);
border: 1px solid #111;
}
.profile .contact, .profile .table-section,
.profile .url-info {
border: 1px solid #111;
}
.profile .contact .heading,
.profile .table-section .heading,
.home-actions .heading {
background-color: rgb(69,69,69,1);
color:rgb(71,0,0);
}
.profile .table-section .details-table td {
background-color: rgb(222,222,222);
color:rgb(186,60,60);
}
.profile .friends .comments-table td {
background-color: rgb(222,222,222);
}
html:before {
animation: grain 8s steps(10) infinite;
background-image: url(https://i.imgur.com/QpnTsrV.jpg);
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%) }
}
.profile .left .table-section:last-child .details-table tbody {display:flex;}
.profile .left .table-section:last-child .details-table tbody tr{display:flex;flex-direction:column;flex:1;line-height:0;}
.profile .left .table-section:last-child .details-table tbody tr td{width:100%!important;text-align:center;background:none;}
.profile .left .table-section:last-child .details-table tbody tr td p a{font-size:0;transition:all .3s}
.profile .left .table-section:last-child .details-table tbody tr td p img{font-size:50px;opacity:.8;transition:all .3s;height:auto;margin:0;}
.profile .left .table-section:last-child .details-table tbody tr td p a:hover img{opacity:1;transform:scale(1.5);z-index:10;}
</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 )