Simple Doctor Who Layout

Tags: doctor who, bbc, 2000s, 2010s, doctor, who, simple

Description:

Falling Stars, Tardis in Corner, 11th Doctor Era Logo, and a Space Background. No need to say if using/credit. Really needs a remake - spacehey logo and contact info emojis don’t show up anymore - will sort out soon

Preview:

click on the image for a larger preview

Code:

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

<style>
body {
  background-image: url('https://i.pinimg.com/originals/f6/de/ab/f6deab221a6537605dbdd96edff034db.jpg');
  background-color: white;
  border: 5px solid white;
}

/* go to https://codepen.io/sosuke/pen/Pjoqqp to edit from the invert(0%) to the contrast(105%). Where it says "Target color", put in the hex code of the color you want */

/* this is the spacehey logo */
nav img.logo {
  filter: brightness(100) saturate(100%) invert(0%) sepia(94%) saturate(0%) hue-rotate(167deg) brightness(95%) contrast(105%) !important;
}
/* this is the online img*/
.online img{
    filter: brightness(0) saturate(100%) invert(0%) sepia(94%) saturate(0%) hue-rotate(167deg) brightness(95%) contrast(105%)!important;
}


/* this is color of all the text and links */

a, .profile .friends .person p, p, h2, h3, h4, .count, nav .links a{
  color: white!important;
}
h1{
   border: 5px solid white;
   padding:5px;
}

/* this is where you edit the search button and the Delete and Reply button */
button {
  background-color: transparent!important;
  border: none;
  color: white;
  font-weight: bold;
}
.general-about .details {
  border: 5px solid white;
  padding-bottom: 70px;
}
.mood {
  background-color: transparent;
  border: 5px solid white;
  padding: 3px;
  margin-bottom: 10px;
}
.contact, .url-info, .table-section, .blog-preview, .blurbs, .friends, .profile-info {
  background-color: transparent;
  border: 5px solid white!important;
}
.comments-table td {
  border: 3px solid white;
}
.table-section td {
  border: 3px solid white;
}
/* line in between comment replies*/
.comment-reply:not(:first-child) {
    border-top: 2px solid white;
}
.comment-replies {
    border: 1px dotted white;
}

/* these backgrounds are usually transparent */
nav .top, nav .links {
  background-color: transparent;
  color: white;
  font-weight: bold;
}

main, footer {
  background-color: transparent;
}
.friends:not(#comments) {
  margin-bottom: 10px;
}
.comments-table {
  border: none;
  border-spacing: 5px;
}
.profile-pic {
  padding: 15px;
}
.heading {
  background-color: transparent!important;
}
td {
  background-color: transparent!important;
}
</style>

<style>

h1, h2, h3, h4,h5,a, p, nav label, .section {color: white;}


h1, h2, h3, h4, h5, a, p, nav label, .section{ text-transform:lowerercase !important;
}

.online{
  color: white!important;  
}

</style>

<div class="snowflakes">
  <div class="snowflake">
  ★
  </div>
  <div class="snowflake">
  ★
  </div>
  <div class="snowflake">
  ★
  </div>
  <div class="snowflake">
  ★
  </div>
  <div class="snowflake">
  ★
  </div>
  <div class="snowflake">
  ★
  </div>
  <div class="snowflake">
    ★
  </div>
  <div class="snowflake">
    ★
  </div>
  <div class="snowflake">
    ★
  </div>
  <div class="snowflake">
    ★
  </div>
  <div class="snowflake">
    ★
  </div>
  <div class="snowflake">
    ★
  </div>
</div>
<style>
/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px rgba(0,0,0,0.7);
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>


<div style="float:  ; max-height: 200px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">
<img src="https://static.wikia.nocookie.net/doctorwhofanon/images/1/1c/Tardis.png/revision/latest?cb=20140515223915" width="70" height="&#x201C;100&#x201D;/"/></div>

<style>
 
 .logo {
  
content:url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/eba25b73-a6ca-4a9c-a598-a68d327df772/dgckzoo-9b614076-afd6-4f12-a65e-2e04d7a1d09a.png/v1/fit/w_583,h_205/untitled20_20231016093308_by_diredirts_dgckzoo-375w-2x.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MjA1IiwicGF0aCI6IlwvZlwvZWJhMjViNzMtYTZjYS00YTljLWE1OTgtYTY4ZDMyN2RmNzcyXC9kZ2Nrem9vLTliNjE0MDc2LWFmZDYtNGYxMi1hNjVlLTJlMDRkN2ExZDA5YS5wbmciLCJ3aWR0aCI6Ijw9NTgzIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.CFqO88d9BcvliSg3aXmHQuoEWgWZZspKeVdxQdkXwc4")
  
  }
  
   </style>
<style>

.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 Favorites */
	content: "★"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "★"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward 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 to Group */
	content: "★"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "★"
}

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

₊✩‧₊˚ৎ౨˚₊✩‧₊ⓕⓡⓤⓘⓣⓨ ₊✩‧₊˚౨ৎ˚₊✩‧₊	1772245144 using :3 Report Comment
Nessie	1771695970 USING!! (this is so tuff) Report Comment
St4r	1758516895 Borrowed your tardis gif if thats alright, love the layout! Report Comment
s4mmy the jam¡s0n! (actual fergus mackinnon jr.)	1753987485 USIIINGGGGGG THIS IS AWESOMEEE Report Comment
Valkanic	1753139684 using! Report Comment
Peyton<3	1750638758 using!!! Report Comment SPENCER REID PICTURE IN A DOCTOR WHO LAYOUT RAHHHHHHH U SEEM SO COOOOOOOOOLLLLLLLLLLLL by s4mmy the jam¡s0n! (actual fergus mackinnon jr.); 1753987511; Report
teadrinker	1739857466 Using!! Report Comment
Frank Iero (very real)	1738770875 using this!!! (im so happy i found this) Report Comment
The Doctor	1736560929 This is fantastic! Report Comment
Ninth Doctor!!	1735865605 Using ;3 Report Comment
just_a_nerd	1733198644 Using :3 Report Comment
༄☾𝄪𝄢༄𝄪 𝓡𝓮𝓪𝓿𝓮𝓻~	1731829671 Using this for sure :] Report Comment
ren	1722043425 using! :3 Report Comment
ｒｙｌｅｎ	1721307161 using!! :] Report Comment
Dez :D	1717296358 using !! Report Comment
Will	1713381951 using hehe Report Comment
Zo0bo	1712754864 Using! Report Comment
halpertdasilva	1707487984 Using!! <3 Report Comment AAA TY by michael; 1707505768; Report