UnfoldingCSS:TheDirt: Difference between revisions

From titipi
Jump to navigation Jump to search
No edit summary
No edit summary
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
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-face {
Line 32: Line 7:


}
}
@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{
@page{
size: 594mm 841mm;
size: 148mm 210mm;
margin:17mm 15mm 19mm 15mm;
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: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;
}
}


Line 158: Line 24:
);
);
}
}
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; }
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

Latest revision as of 10:11, 5 June 2023


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

}

@page{
	size: 148mm 210mm;
	margin:17mm 15mm 19mm 15mm;
}

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