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

ichbinshroud	1731190786 could anyone tell me the hex or rgb of the purple -ish colour in the friend space, friend comments and about section ? i'm trying to change it, but i can't find it at all Report Comment
Mia	1725767637 Is there any way you can change the font to the regular font? and make the sub heading bolder? Report Comment
Kever	1723956357 usssiiiiinnnngggggg Report Comment
Kate Marsh	1722688798 using! Report Comment
sal	1720489350 Usin Report Comment
Ace Yuki (∩╹□╹∩)	1718127353 Using Report Comment
Zee ﾟ(ﾟ´ω`ﾟ)ﾟ｡	1717067282 using :3 Report Comment
𝕄𝕚𝕤𝕤𝕡𝕠𝕡𝕔𝕒𝕥✩	1714957327 USING Report Comment
Mumiji	1714682539 using :3 Report Comment
milo	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