Idk why but the Layout posting option is down, most likely due to the whole gre scare, idk I wasn't around for that. Anyways here the code, Id say it has a forest/hippie vibe whatever. It includes: Falling leaves over the screen, shark and sun in 1 corner, Arizona tea in the other, Autoplay (song is: Spirit in the Sky) and customized buttons
Code:
<img src="http://dl10.glitter-graphics.net/pub/933/933660eedheaqges.gif"/>
<iframe width="0" height="0" src="https://www.youtube.com/embed/AZQxH_8raCI?rel//? &;amp;;autoplay=1&loop=1&;controls=1" title="IDK" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('https://i.pinimg.com/originals/a4/16/b1/a416b12e3248dac398bbdcad7524d405.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 5s ease 0s 1 normal forwards;
pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
</style>
<style>
.logo {
content:url("https://files.catbox.moe/oyagbo.png");
}
</style>
<style>
/* general styles */
@font-face {
font-family: 'OLDENGL';
src: url('https://fluorescent-lights.neocities.org/OLDENGL.TTF');
font-weight: normal;
font-style: normal;
}
:root {
--light-gray: rgba(0,0,0,0) !important;
--gray: rgba(0,0,0,0) !important;
--dark-gray: rgba(0,0,0,0) !important;
--darker-gray: rgba(0,0,0,0) !important;
--logo-blue: rgba(0,0,0,0); !important;
--darker-blue: rgba(0,0,0,0) !important;
--lighter-blue: rgba(0,0,0,0) !important;
--even-lighter-blue: rgba(0,0,0,0) !important;
--lightest-blue: rgba(0,0,0,0) !important;
--red: rgba(0,0,0,0) !important;
--dark-orange: rgba(0,0,0,0) !important;
--light-orange: rgba(0,0,0,0) !important;
--even-lighter-orange: rgba(0,0,0,0) !important;
--strange-yellow: rgba(0,0,0,0) !important;
--green: rgba(0,0,0,0) !important;
--light-green: rgba(0,0,0,0) !important;
--medium-green: rgba(0,0,0,0) !important;
--dark-green: rgba(0,0,0,0) !important;
accent-color: rgba(0,0,0,0) !important;
}
html {
background-color: gray;
background: url('https://files.catbox.moe/8obneh.jpg');
background-size: cover;
background-attachment: fixed;
background-position: center bottom;
background-repeat: no-repeat;
position: relative;
z-index: -99;
}
html:after {
opacity: 15%;
background: url('https://files.catbox.moe/cxlyg9.gif');
content: "";
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: -98;
}
*, p, a, form, li, footer .links li:not(:last-child)::after, ul:not(nav .links):not(footer .links) li, nav .links a, footer p {
font-size: 11px;
font-family: Verdana;
letter-spacing: 1px;
}
main, nav, .profile .friends .person p, footer, nav .links a, .logout-btn, .logout-form, nav .top a, .profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading, nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after, a, a:hover, nav .links a:hover, .details-table td:first-child, .profile .blurbs .section h4, .profile .friends .heading, .online, .count, input, button {
color: #ffffe4;
}
main {
background: none;
padding: 6px 0 0 0;
}
main .left, main .right {
padding: 10px 10px 5px 10px;
}
.container {
width: 900px;
}
input, button {
background: #5d5d5d;
border: 1px solid gray;
border-radius: 4px;
}
input:focus {
outline: none;
}
h4 {
margin: 0;
text-align: center;
min-width: 100%;
letter-spacing: initial;
font-size: 1.1em;
font-style: italic;
border-bottom: 1px solid #555;
padding: 0 0 5px 0;
}
.blog-preview, .mood, .profile .friends .heading, .general-about {
padding: 7px;
}
hr {
border: none;
margin: 10px 0;
}
hr:before {
content: "";
background: url('https://files.catbox.moe/wp169l.gif');
height: 5px;
display: block;
}
.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions, table.comments-table, .comments-table td, .comments-table td:first-child, .comment-replies {
border: none;
}
.profile .blurbs, #comments {
margin: 10px 0;
}
.blurbs .section p {
padding: 5px;
}
/* end of general styles */
/* element backgrounds */
nav, footer, span[itemprop="name"], .profile-info, .general-about, .blog-preview, .profile .blurbs .inner, .friends, .mood, .profile .contact, .profile .url-info, .table-section, .table-section:last-child::after {
background-size: cover !important;
background-repeat: no-repeat !important;
border-radius: 3px;
box-shadow: 0 0 10px black;
}
nav, footer {
background: url('https://files.catbox.moe/7orggk.jpg');
}
span[itemprop="name"] {
background: url('https://files.catbox.moe/2uswqd.jpg');
}
.profile-info {
background: url('https://files.catbox.moe/9m15js.jpg');
}
.general-about {
background: url('https://files.catbox.moe/t4e7l5.jpg');
}
.blog-preview {
background: url('https://files.catbox.moe/k4hchi.jpg');
}
.profile .blurbs .inner {
background: url('https://files.catbox.moe/t1e1eq.jpg');
background-size: 50% !important;
background-repeat: repeat !important;
background-position: -30px -30px;
}
.friends {
background: url('https://files.catbox.moe/9svkql.jpg');
}
#comments {
background: url('https://files.catbox.moe/wbczah.jpg') !important;
}
.pfp-fallback {
border: 1px solid #333;
border-radius: 4px;
}
.mood {
background: url('https://files.catbox.moe/qtqr7v.jpg');
}
.profile .contact {
background: url('https://files.catbox.moe/9hioks.jpg');
}
.profile .url-info {
background: url('https://files.catbox.moe/nnbpwn.gif');
background-position: center 75%;
}
.table-section:nth-last-child(2) {
background: url('https://files.catbox.moe/qj4y50.jpg');
}
.table-section:nth-last-child(1) {
background: url('https://files.catbox.moe/ib22al.jpg');
}
.table-section:last-child::after {
background: url('https://files.catbox.moe/6huis1.jpg');
}
/* end of element backgrounds */
/* element specific styles */
span[itemprop="name"] {
display: block;
width: 100%;
text-align: center;
}
.profile h1 {
font-size: 4em;
font-family: 'OLDENGL';
transform: scale(.8, 1);
word-spacing: -5px;
}
nav .links a {
text-shadow: none;
}
.general-about {
min-height: 177px;
}
.table-section:last-child {
position: relative;
margin-bottom: 215px;
}
.table-section:last-child::after {
display: block;
content: "";
bottom: -215px;
left: 0;
width: 100%;
height: 200px;
position: absolute;
}
.mood {
margin: 10px 0;
}
.details-table td b {
text-decoration: underline;
}
.profile-info, .profile-info a {
border: none;
font-size: initial !important;
}
.links {
text-align: center;
}
.profile .url-info {
padding: 20px 0;
text-align: center;
}
nav {
margin: 10px 10px 0 10px;
}
footer {
margin: 0 10px 10px 10px;
padding: 5px 5px 10px 5px;
}
.profile .blurbs .heading {
display: none;
}
.online img {
display: none;
}
#comments {
padding: 0 0 10px 0;
}
.friends-grid {
text-align: center;
}
.details p:first-child {
font-style: italic;
font-size: 1.1em;
}
#comments .inner {
height: 600px;
overflow: scroll;
overflow-x: hidden;
margin: 0 7px 10px 7px;
border-bottom: 1px solid #444;
}
.comment-reply:not(:first-child) {
border-top: 1px solid gray;
}
footer p:first-child:after {
content: "(c) Layout created by @fluorescent_lights (https://spacehey.com/fluorescent_lights)";
display: block;
margin: 10px 0 0 0;
}
/* end of element specific styles */
</style>
<style>
/* general styles */
@font-face {
font-family: 'OLDENGL';
src: url('https://fluorescent-lights.neocities.org/OLDENGL.TTF');
font-weight: normal;
font-style: normal;
}
:root {
--light-gray: rgba(0,0,0,0) !important;
--gray: rgba(0,0,0,0) !important;
--dark-gray: rgba(0,0,0,0) !important;
--darker-gray: rgba(0,0,0,0) !important;
--logo-blue: rgba(0,0,0,0); !important;
--darker-blue: rgba(0,0,0,0) !important;
--lighter-blue: rgba(0,0,0,0) !important;
--even-lighter-blue: rgba(0,0,0,0) !important;
--lightest-blue: rgba(0,0,0,0) !important;
--red: rgba(0,0,0,0) !important;
--dark-orange: rgba(0,0,0,0) !important;
--light-orange: rgba(0,0,0,0) !important;
--even-lighter-orange: rgba(0,0,0,0) !important;
--strange-yellow: rgba(0,0,0,0) !important;
--green: rgba(0,0,0,0) !important;
--light-green: rgba(0,0,0,0) !important;
--medium-green: rgba(0,0,0,0) !important;
--dark-green: rgba(0,0,0,0) !important;
accent-color: rgba(0,0,0,0) !important;
}
html {
background-color: gray;
background: url('https://files.catbox.moe/8obneh.jpg');
background-size: cover;
background-attachment: fixed;
background-position: center bottom;
background-repeat: no-repeat;
position: relative;
z-index: -99;
}
html:after {
opacity: 15%;
background: url('https://files.catbox.moe/cxlyg9.gif');
content: "";
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: -98;
}
*, p, a, form, li, footer .links li:not(:last-child)::after, ul:not(nav .links):not(footer .links) li, nav .links a, footer p {
font-size: 11px;
font-family: Verdana;
letter-spacing: 1px;
}
main, nav, .profile .friends .person p, footer, nav .links a, .logout-btn, .logout-form, nav .top a, .profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading, nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after, a, a:hover, nav .links a:hover, .details-table td:first-child, .profile .blurbs .section h4, .profile .friends .heading, .online, .count, input, button {
color: #ffffe4;
}
main {
background: none;
padding: 6px 0 0 0;
}
main .left, main .right {
padding: 10px 10px 5px 10px;
}
.container {
width: 900px;
}
input, button {
background: #5d5d5d;
border: 1px solid gray;
border-radius: 4px;
}
input:focus {
outline: none;
}
h4 {
margin: 0;
text-align: center;
min-width: 100%;
letter-spacing: initial;
font-size: 1.1em;
font-style: italic;
border-bottom: 1px solid #555;
padding: 0 0 5px 0;
}
.blog-preview, .mood, .profile .friends .heading, .general-about {
padding: 7px;
}
hr {
border: none;
margin: 10px 0;
}
hr:before {
content: "";
background: url('https://files.catbox.moe/wp169l.gif');
height: 5px;
display: block;
}
.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions, table.comments-table, .comments-table td, .comments-table td:first-child, .comment-replies {
border: none;
}
.profile .blurbs, #comments {
margin: 10px 0;
}
.blurbs .section p {
padding: 5px;
}
/* end of general styles */
/* element backgrounds */
nav, footer, span[itemprop="name"], .profile-info, .general-about, .blog-preview, .profile .blurbs .inner, .friends, .mood, .profile .contact, .profile .url-info, .table-section, .table-section:last-child::after {
background-size: cover !important;
background-repeat: no-repeat !important;
border-radius: 3px;
box-shadow: 0 0 10px black;
}
nav, footer {
background: url('https://files.catbox.moe/7orggk.jpg');
}
span[itemprop="name"] {
background: url('https://files.catbox.moe/2uswqd.jpg');
}
.profile-info {
background: url('https://files.catbox.moe/9m15js.jpg');
}
.general-about {
background: url('https://files.catbox.moe/t4e7l5.jpg');
}
.blog-preview {
background: url('https://files.catbox.moe/k4hchi.jpg');
}
.profile .blurbs .inner {
background: url('https://files.catbox.moe/t1e1eq.jpg');
background-size: 50% !important;
background-repeat: repeat !important;
background-position: -30px -30px;
}
.friends {
background: url('https://files.catbox.moe/9svkql.jpg');
}
#comments {
background: url('https://files.catbox.moe/wbczah.jpg') !important;
}
.pfp-fallback {
border: 1px solid #333;
border-radius: 4px;
}
.mood {
background: url('https://files.catbox.moe/qtqr7v.jpg');
}
.profile .contact {
background: url('https://files.catbox.moe/9hioks.jpg');
}
.profile .url-info {
background: url('https://files.catbox.moe/nnbpwn.gif');
background-position: center 75%;
}
.table-section:nth-last-child(2) {
background: url('https://files.catbox.moe/qj4y50.jpg');
}
.table-section:nth-last-child(1) {
background: url('https://files.catbox.moe/ib22al.jpg');
}
.table-section:last-child::after {
background: url('https://files.catbox.moe/6huis1.jpg');
}
/* end of element backgrounds */
/* element specific styles */
span[itemprop="name"] {
display: block;
width: 100%;
text-align: center;
}
.profile h1 {
font-size: 4em;
font-family: 'OLDENGL';
transform: scale(.8, 1);
word-spacing: -5px;
}
nav .links a {
text-shadow: none;
}
.general-about {
min-height: 177px;
}
.table-section:last-child {
position: relative;
margin-bottom: 215px;
}
.table-section:last-child::after {
display: block;
content: "";
bottom: -215px;
left: 0;
width: 100%;
height: 200px;
position: absolute;
}
.mood {
margin: 10px 0;
}
.details-table td b {
text-decoration: underline;
}
.profile-info, .profile-info a {
border: none;
font-size: initial !important;
}
.links {
text-align: center;
}
.profile .url-info {
padding: 20px 0;
text-align: center;
}
nav {
margin: 10px 10px 0 10px;
}
footer {
margin: 0 10px 10px 10px;
padding: 5px 5px 10px 5px;
}
.profile .blurbs .heading {
display: none;
}
.online img {
display: none;
}
#comments {
padding: 0 0 10px 0;
}
.friends-grid {
text-align: center;
}
.details p:first-child {
font-style: italic;
font-size: 1.1em;
}
#comments .inner {
height: 600px;
overflow: scroll;
overflow-x: hidden;
margin: 0 7px 10px 7px;
border-bottom: 1px solid #444;
}
.comment-reply:not(:first-child) {
border-top: 1px solid gray;
}
footer p:first-child:after {
content: "(c) Layout created by @fluorescent_lights (https://spacehey.com/fluorescent_lights)";
display: block;
margin: 10px 0 0 0;
}
/* end of element specific styles */
</style>
<img src="https://graphic.neocities.org/180793o6w0geqbip.gif"/>
<div style="float: ; max-height: 150px; position: fixed; right: 40px; bottom: 0px; z-index: 400;">
<img src="https://64.media.tumblr.com/009bc983938c5c0f5d034d352d9cc0bc/605c5fccd3258483-f9/s250x400/4d06fcb0005c2d9dfcb705372a91b66b0ed59a4b.gifv" width="70" height="100"/></div>
<div style="float: ; max-height: 100px; position: fixed; left: 0px; top: 0px; z-index: 0;">
<img src="https://i.postimg.cc/1zGv4S9R/gt-450px-96dpi-Hersteld.png" height="130"/></div>
<style></style>
<div class="snowflakes">
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>
</div>
<style>
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>
<div style="float: ; max-height: 400px; position: fixed; right: 40px; bottom: 100px; z-index: 400;">
<img src="https://i.pinimg.com/originals/b5/43/24/b54324590ea3c1dc5b5ac2b396ed6d64.gif" height="50"/></div>
<style></style>
<a href="https://imgbb.com/"><img src="https://i.ibb.co/R7gh67q/IMG-1541.gif" alt="IMG-1541"/></a>
<style>
.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: "🌱"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: "🐚"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: "🐌"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: "🐾"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: "🪶"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: "🕸"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: "🦉"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: "🕷"
}
</style>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )