/* 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;}