PdfCSS:APRJA Boilerplate - Revision history

Simoon at 13:03, 6 December 2023

2023-12-06T13:03:49Z

← Older revision		Revision as of 13:03, 6 December 2023
Line 125:		Line 125:
	div#colophon {		div#colophon {
	page: frontmatter;		page: frontmatter;
			}

			/* there are annotations in the wiki on the page MediaWiki:Common.css. these are turned off here as this CSS relates to the PDF preview, in which they shouldn't appear */

			span.annotation {
			display: none;
	}		}

Simoon at 13:02, 6 December 2023

2023-12-06T13:02:05Z

← Older revision		Revision as of 13:02, 6 December 2023
Line 1:		Line 1:

	@charset "utf-8";		@charset "utf-8";

Line 29:		Line 28:
	--body-size: 15px;		--body-size: 15px;
	--small-text: 12px;		--small-text: 12px;
	--accent-color: #~~006ae4ff~~; ~~/* this is the accent colour used for front cover, titles, subtitles and authors, and links throughout */~~		--accent-color: #006ae4b5;

	}		}
Line 59:		Line 58:

	@top-right {		@top-right {
	content: string(~~titleRunning~~); ~~/* updating the running header on each article~~ */		/content: string(title);/
			content: string(titleRunning);
	color: var(--accent-color);		color: var(--accent-color);
	text-overflow: ellipsis;		text-overflow: ellipsis;
Line 83:		Line 83:

	@page contribution:first{		@page contribution:first{
	~~@top-right{ content: none; }~~ /* exception for running-header on the first page of a contribution */		/* exception for running-header on the first page of a contribution */
			@top-right{ content: none; }
			@top-left{ content: none; }
	@bottom-right{ content: none; }		@bottom-right{ content: none; }
	@bottom-left{		@bottom-left{
Line 92:		Line 94:
	}		}

	~~/* custom~~ page ~~for~~ backmatter */		@page backmatter:left{
	@page backmatter{		@top-right{ content: none; }
	@top-right{ content: none; }		@top-left{ content: none; }
	@~~bottom~~-left{ content: none; }		@bottom-left{ content: counter(page); }
			}

			@page backmatter:right{
			@top-right{ content: none; }
			@top-left{ content: none; }
			@bottom-right{ content: counter(page); }
	}		}

	~~/* custom page for frontmatter */~~
	@page frontmatter{		@page frontmatter{
	@top-left{ content: none; }		@top-left{ content: none; }
Line 107:		Line 115:

	div.item,		div.item,
	div#editorial {		div#editorial,
			div#wiki-to-print {
	page: contribution;		page: contribution;
	}		}
	div#contributors,		div#contributors {
	~~div#wiki-to-print~~ {
	page: backmatter;		page: backmatter;
	}		}
Line 118:		Line 126:
	page: frontmatter;		page: frontmatter;
	}		}

			/-----------------general rules /

			/*body{
			orphans: 3;
			}*/

	/-----------------cover /		/-----------------cover /
Line 162:		Line 176:
	}		}

	~~/* turning off annotations and box from the example article in the PDF */~~

	~~span.annotation {~~
	~~display: none;~~
	}

	/----------------table of contents /		/----------------table of contents /
Line 214:		Line 223:
	/----- adding page numbers to the TOC/		/----- adding page numbers to the TOC/
	div#toc a::before {		div#toc a::before {
	content: "" target-counter(attr(href url), page); ~~/* adding the cross-referenced page numbers of each article automatically */~~		content: "" target-counter(attr(href url), page);
	text-decoration: none !important;		text-decoration: none !important;
	color: black;		color: black;
	display: inline-block;		display: inline-block;
	text-indent: -4.75em;		text-indent: -4.75em;
			/float: right;/
			/margin-right: -5em;/
	}		}

	/-----------------items /		/-----------------items /

	body{		body{
	hyphens: auto;		hyphens: auto;
Line 281:		Line 291:
	columns: 1;		columns: 1;
	text-transform: uppercase;		text-transform: uppercase;
			/string-set: title content(text);/
	hyphens: none !important;		hyphens: none !important;
	}		}
Line 287:		Line 298:
	span.running-header {		span.running-header {
	display: none;		display: none;
			/position: running(titleRunning);/
	string-set: titleRunning content(text);		string-set: titleRunning content(text);
	}		}
Line 323:		Line 335:
	}		}

	/~~------------~~----prevent superscript & subscript characters from interfering with baseline/		/----prevent superscript & subscript characters from interfering with baseline/

	sub,		sub,
	sup {		sup {
Line 367:		Line 380:
	font-size:var(--body-size);		font-size:var(--body-size);
	line-height:var(--line-height);		line-height:var(--line-height);
			}
			div#contributors b{
			/color:var(--accent-color);/
	}		}
	div#wiki-to-print {		div#wiki-to-print {
