Funky purple and green

Tags: purple, green, funky, cool, glossy

Description:

Sorry my code is a mess, I'm just saving it for later. The edit I did in the General box: So, I set the display of everything except td under "General". I set the little headers inside it as h5, and put in a horizontal rule (hr) to divide sections. For the bottom details, I made the bold bits as class="deets". Use the selector for those if you so choose, or just leave those out. I only put them in because that's how MySpace did it.

Preview:

Code:

<!-- (c) Layout created by Rebecca Jeane (https://layouts.spacehey.com/layout?id=33615) --> <style> @import url('https://fonts.googleapis.com/css2?family=Kablammo&family=Short+Stack&display=swap'); </style> <style> button:not(.logout-btn) {color: lightseagreen !important; background: linear-gradient(#00b300 10%, #004d00); border-width: 0; border-radius: 5px; text-shadow: 1px 1px black; box-shadow: -1px -1px 5px #00b300 inset, 1px 1px 5px #004d00 inset; padding: 3px;} nav .links li:not(:last-child)::after {content: none;} nav .links li {background: linear-gradient(#8a2be2, #5c159d) !important; box-shadow: -1px -1px 3px #8a2be2 inset, 1px 1px 3px #5c159d inset; padding: 3px 6px; border-radius: 3px;} nav .links li:hover {background: linear-gradient(#5c159d, #8a2be2) !important; box-shadow: -1px 1px -3px #8a2be2 inset, 1px 1px 3px #8a2be2 inset; padding: 3px 6px; border-radius: 3px;} .online {content: url("https://i6.glitter-graphics.org/pub/538/538656uxz06g173l.gif");} .contact .heading {display: none;} .contact f-row {margin: 7px 0;} .contact a {color: lightseagreen !important; display: block; background: linear-gradient(#00b300 10%, #004d00); border-radius: 5px; text-shadow: 1px 1px black; box-shadow: -1px -1px 5px #00b300 inset, 1px 1px 5px #004d00 inset; width: 100%; padding: 3px;} .contact a:hover {display: block; border-color: lightseagreen; color: lightseagreen !important; text-decoration: none; background: linear-gradient(#004d00 10%, #00b300); box-shadow: -1px -1px 5px #004d00 inset, 1px 1px 5px #00b300 inset;} .deets {font-weight: bold; color: purple;} /* remove the table-section bits */ .table-section:last-child, .table-section .heading, .table-section tr:nth-last-child(1), .table-section tr:nth-last-child(2), .table-section tr:nth-last-child(3), .table-section tr:nth-last-child(4), .table-section tr:nth-last-child(5), .table-section td:first-child, .blog-preview, .blurbs .heading, .blurbs .inner .section:last-child, .blurbs .inner h4, .url-info {display: none;} .table-section, .contact {border: none !important;} .table-section .inner td {background: forestgreen;} body, .heading {background: linear-gradient(#8a2be2, #5c159d) !important; box-shadow: -2px -2px 10px #8a2be2 inset, 2px 2px 10px #5c159d inset;} nav .links {background: rgba(0, 0, 0, 0); padding: 4px 4px; text-align: center;} main {background: forestgreen;} nav .top, footer {background: linear-gradient( #00b300 10%, #004d00); box-shadow: -2px -2px 10px #00b300 inset, 2px 2px 10px #004d00 inset; border-radius: 16px;} h1 {font-family: 'Kablammo', cursive; font-size: 36px !important; color: orange; text-shadow: 3px 3px maroon, 5px 5px black;} h4 {font-family: 'Short Stack', cursive; font-size: 16px; margin: 0; color: lightseagreen;} .blog-preview h4, .section h4, .count {color: purple !important;} h5 {text-align: right; font-family: 'Short Stack', cursive; font-size: 12px; margin: 0; color: purple;} p {font-family: verdana, sans-serif; letter-spacing: 1px; font-size: 10px; color: midnightblue;} a, a:hover, a:visited, .person p {color: purple !important;} nav .links a {color: lightseagreen !important; text-shadow: none !important; font-size: 11px;} nav .links a:hover {text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: magenta;} #comments img {border-radius: 30% 70% 31% 69% / 30% 30% 70% 70% !important; box-shadow: 3px 3px orange, 5px 5px maroon;} #comments .inner {max-height: 900px; overflow-y: auto;} .comments-table {border: none !important;} .comments-table td {border: none !important; background: forestgreen !important;} .comment-replies {border: 2px dotted saddlebrown;} .table-section td img {border: 0; margin: 0; width: 146px;} </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.