assets/css/{{help,nitelite}.css,html/help.html}: clean up & correct {CSS,HTML}.

This commit is contained in:
Lucio Andrés Illanes Albornoz 2018-11-25 11:12:15 +01:00
parent 87ab2ddeda
commit 795b0a9813
3 changed files with 89 additions and 160 deletions

42
assets/css/help.css Normal file
View File

@ -0,0 +1,42 @@
body {
background: #000000;
background-image: url('../images/tile.jpg');
color: rgb(255,255,0);
font-family: times new roman;
font-family: 'FixedsysExcelsior301Regular';
font-size: 16pt;
}
div#box {
background: rgba(0,0,100,0.5);
border: 3px solid #0000ff;
border-spacing: 0px;
color: #00ffff!important;
display: inline-block;
font-size: 20px;
font-size: 12pt!important;
margin: 10px 0;
padding: 10px;
}
div#box_wrapper {
margin: 0 auto;
width: 50%;
}
h1 {
color: #ff00ff!important;
font-size: 42px;
margin-bottom: 15px;
}
h2 {
color: #00ffff!important;
margin-bottom: 15px;
margin-top: 15px;
}
p {
color: white;
}
pre {
color: white;
}

View File

@ -1,119 +0,0 @@
.h1 { font-size: 32px }
.h2 { font-size: 24px }
.h3 { font-size: 18.72px }
.h4 { font-size: 16px }
.h5 { font-size: 13.28px }
.h6 { font-size: 10.72px }
[class^=h] {
font-weight: bold;
display:block;
margin-top:8px;
margin-bottom:8px;
}
body {
background:#000;
background-image:url('../images/tile.jpg');
font-size:16pt;
font-family:times new roman;
color:rgb(255,255,0);
}
i {
color:#0f0!important;
}
a:link {
color:rgb(0,255,255);
}
a:visited {
color:#00f;
}
a:active {
color:#fff;
}
.code {
white-space:pre-wrap;
background: rgba(128,0,128,.3);
color: rgb(255,0,255);
font-size: 16pt;
font-family: Consolas, Menlo, Courier, monospace;
}
.inline {
padding: 1px 4px;
}
.block {
padding:12px 16px;
border-width: 0 0 0 5px;
border-style: solid;
border-color:#0f0;
}
table {
border-spacing: 0px;
border:3px solid #00f;
margin:10px 0;
font-size:20px;
color:#0ff!important;
font-size:12pt!important;
}
td {
padding: 6px 9px;
border:2px solid #00f
}
h1 {
font-size:42px;
margin-bottom:15px;
color:#f0f!important
}
h2 {
color:#0ff!important;
margin-top:15px;
margin-bottom:15px;
}
h3 {
color:#f00!important
}
h4 {
color:#0f0!important
}
h5 {
color:#00f!important
}
a:visited i {
color:#00f!important;
}
a i {
color:#f0f!important
}
a:active i {
color:#ff0!important
}
/*
.logo {
background:url('https://jollo.org/assets/images/logo/rebomine_logo.gif');
width:255px;
height:107px;
float:right;
}
*/

View File

@ -1,46 +1,52 @@
<!-- https://raw.githubusercontent.com/lalbornoz/asciiblaster/master/LICENCE -->
<meta charset="UTF-8">
<link rel="stylesheet" href="../css/sally.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="../css/ak.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="../css/nitelite.css" type="text/css" charset="utf-8" />
<style>
body { font-family: 'FixedsysExcelsior301Regular'; }
a:nth-of-type(2n+1), a { color: #0f0; }
a:nth-of-type(2n+2), a { color: #ff0; }
</style>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<!-- {{{ HEAD -->
<head>
<link charset="utf-8" href="../css/help.css" rel="stylesheet" type="text/css" />
<meta http-equiv="X-UA-Compatible" content="IE=EDGE" />
<title>asciiblaster v1.0.6 documentation</title>
</head>
<!-- }}} -->
<!-- {{{ BODY -->
<body>
<div id="box_wrapper">
<div id="box">
<h1>asciiblaster documentation</h1>
<p>
These are some handy documents which address some of the more obscure features of asciiblaster:
</p>
<br><br>
<center>
<h2>Tips on using the keyboard</h2>
<pre>
[ Decrease brush size
] Increase brush size
&lt;Alt&gt; + &lt;LMB&gt; on canvas Fill brush with sampled color
&lt;Alt&gt; + &lt;Shift&gt; + &lt;LMB&gt; on canvas Copy canvas to brush
&lt;Ctrl&gt; + &lt;LMB&gt; on brush Erase cell
&lt;Ctrl&gt; + &lt;LMB&gt; on canvas Draw with background color
&lt;Shift&gt; + &lt;LMB&gt; on canvas Draw line from last position
&lt;Shift&gt; + &lt;LMB&gt; on character box Switch to next character set
&lt;Shift&gt; + &lt;LMB&gt; on stored brush Delete stored brush
&lt;RMB&gt; on palette Set background color (when drawing with a letter)
</pre>
<table border=35 cellpadding=10>
<tr><td style="background: rgba(0,0,100,0.5)">
<h1>asciiblaster documentation</h1>
<span style="white-space: pre; color: white;">
These are some handy documents which address some of the more obscure features of asciiblaster:
<h2>Tips on using the keyboard</h2>
<pre>
[ Decrease brush size
] Increase brush size
&lt;Alt&gt; + &lt;LMB&gt; on canvas Fill brush with sampled color
&lt;Alt&gt; + &lt;Shift&gt; + &lt;LMB&gt; on canvas Copy canvas to brush
&lt;Ctrl&gt; + &lt;LMB&gt; on brush Erase cell
&lt;Ctrl&gt; + &lt;LMB&gt; on canvas Draw with background color
&lt;Shift&gt; + &lt;LMB&gt; on canvas Draw line from last position
&lt;Shift&gt; + &lt;LMB&gt; on character box Switch to next character set
&lt;Shift&gt; + &lt;LMB&gt; on stored brush Delete stored brush
&lt;RMB&gt; on palette Set background color (when drawing with a letter)
</pre>
<h2>Notate bene</h2>
Characters not forming part of the initial set in the character box beneath the colour palette
encode to, assuming UTF-8, 2-3 bytes in total vs. one (1) byte for those part of the initial
set (e.g. 0-9, A-Z, a-z, etc.)
Repeating patterns of alternating back- and foreground colours, and vice versa, are encoded
using a single (1) byte in mIRC format (video reverse) and as such save space, especially
with large numbers of repetitions or alternations.
<h2>Notate bene</h2>
<p>
Characters not forming part of the initial set in the character box beneath the colour palette
encode to, assuming UTF-8, 2-3 bytes in total vs. one (1) byte for those part of the initial
set (e.g. 0-9, A-Z, a-z, etc.)<br />
<br />
Repeating patterns of alternating back- and foreground colours, and vice versa, are encoded
using a single (1) byte in mIRC format (video reverse) and as such save space, especially
with large numbers of repetitions or alternations.
</p>
</div>
</div>
</body>
<!-- }}} -->
</html>
<!--
vim:ts=2 sw=2 expandtab fenc=utf-8 foldmethod=marker nowrap tw=0