brand new eyes - paramore layout

Tags: paramore, brand new eyes, butterfly, white, beige, brown, orange

Description:

brand new eyes inspired (loosely)!! im probably gonna change my layout and i like this one so i figured i'd share!! it is customized to my profile settings but you can change it if u'd like !

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by erynn 0_~ ★ (https://layouts.spacehey.com/layout?id=26989) -->

<div class="butterfly"></div>
<style>
    @import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Quicksand:wght@300&display=swap');
    
    body {
        background: url(https://cdn11.bigcommerce.com/s-own6dl/images/stencil/2048x2048/products/3837/13396/vintage-wallpaper-84__94549.1658431340.jpg?c=2);
    }
    main {
        background: rgba(250,250,250,40%);
        border: solid black 1px;
    }
    :root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: ;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: ;
    }
    h1, h2, h3, h4, h5 {
        font-family: 'Great Vibes', cursive;
        text-transform: lowercase;
color: black;
    }
    p {
        font-family: 'Quicksand', sans-serif;
        text-transform: lowercase;
    }
    .contact, .table-section {
        border: solid black 1px!important;
    }
    .url-info {
        height: 300px;
        background: url(https://upload.wikimedia.org/wikipedia/en/thumb/9/9b/Paramore_-_Brand_New_Eyes.png/220px-Paramore_-_Brand_New_Eyes.png) no-repeat center center;
        background-size: cover;
        border: solid black 1px!important;
        font-size: 0;
    }
    .friends-grid {
        display: none;
    }
    a {
        font-family: quicksand;
        text-transform: lowercase;
        color: black!important;
    }
    a:hover {
        text-decoration: none!important;
        font-style: italic;
    }
    .friends, .blurbs, .blog-preview {
        border: solid black 1px;
        margin-bottom: 19px;
    }
    .links {
        text-align: center;
    }
    button, input, optgroup, select, textarea {
        font-family: quicksand;
        font-size: 12px;
        line-height: 1.25;
        margin: 0;
        background: none;
        border: solid black 1px;
        color: black;
        text-transform: lowercase;
    }
    .top {
        font-family: quicksand;
        color: black;
        text-transform: lowercase;
    }
    img:hover {
        filter: blur(2px);
        animation: shake 5s 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,1px) rotate(0deg);
    }
 
}
    .general-about .profile-pic img {
        clip-path: polygon(50% 11%, 71% 0, 94% 9%, 100% 35%, 83% 65%, 53% 100%, 20% 67%, 0 36%, 5% 10%, 29% 0);
animation: brrr 0.5s infinite;
    }
    .blurbs .inner .section:first-of-type h4:after{
        content:" ";
        font-size: 0px!important;
display: none!important;
    }
    .blurbs .inner .section:last-of-type h4{
        font-size:0;
display: none!important;
    }
    .blurbs .inner .section:last-of-type h4:after{
        content:" ";
        font-size:0px;
display: none!important;
    }
    .blurbs {
        height: 450px!important;
        overflow-y: scroll;
        text-align: center;
    }
    .table-section {
        height: 400px!important;
        overflow: auto;
    }
    .comments-table {
        height: 400px!important;
        display: block;
        overflow-y: scroll;
    }
    .icon, .award img {
        content: url(https://media.discordapp.net/attachments/929037892519616564/1081524354770288690/brnnweys.png);
    }
    @keyframes spin {
        from { transform:rotate(0deg); }
        to { transform:rotate(-360deg); }
    }
        /* contact icons */
.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 favorite */
content: " ᰔᩚ"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: " ᰔᩚ"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group  */
content: " ᰔᩚ"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: " ᰔᩚ"
}
nav .links li:not(:last-child)::after,
    footer .links li:not(:last-child)::after{
        content: " ·";
    }
    footer {
        background: none;
    }
        .table-section:nth-last-child(2) .details-table tr:nth-child(4) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(4) td:first-child p:before { content:"‣ tv"; font-size:.7rem; }
