Aesthetically Pleasing

Tags: tragiictayy, simple, cute, basic, layout, aesthetic, green, compact

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=3028) -->

<style>

:root{--logo-blue: black;
--darker-blue: black;
--lighter-blue: transparent;
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: black;
--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: #9394ad;
}
nav .links{
    color: #9394ad;
    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(0%) sepia(0%) saturate(7464%) hue-rotate(329deg) brightness(95%) contrast(105%);!important;
}

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

button{
    background-color: transparent !important;
    color: #9394ad; border: none!important;}

body {
   background-color: white!important;
        background: url("https://thumbs.gfycat.com/SmoggySecretHornedtoad-size_restricted.gif");
        background-size: 600px;
        background-position: left center!important;
        background-repeat: no-repeat!important;
        display: left center;
        background-attachment: fixed!important;
}

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

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

.heading {
        display:none;
}

h1{
   display: none!important;}

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

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

a:link {
    color: #9394ad;
    font-size: 10px;
    font-family: times;
}

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

a:visited {
   color: #9394ad;
   font-family: times;
}
        

.details {
   display: none!important;
}

.general-about .profile-pic {
    background: transparent;
    margin-left: 50px;
    margin-top: 30px!important;
    height: auto;
    direction: ltr;
    border: #b0d6d1 solid 4px;
}

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

.contact {
    margin-top: 40px;
    direction: ltr;
    size: 5px!important;
}

.profile .contact .f-row {
    margin: 0;
    font-size: 7px!important;
}

.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: left;
}
.table-section:last-child .details-table tbody tr td {
       text-align: center!important;
}

.table-section:last-child .details-table tbody {
	display: flex;
        text-align: center!important;
}

.table-section:last-child .details-table tbody tr {
	display: flex;
	flex-direction: column;
        text-align: center!important;
}

.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p:before { content:"Music"; font-size:.7rem; }

.table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p:before { content:"Quotes"; font-size:.7rem; }

.table-section:nth-last-child(2) .details-table tr:nth-child(3){display:none! important;}
.table-section:nth-last-child(2) .details-table tr:nth-child(4){display:none! important;}
.table-section:nth-last-child(2) .details-table tr:nth-child(5){display:none! important;}
.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none! important;}

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

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

main {
        border: none;
        border-radius: 50px 50px 50px 50px;
        background-color: transparent!important;
}

.blog-preview {
  display: none;
}

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

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

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

.friends
{display:none;
}

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

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.