source: documentation/trunk/tutorial_sample_files/libraries/althor/js/poshytip-1.1/demo/includes/demos.css@ 28599

Last change on this file since 28599 was 28599, checked in by jlwhisler, 10 years ago

Draft interface for use in Defining Libraries tutorial.

File size: 7.6 KB
Line 
1 /* ==================== | DEFAULT FONTS | ==================== */
2
3body {
4 font:12px 'lucida sans unicode','lucida sans','lucida grande',helvetica,arial,sans-serif;
5}
6table, th, td, input, select, textarea {
7 font:1em 'lucida sans unicode','lucida sans','lucida grande',helvetica,arial,sans-serif;
8}
9
10
11
12 /* ==================== | DEFAULT STYLES | ==================== */
13
14html, body, h1, h2, h3, h4, p, ul, ol, li, form, input, select, dl, dt, dd, fieldset, blockquote {
15 margin:0;
16 padding:0;
17}
18a img {
19 border:none;
20}
21a.sup {
22 text-decoration:none;
23}
24fieldset {
25 display:block;
26 border:0;
27}
28abbr {
29 border-bottom:1px dotted;
30}
31
32
33
34 /* ==================== | LINKS | ==================== */
35
36a {
37 text-decoration:none;
38 color:#860404;
39}
40
41
42
43 /* ==================== | LAYOUT | ==================== */
44
45body {
46 background:#F4F4F4 url(sheet_bg.jpg) fixed no-repeat;
47 color:#434343;
48 text-align:center;
49}
50#holder {
51 width:800px;
52 margin:20px auto;
53 border:solid #ddd;
54 border-width:5px 0;
55 border-radius:5px;
56 -moz-border-radius:5px;
57 -webkit-border-radius:5px;
58 padding:30px 0;
59 background:#fff;
60 text-align:left;
61}
62#content {
63 margin-left:30px;
64 width:520px;
65}
66#nav {
67 float:right;
68 margin:50px 20px 0 0;
69 width:200px;
70 display:inline;
71}
72
73
74
75 /* ==================== | CONTENT COLUMN | ==================== */
76
77#content {
78 font-size:14px;
79}
80#content h1, #content h2, #content h3, #content h4 {
81 margin:1.5em 0 0.5em 0;
82 font-weight:normal;
83 color:#860404;
84}
85#content h1 {
86 position:relative;
87 height:50px;
88 margin:0 -230px 0 -10px;
89 border-bottom:1px solid #efefef;
90 font-family:georgia,'times new roman',times,serif;
91 font-size:30px;
92}
93#content h1 span {
94 position:absolute;
95 left:0;
96 margin:-15px 0 0 7px;
97 font-size:15px;
98 font-style:italic;
99 color:#888;
100}
101#content h2 {
102 font-family:arial,helvetica,sans-serif;
103 font-size:18px;
104}
105#content h3 {
106 font-size:16px;
107}
108#content h4 {
109 font-size:14px;
110}
111#content p, #content ul, #content ol, #content dd, #content table {
112 margin-bottom:1em;
113 line-height:22px;
114}
115#content ul ul {
116 margin:2px 0 0 0;
117 list-style-type:circle;
118}
119#content li {
120 margin:0 0 2px 28px;
121}
122#content ul li {
123 margin:0 0 2px 14px;
124 padding:0 0 0 14px;
125 list-style-type:none;
126 background:url(bullet.png) no-repeat 0 0.21em;
127}
128#content dd {
129 margin-left:0;
130}
131#content dt {
132 font-weight:normal;
133 margin-bottom:2px;
134}
135#content code {
136 background:#ffffe1;
137 font-family:monospace;
138}
139#content a {
140 border-bottom:2px solid #cfcdf0;
141 background-color:#f1ffe2;
142 color:#434343;
143 text-decoration:none;
144}
145#content a:visited {
146 background-color:#fbf0ff;
147}
148#content a:hover, #content a:focus, #content a:active {
149 border-color:#908dc0;
150 background-color:#e9ffd3;
151}
152a.image {
153 display:block;
154 margin:0;
155 width:150px;
156 border:2px solid #cae8b7 !important;
157 padding:1px !important;
158 background:transparent !important;
159}
160a.image:hover, a.image:focus, a.image:active {
161 border-color:#9ec883 !important;
162}
163a.image img {
164 border:none !important;
165}
166dl.options {
167 font-size:13px;
168}
169dl.options dt {
170 position:relative;
171 border-top:1px solid #efefef;
172 padding:2px 0;
173 background:#f8f8f8;
174}
175dl.options dt i {
176 position:absolute;
177 right:0;
178 font-size:12px;
179 color:#888888;
180}
181dl.options div.possible-values {
182 margin-bottom:4px;
183 font-size:11px;
184 color:#888888;
185}
186dl.options div.possible-values span {
187 margin-bottom:4px;
188 color:#434343;
189}
190dl.options div.signature {
191 padding-left:20px;
192}
193
194
195
196 /* ==================== | NAVIGATION | ==================== */
197
198#nav h2 {
199 margin:1.93em 0 0.5em 0;
200 padding-left:6px;
201 font-family:georgia,'times new roman',times,serif;
202 font-size:15px;
203 font-weight:normal;
204 font-style:italic;
205 color:#888;
206}
207#nav ul, #nav li {
208 display:block;
209 list-style:none;
210}
211#nav ul, #nav p {
212 margin-bottom:1em;
213}
214#nav ul ul {
215 margin-bottom:0;
216}
217#nav li {
218 border-top:1px solid #e9d08e;
219}
220#nav li.first {
221 border:0;
222}
223#nav a {
224 display:block;
225 padding:5px 12px;
226 background:#f2d995;
227 zoom:1;
228}
229#nav a:hover, #nav a:focus, #nav a:active, #nav a.current {
230 color:#151515;
231 background:#fbebc1;
232}
233#nav li.first a {
234 border-radius:5px 5px 0 0;
235 -moz-border-radius:5px 5px 0 0;
236 -webkit-border-radius:5px 5px 0 0;
237}
238#nav li.last a {
239 border-radius:0 0 5px 5px;
240 -moz-border-radius:0 0 5px 5px;
241 -webkit-border-radius:0 0 5px 5px;
242}
243#nav ul ul a {
244 padding-left:24px;
245 background:#f9e09b;
246 border-radius:0 !important;
247 -moz-border-radius:0 !important;
248 -webkit-border-radius:0 !important;
249}
250#nav ul ul ul a {
251 padding-left:36px;
252 background:#ffe5a0;
253 border-radius:0 !important;
254 -moz-border-radius:0 !important;
255 -webkit-border-radius:0 !important;
256}
257
258
259
260 /* ==================== | SHJS (syntax highlighter) | ==================== */
261
262div.code-block {
263 position:relative;
264 margin:0 0 1em 0;
265 border-left:4px solid #d9d9d9;
266 padding:3px 6px;
267 background:#f8f8f8;
268 zoom:1;
269}
270div.code-block textarea {
271 position:absolute;
272 margin:-2px 0 0 -2px;
273 overflow:auto;
274 border:1px solid;
275 border-color:#777 #ccc #f8f8f8 #ccc;
276 padding:1px;
277 background:#fff;
278 color:#000;
279 font-family:consolas,'lucida console',monaco,'courier new',courier,monospace,mono,serif;
280 font-size:13px;
281 font-weight:normal;
282 font-style:normal;
283 z-index:1000;
284}
285#content div.code-block a.view-plain, #content div.code-block a.view-plain:visited {
286 display:none;
287 position:absolute;
288 bottom:100%;
289 right:0;
290 border-bottom:1px dashed #d5d5d5;
291 padding:3px 4px;
292 text-align:right;
293 background:#fff;
294 color:#888888;
295 font:0.8em arial,helvetica,sans-serif;
296}
297#content div.code-block a.view-plain:hover {
298 background:#aaa;
299 color:#fff;
300}
301div.code-block pre {
302 display:block;
303 width:100%;
304 margin:0;
305 overflow:auto;
306 cursor:text;
307 color: #434343;
308 font-family:consolas,'lucida console',monaco,'courier new',courier,monospace,mono,serif;
309 font-size:13px;
310 font-weight:normal;
311 font-style:normal;
312}
313pre.sh_sourceCode .sh_keyword {
314 color: #aa0d91;
315 font-weight: normal;
316 font-style: normal;
317}
318pre.sh_sourceCode .sh_type {
319 color: #008000;
320 font-weight: normal;
321 font-style: normal;
322}
323pre.sh_sourceCode .sh_string {
324 color: #c80000;
325 font-weight: normal;
326 font-style: normal;
327}
328pre.sh_sourceCode .sh_regexp {
329 color: #008000;
330 font-weight: normal;
331 font-style: normal;
332}
333pre.sh_sourceCode .sh_specialchar {
334 color: #ff00ff;
335 font-weight: normal;
336 font-style: normal;
337}
338pre.sh_sourceCode .sh_comment {
339 color: #007400;
340 font-weight: normal;
341 font-style: normal;
342}
343pre.sh_sourceCode .sh_number {
344 color: #3200ff;
345 font-weight: normal;
346 font-style: normal;
347}
348pre.sh_sourceCode .sh_preproc {
349 color: #008200;
350 font-weight: normal;
351 font-style: normal;
352}
353pre.sh_sourceCode .sh_function {
354 color: #000000;
355 font-weight: normal;
356 font-style: normal;
357}
358pre.sh_sourceCode .sh_url {
359 color: #008000;
360 font-weight: normal;
361 font-style: normal;
362}
363pre.sh_sourceCode .sh_date {
364 color: #000000;
365 font-weight: bold;
366 font-style: normal;
367}
368pre.sh_sourceCode .sh_time {
369 color: #000000;
370 font-weight: bold;
371 font-style: normal;
372}
373pre.sh_sourceCode .sh_file {
374 color: #000000;
375 font-weight: bold;
376 font-style: normal;
377}
378pre.sh_sourceCode .sh_ip {
379 color: #008000;
380 font-weight: normal;
381 font-style: normal;
382}
383pre.sh_sourceCode .sh_name {
384 color: #008000;
385 font-weight: normal;
386 font-style: normal;
387}
388pre.sh_sourceCode .sh_variable {
389 color: #000000;
390 font-weight: bold;
391 font-style: normal;
392}
393pre.sh_sourceCode .sh_oldfile {
394 color: #ff00ff;
395 font-weight: normal;
396 font-style: normal;
397}
398pre.sh_sourceCode .sh_newfile {
399 color: #008000;
400 font-weight: normal;
401 font-style: normal;
402}
403pre.sh_sourceCode .sh_difflines {
404 color: #000000;
405 font-weight: bold;
406 font-style: normal;
407}
408pre.sh_sourceCode .sh_selector {
409 color: #000000;
410 font-weight: normal;
411 font-style: normal;
412}
413pre.sh_sourceCode .sh_property {
414 color: #c80000;
415 font-weight: normal;
416 font-style: normal;
417}
418pre.sh_sourceCode .sh_value {
419 color: #3200ff;
420 font-weight: normal;
421 font-style: normal;
422}
Note: See TracBrowser for help on using the repository browser.