CUSTOMIZABLE - REQUEST- Miggy Jai

Tags: black, dark, blue, simple, banner, sidebar, customizable

Description:

requested layout by cristiana

Requested Layout for Miggy Jai

Graphics created by Miggy Jai

Make or find your own graphics to use as replacements for the banner and sidebar on this layout:

Host your images somewhere. I use postimages.com
Replace the highlighted links below with DIRECT LINKS to your hosted images.

Leave a comment somewhere if you like it and you think I should know.

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');
body, main {
    background: black;
    color: white;
}
h1, h2, h3, h4, .url-info b {
    font-family: 'Abel', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
.profile h1 {
    font-size: 2.5em;
}
nav .top, nav .links {
    background: black!important;
}
nav .top, nav .links a, .logout-btn, .logout-form {
   color: var(--logo-blue);
}
.search-wrapper input, button {
   background: #454545;
   color: white;
}
button:hover, a:hover {
   cursor: pointer;
}
.edit-info {
   background: transparent;
   border: 0;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    color: var(--lighter-blue);
    border: 0;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    color: var(--lighter-blue);
    background: black;
}
.details-table td:first-child, .details-table td {
    background: transparent;
}
.details-table td:first-child {
    color: var(--even-lighter-blue);
}
.details-table td:not(td:first-child) {
    color: var(--lightest-blue);
}
.profile .blurbs .heading, .profile .friends .heading {
    color: var(--light-orange);
    background: black;
}
.comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td {
    background: transparent;
    border: 0;
}
.comments-table td *, .bulletin-table td *, table.comments-table {
    border: 0;
}
.comments-table td, .music-table td {
    color: var(--even-lighter-orange);
}
.comments-table td:first-child a, .music-table td:first-child a {
    color: var(--light-orange);
}
footer {
    background: transparent;
}
#credit {
    position: fixed;
    bottom: 3px;
    left: 3px;
    font-family: sans-serif;
    font-size: 10px;
    color: black;
    background: white;
    padding: 2px;
    border-radius: 2px;
    z-index: 5;
    letter-spacing: 1px;
}
.banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.banner img {
    margin: 0 auto;
    display: block;
}
.container {
    margin-top: 373px;
}
.sidebar {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: -1;
}
h4, .url-info b {
    color: var(--logo-blue)!important;
    font-size: 1.2em;
}
.comments-table td:first-child p {
    color: var(--darker-blue)!important;
}
.comments-table td:nth-child(2) p {
    color: white;
}
</style>
<div id="credit">
    <b>requested</b> layout by <a href="https://layouts.spacehey.com/cristiana" target="_blank">cristiana</a>
</div>
<div class="banner">
    <img src="https://i.postimg.cc/zBBR6Bbx/2-Gx1z-Oq3.png"/>
</div>
<div class="sidebar">
    <img src="https://i.postimg.cc/vBN6ss5b/1-9z98-Dgn.png"/>
</div>

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 )