annotate js/bt/DEMO/demofiles/demo.css @ 47:cbfe386cb51b
Add a function to refresh opened libraries.
The source URL of each libraries is now tracked, which allows for auto
refreshing the libraries based on various events. The obvious use
case is to refresh the library when an atom has been added to Scald,
for example via a Popups dialog.
| author |
Franck Deroche <defr@ows.fr> |
| date |
Mon, 15 Feb 2010 14:08:04 +0000 |
| parents |
0d557e6e73f7 |
| children |
|
| rev |
line source |
|
eads@18
|
1 @charset "UTF-8"; |
|
eads@18
|
2 |
|
eads@18
|
3 body { |
|
eads@18
|
4 background: #FFF; |
|
eads@18
|
5 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; |
|
eads@18
|
6 } |
|
eads@18
|
7 |
|
eads@18
|
8 td { |
|
eads@18
|
9 text-align: center; |
|
eads@18
|
10 } |
|
eads@18
|
11 |
|
eads@18
|
12 div.example { |
|
eads@18
|
13 margin-bottom: 20px; |
|
eads@18
|
14 position: relative; |
|
eads@18
|
15 } |
|
eads@18
|
16 |
|
eads@18
|
17 div.ie-fix { |
|
eads@18
|
18 overflow: visible; |
|
eads@18
|
19 height: 0; |
|
eads@18
|
20 } |
|
eads@18
|
21 |
|
eads@18
|
22 .target { |
|
eads@18
|
23 width: 80px; |
|
eads@18
|
24 text-align: center; |
|
eads@18
|
25 border: 2px solid #666666; |
|
eads@18
|
26 padding: 5px; |
|
eads@18
|
27 background-color: #00FFFF; |
|
eads@18
|
28 height: 45px; |
|
eads@18
|
29 display: block; |
|
eads@18
|
30 float: left; |
|
eads@18
|
31 } |
|
eads@18
|
32 |
|
eads@18
|
33 input.alt-target { |
|
eads@18
|
34 width: 80px; |
|
eads@18
|
35 } |
|
eads@18
|
36 |
|
eads@18
|
37 #page { |
|
eads@18
|
38 width: 600px; |
|
eads@18
|
39 margin-right: auto; |
|
eads@18
|
40 margin-left: auto; |
|
eads@18
|
41 background-color: #EEE; |
|
eads@18
|
42 padding: 2em; |
|
eads@18
|
43 margin-top: 0px; |
|
eads@18
|
44 margin-bottom: 0px; |
|
eads@18
|
45 } |
|
eads@18
|
46 |
|
eads@18
|
47 h3 { |
|
eads@18
|
48 color: #666666; |
|
eads@18
|
49 border-bottom-width: 2px; |
|
eads@18
|
50 border-bottom-style: solid; |
|
eads@18
|
51 border-bottom-color: #666666; |
|
eads@18
|
52 font-size: 1.2em; |
|
eads@18
|
53 margin: 0 0 .4em 0; |
|
eads@18
|
54 } |
|
eads@18
|
55 p { |
|
eads@18
|
56 margin-top: 0px; |
|
eads@18
|
57 margin-bottom: 1em; |
|
eads@18
|
58 } |
|
eads@18
|
59 |
|
eads@18
|
60 .desc { |
|
eads@18
|
61 margin-left: 100px; |
|
eads@18
|
62 } |
|
eads@18
|
63 |
|
eads@18
|
64 .source { |
|
eads@18
|
65 /*clear: both;*/ |
|
eads@18
|
66 } |
|
eads@18
|
67 |
|
eads@18
|
68 .html-source, .js, .css-source { |
|
eads@18
|
69 font-family: "Courier New", Courier, monospace; |
|
eads@18
|
70 background-color: #FFF; |
|
eads@18
|
71 /*clear: both;*/ |
|
eads@18
|
72 } |
|
eads@18
|
73 |
|
eads@18
|
74 .html-source textarea, .js textarea, .css-source textarea { |
|
eads@18
|
75 font-family: "Courier New", Courier, monospace; |
|
eads@18
|
76 font-size: 11px; |
|
eads@18
|
77 } |
|
eads@18
|
78 |
|
eads@18
|
79 .html-link a:focus, .js-link a:focus, .css-link a:focus { |
|
eads@18
|
80 outline: none; |
|
eads@18
|
81 -moz-outline: none; |
|
eads@18
|
82 } |
|
eads@18
|
83 |
|
eads@18
|
84 /** Google maps demo **/ |
|
eads@18
|
85 |
|
eads@18
|
86 #example17 { |
|
eads@18
|
87 cursor: pointer; |
|
eads@18
|
88 } |
|
eads@18
|
89 |
|
eads@18
|
90 .gmap { |
|
eads@18
|
91 font-family: Arial, sans-serif; |
|
eads@18
|
92 font-size: 13px; |
|
eads@18
|
93 position: relative; |
|
eads@18
|
94 } |
|
eads@18
|
95 |
|
eads@18
|
96 .gmap-title { |
|
eads@18
|
97 font-size: 16px; |
|
eads@18
|
98 font-weight: bold; |
|
eads@18
|
99 } |
|
eads@18
|
100 |
|
eads@18
|
101 .gmap-addr { |
|
eads@18
|
102 padding-bottom: 15px; |
|
eads@18
|
103 padding-top: 5px; |
|
eads@18
|
104 } |
|
eads@18
|
105 |
|
eads@18
|
106 .gmap-close { |
|
eads@18
|
107 position: absolute; |
|
eads@18
|
108 top: 0; |
|
eads@18
|
109 right: 0; |
|
eads@18
|
110 border: none; |
|
eads@18
|
111 } |
