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 aws / ryan ☆ (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 5 of 5 comments ( View all | Add 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