Katie's profile picture

Published by

published

Category: Web, HTML, Tech

Nightmare On Elm Street 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!!!

<style>

.contact { border-radius: 15px} 

.profile .contact .f-row {
  /* removes extra spacing from contacts */
    margin: 0;
  }

.blog-preview h4,.profile .heading, .profile .contact .heading, .profile .table-section .heading, .home-actions .heading, .profile .blurbs .heading, .profile .friends .heading { border-radius: 15px} 

footer {
        border-radius: 15px;
background-color: #ff000055;

</style>

<style>

table, th, td {
  border: 1px solid #ff0000;
}

table, th, td { border-radius: 15px} 
}


</style>

<style>

:root {
        --logo-blue: #ff000055;
        --darker-blue: ;
        --lighter-blue: h;
        --even-lighter-blue: #ff000055 ;
        --lightest-blue: #ff000055;
        --dark-orange: #;
        --light-orange: #ff000055;
        --even-lighter-orange: #ff000055;
        --green: Red;
    }

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

 .f-col {
    /* allow contacts to stack */
    vertical-align: top;
    margin-bottom: 5px;
    display: block;
  }

</style>

<style>
Main
        {background: url("https://i.pinimg.com/originals/0c/44/9c/0c449c4c7ae0f77f96a6c5b66760b118.jpg")
        no-repeat ; background-size: cover;
</style>

<style>

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

</style>
<style>

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

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

</style>



<style>
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,300;0,700;1,300;1,700&display=swap');
body{font-family: 'Josefin Sans', sans-serif;
font-size: 25px}  
</style>
<style>

.online{content:url("http://dl3.glitter-graphics.net/pub/124/124973zv9l8g53sa.gif");}

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


</style>

<style>

body {
  background-color: #111;
}

profile { font-family: "Arial Black", Gadget, sans-serif;
font-size: 18px;
letter-spacing: 2px;
word-spacing: 2px;
color: #000000;
font-weight: 700;
text-decoration: none;
font-style: italic;
font-variant: normal;
text-transform: uppercase;

</style>

<style>

.online{content:url("http://dl6.glitter-graphics.net/pub/1661/1661766kg9fk736vr.gif");}
</style>


9 Kudos

Comments

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

Gabe30

Gabe30's profile picture

love the layout


Report Comment