classic layout.

Tags: simple, layout, light academia

Description:

dunno, it's just i like to upload it on here.

Code:

<!-- (c) Layout created by Henry♰ (https://layouts.spacehey.com/layout?id=83405) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Acme&family=Roboto+Slab&display=swap');
  body {
      background-image: url(https://i.pinimg.com/564x/d3/41/a5/d341a570a3712a85cfb0d7d1f08a32d4.jpg);
      background-size: cover;
      background-attachment: fixed;
      background-repeat: repeat;
      background-color: #ffe69f;
      font-family: 'Acme';
  }
  
/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/others/oth-1/oth3.ani), url(https://cur.cursors-4u.net/others/oth-1/oth3.png), auto !important;} /* End https://www.cursors-4u.com */
.online { visibility: hidden; } .online img { content: url(https://i.pinimg.com/originals/27/53/fd/2753fd4ad89b6e837654c400886cd437.gif); animation-name: none; visibility: visible; height: 90px; width: 90px; }
  main {
      border-style: solid;
  }
  
main {
        background-color: #c6d3c657;
        border-radius: 50px;
        border: white 5px double;
        color: white;
        height: 580px;
        width: auto;
        padding: 10px;
        overflow: auto;
    }

  }
 .profile h1 {
      font-family: 'Roboto Slab';
      font-size: 30px;
      letter-spacing: 2px;
  }
  
  .profile .blurbs .heading h4,  .profile .friends .heading h4 {
      font-family: 'Roboto Slab';
      font-size: 20px;
      letter-spacing: 2px;
      color: white;
  }
  
  .profile .blurbs:before {
      background-image: url(https://i.pinimg.com/564x/a0/8d/80/a08d805ea51465381a7d089065e44b0a.jpg); 
 
      display: block;
      width: 100%;
      background-position: center center;
      content: "";
      height: 200px;
      background-size: cover;
      margin: 10px 0px;
  }
  
  .profile .contact .heading, .profile .table-section .heading, .profile .table-section .heading, .profile .blurbs .heading, .profile .friends .heading {
      background-color: #445745;
border-radius: 5px 5px 0px 0px;
height: 100%;
text-align: center;
  }
  
.profile  .contact, .profile .table-section{
      border-style: none;
  }

 nav .top, nav .links{
     background-color: #ffffff00;
     text-align: center;
     font-size: 15px;
 }
 
 .profile .blurbs .inner, .profile .friends .inner {
     border-style: solid;
     margin:;
 
 }
 
 .profile .url-info {
     border-color: white;
 }
 
 .profile  .contact .inner, .table-section .inner {
     border-style: solid;
     border-color: white;

 }
 
#comments:before {
     background-image: url(https://i.pinimg.com/originals/fa/3d/6e/fa3d6ebe32b17e85a60b36093fff3f09.gif); 
     display: block;
      width: 100%;
      background-position: center center;
      content: "";
      height: 550px;
      background-size: cover;
      margin: 10px 0px;
 }
 
 .details-table td:first-child {
     background-color: white;
     color:#445745;
 }
 .details-table td {
     background-color: #c6d3c657;
 }
 
footer {
    background-color: #ffffff00;
}

.comments-table td:first-child {
    background-color: white;
}
.comments-table td {
    background-color: #c6d3c657;
    color: white;
}

.profile .blurbs .section h4 {
    color: green ;
}

a, .count {
  color: #3e5144;
}

a:hover {
    text-decoration: underline;
    color: red;
}
.profile .contact:after {
    /* display: block; */
    width: 100%;
    background-position: center center;
    content: "";
    height: 400px;
    background-size: cover;
    margin-top: 10px;
}
</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

Comments disabled.