Commit | Line | Data |
b28e606e |
1 | body { |
2 | margin: 0; |
3 | padding: 0 20px; |
4 | font: 1em "Trebuchet MS", verdana, arial, sans-serif; |
5 | font-size: 85%; |
6 | background: #EDF1FA; |
7 | } |
8 | .error { |
9 | color: red; |
10 | } |
9529f69c |
11 | #topbanner { |
12 | width: 100%; |
13 | height: 100px; |
14 | margin-top: 20px; |
15 | } |
e847b186 |
16 | #bannerinfo { |
17 | float: right; |
18 | margin-right: 12%; |
19 | margin-top: 15px; |
20 | } |
9529f69c |
21 | #logoimg { |
22 | float: left; |
23 | margin-left: 20px; |
24 | } |
e847b186 |
25 | .helptag { |
26 | color: #488dd2; |
27 | text-decoration: underline; |
28 | } |
9529f69c |
29 | #logotitle { |
30 | float: left; |
31 | margin-left: 30px; |
32 | height: 55px; |
33 | padding-top: 40px; |
34 | } |
35 | h1.title a:link, h1.title a:visited, h1.title a:active { |
36 | color: #666; |
37 | font-weight: bold; |
38 | text-decoration: none; |
39 | } |
40 | h1.title a:hover { |
41 | color: #222; |
42 | } |
43 | h1.title { |
44 | margin: 0; |
45 | padding: 0; |
46 | letter-spacing: -1px; |
47 | line-height: 1.0em; |
48 | font-family: tahoma, arial, sans-serif; |
49 | font-size: 240%; |
50 | } |
51 | p.tagline { |
52 | margin: 0; |
53 | padding: 0; |
54 | font-size: 1.2em; |
55 | font-weight: bold; |
56 | color: #666; |
57 | } |
58 | .term { |
59 | font-style: italic; |
60 | } |
61 | p.api { |
62 | font-weight: bold; |
63 | font-family: Courier; |
64 | } |
65 | span.apimore { |
66 | font-family: Courier; |
b28e606e |
67 | } |
68 | #enlargement_container { |
69 | height: 504px; |
70 | width: 90%; |
71 | margin-top: 5px; |
72 | border: 2px solid #B0C6F7; |
73 | background: #fff; |
74 | padding-top: 5px; |
75 | padding-bottom: 5px; |
76 | } |
fc018906 |
77 | #loading_overlay { |
78 | display: none; |
79 | position: absolute; |
80 | height: 500px; |
81 | width: 89%; |
82 | z-index: 2; |
83 | opacity: 0.7; |
84 | background-image: url("cupertino/images/ui-bg_diagonals-thick_90_eeeeee_40x40.png"); |
85 | background-repeat: repeat; |
86 | background-attachment: scroll; |
87 | background-position: 50% 50%; |
88 | background-color: #EEEEEE; |
89 | } |
90 | #loading_message { |
91 | position: relative; |
92 | background-color: #EDF1FA; |
93 | color: #222222; |
94 | border: 2px solid #B0C6F7; |
95 | height: 20px; |
96 | width: 150px; |
97 | padding: 20px; |
98 | } |
b28e606e |
99 | #dialog_overlay { |
100 | display: none; |
101 | position: absolute; |
cdd592f3 |
102 | background-image: url("cupertino/images/ui-bg_diagonals-thick_90_eeeeee_40x40.png"); |
b28e606e |
103 | background-repeat: repeat; |
104 | background-attachment: scroll; |
105 | background-position: 50% 50%; |
106 | background-color: #EEEEEE; |
107 | opacity: 0.7; |
108 | padding-bottom: 5px; |
109 | padding-top: 5px; |
110 | border: 2px solid #B0C6F7; |
111 | } |
112 | #update_workspace_button { |
9529f69c |
113 | position: absolute; |
114 | left: 74.5%; |
115 | top: 126px; |
116 | height: 44px; |
117 | width: 46px; |
118 | margin-top: 17px; |
119 | border: none; |
cdd592f3 |
120 | background-image: url('../images/act_icons.png'); |
9529f69c |
121 | background-position: 0px 44px; |
122 | background-color: none; |
123 | background-repeat: none; |
b28e606e |
124 | z-index: 50; |
125 | } |
126 | #workspace_container { |
127 | height: 504px; |
128 | width: 43%; |
129 | position: relative; |
130 | top: -545px; |
131 | left: 47%; |
132 | margin-top: 10px; |
133 | border: 2px solid #B0C6F7; |
134 | background: #fff; |
135 | } |
136 | #graph_underlay { |
137 | height: 100%; |
138 | width: 100%; |
139 | background: #fff; |
140 | position: relative; |
141 | z-index: -2; |
142 | } |
143 | #visor { |
144 | height: 100px; |
145 | width: 20%; |
146 | background-color: #61EDAE; |
147 | opacity: 0.15; |
148 | position: relative; |
149 | left: 40%; |
150 | top: -104px; |
151 | z-index: -1; |
152 | border-left: 2px solid #3C73FA; |
153 | border-right: 2px solid #3C73FA; |
154 | border-bottom: 2px solid #B0C6F7; |
155 | border-top: 2px solid #B0C6F7; |
156 | } |
157 | #graph { |
158 | position: relative; top: -208px; |
159 | padding: 0px; |
160 | overflow: auto; |
161 | /* cursor: -moz-grab !important; */ /* should this be applied with JS? */ |
162 | } |
163 | #enlargement { |
164 | padding: 0px; |
165 | overflow: hidden; |
166 | } |
167 | #workspace { |
168 | padding: 0px; |
169 | overflow: hidden; |
170 | } |
171 | #keymap { |
172 | position: absolute; |
173 | left: 80%; |
9529f69c |
174 | top: 140px; |
b28e606e |
175 | border: 2px solid #B0C6F7; |
176 | background: #fff; |
cdd592f3 |
177 | background: url("cupertino/images/ui-bg_highlight-hard_100_f2f5f7_1x100.png"); |
9529f69c |
178 | background-repeat: repeat-x; |
179 | background-scroll: scroll; |
180 | background-position: 50% top; |
181 | background-color: #F2F5F7; |
b28e606e |
182 | } |
183 | #keymap ul { |
184 | padding: 10px; |
185 | padding-left: 14px; |
186 | padding-right: 14px; |
187 | margin: 0px; |
188 | } |
189 | #keymap li { |
190 | border-left: 16px solid #fff; |
191 | padding-left: 8px; |
192 | list-style: none; |
193 | margin-bottom: 3px; |
194 | } |