cleaning up, removing comments

master
manetta 4 years ago
parent f2b0ab963d
commit 537cc4a9a1

@ -77,7 +77,6 @@
@font-face { @font-face {
font-family: 'special-issue-7'; font-family: 'special-issue-7';
src: url('fonts/Vegur-Regular.otf') format('opentype'); src: url('fonts/Vegur-Regular.otf') format('opentype');
/* todo: check if this one is still used! */
} }
@font-face { @font-face {
font-family: "special-issue-10"; font-family: "special-issue-10";

@ -246,15 +246,8 @@
<p> <p>
and <strong>second</strong>, how these are, or can be, used to create publics by expanding the means of discourse circulation beyond print media and its direct digital translation. and <strong>second</strong>, how these are, or can be, used to create publics by expanding the means of discourse circulation beyond print media and its direct digital translation.
</p> </p>
<!-- <p> <p id="xpubsite">
<strong>In relation to these two points, every trimester students and staff of XPUB work together on a <em>Special Issue</em>.</strong>
</p> -->
<!-- <a href="http://pzwiki.wdka.nl/mediadesign/" target="_blank">XPUB wiki</a></p> -->
</section>
<section id="credits">
<p>
<a href="https://xpub.nl" target="_blank">xpub.nl</a> <a href="https://xpub.nl" target="_blank">xpub.nl</a>
<!-- <a href="https://git.xpub.nl/XPUB/xpub.nl" target="_blank">just in case</a> -->
</p> </p>
</section> </section>

@ -21,76 +21,17 @@ body{
min-width: 720px; min-width: 720px;
margin: 0; margin: 0;
padding: 0; padding: 0;
/*background-color: #fdd7d7;*/
background: background:
linear-gradient(150deg, lightyellow, transparent, lightblue), linear-gradient(150deg, lightyellow, transparent, lightblue),
linear-gradient(190deg, yellow, transparent, pink), linear-gradient(190deg, yellow, transparent, pink),
linear-gradient(230deg, lightgreen, transparent, purple); linear-gradient(230deg, lightgreen, transparent, purple);
background-size: 100% 100%; background-size: 100% 100%;
/*background: linear-gradient(180deg, lightyellow 25%, pink 25%, pink 50%, lightblue 50%, lightblue 75%, lime 75%, lime 100%);*/
/*background: linear-gradient(90deg, yellow 25%, #e3e000 25%, #f4da73 50%, 50%, #ffe86b 75%, yellow 75%, gold 100%);*/
/*background: linear-gradient(90deg, #a466ff 0%, #dd9fff 25%, pink 25%, pink 50%, #e5c0ff 50%, #e5c0ff 75%, #fb62fb 75%, #fbf 100%);*/
/*background: linear-gradient(90deg, #a466ff 0%, #dd9fff 25%, pink 25%, pink 50%, #e5c0ff 50%, #e5c0ff 75%, #fb62fb 75%, #fbf 100%);*/
/*background-size: 100% 1.9em;*/
} }
div#wrapping{ div#wrapping{
max-width: 1280px; max-width: 1280px;
margin: 5em auto 6em; margin: 5em auto 6em;
} }
/* SECTIONS: INTRO + INFO */
section#intro.endpoint,
section#info.endpoint,
section#credits{
position: relative;
width: calc(33.3% + 180px);
left: calc(33.3% - 90px);
margin: 0;
padding: 0 15px;
border:0px solid black;
font-family: monospace;
font-size: 14px;
line-height: 1.9;
/*hyphens: auto;*/
}
section#intro h1,
section#info h1{
margin: 0 0 80px;
font-family: 'header', sans-serif;
font-size: 650%;
line-height: 0.9;
text-align: center;
font-weight: normal;
letter-spacing: 0.015em;
color: #b32dff;
}
section#intro p,
section#intro p{
margin:0 0 1em;
}
section#intro em,
section#intro em{
font-family: 'italic';
font-size: 122.5%;
line-height: 1.0;
}
section#intro hr,
section#info hr{
margin: 2em 0;
border: 0;
border-bottom: 1px solid black;
}
section#credits{
text-align: center;
color: #b32dff;
margin: 5em 0;
}
section#credits a{
text-decoration: underline;
}
/* SECTION: SPECIAL ISSUES */ /* SECTION: SPECIAL ISSUES */
section#issues{ section#issues{
@ -101,8 +42,7 @@ section#issues{
line-height: 20px; line-height: 20px;
} }
/* Custom typographic rules per issue */
/* Custom rules per issue */
/* The font size is adjusted here in % to balance the differences in size between the different fonts. */ /* The font size is adjusted here in % to balance the differences in size between the different fonts. */
.issue#special-issue-1{ .issue#special-issue-1{
@ -180,8 +120,57 @@ section#issues{
letter-spacing: .6px; letter-spacing: .6px;
} }
/* SECTIONS: INTRO + INFO */
section#intro.endpoint,
section#info.endpoint{
position: relative;
width: calc(33.3% + 180px);
left: calc(33.3% - 90px);
margin: 0;
padding: 0 15px;
border:0px solid black;
font-family: monospace;
font-size: 14px;
line-height: 1.9;
}
section#intro h1,
section#info h1{
margin: 0 0 80px;
font-family: 'header', sans-serif;
font-size: 650%;
line-height: 0.9;
text-align: center;
font-weight: normal;
letter-spacing: 0.015em;
color: #b32dff;
}
section#intro p,
section#intro p{
margin:0 0 1em;
}
section#intro em,
section#intro em{
font-family: 'italic';
font-size: 122.5%;
line-height: 1.0;
}
section#intro hr,
section#info hr{
margin: 2em 0;
border: 0;
border-bottom: 1px solid black;
}
section#info p#xpubsite{
text-align: center;
color: #b32dff;
margin: 5em 0;
}
section#info p#xpubsite a{
text-decoration: underline;
}
/* Rules for the general structural elements */ /* GENERAL ELEMENTS */
section#issues .issue{ section#issues .issue{
flex: 3 3 auto; flex: 3 3 auto;
@ -251,7 +240,8 @@ section#issues .issue.future .issue-img{
border:1px solid black; border:1px solid black;
} }
/* links */ /* LINKS */
a, a:active, a:visited{ a, a:active, a:visited{
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;

Loading…
Cancel
Save