UnfoldingCSS:Green and Chrome Supremacy FAQ v0.1
(Redirected from UnfoldingCSS:Digital and green supremacy FAQ v1)
body {margin: auto; line-height: 1.4em; max-width: 900px; padding: 1.5em 1em;
<!-- background: linear-gradient(0deg, lightblue, white, lightblue); -->
}
a, a:visited, a:hover {color: black; background: white; text-decoration: none;}
a:hover {color: green !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;
}
h2 {font-size: 1.8em; line-height: 1.3em; color: green}
h3 {font-size: 1.5em; line-height: 1.3em; color: green}
a, a:visited, a:hover {color: black; background: white; text-decoration: none;}
a:hover {color: green !important}
@font-face {
font-family: 'Insolente-Regular';
src: url('https://titipi.org/wiki/images/8/87/Insolente-Regular.woff') format('woff'),
url('/wiki/images/8/84/Insolente-Regular.woff2') format('woff2');
font-weight: bold;
font-style: bold;
}
@font-face {
font-family: 'B.S.-Regular';
src: url('/wiki/images/b/be/B.S.-Regular.woff') format('woff'),
url('/wiki/images/9/98/B.S.-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'B.S.-Mono-Regular';
src: url('/wiki/images/0/0e/B.S.-Mono-Regular.woff') format('woff'),
url('/wiki/images/8/82/B.S.-Mono-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'compagnon-italic';
src: url('/wiki/images/5/51/Compagnon-Italic.woff2') format('woff2'),
url('/wiki/images/f/fc/Compagnon-Italic.woff') format('woff');
url('/wiki/images/e/e7/Compagnon-Italic.eot') format('eot');
font-weight: normal;
font-style: normal;
}
:root{
--font-size: 11pt;
}
@page{
size: 148mm 210mm;
margin: 17mm 15mm 19mm 15mm;
@bottom-center{
margin-top: -4mm;
font-family: 'B.S.-Regular';
font-size: 9pt;
content: counter(page);
}
@footnote {
float: bottom;
border-top: solid #222 thin;
padding-top: 8pt;
font-family: 'B.S.-Regular';
font-size: 8pt;
}
}
@page:first{
background-image: url(https://titipi.org/wiki/images/c/c5/Faq-poster-color3.jpg);
/*background-image: url(https://titipi.org/wiki/images/d/d2/Faq-poster-bw.jpg);*/
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom 20% center;
@top-center{
font-family: 'B.S.-Mono-Regular';
content: "Frequently Asked Questions";
font-size:12pt;
}
@bottom-center{
font-family: 'B.S.-Mono-Regular';
content: "The Infrastructural Rehearsals Collective";
font-size:12pt;
}
}
@page:nth(2) {
@top-center{
content: "";
}
@bottom-center{
content: "";
}
}
@page:nth(3) {
@top-center{
content: "Frequently Asked Questions";
font-family: 'B.S.-Mono-Regular';
font-size:12pt;
}
@bottom-center{
content: "The Infrastructural Rehearsals Collective";
font-family: 'B.S.-Mono-Regular';
font-size:12pt;
}
}
span.frenchtitle{
string-set: frenchtitle content(text);
font-size: 40px;
line-height: 1.2;
margin: 0;
font-family: 'B.S.-Mono-Regular';
position:absolute;
top: 300px;
right:24px;
hyphens:auto;
color: green;
border: solid 2px green;
padding: 20px;
transform: rotate(-7deg);
background: white;
z-index:1;
}
@page:nth(4) {
@top-center{
content: "";
}
@bottom-center{
content: "";
}
}
@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: 69px;
line-height: 1;
margin: 0;
font-family: 'Insolente-Regular';
position:relative;
bottom: 5px;
right: 5px;
hyphens:none;
color: black;
}
span.bookcover-title{
string-set: sectiontitle content(text);
font-size: 40px;
line-height: 1.2;
margin: 0;
font-family: 'B.S.-Mono-Regular';
position:absolute;
top: 400px;
right:24px;
hyphens:auto;
color: green;
border: solid 2px green;
padding: 20px;
transform: rotate(-7deg);
background: white;
z-index:1;
}
body{
color: black;
font-size: 11.5px;
line-height: 1.6;
font-family: 'B.S.-Regular';
}
div.pagebreak{
page-break-after: always;
}
div.nobreak{
page-break-inside: avoid;
}
/* GENERAL ELEMENTS */
blockquote {
font-family: 'compagnon-italic';
}
h2{
margin-top:0;
font-weight: 600;
line-height: 1.2;
font-family: 'Insolente-Regular';
font-size: 2.6rem;
page-break-before: right;
}
.runningtitle {
display:none;
}
h2:not( .runningtitle ~ h2 ){
string-set: contributiontitle content(text);
}
h3 {font-family: Insolente-Regular; font-size: 1.5em; line-height: 1; padding-top: 0.5em;}
h3, h4, h5, h6{
margin: 0 0 1em 0;
page-break-after: avoid;
font-weight: 600;
line-height: 1.2
}
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: asulregular;
}
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: green;
text-decoration: none;
border-bottom: 1px solid green;
}
/* 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;
}
.reference-text::footnote-call {
font-family:'asulregular';
}
.reference-text::footnote-marker {
font-family:'asulregular';
}
.contents ul{
margin-top:0.5em;
}
.contents h3{
margin-bottom: 0.5em;
}
/* WIKISTYLING */
.tocnumber { display: none; }