sparkle blue

Tags: blue, sparkle, y2k, simple, cute
Description:

made for myself but you can use it too. feel free to edit it as much as you'd like!
Preview:

click on the image for a larger preview
Code:

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

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


<style>
body{
font-family: verdana;
font-size: 15px;
background-image:
url(https://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Black_from_a_camera.jpg/1200px-Black_from_a_camera.jpg);
background-attachment: fixed;
background-size: 1000px;
box-shadow: 0px 0px 5px 1px #000;
/*background image*/
    background-color: #fff !important;
    background-image: url('http://www.fillster.com/images/backgrounds/84g.gif') !important;
    background-attachment: fixed;
    background-size: auto;
    background-repeat:repeat;!important;
    background-position: left top  !important;
}

body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
box-shadow: 0px 0px 5px 1px #000;
}

nav {
background: none;

}
nav .top {
    margin-top: 2px;
    background: none;
    border-bottom: none;
    font-family: Times New Roman;
    font-style: italic;
    font-size: 15px;
}
nav .links {
    font-size: 15px;
    text-align: left;
    background: none;
}
nav .links a{
    color: white;
}
#q, button {
    color: black;
    background-color: white;
    font-family: inherit;
    font-style: italic;
    border: 250px;
}
button:hover{
    background-color: #41AEE5;
}

p, i, b, .count {
color: #000 !important;
}
.profile .friends .person p, .logout-btn {
color: #82C4EC;
}
.profile .friends .person{
  width: 100px;
  display: inline-block;
}

/*links GENERAL*/

a{
    font-family: Times New Roman;
    font-size: 15px;
    color: #41AEE5;
    font-style: italic;
    font-weight: normal;
    text-transform: lowercase;
    text-shadow: 1px 1px 10px #41AEE5;
}
a:hover {
    letter-spacing: 1px;
    transition: 1s;
    color: black;
}

/*profile name*/
.profile h1 {
    font-family: times;
    font-size: 35px;
    text-shadow:  0px 0px 5px #000;
    font-style: italic;
    font-weight: thin;
    color: white;
}
.contact{
    background-color: white;
    box-shadow: 0px 0px 5px 1px #fff;
    padding: 10px;
    margin-bottom: 10px;
}
.contact .heading{display: none !important;}
.mood {
    font-family: times;
    font-size: 17px;
    background-color: white;
    margin-bottom: 10px;
    padding:15px;
    box-shadow: 0px 0px 5px 1px #fff;
}
.mood p{
    font-style: italic;
}
.general-about {
    font-family: verdana;
}
.profile-pic{
    box-shadow: 0px 0px 5px 1px #FFF;
}
/*changes contact icons to stars*/

.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: "★"
}


.contact .icon {
display: none;
}
.details-table .icon{
display: none;
}
.container {
margin: 0 auto 0;
}

main {
background: none;
}
.inner {
    border-top: none;
}
.profile-info .inner {
    border: none;
}
.friends .inner {
    border-bottom: none;
}
.profile .contact, .profile .table-section, .home-actions {
    border: none !important;
}

/*interests section*/

.table-section {
    margin: 10px;
    box-shadow: 0px 0px 5px 1px #fff;
    height:auto;
    padding:5px;
    background:white;
    background-position:top center;
    padding: 10px;
}

