stoner layout

Tags: weed, stoner, drug

Description:

weedd
includes customizable interests
comment if using. logo pusblished as separate layout

Preview:

click on the image for a larger preview

Code:

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

nav .top .left .logo {
    filter: invert(1);
    width: 165px;
    height: 42px;
    content: url(https://i.ibb.co/WBsnBPw/07efab96-7ea2-4bed-8e21-17fe3958ef29.png);
}
nav, footer, .profile .contact {
    display: inherit!important;
    opacity: 1!important;
    margin: 0px;
}
.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: url('https://favicon-generator.org/favicon-generator/htdocs/favicons/2015-01-12/21cc815bc8135a26e10529c02e98d965.ico')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url('https://favicon-generator.org/favicon-generator/htdocs/favicons/2015-01-12/21cc815bc8135a26e10529c02e98d965.ico')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://favicon-generator.org/favicon-generator/htdocs/favicons/2015-01-12/21cc815bc8135a26e10529c02e98d965.ico')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url('https://favicon-generator.org/favicon-generator/htdocs/favicons/2015-01-12/21cc815bc8135a26e10529c02e98d965.ico')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url('https://favicon-generator.org/favicon-generator/htdocs/favicons/2015-01-12/21cc815bc8135a26e10529c02e98d965.ico')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url('https://favicon-generator.org/favicon-generator/htdocs/favicons/2015-01-12/21cc815bc8135a26e10529c02e98d965.ico')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url('https://favicon-generator.org/favicon-generator/htdocs/favicons/2015-01-12/21cc815bc8135a26e10529c02e98d965.ico')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url('https://favicon-generator.org/favicon-generator/htdocs/favicons/2015-01-12/21cc815bc8135a26e10529c02e98d965.ico')
}
nav .links li .icon{
content: url('https://favicon-generator.org/favicon-generator/htdocs/favicons/2014-12-13/62a1f791deae4d70b2a3e545720571be.ico');
}
.profile .blurbs .heading, .profile .friends .heading {
    background: #2cac25;
    color: #70eb6f;
    padding: 2px 7px;
}
nav .links a:hover {
    text-decoration: underline;
    color: #eeffe6;
}
nav .links a {
    text-decoration: none;
    color: #97f195;
    text-shadow: 0 0 7px #000000;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
}
a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: #00aa49;
    text-decoration: underline;
}
:root {
    --light-gray: #f2f0f0;
    --gray: #e3e3e3;
    --dark-gray: #919191;
    --darker-gray: #545454;
    --logo-blue: #1d4ed800;
    --darker-blue: #000b01;
    --lighter-blue: #2cac25;
    --even-lighter-blue: #7ddf78;
    --lightest-blue: #b1ebbd;
    --red: #FF0000;
    --dark-orange: #000000;
    --light-orange: #ffffff;
    --even-lighter-orange: #fffcf9;
    --strange-yellow: #dbae2e;
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #A0C99C;
    --dark-green: #059669;
    accent-color: #1D4ED8;
    accent-color: var(--logo-blue);
}
nav .top {
    display: flex!important;
    opacity: 1!important;
    color: #59ff57;
    text-shadow: 0 0 2px black;
}
button, input {
    color: white;
    overflow: visible;
    background: linear-gradient(45deg, #003f0f, #64dc67);
    border: 1px outset #009a00;
}
.profile .friends .person p {
    color: #000000;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}
.profile .friends .person img:not(.icon) {
    max-width: 95px;
    max-height: 95px;
    display: block;
    margin: 0 auto;
    filter: sepia(5) hue-rotate(45deg);
}
.comments-table td:first-child img:not(.icon) {
    width: 90px;
    max-width: 100%;
    max-height: 200px;
    filter: sepia(5) hue-rotate(45deg);
}
:root {
    --topic1: "General";  /* EDIT INTEREST LABELS HERE */
    --topic2: "Music";
    --topic3: "Movies & TV";
    --topic4: "Pets";
    --topic5: "Food";
    --topic6: "Hobbies";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
   color:var(--links) !important;
   letter-spacing:normal !important;
   text-shadow: 2px 2px black !important; /* CHANGE COLOR OF INTEREST LABELS HERE */
   filter: brightness(95%) !important;
}

.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
    content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
    content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
    content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
    content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
    content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
    content: var(--topic6);
}
body {
    background: url(https://cdn.discordapp.com/attachments/1169747162020712498/1208235224581013535/stickers-cannabis-weed-seamless-pattern.png?ex=65e28bbd&is=65d016bd&hm=cc8c38204170d1ba630c9fa902806b53a25d79e3084d76c452b8028b1b1520aa&);
    font-family: verdana, arial, sans-serif, helvetica;
}
nav .links {
    background-color: #60A5FA;
    background: linear-gradient(#95f6b7, #00820b, #003a06);
    padding: 3.5px 16px;
    border-radius: 10px 10px 0px 0px;
}
main {
    background: linear-gradient(white, gainsboro);
    color: black;
    font-size: 85%;
}
footer {
    font-size: 0%;
    background-color: #e3e3e3;
    background: linear-gradient(#95f6b7, #00820b, #003a06);
    border-radius: 0px 0px 10px 10px;
    height: 18px;
    padding: 10px 5px;

}
footer p {
    vertical-align: middle;
    margin: 0px 0 0px 0;
    font-size: 90%;
}
tbody {
    color:black;
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

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

🐠mono(autoplay!!)	1709309232 Using Report Comment
Mike Usenick	1708533244 Tried using the code and for some reason it won't work. Report Comment make sure you add style brackets <style> at the start, without the asterisks, and</style> at the end, without the asterisks. by Realangel; 1708538468; Report
MetalHeart ☭	1708194187 Whimsical layout 💯 Report Comment
snuffparty	1708165720 using so hard thank you for this :pray: Report Comment