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