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

@﹒★﹒Valx	1712974133 Usandom:3 Report Comment
cherri bomb (higuchi)	1711822582 using Report Comment
cherri bomb (higuchi)	1711822573 using Report Comment
- ZIZI - [FREE PALESTINE🍉]	1709761916 going 2 use x3 Report Comment
joel ᶻ 𝗓 𐰁	1709104222 using!! Report Comment
D3AD PERS0N	1708791603 Using:3 Report Comment
zombeh	1708490477 Using Report Comment
➜ osamu :: ★ .ᐟ	1708462184 using! :D Report Comment
☆Sal!!(auto music)☆🍉	1707864927 using! :3 Report Comment
Ray :3	1707711515 using!!!! Report Comment
Crissy	1707446775 Usado Report Comment
Vflower (QUIT) I am Elluka \| Kafka ~ ☆	1707362526 I have waiting so long for someone to make bsd layout I must thank you I will surr be using Report Comment DW!!! im glad u like it by Dai, Dai.; 1707504057; Report