Sing Me a Love Song

Tags: tragiictayy, column, simple, compact, layout, cute, pink, green, flowers

Description:

Single column layout, with drop-down contact box!

Preview here for a limited time! -CLOSED

This layout hides: status, original contact box, url, interests, blog posts, friends and comments.

Add your profile ID for an already made contact-link-section.

If you 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=2860) -->

~ PLACE THIS CODE INTO YOUR ABOUT ME ~

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



~ PLACE THIS CODE INTO YOUR INTERESTS SECTION ~

<style>
@import url('https://fonts.googleapis.com/css2?family=Annie+Use+Your+Telescope&family=Homemade+Apple&family=Indie+Flower&display=swap');
</style>

<style>

:root{
    --headers: white;
    --text: #728e9c; 
    --names: #728e9c;
    --links: #c1cbcb;
    --hover #728e9c;
}

nav{
    background-color: white;
}
nav .top{
    background: transparent;
}

nav .top a, nav .links a{
    color: var(--text);
}
nav .links{
    color: var(--text);
    font-family: 'Annie Use Your Telescope', cursive;
    background-color: transparent;
    text-align: center;
    font-size: 7px;
}

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

nav img.logo{
   filter: invert(91%) sepia(7%) saturate(193%) hue-rotate(131deg) brightness(90%) contrast(87%);!important;
}

search-wrapper input[type=text] {
    background-color:  #c1cbcb!important;
    font-family: 'Indie Flower', cursive;
    color:var(--text) !important;
}

button{
    background-color: #c1cbcb !important;
    font-family: 'Indie Flower', cursive;
    color:var(--text) !important;}

b {
  color: #a49784;
  font-family: 'Indie Flower', cursive;
  letter-spacing: -2px;
}

i {
  color: #a49784;
  font-family: 'Indie Flower', cursive;
  letter-spacing: 2px;
}

a:link {
  color: #ebd7c1;
}

a:hover {
  color: #728e9c;
  text-transform: uppercase!important;
}

a:visited {
   color: #ebd7c1;
}

main {
    background: white;
    overflow: scroll;
    overflow-x: scroll;
    overflow-x: hidden;
    height: 400px;
}

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

.details {
    display: none!important;
}

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

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

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

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

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

.profile .contact, .profile .url-info, .home-actions {
display: none;
}

.profile .friends .heading, .profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
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
{
border: 0px solid black !important;
outline: none !important;
}

.blog-preview {
  display: none;
}

h1{ 
  color: #5b6f73;
  font-family: 'Homemade Apple', cursive;
  font-size: 20px!important;
  margin-left: 150px!important;
  text-align: center!important;
}

.table.details-table td {
visibility:hidden; display:none;
}

.friends
{display:none;
}

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

body {
   background-image: url("https://i.pinimg.com/originals/01/07/e2/0107e28cc659c7eff5164df998ac55aa.jpg");
   background-attachment: fixed;
   background-size: 350px;
   background-repeat: repeat!important;
}

.profile {
   display: flex;
   flex-direction: column;
   text-transform: lowercase!important;
}

.profile-pic img{
    width: 300px;
    height: 300px;
    border: solid 1px #ebd7c1;
    border-radius: 500px !important;
    padding:5px;
    margin-left: 150px!important;
}

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

.blurbs {
   text-align: center!important;
   background-color: white;
   color: var(--text);
   font-family: 'Annie Use Your Telescope', cursive;
   margin-top: -160px!important;
}

.container {
   padding: 150px;
   margin-top: -130px;
}

footer { 
   background-color: transparent 
}

</style>


<style>
.dropbtn {
  background-color: #c1cbcb!important;
  color: #728e9c!important;
  padding: 16px;
  font-size: 10px;
  border: solid 1px #ebd7c1;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #c1cbcb!important;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: #728e9c;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #c1cbcb;}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #c1cbcb;
}
</style>

</div>

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

Lara	1636765649 Thank you Report Comment