UnfoldingCSS:Counter Cloud Action Plan

From titipi
Revision as of 16:06, 15 February 2022 by FS (talk | contribs)
Jump to navigation Jump to search
@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
}