compass-jquery-plugin 0.3.0.beta.21 → 0.3.0.beta.22

data/templates/jqtouch/jqtouch/jqtouch.scss

@@ -380,20 +380,43 @@ body {
   overflow: hidden;
   height: 370px; }
 
+.fullscreen.profile {
+  .vertical-scroll, .vertical-slide {
+    height: 420px; } }
+
 .landscape {
   .vertical-scroll, .vertical-slide {
     height: 230px; } }
 
+.fullscreen.landscape {
+  .vertical-scroll, .vertical-slide {
+    height: 255px; } }
+
 .vertical-scroll > div, .vertical-slide > div {
-  margin: 0 auto; }
+  margin: 0 auto;
+  padding-bottom: 5px; }
+
+.fullscreen {
+  .vertical-scroll > div, .vertical-slide > div {
+    padding-bottom: 10px; }
+  .vertical-scroll.use-bottom-toolbar > div, .vertical-slide.use-bottom-toolbar > div {
+    padding-bottom: 0; } }
 
 .vertical-scroll.use-bottom-toolbar, .vertical-slide.use-bottom-toolbar {
   height: 325px !important; }
 
+.fullscreen.profile {
+  .vertical-scroll.use-bottom-toolbar, .vertical-slide.use-bottom-toolbar {
+    height: 370px !important; } }
+
 .landscape {
   .vertical-scroll.use-bottom-toolbar, .vertical-slide.use-bottom-toolbar {
     height: 185px !important; } }
 
+.fullscreen.landscape {
+  .vertical-scroll.use-bottom-toolbar, .vertical-slide.use-bottom-toolbar {
+    height: 210px !important; } }
+
 #sw-wrapper {
   position: absolute;
   z-index: 1000;
@@ -673,3 +696,152 @@ body {
       width: 50px; } } }
 
 /*** Events ***/
+
+/**
+ *
+ *
+ *    @author Sam Shull <http://www.google.com/profiles/brickysam26>
+ *    @copyright 2010 Sam Shull <http://www.google.com/profiles/brickysam26>
+ *
+ *    Special Thanks to Steve Simitzis <http://saturn5.com>
+ *
+ *    @license <http://www.opensource.org/licenses/mit-license.html>
+ *
+ *    Permission is hereby granted, free of charge, to any person obtaining a copy
+ *    of this software and associated documentation files (the "Software"), to deal
+ *    in the Software without restriction, including without limitation the rights
+ *    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ *    copies of the Software, and to permit persons to whom the Software is
+ *    furnished to do so, subject to the following conditions:
+ *    
+ *    The above copyright notice and this permission notice shall be included in
+ *    all copies or substantial portions of the Software.
+ *    
+ *    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ *    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ *    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ *    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ *    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ *    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ *    THE SOFTWARE.
+ *
+ *
+ */
+
+#jqt .jqt-photo {
+  &.jqt-photo-toolbar-hidden .toolbar {
+    opacity: 0;
+    display: none; }
+  .jqt-photo-image-slide {
+    .jqt-photo-not-loaded {
+      background: black image_url("jqtouch/photo/loading.gif") no-repeat center center; }
+    .jqt-photo-img {
+      max-width: 100%;
+      max-height: 100%;
+      vertical-align: middle;
+      border: none;
+      outline: none;
+      background: #000; }
+    img.jqt-photo-presized {
+      max-width: auto;
+      max-height: auto; }
+    > div {
+      position: relative;
+      .jqt-photo-caption {
+        position: absolute;
+        line-height: 20px;
+        vertical-align: top;
+        width: 100%;
+        z-index: 10;
+        text-align: center;
+        color: #FFF; } } }
+  .jqt-photo-table {
+    height: 100%;
+    background: #000; }
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  background: #000;
+  color: #FFF;
+  &.animating {
+    display: block; }
+  .jqt-photo-image-slide > div {
+    display: box;
+    box-orient: horizontal;
+    box-orient: vertical;
+    box-align: stretch;
+    box-pack: center;
+    display: -webkit-box;
+    -webkit-box-orient: horizontal;
+    -webkit-box-orient: vertical;
+    -webkit-box-align: stretch;
+    -webkit-box-pack: center;
+    border-spacing: 0 10px 0 0;
+    overflow: hidden;
+    text-align: center; }
+  &.jqt-photo-toolbar-animation-in .toolbar {
+    opacity: 1; }
+  &.jqt-photo-toolbar-animation-out .toolbar {
+    opacity: 0; }
+  .toolbar {
+    width: 100%;
+    position: absolute;
+    top: 0;
+    z-index: 20;
+    background: transparent image_url("jqtouch/photo/toolbar.png") repeat-x;
+    -webkit-transition-duration: .65s;
+    -webkit-transition-property: opacity;
+    .back {
+      -webkit-border-image: image_url("jqtouch/photo/btnBack.png") 0 5 0 15; } }
+  .toolbar-bottom {
+    padding: 0;
+    font-size: 30px;
+    text-align: center;
+    vertical-align: top;
+    div {
+      display: inline-block;
+      padding: 0;
+      width: 50px;
+      height: 100%; } }
+  .jqt-photo-prev {
+    background: image_url("jqtouch/photo/navPrev.png") no-repeat center center; }
+  .jqt-photo-play {
+    background: image_url("jqtouch/photo/navPlay.png") no-repeat center center; }
+  .jqt-photo-next {
+    background: image_url("jqtouch/photo/navNext.png") no-repeat center center; }
+  .toolbar-bottom .jqt-photo-pause {
+    display: none;
+    background: image_url("jqtouch/photo/navPause.png") no-repeat center center; }
+  .jqt-photo-prev.hover {
+    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, image_url("jqtouch/photo/navPrev.png") no-repeat center center; }
+  .jqt-photo-play.hover {
+    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, image_url("jqtouch/photo/navPlay.png") no-repeat center center; }
+  .jqt-photo-next.hover {
+    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, image_url("jqtouch/photo/navNext.png") no-repeat center center; }
+  .toolbar-bottom .jqt-photo-pause.hover {
+    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, image_url("jqtouch/photo/navPause.png") no-repeat center center; }
+  &.jqt-photo-playing {
+    .jqt-photo-pause {
+      display: inline-block; }
+    .jqt-photo-play {
+      display: none; } } }
+
+/* animations are part off jqtouch */
+
+/* toolbar */
+
+/* slideshow no images - doesn't look right * /
+#jqt .jqt-photo .toolbar-bottom{line-height:100%;vertical-align:middle;font-size:1.5em;}
+#jqt .jqt-photo .jqt-photo-play:before{content:"\25B6";}
+#jqt .jqt-photo .jqt-photo-prev:before,
+#jqt .jqt-photo .jqt-photo-next:before{content:"\27A1";}
+#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 * /
+#jqt .jqt-photo .jqt-photo-pause:before{content:"\2759\2759";}
+#jqt .jqt-photo .toolbar-bottom .jqt-photo-pause{display:none;}
+
+
+/* slideshow images */
+
+/* hovers */
+
+/* */