UnfoldingCSS:FAQ: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
mNo edit summary |
||
Line 98: | Line 98: | ||
line-height: 1; | line-height: 1; | ||
content: "FAQ"; | |||
font-size:120px; | font-size:120px; | ||
text-align:center; | text-align:center; | ||
font-family: 'windy'; | font-family: 'windy'; | ||
position:auto; | position:auto; | ||
color: #FF69B480; | color: #FF69B480; | ||
-webkit-text-stroke: 10px #ff8c0080; | -webkit-text-stroke: 10px #ff8c0080; |
Revision as of 12:24, 4 July 2023
body {margin: auto; line-height: 1.4em; max-width: 900px; padding: 1.5em 1em; background: linear-gradient(0deg, violet, red, violet); } h2 {font-size: 1.9em; line-height: 1.3em; color: white} h3 {font-size: 1.5em; line-height: 1.3em; color: white} a, a:visited, a:hover {color: black; background: white; text-decoration: none;} a:hover {color: red !important} .gallerybox ul, .gallerybox li {style: none;} .gallerybox li {width:200px; float: right;} .tocnumber {display: none;} img{ max-width:100%; } /* 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; } b, strong {font-family: 'asulbold'; font-size: 11pt;} @page{ size: 148mm 210mm; margin:17mm 15mm 19mm 15mm; @bottom-center{ margin-top: -4mm; font-family: 'asulregular'; font-size: 9pt; content: counter(page); } @footnote { float: bottom; border-top: solid #222 thin; padding-top: 8pt; font-family: 'asulregular'; font-size: 8pt; } } @page:first{ background: linear-gradient(0deg, violet, red, violet); content: "Counter Cloud FAQ"; } } @page:nth(2){ background-color: white; @bottom-center{ content:""; } } @page:nth(3) { background-color:white; } @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 { line-height: 1; content: "FAQ"; font-size:120px; text-align:center; font-family: 'windy'; position:auto; color: #FF69B480; -webkit-text-stroke: 10px #ff8c0080; } span.frenchtitle{ string-set: sectiontitle content(text); font-size: 140px; line-height: 0.55; margin: auto; font-family: 'garden'; display:inline; position:relative; hyphens:auto; color: black; } div.pagebreak{ page-break-after: always; } div.nobreak{ page-break-inside:avoid; } /* GENERAL ELEMENTS */ blockquote { font-family: 'compagnon-italic'; } h2{ margin: 0 0 0.5em 0; font-weight: 600; line-height: 1; font-family: 'garden'; color:#FF00BF; -webkit-text-stroke: 1px orange; font-size:24pt; page-break-before:never; } .runningtitle { display:none; } h2:not( .runningtitle ~ h2 ){ string-set: contributiontitle content(text); } h3 {font-family: garden; font-size: 1.5em; line-height: 1;} h3, h4, h5, h6{ margin: 0 0 0.5em 0; page-break-after: avoid; font-weight: 600; } p { margin: 0 0 1em 0; } /* .contrib p{ orphans:2; widows:2; } */ .thumb{ /* image caption */ font-size: 8pt; line-height: 1.25; margin: 24pt 16pt 16pt 16pt; page-break-inside: avoid; font-family: asulregular; } img{ position: relative; display: block; max-width: 100%; height: auto; margin: 0 0 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: #FF00BF; text-decoration: none; border-bottom: 1px solid #FF00BF; } /* 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; }