PdfCSS:APRJA Minor Tech: Difference between revisions

From creative crowd wiki
Jump to navigation Jump to search
No edit summary
(Replaced content with "@import url("https://cc.vvvvvvaria.org/pad/p/APRJA-temporary-style.css");")
Tag: Replaced
Line 1: Line 1:
@charset "utf-8";
@import url("https://cc.vvvvvvaria.org/pad/p/APRJA-temporary-style.css");
 
@import url("https://cc.vvvvvvaria.org/fonts/velvetyne/happy-times-at-the-IKOB/stylesheet.css");
 
@font-face {
    font-family: 'AllCon-Regular';
    src: url('/fonts/simoon/AC/AllCon-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'AllCon-Regular';
    src: url('/fonts/simoon/AC/AllCon-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
 
:root{
    --first-heading-size: 36px;
    --first-heading-line-height: calc(var(--line-height)*2);
    --second-heading-size: 21px;
    --second-heading-line-height: calc(var(--line-height)*1.5);
    --body-font: 'AllCon-Regular';
    --heading-font: var(--author-font);
    --author-font: "happy-times", serif;
    --line-height: 21px;
    --body-size: 15px;
    --small-text: 12px;
    /*--accent-color: #2A9277;*/
    --accent-color: #006ae4ff;   
 
}
 
/*------------------page rules */
 
@page{
    size: 210mm 297mm portrait;
}
@page:left{
    margin: 80px 100px 80px 80px;
 
    font-family: var(--heading-font);
 
    @top-left{
        content: "APRJA Volume 12, Issue 1, 2023";
        color: var(--accent-color);
        font-size: var(--small-text);
    }
 
    @bottom-left{
        content: counter(page);
    }
}
@page:right{
    margin: 80px 80px 80px 100px;
   
    font-family: var(--heading-font);
 
    @top-right {
        content: string(title);
        color: var(--accent-color);
        text-overflow: ellipsis;
        overflow:hidden;
        white-space:nowrap;
        font-size: var(--small-text);
    }
 
    @bottom-right{
        content: counter(page);
    }
}
@page:first{
    background-color: var(--accent-color);
 
    @bottom-right,
    @top-left,
    @top-right {
        content: none;
    }
}
 
@page contribution:first{
    /* exception for running-header on the first page of a contribution */
    @top-right{ content: none; }
 
    @bottom-left{
        content: "APRJA Volume 12, Issue 1, 2023 ISSN 2245-7755. CC license: ‘Attribution-NonCommercial-ShareAlike’.";
        white-space: pre-wrap;
        font-size:var(--small-text);
    }
}
 
@page backmatter{
    @top-right{ content: none; }
    @bottom-left{ content: none; }
}
 
div.item,
div#editorial {
    page: contribution;
}
div#contributors,
div#wiki-to-print {
    page: backmatter;
}
 
/*-----------------cover */
 
div#cover {
    break-after: always;
}
 
div#cover-title p{
    font-size: var(--first-heading-size);
    font-weight: bold;
    line-height: var(--first-heading-line-height);
    font-family: var(--heading-font);
    padding-bottom: var(--first-heading-size);
    margin-top: 0;
}
 
div.authors{
    font-size: var(--second-heading-size);
    font-family: var(--body-font);
    line-height: var(--second-heading-line-height);
    font-weight: bold;
}
 
div#volume-issue-year {
    font-family: var(--body-font);
    font-size: var(--body-size);
    font-weight: bold;
}
 
/*----------------table of contents */
 
div#toc {
    width: 420px;
}
 
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);
    margin-top: 0;
    font-weight: bold;
}
 
div#toc li {
    text-indent: -20px;
    list-style: none !important;
    font-family: var(--heading-font);
    margin: 0;
    padding-bottom: calc(var(--line-height)/2);
    font-weight: bold;
}
 
div#toc li b {
    font-family: var(--body-font);
    font-weight: bold;
}
 
/*----- "Contents"*/
div#toc p:nth-child(1) {
    font-family: var(--heading-font);
    font-size:var(--first-heading-size);
    color:var(--accent-color);
    font-weight: bold;
}
 
