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

vandalia	1767751359 using Report Comment
tom	1766960646 using Report Comment
vynny	1751180630 using Report Comment
sorry.iforgotmyname	1721699074 using Report Comment
OurpleSimon	1720826732 using Report Comment
ray!!!	1717974028 using!! Report Comment
ray!!!	1717974028 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