mirror of
https://github.com/lalbornoz/roar.git
synced 2024-11-22 23:36:36 +00:00
assets/css/{{help,nitelite}.css,html/help.html}: clean up & correct {CSS,HTML}.
This commit is contained in:
Lucio Andrés Illanes Albornoz
parent
87ab2ddeda
commit
795b0a9813
42
assets/css/help.css
Normal file
42
assets/css/help.css
Normal 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;
|
||||||
|
}
|
||||||
@ -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;
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
@ -1,46 +1,52 @@
|
|||||||
<!-- https://raw.githubusercontent.com/lalbornoz/asciiblaster/master/LICENCE -->
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
<meta charset="UTF-8">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||||
<link rel="stylesheet" href="../css/sally.css" type="text/css" charset="utf-8" />
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
<link rel="stylesheet" href="../css/ak.css" type="text/css" charset="utf-8" />
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||||
<link rel="stylesheet" href="../css/nitelite.css" type="text/css" charset="utf-8" />
|
<!-- {{{ HEAD -->
|
||||||
<style>
|
<head>
|
||||||
body { font-family: 'FixedsysExcelsior301Regular'; }
|
<link charset="utf-8" href="../css/help.css" rel="stylesheet" type="text/css" />
|
||||||
a:nth-of-type(2n+1), a { color: #0f0; }
|
<meta http-equiv="X-UA-Compatible" content="IE=EDGE" />
|
||||||
a:nth-of-type(2n+2), a { color: #ff0; }
|
<title>asciiblaster v1.0.6 documentation</title>
|
||||||
</style>
|
</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>
|
<h2>Tips on using the keyboard</h2>
|
||||||
<center>
|
<pre>
|
||||||
|
[ Decrease brush size
|
||||||
|
] Increase brush size
|
||||||
|
<Alt> + <LMB> on canvas Fill brush with sampled color
|
||||||
|
<Alt> + <Shift> + <LMB> on canvas Copy canvas to brush
|
||||||
|
<Ctrl> + <LMB> on brush Erase cell
|
||||||
|
<Ctrl> + <LMB> on canvas Draw with background color
|
||||||
|
<Shift> + <LMB> on canvas Draw line from last position
|
||||||
|
<Shift> + <LMB> on character box Switch to next character set
|
||||||
|
<Shift> + <LMB> on stored brush Delete stored brush
|
||||||
|
<RMB> on palette Set background color (when drawing with a letter)
|
||||||
|
</pre>
|
||||||
|
|
||||||
<table border=35 cellpadding=10>
|
<h2>Notate bene</h2>
|
||||||
<tr><td style="background: rgba(0,0,100,0.5)">
|
<p>
|
||||||
<h1>asciiblaster documentation</h1>
|
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
|
||||||
<span style="white-space: pre; color: white;">
|
set (e.g. 0-9, A-Z, a-z, etc.)<br />
|
||||||
These are some handy documents which address some of the more obscure features of asciiblaster:
|
<br />
|
||||||
|
Repeating patterns of alternating back- and foreground colours, and vice versa, are encoded
|
||||||
<h2>Tips on using the keyboard</h2>
|
using a single (1) byte in mIRC format (video reverse) and as such save space, especially
|
||||||
<pre>
|
with large numbers of repetitions or alternations.
|
||||||
[ Decrease brush size
|
</p>
|
||||||
] Increase brush size
|
</div>
|
||||||
<Alt> + <LMB> on canvas Fill brush with sampled color
|
</div>
|
||||||
<Alt> + <Shift> + <LMB> on canvas Copy canvas to brush
|
</body>
|
||||||
<Ctrl> + <LMB> on brush Erase cell
|
<!-- }}} -->
|
||||||
<Ctrl> + <LMB> on canvas Draw with background color
|
</html>
|
||||||
<Shift> + <LMB> on canvas Draw line from last position
|
|
||||||
<Shift> + <LMB> on character box Switch to next character set
|
|
||||||
<Shift> + <LMB> on stored brush Delete stored brush
|
|
||||||
<RMB> 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.
|
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
vim:ts=2 sw=2 expandtab fenc=utf-8 foldmethod=marker nowrap tw=0
|
vim:ts=2 sw=2 expandtab fenc=utf-8 foldmethod=marker nowrap tw=0
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user