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

juniper	1731704297 USING THIS IS AMAZING Report Comment
MATT🫀🥃	1731610363 USING !!! Report Comment
L irl (NOT CLICKBAIT)	1726329584 using.. Report Comment
🥀Rosey.Afton🥀	1723318655 Using! (⁠ﾉ⁠◕⁠ヮ⁠◕⁠)⁠ﾉ⁠*⁠.⁠✧ Report Comment
Viviemortis	1715275116 using! ^^ Report Comment
Runa~!	1715272176 using :) Report Comment
Indica	1715242955 using :) <3 Report Comment
Fawn	1714788086 Using! <3 Report Comment
sugarygingham59'	1712680022 using thx Report Comment
rosalba :3	1712473792 using x3 Report Comment
FRANCIS	1706133467 using! Report Comment
FRANCIS	1706133464 using! Report Comment
FRANCIS	1706133462 using! Report Comment
Ren	1696728224 definitely using this.. it’s so cute Report Comment
ems ☦	1694974400 usingg Report Comment
eliif	1690558781 usingg Report Comment
r0b0 .. 📠	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