Neon Brick

Tags:
Description:

this was someone else's layout i got from the layouy tab.
Code:

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

<!-- (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

Comments disabled.