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

Arisu	1762740172 USIIIINNNNGGGG XDDD Report Comment
pablo .⋆♱愛	1761834370 usinggg :) Report Comment how do i delete only the 1st text? by pablo .⋆♱愛; 1761834435; Report
tylertism	1759443123 using!! Report Comment
b1urr3d	1758205814 using Report Comment
leo	1757787988 using Report Comment
petah	1757260337 using Report Comment
swaggin'chris	1756802628 im usingg man Report Comment
techicidal𓄧	1756535905 Usinggg Report Comment
william	1754954698 USING Report Comment
rodrick_fan🚪	1754633694 USINGG Report Comment
rodrick_fan🚪	1754633693 USINGG Report Comment
iлюшко пiскунцк	1753723917 PEAK!! usingg Report Comment
cole_c@nnibal	1752668843 Usinggg Report Comment
m1nceg0re	1752393703 usinggg Report Comment
slushie	1750688167 usin Report Comment
Zz99millaModzZ	1749426846 USANDOOOOOOOOOO Report Comment
⌖veil⌖	1749422775 usinggg Report Comment
Rawschach	1747169647 Defo using and tweaking a lil thx Report Comment
Marco_	1746940827 using Report Comment
akiss64	1746872559 using Report Comment