├── css ├── icons │ ├── alert.png │ ├── chart.png │ ├── browser.png │ ├── restore.png │ └── comment-edit-48x48.png ├── font │ ├── iconic_stroke.eot │ ├── iconic_stroke.otf │ ├── iconic_stroke.ttf │ ├── iconic_stroke.woff │ ├── iconic_stroke.css │ ├── iconic_stroke.afm │ └── iconic_stroke_demo.html └── mb.containerPlus.css ├── licenses ├── MIT-LICENSE.txt └── GPL-LICENSE.txt ├── test_content.html ├── package.json ├── inc ├── mb.containerPlus.plugins.js └── jquery.mb.containerPlus.js ├── masters └── container+.glyphs ├── demo.html ├── demo_autoresize.html └── jquery.mb.containerPlus.2.0 ├── simple.html └── inc └── mbContainer.js /css/icons/alert.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pupunzi/jquery.mb.containerPlus/HEAD/css/icons/alert.png -------------------------------------------------------------------------------- /css/icons/chart.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pupunzi/jquery.mb.containerPlus/HEAD/css/icons/chart.png -------------------------------------------------------------------------------- /css/icons/browser.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pupunzi/jquery.mb.containerPlus/HEAD/css/icons/browser.png -------------------------------------------------------------------------------- /css/icons/restore.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pupunzi/jquery.mb.containerPlus/HEAD/css/icons/restore.png -------------------------------------------------------------------------------- /css/font/iconic_stroke.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pupunzi/jquery.mb.containerPlus/HEAD/css/font/iconic_stroke.eot -------------------------------------------------------------------------------- /css/font/iconic_stroke.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pupunzi/jquery.mb.containerPlus/HEAD/css/font/iconic_stroke.otf -------------------------------------------------------------------------------- /css/font/iconic_stroke.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pupunzi/jquery.mb.containerPlus/HEAD/css/font/iconic_stroke.ttf -------------------------------------------------------------------------------- /css/font/iconic_stroke.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pupunzi/jquery.mb.containerPlus/HEAD/css/font/iconic_stroke.woff -------------------------------------------------------------------------------- /css/icons/comment-edit-48x48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pupunzi/jquery.mb.containerPlus/HEAD/css/icons/comment-edit-48x48.png -------------------------------------------------------------------------------- /licenses/MIT-LICENSE.txt: -------------------------------------------------------------------------------- 1 | Copyright (C) 2001, 2011 Matteo Bicocchi, Open Lab srl 2 | 3 | Permission is hereby granted, free of charge, to any person 4 | obtaining a copy of this software and associated documentation 5 | files (the "Software"), to deal in the Software without 6 | restriction, including without limitation the rights to use, 7 | copy, modify, merge, publish, distribute, sublicense, and/or sell 8 | copies of the Software, and to permit persons to whom the 9 | Software is furnished to do so, subject to the following 10 | conditions: 11 | 12 | The above copyright notice and this permission notice shall be 13 | included in all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 16 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES 17 | OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND 18 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT 19 | HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, 20 | WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 21 | FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR 22 | OTHER DEALINGS IN THE SOFTWARE. 23 | -------------------------------------------------------------------------------- /test_content.html: -------------------------------------------------------------------------------- 1 | 20 | 21 |
22 |

Some content loaded via Ajax

