Download:
Patch
child 11:10ba2beeac9d
parent 9:37c62f83c546
10:c770f7dc8d69
Anton Shestakov <engored@ya.ru>, Sun, 17 Nov 2013 15:11:05 +0900
Update 3rd-party components in demos.
4 файлов изменено, 135 вставок(+), 135 удалений(-) [+]
demo-bootstrap.html file | annotate | diff | comparison | revisions
demo-bootstrap2.html file | annotate | diff | comparison | revisions
demo-foundation4.html file | annotate | diff | comparison | revisions
demo.html file | annotate | diff | comparison | revisions 
--- a/demo-bootstrap.html	Sun Nov 17 14:59:57 2013 +0900
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,129 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <title>Lensy with Bootstrap Styles</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap.min.css" rel="stylesheet">
-    <link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css" rel="stylesheet">
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
-    <script src="jquery.lensy.js"></script>
-    <style id="page-niceties">
-      form {
-        margin-bottom: 0;
-      }
-      .example {
-        position: relative;
-        margin: 15px 0;
-        padding: 39px 19px 0;
-        *padding-top: 19px;
-        background-color: #fff;
-        border: 1px solid #ddd;
-        -webkit-border-radius: 4px;
-           -moz-border-radius: 4px;
-                border-radius: 4px;
-      }
-      .example:after,
-      pre#css:after,
-      pre#js:after {
-        content: "Example";
-        position: absolute;
-        top: -1px;
-        left: -1px;
-        padding: 3px 7px;
-        font-size: 12px;
-        font-weight: bold;
-        background-color: #f5f5f5;
-        border: 1px solid #ddd;
-        color: #9da0a4;
-        -webkit-border-radius: 4px 0 4px 0;
-           -moz-border-radius: 4px 0 4px 0;
-                border-radius: 4px 0 4px 0;
-      }
-      pre#css,
-      pre#js {
-        position: relative;
-        font-family: monospace;
-        font-size: 13px;
-        padding: 39px 8px 8px 8px;
-        background-color: #f7f7f9;
-        border: 1px solid #e1e1e8;
-        -webkit-border-radius: 4px;
-           -moz-border-radius: 4px;
-                border-radius: 4px;
-      }
-      #live-select:after {
-        content: 'Live clickable <select>';
-      }
-      pre#css:after {
-        content: 'CSS';
-      }
-      pre#js:after {
-        content: 'JS';
-      }
-    </style>
-    
-    <style id="lensy-css">
-      .lensy-modal {
-        padding: 15px;
-      }
-      .lensy-widget {
-        display: inline-block;
-      }
-      .lensy-item {
-        cursor: pointer;
-      }
-    </style>
-  </head>
-  <body>
-    <div class="container">
-      <section>
-        <div class="page-header">
-          <h2>Lensy with Bootstrap Styles</h2>
-        </div>
-        <div class="example">
-          <form>
-            <select multiple name="colors">
-              <option>#0e90d2</option>
-              <option>#4bb1cf</option>
-              <option selected>#5eb95e</option>
-              <option selected>#faa732</option>
-              <option>#dd514c</option>
-            </select>
-          </form>
-          <script id="lensy-js">
-            $(function() {
-              $.extend($.fn.lensy.defaults, {
-                modalClass: 'lensy-modal modal',
-                containerClass: 'inline',
-                widgetClass: 'lensy-widget inline well well-small',
-                closeButtonClass: 'btn',
-                itemActiveClass: 'thumbnail'
-              });
-
-              $('select').lensy({
-                itemFn: function(value, text) {
-                  var colorbox = $('<div>').css({width: '64px', height: '64px', background: text});
-                  return $('<div>')
-                    .text(text)
-                    .prepend(colorbox);
-                }
-              });
-            });
-          </script>
-          <script>
-            $(function() {
-              $('select').appendTo('#live-select').show();
-              $('pre#css').text($('#lensy-css').text().trim().replace(/^ {6}/gm, '').replace(/}/g, '}\n'));
-              $('pre#js').text($('#lensy-js').text().trim().replace(/^ {12}/gm, ''));
-            });
-          </script>
-        </div>
-        <div id="live-select" class="example"></div>
-        <pre id="css" class="prettyprint lang-css"></pre>
-        <pre id="js" class="prettyprint lang-js"></pre>
-      </section>
-    </div>
-    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
-  </body>
-</html>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/demo-bootstrap2.html	Sun Nov 17 15:11:05 2013 +0900
@@ -0,0 +1,129 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Lensy with Bootstrap 2 Styles</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet">
+    <link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap-responsive.min.css" rel="stylesheet">
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
+    <script src="jquery.lensy.js"></script>
+    <style id="page-niceties">
+      form {
+        margin-bottom: 0;
+      }
+      .example {
+        position: relative;
+        margin: 15px 0;
+        padding: 39px 19px 0;
+        *padding-top: 19px;
+        background-color: #fff;
+        border: 1px solid #ddd;
+        -webkit-border-radius: 4px;
+           -moz-border-radius: 4px;
+                border-radius: 4px;
+      }
+      .example:after,
+      pre#css:after,
+      pre#js:after {
+        content: "Example";
+        position: absolute;
+        top: -1px;
+        left: -1px;
+        padding: 3px 7px;
+        font-size: 12px;
+        font-weight: bold;
+        background-color: #f5f5f5;
+        border: 1px solid #ddd;
+        color: #9da0a4;
+        -webkit-border-radius: 4px 0 4px 0;
+           -moz-border-radius: 4px 0 4px 0;
+                border-radius: 4px 0 4px 0;
+      }
+      pre#css,
+      pre#js {
+        position: relative;
+        font-family: monospace;
+        font-size: 13px;
+        padding: 39px 8px 8px 8px;
+        background-color: #f7f7f9;
+        border: 1px solid #e1e1e8;
+        -webkit-border-radius: 4px;
+           -moz-border-radius: 4px;
+                border-radius: 4px;
+      }
+      #live-select:after {
+        content: 'Live clickable <select>';
+      }
+      pre#css:after {
+        content: 'CSS';
+      }
+      pre#js:after {
+        content: 'JS';
+      }
+    </style>
+    
+    <style id="lensy-css">
+      .lensy-modal {
+        padding: 15px;
+      }
+      .lensy-widget {
+        display: inline-block;
+      }
+      .lensy-item {
+        cursor: pointer;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <section>
+        <div class="page-header">
+          <h2>Lensy with Bootstrap 2 Styles</h2>
+        </div>
+        <div class="example">
+          <form>
+            <select multiple name="colors">
+              <option>#0e90d2</option>
+              <option>#4bb1cf</option>
+              <option selected>#5eb95e</option>
+              <option selected>#faa732</option>
+              <option>#dd514c</option>
+            </select>
+          </form>
+          <script id="lensy-js">
+            $(function() {
+              $.extend($.fn.lensy.defaults, {
+                modalClass: 'lensy-modal modal',
+                containerClass: 'inline',
+                widgetClass: 'lensy-widget inline well well-small',
+                closeButtonClass: 'btn',
+                itemActiveClass: 'thumbnail'
+              });
+
+              $('select').lensy({
+                itemFn: function(value, text) {
+                  var colorbox = $('<div>').css({width: '64px', height: '64px', background: text});
+                  return $('<div>')
+                    .text(text)
+                    .prepend(colorbox);
+                }
+              });
+            });
+          </script>
+          <script>
+            $(function() {
+              $('select').appendTo('#live-select').show();
+              $('pre#css').text($('#lensy-css').text().trim().replace(/^ {6}/gm, '').replace(/}/g, '}\n'));
+              $('pre#js').text($('#lensy-js').text().trim().replace(/^ {12}/gm, ''));
+            });
+          </script>
+        </div>
+        <div id="live-select" class="example"></div>
+        <pre id="css" class="prettyprint lang-css"></pre>
+        <pre id="js" class="prettyprint lang-js"></pre>
+      </section>
+    </div>
+    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
+  </body>
+</html>
--- a/demo-foundation4.html	Sun Nov 17 14:59:57 2013 +0900
+++ b/demo-foundation4.html	Sun Nov 17 15:11:05 2013 +0900
@@ -5,10 +5,10 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Lensy with Foundation 4 Styles</title>
-    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/foundation/4.1.2/css/normalize.min.css">
-    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/foundation/4.1.2/css/foundation.min.css">
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
-    <script src="http://cdnjs.cloudflare.com/ajax/libs/foundation/4.1.2/js/vendor/custom.modernizr.min.js"></script>
+    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/foundation/4.3.2/css/normalize.min.css">
+    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/foundation/4.3.2/css/foundation.min.css">
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
+    <script src="http://cdnjs.cloudflare.com/ajax/libs/foundation/4.3.2/js/vendor/custom.modernizr.min.js"></script>
     <script src="jquery.lensy.js"></script>
     <style id="page-niceties">
       #live-select,
--- a/demo.html	Sun Nov 17 14:59:57 2013 +0900
+++ b/demo.html	Sun Nov 17 15:11:05 2013 +0900
@@ -4,8 +4,8 @@
     <meta charset="utf-8">
     <title>Lensy Demo</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link href="http://cdnjs.cloudflare.com/ajax/libs/normalize/2.1.0/normalize.min.css" rel="stylesheet">
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
+    <link href="http://cdnjs.cloudflare.com/ajax/libs/normalize/2.1.3/normalize.min.css" rel="stylesheet">
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
     <script src="jquery.lensy.js"></script>
     <style id="page-niceties">
       select {