tengu-space/site/.pub/css/stylesheet.css

/*
 * Copyright (c) 2024 DeviousTengu
 * This file is distributed under the MIT License.
 * See LICENSE.txt or https://opensource.org/license/mit
 */

@font-face {
  font-family: Unifont;
  src: url('../font/UnifontCondensed.ttf') format('truetype');
}

body {
    background-attachment: fixed;
    background-color: #442244;
    background-image: url('../img/background.gif');
    background-repeat: repeat-x;
    color: white;
    font-family: Unifont, serif;
    margin: 0;
    position: relative;
}

#mountain {
    background-attachment: fixed;
    background-image: url('../img/mountain.gif');
    background-position: center bottom;
    background-repeat: repeat-x;
    height: 100%;
    width: 100%;
    position: fixed;
    bottom: 0;
}

#everything {
    height: 100%;
    width: 720px;
    margin: 0 auto;
    position: relative;
}

hr {
    border: none;
    visibility: hidden;
}

h1, .yellow { color: yellow; }

h2, th { color: #F04040; }

h3 { color: magenta; }

h4 { color: #FFFF99; }

a { color: cyan; }

.no-cell-padding { border-spacing: 0; }

.no-cell-padding td { padding: 0; }

.cell-padding td { padding: 4px; }


/* NAVIGATION  */

#header {
    width: 100%;
    height: 72px;
    position: relative;
}

#logo {
    position: absolute;
    bottom: 0;
    left: 0;
}

#nav {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
}

#noscript-message {
    color: magenta;
    margin-bottom: 8px;
}


/* STAGE */

#stage { text-align: center; }

#stage p { margin-top: 0; }


/* BORDER  */

#content {
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

#top-left {
    height: 16px;
    width: 16px;
    padding: 0px;
    background-image: url('../img/border/top-left.gif');
}

#top-center {
    height: 16px;
    padding: 0px;
    background-image: url('../img/border/top-center.gif');
}

#top-right {
    height: 16px;
    width: 16px;
    padding: 0px;
    background-image: url('../img/border/top-right.gif');
}

#mid-left {
    width: 16px;
    padding: 0px;
    background-image: url('../img/border/mid-left.gif');
}

#mid-center {
    padding: 4px;
    background-image: url('../img/border/mid-center.gif');
}

#mid-right {
    width: 16px;
    padding: 0px;
    background-image: url('../img/border/mid-right.gif');
}

#bottom-left {
    height: 16px;
    width: 16px;
    padding: 0px;
    background-image: url('../img/border/bottom-left.gif');
}

#bottom-center {
    height: 16px;
    padding: 0px;
    background-image: url('../img/border/bottom-center.gif');
}

#bottom-right {
    height: 16px;
    width: 16px;
    padding: 0px;
    background-image: url('../img/border/bottom-right.gif');
}


/* HOMEPAGE */

#aya-sprite { float: left; }

a img { border: none; }

#buttons a { text-decoration: none; }


/* BLOG POST LIST */

#blog-posts { width: 100%; }

#blog-posts th, #blog-posts td {
    padding: 8px;
}

.table-cell-nowrap {
    text-align: left;
    overflow-x: hidden;
    white-space: nowrap;
    color: yellow;
}

.table-cell-overflow {
    max-width: 0;
    width: 100%;
}

.text-centered { text-align: center; }

#rss {
    position: absolute;
    margin-left: 8px;
}


/* FOOTER */

#footer {
    padding: 8px 0;
    text-align: center;
}

#footer p {
    background-image: url('../img/footer.gif');
    display: inline;
}