UnfoldingCSS:FAQ: Difference between revisions

Revision as of 14:20, 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;
}


# PRINT STYLES

@media print {

h2 {font-size: 1.9em; line-height: 1.3em; color: green}
h3 {font-size: 1.5em; line-height: 1.3em; color: green}

a, a:visited, a:hover {color: black; background: green; text-decoration: none;}
a:hover {color: green !important}


@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, h4, h5, h6{
    margin: 0 0 0.5em 0;
    page-break-after: avoid;
    font-weight: 600;
color: green;
}

p {
    margin: 0 0 1em 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;
}

/* 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 {
}
        
.reference-text::footnote-marker {
}
.contents ul{
    margin-top:0.5em;
}
.contents h3{
    margin-bottom: 0.5em;
}

}

/* WIKISTYLING */

.tocnumber { display: none; }