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 ☆ 🍉 (yuri lover ⚢) (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 46 comments ( View all | Add Comment )

mrikan	1731587119 usingg Report Comment
evantheoven	1731587106 usinnnn Report Comment
Eve	1725542655 usingggg Report Comment
Samy!	1723242976 using..,.......! Report Comment
moonhead!	1722411818 using <3 Report Comment
☆ rin ?!	1713990075 omg i love perfect blue sm! def using! <3 Report Comment
seth ᶻ 𝗓 𐰁	1713773515 using Report Comment
xiula_0hg	1712204236 using Report Comment
Atlas	1710550902 Using🫶 Report Comment
addle	1709882417 using!! Report Comment
momomo₊˚⊹ ᰔ໒꒰ྀི´ ˘ ` ꒱ྀིა	1708383205 Using!!!!!!! Report Comment
blaire / zel ᯓ★	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