tsuki project 2019

Tags: tsuki, systemspace, lainchan, systemspace.network
Description:

inspired heavily by title - a theme ive made based off how the boards used to look in 2019
Preview:

click on the image for a larger preview
Code:

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

<style>
@keyframes WallpaperScroll {
	0% {
		background-position: 0px 0px;
	}
	100% {
		background-position: -400px 0px;
	}
}

@font-face {
	font-family: "Heading";
	src: url('https://i-love.nekos.zip/aZPVuBcOyp.woff');
}
@font-face {
	font-family: "PixelOperator";
	src: url('https://i-love.nekos.zip/c1T9idaTrw.ttf');
}
@font-face {
	font-family: "S";
	src: url('https://i-love.nekos.zip/BDIppNeezA.ttf');
}
@font-face {
	font-family: "Tiny";
	src: url('https://i-love.nekos.zip/H9TRSYM0Jo.woff');
}
@font-face {
	font-family: "Number";
	src: url('https://i-love.nekos.zip/OSk4hv2XCo.woff');
}

body {
  background: #070707 url('https://i-love.nekos.zip/fgFGvxSdZ7.png') repeat-x 50% 0%;
  color: #DDD;
  font-family: "PixelOperator", sans-serif;
  font-size: 16px;
  animation: WallpaperScroll 15s linear infinite;
}

.top { 
 display: flex;
 justify-content: center;
 align-items: center;
}

.logout-btn { 
   font-family: "PixelOperator", sans-serif;
}

nav .top {
   background: transparent;
}

input[type=text] {
    background-color: #111;
    border: none;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    color: #AAA;
    font-family: "PixelOperator", sans-serif;
    font-size: 16px;
    padding: 8px;
}

body > div > nav > div > div.center > form > button { 
  	background-color: #181818;
	border: none;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	color: #AAA;
	font-family: "Heading", sans-serif;
	font-size: 16px;
	padding: 8px;
	letter-spacing: -2px;
	cursor: pointer;
	transition: 0.3s color, 0.3s background-color, 0.3s border-color;
}

body > div > nav > div > div.center > form > button:hover {
	color: #000;
	background-color: #FFCCAA;
	border-color: #FA4;
}

body > div > nav > div > div.center > form > label {
    display: none;
}

body > div > nav > div > div.right { 
    font-family: "Heading", sans-serif;
    color: #FA4;
    text-shadow: 0px 0px 16px;
}

body > div > nav > div > div.right > a:hover { 
    color: white;
}

body > div > nav > div > div.right > form > button { 
    font-family: "Heading", sans-serif;
    color: #FA4;
    text-shadow: 0px 0px 16px;
}

main {
background: #070707;
color: white;
}

nav .links {
  background: transparent;
  text-align: center;
}

nav .links a {
  font-family: "Heading", sans-serif;
  color: #FA4;
  text-shadow: 0px 0px 16px;
}

nav .links a:hover {
  color: white;
}

.profile h1 {
    color: white;
    border-bottom: 2px solid #111;
    font-size: 1.5em;
    margin: 0 0 10px 0;
}

footer {
background: transparent;
  text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    color: #DDD;
    font-family: "PixelOperator", sans-serif;
    font-size: 16px;
}

footer > p > a {
    color: #FFCCAA;
    text-decoration: none;
    border-bottom: 1px dotted;
}

footer > p > a:hover {
color: white;
}

footer > p {
    font-size: 16px;
    font-family: "Tiny", sans-serif;
}

footer .copyright {
    font-size: 80%;
    text-decoration: none;
    text-decoration-thickness: 0.5px;
    font-size: 16px;
    font-family: "Tiny", sans-serif;
}

body > div > footer > ul > li > a {
     font-family: "Heading", sans-serif;
    color: #FA4;
    text-shadow: 0px 0px 16px;
}

body > div > footer > ul > li > a:hover {
    color: white;
}

.heading {
    background: #141937 !important;
    color: white !important;
    padding: 2px 7px !important;
    font-size: 18px !important;
}

.inner {
    padding: 7px;
    background: #161616;
    color: white;
}

.profile .blurbs .section h4 {
    margin: 0;
    color: #b3b3b3;
}

a {
    color: #FFCCAA;
}

a:hover {
  color: white;
}

.table-section {
 border: none !important;
}

.contact {
border: none !important;
}

.url-info {
    border: none !important;
    border-top: 2px solid #111111 !important;
    border-bottom: 2px solid #111 !important;
}

body > div > main > div.row.profile > div.col.right > div.profile-info { 
  border: none !important;
  display: inline !important;
}

#comments > div.inner > table {
  border-color: #111 !important;
}

.count {
  color: grey !important;
}

.profile .friends .person p {
    color: #FA4 !important;
    text-shadow: 0px 0px 16px !important;
}

.details-table td:first-child {
    background: transparent !important;
    color: white !important;
}

.details-table td {
    background: #232323 !important;
}

body > div > main > div.row.profile > div.col.right > div.blog-preview > p {
      border-bottom: 2px solid #111;
}

#comments {
   margin: 20px 0; /* for gods sake keep it consistent spacehey */
}

.online > img {
  display: none;
}

.online { 
    font-family: "MS Gothic", sans-serif;
    color: #3dff00;
    text-shadow: 0px 0px 16px;
}

.comments-table td {
  background: #232323 !important;
}

.comments-table td > a {
    color: #FA4 !important;
    text-shadow: 0px 0px 16px !important;
}

.comments-table td > a > button {
    background-color: #181818;
    border: none;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    color: #AAA;
    font-family: "Heading", sans-serif;
    font-size: 16px;
    padding: 8px;
    letter-spacing: -2px;
    cursor: pointer;
    transition: 0.3s color, 0.3s background-color, 0.3s border-color;
}

.comments-table td > a:hover {
     text-decoration: none;
}

.comments-table td > a > button:hover {
	color: #000;
	background-color: #FFCCAA;
	border-color: #FA4;
}

.comment-replies {
    border: none !important;
    background: #181818 !important;
    margin: 0px !important;
}
</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 )