UnfoldingCSS:StyleBox: Difference between revisions

From titipi
Jump to navigation Jump to search
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 23: Line 23:
     @right-middle {
     @right-middle {
         content: counter(page);
         content: counter(page);
         font-family: mono;
         font-family: Serif;
     }
     }
      
      
     @left-bottom {
     @left-bottom {
         content: "TITLE";
         content: "TITLE";
         font-family: var(--typo_two);
         font-family: Serif;
         margin-right: 0.6cm;
         margin-right: 0.6cm;
         writing-mode: vertical-rl;
         writing-mode: vertical-rl;
Line 36: Line 36:
     @right-top {
     @right-top {
         content: "SUBTITLE";
         content: "SUBTITLE";
         font-family: mono;
         font-family: Serif;
         margin-right: 0.8cm;
         margin-right: 0.8cm;
         writing-mode: vertical-rl;
         writing-mode: vertical-rl;
Line 56: Line 56:
      
      
     @right-middle {
     @right-middle {
         content: "";
         content: "SUBTITLE";
         font-family: mono;
         font-family: mono;
     }
     }
Line 62: Line 62:
     @left-top {
     @left-top {
         content: "TITLE";
         content: "TITLE";
         font-family: mono;
         font-family: Serif;
         margin-right: 0.8cm;
         margin-right: 0.8cm;
         writing-mode: vertical-rl;
         writing-mode: vertical-rl;

Revision as of 14:50, 4 June 2024

@page:first{
   background-image: url(https://titipi.org/wiki/images/8/83/Dream.png);
   background-size: 95%;
   background-repeat: no-repeat;
   background-position: center center;
        @bottom-center{
                font-family: asulbold;
		        content: "ENTER COLLECTIVE HERE";
                font-size:12pt;
        }
}

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

@page:right {

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

    @right-middle {
        content: counter(page);
        font-family: Serif;
    }
    
    @left-bottom {
        content: "TITLE";
        font-family: Serif;
        margin-right: 0.6cm;
        writing-mode: vertical-rl;
        text-orientation: mixed;
    }
    
    @right-top {
        content: "SUBTITLE";
        font-family: Serif;
        margin-right: 0.8cm;
        writing-mode: vertical-rl;
        text-orientation: mixed;
    }
    
    
}

@page:left {

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

    @left-middle {
        content: counter(page);
        font-family: ;
    }
    
    @right-middle {
        content: "SUBTITLE";
        font-family: mono;
    }
    
    @left-top {
        content: "TITLE";
        font-family: Serif;
        margin-right: 0.8cm;
        writing-mode: vertical-rl;
        text-orientation: mixed;
    }
    
    @right-top {
        content: "SUBTITLE";
        font-family: mono;
        margin-right: 2.8cm;
        writing-mode: vertical-rl;
        text-orientation: mixed;
    }
}