Flo's css for LaTeX-Tut

css/custom.css

@@ -0,0 +1,112 @@
+/*
+ * Keyboard Shortcut Styling
+ * =========================
+ */
+kbd {
+  font-family: "Fira Code", monospace !important;
+  font-size: 65% !important;
+  display: inline-block;
+  border: 1px solid white !important;
+  border-width: 1px 5px 5px 1px !important;
+  padding: .2rem .5rem !important;
+}
+
+/* simple two-column layout */
+.two-columns {
+  display: flex;
+}
+
+.two-columns .column {
+  width: 50%;
+  overflow: hidden;
+}
+
+/*
+ * Inline Code Snippets
+ * ====================
+ */
+:not(pre) > code {
+  font-size: 85% !important;
+}
+
+code.snippet {
+  display: inline-block;
+  padding: .2rem .5rem;
+  background-color: #3f3f3f;
+  font-size: 70% !important;
+  color: #dcdcdc;
+}
+
+/*
+ * Booktab-Style Tables
+ * ====================
+ */
+table thead {
+  border: none !important;
+  border-top: 1px solid white !important;
+  border-bottom: 1px solid white !important;
+}
+
+table tr td {
+  border: none !important;
+}
+
+table tr:last-of-type {
+  border-bottom: 1px solid white !important;
+}
+
+/*
+ * Slideshows
+ * ==========
+ */
+
+.slideshow-wrapper {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.slideshow {
+  width: var(--slideshow-width);
+  height: var(--slideshow-height);
+  margin: 0 auto;
+  overflow-x: scroll;
+  scroll-snap-type-x: mandatory;
+  scroll-snap-points-x: repeat(100%);
+}
+
+.slideshow .slide-container {
+  display: flex;
+  width: calc((var(--slideshow-slidecount) + 1) * var(--slideshow-width));
+  height: 100%;
+}
+
+.slideshow .slide-container .slide {
+  width: var(--slideshow-width);
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  position: relative;
+}
+
+.slideshow .slide-container .slide .slide-image {
+  padding: 0;
+  margin: 0 !important;
+}
+
+.slideshow .slide-container .slide .slide-caption {
+  position: absolute;
+  display: flex;
+  justify-content: space-between;
+  bottom: 0;
+  left: 0;
+  width: var(--slideshow-width);
+  max-width: var(--slideshow-width);
+  box-sizing: border-box;
+  padding: .5rem 2rem;
+  font-size: 1.5rem !important;
+  background-color: rgba(0, 0, 0, .75);
+}