Clean Weezer Pinkerton Layout [Background fixed]

Tags: weezer, pinkerton, pink, clean, editable, simple

Description:

Preview:

click on the image for a larger preview

Code:

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

<!-- Start Of Layout -->


<style>   
    
    body {
                background-color:black;
                background-image: url("https://files.catbox.moe/3trl6i.jpg");
                background-attachment: fixed;
		background-repeat: no-repeat;
		background-size:cover;a
                text-align:center;
        
    }
    main, nav .top, nav .links, footer{
        background: rgba(38, 36, 34, 0.2);
        color: white;
        border-style: solid;
        border-width: 1px;
        box-shadow: 0px 0px 100px #ebccd3;
        text-shadow: 1px 1px 0px pink;
    }
    
    main {
        border-top:none;
    }
    nav .top {
        border-bottom:none;
    }
    
    .left .details-table td {
        background: none;
        color: white;
        display: flex;
	flex-direction: column;
    }
    .profile .table-section, .profile .contact,.profile .url-info{
        border: solid;
        border-width: 1px;
    }
    
    .profile .contact .heading,.profile .table-section .heading, .profile .blurbs .heading,.profile .friends .heading, .edit-info {
        background: none;
        border-bottom: solid;
        border-width: 1px;
        color: white;
        border-color: white;
    }
    
    .profile .blurbs .section h4 {
        color: white;
        text-decoration: underline;
    }
    a, .profile .friends .person p {
        color: #dba0ae;
        text-shadow: 0px 0px 5px #d97189;
    }
    a:hover, .profile .friends .person p:hover {
        color: #d97189;
        text-shadow: 0px 0px 5px #a13d54;
        
    }
    
    nav .links a {
        text-shadow: 0px 0px 5px #d97189;
    }
    
    nav .links a:hover{
        color: #d97189;
        text-shadow: 0px 0px 5px #a13d54;
    }
    
    .comments-table td,.comments-table td:first-child {
        background: none;
    }

    .profile h1 {
    	animation: rotation 2s infinite linear;
    	position: absolute;
    	margin: -20px;
        
    }
    
    .online {
  color: #dba0ae;
  font-weight: bold;
  font-size: 95%;
}

.online img {
    filter: hue-rotate(215deg);
}
</style>



<style>
    
    @keyframes rotation {
        0% {
            transform: rotate(-4deg) scale(1.5);
        }
        
        25% {
            transform: rotate(-10deg) scale(1.5);
        }
        50% {
            transform: rotate(-4deg) scale(1.5);
        }
        75% {
            transform: rotate(2deg) scale(1.5);
        }
        100% {
            transform: rotate(-4deg) scale(1.5);
        }
    }
</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 27 comments ( View all | Add Comment )

ELLIS!ATD (gee way crayon)	1730714170 Does it have a song? Report Comment it does not :^( by 𝙆𝙐𝙐; 1730738119; Report Okaii by ELLIS!ATD (gee way crayon); 1730792246; Report
Latey	1730299526 using Report Comment
weezer	1728051423 using.. Report Comment
hundewasser112	1727472545 love Report Comment
polnr	1726925452 using Report Comment
trenchiez_	1721163944 usingggg :D Report Comment
Tragic Girl <3	1720449451 Using!! so cute!! Report Comment
𝙆𝙐𝙐	1716265128 Fuck discord Catbox came in clutch ; -; Report Comment
Adria	1704256467 USINGGGG Report Comment
weezerfanboy!!?!?	1701227360 USING THIS IS SO COOL Report Comment
shipskunk	1697654906 using even thouhg ive changed my layout a million times Report Comment
james!	1696627070 using this :) Report Comment
Pumchyyy	1695539276 usingg ଘ(੭ˊᵕˋ)੭ Report Comment
euro	1695325260 USING!!!! :333 Report Comment
blasfemma	1694577429 Using :3 !!!!! Report Comment
Fulipn	1692365435 using ,tysm Report Comment
💐whiterose_fairy💐	1691617943 Using!! Report Comment
jesse ☆	1687820683 using omg !! Report Comment
MATT🫀🥃	1685152698 usin!! Report Comment
Vitorio	1685075782 Hey cool layout, I'm using it right now! Though is it possible to change the color of the online icon? I changed the text to green but the "person" icon is still pink. Report Comment Sorry for the late reply, I was away from my pc for a little bit more than a week! I'm using the hue rotation to change the color of the icon Just delete it if ya want it back to the default color or change the hue rotation for a dif color .online img { filter: hue-rotate(215deg); } by 𝙆𝙐𝙐; 1686039932; Report It worked, thanks! I never personalized someone's layout before so this is new to me. by Vitorio; 1686067042; Report