whole lotta green

Tags:

Description:

made this joint a little while ago just so i could play some DJ GYROTTA ZAO, but im updating it so im preserving my last version here. feel free to use :3

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Play&display=swap');

img.pfp-fallback {
/* filter: sepia(65%) hue-rotate(44deg) saturate(1.99) brightness(110%) contrast(150%); */
box-shadow: 0px 0px 10px #d3e323;
}

body {
background-image: url("https://clipart-library.com/images/gce5XBrXi.jpg");
background-size: 256px;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Play', sans-serif;
color: #eeef62;
text-shadow: 2px 2px 2px #000000 !important;
}

h1 {
display: block !important;
text-align: center !important;
font-weight: bold;
color: #9acd15;
font-size: 26pt !important;
/* -webkit-text-stroke-width: 0.5px; 
-webkit-text-stroke-color: #3a1e13; */
}

h4 {
font-size: 14pt !important;
}

.section > h4 {
color: #9acd15 !important;
}

nav .top {
background-size: 80px;
background-image: linear-gradient(#CCCCCC, #111111) !important;
background-repeat: repeat-x;
border: 2.5px #888888 !important;
border-style: outset outset hidden outset !important;
border-radius: 20px 20px 0px 0px;
margin-top: 2.5%;
}

nav .links {
background-image: linear-gradient(#CCCCCC, #000000) !important;
border: 2.5px #888888 !important;
border-style: hidden outset outset outset !important;
border-radius: 0px 0px 20px 20px;
}

nav .links > li > a {
color: #95cc13;
text-shadow: 0px 0px 0px #000000;
}

nav .links > li > a:hover{
color: #f4f357;
}

a {
color: #95cc13;
}

a:hover {
color: #f4f357;
}

/* main:before {
width: auto;
height: 350px;
background-size: 60%;
display: block;
content: "";
background-image: url("https://png2.cleanpng.com/sh/7e6acf3a6ba2a00224eb481e8446794e/L0KzQYm3UsE4N6h7iZH0aYP2gLBuTf1wdqR5feQ2ZX7ogrjCTfVvbaNskZ9tcnnxe37AggNpcZ9sjNH3LXSwc37zjBdwNZ50huV9ZYKwfLFuj702aWk9TtYCZHPkdIa9WL41PmkAT6MAOEG4QYmBWcA0PmY9S6IDLoDxd1==/kisspng-monster-energy-energy-drink-washington-d-c-logo-monster-logo-5a886d7dcad568.4689715815188903658308.png");
background-position: center top;
background-size: constrain;
background-repeat: no-repeat;
}
*/

main {
color: #FFFFFF;
background-image: linear-gradient(#222222, #101010) !important;
background-size: 128px;
border: 2.5px #888888 outset !important;
border-radius: 20px;
margin-top: 2.5%;
margin-bottom: 2.5%;
}

.blurbs, .mood, .friends, .contact, .table, .blog-preview, .profile-info, .table-section, .url-info {
background-image: linear-gradient(#666666, #111111) !important;
background-size: 64px !important;
border: 2.5px #888888 outset !important;
border-radius: 10px;
}

.profile-info {
background-image: url("https://images.solecollector.com/complex/image/upload/cyqrn8te8aux136h949b.jpg") !important;
background-size: 475px !important;
background-position: center !important;
padding: 40px 0px 40px 0px;
}

.blog-preview {
background-image: url("https://img.wattpad.com/e1592bdae30cb6200ac849e22cc9a3754562c5b1/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f6b4265666b3641647163476c6d673d3d2d36352e313636326634653031343339663633333638303939393134353639362e6a7067?s=fit&w=720&h=720") !important;
background-size: 475px !important;
background-position: center !important;
}

.mood {
padding-left: 2%;
padding-top: 2%;
margin-bottom: 3%;
}

.blog-preview {
padding-left: 1%;
}

.friends {
background-image: url("https://i.pinimg.com/originals/2b/01/7e/2b017ea73baceaa2c6e648fe78193fef.jpg") !important;
background-size: 475px !important;
background-position: center !important;
}

#comments {
background-image: linear-gradient(#666666, #111111) !important;
}

.profile-pic > img.pfp-fallback{
border: 2.5px #BBBBBB inset !important;
border-radius: 50px !important;
}

th {
border: 2.5px #BBBBBB outset !important;
border-radius: 20px;
background-image: linear-gradient(#999999, #111111) !important;
padding: 5px;
margin: 1% !important;
}

td {
border: 2.5px #BBBBBB outset !important;
border-radius: 20px;
background-image: linear-gradient(#999999, #111111) !important;
padding: 5px;
margin: 1% !important;
}

td > p {
color: #FFFFFF !important;
}

.heading {
background-image: linear-gradient(#c9e100, #333333) !important;
padding: 1.5% !important;
color: #FFFFFF;
border-bottom: 2.5px #333333 solid;
border-radius: 9px 9px 0px 0px;
}

.person > a > p {
color: #FFFFFF !important;
}

.person > a > .pfp-fallback, td > a > .pfp-fallback {
border: 2px #BBBBBB inset !important;
border-radius: 30px !important;
background-image: linear-gradient(#111111, #CCCCCC) !important;
}

hr {
height: 0px;
border: 2px #666666 solid;
border-radius: 10px;
background-color: #666666;
}

a > button {
box-shadow: 0px 0px 10px #d3e323 !important;
}

.comments-table, tbody {
border: 0px none #000000 !important;
border-width: 0px !important;
}

.comment-replies {
border: 0px none #000000 !important;
}

.comment-reply {
border: 2px #BBBBBB outset;
border-radius: 10px;
background-image: linear-gradient(#888888, #111111) !important;
}

footer {
margin: 0px 0px 0px 0px;
}

</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 1 of 1 comments ( View all | Add Comment )

MetalHeart

1708752992

Nice :O

Report Comment