Katie's profile picture

Published by

published

Category: Web, HTML, Tech

Hollywood Undead Layout

<style>

.contact {
  border-radius: 25px;
  background: url(https://64.media.tumblr.com/7f97861a39544fcd749caab8f975ee7f/tumblr_okaxrkP7qw1tyascso1_500.gifv);
  background-position: left top;
  background-repeat: repeat;
  padding: 145px;
  width: 200px;
  height: 150px;
}

main {
  background-color: #3335;
  color: white;
}

.profile .contact, .profile .table-section, .profile .url-info {
  border: 1px solid #11155;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #44455;
  color: #bbb55;
}

.profile .table-section .details-table td {
  background-color: #33355;
  color: #ccc55;
}

/* headings on the right */
.profile .blurbs .heading, .profile .friends .heading {
  background-color: #44455;
  color: #bbb55;
}

.profile .friends .comments-table td {
  background-color: #33355;
}


:root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: purple 55;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: yellow;
    }

table, th, td {
  : 1px solid black ;
}

  .profile-pic {
        border-radius: 500px;

        overflow: hidden;
    }

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

</style>

<style>

body
        {background: url("https://i.pinimg.com/originals/40/bd/47/40bd477bfb32231ed1e40b04c9f67527.jpg")
        no-repeat fixed; background-size: cover;
     }

</style>


3 Kudos

Comments

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