276 lines
18 KiB
Plaintext
276 lines
18 KiB
Plaintext
|
# Document layout for AsciiDoc, based on the website.
|
||
|
|
||
|
[header]
|
||
|
<!DOCTYPE html>
|
||
|
<html lang="{lang=en}">
|
||
|
<head>
|
||
|
<meta http-equiv="Content-Type" content="text/html; charset={encoding}" />
|
||
|
<meta name="generator" content="AsciiDoc {asciidoc-version}" />
|
||
|
<title>{doctitle}</title>
|
||
|
<style type="text/css">
|
||
|
body {
|
||
|
margin: 0;
|
||
|
padding: 16px;
|
||
|
}
|
||
|
|
||
|
#header,
|
||
|
#main,
|
||
|
#footer {
|
||
|
margin-bottom: 32px;
|
||
|
}
|
||
|
|
||
|
#header {
|
||
|
height: 160px;
|
||
|
}
|
||
|
|
||
|
#header h1,
|
||
|
h2 {
|
||
|
margin: 0;
|
||
|
}
|
||
|
|
||
|
#navigation {
|
||
|
position: absolute;
|
||
|
top: 208px;
|
||
|
left: 8px;
|
||
|
width: 14em;
|
||
|
}
|
||
|
|
||
|
.nav ul {
|
||
|
margin-top: 0;
|
||
|
}
|
||
|
|
||
|
#main {
|
||
|
margin-left: 200px;
|
||
|
clear: both;
|
||
|
padding: 1em;
|
||
|
}
|
||
|
|
||
|
#footer {
|
||
|
clear: both;
|
||
|
padding-left: 1em;
|
||
|
margin-left: 200px;
|
||
|
}
|
||
|
|
||
|
.monospaced {
|
||
|
font-family: "monospace";
|
||
|
}
|
||
|
|
||
|
/* stop header elements from pushing divs apart */
|
||
|
p,
|
||
|
h1,
|
||
|
h2 {
|
||
|
margin: 0;
|
||
|
padding-top: 0;
|
||
|
}
|
||
|
h3,
|
||
|
h4,
|
||
|
h5,
|
||
|
h6 {
|
||
|
margin: 0;
|
||
|
padding-top: 0.5em;
|
||
|
padding-bottom: 0.5em;
|
||
|
}
|
||
|
p {
|
||
|
padding-top: 0.5em;
|
||
|
padding-bottom: 0.5em;
|
||
|
}
|
||
|
|
||
|
/* some basics: a colour and font settings */
|
||
|
body {
|
||
|
background-color: #c6dcd1;
|
||
|
font-family: sans-serif;
|
||
|
font-size: small;
|
||
|
}
|
||
|
a {
|
||
|
color: #226;
|
||
|
text-decoration: none;
|
||
|
background: #efe;
|
||
|
}
|
||
|
a:active {
|
||
|
color: #000;
|
||
|
}
|
||
|
a:hover {
|
||
|
text-decoration: underline;
|
||
|
}
|
||
|
a:visited {
|
||
|
font-style: italic;
|
||
|
}
|
||
|
#navigation a {
|
||
|
background: none;
|
||
|
}
|
||
|
|
||
|
/* the header of the page will occupy the top 96 pixels and all of the
|
||
|
* width of the page. The site-title will be an image replacement and
|
||
|
* occupy virtually all of the space.
|
||
|
*
|
||
|
* The body has a gradient background which starts immediately below
|
||
|
* the header and tiles left-to-right
|
||
|
*/
|
||
|
#header {
|
||
|
background: #fff;
|
||
|
margin: -16px;
|
||
|
margin-bottom: 0;
|
||
|
height: 92px;
|
||
|
}
|
||
|
#header #site {
|
||
|
padding-top: 16px;
|
||
|
width: 351px;
|
||
|
height: 80px;
|
||
|
text-align: right;
|
||
|
color: #fff;
|
||
|
font-size: 0pt;
|
||
|
background: url(data:image/webp;base64,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
|
||
|
no-repeat 0% 50%;
|
||
|
width: 100%;
|
||
|
}
|
||
|
#header #forkme {
|
||
|
position: absolute;
|
||
|
margin: 0;
|
||
|
top: 0;
|
||
|
right: 0;
|
||
|
border: 0;
|
||
|
}
|
||
|
body {
|
||
|
background-image: url(data:image/webp;base64,UklGRnwAAABXRUJQVlA4TG8AAAAvP8APAJmM6H9sQiCQ4lAGeED6H6c41LSR5OgWzuF5/oQuTfmpIBCEkP8bXXBBQFD4P1qhyG3bJnu1Nyd/WLPpsV84KYWTaXyjwDcixyf4P3rjfyTj2/t/fNxZzb832k8Ev7vRP+753R38uH/Vn20A);
|
||
|
background-repeat: repeat-x;
|
||
|
background-position: 0px 92px;
|
||
|
}
|
||
|
|
||
|
/* the page title from the header will be moved down to form a 'tab'
|
||
|
* on top of the body area. Similarly, the h3 at the top of the
|
||
|
* contents div will be a tab.
|
||
|
*/
|
||
|
|
||
|
/* positioning */
|
||
|
#navigation {
|
||
|
top: 128px;
|
||
|
}
|
||
|
#header #page {
|
||
|
position: absolute;
|
||
|
top: 128px;
|
||
|
left: 200px;
|
||
|
margin-left: 16px;
|
||
|
}
|
||
|
/* style */
|
||
|
#header #page,
|
||
|
.nav h3 {
|
||
|
color: #fff;
|
||
|
background: #87ad9a; /*#00a;*/
|
||
|
border: 2px solid #497d63; /* #000;*/
|
||
|
border-bottom: none;
|
||
|
height: 24px;
|
||
|
|
||
|
font-weight: bold;
|
||
|
font-size: 11pt;
|
||
|
vertical-align: middle;
|
||
|
text-align: center;
|
||
|
padding-left: 1em;
|
||
|
padding-right: 1em;
|
||
|
}
|
||
|
.nav h3 {
|
||
|
width: 50%;
|
||
|
padding-top: 0;
|
||
|
padding-bottom: 0;
|
||
|
}
|
||
|
|
||
|
/* now need to push the main portion of the page down to fit below the
|
||
|
* tab title
|
||
|
*/
|
||
|
|
||
|
#main {
|
||
|
margin-top: 62px;
|
||
|
/* http://tantek.com/CSS/Examples/boxmodelhack.html */
|
||
|
voice-family: '"}"';
|
||
|
voice-family: inherit;
|
||
|
margin-top: 60px;
|
||
|
}
|
||
|
html > body #main {
|
||
|
margin-top: 62px;
|
||
|
}
|
||
|
|
||
|
.nav ul {
|
||
|
margin-left: 0;
|
||
|
padding-left: 0.5em;
|
||
|
padding-top: 0.5em;
|
||
|
padding-bottom: 0.5em;
|
||
|
}
|
||
|
.nav ul,
|
||
|
#main,
|
||
|
#footer,
|
||
|
.nav p {
|
||
|
background: #fff;
|
||
|
border: 2px solid #497d63;
|
||
|
}
|
||
|
|
||
|
.nav ul {
|
||
|
list-style: none;
|
||
|
}
|
||
|
.nav ul ul {
|
||
|
list-style: disc;
|
||
|
}
|
||
|
.nav ul ul {
|
||
|
border: none;
|
||
|
padding-top: 0;
|
||
|
margin-left: 2em;
|
||
|
padding-left: 0;
|
||
|
}
|
||
|
|
||
|
table {
|
||
|
width: 100%;
|
||
|
}
|
||
|
table,
|
||
|
th,
|
||
|
td,
|
||
|
tr {
|
||
|
margin: 0;
|
||
|
border-spacing: 0;
|
||
|
}
|
||
|
th {
|
||
|
text-align: center;
|
||
|
background: #87ad9a;
|
||
|
color: #fff;
|
||
|
}
|
||
|
td,
|
||
|
th {
|
||
|
border: solid 1px #497d63;
|
||
|
}
|
||
|
table {
|
||
|
border: solid 2px #497d63;
|
||
|
}
|
||
|
img {
|
||
|
margin: 1em;
|
||
|
}
|
||
|
a img {
|
||
|
border: 0;
|
||
|
}
|
||
|
</style>
|
||
|
</head>
|
||
|
<body class="article">
|
||
|
<div id="header">
|
||
|
<h1 id="site">Freedoom</h1>
|
||
|
<h2 id="page">{doctitle}</h2>
|
||
|
</div>
|
||
|
<div id="navigation">
|
||
|
<div id="contents" class="nav">
|
||
|
<h3>Links</h3>
|
||
|
<ul>
|
||
|
<li><a href="https://freedoom.github.io/">Freedoom Home Page</a></li>
|
||
|
<li>
|
||
|
<a href="https://github.com/freedoom/freedoom">
|
||
|
Freedoom Source Repository</a>
|
||
|
</li>
|
||
|
<li>
|
||
|
<a href="https://www.doomworld.com/forum/17-freedoom/">
|
||
|
Freedoom Forum</a>
|
||
|
</li>
|
||
|
<li><a href="https://discord.gg/9DA3fut">Discord Server</a></li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div id="main">
|
||
|
|
||
|
[footer]
|
||
|
</div>
|
||
|
</body>
|
||
|
</html>
|