mcr bullets layout

Tags: mcr, my chemical romance, emo, bullets, i brought you my bullets, punk, layout, simple, orange

Description:

no credit needed but it is appreciated:) pls comment if used ! this is a reupload of a layout i had originally posted on my old account that is now banned

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ray ☆ 🍉 (yuri lover ⚢) (https://layouts.spacehey.com/layout?id=81325) -->

<style>

nav .top .left .logo {
    filter: drop-shadow(0 0 5px #f9e9ad);
    transform: rotate(179deg) scaleX(-1);
    animation: logoflicker 3s infinite;
}



body{
background: url(https://external-media.spacehey.net/media/siopdRe7kc7U7gSYiKWBzW0f0gGfRTQSRv50P_9zTdtA=/https://i.pinimg.com/originals/60/a1/05/60a105d46738806f085216b46bbc96a1.jpg);
background-attachment: fixed;
background-size: cover;
    background-position: 1% 90%;
}

.container {
    width: 810px;
    max-width: 100%;
    margin: 0 auto 10px;
    margin-left: 130px;
}

body{
font-family: monospace;
    font-size: 17px;
    font-color: #ffffff;

@import url('https://external-media.spacehey.net/css/s5_wkxXpbEMyEZAZ07c2fS54nJQtmB2yW5bsdfXhT_70=/https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
}

nav .top, nav .links{
background: transparent;
text-align: center;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ⸸ ";
    color: white;
}

button, input {
    overflow: visible;
    border: 1px solid #000000;
    box-shadow: 6px 4px black;
    background: #322521;
    color: white;
}

main {
    background: rgb(53 4 4 / 67%);
    color: white;
    padding: 6px 12px;
    font-size: 80%;
    border: 1px solid #0a030a;
}

.url-info {
    background: url(https://external-media.spacehey.net/media/sTQ_AJfIbnjkDGaiTGnx3iU0vGvhQNrWWG8C2k6kNNlY=/https://i.pinimg.com/564x/31/4e/55/314e55f34338fb75cea8f825f3043b02.jpg);
    background-position: center;
    background-size: cover;
font-size: 0px;
    height: 275px;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 0px 5px;
    background: transparent;
    color: white;
}

.profile .blurbs, .friends, .contact {
    margin: 20px 0;
    background: #2106067a;
    border: 2px solid #000000;
    box-shadow: #000000 7px 8px 0px 0px;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: transparent;
    color: #ffe192;
    text-shadow: 0 0 5px #ffb700, 0 0 10px #ffb700, 0 0 10px #ffb700, 0 0 20px #ffb700, 0 0 25px #ffb700;
    padding: 2px 7px;
    text-align: center;
}

.profile .blurbs .section h4 {
    margin: 0;
    color: #ffe192;
    text-shadow: 0 0 5px #ffb700, 0 0 10px #ffb700, 0 0 10px #ffb700, 0 0 20px #ffb700, 0 0 25px #ffb700;
}

a{
    color: #ffe192;
    text-shadow: 0 0 5px #ffb700, 0 0 10px #ffb700, 0 0 10px #ffb700, 0 0 20px #ffb700, 0 0 25px #ffb700;
}

a:hover {
    color: #651861;
    font-weight: bolder;
    text-decoration: line-through;
}

nav .links a:hover {
    color: #651861;
    font-weight: bolder;
    text-decoration: line-through;
}

@font-face { font-family: "Miserable"; src: url('https://external-media.spacehey.net/media/sEcSox3xZOcPMrOlW5pKIcRrfkbOyui2CCCPCNmysUqI=/http://dl.dropbox.com/s/7rh3urlu2ya73jt/Miserable.ttf'); }


h1, h2, h3, h5{
    font-family:  "Miserable"; 
    font-size:30px !important;
    font-weight: bold;
    text-align: center;
    color: #ffe192;
    text-shadow: 0 0 5px #ffb700, 0 0 10px #ffb700, 0 0 10px #ffb700, 0 0 20px #ffb700, 0 0 25px #ffb700;
}

.url-info {
    border: 1px solid black;
    box-shadow: 10px 10px black;
}

h4{
    font-family:  "Miserable"; 
    font-size:16px !important;
    font-weight: bold;
    color: #ffe192;
    text-shadow: 0 0 5px #ffb700, 0 0 10px #ffb700, 0 0 10px #ffb700, 0 0 20px #ffb700, 0 0 25px #ffb700;
    text-align: center;
}

.profile .friends .person p {
    color: #fff2bf;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    width: 100%;
    border: 1px solid #000000;
    margin: 10px 0;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: transparent;
    padding: 2px 7px;
    text-align: center;
}

.details-table td:first-child {
    background: #00000057;
    color: #ffdb96;
    text-shadow: 0 0 5px #ffb700, 0 0 10px #ffb700, 0 0 10px #ffb700, 0 0 20px #ffb700, 0 0 25px #ffb700;
    font-weight: bold;
    width: 33%;
    text-align: right;
}

.details-table td {
    background: #00000057;
    vertical-align: top;
}

table.details-table {
    width: 100%;
    box-shadow: 10px 10px black;
}

.profile-info {
    border: 2px solid rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 5px;
    margin-bottom: 2px;
    box-shadow: 10px 10px black;
}

.count {
    color: #ffdb96;
    text-shadow: 0 0 5px #ffb700, 0 0 10px #ffb700, 0 0 10px #ffb700, 0 0 20px #ffb700, 0 0 25px #ffb700;
    text-decoration: underline;
}

</style>

<style>

HTML,BODY{cursor: 
url(https://external-media.spacehey.net/media/sgsukpE3pttM4eVvGb02tI801Wl9L0VfRhTBZpSOHtMg=/https://64.media.tumblr.com/1b9c668caa22adae2c4c8124c7873e2d/tumblr_inline_mpqm2fQ9291r6qyth.png),
auto;}


A:hover{cursor: 
url(https://external-media.spacehey.net/media/sgsukpE3pttM4eVvGb02tI801Wl9L0VfRhTBZpSOHtMg=/https://64.media.tumblr.com/1b9c668caa22adae2c4c8124c7873e2d/tumblr_inline_mpqm2fQ9291r6qyth.png),
auto;}

body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(255 0 100 / 30%) 50%, rgb(0 0 0 / 0%) 50%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}


.col, main, footer, nav::before, .online, nav .links, nav .top, .container {
    animation: float 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top, .container {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
BACKGROUND-COLOR: black;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    width: 2px;
    border: 1px dotted darkred;
}
::-webkit-scrollbar-thumb {
    background: darkred;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: red;  
}

img:hover , .url-info:hover , .online:hover {
  animation: shake 1s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.online {
    content: url(https://external-media.spacehey.net/media/s2I3XzE5bBWQ3muh3DoM2dKsh23UWzC_eYe7IpP2LcjM=/https://cur.glitter-graphics.net/pub/3524/3524761kue9l2gwdb.gif);
}

</style>

<style>

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

table.comments-table{
display: block;
height: 250px!important;
overflow-y: scroll;
}

.comments-table td:first-child, .music-table td:first-child {
    background: #0000008f;
    text-align: center;
    font-weight: bold;
    width: 38%;
}

.comments-table td, .music-table td {
    background: #00000099;
    vertical-align: top;
}

tr {
    border: 1px solid black;
}

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

sunny	1727496354 using!! :3 Report Comment
🫀꒦꒷ ꋬ𝔴𝔴 ꇙ𝔲𝔤𝔞𝔯 ꒷꒦🩸	1726683089 using Report Comment
⛧nao is a terrible influence⛧	1726607399 using !! Report Comment
frnk xo	1725605741 using :] Report Comment
frnkie :D	1724339458 usin,,g Report Comment
YOURLOVELYSLAUGHTERER	1723553323 i bet there was so much effort put into this to look this cool, using <3 Report Comment
sunny	1723336367 IT LOOKSS SO COOLLL may use XPP Report Comment
Fynn	1723055870 Using it! Your Layouts look awesome!!!! Report Comment
maxxie!!	1722725767 using ^_^ Report Comment
Andy	1722266394 using!! Report Comment
frnkie :D	1720057713 using :D Report Comment
Jay	1718472151 using! Report Comment
XxxBonnieJeanxxX	1711164491 USING!!! Report Comment
coffeeghost	1710392247 using <3 Report Comment
Msilover97🐇🦑	1708300202 Usingg!! Report Comment
i brought you my bullets, you brought me your love	1707705703 using Report Comment
Nyan Roach	1706045230 I'm using it but for some reason it's all on the left, is there a way to center it? It also looked awsomeeee thxx <333 Report Comment I already solved it, sorry XD but really, thank you, you do beautiful things by Nyan Roach; 1706045437; Report How does one center this layout instead of it being on the left? by Spooky; 1721331336; Report
maymay	1705691932 Using! tysm! Report Comment
KATANA	1704612374 using! thanks :D Report Comment
destroyyaa	1700897874 i have a very silly question, how do i get the stuff on the theme to stop like floating up and down? otherwise its a very cool theme!! Report Comment get rid of the bit labelled with @keyframes float by ray ☆ 🍉 (yuri lover ⚢); 1700898641; Report oooh thank you i will have a look for that!! by destroyyaa; 1700972837; Report