rainy gif layout

1637263309

Fixed some unclosed css selector tags and cleaned up some syntax errors :)


@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;
-webkit-text-stroke-width: 0;
-webkit-text-stroke-color: black;
text-align: center;
line-height: 39px!important;
display: block;
color: black;
padding: 10px;
margin-top: -10px!important;
margin-bottom: 0 !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: 0;
height: 0;
}
.profile .blurbs .inner {
border-radius: 0;
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: 0;
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: 0;
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;
}




.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;
}

Report Comment

1614895170

I decided to switch it up :3

Love you!!! So many kudos!

Report Comment