UnfoldingCSS:Counter Cloud Action Plan: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
@font-face { | @font-face { | ||
font-family:'Picnic'; | font-family:'Picnic'; | ||
src:url( | src:url(http://titipi.org/wiki/images/b/bf/PicNic-Regular.woff2) format('woff2'); | ||
font-weight:normal; | font-weight:normal; | ||
font-style:normal | font-style:normal | ||
} | } | ||
@font-face { | @font-face { | ||
font-family:'asulbold'; | |||
src:url(http://titipi.org/wiki/images/2/2f/Asul-bold-webfont.woff) format('woff2'), | |||
url(http://titipi.org/wiki/images/3/3c/Asul-bold-webfont.woff2) format('woff'); | |||
font-weight:normal; | |||
font-style:normal | |||
} | } | ||
@font-face { | @font-face { | ||
font-family:'asulregular'; | |||
src:url(http://titipi.org/wiki/images/0/03/Asul-regular-webfont.woff) format('woff2'), | |||
url(http://titipi.org/wiki/images/c/c7/Asul-regular-webfont.woff2) format('woff'); | |||
font-weight:normal; | |||
font-style:normal | |||
} | |||
:root { | |||
--font-size: 12pt | |||
} | |||
div.section { | |||
} | |||
div.contrib { | |||
} | |||
h1 { | |||
margin:0; | |||
font-family:'Picnic'; | |||
font-size:170px; | |||
font-weight:normal; | |||
line-height:0.8em; | |||
hyphens:auto; | |||
color:white | |||
} | |||
span.bookcover { | |||
color:#222; | |||
string-set:sectiontitle content(text); | |||
font-size:165px; | |||
line-height:0.55; | |||
margin:0; | |||
font-family:'Picnic'; | |||
display:inline; | |||
position:relative; | |||
hyphens:auto; | |||
color: white | |||
} | |||
body { | |||
color:#222; | |||
font-size:var(--font-size); | |||
line-height:1.5; | |||
font-family:'asulregular' | |||
} | |||
div.pagebreak { | |||
} | |||
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 | |||
} | |||
h2 { | |||
margin-top:0; | |||
font-weight:600; | |||
line-height:1.25; | |||
font-family:'Picnic'; | |||
font-size:2.5rem; | |||
} | } | ||
.runningtitle { | |||
display:none | |||
} | } | ||
. | /* | ||
h2:not(.runningtitle~h2) { | |||
string-set:contributiontitle content(text) | |||
} | } | ||
*/ | |||
h3 {font-family: Picnic; font-size: 1.5em} | |||
h3, | |||
h4, | |||
h5, | |||
h6 { | |||
margin:0 0 1em 0; | |||
font-weight:600 | |||
} | |||
p { | |||
margin:0 0 1em 0 | |||
} | |||
.contrib p { | |||
orphans:2; | |||
widows:2 | |||
} | |||
.thumb { | |||
font-size:10pt; | |||
line-height:1.25; | |||
margin:24pt 16pt 16pt 16pt; | |||
page-break-inside:avoid; | |||
font-family:asulregular | |||
} | |||
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:#83b; | |||
text-decoration:none; | |||
font-weight:500 | |||
} | |||
a.external { | |||
word-break:break-all | |||
} | |||
b, | |||
strong { | |||
font-weight:500 | |||
} | |||
span.reference-text { | |||
} | |||
.reference-text[data-footnote-call]::after { | |||
font-family:'asulregular' | |||
} | |||
.reference-text[data-footnote-marker]::marker { | |||
font-family:'asulregular' | |||
} | |||
.contents ul { | |||
margin-top:0.5em | |||
} | |||
.contents h3 { | |||
margin-bottom:0.5em | |||
} | |||
.pagedjs_page .pagedjs_margin-top-center { | |||
font-family:Picnic; | |||
font-size:20pt; | |||
overflow:hidden; | |||
text-overflow:ellipsis; | |||
white-space:nowrap; | |||
margin-left:-10mm; | |||
margin-right:-10mm | |||
} | |||
.pagedjs_page .pagedjs_margin-bottom-center { | |||
margin-top:-4mm; | |||
font-family:'asulregular'; | |||
font-weight:500; | |||
font-size:9pt | |||
} | |||
.pagedjs_page .pagedjs_margin-top-center>.pagedjs_margin-content>* { | |||
display:block | |||
} | |||
/* | |||
.pagedjs_page .pagedjs_margin-top-center>.pagedjs_margin-content::after { | |||
content:var(--pagedjs-string-first-contributiontitle) | |||
} | } | ||
*/ | |||
.pagedjs_page .pagedjs_margin-bottom-center>.pagedjs_margin-content>* { | |||
display:block | |||
} | |||
.pagedjs_page .pagedjs_margin-bottom-center>.pagedjs_margin-content::after { | |||
content:counter(page) | |||
} | |||
.pagedjs_page .pagedjs_footnote_content { | |||
float:bottom; | |||
border-top:solid #222 thin; | |||
padding-top:8pt; | |||
font-family:'asulregular' | |||
} | |||
.pagedjs_page { | |||
--pagedjs-margin-top:17mm; | |||
--pagedjs-margin-right:15mm; | |||
--pagedjs-margin-left:15mm; | |||
--pagedjs-margin-bottom:19mm; | |||
--pagedjs-pagebox-width:148mm; | |||
--pagedjs-pagebox-height:210mm | |||
} | |||
} | } | ||
.pagedjs_page.pagedjs_first_page .pagedjs_margin-top-left { | |||
} | } | ||
.pagedjs_page.pagedjs_first_page .pagedjs_margin-top-center { | |||
font-family:asulregular; | |||
font-size:11pt; | |||
font-weight:500; | |||
margin-bottom:-5mm | |||
} | } | ||
.pagedjs_page.pagedjs_first_page .pagedjs_margin-bottom-center { | |||
font-family:asulregular; | |||
font-size:11pt; | |||
font-weight:500 | |||
} | } | ||
.pagedjs_page.pagedjs_first_page .pagedjs_margin-top-left>.pagedjs_margin-content>* { | |||
display:block | |||
} | } | ||
.pagedjs_page.pagedjs_first_page .pagedjs_margin-top-left>.pagedjs_margin-content::after { | |||
content:"" | |||
} | } | ||
.pagedjs_page.pagedjs_first_page .pagedjs_margin-top-center>.pagedjs_margin-content>* { | |||
display:block | |||
} | } | ||
.pagedjs_page.pagedjs_first_page .pagedjs_margin-top-center>.pagedjs_margin-content::after { | |||
content:"NEoN Big Tech strikethrough" | |||
} | } | ||
.pagedjs_page.pagedjs_first_page .pagedjs_margin-bottom-center>.pagedjs_margin-content>* { | |||
display:block | |||
} | } | ||
.pagedjs_page.pagedjs_first_page .pagedjs_margin-bottom-center>.pagedjs_margin-content::after { | |||
content:"The Institute for Technology In the Public Interest" | |||
} | } | ||
.pagedjs_page.pagedjs_first_page { | |||
background-color:#a5d; | |||
--pagedjs-margin-top:5mm; | |||
--pagedjs-margin-right:5mm; | |||
--pagedjs-margin-left:5mm; | |||
--pagedjs-margin-bottom:5mm | |||
} | } | ||
.pagedjs_page.pagedjs_blank_page .pagedjs_margin-top-left { | |||
} | } | ||
.pagedjs_page.pagedjs_blank_page .pagedjs_margin-top-center { | |||
} | } | ||
.pagedjs_page.pagedjs_blank_page .pagedjs_margin-bottom-center { | |||
} | } | ||
.pagedjs_page.pagedjs_blank_page .pagedjs_margin-top-left>.pagedjs_margin-content>* { | |||
display:block | |||
} | } | ||
.pagedjs_page.pagedjs_blank_page .pagedjs_margin-top-left>.pagedjs_margin-content::after { | |||
content:"" | |||
} | } | ||
. | .pagedjs_page.pagedjs_blank_page .pagedjs_margin-top-center>.pagedjs_margin-content>* { | ||
display:block | |||
} | } | ||
.pagedjs_page.pagedjs_blank_page .pagedjs_margin-top-center>.pagedjs_margin-content::after { | |||
content:"" | |||
} | } | ||
.pagedjs_page.pagedjs_blank_page .pagedjs_margin-bottom-center>.pagedjs_margin-content>* { | |||
display:block | |||
} | } | ||
.pagedjs_page.pagedjs_blank_page .pagedjs_margin-bottom-center>.pagedjs_margin-content::after { | |||
content:"" | |||
} | } | ||
.pagedjs_page.pagedjs_blank_page { | |||
. | background-color:#222 | ||
} | } | ||
.pagedjs_page:nth-of-type(2) .pagedjs_margin-bottom-center { | |||
. | |||
} | } | ||
.pagedjs_page:nth-of-type(2) .pagedjs_margin-bottom-center>.pagedjs_margin-content>* { | |||
display:block | |||
} | } | ||
. | .pagedjs_page:nth-of-type(2) .pagedjs_margin-bottom-center>.pagedjs_margin-content::after { | ||
content:"" | |||
} | } | ||
.pagedjs_page:nth-of-type(2) { | |||
background-color:#222 | |||
} | } | ||
.pagedjs_page.pagedjs_named_page.pagedjs_section_page.pagedjs_section_first_page .pagedjs_margin-bottom-center { | |||
} | } | ||
.pagedjs_page.pagedjs_named_page.pagedjs_section_page.pagedjs_section_first_page .pagedjs_margin-bottom-center>.pagedjs_margin-content>* { | |||
display:block | |||
} | } | ||
.pagedjs_page.pagedjs_named_page.pagedjs_section_page.pagedjs_section_first_page .pagedjs_margin-bottom-center>.pagedjs_margin-content::after { | |||
content:"" | |||
} | } | ||
.pagedjs_page.pagedjs_named_page.pagedjs_section_page.pagedjs_section_first_page { | |||
background-color:#222; | |||
--pagedjs-margin-top:8mm; | |||
--pagedjs-margin-right:8mm; | |||
--pagedjs-margin-left:8mm; | |||
--pagedjs-margin-bottom:0mm | |||
} | } | ||
.pagedjs_page.pagedjs_named_page.pagedjs_contrib_page.pagedjs_contrib_first_page .pagedjs_margin-top-center { | |||
} | } | ||
.pagedjs_page.pagedjs_named_page.pagedjs_contrib_page.pagedjs_contrib_first_page .pagedjs_margin-top-center>.pagedjs_margin-content>* { | |||
display:block | |||
} | } | ||
. | .pagedjs_page.pagedjs_named_page.pagedjs_contrib_page.pagedjs_contrib_first_page .pagedjs_margin-top-center>.pagedjs_margin-content::after { | ||
content:"" | |||
} | } | ||
.pagedjs_page.pagedjs_named_page.pagedjs_contrib_page.pagedjs_contrib_first_page { | |||
. | |||
} | } | ||
:root { | |||
--pagedjs-width:148mm; | |||
--pagedjs-height:210mm; | |||
--pagedjs-width-right:148mm; | |||
--pagedjs-height-right:210mm; | |||
--pagedjs-width-left:148mm; | |||
--pagedjs-height-left:210mm | |||
} | } | ||
@page { | |||
size:148mm 210mm; | |||
margin:0px; | |||
padding:0px; | |||
padding:0px | |||
} | } |
Revision as of 16:06, 15 February 2022
@font-face { font-family:'Picnic'; src:url(http://titipi.org/wiki/images/b/bf/PicNic-Regular.woff2) format('woff2'); font-weight:normal; font-style:normal } @font-face { font-family:'asulbold'; src:url(http://titipi.org/wiki/images/2/2f/Asul-bold-webfont.woff) format('woff2'), url(http://titipi.org/wiki/images/3/3c/Asul-bold-webfont.woff2) format('woff'); font-weight:normal; font-style:normal } @font-face { font-family:'asulregular'; src:url(http://titipi.org/wiki/images/0/03/Asul-regular-webfont.woff) format('woff2'), url(http://titipi.org/wiki/images/c/c7/Asul-regular-webfont.woff2) format('woff'); font-weight:normal; font-style:normal } :root { --font-size: 12pt } div.section { } div.contrib { } h1 { margin:0; font-family:'Picnic'; font-size:170px; font-weight:normal; line-height:0.8em; hyphens:auto; color:white } span.bookcover { color:#222; string-set:sectiontitle content(text); font-size:165px; line-height:0.55; margin:0; font-family:'Picnic'; display:inline; position:relative; hyphens:auto; color: white } body { color:#222; font-size:var(--font-size); line-height:1.5; font-family:'asulregular' } div.pagebreak { } 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 } h2 { margin-top:0; font-weight:600; line-height:1.25; font-family:'Picnic'; font-size:2.5rem; } .runningtitle { display:none } /* h2:not(.runningtitle~h2) { string-set:contributiontitle content(text) } */ h3 {font-family: Picnic; font-size: 1.5em} h3, h4, h5, h6 { margin:0 0 1em 0; font-weight:600 } p { margin:0 0 1em 0 } .contrib p { orphans:2; widows:2 } .thumb { font-size:10pt; line-height:1.25; margin:24pt 16pt 16pt 16pt; page-break-inside:avoid; font-family:asulregular } 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:#83b; text-decoration:none; font-weight:500 } a.external { word-break:break-all } b, strong { font-weight:500 } span.reference-text { } .reference-text[data-footnote-call]::after { font-family:'asulregular' } .reference-text[data-footnote-marker]::marker { font-family:'asulregular' } .contents ul { margin-top:0.5em } .contents h3 { margin-bottom:0.5em } .pagedjs_page .pagedjs_margin-top-center { font-family:Picnic; font-size:20pt; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left:-10mm; margin-right:-10mm } .pagedjs_page .pagedjs_margin-bottom-center { margin-top:-4mm; font-family:'asulregular'; font-weight:500; font-size:9pt } .pagedjs_page .pagedjs_margin-top-center>.pagedjs_margin-content>* { display:block } /* .pagedjs_page .pagedjs_margin-top-center>.pagedjs_margin-content::after { content:var(--pagedjs-string-first-contributiontitle) } */ .pagedjs_page .pagedjs_margin-bottom-center>.pagedjs_margin-content>* { display:block } .pagedjs_page .pagedjs_margin-bottom-center>.pagedjs_margin-content::after { content:counter(page) } .pagedjs_page .pagedjs_footnote_content { float:bottom; border-top:solid #222 thin; padding-top:8pt; font-family:'asulregular' } .pagedjs_page { --pagedjs-margin-top:17mm; --pagedjs-margin-right:15mm; --pagedjs-margin-left:15mm; --pagedjs-margin-bottom:19mm; --pagedjs-pagebox-width:148mm; --pagedjs-pagebox-height:210mm } .pagedjs_page.pagedjs_first_page .pagedjs_margin-top-left { } .pagedjs_page.pagedjs_first_page .pagedjs_margin-top-center { font-family:asulregular; font-size:11pt; font-weight:500; margin-bottom:-5mm } .pagedjs_page.pagedjs_first_page .pagedjs_margin-bottom-center { font-family:asulregular; font-size:11pt; font-weight:500 } .pagedjs_page.pagedjs_first_page .pagedjs_margin-top-left>.pagedjs_margin-content>* { display:block } .pagedjs_page.pagedjs_first_page .pagedjs_margin-top-left>.pagedjs_margin-content::after { content:"" } .pagedjs_page.pagedjs_first_page .pagedjs_margin-top-center>.pagedjs_margin-content>* { display:block } .pagedjs_page.pagedjs_first_page .pagedjs_margin-top-center>.pagedjs_margin-content::after { content:"NEoN Big Tech strikethrough" } .pagedjs_page.pagedjs_first_page .pagedjs_margin-bottom-center>.pagedjs_margin-content>* { display:block } .pagedjs_page.pagedjs_first_page .pagedjs_margin-bottom-center>.pagedjs_margin-content::after { content:"The Institute for Technology In the Public Interest" } .pagedjs_page.pagedjs_first_page { background-color:#a5d; --pagedjs-margin-top:5mm; --pagedjs-margin-right:5mm; --pagedjs-margin-left:5mm; --pagedjs-margin-bottom:5mm } .pagedjs_page.pagedjs_blank_page .pagedjs_margin-top-left { } .pagedjs_page.pagedjs_blank_page .pagedjs_margin-top-center { } .pagedjs_page.pagedjs_blank_page .pagedjs_margin-bottom-center { } .pagedjs_page.pagedjs_blank_page .pagedjs_margin-top-left>.pagedjs_margin-content>* { display:block } .pagedjs_page.pagedjs_blank_page .pagedjs_margin-top-left>.pagedjs_margin-content::after { content:"" } .pagedjs_page.pagedjs_blank_page .pagedjs_margin-top-center>.pagedjs_margin-content>* { display:block } .pagedjs_page.pagedjs_blank_page .pagedjs_margin-top-center>.pagedjs_margin-content::after { content:"" } .pagedjs_page.pagedjs_blank_page .pagedjs_margin-bottom-center>.pagedjs_margin-content>* { display:block } .pagedjs_page.pagedjs_blank_page .pagedjs_margin-bottom-center>.pagedjs_margin-content::after { content:"" } .pagedjs_page.pagedjs_blank_page { background-color:#222 } .pagedjs_page:nth-of-type(2) .pagedjs_margin-bottom-center { } .pagedjs_page:nth-of-type(2) .pagedjs_margin-bottom-center>.pagedjs_margin-content>* { display:block } .pagedjs_page:nth-of-type(2) .pagedjs_margin-bottom-center>.pagedjs_margin-content::after { content:"" } .pagedjs_page:nth-of-type(2) { background-color:#222 } .pagedjs_page.pagedjs_named_page.pagedjs_section_page.pagedjs_section_first_page .pagedjs_margin-bottom-center { } .pagedjs_page.pagedjs_named_page.pagedjs_section_page.pagedjs_section_first_page .pagedjs_margin-bottom-center>.pagedjs_margin-content>* { display:block } .pagedjs_page.pagedjs_named_page.pagedjs_section_page.pagedjs_section_first_page .pagedjs_margin-bottom-center>.pagedjs_margin-content::after { content:"" } .pagedjs_page.pagedjs_named_page.pagedjs_section_page.pagedjs_section_first_page { background-color:#222; --pagedjs-margin-top:8mm; --pagedjs-margin-right:8mm; --pagedjs-margin-left:8mm; --pagedjs-margin-bottom:0mm } .pagedjs_page.pagedjs_named_page.pagedjs_contrib_page.pagedjs_contrib_first_page .pagedjs_margin-top-center { } .pagedjs_page.pagedjs_named_page.pagedjs_contrib_page.pagedjs_contrib_first_page .pagedjs_margin-top-center>.pagedjs_margin-content>* { display:block } .pagedjs_page.pagedjs_named_page.pagedjs_contrib_page.pagedjs_contrib_first_page .pagedjs_margin-top-center>.pagedjs_margin-content::after { content:"" } .pagedjs_page.pagedjs_named_page.pagedjs_contrib_page.pagedjs_contrib_first_page { } :root { --pagedjs-width:148mm; --pagedjs-height:210mm; --pagedjs-width-right:148mm; --pagedjs-height-right:210mm; --pagedjs-width-left:148mm; --pagedjs-height-left:210mm } @page { size:148mm 210mm; margin:0px; padding:0px; padding:0px }