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
}