Lain.Just Lain.

Tags: layout, simple

Description:

first time making this lol.it was fun. i hope i'll get better at creating layouts. -w- have a lain layout for now. thank you layout includes gifs and edited cursor.

Preview:

click on the image for a larger preview

Code:

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

<style>

  @import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@1,300&family=Vampiro+One&display=swap');
body{


font-family:'Vampiro One', cursive;

font-size:120%


}
nav .links {
    background:none !important;}

body{
cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAB4UExURQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/AAAAAP///zM9aHwAAAAldFJOUwALCQUBGBAiGQJQRzoqGk48HAg9PiMRBwMpLCglDxQVMwYtDR200UHmAAAAAWJLR0QnLQ+oIwAAAAlwSFlzAAAAyAAAAMgAY/rnrQAAAAd0SU1FB+cHCg0uE51pZk8AAAABb3JOVAHPoneaAAAAqElEQVQ4y+3SyxKCMAwF0L5AUFq1vqJIUUv4/0+UKO7auHDrnS7PdHLbCJRKG8EEsShZgSMuWIHjFzEBXhBgxQtw4g0YMYO8+ICsmGegVKrOvMN0lqvGOpkGuCaxsdvSJwHu9gSaw/EEyRnOl7Ylce0gWbN0RegJ3JxP1vRS3ZVjrqihNtARePQ692HGVzjVCFkgIA7WDhGywOgYQuT2yoDWwO7uP7/mCTOGFgBBHemXAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIzLTA3LTEwVDEzOjQ2OjE4KzAwOjAwmjtLPgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMy0wNy0xMFQxMzo0NjoxOCswMDowMOtm84IAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjMtMDctMTBUMTM6NDY6MTkrMDA6MDAaBNnpAAAAAElFTkSuQmCC),auto;
}

.table-section{border:none !important;background-color:var(--box_color_and_seethru)!important;border-radius: 15px !important;}

.heading{background:none !important;padding-bottom:0px !important;}

.heading{background:none !important;padding-bottom:0px !important;}
heading, .url-info, .blurbs, .details, .mood, .blog-preview, .friends, .contact, .table{

background-color:var(--box_color_and_seethru) !important;

border-radius: 15px !important;

padding: 8px !important;

border: var(--borders) !important;
.container{
width: 1000px;
}

}
body {
background:url(https://i.pinimg.com/originals/3f/4e/e1/3f4ee150f70ff2ea0c5598dc39d6164f.gif)no-repeat fixed;background-size:cover;}


.profile{
background-image:url(https://i.pinimg.com/originals/eb/34/00/eb3400aed7b06880e5ac23578a2da35d.gif);    
   padding: 6px 0px;
    background-size:100%;
    background-repeat: repeat-y;
    background-attachment: fixed;
    height:100%;
    width:100%;
    color:#98FB98;

}
.profile .blurbs .heading, .profile .friends .heading {
    background: #48783b;
    background: #25b537;
    color:#98FB98;
}
.profile .contact .heading, 
     .profile .table-section .heading{
      background-color: green;
      color:#98FB98;
}
:root{
/* [background color]: header on top */
 --logo-blue:url(https://i.pinimg.com/564x/db/5a/e1/db5ae19a0d2ed5b3f81a398fc95aaad6.jpg);
}
.profile .blurbs .section h4{
color:#98FB98;
}

.profile .table-section .details-table td {
  background-color: #008000;
  color: #98FB98;
}


main a {
  color: var(--green);}
.count{
color:#98FB98;
}


/* headings on the right */
.profile .blurbs .heading, .profile .friends .heading {
  background-color: #0BDA51;
  color: #98FB98;}

footer {
background-color:#0BDA51;
color:#0FFF50;
}






</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 )