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>

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 )