vanillajs-deck/css/style.css

98 lines
1.3 KiB
CSS
Raw Normal View History

2019-11-22 19:28:19 +00:00
body {
padding: 5px;
2019-11-23 01:09:42 +00:00
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 5vh;
}
button {
font-size: 5vh;
}
@media only screen and (max-width: 800px) {
body {
font-size: 14px;
}
button {
font-size: 14px;
}
}
@media only screen and (max-width: 1200px) {
body {
font-size: 3vh;
}
button {
font-size: 14px;
}
2019-11-22 19:28:19 +00:00
}
h1, h2, h3 {
text-align: center;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
max-width: 100%;
height: auto;
}
2019-11-23 00:37:45 +00:00
.footer {
float: left;
height: 15vh;
vertical-align: middle;
width: 32vw;
2019-11-22 19:28:19 +00:00
}
2019-11-23 00:37:45 +00:00
.right {
text-align: right;
2019-11-22 19:28:19 +00:00
}
2019-11-23 00:37:45 +00:00
.left {
text-align: left;
2019-11-22 19:28:19 +00:00
}
2019-11-23 00:37:45 +00:00
.center {
text-align: center;
}
slide-deck div {
height: 80vh;
padding: 1em;
background: lightgray;
}
2019-11-23 01:09:42 +00:00
@media only screen and (max-width: 960px) {
.footer {
float: none;
width: 100%;
height: auto;
margin-top: 2px;
}
.right {
text-align: center;
}
.left {
text-align: center;
}
slide-deck div {
height: 75vh;
}
}
2019-11-23 00:37:45 +00:00
slide-controls {
2019-11-22 19:28:19 +00:00
height: 15vh;
2019-11-23 00:37:45 +00:00
width: 33vw;
text-align: center;
float: left;
2019-11-22 19:28:19 +00:00
}
nextslide {
display: none;
}