123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243 |
- // .pre-title {
- // font-family: "Duke POPSU";
- // font-weight: inherit;
- // font-size: 45pt;
- // line-height: 33pt;
- // }
- //
- // .pre-sub-title {
- // font-family: "Texa";
- // font-weight: 800;
- // font-size: 10pt;
- // line-height: 13pt;
- // }
- .intro {
- font-family: "SGI-TextAlt";
- font-size: 9.5pt;
- line-height: 20pt;
- margin: 0;
- }
- .main-title,.main-pre-title{
- display: inline;
- padding: 0.2cm 0.2cm;
- background-color: white;
- box-shadow: 0.2cm 0px 0px white, 0.2cm 0px 0px white;
- box-decoration-break: clone;
- }
- .main-title {
- font-family: "Duke POPSU";
- font-weight: inherit;
- font-size: 60pt;
- line-height: 52pt;
- margin: 0;
- padding: 0;
- }
- .main-sub-title {
- font-family: "Texa";
- font-weight: 800;
- font-size: 12pt;
- line-height: 15pt;
- }
- .main-pre-title {
- font-family: "Texta";
- font-weight: 800;
- font-size: 12pt;
- text-transform: uppercase;
- line-height: 15pt;
- margin-top: 0;
- padding-top: 0;
- width: 250px;
- }
- .table-of-content {
- font-family: "Cormorant";
- font-weight: 200;
- font-size: 25pt;
- line-height: 25pt;
- margin: 0;
- a {
- display: block;
- text-decoration: none;
- color: inherit;
- margin-bottom: 0.2em;
- & p{
- margin: 0;
- }
- }
- a::after {
- font-size: 9pt;
- margin-left: 10pt;
- content: target-counter(attr(href), page);
- font-family: "SGI-TextAlt";
- }
- }
- .credits {
- font-size: 9pt;
- margin-bottom: 6pt;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- height: 100%;
- h4 {
- font-family: "TextaAlt";
- text-transform: uppercase;
- margin: 8pt 0 0;
- }
- p {
- font-family: "SGI-TextAlt";
- line-height: 13pt;
- margin: 0;
- }
- }
- .chapter-title {
- font-family: "Cormorant";
- font-weight: 200;
- font-size: 34pt;
- line-height: 34pt;
- text-align: right;
- margin-bottom: 20mm;
- margin-top: 0;
- }
- .chapter-title:after {
- content: "++++";
- display: block;
- font-family: inherit;
- font-weight: 200;
- font-size: 10pt;
- letter-spacing: 4pt;
- }
- .chapter-title::before {
- content: attr(data-rubrique);
- display: block;
- @extend .section-title;
- }
- .chapter-content {
- hyphens: auto;
- font-family: "Cormorant";
- font-weight: 200;
- font-size: 10.5pt;
- line-height: 18pt;
- // hanging-punctuation: first last;
- }
- .section-title {
- font-family: "TextaAlt";
- font-weight: 800;
- font-size: 12pt;
- text-transform: uppercase;
- text-align: left;
- }
- .pagedjs_right_page .section-title:not(.still){
- text-align: right;
- }
- .section-content {
- hyphens: auto;
- font-family: "SGI-TextAlt";
- font-size: 9.5pt;
- font-weight: 200;
- line-height: 18pt;
- // text-align: left;
- }
- // texte justifié par defaut
- .justify p {
- text-align: justify;
- text-align-last: left !important;
- hyphens: auto;
- hanging-punctuation: first;
- }
- .section-content p {
- text-align: left;
- }
- .chapter-content h3 {
- hyphens: none;
- font-size: 19pt;
- font-weight: 200;
- line-height: 23pt;
- margin-left: 10mm;
- }
- h4 {
- margin: 0;
- }
- // phrase amorce du chapitre 1
- strong {
- font-family: "Cormorant";
- font-weight: 200;
- font-size: 14pt;
- line-height: 18pt;
- letter-spacing: -1px;
- }
- // .column .image-cover .image-bleed {
- // margin:0;
- //
- // }
- p img{
- max-width: 100%;
- }
- .legend{
- position: absolute;
- bottom: 0;
- font-size: 9.5pt;
- font-family: "Texta";
- line-height: 9pt;
- }
- blockquote{
- position: absolute;
- background-image: url("/motifs/croix.png");
- background-size: 0.4cm;
- width: calc(100% + (#{$marge} + #{$fond-perdu})*2);
- height: calc(100% + (#{$marge} + #{$fond-perdu})*2);
- margin-left: calc(-#{$marge} - #{$fond-perdu} );
- margin-top: calc(-#{$marge} - #{$fond-perdu}) !important;
- left:0;
- top:0;
- padding: 2cm;
- break-before: always;
- break-after: always;
- & p{
- display: inline;
- font-size: 28pt;
- padding: 0.2cm 0.2cm;
- background-color: white;
- box-shadow: 0.1cm 0px 0px white, 0.1cm 0px 0px white;
- box-decoration-break: clone;
- line-height: calc(100% + 0.4cm);
- }
- }
- //blockquote p {
- // display: flex;
- //flex: auto;
- //}
|