Transparent

Tags: purple

Description:

Beefstew made this layout

Code:

<!-- (c) Layout created by Mel Shine (https://layouts.spacehey.com/layout?id=7324) -->

<!-- (c) Layout created by BEEFSTEW (https://layouts.spacehey.com/layout?id=4033) -->

<style>

@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

body{
background-image: url(https://64.media.tumblr.com/c3e2da7367ed718b4ef628a244cd9129/tumblr_p4o3bnVtto1qeyvpto1_500.gifv);
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.container{
margin: 0 auto;
width: 1000px;
}

main{
background-color: transparent;
}

p{
color: white;
font-size: 12px;
}

nav .top{
background-color: transparent;
}

nav .links{
background-color: black;
text-align: center;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
padding: .5em;
border-radius: 10px;
box-shadow:1px 3px 5px #B337FF;
}

.profile h1{
font-family: 'Press Start 2P', cursive;
font-size:40px;
color: white;
text-shadow: 1px 3px 5px #B337FF;
}

.profile .profile-info {
margin: 0px 20px 0px 20px;
box-shadow:1px 3px 5px #B337FF;
border-radius: 10px;
background-color: black;
color: white;
}

.profile .blog-preview{
color: white;
}

.profile-pic img{
border: 1px solid white;
border-radius: 100%;
box-shadow:1px 3px 5px #B337FF;
}

.online{
color: white;
font-family: 'Press Start 2P', cursive;
text-shadow: 1px 3px 5px #B337FF;
font-size: 150%;
animation-name: blink;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(1.0,0,0,1.0);
animation-duration: 2s;
}

.online img{
display: none;
}

.profile .contact .heading,
.profile .table-section .heading{
background-color: transparent;
padding: .5em;
text-shadow: 1px 3px 5px #B337FF;
font-family: 'Press Start 2P', cursive;
font-size: 15px;
line-height: 1.5em;
}

.profile .table-section,
.profile .contact,
.profile .url-info{
border: none;
}


table.details-table td {
background-color: black !important;
border-radius: 10px;
padding: 1em;
box-shadow: 1px 3px 5px #B337FF;
}

.profile .blurbs .heading,
.profile .friends .heading{
background-color: transparent;
font-family: 'Press Start 2P', cursive;
text-shadow:1px 3px 5px #B337FF;
color: white;
font-size: 15px;
line-height: 1.5em;
}

.profile .blurbs .section h4{
color: white;
font-size: 15px;
padding: .5em;
}

table.comments-table{
border: none;
}

table.comments-table td {
background-color: black !important;
border-radius: 10px;
padding: 1em;
box-shadow: 1px 3px 5px #B337FF;
}

.person img{
border-radius: 100px;
box-shadow: 1px 3px 5px #B337FF;
}

.profile .friends-grid .person p{
color: white;
}

.count{
color: white;
text-shadow: 1px 3px 5px #B337FF;
}

.comments-table {
display: block;
height: 600px!important;
overflow-y: scroll;
outline: none !important;
}

.comments-table img{
border: 1px solid white;
border-radius: 100%;
box-shadow:1px 3px 5px #B337FF;
}

.profile .comments-table .comment-replies{
border: 1px solid white;
border-radius: 10px;
}

footer{
background-color: black;
border-radius: 10px;
box-shadow:1px 3px 5px #B337FF;
}
</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 7 of 7 comments ( View all | Add Comment )

Vic	1745957925 using as base, thx! Report Comment
davearcsprite	1743303475 having an issue. most of my addons (the falling stars and bottom image) are only going to one side of the screen, is there a way to fix this?? Report Comment this was worded badly im just trying to figure out how to extend the width of the box by davearcsprite; 1743303731; Report
dru.addict	1740874887 Using Report Comment
I want something else...	1739146105 using ty! Report Comment
gummyLungz ★★	1728627219 using Report Comment
⟡Ziggy	1707437379 Thanks Report Comment
Kázmér 🍉	1702939194 using!!! Report Comment