Lemonade for sale!

Tags: tragiictayy, compact, column, cute, simple

Description:

Super fun column based layout that is completely customizable to your liking!

Hides profile picture, contact box, url info, interests, blog posts, friends and comments.

Optional page banner -- just add your image.

Add your id to the contact portion below for an already made contact box!

Screenshot taken on mobile, in landscape mode.

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

~ PASTE THIS CODE INTO YOUR ABOUT ME ~

<div class="row">
  <div class="column"><br/>
<b>CONTACT:</b>
<br/><br/><a href="https://spacehey.com/addfriend?id=">Add me</a>
<br/><br/><a href="https://spacehey.com/block?id=">Block me</a>
<br/><br/><a href="https://im.spacehey.com/?user=">Message me</a>
<br/><br/><a href="https://spacehey.com/unfriend?id=">Remove me</a>
<br/><br/><a href="https://spacehey.com/report?type=user&amp;id=">Report me</a>
<br/><br/>Leave a <a href="https://spacehey.com/addcomment?id=">comment</a>
<br/><br/>View my <a href="https://spacehey.com/comments?id=">comments</a>
</div>


  <div class="column"><br/>
<b>ABOUT:</b><br/><br/>


</div>


<div class="column"><br/>
<b>SOCIALS:</b>


</div>
</div>


~ PASTE THIS INTO YOUR INTEREST SECTION ~ 

<style>
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f7f8ef; 
}
</style>


<style>

:root {
    --logo-blue: #00000;
    --darker-blue: #00000;
    --dark-orange: #00000;
    --light-orange: #00000;
    --lighter-blue: #7aa091;
    --even-lighter-blue: #00000;
    --even-lighter-orange: #00000;
    --green: #00000;
    --lightest-blue: #00000;
}

nav{background-color:#7aa091!Important;border-radius: 0px 0px; font-family: arial black!important; font-color: black; font-size: 8px; }
nav ul{background:#7aa091; font-family arial  black! important; font-color: black; font-size: 8px;}
nav img{filter: opacity(80%) !important;}
nav ul a img, .mood a img{display:none!important;}
top{background:#7aa091!important; font-family: arial black!important; font-color: black; font-size: 8px; background-color:none(0, 0, 0, 0.0); !important;}

main:before {
 display: none!important;
 width: 100%;
 height: 160px;
 padding: 0px;
 display: block;
 content: "";
 background-image: url('');
 background-position: center center;
 background-size: cover;

</style>


<style>

.col.w-40 {
    display: none!important;
    visibility: hidden;
}

body {
     background-color: #fcfcfc!important;
     background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTj_tFhEj0kBHDcjKCN46YM19UUogptmeW18w&usqp=CAU');
     background-repeat: repeat!important;
     background-attachment: fixed!important;
}

main{
    width:100%;
    height: 20%;
    background-color: #fcfcfc;
    padding:0px;
    margin-top:0px;
    margin-left: auto;
}


.profile {
	display: flex;
	flex-direction: column;
}

.column {
  float: left;
  width: 33.33%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.profile .left{
    width:50%!important;
}

.row {
  display: flex;
}

.column {
  flex: 50%;
}

.profile .column {
    overflow-y: scroll;
    width:100%;
    height:200px;
    text-align: center;
    top: 100px; left: 0px;
    border-radius: 0px;
    
}

.profile {
  background-color: #fcfcfc;
  font-family: arial;
  font-size: 13px;
  color: #acc5ba;
  text-shadow: 2px 2px 8px #7aa091;
  height: 20%;
}


.general-about .profile-pic {
    display: none!important;
    height: 100%;
    width: 100%;
    background-color:;
    border-radius: 0px;
    padding-top: 0%;
    position: center!important;
  }

.general-about .profile-pic img {
    display: none!important;
    max-width: 100%;
    max-height: 100%;
    border-radius: 0px;
    display: block;
    position: center!important;
  }

a:link {
    color: #f7dd73;
    font-family: arial;
    text-transform: uppercase!important;
    text-shadow: none!important;
}

a:hover {
    color: #bfafaf;
    font-family: arial;
    text-decoration: strike-through!important;
}

a:visited {
     color: #f7dd73;
     font-family: arial;
     text-transform: uppercase!important;
}

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

.mood {
    font-size: 11px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
    background-color:;
    color: #FFFFF;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 0%;
}


.profile-info {
    display: none;
}

.w-40 h1{
    display: none;
}

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

.contact {
        display: block;
        font-size: 11px;
        font-family: arial black;
        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;
}

.online {
        display: none;
}

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

.blurbs .heading{
  display: none!important;
  text-align: left;
  font-size: 11px;
  font-family: arial black;
  border-top: none;
  border-right: none;
}

.blurbs {
   font-size: 13px;
   font-color: #00000;
   font-family: arial;
}

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

.profile .friends .heading, .profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
display: none!important;
background: #346c7c ;
color: #92bac3;
font-family: arial black;
font-size:11px;
text-transform; uppercase!important;
text-align: left;
padding: 2px;
bottom-border: solid 1px!important;
border-color: white;
}

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

.friends
{display:none;
}

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

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

.container {
    width: 60%;
}

footer {
    background-color: transparent;
    font-size: 8px;
    font-color: black;
    font-family: arial;
}

</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.