Bright Nights

Tags: neon, dark, red, black, orange, purple

Description:

hey everybody, this is my first ever spacehey theme. I'm learning css for the first time and this was just a bit of an experiment in learning how to do it. thank you for visiting, and if you decide to use it please leave a comment :-)

also, if you want something changed about it, let me know and I can try to customize it for you.

neon name credit: https://blog.spacehey.com/entry?id=9938 (thanks!)

future layouts will hopefully look much nicer, I'm still learning how to use this

Preview:

click on the image for a larger preview

Code:

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


This is a demonstration. Hi, welcome to my profile. I like games and being cool. AMONG US
<img src="https://web.archive.org/web/20091027090032/http://geocities.com/akachimchim/FILMSTF/Bloodbar.gif" width="460px"/>
<style>
@import url('https://fonts.googleapis.com/css2?family=Charmonman&display=swap');
@import url('https://cory.anota.do/spacehey/pdg_neon.css');
:root{ --neon-text-color: #F0F; }
.profile .left h1{ font-family: 'Charmonman', cursive; transform: rotate(-4deg); }
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English+SC&display=swap');
body{
    background: url(https://cdn.pixabay.com/photo/2017/01/28/02/24/japan-2014619_1280.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
main{
    background: url(https://background-tiles.com/overview/black/textures/large/5007.png);
}
main.right{
    border: inset;
}

.profile .blurbs .heading,
.profile .friends .heading{
    background-color: purple;
}
.profile .contact .heading,
.profile .table-section .heading{
    background-color: red
}
</style>
<style>
p{
    font-family: 'IM Fell English SC';
    font-size: 12px;
    color: white;
}
h1,h2,h3,h4{
    font-family: 'IM Fell English SC';
    font-size: 18px;
    color: orange;
}
a:link{
    color: #EA36FE;
}
a:hover{
    color:orange;
}
.profile .url-info{
    border: inset;
    border-color: red;
}
.profile .contact{
    border: none;
}
.profile .table-section{
    border: none;
}
.details-table td *{
    background-color: purple;
    border: none;
}
.details-table td{
    background-color: black;
}

</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.