jquery触摸拖动选择图片插件wrangle特效代码

版权：原创更新时间：1年以上

[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 jquery触摸拖动选择图片插件wrangle特效代码的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图:

HTML代码(index.html):

<!DOCTYPE html>
<!--[if IE 8]> 				 <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->

<head>
	<meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="author" content="ZURB, inc.">
  <title>jquery触摸拖动选择图片插件wrangle</title>
  <link rel="stylesheet" href="stylesheets/app.css">
  <script src="javascripts/vendor/custom.modernizr.js"></script>
</head>
<body class="antialiased">
  <div class="wrangle-demo">
    <div data-wrangle class="demo-main">
      <!-- Toolbar -->
      <div class="toolbar">
        <a class="secondary button" data-edit>Start Demo</a>

        <div class="edit-toolbar">
          <a class="secondary button" data-edit>Cancel</a>
          <a class="button" data-all>Select All</a>
          <a class="button" data-clear>Select None</a>
          <a class="alert button" data-action="delete">Delete</a>
        </div>
      </div>
      <!-- /Toolbar -->
      <!-- Gallery view -->
      <div data-selectarea class="gallery">
        <canvas data-canvas></canvas>
        <ul data-list>
          <li>
            <img src="images/photo-1.jpg" alt="Photo">
          </li>
          <li>
            <img src="images/photo-2.jpg" alt="Photo">
          </li>
          <li>
            <img src="images/photo-3.jpg" alt="Photo">
          </li>
          <li>
            <img src="images/photo-4.jpg" alt="Photo">
          </li>
          <li>
            <img src="images/photo-5.jpg" alt="Photo">
          </li>
          <li>
            <img src="images/photo-6.jpg" alt="Photo">
          </li>
          <li>
            <img src="images/photo-7.jpg" alt="Photo">
          </li>
          <li>
            <img src="images/photo-8.jpg" alt="Photo">
          </li>
          <li>
            <img src="images/photo-9.jpg" alt="Photo">
          </li>
          <li>
            <img src="images/photo-10.jpg" alt="Photo">
          </li>
          <li>
            <img src="images/photo-11.jpg" alt="Photo">
          </li>
          <li>
            <img src="images/photo-12.jpg" alt="Photo">
          </li>
          <li>
            <img src="images/photo-13.jpg" alt="Photo">
          </li>
          <li>
            <img src="images/photo-14.jpg" alt="Photo">
          </li>
          <li>
            <img src="images/photo-15.jpg" alt="Photo">
          </li>
          <li>
            <img src="images/photo-16.jpg" alt="Photo">
          </li>
          <li>
            <img src="images/photo-17.jpg" alt="Photo">
          </li>
          <li>
            <img src="images/photo-18.jpg" alt="Photo">
          </li>
          <li>
            <img src="images/photo-19.jpg" alt="Photo">
          </li>
          <li>
            <img src="images/photo-20.jpg" alt="Photo">
          </li>
        </ul>
      </div>
      <!-- /Gallery view -->
    </div>
  </div>
  <script src="javascripts/jquery.min.js"></script>
  <script src="javascripts/foundation/foundation.js"></script>
	<script src="javascripts/foundation/foundation.joyride.js"></script>
  <script src="javascripts/foundation/foundation.reveal.js"></script>
  <script src="javascripts/vendor/jquery.wrangle.js"></script>
  <script src="javascripts/app.js"></script>
</body>
</html>

JS代码(app.js):

;
	(function($){
	var mt = navigator.userAgent.match(/(iPhone|iPod|iPad)/i) ? true:false;
	var options ={
	lineColor:'red',touchMode:'auto',selectToggle:false,multiTouch:mt,}
;
	var actions ={
	'delete':function(items){
	if (items.length > 0){
	str = 'Are you sure you want to delete ';
	str += items.length === 1 ? 'this photo?':('these ' + items.length + ' photos?');
	if (confirm(str)){
	items.remove();
	return false;
}
}
}
,'star':function(items){
	items.toggleClass('starred');
}
,'invert':function(items){
	items.toggleClass('inverted');
}
}
;
	$(document).foundation();
	$('#intro').foundation('reveal','open');
	$('#intro-close').click(function(){
	$('#intro').foundation('reveal','close');
}
);
	$(window).on('load',function(){
	$(document).wrangle(options,actions);
}
);
	var $container = $('[data-wrangle]').eq(0);
	var $modal = $('.photo-viewer').eq(0);
	var $modalImg = $modal.children('img').eq(0);
	$('[data-list] > li').click(function(){
	if (!$container.hasClass('editable')){
	$modalImg.attr('src',$(this).children('img').attr('src'));
	if ($(this).hasClass('inverted')) $modal.addClass('inverted');
	else $modal.removeClass('inverted');
	$modal.fadeIn(250);
}
}
);
	$modal.on('click touchstart',function(){
	$modal.fadeOut(250);
	return false;
}
);
}
(window.jQuery));

CSS代码(app.css):

/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** * Correct `block` display not defined in IE 8/9. */
/* line 22,../sass/_normalize.scss */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
/** * Correct `inline-block` display not defined in IE 8/9. */
/* line 32,../sass/_normalize.scss */
audio,canvas,video{display:inline-block;}
/** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */
/* line 41,../sass/_normalize.scss */
audio:not([controls]){display:none;height:0;}
/** * Address styling not present in IE 8/9. */
/* line 50,../sass/_normalize.scss */
[hidden]{display:none;}
/* ========================================================================== Base ========================================================================== */
/** * 1. Prevent system color scheme's background color being used in Firefox,IE,* and Opera. * 2. Prevent system color scheme's text color being used in Firefox,IE,and * Opera. * 3. Set default font family to sans-serif. * 4. Prevent iOS text size adjust after orientation change,without disabling * user zoom. */
/* line 68,../sass/_normalize.scss */
html{background:#fff;/* 1 */
 color:#000;/* 2 */
 font-family:sans-serif;/* 3 */
 -ms-text-size-adjust:100%;/* 4 */
 -webkit-text-size-adjust:100%;/* 4 */
}
/** * Remove default margin. */
/* line 80,../sass/_normalize.scss */
body{margin:0;}
/* ========================================================================== Links ========================================================================== */
/** * Address `outline` inconsistency between Chrome and other browsers. */
/* line 92,../sass/_normalize.scss */
a:focus{outline:thin dotted;}
/** * Improve readability when focused and also mouse hovered in all browsers. */
/* line 101,../sass/_normalize.scss */
a:active,a:hover{outline:0;}
/* ========================================================================== Typography ========================================================================== */
/** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+,Safari 5,and Chrome. */
/* line 114,../sass/_normalize.scss */
h1{font-size:2em;margin:0.67em 0;}
/** * Address styling not present in IE 8/9,Safari 5,and Chrome. */
/* line 123,../sass/_normalize.scss */
abbr[title]{border-bottom:1px dotted;}
/** * Address style set to `bolder` in Firefox 4+,Safari 5,and Chrome. */
/* line 132,../sass/_normalize.scss */
b,strong{font-weight:bold;}
/** * Address styling not present in Safari 5 and Chrome. */
/* line 140,../sass/_normalize.scss */
dfn{font-style:italic;}
/** * Address differences between Firefox and other browsers. */
/* line 148,../sass/_normalize.scss */
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
/** * Address styling not present in IE 8/9. */
/* line 158,../sass/_normalize.scss */
mark{background:#ff0;color:#000;}
/** * Correct font family set oddly in Safari 5 and Chrome. */
/* line 170,../sass/_normalize.scss */
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}
/** * Improve readability of pre-formatted text in all browsers. */
/* line 179,../sass/_normalize.scss */
pre{white-space:pre-wrap;}
/** * Set consistent quote types. */
/* line 187,../sass/_normalize.scss */
q{quotes:"\201C" "\201D" "\2018" "\2019";}
/** * Address inconsistent and variable font size in all browsers. */
/* line 195,../sass/_normalize.scss */
small{font-size:80%;}
/** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */
/* line 204,../sass/_normalize.scss */
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
/* line 211,../sass/_normalize.scss */
sup{top:-0.5em;}
/* line 215,../sass/_normalize.scss */
sub{bottom:-0.25em;}
/* ========================================================================== Embedded content ========================================================================== */
/** * Remove border when inside `a` element in IE 8/9. */
/* line 227,../sass/_normalize.scss */
img{border:0;}
/** * Correct overflow displayed oddly in IE 9. */
/* line 235,../sass/_normalize.scss */
svg:not(:root){overflow:hidden;}
/* ========================================================================== Figures ========================================================================== */
/** * Address margin not present in IE 8/9 and Safari 5. */
/* line 247,../sass/_normalize.scss */
figure{margin:0;}
/* ========================================================================== Forms ========================================================================== */
/** * Define consistent border,margin,and padding. */
/* line 259,../sass/_normalize.scss */
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
/** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */
/* line 270,../sass/_normalize.scss */
legend{border:0;/* 1 */
 padding:0;/* 2 */
}
/** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+,Safari 5,and Chrome. */
/* line 284,../sass/_normalize.scss */
button,input,select,textarea{font-family:inherit;/* 1 */
 font-size:100%;/* 2 */
 margin:0;/* 3 */
}
/** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */
/* line 296,../sass/_normalize.scss */
button,input{line-height:normal;}
/** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome,Safari 5+,and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */
/* line 308,../sass/_normalize.scss */
button,select{text-transform:none;}
/** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */
/* line 323,../sass/_normalize.scss */
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;/* 2 */
 cursor:pointer;/* 3 */
}
/** * Re-set default cursor for disabled elements. */
/* line 333,../sass/_normalize.scss */
button[disabled],html input[disabled]{cursor:default;}
/** * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. */
/* line 343,../sass/_normalize.scss */
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;/* 1 */
 padding:0;/* 2 */
}
/** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */
/* line 354,../sass/_normalize.scss */
input[type="search"]{-webkit-appearance:textfield;/* 1 */
 -moz-box-sizing:content-box;-webkit-box-sizing:content-box;/* 2 */
 box-sizing:content-box;}
/** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */
/* line 367,../sass/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
/** * Remove inner padding and border in Firefox 4+. */
/* line 376,../sass/_normalize.scss */
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
/** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */
/* line 386,../sass/_normalize.scss */
textarea{overflow:auto;/* 1 */
 vertical-align:top;/* 2 */
}
/* ========================================================================== Tables ========================================================================== */
/** * Remove most spacing between table cells. */
/* line 399,../sass/_normalize.scss */
table{border-collapse:collapse;border-spacing:0;}
/* line 264,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* line 269,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
html,body{font-size:100%;}
/* line 272,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
body{background:white;color:#222222;padding:0;margin:0;font-family:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;line-height:1;position:relative;cursor:default;}
/* line 285,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
a:hover{cursor:pointer;}
/* line 288,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
a:focus{outline:none;}
/* line 293,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
img,object,embed{max-width:100%;height:auto;}
/* line 296,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
object,embed{height:100%;}
/* line 297,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
img{-ms-interpolation-mode:bicubic;}
/* line 303,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object{max-width:none !important;}
/* line 308,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
.left{float:left !important;}
/* line 309,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
.right{float:right !important;}
/* line 310,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
.text-left{text-align:left !important;}
/* line 311,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
.text-right{text-align:right !important;}
/* line 312,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
.text-center{text-align:center !important;}
/* line 313,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
.text-justify{text-align:justify !important;}
/* line 314,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
.hide{display:none;}
/* line 320,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
.antialiased{-webkit-font-smoothing:antialiased;}
/* line 323,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
img{display:inline-block;vertical-align:middle;}
/* line 333,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
textarea{height:auto;min-height:50px;}
/* line 336,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
select{width:100%;}
/* line 110,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
p.lead{font-size:1.21875em;line-height:1.6;}
/* line 115,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
.subheader{line-height:1.4;color:#6f6f6f;font-weight:300;margin-top:0.2em;margin-bottom:0.5em;}
/* Typography resets */
/* line 144,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0;direction:ltr;}
/* Default Link Styles */
/* line 151,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
a{color:#2ba6cb;text-decoration:none;line-height:inherit;}
/* line 157,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
a:hover,a:focus{color:#2795b6;}
/* line 159,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
a img{border:none;}
/* Default paragraph styles */
/* line 163,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
p{font-family:inherit;font-weight:normal;font-size:1em;line-height:1.6;margin-bottom:1.25em;text-rendering:optimizeLegibility;}
/* line 173,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
p aside{font-size:0.875em;line-height:1.35;font-style:italic;}
/* Default header styles */
/* line 181,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-weight:bold;font-style:normal;color:#222222;text-rendering:optimizeLegibility;margin-top:0.2em;margin-bottom:0.5em;line-height:1.2125em;}
/* line 191,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:60%;color:#6f6f6f;line-height:0;}
/* line 198,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
h1{font-size:2.125em;}
/* line 199,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
h2{font-size:1.6875em;}
/* line 200,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
h3{font-size:1.375em;}
/* line 201,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
h4{font-size:1.125em;}
/* line 202,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
h5{font-size:1.125em;}
/* line 203,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
h6{font-size:1em;}
/* line 207,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
hr{border:solid #dddddd;border-width:1px 0 0;clear:both;margin:1.25em 0 1.1875em;height:0;}
/* Helpful Typography Defaults */
/* line 217,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
em,i{font-style:italic;line-height:inherit;}
/* line 223,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
strong,b{font-weight:bold;line-height:inherit;}
/* line 228,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
small{font-size:60%;line-height:inherit;}
/* line 233,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
code{font-family:Consolas,"Liberation Mono",Courier,monospace;font-weight:bold;color:#7f0a0c;}
/* Lists */
/* line 242,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
ul,ol,dl{font-size:1em;line-height:1.6;margin-bottom:1.25em;list-style-position:outside;font-family:inherit;}
/* line 250,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
ul,ol{margin-left:0;}
/* Unordered Lists */
/* line 258,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
ul li ul,ul li ol{margin-left:1.25em;margin-bottom:0;font-size:1em;/* Override nested font-size change */
}
/* line 267,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
ul.square li ul,ul.circle li ul,ul.disc li ul{list-style:inherit;}
/* line 270,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
ul.square{list-style-type:square;}
/* line 271,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
ul.circle{list-style-type:circle;}
/* line 272,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
ul.disc{list-style-type:disc;}
/* line 273,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
ul.no-bullet{list-style:none;}
/* Ordered Lists */
/* line 280,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
ol li ul,ol li ol{margin-left:1.25em;margin-bottom:0;}
/* Definition Lists */
/* line 289,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
dl dt{margin-bottom:0.3em;font-weight:bold;}
/* line 293,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
dl dd{margin-bottom:0.75em;}
/* Abbreviations */
/* line 298,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
abbr,acronym{text-transform:uppercase;font-size:90%;color:#222222;border-bottom:1px dotted #dddddd;cursor:help;}
/* line 305,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
abbr{text-transform:none;}
/* Blockquotes */
/* line 310,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
blockquote{margin:0 0 1.25em;padding:0.5625em 1.25em 0 1.1875em;border-left:1px solid #dddddd;}
/* line 315,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
blockquote cite{display:block;font-size:0.8125em;color:#555555;}
/* line 319,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
blockquote cite:before{content:"\2014 \0020";}
/* line 324,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
blockquote cite a,blockquote cite a:visited{color:#555555;}
/* line 330,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
blockquote,blockquote p{line-height:1.6;color:#6f6f6f;}
/* Microformats */
/* line 336,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
.vcard{display:inline-block;margin:0 0 1.25em 0;border:1px solid #dddddd;padding:0.625em 0.75em;}
/* line 342,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
.vcard li{margin:0;display:block;}
/* line 346,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
.vcard .fn{font-weight:bold;font-size:0.9375em;}
/* line 353,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
.vevent .summary{font-weight:bold;}
/* line 355,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
.vevent abbr{cursor:default;text-decoration:none;font-weight:bold;border:none;padding:0 0.0625em;}
@media only screen and (min-width:768px){/* line 366,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
 h1,h2,h3,h4,h5,h6{line-height:1.4;}
/* line 367,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
 h1{font-size:2.75em;}
/* line 368,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
 h2{font-size:2.3125em;}
/* line 369,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
 h3{font-size:1.6875em;}
/* line 370,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
 h4{font-size:1.4375em;}
}
/* * Print styles. * * Inlined to avoid required HTTP connection:www.phpied.com/delay-loading-your-print-css/ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)*/
/* line 381,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
.print-only{display:none !important;}
@media print{/* line 383,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
 *{background:transparent !important;color:#000 !important;/* Black prints faster:h5bp.com/s */
 box-shadow:none !important;text-shadow:none !important;}