/*----- adding page numbers to the TOC*/
div#toc a::after {
    content: "" target-counter(attr(href url), page);
    text-decoration: none !important;
    color: black;
    width: 20px;
    display: inline-block;
}
 
/*-----------------items */
body{
    hyphens: auto;
    line-height: var(--line-height);
    font-family: var(--body-font);
}
 
div.item{
    break-after: always;
}
 
div.item p,
div.item h2{
    overflow-wrap: break-word;
    hyphens: auto;
    font-size: var(--body-size);
    font-family: var(--body-font);
    line-height: var(--line-height);
}
 
blockquote {
    border-left: 2px solid lightgrey;
    padding-left: var(--line-height);
}
 
/*----notes */
ol.references {
    font-family: var(--body-font);
    font-size: var(--small-text);
    columns: 2 auto;
    column-gap: calc(var(--line-height)*2);
    padding-left: var(--body-size);
}
 
 
/*----titles*/
div.item h1,
div#wiki-to-print h1 {
    color: var(--accent-color);
    font-weight: bold;
    font-size: var(--first-heading-size);
    line-height: var(--first-heading-line-height);
    font-family: var(--heading-font);
    margin-top: 0;
    columns: 1;
    text-transform: uppercase;
    string-set: title content(text);
    hyphens: none !important;
}
 
/*----authors*/
div.item > p b:nth-of-type(1),
div.item > p b:nth-of-type(2),
div#wiki-to-print p b:nth-of-type(1){
    font-weight: bold;
    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;
}
 
div.item > h2,
div#wiki-to-print > h2 {
    font-family: var(--heading-font);
    font-size: var(--second-heading-size);
    line-height: var(--second-heading-line-height);
    font-weight: 400;
}
 
/*----"Abstract" heading*/
div.item > h2:nth-of-type(1) {
    padding-top: calc(var(--second-heading-size)*1.2);
}
 
/*-----overriding editorial and wiki-to-print h2 padding-top*/
div.item#editorial > h2:nth-of-type(1),
div.item#wiki-to-print > h2:nth-of-type(1) {
    padding-top: 0;
}
 
/*----prevent superscript & subscript characters from interfering with baseline*/
 
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
 
sup {
  top: -0.5em;
}
 
sub {
  bottom: -0.25em;
}
 
/*----------------manual page and column breaks*/
 
div.page-break {
    break-after: always;
}
 
/*---------------colophon, contributors, editorial, wiki-to-print pages*/
 
div#colophon {
    width: 100%;
    break-before: always;
    break-after: always;
}
 
div#contributors h1,
div#editorial h1,
div#wiki-to-print h1{
    font-size:var(--first-heading-size);
    font-weight: bold;
    line-height:var(--first-heading-line-height);
    color:var(--accent-color);
    margin: 0;
}
div#contributors p {
    font-family:var(--body-font);
    font-size:var(--body-size);
    line-height:var(--line-height);
}
div#contributors b{
    color:var(--accent-color);
}
div#wiki-to-print {
    font-family:var(--body-font);
    font-size:var(--body-size);
}
div#wiki-to-print h1:nth-of-type(1) {
    break-before:always;
}
div#wiki-to-print b:nth-of-type(1) {
    break-after:always;
}
 
/*-----making the reference list in wiki-to-print 1 column*/
div#wiki-to-print div.1column ol.references {
    columns: 1 !important;
}
 
/*-----------------images */
 
div.thumb + div.thumb {
    padding-top:var(--line-height);
}
div.thumbinner {
    width: auto;
    margin: 0 auto;
}
div#aprja-logo img{
    width: 80px;
    height: auto;
}
div#aprja-logo .thumbinner {
    margin: 0;
}
 
/*-----image captions */
 
div.thumbcaption, table.wikitable {
    font-size: var(--small-text);
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}

Revision as of 17:24, 21 July 2023

@import url("https://cc.vvvvvvaria.org/pad/p/APRJA-temporary-style.css");
Retrieved from "http://cc.vvvvvvaria.org/wiki/index.php?title=PdfCSS:APRJA_Minor_Tech&oldid=3111"