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

🎧 ... ST4N M4RZH ... 🎧	1733983744 Using Report Comment
✩ — alyix / kyusakuu	1728152459 using ^_< Report Comment
Rex ><	1727455863 using for suree Report Comment
Chibi	1726632136 Using Report Comment
alliw ! 👾🇧🇷	1724346168 usando!!! Report Comment
･༓☾ Keira ☆. ‧͙⁺	1723282445 Using!! Report Comment
🍊 \| En ′ ° ′	1722976250 Using ^_^ Report Comment
enzoruiii !!!	1718050838 usingggg Report Comment
fayle ☆	1717481239 using^_^!! Report Comment
chuuyashat	1715037840 using<3 Report Comment
ren ︶꒷꒦︶	1714795855 Using!! Report Comment
@﹒★﹒Valx	1712974133 Usandom:3 Report Comment
Nicole	1711822582 using Report Comment
Nicole	1711822573 using Report Comment
XxZIZIZOMBIZxX	1709761916 going 2 use x3 Report Comment
seth ᶻ 𝗓 𐰁	1709104222 using!! Report Comment
D3AD PERS0N	1708791603 Using:3 Report Comment
zombeh	1708490477 Using Report Comment
☆Sal!!(auto music)☆🍉	1707864927 using! :3 Report Comment