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

Phasmanthus_z	1747489627 Using :3 Report Comment
☆Mire★Mıre☆	1739501091 Using!! Thanks<3 :) Report Comment
arole	1738548834 Using! Report Comment
adri	1738282250 adding Report Comment
borbilla	1737646236 using Report Comment
Heathly	1736144561 USINGG ^^ Report Comment
Diana	1736132455 Using! Report 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