Investigator's Study

Tags: noir, detective, investigator, layout, music

Description:

The layout I've been using: a mystery-filled noir piece for your page, gritty cigarette smoking not included. While there is music included, there are some issues with the music player including the problem where it will no longer play when the page is opened.

Preview:

click on the image for a larger preview

Code:

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

<style>
  font-size: 150%;
}
h1,h2,h3,h4,h5{
  font-size: 200%; 
}

body {
   background-image: url(https://cdn.discordapp.com/attachments/863237961801269298/1127333211773612143/image.png);
   background-repeat: no-repeat;
   background-size: cover;
}
.profile {
    background:rgba(21,23,26,0.90);
    color: #ffffff;
  }
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: black;
   color: rgb(216,188,148);
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: black;
   color: rgb(216,188,148);
}

main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid black;
    height: 175px;
    display: block;
    content: "";
    background-image: url(https://i.redd.it/dipbpq6q15a61.png);
    background-position: center center;
    background-size: cover;
}

footer {
    border-radius: 15px;
    background:rgba(21,23,26,0.90);
    color: #ffffff;
}

table.comments-table td {
    color: #ffffff;
}

:root {
    --logo-blue:black;
    --darker-blue: rgb(100, 90, 88);
    --lighter-blue: black;
    --even-lighter-blue: rgb(40, 38, 43);
    --lightest-blue: rgb(40, 38, 43);
    --dark-orange: white;
    --light-orange: white;
    --even-lighter-orange: rgb(40, 38, 43);
    --green: pink;
}

main{
    background: rgba(0,0,0,0) !important;
  }
</style>

<style>
.userbox { width: 239px; font-family: sans-serif; border: 1px solid; border-collapse: collapse;}
.id { height: 45px; width: 45px; text-align: center; font-size:12pt; border: 1px solid; font-weight: bold;}
.info { padding: 0 4pt; border: 1px solid; font-size: 8pt;}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
body{font-family: 'Special Elite', cursive;}
</style>


<style>
/* contact icons */
.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: "☺"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "♠"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "✉"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "✎"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "☏"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "✘"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "+"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "⚐"
}

.friends .heading{ font-size:0; }
.friends .heading:before{ content: "Main Suspects:"; font-size:.8rem; }
}
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "Editor's Notes:"; font-size:.8rem; }
}
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "Phonebook:"; font-size:.8rem; }
}
.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "Investigations:"; font-size:.8rem; }
}

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/Szze8mQDuUA//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</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 8 of 8 comments ( View all | Add Comment )

Zillak	1735672286 using Report Comment
STEPHANIE 2009	1722199100 Using! It doesn't show the background image in the original code but I used the following url and it was quickly fixed!; https://media.discordapp.net/attachments/863237961801269298/1127333211773612143/image.png?ex=66a7f95e&is=66a6a7de&hm=cd649d85a7490bbec1dd2e79827503e0ade7a57ff0ebf545dc983340a29f3ab3&=&format=webp&quality=lossless&width=466&height=389 Love your layout! keep it up! <3 Report Comment
KilljoyDetective427	1719442048 Using. ^^ Report Comment
yaz	1717006698 using!! this is so cool :) Report Comment
Alex	1700169230 Using Report Comment
dalcia	1689325621 I like it Report Comment
kumo	1689068537 using (⁠≧⁠▽⁠≦⁠) Report Comment