diff options
author | Victor Häggqvist <[email protected]> | 2014-06-24 22:36:16 +0200 |
---|---|---|
committer | Victor Häggqvist <[email protected]> | 2014-06-24 22:36:16 +0200 |
commit | 5b4054da3567ba6a557791b6d29e7c70e37da35f (patch) | |
tree | ad7605e51092c566adb38975adb1094d67413653 /dist/touch-imagelightbox.css | |
parent | 228d5feb41596bcecae927a5a5e4be9fc4206c64 (diff) |
a build of 0.1.0
Diffstat (limited to '')
-rw-r--r-- | dist/touch-imagelightbox.css | 269 | ||||
-rw-r--r-- | dist/touch-imagelightbox.css.map | 7 |
2 files changed, 276 insertions, 0 deletions
diff --git a/dist/touch-imagelightbox.css b/dist/touch-imagelightbox.css new file mode 100644 index 0000000..ef2d161 --- /dev/null +++ b/dist/touch-imagelightbox.css @@ -0,0 +1,269 @@ +html { + -ms-touch-action: manipulation; + touch-action: manipulation; +} + +#imagelightbox { + -ms-touch-action: none; + touch-action: none; + -moz-box-shadow: rgba(0, 0, 0, 0.75) 0 0 50px; + -webkit-box-shadow: rgba(0, 0, 0, 0.75) 0 0 50px; + box-shadow: rgba(0, 0, 0, 0.75) 0 0 50px; + cursor: pointer; + position: fixed; + z-index: 10000; +} + +#imagelightbox-loading, +#imagelightbox-loading div { + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; +} + +#imagelightbox-loading { + -moz-box-shadow: rgba(0, 0, 0, 0.75) 0 0 40px; + -webkit-box-shadow: rgba(0, 0, 0, 0.75) 0 0 40px; + box-shadow: rgba(0, 0, 0, 0.75) 0 0 40px; + background: #444; + background: rgba(0, 0, 0, 0.5); + height: 20px; + left: 50%; + margin: -20px 0 0 -20px; + padding: 10px; + position: fixed; + top: 50%; + width: 20px; + z-index: 10003; +} +#imagelightbox-loading div { + -moz-animation: imagelightbox-loading .5s ease infinite; + -o-animation: imagelightbox-loading .5s ease infinite; + -webkit-animation: imagelightbox-loading .5s ease infinite; + animation: imagelightbox-loading .5s ease infinite; + background-color: #fff; + height: 20px; + width: 20px; +} + +@-webkit-keyframes imagelightbox-loading { + 0% { + opacity: .5; + -webkit-transform: scale(0.75); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1); + } + + 100% { + opacity: .5; + -webkit-transform: scale(0.75); + } +} +@-moz-keyframes imagelightbox-loading { + 0% { + opacity: .5; + -moz-transform: scale(0.75); + } + + 50% { + opacity: 1; + -moz-transform: scale(1); + } + + 100% { + opacity: .5; + -moz-transform: scale(0.75); + } +} +@-o-keyframes imagelightbox-loading { + 0% { + opacity: .5; + -o-transform: scale(0.75); + } + + 50% { + opacity: 1; + -o-transform: scale(1); + } + + 100% { + opacity: .5; + -o-transform: scale(0.75); + } +} +@keyframes imagelightbox-loading { + 0% { + opacity: .5; + transform: scale(0.75); + } + + 50% { + opacity: 1; + transform: scale(1); + } + + 100% { + opacity: .5; + transform: scale(0.75); + } +} +#imagelightbox-overlay { + background: #fff; + background: rgba(255, 255, 255, 0.9); + bottom: 0; + left: 0; + position: fixed; + right: 0; + top: 0; + z-index: 9998; +} + +#imagelightbox-close { + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + background-color: #666; + height: 40px; + position: fixed; + right: 40px; + text-align: left; + text-indent: -9999px; + top: 40px; + -moz-transition: color .3s ease; + -ms-transition: color .3s ease; + -o-transition: color .3s ease; + -webkit-transition: color .3s ease; + transition: color .3s ease; + width: 40px; + z-index: 10002; +} +#imagelightbox-close:hover { + background-color: #111; +} +#imagelightbox-close:before, #imagelightbox-close:after { + background-color: #fff; + bottom: 20%; + content: ''; + left: 50%; + margin-left: -1px; + position: absolute; + top: 20%; + width: 2px; +} +#imagelightbox-close:before { + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} +#imagelightbox-close:after { + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +#imagelightbox-caption { + background-color: #666; + bottom: 0; + color: #fff; + left: 0; + padding: 10px; + position: fixed; + right: 0; + text-align: center; + z-index: 10001; +} + +#imagelightbox-nav { + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + background-color: #444; + background-color: rgba(0, 0, 0, 0.5); + bottom: 60px; + left: 50%; + padding: 5px 2px 1px; + position: fixed; + z-index: 10001; +} +#imagelightbox-nav a { + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 1px solid #fff; + display: inline-block; + height: 20px; + margin: 0 5px; + width: 20px; +} +#imagelightbox-nav a .active { + background-color: #fff; +} + +#imagelightbox-loading, +#imagelightbox-overlay, +#imagelightbox-close, +#imagelightbox-caption, +#imagelightbox-nav { + -moz-animation: fade-in .25s linear; + -o-animation: fade-in .25s linear; + -webkit-animation: fade-in .25s linear; + animation: fade-in .25s linear; +} + +@-webkit-keyframes fade-in { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} +@-moz-keyframes fade-in { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} +@-o-keyframes fade-in { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} +@keyframes fade-in { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} +@media only screen and (max-width: 660px) { + #imagelightbox-close { + right: 20px; + top: 20px; + } + + #imagelightbox-nav { + bottom: 20px; + } +} + +/*# sourceMappingURL=touch-imagelightbox.css.map */ diff --git a/dist/touch-imagelightbox.css.map b/dist/touch-imagelightbox.css.map new file mode 100644 index 0000000..beb587c --- /dev/null +++ b/dist/touch-imagelightbox.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["../sass/touch-imagelightbox.scss","../../../.rvm/gems/ruby-2.1.0/gems/compass-core-1.0.0.alpha.19/stylesheets/compass/_support.scss","../../../.rvm/gems/ruby-2.1.0/gems/compass-core-1.0.0.alpha.19/stylesheets/compass/css3/_box-shadow.scss","../../../.rvm/gems/ruby-2.1.0/gems/compass-core-1.0.0.alpha.19/stylesheets/compass/css3/_border-radius.scss","../sass/_variables.scss","../../../.rvm/gems/ruby-2.1.0/gems/compass-core-1.0.0.alpha.19/stylesheets/compass/css3/_transform.scss"], +"names": [], +"file": "touch-imagelightbox.css" +} |