212 lines
3.3 KiB
CSS
212 lines
3.3 KiB
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;
|
|
}
|