Tags:
Description:
Code:
<!-- (c) Layout created by Crash Test Dummy (https://layouts.spacehey.com/layout?id=3087) -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Allerta+Stencil&family=Black+Ops+One&family=Stardos+Stencil&display=swap');
.profile {
font-family: 'Allerta Stencil', sans-serif;
}
.profile .left h1 {
font-family: 'Black Ops One', cursive;
line-height:1em;
}
.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 {
font-family: 'Stardos Stencil', cursive;
line-height:1em;
text-shadow: 0 0 7px black;
font-size:2em;
color:#FFB6C1;
}
.profile-info {
background: var(--pdg_profileInfo);
background-size: cover;
background-position: center;
color:#FFB6C1 ;
padding:6em 0;
border-radius: 15px 15px 15px 15px;
}
nav .top {
background: rgba(0,0,0,0.0);
color: #FF1493 ;
}
nav .top a{
color:#FFB6C1 !important;
}
nav .links {
background: transparent!important;
background-size: 100%100%!important;
text-align: center;
}
nav .links a{
color:#FF1493 !important;
}
#q, button {
color: #FFB6C1 ;
background-color: #FF1493 ;
border: 1px solid #FFB6C1;
font-family: inherit;
}
nav img.logo{
filter: brightness(0) saturate(100%) invert(28%) sepia(62%) saturate(7017%) hue-rotate(315deg) brightness(101%) contrast(105%); !important;}
:root {
--dark-orange: #333;
--light-orange: #181818;
--pageTexture: url();
--yourBackground: url(https://i.imgur.com/9iXEcMl.png);
--hover: #C71585;
--links: #FFFAFA;
--pdg_profileInfo: url(https://i.imgur.com/9iXEcMl.png);
}
a{color: var(--links) !important;}
a:hover{color: var(--hover) !important;}
a:hover,
a:active,
.blog-entry .kudos-btn:hover,
.blog-entry .kudos-btn:active{
text-decoration: underline;
text-decoration-style: wavy;
}
.logout-btn:hover,
.logout-btn:active{
text-decoration: underline;
text-decoration-style: wavy;
}
nav .top a:hover{
text-decoration: underline;
text-decoration-style: wavy;
}
nav .links a:hover{
text-decoration: underline;
text-decoration-style: wavy;
}
body {
background-image: var(--yourBackground);
background-size: cover;
background-attachment: fixed;
background-position:center;
no-repeat fixed;
background-color: pink;
}
.profile .right .blurbs:after {
background-image: var(--pdg_blurbSticker);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
height: 100px;
width: 100px;
content: " ";
transform: rotate(-4deg) scale(2) translateY(-2rem);
position: absolute;
right: 0;
z-index: -1;
}
main {
border-radius: 0 0 15px 15px;
background: #00000066; !important;
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);
}
html:before {
display: block;
position: fixed;
pointer-events: none;
content: " ";
height: 100vh;
width: 100vw;
top: 0;
left: 0;
right: 0;
background-image: var(--pageTexture);
background-size: cover;
background-attachment: fixed;
background-position:center;
opacity: .9;
z-index: 25;
}
.blog-preview p {
background-color: #FF1493;
padding: 5px 15px;
border-radius: 15px;
color:white;
}
.blog-preview p a{
color: #c00!important;
}
.blog-preview p a:hover,
.blog-preview p a:active,
.blog-preview p a:focus{
color: white!important;
}
nav {
border-radius: 15px 15px 0 0;
overflow: hidden;
}
.profile .contact,
.profile .url-info,
.profile .table-section,
.home-actions {
border: none;
}
table.details-table {
border-collapse: collapse;
}
table.details-table td {
background-color: transparent !important;
}
.profile-pic {
border-radius: 500px;
overflow: hidden;
}
.heading {
padding: 5px 0 !important;
margin-top: 15px;
margin-bottom: 10px;
background-color: transparent !important;
color: #FF1493 !important;
border-bottom: 2px solid;
}
.container {
border-radius: 15px 15px 0 0;
overflow: hidden;
margin-top: 30px;
padding: 10px;
}
footer {
border-radius: 15px;
background: #00000066; !important;
display: block !important;
}
table.comments-table td {
background-color: #00000066; !important;
}
.comments-table td:first-child img {
width: 80px;
border-radius: 500px;
}
.profile .friends .person img {
border-radius: 500px;
}
.blog-preview p {
font-size: 1.4rem;
}
a.addme {
font-size: 2rem;
font-weight: bold;
margin-bottom: 15px;
display: block;
}
.comments-table, .details-table {
border: 1px solid #00000066;
border-collapse: separate;
border-spacing: 0 .5em;
}
h1, h2, h3, h4, h5,a, p, nav label, .section {color:#FFB6C1;}
.profile .left h1 {
text-transform: capitalize;
font-size: 2.5rem;
color:pink ;
text-shadow: 3px 3px 0 #FF1493;
}
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "\2795"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorites */
content: "\2b50"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: "\1F4ac"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend */
content: "\23e9"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "\1F4f1"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "\274c"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group */
content: "\1F465"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report user */
content: "\1f5e3"
}
.profile .blurbs .section h4 {
color:#FFB6C1 ;
}
</style>
<style>
.online{content:url(https://i.imgur.com/sS374cM.gif);
width:75px;
height: 35px;
}
</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 )