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

Tokki	1772211500 Using :3 Report Comment
avli	1771837670 using Report Comment
Cryo	1769986727 using Report Comment
Choco #FUCK ICE	1769401122 usingg! Report Comment
LadYBrUtuS	1767432638 USSSİİİNNGG Report Comment
DRE!! °‧ 𓆝 𓆟 𓆞 ·｡	1767163881 using Report Comment
Kurmi	1767051832 USINGG Report Comment
ᓚᘏᗢmayo	1767042207 usingggg Report Comment
Scared4lifey	1765041385 USING!!! Report Comment
carrots	1761383381 Using!!! ^^ Report Comment
taemanaiyume	1761055075 using! Report Comment
✬ Fifty-Four // 54	1757319703 Using Report Comment
𝙡𝙪𝙘𝙞𝙟𝙖	1754185286 using Report Comment
𝙡𝙪𝙘𝙞𝙟𝙖	1754185279 using Report Comment
◟♯ . / keith . !	1754120886 used Report Comment
rå1.§†4rz	1750140734 usinggg!! :D Report Comment
Ark❦se 𓆩♱𓆪	1748551819 using!! :3 Report Comment
AR0MATH3RAPY	1745874785 using! Report Comment
AR0MATH3RAPY	1745874785 using! Report Comment
kivi	1743533114 using! Report Comment