mad rad hair [.] com layout

Tags: madradhair, pink, retro

Description:

a layout based on the 2006 mad rad hair website theme

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by x.{finn}.x (https://layouts.spacehey.com/layout?id=24504) -->

<style>

@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

body {   
background: #F00144;
font-family: Verdana, Arial;
color: white;
   }

.container{
margin: 2em auto;
width: 940px;
border-radius: 0px;
}

main {
border: none;
  color: white;
background: transparent;
}

main .left, main .right {
padding: 1px;
}

  nav .top {
 background: transparent;
}
  
  nav .links {
    text-shadow: none;
    background: #95002A;
    margin-bottom: -5px;
    padding-top: 9px;
    font-size: 11px;
    height: 35px;
}

nav .links a {
text-shadow: none;
}


  .count{
color: white;
}
 
nav .top, nav .links a, .logout-btn, .logout-form {
   color: white;
}
.search-wrapper input, button {
   color: black;
  background-color: white;
margin: 5px;
padding: 2px;
  border: 1px solid black;
  border-radius: 3px;
}

.logout-btn {
    font-family: verdana, arial;
}

button:hover, a:hover {
   cursor: pointer;
}
.edit-info {
   background: #95002A;
   border: none;
}

  .profile-info {
height: 50px;
background: #95002A;
border: none;
}

.online{
background-color: transparent;
content: url(https://ia601501.us.archive.org/10/items/onlinenow_202210/onlinenow.gif);
}


.profile .table-section, .home-actions {
  background: transparent;
  border: none;
  border-radius: 0px;
margin: 0px;
}
.profile .url-info {
color: white;
border: none;
background: #95002A;
margin-top: 2px;
    margin-bottom: 2px;
}

.profile .contact .heading, .profile .table-section .heading {
    color: white;
background: #95002A;
text-align: center;
}

  .profile h1 {
background: #95002A;
color: white;
border: black 1px solid;
text-align: center;
padding: 5px;
margin-bottom: 0px;
}

.general-about .profile-pic {
padding: 5px;
}

.comments-table td:first-child img:not(.icon){
  border-radius: 0px;
  }

  .profile .general-about {
  background: black;
padding: 5px;
  border:  none;
height: 180px;
font-size: small;
}

  .profile .mood {
color: white;
    padding: 5px;
    padding-left: 8px;
    background: black;
}

.profile .friends{
margin: 0px;
background: black;
}

.friends#comments {
height: 488px!important;
}

 .profile .blurbs {
background: black;
    margin: 0px;
    border: none;
}

.profile .blurbs .inner{
  border: none;
}

 .profile .friends .person p {
    color: white;
  }
  
  .profile .blog-preview {
    color: white;
margin-bottom: 15px;  
}
  
  .profile .blurbs .section h4 {
    color: white;
    padding: 0.5em 0em 0.5em 0em;
  }
  
  .comments-table {
       display: block;
border:none;
height: 384px!important;
    overflow-y: scroll;
    outline: none !important;
}

.comment-reply {
    padding: 5px 3px;
  border: #95002A 1px  solid;
}
  .comment-replies {
      padding: 10px 5px;
  border: none;
  }
 
.contact {
    background: black;
padding: 0px;
    border: none !important;
    height: 150px;
}

.contact .icon {
width: 0px;
  height: 0px;
}

.contact .heading {
margin-bottom: 10px;
}

.contact .inner {
    font-size: 10px;
    text-align: center;
display: flex;
flex-direction: column;
align-items: flex-end;
}

.f-col :not(.icon) {
  background: #ECECEC;
    border: black solid 1px;
    margin: 5px;
  padding: 1px;
padding-right: 7px;
    box-shadow: 3px 2px silver;
}
  
.details-table td:first-child, .details-table td {
    background: transparent;
}
.details-table td:first-child {
    color: white;
background:  transparent;
}
.details-table td:not(td:first-child) {
    color: white;
}
  .profile .blurbs .heading{
   background: #95002A;
    color:white; 
  border: none;
text-align: center;
}

.profile .friends .heading {
    background: #95002A;
    color:white; 
text-align: center;
}
  
  table.details-table {
    background: transparent;
    border: black 1px solid;
}
  
.profile .table-section .inner{
    border-radius: 0px;
    background: transparent;
    border: none;
background: black;
}


.comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td {
background:  black;
border: none;
}

.comments-table td, .music-table td {
    color: white;
background: black;
}

.comments-table td:first-child a, .music-table td:first-child a {
    color: white;
}

.comments-table td:first-child img:not(.icon) {
border-radius: 0px;
}

  nav .logout-btn {
  animation: none;
  }

.pagination {
    width: 100%;
    margin: 15px 0px 150px 0px;
    min-height: 20px;
}

  footer { 
    border: none;
    background: transparent;
}

  a{
color:  blue;
text-decoration: underline;
}

a:visited {
color:  blue;
text-decoration: underline;
}
a:hover {
color:  blue;
text-decoration: underline;
}

a:active {
  color:  blue;
text-decoration: underline;
}

.contact  a{
text-decoration: none;
font-family: 'VT323', monospace;
color: black;
font-size: 12px;
}

</style>

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 1 of 1 comments ( View all | Add Comment )

becca

1668128846

I LUV IT THANKSS!! its simple and pinnk!!

Report Comment