Personal layout (edgy phase)

Tags:
Description:

loving gore
Code:

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

--paste in about me--

<style>
body {
font-family: Courier;
background-color: black;
}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}

#q, button {
color: red;
background-color: black;
border: 1px solid red;
font-family: inherit;
}
p, i, b, .count {
color: red !important;
}
a, .profile .friends .person p, .logout-btn {
color: red !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: red;
}
nav .top {
margin-top: 2px;
background: none;
background-color: black;
border: 2px solid red;
border-bottom: none;
}
nav .links {
background-color: black;
border: 2px solid red;
}
body{
background-image:
url(https://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Black_from_a_camera.jpg/1200px-Black_from_a_camera.jpg);
background-attachment: fixed;
background-size: 1000px;
}

main {
background: black;
color: red;
border-left: 2px solid red;
border-right: 2px solid red;
}
.heading, .url-info {
color: red !important;
background: none;
background-color: black !important;
border: 2px solid red !important;
}
.inner {
color: red !important;
border: 2px solid red;
border-top: none;
}
.profile-info {
border: 2px solid red;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px solid red;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.profile .blurbs .section h4 {
color: red !important;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px solid red;
border-collapse: collapse;
}
td {
color: red !important;
background: none;
background-color: black !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer {
background: black;
border: 2px solid red;
}
footer p {
color red !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px solid red;
margin: 2px;
}
nav .info {
background: none;
}
</style>


--paste in who I'd like to meet--

<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d17b2467-9577-427b-a91e-e87ef1a3e769/dcjgz9e-c3c71049-2b9b-4519-945a-9404b4f5d26b.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2QxN2IyNDY3LTk1NzctNDI3Yi1hOTFlLWU4N2VmMWEzZTc2OVwvZGNqZ3o5ZS1jM2M3MTA0OS0yYjliLTQ1MTktOTQ1YS05NDA0YjRmNWQyNmIucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.we7VxD8vP4ABWt8bBCWkIyKxAYkZYCAtGPRmNSGqkhs"/>
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/cc129c8c-6efc-4694-967c-8821ffd00baa/d7ql8j0-12604995-55e8-47b5-a92d-dc6724b337e5.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2NjMTI5YzhjLTZlZmMtNDY5NC05NjdjLTg4MjFmZmQwMGJhYVwvZDdxbDhqMC0xMjYwNDk5NS01NWU4LTQ3YjUtYTkyZC1kYzY3MjRiMzM3ZTUuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.csmT1hafvYkCcBdS8qGpetmwrgKhVAXEaMmcB4XiFDs"/>   <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d17b2467-9577-427b-a91e-e87ef1a3e769/dcjgz9e-c3c71049-2b9b-4519-945a-9404b4f5d26b.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2QxN2IyNDY3LTk1NzctNDI3Yi1hOTFlLWU4N2VmMWEzZTc2OVwvZGNqZ3o5ZS1jM2M3MTA0OS0yYjliLTQ1MTktOTQ1YS05NDA0YjRmNWQyNmIucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.we7VxD8vP4ABWt8bBCWkIyKxAYkZYCAtGPRmNSGqkhs"/>


--paste in general--

<img src="https://cdn.spacehey.net/layouts/88461_d72d26ea8b3aba8569c0a49978a91b24.jpg?token=rP6Hf_wgTfknGkKTsfm17u9HT8nob-8Ypv1wgamdSxk&expires=1712647680"/>

<img src="https://creep.crd.co/assets/images/gallery02/55a3120a.gif?v=9fb44b0b"/>




<img src="https://external-media.spacehey.net/media/s57bfJ71jlRB89If4kAfN1ysOKi8KLs_7IYTbW0M6Piw=/https://gifcity.carrd.co/assets/images/gallery27/9d564107.jpg?v=ef10e8f3"/>


<img src="https://external-media.spacehey.net/media/sMatW-95EdkMLpoUPulYavu2Uw3GUx6b7iyw7Y97pTjk=/https://popteamepic.carrd.co/assets/images/gallery01/88a2ed1a.png?v10408301085951"/>

<img src="https://external-media.spacehey.net/media/sbGkpiR9midyBhZa5X8G-ofDxmVV0_ARLLF3hk1BBXmM=/https://creep.crd.co/assets/images/gallery05/a9852158.gif?v=9fb44b0b"/>

<img src="https://creep.crd.co/assets/images/gallery02/28844a9d.jpg?v=9fb44b0b"/>

<img src="https://creep.crd.co/assets/images/gallery02/f24a4bbf.jpg?v=9fb44b0b"/>


<img src="https://creep.crd.co/assets/images/gallery02/a6ff49a9.gif?v=9fb44b0b"/>

<img src="https://creep.crd.co/assets/images/gallery05/ff0fd960.png?v=9fb44b0b"/>

<img src="https://creep.crd.co/assets/images/gallery05/167d1a3a.gif?v=9fb44b0b"/>

<img src="https://creep.crd.co/assets/images/gallery05/04be9a92.gif?v=9fb44b0b"/>

<img src="https://creep.crd.co/assets/images/gallery05/c97d03ec.gif?v=9fb44b0b"/>

<img src="https://creep.crd.co/assets/images/gallery05/86fa40d6.gif?v=9fb44b0b"/>

<img src="https://creep.crd.co/assets/images/gallery05/8cf9a2ba.gif?v=9fb44b0b"/>

<img src="https://creep.crd.co/assets/images/gallery05/f0f1c6b6.png?v=9fb44b0b"/>

<img src="https://creep.crd.co/assets/images/gallery05/bac21c4d.png?v=9fb44b0b"/>

<img src="https://creep.crd.co/assets/images/gallery05/31aec9a6.jpg?v=9fb44b0b"/>

<img src="https://creep.crd.co/assets/images/gallery05/319814f8.jpg?v=9fb44b0b"/>

<img src="https://creep.crd.co/assets/images/gallery05/69dfd39f.jpg?v=9fb44b0b"/>

<img src="https://creep.crd.co/assets/images/gallery05/2f705cfe.png?v=9fb44b0b"/>

<img src="https://creep.crd.co/assets/images/gallery05/292ab397.gif?v=9fb44b0b"/>

<img src="https://creep.crd.co/assets/images/gallery05/2d288b94.png?v=9fb44b0b"/>

<img src="https://creep.crd.co/assets/images/gallery05/65eecae1.gif?v=9fb44b0b"/>

<img src="https://creep.crd.co/assets/images/gallery05/0f00dd20.gif?v=9fb44b0b"/>

<img src="https://creep.crd.co/assets/images/gallery05/f1438bac.png?v=9fb44b0b"/>

<img src="https://creep.crd.co/assets/images/gallery05/3b2f7199.png?v=9fb44b0b"/>

<img src="https://creep.crd.co/assets/images/gallery05/99e21c91.gif?v=9fb44b0b"/>

<img src="https://creep.crd.co/assets/images/gallery05/054a9637.png?v=9fb44b0b"/>


<img src="https://creep.crd.co/assets/images/gallery02/55a3120a.gif?v=9fb44b0b"/>




<img src="https://cdn.spacehey.net/layouts/90848_7cbd5dcbfb6d87dd6bebcf6663456e67.jpg?token=lYe6KvduU9JsY6_N0yE_io5AyRR0I86jRNX6EW3_TOs&expires=1712695782"/>

<img src="https://creep.crd.co/assets/images/gallery02/55a3120a.gif?v=9fb44b0b"/>







<img src=""/>


--paste in music--

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


<tr>
</tr>

<div style="margin-top: 4px;margin-bottom: -12px;">

<div id="music">
                            <iframe allowfullscreen="" src="https://www.youtube.com/embed/Yf1ewCvFvmI//?&;amp;;autoplay=1" loading="lazy" width="560" height="315" frameborder="0"></iframe>
                        <div>
                            <span class="You Spin Me Round">YOU SPIN ME ROUND</span>
                            <span class="Dead or Alive">DEAD OR ALIVE</span>
</div>
                    </div>

</div>


<style>

#music {
  position: relative;
  background: url('https://static.tumblr.com/bpdtqce/eNEnoonrt/musicplayer.png') top left no-repeat;
    background-size: auto;
  background-size: auto;
  background-size: 100% 100%;
  overflow: hidden;
  height: 50px;
  max-width: 305px;
  border: 1px solid #000000;
}
#music iframe {
  position: absolute;
  top: 0px;
  height: 47px;
  opacity: 0.00000000000000000000000001;
  z-index: 0;
  left: 0px;
}
#music div {
  position: absolute;
  top: 10px;
  left: 55px;
  width: 51%;
  margin: 0 !important;
}
#music span {
  display: block;
  color: #FFFFFF;
  font-weight: normal;
  text-align: left;
  font-size: 12px;
  width: 240px;
}

