You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
328 lines
5.2 KiB
CSS
328 lines
5.2 KiB
CSS
@font-face {
|
|
font-family: "Fluxisch";
|
|
src: url("../fonts/FluxischElse-Regular.woff");
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: "Fluxisch-light";
|
|
src: url("../fonts/FluxischElse-Light.woff");
|
|
font-weight: lighter;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: "Fluxisch-bold";
|
|
src: url("../fonts/FluxischElse-Bold.woff");
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
}
|
|
|
|
:root{
|
|
--text: rgb(41, 41, 41);
|
|
--carbon-paper: blue;
|
|
--T-bold: Fluxisch-bold;
|
|
--T-light: Fluxisch-light;
|
|
}
|
|
|
|
body{
|
|
width: 100%;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
counter-reset: page;
|
|
counter-reset: noteNumber;
|
|
}
|
|
|
|
/* ////// general .thesis //////// */
|
|
|
|
.thesis p{
|
|
width: 70%;
|
|
font-size: 16pt;
|
|
}
|
|
.chapter{
|
|
margin-top: 150px;
|
|
}
|
|
.thesis h2{
|
|
font-size: 26pt;
|
|
font-family: Fluxisch;
|
|
}
|
|
|
|
/*//////// cover ////////*/
|
|
.cover h1{
|
|
font-size: 80pt;
|
|
font-family: var(--T-bold);
|
|
}
|
|
.cover h3{
|
|
font-size: 18pt;
|
|
font-family: Fluxisch-light;
|
|
font-weight: lihgter;
|
|
}
|
|
.cover h4{
|
|
font-family: var(--T-light);
|
|
font-weight: lihgter;
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
/* ////////opening quote////////// */
|
|
|
|
.opening-quote{
|
|
position: relative;
|
|
text-align: left;
|
|
margin-top: 40mm;
|
|
float: left;
|
|
}
|
|
.opening-quote p{
|
|
width: 60mm;
|
|
}
|
|
|
|
/* //// table of content ///// */
|
|
|
|
|
|
table{
|
|
width: 100%;
|
|
}
|
|
|
|
h3{
|
|
font-family: var(--T-light);
|
|
font-size: 20pt ;
|
|
}
|
|
.tb-content ul{
|
|
list-style: none;
|
|
line-height: 2ch;
|
|
}
|
|
.tb-content table, .tb-content li{
|
|
font-size: 20pt;
|
|
font-family: var(--T-light);
|
|
font-weight: lihgter;
|
|
line-height: 1.3em;
|
|
}
|
|
|
|
|
|
/* /////////// IMAGES ////////////// */
|
|
img{
|
|
max-width: 55%;
|
|
margin: 0 auto;
|
|
}
|
|
img#soupboat{
|
|
width: 280px;
|
|
}
|
|
|
|
/* /////////// NOTES and CAPTIONs ////////////// */
|
|
.note{
|
|
counter-increment: noteNumber;
|
|
|
|
|
|
}
|
|
.footnote::before{
|
|
content: "["counter(noteNumber)"] ";
|
|
font-weight: bold;
|
|
}
|
|
.footnote{
|
|
position:absolute;
|
|
right: 0;
|
|
width: 45mm;
|
|
font-size: 7.5pt;
|
|
line-height: 1.5;
|
|
line-break: auto;
|
|
}
|
|
|
|
sup{
|
|
|
|
font-size:1ch;
|
|
}
|
|
sup.note::after{
|
|
content: " "counter(noteNumber);
|
|
font-weight: bold;
|
|
}
|
|
.footnote#8{
|
|
position: absolute;
|
|
top:6mm;
|
|
|
|
}
|
|
.footnote#13{
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
.footnote#16{
|
|
word-break:break-all;
|
|
}
|
|
|
|
figure{
|
|
margin-left: 0px;
|
|
}
|
|
figcaption{
|
|
position:absolute;
|
|
right: 0;
|
|
width: 45mm;
|
|
font-size: 7.5pt;
|
|
line-height: 1.5;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
|
|
}
|
|
|
|
/* //////////REFERENCES////////// */
|
|
|
|
.references ul{
|
|
list-style-type: "";
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 9.6pt;
|
|
line-height: 1.4em;
|
|
padding-left: 0;
|
|
}
|
|
.ref-title{
|
|
font-style: italic;
|
|
}
|
|
.references h4, .author{
|
|
font-family: Fluxisch-bold;
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
/* /////////// COLOPHON //////////// */
|
|
|
|
.colophon{
|
|
|
|
font-family: Fluxisch;
|
|
column-gap: 8mm;
|
|
line-height: 1.55em;
|
|
}
|
|
|
|
.acknowledgments{
|
|
font-family: Fluxisch-light;
|
|
font-weight: lighter;
|
|
font-size: 12pt;
|
|
width: 72%;
|
|
}
|
|
.c-info{
|
|
position: absolute;
|
|
bottom: 1mm;
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 9.6pt;
|
|
|
|
}
|
|
.c-container{
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: wrap;
|
|
height: 110mm;
|
|
}
|
|
.c-container >*{
|
|
width: 46%;
|
|
margin: 1mm 0;
|
|
line-height: 1.2em;
|
|
|
|
}
|
|
|
|
|
|
/* /////////// PRINT ////////////// */
|
|
|
|
@media screen, print{
|
|
|
|
@page{
|
|
size: A4;
|
|
margin-top: 12mm;
|
|
margin-bottom: 15mm;
|
|
|
|
@bottom-center {
|
|
content: counter(page);
|
|
position: relative;
|
|
bottom: 0;
|
|
font-size: 12pt;
|
|
font-family: Fluxisch-light;
|
|
font-weight: lighter;
|
|
}
|
|
|
|
}
|
|
@page:left {
|
|
margin-left: 10mm;
|
|
margin-right: 18mm;
|
|
}
|
|
|
|
@page:right {
|
|
margin-left: 18mm;
|
|
margin-right: 10mm;
|
|
}
|
|
@page :first{
|
|
@bottom-center{content: none;}
|
|
}
|
|
|
|
@page:nth(2){
|
|
@bottom-center{content:none;}
|
|
}
|
|
|
|
@page:nth(27){
|
|
@bottom-center{content:none;}
|
|
}
|
|
@page:nth(28){
|
|
@bottom-center{content:none;}
|
|
}
|
|
|
|
|
|
.cover h1{
|
|
width: 60%;
|
|
font-size: 50pt;
|
|
font-weight: bold;
|
|
}
|
|
.cover h3{
|
|
width: 70%;
|
|
line-height: 1.5em;
|
|
}
|
|
h2{
|
|
margin-top: 0;
|
|
}
|
|
|
|
|
|
.intro{
|
|
break-before: page;
|
|
margin-top: 0;
|
|
}
|
|
.chapter{
|
|
break-before: page;
|
|
margin-top: 0;
|
|
}
|
|
|
|
|
|
.inside-front{
|
|
break-before: left;
|
|
position: absolute;
|
|
width: 70mm;
|
|
bottom: 0px;
|
|
font-size: 9pt;
|
|
|
|
}
|
|
.tb-content{
|
|
break-before: page;
|
|
}
|
|
|
|
.opening-quote{
|
|
break-before: right;
|
|
}
|
|
.references{
|
|
break-before:page;
|
|
}
|
|
.colophon{
|
|
break-before:right;
|
|
}
|
|
.back-cover{
|
|
break-before: left;
|
|
}
|
|
|
|
|
|
.thesis p{
|
|
font-size: 9.6pt;
|
|
line-height: 1.55em;
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|