114 lines
1.5 KiB
CSS
114 lines
1.5 KiB
CSS
@font-face{
|
|
font-family: ubuntu;
|
|
src: url('./fonts/Ubuntu-R.ttf') format('truetype');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face{
|
|
font-family: ubuntu-mono;
|
|
src: url('./fonts/UbuntuMono-R.ttf') format('truetype');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
:root {
|
|
--dimensone-titolo: 5vw;
|
|
--dimensione-corpo: 2vw;
|
|
--dimensione-autore: 2vw;
|
|
|
|
--indentazione: 4;
|
|
}
|
|
|
|
|
|
body {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
background: #FAFAFA;
|
|
|
|
text-align: center;
|
|
font-family: 'ubuntu';
|
|
|
|
}
|
|
|
|
titolo {
|
|
position: absolute;
|
|
top: 2vw;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
font-size: var(--dimensone-titolo);
|
|
}
|
|
|
|
corpo {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translateY(-50%) translateX(-50%);
|
|
width: 70%;
|
|
font-size: var(--dimensione-corpo);
|
|
}
|
|
|
|
autore {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
font-size: var(--dimensione-autore);
|
|
margin: 1vw;
|
|
color: #666666;
|
|
}
|
|
|
|
autore::before {
|
|
content: "- ";
|
|
}
|
|
|
|
ul, ol, codeblock {
|
|
display: inline-block;
|
|
width: auto;
|
|
text-align: left;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
li {
|
|
margin-left: 5vw;
|
|
}
|
|
|
|
|
|
small {
|
|
font-size: 2vw;
|
|
}
|
|
|
|
small p {
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
codeblock {
|
|
font-family: 'ubuntu-mono';
|
|
background: #EAEAEA;
|
|
padding: 2vw 2vw 2vw 2vw;
|
|
border-radius: 1vw;
|
|
}
|
|
|
|
idt {
|
|
width: calc(var(--dimensione-corpo) / 2 * var(--indentazione));
|
|
display: inline-block;
|
|
}
|
|
|
|
name {
|
|
color: #111199;
|
|
font-style: italic;
|
|
}
|
|
|
|
kw {
|
|
color: #AA5500;
|
|
font-weight: 600;
|
|
}
|
|
|
|
comment {
|
|
color: #494949;
|
|
}
|