Anton Shestakov <engored@ya.ru>, Sun, 05 May 2013 20:12:26 +0900
3 separate demo pages: minimal css, Bootstrap and Foundation 4.
demo-foundation4.html
Permissions: -rw-r--r--
<!--[if IE 8]><html class="no-js lt-ie9" lang="en"><![endif]--> <!--[if gt IE 8]><!--><html class="no-js" lang="en"><!--<![endif]--> <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> <script src="jquery.lensy.js"></script> <style id="page-niceties"> border: 1px solid #cccccc; content: 'Live clickable <select>'; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); .lensy-widget .lensy-item { <body class="antialiased"> <div class="small-12 columns"> <h2>Lensy with Foundation 4 Styles
</h2> <select multiple name="colors" style="width: 200px;"> <option selected>#0e90d2
</option> <option selected>#4bb1cf
</option> modalClass: 'lensy-modal reveal-modal open', containerClass: 'inline-list', widgetClass: 'lensy-widget inline-list', closeButtonClass: 'button', itemFn: function(value) { var colorbox = $('<div>').css({width: '64px', height: '64px', background: value}); $('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, '')); <div id="live-select"></div> <pre id="css" class="prettyprint lang-css"></pre> <pre id="js" class="prettyprint lang-js"></pre> <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>