.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p:before { content:"‣ FEED MY CAT BOINGBOING !!!!"; font-size:.7rem; text-transform: uppercase!important; text-align: center; }
.table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p:before { content:"‣ movies"; font-size:.7rem; }
.table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p:before { content:"‣ music"; font-size:.7rem; }
.table-section:nth-last-child(2) .details-table tr:nth-child(5) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(5) td:first-child p:before { content:"‣ games"; font-size:.7rem; }
.table-section:nth-last-child(2) .details-table tr:nth-child(6) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(6) td:first-child p:before { content:"‣ books"; font-size:.7rem; }
.table-section:nth-last-child(2) .details-table tr:nth-child(7) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(7) td:first-child p:before {content:"‣ cool ppl"; font-size:.7rem; }
.count {
    color: black;
}
.profile-info {
    background: url(https://bestanimations.com/media/spiders/1126695532spiderweb-animated-gif-3.gif);
    height: 196px!important;
    width: 450px!important;
    border: solid black 1px!important;
    font-family: quicksand;
    color: white!important;
    text-align: center;
}
    .butterfly {
    background: url(https://www.pngall.com/wp-content/uploads/7/Monarch-Butterfly-PNG-Free-Image.png) no-repeat;
    background-size: 100%!important;
    position: fixed;
    right: 100px;
    bottom: -5px;
    height: 225px;
    width: 190px;
    z-index: 1000;
    opacity: 100%;
    }
::-webkit-scrollbar {
width: 9px;
height: 9px;
}
 
::-webkit-scrollbar-track {
background: #E0CBC2;
border-radius: 3px;
}
 
::-webkit-scrollbar-thumb {
border-radius: 4px;
background: #CA8335; 
}
 
::-webkit-scrollbar-thumb:hover {
background: #B3742E;
}
.online {
content: url(https://ct.pimp-my-profile.com/online/myspacenowonlineicons73.gif);
}
.logo {
filter: invert(48%) sepia(51%) saturate(574%) hue-rotate(351deg) brightness(104%) contrast(92%)!important;
}
@keyframes brrr {
0% {
transform: rotate(5deg);
}
 
50% {
transform: rotate(5deg);
}
 
51% {
transform: rotate(10deg);
}
 
100% {
transform: rotate(10deg);
}
}
.links a{
text-shadow: none!important;
}
</style>
<style>* {cursor: url(https://cur.cursors-4u.net/people/peo-6/peo684.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/05/05/paramore-hayley-williams.html" target="_blank" title="Paramore - Hayley Williams"><img src="https://cur.cursors-4u.net/cursor.png" alt="Paramore - Hayley Williams" style="position:absolute; top: 0px; right: 0px;"/></a>

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

carrots	1761377069 Usinggg ^^ Report Comment
‎‧₊˚✧Hanko 2✧˚₊‧	1757088332 maybe using! Report Comment
Jayla	1755770713 Using!! So cute Report Comment
Jayla	1755770706 Using!! So cute Report Comment
sallymaya	1751126194 Using !! Thanks for the hard work Report Comment
sallymaya	1751126190 Using !! Thanks for the hard work Report Comment
Elayna Quinzel	1747369334 Using Report Comment
olivia	1744919806 using!!! Report Comment
xX.sta1n3d_ankl3b1t3r.Xx	1739167174 using!! Report Comment
nanever	1738602651 using Report Comment
mavi	1737860612 using! Report Comment
blake	1737444919 using Report Comment
⸝⸝ ꒰ Angel Food 🍉ㆍ₊⊹	1712670073 usingg Report Comment
hayden !	1700863216 using :p Report Comment
hisuye✫彡	1693345615 using ^.^ Report Comment
retailfox35	1686770310 using Report Comment
RoxyRoseIsOnTheForums	1686380609 This is really pretty :D Report Comment
mikaa	1678304915 using! Report Comment