Layout Template

Tags:

Description:

This layout has no images, its for you to insert your own images and colours, ive labeled where they all go, i recomend imgur for hosting

Code:

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


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

p{
font-family: 'Roboto', sans-serif;
  font-size: 15px;
  color: #000000;

}

a{
 font-family: 'Roboto', sans-serif;
  font-size: 15px;
  color: #000000
}

div{
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  color: #000000;
  

}
h1,h2,h3,h4,h5{
font-family: 'Roboto', sans-serif;
  font-size: 20px;
  color: #000000;
  

}
body {
    background: url(insert image link);
background-size: 600px;
}

.profile {
    background-image: url(insert image link);
    background-repeat: repeat;
color: #ffe6ed;
border-radius: 10px;
    border: 2px solid #000000;
}


.blog-preview {

  background-image: url("insert image link");
  border: 2px solid #000000;
    border-radius: 16px;
    text-align: center;

}

.blog-preview .heading{
    background: #000000;
    border: 2px solid #000000;
      border-radius: 16px;
      text-align: center;

}

.blurbs {

  background-image: url("insert image link");
  border: 2px solid #000000;
    border-radius: 16px;
    text-align: center;

}

.profile .blurbs .heading{
    background: #000000;
    border: 2px solid #000000;
      border-radius: 16px 16px 0px 0px;
      text-align: center;

}

.general-about{

     border: 2px solid #000000;
    border-radius: 16px;
    text-align: center;
color: #ffe6ed;
    background-image: url(insert image link);
    padding: 20px;

}

.profile .contact {
    border: 2px solid #000000;
    border-radius: 16px;
}

.contact {
  background-image url: (insert image link);
    background-image: url(insert image link);
    background-position: right top;
    background-repeat: repeat;
    background-attachment: scroll;
    color: #ffe6ed;
background-size: 200px;

}

.profile .contact .heading {
   background: #000000;
    border: 2px solid #000000;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
color:#ffe6ed;

}

nav, footer, .profile .contact {
display: inherit !important;
opacity: 1 !important;
border-radius: 16px;
}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
border-radius: 0px 0px 16px 16px;
}

nav { background-image: url(insert image link);
}

nav{ 
font-size: 13px !important;
text-shadow: 1px 1px black;
text-transform:none;
text-align: center;
    border: 2px solid #000000;
    border-radius: 16px;
margin-bottom: 10px;
}

.profile .table-section .heading {

  background-color: #000000;

  color:#000000;
   border: 2px solid #000000;
    border-radius: 16px 16px 0px 0px;
}

.profile .friends{
 background-image: url(insert image link);
 border: 2px solid #000000;
    border-radius: 16px;
text-align: center

}

.profile .contact, .profile .table-section, .profile .url-info {

  border: 2px solid #000000;
    border-radius: 16px;

}

.comments-table td:first-child{
text-align: center!important;
background: #000000;
}

.comments-table td{
text-align: left!important;
}


.comment-replies {
border: #000000
}

.comment-reply:not(:first-child) {
    border-top: 1px solid #000000;
}



table.comments-table td {
    background-color: #000000;
    overflow: hidden;
border: 1px solid #000000;
    padding: 5px;
}

.comments-table{
display: block;
overflow-y: auto;
Border-radius: 15px; 
color: #ffe6ed;
 }

table.comments-table{
border: 2px solid #000000;
 border-radius: 16px;
width: auto;
}

.profile .friends .heading {
 background: #000000;
    border: 2px solid #000000;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
color: #ffe6ed;

}
.profile .table-section {
background-image: url(insert image link);
 border: 2px solid #000000;
    border-radius: 16px;
text-align: center
}

.profile .table-section .details-table td {
    background-color: transparent!important;
color:#ffe6ed;

}

footer {
color:#ffe6ed;
background-image: url(insert image link);
border: 2px solid #000000;
 border-radius: 16px;

}

.mood {
margin-bottom: 10px;
 color: #ffe6ed;
    border: 2px solid #000000;
    border-radius: 16px;
padding: 5px!important;
    background-image: url(insert image link);
background-size: cover;
    height: 230px;
background-size: 360px

}




.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}

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.