Katie's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Pennywise Layout

If you like this style, you can use it in your profile, BUT at least, ADD ME or COMMENT BELOW and give me some kudos! I spent time for making this layout!!!

Credits are appreciated (a post, a bulletin or something else that can support me) 

You have permission to use this for your Layout only, you don't have permission to post elsewhere without giving a link to the original crediting me.




<style>

footer {
        border-radius: 15px;
background-color: transparent; 

</style>

<style>
    
  
body {
  font: normal small-caps normal 16px/1.4 monospace;
}



h1, h2, h3, h4,h5,a, p, nav label, .section {color: red ;}

h1 {
  color: red;
  text-shadow: 1px 1px 2px black, 0 0 25px darkred, 0 0 5px darkred;
}


 
:root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: coral55;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: coral;
    }

main {
  /* changes made to stuff outside of columns */
    background: #0000;
    padding: 0;
    font-size: 80%;
    color: var(--light-orange);
  }


table, th, td {
  border: 0px solid #f994ff ;
}

body
        {background: url("https://cdn.wallpapersafari.com/89/1/zDNfl5.jpg")
        no-repeat fixed; background-size: cover;
     }



.profile .friends .person img {
        border-radius: 500px;
    }

.profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }

</style>

<style>

body:before {
 content: " ";
 height: 100vh;
 width: 100vw;
 display: block;
 position: fixed; 
 top: 0; 
 left: 0; 
 z-index: 100;
 background-image: url('https://i.pinimg.com/originals/74/80/d5/7480d55a92bad7eda455b9406800e036.gif');
 background-size: cover;
 background-repeat: no-repeat;
 animation: yourAnimation 3s ease 0s 1 normal forwards;
 pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>

<style>

.online{content:url("http://dl7.glitter-graphics.net/pub/104/104607x61kd02dl0.gif");}

.friends-grid {
        visibility:hidden; display:none;
    }
.friends {
    overflow: scroll;
    overflow-x: scroll;
    overflow-x: hidden;
    height: 300px; 
}


</style>


3 Kudos

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

Gabe30

Gabe30's profile picture

Love this layout it's


Report Comment



Thank you

by Katie; ; Report

You're Welcome 💯

by Gabe30; ; Report