Edogawa Ranpo layout

Tags: bsd, bungo stray dogs, edogawa ranpo

Description:

A Ranpo layout. Has autoplay music

Preview:

click on the image for a larger preview

Code:

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

<style>

body {
    background: url(https://i.ibb.co/0X3GtVQ/ranpo.png) no-repeat fixed;
    background-size: cover;
}


main:before {

	width: 100%;

	height: 300px ;

	display: block;

	content: "";

	background-image: url("https://i.pinimg.com/564x/36/ef/39/36ef3912907988b1e0c1f39619286a2b.jpg");

	background-position: center center;

	background-size: cover;

}



main {
  background: #e0dfdf;
box-shadow: 0px 0px 25px 8px rgba(0,0,0,0.75);
}

.count {
  color: red;
}




a {
  color: black;
font-family: courier !important;
}

p {
color: black;
font-family: courier !important;
}

h1 {
color: black;
font-family: courier !important;
}

h2 {
color: black;
font-family: courier !important;
}

h3 {
color: black;
font-family: courier !important;
}

h4 {
color: black;
font-family: courier !important;
}

nav{ 

text-align: center;

    }

nav .links {
background: #8b8a8a;



}

nav .links a:hover {
color: red;
}
nav .top{
background: #8b8a8a;
}




.profile .table-section {
border: none;
}


footer {
color: white !important;
box-shadow: 0px 0px 25px 8px rgba(0,0,0,0.75);
background-color: #8b8a8a;
  } 






table.comments-table{
background: transparent;
display: block;
height: 300px!important;
overflow-y: scroll;
border-radius:15px;
border-color: black;
border-width: 3px;

}





.profile .table-section .details-table td {
background: #8b8a8a;
color: white;
}


.profile .friends .comments-table td {
background-color: #8b8a8a;
color: white;
}


.profile .blurbs .section h4 {
background-color: #8b8a8a;
color: black;
}

.profile .blurbs .heading, .profile .friends .heading {
color: white;
background-color: #8b8a8a;

}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: #8b8a8a;
color: white;
}


::-webkit-scrollbar {
    width: 8px;
    height: 10px;}

    ::-webkit-scrollbar-thumb {
    background: black;}

    ::-webkit-scrollbar-track {
    background: #8b8a8a;}

.logo{
width: 30px;
content:url("https://image.tmdb.org/t/p/original/qhHaaH3o9xSD3q1ocDr4LYo4jg6.png")
}

.url-info{
    background: url("https://i.pinimg.com/564x/03/df/6b/03df6b263dfeab27aba671c41aa3e05d.jpg");
    background-position: center;
    border: var(--borders)!important;
    height: 300px;
    background-size:cover;
}


.url-info p{
    opacity: 0.0;
}

</style>

<div style="float:  ; max-height: 400px; position: fixed; left: 1px; bottom: 9px; z-index: 200;">
<img src="https://i.ibb.co/Ryw7zQG/ranpo-official-art-removebg-preview.png" height="250"/></div>

<iframe width="0" height="0" src="https://www.youtube.com/embed/qrcDm4Pr3Ig?loop=1&autoplay=1&controls=0&start=0&playlist=qrcDm4Pr3Ig&&#x201D;title=" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="&#x201D;&#x201D;">
/</iframe>

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

anchovies	1731282089 which part of the code would i use if i just wanted the gif of him in the bottom left? Report Comment
btww.vxle	1727253685 using!! :D Report Comment
sirenmaker	1727090030 Using Report Comment
max attax :3	1723584398 using!! ^_^ Report Comment
ׂ╰┈➤ 🦴⚙️ Gear's Alt🩸	1712805044 Using!! Report Comment