blue -ish star themed layout

Tags: #star #blue #layout #space
Description:

just a simple layout the banner is on nav:after if you wanna change it yippie! :D
Preview:

click on the image for a larger preview
Code:

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

<style>
.profile-info {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
}
</style>

<style>
nav .top .left .logo {
    width: 207px;
    height: 42px;
    content: url(http://dl2.glitter-graphics.net/pub/2343/2343362kjwlu860m0.gif);
    position: relative;
    left: 15px;
}
nav:after {
    width: 802px;
    height: 200px;
    display: block;
    content: "";
    background-image: url(https://i.pinimg.com/564x/75/19/4a/75194ab78bb36a6310ab89470bfc486d.jpg);
    background-position: center;
    background-size: cover;
    border: #fffffffa groove;
}
footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    color: #ffffff5c;
    background-color: #00000021;
    border: inset #00000069;
}
button, input {
    overflow: visible;
    background: #faebd74f;
    color: white;
    text-shadow: 0 0 11px #fcdbb8;
}
.profile .friends .person {
    width: 105px;
    display: inline-grid;
    padding: 0 10px 15px 0;
}
::-webkit-scrollbar {
   width: 5px;
   height: 5px;
}
::-webkit-scrollbar-thumb {
   background: white;
}
::-webkit-scrollbar-track {
background: black;
}
.count {
    color: #ffffff;
}
a{
 color: white;
 font-weight:bold;
}

a:hover{
 letter-spacing: 2px; 
 transition: .5s;
 color: white;
}
</style>



<style>
table.comments-table, table.music-table, table.bulletin-table, table.forum-table, table.groups-table {
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    border: none;
}
.comment-replies {
    padding: 0 5px;
    border: groove #fcdbb847;
    box-shadow: 0 0 8px #24111161;
}
.comments-table td:first-child img:not(.icon) {
    width: 110px;
    max-width: 100%;
    max-height: 200px;
    border: white solid 2px;
    border-radius: 20px 1px;
    box-shadow: 5px 1px 0px #ffffff30;
}
.comments-table td, .music-table td {
    background: #fcdbb826;
    border: #c3ad975e inset;
    vertical-align: top;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 3px
}
.comments-table td:first-child, .music-table td:first-child {
    background: #2d2e3e47;
    text-align: center;
    font-weight: bold;
    width: 100%;
    border: groove #dbeafe6e;
    box-shadow: inset 0px -20px 19px 0px #dbeafe12;
    vertical-align: middle;
}
.profile .friends .person img:not(.icon) {
    max-width: 95px;
    max-height: 95px;
    display: block;
    margin: 13px;
    border-radius: 40px;
    border: #ffffffb0 solid 2px;
    box-shadow: 0 0 11px #ffffff47;
}
.friends-grid {
    background: #11101469;
    border: inset #00000057;
    box-shadow: 0 0 black;
    width: 486px;
    height: 160px;
    padding: 5px;
    overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    border-radius: 0px 0px 10px 10px;
}
.profile .friends .person p {
    color: #ffe9dbf5;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 54%;
    text-align: center;
    padding: 1px;
}
.profile .friends .heading {
    background: #00000045;
    color: #ffffff;
    text-shadow: 0 0 6px white;
    width: 345px;
    z-index: 1;
    left: 76px;
    position: relative;
    padding: 6px;
    border-radius: 30px 10px 30px 10px;
    border: inset #0000005c;
}
.profile .blurbs .heading {
    display: none;
}
.profile .blurbs .inner{
    padding: 7px;
    display: none;
}
.details-table td:first-child {
    background: #feeebf2e;
    color: #ffebd7;
    font-weight: bolder;
    vertical-align: middle;
    width: 33%;
    font-family: fangsong;
    border: #f9c56c17 inset;
}
.details-table td {
    background: #dbeafe30;
    vertical-align: top;
    color: #dbeafe;
    text-shadow: 1px 2px 0px #361a1a75;
    border: #f0f8ff40 inset;
}
.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    display: none;
}
.f-col {
    vertical-align: top;
    text-align: center;
    font-size: larger;
    padding: 1px;
    display: flex;
    justify-content: center;
}
.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    background: #ffffff0d;
    border: #8d8d8d groove;
    margin: 10px 0;
    box-shadow: inset 0 0 20px #fcdbb81f;
}
.col.w-40 {
    position: relative;
    left: 4px;
    width: 36%;
    background-color: #00000029;
    border: #0d0d105c inset;
    box-shadow: inset 10px -8px 9px #00000059;
}
nav .links a {
    text-decoration: none;
    color: #ffffffad;
    text-shadow: 2px 0px 0px #bdbfff7d;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
}
nav .links {
    background-color: #00000047;
    padding: 3.5px 16px;
    border-bottom: #00000069 groove;
    border-right: #00000069 groove;
    border-left: #000000a8 groove;
    text-align: center;
}
nav .top {
    background: #00000047;
    padding: 14px 14px 14px 14px;
    margin-top: 3px;
    display: flex!important;
    opacity: 1!important;
    flex-direction: column;
    align-items: center;
    position: relative;
    border-top: #00000069 groove;
    border-right: #00000069 groove;
    border-left: #000000a8 groove;
}
main {
    background: #0807077a;
    color: #f9c56c;
    text-shadow: 0 0 4px #f9c56c;
    padding: 6px 0px;
    font-size: 80%;
    text-align: center;
    width: 809px;
    border-top: #00000069 groove;
    border-right: #00000069 groove;
    border-left: #000000a8 groove;
    border-bottom: #000000a8 groove;
}
body {
    background-image: url(https://i.pinimg.com/564x/1a/de/17/1ade17282f8e035837424672bf7a7fc8.jpg);
    font-family: verdana, arial, sans-serif, helvetica;
}
</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 0 of 0 comments ( View all | Add Comment )