Line 373:		Line 389:
	}		}
	div#wiki-to-print h1:nth-of-type(1) {		div#wiki-to-print h1:nth-of-type(1) {
	~~break-before~~:~~always;~~		margin: 0 0 1.25em 0 !important;
	}
	~~div#wiki-to-print b:nth-of-type(~~1~~) {~~
	~~break-after:always~~;
	}		}

Line 393:		Line 406:
	width: auto;		width: auto;
	margin: 0 auto;		margin: 0 auto;
			}

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

Simoon at 19:42, 24 August 2023

2023-08-24T19:42:43Z

← Older revision		Revision as of 19:42, 24 August 2023
Line 165:		Line 165:

	span.annotation {		span.annotation {
	~~display: none;~~
	}

	~~div.annotation-box {~~
	display: none;		display: none;
	}		}

Simoon at 19:42, 24 August 2023

2023-08-24T19:42:05Z

← Older revision		Revision as of 19:42, 24 August 2023
Line 162:		Line 162:
	}		}

	/* turning off annotations from the example article in the PDF */		/* turning off annotations and box from the example article in the PDF */

	span.annotation {		span.annotation {
			display: none;
			}

			div.annotation-box {
	display: none;		display: none;
	}		}

Simoon at 15:27, 24 August 2023

2023-08-24T15:27:05Z

← Older revision		Revision as of 15:27, 24 August 2023
Line 164:		Line 164:
	/* turning off annotations from the example article in the PDF */		/* turning off annotations from the example article in the PDF */

	span.~~annotations~~ {		span.annotation {
	display: none;		display: none;
	}		}

Simoon at 13:18, 24 August 2023

2023-08-24T13:18:22Z

← Older revision		Revision as of 13:18, 24 August 2023
Line 29:		Line 29:
	--body-size: 15px;		--body-size: 15px;
	--small-text: 12px;		--small-text: 12px;
	--accent-color: #006ae4ff; /* ~~<-----~~ this is the accent ~~color~~ used for front cover, titles, subtitles and authors, and links throughout */		--accent-color: #006ae4ff; /* this is the accent colour used for front cover, titles, subtitles and authors, and links throughout */

	}		}
Line 59:		Line 59:

	@top-right {		@top-right {
	/content: string(~~title~~);/		content: string(titleRunning); /* updating the running header on each article */
	~~content: string(titleRunning);~~
	color: var(--accent-color);		color: var(--accent-color);
	text-overflow: ellipsis;		text-overflow: ellipsis;
Line 84:		Line 83:

	@page contribution:first{		@page contribution:first{
	/* exception for running-header on the first page of a contribution */		@top-right{ content: none; } /* exception for running-header on the first page of a contribution */
	~~@top-right{ content: none; }~~
	@bottom-right{ content: none; }		@bottom-right{ content: none; }
	@bottom-left{		@bottom-left{
Line 94:		Line 92:
	}		}

			/* custom page for backmatter */
	@page backmatter{		@page backmatter{
	@top-right{ content: none; }		@top-right{ content: none; }
Line 99:		Line 98:
	}		}

			/* custom page for frontmatter */
	@page frontmatter{		@page frontmatter{
	@top-left{ content: none; }		@top-left{ content: none; }
Line 162:		Line 162:
	}		}

	/* turning off annotations */		/* turning off annotations from the example article in the PDF */

	span.annotations {		span.annotations {
Line 214:		Line 214:
	/----- adding page numbers to the TOC/		/----- adding page numbers to the TOC/
	div#toc a::before {		div#toc a::before {
	content: "" target-counter(attr(href url), page);		content: "" target-counter(attr(href url), page); /* adding the cross-referenced page numbers of each article automatically */
	text-decoration: none !important;		text-decoration: none !important;
	color: black;		color: black;
	display: inline-block;		display: inline-block;
	text-indent: -4.75em;		text-indent: -4.75em;
	~~/float: right;/~~
	~~/margin-right: -5em;/~~
	}		}

	/-----------------items /		/-----------------items /

	body{		body{
	hyphens: auto;		hyphens: auto;
Line 282:		Line 281:
	columns: 1;		columns: 1;
	text-transform: uppercase;		text-transform: uppercase;
	~~/string-set: title content(text);/~~
	hyphens: none !important;		hyphens: none !important;
	}		}
Line 289:		Line 287:
	span.running-header {		span.running-header {
	display: none;		display: none;
	~~/position: running(titleRunning);/~~
	string-set: titleRunning content(text);		string-set: titleRunning content(text);
	}		}
Line 326:		Line 323:
	}		}

	/----prevent superscript & subscript characters from interfering with baseline/		/----------------prevent superscript & subscript characters from interfering with baseline/

	sub,		sub,
	sup {		sup {
Line 371:		Line 367:
	font-size:var(--body-size);		font-size:var(--body-size);
	line-height:var(--line-height);		line-height:var(--line-height);
	}
	~~div#contributors b{~~
	~~/color:var(--accent-color);/~~
	}		}
	div#wiki-to-print {		div#wiki-to-print {

Simoon at 13:10, 24 August 2023

2023-08-24T13:10:53Z

← Older revision		Revision as of 13:10, 24 August 2023
Line 29:		Line 29:
	--body-size: 15px;		--body-size: 15px;
	--small-text: 12px;		--small-text: 12px;
	/--accent-color: #~~2A9277~~;/		--accent-color: #006ae4ff; /* <----- this is the accent color used for front cover, titles, subtitles and authors, and links throughout */
	--accent-color~~: #006ae4ff;~~

	}		}

