Purple Haze

Tags: tragiictayy, compact, layout, small, purple, blue, black, cute, pattern

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

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


<style>

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

.nav{background-color:var(--box_color_and_seethru); !important;}
nav ul{background:#c9a6cd!important; border: solid 1px!important; border-top: transparent!important; border-bottom: transparent!important; border-color: #81418b!important;  font-size: 8px; text-align: center;}
nav ul a img, .mood a img{display:none !important;}
.top{background:
#c9a6cd!important;background-color:rgba(0, 0, 0, 0.0); !important; border: solid 1px!important; border-bottom: transparent!important; border-color: #81418b!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: 90%;
    width: 90%;
    background-color: #c9a6cd;
    border-radius: 0px;
    padding-top: 0%;
  }

.general-about .profile-pic img {
    max-width: 90%;
    max-height: 90%;
    margin-right: -10px!important;
    margin-left: auto;
    border-radius: 0px;
    display: block;
    background-color: #c9a6cd;
    border: solid 1px!important;
    border-color: #81418b!important;
    box-shadow: 5px 10px #81418b;
  }

.details {
    display: none!important;
    font-size: 11px;
    border-top-left-radius: 0px;
    width: 100%;
    border-top-right-radius: 0px;
    background-color: #c9a6cd;
    color: #dfc8d0;
    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: #c9a6cd;
    color: #dfc8d0;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 5%;
  }

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

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

a:visited {
        color: #81418b! important;
}


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

i {
    color: #32265a!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: #81418b!important;
        background: url("")!important;
        background-color: #c9a6cd!important;
        font-color: #dfc8d0!important;
}

.profile {
   background-color: #c9a6cd;
   font-color: #dfc8d0!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://papers.co/wallpaper/papers.co-wc60-paint-purple-pattern-background-abstract-34-iphone6-plus-wallpaper.jpg")!important; background-attachment: fixed; background-repeat: repeat!important; background-size: cover;
}

.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: #dfc8d0!important;
}

.section
        p {color: #dfc8d0!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: #dfc8d0!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: #c9a6cd!important;
        font-color: #dfc8d0!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: #c9a6cd;
        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 7 of 7 comments ( View all | Add Comment )

LEXAPRO	1705814984 using Report Comment
LEXAPRO	1705814974 using Report Comment
Letty	1643999104 I used this. Report Comment
Khay Evans	1637124775 Thank you for allowing me to use the layout! Love it ️ Report Comment
Rebekah	1637084087 Gorgeous!! Report Comment
Naymarnie	1636827314 Love this layout💜 Report Comment
Tory Diaz	1621797840 Using this Report Comment 💜 by TRaGiiCTaYY; 1621817263; Report Love the color and layout designs. by Tina Clark; 1623974225; Report used! by Alissa Sattler 🖤; 1637539497; Report