UnfoldingCSS:Infrastructural Interactions: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 423: | Line 423: | ||
.contents li a::after{ | .contents li a::after{ | ||
content: ' \2192 | content: '\00a0\2192\00a0' target-counter(attr(href), page); | ||
margin-right:5px; | margin-right:5px; | ||
font-family: authenticond; | font-family: authenticond; | ||
font-size: 9pt; | font-size: 9pt; | ||
} | } |
Revision as of 11:50, 14 November 2021
@font-face { font-family: 'Fourmi'; src: url('/wiki/images/7/7c/Fourmi.otf') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'anthony'; src: url('/wiki/images/c/ce/Anthony.woff2') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'authenticond'; src: url('/wiki/images/2/27/AUTHENTICSans-Condensed-60.woff2') format('opentype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'authenticond'; src: url('/wiki/images/5/57/AUTHENTICSans-Condensed-90.woff2') format('opentype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'authentic'; src: url('/wiki/images/8/87/AUTHENTICSans-60.woff2') format('opentype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'authentic'; src: url('/wiki/images/9/94/AUTHENTICSans-90.woff2') format('opentype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'authentic'; src: url('/wiki/images/6/66/AUTHENTICSans-130.woff2') format('opentype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'authentic'; src: url('/wiki/images/b/b1/AUTHENTICSans-150.woff2') format('opentype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'herbier'; src: url('/wiki/images/a/a8/Herbier.otf') format('opentype'); font-weight: normal; font-style: normal; } :root{ --font-size: 12pt; } .pagedjs_section_first_page + .pagedjs_blank_page { background-color:red !important; } @page{ size: 166.4mm 258.6mm; margin: 15mm 15mm 10mm 15mm; @top-center{ content: string(contributiontitle); font-family: Fourmi; font-size: 18pt; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-left: -10mm; margin-right: -10mm; } @bottom-center{ margin-top: -4mm; font-family: 'authenticond'; font-weight: 500; font-size: 9pt; content: counter(page); } @footnote { float: bottom; border-top: solid #222 thin; padding-top: 8pt; font-family: 'authenticond'; } } @page:first{ margin: 5mm 5mm 5mm 5mm; background-color: #b6e; @top-left{ content: ""; } @top-center{ font-family: authentic; content: "Infrastructural Interactions: Survival, Resistance and Radical Care"; font-size:10pt; font-weight: 500; margin-bottom: -5mm; } @bottom-center{ font-family: authentic; content: "The Institute for Technology In the Public Interest"; font-size:10pt; font-weight: 500; } } @page:blank{ background-color:#222; @top-left{ content: ""; } @top-center{ content: ""; } @top-center{ content: ""; } @top-center{ content: ""; } @bottom-center{ content:""; } } @page:nth(2){ background-color: #222; @bottom-center{ content:""; } } @page section:first{ margin: 8mm 8mm 0mm 8mm; background-color: #222; @bottom-center{ content:""; } } @page section:nth(2){ margin: 10mm 10mm 0mm 10mm; background-color: #222; } div.section{ page: section; } div.section div.contrib:nth-of-type(1){ break-before: right; } h1{ margin:0; font-family: 'Fourmi'; font-size: 170px; font-weight: normal; line-height: 0.8em; hyphens:auto; color:white; page-break-after: always; } h1:after{ content:'q'; font-size: 300px; font-family: 'herbier'; color:grey; page-break-before: always; page-break-after: always; margin-left: -50px; } div.section.snecond h1:after{ content: ' h'; top: 200px; position:relative; } div.section.thrid h1:after{ content: ' r'; top: 200px; position:relative; } div.section.zero h1:after{ content: ' p'; top: 100px; position:relative; } span.bookcover{ color:#222; string-set: sectiontitle content(text); font-size: 222pt; line-height: 0.55; margin: 0; /* margin-left: 32pt; */ word-break: break-all; font-family: 'Fourmi'; display:inline; position:relative; z-index:-1; hyphens:auto; } span.bookcover.floating{ font-weight:300; font-size: 140pt; font-family:authenticond; color:#222; z-index:-2; line-height: 160px; width:70%; margin-left:-50%; top:160px; } span.bookcover:before{ width:74pt; display:inline-block; content:'m'; font-size: 300px; font-family: 'herbier'; color:#aaa; z-index:-5; margin-left:-42pt; } span.bookcover.floating:before{ content:' o'; color:#cca; position:relative; z-index:-5; } body{ color:#222; font-size: var(--font-size); line-height: 1.6; font-family: 'authentic'; } div.pagebreak{ page-break-after: always; } div.nobreak{ page-break-inside: avoid; } div.cover{ } div.cover h1, div.cover ul li{ font-size: 18pt; line-height: 1.25; color: yellow; font-weight: bold; } div.cover ul li{ list-style: none; margin-bottom: 0.5em; width: 80mm; } div.section,div.contents{ page-break-before: right; } div.introduction, div.contribution, div.section{ page-break-before: right; } /* general elements*/ h2{ page-break-after: avoid; font-weight: 600; line-height: 1.25; } .runningtitle { display:none; } h2:not( .runningtitle ~ h2 ){ string-set: contributiontitle content(text); } h3, h4, h5, h6{ margin: 0 0 1em 0; page-break-after: avoid; font-weight: 600; } p{ margin: 0 0 1em 0; } .thumb{ /* image caption */ font-size: 10pt; line-height: 1.25; margin: 24pt 16pt 16pt 16pt; page-break-inside: avoid; font-family: authenticond; } img{ position: relative; display: block; max-width: 100%; height: auto; margin: 0 0 8pt 0; } .thumbinner{ max-width:100%; } pre{ font-size: 8pt; line-height: 1.8; white-space: pre; margin: 16pt 16pt; } table{ width: 100%; } sup{ line-height: 0; } a, a:visited, a:active, a:hover{ color: inherit; text-decoration: none; font-weight: 500; } /* specific details */ a.external{ word-break: break-all; } b,strong { font-weight:500; } ul { list-style: none; margin-left: 0; padding-left: 0; } ul li { padding-left: 1em; text-indent: -1em; } ul li:before { font-family: 'herbier'; content: "a"; padding-right: 10px; font-size:10pt; position: relative; top: -5px; } ul li:nth-child(1):before{ content: "a"; } ul li:nth-child(2):before{ content: "f"; } ul li:nth-child(3):before{ content: "h"; } ul li:nth-child(4):before{ content: "i"; } ul li:nth-child(5):before{ content: "j"; } ul li:nth-child(6):before{ content: "m"; } ul li:nth-child(7):before{ content: "n"; } ul li:nth-child(8):before{ content: "o"; } ul li:nth-child(9):before{ content: "p"; } ul li:nth-child(10):before{ content: "q"; } ul li ul li:before{ font-family:'authentic'; content:'\26AC' !important; } span.reference-text { float: footnote; } .reference-text::footnote-call { font-family:'authenticond'; } .reference-text::footnote-marker { font-family:'authenticond'; } .contents li a::after{ content: '\00a0\2192\00a0' target-counter(attr(href), page); margin-right:5px; font-family: authenticond; font-size: 9pt; }