Clean Weezer Pinkerton Layout (broken do not use)

Tags: weezer, pinkerton, pink, clean

Description:

If you use this theme, please comment below, add me or add a link back to this page in your profile

Background quality is fixed!

I don't mind if y'all change the background btw

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-image: url(https://cdn.discordapp.com/attachments/1004631178889932921/1043538905309388900/Pinkerton_Wallpaper.jpg);
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        
    }
    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 19 of 19 comments ( View all | Add 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
Emmazzz	1694577429 Using :3 !!!!! Report Comment
Fulipn	1692365435 using ,tysm Report Comment
💐whiterose_fairy💐	1691617943 Using!! Report Comment
jesse ☆	1687820683 using omg !! Report Comment
{ ✰ Matt / Mako ✰ }	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
Asher	1683315840 using Report Comment
Dean Quixote	1682474343 weezing tf out rn!!! Report Comment
harley ༘⋆	1681309414 using!! Report Comment
Regis	1680037780 this shit is slick how could i not use it Report Comment
vyn	1668714860 using Report Comment
andrew	1668088990 gonna be using Report Comment
Jan!	1664347988 TO PROVE MY VIRGINITY Report Comment