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

☆ sora ☆	1713990075 omg i love perfect blue sm! def using! <3 Report Comment
joel ᶻ 𝗓 𐰁	1713773515 using Report Comment
xiula_0hg	1712204236 using Report Comment
Atlas⭐️	1710550902 Using🫶 Report Comment
addle	1709882417 using!! Report Comment
空夢₊˚⊹ ᰔ໒꒰ྀི´ ˘ ` ꒱ྀིა	1708383205 Using!!!!!!! Report Comment
blaire / lyla ᯓ★	1707689280 using Report Comment
xhyzvo	1706215128 might usee Report Comment
xhyzvo	1706215128 might usee Report Comment
xhyzvo	1706215128 might usee Report Comment
xhyzvo	1706215128 might usee Report Comment
xhyzvo	1706215128 might usee Report Comment
nana	1706135082 using Report Comment
saizuha	1705781767 usandoo Report Comment
saizuha	1705781767 usandoo Report Comment
★Marcy!! ★	1705176780 using! Report Comment
Skyy/Austin★🎧⋆｡	1702952873 Using :] Report Comment
Shroud𖦹✮	1702697996 Using!! tysm Report Comment
𝙟𝙟 fetti🎶٪ ࣪ ִֶָ	1700944320 using tyy Report Comment
💤;; MaeMaeh	1700099003 Usingg tysmm. Report Comment