/*
* .tab=4, .indent=4, .width=128
*
* Generic Article CSS
*
* Copyright (C) 2003, Nicholas Christopoulos. All rights reserved
* ---------------------------------------------------------------
*
* Classes
* ---------------------------------------------------------------
* .author - author name - span, p, div
* .pname - program/project name (ie BASIC) - span
* .group - group (ie GNU, Cygnus, HELLUG) - span
*
* .toc - table of contents - ol, ul
*
* .note - note - div, p
* .warning - warning box - div, p
* .attn - attention box - div, p
*
* .fnote - footnotes - div, cite, ol
*
* .example - terminal screen - pre (black on white with borders)
* .example - example - div, p (sans-serif, black on white with borders)
* .result - show results - div, p, pre
*
* .code - terminal screen/code - pre (black on light gray)
* .xterm - xterminal screen - pre (black on white)
* .term - terminal screen - pre (green on black)
* .screen - program output - pre same as example
*
* default table
* .symtable - table
*
* .bib - bibliography - div, p, dl, cite, code
* .link - links section - same as .bib
*
* q, blockquote, .quote
* - quoted text - div, blockquote, q, p, span, all
* .lq, .lsq
* - LaTeX double & sigle quotes
* - div, q, p, span, all
*
* .{v|b|}indent, .{v|b|}margin
* - indented text - div, p
*
* -+- Logical text classes -+-
* .key - keyboard key - span
*
* .cmd - CLI command (ie ls, cat) - span
* .opt - CLI command option (ie -F, --version) - span
* .env - environment variable (ie ${PATH}) - span
* .file - filename/directory - span
* .url - URL - span
* .email - e-mail - span
*
* .osterm - OS specific term (ie reiserfs, man-page) - span
* .hwterm - Hardware term (ie keyboard) - span
* .pterm - hacking/programming term (ie BNF, loop, garbage-collector) - span
* .plterm - computer language specific term (ie Variant, Collection) - span
* dfn - generic term - dfn
*
* .pname - program/project name (ie BASIC) - span
* .alg - algorithm/author name (ie Bresenham's, Fravia) - span
* .class - class - span
* .struct - structure - span
* .proc - procedure - span
* .func - function - span
* .parm - parameter (by value) - span
* .pbr - parameter by reference- span
* .var - variable (local) - span
* .gvar - global variable - span
* .mac - macro/preprocessor directive - span
* .inc - macro/include - span
*
* notes:
* 1. for with classes, prefer
instead of
because of IE bugs.
* 2.
<![CDATA[ is good but has problems on some browsers
*/
/* Greek */
@charset "ISO-8859-7";
html { quotes: '«' '»' }
HTML:lang(el) { quotes: '«' '»' }
/* NS4 bug */
pre, code { font-family: monospace; }
body {
margin-left: 6%;
margin-right: 6%;
font-family: sans-serif;
}
body p:first-letter {
font-size: 140%;
color: #806040;
}
img { margin: 1.6em; }
dt { font-weight: bold; }
dl.short { display: compact; }
dl.short dt { display: compact; }
dl.short dd { margin-left: 8em; }
/*
* headers
*/
h1,h2,h3,h4,h5,h6 { margin-left: -3% }
h1 { font: bold 220% sans-serif }
h2 { font: bold 180% sans-serif }
h3 { font: bold 150% sans-serif }
h4 { font: bold 110% sans-serif }
h5 { font: italic 100% sans-serif }
h6 { font: small-caps 100% sans-serif }
/*
* (T)able (O)f (C)ontents
*
* .toc - ol, ul
*/
ul.toc, .toc ul { list-style: none; }
ol.toc, .toc ol { }
ul.toc, ol.toc { font-size: 1.3em; margin-left: 0px; padding: 0px; }
.toc li { font-size: 90%; }
.toc li a { text-decoration: none; font-weight: bold; }
/*
* logical elements
*
* .lsq, .lq - LaTeX single & double quotes - span, div, p, all
*/
.lsq:before { content: "\2018"; } /* LaTeX single quotes */
.lsq:after { content: "\2019"; }
.lq:before { content: "\201C"; } /* LaTeX quotes */
.lq:after { content: "\201D"; }
em {
font-style: italic;
}
strong {
font-weight: bold;
}
acronym {
font-weight: bold;
color: #406080;
}
address {
font-style: italic;
color: #808080;
}
/*
* computer manual - logical elements
*/
samp:before, .kbd:before { font-family: serif; color: black; content: "\2018"; }
samp:before, .kbd:after { font-family: serif; color: black; content: "\2019"; }
kbd {
padding-left: 0.5em;
padding-right: 0.5em;
border: 1px solid #808080;
}
code {
font-weight: bold;
color: #000080;
}
.result code:before { content: ""; }
.result code:after { content: ""; }
.result code { font-family: monospace; color: black; }
var:before { font-family: serif; font-style: normal; font-size: 110%; color: #808080; content: "\2329"; }
var:after { font-family: serif; font-style: normal; font-size: 110%; color: #808080; content: "\232A"; }
var {
font-family: sans-serif;
color: #008080;
font-style: italic;
}
.result var:before { content: ""; }
.result var:after { content: ""; }
.result var { color: black; }
samp {
font-family: sans-serif;
font-style: italic;
}
samp.const:before { content: ""; }
samp.const:after { content: ""; }
samp.const {
font-family: sans-serif;
font-style: italic;
color: #800000;
}
.result samp:before { content: ""; }
.result samp:after { content: ""; }
.result samp { font-family: monospace; color: black; }
pre.xterm, pre.term, pre.screen, pre.code, pre.example, xmp {
padding: 1em;
white-space: pre;
font-family: monospace;
}
xmp, pre.code { color: green; font-weight: bold; background-color: #f0f0f0; }
pre.term { color: green; font-weight: bold; background-color: black; }
pre.xterm { color: black; background-color: white; }
pre.example, pre.screen {
color: black; background-color: white;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
}
div.example {
margin-left: 10%;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
padding: 4ex;
}
div.result, table.result, pre.result {
margin-left: 10%;
border: 1px dashed navy;
padding: 4ex;
}
.result h1, .result h2,
.result h3, .result h4 {
margin-left: 0;
}
p.result:first-letter {
font-size: 1em;
color: #000000;
}
.key {
border: 1px solid black;
font-family: monospace;
font-weight: bold;
}
/* Common & CLI */
.pname
{ font-family: monospace; font-style: italic; font-weight: bold; }
.cmd
{ font-family: monospace; font-weight: bold; }
.opt
{ font-family: sans-serif; font-style: italic; }
.env
{ font-family: sans-serif; font-style: italic; color: #b0b000; } /* yellow almost dark */
.file, .url, .email
{ font-family: monospace; font-weight: bold; }
/* terms */
dfn
{ font-style: italic; font-weight: bold; }
.osterm, .hwterm
{ font-family: sans-serif; font-weight: bold; font-style: italic; }
.hwterm { font-variant: small-caps; }
.pterm
{ font-family: sans-serif; font-weight: bold; font-style: italic; color: #004080; }
.plterm
{ font-family: sans-serif; font-weight: normal; font-style: italic; color: #004080; }
/* programming */
.alg:before { content: "\201C"; } /* LaTeX quotes */
.alg:after { content: "\201D"; }
.alg
{ font-family: sans-serif; font-weight: bold; font-style: italic; color: black; }
.class
{ font-family: sans-serif; font-weight: bold; font-style: italic; color: #804000; }
.struct
{ font-family: sans-serif; font-weight: bold; font-style: italic; color: #808000; }
.proc, .func
{ font-family: sans-serif; font-weight: bold; color: #004080; }
.parm:before, .pbr:before
{ font-family: serif; font-style: normal; font-size: 110%; color: #a0a0a0; content: "\2329"; }
.parm:after, .pbr:after
{ font-family: serif; font-style: normal; font-size: 110%; color: #a0a0a0; content: "\232A"; }
.parm
{ font-family: sans-serif; font-weight: bold; color: #000080; }
.pbr
{ font-family: sans-serif; font-weight: bold; color: #800080; }
.var
{ font-family: sans-serif; font-weight: bold; color: #008000; }
.gvar
{ font-family: sans-serif; font-weight: bold; color: #008080; }
.mac
{ font-family: sans-serif; font-weight: bold; color: #800000; }
.inc
{ font-family: sans-serif; font-weight: bold; color: #808000; }
/*
* indented blocks
*
* .indent - left margined - div
* .margin - left-right margined - div
* .vindent - top margined - div
* .vmargin - top-bottom margined - div
* .bindent - top-left - div
* .bmargin - top-left-bottom-right - div
*
* note: according to W3C blockquote is an *invalid* method to be used for indented text
*/
.indent {
margin-left: 40px;
}
.margin {
margin-left: 40px;
margin-right: 40px;
}
.vindent {
margin-top: 20px;
}
.vmargin {
margin-top: 20px;
margin-bottom: 20px;
}
.bindent {
margin-left: 40px;
margin-top: 20px;
}
.bmargin {
margin-left: 40px;
margin-right: 40px;
margin-top: 20px;
margin-bottom: 20px;
}
/*
* author
*/
.author {
font-size: 0.92em;
font-style: italic;
/* text-align: right; */
}
/*
* quotes
*
* q greek quotes
* blockquote indented text with quotes
*
* span.quote like <q> with italic/serif
* div.quote like <blockquote> with italic/serif
*/
.quote:before, q:before, blockquote:before { content: "«"; }
.quote:after, q:after, blockquote:after { content: "»"; }
/* Αυτός είναι ο σωστός τρόπος αλλά προυποθέτει ότι έχουμε και σωστό browser
blockquote:before { content: open-quote; }
blockquote:after { content: close-quote; }
*/
.quote {
font-family: serif;
font-style: italic;
}
blockquote {
border-top: 1px solid #808080;
border-bottom: 1px solid #808080;
padding: 1ex;
}
div.quote, p.quote, blockquote.quote {
margin-left: 4%;
margin-right: 4%;
padding: 2ex;
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
margin-top: 1ex;
margin-bottom: 1ex;
}
/*
* notes & footnotes
*
* div.note notes paragraph/division
* div.warning red text enclosed in box
* div.attn bold black text enclosed in box
* div.fnote block of footnotes (use <ol> inside)
* cite, cite.fnote reference to footnote (use bibliography for other)
*/
div.note, p.note {
border-top: 1px solid #d0d0d0;
color: #808080;
margin-top: 1ex;
margin-bottom: 1ex;
padding-left: 6em;
font-size: 92%;
}
div.note:before, p.note:before {
text-align: left;
width: 6em;
}
div.warning, p.warning {
border: 1px solid red;
font-size: 96%;
color: #f06020;
font-weight: bold;
margin-left: 10%;
margin-right: 10%;
margin-top: 1ex;
margin-bottom: 1ex;
padding: 2ex;
}
div.attn, p.attn {
border: 1px solid black;
font-weight: bold;
margin-left: 10%;
margin-right: 10%;
margin-top: 1ex;
margin-bottom: 1ex;
padding: 2ex;
}
div.fnote {
margin: 0px;
margin-top: 1ex;
padding: 0px;
border-top: 1px solid #606060;
color: #808080;
font-size: 80%;
}
div.fnote li {
margin: 0.05ex;
padding: 0ex;
}
div.fnote ol {
margin-top: 0ex;
margin-left: 0em;
padding-top: 0ex;
padding-left: 2em;
}
cite, cite.fnote {
font-weight: normal;
font-style: normal;
font-size: 66%;
color: #20f040;
vertical-align: text-top;
}
.result cite {
font-size: 1em;
color: black;
font-style: italic;
vertical-align: baseline;
}
/*
* Tables
*/
table {
border-spacing: 1px;
}
caption {
font-family: sans-serif;
font-style: italic;
}
td, .symtable td {
background-color: #f0f0f0;
}
th, .symtable th {
background-color: #406080;
color: #fcfcfc;
}
.colorTable {
font-size: 0.8em;
}
/*
* compact list (table)
*/
table.clist, table.explist
{ border-spacing: 1px; }
table.clist th, table.explist th,
table.clist td, table.explist td
{ padding: 0.25ex 0.5em 0.25ex 0.5em; background-color: transparent; color: black; }
table.clist th { text-align: left; }
table.explist th { text-align: right; }
/*
* bibliography & links division
*
* .link - link section - div, dl, p
* .link code - link number/code - code inside of {div|p|dl}.link
* cite.link - reference - cite
*
* .bib - bibliography - div, dl, p
* .bib code - number/code - code inside of {div|p|dl}.bib
* cite.bib - reference - cite
*
* use p for one element
* use div for list of p
* use dl for list
* use cite for reference
*/
p.link, div.link p {
font-style: italic;
margin-left: 3em;
text-indent: -3em;
}
p.link, div.link a {
color: blue;
text-decoration: underline;
font-weight: bold;
}
p.bib, div.bib p {
font-style: italic;
margin-left: 3em;
text-indent: -3em;
}
p.bib a, div.bib a {
color: #204060;
text-decoration: none;
font-weight: bold;
}
p.bib:first-line, div.bib p:first-line {
color: #707000;
font-weight: bold;
font-family: sans-serif;
font-size: 1.1em;
}
.bib code:before, div.bib code:before,
.link code:before, div.link code:before,
dl.link code:before, dl.bib code:before
{ font: 120% sans-serif; content: "["; }
.bib code:after, div.bib code:after,
.link code:after, div.link code:after,
dl.link code:after, dl.bib code:after
{ font: 120% sans-serif; content: "]"; }
.bib code, div.bib code,
.link code, div.link code,
dl.link code, dl.bib code
{ font: lighter 100% sans-serif; vertical-align: center; }
/* alternate syntax - DL */
dl.link dt, dl.bib dt { margin-top: 2ex; font-style: italic; font-weight: bold; }
dl.link dt a, dl.bib dt a { font-style: italic; font-weight: bold; }
dl.link dd, dl.bib dd { font-style: italic; }
dl.link dt a { color: blue; text-decoration: underline; }
dl.bib dt { font-size: 1.1em; }
dl.bib dt a { color: #204060; text-decoration: none; }
/* CITE */
cite.link:before, cite.bib:before
{ color: black; font: 120% sans-serif; content: "["; }
cite.link:after, cite.bib:after
{ color: black; font: 120% sans-serif; content: "]"; }
cite.bib { font: lighter 100% sans-serif; vertical-align: center; color: #00ff00; }
cite.link { font: lighter 100% sans-serif; vertical-align: center; color: #0000ff; }
/*
* publications
*/
dl.pub dt:before { content: "«"; }
dl.pub dt:after { content: "»"; }
dl.pub dt { margin-top: 2ex; font-family: serif; font-style: italic; font-weight: normal; font-size: 1.1em; }
dl.pub dt a { font-style: italic; font-weight: normal; }
dl.pub dd { font-style: italic; }
/*
* Λίστα διεθύνσεων
*/
dl.addr dt { font-family: sans-serif; font-weight: bold; margin-top: 2ex; margin-bottom: 0.5ex; font-size: 1.1em; }
dl.addr #titles { font-family: sans-serif; font-style: normal; }
dl.addr #addr { font-family: sans-serif; font-style: italic; }
dl.addr #tel:before { font-family: sans-serif; font-weight: bold; content: "Τηλέφωνα: "; }
dl.addr #tel { font-family: sans-serif; font-style: normal; color: #606080; }
dl.addr #email:before { font-family: sans-serif; font-weight: bold; content: "e-mail: "; }
dl.addr #email { font-family: monospace; color: #606080; }
/*
* --- FINISH ---
*/
/* IE 5-6 bug & fix */
* html { font-size: 11px; font-family: verdana; }
* html li { font-size: 11px; font-family: verdana; }
* html td { font-size: 11px; font-family: verdana; }
* html th { font-size: 11px; font-family: verdana; }
* html caption { font-size: 11px; font-family: verdana; }
* html body { font-size: 11px; font-family: verdana; }
]]>