23 | Maecenas sed diam eget risus varius blandit sit amet non magna. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. 24 | Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum. Aenean lacinia bibendum nulla sed consectetur. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. 25 |
26 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "jquery.mb.containerplus", 3 | "title": "jQuery mb.containerPlus", 4 | "description": "This is a useful plug in to build full featured and fully skinnable containers. The container can be set to draggable, resizable, collapsable and minimizable.", 5 | "keywords": [ 6 | "jquery-plugin", 7 | "window", 8 | "ajax", 9 | "container", 10 | "overlay", 11 | "ui" 12 | ], 13 | "version": "3.5.5", 14 | "author": "Pupunzi (Matteo Bicocchi)", 15 | "maintainers": [ 16 | "Pupunzi (Matteo Bicocchi)" 17 | ], 18 | "licenses": [ 19 | { 20 | "type": "MIT", 21 | "url": "https://github.com/pupunzi/jquery.mb.containerPlus/blob/master/licenses/MIT-LICENSE.txt" 22 | }, 23 | { 24 | "type": "GPL", 25 | "url": "https://github.com/pupunzi/jquery.mb.containerPlus/blob/master/licenses/GPL-LICENSE.txt" 26 | } 27 | ], 28 | "bugs": { 29 | "url": "https://github.com/pupunzi/jquery.mb.containerPlus/issues" 30 | }, 31 | "homepage": "http://pupunzi.open-lab.com/mb-jquery-components/mb-containerplus/", 32 | "demo": "http://pupunzi.com/#mb.components/mb.containerPlus/containerPlus.html", 33 | "docs": "https://github.com/pupunzi/jquery.mb.containerPlus/wiki", 34 | "download": "http://pupunzi.open-lab.com/mb-jquery-components/mb-containerplus/", 35 | "dependencies": { 36 | "jquery": ">=1.8" 37 | }, 38 | "main": "inc/mb.bgndGallery.js", 39 | "scripts": { 40 | "test": "echo \"Error: no test specified\" && exit 1" 41 | }, 42 | "repository": { 43 | "type": "git", 44 | "url": "https://github.com/pupunzi/jquery.mb.containerPlus" 45 | } 46 | } 47 | -------------------------------------------------------------------------------- /inc/mb.containerPlus.plugins.js: -------------------------------------------------------------------------------- 1 | /* 2 | * ****************************************************************************** 3 | * jquery.mb.components 4 | * file: mb.containerPlus.plugins.js 5 | * 6 | * Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi); 7 | * Open lab srl, Firenze - Italy 8 | * email: matbicoc@gmail.com 9 | * site: http://pupunzi.com 10 | * blog: http://pupunzi.open-lab.com 11 | * http://open-lab.com 12 | * 13 | * Licences: MIT, GPL 14 | * http://www.opensource.org/licenses/mit-license.php 15 | * http://www.gnu.org/licenses/gpl.html 16 | * 17 | * last modified: 08/04/14 0.32 18 | * ***************************************************************************** 19 | */ 20 | 21 | /** 22 | * 23 | * MODAL BEHAVIOR *************************************************************** 24 | * 25 | * */ 26 | 27 | jQuery.containerize.addMethod("modal",function(){ 28 | jQuery.cMethods.modal = {name: "modal", author:"pupunzi", type:"plug-in", version:"1.0"}; 29 | var el = this; 30 | 31 | function openModal(o){ 32 | var $overlay=$("
").attr("id","mb_overlay").css({position:"fixed",width:"100%", height:"100%", top:0, left:0, background:"#000", opacity:.8}).hide(); 33 | 34 | if($("#mb_overlay").length) 35 | return; 36 | 37 | $("body").prepend($overlay); 38 | $overlay.mb_bringToFront(); 39 | o.css("position","fixed"); 40 | o.mb_bringToFront(); 41 | 42 | o.containerize("centeronwindow",false); 43 | $overlay.fadeIn(300); 44 | } 45 | 46 | function closeModal(o){ 47 | $("#mb_overlay").fadeOut(300,function(){$(this).remove();}) 48 | } 49 | 50 | var opt = { 51 | onRestore:function(o){openModal(o.$)}, 52 | onClose: function(o){closeModal(o.$)} 53 | }; 54 | 55 | jQuery.extend (el.opt,opt); 56 | 57 | return el.$; 58 | 59 | }); 60 | 61 | /** 62 | * 63 | * CHANGE CONTENT VIA AJAX *************************************************************** 64 | * 65 | * @ajaxURL : the path to the file containing the HTML to be injected 66 | * @data : the parameter object to be sent in the request 67 | * 68 | * */ 69 | 70 | jQuery.containerize.addMethod("changecontent", function(ajaxURL, data){ 71 | jQuery.cMethods.changecontent = {name: "changecontent", author:"pupunzi", type:"plug-in", version:"1.0"}; 72 | var el = this; 73 | var contentPlaceHolder = el.content; 74 | 75 | // if data is a string convert it to object 76 | data = data!=null && typeof data == "string" ? eval("("+data+")") : data; 77 | 78 | var request = jQuery.ajax({ 79 | url : ajaxURL, 80 | type : "GET", 81 | data : data, 82 | cache : false, 83 | dataType: "html" 84 | }); 85 | request.done(function (resp) { 86 | contentPlaceHolder.html(resp); 87 | }); 88 | request.fail(function (jqXHR, textStatus) { 89 | contentPlaceHolder.html("error: "+textStatus); 90 | }); 91 | 92 | return el.$; 93 | 94 | }); 95 | 96 | /** 97 | * 98 | * AUTORESIZE BEHAVIOR IF THE CONTENT CHANGES *************************************************************** 99 | * 100 | * */ 101 | 102 | jQuery.containerize.addMethod("autoresize", function(){ 103 | jQuery.cMethods.autoresize = {name: "autoresize", author:"pupunzi", type:"plug-in", version:"1.0"}; 104 | var el = this; 105 | var contentPlaceHolder = el.content; 106 | contentPlaceHolder.on("DOMNodeInserted DOMNodeRemoved",function(){ 107 | 108 | if(el.fullscreen) 109 | return; 110 | contentPlaceHolder.css({height:"auto"}); 111 | var h = (contentPlaceHolder.get(0).scrollHeight) + el.header.height() + el.footer.height()+20; 112 | var w = (contentPlaceHolder.get(0).scrollWidth) ; 113 | contentPlaceHolder.parent("div").css({height: h, width: w}); 114 | el.$.containerize("adjust"); 115 | el.$.containerize("setContainment", el.$.data("containment")); 116 | }); 117 | 118 | return el.$; 119 | }); 120 | 121 | /** 122 | * 123 | * RESPONSIVE BEHAVIOR *************************************************************** 124 | * 125 | * */ 126 | jQuery.containerize.addMethod("responsive", function(){ 127 | jQuery.cMethods.autoresize = {name: "responsive", author:"pupunzi", type:"plug-in", version:"1.0"}; 128 | var el = this; 129 | 130 | var win = el.$.data("containment")? el.$.parent() : jQuery(window); 131 | 132 | jQuery(window).on("resize.responsive",function(){ 133 | 134 | if(el.fullscreen || el.isIconized) 135 | return; 136 | 137 | clearTimeout(el.responsiveCheck); 138 | 139 | el.responsiveCheck = setTimeout(function(){ 140 | 141 | if(win.width() < el.$.width()){ 142 | el.$.css({ left:0, width:win.width()}); 143 | el.$.containerize("adjust", true); 144 | 145 | }else if(win.height() < el.$.height()){ 146 | 147 | el.$.css({ top:0, height:win.height()}); 148 | el.$.containerize("adjust", true); 149 | 150 | } else if(win.height() > el.$.height()){ 151 | 152 | if(el.state) 153 | el.$.css( el.state ); 154 | 155 | 156 | el.$.containerize("adjust", true); 157 | 158 | } else if(win.width() > el.$.width()){ 159 | 160 | if(el.state) 161 | el.$.css( el.state ); 162 | 163 | el.$.containerize("adjust", true); 164 | 165 | } 166 | 167 | if(el.isCenteronwindow) 168 | el.$.containerize("centeronwindow"); 169 | 170 | var isInWin = (el.$.offset().left + el.$.width() < jQuery(window).width()) && (el.$.offset().top + el.$.height() < jQuery(window).height()) ; 171 | 172 | if(!isInWin){ 173 | 174 | var diffW = (el.$.offset().left + el.$.width()) - jQuery(window).width(); 175 | var diffH = (el.$.offset().top + el.$.height()) - jQuery(window).height(); 176 | 177 | var diffW = diffW < 0 ? 0 : diffW + 20; 178 | var diffH = diffH < 0 ? 0 : diffH + 20; 179 | 180 | var l = el.$.position().left - diffW; 181 | var t = el.$.position().top - diffH; 182 | 183 | el.$.css({ left: l, top: t}); 184 | 185 | } 186 | 187 | }, 10); 188 | 189 | 190 | }); 191 | 192 | // jQuery(window).resize(); 193 | 194 | return el.$; 195 | }); 196 | 197 | 198 | /** 199 | * 200 | * APPENDTO changes the current dom location of the container *************************************************************** 201 | * 202 | * */ 203 | 204 | jQuery.containerize.addMethod("appendto", function(elementSelector){ 205 | jQuery.cMethods.autoresize = {name: "appendto", author:"pupunzi", type:"plug-in", version:"1.0"}; 206 | var el = this; 207 | setTimeout(function(){ 208 | el.$.appendTo(elementSelector,true); 209 | }, 10); 210 | return el.$; 211 | }); 212 | 213 | 214 | 215 | -------------------------------------------------------------------------------- /css/font/iconic_stroke.css: -------------------------------------------------------------------------------- 1 | /* 2 | * ****************************************************************************** 3 | * jquery.mb.components 4 | * file: iconic_stroke.css 5 | * 6 | * Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi); 7 | * Open lab srl, Firenze - Italy 8 | * email: matbicoc@gmail.com 9 | * site: http://pupunzi.com 10 | * blog: http://pupunzi.open-lab.com 11 | * http://open-lab.com 12 | * 13 | * Licences: MIT, GPL 14 | * http://www.opensource.org/licenses/mit-license.php 15 | * http://www.gnu.org/licenses/gpl.html 16 | * 17 | * last modified: 07/01/14 22.50 18 | * ***************************************************************************** 19 | */ 20 | 21 | @font-face { font-family: 'IconicStroke'; src: url('iconic_stroke.eot'); src: url('iconic_stroke.eot?#iefix') format('embedded-opentype'), url('iconic_stroke.ttf') format('truetype'), url('iconic_stroke.svg#iconic') format('svg'); font-weight: normal; font-style: normal; }.iconic { display:inline-block; font-family: 'IconicStroke'; }.iconic-lightbulb:before {content:'\e063';}.iconic-equalizer:before {content:'\e052';}.iconic-map-pin-stroke:before {content:'\e068';}.iconic-brush-alt:before {content:'\e01c';}.iconic-move:before {content:'\e03e';}.iconic-paperclip:before {content:'\e08a';}.iconic-pen-alt-stroke:before {content:'\e005';}.iconic-move-vertical:before {content:'\e03b';}.iconic-book-alt2:before {content:'\e06a';}.iconic-layers:before {content:'\e01f';}.iconic-pause:before {content:'\e049';}.iconic-layers-alt:before {content:'\e020';}.iconic-cloud-upload:before {content:'\e045';}.iconic-chart-alt:before {content:'\e029';}.iconic-fullscreen-exit-alt:before {content:'\e051';}.iconic-cloud-download:before {content:'\e044';}.iconic-comment-alt2-stroke:before {content:'\e004';}.iconic-mail:before {content:'\2709';}.iconic-check-alt:before {content:'\2718';}.iconic-document-stroke:before {content:'\e066';}.iconic-battery-charging:before {content:'\e05d';}.iconic-stop:before {content:'\e04a';}.iconic-arrow-up:before {content:'\2191';}.iconic-move-horizontal:before {content:'\e038';}.iconic-compass:before {content:'\e021';}.iconic-minus-alt:before {content:'\e009';}.iconic-battery-empty:before {content:'\e05c';}.iconic-map-pin-alt:before {content:'\e002';}.iconic-unlock-stroke:before {content:'\e076';}.iconic-lock-stroke:before {content:'\e075';}.iconic-question-mark:before {content:'\003f';}.iconic-list:before {content:'\e055';}.iconic-upload:before {content:'\e043';}.iconic-reload:before {content:'\e030';}.iconic-loop-alt4:before {content:'\e035';}.iconic-loop-alt3:before {content:'\e034';}.iconic-loop-alt2:before {content:'\e033';}.iconic-loop-alt1:before {content:'\e032';}.iconic-left-quote:before {content:'\275d';}.iconic-x:before {content:'\2713';}.iconic-last:before {content:'\e04d';}.iconic-document-alt-stroke:before {content:'\e000';}.iconic-bars:before {content:'\e06f';}.iconic-arrow-left:before {content:'\2190';}.iconic-arrow-down:before {content:'\2193';}.iconic-download:before {content:'\e042';}.iconic-home:before {content:'\2302';}.iconic-calendar:before {content:'\e001';}.iconic-right-quote-alt:before {content:'\e012';}.iconic-fullscreen:before {content:'\e04e';}.iconic-dial:before {content:'\e058';}.iconic-plus-alt:before {content:'\e008';}.iconic-clock:before {content:'\e079';}.iconic-movie:before {content:'\e060';}.iconic-steering-wheel:before {content:'\e024';}.iconic-pen:before {content:'\270e';}.iconic-tag-stroke:before {content:'\e02b';}.iconic-pin:before {content:'\e067';}.iconic-denied:before {content:'\26d4';}.iconic-left-quote-alt:before {content:'\e011';}.iconic-volume-mute:before {content:'\e071';}.iconic-arrow-up-alt2:before {content:'\e018';}.iconic-list-nested:before {content:'\e056';}.iconic-arrow-up-alt1:before {content:'\e014';}.iconic-comment-stroke:before {content:'\e06d';}.iconic-undo:before {content:'\e02f';}.iconic-umbrella:before {content:'\2602';}.iconic-bolt:before {content:'\26a1';}.iconic-article:before {content:'\e053';}.iconic-read-more:before {content:'\e054';}.iconic-beaker:before {content:'\e023';}.iconic-beaker-alt:before {content:'\e010';}.iconic-battery-full:before {content:'\e073';}.iconic-arrow-right:before {content:'\2192';}.iconic-new-window:before {content:'\e059';}.iconic-plus:before {content:'\2795';}.iconic-cog:before {content:'\2699';}.iconic-key-stroke:before {content:'\26bf';}.iconic-first:before {content:'\e04c';}.iconic-comment-alt1-stroke:before {content:'\e003';}.iconic-trash-stroke:before {content:'\e05a';}.iconic-image:before {content:'\e027';}.iconic-chat-alt-stroke:before {content:'\e007';}.iconic-cd:before {content:'\e064';}.iconic-right-quote:before {content:'\275e';}.iconic-brush:before {content:'\e01b';}.iconic-cloud:before {content:'\2601';}.iconic-eye:before {content:'\e025';}.iconic-play-alt:before {content:'\e048';}.iconic-transfer:before {content:'\e041';}.iconic-pen-alt2:before {content:'\e006';}.iconic-camera:before {content:'\e070';}.iconic-move-horizontal-alt2:before {content:'\e03a';}.iconic-curved-arrow:before {content:'\2935';}.iconic-move-horizontal-alt1:before {content:'\e039';}.iconic-aperture:before {content:'\e026';}.iconic-reload-alt:before {content:'\e031';}.iconic-magnifying-glass:before {content:'\e074';}.iconic-iphone:before {content:'\e06e';}.iconic-fork:before {content:'\e046';}.iconic-box:before {content:'\e06b';}.iconic-bars-alt:before {content:'\e00a';}.iconic-heart-stroke:before {content:'\2764';}.iconic-volume:before {content:'\e072';}.iconic-x-alt:before {content:'\2714';}.iconic-link:before {content:'\e077';}.iconic-moon-stroke:before {content:'\263e';}.iconic-eyedropper:before {content:'\e01e';}.iconic-spin:before {content:'\e036';}.iconic-rss:before {content:'\e02c';}.iconic-info:before {content:'\2139';}.iconic-target:before {content:'\e02a';}.iconic-cursor:before {content:'\e057';}.iconic-minus:before {content:'\2796';}.iconic-book-alt:before {content:'\e00b';}.iconic-headphones:before {content:'\e061';}.iconic-hash:before {content:'\0023';}.iconic-arrow-left-alt1:before {content:'\e013';}.iconic-arrow-left-alt2:before {content:'\e017';}.iconic-fullscreen-exit:before {content:'\e050';}.iconic-share:before {content:'\e02e';}.iconic-fullscreen-alt:before {content:'\e04f';}.iconic-at:before {content:'\0040';}.iconic-chat:before {content:'\e05e';}.iconic-move-vertical-alt2:before {content:'\e03d';}.iconic-move-vertical-alt1:before {content:'\e03c';}.iconic-check:before {content:'\2717';}.iconic-mic:before {content:'\e05f';}.iconic-calendar-alt-stroke:before {content:'\e06c';}.iconic-book:before {content:'\e069';}.iconic-move-alt1:before {content:'\e03f';}.iconic-move-alt2:before {content:'\e040';}.iconic-award-stroke:before {content:'\e022';}.iconic-wrench:before {content:'\e078';}.iconic-play:before {content:'\e047';}.iconic-star:before {content:'\2605';}.iconic-chart:before {content:'\e028';}.iconic-rain:before {content:'\26c6';}.iconic-folder-stroke:before {content:'\e065';}.iconic-sun-stroke:before {content:'\2600';}.iconic-user:before {content:'\e062';}.iconic-battery-half:before {content:'\e05b';}.iconic-aperture-alt:before {content:'\e00c';}.iconic-eject:before {content:'\e04b';}.iconic-arrow-down-alt1:before {content:'\e016';}.iconic-pilcrow:before {content:'\00b6';}.iconic-arrow-down-alt2:before {content:'\e01a';}.iconic-arrow-right-alt1:before {content:'\e015';}.iconic-arrow-right-alt2:before {content:'\e019';}.iconic-rss-alt:before {content:'\e02d';}.iconic-spin-alt:before {content:'\e037';} 22 | -------------------------------------------------------------------------------- /css/font/iconic_stroke.afm: -------------------------------------------------------------------------------- 1 | StartFontMetrics 2.0 2 | Comment Generated by FontForge 20110222 3 | Comment Creation Date: Sun Apr 1 19:42:24 2012 4 | FontName IconicStroke 5 | FullName Iconic Stroke 6 | FamilyName Iconic 7 | Weight Medium 8 | Notice (Icons by PJ Onori, font creation script by Yann) 9 | ItalicAngle 0 10 | IsFixedPitch false 11 | UnderlinePosition -100 12 | UnderlineThickness 50 13 | Version 001.000 14 | EncodingScheme ISOLatin1Encoding 15 | FontBBox 14 -14 760 731 16 | Descender -2147483648 17 | StartCharMetrics 151 18 | C 35 ; WX 681 ; N numbersign ; B 15 -14 667 731 ; 19 | C 63 ; WX 402 ; N question ; B 15 -14 388 731 ; 20 | C 64 ; WX 774 ; N at ; B 15 -14 760 731 ; 21 | C 182 ; WX 588 ; N paragraph ; B 15 -14 574 731 ; 22 | C -1 ; WX 495 ; N glyph0 ; B 15 -14 481 731 ; 23 | C -1 ; WX 774 ; N glyph1 ; B 15 -14 760 731 ; 24 | C -1 ; WX 495 ; N glyph2 ; B 15 -14 481 731 ; 25 | C -1 ; WX 774 ; N glyph3 ; B 15 -14 760 731 ; 26 | C -1 ; WX 774 ; N glyph4 ; B 15 -14 760 731 ; 27 | C -1 ; WX 681 ; N glyph5 ; B 15 -14 667 730 ; 28 | C -1 ; WX 774 ; N glyph6 ; B 15 -14 760 731 ; 29 | C -1 ; WX 309 ; N glyph7 ; B 15 -14 295 731 ; 30 | C -1 ; WX 774 ; N glyph8 ; B 15 32 760 684 ; 31 | C -1 ; WX 774 ; N glyph9 ; B 15 32 760 684 ; 32 | C -1 ; WX 588 ; N glyph10 ; B 15 -14 574 731 ; 33 | C -1 ; WX 774 ; N glyph11 ; B 15 -14 760 731 ; 34 | C -1 ; WX 774 ; N glyph12 ; B 15 -14 760 731 ; 35 | C -1 ; WX 728 ; N glyph13 ; B 14 -14 713 731 ; 36 | C -1 ; WX 774 ; N glyph14 ; B 15 -14 760 731 ; 37 | C -1 ; WX 774 ; N glyph15 ; B 15 -14 760 731 ; 38 | C -1 ; WX 681 ; N glyph16 ; B 15 -14 667 731 ; 39 | C -1 ; WX 774 ; N glyph17 ; B 15 79 760 638 ; 40 | C -1 ; WX 774 ; N glyph18 ; B 15 -14 760 731 ; 41 | C -1 ; WX 774 ; N glyph19 ; B 15 -14 760 731 ; 42 | C -1 ; WX 774 ; N glyph20 ; B 15 172 760 545 ; 43 | C -1 ; WX 774 ; N glyph21 ; B 15 -14 760 731 ; 44 | C -1 ; WX 774 ; N glyph22 ; B 15 -14 760 731 ; 45 | C -1 ; WX 774 ; N glyph23 ; B 15 218 760 498 ; 46 | C -1 ; WX 774 ; N glyph24 ; B 15 -14 760 731 ; 47 | C -1 ; WX 774 ; N glyph25 ; B 15 -14 760 731 ; 48 | C -1 ; WX 774 ; N glyph26 ; B 15 172 760 545 ; 49 | C -1 ; WX 402 ; N glyph27 ; B 15 -14 388 731 ; 50 | C -1 ; WX 588 ; N glyph28 ; B 15 -14 574 731 ; 51 | C -1 ; WX 588 ; N glyph29 ; B 15 -14 574 731 ; 52 | C -1 ; WX 774 ; N glyph31 ; B 15 32 760 684 ; 53 | C -1 ; WX 588 ; N glyph32 ; B 15 -14 574 731 ; 54 | C -1 ; WX 588 ; N glyph33 ; B 15 32 574 684 ; 55 | C -1 ; WX 774 ; N glyph34 ; B 15 79 760 638 ; 56 | C -1 ; WX 774 ; N glyph35 ; B 15 79 760 638 ; 57 | C -1 ; WX 774 ; N glyph36 ; B 15 32 760 684 ; 58 | C -1 ; WX 774 ; N glyph37 ; B 15 79 760 638 ; 59 | C -1 ; WX 774 ; N glyph38 ; B 15 79 760 638 ; 60 | C -1 ; WX 681 ; N glyph39 ; B 15 32 667 684 ; 61 | C -1 ; WX 774 ; N glyph40 ; B 15 -14 760 731 ; 62 | C -1 ; WX 588 ; N glyph41 ; B 15 -14 574 731 ; 63 | C -1 ; WX 774 ; N glyph42 ; B 15 -14 760 731 ; 64 | C -1 ; WX 774 ; N glyph43 ; B 15 -14 760 731 ; 65 | C -1 ; WX 774 ; N glyph44 ; B 15 -14 760 731 ; 66 | C -1 ; WX 588 ; N glyph45 ; B 15 -14 574 731 ; 67 | C -1 ; WX 774 ; N glyph46 ; B 15 -14 760 731 ; 68 | C -1 ; WX 774 ; N glyph47 ; B 15 -14 760 731 ; 69 | C -1 ; WX 774 ; N glyph48 ; B 15 79 760 638 ; 70 | C -1 ; WX 774 ; N glyph49 ; B 15 -14 760 731 ; 71 | C -1 ; WX 774 ; N glyph50 ; B 15 -12 760 729 ; 72 | C -1 ; WX 774 ; N glyph51 ; B 15 -14 760 731 ; 73 | C -1 ; WX 774 ; N glyph52 ; B 15 -14 760 731 ; 74 | C -1 ; WX 774 ; N glyph53 ; B 15 -14 760 731 ; 75 | C -1 ; WX 774 ; N glyph54 ; B 15 -14 760 731 ; 76 | C -1 ; WX 774 ; N glyph55 ; B 15 -14 760 731 ; 77 | C -1 ; WX 774 ; N glyph56 ; B 15 -14 760 731 ; 78 | C -1 ; WX 774 ; N glyph57 ; B 15 -14 760 731 ; 79 | C -1 ; WX 774 ; N glyph58 ; B 15 -14 760 731 ; 80 | C -1 ; WX 774 ; N glyph59 ; B 15 79 760 638 ; 81 | C -1 ; WX 774 ; N glyph60 ; B 15 79 760 638 ; 82 | C -1 ; WX 774 ; N glyph61 ; B 15 -14 760 731 ; 83 | C -1 ; WX 774 ; N glyph62 ; B 15 32 760 684 ; 84 | C -1 ; WX 774 ; N glyph63 ; B 15 -14 760 731 ; 85 | C -1 ; WX 774 ; N glyph64 ; B 15 32 760 684 ; 86 | C -1 ; WX 774 ; N glyph65 ; B 15 -14 760 731 ; 87 | C -1 ; WX 774 ; N glyph66 ; B 15 -14 760 731 ; 88 | C -1 ; WX 774 ; N glyph67 ; B 15 -14 760 731 ; 89 | C -1 ; WX 774 ; N glyph68 ; B 15 -14 760 731 ; 90 | C -1 ; WX 774 ; N glyph69 ; B 15 -14 760 731 ; 91 | C -1 ; WX 402 ; N glyph70 ; B 15 -14 388 731 ; 92 | C -1 ; WX 402 ; N glyph71 ; B 15 -14 388 731 ; 93 | C -1 ; WX 774 ; N glyph72 ; B 15 172 760 545 ; 94 | C -1 ; WX 774 ; N glyph73 ; B 15 -14 760 731 ; 95 | C -1 ; WX 774 ; N glyph74 ; B 15 -14 760 731 ; 96 | C -1 ; WX 774 ; N glyph75 ; B 15 -14 760 731 ; 97 | C -1 ; WX 774 ; N glyph76 ; B 15 -14 760 731 ; 98 | C -1 ; WX 774 ; N glyph77 ; B 15 -14 760 731 ; 99 | C -1 ; WX 774 ; N glyph78 ; B 15 -14 760 731 ; 100 | C -1 ; WX 774 ; N glyph79 ; B 14 79 760 638 ; 101 | C -1 ; WX 774 ; N glyph80 ; B 15 -14 760 731 ; 102 | C -1 ; WX 774 ; N glyph81 ; B 15 -14 760 731 ; 103 | C -1 ; WX 774 ; N glyph82 ; B 15 -14 760 731 ; 104 | C -1 ; WX 774 ; N glyph83 ; B 15 -14 760 731 ; 105 | C -1 ; WX 774 ; N glyph84 ; B 15 79 760 638 ; 106 | C -1 ; WX 774 ; N glyph85 ; B 15 -14 760 731 ; 107 | C -1 ; WX 774 ; N glyph86 ; B 15 125 760 591 ; 108 | C -1 ; WX 774 ; N glyph87 ; B 15 79 760 638 ; 109 | C -1 ; WX 774 ; N glyph88 ; B 15 -14 760 731 ; 110 | C -1 ; WX 774 ; N glyph89 ; B 15 79 760 638 ; 111 | C -1 ; WX 774 ; N glyph90 ; B 15 -14 760 731 ; 112 | C -1 ; WX 774 ; N glyph91 ; B 15 -14 760 731 ; 113 | C -1 ; WX 774 ; N glyph92 ; B 15 -14 760 731 ; 114 | C -1 ; WX 774 ; N glyph93 ; B 15 79 760 638 ; 115 | C -1 ; WX 774 ; N glyph94 ; B 15 218 760 498 ; 116 | C -1 ; WX 774 ; N glyph95 ; B 15 -14 760 731 ; 117 | C -1 ; WX 588 ; N glyph96 ; B 15 32 574 684 ; 118 | C -1 ; WX 774 ; N glyph97 ; B 15 -14 760 731 ; 119 | C -1 ; WX 588 ; N glyph98 ; B 15 -14 574 731 ; 120 | C -1 ; WX 681 ; N glyph99 ; B 15 -14 667 731 ; 121 | C -1 ; WX 774 ; N glyph100 ; B 15 -14 760 731 ; 122 | C -1 ; WX 681 ; N glyph101 ; B 15 -14 667 731 ; 123 | C -1 ; WX 774 ; N glyph102 ; B 15 32 760 684 ; 124 | C -1 ; WX 774 ; N glyph103 ; B 15 79 760 638 ; 125 | C -1 ; WX 774 ; N glyph104 ; B 15 -14 760 731 ; 126 | C -1 ; WX 774 ; N glyph105 ; B 14 -14 760 731 ; 127 | C -1 ; WX 774 ; N glyph106 ; B 15 -14 760 731 ; 128 | C -1 ; WX 774 ; N glyph107 ; B 15 -14 759 731 ; 129 | C -1 ; WX 681 ; N glyph108 ; B 15 -14 667 731 ; 130 | C -1 ; WX 774 ; N glyph109 ; B 15 -14 760 731 ; 131 | C -1 ; WX 402 ; N glyph110 ; B 15 -14 388 731 ; 132 | C -1 ; WX 774 ; N glyph111 ; B 15 -14 760 731 ; 133 | C -1 ; WX 774 ; N glyph112 ; B 15 -14 760 731 ; 134 | C -1 ; WX 774 ; N glyph113 ; B 15 265 760 452 ; 135 | C -1 ; WX 774 ; N glyph114 ; B 15 -14 760 731 ; 136 | C -1 ; WX 774 ; N glyph115 ; B 15 32 760 684 ; 137 | C -1 ; WX 774 ; N glyph117 ; B 15 -14 760 731 ; 138 | C -1 ; WX 774 ; N glyph118 ; B 15 -14 760 731 ; 139 | C -1 ; WX 774 ; N glyph119 ; B 15 -14 760 731 ; 140 | C -1 ; WX 774 ; N glyph120 ; B 15 -14 760 731 ; 141 | C -1 ; WX 774 ; N glyph121 ; B 15 -14 760 731 ; 142 | C -1 ; WX 774 ; N glyph123 ; B 15 -14 760 731 ; 143 | C -1 ; WX 774 ; N glyph124 ; B 15 -14 760 731 ; 144 | C -1 ; WX 309 ; N glyph125 ; B 15 -14 295 731 ; 145 | C -1 ; WX 774 ; N glyph126 ; B 15 58 760 658 ; 146 | C -1 ; WX 588 ; N glyph127 ; B 15 -14 574 731 ; 147 | C -1 ; WX 774 ; N glyph128 ; B 15 -14 760 731 ; 148 | C -1 ; WX 681 ; N glyph129 ; B 15 -14 667 731 ; 149 | C -1 ; WX 774 ; N glyph130 ; B 15 -14 760 731 ; 150 | C -1 ; WX 774 ; N glyph131 ; B 15 -14 760 731 ; 151 | C -1 ; WX 402 ; N glyph132 ; B 15 -14 388 731 ; 152 | C -1 ; WX 774 ; N glyph133 ; B 15 -14 760 731 ; 153 | C -1 ; WX 588 ; N glyph134 ; B 15 -14 574 731 ; 154 | C -1 ; WX 774 ; N glyph135 ; B 15 -14 760 731 ; 155 | C -1 ; WX 774 ; N glyph136 ; B 15 -14 760 731 ; 156 | C -1 ; WX 774 ; N glyph137 ; B 15 32 760 684 ; 157 | C -1 ; WX 774 ; N glyph138 ; B 15 -14 760 731 ; 158 | C -1 ; WX 774 ; N glyph139 ; B 15 -14 760 731 ; 159 | C -1 ; WX 588 ; N glyph140 ; B 15 -14 574 731 ; 160 | C -1 ; WX 774 ; N glyph141 ; B 15 172 760 545 ; 161 | C -1 ; WX 774 ; N glyph142 ; B 15 -14 760 731 ; 162 | C -1 ; WX 774 ; N glyph143 ; B 15 -14 760 731 ; 163 | C -1 ; WX 774 ; N glyph144 ; B 15 -14 760 731 ; 164 | C -1 ; WX 774 ; N glyph146 ; B 15 -14 760 731 ; 165 | C -1 ; WX 774 ; N glyph147 ; B 15 -14 760 731 ; 166 | C -1 ; WX 774 ; N glyph148 ; B 15 -14 760 731 ; 167 | C -1 ; WX 774 ; N glyph149 ; B 15 -14 760 731 ; 168 | C -1 ; WX 774 ; N glyph150 ; B 15 -14 760 731 ; 169 | EndCharMetrics 170 | EndFontMetrics 171 | -------------------------------------------------------------------------------- /masters/container+.glyphs: -------------------------------------------------------------------------------- 1 | { 2 | date = "2012-03-18 15:42:36 +0100"; 3 | familyName = "nuovo Font"; 4 | featurePrefixes = ( 5 | { 6 | automatic = 1; 7 | code = "languagesystem DFLT dflt;\012languagesystem latn dflt;\012"; 8 | name = Languagesystems; 9 | } 10 | ); 11 | fontMaster = ( 12 | { 13 | ascender = 800; 14 | capHeight = 700; 15 | descender = "-200"; 16 | id = "BFED514F-3223-4BC7-891C-87A55C089060"; 17 | xHeight = 500; 18 | } 19 | ); 20 | glyphs = ( 21 | { 22 | glyphname = A; 23 | layers = ( 24 | { 25 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 26 | name = Regular; 27 | width = 600; 28 | } 29 | ); 30 | unicode = 0041; 31 | }, 32 | { 33 | glyphname = B; 34 | layers = ( 35 | { 36 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 37 | name = Regular; 38 | width = 600; 39 | } 40 | ); 41 | unicode = 0042; 42 | }, 43 | { 44 | glyphname = C; 45 | layers = ( 46 | { 47 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 48 | name = Regular; 49 | paths = ( 50 | { 51 | closed = 1; 52 | nodes = ( 53 | "865 519 LINE", 54 | "865 313 LINE", 55 | "42 313 LINE", 56 | "42 519 LINE" 57 | ); 58 | }, 59 | { 60 | closed = 1; 61 | nodes = ( 62 | "511 -15 LINE", 63 | "849 -15 LINE", 64 | "680 245 LINE" 65 | ); 66 | } 67 | ); 68 | width = 900; 69 | } 70 | ); 71 | unicode = 0043; 72 | }, 73 | { 74 | glyphname = D; 75 | layers = ( 76 | { 77 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 78 | name = Regular; 79 | width = 600; 80 | } 81 | ); 82 | unicode = 0044; 83 | }, 84 | { 85 | glyphname = E; 86 | layers = ( 87 | { 88 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 89 | name = Regular; 90 | width = 600; 91 | } 92 | ); 93 | unicode = 0045; 94 | }, 95 | { 96 | glyphname = F; 97 | layers = ( 98 | { 99 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 100 | name = Regular; 101 | width = 600; 102 | } 103 | ); 104 | unicode = 0046; 105 | }, 106 | { 107 | glyphname = G; 108 | layers = ( 109 | { 110 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 111 | name = Regular; 112 | width = 600; 113 | } 114 | ); 115 | unicode = 0047; 116 | }, 117 | { 118 | glyphname = H; 119 | layers = ( 120 | { 121 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 122 | name = Regular; 123 | width = 600; 124 | } 125 | ); 126 | unicode = 0048; 127 | }, 128 | { 129 | glyphname = I; 130 | layers = ( 131 | { 132 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 133 | name = Regular; 134 | width = 600; 135 | } 136 | ); 137 | unicode = 0049; 138 | }, 139 | { 140 | glyphname = J; 141 | layers = ( 142 | { 143 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 144 | name = Regular; 145 | width = 600; 146 | } 147 | ); 148 | unicode = 004A; 149 | }, 150 | { 151 | glyphname = K; 152 | layers = ( 153 | { 154 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 155 | name = Regular; 156 | width = 600; 157 | } 158 | ); 159 | unicode = 004B; 160 | }, 161 | { 162 | glyphname = L; 163 | layers = ( 164 | { 165 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 166 | name = Regular; 167 | width = 600; 168 | } 169 | ); 170 | unicode = 004C; 171 | }, 172 | { 173 | glyphname = M; 174 | layers = ( 175 | { 176 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 177 | name = Regular; 178 | width = 600; 179 | } 180 | ); 181 | unicode = 004D; 182 | }, 183 | { 184 | glyphname = N; 185 | layers = ( 186 | { 187 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 188 | name = Regular; 189 | width = 600; 190 | } 191 | ); 192 | unicode = 004E; 193 | }, 194 | { 195 | glyphname = O; 196 | layers = ( 197 | { 198 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 199 | name = Regular; 200 | width = 600; 201 | } 202 | ); 203 | unicode = 004F; 204 | }, 205 | { 206 | glyphname = P; 207 | layers = ( 208 | { 209 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 210 | name = Regular; 211 | width = 600; 212 | } 213 | ); 214 | unicode = 0050; 215 | }, 216 | { 217 | glyphname = Q; 218 | layers = ( 219 | { 220 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 221 | name = Regular; 222 | width = 600; 223 | } 224 | ); 225 | unicode = 0051; 226 | }, 227 | { 228 | glyphname = R; 229 | layers = ( 230 | { 231 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 232 | name = Regular; 233 | width = 600; 234 | } 235 | ); 236 | unicode = 0052; 237 | }, 238 | { 239 | glyphname = S; 240 | layers = ( 241 | { 242 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 243 | name = Regular; 244 | width = 600; 245 | } 246 | ); 247 | unicode = 0053; 248 | }, 249 | { 250 | glyphname = T; 251 | layers = ( 252 | { 253 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 254 | name = Regular; 255 | width = 600; 256 | } 257 | ); 258 | unicode = 0054; 259 | }, 260 | { 261 | glyphname = U; 262 | layers = ( 263 | { 264 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 265 | name = Regular; 266 | width = 600; 267 | } 268 | ); 269 | unicode = 0055; 270 | }, 271 | { 272 | glyphname = V; 273 | layers = ( 274 | { 275 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 276 | name = Regular; 277 | width = 600; 278 | } 279 | ); 280 | unicode = 0056; 281 | }, 282 | { 283 | glyphname = W; 284 | layers = ( 285 | { 286 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 287 | name = Regular; 288 | width = 600; 289 | } 290 | ); 291 | unicode = 0057; 292 | }, 293 | { 294 | glyphname = X; 295 | layers = ( 296 | { 297 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 298 | name = Regular; 299 | width = 600; 300 | } 301 | ); 302 | unicode = 0058; 303 | }, 304 | { 305 | glyphname = Y; 306 | layers = ( 307 | { 308 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 309 | name = Regular; 310 | width = 600; 311 | } 312 | ); 313 | unicode = 0059; 314 | }, 315 | { 316 | glyphname = Z; 317 | layers = ( 318 | { 319 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 320 | name = Regular; 321 | width = 600; 322 | } 323 | ); 324 | unicode = 005A; 325 | }, 326 | { 327 | glyphname = a; 328 | layers = ( 329 | { 330 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 331 | name = Regular; 332 | width = 600; 333 | } 334 | ); 335 | unicode = 0061; 336 | }, 337 | { 338 | glyphname = b; 339 | layers = ( 340 | { 341 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 342 | name = Regular; 343 | width = 600; 344 | } 345 | ); 346 | unicode = 0062; 347 | }, 348 | { 349 | glyphname = c; 350 | layers = ( 351 | { 352 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 353 | name = Regular; 354 | width = 600; 355 | } 356 | ); 357 | unicode = 0063; 358 | }, 359 | { 360 | glyphname = d; 361 | layers = ( 362 | { 363 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 364 | name = Regular; 365 | width = 600; 366 | } 367 | ); 368 | unicode = 0064; 369 | }, 370 | { 371 | glyphname = e; 372 | layers = ( 373 | { 374 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 375 | name = Regular; 376 | width = 600; 377 | } 378 | ); 379 | unicode = 0065; 380 | }, 381 | { 382 | glyphname = f; 383 | layers = ( 384 | { 385 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 386 | name = Regular; 387 | width = 600; 388 | } 389 | ); 390 | unicode = 0066; 391 | }, 392 | { 393 | glyphname = g; 394 | layers = ( 395 | { 396 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 397 | name = Regular; 398 | width = 600; 399 | } 400 | ); 401 | unicode = 0067; 402 | }, 403 | { 404 | glyphname = h; 405 | layers = ( 406 | { 407 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 408 | name = Regular; 409 | width = 600; 410 | } 411 | ); 412 | unicode = 0068; 413 | }, 414 | { 415 | glyphname = i; 416 | layers = ( 417 | { 418 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 419 | name = Regular; 420 | paths = ( 421 | { 422 | closed = 1; 423 | nodes = ( 424 | "694 46 LINE", 425 | "201 46 LINE", 426 | "201 450 LINE", 427 | "93 450 LINE", 428 | "93 -64 LINE", 429 | "800 -64 LINE", 430 | "800 450 LINE", 431 | "694 450 LINE" 432 | ); 433 | }, 434 | { 435 | closed = 1; 436 | nodes = ( 437 | "681 600 LINE", 438 | "211 600 LINE", 439 | "446 237 LINE" 440 | ); 441 | } 442 | ); 443 | width = 900; 444 | } 445 | ); 446 | unicode = 0069; 447 | }, 448 | { 449 | glyphname = j; 450 | layers = ( 451 | { 452 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 453 | name = Regular; 454 | width = 600; 455 | } 456 | ); 457 | unicode = 006A; 458 | }, 459 | { 460 | glyphname = k; 461 | layers = ( 462 | { 463 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 464 | name = Regular; 465 | width = 600; 466 | } 467 | ); 468 | unicode = 006B; 469 | }, 470 | { 471 | glyphname = l; 472 | layers = ( 473 | { 474 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 475 | name = Regular; 476 | width = 600; 477 | } 478 | ); 479 | unicode = 006C; 480 | }, 481 | { 482 | glyphname = m; 483 | layers = ( 484 | { 485 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 486 | name = Regular; 487 | width = 600; 488 | } 489 | ); 490 | unicode = 006D; 491 | }, 492 | { 493 | glyphname = n; 494 | layers = ( 495 | { 496 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 497 | name = Regular; 498 | width = 600; 499 | } 500 | ); 501 | unicode = 006E; 502 | }, 503 | { 504 | glyphname = o; 505 | layers = ( 506 | { 507 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 508 | name = Regular; 509 | width = 600; 510 | } 511 | ); 512 | unicode = 006F; 513 | }, 514 | { 515 | glyphname = p; 516 | layers = ( 517 | { 518 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 519 | name = Regular; 520 | width = 600; 521 | } 522 | ); 523 | unicode = 0070; 524 | }, 525 | { 526 | glyphname = q; 527 | layers = ( 528 | { 529 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 530 | name = Regular; 531 | width = 600; 532 | } 533 | ); 534 | unicode = 0071; 535 | }, 536 | { 537 | glyphname = r; 538 | layers = ( 539 | { 540 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 541 | name = Regular; 542 | width = 600; 543 | } 544 | ); 545 | unicode = 0072; 546 | }, 547 | { 548 | glyphname = s; 549 | layers = ( 550 | { 551 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 552 | name = Regular; 553 | width = 600; 554 | } 555 | ); 556 | unicode = 0073; 557 | }, 558 | { 559 | glyphname = t; 560 | layers = ( 561 | { 562 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 563 | name = Regular; 564 | width = 600; 565 | } 566 | ); 567 | unicode = 0074; 568 | }, 569 | { 570 | glyphname = u; 571 | layers = ( 572 | { 573 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 574 | name = Regular; 575 | width = 600; 576 | } 577 | ); 578 | unicode = 0075; 579 | }, 580 | { 581 | glyphname = v; 582 | layers = ( 583 | { 584 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 585 | name = Regular; 586 | width = 600; 587 | } 588 | ); 589 | unicode = 0076; 590 | }, 591 | { 592 | glyphname = w; 593 | layers = ( 594 | { 595 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 596 | name = Regular; 597 | width = 600; 598 | } 599 | ); 600 | unicode = 0077; 601 | }, 602 | { 603 | glyphname = x; 604 | layers = ( 605 | { 606 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 607 | name = Regular; 608 | paths = ( 609 | { 610 | closed = 1; 611 | nodes = ( 612 | "386 475 LINE", 613 | "167 693 LINE", 614 | "20 544 LINE", 615 | "237 325 LINE", 616 | "20 107 LINE", 617 | "167 -42 LINE", 618 | "386 176 LINE", 619 | "605 -42 LINE", 620 | "754 107 LINE", 621 | "537 325 LINE", 622 | "754 544 LINE", 623 | "605 693 LINE" 624 | ); 625 | } 626 | ); 627 | width = 800; 628 | } 629 | ); 630 | unicode = 0078; 631 | }, 632 | { 633 | glyphname = y; 634 | layers = ( 635 | { 636 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 637 | name = Regular; 638 | width = 600; 639 | } 640 | ); 641 | unicode = 0079; 642 | }, 643 | { 644 | glyphname = z; 645 | layers = ( 646 | { 647 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 648 | name = Regular; 649 | width = 600; 650 | } 651 | ); 652 | unicode = 007A; 653 | }, 654 | { 655 | glyphname = space; 656 | layers = ( 657 | { 658 | layerId = "BFED514F-3223-4BC7-891C-87A55C089060"; 659 | name = Regular; 660 | width = 600; 661 | } 662 | ); 663 | unicode = 0020; 664 | } 665 | ); 666 | instances = ( 667 | { 668 | linkStyle = ""; 669 | name = Regular; 670 | weightClass = Regular; 671 | widthClass = "Medium (normal)"; 672 | } 673 | ); 674 | kerning = { 675 | "BFED514F-3223-4BC7-891C-87A55C089060" = { 676 | }; 677 | }; 678 | unitsPerEm = 1000; 679 | versionMajor = 1; 680 | versionMinor = 1; 681 | } 682 | -------------------------------------------------------------------------------- /demo.html: -------------------------------------------------------------------------------- 1 | 2 | 21 | 22 | 23 | 24 | jquery.mb.containerPlus 3.x - demo page 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 93 | 94 | 95 | 96 | 97 |
98 | 99 |
100 | 101 |
102 | 103 |

jquery.mb.containerPlus 3.x

104 | 105 |

If you were looking for an easy to use jquery plug and play plug-in to create overlayed windows on your HTML pages you are in the right place!

106 |

The new release of this plugin introduces new useful features to let you easily customize both behaviors and design.

107 |

The code has been completely rewritten to accomplish these needs.

108 |
109 |

You can read more here.

110 | 111 |
112 | 113 | 114 | 115 | 116 | 117 |
118 | 119 |
120 |

Container 1

121 |
122 |

This is a modal window and it is created adding data-modal=true to the element constructor. It can't be resized, it's centered on window, it's white skinned.

123 |
124 | 125 |

Maecenas faucibus mollis interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

126 |

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.

127 |

Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras mattis consectetur purus sit amet fermentum. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod.

128 |
129 |
130 | 131 |
132 |

Container 2

133 |

This can be resized but only on a grid of 100x100, it's centered on window, it's white skinned, it has custom buttons and a custom icon.

134 |
135 | 136 |

Maecenas faucibus mollis interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

137 |

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.

138 |

Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras mattis consectetur purus sit amet fermentum. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod.

139 |
140 | 141 |
142 |

Container 3

143 |

This can be dragged but only on a grid of 100x100, it's centered on window, it's black skinned, it has some tool bar buttons.

144 |
145 | 146 |

Maecenas faucibus mollis interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

147 |

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.

148 |

Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras mattis consectetur purus sit amet fermentum. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod.

149 |
150 | 151 |
152 | 153 |
154 | 155 | 270 | 271 | 272 | -------------------------------------------------------------------------------- /licenses/GPL-LICENSE.txt: -------------------------------------------------------------------------------- 1 | GNU GENERAL PUBLIC LICENSE 2 | Version 2, June 1991 3 | 4 | Copyright (C) 2001, 2011 Open Lab srl. 5 | via Venezia 18b - 50121 Firenze, Italia 6 | 7 | Everyone is permitted to copy and distribute verbatim copies 8 | of this license document, but changing it is not allowed. 9 | 10 | Preamble 11 | 12 | The licenses for most software are designed to take away your 13 | freedom to share and change it. By contrast, the GNU General Public 14 | License is intended to guarantee your freedom to share and change free 15 | software--to make sure the software is free for all its users. This 16 | General Public License applies to most of the Free Software 17 | Foundation's software and to any other program whose authors commit to 18 | using it. (Some other Free Software Foundation software is covered by 19 | the GNU Lesser General Public License instead.) You can apply it to 20 | your programs, too. 21 | 22 | When we speak of free software, we are referring to freedom, not 23 | price. Our General Public Licenses are designed to make sure that you 24 | have the freedom to distribute copies of free software (and charge for 25 | this service if you wish), that you receive source code or can get it 26 | if you want it, that you can change the software or use pieces of it 27 | in new free programs; and that you know you can do these things. 28 | 29 | To protect your rights, we need to make restrictions that forbid 30 | anyone to deny you these rights or to ask you to surrender the rights. 31 | These restrictions translate to certain responsibilities for you if you 32 | distribute copies of the software, or if you modify it. 33 | 34 | For example, if you distribute copies of such a program, whether 35 | gratis or for a fee, you must give the recipients all the rights that 36 | you have. You must make sure that they, too, receive or can get the 37 | source code. And you must show them these terms so they know their 38 | rights. 39 | 40 | We protect your rights with two steps: (1) copyright the software, and 41 | (2) offer you this license which gives you legal permission to copy, 42 | distribute and/or modify the software. 43 | 44 | Also, for each author's protection and ours, we want to make certain 45 | that everyone understands that there is no warranty for this free 46 | software. If the software is modified by someone else and passed on, we 47 | want its recipients to know that what they have is not the original, so 48 | that any problems introduced by others will not reflect on the original 49 | authors' reputations. 50 | 51 | Finally, any free program is threatened constantly by software 52 | patents. We wish to avoid the danger that redistributors of a free 53 | program will individually obtain patent licenses, in effect making the 54 | program proprietary. To prevent this, we have made it clear that any 55 | patent must be licensed for everyone's free use or not licensed at all. 56 | 57 | The precise terms and conditions for copying, distribution and 58 | modification follow. 59 | 60 | GNU GENERAL PUBLIC LICENSE 61 | TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION 62 | 63 | 0. This License applies to any program or other work which contains 64 | a notice placed by the copyright holder saying it may be distributed 65 | under the terms of this General Public License. The "Program", below, 66 | refers to any such program or work, and a "work based on the Program" 67 | means either the Program or any derivative work under copyright law: 68 | that is to say, a work containing the Program or a portion of it, 69 | either verbatim or with modifications and/or translated into another 70 | language. (Hereinafter, translation is included without limitation in 71 | the term "modification".) Each licensee is addressed as "you". 72 | 73 | Activities other than copying, distribution and modification are not 74 | covered by this License; they are outside its scope. The act of 75 | running the Program is not restricted, and the output from the Program 76 | is covered only if its contents constitute a work based on the 77 | Program (independent of having been made by running the Program). 78 | Whether that is true depends on what the Program does. 79 | 80 | 1. You may copy and distribute verbatim copies of the Program's 81 | source code as you receive it, in any medium, provided that you 82 | conspicuously and appropriately publish on each copy an appropriate 83 | copyright notice and disclaimer of warranty; keep intact all the 84 | notices that refer to this License and to the absence of any warranty; 85 | and give any other recipients of the Program a copy of this License 86 | along with the Program. 87 | 88 | You may charge a fee for the physical act of transferring a copy, and 89 | you may at your option offer warranty protection in exchange for a fee. 90 | 91 | 2. You may modify your copy or copies of the Program or any portion 92 | of it, thus forming a work based on the Program, and copy and 93 | distribute such modifications or work under the terms of Section 1 94 | above, provided that you also meet all of these conditions: 95 | 96 | a) You must cause the modified files to carry prominent notices 97 | stating that you changed the files and the date of any change. 98 | 99 | b) You must cause any work that you distribute or publish, that in 100 | whole or in part contains or is derived from the Program or any 101 | part thereof, to be licensed as a whole at no charge to all third 102 | parties under the terms of this License. 103 | 104 | c) If the modified program normally reads commands interactively 105 | when run, you must cause it, when started running for such 106 | interactive use in the most ordinary way, to print or display an 107 | announcement including an appropriate copyright notice and a 108 | notice that there is no warranty (or else, saying that you provide 109 | a warranty) and that users may redistribute the program under 110 | these conditions, and telling the user how to view a copy of this 111 | License. (Exception: if the Program itself is interactive but 112 | does not normally print such an announcement, your work based on 113 | the Program is not required to print an announcement.) 114 | 115 | These requirements apply to the modified work as a whole. If 116 | identifiable sections of that work are not derived from the Program, 117 | and can be reasonably considered independent and separate works in 118 | themselves, then this License, and its terms, do not apply to those 119 | sections when you distribute them as separate works. But when you 120 | distribute the same sections as part of a whole which is a work based 121 | on the Program, the distribution of the whole must be on the terms of 122 | this License, whose permissions for other licensees extend to the 123 | entire whole, and thus to each and every part regardless of who wrote it. 124 | 125 | Thus, it is not the intent of this section to claim rights or contest 126 | your rights to work written entirely by you; rather, the intent is to 127 | exercise the right to control the distribution of derivative or 128 | collective works based on the Program. 129 | 130 | In addition, mere aggregation of another work not based on the Program 131 | with the Program (or with a work based on the Program) on a volume of 132 | a storage or distribution medium does not bring the other work under 133 | the scope of this License. 134 | 135 | 3. You may copy and distribute the Program (or a work based on it, 136 | under Section 2) in object code or executable form under the terms of 137 | Sections 1 and 2 above provided that you also do one of the following: 138 | 139 | a) Accompany it with the complete corresponding machine-readable 140 | source code, which must be distributed under the terms of Sections 141 | 1 and 2 above on a medium customarily used for software interchange; or, 142 | 143 | b) Accompany it with a written offer, valid for at least three 144 | years, to give any third party, for a charge no more than your 145 | cost of physically performing source distribution, a complete 146 | machine-readable copy of the corresponding source code, to be 147 | distributed under the terms of Sections 1 and 2 above on a medium 148 | customarily used for software interchange; or, 149 | 150 | c) Accompany it with the information you received as to the offer 151 | to distribute corresponding source code. (This alternative is 152 | allowed only for noncommercial distribution and only if you 153 | received the program in object code or executable form with such 154 | an offer, in accord with Subsection b above.) 155 | 156 | The source code for a work means the preferred form of the work for 157 | making modifications to it. For an executable work, complete source 158 | code means all the source code for all modules it contains, plus any 159 | associated interface definition files, plus the scripts used to 160 | control compilation and installation of the executable. However, as a 161 | special exception, the source code distributed need not include 162 | anything that is normally distributed (in either source or binary 163 | form) with the major components (compiler, kernel, and so on) of the 164 | operating system on which the executable runs, unless that component 165 | itself accompanies the executable. 166 | 167 | If distribution of executable or object code is made by offering 168 | access to copy from a designated place, then offering equivalent 169 | access to copy the source code from the same place counts as 170 | distribution of the source code, even though third parties are not 171 | compelled to copy the source along with the object code. 172 | 173 | 4. You may not copy, modify, sublicense, or distribute the Program 174 | except as expressly provided under this License. Any attempt 175 | otherwise to copy, modify, sublicense or distribute the Program is 176 | void, and will automatically terminate your rights under this License. 177 | However, parties who have received copies, or rights, from you under 178 | this License will not have their licenses terminated so long as such 179 | parties remain in full compliance. 180 | 181 | 5. You are not required to accept this License, since you have not 182 | signed it. However, nothing else grants you permission to modify or 183 | distribute the Program or its derivative works. These actions are 184 | prohibited by law if you do not accept this License. Therefore, by 185 | modifying or distributing the Program (or any work based on the 186 | Program), you indicate your acceptance of this License to do so, and 187 | all its terms and conditions for copying, distributing or modifying 188 | the Program or works based on it. 189 | 190 | 6. Each time you redistribute the Program (or any work based on the 191 | Program), the recipient automatically receives a license from the 192 | original licensor to copy, distribute or modify the Program subject to 193 | these terms and conditions. You may not impose any further 194 | restrictions on the recipients' exercise of the rights granted herein. 195 | You are not responsible for enforcing compliance by third parties to 196 | this License. 197 | 198 | 7. If, as a consequence of a court judgment or allegation of patent 199 | infringement or for any other reason (not limited to patent issues), 200 | conditions are imposed on you (whether by court order, agreement or 201 | otherwise) that contradict the conditions of this License, they do not 202 | excuse you from the conditions of this License. If you cannot 203 | distribute so as to satisfy simultaneously your obligations under this 204 | License and any other pertinent obligations, then as a consequence you 205 | may not distribute the Program at all. For example, if a patent 206 | license would not permit royalty-free redistribution of the Program by 207 | all those who receive copies directly or indirectly through you, then 208 | the only way you could satisfy both it and this License would be to 209 | refrain entirely from distribution of the Program. 210 | 211 | If any portion of this section is held invalid or unenforceable under 212 | any particular circumstance, the balance of the section is intended to 213 | apply and the section as a whole is intended to apply in other 214 | circumstances. 215 | 216 | It is not the purpose of this section to induce you to infringe any 217 | patents or other property right claims or to contest validity of any 218 | such claims; this section has the sole purpose of protecting the 219 | integrity of the free software distribution system, which is 220 | implemented by public license practices. Many people have made 221 | generous contributions to the wide range of software distributed 222 | through that system in reliance on consistent application of that 223 | system; it is up to the author/donor to decide if he or she is willing 224 | to distribute software through any other system and a licensee cannot 225 | impose that choice. 226 | 227 | This section is intended to make thoroughly clear what is believed to 228 | be a consequence of the rest of this License. 229 | 230 | 8. If the distribution and/or use of the Program is restricted in 231 | certain countries either by patents or by copyrighted interfaces, the 232 | original copyright holder who places the Program under this License 233 | may add an explicit geographical distribution limitation excluding 234 | those countries, so that distribution is permitted only in or among 235 | countries not thus excluded. In such case, this License incorporates 236 | the limitation as if written in the body of this License. 237 | 238 | 9. The Free Software Foundation may publish revised and/or new versions 239 | of the General Public License from time to time. Such new versions will 240 | be similar in spirit to the present version, but may differ in detail to 241 | address new problems or concerns. 242 | 243 | Each version is given a distinguishing version number. If the Program 244 | specifies a version number of this License which applies to it and "any 245 | later version", you have the option of following the terms and conditions 246 | either of that version or of any later version published by the Free 247 | Software Foundation. If the Program does not specify a version number of 248 | this License, you may choose any version ever published by the Free Software 249 | Foundation. 250 | 251 | 10. If you wish to incorporate parts of the Program into other free 252 | programs whose distribution conditions are different, write to the author 253 | to ask for permission. For software which is copyrighted by the Free 254 | Software Foundation, write to the Free Software Foundation; we sometimes 255 | make exceptions for this. Our decision will be guided by the two goals 256 | of preserving the free status of all derivatives of our free software and 257 | of promoting the sharing and reuse of software generally. 258 | 259 | NO WARRANTY 260 | 261 | 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY 262 | FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN 263 | OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES 264 | PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED 265 | OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF 266 | MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS 267 | TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE 268 | PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, 269 | REPAIR OR CORRECTION. 270 | 271 | 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING 272 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR 273 | REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, 274 | INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING 275 | OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED 276 | TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY 277 | YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER 278 | PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE 279 | POSSIBILITY OF SUCH DAMAGES. 280 | -------------------------------------------------------------------------------- /css/mb.containerPlus.css: -------------------------------------------------------------------------------- 1 | /* 2 | * ****************************************************************************** 3 | * jquery.mb.components 4 | * file: mb.containerPlus.css 5 | * 6 | * Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi); 7 | * Open lab srl, Firenze - Italy 8 | * email: matbicoc@gmail.com 9 | * site: http://pupunzi.com 10 | * blog: http://pupunzi.open-lab.com 11 | * http://open-lab.com 12 | * 13 | * Licences: MIT, GPL 14 | * http://www.opensource.org/licenses/mit-license.php 15 | * http://www.gnu.org/licenses/gpl.html 16 | * 17 | * last modified: 07/01/14 22.50 18 | * ***************************************************************************** 19 | */ 20 | 21 | @charset "UTF-8"; 22 | 23 | @import url(http://fonts.googleapis.com/css?family=Lekton); 24 | 25 | @font-face { 26 | font-family: 'IconicStroke'; 27 | src: url('font/iconic_stroke.eot'); 28 | src: local('?'), 29 | url('font/iconic_stroke.woff') format('woff'), 30 | url('font/iconic_stroke.ttf') format('truetype'), 31 | url('font/iconic_stroke.svg') format('svg'); 32 | font-weight: normal; 33 | font-style: normal; 34 | } 35 | 36 | .ui-resizable { 37 | position: relative; 38 | } 39 | 40 | .ui-resizable-handle { 41 | position: absolute; 42 | font-size: 0.1px; 43 | z-index: 1; 44 | display: block; 45 | } 46 | 47 | .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { 48 | display: none; 49 | } 50 | 51 | .ui-resizable-n { 52 | cursor: n-resize; 53 | height: 7px; 54 | width: 100%; 55 | top: -5px; 56 | left: 0px; 57 | } 58 | 59 | .ui-resizable-s { 60 | cursor: s-resize; 61 | height: 7px; 62 | width: 100%; 63 | bottom: -5px; 64 | left: 0px; 65 | } 66 | 67 | .ui-resizable-e { 68 | cursor: e-resize; 69 | width: 7px; 70 | right: -5px; 71 | top: 0px; 72 | height: 100%; 73 | } 74 | 75 | .ui-resizable-w { 76 | cursor: w-resize; 77 | width: 7px; 78 | left: -5px; 79 | top: 0px; 80 | height: 100%; 81 | } 82 | 83 | .ui-resizable-se { 84 | cursor: se-resize; 85 | width: 12px; 86 | height: 12px; 87 | right: 1px; 88 | bottom: 1px; 89 | z-index: 1 !important; 90 | } 91 | 92 | .ui-resizable-sw { 93 | cursor: sw-resize; 94 | width: 9px; 95 | height: 9px; 96 | left: -5px; 97 | bottom: -5px; 98 | } 99 | 100 | .ui-resizable-nw { 101 | cursor: nw-resize; 102 | width: 9px; 103 | height: 9px; 104 | left: -5px; 105 | top: -5px; 106 | } 107 | 108 | .ui-resizable-ne { 109 | cursor: ne-resize; 110 | width: 9px; 111 | height: 9px; 112 | right: -5px; 113 | top: -5px; 114 | } 115 | 116 | .mbproxy { 117 | border: 1px dotted gray; 118 | background: rgba(0, 0, 0, 0.1); 119 | min-height: 100px; 120 | min-width: 100px; 121 | } 122 | 123 | /*CONTAINER SKIN DEFAULT*/ 124 | 125 | /* HTML5 display-role reset for older browsers */ 126 | article, aside, details, figcaption, figure, 127 | footer, header, hgroup, menu, nav, section { 128 | display: block; 129 | } 130 | 131 | .mbc_container div, .mbc_container span, .mbc_container object, .mbc_container iframe, 132 | .mbc_container h1, .mbc_container h2, .mbc_container h3, .mbc_container h4, .mbc_container h5, .mbc_container h6, 133 | .mbc_container p, .mbc_container blockquote, .mbc_container pre,.mbc_container a, .mbc_container code, 134 | .mbc_container img, .mbc_container strong, .mbc_container sub, .mbc_container sup, .mbc_container b, .mbc_container i, 135 | .mbc_container center, .mbc_container ol, .mbc_container ul, .mbc_container li, 136 | .mbc_container fieldset, .mbc_container form, .mbc_container label, .mbc_container legend, 137 | .mbc_container table, .mbc_container caption, .mbc_container tbody, .mbc_container tfoot, .mbc_container thead, 138 | .mbc_container tr, .mbc_container th, .mbc_container td, .mbc_container article, .mbc_container aside, .mbc_container canvas, 139 | .mbc_container embed,.mbc_container figure, .mbc_container figcaption, .mbc_container footer, .mbc_container header, 140 | .mbc_container hgroup, .mbc_container menu, .mbc_container nav, .mbc_container output, .mbc_container section, 141 | .mbc_container summary, .mbc_container time, .mbc_container mark, .mbc_container audio, .mbc_container video, .containerIcon h2, .containerDocked h2 { 142 | margin: 0; 143 | padding: 0; 144 | border: 0; 145 | font-size: 100%; 146 | font: inherit; 147 | vertical-align: baseline; 148 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 149 | 150 | /*text-rendering:optimizeLegibility;*/ 151 | 152 | -webkit-user-select: none; 153 | 154 | } 155 | 156 | .containerIcon{ 157 | max-width: 30px; 158 | white-space: nowrap; 159 | overflow: hidden; 160 | text-align: right; 161 | } 162 | .containerIcon:hover{ 163 | max-width: 200px; 164 | white-space: nowrap; 165 | overflow: hidden; 166 | text-align: right; 167 | } 168 | 169 | .containerIcon h2{ 170 | text-overflow: ellipsis; 171 | overflow: hidden; 172 | white-space: nowrap; 173 | max-width: 100%; 174 | text-align: right; 175 | } 176 | 177 | .mbc_container { 178 | visibility: hidden; 179 | box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); 180 | font-family: 'Lekton', sans-serif; 181 | font-size: 16px; 182 | overflow: inherit; 183 | visibility: hidden; 184 | 185 | background: #ffffff; /* Old browsers */ 186 | background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */ 187 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */ 188 | background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */ 189 | background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Opera 11.10+ */ 190 | background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* IE10+ */ 191 | background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* W3C */ 192 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */ 193 | min-height: 100px; 194 | min-width: 100px; 195 | border-radius: 10px; 196 | } 197 | 198 | 199 | .mbc_container * { 200 | -moz-box-sizing: border-box; 201 | box-sizing: border-box; 202 | } 203 | 204 | .mbc_container * :focus { 205 | outline: 0; 206 | } 207 | 208 | .mbc_container.dragging { 209 | box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.5); 210 | } 211 | 212 | .icon{ 213 | width:35px; 214 | } 215 | 216 | .mbc_container .icon{ 217 | position: absolute; 218 | left:0px; 219 | top:-5px; 220 | } 221 | 222 | .mbc_container > .mbc_content button{ 223 | border: 1px solid gray; 224 | border-radius: 8px; 225 | background: #3a3a3a; 226 | color:white; 227 | padding: 8px; 228 | margin-bottom: 15px; 229 | } 230 | 231 | 232 | .mbc_container > .mbc_header { 233 | position: absolute; 234 | top: 0; 235 | width: 100%; 236 | border-bottom: 1px solid #c2c2bd; 237 | 238 | background: #ffffff; /* Old browsers */ 239 | background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */ 240 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */ 241 | background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */ 242 | background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Opera 11.10+ */ 243 | background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* IE10+ */ 244 | background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* W3C */ 245 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */ 246 | /*box-shadow: 0 0 4px 0 rgba(0,0,0,0.4);*/ 247 | -moz-box-sizing: border-box; 248 | box-sizing: border-box; 249 | 250 | border-radius: 9px 9px 0 0; 251 | 252 | } 253 | 254 | .mbc_container > .mbc_header h2 { 255 | width: 80%; 256 | overflow: hidden; 257 | white-space: nowrap; 258 | text-overflow: ellipsis; 259 | margin: 0; 260 | padding: 10px; 261 | font-size: 18px; 262 | font-weight: normal; 263 | } 264 | 265 | .mbc_container.draggable > .mbc_header { 266 | cursor: move 267 | } 268 | 269 | .mbc_container > .mbc_header > .mbc_buttonBar { 270 | position: absolute; 271 | top: 8px; 272 | right: 8px; 273 | white-space: nowrap; 274 | } 275 | 276 | .mbc_container > .mbc_buttonBar div { 277 | border-radius: 10px; 278 | padding: 7px; 279 | display: inline-block; 280 | margin: 3px; 281 | -moz-box-sizing: border-box; 282 | box-sizing: border-box; 283 | background: #d4d4d4; 284 | } 285 | 286 | .mbc_container > .mbc_header > .mbc_buttonBar > button.mbc_button { 287 | 288 | font-family: 'IconicStroke', sans-serif; 289 | font-size: 16px; 290 | position: relative; 291 | color: #747474; 292 | border: none; 293 | padding: 5px; 294 | margin: 0; 295 | background: transparent; 296 | cursor: pointer; 297 | } 298 | 299 | .mbc_container > .mbc_header > .mbc_buttonBar > button.mbc_button:hover { 300 | color: #3e3e3e; 301 | } 302 | 303 | 304 | .mbc_container > .mbc_header > .mbc_toolBar { 305 | width: 100%; 306 | white-space: nowrap; 307 | text-overflow: ellipsis; 308 | font-weight: normal; 309 | cursor: move; 310 | border-top: 1px solid #d4d4d4; 311 | text-align: right; 312 | 313 | background: #ffffff; 314 | background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); 315 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); 316 | background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); 317 | background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); 318 | background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); 319 | background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%); 320 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); 321 | } 322 | 323 | 324 | .mbc_container > .mbc_header > .mbc_toolBar > button.mbc_button { 325 | position: relative; 326 | color: #5e5e5e; 327 | border: none; 328 | border-left: 1px solid rgba(0, 0, 0, .1); 329 | border-right: 1px solid rgba(99, 99, 99, 0.20); 330 | padding: 3px; 331 | margin: 0; 332 | -moz-border-radius: 0; 333 | background: transparent; 334 | cursor: pointer; 335 | } 336 | 337 | .mbc_container > .mbc_header > .mbc_toolBar > button.mbc_button:hover { 338 | background: rgba(0, 0, 0, .1); 339 | } 340 | 341 | .mbc_container > .mbc_content { 342 | position: relative; 343 | padding: 20px; 344 | padding-bottom: 40px; 345 | height: 100%; 346 | -moz-box-sizing: border-box; 347 | box-sizing: border-box; 348 | overflow: auto; 349 | } 350 | 351 | .mbc_container > .mbc_footer { 352 | position: absolute; 353 | height: 20px; 354 | width: 100%; 355 | background: #fff; /* Old browsers */ 356 | background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); 357 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); 358 | background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); 359 | background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); 360 | background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); 361 | background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%); 362 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); 363 | 364 | bottom: 0; 365 | -moz-box-sizing: border-box; 366 | box-sizing: border-box; 367 | border-radius: 0 0 9px 9px; 368 | 369 | border-top: 1px solid #c2c2bd; 370 | } 371 | 372 | .mbc_container > .mbc_content h2{ 373 | font-size: 130%; 374 | margin-bottom: 20px; 375 | } 376 | 377 | .containerDocked{ 378 | display: inline-block; 379 | color: white; 380 | cursor: pointer; 381 | padding: 5px; 382 | } 383 | 384 | .containerIcon{ 385 | padding: 10px; 386 | color:#000; 387 | background: #fff; 388 | cursor: pointer; 389 | border-radius: 8px; 390 | } 391 | 392 | /*SKIN BLACK*********************************************************************************/ 393 | 394 | .mbc_container.black { 395 | 396 | background: #45484d; /* Old browsers */ 397 | background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */ 398 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000)); /* Chrome,Safari4+ */ 399 | background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%); /* Chrome10+,Safari5.1+ */ 400 | background: -o-linear-gradient(top, #45484d 0%, #000000 100%); /* Opera 11.10+ */ 401 | background: -ms-linear-gradient(top, #45484d 0%, #000000 100%); /* IE10+ */ 402 | background: linear-gradient(top, #45484d 0%, #000000 100%); /* W3C */ 403 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0); /* IE6-9 */ 404 | 405 | border-radius: 0; 406 | 407 | } 408 | 409 | .mbc_container.black > .mbc_header { 410 | position: absolute; 411 | top: 0; 412 | width: 100%; 413 | border-bottom: 1px solid #3b3b3a; 414 | box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4); 415 | 416 | background: #45484d; /* Old browsers */ 417 | background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */ 418 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000)); /* Chrome,Safari4+ */ 419 | background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%); /* Chrome10+,Safari5.1+ */ 420 | background: -o-linear-gradient(top, #45484d 0%, #000000 100%); /* Opera 11.10+ */ 421 | background: -ms-linear-gradient(top, #45484d 0%, #000000 100%); /* IE10+ */ 422 | background: linear-gradient(top, #45484d 0%, #000000 100%); /* W3C */ 423 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0); /* IE6-9 */ 424 | 425 | border-radius: 0; 426 | 427 | } 428 | 429 | .mbc_container.black > .mbc_header h2 { 430 | width: 80%; 431 | overflow: hidden; 432 | white-space: nowrap; 433 | text-overflow: ellipsis; 434 | margin: 0; 435 | padding: 10px; 436 | font-size: 18px; 437 | color: white; 438 | font-weight: normal; 439 | cursor: move; 440 | } 441 | 442 | .mbc_container.black > .mbc_buttonBar { 443 | position: absolute; 444 | top: 8px; 445 | right: 8px; 446 | } 447 | 448 | .mbc_container.black > .mbc_buttonBar div { 449 | border-radius: 10px; 450 | padding: 7px; 451 | display: inline-block; 452 | margin: 3px; 453 | -moz-box-sizing: border-box; 454 | box-sizing: border-box; 455 | 456 | background: #d4d4d4; 457 | } 458 | 459 | .mbc_container.black > .mbc_header > .mbc_buttonBar > button.mbc_button:hover { 460 | color: #c3c3c3; 461 | } 462 | 463 | 464 | .mbc_container.black > .mbc_content { 465 | position: relative; 466 | padding-top: 20px; 467 | height: 100%; 468 | padding-left: 20px; 469 | padding-right: 20px; 470 | -moz-box-sizing: border-box; 471 | box-sizing: border-box; 472 | overflow: auto; 473 | 474 | color: white 475 | } 476 | 477 | .mbc_container.black > .mbc_header > .mbc_toolBar { 478 | 479 | background: #2b2d30; 480 | background: -moz-linear-gradient(top, #2b2d30 0%, #000000 100%); 481 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2d30), color-stop(100%, #000000)); 482 | background: -webkit-linear-gradient(top, #2b2d30 0%, #000000 100%); 483 | background: -o-linear-gradient(top, #2b2d30 0%, #000000 100%); 484 | background: -ms-linear-gradient(top, #2b2d30 0%, #000000 100%); 485 | background: linear-gradient(top, #2b2d30 0%, #000000 100%); 486 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2d30', endColorstr='#000000', GradientType=0); 487 | 488 | border-top: 1px solid #525252; 489 | 490 | } 491 | 492 | .mbc_container.black > .mbc_header > .mbc_toolBar > button.mbc_button { 493 | position: relative; 494 | color: #999999; 495 | border: none; 496 | border-left: 1px solid rgba(69, 69, 69, 0.54); 497 | border-right: 1px solid rgba(0, 0, 0, .7); 498 | padding: 3px; 499 | margin: 0; 500 | -moz-border-radius: 0; 501 | background: transparent; 502 | } 503 | 504 | .mbc_container.black > .mbc_header > .mbc_toolBar > button.mbc_button:hover { 505 | background: rgba(0, 0, 0, .5); 506 | } 507 | 508 | .mbc_container.black > .mbc_footer { 509 | position: absolute; 510 | height: 20px; 511 | width: 100%; 512 | 513 | background: #13171c; 514 | 515 | bottom: 0; 516 | -moz-box-sizing: border-box; 517 | box-sizing: border-box; 518 | border-top: 1px solid #3b3b3a; 519 | } 520 | 521 | .containerIcon.black{ 522 | padding: 10px; 523 | color:#fff; 524 | background: #000; 525 | cursor: pointer; 526 | border-radius: 8px; 527 | } 528 | -------------------------------------------------------------------------------- /css/font/iconic_stroke_demo.html: -------------------------------------------------------------------------------- 1 | 20 | 21 | Iconic Font-embedding demo
NameIconic IconUnicode IconHexidecimal Code
lightbulbe063
equalizere052
map_pin_strokee068
brush_alte01c
movee03e
paperclipe08a
pen_alt_strokee005
move_verticale03b
book_alt2e06a
layerse01f
pausee049
layers_alte020
cloud_uploade045
chart_alte029
fullscreen_exit_alte051
cloud_downloade044
comment_alt2_strokee004
mail2709
check_alt2718
document_strokee066
battery_charginge05d
stope04a
arrow_up2191
move_horizontale038
compasse021
minus_alte009
battery_emptye05c
map_pin_alte002
unlock_strokee076
lock_strokee075
question_mark003f
liste055
uploade043
reloade030
loop_alt4e035
loop_alt3e034
loop_alt2e033
loop_alt1e032
left_quote275d
x2713
laste04d
document_alt_strokee000
barse06f
arrow_left2190
arrow_down2193
downloade042
home2302
calendare001
right_quote_alte012
fullscreene04e
diale058
plus_alte008
clocke079
moviee060
steering_wheele024
pen270e
tag_strokee02b
pine067
denied26d4
left_quote_alte011
volume_mutee071
arrow_up_alt2e018
list_nestede056
arrow_up_alt1e014
comment_strokee06d
undoe02f
umbrella2602
bolt26a1
articlee053
read_moree054
beakere023
beaker_alte010
battery_fulle073
arrow_right2192
new_windowe059
plus2795
cog2699
key_stroke26bf
firste04c
comment_alt1_strokee003
trash_strokee05a
imagee027
chat_alt_strokee007
cde064
right_quote275e
brushe01b
cloud2601
eyee025
play_alte048
transfere041
pen_alt2e006
camerae070
move_horizontal_alt2e03a
curved_arrow2935
move_horizontal_alt1e039
aperturee026
reload_alte031
magnifying_glasse074
iphonee06e
forke046
boxe06b
bars_alte00a
heart_stroke2764
volumee072
x_alt2714
linke077
moon_stroke263e
eyedroppere01e
spine036
rsse02c
info2139
targete02a
cursore057
minus2796
book_alte00b
headphonese061
hash0023
arrow_left_alt1e013
arrow_left_alt2e017
fullscreen_exite050
sharee02e
fullscreen_alte04f
at0040
chate05e
move_vertical_alt2e03d
move_vertical_alt1e03c
check2717
mice05f
calendar_alt_strokee06c
booke069
move_alt1e03f
move_alt2e040
award_strokee022
wrenche078
playe047
star2605
charte028
rain26c6
folder_strokee065
sun_stroke2600
usere062
battery_halfe05b
aperture_alte00c
ejecte04b
arrow_down_alt1e016
pilcrow00b6
arrow_down_alt2e01a
arrow_right_alt1e015
arrow_right_alt2e019
rss_alte02d
spin_alte037
22 | -------------------------------------------------------------------------------- /demo_autoresize.html: -------------------------------------------------------------------------------- 1 | 2 | 21 | 22 | 23 | 24 | jquery.mb.containerPlus 3.x - demo page 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 95 | 96 | 97 | 98 | 99 |
100 | 101 |
102 | 103 |
104 |

jquery.mb.containerPlus 3.x

105 |
106 | 107 |
108 |

109 | Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. 110 | 111 | Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. 112 | 113 | Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. 114 | 115 | Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. 116 | Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. 117 | 118 | Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. 119 | 120 | Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. 121 | 122 | Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. 123 | Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. 124 | 125 | Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. 126 | 127 | Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. 128 | 129 | Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. 130 | Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. 131 | 132 | Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. 133 | 134 | Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. 135 | 136 | Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. 137 | Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. 138 | 139 | Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. 140 | 141 | Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. 142 | 143 | Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. 144 | Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. 145 | 146 | Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. 147 | 148 | Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. 149 | 150 | Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. 151 | Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. 152 | 153 | Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. 154 | 155 | Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. 156 | 157 | Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. 158 | Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. 159 | 160 | Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. 161 | 162 | Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. 163 | 164 | Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. 165 | Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. 166 | 167 | Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. 168 | 169 | Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. 170 | 171 | Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. 172 |

173 | 174 | 175 |
176 |

Container 3

177 |

This can be dragged but only on a grid of 100x100, it's centered on window, it's black skinned, it has some tool bar buttons.

178 |
179 |

Maecenas faucibus mollis interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

180 |

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.

181 |

Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras mattis consectetur purus sit amet fermentum. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod.

182 |
183 | 184 |
185 | 186 |
187 | 188 | 238 | 239 | 240 | -------------------------------------------------------------------------------- /jquery.mb.containerPlus.2.0/simple.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | simple container 5 | 6 | 390 | 391 | 392 | 393 | 394 | 395 | 396 | 785 | 786 | 787 | 788 | 789 |
790 | 791 | 792 |
793 |

Container Title 1

794 |

Maecenas faucibus mollis interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

795 |

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.

796 |

Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras mattis consectetur purus sit amet fermentum. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod.

797 |
798 | 799 |
800 |

Container Title 3

801 | 802 |

Maecenas faucibus mollis interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

803 |

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.

804 |

Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras mattis consectetur purus sit amet fermentum. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod.

805 |
806 | 807 |
808 |

Container Title 2

809 |

Maecenas faucibus mollis interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

810 |

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.

811 |

Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras mattis consectetur purus sit amet fermentum. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod.

812 |
813 | 814 |
815 | 816 |
817 | 818 | 856 | 857 | 858 | -------------------------------------------------------------------------------- /inc/jquery.mb.containerPlus.js: -------------------------------------------------------------------------------- 1 | /* 2 | * ****************************************************************************** 3 | * jquery.mb.components 4 | * file: jquery.mb.containerPlus.js 5 | * 6 | * Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi); 7 | * Open lab srl, Firenze - Italy 8 | * email: matbicoc@gmail.com 9 | * site: http://pupunzi.com 10 | * blog: http://pupunzi.open-lab.com 11 | * http://open-lab.com 12 | * 13 | * Licences: MIT, GPL 14 | * http://www.opensource.org/licenses/mit-license.php 15 | * http://www.gnu.org/licenses/gpl.html 16 | * 17 | * last modified: 08/04/14 0.43 18 | * ***************************************************************************** 19 | */ 20 | 21 | 22 | (function(jQuery){ 23 | 24 | jQuery.cMethods={}; 25 | 26 | jQuery.containerize={ 27 | author:"Matteo Bicocchi", 28 | version:"3.5.5", 29 | defaults:{ 30 | containment:"document", 31 | 32 | //todo: manage mantainOnWindow 33 | mantainOnWindow:true, 34 | 35 | effectDuration:100, 36 | zIndexContext:"auto", // or your selector (ex: ".containerPlus") 37 | 38 | onLoad:function(o){}, 39 | onCollapse:function(o){}, 40 | onBeforeIconize:function(o){}, 41 | onIconize:function(o){}, 42 | onClose: function(o){}, 43 | onBeforeClose: function(o){}, 44 | onResize: function(o,w,h){}, 45 | onDrag: function(o,x,y){}, 46 | onRestore:function(o){}, 47 | onFullScreen:function(o){} 48 | }, 49 | 50 | OS: function(){ 51 | var OSName="Unknown OS"; 52 | if (navigator.appVersion.indexOf("Win")!=-1) OSName="Windows"; 53 | if (navigator.appVersion.indexOf("Mac")!=-1) OSName="MacOS"; 54 | if (navigator.appVersion.indexOf("X11")!=-1) OSName="UNIX"; 55 | if (navigator.appVersion.indexOf("Linux")!=-1) OSName="Linux"; 56 | return OSName; 57 | }, 58 | 59 | defaultButtons: { 60 | close : { 61 | idx:"close", 62 | label:"✔", 63 | className:"", 64 | action: function(el){jQuery(el).containerize("close")} 65 | }, 66 | 67 | fullscreen :{ 68 | idx: "fullscreen", 69 | label: "", 70 | className:"", 71 | action: function(el, btn){ 72 | jQuery(el).containerize("fullScreen"); 73 | 74 | if(!el.fullscreen) 75 | jQuery(btn).html("") 76 | else 77 | jQuery(btn).html("") 78 | } 79 | }, 80 | 81 | dock : { 82 | idx: "dock", 83 | label: "", 84 | className:"", 85 | action: function(el, btn){ 86 | var dock = jQuery(el).data("dock"); 87 | jQuery(el).containerize("iconize", dock); 88 | } 89 | } 90 | }, 91 | 92 | init:function(opt){ 93 | if(typeof opt === "string"){ 94 | 95 | var method=opt; 96 | delete arguments[0]; 97 | var params = []; 98 | 99 | for (var i=0; i<= arguments.length; i++){ 100 | if(arguments[i]) 101 | params.push(arguments[i]); 102 | } 103 | 104 | if(jQuery.containerize.methods[method]){ 105 | this.each(function(){ 106 | var r = jQuery.containerize.methods[method].apply(this, params); 107 | return r; 108 | }); 109 | } 110 | return false; 111 | } 112 | 113 | jQuery(window).off("resize.mbc").on("resize.mbc",function(){ 114 | jQuery(".mbc_container").each(function(){ 115 | var el = this; 116 | el.$.containerize("windowResize"); 117 | }) 118 | }); 119 | 120 | return this.each(function(){ 121 | var el= this; 122 | el.$=jQuery(el); 123 | el.opt = {}; 124 | el.originalEl = el.outerHTML; 125 | jQuery.extend (el.opt, jQuery.containerize.defaults, opt); 126 | jQuery.containerize.build(el); 127 | el.$.css("visibility","visible"); 128 | }); 129 | 130 | 131 | }, 132 | 133 | build:function(el){ 134 | 135 | var opacity = el.$.css("opacity"); 136 | el.opacity = opacity; 137 | el.$.css({opacity:0}); 138 | el.id = el.id ? el.id : "mbc_" + new Date().getTime(); 139 | var titleText = el.$.find("h2:first"); 140 | el.$.find("h2:first").remove(); 141 | var HTML = el.$.html(); 142 | el.$.empty(); 143 | el.$.addClass("mbc_container"); 144 | 145 | if(el.$.data("icon")){ 146 | var imgIco = jQuery("").attr("src", el.$.data("icon")).addClass("icon"); 147 | titleText.prepend(imgIco); 148 | titleText.css({paddingLeft:45}) 149 | } 150 | 151 | var header = jQuery("
").addClass("mbc_header"); 152 | var title = jQuery("
").addClass("mbc_title").html(titleText); 153 | var buttonBar = jQuery("
").addClass("mbc_buttonBar"); 154 | var toolBar = jQuery("
").addClass("mbc_toolBar"); 155 | 156 | var content = jQuery("
").addClass("mbc_content").html(HTML); 157 | var footer = jQuery("
").addClass("mbc_footer").unselectable(); 158 | 159 | header.append(title).append(buttonBar).append(toolBar).addTouch(); 160 | el.$.append(content).append(header).append(footer); 161 | 162 | el.header = header; 163 | el.containerTitle = title; 164 | el.footer = footer; 165 | el.content = content; 166 | el.toolBar = toolBar; 167 | el.buttonBar = buttonBar; 168 | 169 | el.$.on("mousedown",function(){ 170 | jQuery(this).mb_bringToFront(el.opt.zIndexContext); 171 | }); 172 | 173 | /*Prevent document scroll if the container content scrolls*/ 174 | el.content.on( 'mousewheel DOMMouseScroll', function ( e ) { 175 | var e0 = e.originalEvent, 176 | delta = e0.wheelDelta || -e0.detail; 177 | var deltaVal = ( delta < 0 ? 1 : -1 ) * 5; 178 | if (this.scrollHeight <= (el.$.height()+ el.header.height() - el.footer.height()-80)) 179 | return; 180 | if(jQuery.containerize.OS() === "MacOS") 181 | deltaVal = delta; 182 | this.scrollTop += deltaVal; 183 | e.preventDefault(); 184 | }); 185 | 186 | el.content.on("touchmove",function(e){ 187 | e.originalEvent.stopPropagation(); 188 | }); 189 | 190 | if(el.$.data("drag")) 191 | el.$.addClass("draggable"); 192 | if(el.$.data("resize")) 193 | el.$.addClass("resizable"); 194 | 195 | if(el.$.data("buttons")){ 196 | var buttons = el.$.data("buttons").split(","); 197 | for(var i in buttons){ 198 | el.$.containerize("addtobuttonbar", jQuery.containerize.defaultButtons[buttons[i]]); 199 | } 200 | } 201 | 202 | if(el.$.css("position") == "static"){ 203 | el.$.css("position","relative"); 204 | } 205 | 206 | el.$.containerize("adjust"); 207 | 208 | setTimeout(function(){ 209 | 210 | jQuery.containerize.applyMethods(el); 211 | $(el).addTouch(); 212 | 213 | if(!el.isClosed || !el.isIconized) 214 | el.$.fadeTo(10,opacity, function(){ 215 | if(typeof el.opt.onLoad === "function") 216 | el.opt.onLoad(el); 217 | }); 218 | else 219 | el.$.css({opacity:opacity}); 220 | 221 | el.$.trigger("ready"); 222 | 223 | jQuery(window).trigger("resize"); 224 | },1); 225 | 226 | 227 | }, 228 | 229 | applyMethods:function(el, data){ 230 | var properties = el.$.data(); 231 | 232 | if(data) 233 | properties = properties[data]; 234 | 235 | for (var els in properties){ 236 | if(typeof jQuery.containerize.methods[els] == "function" && properties[els]){ 237 | var params=[]; 238 | if(typeof properties[els] != "boolean") 239 | params = properties[els].split(","); 240 | else 241 | params.push(properties[els].toString()); 242 | 243 | jQuery.containerize.methods[els].apply(el,params); 244 | jQuery(window).trigger("resize"); 245 | } 246 | } 247 | return el.$; 248 | }, 249 | 250 | createButton:function(idx, label, action, className){ 251 | return jQuery("