Japanese Vibe

Tags: neon, layout, dark, 90s

Description:

Yeah this is a purple Japanese vibe Layout

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by テ オ (Theo) (https://layouts.spacehey.com/layout?id=30130) -->

<style>

@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@500&display=swap');
body{
background-image: url(https://wallpapercave.com/wp/wp8502407.jpg);
background-size: cover;
height: 100%;
background-attachment: fixed;
}
.count{
color:#46256e;
text-shadow: 0px 0px 5px #f3a2f5
}

main{
background: rgb(23, 22, 22);
background: linear-gradient(180deg, rgba(238, 182, 252,0.5) 20%, rgba(228, 185, 250,0.5) 15%, rgba(220, 185, 250,0.6) 10%, rgba(220, 185, 250,0.6) 5%);
box-shadow: 0px 0px 10px #fc9fe0;
}
p{
color: white;
}

nav .top{
background-color: 209, 185, 250;
}
nav .links{
background-color: transparent;
background-size: cover;
text-align: center;
}
.profile h1{
font-family: 'Exo 2', sans-serif;
color: black;
text-shadow: 0px 0px 5px #deabed;
font-size: 40px;
text-align: left;
}

.profile .general-about{
display:flex;
flex-wrap: wrap;
justify-content: center;
padding: 0em;
background-color: rgba(222, 171, 237,0.0);
box-shadow: 0px 0px 1px #deabed;
text-align: center;
color: white;
}

.profile-pic img{
border: 3px #fabbf2;
border-radius: 100%;
}

.general-about .profile-pic{
margin: 10;
}

nav .links {
background-color: transparent;
}

nav .links a:hover {
color: rgba(243, 162, 245, 1);
}
nav .top{

background-color: transparent;
}
.online{
color: #5a19a8;
font-family: 'Exo 2', sans-serif;
color: white;
text-shadow: 0px 0px 10px #673f99;
font-size: 22px;
text-align: center;
}

.online img{
content: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRtXVgvFYXVUV-jMBp6bZEcbzdeB7GhqVld8A&usqp=CAU);
}

footer{
background-color: rgba(0,0,0,0.1);
box-shadow: 0px 0px 05px #ef95fc;
color: white;
}

.profile .contact .heading,
.profile .table-section .heading{
background-image: url(https://storage.googleapis.com/pai-images/134df202ac0e40309280295ba8ab2f6f.jpeg);
text-align: center;
color: white;
text-shadow: 1px 1px 2px black;
}

.profile .contact, 
.profile .table-section,
.profile .url-info{
border: none;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #f3a2f5;
margin: .5em 0;
}

.profile .url-info{
color: white;
text-align: center;
}
table.details-table td {
background-color: transparent !important;
color: white !important;
}
.profile .blurbs .heading,
.profile .friends .heading{
background-image: url(https://gifdb.com/images/high/cherry-blossom-sakura-tree-46b5m8kv0r60f4qs.gif);
text-align: center;
color: #46256e;
text-shadow: 1px 1px 5px #f3a2f5;
}
text-shadow: 1px 1px 10px #f3a2f5;
}
.profile .blurbs,
.profile .friends{
border: black;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 20px #f3a2f5;
text-align: center;
color: white;

}
.profile .blurbs .section h4{
color: white;
text-shadow: 1px 1px 1px #f3a2f5;
padding: 1em 0;
}
.profile .profile-info{
color: white; 
text-shadow: text-shadow: 1px 1px 5px #f3a2f5;
background-image: url(https://i.pinimg.com/originals/dc/d1/fb/dcd1fb0f995baa4d2a4a9be54a590856.gif);
background-size: cover;
background-position: center;
}

.profile .blog-preview{
text-align: center;
border: #f3a2f5;
background-color: rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px #f3a2f5;
padding: 1em 0;
color:#f3a2f5;
}
.profile .friends .friends-grid p{
color: white;
text-shadow: 0px 0px 2px #ffff;
}
.count{
color: white;
text-shadow: 0px 0px 5px #fffff;
}

.profile .comments-table{
color: white;
text-align: center;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px #ffff;
border: black;

}
.profile .comments-table .comment-replies{
background-color: transparent;
box-shadow: 0px 0px 10px #ffff;
border: none;
color: white;
}
.profile .comments-table td{
background-color: transparent;
color: white;
padding: .5em;
}

a:visited {
color: #f3a2f5;
text-shadow: 0px 0px 0px #333333;
text-decoration: none;
}

a:hover {
color: #f3a2f5;
text-decoration: none;
}

a:active {
color: white;
text-decoration: none;
text-shadow: 0px 0px 1px #050505;
}

nav .links a:hover{
color: #d1cbcb;
text-decoration: none;
text-shadow: 0px 0px 3px #f3a2f5;
}
</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 15 of 15 comments ( View all | Add Comment )

KiyoshiBlue	1701661265 I love it so much, thank you! Report Comment
astra	1700966998 using!! Report Comment
Blue Baboon💖	1697999331 This is so cute. Def using!💗 Report Comment
the Human Exchange student!!	1697914531 using!!!!! Report Comment
☆samu{huo huo}☆	1695693566 using!! Report Comment
min ౨ৎ ⟡	1692335472 using! Report Comment
Hey_Gorg	1688604045 Hi_ could_ you_ please_ tell_ me_ how_ to_ change_ the_ background_ image_ (those place in the banners too if it's not a big deal)_ -?_ I-'ve_ been_ trying_ for_ over_ two_ hours_ but_ I_ keep_ failing_ -._ Report Comment
Bella ☆	1688351847 using!! Report Comment
viloh	1686952771 using :) Report Comment
Jasmine_Tea	1686492841 oh shit this is my laptop wallpaper. gotta use it now Report Comment
alexx	1685771682 Pretty. Using 🤍 Report Comment
itsw1ll	1685292708 using :) Report Comment
Peppermint	1684406629 tyyyy so much, using :) Report Comment
Ren	1683781421 Sick layout! Thanks for the share <3 Report Comment
_Coire_Raye_	1683063277 This is so cool XD using!!! Report Comment

Layout published by テ オ (Theo)

Japanese Vibe

Description:

Preview:

Code:

Comments

Layout published by テオ (Theo)