Web/actaddmanual/style.css
2024-06-28 12:17:43 +02:00

132 lines
1.8 KiB
CSS

html {
scroll-padding-top: 40px;
}
body {
font-family: Roboto, sans-serif;
margin-top: 30px;
margin-bottom: 30px;
background-color: #e2e2e2;
height: 100%;
}
.item {
color: blue;
}
.imp {
color: green;
}
.entry {
width: 85%;
display: block;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
padding: 30px 40px;
background-color: white;
}
.alert {
width: 90%;
margin-left: auto;
margin-right: auto;
}
#content {
margin-left: 300px;
overflow: auto;
padding-bottom: 200px;
}
#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;
}
#footer {
position: fixed;
width: calc(100% - 300px);
right: 0;
bottom: 0;
padding: 15px;
}
.sellout {
display: flex;
align-items: center;
flex-direction: column;
}
#notices {
position: fixed;
top: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 100;
}
@media (max-width: 768px) {
#content {
margin-left: 200px;
}
#sidebar {
width: 200px;
}
#footer {
width: calc(100% - 200px);
}
}
@media (max-width: 510px) {
#content {
margin-left: 100px;
}
#sidebar {
width: 100px;
}
#footer {
width: calc(100% - 100px);
}
#sidebar a {
font-size: 80%;
margin-bottom: 10px;
}
h1 {
font-size: 150%;
}
.entry {
width: 90%;
padding-left: 15px;
padding-right: 15px;
}
}