/* line 391,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
 a,a:visited{text-decoration:underline;}
/* line 392,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
 a[href]:after{content:" (" attr(href) ")";}
/* line 394,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
 abbr[title]:after{content:" (" attr(title) ")";}
/* line 399,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
 .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";}
/* line 402,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
 pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
/* line 407,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
 thead{display:table-header-group;/* h5bp.com/t */
}
/* line 410,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
 tr,img{page-break-inside:avoid;}
/* line 412,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
 img{max-width:100% !important;}
@page{margin:0.5cm;}
/* line 418,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
 p,h2,h3{orphans:3;widows:3;}
/* line 424,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
 h2,h3{page-break-after:avoid;}
/* line 426,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
 .hide-on-print{display:none !important;}
/* line 427,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
 .print-only{display:block !important;}
/* line 428,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
 .hide-for-print{display:none !important;}
/* line 429,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_type.scss */
 .show-for-print{display:inherit !important;}
}
/* line 171,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button,.button{border-style:solid;border-width:1px;cursor:pointer;font-family:inherit;font-weight:bold;line-height:1;margin:0 0 1.25em;position:relative;text-decoration:none;text-align:center;display:inline-block;padding-top:0.75em;padding-right:1.5em;padding-bottom:0.8125em;padding-left:1.5em;font-size:1em;background-color:#2ba6cb;border-color:#2284a1;color:white;}
/* line 122,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button:hover,button:focus,.button:hover,.button:focus{background-color:#2284a1;}
/* line 133,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button:hover,button:focus,.button:hover,.button:focus{color:white;}
/* line 176,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.secondary,.button.secondary{background-color:#e9e9e9;border-color:#d0d0d0;color:#333333;}
/* line 122,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus{background-color:#d0d0d0;}
/* line 128,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus{color:#333333;}
/* line 177,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.success,.button.success{background-color:#5da423;border-color:#457a1a;color:white;}
/* line 122,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.success:hover,button.success:focus,.button.success:hover,.button.success:focus{background-color:#457a1a;}
/* line 133,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.success:hover,button.success:focus,.button.success:hover,.button.success:focus{color:white;}
/* line 178,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.alert,.button.alert{background-color:#c60f13;border-color:#970b0e;color:white;}
/* line 122,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.alert:hover,button.alert:focus,.button.alert:hover,.button.alert:focus{background-color:#970b0e;}
/* line 133,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.alert:hover,button.alert:focus,.button.alert:hover,.button.alert:focus{color:white;}
/* line 180,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.large,.button.large{padding-top:1em;padding-right:2em;padding-bottom:1.0625em;padding-left:2em;font-size:1.25em;}
/* line 181,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.small,.button.small{padding-top:0.5625em;padding-right:1.125em;padding-bottom:0.625em;padding-left:1.125em;font-size:0.8125em;}
/* line 182,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.tiny,.button.tiny{padding-top:0.4375em;padding-right:0.875em;padding-bottom:0.5em;padding-left:0.875em;font-size:0.6875em;}
/* line 183,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.expand,.button.expand{padding-right:0px;padding-left:0px;width:100%;}
/* line 185,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.left-align,.button.left-align{text-align:left;text-indent:0.75em;}
/* line 186,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.right-align,.button.right-align{text-align:right;padding-right:0.75em;}
/* line 188,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.disabled,button[disabled],.button.disabled,.button[disabled]{background-color:#2ba6cb;border-color:#2284a1;color:white;cursor:default;opacity:0.6;-webkit-box-shadow:none;box-shadow:none;}
/* line 122,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.disabled:hover,button.disabled:focus,button[disabled]:hover,button[disabled]:focus,.button.disabled:hover,.button.disabled:focus,.button[disabled]:hover,.button[disabled]:focus{background-color:#2284a1;}
/* line 133,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.disabled:hover,button.disabled:focus,button[disabled]:hover,button[disabled]:focus,.button.disabled:hover,.button.disabled:focus,.button[disabled]:hover,.button[disabled]:focus{color:white;}
/* line 146,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.disabled:hover,button.disabled:focus,button[disabled]:hover,button[disabled]:focus,.button.disabled:hover,.button.disabled:focus,.button[disabled]:hover,.button[disabled]:focus{background-color:#2ba6cb;}
/* line 189,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.disabled.secondary,button[disabled].secondary,.button.disabled.secondary,.button[disabled].secondary{background-color:#e9e9e9;border-color:#d0d0d0;color:#333333;cursor:default;opacity:0.6;-webkit-box-shadow:none;box-shadow:none;}
/* line 122,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.disabled.secondary:hover,button.disabled.secondary:focus,button[disabled].secondary:hover,button[disabled].secondary:focus,.button.disabled.secondary:hover,.button.disabled.secondary:focus,.button[disabled].secondary:hover,.button[disabled].secondary:focus{background-color:#d0d0d0;}
/* line 128,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.disabled.secondary:hover,button.disabled.secondary:focus,button[disabled].secondary:hover,button[disabled].secondary:focus,.button.disabled.secondary:hover,.button.disabled.secondary:focus,.button[disabled].secondary:hover,.button[disabled].secondary:focus{color:#333333;}
/* line 146,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.disabled.secondary:hover,button.disabled.secondary:focus,button[disabled].secondary:hover,button[disabled].secondary:focus,.button.disabled.secondary:hover,.button.disabled.secondary:focus,.button[disabled].secondary:hover,.button[disabled].secondary:focus{background-color:#e9e9e9;}
/* line 190,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.disabled.success,button[disabled].success,.button.disabled.success,.button[disabled].success{background-color:#5da423;border-color:#457a1a;color:white;cursor:default;opacity:0.6;-webkit-box-shadow:none;box-shadow:none;}
/* line 122,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.disabled.success:hover,button.disabled.success:focus,button[disabled].success:hover,button[disabled].success:focus,.button.disabled.success:hover,.button.disabled.success:focus,.button[disabled].success:hover,.button[disabled].success:focus{background-color:#457a1a;}
/* line 133,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.disabled.success:hover,button.disabled.success:focus,button[disabled].success:hover,button[disabled].success:focus,.button.disabled.success:hover,.button.disabled.success:focus,.button[disabled].success:hover,.button[disabled].success:focus{color:white;}
/* line 146,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.disabled.success:hover,button.disabled.success:focus,button[disabled].success:hover,button[disabled].success:focus,.button.disabled.success:hover,.button.disabled.success:focus,.button[disabled].success:hover,.button[disabled].success:focus{background-color:#5da423;}
/* line 191,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.disabled.alert,button[disabled].alert,.button.disabled.alert,.button[disabled].alert{background-color:#c60f13;border-color:#970b0e;color:white;cursor:default;opacity:0.6;-webkit-box-shadow:none;box-shadow:none;}
/* line 122,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.disabled.alert:hover,button.disabled.alert:focus,button[disabled].alert:hover,button[disabled].alert:focus,.button.disabled.alert:hover,.button.disabled.alert:focus,.button[disabled].alert:hover,.button[disabled].alert:focus{background-color:#970b0e;}
/* line 133,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.disabled.alert:hover,button.disabled.alert:focus,button[disabled].alert:hover,button[disabled].alert:focus,.button.disabled.alert:hover,.button.disabled.alert:focus,.button[disabled].alert:hover,.button[disabled].alert:focus{color:white;}
/* line 146,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.disabled.alert:hover,button.disabled.alert:focus,button[disabled].alert:hover,button[disabled].alert:focus,.button.disabled.alert:hover,.button.disabled.alert:focus,.button[disabled].alert:hover,.button[disabled].alert:focus{background-color:#c60f13;}
/* line 196,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button,.button{padding-top:0.8125em;padding-bottom:0.75em;-webkit-appearance:none;}
/* line 198,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.tiny,.button.tiny{padding-top:0.5em;padding-bottom:0.4375em;-webkit-appearance:none;}
/* line 199,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.small,.button.small{padding-top:0.625em;padding-bottom:0.5625em;-webkit-appearance:none;}
/* line 200,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
button.large,.button.large{padding-top:1.03125em;padding-bottom:1.03125em;-webkit-appearance:none;}
@media only screen{/* line 206,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
 button,.button{-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;-webkit-transition:background-color 300ms ease-out;-moz-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out;}
/* line 68,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
 button:active,.button:active{-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2) inset;box-shadow:0 1px 0 rgba(0,0,0,0.2) inset;}
/* line 214,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
 button.radius,.button.radius{-webkit-border-radius:3px;border-radius:3px;}
/* line 215,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
 button.round,.button.round{-webkit-border-radius:1000px;border-radius:1000px;}
}
@media only screen and (min-width:768px){/* line 223,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_buttons.scss */
 button,.button{display:inline-block;}
}
/* line 109,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_reveal.scss */
.reveal-modal-bg{position:fixed;height:100%;width:100%;background:black;background:rgba(0,0,0,0.45);z-index:98;display:none;top:0;left:0;}
/* line 111,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_reveal.scss */
.reveal-modal{visibility:hidden;display:none;position:absolute;left:50%;z-index:99;height:auto;margin-left:-40%;width:80%;background-color:white;padding:1.25em;border:solid 1px #666666;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);box-shadow:0 0 10px rgba(0,0,0,0.4);top:50px;}
/* line 62,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_reveal.scss */
.reveal-modal .column,.reveal-modal .columns{min-width:0;}
/* line 65,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_reveal.scss */
.reveal-modal >:first-child{margin-top:0;}
/* line 66,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_reveal.scss */
.reveal-modal >:last-child{margin-bottom:0;}
/* line 115,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_reveal.scss */
.reveal-modal .close-reveal-modal{font-size:1.375em;line-height:1;position:absolute;top:0.5em;right:0.6875em;color:#aaaaaa;font-weight:bold;cursor:pointer;}
@media only screen and (min-width:768px){/* line 121,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_reveal.scss */
 .reveal-modal{padding:1.875em;top:6.25em;}
/* line 124,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_reveal.scss */
 .reveal-modal.tiny{margin-left:-15%;width:30%;}
/* line 125,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_reveal.scss */
 .reveal-modal.small{margin-left:-20%;width:40%;}
/* line 126,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_reveal.scss */
 .reveal-modal.medium{margin-left:-30%;width:60%;}
/* line 127,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_reveal.scss */
 .reveal-modal.large{margin-left:-35%;width:70%;}
/* line 128,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_reveal.scss */
 .reveal-modal.xlarge{margin-left:-47.5%;width:95%;}
}
@media print{/* line 134,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_reveal.scss */
 .reveal-modal{background:#fff !important;}
}
/* DrawSelect*/
/* line 5,../sass/_wrangle.scss */
html{-ms-content-zooming:none;}
/* line 9,../sass/_wrangle.scss */
[data-selectarea]{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
/* line 15,../sass/_wrangle.scss */
.editable [data-selectarea]{-ms-touch-action:none;}
/* line 19,../sass/_wrangle.scss */
[data-canvas]{position:absolute;top:0;left:0;background:transparent;z-index:10;pointer-events:none;}
/* line 27,../sass/_wrangle.scss */
[data-list]{width:100%;background:transparent;padding:1em;position:relative;z-index:5;}
/* line 34,../sass/_wrangle.scss */
.editable [data-list] li{pointer-events:none;}
/* line 1,../sass/_header.scss */
.header{width:100%;padding:0.5em;background:#333;color:#fff;}
/* line 7,../sass/_header.scss */
.header h1{display:inline-block;margin:0;font-size:1.5em;color:#fff;}
/* line 14,../sass/_header.scss */
.header .links{position:absolute;top:0;right:0;list-style-type:none;}
/* line 20,../sass/_header.scss */
.header .links li{display:inline-block;padding-right:1em;font-weight:bold;padding-top:0.5em;}
/* line 1,../sass/_gallery.scss */
.gallery{padding-bottom:3em;}
/* line 8,../sass/_gallery.scss */
.gallery [data-list]{*zoom:1;list-style-type:none;padding:0.2em;}
/* line 121,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
.gallery [data-list]:before,.gallery [data-list]:after{content:" ";display:table;}
/* line 122,../../../.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
.gallery [data-list]:after{clear:both;}
@media only screen and (min-width:768px){/* line 8,../sass/_gallery.scss */
 .gallery [data-list]{padding:1em;}
}
/* line 18,../sass/_gallery.scss */
.gallery li{width:33.33333%;float:left;padding:0 0.25em 0.45em;position:relative;}
@media only screen and (min-width:768px){/* line 18,../sass/_gallery.scss */
 .gallery li{padding:0 0.5em 1em;}
}
/* line 30,../sass/_gallery.scss */
.gallery li.starred::after{content:'\2605';position:absolute;top:-0.5em;right:-0.2em;display:block;z-index:30;color:yellow;background:#c29e27;text-align:center;height:1.5em;width:1.5em;line-height:1.5em;border-radius:2em;font-size:1.5em;}
/* line 50,../sass/_gallery.scss */
.gallery li.inverted img{-webkit-filter:invert(100%);}
/* line 56,../sass/_gallery.scss */
.gallery li img{width:100%;border:1px solid #ccc;padding:0.25em;}
@media only screen and (min-width:768px){/* line 56,../sass/_gallery.scss */
 .gallery li img{padding:0.5em;}
}
/* line 63,../sass/_gallery.scss */
.gallery li img:hover{border-color:black;background:#eee;cursor:pointer;}
/* line 70,../sass/_gallery.scss */
.gallery li.selected img{border-color:red;background-color:rgba(255,0,0,0.25);}
@media only screen and (min-width:768px){/* line 18,../sass/_gallery.scss */
 .gallery li{width:25%;}
}
@media only screen and (min-width:1280px){/* line 18,../sass/_gallery.scss */
 .gallery li{width:20%;}
}
@media only screen and (min-width:1440px){/* line 18,../sass/_gallery.scss */
 .gallery li{width:16.666%;}
}
/* line 89,../sass/_gallery.scss */
.editable [data-list] li{width:25%;}
/* line 90,../sass/_gallery.scss */
.editable [data-list] li img{padding:0.25em;}
@media only screen and (min-width:768px){/* line 89,../sass/_gallery.scss */
 .editable [data-list] li{width:16.6666%;}
}
/* line 99,../sass/_gallery.scss */
[data-list] li,.editable [data-list] li{-webkit-transition-property:width;-moz-transition-property:width;-o-transition-property:width;transition-property:width;-webkit-transition-duration:150ms;-moz-transition-duration:150ms;-o-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;}
/* line 106,../sass/_gallery.scss */
[data-list] li img,.editable [data-list] li img{-webkit-transition-property:padding;-moz-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:150ms;-moz-transition-duration:150ms;-o-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;}
/* line 1,../sass/_toolbar.scss */
.toolbar{position:relative;width:100%;padding:0.9375em;background:#eee;border:1px solid #ccc;}
/* line 8,../sass/_toolbar.scss */
.toolbar .button{margin-bottom:0;margin-right:0.75em;}
/* line 14,../sass/_toolbar.scss */
.edit-toolbar{position:absolute;top:0;left:0;display:none;width:100%;padding:0.9375em;background:#eee;white-space:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touch;}
/* line 26,../sass/_toolbar.scss */
.editable .edit-toolbar{display:block;}
/* line 29,../sass/_toolbar.scss */
.edit-toolbar,.editable .edit-toolbar{-webkit-transition-property:margin-bottom;-moz-transition-property:margin-bottom;-o-transition-property:margin-bottom;transition-property:margin-bottom;-webkit-transition-duration:200ms;-moz-transition-duration:200ms;-o-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;}
@media screen and (max-height:21.875em){/* line 37,../sass/_toolbar.scss */
 .toolbar,.edit-toolbar{padding:0.46875em;}
/* line 41,../sass/_toolbar.scss */
 .toolbar .button{font-size:0.8125em;}
}
/* line 1,../sass/_modal.scss */
.photo-viewer{position:fixed;background:rgba(0,0,0,0.75);top:0;left:0;right:0;bottom:0;z-index:1000;display:none;}
/* line 11,../sass/_modal.scss */
.photo-viewer > img{padding:0.8em;background:white;position:absolute;top:50%;left:50%;width:500px;height:375px;margin-left:-250px;margin-top:-188px;}
/* line 22,../sass/_modal.scss */
.photo-viewer.inverted > img{-webkit-filter:invert(100%);}

附件:下载该文件资源,减少时间成本(增值服务)