@ -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 ;