Self Love Isn't Selfish

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

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Handlee&family=Parisienne&family=Shadows+Into+Light&display=swap');
</style>

<style>
:root {
    --logo-blue: #668e6b;
    --darker-blue: black;
    --dark-orange: black;
    --light-orange: black;
    --lighter-orange: black;
    --light-blue: Black;
    --lighter-blue: White;
    --lightest-blue: black;
}

nav .top {
 background: transparent;
}
nav .top a{
 color: #668e6b;
}

nav .links {
 background: transparent;
 font-size: 8px;
 font-family: 'Handlee', cursive;
 text-align: center!important;
  font-color: #668e6b!important;
}

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

nav img.logo{filter: invert(86%) sepia(1%) saturate(647%) hue-rotate(36deg) brightness(100%) contrast(85%);!important;}

.search-wrapper input[type=text] {
  background-color: black!important;
  border: none!important;
  color: white!important;
  border-radius: 0px !important;
  font-size: 10px;
}

button{
  border-radius: 0px!important;
  border: none!important;
  background-color: black!important;
  color: white!important;
  font-size: 10px;
}

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

b {
 color: #17311e;
 letter-spacing: -1px;
}

i {
 color: #17311e;
 letter-spacing: 1px;
}

a:link {
  color: #668e6b;
  font-family: 'Handlee', cursive;
}

a:hover {
  color: black;
  text-transform: uppercase!important;
  font-family: 'Handlee', cursive;
}

a:visited {
  color: #668e6b;
  font-family: 'Handlee', cursive;
}

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

.profile {
  background-color: white;
  color: black!important;
  font-family: 'Shadows Into Light', cursive;
  font-size: 10px;
  border: 1px solid;
  border-color: black;
}

h1 {
  background-color:;
  color: #17311e;
  font-family: 'Parisienne', cursive;
  text-shadow: 2px 2px 5px black;
  text-transform: lowercase;
  font-size: 40px!important;
  padding: 2px;
}

hr {
  border: solid 1px;
  border-color: black;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background: #faf4f4;
  color: #9cb399;
  text-align: left;
  text-transform: lowercase;
  font-size: 10px;
  font-family: 'Parisienne', cursive;
  border: 1px solid;
  border-color: black;
}

.profile .blurbs .heading, .profile .friends .heading {
  background-color: #faf4f4;
  color: #9cb399;
  text-align: left;
  text-transform: lowercase;
  font-size: 10px;
  font-family: 'Parisienne', cursive;
  border: 1px solid;
  border-color: black;
}

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

.main {
        border-radius: 0 0 0px 0px;
        border: none;
        background: url("")!important;
        background-color: white!important;
}

.profile-pic {
        border: solid 1px;
        border-color: black;
        height: 200px!important;
        width: auto;
}

.profile-pic img{
        max-height: 100%!important;
        max-width: 100%!important;
}

.contact {
   text-transform: lowercase!important;
   text-align: left;
}

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

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

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add to friends */
	content: " 🌿 "
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favorites */
	content: " 🌿 "
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: " 🌿 "
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward to friend */
	content: " 🌿 "
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant message */
	content: " 🌿 "
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block user */
	content: " 🌿 "
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group */
	content: " 🌿 "
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: " 🌿 "
} 

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
   border: none!important;
}

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

.details {
  display: none!important;
  visibility: hidden!important;
}

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

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

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

.online {
  display: none!important;
}

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

.friends th, tr, .friends td, th, .icon, .comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img
{
border: 0px solid gray!important;
outline: none!important;
}

.blurbs {
  text-align: center!important;
}

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

div.blog-preview {display:none;}

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

table.details-table td {
  background-color: transparent!important;
  color: black;
}

main {
  background-color: white;
  color: black!important;
}

body {
  background-image: url(https://wallpapercave.com/wp/wp7392083.jpg);
  background-attachment: fixed!important;
  background-size: cover;
}

.friends-grid {
  background-color: white;
  color: black;
  overflow-y: scroll;
  height: 20px;
  display: none;
}

table.comments-table td {
  border: none!important;
  background-color: white!important;
  color: black;
}

.comment-replies {
  border: none!important;
}

table.comments-table {
  border: none!important;
  display: block;
  height: 200px!important;
  overflow-y: scroll;
}
.container {
  margin-top: -80px;
  padding:100px;
}

footer {
  background: transparent!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 18 of 18 comments ( View all | Add Comment )

jaebaby	1648395402 Thank you. The self love banner isn't showing up on my page though. Report Comment
prycwrn	1647520909 using!! thank you!! Report Comment
𝕾𝖆𝖑𝖊𝖒⛧𝕬𝖗𝖎𝖔𝖈𝖍	1645079144 thank you for making this! Report Comment
magpie.	1642309864 i love this!! thank you so much for sharing! Report Comment
Mars Mankiller	1638802280 Very cute!!! Report Comment
Angelique	1638017144 Thank you!! This is so nice!! Report Comment
Joshipooh	1637533155 Thank you so much for this! Love it! Report Comment
Amanda Thompson	1637363451 Love, love, loveeeeeeee Report Comment
Solè🤎	1637087959 pretty layout Report Comment
Laura Lee	1636936383 Used your layout! I’m trying to space my about me out like you have on yours. Center aligned but I can’t figure out how to do it. The codes are not the same as the old MySpace could you help me out pleeeeasse🙏🏼🙏🏼 Report Comment
BMoney	1636787245 Self love is the best love ️ Report Comment
EᗰIᒪYEEET	1636734154 so cuteeeee omg Report Comment
Myriha	1636693506 Sooooooo perfect Report Comment
Mai Beauty	1636687195 Nice & simple. Absolutely gorgeous. Now if I just figure out how to use it lol Report Comment
Caitlinn. (:	1636684310 first time using this site, trying out your layout! Report Comment
Kandace Chanel	1636671472 Love this! :) Report Comment
Kika	1636663179 Really pretty Report Comment
Lynn McCarty	1623267095 1st time using a layout on here. Trying yours! Report Comment Beautiful Layout🌿 by Fríða Líf (Bella Vida); 1623754281; Report