Website Summary Files Commits Branches @commit @diff @stats
path: root / exampleSite / static / plugin / gallery / gallery.css
diff options
context:
space:
mode:
Commitad823cc4d72edbab10f0dadf99b30df91c3f7c50 (patch)
Author
 Dimitar Trendafilov <trendafilov.dn@gmail.com>
2020-08-16 08:38:04 +0300
Committer
 Dimitar Trendafilov <trendafilov.dn@gmail.com>
2020-08-16 08:38:04 +0300
Files6666a19acc2316d6ad5ad00291066d6d6fd42a5b /exampleSite/static/plugin/gallery/gallery.css
IPL-ad823cc4d72edbab10f0dadf99b30df91c3f7c50.tar
IPL-ad823cc4d72edbab10f0dadf99b30df91c3f7c50.tar.gz
IPL-ad823cc4d72edbab10f0dadf99b30df91c3f7c50.zip
Squashed 'website/themes/reveal-hugo/' content from commit ff9f389
git-subtree-dir: website/themes/reveal-hugo git-subtree-split: ff9f389743ae2fe5c5cc6101455db0616e8548e2
1 files changed, 67 insertions, 0 deletions
-rw-r--r--exampleSite/static/plugin/gallery/gallery.css67
diff --git a/exampleSite/static/plugin/gallery/gallery.css b/exampleSite/static/plugin/gallery/gallery.css
new file mode 100644
index 0000000..58d3514
--- /dev/null
+++ b/exampleSite/static/plugin/gallery/gallery.css
@@ -0,0 +1,67 @@
+.reveal ul.gallery {
+ position: relative;
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ width: 960px;
+ height: 700px;
+}
+
+.reveal ul.gallery[data-mode=full-screen] {
+ width: 100%;
+ height: 100%;
+}
+
+.gallery li {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 960px;
+ height: 700px;
+ opacity: 0;
+ -webkit-transition: opacity 0.3s ease-in-out;
+ -moz-transition: opacity 0.3s ease-in-out;
+ transition: opacity 0.3s ease-in-out;
+}
+
+.gallery[data-mode=full-screen] li {
+ width: 100%;
+ height: 100%;
+ background-size: 100% 100%;
+ background-attachment:fixed;
+ background-position: center;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+}
+
+
+.gallery .active {
+ opacity: 1;
+}
+
+.gallery .inactive {
+ opacity: 0;
+}
+
+.gallery img {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border: none !important;
+}
+
+.gallery label {
+ display: block;
+ position: absolute;
+ bottom: 20px;
+ min-width: 150px;
+ left: 0;
+ padding: 10px;
+ background-color: rgba(0, 0, 0, 0.6);
+ color: #fff;
+ font-size: 24px;
+} \ No newline at end of file