SUPERIOR!

Tags: ocean, green, autoplay, spiderman, dark

Description:

subtle(ish) doc ock inspired layout!!! includes cursor & "online now!" thingy drawn by yours truly, also autoplays paranoid android by radiohead. of course it's radiohead. (if you don't like autoplay, just delete the section at the top of the code in the iframe tags!) pls comment if you sue it! i had this kicking around in the back of my notes for a while & its also my first layout im Releasing to the public so. pls give feedback. might do more spiderman villain layouts if im enabled enough.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by it's mo (https://layouts.spacehey.com/layout?id=33612) -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/fHiGbolFFGw//?&;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>
<style>
  body{
    background-color: #00180e !important;
    background-image: url('https://images4.imagebam.com/1c/07/bf/MEKX0AV_o.png') !important;
    background-repeat: REPEAT !important;
    background-attachment: fixed !important;
  }
  .profile{
    border: 2px #001e21 !important
      background-color: #001e21 !important;
    background-image: url('https://images4.imagebam.com/33/b4/55/MEKX0AT_o.png') !important;
    background-repeat: REPEAT !important;
    background-attachment: fixed !important;
    color: white !important;
    border-style: none solid solid !important;
  }
  a{
    color: #f28500 !important;
  }
  a:hover{
    color: #f28500 !important;
  }
  a:visited{
    color: #648e00 !important;
  }
  * {
    cursor: url('https://images4.imagebam.com/29/ec/6d/MEKWUBP_o.png'), auto !important;
  }
  .top{
    background-color: #005100 !important;
  }
  .top a{
    color: #f28500 !important;
  }
  .top a:hover{
    color: #f28500 !important;
  }
  .top a:visited{
    color: #648e00 !important;
  }
  .links{
    background-color: #ffdf00 !important;
    border-style: none solid !important;
  }
  }
  .links a{
    color: #005100 !important;
  }
  nav .links a{
    text-shadow: none; !important
  }
  .links a:hover{
    color: #f28500 !important;
  }
  .links a:visited{
    color: #648e00 !important;
  }
  .online{
    content: url('https://images4.imagebam.com/81/00/34/MEKZPDU_o.png') !important;
  }
  .contact .heading{
    background-color: #f28500 !important;
  }
  .contact{
    border-color: #005100 !important;
    background-image: url('https://images4.imagebam.com/0e/20/a8/MEKX06P_o.png') !important;
    background-attachment: scroll !important;
    background-repeat: NO-REPEAT !important;
    background-position: CENTER !important;
  }
  .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 {
    content: "🧪"}
  .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
    content: "🐙"}
  .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
    content: "🐙"}
  .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
    content: "🧪"}
  .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
    content: "🧪"}
  .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
    content: "🐙"}
  .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
    content: "🐙"}
  .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
    content: "🧪"}
  .url-info{
    border-color: #005100 !important;
  }
  .table-section{
    border-color: #005100 !important;
  }
  .table-section .heading{
    background-color: #f28500 !important;
  }
  .profile .details-table td{
    color: white !important;
    background-color: #005100 !important;
  }
  .blurbs{
    border-color:;
    #005100 !important;
  }
  .blurbs .heading{
    color: white !important;
    background-color: #f28500 !important;
  }
  .blurbs .section h4{
    display: none !important;
  }
  .friends .heading{
    color: white !important;
    background-color: #f28500 !important;
  }
  .friends{
    border-color: #005100 !important;
  }
  .friends-grid p{
    color: #f28500 !important;
  }
  .comments-table td{
    background-color: #f28500 !important;
  }
  .comments-table td:first-child{
    background-color: #005100 !important;
  }
  footer{
    color: white !important;
    background-color: #333333 !important;
    background-image: url('https://images4.imagebam.com/0e/20/a8/MEKX06P_o.png') !important;
    background-attachment: scroll !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
  }
  footer .links a{
    color: #005100 !important;
  }
  footer .links a:hover{
    color: #f28500 !important;
  }
  footer .links a:visited{
    color: #648e00 !important;
  }
</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 2 of 2 comments ( View all | Add Comment )

humanshapedheart111

1692278895

using!!

Report Comment

wishlist

1687397252

this layout is super cool - definitely using !!

Report Comment