Permalink
Browse files

Huge update to website, lots more details, instructions, images.

  • Loading branch information...
griffey committed Mar 25, 2012
1 parent aebf456 commit 91bd6e21292ed1634024e041a64489386e6adebe
@@ -0,0 +1,107 @@
+@charset 'UTF-8';
+/*
+ * Bootstrap Image Gallery CSS 2.4
+ * https://github.com/blueimp/Bootstrap-Image-Gallery
+ *
+ * Copyright 2011, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ */
+
+.modal-gallery {
+ width: auto;
+ max-height: none;
+}
+.modal-gallery .modal-body {
+ max-height: none;
+}
+.modal-gallery .modal-title {
+ display: inline-block;
+}
+.modal-gallery .modal-image {
+ position: relative;
+ margin: auto;
+ min-width: 128px;
+ min-height: 128px;
+ overflow: hidden;
+ cursor: pointer;
+}
+.modal-loading .modal-image {
+ background: url(../img/loading.gif) center no-repeat;
+}
+.modal-gallery.fade .modal-image {
+ -webkit-transition: width 0.15s ease, height 0.15s ease;
+ -moz-transition: width 0.15s ease, height 0.15s ease;
+ -ms-transition: width 0.15s ease, height 0.15s ease;
+ -o-transition: width 0.15s ease, height 0.15s ease;
+ transition: width 0.15s ease, height 0.15s ease;
+}
+.modal-gallery .modal-image * {
+ position: absolute;
+ top: 0;
+ opacity: 0;
+ filter: alpha(opacity=0);
+}
+.modal-gallery.fade .modal-image * {
+ -webkit-transition: opacity 0.5s linear;
+ -moz-transition: opacity 0.5s linear;
+ -ms-transition: opacity 0.5s linear;
+ -o-transition: opacity 0.5s linear;
+ transition: opacity 0.5s linear;
+}
+.modal-gallery .modal-image *.in {
+ opacity: 1;
+ filter: alpha(opacity=100);
+}
+.modal-fullscreen {
+ border: none;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+ background: transparent;
+ overflow: hidden;
+}
+.modal-fullscreen.modal-loading {
+ border: 0;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+}
+.modal-fullscreen .modal-body {
+ padding: 0;
+}
+.modal-fullscreen .modal-header,
+.modal-fullscreen .modal-footer {
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+ background: transparent;
+ border: 0;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ opacity: 0;
+ z-index: 2000;
+}
+.modal-fullscreen .modal-footer {
+ top: auto;
+ bottom: 0;
+}
+.modal-fullscreen .close,
+.modal-fullscreen .modal-title {
+ color: #fff;
+ text-shadow: 0 0 2px rgba(33, 33, 33, 0.8);
+}
+.modal-fullscreen .modal-header:hover,
+.modal-fullscreen .modal-footer:hover {
+ opacity: 1;
+}
+
+@media (max-width: 480px) {
+ .modal-gallery .btn span {
+ display: none;
+ }
+}
@@ -0,0 +1,18 @@
+@charset 'UTF-8';
+.modal-gallery{width:auto;max-height:none;}
+.modal-gallery .modal-body{max-height:none;}
+.modal-gallery .modal-title{display:inline-block;}
+.modal-gallery .modal-image{position:relative;margin:auto;min-width:128px;min-height:128px;overflow:hidden;cursor:pointer;}
+.modal-loading .modal-image{background:url(../img/loading.gif) center no-repeat;}
+.modal-gallery.fade .modal-image{-webkit-transition:width 0.15s ease, height 0.15s ease;-moz-transition:width 0.15s ease, height 0.15s ease;-ms-transition:width 0.15s ease, height 0.15s ease;-o-transition:width 0.15s ease, height 0.15s ease;transition:width 0.15s ease, height 0.15s ease;}
+.modal-gallery .modal-image *{position:absolute;top:0;opacity:0;filter:alpha(opacity=0);}
+.modal-gallery.fade .modal-image *{-webkit-transition:opacity 0.5s linear;-moz-transition:opacity 0.5s linear;-ms-transition:opacity 0.5s linear;-o-transition:opacity 0.5s linear;transition:opacity 0.5s linear;}
+.modal-gallery .modal-image *.in{opacity:1;filter:alpha(opacity=100);}
+.modal-fullscreen{border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:transparent;overflow:hidden;}
+.modal-fullscreen.modal-loading{border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
+.modal-fullscreen .modal-body{padding:0;}
+.modal-fullscreen .modal-header,.modal-fullscreen .modal-footer{position:absolute;top:0;right:0;left:0;background:transparent;border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;opacity:0;z-index:2000;}
+.modal-fullscreen .modal-footer{top:auto;bottom:0;}
+.modal-fullscreen .close,.modal-fullscreen .modal-title{color:#fff;text-shadow:0 0 2px rgba(33, 33, 33, 0.8);}
+.modal-fullscreen .modal-header:hover,.modal-fullscreen .modal-footer:hover{opacity:1;}
+@media (max-width:480px){.modal-gallery .btn span{display:none;}}
Oops, something went wrong.

0 comments on commit 91bd6e2

Please sign in to comment.