Angeliki at 09:54, 6 November 2023

2023-11-06T09:54:07Z

← Older revision		Revision as of 09:54, 6 November 2023
Line 88:		Line 88:

	background-color: white;		background-color: white;
	~~background-image: url(https://titipi.org/wiki/images/d/d2/Cloud.png);~~
	~~background-size: cover;~~
	@bottom-center{		@bottom-center{
	content:"https://titipi.org";		content:"https://titipi.org";

Angeliki at 09:53, 6 November 2023

2023-11-06T09:53:35Z

← Older revision		Revision as of 09:53, 6 November 2023
Line 50:		Line 50:
	}		}
	@page:first{		@page:first{

	~~background-color: white;~~
	~~background-image: url(https://titipi.org/wiki/images/d/d2/Cloud.png);~~
	~~background-size: cover;~~

Angeliki: Created page with "@font-face { font-family: 'compagnon-italic'; src: url('/wiki/images/5/51/Compagnon-Italic.woff2') format('woff2'), url('/wiki/images/f/fc/Compagnon-Italic.wo..."

2023-11-06T09:52:10Z

Created page with "@font-face { font-family: 'compagnon-italic'; src: url('/wiki/images/5/51/Compagnon-Italic.woff2') format('woff2'), url('/wiki/images/f/fc/Compagnon-Italic.wo..."

New page

@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;

}

@font-face {
font-family: 'adelphe-regular';
src: url('/wiki/images/0/01/Adelphe-FlorealRegular.woff') format('woff'),
url('/wiki/images/e/eb/Adelphe-FlorealRegular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'adelphe-bold';
src: url('/wiki/images/0/05/Adelphe-FlorealBold.woff') format('woff'),
url('/wiki/images/8/81/Adelphe-FlorealBold.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}

:root{
--font-size: 9pt;
}

@page{
size: 148mm 210mm;
margin: 15mm 15mm 15mm 15mm;

@bottom-center{
margin-top: -2mm;
font-family: 'adelphe-regular';
font-size: 8pt;
content: counter(page);
}
@footnote {
float: bottom;
border-top: solid #222 thin;
padding-top: 8pt;
font-family: 'adelphe-regular';
font-size: 8pt;
}

}
@page:first{

background-color: white;
background-image: url(https://titipi.org/wiki/images/d/d2/Cloud.png);
background-size: cover;

@top-center{
font-family: adelphe-bold;
content: "The Cloud is not an option";
font-size:10pt;

}

@bottom-center{
font-family: adelphe-bold;
content: "The Institute for Technology In the Public Interest";
font-size:10pt;

}
}

@page:nth(2){
background-color: white;
@bottom-center{
content:"";
}
}

@page:blank{
background-color:white;
@bottom-center{
content:"";
}
}

/* this last page is buggy */

.pagedjs_page:nth-last-of-type(1) {

background-color: white;
background-image: url(https://titipi.org/wiki/images/d/d2/Cloud.png);
background-size: cover;
@bottom-center{
content:"https://titipi.org";
}
}

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: 110px;
line-height: 0.55;
margin: 0;
font-family: 'adelphe-bold';
text-align: center;

}

span.frenchtitle{
string-set: sectiontitle content(text);
font-size: 110px;
line-height: 0.55;
margin: 0;
font-family: 'adelphe-bold';
display:inline;
position:relative;
hyphens:auto;
color: black;
}

body{
color: black;
font-size: var(--font-size);
line-height: 1.4;
font-family: 'adelphe-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;
font-family: 'compagnon-italic';
page-break-before: always;
}
.runningtitle {
display:none;
}
h2:not( .runningtitle ~ h2 ){
string-set: contributiontitle content(text);
}

h3 {font-family: adelphe-bold; font-size: 1.3em;}

h3, h4, h5, h6{
margin: 0 0 1em 0;
page-break-after: avoid;
}

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: adelphe-regular;
}
img{
display: block;
width: 100%;
height: auto;
margin: 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: #CC3399;
text-decoration: none;
border-bottom: 1px solid #CC3399;
}

/* 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:'adelphe-regular';
}

.reference-text::footnote-marker {
font-family:'adelphe-regular';
}
.contents ul{
margin-top:0.5em;
}
.contents h3{
margin-bottom: 0.5em;
}

/* WIKISTYLING */

.tocnumber { display: none; }

UnfoldingCSS:What's up with the cloud - Revision history

Angeliki at 09:54, 6 November 2023

Angeliki at 09:53, 6 November 2023

Angeliki: Created page with "@font-face { font-family: 'compagnon-italic'; src: url('/wiki/images/5/51/Compagnon-Italic.woff2') format('woff2'), url('/wiki/images/f/fc/Compagnon-Italic.wo..."