8000 - Added functional demo application · ainformatico/jquery-ui@d185e8c · GitHub
Skip to content

Commit d185e8c

Browse files
eduardolundgreneduardolundgren
committed
- Added functional demo application
- Removed datepicker folder from functional demo folder
1 parent a6b0fc7 commit d185e8c

81 files changed

Lines changed: 3851 additions & 1264 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎demos/functional/css/base.css‎

Lines changed: 961 additions & 0 deletions
Large diffs are not rendered by default.

‎demos/functional/css/chilli-recipes.css‎

Lines changed: 98 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
/*
2+
===============================================================================
3+
Chili is the jQuery code highlighter plugin
4+
...............................................................................
5+
Copyright 2007 / Andrea Ercolino
6+
-------------------------------------------------------------------------------
7+
LICENSE: http://www.opensource.org/licenses/mit-license.php
8+
WEBSITE: http://noteslog.com/chili/
9+
===============================================================================
10+
*/
11+
12+
/*
13+
this file shows how to configure a static setup
14+
it must be linked from the head of a page like:
15+
<link rel="stylesheet" type="text/css" href="chili/recipes.css"/>
16+
*/
17+
18+
.html .php { color: red; font-weight: bold; }
19+
.html .tag { color: navy; font-weight: bold; }
20+
.html .aname { color: purple; }
21+
.html .avalue { color: fuchsia; }
22+
.html .mlcom { color: green; }
23+
.html .entity { color: teal; }
24+
25+
.javascript .mlcom { color: #4040c2; }
26+
.javascript .com { color: green; }
27+
.javascript .regexp { color: maroon; }
28+
.javascript .string { color: teal; }
29+
.javascript .keywords { color: navy; font-weight: bold; }
30+
.javascript .global { color: blue; }
31+
.javascript .numbers { color: red; }
32+
33+
.mysql .function { color: #e17100; }
34+
.mysql .keyword { color: navy; font-weight: bold; }
35+
.mysql .mlcom { color: gray; }
36+
.mysql .com { color: green; }
37+
.mysql .number { color: red; }
38+
.mysql .hexnum { color: red; font-weight: bold; }
39+
.mysql .string { color: purple; }
40+
.mysql .quid { color: fuchsia; }
41+
.mysql .id { color: maroon; }
42+
.mysql .value { color: gray; font-weight: bold; }
43+
.mysql .variable { color: #4040c2; }
44+
45+
.php .com { color: green; }
46+
.php .const1 { color: red; }
47+
.php .const2 { color: red; }
48+
.php .func { color: #e17100; }
49+
.php .global { color: red; }
50+
.php .keyword { color: navy; font-weight: bold; }
51+
.php .mlcom { color: gray; }
52+
.php .name { color: maroon; }
53+
.php .number { color: red; }
54+
.php .string1 { color: purple; }
55+
.php .string2 { color: fuchsia; }
56+
.php .value { color: gray; font-weight: bold; }
57+
.php .variable { color: #4040c2; }
58+
59+
.css .mlcom { color: #4040c2; }
60+
.css .color { color: green; }
61+
.css .string { color: teal; }
62+
.css .attrib { color: navy; font-weight: bold; }
63+
.css .value { color: blue; }
64+
.css .number { color: red; }
65+
66+
67+
68+
/*
69+
===============================================================================
70+
Chili is the jQuery code highlighter plugin
71+
...............................................................................
72+
Copyright 2007 / Andrea Ercolino
73+
-------------------------------------------------------------------------------
74+
LICENSE: http://www.opensource.org/licenses/mit-license.php
75+
WEBSITE: http://noteslog.com/chili/
76+
===============================================================================
77+
*/
78+
79+
.javascript .mlcom { color: #4040c2; }
80+
.javascript .com { color: green; }
81+
.javascript .regexp { color: maroon; }
82+
.javascript .string { color: teal; }
83+
.javascript .keywords { color: navy; font-weight: bold; }
84+
.javascript .global { color: blue; }
85+
.javascript .numbers { color: red; }
86+
87+
.javascript .jquery .object { color: red; font-weight: bold; }
88+
.javascript .jquery .private { background-color: #CCCC99; }
89+
.javascript .jquery .attributes { background-color: #CCCC00; }
90+
.javascript .jquery .traversing { background-color: #CCCC00; }
91+
.javascript .jquery .manipulation { background-color: #CCCC00; }
92+
.javascript .jquery .utilities { background-color: #CCCCFF; }
93+
.javascript .jquery .core { background-color: #7F7FFF; color: white; }
94+
.javascript .jquery .ajax { background-color: #7F7FFF; color: #FFD400; }
95+
.javascript .jquery .css { background-color: #999900; color: white; }
96+
.javascript .jquery .effects { background-color: #FFAA00; }
97+
.javascript .jquery .events { background-color: #FFD400; }
98+

‎demos/functional/css/functional_demos.css‎

Lines changed: 205 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,205 @@
1+
/*************************************/
2+
/* Viewer: models */
3+
4+
#containerDemo {
5+
width: 690px;
6+
zoom: 1;
7+
}
8+
#containerDemo .ui-wrapper {
9+
margin:0px 10px;
10+
}
11+
#containerDemo .ui-details {
12+
margin:0px 10px 10px 0px;
13+
border-bottom: 2px solid #bbb;
14+
}
15+
16+
#containerDemo .menutitle {
17+
font-size: 14px;
18+
letter-spacing: .5px;
19+
padding-bottom: 3px;
20+
}
21+
22+
#containerDemo .ui-demo-options {
23+
background: #f2f2f2;
24+
border-bottom: 1px #bbb solid;
25+
padding: 10px;
26+
margin: 10px 0 20px 0;
27+
width: 690px;
28+
_width: 670px;
29+
font-size: 12px;
30+
}
31+
32+
.sortable-container li {
33+
margin: 0;
34+
padding: 0;
35+
border: 0;
36+
outline: 0;
37+
list-style: circle;
38+
background: #EAEAEA;
39+
font-size: 12px;
40+
margin:2px;
41+
padding: 3px;
42+
width: 100px;
43+
}
44+
45+
.colored {
46+
display: block;
47+
background: #fff;
48+
margin-top: 5px;
49+
border-top: 1px solid #ccc;
50+
border-bottom: 1px solid #ccc;
51+
white-space: pre;
52+
padding: 10px;
53+
font-size: 11px;
54+
font-family: Courier New;
55+
width: 640px;
56+
overflow-x: auto;
57+
overflow-y: hidden;
58+
/*min height hack*/
59+
* min-height:25px;
60+
* height:auto !important;
61+
* height:25px;
62+
* padding: 15px;
63+
}
64+
65+
#containerDemo .ui-demo-description {
66+
margin-bottom: 10px;
67+
font-size: 12px;
68+
}
69+
#containerDemo .link-view-source {
70+
margin-left: 5px;
71+
}
72+
#containerDemo .proxy {
73+
border: 1px dashed #000;
74+
}
75+
76+
#containerDemo .lightblue-bg{
77+
background: #E8EEF7;
78+
}
79+
#containerDemo .blue-bg {
80+
background: #C3D9FF;
81+
}
82+
#containerDemo .green-bg {
83+
background: #74DD82;
84+
}
85+
#containerDemo a {
86+
color:#000;
87+
}
88+
89+
.snippet {
90+
white-space: nowrap;
91+
overflow: hidden;
92+
empty-cells: show;
93+
}
94+
95+
/*************************************/
96+
/* Components */
97+
98+
.proxy {
99+
border: 1px dashed #000/*#3399ff*/;
100+
}
101+
102+
.resizable {
103+
width: 100px; height: 100px;
104+
border: 1px solid #000;
105+
padding: 10px;
106+
font-size: 12px;
107+
}
108+
109+
.draggable {
110+
width: 100px;
111+
height: 40px;
112+
top: 10px;
113+
right: 10px;
114+
background-color: #68BFEF;
115+
border: 2px solid #0090DF;
116+
padding: 5px;
117+
margin: 0 0 12px 12px;
118+
font-size: 12px;
119+
}
120+
121+
div.drag-handle
122+
{
123+
cursor: move;
124+
background-color: #0090DF;
125+
height: 15px;
126+
}
127+
128+
.block {
129+
border: 2px solid #0090DF;
130+
background-color: #68BFEF;
131+
width: 75px;
132+
height: 75px;
133+
margin: 10px;
134+
z-index: 100;
135+
}
136+
.drop {
137+
background-color: #e9b96e;
138+
border: 3px double #c17d11;
139+
width: 150px;
140+
margin: 10px;
141+
min-height: 200px;
142+
min-height:200px;
143+
height:auto !important;
144+
height:200px;
145+
opacity: 0.7;
146+
filter:alpha(opacity:70);
147+
text-align: center;
148+
}
149+
.droppable-active {
150+
opacity: 1.0;
151+
filter:alpha(opacity:100);
152+
}
153+
.droppable-hover {
154+
outline: 1px dotted black;
155+
background-color: #73d216;
156+
border-color: #4e9a06;
157+
}
158+
.silver {
159+
background-color: #fafafa;
160+
border-color: silver;
161+
}
162+
.draggable.green {
163+
background-color: #73d216;
164+
border-color: #4e9a06;
165+
}
166+
167+
.draggable.red {
168+
background-color: #ef2929;
169+
border-color: #cc0000;
170+
}
171+
172+
.ui-selecting {
173+
background-color: #eee;
174+
}
175+
.ui-selected {
176+
background-color: #E6F7D4;
177+
}
178+
179+
.sortable-container #example2 li {
180+
background: none;
181+
}
182+
183+
.sortable-container #example3 li {
184+
list-style: none;
185+
}
186+
.droppable-photos-container {
187+
border: 2px #ccc dotted;
188+
width:144px;
189+
height: 108px;
190+
float:left;
191+
margin-top: 2px;
192+
padding: 2px;
193+
}
194+
.droppable-img-content {
195+
float: left; padding: 5px;
196+
}
197+
198+
#accordionDemo, select {
199+
position: relative;
200+
font-size: 12px;
201+
}
202+
203+
.ui-accordion-data {
204+
padding: 10px;
205+
}

‎demos/functional/datepicker/debug.html‎

Lines changed: 0 additions & 21 deletions
This file was deleted.

‎demos/functional/datepicker/demo/img/active-bg.gif‎

-89 Bytes
Binary file not shown.

‎demos/functional/datepicker/demo/img/ar.gif‎

-863 Bytes
Binary file not shown.

‎demos/functional/datepicker/demo/img/au.gif‎

-941 Bytes
Binary file not shown.

‎demos/functional/datepicker/demo/img/br.gif‎

-925 Bytes
Binary file not shown.

‎demos/functional/datepicker/demo/img/calendar.gif‎

-269 Bytes
Binary file not shown.

‎demos/functional/datepicker/demo/img/calendar2.gif‎

-1.01 KB
Binary file not shown.

0 commit comments

Comments
 (0)
</