New 'libraries' folder in root instalation directory
This commit is contained in:
parent
05b6a91b0c
commit
006992b900
2267 changed files with 50 additions and 65 deletions
149
libraries/jquery.ui/demos/real-world/splitpane/css/demo.css
Normal file
149
libraries/jquery.ui/demos/real-world/splitpane/css/demo.css
Normal file
|
|
@ -0,0 +1,149 @@
|
|||
/* --------------------------------------------------------------
|
||||
|
||||
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; };
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 265 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 114 B |
Binary file not shown.
|
After Width: | Height: | Size: 114 B |
96
libraries/jquery.ui/demos/real-world/splitpane/index.html
Normal file
96
libraries/jquery.ui/demos/real-world/splitpane/index.html
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
<!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>
|
||||
Reference in a new issue