My Chemical Romance layout (red and black)

Tags: mcr, my chemical romance, emo, gerard way, scene kid

Description:

red and black My Chemical Romance layout.

- if you use this please give me credit (or add me) -

check out my other scemo layouts!!

if you have any questions or concerns leave a comment or message me!

Preview:

click on the image for a larger preview

Code:

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

<style> 

p{
@import url('https://fonts.googleapis.com/css2?family=Yomogi&display=swap');
font-family: 'Yomogi', cursive;
font-size: 150%;
color: red;

} 

h1,h2,h3,h4,h5{ 
font-family: 'Permanent Marker', cursive; font-size: 30px; color: white; 

} 

body { 
background: url(https://i.ibb.co/Srwwjgf/images-9.jpg); 

}

footer { 
boarder-radius: 20px; background-image: url(https://i.ibb.co/Ny1LGvx/images-6.jpg); color: black; 

}

:root {
 --logo-blue: url(https://i.ibb.co/2skH3k9/images-5.jpg);
 --darker-blue: red; 
--lighter-blue: url(https://i.ibb.co/kG9L2bm/download-7.jpg); 
--even-lighter-blue: black; 
--lightest-blue: black; 
--dark-orange: black; 
--light-orange: url(https://i.ibb.co/kG9L2bm/download-7.jpg); 
--even-lighter-orange: red; 
--green: black; 

} 

.profile {
 background: url(https://i.ibb.co/848qsWn/3682035w0b32lim7w.gif);

}

.profile-pic {

border-radius: 500px;

overflow: hidden;

}

.profile .friends .person img {

border-radius: 500px;

}

</style>
<style>

main:before{
width: auto;
margin-bottom: 1px;
border: 2px black;
height: 300px;
display: block;
content: "";
box-shadow: 2px 2px 2px 2px red;
background-image: url(https://i.ibb.co/vDv0Fdh/9f941ce6a53f37f3bcd40db80d6fa8b4.png);
background-position: center center;
background-size: cover;

}

.profile .blurbs .section :nth-child(2) {
	background-image: url(https://i.ibb.co/Cmx4vDC/tumblr-oaf8qsb-Cg-E1sic6szo1-400.gif);
     /* margin-top: -5px; */
	padding: 18px;
	box-shadow: 4px 4px 0 #000;

}

.profile .table-section .details-table td {
  background-color: black ;
  color: black;

}

html {
 cursor: url(https://img.icons8.com/material-outlined/24/fa314a/cursor.png), auto;

}

.online {
    margin:auto;
    padding-bottom: 5px;
    content: url(http://dl10.glitter-graphics.net/pub/157/157970hj8gwh1fkh.gif);

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add me */
	content: url(https://img.icons8.com/ios-glyphs/16/fa314a/plus.png);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* faves? */
	content: url(https://img.icons8.com/windows/16/fa314a/pin-2.png)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* chit chat */
	content: url(https://img.icons8.com/ios-filled/16/fa314a/speech-bubble--v1.png)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forwardd */
	content: url(https://img.icons8.com/ios-glyphs/16/fa314a/arrow.png)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant chat */
	content: url(https://img.icons8.com/ios-glyphs/16/fa314a/new-message.png)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block */
	content: url(https://img.icons8.com/fluency-systems-filled/16/fa314a/remove-user-female.png)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* group me */
	content: url(https://img.icons8.com/ios-glyphs/16/fa314a/group-foreground-selected.png)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report */
	content: "☠"
} 

.contact .inner a img {
 font-size: 0;
}
.contact .inner a img:before {
 font-size: 1em;
 display: block

}

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " !";
    color: red;

}

button{
    border: 0px solid firebrick!important;
    font-family: 'IM Fell DW Pica SC', serif;!important;
    background-color:rgba(255, 0, 0) !important;
    color: black !important;

}

.search-wrapper input[type=text] {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid darkred!important;
    color:darkred!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 20 of 43 comments ( View all | Add Comment )

N40MI	23 days ago using >< Report Comment
⋆ ˚｡⋆୨୧⋆ ˚｡⋆	3 months ago using Report Comment
RONNIE	3 months ago using..? i have no idea what im doing Report Comment
Marcy	3 months ago Using! >_< Report Comment
Harper :)	3 months ago Using!! :)) Report Comment
kati	4 months ago Using! Report Comment
kati	4 months ago Using! Report Comment
𝖘𝖔𝖓𝖓𝖊 ⛧	4 months ago Usando X3 Report Comment
xane	5 months ago using! XP Report Comment
𝕽𝖚𝖑𝖞𝖆𝖓𝖓𝖆 𝕹𝖎𝖘𝖍𝖆🖤🎀🩸🔪	6 months ago I will use it nice one you are creative Report Comment 🙏 by SicklySerenade; 4 months ago; Report
milo	6 months ago using ! x3 Report Comment
▀▄▀▄✰ ⋆♱ @ \| 3 ⨉ ♱⋆ ✰▄▀▄▀	7 months ago using Report Comment
Y0urS1llyEm0	7 months ago Using!! Report Comment
Scarlet!X3	10 months ago using!! :3 Report Comment
𓆩 𝘼 𝙇 𝙀 𝙓 ! 𓆪	10 months ago using Report Comment
wolfbrainzzz	11 months ago gonna try to use some of the code Report Comment
K1ttyKatSkullz/Evil Razor	1 year ago Using Report Comment
★ ! JUDAS / LOGAN	1 year ago using!!! Report Comment
kel 🦇	1 year ago Def using!! Report Comment