Files
klammertext/sks/target/css/target.css
Andy Kopra d61336b191 Escaping, table layout, and document fixes
Quoted Klammertext specials (^@ ^| ^# ^^ ^: ^*) and ^'...'^ regions now
survive re-processing (held as escape markers until final output);
:after_apply phase functions receive and return raw target text.

Tables: :hpos element position (center|left|right|<length>) replaces the
unimplemented :center/:indent; the ranged cell override is renamed
:justify; :column_width works in html (colgroup widths) and gains
'fill' -- the remaining width, capped at the column's widest entry, in
both targets; a table wider than the text column warns on the console;
table edges without an outer line set their text flush on the margins.

@document: no empty title bar for untitled documents; @vfill fills to
the bottom of the window in html (pure CSS); @vspace in plain text;
new @dot klammer; monospace email links.
2026-07-25 21:16:21 +02:00

174 lines
2.5 KiB
CSS

.unpad {
padding: 0px;
margin: 0px;
}
.rborder {
border-right: 1px;
border-color: black;
}
.outline {
border: solid black 1px;
padding: .5em 1em;
vertical-align: middle;
}
.center {
display: flex;
justify-content: center;
}
/* -------------------------------------------------------------------------------- */
.bgap {
margin-bottom: .5rem;
}
.tgap {
margin-top: .5rem;
}
.lgap {
margin-left: .5rem;
margin-right: 1rem;
/* font-style: normal;*/
text-align: left;
}
.rgap {
margin-left: 1rem;
margin-right: .5rem;
/*font-style: normal;*/
text-align: left;
}
/*
.mno {
margin-top: 1rem;
margin-bottom: 1.5rem;
padding-top: .5rem;
}
*/
.mbot {
margin-top: .75rem;
margin-bottom: .5rem;
padding-top: .5rem;
}
.mtop {
margin-top: .5rem;
margin-bottom: 1.5rem;
}
/*
.ebot {
margin-bottom: 1.5rem;
margin-top: 1.5rem;
}
*/
.caption {
line-height: 1.3;
/* text-align: center; */
}
.caption_text {
text-align: center;
/* padding-left: 15px;
padding-right: 15px;
*/
line-height: 1.2;
margin-top: .5rem;
}
.caption_bottom {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.caption_bottom .caption {
font-style: italic;
text-align: center;
}
.caption_top {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.caption_top .caption {
font-style: italic;
}
.caption_left {
display: inline-flex;
flex-direction: row;
align-items: center;
margin: .75rem 0 .75rem 0;
}
.caption_right {
display: inline-flex;
flex-direction: row;
align-items: center;
margin: .75rem 0 .75rem 0;
}
.element_container {
display: flex;
justify-content: center;
}
.element_left {
display: inline-block;
}
.wraparound {
display: inline;
}
.hpos_left {
display: flex;
flex-direction: row;
align-items: center;
justify-content: left;
}
.hpos_center {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.hpos_right {
display: flex;
flex-direction: row;
align-items: center;
justify-content: right;
}
.hpos_none {
display: inline-flex;
}
/* A length :hpos; the margin-left comes as an inline style. */
.hpos_indent {
display: flex;
flex-direction: row;
align-items: center;
justify-content: left;
}
.hpos_margin {
margin: 0 1em 0 1em;
}