PdfCSS:APRJA Minor Tech: Difference between revisions

From creative crowd wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 76: Line 76:
     padding-top: var(--second-heading-size);
     padding-top: var(--second-heading-size);
     line-height: var(--second-heading-line-height);
     line-height: var(--second-heading-line-height);
    break-after-always;
}
}



Revision as of 12:06, 6 June 2023

@charset "utf-8"; 

@import url("https://cc.vvvvvvaria.org/fonts/velvetyne/happy-times-at-the-IKOB/stylesheet.css");
@import url("https://cc.vvvvvvaria.org/fonts/simoon/AC/stylesheet.css");

:root{
    --first-heading-size: 36px;
    --first-heading-line-height: calc(var(--line-height)*3); 
    --second-heading-size: 20px;
    --second-heading-line-height: calc(var(--line-height)*1.5);
    --heading-font: "happy-times-regular", serif;
    --author-font: "AllCon-Regular", sans-serif;
    --body-font: var(--author-font);
    --line-height: 20px;
    --body-size: 16px;
    --small-text: 12px;
    --accent-color: #2A9277;

}

/*------------------page rules */

@page{
    size: 210mm 297mm portrait;
    margin: 100px 90px 90px 90px;
}
@page:left{

    font-family: var(--heading-font);

    @top-left{
        content: "APRJA Volume 12, Issue 1, 2023";
        font-weight: bold;
        color: var(--accent-color);
    }

    @bottom-left{
        content: counter(page);
        font-weight: bold;
    }
}
@page:right{
    
    font-family: var(--heading-font);

    @bottom-right{
        content: counter(page);
        font-weight: bold;
    }
}
@page:first{
    background-color: var(--accent-color);

    @bottom-right{
        content: none;
    }
}
/*-----------------typography */
body{
    hyphens: auto;
    line-height: var(--line-height);
}

div#cover-title{
    font-size: var(--first-heading-size);
    line-height: var(--first-heading-line-height);
    font-family: var(--heading-font);
    padding-bottom: var(--first-heading-size);
    margin-top: 0;
}

div#cover > p{
    font-size: var(--second-heading-size);
    font-family: var(--body-font);
    font-weight: bold;
    padding-top: var(--second-heading-size);
    line-height: var(--second-heading-line-height);
    break-after-always;
}

/*---------------articles*/

div.article {
    columns: 2;
    column-fill: auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
    break-before: always;
}

div.article > p {
    font-size: var(--body-size);
    font-family: var(--body-font);
    line-height: var(--line-height);
}

div.article > h1 {
    color: var(--accent-color);
    font-size: var(--first-heading-size);
    line-height: var(--first-heading-line-height);
    font-family: var(--heading-font);
    padding-bottom: var(--first-heading-size);
    margin-top: 0;
    break-after: always;
}

div.article > h2 {
    font-family: var(--heading-font);
    font-style: italic;
    font-size: var(--second-heading-size);
    line-height: var(--second-heading-line-height);
}

/*----------------manual page and column breaks*/

div.page-break {
    break-after: always;
}

/*----------------table of contents */

li.toclevel-1::marker, li.toclevel-2, span.tocnumber {
    display:none;
}

h2#mw-toc-heading {
    color: var(--accent-color);
    font-size: var(--first-heading-size);
    line-height: var(--first-heading-line-height);
    font-family: var(--heading-font);
    padding-bottom: var(--first-heading-size);
    margin-top: 0;
}

/*-----------------turning off all iframes */
iframe {
    display: none;
}

/*----------------- image captions */

div.thumbcaption {
    font-size: var(--small-text);
    font-weight: bold;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}