.details-table td {
border-collapse: collapse;
background: white;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.profile .blurbs .section h4 {
color:  !important;
font-size: 20px;
}
.table-section .heading {
    display: none !important;
}

/*interests: categories*/
.table-section td:nth-child(odd) {
    color: black !important;
    background-color: white !important;
    padding: 2px;
    font-family: times;
    font-style: italic;
    font-size: 17px;
    text-transform: lowercase;
    text-shadow: 1px 1px 10px #41AEE5;
} 

/*your general interests go here*/
.table-section td:nth-child(even) p {
    background-color: white !important;
    font-family: Verdana;
}

/*socials: website names*/
.details-table td:nth-child(odd) a{
    text-decoration: none;
    font-family: Times New Roman;
    font-size: 15px;
    color: black;
    font-style: italic;
    font-weight: normal;
    text-transform: lowercase;
    text-shadow: 1px 1px 10px #41AEE5;
}
.details-table td:nth-child(odd) a:hover {
    letter-spacing: 0px;
    transition: 1s;
    text-decoration: none;
    color: black;
}

/*your social links*/
.table-section td:nth-child(even) a {
    background-color: white !important;
    font-family: Verdana;
    font-size: 14px;
    text-shadow: none;
    text-transform: italic;
}
table.details-table {
max-width: 98%;
}

.comments-table .icon{
    display: none;
}
.comments-table{
    background-color: white;
}
.comments-table td:nth-child(odd) {
background-color: white !important;
} 
.comments-table td:nth-child(odd) p {
background-color: white !important;
} 
.comments-table td:nth-child(even) {
background-color: white !important;
} 
.comment-replies {
border: 0px;
margin: 2px;
}
nav .info {
background: none;
}

.blog-preview{
       background-color: white;
margin: 2px;
padding:8px;
box-shadow: 0px 0px 5px 1px #fff;
}
.blog-preview h4{ font-size: 0px}
.blog-preview h4 a{ 
    padding:5px;
    font-size: 20px;
}

.blurbs{
       background-color: white;
    box-shadow: 0px 0px 5px 1px #fff;
    padding: 10px;
    margin-bottom: 10px;
}
.blurbs h2 {
    font-family: Verdana;
    text-transform: lowercase;
    font-style: italic;
    font-size: 13px;
}
.blurbs h3{
    font-family: Verdana;
    text-transform: lowercase;
    font-weight: 100;
    font-size: 11px;
}
.blurbs .heading{
    display: none;
}
.friends .heading{
    display: none;
}
.friends{
    background-color: white;
    box-shadow: 0px 0px 5px 1px #fff;
    padding: 10px;
    margin-bottom: 10px;
}
.friends-grid{
    padding:none;
}
.friends .heading {
    margin-top: 10px;
}

.blurbs .section h4{display: none !important;}

.blurbs .heading{ font-size:0;}
.blurbs .heading:before{ display: none !important;}

.friends .heading{ font-size:0; }
.friends .heading:before{ content: "Friends"; font-size:16px; font-weight:bold;text-shadow: 0px 0px 5px grey;}

.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "Comments"; font-size:16px; font-weight:bold;text-shadow: 0px 0px 5px grey;}

.url-info{display: none !important;}

/*online icon*/
.online{
content: url("https://ruili.neocities.org/ONLINE_LOSER.gif") !important;
background-color: white;
box-shadow: 0px 0px 5px 1px #fff;
filter: invert(100%) sepia(90%) saturate(0%) hue-rotate(201deg) brightness(229%) contrast(122%);

}

table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;https://genericprofileeditor.neocities.org/profile?id=6326
}

    ::-webkit-scrollbar {
    width: 3px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: rgba(80, 80, 80);
    }

    ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
    }
}
/* notification icon */
li.active .icon { 
content:url('https://toros.neocities.org/toros/torofishy.gif'); 
height:20px;
    }

/* header image */
/*
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('');
background-position: center bottom;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
*/
footer{
    background: none;
}
footer p{
    font-family: Times New Roman;
    font-size: 13px;
}
footer a{
    color: black !important;
    font-size: 13px;
}
* {cursor: url(https://cur.cursors-4u.net/anime/ani-12/ani1137.ani), url(https://cur.cursors-4u.net/anime/ani-12/ani1137.gif), auto !important;}

.grid-about {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
#ruili {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.grid-child-soni{
text-align: right;
}
.grid-child-soni iframe{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

footer:after{
  bottom: 0;
  font-size:0;
  right: 70%;
  position:fixed;
  pointer-events: none;
  content:url(https://hidamarirhodonite.kirara.ca/chara2/197/26.png);
  animation: fadeIn 2s ;
}
</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 1 of 1 comments ( View all | Add Comment )
hydra
1676352251
using !!!!
Report Comment
ty!! looks super cute <3
by candy; 1676384186; Report