Mercurial > defr > drupal > scald > dnd
comparison js/bt/DEMO/demofiles/demo.css @ 18:0d557e6e73f7
Added beautytips and some additional event handling code to the library.
author | David Eads <eads@chicagotech.org> |
---|---|
date | Fri, 06 Mar 2009 14:11:46 -0600 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
17:1a77f87927dd | 18:0d557e6e73f7 |
---|---|
1 @charset "UTF-8"; | |
2 | |
3 body { | |
4 background: #FFF; | |
5 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; | |
6 } | |
7 | |
8 td { | |
9 text-align: center; | |
10 } | |
11 | |
12 div.example { | |
13 margin-bottom: 20px; | |
14 position: relative; | |
15 } | |
16 | |
17 div.ie-fix { | |
18 overflow: visible; | |
19 height: 0; | |
20 } | |
21 | |
22 .target { | |
23 width: 80px; | |
24 text-align: center; | |
25 border: 2px solid #666666; | |
26 padding: 5px; | |
27 background-color: #00FFFF; | |
28 height: 45px; | |
29 display: block; | |
30 float: left; | |
31 } | |
32 | |
33 input.alt-target { | |
34 width: 80px; | |
35 } | |
36 | |
37 #page { | |
38 width: 600px; | |
39 margin-right: auto; | |
40 margin-left: auto; | |
41 background-color: #EEE; | |
42 padding: 2em; | |
43 margin-top: 0px; | |
44 margin-bottom: 0px; | |
45 } | |
46 | |
47 h3 { | |
48 color: #666666; | |
49 border-bottom-width: 2px; | |
50 border-bottom-style: solid; | |
51 border-bottom-color: #666666; | |
52 font-size: 1.2em; | |
53 margin: 0 0 .4em 0; | |
54 } | |
55 p { | |
56 margin-top: 0px; | |
57 margin-bottom: 1em; | |
58 } | |
59 | |
60 .desc { | |
61 margin-left: 100px; | |
62 } | |
63 | |
64 .source { | |
65 /*clear: both;*/ | |
66 } | |
67 | |
68 .html-source, .js, .css-source { | |
69 font-family: "Courier New", Courier, monospace; | |
70 background-color: #FFF; | |
71 /*clear: both;*/ | |
72 } | |
73 | |
74 .html-source textarea, .js textarea, .css-source textarea { | |
75 font-family: "Courier New", Courier, monospace; | |
76 font-size: 11px; | |
77 } | |
78 | |
79 .html-link a:focus, .js-link a:focus, .css-link a:focus { | |
80 outline: none; | |
81 -moz-outline: none; | |
82 } | |
83 | |
84 /** Google maps demo **/ | |
85 | |
86 #example17 { | |
87 cursor: pointer; | |
88 } | |
89 | |
90 .gmap { | |
91 font-family: Arial, sans-serif; | |
92 font-size: 13px; | |
93 position: relative; | |
94 } | |
95 | |
96 .gmap-title { | |
97 font-size: 16px; | |
98 font-weight: bold; | |
99 } | |
100 | |
101 .gmap-addr { | |
102 padding-bottom: 15px; | |
103 padding-top: 5px; | |
104 } | |
105 | |
106 .gmap-close { | |
107 position: absolute; | |
108 top: 0; | |
109 right: 0; | |
110 border: none; | |
111 } |