diff options
author | Richard Worth <rdworth@gmail.com> | 2008-12-23 13:36:42 +0000 |
---|---|---|
committer | Richard Worth <rdworth@gmail.com> | 2008-12-23 13:36:42 +0000 |
commit | 731bff8bcbfe686d12bb7b3b89c0224c1af4ffd3 (patch) | |
tree | 6470ed15dee3bf442b6fc5b4eea12088871ae278 /demos/real-world/splitpane | |
parent | 2b21245cd01e91b9b3114d06ba5b45650cf63ec6 (diff) | |
download | jquery-ui-731bff8bcbfe686d12bb7b3b89c0224c1af4ffd3.tar.gz jquery-ui-731bff8bcbfe686d12bb7b3b89c0224c1af4ffd3.zip |
demos: removed legacy demos folders - functional, real-world
Diffstat (limited to 'demos/real-world/splitpane')
-rw-r--r-- | demos/real-world/splitpane/css/demo.css | 149 | ||||
-rw-r--r-- | demos/real-world/splitpane/images/bg_gradient.gif | bin | 265 -> 0 bytes | |||
-rw-r--r-- | demos/real-world/splitpane/images/icons_2.png | bin | 3494 -> 0 bytes | |||
-rw-r--r-- | demos/real-world/splitpane/images/splitpane_handle-ew.gif | bin | 114 -> 0 bytes | |||
-rw-r--r-- | demos/real-world/splitpane/images/splitpane_handle-sn.gif | bin | 114 -> 0 bytes | |||
-rw-r--r-- | demos/real-world/splitpane/index.html | 96 |
6 files changed, 0 insertions, 245 deletions
diff --git a/demos/real-world/splitpane/css/demo.css b/demos/real-world/splitpane/css/demo.css deleted file mode 100644 index d30c33149..000000000 --- a/demos/real-world/splitpane/css/demo.css +++ /dev/null @@ -1,149 +0,0 @@ -/* -------------------------------------------------------------- - - jQuery UI: Demo Viewer - --------------------------------------------------------------- */ - - -/*************************************/ -/* Blueprint: reset.css */ - -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, font, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -dl, dt, dd, ol, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td { - margin: 0; - padding: 0; - border: 0; - outline: 0; - font-weight: inherit; - font-style: inherit; - font-size: 100%; - font-family: inherit; - vertical-align: baseline; -} - -label { - margin-right: 5px; -} - -/* Remember to define focus styles! */ -:focus { - outline: 0; -} -body { - line-height: 1; - color: black; - background: white; - font-family: Arial,Sans-serif; font-size: 0.9em; - background-color: white; - overflow: hidden; -} -ol, ul { - list-style: none; -} - -/* Tables still need 'cellspacing="0"' in the markup. */ -table { - border-collapse: separate; - border-spacing: 0; -} -caption, th, td { - text-align: left; - font-weight: normal; -} - -/* Remove possible quote marks (") from <q>, <blockquote>. */ -blockquote:before, blockquote:after, -q:before, q:after { - content: ""; -} -blockquote, q { - quotes: "" ""; -} - -/*************************************/ -/* Viewer: Layout */ - -#wrapper { - background: #e1e7f2 url(../images/bg_gradient.gif) repeat-x; - } - #header { - padding: 10px; - background: #67A7E3; color: #fff; - position: relative; - } - #container { - height: 500px; - } - #container td { - overflow: hidden; - } - #container td div { - overflow: hidden; - padding: 0 15px 0 10px; - background: #fff; - height:475px; - font-size: 90%; - } - #container .ui-split-side-box { - width: 200px; - } - #container .ui-split-side { - overflow: hidden; - } - #container .ui-split-side ul { - margin: 0; padding: 0; padding-top: 3px; - } - #container .ui-split-side li { - margin: 0; padding: 0; border: 0; outline: 0; - list-style: none; - } - #container .ui-split-side li a { - height: 15px; - display:block; - padding: 3px 3px 3px 12px; - border-bottom: 1px solid #E8EEF7; - color: #000; - font-size: 90%; - text-decoration: none; - } - #container .ui-split-side li a:hover { - background: #E8EEF7; - border-color: #C3D9FF; - } - #container .ui-split-main-box { - - } - - #container .ui-resizable-e { - width: 10px; height: 475px; - background:#e1e7f2 url(../images/splitpane_handle-ew.gif) no-repeat scroll 75% 50% !important; - cursor:col-resize !important; - border-left: #bbb 1px solid; - padding: 3px; - } - #container .ui-resizable-n { - height: 10px; - background:#e1e7f2 url(../images/splitpane_handle-sn.gif) no-repeat scroll 50% 55% !important; - border-top: #bbb 1px solid; - padding: 3px; - } - - - - .ui-toolbar-item-hide-icon { - padding-left: 16px; height: 16px; - background-image: url(../images/icons_2.png); - background-repeat: no-repeat; margin: 0 2px; - display: inline-block; - } - - .ui-toolbar-item-hide-icon { background-position: -64px 50%; } - - .proxy { border: 1px dashed #000; }; - diff --git a/demos/real-world/splitpane/images/bg_gradient.gif b/demos/real-world/splitpane/images/bg_gradient.gif Binary files differdeleted file mode 100644 index d3f535e73..000000000 --- a/demos/real-world/splitpane/images/bg_gradient.gif +++ /dev/null diff --git a/demos/real-world/splitpane/images/icons_2.png b/demos/real-world/splitpane/images/icons_2.png Binary files differdeleted file mode 100644 index a05f52c7a..000000000 --- a/demos/real-world/splitpane/images/icons_2.png +++ /dev/null diff --git a/demos/real-world/splitpane/images/splitpane_handle-ew.gif b/demos/real-world/splitpane/images/splitpane_handle-ew.gif Binary files differdeleted file mode 100644 index 262763665..000000000 --- a/demos/real-world/splitpane/images/splitpane_handle-ew.gif +++ /dev/null diff --git a/demos/real-world/splitpane/images/splitpane_handle-sn.gif b/demos/real-world/splitpane/images/splitpane_handle-sn.gif Binary files differdeleted file mode 100644 index bd60c408b..000000000 --- a/demos/real-world/splitpane/images/splitpane_handle-sn.gif +++ /dev/null diff --git a/demos/real-world/splitpane/index.html b/demos/real-world/splitpane/index.html deleted file mode 100644 index cd0dd8723..000000000 --- a/demos/real-world/splitpane/index.html +++ /dev/null @@ -1,96 +0,0 @@ -<!doctype html> -<html lang="en"> -<head> - <meta http-equiv="Content-Language" content="en" /> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> - <title>jQuery UI: SplitPane</title> - - <!-- jQuery --> - <script type="text/javascript" src="../../../jquery-1.2.6.js"></script> - - <!-- jQuery UI --> - <script type="text/javascript" src="../../../ui/ui.core.js"></script> - <script type="text/javascript" src="../../../ui/ui.resizable.js"></script> - - <script src="js/demo.js" type="text/javascript" charset="utf-8"></script> - - <style type="text/css"> - @import "css/demo.css"; - </style> - -</head> -<body> - -<div id="wrapper"> - <div id="header"> - <span class="ui-toolbar-item-hide-icon"></span> <span>jQuery UI Resizable SplitPanel</span> - </div> - <table id="container" cellpadding="0" cellspacing="0" border="0"> - - <tr> - - <td class="ui-split-side-box"> - <div class="ui-split-side"> - <ul id="component-links"> - <li><a href="#ui.accordion" title="Goto Accordion's Component Page">Accordion</a></li> - <li><a href="#ui.dialog" title="Goto Dialog's Component Page">Dialog</a></li> - <li><a href="#ui.draggable" title="Goto Draggable's Component Page">Draggable</a></li> - <li><a href="#ui.droppable" title="Goto Droppable's Component Page">Droppable</a></li> - <li><a href="#ui.resizable" title="Goto Resizable's Component Page">Resizable</a></li> - <li><a href="#ui.selectable" title="Goto Selectable's Component Page">Selectable</a></li> - <li><a href="#ui.sortable" title="Goto Sortable's Component Page">Sortable</a></li> - <li><a href="#ui.tabs" title="Goto Tabs Component Page">Tabs</a></li> - </ul> - </div> - </td> - - - <td class="ui-split-main-box"> - <div class="ui-split-main1"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum commodo mollis tortor. Ut dapibus turpis consequat quam. Nulla lacinia. Donec nunc. Donec sollicitudin. Vivamus orci. Pellentesque tempus velit vitae odio. Maecenas enim arcu, volutpat ac, viverra id, bibendum eu, felis. Vestibulum imperdiet arcu. Ut nisi. Cras vel lectus consectetuer mauris luctus ultrices. Duis fringilla pellentesque sapien. - <br><br> - Cras tristique justo vel metus. Pellentesque dolor libero, ullamcorper ac, vehicula eget, porttitor at, dui. Ut a nibh. Nunc sit amet turpis. Aenean diam dui, consequat vel, scelerisque id, accumsan a, lectus. Duis ultrices, enim vitae pharetra tincidunt, elit nunc sollicitudin felis, dapibus pellentesque urna velit ut quam. Donec scelerisque vehicula dolor. Suspendisse lectus dui, posuere sit amet, sagittis nec, vulputate in, libero. Morbi tempus sagittis est. Phasellus in nisi. Sed a ligula. Vivamus condimentum quam non nibh. Fusce pellentesque, neque ac scelerisque luctus, leo elit bibendum elit, in rutrum leo erat tristique felis. Etiam consequat fringilla eros. Nullam neque. Aenean mollis, odio at consectetuer sollicitudin, tortor lorem facilisis nunc, sit amet condimentum lectus libero convallis dolor. Vivamus quis risus. - - </div> - </td> - - <td class="ui-split-main-box"> - <div class="ui-split-main2"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum commodo mollis tortor. Ut dapibus turpis consequat quam. Nulla lacinia. Donec nunc. Donec sollicitudin. Vivamus orci. Pellentesque tempus velit vitae odio. Maecenas enim arcu, volutpat ac, viverra id, bibendum eu, felis. Vestibulum imperdiet arcu. Ut nisi. Cras vel lectus consectetuer mauris luctus ultrices. Duis fringilla pellentesque sapien. - <br><br> - Cras tristique justo vel metus. Pellentesque dolor libero, ullamcorper ac, vehicula eget, porttitor at, dui. Ut a nibh. Nunc sit amet turpis. Aenean diam dui, consequat vel, scelerisque id, accumsan a, lectus. Duis ultrices, enim vitae pharetra tincidunt, elit nunc sollicitudin felis, dapibus pellentesque urna velit ut quam. Donec scelerisque vehicula dolor. Suspendisse lectus dui, posuere sit amet, sagittis nec, vulputate in, libero. Morbi tempus sagittis est. Phasellus in nisi. Sed a ligula. Vivamus condimentum quam non nibh. Fusce pellentesque, neque ac scelerisque luctus, leo elit bibendum elit, in rutrum leo erat tristique felis. Etiam consequat fringilla eros. Nullam neque. Aenean mollis, odio at consectetuer sollicitudin, tortor lorem facilisis nunc, sit amet condimentum lectus libero convallis dolor. Vivamus quis risus. - </div> - </td> - - <td class="ui-split-main-box"> - <div class="ui-split-main3"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum commodo mollis tortor. Ut dapibus turpis consequat quam. Nulla lacinia. Donec nunc. Donec sollicitudin. Vivamus orci. Pellentesque tempus velit vitae odio. Maecenas enim arcu, volutpat ac, viverra id, bibendum eu, felis. Vestibulum imperdiet arcu. Ut nisi. Cras vel lectus consectetuer mauris luctus ultrices. Duis fringilla pellentesque sapien. - <br><br> - Cras tristique justo vel metus. Pellentesque dolor libero, ullamcorper ac, vehicula eget, porttitor at, dui. Ut a nibh. Nunc sit amet turpis. Aenean diam dui, consequat vel, scelerisque id, accumsan a, lectus. Duis ultrices, enim vitae pharetra tincidunt, elit nunc sollicitudin felis, dapibus pellentesque urna velit ut quam. Donec scelerisque vehicula dolor. Suspendisse lectus dui, posuere sit amet, sagittis nec, vulputate in, libero. Morbi tempus sagittis est. Phasellus in nisi. Sed a ligula. Vivamus condimentum quam non nibh. Fusce pellentesque, neque ac scelerisque luctus, leo elit bibendum elit, in rutrum leo erat tristique felis. Etiam consequat fringilla eros. Nullam neque. Aenean mollis, odio at consectetuer sollicitudin, tortor lorem facilisis nunc, sit amet condimentum lectus libero convallis dolor. Vivamus quis risus. - </div> - </td> - - </tr> - - </table> -</div> -<script type="text/javascript"> - $(function() { - - $('div.ui-split-main1, div.ui-split-main2').resizable({ - handles: 'e', - minWidth: 200, - maxWidth: 800 - }); - - $('div.ui-split-side').resizable({ - handles: 'e', - proxy: 'proxy', - minWidth: 200, - maxWidth: 300 - }); - - }); -</script> -</body> -</html> |