109 lines
1.5 KiB
CSS
109 lines
1.5 KiB
CSS
* {
|
|
scroll-margin-block-start: 60px;
|
|
scroll-margin-block-end: 60px;
|
|
box-sizing: border-box;
|
|
scroll-behavior: smooth;
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 9px;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background: rgb(41, 41, 41);
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background: #ff8906;
|
|
border-radius: 5px;
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #555;
|
|
}
|
|
|
|
[class*="col-"] {
|
|
float: left;
|
|
}
|
|
.row {
|
|
clear: both;
|
|
}
|
|
|
|
body {
|
|
background-color: #0f0e17;
|
|
color: #a7a9be;
|
|
text-align: left;
|
|
font-size: 1.4em;
|
|
max-width: 900px;
|
|
margin: auto;
|
|
}
|
|
|
|
p {
|
|
padding: 10px;
|
|
}
|
|
|
|
#cover {
|
|
opacity: 60%;
|
|
}
|
|
|
|
.container {
|
|
position: relative;
|
|
text-align: center;
|
|
color: white;
|
|
}
|
|
.centered {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
#gone {
|
|
display: none;
|
|
color: #fffffe;
|
|
text-align: center;
|
|
}
|
|
|
|
#MoreButton {
|
|
margin: auto;
|
|
position: relative;
|
|
height: auto;
|
|
max-height: max-content;
|
|
width: auto;
|
|
max-width: max-content;
|
|
background-color: #ff8906;
|
|
border-radius: 5px;
|
|
color: #fffffe;
|
|
font-size: 1.2em;
|
|
}
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
a div p {
|
|
text-align: center;
|
|
padding: 20px;
|
|
}
|
|
a :hover {
|
|
scale: 1.06;
|
|
}
|
|
|
|
.righties {
|
|
padding-bottom: 30px;
|
|
padding-top: 20px;
|
|
width: 100%;
|
|
clear: both;
|
|
}
|
|
|
|
@media (max-width: 767px) /*unter handy größe*/ {
|
|
.centered {
|
|
display: none;
|
|
}
|
|
#gone {
|
|
display: block;
|
|
}
|
|
#cover {
|
|
opacity: 100%;
|
|
}
|
|
.righties {
|
|
width: 100%;
|
|
}
|
|
}
|