Single column galaxy layout

Tags: singlecolumn, galaxy, blue, layout

Description:

Single column galaxy layout. to add or change "about me & others just use the html h1 TITLE /h1 this is my first go at a single column layout,i hope you enjoy :D

Preview:

click on the image for a larger preview

Code:

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

<style>


.online{

content: url("https://dl.glitter-graphics.com/pub/341/341842q4vbfz1x40.gif") !important;

}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #000000; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #00c0f0; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #00c0f0; 
}


   .top{
        
    background-color: #496ba2 !important;

       }
    .links{
        
    background-color: #496ba2 !important;
    }
    footer{
        
    background-color: #496ba2 !important;

}
body{
background-image: url('https://images2.imgbox.com/b3/0e/YS57zl7g_o.jpg');
background-repeat: no-repeat;
background-position:undefined;
background-attachment: fixed;
background-size: cover;
background-color: #ffffff;
}

main{
background-color: #496ba2;
}

.contact, .url-info, .table-section, .blurbs, .friends, .comments {
background-color: #496ba2;
}

span[itemprop='name'] {
color: #f5f5f5;
font-size: 14pt;
font-weight: bold;
font-style: italic;
font-family: Sans-Serif;
}


small {font-size:8px; line-height:8px; letter-spacing:0px; text-transform: uppercase;}
big {font-family:arial black; color:{color:text}; word-spacing: normal;}

h4 {
font-size: var(--mynamesize) !important;
line-height: 23px;
font-family: arial;
font-weight:bold;
text-transform: uppercase;
letter-spacing: -1.5px;
color:#ffffff;
text-align:right;
padding-bottom:0px;
padding-top:0px;
padding-right: 3px;
text-shadow: 0 0 0px ######;
border-bottom: solid 1px #00c0f0;
border-left: solid 15px #00c0f0;
border-right: solid 2px #00c0f0;
border-radius: 3px;
background:#ffffff30;
background-image:url("XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX");
background-position: center;
margin-top: 5px;
}

h4::first-letter {
color: #00c0f0;
}


h1 {
font-size: var(--mynamesize) !important;
line-height: 23px;
font-family: arial;
font-weight:bold;
text-transform: uppercase;
letter-spacing: -1.5px;
color:#ffffff;
text-align:right;
padding-bottom:0px;
padding-top:0px;
padding-right: 3px;
text-shadow: 0 0 0px ######;
border-bottom: solid 1px #00c0f0;
border-left: solid 15px #00c0f0;
border-right: solid 2px #00c0f0;
border-radius: 3px;
background:#ffffff30;
background-image:url("XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX");
background-position: center;
margin-top: 5px;
}

h1::first-letter {
color: #00c0f0;
}

.section h4, .details-table td:first-child {
color: #ffffff!important;
font-family: Sans-Serif;
}

a, .count {
color: #00ffee;
font-size: 10pt;
font-family: Sans-Serif;
}

a:hover {
color: #0043e0;
font-size: 10pt;
font-weight: bold;
text-decoration: underline;
font-family: Sans-Serif;
}

body,main {
color: #fcfcfc;
font-size: 10pt;
font-family: Sans-Serif;
}

.details-table td, .details-table td:first-child{
background: none!important;
}
.heading{
background: none!important;
}
.comments-table td{
background: none!important;
}
</style>


<style>
    .profile{

    display:flex;
    flex-direction: column;
    overflow-y: auto;

}
    .profile .left{width: 100% !important;}
    .profile-pic{width: 100% !important;}
    .general-about{text-align: center !important;}
     h1{text-align: center !important;}

    .top{

        border-radius: 25px 25px 0 0 !important;

    }
    main{

        border-radius: 0 0 25px 25px !important;

    }
.container{
        
    width: 550px !important;
        
    }
.blog-preview{display: none !important;}
 .blurbs .section h4{display: none !important;}
.blurbs .heading{display: none !important;}
.url-info{display: none !important;}
.table-section:nth-child(6) { display: none; }
.table-section:nth-child(7) {display: none;}
.friends:not(#comments.friends) {display: none;}
.comments-table{display: none !important;}
.table-section:nth-child(7) {display: none;}


.contact {
  background-color: #000000;
  line-height: 10px;
  border-radius: 10px;
  width: 400px !important;


</style>


 <h1>About me</h1>

testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest

<h1>Who I'd Like To Meet</h1>

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 )