</style>


--paste in hereos--

<img src="https://static.wikia.nocookie.net/disgaea-rpg/images/7/7e/Chara-illust-144.png/revision/latest?cb=20211028183147"/>


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

<center> <style>
.scroll {
width: 200px;
height: 100px;
overflow: scroll;
overflow-x: hidden;
overflow-y: scroll;
}
.scroll::-webkit-scrollbar {
width: 16px;
height: 16px;
}

.scroll::-webkit-scrollbar-track {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAFElEQVQIW2M4fPz0////GYAYyAIASnoKpV3w4kgAAAAASUVORK5CYII=");
image-rendering: pixelated;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}

.scroll::-webkit-scrollbar-track:active {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAEElEQVQIW2No6+pjgAAgCwAWogM9VKrgGQAAAABJRU5ErkJggg==");
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}

.scroll::-webkit-scrollbar-thumb {
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid black;
border-bottom: 1px solid black;
box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #868a8e;
width: 16px;
height: 16px;
background-color: #cccccc;
z-index: 1;
}

.scroll::-webkit-scrollbar-corner {
background-color: #cccccc;
}

.scroll::-webkit-resizer {
width: 16px;
height: 16px;
background-color: #cccccc;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAN0lEQVR4Ae3MgQUAMBRDwU5fFF05lb/CARTBw2Ulof0DxPtcwp3hNuEYnjbcEW4TjuFpwx3h9gMWGgZ2Y/PT2gAAAABJRU5ErkJggg==");
background-position: bottom right;
background-repeat: no-repeat;
image-rendering: pixelated;
}

