Retro Diner

Tags: yellow, blue, pink, pastel, retro, 80s, diner, retro diner

Description:

this was superrr rushed so feel free to edit parts of the code, comment if using :)

Preview:

click on the image for a larger preview

Code:

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

<style> 

@import url('https://fonts.googleapis.com/css?family=Shrikhand');


body{ 
font-family: Shrikhand;
font-size: 100%;
text-align: center;
}

p{
    font-family: Shrikhand;
    color: #6ABDCD; 
    font-size: 100%; 
}
h1, h2, h3, h4, h5, h6 {
    font-family: Shrikhand;
    color: #6ABDCD;
    font-size: 100%;  
}

body{
background-color: #292230;
}

nav .top{
background: transparent;
border-radius: 20px 20px 0px 0px;
border-left: 2px solid lightblue;
border-right: 2px solid lightblue;
border-top: 2px solid lightblue;
box-shadow: inset 0px 14px 19px lightblue, 0px -1px 10px lightblue;
color: pink;
text-shadow: 0px 0px 5px pink;
}

button{
background: transparent;
border-radius: 4px;
border: 2px solid pink;
box-shadow: 0px 0px 5px pink;
font-family: Shrikhand;
color: pink;
text-shadow: 0px 0px 5px pink;
}

nav .links{
background: transparent;
border-radius: 0px 0px 20px 20px;
border-left: 2px solid lightblue;
border-right: 2px solid lightblue;
border-bottom: 2px solid lightblue;
box-shadow: inset 0px -14px 19px lightblue, 0px 2px 10px lightblue;
color: pink;
}

nav .links a {
color: pink;
text-shadow: none;
}

main {
background-color: lightyellow;
border-radius: 20px;
margin: 14px
}

.profile-info {
background: pink;
border-radius: 20px;
border: 2px solid white;
}

@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(0deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}

.online {
content: url(https://cur.glitter-graphics.net/pub/3314/3314506n6vcycmt1d.gif); 
}

 a {
        color:lightblue;
    }

.contact a, .mood a, .profile .blurbs .section h4, .more{
color: #6C4494;
}

.profile .contact .heading, .profile .table-section .heading, .profile .blurbs .heading, .profile .friends .heading {
background-color: pink;
padding: 2px;
border-radius: 20px 20px 0px 0px;
color: purple;
}

.profile .url-info {
border-radius: 12px
}

.table-section, .contact, .blurbs, .friends, .comments-table {
background-color: white;
border-radius: 20px 20px 0px 0px;
border: 3px solid pink;
color: purple;
}

footer {
background: transparent;
border-radius: 20px;
border: 2px solid pink;
box-shadow: inset 0px 0px 15px pink, 0px 0px 15px pink;
color: lightblue;
text-shadow: lightblue;
}

.table-section td, .profile .comments-table td{
background: transparent;
}

.profile .comments-table {
background: transparent;
display-block;
height: 200px !important;
overflow-y: scroll;
border: 0px solid lightblue !important;
outline: none !important;
border-radius: 20px;
border: 2px solid lightblue !important;
}

.comments-table td:first-child img {
border-radius: 500px;
}

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

</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 11 of 11 comments ( View all | Add Comment )

gogurt toaster	1729101073 using :) Report Comment
DKawaiiart	1719161679 using Report Comment
ilymagicworms	1705965998 pretty, using!!(●'◡'●) Report Comment
nicole>⁠.⁠<	1705157863 using ><!! ty!!!! Report Comment
screamo crip	1703298595 using Report Comment
Silversarr	1702956717 using!!! Report Comment
C0bw3bs	1702773527 i will be using it :) Report Comment
Pivuka	1702745534 using Report Comment
Trollgarl	1702533950 using!! Report Comment
KK	1702013626 Using :3 Report Comment
Kylie	1702007972 i'll be using it!! :) Report Comment