add previous and next styles

fb668c58 · DepFA · GitHub · f96d8a60 · fb668c58
Commit fb668c58 authored Sep 17, 2022 by DepFA Committed by GitHub Sep 17, 2022
Hide whitespace changes
Inline Side-by-side

Showing with 26 additions and 0 deletions

style.css style.css +26 -0

No files found.
--- a/style.css
+++ b/style.css
@@ -230,3 +230,29 @@ input[type="range"]{
    width: auto;
 }

+.modalPrev,
+.modalNext {
+  cursor: pointer;
+  position: absolute;
+  top: 50%;
+  width: auto;
+  padding: 16px;
+  margin-top: -50px;
+  color: white;
+  font-weight: bold;
+  font-size: 20px;
+  transition: 0.6s ease;
+  border-radius: 0 3px 3px 0;
+  user-select: none;
+  -webkit-user-select: none;
+}
+
+.modalNext {
+  right: 0;
+  border-radius: 3px 0 0 3px;
+}
+
+.modalPrev:hover,
+.modalNext:hover {
+  background-color: rgba(0, 0, 0, 0.8);
+}