UnfoldingCSS:Counter Cloud Action Plan: Difference between revisions

From titipi
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('http://titipi.org/wiki/images/b/bf/PicNic-Regular.woff2') format('woff2');
  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';
font-family:'asulbold';
    src: url('http://titipi.org/wiki/images/2/2f/Asul-bold-webfont.woff') format('woff2'),
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');
url(http://titipi.org/wiki/images/3/3c/Asul-bold-webfont.woff2) format('woff');
    font-weight: normal;
font-weight:normal;
    font-style: normal;
font-style:normal
}
}
@font-face {
@font-face {
    font-family: 'asulregular';
font-family:'asulregular';
    src: url('http://titipi.org/wiki/images/0/03/Asul-regular-webfont.woff') format('woff2'),
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');
url(http://titipi.org/wiki/images/c/c7/Asul-regular-webfont.woff2) format('woff');
    font-weight: normal;
font-weight:normal;
    font-style: 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;
}
}


:root{
.runningtitle {
--font-size: 12pt;
display:none
}
}


.pagedjs_section_first_page + .pagedjs_blank_page {
/*
        background-color:red !important;
h2:not(.runningtitle~h2) {
string-set:contributiontitle content(text)
}
}
*/


@page{
h3 {font-family: Picnic; font-size: 1.5em}
size: 148mm 210mm;
margin: 17mm 15mm 19mm 15mm;


@top-center{
h3,
    content: string(contributiontitle);  
h4,
            font-family: Picnic;
h5,
            font-size: 20pt;
h6 {
            overflow: hidden;
margin:0 0 1em 0;
            text-overflow:ellipsis;
font-weight:600
            white-space: nowrap;
}
            margin-left: -10mm;
p {
            margin-right: -10mm;
margin:0 0 1em 0
}
}
@bottom-center{
.contrib p {
margin-top: -4mm;
orphans:2;
font-family: 'asulregular';
widows:2
                font-weight: 500;
}
font-size: 9pt;
.thumb {
content: counter(page);
font-size:10pt;
}
line-height:1.25;
      @footnote {
margin:24pt 16pt 16pt 16pt;
          float: bottom;
page-break-inside:avoid;
          border-top: solid #222 thin;
font-family:asulregular
          padding-top: 8pt;
}
          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)
}
}
@page:first{
margin: 5mm 5mm 5mm 5mm;


background-color: #a5d;
*/
.pagedjs_page .pagedjs_margin-bottom-center>.pagedjs_margin-content>* {
@top-left{
display:block
content: "";
}
}
.pagedjs_page .pagedjs_margin-bottom-center>.pagedjs_margin-content::after {
@top-center{
content:counter(page)
                font-family: asulregular;
}
content: "Big Tech strikethrough";
.pagedjs_page .pagedjs_footnote_content {
                font-size:11pt;
float:bottom;
                font-weight: 500;
border-top:solid #222 thin;
                margin-bottom: -5mm;
padding-top:8pt;
 
font-family:'asulregular'
 
}
}
.pagedjs_page {
        @bottom-center{
--pagedjs-margin-top:17mm;
                font-family: asulregular;
--pagedjs-margin-right:15mm;
content: "The Institute for Technology In the Public Interest";
--pagedjs-margin-left:15mm;
                font-size:11pt;
--pagedjs-margin-bottom:19mm;
                font-weight: 500;
--pagedjs-pagebox-width:148mm;
        }
--pagedjs-pagebox-height:210mm
}  
 
@page:blank{
background-color:#222;
@top-left{
content: "";
}
@top-center{
content: "";
}
@top-center{
content: "";
}
        @top-center{
content: "";
        }
        @bottom-center{
                content:"";
        }
}
}
 
.pagedjs_page.pagedjs_first_page .pagedjs_margin-top-left {
@page:nth(2){       
        background-color: #222;
        @bottom-center{
                content:"";
        }
}
}
 
.pagedjs_page.pagedjs_first_page .pagedjs_margin-top-center {
@page section:first{
font-family:asulregular;
margin: 8mm 8mm 0mm 8mm;
font-size:11pt;
background-color: #222;
font-weight:500;
 
margin-bottom:-5mm
        @bottom-center{
                content:"";
        }
}
}
 
.pagedjs_page.pagedjs_first_page .pagedjs_margin-bottom-center {
@page contrib:first{
font-family:asulregular;
        @top-center{
font-size:11pt;
content: "";
font-weight:500
        }
}
}
 
.pagedjs_page.pagedjs_first_page .pagedjs_margin-top-left>.pagedjs_margin-content>* {
div.section{
display:block
page: section;
}
}
 
.pagedjs_page.pagedjs_first_page .pagedjs_margin-top-left>.pagedjs_margin-content::after {
div.section, div.section div.contrib:nth-of-type(1){
content:""
      break-before: right;
}
}
div.contrib:not(:first-of-type){
.pagedjs_page.pagedjs_first_page .pagedjs_margin-top-center>.pagedjs_margin-content>* {
      break-before: always;   
display:block
}
}
div.contrib{
.pagedjs_page.pagedjs_first_page .pagedjs_margin-top-center>.pagedjs_margin-content::after {
      page: contrib;
content:"NEoN Big Tech strikethrough"
}
}
 
.pagedjs_page.pagedjs_first_page .pagedjs_margin-bottom-center>.pagedjs_margin-content>* {
h1{
display:block
  margin:0;
  font-family: 'Picnic';
  font-size: 170px;
  font-weight: normal;
  line-height: 0.8em;
  hyphens:auto;
  color:white;
  page-break-after: always;
}
}
 
.pagedjs_page.pagedjs_first_page .pagedjs_margin-bottom-center>.pagedjs_margin-content::after {
span.bookcover{
content:"The Institute for Technology In the Public Interest"
        color:#222;
string-set: sectiontitle content(text);
        font-size: 222px;
        line-height: 0.55;
margin: 0;
/*        margin-left: 32pt; */
        font-family: 'Picnic';
        display:inline;
        position:relative;
        hyphens:auto;
}
}
span.bookcover.floating{
.pagedjs_page.pagedjs_first_page {
      font-weight:300;
background-color:#a5d;
      font-size: 132pt;
--pagedjs-margin-top:5mm;
      font-family:'asulregular';
--pagedjs-margin-right:5mm;
      color:#222;
--pagedjs-margin-left:5mm;
        line-height: 160px;
--pagedjs-margin-bottom:5mm
      width:70%;
}
}
 
.pagedjs_page.pagedjs_blank_page .pagedjs_margin-top-left {
 
body{
        color:#222;
font-size: var(--font-size);
line-height: 1.6;
        font-family: 'asulregular';
}
}
 
.pagedjs_page.pagedjs_blank_page .pagedjs_margin-top-center {
div.pagebreak{
    page-break-after: always;
}
}
div.nobreak{
.pagedjs_page.pagedjs_blank_page .pagedjs_margin-bottom-center {
    page-break-inside: avoid;
}
}
 
.pagedjs_page.pagedjs_blank_page .pagedjs_margin-top-left>.pagedjs_margin-content>* {
div.cover{
display:block
}
}
div.cover h1,
.pagedjs_page.pagedjs_blank_page .pagedjs_margin-top-left>.pagedjs_margin-content::after {
div.cover ul li{
content:""
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;
}
 
/* general elements*/
 
 
 
h2{
margin-top:0;
font-weight: 600;
line-height: 1.25;
font-family: 'Picnic';
font-size: 2rem;
}
}
.runningtitle {
.pagedjs_page.pagedjs_blank_page .pagedjs_margin-top-center>.pagedjs_margin-content>* {
  display:none;
display:block
}
}
h2:not( .runningtitle ~ h2 ){
.pagedjs_page.pagedjs_blank_page .pagedjs_margin-top-center>.pagedjs_margin-content::after {
string-set: contributiontitle content(text);
content:""
}
}
 
.pagedjs_page.pagedjs_blank_page .pagedjs_margin-bottom-center>.pagedjs_margin-content>* {
h3, h4, h5, h6{
display:block
    margin: 0 0 1em 0;
    page-break-after: avoid;
    font-weight: 600;
}
}
 
.pagedjs_page.pagedjs_blank_page .pagedjs_margin-bottom-center>.pagedjs_margin-content::after {
p{
content:""
    margin: 0 0 1em 0;
}
}
 
.pagedjs_page.pagedjs_blank_page {
.contrib p{
background-color:#222
    orphans:2;
    widows:2;
}
}
 
.pagedjs_page:nth-of-type(2) .pagedjs_margin-bottom-center {
.thumb{
    /* image caption */
    font-size: 10pt;
    line-height: 1.25;
    margin: 24pt 16pt 16pt 16pt;
    page-break-inside: avoid;
    font-family: asulregular;
}
}
img{
.pagedjs_page:nth-of-type(2) .pagedjs_margin-bottom-center>.pagedjs_margin-content>* {
    position: relative;
display:block
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 0 8pt 0;
}
}
.thumbinner{
.pagedjs_page:nth-of-type(2) .pagedjs_margin-bottom-center>.pagedjs_margin-content::after {
    max-width:100%;
content:""
}
}
pre{
.pagedjs_page:nth-of-type(2) {
    font-size: 8pt;
background-color:#222
    line-height: 1.8;
    white-space: pre;
    margin: 16pt 16pt;
}
}
table{
.pagedjs_page.pagedjs_named_page.pagedjs_section_page.pagedjs_section_first_page .pagedjs_margin-bottom-center {
    width: 100%;
}
}
sup{
.pagedjs_page.pagedjs_named_page.pagedjs_section_page.pagedjs_section_first_page .pagedjs_margin-bottom-center>.pagedjs_margin-content>* {
    line-height: 0;
display:block
}
}
a,
.pagedjs_page.pagedjs_named_page.pagedjs_section_page.pagedjs_section_first_page .pagedjs_margin-bottom-center>.pagedjs_margin-content::after {
a:visited,
content:""
a:active,
a:hover{
    color: #83b;
    text-decoration: none;
    font-weight: 500;
}
}
 
.pagedjs_page.pagedjs_named_page.pagedjs_section_page.pagedjs_section_first_page {
/* specific details */
background-color:#222;
a.external{
--pagedjs-margin-top:8mm;
    word-break: break-all;
--pagedjs-margin-right:8mm;
--pagedjs-margin-left:8mm;
--pagedjs-margin-bottom:0mm
}
}
b,strong {
.pagedjs_page.pagedjs_named_page.pagedjs_contrib_page.pagedjs_contrib_first_page .pagedjs_margin-top-center {
    font-weight:500;
}
}
 
.pagedjs_page.pagedjs_named_page.pagedjs_contrib_page.pagedjs_contrib_first_page .pagedjs_margin-top-center>.pagedjs_margin-content>* {
span.reference-text {  
display:block
    float: footnote;
}
}
.reference-text::footnote-call {
.pagedjs_page.pagedjs_named_page.pagedjs_contrib_page.pagedjs_contrib_first_page .pagedjs_margin-top-center>.pagedjs_margin-content::after {
    font-family:'asulregular';
content:""
}
}
       
.pagedjs_page.pagedjs_named_page.pagedjs_contrib_page.pagedjs_contrib_first_page {
.reference-text::footnote-marker {
    font-family:'asulregular';
}
}
.contents ul{
:root {
    margin-top:0.5em;
--pagedjs-width:148mm;
--pagedjs-height:210mm;
--pagedjs-width-right:148mm;
--pagedjs-height-right:210mm;
--pagedjs-width-left:148mm;
--pagedjs-height-left:210mm
}
}
.contents h3{
@page {
    margin-bottom: 0.5em;
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
}