[9188] | 1 | /** |
---|
| 2 | * |
---|
| 3 | * |
---|
| 4 | * @author Sam Shull <http://www.google.com/profiles/brickysam26> |
---|
| 5 | * @copyright 2010 Sam Shull <http://www.google.com/profiles/brickysam26> |
---|
| 6 | * |
---|
| 7 | * Special Thanks to Steve Simitzis <http://saturn5.com> |
---|
| 8 | * |
---|
| 9 | * @license <http://www.opensource.org/licenses/mit-license.html> |
---|
| 10 | * |
---|
| 11 | * Permission is hereby granted, free of charge, to any person obtaining a copy |
---|
| 12 | * of this software and associated documentation files (the "Software"), to deal |
---|
| 13 | * in the Software without restriction, including without limitation the rights |
---|
| 14 | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell |
---|
| 15 | * copies of the Software, and to permit persons to whom the Software is |
---|
| 16 | * furnished to do so, subject to the following conditions: |
---|
| 17 | * |
---|
| 18 | * The above copyright notice and this permission notice shall be included in |
---|
| 19 | * all copies or substantial portions of the Software. |
---|
| 20 | * |
---|
| 21 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
---|
| 22 | * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
---|
| 23 | * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
---|
| 24 | * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
---|
| 25 | * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
---|
| 26 | * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN |
---|
| 27 | * THE SOFTWARE. |
---|
| 28 | * |
---|
| 29 | * |
---|
| 30 | */ |
---|
| 31 | #jqt .jqt-photo.jqt-photo-toolbar-hidden .toolbar{opacity:0;display:none;} |
---|
| 32 | |
---|
| 33 | #jqt .jqt-photo .jqt-photo-image-slide .jqt-photo-not-loaded{background:#000 url(photo-images/loading.gif) no-repeat center center;} |
---|
| 34 | |
---|
| 35 | #jqt .jqt-photo .jqt-photo-image-slide .jqt-photo-img{max-width:100%;max-height:100%;vertical-align:middle;border:none;outline:none;background:#000;} |
---|
| 36 | #jqt .jqt-photo .jqt-photo-image-slide img.jqt-photo-presized{max-width:auto;max-height:auto;} |
---|
| 37 | |
---|
| 38 | #jqt .jqt-photo .jqt-photo-image-slide > div{position:relative;} |
---|
| 39 | |
---|
| 40 | #jqt .jqt-photo .jqt-photo-image-slide > div .jqt-photo-caption{position:absolute;line-height:20px;vertical-align:top;width:100%;z-index:10; |
---|
| 41 | text-align:center;color:#FFF;} |
---|
| 42 | |
---|
| 43 | #jqt .jqt-photo .jqt-photo-table{height:100%;background:#000;} |
---|
| 44 | |
---|
| 45 | #jqt .jqt-photo{height:100%;width:100%;overflow:hidden;background:#000;color:#FFF;} |
---|
| 46 | |
---|
| 47 | #jqt .jqt-photo.animating{display:block;} |
---|
| 48 | |
---|
| 49 | #jqt .jqt-photo .jqt-photo-image-slide > div{display:box;box-orient:horizontal;box-orient:vertical;box-align:stretch;box-pack:center; |
---|
| 50 | display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-orient:vertical;-webkit-box-align:stretch;-webkit-box-pack:center; |
---|
| 51 | border-spacing:0 10px 0 0;overflow:hidden;text-align:center;} |
---|
| 52 | |
---|
| 53 | /* animations are part off jqtouch */ |
---|
| 54 | #jqt .jqt-photo.jqt-photo-toolbar-animation-in .toolbar{opacity:1;} |
---|
| 55 | #jqt .jqt-photo.jqt-photo-toolbar-animation-out .toolbar{opacity:0;} |
---|
| 56 | |
---|
| 57 | /* toolbar */ |
---|
| 58 | #jqt .jqt-photo .toolbar{width:100%;position:absolute;top:0;z-index:20;background:transparent url(photo-images/toolbar.png) repeat-x; |
---|
| 59 | -webkit-transition-duration:.65s;-webkit-transition-property:opacity;} |
---|
| 60 | #jqt .jqt-photo .toolbar .back{-webkit-border-image:url(photo-images/btnBack.png) 0 5 0 15;} |
---|
| 61 | |
---|
| 62 | #jqt .jqt-photo .toolbar-bottom{padding:0;font-size:30px;text-align:center;vertical-align:top;} |
---|
| 63 | #jqt .jqt-photo .toolbar-bottom div{display:inline-block;padding:0;width:50px;height:100%;} |
---|
| 64 | |
---|
| 65 | /* slideshow no images - doesn't look right * / |
---|
| 66 | #jqt .jqt-photo .toolbar-bottom{line-height:100%;vertical-align:middle;font-size:1.5em;} |
---|
| 67 | #jqt .jqt-photo .jqt-photo-play:before{content:"\25B6";} |
---|
| 68 | #jqt .jqt-photo .jqt-photo-prev:before, |
---|
| 69 | #jqt .jqt-photo .jqt-photo-next:before{content:"\27A1";} |
---|
| 70 | #jqt .jqt-photo .jqt-photo-prev{-webkit-transform:matrix(-1,0,0,1,0,0);}/* webkit doesnt support leftward arrow, so we flip the rightward arrow * / |
---|
| 71 | #jqt .jqt-photo .jqt-photo-pause:before{content:"\2759\2759";} |
---|
| 72 | #jqt .jqt-photo .toolbar-bottom .jqt-photo-pause{display:none;} |
---|
| 73 | |
---|
| 74 | |
---|
| 75 | /* slideshow images */ |
---|
| 76 | #jqt .jqt-photo .jqt-photo-prev{background:url(photo-images/navPrev.png) no-repeat center center;} |
---|
| 77 | #jqt .jqt-photo .jqt-photo-play{background:url(photo-images/navPlay.png) no-repeat center center;} |
---|
| 78 | #jqt .jqt-photo .jqt-photo-next{background:url(photo-images/navNext.png) no-repeat center center;} |
---|
| 79 | #jqt .jqt-photo .toolbar-bottom .jqt-photo-pause{display:none;background:url(photo-images/navPause.png) no-repeat center center;} |
---|
| 80 | |
---|
| 81 | /* hovers */ |
---|
| 82 | #jqt .jqt-photo .jqt-photo-prev.hover{ |
---|
| 83 | background:-webkit-gradient(radial, 50% 50%, 2, 50% 50%, 25, from(rgba(255,255,255,1)), to(rgba(255,255,255,0))) no-repeat center center, |
---|
| 84 | url(photo-images/navPrev.png) no-repeat center center;} |
---|
| 85 | #jqt .jqt-photo .jqt-photo-play.hover{ |
---|
| 86 | background:-webkit-gradient(radial, 50% 50%, 2, 50% 50%, 25, from(rgba(255,255,255,1)), to(rgba(255,255,255,0))) no-repeat center center, |
---|
| 87 | url(photo-images/navPlay.png) no-repeat center center;} |
---|
| 88 | #jqt .jqt-photo .jqt-photo-next.hover{ |
---|
| 89 | background:-webkit-gradient(radial, 50% 50%, 2, 50% 50%, 25, from(rgba(255,255,255,1)), to(rgba(255,255,255,0))) no-repeat center center, |
---|
| 90 | url(photo-images/navNext.png) no-repeat center center;} |
---|
| 91 | #jqt .jqt-photo .toolbar-bottom .jqt-photo-pause.hover{ |
---|
| 92 | background:-webkit-gradient(radial, 50% 50%, 2, 50% 50%, 25, from(rgba(255,255,255,1)), to(rgba(255,255,255,0))) no-repeat center center, |
---|
| 93 | url(photo-images/navPause.png) no-repeat center center;} |
---|
| 94 | |
---|
| 95 | /* */ |
---|
| 96 | #jqt .jqt-photo.jqt-photo-playing .jqt-photo-pause{display:inline-block;} |
---|
| 97 | #jqt .jqt-photo.jqt-photo-playing .jqt-photo-play{display:none;} |
---|
| 98 | |
---|