Web/main/actaddmanual/style.css

131 lines
1.9 KiB
CSS
Raw Normal View History

2020-02-23 17:13:23 +01:00
body {
2021-03-19 04:23:04 +01:00
font-family: Roboto, sans-serif;
font-display: swap;
2020-02-23 17:13:23 +01:00
margin-top: 30px;
margin-bottom: 30px;
background-color: #e2e2e2;
2020-04-18 17:28:35 +02:00
height: 100%;
2020-02-23 17:13:23 +01:00
}
.item {
color: blue;
}
.imp {
color: green;
}
.entry {
width: 85%;
display: block;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 40px;
padding-right: 40px;
background-color: white;
}
2020-04-02 22:14:53 +02:00
.alert {
width: 90%;
margin-left: auto;
margin-right: auto;
}
2020-04-18 17:28:35 +02:00
#content {
2020-02-23 17:13:23 +01:00
margin-left: 300px;
2020-04-18 17:28:35 +02:00
overflow: auto;
padding-bottom: 200px;
2020-02-23 17:13:23 +01:00
}
#sidebar {
height: 100%;
width: 300px;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: white;
overflow-x: hidden;
padding-top: 20px;
}
#sidebar a {
padding: 5px 5px 5px 20px;
text-decoration: none;
color: #686868;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#sidebar a:hover {
color: black;
}
2020-04-18 17:28:35 +02:00
#footer {
position: fixed;
2020-04-18 23:09:53 +02:00
width: calc(100% - 300px);
right: 0;
2020-04-18 17:28:35 +02:00
bottom: 0;
2020-04-18 23:09:53 +02:00
padding: 15px;
2020-04-18 17:28:35 +02:00
}
2020-02-23 17:13:23 +01:00
.anchor {
display: block;
position: relative;
top: -40px;
visibility: hidden;
2020-02-25 13:06:12 +01:00
}
2020-11-19 23:37:12 +01:00
.sellout {
2021-03-19 11:42:35 +01:00
display: flex;
align-items: center;
flex-direction: column;
2020-11-19 23:37:12 +01:00
}
2020-02-25 13:06:12 +01:00
@media (max-width: 768px) {
2020-04-18 17:28:35 +02:00
#content {
2020-02-25 13:06:12 +01:00
margin-left: 200px;
}
#sidebar {
width: 200px;
}
2020-04-18 23:09:53 +02:00
#footer {
width: calc(100% - 200px);
}
2020-02-25 13:06:12 +01:00
}
@media (max-width: 510px) {
2020-04-18 17:28:35 +02:00
#content {
2020-02-25 13:06:12 +01:00
margin-left: 100px;
}
#sidebar {
width: 100px;
}
2020-04-18 23:09:53 +02:00
#footer {
width: calc(100% - 100px);
}
2020-02-25 13:06:12 +01:00
#sidebar a {
font-size: 80%;
margin-bottom: 10px;
2020-02-25 13:06:12 +01:00
}
h1 {
font-size: 150%;
}
.entry {
width: 90%;
padding-left: 15px;
padding-right: 15px;
}
2020-02-23 17:13:23 +01:00
}