NEW Compact Layout

Tags: tragiictayy, compact, cute, layout, simple, plants, green

Description:

Preview here for a limited time! -CLOSED

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Unicase:wght@400;700&display=swap');
</style>


<style>

:root {--logo-blue: #fff;
--darker-blue: #f2e7e1;
--lighter-blue: #fff;
--even-lighter-blue: #fff;
--lightest-blue: #f2e7e1;
--dark-orange: #f2e7e1;
--light-orange: #fff;
--even-lighter-orange: #fff;
}

.nav{background-color:var(--box_color_and_seethru); !important;}
nav ul{background:#b4c2bb!important; border: solid 1px!important; border-top: transparent!important; border-bottom: transparent!important; border-color: #43695c!important;  font-size: 8px; text-align: center;}
nav ul a img, .mood a img{display:none !important;}
.top{background:
#b4c2bb!important;background-color:rgba(0, 0, 0, 0.0); !important; border: solid 1px!important; border-bottom: transparent!important; border-color: #43695c!important;}

.hr{  border: 1px solid var(--names) !important;filter: brightness(55%) !important;
}

.table {direction:rtl;}
.table table table {direction:ltr;}

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

.general-about .profile-pic {
    height: 100%;
    width: 100%;
    background-color: #f2e7e1;
    border-radius: 0px;
    padding-top: 0%;
  }

.general-about .profile-pic img {
    max-width: 100%;
    max-height: 100%;
    margin-right: auto;
    margin-left: auto;
    border-radius: 0px;
    display: block;
  }

.details {
    display: none!important;
    font-size: 11px;
    border-top-left-radius: 0px;
    width: 100%;
    border-top-right-radius: 0px;
    background-color: #b4c2bb;
    color: #f6faf9;
    margin-bottom: -16px;
  }

.mood {
    font-size: 11px;
    text-align: center;
    direction: ltr;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 100%;
    background-color: #b4c2bb;
    color: #f6faf9;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 0%;
  }

a:link {
        color: #43695c! important;
        font-family: Cormorant Unicase;
        text-transform: uppercase;
        background:none;
}

a:hover { 
        text-transform: uppercase;
        text-decoration-style: none!important;
        color: #f6faf9!important;
        border: none;
        filter: opacity(100%);
}

a:visited {
        color: #43695c! important;
}


b {
   color: #0e412f!important;
   font-family: Cormorant Unicase!important;
   letter-spacing: -1px;
}

i {
    color: #0e412f!important;
    font-family: Cormorant Unicase!important;
    letter-spacing: 2px;
}

.w-40 h1{
    display: none;
}


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

main {
        border-radius: 0 0 0px 0px;
        border-left: solid 1px!important;
        border-right: solid 1px!important;
        border-bottom: solid 1px!important;
        border-top:transparent;
        border-color: #43695c!important;
        background: url("")!important;
        background-color: #b4c2bb!important;
        font-color: #f6faf9!important;
}

.profile {
   background-color: #b4c2bb;
   font-color: #f6faf9!important;
   font-family: Cormorant Unicase!important;
   font-size: 11px;
   direction: rtl;
   border: none;
   border-color: ;
   padding-top: 0px;
   padding-bottom: 0px;
}

body {
background-image: url("https://i.pinimg.com/originals/a6/4f/c5/a64fc536648d2daed3c0e3c8e925e7cf.png")!important; background-attachment: fixed; background-repeat: repeat!important; background-size: contain;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
   display: none;
}

.online { visibility: hidden; }

.url-info {display: none;}

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

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

main {
        border-radius: 0 0 0px 0px;
        background: rgba(000, 000, 000, 0.0) !important;
}

.contact {
        display: block;
        font-size: 9px;
        font-family: arial;
        text-align: center;
        direction: ltr;
        border: none 0px!important;
        background-image: url("")!important;
        background: ;
}

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

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

.details-table td:first-child{display:none;}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
display: none;
border:0px;
}

.table.details-table {
border-collapse: collapse;
}

table.details-table td {
background-color: !important;
visibility:hidden; display:none;
}

.profile .table-section p{
        color: #f6faf9!important;
}

.section
        p {color: #f6faf9!important;}

.blurbs .inner .section h4{
  display:none;
}

.blurbs .heading {
        display: none;
}

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

.blurbs {
    text-align: left;
    direction: ltr;
    background:;
    font-color: #f6faf9!important;
    border-radius: 0px;
}

.profile .friends .heading, .profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
display: none;
background: rgba(156,56,206,1);
border-radius: 10px;
box-shadow: 2px 2px 7px #000;
color: #fff;
font-family: 'Brush Script MT', cursive;
font-size:35px;
text-transform; uppercase!important;
padding: 2px 7px;
}

.table-section:nth-last-child(2) .details-table {display:none;}

.blog-preview {
  display: none;
  grid-area: blog-preview;
}

.friends
{display:none;
}

.table.comments-table td {
        display: none;
        background-color: black!important;
        border:none;
        width: 10px!important;
        font-size: 11px;
}

.comments-table td:first-child img {
        width: 60px!important;
        border-radius: 50px;
}



main {
        border-radius: 0 0 0px 0px;
        border: none;
        background: url("")!important;
        background-color: #b4c2bb!important;
        font-color: #f6faf9!important;
}


.container {
        border-radius: 0px 0px 0 0;
        border: none;
        border-color:none;
        overflow: hidden;
        padding: 70px;
        margin-top: -60px;
}

footer {
        border-radius: 0px;
        border: none;
        background: url("")!important;
        background-color: #b4c2bb;
        display: none !important;
        line-height: 0px;
        height: 83px;
        margin-top: -1px!important;
}

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

𝕔 𝕣 𝕪 𝕪 𝕓 𝕓 𝕪 ♡

1708409349

using, thank youuuu

Report Comment

EᗰIᒪYEEET

1636736083

okay i really need this one! can you make it where it still shows the interests section?!

Report Comment

OH & THE LINKS SECTION TOOOO

by EᗰIᒪYEEET; 1636736146; Report

Thanks for the layout

by redxchrry; 1636747264; Report

Using this one Thank you!

by Landi; 1640184417; Report

using this rn but it doesnt show the full interests section and I rly want that on there:/

by chelsey<3; 1647515218; Report