My Old Layout

Tags: layout
Description:

So I had been gatekeeping my old layout for a while because it was fully done by me and it was hard to do. Now I have a new layout so I thought I’d just post it here!
Code:

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

<style>
    :root {
        --logo-blue: #333;
        --darker-blue: #404040;
        --lighter-blue: #999;
        --even-lighter-blue: #ccc;
        --lightest-blue: #e3e3e3;
        --dark-orange: #333;
        --light-orange: #181818;
        --even-lighter-orange: #404040;
        --green: #38d;
    }
    * {
       font-family: 'Comfortaa', cursive; 
    }
    body {
        background-image: linear-gradient(to bottom right, #6AE5FF, #f875ff) !important;
        background-size: cover;
        background-attachment: fixed;
    }
    .blog-preview p {
        background-image: linear-gradient(to right, #6AE5FF, #f875ff);
        padding: 5px 15px;
        border-radius: 15px;
        color: white;
    }
    .blog-preview p a{
        color: #1cfbff!important;
    }
    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white!important;
    }
    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }
    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }
    table.details-table {
        border-collapse: collapse;
    }
    table.details-table td {
        background-color: transparent !important;
    }
    .profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }
    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-image: linear-gradient(to bottom, #6AE5FF, #f875ff)!important;
        color: #black !important;
        border-bottom: 2px solid;
    }
    main {
        border-radius: 0 0 15px 15px;
        background: rgba(255, 255, 255, 0.94) !important;
    }
    .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }
    footer {
        border-radius: 15px;
        background: linear-gradient(to right, #f22c5d, #f56122) !important;
        display: block !important;
       no-repeat fixed;
background-size: cover;

    }
    table.comments-table td {
        background-color: white !important;
    }
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }
    .profile .friends .person img {
        border-radius: 500px;
    }
    .blog-preview p {
        font-size: 1.4rem;
    }
    a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }
</style><style>
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&display=swap');
body{font-family: 'Comfortaa', cursive;}
</style><style>
/* Nav Bar */

nav .links {
 background: linear-gradient(to right, #6AE5FF, #d69ffc); 
 box-shadow: white 0 1px 1px 1px inset;
 padding: 0;
 text-align: center;
}

nav .links a {
  color: #2f748a;
  text-shadow: white 0px 2px 4px;
  padding: 1px
}

nav .links a:hover {
  color: #2f748a;
  background: linear-gradient(#6AE5FF, #d69ffc);
  text-decoration: none;
  padding-top: 0;
}

nav .links li.active a {
  color: #1a586c; 
  font-weight: normal;
}

nav .links li:not
  text-shadow: lightblue 1px 0px 1px;
}

/* Nav Top */

nav .top {
 background: linear-gradient(to right, #6AE5FF, #c170fa); 
 box-shadow: #fff6 0px 0px 2px 3px inset;
}
.container, .main {
  width: 100%;
  max-width: 1024px !important;
  margin: auto;
}
.profile.left {
  width: 100%;
  max-width: 320px !important;
}
.profile.right {
  width: 100%;
  max-width: 600px !important;
}
.profile-pic img {
  border-radius: 100%;
}
.profile {
  margin: auto;
}
  padding: 1rem;
  background: white !important;
  border: 1px solid darkgray !important;
  border-radius: 11px !important;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.125) !important;
}
.heading {
  margin: 0;
  padding: 1rem;
  font-size: 1.25rem;
  color: black !important;
  background: beige !important;
  border-radius: 11px !important;
}
.inner {
  margin: 0;
  margin-top: 0.5rem;
  padding: 1rem;
  background: linear-gradient(#6AE5FF, #c170fa);
  border: 1px solid darkgray;
  border-radius: 11px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.125) inset;
}

</style><style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: " Comment Section"; font-size:.8rem; font-weight:bold; }
.comments-table td:first-child {
  background: linear-gradient(#6AE5FF, #d69ffc);
  text-align: center;
  text-shadow: white 0px 1px 2px;
  width: 30%;
  box-shadow: #ffffffab 0px 1px 2px 2px inset;
}
.comments-table img:not(.icon){
    border: 1px solid lightblue;
    box-shadow: 0px 1px 2px #fff;
}

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

button:not(.logout-btn) {
 background: linear-gradient(#d69ffc, #6AE5FF); 
 box-shadow: white 0 1px 1px 1px inset;
 color: #2f748a;
 font-size: 11px;
 font-weight: normal;
 text-shadow: white 0px 2px 5px;
 border: 1px solid #91cfe3;
 border-radius: 2px;
 padding: 2px;
} 

button:not(.logout-btn):hover {
 background: linear-gradient(#6AE5FF, #d69ffc); 
 box-shadow: white 0 1px 1px 1px inset;
 color: #2f748a;
 font-size: 11px;
 font-weight: normal;
 text-shadow: white 0px 2px 5px;
 border: 1px solid #91cfe3;
 border-radius: 2px;
 padding: 2px;
} 
</style><style>
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "   Connecting With rai!"; font-size:.8rem; font-weight:bold; }
</style><style>
.blog-preview h4{ font-size:0; }
.blog-preview h4 a{font-size:.8rem;margin-left:5px; }
.blog-preview h4:before{ content: "   Recent Blogs"; font-size:.8rem; }
</style><style>
.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "   rai's Content"; font-size:.8rem; font-weight:bold; }
</style><style>
.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "Posts and Media:"; font-size:.8rem; }
</style><style>

table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;
}
</style><style>
.profile .friends .person p {
 font-size: 11px;
 font-family: verdana;
 color: #ffffff;
</style><style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-2/cur116.cur), auto !important;}</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 )