UnfoldingCSS:TheDirt: Difference between revisions

Revision as of 10:00, 5 June 2023

Jump to navigationJump to search


@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: 594mm 841mm;
	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/55/TEXT--mycelium-wind-zine.jpg);
   background-size: contain;
  
   background-repeat: no-repeat;
   background-position: center center;

	

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

        }
}


@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:580px;
        text-align:center;
        font-family: 'asulregular';
        position:auto;
        hyphens:manual;
        color: black;
        
      
}

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 0 0.5em 0;
font-weight: 600;
line-height: 1;
font-family: 'asulbold';
color: black;
font-size:580pt;
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; }
Navigation menu
HelenvpTalkPreferencesWatchlistContributionsLog out
UnfoldingPrint CSSOpen in wiki-to-pdf!
ReadEdit sourceAdd topicView historyUnwatchMore
Search
Search titipi
Main page
Recent changes
Random page
Help about MediaWiki
Last uploaded files
Tools
What links here
Related changes
Upload file
Special pages
Printable version
Permanent link
Page information
This page was last edited on 3 June 2023, at 08:15.
Content is available under Creative Commons Attribution-ShareAlike unless otherwise noted.
Privacy policyAbout titipiDisclaimersCreative Commons Attribution-ShareAlikePowered by MediaWiki