Mad Man with a Box

Tags: header, doctor who, space, galaxy, black, banner

Description:

Doctor Who layout ~ 11th doctor era themed *
You have to look at that online button...it is so adorable, I screamed when I finished! lol

*NOTE* I still haven't figured out how to get headers mobile friendly. .If anyone has any tips, I would love to know!~ It either cuts in half or fits in width and repeats in height.

Preview:

click on the image for a larger preview

Code:

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

<style>
main:before {
 width: 100%;
 height: 300px;
 display: block;
 content: "";
 background-image: url('https://i.postimg.cc/VsqPwrn1/MadMan.png');
 background-position: center;
 background-size: cover;
}
main {
    background-image: url();
    background-color: black;
    background-repeat: repeat;
    background-size: 100% ;
  }  
body
        {background: url("https://www.pixelstalk.net/wp-content/uploads/2016/06/Outer-Space-Backgrounds.jpg")
        no-repeat fixed; background-size: cover;
     }
     }
    padding: 2px;
    font-size: 100%;
    color: var(white);
  }
div.container > main > div > div.col.w-40.left > div.general-about > div.details > p.online { visibility: hidden; }
body > div.container > main > div > div.col.w-40.left > div.general-about > div.details > p.online { content: url("https://i.postimg.cc/RZHrZXD3/Dalek-online.gif"); animation-name: none; visibility: visible; height: 50px; width: 100px; }

  </style>

<style>
:root {
  --font-family: arial;
  --mynamesize: 35px
;}
  h1, h2, h3, h4, h5, a, p, nav label, .section{ 
font-family: arial !important; 
 text-shadow: !important;
 text-transform:!important;
}
a, p, nav label, .section {color: #ffffff;}
h1, h2, h3, h4, h5 {
  color: #8E6A93;
  font-family: helvetica;
  font-size: 15px;
  letter-spacing: 2px;
}
table, th, td {
  border: none ;
}
:root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: ;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: white;
    }
.profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none ;
    }

A:link { COLOR: ffffff; TEXT-DECORATION: none; font-weight: normal }
A:visited { COLOR: #8E6A93; TEXT-DECORATION: none; font-weight: normal }
A:active { COLOR: #8E6A93; TEXT-DECORATION: none }
A:hover { COLOR: #405480; TEXT-DECORATION: none; font-weight: none }

    .profile-pic {
        border-radius: none;
        overflow: hidden;
    }
    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: #0c0c0c !important;
        color: black!important;
        border-bottom: 2px solid;
    }
    .container {
        border-radius: none;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }
    table.comments-table td {
        background-color: 333333!important;
    }
    .comments-table td:first-child img {
        width: 80px;
        border-radius: none;
    }
    .profile .friends .person img {
        border-radius: none;
    }
    .blog-preview p {
        font-size: 1.4rem;
    }

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

Jelly baby enthusiast

1705227985

The absolute GOAT <3

Report Comment

Bela

1614974482

right after the code main:before you have to add the mobile code:

@media only screen and (max-width: 600px) {
main:before {
height: 200px;
}
}

so that the height stays where you want it :)

Report Comment

Life saverrrrrrr, thank you so much!!!!!
🙏🏼🙏🏼🙏🏼🙏🏼👑✨

by KryssiKhaos™; 1614975255; Report

Aly

1614973670

Love this!

Report Comment

Thanksss~~~~🖤✨

by KryssiKhaos™; 1614974042; Report