Pixel rainy city

Tags: pixel, city, green, rain, lofi, greencore, gif

Description:

A pixelated city!! Free to use!! no credits needed! This layout includes: Circle pfp; Custom Online now; Custom contact icons; music!!

Preview:

click on the image for a larger preview

Code:

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

<style>

.online {
    content: url(https://blinkies.cafe/b/blinkiesCafe-0h.gif);
}



/* contact icons */
.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 favorite */
content: "✧"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "✧"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group  */
content: "✧"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "✧"
}   
</style>


<style>
 
    :root {
        --logo-blue: #306b4f;
        --darker-blue: #ffffff;
        --lighter-blue: #468a69;
        --even-lighter-blue: #2e6e38;
        --lightest-blue: #73bd7e;
        --dark-orange: #73bd7e;
        --light-orange: #73bd7e;
        --even-lighter-orange: #73bd7e;
        --green: #73bd7e;
    }
    * {
        font-family: Monospace;
    }
    body
        {background: url("https://cdnb.artstation.com/p/assets/images/images/046/059/225/original/ryan-haight-conv-center-gif.gif?1644220256")
        no-repeat fixed; background-size: cover;
     }
    .blog-preview p {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        color: white;
    }
    .blog-preview p a{
        color: #4256a8!important;
    }
    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white!important;
    }
    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }
    .profile .contact me!,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }
    table.details-table {
        border-collapse: collapse;
    }
    table.details-table td {
        background-color: transparent !important;
    }
    .profile-pic {
        border-radius: 100px;
        overflow: hidden;
    }
    .heading {
        padding: 5px 0 !important;
        margin-top: 25px;
        margin-bottom: 10px;
        background-color: transparent !important;
        color: #ffffff !important;
        border-bottom: 2px solid;
    }
    main {
        border-radius: 0 0 15px 15px;
        background: rgba(227, 217, 200, 0.10) !important;
    }
    .container {
        border-radius: 0 0 15px 20px;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }
    footer {
        border-radius: 15px;
        background: rgba(227, 217, 198, 0.15) !important;
        display: block !important;
    }
    table.comments-table td {
        background-color: rgba(227, 217, 198, 0.20) !important;
    }
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 1px;
    }
   .profile .friends .person img {
        border-radius: 500px;
    }
    .friends-grid img{
        opacity(50%) 
        border-radius: var(--curve) 
        filter: color: #ffffff;
    .blog-preview p {
        font-size: 1.4rem;
    }
    a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
</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 white !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 0 of 0 comments ( View all | Add Comment )