Danger Days MCR Layout

Tags: danger days, danger days, mcr, mcr, my chemical romance, my chemical romance, killjoys, the true lives of the fabulous killjoys

Description:

CURRENTLY WAITING FOR REPAIR layout based on danger days by mcr! no music, but you can easily add in an iframe :) I have FTWWW in my layouts already if you want to add that in! :)

Preview:

click on the image for a larger preview

Code:

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

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

<style>
/*=== body background image + font ===*/

body {
background-image: url(https://i.imgur.com/DfsrtEkh.jpg);
background-attachment: fixed;
    p{ font-family:'Orbitron', sans-serif;
    font-size: 25px;
    color: rgb(255, 0, 128)
}
</style>


<style>    
/*=== image for the top navigation box thingy ===*/

nav .top{
     background-image: url(https://i.imgur.com/FMZoVnl.jpg?1);
     border: dotted;
     border-color: rgb(255, 0, 128);
     border-width: 5px;
}
</style>

<style>
/*=== profile background/color + border ===*/

.profile{
   background-image: url(https://i.imgur.com/3mQ4qUbh.jpg);
   border: dotted;
   border-color: rgb(77, 210, 255);
   border-width: 5px;
}
</style>

<style>
/*=== background color + border for headings + navigation links ===*/

.profile .blurbs .heading, .profile .friends .heading, main, top, links, nav .top, nav .links, details-table {
color: rgb(230, 0, 0);
background-image:;
color: rgb(255, 255, 255);
border: dotted;
border-width:3px;
border-color: rgb(77, 210, 255);
font-color: #FFFFFF;
}
</style>

<style>
/*=== font import ===*/

@import 
p{ font-family:'Orbitron', sans-serif;
font-size: 100%;
color: white;
</style>

<style>
/*=== online now icon ===*/

.online {
    content: url(https://dl.glitter-graphics.com/pub/157/157970hj8gwh1fkh.gif);
}

</style>

<style>
/*=== profile picture border ===*/

.profile-pic {
        border-radius: 250px;
        overflow: hidden;
     border: dotted;
     border-color: rgb(255, 0, 128);
     border-width: 3px;
}
.profile .friends .person img {
border-radius: 500px;
        overflow: hidden;
     border: dotted;
     border-color: rgb(255, 219, 77);
     border-width: 2px;
}
    }
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-3/cur244.ani), url(https://cur.cursors-4u.net/cursors/cur-3/cur244.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/09/15/hot-pink-glitter-pointer.html" target="_blank" title="Hot Pink Glitter Pointer"><img src="https://cur.cursors-4u.net/cursor.png" alt="Hot Pink Glitter Pointer" style="position:absolute; top: 0px; right: 0px;"/></a>
* 
<style>

</style>

<style>
/*=== contact emojis ===*/

.contact .inner a img {
       font-size: 0;
   }
   .contact .inner a img:before {
       font-size: 5em;
    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>

<style>
/*=== contact background image ===*/

.contact {
  border-radius: 8px;
  background-image: url(https://i.imgur.com/C2qgaF9m.gif);
  background-position: right top;
  background-repeat: ;
background-attachment: scroll;
Width: 310px;
Height:180px;
border: dotted;
border-color: rgb(77, 210, 255);
border-width: 2px;</style>


<style>
/*=== color changes ===*/

:root {
    --logo-blue: rgb(255, 0, 128);
    --headers: rgb(77, 210, 255);
    --darker-blue: rgb(255, 219, 77);
    --lighter-blue: rgba(0, 0, 0, 1);
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: ;
    --light-orange: #000000;
    --even-lighter-orange: #000000;
    --green: rgba(255, 255, 255, 255);
    --links:rgba(255, 255, 255, 255);
}

</style>

<style>
/*=== footer image ===*/

footer {
background-image: url(https://i.imgur.com/tZLOTbot.jpg?1) 
!important; 
background-position: bottom center !important;
background-repeat: repeat !important;
</style>


<style>
/*=== image for 'about me' section ===*/
</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 16 of 16 comments ( View all | Add Comment )

Milan:P	1736262302 i think its broken ;-; Report Comment
Theanibbal	1730695669 Using!! :3 Report Comment
Oat 🪲	1726665445 Using this is so cool! Report Comment
𝜗𝜚 Kas ᶻz ⊃	1723787606 DEF USING[?*!$!_)#+#!_+2(+# Report Comment
SlowdiveDeathdrop	1723539687 using!!!!!!!! Report Comment
kayden	1718969692 using !! Report Comment
⚚ 𓈒 EDWARD	1716110537 USINGGG Report Comment
dead.toby	1715306449 USING Report Comment
Seagullzz	1715090949 Using!! Report Comment
emopunchingbag	1714931008 USING TYSM Report Comment
v3gas_xp	1686266923 USING THIS OMG Report Comment
Ollie^^	1684301493 i would love to use this but it says an image wont work! Report Comment oh shoot! I'll fix that when I have time. probably an imgur thing :/ by x_mace.n0thing_x; 1684727974; Report ty for letting me know! by x_mace.n0thing_x; 1684727988; Report
xaivier ✦	1683914113 USINNN TYYY!!!! Report Comment
𝕽𝖔𝖇𝖇𝖎𝖊	1682894970 TOTTALY USEING THIS Report Comment
SlowdiveDeathdrop	1682109225 USING THISSS TYYY Report Comment