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