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 ( ノ  o𓏼 ) oli / apollo (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 20 of 23 comments ( View all | Add Comment )

Blackmassblade ꒱˚｡⋆	1779962572 using Report Comment
Minty	1775681757 usinggggg Report Comment
kangnoeul	1774411898 I LOVE PARAMORE OHMYOG using!!!!!!!1 Report Comment
Izzy	1771162573 I'm using it. Report Comment
Jane Doe	1767287981 using Report 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
tweedun	1744919806 using!!! Report Comment
Xx.lemon.scent.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