UnfoldingCSS:Naniandfriends: Difference between revisions

From titipi
Jump to navigation Jump to search
No edit summary
Tag: Reverted
(Blanked the page)
Tags: Blanking Manual revert Reverted
Line 1: Line 1:
:root {


/* ************* C O N T E N T ************ */
    --PUB-title: 'PUB Title';
    --PUB-collective: 'Naniandfriends';
    --PUB-year: '2024';
/* ************* F O N T S **************** */
    --title-font: Serif;
    --body-font: Sans-serif;
    --code-font: Monospace;
    --quote-font: Serif;
    --footnote-font: Sanserif;
    --page-number-font: Monospace;
    --h1-font-size: 30pt;
    --h2-font-size: 24pt;
    --h3-font-size: 18pt;
    --p-font-size: 12pt;
   
/* ************* C O L O R **************** */
    --color-paper: white;
    --text-color: black;
    --highlight-color: Olive;
    --sparkling-color: LightCoral;
}
/* -------------- P A G E - S T Y L E ------------  */
@page {
/* Choose the size of the publication: A4, A5, A6 or "size: 12cm 5cm;", etc. */
    size: A4;
    margin-top: 15mm;
    margin-bottom: 15mm;
}
@page:first{
    @right-middle {
        content: none;
    }   
    @right-top {
        content: none;
    }
}
@page:right {
    margin-left: 35mm;
    margin-right: 20mm;
    @right-middle {
        color: var(--sparkling-color);
        content: counter(page);
        font-family: var(--page-number-font);
    }   
    @right-top {
        color: var(--text-color);
        content: var(--PUB-title);
        font-family: var(--code-font);
        margin-right: 0.8cm;
        writing-mode: vertical-rl;
        text-orientation: mixed;
    }
}
@page:left {
    margin-right: 35mm;
    margin-left: 20mm;
    @left-middle {
        color: var(--sparkling-color);
        content: counter(page);
        font-family: var(--page-number-font);
    }   
    @left-top {
        color: var(--text-color);
        content: var(--PUB-title);
        font-family: var(--code-font);
        margin-right: 0.8cm;
        writing-mode: vertical-rl;
        text-orientation: mixed;
    }
}
.pagedjs_sheet {
    box-shadow: -5px 5px 12px 0px var(--color-pageSheet);
}
body{
    background-color: var(--color-paper);
}
/* -------------- P A G E - S T Y L E - E N D S -----------  */
/* -------------- T E X T - S T Y L E ---------------------  */
h1{
    color: var(--highlight-color);
    font-family: var(--title-font);
    font-size: var(--h1-font-size);
    line-height: calc(var(--h1-font-size) + 1.5pt);
    text-wrap: pretty;
}
h2{
    color: var(--highlight-color);
    font-family: var(--title-font);
    font-size: var(--h2-font-size);
    line-height: calc(var(--h2-font-size) + 1.5pt);
    text-wrap: pretty;
}
h3{
    color: var(--highlight-color);
    font-family: var(--title-font);
    font-size: var(--h3-font-size);
    line-height: calc(var(--h3-font-size) + 1.5pt);
    text-wrap: pretty;
}
b{
    color: var(--sparkling-color);
}
p{
    color: var(--text-color);
    font-family: var(--body-font);
    font-size: var(--p-font-size);
    line-height: calc(var(--p-font-size) + 2pt);
    text-indent: calc(var(--p-font-size) + 2pt);
    text-wrap: pretty;
}
ul{
    color: var(--text-color);
    font-family: var(--body-font);
    font-size: var(--p-font-size);
    line-height: calc(var(--p-font-size) + 2pt);
}
a{
    color: var(--sparkling-color);
}
p:nth-of-type(3n) {
  border: 2px solid orange;
  margin-left: -10px;
}
/* -------------- T E X T - B L O C K - E N D S -----------  */

Revision as of 12:24, 2 July 2024