rainy gif layout

Tags: aleeex, rainy, gif, purple, black & white

Description:

comment table scroll box included :3

url and links hidden

let me know if you use, i wanna see what you do (:

Preview:

click on the image for a larger preview

Code:

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



<style>
@import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap');
   
:root {
--logo-blue: #dcdcdc;
--darker-blue: #dcdcdc;
--lighter-blue: #000000;
--even-lighter-blue: #ccc;
--lightest-blue: #DCDCDC;
--dark-orange: #DCDCDC;
--light-orange: #181818;
--even-lighter-orange: #404040;
--green: #38d;

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


     h1 {
        background: url("");
        font-size:40px!important;
        font-family: homemade apple;
        font-weight: 200;
        transform: ;
        -webkit-text-stroke-width: 0px;
        -webkit-text-stroke-color: black;
        font-style: ;
        text-shadow: ;
        text-align: center;
        line-height: 39px!important;
        display: block;
        color: black;
        padding: 10px;
        margin-top: -10px!important;
        margin-bottom: px!important;
        
    }

    * {
        font-family: monospace;

  text-transform: lowercase;

    }



    body
    {background: url("https://i.pinimg.com/originals/17/ba/a9/17baa99b25fc6262a0a105b4d12b56fd.gif")
    ;background-size:cover;


     }

    .blog-preview p {
        background-color: #a9a9;
        padding: 0px 10px;
        border-radius: 10px;
        color: #000000;
    }

    .blog-preview p a{
        color: #FFEBCD!important;
    }

    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white!important;
    }

    nav {
        border-radius: 20px 20px 0 0;
        overflow: hidden;
    }

   .friends-grid {
display: block;
height: 130px!important;
overflow-y: hidden;


    } 
    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }
    
    
    
        
    
.contact {
    
  border-radius: 10px;
  background: url(http://cdn.lowgif.com/small/33743f9b120ef7ab-.gif);
  background-position: left top;
  background-repeat: repeat;
  padding: 5px;
  width: px;
  height: px;
}
.profile .blurbs .inner {
border-radius: px;
color: #FFFAFA;
background: url();
background-position: left top;
background-repeat: repeat;
}
  table, tr, td { 
  background-color:transparent; 
 border:none; 
 border-width:50px; 
 } 
  table table table { 
  width:80%; max-width:600px; } table table table table { width:100%;; 
 } 
    
    

    table.details-table td {
        background-color: transparent !important;
        color: #dcdcdc;
    }

    .profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }

    .heading {
        padding: 2.5px 0 !important;
        margin-top: 15px;
        margin-bottom: 1px;
        background-color: transparent !important;
        color: #DCDCDC !important;
        border-bottom: 2px dashed;
    }

    main {
    border-radius: 0 0 20px 20px;
    background-color: rgba(169, 169, 169, 0.6) !important;
    background: url();
    background-position: left top;
    ;background-size:cover;



.profile .blurbs .inner {
border-radius: 10px;
color: #dcdcdc;
background-color: #a9a9;
background-position: left top;
background-repeat: repeat;

}

.profile .table-section {
border-radius: px;
background: url();
background-position: left top;
background-repeat: repeat;
}


}

.container {
border-radius: 15px 15px 0 0;
overflow: hidden;
margin-top: 30px;
padding: 10px;
}

footer {
background: url(https://i.pinimg.com/originals/17/ba/a9/17baa99b25fc6262a0a105b4d12b56fd.gif);
border-radius: 20px;
background: rgba(169, 169, 169, 0.6) !important;
display: block !important;
}

table.comments-table td {
background-color: white !important;
}

.comments-table td:first-child img {
width: 80px;
border-radius: 500px;
}

.profile .friends .person img {
border-radius: 500px;
}

.profile .friends .person p{
color: #dcdcdc;


}

table.comments-table td {
border-radius: px;
background-color: rgba(169, 169, 169, 0.0) !important;
color: #dcdcdc;
}

.blog-preview p {
font-size:0.9rem;
}

.details-table td:first-child {
color: #dcdcdc;

}

.profile .friends .heading h4{
border-radius: 5px 5px 0 0;
color: #000000;
background: #a9a9;
}


.profile-info {
border: 0px solid rgb(255, 0, 0);
border-radius: 0px;
display: flex;
align-items: center;
justify-content: center;
padding: 15px 5px;
margin-bottom: 10px;
background-image:url);
}

a.addme {
font-size: 2rem;
font-weight: bold;
margin-bottom: 15px;
display: block;
}

.profile .blurbs {
padding: 5px;
border-radius: 10px 10px;
color: #dcdcdc;
background: url(https://media1.tenor.com/images/7f4acb51f5b88246b38fbe8e5343b257/tenor.gif?itemid=5384936);
background-position: left top;
background-size: cover;

}

.profile .table-section {
padding: 5px;
border-radius: 10px;
background: url(https://media1.tenor.com/images/7f4acb51f5b88246b38fbe8e5343b257/tenor.gif?itemid=5384936);
background-size: cover;
background-position: left top;
background-repeat: repeat;
}

.profile .left .table-section:nth-last-of-type(1)  {display:none}

.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* Add to Friends */
	content: "ϟ"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: "ϟ"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content:"ϟ"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "ϟ"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "ϟ"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "ϟ"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "ϟ"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "ϟ"
}

  table.comments-table{
background: url(https://);
background-size: cover;
display: block;
height: 220px!important;
overflow-y: scroll;
}

  .profile-info {
      border: 0px solid rgb(255, 0, 0);
      border-radius: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 5px;
      margin-bottom: 10px;
      background: #a9a9;
}

</style>

<style>
.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, .profile-pic img
{
border: 0px dotted gray !important;
outline: none !important;
}
</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.

Comments

Displaying 20 of 22 comments ( View all | Add Comment )

Lukaa	1711556803 USING!!!:33333 Report Comment
Aliii♡	1706624531 Using Report Comment
ilymagicworms	1705981481 using Report Comment
Gingie_Majima	1694835747 using! Report Comment
DOOMSURFF!	1686282361 using! Report Comment
Morgan V (Kitten)	1679434627 This layout is gorgeous! Thank you so much for it's creation and sharing it. <3 Report Comment
Rosette	1673931127 Really love this layout! Using, thank you! Report Comment
Jace Wayland	1664193137 Beautiful layout. I'm gonna use it. Report Comment
coraline	1655579006 using! ^^ tysm! exactly what i was looking for ^^ Report Comment
♡Tallulah Black♡	1642134963 I totally love this. I can do so much w. it. Thank you so much x3 Report Comment
Tennille Johnston	1637369575 Thank you! Using this Report Comment
ScarredAngel6	1636939744 Been looking for the perfect layout forever. I'll be using this now! Thank you! Report Comment
Brandi Davette	1636765289 I am using your layout! Please please make more with rain and maybe storms. Love rainy city scapes too. Report Comment
Jacob Beckman	1636760665 I am using your setup! Thank you so much for it! Its really is awesome! Report Comment
Tye	1636695881 Using! Thank you! Report Comment
HybridiumX	1636693921 Beautiful work Report Comment
Precious	1627605479 I'm using! I love it, thanks! Report Comment
Melissa	1621733903 wow, thank you for the wonderful layout i love rain and love when the coding works :) Report Comment
luneytones	1619708989 I am using this! So pretty. Thank you Report Comment
Hanna Reyes	1615541534 I absolutely LOVE this! im using it Report Comment