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