BSD White layout!!

Tags: bungo stray dogs, anime, white, light, black, bsd

Description:

shout out to all my depressive Bsd girlies! i made this while i was half-awake, half-asleep... so... if sumthin is wrong don't hesitate in comment!!!!!! pls, comment if using. <33 --XOXO, Dai. ps: has more pics than in the ss!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Dai, Dai. (https://layouts.spacehey.com/layout?id=99061) -->

<style>

    .profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
        border-bottom-style: groove;
        background-image: url(https://i.imgur.com/CKX2NUO.png), linear-gradient(to right,white, white);
        background-repeat: no-repeat;
        background-position: right;
        padding: 0px 6px;
        margin: 1px;
        color: black;
    }

</style>

<style>
                            @import url('https://fonts.cdnfonts.com/css/amour-stories');
</style>
                
<style>
body{
font-family: 'Amour Stories', sans-serif;
}
</style>

<style>
.profile .contact{
  border: 2px solid black;
</style>

<style>

body {

background-image: url("https://i.pinimg.com/564x/7b/c6/9a/7bc69a323680ef08037a330474f7cd85.jpg") !important;

background-color: white !important;

background-attachment: fixed !important;

margin: 0;

padding: 0;

}

<style>
main:before {
      background-image: url('https://i.ibb.co/GvWKp9P/486aba63b55328eeea1b1380eb619fcb89175353-s2-n3-y2.png');
      background-position: center center;
      background-size: cover;
display: block;
content: "";
width: 100%;
height: 200px;

}
</style>

<style>
:root {
    --logo-blue: white;
    --darker-blue:black;
    --lighter-blue: #60A5FA;
    --even-lighter-blue:linear-gradient(#e6e6eb, transparent);
    --lightest-blue: linear-gradient(#e6e6eb, transparent);
    --red: #FF0000;
    --dark-orange: black;
    --light-orange: linear-gradient(#e6e6eb, transparent);
    --even-lighter-orange: ;
    --strange-yellow: #dbae2e;
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #A0C99C;
    --dark-green: #059669;
    accent-color: #1D4ED8;
    accent-color: var(--logo-blue);
}
</style>
<style>
nav .top {
    background: white;
    background: var(--logo-blue);
    padding: 15px 10px 14px 10px;
    display: flex;
    position: relative;
    border: 2px solid black;
}
</style>
<!-- (c) Layout created by psyclone (https://layouts.spacehey.com/layout?id=38406) -->

<style>
.logo {
  content: url(https://psyclonecities.neocities.org/assets/win7logo.png)
}
</style>

<style>
main{
background-color: transparent;
</style>


<style>* {cursor: url(https://cur.cursors-4u.net/symbols/sym-7/sym637.ani), url(https://cur.cursors-4u.net/symbols/sym-7/sym637.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/26/shiny-grey-star.html" target="_blank" title="Shiny Grey Star"><img src="https://cur.cursors-4u.net/cursor.png" alt="Shiny Grey Star" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {

  content: "☆";

  color: black;

}

</style>


<style>
main:before {
background-image: url('https://i.ibb.co/GvWKp9P/486aba63b55328eeea1b1380eb619fcb89175353-s2-n3-y2.png');
    background-position: center;
    background-size: cover;
    display: block;
    content: "";
    width: 100%;
    height: 300px;
}
</style>
<style>
#comments:before {
    background-image: url('https://i.pinimg.com/564x/be/a9/0d/bea90d084cb845f690f1f9a8e21aec2a.jpg');
    background-position: center;
    background-size: cover;
    display: block;
    content: "";
    width: 100%;
    height: 250px;
    margin: 3px;
}
#comments:after{
    background-image: url('https://i.pinimg.com/564x/e8/f9/f2/e8f9f242ae39064209ab6f25a7c17f22.jpg');
    background-position: center;
    background-size: cover;
    display: block;
    content: "";
    width: 100%;
    height: 250px;
    margin: 3px;
}
</style>

<style>
.profile .contact:after {
background-image: url('https://i.pinimg.com/564x/15/04/45/1504453ae2267f65c3b7b0e4176c34a7.jpg');
    background-position: center;
    background-size: cover;
    display: block;
    content: "";
    width: 100%;
    height: 200px;
}
nav .links {
    text-align: center;
    margin-bottom: 5px;
    background: transparent;
    border: 3px solid black;
    overflow-y: auto;

}
nav .links a{
color: grey;
text-shadow: 2px 2px 2px;
}

nav {
    color: black;
    font-size: 72%;
    font-size: max(72%, 12px);
}
</style>
<!-- (c) Layout created by Charming Brain (https://layouts.spacehey.com/layout?id=88) -->

<style>
.online{content:url("https://i.imgur.com/2gxZhSQ.png");
}
</style>

<style>
.details-table p{
color:black
}

</style>
<style>
.profile .table-section{
    width: 100%;
    border: 2px solid black;
    border: 2px solid black;
    margin: 10px 0;

}

</style>
<style>
.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* Add to Friends */
	content: url("https://watermelon.crd.co/assets/images/gallery05/c44cce6e.gif?v=2a41aca3")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content:url("https://watermelon.crd.co/assets/images/gallery05/c44cce6e.gif?v=2a41aca3")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content:url("https://watermelon.crd.co/assets/images/gallery05/c44cce6e.gif?v=2a41aca3")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content:url("https://watermelon.crd.co/assets/images/gallery05/c44cce6e.gif?v=2a41aca3")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content:url("https://watermelon.crd.co/assets/images/gallery05/c44cce6e.gif?v=2a41aca3")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content:url("https://watermelon.crd.co/assets/images/gallery05/c44cce6e.gif?v=2a41aca3")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content:url("https://watermelon.crd.co/assets/images/gallery05/c44cce6e.gif?v=2a41aca3")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content:url("https://watermelon.crd.co/assets/images/gallery05/c44cce6e.gif?v=2a41aca3")
}
</style>
<!-- (c) Layout created by clear (https://layouts.spacehey.com/layout?id=98677) -->

<!-- IMPORTANT: Nth child changes individual icons, first child changes the 1st icon. To add more, continue the code with nth-child(6), (7), etc. -->

<!-- Person img (without nth or first child label) is the default. It changes every icon. If you delete the first and nth child sections, all icons will appear as this default. -->


<style>
.profile .friends .person:first-child img:not(.icon){
content:url('https://i.pinimg.com/564x/8b/a9/8a/8ba98ac2d0b8c9e3c15b11c6f1545694.jpg');
}
.profile .friends .person:nth-child(2) img:not(.icon){
content:url('https://i.pinimg.com/736x/0a/fa/3f/0afa3f11d6b38f418db283694e2664ca.jpg');
}
.profile .friends .person:nth-child(3) img:not(.icon){
content:url('https://i.pinimg.com/564x/e6/c5/d0/e6c5d0427a87c67eebe536eab62c52c1.jpg');
}
.profile .friends .person:nth-child(4) img:not(.icon){
content:url('https://i.pinimg.com/564x/74/53/23/74532354f43c05999e2e2f6f5fa3fc18.jpg');
}
.profile .friends .person:nth-child(5) img:not(.icon){
content:url('https://i.pinimg.com/564x/9a/5c/bd/9a5cbde46007209ebb1c65a8d06366a7.jpg');
}
.profile .friends .person img:not(.icon){
content:url('https://i.pinimg.com/564x/63/4b/20/634b2051e03a294531417b8b5a66a44a.jpg');
}
.profile .friends .person:nth-child(7) img:not(.icon){
content:url('https://i.pinimg.com/564x/34/aa/81/34aa81ce913b4447f2484336bccb7189.jpg');
}
.profile .friends .person:nth-child(8) img:not(.icon){
content:url('https://i.pinimg.com/564x/a8/f0/7a/a8f07a71de93ce3f4326cbf1c155fecc.jpg');
}
</style>
<style>

.profile .url-info{
  width: 100%;
  border: 2px solid black;
  border: 2px solid black;
  margin: 10px 0;
}
</style>

<style>
@import url('https://fonts.cdnfonts.com/css/funnykid');
</style>
<style>

.profile .left h1{ font-family: 'FunnyKid', sans-serif;  font-size: 38px; color: #9a9c9a; text-align: center; overflow-wrap: break-word; text-shadow: 3px 3px 3px black;}
</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 48 comments ( View all | Add Comment )

IlscThael	1780902305 using Report Comment
IlscThael	1780902270 using Report Comment
Aki-san	1779948529 Using Report Comment
Jude	1778068236 using! Report Comment
Silvia	1777984674 Using Report Comment
𝑂𝑙𝑖𝑣𝑒𝑟	1776080372 Using!!! Report Comment
ᨦ ⋆₊꒰ 𝐒𝐡𝐢𝐨𝐧 ᵎᵎ.˖ꪆ𖠵꒷	1766768843 usingg ( ＾ω＾ ) Report Comment
݁˖꩜ 𝐀𝐳𝐮𝐮! . ݁⊹	1763313026 Using! Btw, is there a way to quit the banner? (Ik that’s the attraction of the layout but yeah) Report Comment
Eriixx_	1758999440 using! <3 Report Comment
x	1758902748 usingg Report Comment
Nat 𓍯𓂃🪑	1753795538 Usingg :3 Report Comment
Ray !	1752002834 using !! Report Comment
۶ৎ junicorn7	1751778241 might use!! Report Comment
~+•^f!$h b0n3z^•+~	1750916252 using Report Comment
はくれい	1749755375 using ! Report Comment
lexion o_O	1749722934 using!! Report Comment
Soulmary	1744629502 usando Report Comment
꒰ `+∘˚˚˙✦ ˑ ִֶָ🧪🥩🦴ˑ∘vicente ∘˚˙+🐛𖦹💝🌟	1743890139 irei usar:D Report Comment
𝕮✮𝖗𝖙𝖎𝖋𝖎✮𝖉 𝖑𝖔𝖘✮𝖗	1743157425 usinggg Report Comment
zwombiac	1742365545 Using ! Report Comment