older brother core layout, heavily inspired by jesse pinkman's website

Tags: breaking bad, olderbrothercore, 2000s, messy

Description:

UPDATE: i changed the myspace logo to the myshout logo

breaking bad hyperfixation so real i had to make a layout 💀🔥 ANYWAY i tried my best ngl. it looks a little eh, but its aight. i wanted to share it. i'll probs edit a little more when i feel like it but in the meantime, feel free to edit whatever u want on it + no need to give credit. here's the

preview

Preview:

click on the image for a larger preview

Code:

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

<style>
main:before {
	width: 100%;
	height: 1000px;
	display: block;
	content: "";
	background-image: url('https://files.catbox.moe/1408g5.jpg');
	background-position: center center;
	background-size: 1030px;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}

</style>


<style>

body{
        background-image: url('https://files.catbox.moe/gxlh56.webp');
        background-size: 750px;
background-attachment: fixed;
    }
</style>



<style>

.container {
width: 90%;
max-width: 990px;
}

</style>

<style>  

body {

text-align: center;

}

</style>




<style>

.logo {
content:url("https://files.catbox.moe/qmqotd.png");
}

</style>


<style>

nav .links li .icon{
content: url('https://cdn.discordapp.com/attachments/1129864585525067950/1179628049260621905/C95D87EA-A4A8-4B19-BA29-0AFD78165897.png?ex=65fbac3b&is=65e9373b&hm=d52910621eca3b214534980ff1fa78023fef57737d3e6b4c6f70714aa20d3a05&');
}
</style>





<style>

main {
    background: black;
    color: black;
    padding: 6px 0px;
    font-size: 80%;
}
</style>


<style>

nav .top {
background-image: linear-gradient(#f4fc92, #ffe800);
    padding: 15px 10px 14px 10px;
    display: flex;
    position: relative;
}

nav .links {
    background-color: #60A5FA;
    background-color: #ffe800;
    padding: 3.5px 16px;
}

nav {
    color: black;
    font-size: 72%;
    font-size: max(72%, 12px);
}

nav .links a {
    text-decoration: none;
    color: black;
    text-shadow: 0 0 7px #0000003d;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
}

main {
    background: black;
    color: white;
    padding: 6px 0px;
    font-size: 80%;
}

.logout-btn, .logout-form {
    color: black;
    display: inline-block;
    font-size: 100%;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: #000000;
    color: #ffffff;
    padding: 2px 7px;
}

.profile .blurbs .section h4 {
    margin: 0;
    color: #ffffff;
}


</style>


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

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

border-style: none;
}
</style>





<style>

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

element.style {
}
.blurbs, .profile .table-section .heading, .blog-preview a, .friends, .general-info, .contact, .url-info, .details-table, .details p, .mood {
    direction: ltr;
}
.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
background-image: linear-gradient(#f4fc92, #ffe800);    color: black;
    padding: 2px 7px;
}

a {
    color: #1E40AF;
    color: #ffffff;
    text-decoration: none;
}

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

.details-table td:first-child {
    background: #000000;
    color: #ffffff;
    font-weight: bold;
    width: 33%;
}
</style>



<style>
/*flip profile*/
.profile{
direction: rtl;

}

.blurbs, .profile .table-section .heading, .blog-preview a, .friends, .general-info, .contact, .url-info, .details-table, .details p, .mood{
direction: ltr;

}

</style>



<style>
.profile-pic img {
    border-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-color:#db0000;
border-width:2px;

}

</style>



<style>

    footer{
        background-color: transparent;
    }

FOOTER > UL.links{
display: none;
}

FOOTER > P:nth-child(1){
display: none;
}
FOOTER > P:nth-child(2){
display: none;
}

P.copyright{
display: none;
}
</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>





<style>
    .profile h1{
  animation: shake 0.4s;
  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); }
}
    
</style>
  




<style>
    /* REMOVE THIS ENTIRE THING IF U WANT UR FRIENDS AND COMMENTS TO BE VISIBLE!) */

.profile .friends .heading{
display: none;
}

DIV.friends-grid{
    display: none;
}

.profile .friends .inner{
    display: none;
}

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

Jimmy Pizzz	14 hours ago using prob Report Comment
Xx_G33kr3t4rd_xX	2 days ago using ;) Report Comment
Kn4ck3r	3 days ago using Report Comment
zuni 𒉭	12 days ago using!! Report Comment
jpg.$wagg	20 days ago use Report Comment
Xx_markecito_xX	1 month ago using :P Report Comment
yunkzica	1 month ago yo yo yo Report Comment
kenner ︎︎	2 months ago using! Report Comment
koiserbloom	2 months ago using it as a base, thx Report Comment
andre	2 months ago using as a base Report Comment
andr3.k_	2 months ago using!! Report Comment
Tommy.tom2836	2 months ago usinggg Report Comment
maruyama	2 months ago I LUV THIS Report Comment
PhoneGuySH	3 months ago using Report Comment
CAP'N COOK	3 months ago USING Report Comment
leugim	3 months ago how i put this? Report Comment
dadrockenthusiast	3 months ago using tysm!! Report Comment
bruh_up¡	3 months ago ussing ty Report Comment
Stone	4 months ago using!! tysm Report Comment
arito	4 months ago using Report Comment