First front-end prototype

2021-01-09 01:11:40 +01:00
parent c748f35786
commit 6b3f0df78a
24 changed files with 899 additions and 0 deletions
--- a/styles/fancybox.css
+++ b/styles/fancybox.css
@ -0,0 +1,81 @@
+.fancybox-custom-layout .fancybox-bg {
+    background:#f6f6f6;
+}
+
+.fancybox-custom-layout.fancybox-is-open .fancybox-bg {
+    opacity: 1;
+}
+
+.fancybox-custom-layout .fancybox-slide--image {
+    padding:1.1rem;
+}
+
+.fancybox-custom-layout .fancybox-caption {
+    background:#f6f6f6;
+    color:black;
+    padding:0;
+    margin:auto;
+}
+
+.fancybox-custom-layout .fancybox-toolbar {
+    bottom:0;
+    top:initial;
+}
+
+
+.fancybox-custom-layout.fancybox-can-zoomIn .fancybox-show-caption,
+.fancybox-custom-layout.fancybox-can-zoomIn .fancybox-caption,
+.fancybox-custom-layout.fancybox-can-zoomIn .fancybox-toolbar {
+    opacity:1;
+}
+
+
+.fancybox-custom-layout.fancybox-can-pan .fancybox-show-caption,
+.fancybox-custom-layout.fancybox-can-pan .fancybox-caption,
+.fancybox-custom-layout.fancybox-can-pan .fancybox-toolbar {
+    opacity:0;
+}
+
+
+.fancybox-custom-layout .fancybox-button {
+    color:#38686A;
+    background:#f6f6f6;
+}
+
+.fancybox-custom-layout .fancybox-button:hover {
+    color:#2589BD;
+}
+
+.fancybox-custom-layout .fancybox-close-small {
+    top:0;
+    right:0;
+    bottom:0;
+    left:auto;
+    margin:0;
+    margin-right:-3rem;
+    padding:0rem;
+
+}
+
+.fancybox-custom-layout .fancybox-close-small:hover {
+    color:#2589BD;
+}
+
+.fancybox-custom-layout .fancybox-caption .fancybox-caption__body {
+    padding:25px;
+}
+
+.fancybox-custom-layout .fancybox-caption #info {
+    display:block;
+    margin:auto;
+    text-align:left;
+}
+
+.fancybox-custom-layout .fancybox-caption #info a {
+    color:#38686A;
+    text-decoration:none;
+}
+
+.fancybox-custom-layout .fancybox-caption #info a:hover {
+    color:#2589BD;
+}