/* Convention used in this style sheet:
* - UPPERCASE selectors are elements defined in HTML standard,
* - lowercase selectors are either custom-defined elements
* or class attributes (prefixed with a dot)
*
* Custom defined elements are extensions to HTML 5 to better
* markup text in a semantically meaningful way (to avoid the
* pain to ad several class attributes to "standard" elements).
* Unfortunately, these extensions cannot be advertised since
* HTML 5 does not accept a DTD declaration and also an existing
* DTD cannot receive document-only extensions (i.e. DTD must
* fully be rewritten).
*/
@import "LXRheadfoot.css";
/************************
* Define font families *
************************/
/* Common usage */
.classics
, *
{ font-family: /*Baskerville,*/ FreeSerif, 'DejaVu Serif'
, Times, 'Times New Roman', serif
}
/* Captioning */
.gothics
, .pageheader
, .navbar
, .navbar .here
, BUTTON
, pagetitle
, H1, H2, H3, H4, H5, H6
, UL, OL, LI
{ font-family: /*"Gill Sans",*/ FreeSans, "DejaVu Sans"
, Helvetica, Arial, sans-serif
}
/* Code */
CODE
, KBD
, PRE
, shell
, example
{ font-family: /*FreeMono,*/ "DejaVu Sans Mono", Courier, monospace
; font-size: 10pt
}
A
, SPAN
{ font-family: inherit
}
/*********************
* Graphical effects *
*********************/
.boxed
{ border: solid #BDA /*was fuchsia or magenta*/
; background-color: #EFD
; padding : 6pt 1em
}
.indent
, .note
, .tip
{ margin: 12pt 0 12pt 1cm
}
.dropcaps
{ float: left
; margin: 1pt 6pt 0 0
; font-size: 26pt
}
@media screen and (min-width: 800px) {
.multi
{ -moz-column-count: 3
; -moz-column-fill: balance
; -moz-column-gap: 2em
; -webkit-column-count: 3
; -webkit-column-fill: balance
; -webkit-column-gap: 2em
; column-count: 3
; column-fill: balance
; column-gap: 2em
}
}
/************************
* Button look-and-feel *
************************/
BUTTON
{ background-color: #DDDDDD
; border-radius: 6pt
; border-width: 2pt
; padding: 3pt
; margin: 2pt
}
NAV.navbuttons
{ display: table
; width: 100%
}
.navbuttons > DIV
{ padding: 0pt 50pt
; display: table-cell
}
.navbuttons DIV.prev
{ width: 33%
; text-align: left
}
.navbuttons DIV.index
{ width: 33%
; text-align: center
}
.navbuttons DIV.next
{ width: 33%
; text-align: right
}
/***************
* Text styles *
***************/
UL.indent
{ list-style-type: circle
}
LI > DIV
{ margin-left: 0pt
; margin-top: 2pt
}
LI
{ margin: 6pt 0 3pt 0
}
UL.version > LI
, DIV.version
{ border: 2pt solid #ADF /*was aqua or cyan*/
; padding: 0 6pt
; margin-right: 6pt
}
P
, DIV
{ margin: 6pt 0cm 6pt 0
}
.caution
, .comment
, .error
, .fatal
{ font-style: italic
/* ; font-size: 80% */
}
.caution
, .error
, .fatal
{ color: red
}
.error
, .fatal
{ font-variant: small-caps
}
.fatal
{ text-decoration: blink
}
.caution
, .comment
{ margin: 0 1cm
}
/* enable inline usage without messing up block margins */
SPAN.caution
, SPAN.comment
{ margin: 0
}
EM
{ font-family: inherit
}
EM.defn
{ font-weight: bold
; padding: 0 3pt
; border: 2pt solid blue
}
MARK
{ font-style: italic
; padding: 0 3pt
; background-color: #DDEEFF
}
.comment EM
, .caution EM
{ font-style: normal /* toggle italic style */
}
.note EM
{ color: gray
}
.tip EM
{ color: navy
}
/****************
* LXR elements *
****************/
/* These HTML extensions mimic LibreOffice paragraph styles
* to give a common look-and-feel to LXR documentation
* and web site. However, they do not achieve the desired
* effect per se; they require the present CSS stylesheet.
* They also simplify site redaction with the intending
* semantic tagging: in principle, they remove the need
* for class= attributes because you no longer use "neutral"
* or
elements but the specific ones defined here.
*
* Fonts are omitted from the definitions so that they can
* be changed globally from a single location at the top of
* this style sheet
*/
comment
{ display: block
; font-style: italic
; margin: 0 1cm
}
comment EM
{ font-style: normal /* toggle italic style */
}
important
{ display: block
; margin: 12pt 0 12pt 1cm
; padding: 6pt 1cm
; border: solid red
; background-color: #FFE8E0 /* not in LO */
}
important STRONG
{ color: red
; font-weight: bold
; font-style: italic /* not in LO */
}
/*****************
* Code examples *
*****************/
shell
{ display: block
; color: #DDD
; font-style: normal
; font-size: 10pt
; font-weight: bold
; margin: 6pt 1cm
; padding: 0.5em
; background-color: black
; border: 1pt solid lime
; white-space: pre
}
red
{ color: #F42
; font-family: inherit
}
yellow
{ color: #FF0
; font-family: inherit
}
green
{ color: #0F0
; font-family: inherit
}
white
{ color: #FFF
; font-family: inherit
}
example
{ display: block
; font-style: normal
; font-size: 10pt
; margin: 6pt 1cm
; padding: 0.5em
/* ; background-color: #DDDDDD */
; background-image: url("/backstore5/printout.png")
; background-position: left 10px
; border: 1pt dashed green
; white-space: pre
}
PRE
{ font-style: normal
; font-size: 10pt
; margin: 6pt 1cm
; padding: 0.5em
}
PRE.defn
{ background-color: #DDDDDD
; border: 2pt solid navy
; margin: 0.5cm 5cm 0.5cm 3cm
; text-align: center
}
CODE
{ font-style: normal
}
KBD
{ font-style: italic
; color: white
; background-color: #888
}
KBD EM
{ font-style: normal
}
.check
{ color: white
/* If blinking marker is annoying, just comment out
* following lines (add a space between * and / in next line)
*/
; animation-name: blinker
; animation-duration: 1s
; animation-timing-function: step-end
; animation-iteration-count: infinite
/* End of blink directives section
*/
}
/* This @-rule can be kept even if blink section is commented out
*/
@keyframes blinker
{ 75% { opacity: 0.0 }
}
.decheck
{ background-color: #555
; border-bottom: solid #CCC thin
}
/********************
* Navigation links *
********************/
.navbar
{ border: 2pt solid green
; background-color: #DDDDDD
; margin: 5pt
; padding: 10pt 5pt
; vertical-align: top
; font-size: 10pt
; position: fixed
; top: 160px
; left: 0
/* set width in individual files to cope with language word sizes */
}
@media screen and (max-device-height: 599px) {
.navbar
{ top: 100px
}
}
NAV.navbar H1
{ font-weight: bold
; font-size: 14pt
; margin: 0 0 12pt 0
; background-color: white
; border: none
; text-align: center
}
.navbar A
{ font-weight: normal
}
.navbar .here
{ background-color: #AAFFAA
; margin: 0
}
/*****************************
* Version variant selection *
*****************************/
/*FORM*/.version-select
{ border: solid gray 1pt
; margin: 1em
; padding: 0.5em
; text-align: center
}
.variant-select
{ margin: 0.5em
; padding: 0.5em
}
.variant-group
{ border: 2pt solid #ADF
; padding: 0.5em
; margin: 0 0.25em
; font-style: italic
}
.variant-group LABEL
, .variant-group A
{ font-style: normal
}
.variant-group
{ background-color: #EEE
; color: gray
}
UL.version > LI::first-line
, .variant-group.checked
{ background-color: #CCC
; color: inherit
}
/********************
* Cell-like layout *
********************/
.flush-left
{ float: left
; margin: 0.2cm 1cm 0cm 0cm
}
/*********************
* Outline styles
*********************/
pagetitle
{ display: block
; text-align: center
; margin: 18pt 0 6pt 0
; padding: 3pt
; font-size: 24pt
; font-weight: bold
; font-style: italic
; color: purple
}
H1, H2, H3, H4, H5, H6
{ text-align: left
; margin: 1em 0 0.5em 0
; padding: 3pt
; color: purple
}
HEADER H1
{ text-align: center
}
H2
{ font-size: 22pt
; border-top: 2pt solid black
; border-bottom: 2pt solid black
; background-color: #E8E8E8
; margin: 1.2em 0 0.8em 0
}
H3
{ font-size: 18pt
; background-color: white
; padding: 0
}
H4
{ font-size: 16pt
}
H5
{ font-size: 14pt
}
H6
{ font-size: 12pt
}
ASIDE
{ border-radius: 12pt 12pt
; box-shadow: rgba(0,0,255,0.3) 5px 5px
}
DL
{ list-style-type: disc
}
DT
{ display: list-item
; margin-top: 10pt
}
DD
{ background-color: #ffffcc
; padding: 1em
}