UnfoldingCSS:StyleBox: Difference between revisions

From titipi
Jump to navigation Jump to search
No edit summary
No edit summary
Line 7: Line 7:
     --quote-font: 'Serif';
     --quote-font: 'Serif';
     --footnote-font: 'Sanserif';
     --footnote-font: 'Sanserif';
    --page-number-font: 'Monospace';
      
      


Line 15: Line 16:


     /* ***** CONTENT ****** */
     /* ***** CONTENT ****** */
     --PUB-title: 'hello';
     --PUB-title: 'The Title';


}
}
Line 23: Line 24:


     @bottom-center{
     @bottom-center{
         font-family: asulbold;
         font-family: var(--title-font);
content: "ENTER COLLECTIVE HERE";
content: "ENTER COLLECTIVE HERE";
         font-size:12pt;
         font-size:12pt;
     }
     }


}
p:nth-of-type(3n) {
  border: 2px solid orange;
  margin-left: -10px;
}
}


Line 74: Line 70:
     }
     }
      
      
}
p:nth-of-type(3n) {
  border: 2px solid orange;
  margin-left: -10px;
}
}

Revision as of 08:51, 7 June 2024

:root {

    /* ***** FONTS ****** */
    --title-font: 'Serif';
    --body-font: 'Sanserif';
    --code-font: 'Monospace';
    --quote-font: 'Serif';
    --footnote-font: 'Sanserif';
    --page-number-font: 'Monospace';
    

    /* ****** COLOR ****** */
    --background-color: #ffffff;
    --text-color: #121212;


    /* ***** CONTENT ****** */
    --PUB-title: 'The Title';

}


@page:first{

    @bottom-center{
        font-family: var(--title-font);
		content: "ENTER COLLECTIVE HERE";
        font-size:12pt;
    }

}

@page:right {

    margin-left: 35mm;
    margin-right: 20mm;

    @right-middle {
        content: counter(page);
        font-family: var(--code-font);
    }    

    @right-top {
        content: var(--PUB-title);
        font-family: var(--title-font);
        margin-right: 0.8cm;
        writing-mode: vertical-rl;
        text-orientation: mixed;
    }
    
}


@page:left {

    margin-right: 35mm;
    margin-left: 20mm;

    @left-middle {
        content: counter(page);
        font-family: var(--title);
    }    

    @left-top {
        content: "TITLE";
        font-family: Serif;
        margin-right: 0.8cm;
        writing-mode: vertical-rl;
        text-orientation: mixed;
    }
    
}


p:nth-of-type(3n) {
  border: 2px solid orange;
  margin-left: -10px;
}