/* RADIATED BOOK STYLE SHEET
write in http://pad.constantvzw.org/p/mondotheque.radiatedbook.css
run ./getpad.sh
refresh html to get css changes
*/
@page {
size: 20cm 26cm; /* width height */
margin-top:8%;
margin-bottom: 16%;
}
@page:first {
@bottom-center { content: ""; }
@bottom-right { content: ""; }
}
@page:blank {
@top-center {content: none;}
@top-right {content: none;}
@top-left {content: none;}
}
@page:right {
margin-left: 11%; /*inner*/
margin-right:22%; /*outer*/
@top-right {
content: "P." counter(page);
font-size: 8pt;
font-family: 'Cheltenham ATF' !important;
}
}
@page:left {
margin-right: 11%; /*inner*/
margin-left:22%; /*outer*/
@bottom-left {
content: "P." counter(page);
font-size: 8pt;
font-family: 'Cheltenham ATF' !important;
}
@bottom-center {
margin: 10pt 0 30pt 0;
/* content: "The Radiated Book"; */
font-size: 6pt;
}
}
body{
font-size:11pt;
font-family: 'Cheltenham ATF' !important;
font-style: inherit;
font-weight: inherit;
}
/* p {orphans:2; widows:2;} */
a, a:visited { color: black;
text-decoration: none;
border-bottom: 0.5px black solid;
/*! border-bottom-width: 0.5px; */
}
pre {
font-family: monospace;
/*font-size:9pt;*/
letter-spacing:-0.5px;
white-space: pre-wrap;
}
img {
border: 0.25pt solid black !important;
max-width: 100%;
height: auto;
/* float:left;*/ /*prevents border from appearing in PDF*/
page-break-inside: avoid!important;
margin-top:2%;
margin-bottom:2%;
margin-right: 2%;
}
hr {
border: 0.25pt solid black;
width: 50%;
margin: 0;
}
.noborder img {border: 1px solid white !important}
/* this should be of course be a proper 'Cheltenham ATF' bold ... */
strong, bold, b {
font-family: NotCourierSans;
font-weight: normal;
font-style: inherit;
letter-spacing: -0.2pt;
font-size:inherit;
}
ul
{list-style-image: url(img/fleche4.gif);/*! */}
i {
font-variant: none !important;
text-transform: none;
font-weight: 100;
font-size: inherit;
letter-spacing: 0pt;
}
.lang {
vertical-align: super;
font-size: 7pt;
font-family: NotCourierSans;
font-weight: bold;}
.name {font-family: NotCourierSans !important; text-transform: uppercase;font-size: 9pt;font-weight: Bold;}
.revision {font-family: NotCourierSans;
margin: 2% 0;
text-align: right;
float: right;
width: 10% !important;
right: 0;
font-size: 6pt;}
.references {display: block; clear: both;
font-size: 8pt;
width: 100%;
margin-top: 5%;
line-height: 10pt;
}
img.thumbborder {
width: 155px;
margin-top: 5px;
}
.thumb a, .image {border-bottom: none;}
.srf-gallery {
width: auto;
}
.gallerybox {
float: left;
display: inline-block;
}
ul.gallery {
padding-left: 0%;
float: none;
display: inline-block;
width: auto;
list-style-type: square;
}
.personbox, .locationbox {
list-style-type: none; /*property person*/
display:inline-block;
width: 50px !important;
}
div.gallerytext{
vertical-align: top !important;
display: inline-block;
font-size: 7pt;
/*! max-height: 100px; */
overflow: hidden;
min-width: 120%;
}
div.sourcebox{ list-style-type: none;
display: inline-block;
width: 90px !important;
/* padding-right: 10px;
padding-left: 10px; */
max-height: 400px !important;
}
.quote, blockquote {
margin-left: 8%;
margin-right: 8%;
font-style: italic;
margin-left: 8%;
margin-right: 8%;
font-size: 10pt;
}
/*
h1.chaptertitle {
font-size: 40pt;
padding-left: 75%;
line-height: 30pt;text-align: right;
float: right;
page-break-before: always!important;
}*/
h1.chaptertitle {
font-size: 40pt;
/*padding-left: 75%;*/
line-height: 30pt;
text-align: right;
/*float: right;*/
page-break-before: always !important;
/*display: inline-block;
width: 25%;*/
margin-left: 80%;
}
h2.title {
font-size: 30pt;
font-weight: normal;
page-break-before: always;
page-break-after: avoid;
line-height: 28pt;
/* -webkit-column-span: all; <-- creates an error in weasyprint */
margin-right: 75%;
}
h4, h3{
page-break-after: avoid;
}
#The\ Itinerant\ Archive .image, #A\ Pre-emptive\ History\ of\ the\ Google\ Cultural\ Institute .image, #Une\ histoire\ préventive\ du\ Google\ Cultural\ Institute .image{
page-break-before:avoid;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Cheltenham ATF';
line-height: 1em;
font-style: initial !important;;
font-weight: normal;
}
h3 {font-size: 10pt;
text-transform: uppercase;
/*! font-variant: small-caps; */
font-style: initial !important;
padding-top: 15pt;
letter-spacing: 1.5pt;
line-height: 11.5pt;
}
h4,h5,h6 {font-size: 18pt; }
h4 {font-size: 9pt;
line-height: 10pt;
font-weight: Bold;
font-family: NotCourierSans;
text-transform: uppercase;
margin: 0px;}
.title {font-size: 30pt;
page-break-before: always;
page-break-after: avoid;
}
.article {width: 100%;}
.book, .intro {
font-size: 13pt !important;
}
/* .intro {
text-transform: uppercase;
font-variant: small-caps;
letter-spacing: 0.05em;
/* font-weight: bold; */
/* padding-right: 50%;/*
}/*
/* not valid ID == not valid rule */
div.Une_lecture-écriture_du_livre_sur_le_livre p.h3 { font-size: 5pt!important;
}
.new{
background: silver;
padding: 2px 2px 2px 2px;
border-bottom: none;
font-weight: initial;
}
.reference a { font-size: 75% !important;position: relative;vertical-align: super;border-bottom: none !important;}
.reference {line-height: 0 !important}
.side {
width: 30% !important;
float:right;
width:180px;
right:-170px;
font-size: 8pt;
color:black;
background:white;
border-top: 0.25pt solid #000;
border-left: 0.25pt solid #000;
padding:2%;
margin: 2%;
z-index:9;
clear:both;
}
#Transclusionism .side{
float: none !important;
position: relative !important;
right:0 !important;
margin: 30px auto !important;
}
.imgrt {
width:114%;
font-size:12px;
color:black;
z-index:10;
}
.imgrt img{
width:100%;
margin:0 !important;
/* border:none !important; */
}
.transource{
font-style:italic !important;
}
/*page Property:person*/
div#mw-pages{display:none!important;}
.sourceimage .thumbborder, .thumb .thumbborder{
max-width: 200px;
height: auto;
}
#Property\:person {
width: 100%}
div.sourcebox sup {font-size: 6pt !important;
line-height: 1em;
background-color: white;}
#pyramide .gallerytext, #pyramide .sourcetext {
text-align: left;
vertical-align: top !important;
display: inline-block;
font-size: 6pt;
line-height:1em;
background:white;
}
div.article#Les\ Pyramides div.sourcetext {
text-align: left;
vertical-align: top !important;
display: inline-block;
font-size: 7pt;
overflow: hidden;
max-height:70% ;
/*max-width: 70%;*/}
div.article#Les\ Pyramides img {
float:left;
}
.sourceimage, .sourcesoup{
}
sup, .gallerytext {font-size: 6pt; line-height: 1.4em;}
.gallerytext{padding-left: 0%; padding-right: 30%;}
.mw-tmh-playtext, .mw-cite-backlink {display:none;}
.sourcetext{
padding-left: 0%; padding-right: 10%;
}
/* articles that page-break-before section
must be wrapped in div.h3break
in html_manipulate.py: LINE "if articlediv.get('id') in ['A bag but is language nothing of words'"
*/
/*
div#A\ bag\ but\ is\ language\ nothing\ of\ words h3{
page-break-before: always!important;
}*/
div#Madame\ C\/Mevrouw\ C h3{
page-break-before: always!important;
}
div#An\ experimental\ transcript pre {
font-size:7pt !important;
}
div#An\ experimental\ transcript .image{
display:inline-block;
height:auto;
width:auto;
}
div#An\ experimental\ transcript .image img{
border:none !important;
margin:0;
width:auto;
height:90px !important;
}
#a\.7Cb\.7Cc\.7Cd\.7Ce\.7Cf\.7Cg\.7Ch\.7Ci\.7Cj\.7Ck\.7Cl\.7Cm\.7Cn\.7Co\.7Cp\.7Cr\.7Cs\.7Ct\.7Cu\.7Cv\.7Cw\.7Cy\.7Cz, #a\.7Cb\.7Cc\.7Cd\.7Ce\.7Cf\.7Cg\.7Ch\.7Ci\.7Cj\.7Ck\.7Cl\.7Cm\.7Cn\.7Co\.7Cp\.7Cr\.7Cs\.7Ct\.7Cu\.7Cv\.7Cw\.7Cy\.7Cz_2, #An\ experimental\ transcript h4{
display:none !important;
}
/*.personbox{
}
*/
/* STYLES FOR THE TRAITE INDEX */
div.article#Une\ lecture-\écriture\ du\ livre\ sur\ le\ livre h3{
text-transform: none;
letter-spacing: initial;
font-size: 11pt;
font-family: 'Cheltenham ATF';
font-style: Italic !important;
line-height: 12pt;
padding-top: 0px;
}
div.article#Une\ lecture-\écriture\ du\ livre\ sur\ le\ livre a{
text-transform: uppercase;
/*! font-variant: small-caps; */
font-size: 9.5pt;
/*! letter-spacing: 0.5pt; */
font-family: NotCourierSans;
}
div.article#Une\ lecture-\écriture\ du\ livre\ sur\ le\ livre .image { width: 50%;
display: inline-block;
}
.chapeau {font-size: 13pt;
font-weight:normal;
}
div.article#Une\ lecture-\écriture\ du\ livre\ sur\ le\ livre .fragment .unit {/*! *//*! */border-right: 5px solid white;/*! */border-collapse: collapse;/*! *//*! *//*! *//*! */background-color: rgba(5, 0, 0, 0.1);line-height: 18pt;/*! */padding: 1pt; color: black;}
.fragment {margin-left: 25%;
font-weight:normal;
/*! background-color: lightgrey; */
/*! padding-left: 10pt; */
/*! padding-right: 10pt; */
/*! */
/*! border: 0.25pt solid; */
/*! padding: 10px; */
padding-top: 5px;
margin-top: 10pt;
}
div.article#Une\ lecture-\écriture\ du\ livre\ sur\ le\ livre .new { font-style:italic;}
div.article#Une\ lecture-\écriture\ du\ livre\ sur\ le\ livre .mw-headline {} /* 411.1 Les documents. */
div.article#Une\ lecture-\écriture\ du\ livre\ sur\ le\ livre b {
font-size: 9pt;
letter-spacing:-0.2pt;
}
div.article#Une\ lecture-\écriture\ du\ livre\ sur\ le\ livre div.category-title {
text-transform: uppercase;
margin-top: 10pt;
border-top: 0.25pt solid black;
font-family: NotCourierSans;
font-size: 12pt;
font-weight: bold;
}
div.article#Une\ lecture-\écriture\ du\ livre\ sur\ le\ livre .fragment h3 span a{
font-variant: normal;
font-style: normal;
margin-bottom: 0;
}
div.article#Une\ lecture-\écriture\ du\ livre\ sur\ le\ livre .indeximage:after{
content:".";
display:block;
clear:both;
visibility:hidden;
}
div.article#Une\ lecture-\écriture\ du\ livre\ sur\ le\ livre .indeximage .image{
position:relative;
float:left;
width:50%;
}
div.article#Une\ lecture-\écriture\ du\ livre\ sur\ le\ livre .caption {
position:relative;
float:left;
left:15px;
width:40%;
font-size: 9pt!important;
}
div.article#Une\ lecture-\écriture\ du\ livre\ sur\ le\ livre .chapeau {font-size:11pt;
margin-top: 5pt;}
div.article#Une\ lecture-\écriture\ du\ livre\ sur\ le\ livre .refref {
position:relative;
left:15px;
padding-top:2%;
}
div.article#Une\ lecture-\écriture\ du\ livre\ sur\ le\ livre img{
width:100%;
}
div.article#Une\ lecture-\écriture\ du\ livre\ sur\ le\ livre img.thumbborder{
display: inline-block;
max-width: 100%!important;
height: auto!important;
}
div.article#Une\ lecture-\écriture\ du\ livre\ sur\ le\ livre div.fragment h4{ display:none;
} /* hides filename from imgs*/
div.mediaContainer{
width: 100px !important;
height: 100px !important;
display: block;
border: 1px dashed #000;
}
div.mediaContainer video{ display: none !important; }
div.article#House\,\ City\,\ World\,\ Nation\,\ Globe td:nth-child(3),
div.article#House\,\ City\,\ World\,\ Nation\,\ Globe td:nth-child(4) {
text-align:center;
}
div.article#House\,\ City\,\ World\,\ Nation\,\ Globe .wikitable.sortable td {vertical-align:top; font-size:11pt !important; text-align: left;border-bottom: 0.25pt solid black;padding-bottom: 5px;}
div.article#House\,\ City\,\ World\,\ Nation\,\ Globe .wikitable.sortable tr {vertical-align:top; font-size:9pt; padding-bottom: 10px;text-align: left;}
div.article#House\,\ City\,\ World\,\ Nation\,\ Globe .wikitable.sortable th {/*! */ /*! */ padding-bottom: 10px;/*! */}
div.article#House\,\ City\,\ World\,\ Nation\,\ Globe .wikitable.sortable b {font-size:9pt !important;}
#A\ Pre-emptive\ History\ of\ the\ Google\ Cultural\ Institute img{
width:100%;
}
#Une\ histoire\ préventive\ du\ Google\ Cultural\ Institute{
width:100%;
}
#les\ utopistes table{
font-size:9pt;
}
#les\ utopistes table td{
vertical-align: top;
border-bottom: 0.25pt solid black;
padding-bottom: 8px;
}
div.article#The\ Smart\ City\ -\ City\ of\ Knowledge .thumbcaption,
div.article#La\ ville\ intelligente\ -\ Ville\ de\ la\ connaissance .thumbcaption
{/*! color: red; */font-family: NotCourierSans;letter-spacing: -0.2pt;text-transform: uppercase;font-size: 8pt;position: relative;clear: both;padding: 10px;/*! */
margin-right: 4%;
}
div.article#The\ Smart\ City\ -\ City\ of\ Knowledge .tnone,
div.article#La\ ville\ intelligente\ -\ Ville\ de\ la\ connaissance .tnone {float:left; clear:both; width: 50% !important;
page-break-inside: avoid !important;
margin-top: 2%;
margin-bottom: 2%;
margin-right: 2%;
}
div.article#The\ Smart\ City\ -\ City\ of\ Knowledge .thumbinner,
div.article#La\ ville\ intelligente\ -\ Ville\ de\ la\ connaissance .thumbinner {width: 100% !important}
div#The\ Smart\ City\ -\ City\ of\ Knowledge.article img, div#La\ ville\ intelligente\ -\ Ville\ de\ la\ connaissance.article img {
margin-right: 0.5cm;
}
div#Index ul{
page-break-inside: avoid !important;
}
#Introduction .tnone,#Préface .tnone,#Inleiding .tnone{
page-break-inside: avoid !important;
}
#Introduction .thumbcaption,#Préface .thumbcaption,#Inleiding .thumbcaption{
clear: both;
}
div#The\ Itinerant\ Archive .inter {
/*! color: red; */ }
div#The\ Itinerant\ Archive .gallerytext {
color: black;
padding-right: 45%;
text-align: left;
vertical-align: top !important;
display: inline-block;
font-size: 7pt;
overflow: hidden;
max-height: none;
max-width: 100%;
line-height: 8pt;
}
div#The\ Itinerant\ Archive .gallerybox {
float: left;
display: inline-block;
width: 100px !important;
}
div#The\ Itinerant\ Archive .guide {
font-family: NotCourierSans;
font-size: 9pt;
padding-left: 0px;
letter-spacing: -0.2pt;
width: 7cm;
padding-top: 0.5cm;
padding-bottom: 0.5cm;
text-align: left;
padding-left: 5.5cm;
line-height: 11pt;
}
div#The\ Itinerant\ Archive .quote {/*! background:rgba(0, 0, 0, 0.05); */ padding:10px; /*! */}
#Reading\ list ul,
#Amateur\ Librarian\ -\ A\ Course\ in\ Critical\ Pedagogy ul,
#Bibliothécaire\ amateur\ -\ un\ cours\ de\ pédagogie\ critique ul
{color:black;
font-size:10pt;
margin-right: 30%;
font-weight: 400;
padding-bottom: 5px;
}
#Amateur\ Librarian\ -\ A\ Course\ in\ Critical\ Pedagogy a,
#Bibliothécaire\ amateur\ -\ un\ cours\ de\ pédagogie\ critique a
{font-variant: normal;
font-size: 10pt;
text-transform: none;
letter-spacing: 0.2pt;
font-weight: normal;
}
.external.text, #Reading\ list ul i,
#Amateur\ Librarian\ -\ A\ Course\ in\ Critical\ Pedagogy ul i,
#Bibliothécaire\ amateur\ -\ un\ cours\ de\ pédagogie\ critique ul i
{font-size: 10pt;}
#Reading\ list b {
font-family: inherit;
text-transform: initial;
letter-spacing: normal;
font-size: 11pt;
}
#Introduction .thumbimage,
#Préface .thumbimage,
#Inleiding .thumbimage {width: 7cm;}