PdfCSS:APRJA Minor Tech: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 202: | Line 202: | ||
/*----notes */ | /*----notes */ | ||
.references { | ol.references { | ||
font-family: var(--body-font); | font-family: var(--body-font); | ||
font-size: var(--small-text); | font-size: var(--small-text); |
Revision as of 18:54, 18 July 2023
@charset "utf-8";
@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: tomato;
}
/*------------------page rules */
@page{
size: 210mm 297mm portrait;
}
@page:left{
margin: 80px 80px 80px 100px;
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 100px 80px 80px;
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 */
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::before {
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);
}
/*----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);
}
/*----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 sup, sub 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: 400;
line-height:var(--first-heading-line-height);
color:var(--accent-color);
}
/* commenting this out for now
div#editorial b:nth-of-type(2){
break-after:always;
}*/
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;
}
/*-----------------images */
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;
}