.scroll::-webkit-scrollbar-button, .scroll::-webkit-scrollbar-button {
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid black;
border-bottom: 1px solid black;
box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #868a8e;
display: block;
width: 16px;
height: 16px;
background-color: #cccccc;
image-rendering: pixelated;
background-repeat: no-repeat;
background-position: center center;
}

.scroll::-webkit-scrollbar-button:active, .scroll::-webkit-scrollbar-button:active {
background-position: 2px 2px;
}

.scroll::-webkit-scrollbar-button:horizontal:decrement, .scroll::-webkit-scrollbar-button:horizontal:decrement {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAHklEQVQY02NgoBT8xyX8H5fwf1zCpOjAYwceV1EEAAO2D/HsQ4vsAAAAAElFTkSuQmCC");
}

.scroll::-webkit-scrollbar-button:horizontal:increment, .scroll::-webkit-scrollbar-button:horizontal:increment {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAHUlEQVQY02NgIB/8xy3xH7fEf9wS/0nUQZqrKAYAK44P8ZRmzLQAAAAASUVORK5CYII=");
}

.scroll::-webkit-scrollbar-button:vertical:decrement, .scroll::-webkit-scrollbar-button:vertical:decrement {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGklEQVR4AWMYxuA/SYphmETFhDX9x4mHGQAAcL4P8dQiMq8AAAAASUVORK5CYII=");
}

