perfect blue layout (requested)

Tags: perfect blue, blue, layout, simple, dark, anime

Description:

no credit needed but it is appreciated:) pls comment if used !
! NO LONGER TAKING REQUESTS !

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ray ☆ 🍉 (https://layouts.spacehey.com/layout?id=81605) -->

<style>

@font-face { font-family: "04B_03B"; src: url('http://dl.dropbox.com/s/1a8j9ii5han03tc90kie7/04B_03B_.TTF?rlkey=nlk8ov2jg2yovp1lz6lybulxk&dl=0'); } body { font-family: '04B_03B'; }

body{
background: url(https://i.pinimg.com/564x/21/f9/91/21f991bc270bca7402b6b2833ac65336.jpg);
background-size: contain;
}

nav .top {
    background: black;
    padding: 15px 10px 14px 10px;
    position: relative;
    margin-top: 20px;
    border: 2px solid blue;
    color: blue;
}

.logo {
content:url("https://cdn.discordapp.com/attachments/859229634424209439/1155462607982047233/Untitled491_20230924211508.png");
    filter: hue-rotate(232deg);
}

button, input {
    overflow: visible;
    background: black;
    border: 2px solid blue;
    color: blue;
}

.logout-btn {
    font-family: inherit;
    color: blue;
}

nav .links {
    background-color: black;
    padding: 3.5px 16px;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    border: 2px solid blue;
    text-align: center;
}

nav .links a {
    text-decoration: none;
    color: blue;
    text-shadow: none;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
}

nav .links .special a {
    color: blue;
}

nav .links a:hover {
    text-decoration: none;
    color: darkblue;
    text-transform: uppercase;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " | ";
    color: blue;
}

main {
    background: black;
    color: blue;
    padding: 6px 5px;
    font-size: 80%;
    border: 2px solid blue;
}

span {
    text-align: center;
    text-transform: uppercase;
    font-size: large;
}

.edit-link {
    font-size: 90%;
    text-align: center;
}

.profile .mood {
    width: 100%;
    display: inline-block;
    text-align: center;
    border: 2px solid blue;
    padding: 10px 2px 5px 2px;
    margin-bottom: 10px;
}

.online {
    content: url(https://www.myspacegens.com/images/online_now/3.gif);
    filter: invert(1) hue-rotate(77deg);
}

.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    background: black;
    color: blue;
    padding: 2px 7px;
    border-bottom: 2px solid blue;
    text-align: center;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: 2px solid blue;
    margin: 10px 0;
}

.icon, .award img {
    display: none;
}

.f-col:before {
    content: "X";
    padding: 4px;
}

.details-table td:first-child {
    background: black;
    color: blue;
    font-weight: bold;
    width: 33%;
    border: 2px solid blue;
}

.details-table td {
    background: black;
    vertical-align: top;
    border: 2px solid blue;
}

.url-info{
font-size: 0px;
background: url(https://i.pinimg.com/564x/6a/6b/2e/6a6b2e727b10bf14c0bbce33bd3c04ba.jpg);
    height: 300px;
    background-position: center;
background-size: contain;
border: none!important;
}

.profile-info{
background: url(https://i.pinimg.com/564x/b7/87/3c/b7873ce91dc70e885af9d1de31b69289.jpg);
    background-size: cover;
    height: 247px;

    font-size: 0px;
}

.blog-preview p {
    border-bottom: 2px solid blue;
    padding-bottom: 2px;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: black;
    color: blue;
    padding: 2px 7px;
    text-align: center;
    border: 2px solid blue;
}

.profile .blurbs .inner, .profile .friends .inner, .blog-entry .comments .inner, .bulletin .comments .inner, .setting-section .inner {
    padding: 7px;
    border: 2px solid blue;
    margin-top: 10px;
}


.profile .blurbs .section h4 {
    margin: 0;
    color: blue;
    text-align: center;
    border: 2px solid blue;
    text-transform: uppercase;
}

.heading{
    text-transform: uppercase;
}

.count {
    color: blue;
    font-size: smaller;
}

a {
    color: blue;
    text-decoration: none;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: darkblue;
    text-decoration: none;
    text-transform: uppercase;
}

.profile .friends .person p {
    color: blue;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}

.profile .friends .person img:not(.icon) {
    max-width: 95px;
    max-height: 95px;
    display: block;
    margin: 0 auto;
    border: 2px solid blue;
}

div#comments {
    margin-top: 10px;
}

table.comments-table, table.music-table, table.bulletin-table, table.forum-table, table.groups-table {
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    border: transparent;
}

.comments-table td:first-child, .music-table td:first-child {
    background: black;
    text-align: center;
    font-weight: bold;
    width: 38%;
    border: 2px solid blue;
}

.comments-table td, .music-table td {
    background: black;
    vertical-align: top;
    border: 2px solid blue;
    border-left: none;
}

.comment-replies {
    padding: 0 5px;
    border: 2px solid blue;
    margin-top: 10px;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background-color: black;
    color: blue;
    border: 2px solid blue;
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
BACKGROUND-COLOR: black;
}
::-webkit-scrollbar-track {
    width: 2px;
    border: 1px solid blue;
}
::-webkit-scrollbar-thumb {
    background: blue;
}
::-webkit-scrollbar-thumb:hover {
    background: darkblue;  
}

/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/cursors/cur-11/cur1058.ani), url(https://cur.cursors-4u.net/cursors/cur-11/cur1058.png), auto !important;} /* End https://www.cursors-4u.com */

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

rå1.§†4rz	1750140734 usinggg!! :D Report Comment
Ark❦se 𓆩♱𓆪	1748551819 using!! :3 Report Comment
nana_fsg	1748136434 usando Report Comment
AR0MATH3RAPY	1745874785 using! Report Comment
AR0MATH3RAPY	1745874785 using! Report Comment
kivi	1743533114 using! Report Comment
Sunny	1742679094 Using!! Report Comment
luke	1742443101 using Report Comment
ira	1741314873 using!!! Report Comment
billy	1741189881 using!! <3 Report Comment
melonoid	1739901046 usingg maybe Report Comment
🩷🌟K1LLerton_0f_💵oney💫🩷	1738442968 using Report Comment
kirno	1738255318 using Report Comment
misa	1737669333 using! Report Comment
Autumn	1737194147 Usingg Report Comment
caKe	1735097147 using <3 Report Comment
Marta	1734770163 usingggg Report Comment
mrikan	1731587119 usingg Report Comment
evantheoven	1731587106 usinnnn Report Comment
Samy!	1723242976 using..,.......! Report Comment