UnfoldingCSS:Frontier: Difference between revisions
Jump to navigation
Jump to search
m (restore poppins, add woff2) |
mNo edit summary |
||
(21 intermediate revisions by 2 users not shown) | |||
Line 5: | Line 5: | ||
padding: 1.5em 1em; | padding: 1.5em 1em; | ||
} | } | ||
a, a:visited, a:hover {color: black; background: white; text-decoration: none;} | a, a:visited, a:hover {color: black; background: white; text-decoration: none;} | ||
Line 28: | Line 24: | ||
display: none; | display: none; | ||
} | } | ||
@font-face { | @font-face { | ||
font-family: 'poppinsregular'; | font-family: 'poppinsregular'; | ||
src: url('/wiki/images/1/1b/BBBPoppinsTN-DisplayRegular.woff') format('woff'), | src: url('https://titipi.org/wiki/images/1/1b/BBBPoppinsTN-DisplayRegular.woff') format('woff'), | ||
src: url('/wiki/ | src: url('https://titipi.org/wiki/images/8/8e/BBBPoppinsTN-DisplayRegular.woff2') format('woff2'); | ||
font-weight: normal; | font-weight: normal; | ||
font-style: normal; | font-style: normal; | ||
Line 43: | Line 35: | ||
@font-face { | @font-face { | ||
font-family: ' | font-family: 'poppinsbold'; | ||
src: url('/wiki/images/ | src: url('https://titipi.org/wiki/images/c/c0/BBBPoppinsTN-DisplayBold.woff') format('woff'), | ||
src: url('/wiki/images/ | src: url('https://titipi.org/wiki/images/6/65/BBBPoppinsTN-DisplayBold.woff2') format('woff2'); | ||
font-weight: bold; | font-weight: bold; | ||
font-style: bold; | font-style: bold; | ||
} | |||
@font-face { | |||
font-family: 'poppinsblack'; | |||
src: url('https://titipi.org/wiki/images/f/fa/BBBPoppinsTN-DisplayBlack.woff') format('woff'), | |||
src: url('https://titipi.org/wiki/images/f/f4/BBBPoppinsTN-DisplayBlack.woff2') format('woff2'); | |||
font-weight: bolder; | |||
font-style: bolder; | |||
} | } | ||
Line 54: | Line 55: | ||
@font-face { | @font-face { | ||
font-family: 'compagnon-italic'; | font-family: 'compagnon-italic'; | ||
src: url('/wiki/images/5/51/Compagnon-Italic.woff2') format('woff2'), | src: url('https://titipi.org/wiki/images/5/51/Compagnon-Italic.woff2') format('woff2'), | ||
url('/wiki/images/f/fc/Compagnon-Italic.woff') format('woff'); | url('https://titipi.org/wiki/images/f/fc/Compagnon-Italic.woff') format('woff'); | ||
url('/wiki/images/e/e7/Compagnon-Italic.eot') format('eot'); | url('https://titipi.org/wiki/images/e/e7/Compagnon-Italic.eot') format('eot'); | ||
font-weight: normal; | font-weight: normal; | ||
font-style: normal; | font-style: normal; | ||
Line 63: | Line 64: | ||
:root{ | :root{ | ||
--font-size: | --font-size: 10pt; | ||
} | } | ||
Line 82: | Line 83: | ||
padding-top: 8pt; | padding-top: 8pt; | ||
font-family: 'poppinsregular'; | font-family: 'poppinsregular'; | ||
font-variant-position: normal; | |||
font-size: 8pt; | font-size: 8pt; | ||
} | } | ||
Line 101: | Line 103: | ||
@bottom-center{ | @bottom-center{ | ||
font-family: poppinsblack; | font-family: 'poppinsblack'; | ||
font-size:12pt; | |||
content: "The Institute for Technology In the Public Interest"; | content: "The Institute for Technology In the Public Interest"; | ||
font-size:12pt; | font-size:12pt; | ||
Line 117: | Line 120: | ||
} | } | ||
@page:nth(3){ | |||
background-size: 98%; | |||
@ | background-repeat: no-repeat; | ||
font-family: poppinsblack | background-position: center; | ||
@top-center{ | |||
font-family: 'poppinsblack'; | |||
font-size:12pt; | font-size:12pt; | ||
content:"Frontier Climate: a bugreport"; | |||
} | } | ||
} | } | ||
@page:blank{ | @page:blank{ | ||
Line 189: | Line 156: | ||
line-height: 0.55; | line-height: 0.55; | ||
margin: 0; | margin: 0; | ||
font-family: 'poppinsblack'; | font-family: 'poppinsblack'; | ||
position:relative; | position:relative; | ||
bottom: 5px; | bottom: 5px; | ||
hyphens:auto; | hyphens:auto; | ||
color: red; | color: red; | ||
} | } | ||
span.bookcover-title{ | span.bookcover-title{ | ||
string-set: sectiontitle content(text); | string-set: sectiontitle content(text); | ||
Line 212: | Line 178: | ||
background: linear-gradient(0deg, red, pink, fuchsia); | background: linear-gradient(0deg, red, pink, fuchsia); | ||
z-index:1; | z-index:1; | ||
} | } | ||
Line 232: | Line 196: | ||
color: black; | color: black; | ||
font-size: var(--font-size); | font-size: var(--font-size); | ||
line-height: 1. | line-height: 1.5; | ||
font-family: 'poppinsregular'; | font-family: 'poppinsregular'; | ||
} | } | ||
Line 258: | Line 222: | ||
} | } | ||
h2 {font-size: 2. | h2 {font-size: 2.5em; color: fuchsia; page-break-before: right;} | ||
h3 {font-size: 1. | h3 {font-size: 1.7em; color: red } | ||
h4 {font-size: 1. | h4 {font-size: 1.2em;} | ||
h2, h3, h4{ | h2, h3, h4{ | ||
Line 269: | Line 233: | ||
} | } | ||
b, strong {font-family: 'poppinsbold'} | |||
p{ | p{ | ||
Line 332: | Line 297: | ||
span.reference-text { | span.reference-text { | ||
float: | float: footnote; | ||
line-height: 1.3; | line-height: 1.3; | ||
} | } | ||
.reference-text::footnote-call { | .reference-text::footnote-call { | ||
font-family:'poppinsregular'; | font-family:'poppinsregular'; | ||
font-variant-position: super; | |||
padding-top: 1px; | |||
} | } | ||
Line 358: | Line 315: | ||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
} | } | ||
/* WIKISTYLING */ | /* WIKISTYLING */ | ||
.tocnumber { display: none; } | .tocnumber { display: none; } |
Latest revision as of 17:44, 8 February 2024
body { margin: auto; line-height: 1.4em; max-width: 900px; padding: 1.5em 1em; } a, a:visited, a:hover {color: black; background: white; text-decoration: none;} a:hover {color: red !important} .gallerybox ul, .gallerybox li {style: none;} .gallerybox li {width:200px; float: right;} .tocnumber {display: none;} /* toclimit */ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } @font-face { font-family: 'poppinsregular'; src: url('https://titipi.org/wiki/images/1/1b/BBBPoppinsTN-DisplayRegular.woff') format('woff'), src: url('https://titipi.org/wiki/images/8/8e/BBBPoppinsTN-DisplayRegular.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinsbold'; src: url('https://titipi.org/wiki/images/c/c0/BBBPoppinsTN-DisplayBold.woff') format('woff'), src: url('https://titipi.org/wiki/images/6/65/BBBPoppinsTN-DisplayBold.woff2') format('woff2'); font-weight: bold; font-style: bold; } @font-face { font-family: 'poppinsblack'; src: url('https://titipi.org/wiki/images/f/fa/BBBPoppinsTN-DisplayBlack.woff') format('woff'), src: url('https://titipi.org/wiki/images/f/f4/BBBPoppinsTN-DisplayBlack.woff2') format('woff2'); font-weight: bolder; font-style: bolder; } @font-face { font-family: 'compagnon-italic'; src: url('https://titipi.org/wiki/images/5/51/Compagnon-Italic.woff2') format('woff2'), url('https://titipi.org/wiki/images/f/fc/Compagnon-Italic.woff') format('woff'); url('https://titipi.org/wiki/images/e/e7/Compagnon-Italic.eot') format('eot'); font-weight: normal; font-style: normal; } :root{ --font-size: 10pt; } @page{ size: 148mm 210mm; margin: 17mm 15mm 19mm 15mm; @bottom-center{ margin-top: -4mm; font-family: 'poppinsregular'; font-size: 9pt; content: counter(page); } @footnote { float: bottom; border-top: solid #222 thin; padding-top: 8pt; font-family: 'poppinsregular'; font-variant-position: normal; font-size: 8pt; } } @page:first{ background-size: 100%; background-repeat: no-repeat; background-position: bottom 20% center; @top-center{ font-family: poppinsblack; content: ""; font-size:14pt; } @bottom-center{ font-family: 'poppinsblack'; font-size:12pt; content: "The Institute for Technology In the Public Interest"; font-size:12pt; } } @page:nth(2){ background-size: 98%; background-repeat: no-repeat; background-position: center; @bottom-center{ content:""; } } @page:nth(3){ background-size: 98%; background-repeat: no-repeat; background-position: center; @top-center{ font-family: 'poppinsblack'; font-size:12pt; content:"Frontier Climate: a bugreport"; } } @page:blank{ background-color:white; @bottom-center{ content:""; color: white; } } div.section, div.section div.contrib:nth-of-type(1){ break-before: right; } div.contrib:not(:first-of-type){ break-before: always; } div.contrib{ page: contrib; } span.bookcover { string-set: sectiontitle content(text); font-size: 125px; line-height: 0.55; margin: 0; font-family: 'poppinsblack'; position:relative; bottom: 5px; hyphens:auto; color: red; } span.bookcover-title{ string-set: sectiontitle content(text); font-size: 65px; line-height: 1.3; margin: 0; font-family: poppinsblack; position:absolute; top: 50px; left:35px; hyphens:auto; color: white; padding: 25px; transform: rotate(-7deg); background: linear-gradient(0deg, red, pink, fuchsia); z-index:1; } span.frenchtitle{ string-set: sectiontitle content(text); font-size: 40px; line-height: 0.55; margin: 0; font-family: 'poppinsblack'; display:inline; position:relative; hyphens:auto; color: black; } body{ color: black; font-size: var(--font-size); line-height: 1.5; font-family: 'poppinsregular'; } div.pagebreak{ page-break-after: always; } div.nobreak{ page-break-inside: avoid; } /* GENERAL ELEMENTS */ blockquote { font-family: 'compagnon-italic'; } .runningtitle { display:none; } h2:not( .runningtitle ~ h2 ){ string-set: contributiontitle content(text); } h2 {font-size: 2.5em; color: fuchsia; page-break-before: right;} h3 {font-size: 1.7em; color: red } h4 {font-size: 1.2em;} h2, h3, h4{ margin: 1em 0 0.5em 0; font-family: 'poppinsblack'; line-height: 1.3em; page-break-after: avoid; } b, strong {font-family: 'poppinsbold'} p{ margin: 0 0 1em 0; } /* .contrib p{ orphans:2; widows:2; } */ .thumb{ /* image caption */ font-size: 10pt; line-height: 1.25; margin: 24pt 16pt 16pt 16pt; page-break-inside: avoid; font-family: poppinsregular; } img{ float: right; max-width: 45%; height: auto; margin: 0 8pt 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: red; text-decoration: none; border-bottom: 1px solid red; } /* specific details */ a.external{ } a.text{ word-break: none !important; } b,strong { font-weight:500; } small, .small {font-size: 8pt;} span.reference-text { float: footnote; line-height: 1.3; } .reference-text::footnote-call { font-family:'poppinsregular'; font-variant-position: super; padding-top: 1px; } .reference-text::footnote-marker { font-family:'poppinsregular'; } .contents ul{ margin-top:0.5em; } .contents h3{ margin-bottom: 0.5em; } /* WIKISTYLING */ .tocnumber { display: none; }