New Year's Yesteryear

Tags: basic, minimal, clean, light, samsux
Description:

This theme is a basic but clean design. If I wrote this post correctly, you should be seeing it in action right now on this page!
Code:

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

/* "New Year's Yesteryear"
 * theme designed by samsux (https://spacehey.com/samsux)
 *
 * i used Tommy Panzram's "Layout Editor" to make this, and then
 * i proofread the code (a bit) manually using vim.
 *
 * this theme was not necessarily designed to be used by others, hence its
 * dense formatting, and how unoptimized it might be.
 * nevertheless, youre free to use it if youd like.
 *
 * links if you're interested:
 * [1]: my page, [2]: Tommy Panzram's page, [3]: Tommy Panzram's Editor,
 * [4]: vim, the ubiquitous text editor
 *
 * [1] :  https://spacehey.com/samsux
 * [2] :  https://spacehey.com/tommypanzram
 * [3] :  https://heroin-bob.github.io/SpaceHeyLayoutEditor
 * [4] :  https://www.vim.org
 *
 * trans rights, always and forever
 * hope youre doing well,
 * - samsux
 */

:root { --logo-blue: rgb(54, 87, 130);
  --darker-blue: rgb(54, 87, 130);
  --lighter-blue: rgb(24, 121, 198);
  --even-lighter-blue: white;
  --lightest-blue: white;
  --dark-orange: rgb(24, 121, 198);
  --light-orange: rgb(215, 235, 255);
  --even-lighter-orange: bisque;
  --turquoise: darkturquoise;
  
  --dark-gray: rgb(54, 87, 130);

  --table-header: rgb();
  --table-color: rgb();
  --link-text: rgb();
  --main-text: rgb();
  --link-hover: rgb();
}

.logo {
 filter: sepia(100%) hue-rotate(180deg) saturate(1500) brightness(50%);
}
body #previewContainer {
  background-color: #f1f1f1;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
  text-decoration: underlined;
  text-shadow: none;
}
body { background-color:#f1f1f1; }
nav .top {
  background-color: white;
  color: black;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
  text-decoration: underlined;
  text-shadow: none;
  box-shadow: 0 0 6px rgba(0,0,0,0.33);
  clip-path: inset(0 -6px -6px -6px);
}
.search-wrapper #q {
  border: 1px solid #ccc;
  padding: 3px;
  color: black;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}
form { padding: 3px; }
.links {
  background-color: #167ac6;
  text-align: center;
  border: 1px solid #3472a3;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}
.links a {
  background-color: #167ac6;
  color: white;
  text-decoration: underlined;
  text-shadow: none;
  padding: 0 5px 0 5px;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}
nav .links {
  background-color: #167ac6;
  color: black;
  text-align: center;
  border: 1px solid #3472a3;
  text-decoration: underlined;
  text-shadow: none;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
  box-shadow: 0 0 6px rgba(0,0,0,0.50);
  clip-path: inset(0 -6px -6px -6px);
}
nav .links a:hover {
  text-decoration: underline;
  color: white;
  border-radius: 2px;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
  content: "";
}

main {
  padding: 0 0 0 0;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #eaeaea;
  box-shadow: 0 0 6px rgba(0,0,0,0.25);
  clip-path: inset(0 -6px -6px -6px);
  border-left: 1px solid #eaeaea;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}

.row.profile .col.w-40.left {
  padding: 11px 11px 0 11px;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}
.row.profile .col.right {
  padding: 11px 11px 0 11px;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}

a {
  text-decoration: underlined;
  text-shadow: none;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}
a:hover {
  text-decoration: underlined;
  text-shadow: none; 
  border-radius: 2px;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}
.mood a, .contact a, .table-section a, .blog-preview a, .blurbs a {
  padding: 2px 2px 2px 2px;
  text-decoration: underline;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}
.mood a:hover, .contact a:hover, .table-section a:hover, .blog-preview a:hover, .blurbs a:hover {
  color: white;
  background-color: rgb(54, 87, 130);
  padding: 2px 2px 2px 2px;
  border-radius: 2px;
  text-decoration: none;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}
.col.w-40.left .contact {
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}

.friends a {
  text-decoration: underline;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}
.profile .friends .person p {
  color: rgb(54, 87, 130);
  background-color: white;
  text-decoration: none;
  padding: 2px 2px 2px 2px;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}
.profile .friends .person p:hover {
  color: white;
  background-color: rgb(54, 87, 130);
  text-decoration: none;
  border-radius: 2px;
  padding: 2px 2px 2px 2px;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}

.comments-table a {
  color: rgb(54, 87, 130);
  text-decoration: none;
  padding: 2px 2px 2px 2px;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}
.comments-table a:hover {
  color: white;
  background-color: rgb(54, 87, 130);
  border-radius: 2px;
  text-decoration: none;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}

.comments-table table {
  border: 0;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}
.comments-table tbody {
  border-color: 1px solid white;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
} 
.comments-table td:first-child {
  background-color: white;
  border-color: 1px solid white;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}
.comments-table td {
  background-color: white;
  border-color: 1px solid white;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}
.comments-table tr {
  background-color: white;
  border-color: 1px solid white;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}

.report {
  color: rgb(54, 87, 130);
  text-decoration: none;
  padding: 2px 2px 2px 2px;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}
.report:hover {
  color: rgb(54, 87, 130);
  text-decoration: none;
  border-radius: 2px;
  padding: 2px 2px 2px 2px;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}
.count {
  background-color: #fe0000;
  border: 1px solid #bb1d1c;
  color: white;
  border-radius: 3px;
  padding: 3px 3px 2px 2px;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}

footer {
  background-color: white;
  border-top: #ffffff;
  border-right: #eaeaea;
  border-left: #eaeaea;
  border-bottom: #e0e0e0;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
  box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
}

footer a:hover {
  color: white;
  background-color: rgb(54, 87, 130);
  padding: 2px 2px 2px 2px;
  border-radius: 2px;
  text-decoration: none;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}

footer .copyright a:hover {
  color: white;
  background-color: rgb(54, 87, 130);
  padding: 2px 2px 2px 2px;
  border-radius: 2px;
  text-decoration: none;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
}
/* begin site content below */
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 )