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

Tags: breaking bad, olderbrothercore, 2000s, messy

Description:

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://static.wikia.nocookie.net/logopedia/images/2/20/MySpace_logo.svg");
}

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

Ртутний хрящ	1715709700 using Report Comment
22gxre7ji	1715013255 SICK Report Comment
❦𝑬𝒗𝒂𝒏𝒈𝒆𝒍𝒊𝒏𝒆❦	1714867098 I love this yo!! Report Comment
Pₐ𝐩ᵢᄂᄂₒ𝚗 ✟	1714527033 using Report Comment
junoo	1714059961 might use Report Comment
Peedrinker72	1713465228 yooo using this is sicl Report Comment
💉\| Alan \|💉	1712012679 using Report Comment
iamacoldbody	1711380790 using Report Comment
Jesse Pinkman	1710457859 usin Report Comment
lwo5er	1710287193 love this lmao Report Comment
animals	1710219343 i love this, thank you for your dedication🫡 Report Comment
l'emotionnel	1710084607 i luv it lol Report Comment TY :3 !! by pickledfart☆; 1710178282; Report
MetalHeart	1710009455 Epic Report Comment TY !! >^< by pickledfart☆; 1710012268; Report
mephisto 𓃖	1709988625 HOLY FUCKING SHIT WAIT I AM SO USINF RHIS PMG I LOVE U FOREVER Report Comment OMG LMAO TYSM !!!1 by pickledfart☆; 1710012248; Report
d✩nny	1709978321 OMFG I WAS GONNA MAKE THIS might use later idk Report Comment LMAOA IM SORRY this was super rushed im sure u could make aN improved version !!!! by pickledfart☆; 1710012109; Report