first layout

Tags:

Description:

this is the first time i'm trying to code a layout XD for having no idea what i'm doing I think it came out rlly nice lol

Preview:

click on the image for a larger preview

Code:

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

<style>
:root{
        --logo-blue: #47098f;
        --light-orange: #47098f;
        --light-blue: #47098f;
        --even-lighter-blue:#47098f ;
        --lightest-blue:#47098f:
                --darker-blue:#47098f ;


    }
    .profile {
 color: #f50caf;
    
}
body{
background-image: url(https://i.pinimg.com/originals/49/5d/cb/495dcba9a75a82e8d4376e4809d07d4e.gif);
background-repeat: no-repeat;
Background-position: center;
background-size: cover;
font-family:  'Raleway', sans-serif;
}
h1{
color: #;
}
 main {
background: rgba(10,10,10) !important;
}

.profile-pic {
border-radius: 500px;
overflow: hidden;
}
nav {
border-radius: 15px 15px 0 0;
overflow: hidden;
}
nav .top{
background: rgba(57,62,70, .75) !important;
}

nav .links{
background: rgba(57,62,70, .75) !important;
border-bottom: solid rgba(57,62,70);
}


footer {
Margin-top: 0;
border-radius: 0 0 15px 15px;
background: rgba(57,62,70, .75) !important;
display: block !important;
}
table.details-table {
border-collapse: collapse;
}

table.details-table td {
background-color: transparent !important;
}
*{
color: #f50caf;
}
.blurbs {

    background:#f;

  border-radius: 15px;
  
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {

  background-color: #f50caf;
.profile .contact, .profile .table-section, .profile .url-info {

  }


}

 }
.blurbs .inner .section h4{
color:#f50caf;
font-weight:normal;
}
.profile .contact,
.profile .url-info,
.profile .table-section,
.home-actions {
border: none;
}

table.comments-table{
border:none;
border-collapse: collapse;
border-radius:10px;
overflow: hidden;
color: #f50caf !important;
}
comments-table button{
background:#000000;
border-radius: 4px;
color: #ffffff !important;
}

table.comments-table td {
background-color: rgba(255,255,255, .45) !important;
border: none;
color: #ffffff !important;
}
comments-table td:first-child img {
width: 80px;
border: none;
color: # !important;
}

.\profile .friends .person img {
border-radius: 500px;
}

a{
Color:#eeeeee;
Text-decoration: none;
}
..profile .contact .heading, .profile .table-section .heading, .home-actions .heading {

  background-color: #47098f;

  color:#FFFFFF ;
<></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 )

Leasha

1653124930

this is such a really cute layout!!!!!

Report Comment