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

FERRACINI	1741108795 Using!! ty <3 Report Comment
🌸🐇🦑REAL LITTLE JIMMY URINE🦑🐇🌸	1739421240 Using! Report Comment
🌸🐇🦑REAL LITTLE JIMMY URINE🦑🐇🌸	1739421232 Using! Report Comment
BluBerryToad07Sarah	1738966829 Using this layout. Love it! Report Comment
Gale ⋆｡°✩	1737317282 using!! ty :3 Report Comment
emowo	1734864461 lovely theme, im using it :3 Report Comment
Mila's Corner~☆	1734314638 using all plus I combinated sum things Report Comment
KRISsoup	1733335055 using the scroll box :D Report Comment
𝐀𝐫𝐨𝐱𝐪𝐢𝐢♡︎✩🎀	1732373070 using!!^^ 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
dan	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
Aliii♡	1706624531 Using Report Comment
ilymagicworms	1705981481 using Report Comment
Gingie_Majima	1694835747 using! Report Comment