Skip to content

Commit 810e795

Browse files
addyosmaniaddyosmani
committed
Merge pull request jquery#22 from Suggsgested/master
jsFiddle Workspaces for jQuery Fundamentals Exercises
2 parents f316869 + b09172d commit 810e795

Some content is hidden

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

53 files changed

+5797
-0
lines changed

‎code/exercises/demos/CHAPTER-10/CreatePortletModule/demo.css

+362
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,362 @@
1+
2+
#blog p.excerpt { display: none; }
3+
4+
5+
/* general */
6+
.current {
7+
color: red;
8+
}
9+
10+
.hover {
11+
color: blue;
12+
}
13+
14+
.hint {
15+
color: #999;
16+
}
17+
18+
h1 {
19+
font-size: 250%;
20+
margin: 5px 0 10px 0;
21+
}
22+
23+
legend,
24+
h2 {
25+
font-size: 150%;
26+
margin: 5px 0;
27+
}
28+
29+
h3 {
30+
font-size: 120%;
31+
margin: 5px 0;
32+
}
33+
34+
h4 {
35+
font-size: 110%;
36+
font-weight: bold;
37+
margin: 5px 0;
38+
}
39+
40+
p {
41+
line-height: 1.4em;
42+
margin: 0 0 8px 0;
43+
font-size: 90%;
44+
}
45+
46+
a {
47+
color: red;
48+
text-decoration: none;
49+
}
50+
51+
a:visited {
52+
color: #a00;
53+
}
54+
55+
.template {
56+
display: none;
57+
}
58+
59+
/* forms */
60+
61+
form li {
62+
margin: 0 0 10px 0;
63+
}
64+
65+
textarea,
66+
input.input_text {
67+
border: 1px solid #ccc;
68+
padding: 4px;
69+
width: 95%;
70+
font-size: 120%;
71+
font-family: Arial, sans-serif;
72+
}
73+
74+
label {
75+
display: block;
76+
font-size: 90%;
77+
font-weight: bold;
78+
margin: 0 0 5px 0;
79+
}
80+
81+
ul {
82+
margin: 20px 15px;
83+
list-style-type: disc;
84+
}
85+
86+
li {
87+
margin: 5px 0;
88+
}
89+
90+
li.checkbox {
91+
margin: 0 0 15px 0;
92+
}
93+
94+
li.checkbox label {
95+
display: inline;
96+
}
97+
98+
fieldset {
99+
margin: 0 0 20px 0;
100+
}
101+
102+
table {
103+
border-collapse: collapse;
104+
}
105+
106+
table td,
107+
table th {
108+
border: 1px solid #ccc;
109+
padding: 5px;
110+
}
111+
112+
table th {
113+
background-color: #ccc;
114+
font-weight: bold;
115+
}
116+
117+
118+
/* page */
119+
body {
120+
font-family: Arial;
121+
color: #333;
122+
width: 900px;
123+
margin: 10px auto;
124+
}
125+
126+
#header {
127+
margin: 0 0 20px 0;
128+
}
129+
130+
#main {
131+
width: 600px;
132+
float: left;
133+
clear: both;
134+
}
135+
136+
#sidebar {
137+
width: 300px;
138+
float: right;
139+
}
140+
141+
#footer {
142+
clear: both;
143+
margin: 60px 0 0 0;
144+
padding: 10px 0 0 0;
145+
font-size: 70%;
146+
color: #ccc;
147+
}
148+
149+
/* navigation */
150+
#logo {
151+
font-size: 400%;
152+
margin: 0 0 40px 0;
153+
}
154+
155+
#logo a {
156+
color: #000;
157+
}
158+
159+
#nav {
160+
margin: 0 0 20px 0;
161+
overflow: visible;
162+
height: 30px;
163+
}
164+
165+
#nav li {
166+
float: left;
167+
padding: 15px;
168+
background-color: #333;
169+
margin: 0 5px 0 0;
170+
position: relative;
171+
height: 20px;
172+
list-style-type: none;
173+
color: #fff;
174+
cursor: pointer;
175+
}
176+
177+
#nav li.selected {
178+
background-color: red;
179+
font-weight: normal;
180+
}
181+
182+
#nav li.hover {
183+
background-color: blue;
184+
}
185+
186+
#nav li ul {
187+
position: absolute;
188+
top: 50px;
189+
left: 0;
190+
width: 200px;
191+
display: none;
192+
margin: 0;
193+
}
194+
195+
#nav li ul li {
196+
float: none;
197+
padding: 5px;
198+
border-bottom: 1px solid #fff;
199+
height: auto;
200+
}
201+
202+
#nav a {
203+
color: #fff;
204+
}
205+
206+
/* main */
207+
#main .module {
208+
margin: 0 0 10px 0;
209+
}
210+
211+
#slideshow {
212+
margin: 0;
213+
}
214+
215+
#slideshow li {
216+
margin: 0 0 10px 0;
217+
list-style-type: none;
218+
}
219+
220+
#specials div.special {
221+
background-color: #ccc;
222+
-moz-border-radius: 8px;
223+
-webkit-border-radius: 8px;
224+
padding: 10px;
225+
margin: 10px 0 0 0;
226+
overflow: hidden;;
227+
}
228+
229+
#specials div.special img {
230+
float: right;
231+
margin: 0 0 10px 10px;
232+
}
233+
234+
#specials .template {
235+
display: none;
236+
}
237+
238+
#menus li {
239+
margin: 0 0 20px 0;
240+
}
241+
242+
#menus li li {
243+
margin: 0;
244+
padding: 5px;
245+
border-bottom: 1px solid #ccc;
246+
}
247+
248+
#menus span.price {
249+
display: block;
250+
float: right;
251+
}
252+
253+
#staff li {
254+
margin: 25px 0;
255+
}
256+
257+
/* sidebar */
258+
#sidebar .module {
259+
border: 1px solid #ccc;
260+
-moz-border-radius: 8px;
261+
-webkit-border-radius: 8px;
262+
padding: 10px;
263+
margin: 0 0 10px 0;
264+
}
265+
266+
#sidebar .module .expander {
267+
text-align: right;
268+
font-size: 70%;
269+
}
270+
271+
#search li {
272+
position: relative;
273+
}
274+
275+
#search #search_results {
276+
position: absolute;
277+
top: 2.8em;
278+
left: 0;
279+
z-index: 100;
280+
background-color: #fff;
281+
border: 1px solid #ccc;
282+
}
283+
284+
#search #search_results li {
285+
padding: 5px 0;
286+
margin: 0 5px;
287+
}
288+
289+
#search #search_results li.hover {
290+
background-color: #ccc;
291+
}
292+
293+
p.closer {
294+
text-align: right;
295+
font-size: 70%;
296+
text-transform: uppercase;
297+
cursor: pointer;
298+
}
299+
300+
/* modules */
301+
#twitter {
302+
display: none;
303+
}
304+
305+
ul li.selected {
306+
font-weight: bold;
307+
}
308+
309+
#search {
310+
margin: 15px 0;
311+
}
312+
313+
/* modal */
314+
#modal {
315+
width: 500px;
316+
padding: 10px;
317+
background-color: #fff;
318+
position: fixed;
319+
top: 100px;
320+
z-index: 101;
321+
margin: 0 225px;
322+
}
323+
324+
#overlay {
325+
position: fixed;
326+
top: 0;
327+
left: 0;
328+
width: 10000px;
329+
height: 10000px;
330+
background-color: #333;
331+
z-index: 100;
332+
333+
}
334+
335+
336+
#blog p.excerpt { display: none; }
337+
338+
.portlet {
339+
border:1px solid #000;
340+
padding:10px;
341+
margin:0 0 10px 0;
342+
}
343+
344+
.portlet .content {
345+
padding:10px;
346+
background-color:#ccc;
347+
}
348+
349+
.portlet .actions {
350+
font-size:80%;
351+
overflow:hidden;
352+
list-style-type:none;
353+
margin:0 0 10px 0;
354+
text-align:right;
355+
}
356+
357+
.portlet .actions li {
358+
float:left;
359+
margin:0 10px 0 0;
360+
padding:0;
361+
cursor:pointer;
362+
}

‎code/exercises/demos/CHAPTER-10/CreatePortletModule/demo.details

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
name: jQuery Fundamentals Chapter 10 Create a Portlet Module
3+
description: jQuery Fundamentals Chapter 4 Create a Portlet Module
4+
authors: Rebecca Murphey
5+
normalize_css: yes
6+
...

‎code/exercises/demos/CHAPTER-10/CreatePortletModule/demo.html

Whitespace-only changes.

‎code/exercises/demos/CHAPTER-10/CreatePortletModule/demo.js

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
$(document).ready(function() {
2+
/* jQuery Code Here */
3+
4+
/////////////
5+
//EXERCISES//
6+
/////////////
7+
8+
console.log("\n \n Create a Portlet Module//////////");
9+
//Create a Portlet Module
10+
11+
12+
});

0 commit comments

Comments
 (0)