(2019/2020/2021) update issue.xpub.nl website
parent
5dcfe129f1
commit
f2b0ab963d
@ -1,2 +1,3 @@
|
||||
.DS_Store
|
||||
.poop
|
||||
SI*
|
||||
|
@ -0,0 +1,111 @@
|
||||
/*
|
||||
.-'''-.
|
||||
' _ \
|
||||
/ /` '. \ _..._
|
||||
_.._ . | \ ' .' '.
|
||||
.' .._|| ' | '. .-. . .|
|
||||
| ' \ \ / / | ' ' | .' |_
|
||||
__| |__ `. ` ..' / | | | | .' | _
|
||||
|__ __| '-...-'` | | | |'--. .-' .' |
|
||||
| | | | | | | | . | /
|
||||
| | | | | | | | .'.'| |//
|
||||
| | | | | | | '.'.'.'.-' /
|
||||
| | | | | | | / .' \_.'
|
||||
|_| '--' '--' `'-'
|
||||
|
||||
*/
|
||||
|
||||
/* Main fonts used on the webpage. */
|
||||
@font-face{
|
||||
font-family: 'italic';
|
||||
src: url('fonts/cmunvi.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'header';
|
||||
src: url('fonts/KomikaTitle-Kaps-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
/* Custom fonts for a Special Issue can be called here below. */
|
||||
@font-face{
|
||||
font-family:'special-issue-1';
|
||||
src:url('fonts/GT-Cinetype-Bold.otf') format('opentype');
|
||||
}
|
||||
@font-face{
|
||||
font-family:'special-issue-2';
|
||||
src:url('fonts/Gidugu.ttf') format('truetype');
|
||||
}
|
||||
@font-face{
|
||||
font-family:'special-issue-3';
|
||||
src:url('fonts/dashness.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'special-issue-4';
|
||||
src:
|
||||
url('fonts/LibreBaskerville-Regular.eot?#iefix') format('embedded-opentype'),
|
||||
url('fonts/LibreBaskerville-Regular.woff') format('woff'),
|
||||
url('fonts/LibreBaskerville-Regular.ttf') format('truetype'),
|
||||
url('fonts/LibreBaskerville-Regular.svg#LibreBaskerville-Regular') format('svg');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'special-issue-5';
|
||||
src:
|
||||
url('fonts/PinyonScript.eot?#iefix') format('embedded-opentype'),
|
||||
url('fonts/PinyonScript.woff') format('woff'),
|
||||
url('fonts/PinyonScript.ttf') format('truetype'),
|
||||
url('fonts/PinyonScript.svg#PinyonScript') format('svg');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'special-issue-5-desc';
|
||||
src:
|
||||
url('fonts/NotCourierSans.eot?#iefix') format('embedded-opentype'),
|
||||
url('fonts/NotCourierSans.woff') format('woff'),
|
||||
url('fonts/NotCourierSans.ttf') format('truetype'),
|
||||
url('fonts/NotCourierSans.svg#NotCourierSans') format('svg');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'special-issue-6';
|
||||
src:
|
||||
url('fonts/ArchivoNarrow-Regular.eot?#iefix') format('embedded-opentype'),
|
||||
url('fonts/ArchivoNarrow-Regular.woff') format('woff'),
|
||||
url('fonts/ArchivoNarrow-Regular.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'special-issue-7';
|
||||
src: url('fonts/Vegur-Regular.otf') format('opentype');
|
||||
/* todo: check if this one is still used! */
|
||||
}
|
||||
@font-face {
|
||||
font-family: "special-issue-10";
|
||||
src: url("fonts/OCR_A.ttf") format('truetype');
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'special-issue-11';
|
||||
src: url('fonts/compagnon-light.woff') format('woff');
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'special-issue-12';
|
||||
src: url('fonts/RobotoMono-Regular.ttf') format('truetype');
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'special-issue-13-t';
|
||||
src: url('fonts/Roboto-Regular.ttf') format('truetype');
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'special-issue-13';
|
||||
src: url('fonts/EBGaramond-Regular.ttf') format('truetype');
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'special-issue-13-custom';
|
||||
src: url('fonts/WFTF_custom-Regular.otf') format('truetype');
|
||||
font-style: normal;
|
||||
}
|
@ -0,0 +1,86 @@
|
||||
/*
|
||||
.-'''-.
|
||||
' _ \ .---.
|
||||
__ __ ___ / /` '. \ /| .--.| | __.....__
|
||||
| |/ `.' `. . | \ ' || |__|| | .-'' '.
|
||||
| .-. .-. '| ' | '|| .--.| | / .-''"'-. `.
|
||||
| | | | | |\ \ / / || __ | || |/ /________\ \
|
||||
| | | | | | `. ` ..' / ||/'__ '. | || || |
|
||||
| | | | | | '-...-'` |:/` '. '| || |\ .-------------'
|
||||
| | | | | | || | || || | \ '-.____...---.
|
||||
|__| |__| |__| ||\ / '|__|| | `. .'
|
||||
|/\'..' / '---' `''-...... -'
|
||||
' `'-'`
|
||||
|
||||
*/
|
||||
|
||||
/* responsive rules for mobile */
|
||||
|
||||
body{
|
||||
min-width: 0 !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
div#wrapping{
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
margin: 3em 0 !important;
|
||||
}
|
||||
section#intro.endpoint,
|
||||
section#info.endpoint,
|
||||
section#credits{
|
||||
position: relative !important;
|
||||
width: calc(100% - 50px) !important;
|
||||
left: 0 !important;
|
||||
height: auto !important;
|
||||
margin: 10px 20px 80px 30px !important;
|
||||
padding: 0 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 1.9 !important;
|
||||
hyphens: auto !important;
|
||||
}
|
||||
|
||||
body section#issues .issue[data-cycle="1"],
|
||||
body section#issues .issue[data-cycle="2"],
|
||||
body section#issues .issue[data-cycle="3"],
|
||||
body section#issues .issue[data-cycle="4"],
|
||||
body section#issues .issue[data-cycle="5"],
|
||||
body section#issues .issue[data-cycle="6"]{
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
section#issues .issue{
|
||||
width: 100% !important;
|
||||
margin: 0 0 50px 0 !important;
|
||||
}
|
||||
section#issues .issue.future{
|
||||
display: none !important;
|
||||
}
|
||||
section#issues .issue-title,
|
||||
section#issues .issue-nr,
|
||||
section#issues .issue-abstract,
|
||||
section#issues .issue-date,
|
||||
section#issues .issue-text{
|
||||
margin:20px;
|
||||
padding:0;
|
||||
height: auto;
|
||||
}
|
||||
section#issues .issue-title,
|
||||
section#issues .issue-nr{
|
||||
line-height: 50px;
|
||||
margin-left: 60px
|
||||
}
|
||||
section#issues .issue-nr{
|
||||
max-width: 75%;
|
||||
}
|
||||
section#issues .issue-abstract{
|
||||
margin-bottom:0;
|
||||
}
|
||||
section#issues .issue-date{
|
||||
margin-top:0;
|
||||
margin-left: 60px
|
||||
}
|
||||
section#issues .issue.future div.issue-img{
|
||||
min-height: 0;
|
||||
}
|
||||
a:hover{
|
||||
opacity: 1;
|
||||
}
|
Loading…
Reference in New Issue