UnfoldingCSS:What's up with the cloud: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 88: | Line 88: | ||
background-color: white; | background-color: white; | ||
@bottom-center{ | @bottom-center{ | ||
content:"https://titipi.org"; | content:"https://titipi.org"; |
Latest revision as of 09:54, 6 November 2023
@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{ @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; @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; }