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

Ray !	1752002834 using !! Report Comment
🦝 ☆ zai ☆ 🦝	1751778241 might use!! Report Comment
~+•^stars^•+~	1750916252 using Report Comment
はくれい	1749755375 using ! Report Comment
binghe	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
Lemon	1739933217 Usingggg Report Comment
Pomsipimsi^^	1739662352 Using!! ^^ Report Comment
꧁༒☬𝓢𝓸𝓹𝓱☬༒꧂	1739601736 using Report Comment
Miley/Caspian	1739462694 Using! Report Comment
SANJIIII (-ε- )	1739182773 usinggg Report Comment
naku	1739085329 usingg Report Comment
Tevi	1736402847 Using! :) Report Comment
: : BRUTUS 🩸 !! . . .	1736323441 Using! Report Comment
F0URY F0URST3R (FOUR FICTKIN)	1733983744 Using Report Comment
✩ — val!	1728152459 using ^_< Report Comment
Rex ><	1727455863 using for suree Report Comment