|
|
|
@ -69,14 +69,15 @@ $c_bwhit: rgb(253, 248, 248); |
|
|
|
$c_dwhit: rgb(230, 231, 226); |
|
|
|
// $c_cwhit: rgb(250, 241, 226); colour for transparent paper |
|
|
|
$c_cwhit: rgb(222, 214, 200); |
|
|
|
$c_black: rgb(16, 20, 28); |
|
|
|
$c_dblck: rgb(0, 0, 0); |
|
|
|
$c_black: rgb(19, 23, 30); |
|
|
|
$c_dblck: rgb(16, 20, 28); |
|
|
|
$c_ggrey: rgb(190, 195, 188); |
|
|
|
$c_dgrey: rgb(134, 153, 155); |
|
|
|
$c_ddgry: rgb(64, 83, 85); |
|
|
|
$c_imgbg: rgba(210, 190, 190, 0.2); |
|
|
|
|
|
|
|
/* shadows */ |
|
|
|
$s_lgt: 0px 1px 3px rgba(0, 0, 0, 0.1); |
|
|
|
$s_sml: 0px 1px 2px rgba(0, 0, 0, 0.4); |
|
|
|
$s_mid: 0px 1px 3px rgba(0, 0, 0, 0.5); |
|
|
|
$s_big: 0px 1.5px 6px rgba(0, 0, 0, 0.5); |
|
|
|
@ -85,7 +86,7 @@ $s_wht: 0px 1.3px 2px rgba(256, 256, 256, 0.8); |
|
|
|
|
|
|
|
/* borders */ |
|
|
|
$b_whit: 1px solid $c_cwhit; |
|
|
|
$b_dash: 1px dashed $c_ggrey; |
|
|
|
$b_dash: 1px dashed $c_black; |
|
|
|
$b_bdsh: 1px dashed $c_black; |
|
|
|
$b_bsol: 1px solid $c_black; |
|
|
|
$b_bsdg: 1px solid $c_ddgry; |
|
|
|
@ -143,6 +144,11 @@ body { |
|
|
|
padding: 0; |
|
|
|
|
|
|
|
font-family: $f_norm; |
|
|
|
|
|
|
|
h3 { |
|
|
|
margin-top: 1em; |
|
|
|
margin-bottom: 0.5em; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
a { |
|
|
|
@ -253,6 +259,7 @@ main { |
|
|
|
padding: 1rem; |
|
|
|
min-height: 100%; |
|
|
|
|
|
|
|
text-shadow: $s_lgt; |
|
|
|
font-size: $fs_web; |
|
|
|
} |
|
|
|
|
|
|
|
@ -261,12 +268,30 @@ section { |
|
|
|
left: auto; |
|
|
|
right: auto; |
|
|
|
} |
|
|
|
padding : { |
|
|
|
left: 1em; |
|
|
|
right: 1em; |
|
|
|
bottom: 0em; |
|
|
|
top: 0em; |
|
|
|
} |
|
|
|
|
|
|
|
max-width: 48rem; |
|
|
|
padding: 1rem; |
|
|
|
} |
|
|
|
|
|
|
|
section:first-of-type { |
|
|
|
padding-top: 2.5rem; |
|
|
|
} |
|
|
|
section:not(:last-of-type) { |
|
|
|
padding-bottom: 2.5rem; |
|
|
|
} |
|
|
|
|
|
|
|
border-bottom: $b_dash; |
|
|
|
section:not(:first-of-type)::before { |
|
|
|
position: absolute; |
|
|
|
left: 50%; |
|
|
|
transform: translate(-50%, -3.5rem); |
|
|
|
|
|
|
|
font-size: 1.3em; |
|
|
|
content: ".\00a0\00a0\00a0\00a0\00a0.\00a0\00a0\00a0\00a0\00a0." |
|
|
|
} |
|
|
|
|
|
|
|
section:last-of-type { |
|
|
|
@ -423,33 +448,6 @@ blockquote { |
|
|
|
padding-left: 1em; |
|
|
|
} |
|
|
|
|
|
|
|
.centre { |
|
|
|
text-align: center; |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
|
|
|
|
.bcentre { |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
|
|
|
|
.left { |
|
|
|
text-align: left; |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
justify-content: flex-start; |
|
|
|
} |
|
|
|
|
|
|
|
.right { |
|
|
|
text-align: right; |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
justify-content: flex-end; |
|
|
|
} |
|
|
|
|
|
|
|
section { |
|
|
|
img, video, audio { |
|
|
|
margin : { |
|
|
|
@ -563,15 +561,110 @@ section { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.float-left { |
|
|
|
/* floats */ |
|
|
|
|
|
|
|
body .left { |
|
|
|
margin : { |
|
|
|
top: 0em; |
|
|
|
bottom: 0.5em; |
|
|
|
left: 0.5em; |
|
|
|
right: 1em; |
|
|
|
} |
|
|
|
|
|
|
|
padding: 0; |
|
|
|
float: left; |
|
|
|
margin-right: 1em; |
|
|
|
max-width: 35%; |
|
|
|
} |
|
|
|
|
|
|
|
.float-right { |
|
|
|
body .left-thumb { |
|
|
|
margin : { |
|
|
|
top: 0em; |
|
|
|
bottom: 0.5em; |
|
|
|
left: 0.5em; |
|
|
|
right: 0.75em; |
|
|
|
} |
|
|
|
|
|
|
|
padding: 0; |
|
|
|
float: left; |
|
|
|
max-width: 10%; |
|
|
|
} |
|
|
|
|
|
|
|
body .right { |
|
|
|
margin : { |
|
|
|
top: 0em; |
|
|
|
bottom: 0.5em; |
|
|
|
left: 1em; |
|
|
|
right: 0.5em; |
|
|
|
} |
|
|
|
|
|
|
|
margin-left: 1em; |
|
|
|
padding: 0; |
|
|
|
float: right; |
|
|
|
max-width: 35%; |
|
|
|
} |
|
|
|
|
|
|
|
body .right-thumb { |
|
|
|
margin : { |
|
|
|
top: 0em; |
|
|
|
bottom: 0.5em; |
|
|
|
left: 0.75em; |
|
|
|
right: 0.5em; |
|
|
|
} |
|
|
|
|
|
|
|
margin-left: 1em; |
|
|
|
padding: 0; |
|
|
|
float: right; |
|
|
|
max-width: 10%; |
|
|
|
} |
|
|
|
|
|
|
|
body .left-thumb img { |
|
|
|
margin: 0; |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
|
|
|
|
body .left img { |
|
|
|
margin: 0; |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
|
|
|
|
body .right-thumb img { |
|
|
|
margin: 0; |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
|
|
|
|
body .right img { |
|
|
|
margin: 0; |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
|
|
|
|
body p { |
|
|
|
display: flow-root; |
|
|
|
} |
|
|
|
|
|
|
|
/* end floats */ |
|
|
|
|
|
|
|
.project-table { |
|
|
|
td { |
|
|
|
vertical-align: top; |
|
|
|
} |
|
|
|
|
|
|
|
td:nth-child(1) { |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
|
|
|
|
td:nth-child(2) { |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
|
|
|
|
td:nth-child(2)::before { |
|
|
|
content: "-\00a0"; |
|
|
|
} |
|
|
|
|
|
|
|
td:nth-child(3)::before { |
|
|
|
content: ":\00a0"; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
/* once supported, use (max-aspect-ratio: 7/8) and (not (aspect-ratio: 7/8)) */ |
|
|
|
@ -662,6 +755,28 @@ section { |
|
|
|
right: .3em; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.project-table { |
|
|
|
padding-left: 0.5em; |
|
|
|
|
|
|
|
tr { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
} |
|
|
|
|
|
|
|
td { |
|
|
|
margin: 0; |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
|
|
|
|
tr:not(:nth-child(1)) td:nth-child(1) { |
|
|
|
margin-top: 1em; |
|
|
|
} |
|
|
|
|
|
|
|
td:nth-child(2) { |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.appear { |
|
|
|
|
