minimalist black

Tags: minimalist, minimalistic, black, white, round, layout, layouts, simple, dark, emo

Description:

So this is the layout I made, its black (with white main body) and rounded corners, it uses a modern font and I think it looks nice. (I still haven't taken the effort to add comments to the code as to what does what. Sorry for that.)

Code:

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

<style>
    @import url('https://fonts.googleapis.com/css2?family=Kdam+Thmor+Pro&display=swap');
    body {
        font-family: 'Kdam Thmor Pro', sans-serif;
        background-color:#222222;
        border-radius:12px;
    }
:root{
/* [background color]: header on top */
 --logo-blue:url(URL);
}
.profile .blurbs .heading, .profile .friends .heading {
background-color:#222222;
text-transform:lowercase !important;
color: #CCCCCC;
border-radius:15px;
border: 3px solid #222222;
}
.profile .table-section .details-table td {
background-color:#cccccc;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: #555555;
}
table.comments-table {
border: 2px solid #cccccc;      
}    
.profile .url-info {
border: 2px solid #222222;    
border-radius:2px;
}
.profile .contact {
border: 2px solid #222222;    
border-radius:2px;
}
.profile .table-section {
border: 2px solid #222222;    
border-radius:2px;
}
.profile .friends .comments-table td {
background-color: #999999;
border: 1px solid #222222;
border-radius:5px;  
}
.comments-table td*{
    
    
}
DIV.blog-preview{
text-align: center;
background-color:#777777;
text-transform:lowercase !important;
color: #cccccc;
border-radius:25px;
border: 5px dotted #777777;
}
.profile .friends .person img:not(.icon) {
border-radius:25px;
border:5px solid #222222;
}
    .profile .friends .inner, .profile .blurbs .section h4{
    text-align: center;
    }
    .count {
        color: #222222;
    }
nav .links {
    background-color:#222222;
    padding: 3.5px 16px 5.5px 16px;
}
.table-section {
color:#222222;
}
p {
color:#222222;
}
    a:link {
        color:#222222;
    }
    a:visited {
        color:#222222;
    }
    a:hover {
        color:#222222;
    }
    a:active {
        color:#222222;
    }
    h1 {
        font-size: 64px;
        //border: 6px solid #00FF00;
        border-radius: 6px;
    }
    main {
        background-color: #CCCCCC;
        color:#222222;
        border: 5px solid #CCCCCC;
        border-radius:25px;
    }
    footer {
        background-color: #CCCCCC;
        color:#222222;
        border: 5px solid #CCCCCC;
        border-radius:25px;
    }
</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 1 of 1 comments ( View all | Add Comment )

.. oskarი ☥

1673869901

i like it ^_^ using!

Report Comment