You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

93 lines
2.5 KiB
CSS

/*
.-'''-.
' _ \ .---.
__ __ ___ / /` '. \ /| .--.| | __.....__
| |/ `.' `. . | \ ' || |__|| | .-'' '.
| .-. .-. '| ' | '|| .--.| | / .-''"'-. `.
| | | | | |\ \ / / || __ | || |/ /________\ \
| | | | | | `. ` ..' / ||/'__ '. | || || |
| | | | | | '-...-'` |:/` '. '| || |\ .-------------'
| | | | | | || | || || | \ '-.____...---.
|__| |__| |__| ||\ / '|__|| | `. .'
|/\'..' / '---' `''-...... -'
' `'-'`
*/
/* responsive rules for mobile */
body{
min-width: 0 !important;
width: 100% !important;
}
div#wrapping{
width: calc(100% - 0) !important;
max-width: 100% !important;
margin: 3em 0 !important;
}
section#issues{
display: block !important;
grid-template-columns: none !important;
grid-template-rows: none !important;
grid-auto-flow: unset !important;
width: calc(100% - 30px) !important;
}
section#intro.endpoint,
section#info.endpoint{
position: relative !important;
width: calc(100% - 50px) !important;
left: 0 !important;
height: auto !important;
margin-left: 30px !important;
margin-right: 20px !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;
}