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