Under the Neon Lights

Tags: tragiictayy, compact, simple, cute, neon, layout, black

Description:

If you use this, please comment below, or add me on here. Thank you!

Preview:

click on the image for a larger preview

Code:

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

<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: red; }
.profile .left h1{ font-family: 'Charmonman', cursive; transform: rotate(0deg); font-size: 30px!important; }
</style>


<style>

:root{--logo-blue: purple;
--darker-blue: transparent;
--lighter-blue: transparent;
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: purple;
--light-orange: black;
--even-lighter-orange: black;

}

nav{
    border: none;
    border-bottom: transparent!important;
    background-color: transparent;
}
nav .top{
    background: transparent;
}

nav .top a, nav .links a{
    color: red;
}
nav .links{
    color: red;
    background-color: transparent;
    text-transform: lowercase!important;
    text-align: center;
    font-size: 10px;
}

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: "";
    color: var(--links);
}

nav img.logo{
   filter: invert(21%) sepia(94%) saturate(3947%) hue-rotate(228deg) brightness(105%) contrast(101%);!important;
}

search-wrapper input[type=text] {
    background-color: transparent!important;
    color: blue !important;
}

button{
    background-color: transparent !important;
    color: blue; border: none!important;}

body {
   background: white;
   background: url("https://i.pinimg.com/564x/06/53/bb/0653bba07f479528b85722d8373957ca.jpg");
   background-attachment: fixed!important;
   background-size: cover;
}

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

.w-40 >  p {
    display: none;
}

.heading {
        display:none;
}

b {
   color: blue;
   letter-spacing: -2px;
   font-family: Courier New, monospace;
}

i { 
   color: blue;
   letter-spacing: 2px;
   font-family: Courier New, monospace;
}

a:link {
    color: red;
    font-size: 10px;
    font-family: times;
}

a:hover {
    color: white;
    text-shadow: 2px 2px 5px pink;
    font-size: 10px;
    text-transform: uppercase!important;
    font-family: times;
}

a:visited {
   color: red;
   font-family: times;
}

.col.w-40 {
      width: 40.1%;
}
        

.details {
   display: none!important;
}

.general-about .profile-pic {
    background: white;
    padding: 5px 5px 33px;
    box-shadow: 5px 5px 10px pink;
    margin-left: 45px;
    margin-top: 30px!important;
    height: auto;
    transform: rotate(-5deg);
    direction: ltr;
}

.mood { 
   margin-top: -40px!important;
   visibility: hidden!important;
}

.contact {
    margin-top: 40px;
    direction: ltr;
}

.profile .contact .f-row {
    margin: 0;
}

.contact .inner a img {
        font-size: 0;
}

.contact .inner a img:before {
        font-size: 1em;
        display: block;
}


.url-info {
   display: none;
}

.online {
        display: none;
}

.table-section .details-table tr {
	display: flex;
	flex-direction: column;
        direction: ltr;
}

.table-section .inner, .left .table-section .details-table td, .left .table-section .details-table td:first-child {
	width: 100%;
}

.table-section .details-table td:first-child p {
	padding: .3em;
        text-align: right;
	border-bottom: 1px solid #161515;
}
.table-section:last-child .details-table tbody tr td {
	text-align: right!important;
        color: #e1aba4;
}

.table-section:last-child .details-table tbody {
	display: flex;
        color: #e1aba4;
}

.table-section:last-child .details-table tbody tr {
	display: flex;
	flex-direction: column;
}

.table-section:last-child {
  display: none !important;
}

.profile {
    background: transparent;
    text-size: 10px;
    color: white;
    direction: rtl;
    text-transform: lowercase!important;
    font-family: Courier New, monospace;
}

main {
        border: pink solid 1px;
        background-color: black!important;
        background: url("https://data.whicdn.com/images/265279320/original.gif");
        background-size: 300px;
        background-position: left bottom!important;
        background-repeat: no-repeat!important;
        display: left bottom;
        box-shadow: 5px 5px 10px pink;
}

.blog-preview {
  display: none;
}

.blurbs .heading{display:none !important;}

.blurbs .inner .section h4{
  text-align: left;
  direction: ltr;
  border: none;
}

.blurbs {
    text-align: center;
    direction: ltr;
    margin-top: 100px!important;
}

.friends
{display:none;
}

.table.comments-table td {
        display: none;
}

.container {
   padding: 100px;
}

footer {
   background: transparent;
}

</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 17 of 17 comments ( View all | Add Comment )

Dora	1669583735 thank you! Report Comment
V	1666483248 using Report Comment
Matt Muir	1639849155 Thx Report Comment
Sixhunnit66	1637074887 too cute!! currently using. Report Comment
STEPHANIE	1637039030 Excited to use this thank you Report Comment
Cauli	1636934919 Love it! Thank you! Report Comment
True Star	1636770340 so cute, using it. thank you Report Comment
*ZOE*	1636766607 ️ the layout Report Comment
Natasha	1636755768 ✌🏾 Report Comment
Anidraodessa	1636741753 so prettty! Report Comment
Λ	1636734152 Absolutely love this! Using now, thank you :) Report Comment
Kristen Spanier	1636723418 Hey using layout Report Comment
tumblweed	1636693028 i loveeeee! using, thx Report Comment
ShaylaLyn	1636494915 Trying 100 Report Comment
𝓥𝓮𝓷𝓮𝓽𝓲𝓪	1631763245 Using this! Love it Report Comment
hotti biscotti	1626624354 love it using thank you! Report Comment
Chelsea	1624509849 Love this! Report Comment