<!-- (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>

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 )