2019-05-11 11:50:39 +00:00
|
|
|
/* Main structure */
|
|
|
|
html, body {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
border: 0;
|
2019-06-17 08:12:12 +00:00
|
|
|
}
|
|
|
|
html {
|
2019-05-11 11:50:39 +00:00
|
|
|
height: 100%;
|
|
|
|
}
|
2019-06-17 08:12:12 +00:00
|
|
|
body {
|
|
|
|
min-height: 100%;
|
|
|
|
}
|
2019-05-11 11:50:39 +00:00
|
|
|
|
|
|
|
body {
|
|
|
|
display: grid;
|
|
|
|
grid-template-rows: auto 1fr auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
body > * {
|
|
|
|
padding: 0 10%;
|
|
|
|
}
|
|
|
|
|
2019-05-25 01:53:52 +00:00
|
|
|
.main1 {
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
2019-05-11 11:50:39 +00:00
|
|
|
.main2 {
|
2019-06-17 08:12:12 +00:00
|
|
|
height: 100%;
|
|
|
|
min-height: 100%;
|
2019-05-25 01:53:52 +00:00
|
|
|
margin: -1em;
|
2019-05-11 11:50:39 +00:00
|
|
|
}
|
|
|
|
.main3 {
|
2019-05-25 01:53:52 +00:00
|
|
|
padding: 1em 0;
|
|
|
|
margin: 0 1em;
|
2019-06-17 08:12:12 +00:00
|
|
|
min-height: 100%;
|
2019-05-22 18:05:09 +00:00
|
|
|
}
|
|
|
|
|
2019-05-25 01:53:52 +00:00
|
|
|
/* header */
|
|
|
|
header nav ul {
|
|
|
|
padding: 0;
|
|
|
|
border: 0;
|
|
|
|
margin: 0;
|
|
|
|
list-style: none;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
header nav li {
|
|
|
|
display: inline-block;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
header nav > ul {
|
|
|
|
padding-top: 0.25em;
|
2019-06-17 08:12:12 +00:00
|
|
|
margin-left: -0.5em;
|
2019-05-25 01:53:52 +00:00
|
|
|
}
|
|
|
|
header nav > ul > li {
|
|
|
|
float: left;
|
|
|
|
margin-left: 0.5em;
|
|
|
|
}
|
2019-06-17 08:12:12 +00:00
|
|
|
header nav > ul > li.page {
|
|
|
|
float: right;
|
2019-05-25 01:53:52 +00:00
|
|
|
}
|
|
|
|
header nav > ul > li > div {
|
|
|
|
margin-bottom: 0.25em;
|
2019-05-22 18:05:09 +00:00
|
|
|
}
|
2019-05-25 01:53:52 +00:00
|
|
|
header nav > ul > li > div > a {
|
|
|
|
display: inline-block;
|
|
|
|
position: relative;
|
|
|
|
padding-bottom: 0.25em;
|
2019-05-25 12:29:35 +00:00
|
|
|
transition: top 0.25s;
|
2019-05-25 01:53:52 +00:00
|
|
|
top: 0;
|
|
|
|
}
|
|
|
|
header nav > ul > li:hover > div > a, header nav > ul > li.active > div > a {
|
|
|
|
top: -0.25em;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* page */
|
2019-07-25 15:59:20 +00:00
|
|
|
main {
|
|
|
|
margin: 0.5em;
|
|
|
|
}
|
2019-05-22 18:05:09 +00:00
|
|
|
.translations {
|
|
|
|
float: right;
|
|
|
|
}
|
2019-07-25 15:59:20 +00:00
|
|
|
.page_title {
|
|
|
|
font-size: 200%;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
.details {
|
|
|
|
display: inline-grid;
|
|
|
|
grid-template-columns: auto auto;
|
2019-05-11 11:50:39 +00:00
|
|
|
}
|