PdfCSS:APRJA Minor Tech: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 57: | Line 57: | ||
/*-----------------cover & titles */ | /*-----------------cover & titles */ | ||
div#cover > .title, h1.title{ | |||
div#cover > .title | |||
font-size: var(--first-heading-size); | font-size: var(--first-heading-size); | ||
line-height: var(--first-heading-line-height); | line-height: var(--first-heading-line-height); | ||
Line 67: | Line 63: | ||
padding-bottom: var(--first-heading-size); | padding-bottom: var(--first-heading-size); | ||
margin-top: 0; | margin-top: 0; | ||
text-decoration: uppercase; | |||
} | } | ||
.author | |||
div#cover > p { | div#cover > p { |
Revision as of 11:00, 5 June 2023
@charset "utf-8";
@import url("https://cc.vvvvvvaria.org/fonts/velvetyne/happy-times-at-the-IKOB/stylesheet.css");
:root{
--first-heading-size: 36px;
--first-heading-line-height: 150%;
--second-heading-size: 18px;
--second-heading-line-height: 130%;
--heading-font: "happy-times-regular", serif;
--author-font: "Arial", sans-serif;
--body-font: var(--author-font);
--small-text: 12px;
--accent-color: #2A9277;
}
/*------------------page rules */
@page {
size: 210mm 297mm portrait;
margin: 100px 90px 90px 90px;
}
@page:first {
background-color: var(--accent-color);
/*background-color: #13322b; this is the rgb value of the pantone we used for the newspaper*/
@bottom-right{
content: none;
}
}
@page:left{
@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{
@bottom-right{
content: counter(page);
font-weight: bold;
}
}
/*-----------------cover & titles */
div#cover > .title, h1.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;
text-decoration: uppercase;
}
.author
div#cover > p {
font-size: var(--second-heading-size);
font-family: var(--author-font);
font-weight: bold;
padding-top: var(--second-heading-size);
line-height: var(--second-heading-line-height);
}
/*----------------table of contents */
div.TOC {
display:none;
}
/*-----------------turning off all iframes */
iframe {
display: none;
}
/*-----------------fixing heading hierarchy inconsistency */
div.heading1-heading2 > h1, div.heading2-heading3 > h2 {
break-before:always;
break-after:always;
font-size: var(--first-heading-size);
line-height: var(--first-heading-line-height);
color: var(--accent-color);
}
div.heading1-heading2 > h2, div.heading2-heading3 > h3 {
font-size: var(--first-heading-size);
line-height: var(--first-heading-line-height);
font-weight: normal;
font-style: italic;
}
/*----------------- image captions */
div.thumbcaption {
font-size: var(--small-text);
font-weight: bold;
overflow-wrap: break-word;
word-wrap: break-word;
hyphens: auto;
}
/*-----------------body font */
div.heading1-heading2 > p, div.heading2-heading3 > p {
font-family: var(--body-font);
overflow-wrap: break-word;
word-wrap: break-word;
hyphens: auto;
}
/*-----------------columns */
div.heading1-heading2, div.heading2-heading3{
columns: 2;
column-fill: auto;
/*text-align: justify; justified text looks terrible */
}