UnfoldingCSS:Electric Field: Difference between revisions

From titipi
Jump to navigation Jump to search
No edit summary
mNo edit summary
 
(30 intermediate revisions by 2 users not shown)
Line 1: Line 1:
body{
 
        color: black;
        font-size: var(--font-size);
line-height: 1.4;
        font-family: 'asulregular';
        margin: auto;
 
}


@font-face {
@font-face {
Line 26: Line 19:
     src: url('/wiki/images/2/2f/Asul-bold-webfont.woff') format('woff'),
     src: url('/wiki/images/2/2f/Asul-bold-webfont.woff') format('woff'),
         url('/wiki/images/3/3c/Asul-bold-webfont.woff2') format('woff2');
         url('/wiki/images/3/3c/Asul-bold-webfont.woff2') format('woff2');
     font-weight: normal;
     font-weight: bold;
     font-style: normal;
     font-style: normal;
}
}
Line 49: Line 42:




 
b, strong {font-family: 'asulbold'; font-size: 11pt;}
:root{
--font-size: 11pt;
}
 


@page{
@page{
Line 74: Line 63:


}
}
@page:first{
@page:first{
    
    
    
    
  background-image:url(https://titipi.org/wiki/images/f/f1/Farm-noise.gif);
background-image:url(https://titipi.org/wiki/images/5/51/Text-cutout-field-lightning.jpg);
   background-image-size:auto;
   background-size: contain;
    
    
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   background-position: center center;
   background-position: center center;


         @bottom-center{
         @bottom-center{
                 font-family: garden;
                 font-family: garden;
content: "Regenerative Energy Communities";
                   color: #ff8c0080;
                   color: #ff8c0080;
content:"";
         -webkit-text-stroke: 1px #FF69B480;
         -webkit-text-stroke: 1px #FF69B480;
                 font-size:24pt;
                 font-size:24pt;
Line 96: Line 85:
         }
         }
}
}




Line 119: Line 110:


div.section, div.section div.contrib:nth-of-type(1){
div.section, div.section div.contrib:nth-of-type(1){
      break-before: right;
break-before: right;      
 
}
}
div.contrib:not(:first-of-type){
div.contrib:not(:first-of-type){
Line 155: Line 147:
}
}


body{
        color: black;
font-size:10pt;
        margin: auto;
line-height: 1.5em;
        font-family: 'asulregular';
        max-width: 900px;
        padding: 1.5em 1em;
       
);
}




}


div.pagebreak{
div.pagebreak{
Line 175: Line 176:


h2{
h2{
margin-top:0;
margin: 0.5em 0 0.5em 0;
font-weight: 600;
font-weight: 600;
line-height: 1;
line-height: 1;
font-family: 'garden';
font-family: 'garden';
font-size: 2.6rem;
color:#FF00BF;
color:#FF00BF;
-webkit-text-stroke: 1px orange;
-webkit-text-stroke: 1px orange;
font-size:36pt;
font-size:24pt;
page-break-before:always;
page-break-before:never;


}
}
Line 193: Line 193:
}
}


h3 {font-family: Picnic; font-size: 1.5em; line-height: 1;}
h3 {font-family: garden; font-size: 1.5em; line-height: 1;}


h3, h4, h5, h6{
h3, h4, h5, h6{
     margin: 0 0 1em 0;
     margin: 0.5em 0 0.5em 0;
     page-break-after: avoid;
     page-break-after: avoid;
     font-weight: 600;
     font-weight: 600;
}
}


p{
p {
     margin: 0 0 1em 0;
     margin: 0 0 1em 0;
}
}
Line 214: Line 214:
.thumb{
.thumb{
     /* image caption */
     /* image caption */
     font-size: 10pt;
     font-size: 8pt;
     line-height: 1.25;
     line-height: 1.25;
     margin: 24pt 16pt 16pt 16pt;
     margin: 24pt 16pt 16pt 16pt;
Line 246: Line 246:
a:active,
a:active,
a:hover{
a:hover{
     color: #CC3399;
     color: #FF00BF;
     text-decoration: none;
     text-decoration: none;
     border-bottom: 1px solid #CC3399;
     border-bottom: 1px solid #FF00BF;
}
}



Latest revision as of 05:47, 3 June 2023



@font-face {
 font-family: 'windy';
 src: url('/wiki/images/7/7b/SpookySquiggles-LLwG.woff') format('woff');
  font-weight: normal;
    font-style: normal;
}

@font-face {
 font-family: 'garden';
 src: url('/wiki/images/b/b2/Bitwise.woff') format('woff');
  font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'asulbold';
    src: url('/wiki/images/2/2f/Asul-bold-webfont.woff') format('woff'),
         url('/wiki/images/3/3c/Asul-bold-webfont.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'asulregular';
    src: url('/wiki/images/5/58/Le-patin-helvete.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@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;

}


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-image:url(https://titipi.org/wiki/images/5/51/Text-cutout-field-lightning.jpg);
   background-size: contain;
  
   background-repeat: no-repeat;
   background-position: center center;

        @bottom-center{
                font-family: garden;
                   color: #ff8c0080;
content:"";
        -webkit-text-stroke: 1px #FF69B480;
                font-size:24pt;
                padding-bottom:19mm;
                position:auto;

        }
}




@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;
	string-set: sectiontitle content(text); 
        font-size:120px;
        text-align:center;
        font-family: 'windy';
        position:auto;
        hyphens:manual;
        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;
}

body{
        color: black;
 font-size:10pt;
        margin: auto;
	line-height: 1.5em;
        font-family: 'asulregular';
        max-width: 900px; 
        padding: 1.5em 1em;
        
);
}



div.pagebreak{
    page-break-after: always;
}
div.nobreak{
    page-break-inside:avoid;
}


/* GENERAL ELEMENTS */

blockquote {
font-family: 'compagnon-italic';
}

h2{
margin: 0.5em 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.5em 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; }