100 lines
2.1 KiB
CSS
100 lines
2.1 KiB
CSS
@import url(../_assets/reveal.js/css/theme/black.css);
|
|
@import url(../_assets/fonts/TeXGyreAdventor/index.css);
|
|
sup {
|
|
font-size: 0.75em !important;
|
|
margin-right: 0.2em !important; }
|
|
|
|
.reveal,
|
|
.reveal h1,
|
|
.reveal h2,
|
|
.reveal h3,
|
|
.reveal h4,
|
|
.reveal h5,
|
|
.reveal h6 {
|
|
font-family: "TeX Gyre Adventor"; }
|
|
|
|
li.image {
|
|
list-style: square; }
|
|
|
|
li.imageplus {
|
|
list-style: disclosure-open; }
|
|
|
|
.legend {
|
|
position: fixed;
|
|
left: 0px;
|
|
top: 0px; }
|
|
|
|
.footnote-legend {
|
|
font-size: 0.6em !important; }
|
|
|
|
.footnote-legend li {
|
|
display: inline-block; }
|
|
|
|
.footnote-legend li:not(:last-child)::after {
|
|
content: '|'; }
|
|
|
|
*:blank {
|
|
border: 5px red; }
|
|
|
|
#kardaschow {
|
|
bottom: 0px;
|
|
position: fixed;
|
|
top: 0px;
|
|
width: 100%; }
|
|
#kardaschow .current-fragment ~ .fragment,
|
|
#kardaschow .visible {
|
|
height: 60px; }
|
|
#kardaschow .current-fragment ~ .fragment h1,
|
|
#kardaschow .visible h1 {
|
|
font-size: 1em; }
|
|
#kardaschow .current-fragment {
|
|
height: 609px !important; }
|
|
#kardaschow .current-fragment h1 {
|
|
font-size: 2em; }
|
|
#kardaschow .current-fragment .expand {
|
|
display: initial !important; }
|
|
#kardaschow div {
|
|
overflow: hidden; }
|
|
#kardaschow div h1 {
|
|
transition: all .2s ease; }
|
|
#kardaschow div .expand {
|
|
display: none !important; }
|
|
#kardaschow div:not(.visible) {
|
|
height: 243px;
|
|
opacity: 1;
|
|
visibility: visible; }
|
|
#kardaschow div:not(.visible) h1 {
|
|
position: relative;
|
|
top: 50%;
|
|
transform: translateY(-50%); }
|
|
#kardaschow #type-1 {
|
|
background-color: #fc6769; }
|
|
#kardaschow #type-2 {
|
|
background-color: #63c9ce; }
|
|
#kardaschow #type-3 {
|
|
background-color: #f4e623;
|
|
/*img {
|
|
animation: rotate 300s infinite linear;
|
|
|
|
// easter egg
|
|
&:hover {
|
|
animation: rotate 1s infinite linear;
|
|
}
|
|
}*/ }
|
|
|
|
.expand img {
|
|
margin: inherit !important;
|
|
background: inherit !important;
|
|
border: inherit !important;
|
|
box-shadow: inherit !important;
|
|
max-height: unset;
|
|
max-width: unset;
|
|
max-width: 95%;
|
|
max-height: 60%; }
|
|
|
|
@keyframes rotate {
|
|
from {
|
|
transform: rotate(0deg); }
|
|
to {
|
|
transform: rotate(360deg); } }
|