Simoon at 13:09, 24 August 2023

2023-08-24T13:09:35Z

← Older revision		Revision as of 13:09, 24 August 2023
Line 163:		Line 163:
	}		}

			/* turning off annotations */

			span.annotations {
			display: none;
			}

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

Simoon: Created page with " @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{ --firs..."

2023-08-21T13:21:01Z

Created page with " @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{ --firs..."

New page

@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: #006ae4ff;

}

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

@page{
size: 210mm 297mm portrait;
}
@page:left{
margin: 80px 120px 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 120px;

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

@top-right {
/*content: string(title);*/
content: string(titleRunning);
color: var(--accent-color);
text-overflow: ellipsis;
overflow:hidden;
white-space:nowrap;
font-size: var(--small-text);
}

@bottom-right{
content: counter(page);
}
}
@page:first{
margin: 80px 80px 80px 100px;
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-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; }
}

@page frontmatter{
@top-left{ content: none; }
@bottom-left{ content: none; }
@top-right{ content: none; }
@bottom-right{ content: none; }
}

div.item,
div#editorial {
page: contribution;
}
div#contributors,
div#wiki-to-print {
page: backmatter;
}
div#toc,
div#colophon {
page: frontmatter;
}

/*-----------------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;
padding: 0 1em 0 0;
}

div#aprja-details {
position: absolute;
bottom: 0;
left: 0;
}

div#aprja-logo img{
width: 60px;
height: auto;
}
div#aprja-logo .thumbinner {
margin: 0;
}

/*----------------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 {
list-style: none !important;
font-family: var(--heading-font);
margin: 0 0 0 2em;
padding: var(--line-height) 0 0 calc(var(--line-height) * 0.5);
font-weight: bold;
break-inside: avoid;
}
div#toc li a {
color: black;
text-decoration: none !important;
word-break: unset !important;
}

div#toc li b {
font-family: var(--body-font);
font-weight: normal;
}

/*----- "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;
margin-top: var(--line-height);
margin-bottom: calc(var(--line-height) * 2);
}

/*----- adding page numbers to the TOC*/
div#toc a::before {
content: "" target-counter(attr(href url), page);
text-decoration: none !important;
color: black;
display: inline-block;
text-indent: -4.75em;
/*float: right;*/
/*margin-right: -5em;*/
}

/*-----------------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);
hyphens: none;
}
div.item h2{
margin: 0 0 var(--line-height) 0;
}

blockquote {
border-left: 2px solid lightgrey;
padding-left: var(--line-height);
}

/*---- works cited + notes */
div.workscited,
ol.references {
font-family: var(--body-font);
font-size: var(--small-text) !important;
columns: 2 auto;
column-gap: calc(var(--line-height)*2);
padding-left: var(--body-size);
}
div.item div.workscited p{
font-size: var(--small-text) !important;
margin: 0 !important;
}
div.item div.workscited p:before{
content: "– ";
text-indent: -1em;
display: inline-block;
}

/*----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;
}

/*-----custom titles for running headers*/
span.running-header {
display: none;
/*position: running(titleRunning);*/
string-set: titleRunning 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;
break-after: avoid;
}

/*----"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 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 > ol.references {
columns: 1 !important;
}

/*-----------------images */

/*----- space between image caption and following image */
div.thumb + div.thumb {
padding-top:var(--line-height);
}
div.thumbinner {
width: auto;
margin: 0 auto;

/*-----image captions */

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

/*----- space between image caption / wikitable and following h2 */

div.thumb + h2,
table.wikitable + h2 {
padding-top:var(--line-height);
}

/*-----links */
a,
a:hover,
a:visited{
color: var(--accent-color);
word-break: break-all;
}