(Vintage) Painting in Serenity

Tags: painting, calm, nature, cute, pink, cardboard

Description:

Hi Friends,

Like the theme, or its components? Comment, Add me, or at least give kudos! :) Copy and Paste this in your About Me Section.

Features Include:

Collapsible Blurb Content, with custom wilting rose symbols
Included auto-play and looping music (under ambiance collapsible)
Scrolling comments section
dynamic background (mobile friendly)
Scroller in Interests Section (included below in description, with instructions)

Bonus: Scroller in Interests Section

I prefer to have scrollers in my interest sections since I like to have bulleted lists for my interests, but HATE the never-ending list that results on my profile page. Copy the below code into your General, Music, TV, Movies, Books, Heroes, etc. sections. Make sure to replace the text within the with your own interests!

<div style="width: 100%; height: 200px; background-color: transparent; border-color: #ff75c3; border-width: 1px; border-style: dotted;overflow: auto;">

🌺 Interest 1  🌺 Interest 2  🌺 Interest 3  🌺 Interest 4  🌺 and so on.... 

</div>

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by magical_poptarts (https://layouts.spacehey.com/layout?id=1996) -->

<style>
  @import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Ballet&family=Permanent+Marker&family=Sacramento&family=Ubuntu&display=swap');
  .details-table td:first-child{
    color: black;
    background: none;
  }
  body {
   width: auto;
   height: 200px;
   background: url('https://images.metmuseum.org/CRDImages/dp/original/DP809138.jpg');
   background-repeat:repeat-y;
   background-size: cover;
background-position: center center;
background-attachment: fixed;
   font-family: 'Open Sans', sans-serif;
   
  }
  main {
    background: none;
    width: 100%;
  }
  h4{
    font-size: 1.3rem;
    text-align: center;
    font-family: 'Permanent Marker', cursive;
    
  }
  h1{
    
    text-align: center;
    font-family: 'Permanent Marker', cursive;
    
    
  }
  p{
      font-size: 20px;
      text-align: center;
      font-family: 'Ubuntu', sans-serif;
  }
  .links a, .left a, .right a{
    color:rgb(0, 0, 0)!important;
    overflow-wrap: break-word;
  }
  .profile .table-section .heading h4{
    text-align: center;
}
.profile .contact .heading h4{
    text-align: center;
}
  
  .general-about .profile-pic img {
    position: relative bottom: ;;
    
    border-radius: 10px;
    
    max-width: 160px;
    max-height: 160px;
    vertical-align: middle;
    overflow: hidden;
  }
  body > div.layout-wrapper > div.container > main > div > div.col.w-40.left > div.contact{
    /*background-image: url(https://st.depositphotos.com/1012271/3277/i/950/depositphotos_32776567-stock-photo-recycled-paper-texture.jpg);*/
    background-color: #78929697;
    filter: saturate(70%);
    padding: 20px;
    border: none;
    border-radius: 10px;
    
    text-align: center;
    overflow-wrap: break-word;
  
    border: none;
  }
  body > div.layout-wrapper > div.container > main > div > div.col.w-40.left > h1{
      font-size: 40px;
  }
  .profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background-color: transparent;
      color: black;
      padding: 2px 7px;
      text-shadow: 2px 2px #726858;
  }
  .profile .contact, .profile .url-info, .profile .table-section, .home-actions {
      width: 100%;
      border: 2px;
      
      margin: 10px 0;
      border-radius: 10px;
  }
  .profile .blurbs  .heading, .profile .friends .heading {
    background-color: #3C2627;
    font-size: 1.3rem;
    border-radius: 10rem;
    text-align: center;
    font-family: 'Sacramento', cursive;
    color: white;
    font-weight: 100;
    text-shadow: 9px 9px ##000000;
    
  }
  body > div.layout-wrapper > div.container > main > div > div.col.w-40.left > div:nth-child(6) > div.heading {
    text-align: center;
  }
  body > div > main > div > div.col.w-40.left > div.url-info{
    text-align: center;
  }
  nav .links{
    background-color: transparent;
    text-align: center;
  }
  nav .top{
    background-color: #A89C8667;
    text-align: center;
  }
  body > div.layout-wrapper > div.container > main > div > div.col.right > div.blurbs > div.inner > div:nth-child(1) > h4{
      display: none;
  }
  body > div.layout-wrapper > div.container > main > div > div.col.right > div.blurbs > div.inner > div:nth-child(2) > h4{
      display: none;
  }
  .profile .blurbs .inner{
      background-color: #78929697;
      border-radius: 10px;
      color: black;
      font-weight: 900;
      font-family: 'Ubuntu', sans-serif;
  text-align:center;
      
  }
  .blog-preview{
      background-color: #78929697;
      border-radius: 10px;
      color: black;
      font-weight: 900;  
      font-family: 'Ubuntu', sans-serif;
  }
  .profile .friends .inner{
      background-color: #78929697;
      border-radius: 10px;
      color: black;
      font-weight: 900;
      font-family: 'Ubuntu', sans-serif;
  }
  details > summary {
      list-style-type: none;
  }
  table.details-table {
      background: #78929697;
  }
  .profile .contact{
      background: #78929697;
  }
  table.details-table tr{
      background: none;
  }
  details > summary::-webkit-details-marker {
      display: none;
  }
  
  details > summary::before {
      content: '🌹';
      
  }
  
  details[open] > summary::before {
      content: '🥀';
  }
  details[open] > summary {
      margin-bottom: 0.5rem;
  }
  body > div.layout-wrapper > div.container > main > div > div.col.w-40.left > div.contact > div.inner{
      font-family: 'Ubuntu', sans-serif;
      font-size: 20px;
      text-align: center;
  }
  body > div.layout-wrapper > div.container > main > div > div.col.w-40.left > div:nth-child(6) > div.inner > table{
      font-family: 'Permanent Marker', cursive;
      
  }
  
  body > div.layout-wrapper > div.container > main > div > div.col.w-40.left > div:nth-child(6) > div.inner > table > tbody td{
      background-color:#78929697;
      color:black;
  }
  #comments > div.inner > table > tbody td{
      background-color:#78929697;
      color:black;
      border-radius: 15px
     
  }
  #comments > div.inner > table > tbody img{
      border-radius: 10px;
  }
  #comments > div.inner > table > tbody tr{
     
      border-radius: 15px
      padding-bottom: 1em
  }
  #comments > div.inner > table{
      border-radius: 35px;
      border-block-end-color: transparent;
      border-block-start: transparent;
      border-right-color: transparent;
      border-left-color: transparent;
      
  }
  body > div.layout-wrapper > div.container > main > div > div.col.right > div:nth-child(3) > div.inner > div img{
      border-radius: 10px;
  }
  body > div > main > div > div.col.right > div.blurbs > div.inner > div:nth-child(2) > h4{
  display:none;
  }
  body > div > main > div > div.col.right > div.blurbs > div.inner > div:nth-child(1) > h4{
  display:none;
  }
  body > div > main > div > div.col.w-40.left > div:nth-child(7) > div.inner > table > tbody{
      background-color:#78929697;
      color:black;
      border-radius: 15px
  }
  .details-table td,  .music-table td:first-child,  .music-table td{
    background: none;
  }
  table.comments-table{
display: block;
height: 620px!important;
overflow-y: scroll;
}
  </style>

  <p>
      </p><table>
      <tr>
          <td>
              <img src="https://64.media.tumblr.com/7b522cb17fd349c5f40fd911acaada81/tumblr_moht83HfUs1sptmq3o1_400.png" width="30%" style=""/>
              <img src="https://64.media.tumblr.com/7b522cb17fd349c5f40fd911acaada81/tumblr_moht83HfUs1sptmq3o1_400.png" width="30%" style=""/>
              <img src="https://64.media.tumblr.com/7b522cb17fd349c5f40fd911acaada81/tumblr_moht83HfUs1sptmq3o1_400.png" width="30%" style=""/>
          </td>
          
      </tr>
  
  </table>
  
  
      
  <details class="members" style="">
    <summary style="font-size:25px"> About Me</summary>
    <p>Talk About yourself here!</p>
  </details>
  <details class="members">
    <summary style="font-size:25px"> Who I'd Like To Meet </summary>
    <p>magical_poptart</p>
  </details>
  <details class="members">
    <summary style="font-size:25px"> Additional Dropdowns </summary>
    <p>Add as many as you want!</p>
  </details>
  <details class="members">
    <summary style="font-size:25px"> Ambiance </summary>
    <p><iframe width="100%" height="390" src="https://www.youtube.com/embed/13E5azGDK1k?&amp;;autoplay=1&amp;;loop=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></p>
  </details>

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

Ren	1696728224 definitely using this.. it’s so cute Report Comment
E. A. Poe	1695779176 Using. Report Comment
pip	1694974400 usingg Report Comment
eliif	1690558781 usingg Report Comment
Kit ! 🌊🦈🐚	1686754812 Everything about it is so beautiful! Very well made, might use! Report Comment
𝙶𝚛𝚒𝚖𝚖 !!	1647532400 it's gorgeous!, thank you! Report Comment
Timmyluvr	1647468394 I love it it's amazing!!! Report Comment
EderArpa	1636792489 Very beautifull! Just what I was looking for, thanks! Report Comment
Dulcimer	1636750089 beautiful, thank you : ) Report Comment
Megan Ann	1636680496 Cute Report Comment
Moonriver	1614968957 love Report Comment
XxcheesecakephobiaxX	1614961407 pretty 💮 Report Comment
Sophie <3	1614751259 So cute I love it Report Comment
Hannah Elizabeth	1614732244 So pretty! Thank you for posting this! Report Comment
Tinaaaaa G	1614234625 I love this Report Comment
Rissa	1614053032 this is so pretty:) Report Comment