123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205 |
- @font-face {
- font-family: 'Cormorant';
- src: url('../fonts/Cormorant-Light.ttf');
- font-weight: 200;
- }
- @font-face {
- font-family: 'TextaAlt';
- src: url('../fonts/TextaAlt-Bold.otf');
- font-weight: 800;
- }
- @font-face {
- font-family: 'Texta';
- src: url('../fonts/Texta-Black.otf');
- font-weight: 800;
- }
- @font-face {
- font-family: 'Duke POPSU';
- src: url('../fonts/Duke-POPSU.ttf');
- }
- @font-face {
- font-family: "SGI-TextAlt";
- src: url("../fonts/SGI-TextAlt.otf") format("opentype");
- }
- .pagedjs_page_content>div {
- height: 100%;
- }
- .layout {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
- .grow{
- flex:1;
- }
- .no-folio{
- page: nofolio;
- }
- .blank-page{
- page-break-after: always;
- }
- .column {
- flex: 1;
- display: flex;
- flex-direction: column;
- }
- .justify-end {
- justify-content: flex-end;
- }
- .capital {
- text-transform: uppercase;
- font-size: 12pt;
- }
- body {
- font-size: 10pt;
- }
- @media print {
- @page {
- size: 148mm 210mm;
- margin: 2cm;
- }
- @page :left {
- @bottom-left {
- content: counter(page);
- font-weight: 12pt;
- font-family: 'Duke POPSU';
- transform: translateX(-1cm);
- }
- }
- @page :right {
- @bottom-right {
- content: counter(page);
- font-weight: 12pt;
- font-family: 'Duke POPSU';
- transform: translateX(1cm);
- }
- }
- @page imagecover {
- size: 148mm 210mm;
- margin: 0cm;
- }
- @page nofolio :left {
- @bottom-left {
- content: unset;
- }
- }
- @page nofolio :right {
- @bottom-right {
- content: unset;
- }
- }
- .table-of-content a {
- text-decoration: none;
- color: inherit;
- }
- .table-of-content a::after {
- font-size: 9pt;
- margin-left: 10pt;
- content: target-counter(attr(href), page);
- font-family: "SGI-TextAlt";
- }
- }
- .table-of-content {
- font-family: "Cormorant";
- font-weight: 200;
- font-size: 25pt;
- line-height: 33pt;
- margin: 0;
- }
- .chapter-title {
- font-family: "Cormorant";
- font-weight: 200;
- font-size: 34pt;
- line-height: 34pt;
- text-align: right;
- }
- .canbreak{
- page-break-before: always;
- }
- .chapter-title:after {
- content: "++++";
- display: block;
- font-family: inherit;
- font-weight: 200;
- font-size: 10pt;
- letter-spacing: 4pt;
- }
- .chapter-content {
- text-align: justify;
- -webkit-hyphens : auto;
- font-family: "Cormorant";
- font-weight: 200;
- font-size: 10pt;
- line-height: 18pt;
- }
- .section-title {
- font-family: "TextaAlt";
- font-weight: 800;
- font-size: 12pt;
- }
- .section-content {
- text-align: justify;
- hyphens: auto;
- font-family: "SGI-TextAlt";
- font-size:9.5pt;
- font-weight: 200;
- line-height: 18pt;
- }
- .image-cover {
- page: imagecover;
- background-size: cover;
- background-position: center;
- background-color: lightgray;
- background-repeat: no-repeat;
- }
- .cover-left{
- background-position:0% 50%;
- }
- .cover-right{
- background-position:-148mm 50%;
- }
- .pre-title{
- font-family: "Duke POPSU";
- font-size: 45pt;
- line-height: 33pt;
- }
- .pre-sub-title{
- font-family: "Texa";
- font-weight: 800;
- font-size: 10pt;
- line-height: 13pt;
- }
- .main-title{
- font-family: "Duke POPSU";
- font-size: 60pt;
- line-height: 48pt;
- margin: 0;
- }
- .main-sub-title{
- font-family: "Texa";
- font-weight: 800;
- font-size: 12pt;
- line-height: 15pt;
- }
- .bold {
- font-family: "TextaAlt";
- font-weight: 800;
- font-size: 12pt;
- text-transform: uppercase;
- }
- .center{
- text-align: center;
- }
- .green{
- background-blend-mode:screen;
- background-color: green;
- }
- .v-center{
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
|