Neon Easter

Tags: neon, pink, yellow, blue, purple, easter
Description:

A neon colored layout I themed around easter. Feel free to change it as much or as little as you want. Works perfectly fine on profiles, but the comments on blogs are funky so be warned. Feel free to change it all as much or as little as you want. :D
Preview:

click on the image for a larger preview
Code:

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

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-4/nat316.ani), url(https://cur.cursors-4u.net/nature/nat-4/nat316.png), auto;}</style>
<style>a:hover {cursor: url(https://cur.cursors-4u.net/nature/nat-4/nat317.ani), url(https://cur.cursors-4u.net/nature/nat-4/nat317.png), auto !important;}</style>
<style>button:hover {cursor: url(https://cur.cursors-4u.net/nature/nat-4/nat317.ani), url(https://cur.cursors-4u.net/nature/nat-4/nat317.png), auto !important;}</style>
<div class="cinnamoroll"></div>
<style>.cinnamoroll {
background: url('https://media.tenor.com/_YgdYKjeLk8AAAAi/vitosos-pixel.gif') no-repeat;
background-size: 100%!important;
position: fixed;
height: 100px;
width: 130px;
bottom: 0px;
z-index: 1000;
left:1px;
}
</style>
<style>
body {
    background-image: url("https://whiteheartrainbowsoul.neocities.org/spaceheyhost/peeps.png");
background-color: white!important;
}

:root {
    --blue:#40D9E1;
    --purple: #AB77C9;
    --yellow: #FFEA1D;
    --pink: #FB60B6;
  --strange-yellow: #FFEA1D;}



/* headings*/
p,
h3,
h4,
h5,
h1,
h2,
a,
i,
b {
    font-family: Trebuchet MS;
}
h3,
h4,
h5{
    color: white;
padding: 0 px 0px !important;
}
.blog-preview h4{
color: var(--purple);}

b{
color: var(--pink);}
p{
color: #808080;
}
p{
    font-size: 9px;
}

h4 {
    font-size: 10px;
}

nav .links {
    text-shadow: unset !important;
    background-color: var(--purple);
    height: ;
    font-size: 1em;
    text-align: center;
}
nav .links .special{
color: var(--yellow);}
nav {
text-shadow: none;
}

nav .top {
    background-color: var(--blue) !important;
}

.profile .contact,
.profile .table-section {
    border: none !important;
}

a {
    color: var(--blue);
}

a:hover {
    text-decoration: wavy;
}

.profile .contact .heading,
.profile .table-section .heading,
.profile .blurbs .heading,
.profile .friends .heading {
    color: white;
    background-color: var(--pink);
}

.details-table td {
    color: #808080;
    background-color: var(--pink);
}

.details-table tr {
    color: var(--pink);
    background-color: white;
}

table.details-table {
    background-color: var(--purple);
}

:root {
    --headers: #ff8000;
    --text: #ff0000;
    --names: #ff8000;
    --links: #ff00ff;
    --hover: #00ffff;
    --background_image: url("https://whiteheartrainbowsoul.neocities.org/spaceheyhost/aqours-collage.png");
    --font-family: 'Gotu', sans-serif;
    --curve: 0px;
    --simple_bg: white;
}

main .left {
    padding-right: 20px;
}

h1,
.friends a p {
    color: var(--blue) !important;
}

/* color of names, and friends counter */
h1,
a:hover p {
    color: var(--yellow) !important;
}

/* color of names on hover */
.section h4 {
    color: var(--purple) !important;
}


/* aboutme & want2meet headings */
.comment-reply:not(:first-child) {
    border-top: 2px dotted var(--pink);
}

/* line in between comment replies*/
.count {
    color: var(--yellow);
}

.profile .blurbs .inner p {
    color: #808080;
}

nav .top .right {
    text-align: center;
    margin: auto auto 0px 0px;
    padding: 3px;
}

.comments-table {
    display: block;
    height: 400px !important;
    overflow-y: scroll;
    outline: none !important;
    border: !important;
    width: 100%;
}

/* contact icons */
.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 favorite */
    content: "🐣"
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
    /* send a message */
    content: "🐑"
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
    /* foward 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 2 group  */
    content: "🌼"
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
    /* report */
    content: "🍫"
}

.pinned {

    content: url('https://64.media.tumblr.com/12b5af50dfa2458fe84a2cc522e6124b/8e25eac61fd16641-5e/s75x75_c1/cba85937b62727ee7e18e06bc248171d4f2f3823.gifv');
    height: 15px;

}

/*==========⚠️==========
* for colors go to https://htmlcolorcodes.com/color-names
* for fonts go to https://fonts.google.com
* for cursors go to https://icons8.com , https://custom-cursor.com , https://www.cursors-4u.com
============⚠️==========*/
/* cursors */


/* text decoration */
a:hover,
a:active,
.blog-entry .kudos-btn:hover,
.blog-entry .kudos-btn:active {
    text-decoration: underline;
    text-decoration-style: wavy;
}

.logout-btn:hover,
.logout-btn:active {
    text-decoration: underline;
    text-decoration-style: wavy;
}

nav .top a:hover {
    text-decoration: underline;
    text-decoration-style: wavy;
    color: var(--purple);
}

/* font family */
.comment-replies {
    border: 2px solid var(--purple);
}

.comments-table {
    border-radius: var(--curve) !important;
    border: 2px solid var(--purple)!important;
border-right: none!important;
}


.details p:last-child {
    color: var(--links) !important;
    filter: brightness(95%);
}

/* background image */


/* navigation */

/* change logo color at https://codepen.io/sosuke/pen/Pjoqqp */
/*============= color the search bar and button ===================*/


/*============= profile name ===================*/


td {
    background-color: transparent !important;
}

td p {
    color: var(--blue);
}

.heading,
.blurbs,
.friends,
.table,
.table-section,
footer {
    padding: none !important;
    background-color: var(--pink);

}

footer p {
    color: white;
}
footer a{
text-decoration: none!important;}
.friends,
.blurbs {
    background: white;
}

.table-section {
    border: var(--borders) !important;
    background-color: white !important;
    border-radius: var(--curve) !important;
}
.online {
    content: url("http://dl6.glitter-graphics.net/pub/772/772186ax86r93zoq.gif")
}

.profile-info {
    border: dotted 2px var(--yellow);
    background-color: white;
color: #808080;!important
}
.url-info {display: none !important;} /* to hide the url */
nav .links a{
 text-shadow: none!important;}
a:hover{
color: var(--yellow);}
nav .links a:hover {
    text-decoration: underline;
    text-decoration-style: wavy;
    color: var(--pink);
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " | ";
    color: white;
}
.edit-info{
  background-color: white;
  border: 2px dotted var(--yellow);
  }
.edit-info h4{
  color: var(--purple);
}

::-webkit-scrollbar {
    width: 5px;
    height: 12px;
}

::-webkit-scrollbar-track {
    border-radius: 0px;
    width: 3px;
    border: 2px dotted var(--yellow);
}

::-webkit-scrollbar-thumb {
    background: var(--purple);
    border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--blue);
}
.blog-entry .comments .heading, .bulletin .comments .heading {
padding: 2px 7px;
}
button {
    color: white;
    background-color: var(--pink);
    border: 2px dotted var(--yellow);
    font-family: inherit;
}
.button:hover, .button:active {
background-color: var(--blue);
}
.search-wrapper  input[type=text]{
border: 2px dotted var(--yellow);
}

.logout-btn{
  color: var(--yellow);
}
</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 0 of 0 comments ( View all | Add Comment )