.scroll::-webkit-scrollbar-button:vertical:increment, .scroll::-webkit-scrollbar-button:vertical:increment {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAF0lEQVQY02NgoBf4jwJxSOHQhcNAOgMAWWAP8Rv2U3UAAAAASUVORK5CYII=");
}

.scroll::-webkit-scrollbar-button:horizontal:increment:start, .scroll::-webkit-scrollbar-button:horizontal:increment:start {
display: none;
}

.scroll::-webkit-scrollbar-button:horizontal:decrement:end, .scroll::-webkit-scrollbar-button:horizontal:decrement:end {
display: none;
}

.scroll::-webkit-scrollbar-button:vertical:increment:start, .scroll::-webkit-scrollbar-button:vertical:increment:start {
display: none;
}

.scroll::-webkit-scrollbar-button:vertical:decrement:end, .scroll::-webkit-scrollbar-button:vertical:decrement:end {
display: none;
}

::-webkit-scrollbar-button:active, ::-webkit-scrollbar-button:active {
border-top: 1px solid #868a8e;
border-left: 1px solid #868a8e;
border-bottom: 1px solid #868a8e;
border-right: 1px solid #868a8e;
box-shadow: none;
}
</style>


<div class="scroll">                                                                                                   
    <img src="https://external-media.spacehey.net/media/sOgssMFVt7opsPHeIAbiadhG8oRQ-gQHTCKrKXpOY6mI=/https://64.media.tumblr.com/f648f2ee1c4ab732e35c5b291a8a7d10/9af95e13813e646c-f7/s400x600/2e84e6ece6c883763e1318b8c7f84e6a1bca4dff.gifv"/>  <img src="https://external-media.spacehey.net/media/sFaFDII2XJxia5Dk_wZI3CqP5vJJeofipDovHhTGOzIQ=/https://64.media.tumblr.com/465097f001a899eab4c40875a1b2bed5/844bee26d0cecbe9-56/s250x400/390868b88aec37352365cebdcf12368bb7726742.gifv"/>  <img src="https://external-media.spacehey.net/media/s6Rwti8BsCmfVqj1KfT2acoB-OoS1H5iJrfte-TgHJpI=/https://64.media.tumblr.com/02ed29d7a0148ae33d747620701e7a8d/f5d2593daad70f7b-69/s250x400/b9829ff44addec09b2931e75db7ab0d5146b962b.gifv"/>  <img src="https://external-media.spacehey.net/media/saN7QevBLcCfcNdK69C8PHhVLm7Wk2dXZron-DjzTRFM=/https://puddingpudds.neocities.org/Buttons/Not_Website/NSO_Button.png"/>  <img src="https://external-media.spacehey.net/media/s9vPHmoT_r4bTUmfq23O44Ej67wUFAcRcofK0L-EyHz8=/https://puddingpudds.neocities.org/Buttons/Not_Website/NSO2_Button.gif"/>  <img src="https://external-media.spacehey.net/media/sPpX-wRXrKiaUul0ct0j6OaXP3KgmiNAlC7TtHY-5LbM=/https://64.media.tumblr.com/0231ddd90d140a62f425d847c8fe8891/tumblr_pcq53rAn2n1xbgu08o5_100.png"/>  <img src="https://external-media.spacehey.net/media/sRhcvVvyAywT-kHxcYZsd4lLuOL6pi6Ox6GUME2ndU0M=/https://64.media.tumblr.com/971a6ca87eac02717d4d279944836881/tumblr_pcq53rAn2n1xbgu08o7_r1_100.gifv"/>   <img src=""/> <img src=""/>  </div></center>
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 1 of 1 comments ( View all | Add Comment )
nathaniel
1736704435
using
Report Comment