rev |
line source |
pankso@37
|
1 /*
|
pankso@37
|
2 Welcome to the Generic Style CSS File! Some things you should know:
|
pankso@37
|
3
|
pankso@37
|
4 1. This file is included on all front-end/user-facing pages. Applications can
|
pankso@37
|
5 override this file in their own custom files (ie. vanilla.css or
|
pankso@37
|
6 conversations.css).
|
pankso@37
|
7
|
pankso@37
|
8 2. This file is broken down into the following sections:
|
pankso@37
|
9 + General Styles & Typography
|
pankso@37
|
10 + Header
|
pankso@37
|
11 + Main Menu
|
pankso@37
|
12 + Panels / Sidebars
|
pankso@37
|
13 + Activities
|
pankso@37
|
14 + Profile Page
|
pankso@37
|
15 + Profile Tab Menu
|
pankso@37
|
16 + Thumbnail Cropper
|
pankso@37
|
17 + Footer
|
pankso@37
|
18 */
|
pankso@37
|
19
|
pankso@37
|
20 /* ================================================================ Reset CSS */
|
pankso@37
|
21 html, body, div, span, applet, object, iframe,
|
pankso@37
|
22 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
pankso@37
|
23 a, abbr, acronym, address, big, cite, code,
|
pankso@37
|
24 del, dfn, em, font, img, ins, kbd, q, s, samp,
|
pankso@37
|
25 small, strike, strong, sub, sup, tt, var,
|
pankso@37
|
26 dl, dt, dd, ol, ul, li,
|
pankso@37
|
27 fieldset, form, label, legend,
|
pankso@37
|
28 table, caption, tbody, tfoot, thead, tr, th, td {
|
pankso@37
|
29 margin: 0;
|
pankso@37
|
30 padding: 0;
|
pankso@37
|
31 border: 0;
|
pankso@37
|
32 outline: 0;
|
pankso@37
|
33 font-weight: inherit;
|
pankso@37
|
34 font-style: inherit;
|
pankso@37
|
35 font-size: 100%;
|
pankso@37
|
36 font-family: inherit;
|
pankso@37
|
37 vertical-align: baseline;
|
pankso@37
|
38 }
|
pankso@37
|
39 /* remember to define focus styles! */
|
pankso@37
|
40 :focus {
|
pankso@37
|
41 outline: 0;
|
pankso@37
|
42 }
|
pankso@37
|
43 body {
|
pankso@37
|
44 line-height: 1;
|
pankso@37
|
45 color: black;
|
pankso@37
|
46 background: white;
|
pankso@37
|
47 border-top: 34px solid #f1f1f1;
|
pankso@37
|
48 }
|
pankso@37
|
49 ol, ul {
|
pankso@37
|
50 list-style: none;
|
pankso@37
|
51 }
|
pankso@37
|
52 /* tables still need 'cellspacing="0"' in the markup */
|
pankso@37
|
53 table {
|
pankso@37
|
54 border-collapse: separate;
|
pankso@37
|
55 border-spacing: 0;
|
pankso@37
|
56 }
|
pankso@37
|
57 caption, th, td {
|
pankso@37
|
58 text-align: left;
|
pankso@37
|
59 font-weight: normal;
|
pankso@37
|
60 }
|
pankso@37
|
61 blockquote:before, blockquote:after,
|
pankso@37
|
62 q:before, q:after {
|
pankso@37
|
63 content: "";
|
pankso@37
|
64 }
|
pankso@37
|
65 blockquote, q {
|
pankso@37
|
66 quotes: "" "";
|
pankso@37
|
67 }
|
pankso@37
|
68
|
pankso@37
|
69 /* ============================================== General Styles & Typography */
|
pankso@37
|
70 body {
|
pankso@37
|
71 color: #000;
|
pankso@37
|
72 font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif;
|
pankso@37
|
73 font-size: 75%;
|
pankso@37
|
74 line-height: 1.7em;
|
pankso@37
|
75 background: #fff;
|
pankso@37
|
76 margin: 0;
|
pankso@37
|
77 padding: 0;
|
pankso@37
|
78 text-align: center;
|
pankso@37
|
79 font-size: small;
|
pankso@37
|
80 }
|
pankso@37
|
81 #Body {
|
pankso@37
|
82 width: 960px;
|
pankso@37
|
83 text-align: left;
|
pankso@37
|
84 margin: 15px auto 0;
|
pankso@37
|
85 }
|
pankso@37
|
86 #Content {
|
pankso@37
|
87 float: left;
|
pankso@37
|
88 width: 680px;
|
pankso@37
|
89 margin: 0 0 40px;
|
pankso@37
|
90 }
|
pankso@37
|
91 .Hidden {
|
pankso@37
|
92 display: none;
|
pankso@37
|
93 }
|
pankso@37
|
94 .nowrap {
|
pankso@37
|
95 white-space: nowrap;
|
pankso@37
|
96 }
|
pankso@37
|
97 .Center {
|
pankso@37
|
98 text-align: center;
|
pankso@37
|
99 }
|
pankso@37
|
100 .Right {
|
pankso@37
|
101 text-align: right;
|
pankso@37
|
102 }
|
pankso@37
|
103 h1, h2, h3, h4, h5, h6 {
|
pankso@37
|
104 color: #000;
|
pankso@37
|
105 font-family: "Helvetica Neue",Helvetica,arial,sans-serif;
|
pankso@37
|
106 font-weight: normal;
|
pankso@37
|
107 margin: 0;
|
pankso@37
|
108 }
|
pankso@37
|
109 p {
|
pankso@37
|
110 margin: 0.5em 0 0 0;
|
pankso@37
|
111 line-height: 1.6em;
|
pankso@37
|
112 }
|
pankso@37
|
113 h1, h2 {
|
pankso@37
|
114 border-bottom:1px solid #bbb;
|
pankso@37
|
115 font-size:140%;
|
pankso@37
|
116 font-weight:bold;
|
pankso@37
|
117 margin-bottom:10px;
|
pankso@37
|
118 }
|
pankso@37
|
119 h3 {
|
pankso@37
|
120 font-size:140%;
|
pankso@37
|
121 }
|
pankso@37
|
122 h4 {
|
pankso@37
|
123 font-size: 120%;
|
pankso@37
|
124 color: #6C6C6C;
|
pankso@37
|
125 }
|
pankso@37
|
126 h5 {
|
pankso@37
|
127 font-size: 120%;
|
pankso@37
|
128 color: #6C6C6C;
|
pankso@37
|
129 }
|
pankso@37
|
130 a,
|
pankso@37
|
131 a:link,
|
pankso@37
|
132 a:visited,
|
pankso@37
|
133 a:active {
|
pankso@37
|
134 text-decoration: none;
|
pankso@37
|
135 color: #2571B1;
|
pankso@37
|
136 }
|
pankso@37
|
137 a:hover {
|
pankso@37
|
138 text-decoration: none;
|
pankso@37
|
139 color: blue;
|
pankso@37
|
140 }
|
pankso@37
|
141 input.DateBox,
|
pankso@37
|
142 input.InputBox,
|
pankso@37
|
143 input.SmallInput,
|
pankso@37
|
144 textarea {
|
pankso@37
|
145 font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif;
|
pankso@37
|
146 color: #333;
|
pankso@37
|
147 font-size: 15px;
|
pankso@37
|
148 padding: 3px;
|
pankso@37
|
149 margin: 0;
|
pankso@37
|
150 width: 250px;
|
pankso@37
|
151 border: 1px solid #aaa;
|
pankso@37
|
152 border-radius: 2px;
|
pankso@37
|
153 -moz-border-radius: 2px;
|
pankso@37
|
154 -webkit-border-radius: 2px;
|
pankso@37
|
155 }
|
pankso@37
|
156 textarea.TextBox {
|
pankso@37
|
157 width: 500px;
|
pankso@37
|
158 height: 100px;
|
pankso@37
|
159 min-height: 100px;
|
pankso@37
|
160 }
|
pankso@37
|
161 #Popup textarea.TextBox {
|
pankso@37
|
162 width: 100%;
|
pankso@37
|
163 }
|
pankso@37
|
164 input.SmallInput,
|
pankso@37
|
165 input.InputBox {
|
pankso@37
|
166 padding: 6px 3px;
|
pankso@37
|
167 }
|
pankso@37
|
168 input.SmallInput:focus,
|
pankso@37
|
169 input.InputBox:focus,
|
pankso@37
|
170 textarea:focus {
|
pankso@37
|
171 background: #ffe;
|
pankso@37
|
172 }
|
pankso@37
|
173 textarea {
|
pankso@37
|
174 line-height: 128%;
|
pankso@37
|
175 }
|
pankso@37
|
176 select {
|
pankso@37
|
177 font-family: arial;
|
pankso@37
|
178 font-size: 14px;
|
pankso@37
|
179 color: #222;
|
pankso@37
|
180 margin: 0;
|
pankso@37
|
181 padding: 3px;
|
pankso@37
|
182 }
|
pankso@37
|
183 a.Button,
|
pankso@37
|
184 .Button {
|
pankso@37
|
185 cursor: pointer;
|
pankso@37
|
186 margin: 0;
|
pankso@37
|
187 font-size: 11px;
|
pankso@37
|
188 padding: 4px;
|
pankso@37
|
189 background: url('images/buttonbg.png') repeat-x center left #f8f8f8;
|
pankso@37
|
190 color: #02475A;
|
pankso@37
|
191 text-shadow: 0 1px 0 #fff;
|
pankso@37
|
192 border: 1px solid #999;
|
pankso@37
|
193 border-radius: 3px;
|
pankso@37
|
194 -moz-border-radius: 3px;
|
pankso@37
|
195 -webkit-border-radius: 3px;
|
pankso@37
|
196 box-shadow: 0px 0px 2px #999;
|
pankso@37
|
197 -moz-box-shadow: 0px 0px 2px #999;
|
pankso@37
|
198 -webkit-box-shadow: 0px 0px 2px #999;
|
pankso@37
|
199 }
|
pankso@37
|
200 input.Button {
|
pankso@37
|
201 font-size: 14px;
|
pankso@37
|
202 font-weight: bold;
|
pankso@37
|
203 }
|
pankso@37
|
204 .Button:hover {
|
pankso@37
|
205 color: #111;
|
pankso@37
|
206 border: 1px solid #666;
|
pankso@37
|
207 }
|
pankso@37
|
208 .Button:focus {
|
pankso@37
|
209 background: #eee;
|
pankso@37
|
210 }
|
pankso@37
|
211 .Loading {
|
pankso@37
|
212 height: 100px;
|
pankso@37
|
213 padding: 0 20px;
|
pankso@37
|
214 background: url('images/progress.gif') center center no-repeat;
|
pankso@37
|
215 }
|
pankso@37
|
216 .Progress {
|
pankso@37
|
217 padding: 10px 40px 10px 0;
|
pankso@37
|
218 background: url('images/progress.gif') center center no-repeat;
|
pankso@37
|
219 }
|
pankso@37
|
220 .TinyProgress {
|
pankso@37
|
221 padding: 10px 40px 10px 0;
|
pankso@37
|
222 background: url('images/progress_sm.gif') center center no-repeat;
|
pankso@37
|
223 }
|
pankso@37
|
224 /* Note: Messages are the yellow notices that appear at the top/center of the
|
pankso@37
|
225 page to notify users of things like drafts being saved, etc. */
|
pankso@37
|
226 div.Messages {
|
pankso@37
|
227 text-align: center !important;
|
pankso@37
|
228 position: fixed;
|
pankso@37
|
229 top: 0;
|
pankso@37
|
230 left: 0;
|
pankso@37
|
231 z-index: 200;
|
pankso@37
|
232 margin: 0 !important;
|
pankso@37
|
233 padding: 0 !important;
|
pankso@37
|
234 list-style: none !important;
|
pankso@37
|
235 font-size: 12px;
|
pankso@37
|
236 display: block;
|
pankso@37
|
237 width: 100%;
|
pankso@37
|
238 }
|
pankso@37
|
239 * html div.Messages {
|
pankso@37
|
240 position: absolute;
|
pankso@37
|
241 width: 100%;/*IE5.5*/
|
pankso@37
|
242 top: 0;
|
pankso@37
|
243 left: 0;
|
pankso@37
|
244 overflow: visible;
|
pankso@37
|
245 top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
|
pankso@37
|
246 }
|
pankso@37
|
247 div.Messages ul {
|
pankso@37
|
248 cursor: pointer;
|
pankso@37
|
249 width: auto !important;
|
pankso@37
|
250 border: 0 !important;
|
pankso@37
|
251 margin: 0 auto !important;
|
pankso@37
|
252 padding: 4px 8px !important;
|
pankso@37
|
253 border-bottom-left-radius: 2px;
|
pankso@37
|
254 border-bottom-right-radius: 2px;
|
pankso@37
|
255 -moz-border-radius-bottomleft: 2px;
|
pankso@37
|
256 -moz-border-radius-bottomright: 2px;
|
pankso@37
|
257 -webkit-border-bottom-left-radius: 2px;
|
pankso@37
|
258 -webkit-border-bottom-right-radius: 2px;
|
pankso@37
|
259 background: #ff9 !important;
|
pankso@37
|
260 display:-moz-inline-stack;
|
pankso@37
|
261 display:inline-block;
|
pankso@37
|
262 zoom:1;
|
pankso@37
|
263 *display:inline;
|
pankso@37
|
264 box-shadow: 0px 0px 2px #333;
|
pankso@37
|
265 -moz-box-shadow: 0px 0px 2px #333;
|
pankso@37
|
266 -webkit-box-shadow: 0px 0px 2px #333;
|
pankso@37
|
267 }
|
pankso@37
|
268 div.Messages ul li {
|
pankso@37
|
269 text-align: left !important;
|
pankso@37
|
270 border: 0 !important;
|
pankso@37
|
271 color: #000 !important;
|
pankso@37
|
272 padding: 0 !important;
|
pankso@37
|
273 margin: 0 !important;
|
pankso@37
|
274 list-style-position: outside;
|
pankso@37
|
275 }
|
pankso@37
|
276 div.Errors ul {
|
pankso@37
|
277 background: #d50a0a !important;
|
pankso@37
|
278 }
|
pankso@37
|
279 div.Errors ul li {
|
pankso@37
|
280 color: #fff !important;
|
pankso@37
|
281 background: #d50a0a !important;
|
pankso@37
|
282 }
|
pankso@37
|
283 .Conversations .Deleted {
|
pankso@37
|
284 text-decoration: line-through;
|
pankso@37
|
285 }
|
pankso@37
|
286 div.Deleted {
|
pankso@37
|
287 background: #f5f5f5;
|
pankso@37
|
288 border: 1px solid #dddddd;
|
pankso@37
|
289 margin: 10px 0 0;
|
pankso@37
|
290 padding: 6px 10px;
|
pankso@37
|
291 border-radius: 3px;
|
pankso@37
|
292 -moz-border-radius: 3px;
|
pankso@37
|
293 -webkit-border-radius: 3px;
|
pankso@37
|
294 }
|
pankso@37
|
295 /* Note: Warning, Alert & Info are simple boxes that can be used to wrap message
|
pankso@37
|
296 strings & imply importance. */
|
pankso@37
|
297 .Warning {
|
pankso@37
|
298 background: #ffc;
|
pankso@37
|
299 border: 1px solid #ff9;
|
pankso@37
|
300 color: #000;
|
pankso@37
|
301 padding: 6px 8px;
|
pankso@37
|
302 border-radius: 3px;
|
pankso@37
|
303 -moz-border-radius: 3px;
|
pankso@37
|
304 -webkit-border-radius: 3px;
|
pankso@37
|
305 }
|
pankso@37
|
306 .Alert {
|
pankso@37
|
307 background: #d00;
|
pankso@37
|
308 border: 1px solid #b00;
|
pankso@37
|
309 color: #fff;
|
pankso@37
|
310 padding: 3px 6px;
|
pankso@37
|
311 border-radius: 3px;
|
pankso@37
|
312 -moz-border-radius: 3px;
|
pankso@37
|
313 -webkit-border-radius: 3px;
|
pankso@37
|
314 }
|
pankso@37
|
315 .Alert a {
|
pankso@37
|
316 color: #fff;
|
pankso@37
|
317 }
|
pankso@37
|
318 .Alert a:hover {
|
pankso@37
|
319 text-decoration: underline;
|
pankso@37
|
320 }
|
pankso@37
|
321 div.Info {
|
pankso@37
|
322 font-size: 13px;
|
pankso@37
|
323 background: #fafafa;
|
pankso@37
|
324 border: 1px solid #eee;
|
pankso@37
|
325 color: #666666;
|
pankso@37
|
326 -moz-border-radius: 4px;
|
pankso@37
|
327 -webkit-border-radius: 4px;
|
pankso@37
|
328 border-radius: 4px;
|
pankso@37
|
329 padding: 8px;
|
pankso@37
|
330 margin: 0 0 10px;
|
pankso@37
|
331 }
|
pankso@37
|
332 div.Info strong {
|
pankso@37
|
333 font-weight: bold;
|
pankso@37
|
334 }
|
pankso@37
|
335 /* Note: The MessageModule (in /applications/dashboard/modules) wraps all messages
|
pankso@37
|
336 that it renders in a div with this DismissMessage class. */
|
pankso@37
|
337 div.DismissMessage {
|
pankso@37
|
338 margin: 6px 0 10px;
|
pankso@37
|
339 text-align: left;
|
pankso@37
|
340 position: relative;
|
pankso@37
|
341 }
|
pankso@37
|
342 div.DismissMessage p {
|
pankso@37
|
343 margin: 2px 0;
|
pankso@37
|
344 }
|
pankso@37
|
345 div.DismissMessage a.Dismiss {
|
pankso@37
|
346 font-family: arial;
|
pankso@37
|
347 position: absolute;
|
pankso@37
|
348 font-size: 22px;
|
pankso@37
|
349 font-weight: bold;
|
pankso@37
|
350 line-height: 1;
|
pankso@37
|
351 color: #999;
|
pankso@37
|
352 top: 3px;
|
pankso@37
|
353 right: 5px;
|
pankso@37
|
354 }
|
pankso@37
|
355 div.DismissMessage a.Dismiss:hover {
|
pankso@37
|
356 color: #ff0084;
|
pankso@37
|
357 }
|
pankso@37
|
358 #PagerLess {
|
pankso@37
|
359 -moz-border-radius-topright: 2px;
|
pankso@37
|
360 -moz-border-radius-topleft: 2px;
|
pankso@37
|
361 -webkit-border-top-right-radius: 2px;
|
pankso@37
|
362 -webkit-border-top-left-radius: 2px;
|
pankso@37
|
363 border-radius-topright: 2px;
|
pankso@37
|
364 border-radius-topleft: 2px;
|
pankso@37
|
365 margin-bottom: 1px;
|
pankso@37
|
366 text-align: left;
|
pankso@37
|
367 }
|
pankso@37
|
368 div.MorePager a.Loading {
|
pankso@37
|
369 border: 0 !important;
|
pankso@37
|
370 padding: 0 20px !important;
|
pankso@37
|
371 background: url('images/progress.gif') center center no-repeat !important;
|
pankso@37
|
372 }
|
pankso@37
|
373 #PagerMore {
|
pankso@37
|
374 margin-bottom: 1px;
|
pankso@37
|
375 }
|
pankso@37
|
376 .NumberedPager {
|
pankso@37
|
377 margin: 1px 0 0;
|
pankso@37
|
378 text-align: right;
|
pankso@37
|
379 font-weight: bold;
|
pankso@37
|
380 font-size: 16px;
|
pankso@37
|
381 }
|
pankso@37
|
382 #PagerBefore {
|
pankso@37
|
383 margin: 1px 0;
|
pankso@37
|
384 }
|
pankso@37
|
385 .NumberedPager a,
|
pankso@37
|
386 .NumberedPager span {
|
pankso@37
|
387 padding: 0 4px;
|
pankso@37
|
388 }
|
pankso@37
|
389 .NumberedPager span,
|
pankso@37
|
390 .NumberedPager a.Highlight {
|
pankso@37
|
391 color: #777;
|
pankso@37
|
392 }
|
pankso@37
|
393 .NumberedPager a.Next,
|
pankso@37
|
394 .NumberedPager span.Next,
|
pankso@37
|
395 .NumberedPager a.Previous,
|
pankso@37
|
396 .NumberedPager span.Previous {
|
pankso@37
|
397 font-size: 16px;
|
pankso@37
|
398 line-height: 10px;
|
pankso@37
|
399 }
|
pankso@37
|
400 .NumberedPager a.Next,
|
pankso@37
|
401 .NumberedPager span.Next {
|
pankso@37
|
402 margin-left: 6px;
|
pankso@37
|
403 }
|
pankso@37
|
404 .NumberedPager a.Previous,
|
pankso@37
|
405 .NumberedPager span.Previous {
|
pankso@37
|
406 margin-right: 6px;
|
pankso@37
|
407 }
|
pankso@37
|
408
|
pankso@37
|
409
|
pankso@37
|
410 /* =================================================================== Header */
|
pankso@37
|
411 #Head {
|
pankso@37
|
412 background: #351a0a url(header-img.png) no-repeat top right;
|
pankso@37
|
413 padding: 10px 0 0 0;
|
pankso@37
|
414 border-top: 1px solid black;
|
pankso@37
|
415 border-bottom: 1px solid #999;
|
pankso@37
|
416 }
|
pankso@37
|
417 div.Search:after,
|
pankso@37
|
418 div#Search:after {
|
pankso@37
|
419 content: ".";
|
pankso@37
|
420 display: block;
|
pankso@37
|
421 height: 0;
|
pankso@37
|
422 clear: both;
|
pankso@37
|
423 visibility: hidden;
|
pankso@37
|
424 }
|
pankso@37
|
425 body #Head h1 {
|
pankso@37
|
426 display: inline-block;
|
pankso@37
|
427 font-weight: bold;
|
pankso@37
|
428 margin: 0;
|
pankso@37
|
429 padding: 0 10px 5px 0;
|
pankso@37
|
430 border: 0;
|
pankso@37
|
431 }
|
pankso@37
|
432 #Head h1 a span {
|
pankso@37
|
433 font-size: 18px;
|
pankso@37
|
434 color: #f1f1f1;
|
pankso@37
|
435 }
|
pankso@37
|
436 #Head h1 a:hover span {
|
pankso@37
|
437 color: #b64b22;
|
pankso@37
|
438 }
|
pankso@37
|
439 #Head form {
|
pankso@37
|
440 float: right;
|
pankso@37
|
441 width: 250px;
|
pankso@37
|
442 background: #fff;
|
pankso@37
|
443 padding: 0;
|
pankso@37
|
444 margin: 15px 0 0;
|
pankso@37
|
445 -moz-border-radius: 2px;
|
pankso@37
|
446 -webkit-border-radius: 2px;
|
pankso@37
|
447 border-radius: 2px;
|
pankso@37
|
448 }
|
pankso@37
|
449 #Head form input.InputBox {
|
pankso@37
|
450 width: 204px;
|
pankso@37
|
451 border: 0;
|
pankso@37
|
452 padding: 4px 2px 4px 0;
|
pankso@37
|
453 background: #fff;
|
pankso@37
|
454 margin: 0;
|
pankso@37
|
455 -moz-border-radius-topleft: 2px;
|
pankso@37
|
456 -moz-border-radius-bottomleft: 2px;
|
pankso@37
|
457 -webkit-border-top-left-radius: 2px;
|
pankso@37
|
458 -webkit-border-bottom-left-radius: 2px;
|
pankso@37
|
459 border-top-left-radius: 2px;
|
pankso@37
|
460 border-bottom-left-radius: 2px;
|
pankso@37
|
461 color: #969696;
|
pankso@37
|
462 font-size: 13px;
|
pankso@37
|
463 }
|
pankso@37
|
464 #Head form input.Button {
|
pankso@37
|
465 border: 0;
|
pankso@37
|
466 width: 38px;
|
pankso@37
|
467 height: 26px;
|
pankso@37
|
468 background: #eaeaea;
|
pankso@37
|
469 color: #222222;
|
pankso@37
|
470 padding: 3px 0 4px;
|
pankso@37
|
471 margin: 0;
|
pankso@37
|
472 -moz-border-radius: 0;
|
pankso@37
|
473 -webkit-border-radius: 0;
|
pankso@37
|
474 border-radius: 0;
|
pankso@37
|
475 -moz-border-radius-topright: 2px;
|
pankso@37
|
476 -moz-border-radius-bottomright: 2px;
|
pankso@37
|
477 -webkit-border-top-right-radius: 2px;
|
pankso@37
|
478 -webkit-border-bottom-right-radius: 2px;
|
pankso@37
|
479 border-top-right-radius: 2px;
|
pankso@37
|
480 border-bottom-right-radius: 2px;
|
pankso@37
|
481 box-shadow: none;
|
pankso@37
|
482 -moz-box-shadow: none;
|
pankso@37
|
483 -webkit-box-shadow: none;
|
pankso@37
|
484 }
|
pankso@37
|
485 #Menu ul {
|
pankso@37
|
486 display: none;
|
pankso@37
|
487 }
|
pankso@37
|
488 #Menu li {
|
pankso@37
|
489 line-height: 27px;
|
pankso@37
|
490 float: left;
|
pankso@37
|
491 position: relative;
|
pankso@37
|
492 display: block;
|
pankso@37
|
493 list-style: none;
|
pankso@37
|
494 padding: 0;
|
pankso@37
|
495 margin: 0 4px 0 0;
|
pankso@37
|
496 font-weight: bold;
|
pankso@37
|
497 text-align: left;
|
pankso@37
|
498 }
|
pankso@37
|
499 * html #Menu li {
|
pankso@37
|
500 display: inline;
|
pankso@37
|
501 }
|
pankso@37
|
502 #Menu a {
|
pankso@37
|
503 border: 0;
|
pankso@37
|
504 text-decoration: none;
|
pankso@37
|
505 position: relative;
|
pankso@37
|
506 display: block;
|
pankso@37
|
507 padding: 0 7px;
|
pankso@37
|
508 white-space: nowrap;
|
pankso@37
|
509 font-size: 11px;
|
pankso@37
|
510 height: 28px;
|
pankso@37
|
511 }
|
pankso@37
|
512 * html #Menu a {
|
pankso@37
|
513 display: inline;
|
pankso@37
|
514 padding: 6px 10px;
|
pankso@37
|
515 }
|
pankso@37
|
516 #Menu li.NonTab,
|
pankso@37
|
517 #Menu li.NonTab a {
|
pankso@37
|
518 background: transparent;
|
pankso@37
|
519 border: 0;
|
pankso@37
|
520 font-weight: normal;
|
pankso@37
|
521 }
|
pankso@37
|
522 #Menu a span,
|
pankso@37
|
523 #Menu li.Active a span,
|
pankso@37
|
524 #Menu li.Highlight a:hover span {
|
pankso@37
|
525 -moz-border-radius: 2px;
|
pankso@37
|
526 -webkit-border-radius: 2px;
|
pankso@37
|
527 border-radius: 2px;
|
pankso@37
|
528 padding: 0 2px;
|
pankso@37
|
529 font-size: 9px;
|
pankso@37
|
530 line-height: 12px;
|
pankso@37
|
531 font-weight: normal;
|
pankso@37
|
532 }
|
pankso@37
|
533
|
pankso@37
|
534 /* Option (dropdown) Menus
|
pankso@37
|
535
|
pankso@37
|
536 Menu takes a z-index of 100
|
pankso@37
|
537 Option menu takes a z-index of 300
|
pankso@37
|
538
|
pankso@37
|
539 */
|
pankso@37
|
540 ul.Options,
|
pankso@37
|
541 ul.Options ul {
|
pankso@37
|
542 margin: 0;
|
pankso@37
|
543 padding: 0;
|
pankso@37
|
544 display: none;
|
pankso@37
|
545 }
|
pankso@37
|
546 ul.Options {
|
pankso@37
|
547 z-index: 298;
|
pankso@37
|
548 }
|
pankso@37
|
549 ul.Options ul {
|
pankso@37
|
550 z-index: 300;
|
pankso@37
|
551 position: absolute;
|
pankso@37
|
552 }
|
pankso@37
|
553 ul.Options li {
|
pankso@37
|
554 float: right;
|
pankso@37
|
555 position: relative;
|
pankso@37
|
556 display: block;
|
pankso@37
|
557 list-style: none outside none;
|
pankso@37
|
558 padding: 0;
|
pankso@37
|
559 font-size: 11px;
|
pankso@37
|
560 line-height: 22px;
|
pankso@37
|
561 }
|
pankso@37
|
562 ul.Options h3 {
|
pankso@37
|
563 display: block;
|
pankso@37
|
564 cursor: pointer;
|
pankso@37
|
565 margin: 0;
|
pankso@37
|
566 padding: 0;
|
pankso@37
|
567 }
|
pankso@37
|
568 ul.Options li ul li {
|
pankso@37
|
569 float: none;
|
pankso@37
|
570 text-align: left;
|
pankso@37
|
571 margin: 0;
|
pankso@37
|
572 font-weight: normal;
|
pankso@37
|
573 }
|
pankso@37
|
574 ul.Options li ul li a {
|
pankso@37
|
575 width: 104px;
|
pankso@37
|
576 padding: 0 6px;
|
pankso@37
|
577 height: auto;
|
pankso@37
|
578 }
|
pankso@37
|
579 ul.Options a {
|
pankso@37
|
580 text-decoration: none;
|
pankso@37
|
581 display: block;
|
pankso@37
|
582 position: relative;
|
pankso@37
|
583 white-space: nowrap;
|
pankso@37
|
584 font-size: 11px;
|
pankso@37
|
585 }
|
pankso@37
|
586 ul.Options ul li {
|
pankso@37
|
587 display: block;
|
pankso@37
|
588 float: none;
|
pankso@37
|
589 }
|
pankso@37
|
590 ul.Options li.Parent strong {
|
pankso@37
|
591 display: block;
|
pankso@37
|
592 padding: 4px;
|
pankso@37
|
593 margin: 3px 4px 0 0;
|
pankso@37
|
594 font-size: 10px;
|
pankso@37
|
595 font-weight: normal;
|
pankso@37
|
596 background: url('images/buttonbg.png') repeat-x center left #f8f8f8;
|
pankso@37
|
597 border: 1px solid #bbb;
|
pankso@37
|
598 -moz-border-radius: 2px;
|
pankso@37
|
599 -webkit-border-radius: 2px;
|
pankso@37
|
600 border-radius: 2px;
|
pankso@37
|
601 color: #555;
|
pankso@37
|
602 cursor: pointer;
|
pankso@37
|
603 line-height: 100%;
|
pankso@37
|
604 }
|
pankso@37
|
605 ul.Options li.Parent strong:focus,
|
pankso@37
|
606 ul.Options li.Parent strong:hover {
|
pankso@37
|
607 color: #333;
|
pankso@37
|
608 border: 1px solid #888;
|
pankso@37
|
609 }
|
pankso@37
|
610 ul.Options li.Parent strong:focus {
|
pankso@37
|
611 background: #eee;
|
pankso@37
|
612 }
|
pankso@37
|
613 ul.Options li.Active strong:hover,
|
pankso@37
|
614 ul.Options li.Active strong {
|
pankso@37
|
615 color: #fff;
|
pankso@37
|
616 background: #9c9c9c !important;
|
pankso@37
|
617 border: 1px solid #9c9c9c;
|
pankso@37
|
618 -moz-border-radius-bottomleft: 0;
|
pankso@37
|
619 -moz-border-radius-bottomright: 0;
|
pankso@37
|
620 -webkit-border-bottom-left-radius: 0;
|
pankso@37
|
621 -webkit-border-bottom-right-radius: 0;
|
pankso@37
|
622 border-bottom-left-radius: 0;
|
pankso@37
|
623 border-bottom-right-radius: 0;
|
pankso@37
|
624 }
|
pankso@37
|
625 ul.Options li.Active {
|
pankso@37
|
626 background: none;
|
pankso@37
|
627 }
|
pankso@37
|
628 ul.Options li.Active ul {
|
pankso@37
|
629 border: 1px solid #9c9c9c;
|
pankso@37
|
630 background: #fafafa;
|
pankso@37
|
631 -moz-border-radius-bottomleft: 2px;
|
pankso@37
|
632 -moz-border-radius-bottomright: 2px;
|
pankso@37
|
633 -webkit-border-bottom-left-radius: 2px;
|
pankso@37
|
634 -webkit-border-bottom-right-radius: 2px;
|
pankso@37
|
635 border-bottom-left-radius: 2px;
|
pankso@37
|
636 border-bottom-right-radius: 2px;
|
pankso@37
|
637 }
|
pankso@37
|
638 ul.Options li.Active ul li a {
|
pankso@37
|
639 background: none;
|
pankso@37
|
640 }
|
pankso@37
|
641 ul.Options li.Active a {
|
pankso@37
|
642 background: #efefef;
|
pankso@37
|
643 color: #595959;
|
pankso@37
|
644 }
|
pankso@37
|
645 ul.Options li.Active a:hover {
|
pankso@37
|
646 background: #8d8d8d;
|
pankso@37
|
647 color: #fff;
|
pankso@37
|
648 }
|
pankso@37
|
649 ul.Options li.Parent strong:hover,
|
pankso@37
|
650 ul.Options li.Active strong:hover,
|
pankso@37
|
651 ul.Options li.Active strong,
|
pankso@37
|
652 ul.Options li.Active ul {
|
pankso@37
|
653 box-shadow: 0px 0px 2px #999;
|
pankso@37
|
654 -moz-box-shadow: 0 0 2px #999;
|
pankso@37
|
655 -webkit-box-shadow: 0px 0px 2px #999;
|
pankso@37
|
656 }
|
pankso@37
|
657 .Center {
|
pankso@37
|
658 text-align: center;
|
pankso@37
|
659 }
|
pankso@37
|
660
|
pankso@37
|
661
|
pankso@37
|
662 /* ================================================================ Main Menu */
|
pankso@37
|
663 div.Menu {
|
pankso@37
|
664 width: 960px;
|
pankso@37
|
665 margin: 0 auto;
|
pankso@37
|
666 position: relative;
|
pankso@37
|
667 text-align: left;
|
pankso@37
|
668 vertical-align: bottom;
|
pankso@37
|
669 }
|
pankso@37
|
670 ul#Menu {
|
pankso@37
|
671 display: inline-block;
|
pankso@37
|
672 margin-right: 280px;
|
pankso@37
|
673 vertical-align: bottom;
|
pankso@37
|
674 }
|
pankso@37
|
675 #Menu ul,
|
pankso@37
|
676 #Menu li.Active {
|
pankso@37
|
677 background: #38abe3;
|
pankso@37
|
678 }
|
pankso@37
|
679 #Menu a,
|
pankso@37
|
680 #Menu li.Active a {
|
pankso@37
|
681 color: #fff;
|
pankso@37
|
682 }
|
pankso@37
|
683 #Menu a:hover {
|
pankso@37
|
684 background: #a3431f;
|
pankso@37
|
685 }
|
pankso@37
|
686 #Menu a:hover,
|
pankso@37
|
687 #Menu li.NonTab a:hover {
|
pankso@37
|
688 color: #fff !important;
|
pankso@37
|
689 }
|
pankso@37
|
690 /* Numbers next to menu items */
|
pankso@37
|
691 #Menu a span,
|
pankso@37
|
692 #Menu li.Active a span,
|
pankso@37
|
693 #Menu li.Highlight a:hover span {
|
pankso@37
|
694 background: #f2fcff;
|
pankso@37
|
695 color: #299fc7;
|
pankso@37
|
696 }
|
pankso@37
|
697
|
pankso@37
|
698 #Head .Search, #Head #Search {
|
pankso@37
|
699 position: absolute;
|
pankso@37
|
700 right: 0;
|
pankso@37
|
701 bottom: 6px;
|
pankso@37
|
702 text-align: right;
|
pankso@37
|
703 }
|
pankso@37
|
704
|
pankso@37
|
705 /* ======================================================== Panels / Sidebars */
|
pankso@37
|
706 #Panel {
|
pankso@37
|
707 width: 250px;
|
pankso@37
|
708 float: right;
|
pankso@37
|
709 }
|
pankso@37
|
710 div.Box {
|
pankso@37
|
711 background: #eaeaea;
|
pankso@37
|
712 color: #888;
|
pankso@37
|
713 padding: 6px 10px;
|
pankso@37
|
714 margin: 0 0 10px;
|
pankso@37
|
715 border-radius: 2px;
|
pankso@37
|
716 -moz-border-radius: 2px;
|
pankso@37
|
717 -webkit-border-radius: 2px;
|
pankso@37
|
718 box-shadow: 0px 0px 2px #999;
|
pankso@37
|
719 -moz-box-shadow: 0px 0px 2px #999;
|
pankso@37
|
720 -webkit-box-shadow: 0px 0px 2px #999;
|
pankso@37
|
721 }
|
pankso@37
|
722 div.Box h4 {
|
pankso@37
|
723 font-size: 110%;
|
pankso@37
|
724 color: #666666;
|
pankso@37
|
725 font-weight: bold;
|
pankso@37
|
726 margin: 0;
|
pankso@37
|
727 padding: 0 0 1px;
|
pankso@37
|
728 }
|
pankso@37
|
729 div.Box h4 a {
|
pankso@37
|
730 color: #666666;
|
pankso@37
|
731 }
|
pankso@37
|
732 div.Box dl {
|
pankso@37
|
733 overflow: hidden;
|
pankso@37
|
734 }
|
pankso@37
|
735 div.Box dl dt {
|
pankso@37
|
736 font-size: 12px;
|
pankso@37
|
737 float: left;
|
pankso@37
|
738 width: 80px;
|
pankso@37
|
739 color: #555;
|
pankso@37
|
740 }
|
pankso@37
|
741 div.Box dl dd {
|
pankso@37
|
742 font-size: 12px;
|
pankso@37
|
743 margin-left: 80px;
|
pankso@37
|
744 }
|
pankso@37
|
745 div.Box p {
|
pankso@37
|
746 font-size: 100%;
|
pankso@37
|
747 padding: 0 0 4px;
|
pankso@37
|
748 color: #555;
|
pankso@37
|
749 }
|
pankso@37
|
750 ul.PanelActivity {
|
pankso@37
|
751 border-top: 1px solid #C8C8C8;
|
pankso@37
|
752 border-bottom: 0;
|
pankso@37
|
753 }
|
pankso@37
|
754 ul.PanelActivity li {
|
pankso@37
|
755 background: #f1f1f1;
|
pankso@37
|
756 border-bottom: 1px solid #C8C8C8;
|
pankso@37
|
757 padding: 2px 4px;
|
pankso@37
|
758 color: #555;
|
pankso@37
|
759 font-size: 11px;
|
pankso@37
|
760 line-height: 1.6;
|
pankso@37
|
761 }
|
pankso@37
|
762 ul.PanelActivity li a {
|
pankso@37
|
763 font-size: 13px;
|
pankso@37
|
764 }
|
pankso@37
|
765 ul.PanelActivity li a.Name {
|
pankso@37
|
766 margin-right: 2px;
|
pankso@37
|
767 }
|
pankso@37
|
768 ul.PanelActivity span {
|
pankso@37
|
769 padding: 0 4px;
|
pankso@37
|
770 }
|
pankso@37
|
771 ul.PanelActivity p {
|
pankso@37
|
772 padding: 0 4px;
|
pankso@37
|
773 display: inline;
|
pankso@37
|
774 font-size: 90%;
|
pankso@37
|
775 }
|
pankso@37
|
776 ul.PanelActivity li em {
|
pankso@37
|
777 padding-left: 5px;
|
pankso@37
|
778 color: #777;
|
pankso@37
|
779 font-size: 80%;
|
pankso@37
|
780 }
|
pankso@37
|
781 ul.PanelActivity li div.Story {
|
pankso@37
|
782 font-size: 85%;
|
pankso@37
|
783 }
|
pankso@37
|
784 ul.PanelInfo li {
|
pankso@37
|
785 background: #f1f1f1;
|
pankso@37
|
786 border-bottom: 1px solid #C8C8C8;
|
pankso@37
|
787 padding: 2px 4px;
|
pankso@37
|
788 text-align: right;
|
pankso@37
|
789 }
|
pankso@37
|
790 ul.PanelInfo li.Heading {
|
pankso@37
|
791 text-align: left;
|
pankso@37
|
792 color: #000;
|
pankso@37
|
793 font-weight: bold;
|
pankso@37
|
794 }
|
pankso@37
|
795 ul.PanelInfo {
|
pankso@37
|
796 border-top: 1px solid #C8C8C8;
|
pankso@37
|
797 border-bottom: 0;
|
pankso@37
|
798 }
|
pankso@37
|
799 ul.PanelInfo li strong {
|
pankso@37
|
800 font-weight: normal;
|
pankso@37
|
801 text-align: left;
|
pankso@37
|
802 font-weight: normal;
|
pankso@37
|
803 }
|
pankso@37
|
804 ul.PanelInfo li a {
|
pankso@37
|
805 float: left;
|
pankso@37
|
806 }
|
pankso@37
|
807 ul.PanelInfo div.Meta {
|
pankso@37
|
808 font-size: 11px;
|
pankso@37
|
809 }
|
pankso@37
|
810 ul.PanelInfo div.Meta span,
|
pankso@37
|
811 ul.PanelInfo div.Meta strong {
|
pankso@37
|
812 margin-right: 8px;
|
pankso@37
|
813 }
|
pankso@37
|
814 ul.PanelInfo div.Meta span a {
|
pankso@37
|
815 margin-left: 8px;
|
pankso@37
|
816 }
|
pankso@37
|
817 ul.PanelInfo div.Meta strong {
|
pankso@37
|
818 display: inline;
|
pankso@37
|
819 border-radius: 2px;
|
pankso@37
|
820 -moz-border-radius: 2px;
|
pankso@37
|
821 -webkit-border-radius: 2px;
|
pankso@37
|
822 /*
|
pankso@37
|
823 box-shadow: 0px 0px 2px #777;
|
pankso@37
|
824 -moz-box-shadow: 0px 0px 2px #777;
|
pankso@37
|
825 -webkit-box-shadow: 0px 0px 2px #777;
|
pankso@37
|
826 */
|
pankso@37
|
827 background: #FF0;
|
pankso@37
|
828 color:#000;
|
pankso@37
|
829 font-size:9px;
|
pankso@37
|
830 font-weight:bold;
|
pankso@37
|
831 padding: 3px;
|
pankso@37
|
832 line-height: 1;
|
pankso@37
|
833 }
|
pankso@37
|
834 ul.PanelInfo li.Parent {
|
pankso@37
|
835 text-align: left;
|
pankso@37
|
836 font-weight: bold;
|
pankso@37
|
837 background: none;
|
pankso@37
|
838 color: #333;
|
pankso@37
|
839 padding: 2px 0;
|
pankso@37
|
840 }
|
pankso@37
|
841 ul.PanelInfo li.Active {
|
pankso@37
|
842 background: #f8f8f8;
|
pankso@37
|
843 border-bottom: 1px solid #444444;
|
pankso@37
|
844 }
|
pankso@37
|
845 ul.PanelInfo li.Active a {
|
pankso@37
|
846 color: #1e79a7;
|
pankso@37
|
847 }
|
pankso@37
|
848 ul.PanelActivity li.ShowAll,
|
pankso@37
|
849 ul.PanelInfo li.ShowAll {
|
pankso@37
|
850 font-weight: bold;
|
pankso@37
|
851 border: 0;
|
pankso@37
|
852 text-align: right;
|
pankso@37
|
853 background: none;
|
pankso@37
|
854 }
|
pankso@37
|
855 #UserOptions {
|
pankso@37
|
856 margin-bottom: 10px;
|
pankso@37
|
857 }
|
pankso@37
|
858 body.Profile ul.PanelInfo {
|
pankso@37
|
859 border-bottom: 1px solid #C8C8C8;
|
pankso@37
|
860 }
|
pankso@37
|
861 body.Profile ul.PanelInfo li {
|
pankso@37
|
862 border-bottom: 0;
|
pankso@37
|
863 text-align: left;
|
pankso@37
|
864 }
|
pankso@37
|
865 body.Profile ul.PanelInfo li a {
|
pankso@37
|
866 float: none;
|
pankso@37
|
867 }
|
pankso@37
|
868 a.BigButton {
|
pankso@37
|
869 text-align: center;
|
pankso@37
|
870 display: block;
|
pankso@37
|
871 cursor: pointer;
|
pankso@37
|
872 margin: 0 0 10px;
|
pankso@37
|
873 font-size: 15px;
|
pankso@37
|
874 font-weight: bold;
|
pankso@37
|
875 padding: 8px 0;
|
pankso@37
|
876 background: url('images/buttonbg.png') repeat-x center left #f8f8f8;
|
pankso@37
|
877 color: #02475A;
|
pankso@37
|
878 text-shadow: 0 1px 0 #fff;
|
pankso@37
|
879 border: 1px solid #999;
|
pankso@37
|
880 border-radius: 3px;
|
pankso@37
|
881 -moz-border-radius: 3px;
|
pankso@37
|
882 -webkit-border-radius: 3px;
|
pankso@37
|
883 box-shadow: 0px 0px 2px #999;
|
pankso@37
|
884 -moz-box-shadow: 0px 0px 2px #999;
|
pankso@37
|
885 -webkit-box-shadow: 0px 0px 2px #999;
|
pankso@37
|
886 }
|
pankso@37
|
887 a.BigButton:hover {
|
pankso@37
|
888 color: #111;
|
pankso@37
|
889 border: 1px solid #666;
|
pankso@37
|
890 box-shadow: 0px 0px 5px #aaa;
|
pankso@37
|
891 -moz-box-shadow: 0px 0px 5px #aaa;
|
pankso@37
|
892 -webkit-box-shadow: 0px 0px 5px #aaa;
|
pankso@37
|
893 }
|
pankso@37
|
894 a.BigButton:focus {
|
pankso@37
|
895 background: #eee;
|
pankso@37
|
896 box-shadow: 0px 0px 2px #999;
|
pankso@37
|
897 -moz-box-shadow: 0px 0px 2px #999;
|
pankso@37
|
898 -webkit-box-shadow: 0px 0px 2px #999;
|
pankso@37
|
899 }
|
pankso@37
|
900 /* Category Depths */
|
pankso@37
|
901 ul.PanelCategories li.Depth2 { padding-left: 8px; }
|
pankso@37
|
902 ul.PanelCategories li.Depth3 { padding-left: 12px; }
|
pankso@37
|
903 ul.PanelCategories li.Depth4 { padding-left: 16px; }
|
pankso@37
|
904 ul.PanelCategories li.Depth5 { padding-left: 20px; }
|
pankso@37
|
905 ul.PanelCategories li.Depth6 { padding-left: 24px; }
|
pankso@37
|
906 ul.PanelCategories li.Depth7 { padding-left: 28px; }
|
pankso@37
|
907 ul.PanelCategories li.Depth8 { padding-left: 32px; }
|
pankso@37
|
908 ul.PanelCategories li.Depth9 { padding-left: 36px; }
|
pankso@37
|
909 ul.PanelCategories li.Depth10 { padding-left: 40px; }
|
pankso@37
|
910 ul.PanelCategories li.Depth11 { padding-left: 44px; }
|
pankso@37
|
911 ul.PanelCategories li.Depth12 { padding-left: 48px; }
|
pankso@37
|
912 ul.CategoryList li.Depth2 { padding-left: 25px !important; }
|
pankso@37
|
913 ul.CategoryList li.Depth3 { padding-left: 50px !important; }
|
pankso@37
|
914 ul.CategoryList li.Depth4 { padding-left: 75px !important; }
|
pankso@37
|
915 ul.CategoryList li.Depth5 { padding-left: 100px !important; }
|
pankso@37
|
916 ul.CategoryList li.Depth6 { padding-left: 125px !important; }
|
pankso@37
|
917 ul.CategoryList li.Depth7 { padding-left: 150px !important; }
|
pankso@37
|
918 ul.CategoryList li.Depth8 { padding-left: 175px !important; }
|
pankso@37
|
919 ul.CategoryList li.Depth9 { padding-left: 200px !important; }
|
pankso@37
|
920 ul.CategoryList li.Depth10 { padding-left: 225px !important; }
|
pankso@37
|
921 ul.CategoryList li.Depth11 { padding-left: 250px !important; }
|
pankso@37
|
922 ul.CategoryList li.Depth12 { padding-left: 275px !important; }
|
pankso@37
|
923 ul.CategoryListWithHeadings li.Depth2 { padding-left: 0 !important; }
|
pankso@37
|
924 ul.CategoryListWithHeadings li.Depth3 { padding-left: 25px !important; }
|
pankso@37
|
925 ul.CategoryListWithHeadings li.Depth4 { padding-left: 50px !important; }
|
pankso@37
|
926 ul.CategoryListWithHeadings li.Depth5 { padding-left: 75px !important; }
|
pankso@37
|
927 ul.CategoryListWithHeadings li.Depth6 { padding-left: 100px !important; }
|
pankso@37
|
928 ul.CategoryListWithHeadings li.Depth7 { padding-left: 125px !important; }
|
pankso@37
|
929 ul.CategoryListWithHeadings li.Depth8 { padding-left: 150px !important; }
|
pankso@37
|
930 ul.CategoryListWithHeadings li.Depth9 { padding-left: 175px !important; }
|
pankso@37
|
931 ul.CategoryListWithHeadings li.Depth10 { padding-left: 200px !important; }
|
pankso@37
|
932 ul.CategoryListWithHeadings li.Depth11 { padding-left: 225px !important; }
|
pankso@37
|
933 ul.CategoryListWithHeadings li.Depth12 { padding-left: 250px !important; }
|
pankso@37
|
934
|
pankso@37
|
935 div.Box.RecentUsers {
|
pankso@37
|
936 float: left;
|
pankso@37
|
937 }
|
pankso@37
|
938 div.Icons a {
|
pankso@37
|
939 display: block;
|
pankso@37
|
940 margin: 0 2px 2px 0;
|
pankso@37
|
941 float: left;
|
pankso@37
|
942 }
|
pankso@37
|
943 div.Icons img {
|
pankso@37
|
944 display: block;
|
pankso@37
|
945 height: 44px;
|
pankso@37
|
946 width: 44px;
|
pankso@37
|
947 overflow: hidden;
|
pankso@37
|
948 background: #c4cde0;
|
pankso@37
|
949 color: #c4cde0;
|
pankso@37
|
950 text-indent: 50px;
|
pankso@37
|
951 }
|
pankso@37
|
952
|
pankso@37
|
953 /* ================================================ DataList (Search Results) */
|
pankso@37
|
954 /* Note: DataList is used in search results, vanilla discussions & drafts */
|
pankso@37
|
955 div.Empty {
|
pankso@37
|
956 margin: 10px 0;
|
pankso@37
|
957 }
|
pankso@37
|
958 ul.DataList li.Item {
|
pankso@37
|
959 margin: 0;
|
pankso@37
|
960 padding: 4px 0;
|
pankso@37
|
961 border-bottom: 1px solid #bec8cc;
|
pankso@37
|
962 }
|
pankso@37
|
963 ul.DataList li.Item li.Item {
|
pankso@37
|
964 border-bottom: none;
|
pankso@37
|
965 }
|
pankso@37
|
966 ul.DataList li {
|
pankso@37
|
967 border: 0;
|
pankso@37
|
968 padding: 0;
|
pankso@37
|
969 position: relative;
|
pankso@37
|
970 }
|
pankso@37
|
971 ul.DataList div.Options {
|
pankso@37
|
972 position: absolute;
|
pankso@37
|
973 right: 0;
|
pankso@37
|
974 width:100px;
|
pankso@37
|
975 }
|
pankso@37
|
976 ul.DataList div.OptionButton {
|
pankso@37
|
977 position: absolute;
|
pankso@37
|
978 top: 0;
|
pankso@37
|
979 right: 0;
|
pankso@37
|
980 }
|
pankso@37
|
981 ul.DataList a.Title {
|
pankso@37
|
982 display: block;
|
pankso@37
|
983 margin: 0;
|
pankso@37
|
984 font-size: 14px;
|
pankso@37
|
985 font-weight: bold;
|
pankso@37
|
986 }
|
pankso@37
|
987 ul.DataList div.Title {
|
pankso@37
|
988 display: block;
|
pankso@37
|
989 margin: 0;
|
pankso@37
|
990 }
|
pankso@37
|
991 ul.DataList div.Title a {
|
pankso@37
|
992 font-size: 120%;
|
pankso@37
|
993 font-weight: bold;
|
pankso@37
|
994 }
|
pankso@37
|
995 ul.DataList div.Meta {
|
pankso@37
|
996 font-size: 11px;
|
pankso@37
|
997 color: #70727c;
|
pankso@37
|
998 }
|
pankso@37
|
999 ul.DataList div.Excerpt {
|
pankso@37
|
1000 font-size: 12px;
|
pankso@37
|
1001 line-height: 1.4;
|
pankso@37
|
1002 }
|
pankso@37
|
1003 ul.DataList div.Excerpt a {
|
pankso@37
|
1004 color: #333;
|
pankso@37
|
1005 display: block;
|
pankso@37
|
1006 }
|
pankso@37
|
1007 ul.DataList div.Excerpt p {
|
pankso@37
|
1008 display: inline;
|
pankso@37
|
1009 padding: 0;
|
pankso@37
|
1010 }
|
pankso@37
|
1011 /* ul.DataList div.Meta span a, */
|
pankso@37
|
1012 ul.DataList div.Meta span,
|
pankso@37
|
1013 ul.DataList div.Meta strong {
|
pankso@37
|
1014 margin-right: 12px;
|
pankso@37
|
1015 }
|
pankso@37
|
1016 ul.DataList div.Meta strong {
|
pankso@37
|
1017 border-radius: 2px;
|
pankso@37
|
1018 -moz-border-radius: 2px;
|
pankso@37
|
1019 -webkit-border-radius: 2px;
|
pankso@37
|
1020 /*
|
pankso@37
|
1021 box-shadow: 0px 0px 2px #777;
|
pankso@37
|
1022 -moz-box-shadow: 0px 0px 2px #777;
|
pankso@37
|
1023 -webkit-box-shadow: 0px 0px 2px #777;
|
pankso@37
|
1024 */
|
pankso@37
|
1025 background: #FF0;
|
pankso@37
|
1026 color:#000;
|
pankso@37
|
1027 font-size:9px;
|
pankso@37
|
1028 font-weight:bold;
|
pankso@37
|
1029 padding: 3px;
|
pankso@37
|
1030 line-height: 1;
|
pankso@37
|
1031 }
|
pankso@37
|
1032 ul.DataList div.Meta a {
|
pankso@37
|
1033 color: #2b2d33;
|
pankso@37
|
1034 }
|
pankso@37
|
1035 ul.DataList a.Delete {
|
pankso@37
|
1036 width: auto;
|
pankso@37
|
1037 padding: 0 5px;
|
pankso@37
|
1038 margin: 0 1px 0 0;
|
pankso@37
|
1039 font-size: 11px;
|
pankso@37
|
1040 font-weight: normal;
|
pankso@37
|
1041 border-radius: 2px;
|
pankso@37
|
1042 -moz-border-radius: 2px;
|
pankso@37
|
1043 -webkit-border-radius: 2px;
|
pankso@37
|
1044 color: #555;
|
pankso@37
|
1045 cursor: pointer;
|
pankso@37
|
1046 line-height: 1;
|
pankso@37
|
1047 }
|
pankso@37
|
1048 ul.DataList a.Delete:hover {
|
pankso@37
|
1049 padding: 4px;
|
pankso@37
|
1050 color: #333;
|
pankso@37
|
1051 border: 1px solid #888;
|
pankso@37
|
1052 background: url('images/buttonbg.png') repeat-x center left #f8f8f8;
|
pankso@37
|
1053 }
|
pankso@37
|
1054 ul.DataList a.Delete:focus {
|
pankso@37
|
1055 background: #f8f8f8;
|
pankso@37
|
1056 }
|
pankso@37
|
1057 /* Condensed datalists make the main link & excerpt inline. */
|
pankso@37
|
1058 ul.DataList div.Photo {
|
pankso@37
|
1059 float: left;
|
pankso@37
|
1060 padding: 0 10px 0 0;
|
pankso@37
|
1061 font-size: 11px;
|
pankso@37
|
1062 }
|
pankso@37
|
1063 ul.DataList div.Photo img {
|
pankso@37
|
1064 display: block;
|
pankso@37
|
1065 height: 43px;
|
pankso@37
|
1066 width: 43px;
|
pankso@37
|
1067 overflow: hidden;
|
pankso@37
|
1068 background: #eee;
|
pankso@37
|
1069 }
|
pankso@37
|
1070 ul.Condensed li,
|
pankso@37
|
1071 li.Condensed {
|
pankso@37
|
1072 clear: left;
|
pankso@37
|
1073 }
|
pankso@37
|
1074 ul.Condensed a.Title,
|
pankso@37
|
1075 li.Condensed a.Title,
|
pankso@37
|
1076 ul.Condensed div.Title,
|
pankso@37
|
1077 li.Condensed div.Title {
|
pankso@37
|
1078 display: inline;
|
pankso@37
|
1079 padding: 0;
|
pankso@37
|
1080 }
|
pankso@37
|
1081 ul.Condensed div.Excerpt,
|
pankso@37
|
1082 li.Condensed div.Excerpt {
|
pankso@37
|
1083 display: inline;
|
pankso@37
|
1084 }
|
pankso@37
|
1085 ul.Condensed div.Excerpt a,
|
pankso@37
|
1086 li.Condensed div.Excerpt a {
|
pankso@37
|
1087 display: block;
|
pankso@37
|
1088 padding: 3px 0;
|
pankso@37
|
1089 }
|
pankso@37
|
1090
|
pankso@37
|
1091 /* =============================================================== Activities */
|
pankso@37
|
1092
|
pankso@37
|
1093 body.Activity h1 {
|
pankso@37
|
1094 margin: 0;
|
pankso@37
|
1095 }
|
pankso@37
|
1096 body.Profile ul.Activities {
|
pankso@37
|
1097 margin-top: 10px;
|
pankso@37
|
1098 border-top: 1px solid #ddd;
|
pankso@37
|
1099 }
|
pankso@37
|
1100 ul.Activities li.HasPhoto div.Title {
|
pankso@37
|
1101 padding: 0;
|
pankso@37
|
1102 }
|
pankso@37
|
1103 ul.Activities a.Title,
|
pankso@37
|
1104 ul.Activities div.Title,
|
pankso@37
|
1105 ul.Activities div.Title a {
|
pankso@37
|
1106 font-size: 14px;
|
pankso@37
|
1107 }
|
pankso@37
|
1108 ul.Activities div.Excerpt {
|
pankso@37
|
1109 color: #80828C;
|
pankso@37
|
1110 }
|
pankso@37
|
1111 ul.Activities li.Condensed div.Excerpt {
|
pankso@37
|
1112 color: #000;
|
pankso@37
|
1113 font-size: 13px;
|
pankso@37
|
1114 padding: 0 0 0 4px;
|
pankso@37
|
1115 }
|
pankso@37
|
1116 ul.Activities div.Excerpt a,
|
pankso@37
|
1117 ul.Activities div.Meta a {
|
pankso@37
|
1118 color: #1e79a7;
|
pankso@37
|
1119 }
|
pankso@37
|
1120 ul.Activities div.Excerpt a:hover,
|
pankso@37
|
1121 ul.Activities div.Meta a:hover {
|
pankso@37
|
1122 color: #ff0084;
|
pankso@37
|
1123 }
|
pankso@37
|
1124 ul.Activities div.Excerpt img {
|
pankso@37
|
1125 padding: 2px;
|
pankso@37
|
1126 border: 1px solid #999;
|
pankso@37
|
1127 }
|
pankso@37
|
1128 ul.Activities ul.DataList {
|
pankso@37
|
1129 margin-left: 50px;
|
pankso@37
|
1130 width: 400px;
|
pankso@37
|
1131 }
|
pankso@37
|
1132 ul.Activities div.ItemContent {
|
pankso@37
|
1133 width: 631px;
|
pankso@37
|
1134 }
|
pankso@37
|
1135 ul.Activities li.HasPhoto div.ItemContent {
|
pankso@37
|
1136 margin-left: 53px;
|
pankso@37
|
1137 width: 578px;
|
pankso@37
|
1138 }
|
pankso@37
|
1139 ul.Activities li.Item li.HasPhoto div.ItemContent {
|
pankso@37
|
1140 width: auto;
|
pankso@37
|
1141 margin-left: 42px;
|
pankso@37
|
1142 }
|
pankso@37
|
1143 ul.Activities ul.DataList li {
|
pankso@37
|
1144 background: #D7E7FF;
|
pankso@37
|
1145 margin-bottom: 2px;
|
pankso@37
|
1146 padding: 6px;
|
pankso@37
|
1147 }
|
pankso@37
|
1148 ul.Activities ul.DataList a.Title,
|
pankso@37
|
1149 ul.Activities ul.DataList div.Title,
|
pankso@37
|
1150 ul.Activities ul.DataList div.Title a,
|
pankso@37
|
1151 ul.Activities ul.DataList div.Excerpt p {
|
pankso@37
|
1152 font-size: 13px;
|
pankso@37
|
1153 line-height: 1;
|
pankso@37
|
1154 }
|
pankso@37
|
1155 ul.HasPhoto div.Excerpt,
|
pankso@37
|
1156 ul.HasPhoto div.Meta {
|
pankso@37
|
1157 padding-left: 49px !important;
|
pankso@37
|
1158 display: block;
|
pankso@37
|
1159 }
|
pankso@37
|
1160 ul.Activities ul.DataList .HasPhoto div.Meta {
|
pankso@37
|
1161 padding: 2px 0 0;
|
pankso@37
|
1162 line-height: 1;
|
pankso@37
|
1163 }
|
pankso@37
|
1164 ul.Activities ul.DataList div.Photo img {
|
pankso@37
|
1165 height: 32px;
|
pankso@37
|
1166 width: 32px;
|
pankso@37
|
1167 }
|
pankso@37
|
1168 ul.Activities a.CommentLink,
|
pankso@37
|
1169 ul.Activities a.CommentLink:hover {
|
pankso@37
|
1170 font-size: 12px;
|
pankso@37
|
1171 cursor: text;
|
pankso@37
|
1172 background: #fff;
|
pankso@37
|
1173 color: #bbb !important;
|
pankso@37
|
1174 padding: 5px;
|
pankso@37
|
1175 text-decoration: none;
|
pankso@37
|
1176 border: 1px solid #aaa;
|
pankso@37
|
1177 display: block;
|
pankso@37
|
1178 line-height: 100%;
|
pankso@37
|
1179 font-weight: normal;
|
pankso@37
|
1180 }
|
pankso@37
|
1181 ul.Activities li.CommentForm form div {
|
pankso@37
|
1182 text-align: right;
|
pankso@37
|
1183 }
|
pankso@37
|
1184 ul.Activities li.CommentForm textarea.TextBox {
|
pankso@37
|
1185 width: 380px;
|
pankso@37
|
1186 min-height: 40px;
|
pankso@37
|
1187 height: 40px;
|
pankso@37
|
1188 margin-bottom: 2px;
|
pankso@37
|
1189 font-size: 12px;
|
pankso@37
|
1190 }
|
pankso@37
|
1191 ul.Activities li.CommentForm input.Button {
|
pankso@37
|
1192 font-size: 12px;
|
pankso@37
|
1193 box-shadow: 0 0 1px #999;
|
pankso@37
|
1194 -moz-box-shadow: 0 0 1px #999;
|
pankso@37
|
1195 -webkit-box-shadow: 0 0 1px #999;
|
pankso@37
|
1196 }
|
pankso@37
|
1197
|
pankso@37
|
1198
|
pankso@37
|
1199 /* ============================================================== MessageList */
|
pankso@37
|
1200 /* used for lists of message-based content (discussion comments, private
|
pankso@37
|
1201 conversation messages, etc). */
|
pankso@37
|
1202
|
pankso@37
|
1203 ul.MessageList,
|
pankso@37
|
1204 ul.MessageList li {
|
pankso@37
|
1205 list-style: none;
|
pankso@37
|
1206 margin: 0;
|
pankso@37
|
1207 padding: 0;
|
pankso@37
|
1208 }
|
pankso@37
|
1209 ul.MessageList li.Item {
|
pankso@37
|
1210 border-bottom: 1px solid #ddd;
|
pankso@37
|
1211 padding: 10px 4px 4px 10px;
|
pankso@37
|
1212 }
|
pankso@37
|
1213 ul.MessageList div.Meta {
|
pankso@37
|
1214 font-size: 11px;
|
pankso@37
|
1215 color: #777;
|
pankso@37
|
1216 min-height: 40px;
|
pankso@37
|
1217 }
|
pankso@37
|
1218 ul.MessageList div.Meta span.Author img {
|
pankso@37
|
1219 height: 40px;
|
pankso@37
|
1220 width: 40px;
|
pankso@37
|
1221 border: 0;
|
pankso@37
|
1222 margin: 0 10px 0 0;
|
pankso@37
|
1223 float: left;
|
pankso@37
|
1224 overflow: hidden;
|
pankso@37
|
1225 background: #eee;
|
pankso@37
|
1226 }
|
pankso@37
|
1227 ul.MessageList div.Meta span {
|
pankso@37
|
1228 line-height: 2.5;
|
pankso@37
|
1229 padding-left: 10px;
|
pankso@37
|
1230 }
|
pankso@37
|
1231 ul.MessageList div.Meta span.Author {
|
pankso@37
|
1232 padding: 0;
|
pankso@37
|
1233 }
|
pankso@37
|
1234 ul.MessageList div.Meta span.Author a {
|
pankso@37
|
1235 font-size: 15px;
|
pankso@37
|
1236 font-weight: bold;
|
pankso@37
|
1237 }
|
pankso@37
|
1238
|
pankso@37
|
1239 ul.MessageList div.Comment div.Meta span {
|
pankso@37
|
1240 line-height: inherit;
|
pankso@37
|
1241 }
|
pankso@37
|
1242
|
pankso@37
|
1243 ul.MessageList div.Comment div.Meta div.CommentInfo {
|
pankso@37
|
1244 line-height: normal;
|
pankso@37
|
1245 }
|
pankso@37
|
1246
|
pankso@37
|
1247 ul.MessageList div.Comment div.Meta div.CommentInfo span {
|
pankso@37
|
1248 padding-left: 0px;
|
pankso@37
|
1249 padding-right: 10px;
|
pankso@37
|
1250 }
|
pankso@37
|
1251
|
pankso@37
|
1252 div.Preview {
|
pankso@37
|
1253 text-align: left;
|
pankso@37
|
1254 background: #f1f1f1;
|
pankso@37
|
1255 padding: 1px 8px;
|
pankso@37
|
1256 margin: 4px 0 8px;
|
pankso@37
|
1257 }
|
pankso@37
|
1258 div.Popup div.Preview {
|
pankso@37
|
1259 padding: 8px;
|
pankso@37
|
1260 margin: 0;
|
pankso@37
|
1261 }
|
pankso@37
|
1262 body.Post div.Popup a.Close {
|
pankso@37
|
1263 color: #1e79a7;
|
pankso@37
|
1264 }
|
pankso@37
|
1265 div.Preview div.Message,
|
pankso@37
|
1266 ul.MessageList div.Message {
|
pankso@37
|
1267 clear: both;
|
pankso@37
|
1268 line-height: 140%;
|
pankso@37
|
1269 font-size: 100%;
|
pankso@37
|
1270 word-wrap: break-word;
|
pankso@37
|
1271 }
|
pankso@37
|
1272 div.Preview div.Message,
|
pankso@37
|
1273 div.Preview div.Message p,
|
pankso@37
|
1274 ul.MessageList div.Message,
|
pankso@37
|
1275 ul.MessageList div.Message p {
|
pankso@37
|
1276 margin: 8px 0;
|
pankso@37
|
1277 }
|
pankso@37
|
1278 div.Preview div.Message blockquote,
|
pankso@37
|
1279 ul.MessageList div.Message blockquote {
|
pankso@37
|
1280 padding: 4px 16px;
|
pankso@37
|
1281 margin: 4px 0;
|
pankso@37
|
1282 }
|
pankso@37
|
1283
|
pankso@37
|
1284 code, pre {
|
pankso@37
|
1285 border-radius: 2px;
|
pankso@37
|
1286 -moz-border-radius: 2px;
|
pankso@37
|
1287 -webkit-border-radius: 2px;
|
pankso@37
|
1288 background: #ff9;
|
pankso@37
|
1289 padding: 4px 8px;
|
pankso@37
|
1290 white-space: pre;
|
pankso@37
|
1291 font-family: monospace;
|
pankso@37
|
1292 overflow: auto;
|
pankso@37
|
1293 border: 1px solid #eec;
|
pankso@37
|
1294 }
|
pankso@37
|
1295 pre {
|
pankso@37
|
1296 display: block;
|
pankso@37
|
1297 }
|
pankso@37
|
1298 div.Preview div.Message strong,
|
pankso@37
|
1299 ul.MessageList div.Message strong {
|
pankso@37
|
1300 font-weight: bold;
|
pankso@37
|
1301 }
|
pankso@37
|
1302 div.Preview div.Message em,
|
pankso@37
|
1303 ul.MessageList div.Message em {
|
pankso@37
|
1304 font-style: oblique;
|
pankso@37
|
1305 }
|
pankso@37
|
1306 div.Preview div.Message ul,
|
pankso@37
|
1307 div.Preview div.Message ol,
|
pankso@37
|
1308 ul.MessageList div.Message ul,
|
pankso@37
|
1309 ul.MessageList div.Message ol {
|
pankso@37
|
1310 margin-left: 3em ! important;
|
pankso@37
|
1311 }
|
pankso@37
|
1312 div.Preview div.Message ol li,
|
pankso@37
|
1313 ul.MessageList div.Message ol li {
|
pankso@37
|
1314 list-style: decimal ! important;
|
pankso@37
|
1315 }
|
pankso@37
|
1316 div.Preview div.Message ul li,
|
pankso@37
|
1317 ul.MessageList div.Message ul li {
|
pankso@37
|
1318 list-style: disc ! important;
|
pankso@37
|
1319 }
|
pankso@37
|
1320 div.Message h1,
|
pankso@37
|
1321 div.Message h2,
|
pankso@37
|
1322 div.Message h3,
|
pankso@37
|
1323 div.Message h4,
|
pankso@37
|
1324 div.Message h5 {
|
pankso@37
|
1325 font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif;
|
pankso@37
|
1326 font-weight: bold;
|
pankso@37
|
1327 border: none;
|
pankso@37
|
1328 color: #000;
|
pankso@37
|
1329 }
|
pankso@37
|
1330 div.Message h1 { font-size: 22px; }
|
pankso@37
|
1331 div.Message h2 { font-size: 20px; }
|
pankso@37
|
1332 div.Message h3 { font-size: 18px; }
|
pankso@37
|
1333 div.Message h4 { font-size: 16px; }
|
pankso@37
|
1334 div.Message h5 { font-size: 14px; }
|
pankso@37
|
1335 div.Message div.ImageResized {
|
pankso@37
|
1336 font-size: 11px;
|
pankso@37
|
1337 font-weight: normal;
|
pankso@37
|
1338 cursor: pointer;
|
pankso@37
|
1339 margin-bottom: 10px;
|
pankso@37
|
1340 }
|
pankso@37
|
1341 /* The "Foot" is at the bottom of the #Content section. Used for more results
|
pankso@37
|
1342 links, sign in buttons, etc */
|
pankso@37
|
1343 .Foot {
|
pankso@37
|
1344 border-bottom: 1px solid #C8C8C8;
|
pankso@37
|
1345 padding: 6px;
|
pankso@37
|
1346 background: #eaeaea;
|
pankso@37
|
1347 text-align: right;
|
pankso@37
|
1348 border-bottom-right-radius: 2px;
|
pankso@37
|
1349 border-bottom-left-radius: 2px;
|
pankso@37
|
1350 -moz-border-radius-bottomright: 2px;
|
pankso@37
|
1351 -moz-border-radius-bottomleft: 2px;
|
pankso@37
|
1352 -webkit-border-bottom-right-radius: 2px;
|
pankso@37
|
1353 -webkit-border-bottom-left-radius: 2px;
|
pankso@37
|
1354 }
|
pankso@37
|
1355 .Foot a.TabLink {
|
pankso@37
|
1356 margin-left: 10px;
|
pankso@37
|
1357 }
|
pankso@37
|
1358 .Foot .Note {
|
pankso@37
|
1359 line-height: 2.6;
|
pankso@37
|
1360 float: left;
|
pankso@37
|
1361 padding: 0 0 0 8px;
|
pankso@37
|
1362 font-weight: bold;
|
pankso@37
|
1363 }
|
pankso@37
|
1364
|
pankso@37
|
1365 /* =============================================================== Categories */
|
pankso@37
|
1366 ul.CategoryList li.Item {
|
pankso@37
|
1367 margin: 0;
|
pankso@37
|
1368 padding: 0;
|
pankso@37
|
1369 border: 0 !important;
|
pankso@37
|
1370 }
|
pankso@37
|
1371 ul.CategoryList .ItemContent {
|
pankso@37
|
1372 position: relative;
|
pankso@37
|
1373 margin-top: -1px;
|
pankso@37
|
1374 border: 1px solid #BEC8CC;
|
pankso@37
|
1375 border-width: 1px 0;
|
pankso@37
|
1376 padding: 4px 9px;
|
pankso@37
|
1377 }
|
pankso@37
|
1378 div.Meta span.ChildCategories {
|
pankso@37
|
1379 border-top: 1px dotted #ddd;
|
pankso@37
|
1380 display: block;
|
pankso@37
|
1381 }
|
pankso@37
|
1382 ul.DataList div.Meta span.RSS {
|
pankso@37
|
1383 margin-right: 6px;
|
pankso@37
|
1384 }
|
pankso@37
|
1385 div.Meta span.RSS img {
|
pankso@37
|
1386 vertical-align: text-bottom;
|
pankso@37
|
1387 }
|
pankso@37
|
1388 ul.CategoryList li.CategoryHeading {
|
pankso@37
|
1389 font-weight: bold;
|
pankso@37
|
1390 font-size: 14px;
|
pankso@37
|
1391 }
|
pankso@37
|
1392
|
pankso@37
|
1393 /* ============================================================= Profile Page */
|
pankso@37
|
1394 body.Profile #Content {
|
pankso@37
|
1395 width: auto;
|
pankso@37
|
1396 margin: 0 0 40px 20px;
|
pankso@37
|
1397 width: 690px;
|
pankso@37
|
1398 float: right;
|
pankso@37
|
1399 }
|
pankso@37
|
1400 body.Profile #Panel {
|
pankso@37
|
1401 float: left;
|
pankso@37
|
1402 width: 250px;
|
pankso@37
|
1403 }
|
pankso@37
|
1404 ul.SideMenu {
|
pankso@37
|
1405 border-radius: 0;
|
pankso@37
|
1406 -moz-border-radius: 0;
|
pankso@37
|
1407 -webkit-border-radius: 0;
|
pankso@37
|
1408 background: none;
|
pankso@37
|
1409 padding: 0;
|
pankso@37
|
1410 margin: 0 0 10px;
|
pankso@37
|
1411 }
|
pankso@37
|
1412 ul.SideMenu li ul {
|
pankso@37
|
1413 margin: 0;
|
pankso@37
|
1414 padding: 0;
|
pankso@37
|
1415 border: 0;
|
pankso@37
|
1416 background: none;
|
pankso@37
|
1417 }
|
pankso@37
|
1418 ul.SideMenu li ul li {
|
pankso@37
|
1419 border-bottom: 1px solid #bec8cc;
|
pankso@37
|
1420 }
|
pankso@37
|
1421 ul.SideMenu li ul li a {
|
pankso@37
|
1422 padding: 0 8px;
|
pankso@37
|
1423 display: block;
|
pankso@37
|
1424 }
|
pankso@37
|
1425 ul.SideMenu li ul li a:hover {
|
pankso@37
|
1426 text-decoration: none;
|
pankso@37
|
1427 background: #eaeaea;
|
pankso@37
|
1428 }
|
pankso@37
|
1429 div.User {
|
pankso@37
|
1430 line-height: 150%;
|
pankso@37
|
1431 }
|
pankso@37
|
1432 div.User,
|
pankso@37
|
1433 div.User a {
|
pankso@37
|
1434 text-decoration: none;
|
pankso@37
|
1435 }
|
pankso@37
|
1436 div.User h1 {
|
pankso@37
|
1437 padding: 0 0 8px;
|
pankso@37
|
1438 margin: 0;
|
pankso@37
|
1439 line-height: 100%;
|
pankso@37
|
1440 border: 0;
|
pankso@37
|
1441 }
|
pankso@37
|
1442 #Status {
|
pankso@37
|
1443 border-top-left-radius: 2px;
|
pankso@37
|
1444 border-top-right-radius: 2px;
|
pankso@37
|
1445 -moz-border-radius-topleft: 2px;
|
pankso@37
|
1446 -moz-border-radius-topright: 2px;
|
pankso@37
|
1447 -webkit-border-top-left-radius: 2px;
|
pankso@37
|
1448 -webkit-border-top-right-radius: 2px;
|
pankso@37
|
1449 background: #f1f1f1;
|
pankso@37
|
1450 margin: 0;
|
pankso@37
|
1451 padding: 8px 8px 0;
|
pankso@37
|
1452 color: #999;
|
pankso@37
|
1453 font-weight: normal;
|
pankso@37
|
1454 line-height: 1.5;
|
pankso@37
|
1455 }
|
pankso@37
|
1456 #Status p {
|
pankso@37
|
1457 font-size: 120%;
|
pankso@37
|
1458 color: #6c6c6c;
|
pankso@37
|
1459 display: inline;
|
pankso@37
|
1460 margin: 0;
|
pankso@37
|
1461 padding: 0;
|
pankso@37
|
1462 line-height: 1;
|
pankso@37
|
1463 }
|
pankso@37
|
1464 #Status a.Change {
|
pankso@37
|
1465 text-transform: lowercase;
|
pankso@37
|
1466 font-size: 11px;
|
pankso@37
|
1467 text-decoration: none;
|
pankso@37
|
1468 }
|
pankso@37
|
1469 #Status a:hover {
|
pankso@37
|
1470 text-decoration: underline;
|
pankso@37
|
1471 }
|
pankso@37
|
1472 div.User form {
|
pankso@37
|
1473 border-top-left-radius: 2px;
|
pankso@37
|
1474 border-top-right-radius: 2px;
|
pankso@37
|
1475 -moz-border-radius-topleft: 2px;
|
pankso@37
|
1476 -moz-border-radius-topright: 2px;
|
pankso@37
|
1477 -webkit-border-top-left-radius: 2px;
|
pankso@37
|
1478 -webkit-border-top-right-radius: 2px;
|
pankso@37
|
1479 background: #f1f1f1;
|
pankso@37
|
1480 padding: 8px 8px 0;
|
pankso@37
|
1481 }
|
pankso@37
|
1482 div.User form input.InputBox {
|
pankso@37
|
1483 width: 618px;
|
pankso@37
|
1484 margin-right: 2px;
|
pankso@37
|
1485 }
|
pankso@37
|
1486 form.Activity {
|
pankso@37
|
1487 display: block;
|
pankso@37
|
1488 padding: 10px 10px 0 10px;
|
pankso@37
|
1489 text-align: right;
|
pankso@37
|
1490 }
|
pankso@37
|
1491 form.Activity textarea {
|
pankso@37
|
1492 width: 99%;
|
pankso@37
|
1493 margin-bottom: 2px;
|
pankso@37
|
1494 height: 60px;
|
pankso@37
|
1495 min-height: 60px;
|
pankso@37
|
1496 }
|
pankso@37
|
1497
|
pankso@37
|
1498 /* Invitations Form */
|
pankso@37
|
1499 #Form_Invitation table {
|
pankso@37
|
1500 width: 100%;
|
pankso@37
|
1501 border-collapse: collapse;
|
pankso@37
|
1502 margin: 10px 0;
|
pankso@37
|
1503 background: #f1f1f1;
|
pankso@37
|
1504 border: 1px solid #DDDDDD;
|
pankso@37
|
1505 }
|
pankso@37
|
1506 #Form_Invitation table label {
|
pankso@37
|
1507 font-size: 12px;
|
pankso@37
|
1508 padding: 0px;
|
pankso@37
|
1509 }
|
pankso@37
|
1510 #Form_Invitation table tr.Last td,
|
pankso@37
|
1511 #Form_Invitation table tr.Last th {
|
pankso@37
|
1512 border-bottom: 0px;
|
pankso@37
|
1513 }
|
pankso@37
|
1514 #Form_Invitation table th,
|
pankso@37
|
1515 #Form_Invitation table td {
|
pankso@37
|
1516 font-weight: normal;
|
pankso@37
|
1517 color: #555;
|
pankso@37
|
1518 padding: 6px;
|
pankso@37
|
1519 }
|
pankso@37
|
1520 #Form_Invitation table thead th,
|
pankso@37
|
1521 #Form_Invitation table thead td {
|
pankso@37
|
1522 border-bottom: 1px solid #DDDDDD;
|
pankso@37
|
1523 }
|
pankso@37
|
1524 #Form_Invitation table tbody th {
|
pankso@37
|
1525 font-weight: bold;
|
pankso@37
|
1526 color: #000;
|
pankso@37
|
1527 }
|
pankso@37
|
1528 #Form_Invitation table tbody th,
|
pankso@37
|
1529 #Form_Invitation table tbody td {
|
pankso@37
|
1530 border-bottom: 1px solid #DDDDDD;
|
pankso@37
|
1531 line-height: 150%;
|
pankso@37
|
1532 }
|
pankso@37
|
1533 #Form_Invitation table thead th {
|
pankso@37
|
1534 font-weight: bold;
|
pankso@37
|
1535 font-size: 13px;
|
pankso@37
|
1536 color: #000;
|
pankso@37
|
1537 }
|
pankso@37
|
1538 #Form_Invitation table.AltRows tr.Alt th,
|
pankso@37
|
1539 #Form_Invitation table.AltRows tr.Alt td,
|
pankso@37
|
1540 #Form_Invitation table.AltColumns th.Alt,
|
pankso@37
|
1541 #Form_Invitation table.AltColumns td.Alt {
|
pankso@37
|
1542 background: #f1f1f1;
|
pankso@37
|
1543 }
|
pankso@37
|
1544 #Form_Invitation table.AltColumns tr.Alt {
|
pankso@37
|
1545 background: none;
|
pankso@37
|
1546 }
|
pankso@37
|
1547 body.Profile ul.Notifications {
|
pankso@37
|
1548 border-top: 0;
|
pankso@37
|
1549 margin-top: 0;
|
pankso@37
|
1550 }
|
pankso@37
|
1551
|
pankso@37
|
1552
|
pankso@37
|
1553 /* ================================================= Tabs, Headings & Footers */
|
pankso@37
|
1554 div.MessageForm {
|
pankso@37
|
1555 text-align: right;
|
pankso@37
|
1556 }
|
pankso@37
|
1557 div.MessageForm,
|
pankso@37
|
1558 div.Tabs,
|
pankso@37
|
1559 div.Headings {
|
pankso@37
|
1560 display: block;
|
pankso@37
|
1561 border-bottom: 1px solid #C8C8C8;
|
pankso@37
|
1562 padding: 5px 8px;
|
pankso@37
|
1563 margin: 0;
|
pankso@37
|
1564 background: #f1f1f1;
|
pankso@37
|
1565 }
|
pankso@37
|
1566 div.MessageForm div.Tabs {
|
pankso@37
|
1567 padding: 0;
|
pankso@37
|
1568 border: 0;
|
pankso@37
|
1569 background: none;
|
pankso@37
|
1570 text-align: left;
|
pankso@37
|
1571 }
|
pankso@37
|
1572 div.MessageForm div.Tabs ul {
|
pankso@37
|
1573 display: inline;
|
pankso@37
|
1574 }
|
pankso@37
|
1575 div.Tabs li {
|
pankso@37
|
1576 display: inline;
|
pankso@37
|
1577 margin: 0;
|
pankso@37
|
1578 }
|
pankso@37
|
1579 div.MorePager a,
|
pankso@37
|
1580 div.MorePager a:link,
|
pankso@37
|
1581 div.MorePager a:hover,
|
pankso@37
|
1582 div.MorePager a:active,
|
pankso@37
|
1583 div.MorePager a:visited,
|
pankso@37
|
1584 a.TabLink,
|
pankso@37
|
1585 a.TabLink:link,
|
pankso@37
|
1586 a.TabLink:hover,
|
pankso@37
|
1587 a.TabLink:active,
|
pankso@37
|
1588 a.TabLink:visited,
|
pankso@37
|
1589 div.Tabs li a,
|
pankso@37
|
1590 div.Tabs li a:link,
|
pankso@37
|
1591 div.Tabs li a:hover,
|
pankso@37
|
1592 div.Tabs li a:active,
|
pankso@37
|
1593 div.Tabs li a:visited {
|
pankso@37
|
1594 margin: 0;
|
pankso@37
|
1595 border: 1px solid #C8C8C8;
|
pankso@37
|
1596 border-radius: 3px;
|
pankso@37
|
1597 -moz-border-radius: 3px;
|
pankso@37
|
1598 -webkit-border-radius: 3px;
|
pankso@37
|
1599 background: #b64b22;
|
pankso@37
|
1600 display: inline;
|
pankso@37
|
1601 font-weight: bold;
|
pankso@37
|
1602 color: #ffffff;
|
pankso@37
|
1603 text-decoration: none;
|
pankso@37
|
1604 padding: 5px 10px;
|
pankso@37
|
1605 line-height: 2.6;
|
pankso@37
|
1606 }
|
pankso@37
|
1607 div.MorePager li a:hover,
|
pankso@37
|
1608 a.TabLink:hover,
|
pankso@37
|
1609 div.Tabs li a:hover {
|
pankso@37
|
1610 background: #a3431f;
|
pankso@37
|
1611 }
|
pankso@37
|
1612 a.Active,
|
pankso@37
|
1613 div.Tabs li.Active a {
|
pankso@37
|
1614 background: #fff;
|
pankso@37
|
1615 color: #474747;
|
pankso@37
|
1616 }
|
pankso@37
|
1617 div.Tabs li a span {
|
pankso@37
|
1618 line-height: 1;
|
pankso@37
|
1619 font-size: 80%;
|
pankso@37
|
1620 padding: 0 3px;
|
pankso@37
|
1621 border-radius: 3px;
|
pankso@37
|
1622 -webkit-border-radius: 3px;
|
pankso@37
|
1623 -moz-border-radius: 3px;
|
pankso@37
|
1624 font-weight: normal;
|
pankso@37
|
1625 background: #1e79a7;
|
pankso@37
|
1626 color: #eaf4fd;
|
pankso@37
|
1627 margin: 0 0 0 4px;
|
pankso@37
|
1628 }
|
pankso@37
|
1629 div.Tabs div.SubTab {
|
pankso@37
|
1630 margin: 10px 0 0;
|
pankso@37
|
1631 padding: 4px 8px;
|
pankso@37
|
1632 background: #f3fcff;
|
pankso@37
|
1633 border-radius: 2px;
|
pankso@37
|
1634 -webkit-border-radius: 2px;
|
pankso@37
|
1635 -moz-border-radius: 2px;
|
pankso@37
|
1636 }
|
pankso@37
|
1637 div.HeadingTabs {
|
pankso@37
|
1638 padding: 8px 8px 8px 12px;
|
pankso@37
|
1639 }
|
pankso@37
|
1640 div.HeadingTabs ul {
|
pankso@37
|
1641 display: inline;
|
pankso@37
|
1642 float: right;
|
pankso@37
|
1643 }
|
pankso@37
|
1644 div.HeadingTabs div.SubTab {
|
pankso@37
|
1645 font-size: 14px;
|
pankso@37
|
1646 display: inline;
|
pankso@37
|
1647 font-weight: bold;
|
pankso@37
|
1648 background: none;
|
pankso@37
|
1649 padding: 0;
|
pankso@37
|
1650 line-height: 2.4;
|
pankso@37
|
1651 }
|
pankso@37
|
1652 div.SearchTabs input.InputBox {
|
pankso@37
|
1653 width: 560px;
|
pankso@37
|
1654 margin-right: 10px;
|
pankso@37
|
1655 }
|
pankso@37
|
1656 div.Headings {
|
pankso@37
|
1657 position: relative;
|
pankso@37
|
1658 text-align: left;
|
pankso@37
|
1659 }
|
pankso@37
|
1660 div.Headings div {
|
pankso@37
|
1661 display: inline-block;
|
pankso@37
|
1662 padding-right: 10px;
|
pankso@37
|
1663 }
|
pankso@37
|
1664 div.Headings div.ItemHeading {
|
pankso@37
|
1665 font-size: 14px;
|
pankso@37
|
1666 font-weight: bold;
|
pankso@37
|
1667 line-height: 2;
|
pankso@37
|
1668 }
|
pankso@37
|
1669 div.Headings div.MetaHeading {
|
pankso@37
|
1670 font-size: 11px;
|
pankso@37
|
1671 }
|
pankso@37
|
1672
|
pankso@37
|
1673 /* ======================================================== Thumbnail Cropper */
|
pankso@37
|
1674 form.Thumbnail table {
|
pankso@37
|
1675 width: 100%;
|
pankso@37
|
1676 }
|
pankso@37
|
1677 form.Thumbnail table td {
|
pankso@37
|
1678 width: 50%;
|
pankso@37
|
1679 }
|
pankso@37
|
1680 form.Thumbnail table tr td {
|
pankso@37
|
1681 vertical-align: top;
|
pankso@37
|
1682 }
|
pankso@37
|
1683 form.Thumbnail table tr th {
|
pankso@37
|
1684 padding-right: 10px;
|
pankso@37
|
1685 }
|
pankso@37
|
1686 .jcropper-holder {
|
pankso@37
|
1687 border: 1px black solid;
|
pankso@37
|
1688 }
|
pankso@37
|
1689 .jcrop-holder {
|
pankso@37
|
1690 text-align: left;
|
pankso@37
|
1691 }
|
pankso@37
|
1692 .jcrop-vline, .jcrop-hline {
|
pankso@37
|
1693 font-size: 0;
|
pankso@37
|
1694 position: absolute;
|
pankso@37
|
1695 background: white url('images/jcrop.gif') top left repeat;
|
pankso@37
|
1696 }
|
pankso@37
|
1697 .jcrop-vline { height: 100%; width: 1px !important; }
|
pankso@37
|
1698 .jcrop-hline { width: 100%; height: 1px !important; }
|
pankso@37
|
1699 .jcrop-handle {
|
pankso@37
|
1700 font-size: 1px;
|
pankso@37
|
1701 width: 7px !important;
|
pankso@37
|
1702 height: 7px !important;
|
pankso@37
|
1703 border: 1px #eee solid;
|
pankso@37
|
1704 background-color: #333;
|
pankso@37
|
1705 *width: 9px;
|
pankso@37
|
1706 *height: 9px;
|
pankso@37
|
1707 }
|
pankso@37
|
1708 .jcrop-tracker {
|
pankso@37
|
1709 *background-color: gray;
|
pankso@37
|
1710 width: 100%; height: 100%;
|
pankso@37
|
1711 }
|
pankso@37
|
1712 .custom .jcrop-vline,
|
pankso@37
|
1713 .custom .jcrop-hline {
|
pankso@37
|
1714 background: yellow;
|
pankso@37
|
1715 }
|
pankso@37
|
1716 .custom .jcrop-handle {
|
pankso@37
|
1717 border-color: black;
|
pankso@37
|
1718 background-color: #C7BB00;
|
pankso@37
|
1719 border-radius: 3px;
|
pankso@37
|
1720 -moz-border-radius: 3px;
|
pankso@37
|
1721 -webkit-border-radius: 3px;
|
pankso@37
|
1722 }
|
pankso@37
|
1723 form.Thumbnail table {
|
pankso@37
|
1724 width: 100%;
|
pankso@37
|
1725 }
|
pankso@37
|
1726 form.Thumbnail table td {
|
pankso@37
|
1727 font-weight: normal;
|
pankso@37
|
1728 }
|
pankso@37
|
1729
|
pankso@37
|
1730
|
pankso@37
|
1731 /* =================================================================== Popups */
|
pankso@37
|
1732 div.Popup div.Errors ul {
|
pankso@37
|
1733 border: 1px solid #a00 !important;
|
pankso@37
|
1734 }
|
pankso@37
|
1735 div.Popup div.Messages {
|
pankso@37
|
1736 text-align: left;
|
pankso@37
|
1737 position: inherit;
|
pankso@37
|
1738 top: auto;
|
pankso@37
|
1739 left: auto;
|
pankso@37
|
1740 z-index: auto;
|
pankso@37
|
1741 margin: 10px 0 !important;
|
pankso@37
|
1742 }
|
pankso@37
|
1743 div.Popup div.Messages ul {
|
pankso@37
|
1744 display: block;
|
pankso@37
|
1745 border-radius: 2px;
|
pankso@37
|
1746 -moz-border-radius: 2px;
|
pankso@37
|
1747 -webkit-border-radius: 2px;
|
pankso@37
|
1748 box-shadow: none;
|
pankso@37
|
1749 -moz-box-shadow: none;
|
pankso@37
|
1750 -webkit-box-shadow: none;
|
pankso@37
|
1751 }
|
pankso@37
|
1752 * html div.Popup div.Messages {
|
pankso@37
|
1753 position: inherit;
|
pankso@37
|
1754 width: auto;
|
pankso@37
|
1755 top: auto;
|
pankso@37
|
1756 left: auto;
|
pankso@37
|
1757 overflow: auto;
|
pankso@37
|
1758 }
|
pankso@37
|
1759 div.Popup .Info {
|
pankso@37
|
1760 margin-top: 10px;
|
pankso@37
|
1761 }
|
pankso@37
|
1762 div.Popup .Loading {
|
pankso@37
|
1763 display: block;
|
pankso@37
|
1764 width: 200px;
|
pankso@37
|
1765 }
|
pankso@37
|
1766 div.Overlay {
|
pankso@37
|
1767 position: absolute;
|
pankso@37
|
1768 top: 0;
|
pankso@37
|
1769 left: 0;
|
pankso@37
|
1770 width: 100%;
|
pankso@37
|
1771 height: 100%;
|
pankso@37
|
1772 }
|
pankso@37
|
1773 div.Popup {
|
pankso@37
|
1774 position: absolute;
|
pankso@37
|
1775 width: 100%;
|
pankso@37
|
1776 top: 0;
|
pankso@37
|
1777 left: 0;
|
pankso@37
|
1778 z-index: 5000;
|
pankso@37
|
1779 text-align: center;
|
pankso@37
|
1780 }
|
pankso@37
|
1781 div.Popup div.Border {
|
pankso@37
|
1782 margin: 0px auto;
|
pankso@37
|
1783 text-align: left;
|
pankso@37
|
1784 position: relative;
|
pankso@37
|
1785 max-width: 500px;
|
pankso@37
|
1786 display: inline-block;
|
pankso@37
|
1787 }
|
pankso@37
|
1788 div.Popup div.Body {
|
pankso@37
|
1789 background: #fff;
|
pankso@37
|
1790 }
|
pankso@37
|
1791 div.Popup div.Legal,
|
pankso@37
|
1792 div.Popup .Content form {
|
pankso@37
|
1793 max-height: 440px;
|
pankso@37
|
1794 overflow: auto;
|
pankso@37
|
1795 padding: 0 10px 10px;
|
pankso@37
|
1796 }
|
pankso@37
|
1797 div.Popup .Loading {
|
pankso@37
|
1798 text-align: center;
|
pankso@37
|
1799 }
|
pankso@37
|
1800 div.Popup h1,
|
pankso@37
|
1801 div.Popup h2,
|
pankso@37
|
1802 div.Connect h1,
|
pankso@37
|
1803 div.Connect h2 {
|
pankso@37
|
1804 font-size:120%;
|
pankso@37
|
1805 font-weight:bold;
|
pankso@37
|
1806 margin-bottom: 0;
|
pankso@37
|
1807 color: #fff;
|
pankso@37
|
1808 background: #38abe3;
|
pankso@37
|
1809 border-bottom: 1px solid #3DB9E5;
|
pankso@37
|
1810 padding: 6px 9px 4px;
|
pankso@37
|
1811 }
|
pankso@37
|
1812 a.Close {
|
pankso@37
|
1813 position: absolute;
|
pankso@37
|
1814 top: 16px;
|
pankso@37
|
1815 right: 20px;
|
pankso@37
|
1816 line-height: 1;
|
pankso@37
|
1817 color: #E4F7FE;
|
pankso@37
|
1818 cursor: pointer;
|
pankso@37
|
1819 font-family: arial;
|
pankso@37
|
1820 font-size: 22px;
|
pankso@37
|
1821 font-weight: bold;
|
pankso@37
|
1822 padding: 0;
|
pankso@37
|
1823 }
|
pankso@37
|
1824 a.Close:hover {
|
pankso@37
|
1825 color: #fff;
|
pankso@37
|
1826 }
|
pankso@37
|
1827 div.Popup .Footer {
|
pankso@37
|
1828 border: none;
|
pankso@37
|
1829 background: none;
|
pankso@37
|
1830 padding: 0;
|
pankso@37
|
1831 margin: 0;
|
pankso@37
|
1832 text-align: right;
|
pankso@37
|
1833 }
|
pankso@37
|
1834 div.Popup .Footer input.Button {
|
pankso@37
|
1835 font-size: 11px;
|
pankso@37
|
1836 margin-right: 2px;
|
pankso@37
|
1837 }
|
pankso@37
|
1838 div.Popup h3 {
|
pankso@37
|
1839 font-size: 120%;
|
pankso@37
|
1840 font-weight: bold;
|
pankso@37
|
1841 padding: 20px 0 10px;
|
pankso@37
|
1842 }
|
pankso@37
|
1843 div.Popup p {
|
pankso@37
|
1844 padding: 6px 10px 10px;
|
pankso@37
|
1845 }
|
pankso@37
|
1846 div.Popup div.Legal p {
|
pankso@37
|
1847 padding: 6px 0 10px;
|
pankso@37
|
1848 }
|
pankso@37
|
1849 div.Popup small {
|
pankso@37
|
1850 font-size: 11px;
|
pankso@37
|
1851 }
|
pankso@37
|
1852 div.Popup form p {
|
pankso@37
|
1853 padding: 0;
|
pankso@37
|
1854 }
|
pankso@37
|
1855 body.Profile #Form_Invitation ul li label,
|
pankso@37
|
1856 body.Profile #Form_User ul li label,
|
pankso@37
|
1857 div.Popup form ul li label {
|
pankso@37
|
1858 color:#000;
|
pankso@37
|
1859 display:block;
|
pankso@37
|
1860 font-size:14px;
|
pankso@37
|
1861 font-weight:bold;
|
pankso@37
|
1862 margin: 10px 0 0;
|
pankso@37
|
1863 }
|
pankso@37
|
1864 body.Entry form ul li.Gender label.RadioLabel,
|
pankso@37
|
1865 body.Profile #Form_User ul li.Gender label.RadioLabel,
|
pankso@37
|
1866 div.Popup form ul li.Gender label.RadioLabel {
|
pankso@37
|
1867 display: inline;
|
pankso@37
|
1868 padding-right: 20px;
|
pankso@37
|
1869 }
|
pankso@37
|
1870 li.Gender {
|
pankso@37
|
1871 margin-bottom: 10px;
|
pankso@37
|
1872 }
|
pankso@37
|
1873 body.Profile #Form_User ul li label.RadioLabel,
|
pankso@37
|
1874 body.Profile #Form_User ul li label.CheckBoxLabel,
|
pankso@37
|
1875 div.Popup form ul li label.RadioLabel,
|
pankso@37
|
1876 div.Popup form ul li label.CheckBoxLabel {
|
pankso@37
|
1877 font-weight: normal;
|
pankso@37
|
1878 }
|
pankso@37
|
1879 div.Profile #Form_User input.Button,
|
pankso@37
|
1880 div.Popup input.Button {
|
pankso@37
|
1881 margin: 4px 0 2px;
|
pankso@37
|
1882 }
|
pankso@37
|
1883 div.Popup #Form_User div.Warning,
|
pankso@37
|
1884 #dashboard_profile_picture #Form_User div.Warning {
|
pankso@37
|
1885 margin: 6px 0;
|
pankso@37
|
1886 }
|
pankso@37
|
1887
|
pankso@37
|
1888 /* Serious Ajax Error Styles */
|
pankso@37
|
1889 div.AjaxError {
|
pankso@37
|
1890 white-space: pre;
|
pankso@37
|
1891 overflow: auto;
|
pankso@37
|
1892 padding: 10px;
|
pankso@37
|
1893 }
|
pankso@37
|
1894
|
pankso@37
|
1895 /* ==================================================================== Legal */
|
pankso@37
|
1896 div.Legal h3 {
|
pankso@37
|
1897 padding: 0;
|
pankso@37
|
1898 margin: 20px 0 0;
|
pankso@37
|
1899 font-size: 120%;
|
pankso@37
|
1900 font-weight: bold;
|
pankso@37
|
1901 }
|
pankso@37
|
1902 div.Legal ol {
|
pankso@37
|
1903 list-style-position:outside;
|
pankso@37
|
1904 list-style-type:decimal;
|
pankso@37
|
1905 margin:0 30px 10px;
|
pankso@37
|
1906 }
|
pankso@37
|
1907 div.Legal ul {
|
pankso@37
|
1908 list-style-position:outside;
|
pankso@37
|
1909 list-style-type:disc;
|
pankso@37
|
1910 margin:0 30px 10px;
|
pankso@37
|
1911 }
|
pankso@37
|
1912 div.Legal li {
|
pankso@37
|
1913 padding: 5px 0;
|
pankso@37
|
1914 }
|
pankso@37
|
1915 div.Legal strong {
|
pankso@37
|
1916 font-weight: bold;
|
pankso@37
|
1917 }
|
pankso@37
|
1918
|
pankso@37
|
1919
|
pankso@37
|
1920 /* =================================================================== Footer */
|
pankso@37
|
1921 #Foot {
|
pankso@37
|
1922 clear: both;
|
pankso@37
|
1923 text-align: center;
|
pankso@37
|
1924 margin: 2px 0;
|
pankso@37
|
1925 padding: 4px 9px;
|
pankso@37
|
1926 font-size: 13px;
|
pankso@37
|
1927 color: #ddd;
|
pankso@37
|
1928 line-height: 1;
|
pankso@37
|
1929 }
|
pankso@37
|
1930 #Foot a {
|
pankso@37
|
1931 color: #ccc;
|
pankso@37
|
1932 }
|
pankso@37
|
1933 #Foot a:hover {
|
pankso@37
|
1934 color: #aaa;
|
pankso@37
|
1935 }
|
pankso@37
|
1936 #Foot div {
|
pankso@37
|
1937 width: 960px;
|
pankso@37
|
1938 padding: 6px 0;
|
pankso@37
|
1939 margin: 20px auto 0;
|
pankso@37
|
1940 text-align: left;
|
pankso@37
|
1941 }
|
pankso@37
|
1942
|
pankso@37
|
1943
|
pankso@37
|
1944
|
pankso@37
|
1945 /* ================================ Vanilla ================================= */
|
pankso@37
|
1946
|
pankso@37
|
1947 #Panel ul.Discussions {
|
pankso@37
|
1948 border: 0;
|
pankso@37
|
1949 }
|
pankso@37
|
1950 ul.PanelDiscussions li {
|
pankso@37
|
1951 text-align: left;
|
pankso@37
|
1952 }
|
pankso@37
|
1953 ul.PanelDiscussions li a {
|
pankso@37
|
1954 float: none;
|
pankso@37
|
1955 }
|
pankso@37
|
1956 ul.PanelDiscussions li strong {
|
pankso@37
|
1957 display: block;
|
pankso@37
|
1958 line-height: 1.5;
|
pankso@37
|
1959 }
|
pankso@37
|
1960
|
pankso@37
|
1961 /* ============================================================== Discussions */
|
pankso@37
|
1962
|
pankso@37
|
1963 /* Note: The Vanilla Discussion List has the following classes applied to
|
pankso@37
|
1964 individual list elements and can be styled:
|
pankso@37
|
1965 + Bookmarked: the user has bookmarked that topic
|
pankso@37
|
1966 + Announcement: the discussion has been announced
|
pankso@37
|
1967 + Mine: the user created the discussion
|
pankso@37
|
1968 + New: there are new comments since the last viewed the discussion
|
pankso@37
|
1969 */
|
pankso@37
|
1970 .Mine { background: #f1f1f1; }
|
pankso@37
|
1971
|
pankso@37
|
1972 ul.DataList div.Meta a.Category {
|
pankso@37
|
1973 background: #fafafa;
|
pankso@37
|
1974 padding: 2px 4px;
|
pankso@37
|
1975 border-radius: 2px;
|
pankso@37
|
1976 -moz-border-radius: 2px;
|
pankso@37
|
1977 -webkit-border-radius: 2px;
|
pankso@37
|
1978 }
|
pankso@37
|
1979 ul.DataList li.Mine div.Meta a.Category {
|
pankso@37
|
1980 background: #eff7ff;
|
pankso@37
|
1981 }
|
pankso@37
|
1982
|
pankso@37
|
1983 ul.DataList div.Meta span.Announcement {
|
pankso@37
|
1984 background: #777777;
|
pankso@37
|
1985 color: #ffffff;
|
pankso@37
|
1986 padding: 1px 4px;
|
pankso@37
|
1987 border-radius: 2px;
|
pankso@37
|
1988 -moz-border-radius: 2px;
|
pankso@37
|
1989 -webkit-border-radius: 2px;
|
pankso@37
|
1990 border-radius: 2px;
|
pankso@37
|
1991 font-weight: bold;
|
pankso@37
|
1992 }
|
pankso@37
|
1993 ul.DataList div.Meta span.Closed {
|
pankso@37
|
1994 background: #555555;
|
pankso@37
|
1995 color: #ffffff;
|
pankso@37
|
1996 font-weight: bold;
|
pankso@37
|
1997 padding: 1px 4px;
|
pankso@37
|
1998 border-radius: 2px;
|
pankso@37
|
1999 -moz-border-radius: 2px;
|
pankso@37
|
2000 -webkit-border-radius: 2px;
|
pankso@37
|
2001 border-radius: 2px;
|
pankso@37
|
2002 }
|
pankso@37
|
2003
|
pankso@37
|
2004
|
pankso@37
|
2005 /* ================================================================= Comments */
|
pankso@37
|
2006 body.Discussion #Content {
|
pankso@37
|
2007 margin-bottom: 20px;
|
pankso@37
|
2008 }
|
pankso@37
|
2009 ul.Discussion {
|
pankso@37
|
2010 margin-bottom: 1px;
|
pankso@37
|
2011 }
|
pankso@37
|
2012 /*
|
pankso@37
|
2013 Note: Discussion & Comment Option (dropdown) Menu customizations. The layout
|
pankso@37
|
2014 css for these is in /applications/garden/design/menu.css. Override them here.
|
pankso@37
|
2015 */
|
pankso@37
|
2016 a.Bookmark,
|
pankso@37
|
2017 a.Bookmarking {
|
pankso@37
|
2018 float: right;
|
pankso@37
|
2019 display: block;
|
pankso@37
|
2020 background: url('images/star_sprite.png') top center no-repeat;
|
pankso@37
|
2021 height: 22px;
|
pankso@37
|
2022 width: 22px;
|
pankso@37
|
2023 margin: 2px 4px 0 4px;
|
pankso@37
|
2024 }
|
pankso@37
|
2025 a.Bookmark span,
|
pankso@37
|
2026 a.Bookmarking span {
|
pankso@37
|
2027 display: none;
|
pankso@37
|
2028 }
|
pankso@37
|
2029 a.Bookmarked {
|
pankso@37
|
2030 background: url('images/star_sprite.png') center center no-repeat;
|
pankso@37
|
2031 }
|
pankso@37
|
2032 a.Bookmarking {
|
pankso@37
|
2033 background: url('images/star_sprite.png') bottom center no-repeat;
|
pankso@37
|
2034 }
|
pankso@37
|
2035 body.Discussion a.Bookmark {
|
pankso@37
|
2036 margin: 13px 8px;
|
pankso@37
|
2037 }
|
pankso@37
|
2038
|
pankso@37
|
2039 body.Discussion .Back {
|
pankso@37
|
2040 padding: 3px 6px;
|
pankso@37
|
2041 text-align: left;
|
pankso@37
|
2042 }
|
pankso@37
|
2043
|
pankso@37
|
2044
|
pankso@37
|
2045 /* =================================================================== Drafts */
|
pankso@37
|
2046 ul.Discussions div.ItemContent,
|
pankso@37
|
2047 ul.Drafts div.ItemContent {
|
pankso@37
|
2048 margin: 0 0 0 9px;
|
pankso@37
|
2049 }
|
pankso@37
|
2050 ul.Drafts div.ItemContent a.Title,
|
pankso@37
|
2051 ul.Discussions div.ItemContent a.Title {
|
pankso@37
|
2052 max-width: 580px;
|
pankso@37
|
2053 }
|
pankso@37
|
2054
|
pankso@37
|
2055 /* =============================================== Discussion & Comment Forms */
|
pankso@37
|
2056 li.Editing {
|
pankso@37
|
2057 background: #f1f1f1;
|
pankso@37
|
2058 }
|
pankso@37
|
2059 div.CommentForm textarea {
|
pankso@37
|
2060 width: 99%;
|
pankso@37
|
2061 height: 100px;
|
pankso@37
|
2062 min-height: 100px;
|
pankso@37
|
2063 margin: 0 0 6px;
|
pankso@37
|
2064 }
|
pankso@37
|
2065 div.Comment div.CommentForm {
|
pankso@37
|
2066 width: 98%;
|
pankso@37
|
2067 background: none;
|
pankso@37
|
2068 padding: 6px 4px;
|
pankso@37
|
2069 border: 0;
|
pankso@37
|
2070 }
|
pankso@37
|
2071 div.Comment div.CommentForm textarea {
|
pankso@37
|
2072 width: 99%;
|
pankso@37
|
2073 }
|
pankso@37
|
2074 #DiscussionForm label {
|
pankso@37
|
2075 font-size: 14px;
|
pankso@37
|
2076 font-weight: bold;
|
pankso@37
|
2077 color: #666;
|
pankso@37
|
2078 }
|
pankso@37
|
2079 body.Post #Panel {
|
pankso@37
|
2080 display: none;
|
pankso@37
|
2081 }
|
pankso@37
|
2082 body.Post #Content {
|
pankso@37
|
2083 width: 100%;
|
pankso@37
|
2084 }
|
pankso@37
|
2085 #DiscussionForm h2 {
|
pankso@37
|
2086 border: none;
|
pankso@37
|
2087 color: #02475A;
|
pankso@37
|
2088 font-size: 140%;
|
pankso@37
|
2089 font-weight: bold;
|
pankso@37
|
2090 margin: 0;
|
pankso@37
|
2091 padding: 6px;
|
pankso@37
|
2092 }
|
pankso@37
|
2093 #DiscussionForm form {
|
pankso@37
|
2094 border-radius: 2px;
|
pankso@37
|
2095 -moz-border-radius: 2px;
|
pankso@37
|
2096 -webkit-border-radius: 2px;
|
pankso@37
|
2097 background: #f1f1f1 none repeat scroll 0 0;
|
pankso@37
|
2098 border: 1px solid #DDDDDD;
|
pankso@37
|
2099 margin: 0;
|
pankso@37
|
2100 padding: 20px;
|
pankso@37
|
2101 }
|
pankso@37
|
2102 #DiscussionForm textarea {
|
pankso@37
|
2103 width: 99%;
|
pankso@37
|
2104 height: 100px;
|
pankso@37
|
2105 min-height: 100px;
|
pankso@37
|
2106 margin: 0 0 6px;
|
pankso@37
|
2107 }
|
pankso@37
|
2108 #DiscussionForm input.InputBox {
|
pankso@37
|
2109 width: 99%;
|
pankso@37
|
2110 margin-bottom: 10px;
|
pankso@37
|
2111 }
|
pankso@37
|
2112 #DiscussionForm div.Category {
|
pankso@37
|
2113 padding: 0 0 10px;
|
pankso@37
|
2114 }
|
pankso@37
|
2115 #DiscussionForm div.Category label {
|
pankso@37
|
2116 padding: 0 8px 0 0;
|
pankso@37
|
2117 }
|
pankso@37
|
2118 div.CommentForm a.Back,
|
pankso@37
|
2119 div.CommentForm a.Cancel {
|
pankso@37
|
2120 float: left;
|
pankso@37
|
2121 }
|
pankso@37
|
2122 #DiscussionForm a.Cancel {
|
pankso@37
|
2123 margin-left: 18px;
|
pankso@37
|
2124 }
|
pankso@37
|
2125 #DiscussionForm ul {
|
pankso@37
|
2126 margin: 0 0 20px;
|
pankso@37
|
2127 }
|
pankso@37
|
2128 #DiscussionForm ul.PostOptions li {
|
pankso@37
|
2129 display: inline;
|
pankso@37
|
2130 padding: 0 8px 0 0;
|
pankso@37
|
2131 }
|
pankso@37
|
2132 #DiscussionForm ul.PostOptions label {
|
pankso@37
|
2133 display: inline;
|
pankso@37
|
2134 font-weight: normal;
|
pankso@37
|
2135 font-size: 95%;
|
pankso@37
|
2136 color: #555;
|
pankso@37
|
2137 }
|
pankso@37
|
2138
|
pankso@37
|
2139 /* ============================== Conversations ============================= */
|
pankso@37
|
2140 textarea.MultiComplete {
|
pankso@37
|
2141 height: 20px;
|
pankso@37
|
2142 padding: 3px 0;
|
pankso@37
|
2143 text-align: left;
|
pankso@37
|
2144 }
|
pankso@37
|
2145 .ac_results {
|
pankso@37
|
2146 padding: 0;
|
pankso@37
|
2147 border: 1px solid #bbb;
|
pankso@37
|
2148 border-top: 0;
|
pankso@37
|
2149 background-color: white;
|
pankso@37
|
2150 overflow: hidden;
|
pankso@37
|
2151 z-index: 99999;
|
pankso@37
|
2152 }
|
pankso@37
|
2153 .ac_results ul {
|
pankso@37
|
2154 width: 100%;
|
pankso@37
|
2155 list-style-position: outside;
|
pankso@37
|
2156 list-style: none;
|
pankso@37
|
2157 padding: 0;
|
pankso@37
|
2158 margin: 0;
|
pankso@37
|
2159 }
|
pankso@37
|
2160 .ac_results li {
|
pankso@37
|
2161 margin: 0;
|
pankso@37
|
2162 padding: 5px;
|
pankso@37
|
2163 cursor: default;
|
pankso@37
|
2164 display: block;
|
pankso@37
|
2165 /*
|
pankso@37
|
2166 if width will be 100% horizontal scrollbar will apear
|
pankso@37
|
2167 when scroll mode will be used
|
pankso@37
|
2168 */
|
pankso@37
|
2169 /*width: 100%;*/
|
pankso@37
|
2170 font-size: 12px;
|
pankso@37
|
2171 /*
|
pankso@37
|
2172 it is very important, if line-height not setted or setted
|
pankso@37
|
2173 in relative units scroll will be broken in firefox
|
pankso@37
|
2174 */
|
pankso@37
|
2175 line-height: 16px;
|
pankso@37
|
2176 overflow: hidden;
|
pankso@37
|
2177 border-bottom: 1px solid #bbb;
|
pankso@37
|
2178 text-align: left;
|
pankso@37
|
2179 }
|
pankso@37
|
2180 .ac_lastitem {
|
pankso@37
|
2181 border-bottom: 0 !important;
|
pankso@37
|
2182 }
|
pankso@37
|
2183 .ac_results strong {
|
pankso@37
|
2184 font-weight: bold;
|
pankso@37
|
2185 background: #daf4fd;
|
pankso@37
|
2186 }
|
pankso@37
|
2187 .ac_over strong {
|
pankso@37
|
2188 font-weight: bold;
|
pankso@37
|
2189 background: #2ab0de;
|
pankso@37
|
2190 }
|
pankso@37
|
2191 .ac_over {
|
pankso@37
|
2192 background: #44c7f4;
|
pankso@37
|
2193 color: #fff;
|
pankso@37
|
2194 }
|
pankso@37
|
2195 div.AddPeople h4 {
|
pankso@37
|
2196 border-bottom: 0px;
|
pankso@37
|
2197 }
|
pankso@37
|
2198 #Panel input.InputBox,
|
pankso@37
|
2199 div.AddPeople textarea.MultiComplete {
|
pankso@37
|
2200 width: 228px;
|
pankso@37
|
2201 margin-bottom: 2px;
|
pankso@37
|
2202 }
|
pankso@37
|
2203 div.AddPeople form div {
|
pankso@37
|
2204 text-align: right;
|
pankso@37
|
2205 }
|
pankso@37
|
2206
|
pankso@37
|
2207
|
pankso@37
|
2208 /* ============================================================ Conversations */
|
pankso@37
|
2209 fieldset {
|
pankso@37
|
2210 padding: 0px !important;
|
pankso@37
|
2211 }
|
pankso@37
|
2212 h2.NewConversation {
|
pankso@37
|
2213 float: right;
|
pankso@37
|
2214 }
|
pankso@37
|
2215 h2.NewConversation a {
|
pankso@37
|
2216 font-weight: bold;
|
pankso@37
|
2217 }
|
pankso@37
|
2218 body.Conversations h2 {
|
pankso@37
|
2219 margin: 0;
|
pankso@37
|
2220 }
|
pankso@37
|
2221 ul.Conversations li.Active {
|
pankso@37
|
2222 cursor: pointer;
|
pankso@37
|
2223 background: #ffe;
|
pankso@37
|
2224 }
|
pankso@37
|
2225 ul.Conversations li.Item {
|
pankso@37
|
2226 padding: 4px 5px;
|
pankso@37
|
2227 }
|
pankso@37
|
2228 ul.Conversations div.ItemContent {
|
pankso@37
|
2229 margin:0 0 0 5px;
|
pankso@37
|
2230 }
|
pankso@37
|
2231 ul.Conversations div.Meta a.Name {
|
pankso@37
|
2232 color: #1E79A7;
|
pankso@37
|
2233 font-weight: bold;
|
pankso@37
|
2234 }
|
pankso@37
|
2235
|
pankso@37
|
2236
|
pankso@37
|
2237 /* ========================================================= Add Message Form */
|
pankso@37
|
2238 #MessageForm {
|
pankso@37
|
2239 background: #E9F9FF;
|
pankso@37
|
2240 padding: 4px 8px 8px;
|
pankso@37
|
2241 margin: 1px 0 0;
|
pankso@37
|
2242 border-bottom-left-radius: 2px;
|
pankso@37
|
2243 border-bottom-right-radius: 2px;
|
pankso@37
|
2244 -moz-border-radius-bottomleft: 2px;
|
pankso@37
|
2245 -moz-border-radius-bottomright: 2px;
|
pankso@37
|
2246 -webkit-border-bottom-left-radius: 2px;
|
pankso@37
|
2247 -webkit-border-bottom-right-radius: 2px;
|
pankso@37
|
2248 }
|
pankso@37
|
2249 #MessageForm h2 {
|
pankso@37
|
2250 font-size: 115%;
|
pankso@37
|
2251 color: #2786C2;
|
pankso@37
|
2252 font-weight: bold;
|
pankso@37
|
2253 border: 0;
|
pankso@37
|
2254 }
|
pankso@37
|
2255 #MessageForm form div {
|
pankso@37
|
2256 text-align: right;
|
pankso@37
|
2257 }
|
pankso@37
|
2258 #MessageForm textarea {
|
pankso@37
|
2259 width: 99%;
|
pankso@37
|
2260 height: 100px;
|
pankso@37
|
2261 min-height: 100px;
|
pankso@37
|
2262 margin-bottom: 2px;
|
pankso@37
|
2263 }
|
pankso@37
|
2264
|
pankso@37
|
2265
|
pankso@37
|
2266 /* ==================================================== New Conversation Form */
|
pankso@37
|
2267 body.add #Panel {
|
pankso@37
|
2268 display: none;
|
pankso@37
|
2269 }
|
pankso@37
|
2270 body.add #Content {
|
pankso@37
|
2271 width: auto;
|
pankso@37
|
2272 }
|
pankso@37
|
2273 #ConversationForm form {
|
pankso@37
|
2274 border-radius: 2px;
|
pankso@37
|
2275 -moz-border-radius: 2px;
|
pankso@37
|
2276 -webkit-border-radius: 2px;
|
pankso@37
|
2277 border-radius: 2px;
|
pankso@37
|
2278 background:none repeat scroll 0 0 #c4e1ff;
|
pankso@37
|
2279 margin:0;
|
pankso@37
|
2280 padding:20px;
|
pankso@37
|
2281 text-align: right;
|
pankso@37
|
2282 }
|
pankso@37
|
2283 #ConversationForm h2 {
|
pankso@37
|
2284 color:#02475A;
|
pankso@37
|
2285 font-size:140%;
|
pankso@37
|
2286 font-weight:bold;
|
pankso@37
|
2287 margin:0;
|
pankso@37
|
2288 padding:6px;
|
pankso@37
|
2289 text-align: left;
|
pankso@37
|
2290 border: 0;
|
pankso@37
|
2291 }
|
pankso@37
|
2292 #ConversationForm label {
|
pankso@37
|
2293 display: block;
|
pankso@37
|
2294 text-align: left;
|
pankso@37
|
2295 color:#666666;
|
pankso@37
|
2296 font-size:14px;
|
pankso@37
|
2297 font-weight:bold;
|
pankso@37
|
2298 }
|
pankso@37
|
2299 #ConversationForm .TextBox {
|
pankso@37
|
2300 height: 100px;
|
pankso@37
|
2301 min-height: 100px;
|
pankso@37
|
2302 margin: 8px 0 6px;
|
pankso@37
|
2303 padding: 0;
|
pankso@37
|
2304 }
|
pankso@37
|
2305 body.Conversations a.Cancel {
|
pankso@37
|
2306 margin-left: 20px;
|
pankso@37
|
2307 }
|
pankso@37
|
2308 div.Popup #ConversationForm form {
|
pankso@37
|
2309 background: none;
|
pankso@37
|
2310 -border-radius: 0;
|
pankso@37
|
2311 -moz-border-radius: 0;
|
pankso@37
|
2312 -webkit-border-radius: 0;
|
pankso@37
|
2313 border-radius: 0;
|
pankso@37
|
2314 padding: 10px;
|
pankso@37
|
2315 }
|
pankso@37
|
2316 div.Popup #ConversationForm h2 {
|
pankso@37
|
2317 color: #fff;
|
pankso@37
|
2318 font-size: 120%;
|
pankso@37
|
2319 font-weight: bold;
|
pankso@37
|
2320 padding: 6px 9px 4px;
|
pankso@37
|
2321 }
|
pankso@37
|
2322 div.Popup #ConversationForm textarea.MultiComplete,
|
pankso@37
|
2323 div.Popup #ConversationForm .TextBox {
|
pankso@37
|
2324 width: 100%;
|
pankso@37
|
2325 }
|
pankso@37
|
2326
|
pankso@37
|
2327 /* Upload Progress Bar */
|
pankso@37
|
2328 div.UploadProgress {
|
pankso@37
|
2329 margin: 10px 0;
|
pankso@37
|
2330 background: url('images/upload-progress-back.gif') repeat;
|
pankso@37
|
2331 width: 200px;
|
pankso@37
|
2332 z-index: 0;
|
pankso@37
|
2333 color: #fff;
|
pankso@37
|
2334 text-shadow: 0 1px 1px #333;
|
pankso@37
|
2335 border: 1px solid #0c3c7e;
|
pankso@37
|
2336 border-radius: 2px;
|
pankso@37
|
2337 -moz-border-radius: 2px;
|
pankso@37
|
2338 -webkit-border-radius: 2px;
|
pankso@37
|
2339 border-radius: 2px;
|
pankso@37
|
2340 }
|
pankso@37
|
2341 div.UploadProgress div {
|
pankso@37
|
2342 padding: 2px 0;
|
pankso@37
|
2343 }
|
pankso@37
|
2344 div.UploadProgress div strong {
|
pankso@37
|
2345 font-weight: bold;
|
pankso@37
|
2346 }
|
pankso@37
|
2347 div.UploadProgress div.Foreground,
|
pankso@37
|
2348 div.UploadProgress div.Background {
|
pankso@37
|
2349 position: absolute;
|
pankso@37
|
2350 }
|
pankso@37
|
2351 div.UploadProgress div.Background {
|
pankso@37
|
2352 width: 0;
|
pankso@37
|
2353 background: url('images/upload-bg.gif') repeat;
|
pankso@37
|
2354 z-index: 1;
|
pankso@37
|
2355 }
|
pankso@37
|
2356 div.UploadProgress div.Foreground {
|
pankso@37
|
2357 text-indent: 6px;
|
pankso@37
|
2358 overflow: visible;
|
pankso@37
|
2359 white-space: nowrap;
|
pankso@37
|
2360 z-index: 2;
|
pankso@37
|
2361 }
|
pankso@37
|
2362
|
pankso@37
|
2363
|
pankso@37
|
2364 /* Adding CSS for multiple sign-in methods */
|
pankso@37
|
2365
|
pankso@37
|
2366 /* Container */
|
pankso@37
|
2367 div.Border {
|
pankso@37
|
2368 border-radius: 8px;
|
pankso@37
|
2369 -moz-border-radius: 8px;
|
pankso@37
|
2370 -webkit-border-radius: 8px;
|
pankso@37
|
2371 background: none repeat scroll 0 0 rgba(82, 82, 82, 0.7);
|
pankso@37
|
2372 padding: 10px;
|
pankso@37
|
2373 }
|
pankso@37
|
2374
|
pankso@37
|
2375 /* Tabs */
|
pankso@37
|
2376 ul.Tabs {
|
pankso@37
|
2377 border-bottom: 1px solid #aaa;
|
pankso@37
|
2378 text-align: left;
|
pankso@37
|
2379 padding-left: 4px;
|
pankso@37
|
2380 }
|
pankso@37
|
2381 ul.Tabs li {
|
pankso@37
|
2382 display: inline-block;
|
pankso@37
|
2383 }
|
pankso@37
|
2384 ul.Tabs li a,
|
pankso@37
|
2385 ul.Tabs li a:link,
|
pankso@37
|
2386 ul.Tabs li a:active,
|
pankso@37
|
2387 ul.Tabs li a:visited,
|
pankso@37
|
2388 ul.Tabs li a:hover {
|
pankso@37
|
2389 display: inline-block;
|
pankso@37
|
2390 margin-left: 4px;
|
pankso@37
|
2391 border: 1px solid #aaa;
|
pankso@37
|
2392 border-width: 1px 1px 0 1px;
|
pankso@37
|
2393 border-radius: 3px 3px 0 0;
|
pankso@37
|
2394 -moz-border-radius: 3px 3px 0 0;
|
pankso@37
|
2395 -webkit-border-radius: 3px 3px 0 0;
|
pankso@37
|
2396 background: #eee;
|
pankso@37
|
2397 color: #888;
|
pankso@37
|
2398 position: relative;
|
pankso@37
|
2399 top: 1px;
|
pankso@37
|
2400 padding: 2px 8px 1px;
|
pankso@37
|
2401 }
|
pankso@37
|
2402 ul.Tabs li a:hover {
|
pankso@37
|
2403 background: #f5f5f5;
|
pankso@37
|
2404 color: #444;
|
pankso@37
|
2405 }
|
pankso@37
|
2406 ul.Tabs li a.Active {
|
pankso@37
|
2407 padding: 2px 8px;
|
pankso@37
|
2408 background: #fff;
|
pankso@37
|
2409 color: #000;
|
pankso@37
|
2410 }
|
pankso@37
|
2411
|
pankso@37
|
2412 /* Icons */
|
pankso@37
|
2413 ul.Tabs li a.EntryTabFor_password {
|
pankso@37
|
2414 padding-left: 22px;
|
pankso@37
|
2415 background-image: url('../../../themes/default/design/favicon.png');
|
pankso@37
|
2416 background-position: 3px 4px;
|
pankso@37
|
2417 background-repeat: no-repeat;
|
pankso@37
|
2418 }
|
pankso@37
|
2419
|
pankso@37
|
2420
|
pankso@37
|
2421 /* ============================================================ Entry Screens */
|
pankso@37
|
2422 body.Entry {
|
pankso@37
|
2423 text-align: center;
|
pankso@37
|
2424 }
|
pankso@37
|
2425 body.Entry #Panel {
|
pankso@37
|
2426 display: none;
|
pankso@37
|
2427 }
|
pankso@37
|
2428 body.Entry #Content {
|
pankso@37
|
2429 float: none;
|
pankso@37
|
2430 margin: 0 auto;
|
pankso@37
|
2431 width: 360px;
|
pankso@37
|
2432 text-align: center;
|
pankso@37
|
2433 }
|
pankso@37
|
2434 body.Entry #Content h1 {
|
pankso@37
|
2435 border: none;
|
pankso@37
|
2436 color: #02475A;
|
pankso@37
|
2437 font-size:140%;
|
pankso@37
|
2438 font-weight:bold;
|
pankso@37
|
2439 padding: 6px;
|
pankso@37
|
2440 margin: 0;
|
pankso@37
|
2441 text-align: left;
|
pankso@37
|
2442 }
|
pankso@37
|
2443 body.Entry #Content form {
|
pankso@37
|
2444 text-align: left;
|
pankso@37
|
2445 padding: 10px;
|
pankso@37
|
2446 }
|
pankso@37
|
2447 body.Entry form ul li label {
|
pankso@37
|
2448 font-size: 14px;
|
pankso@37
|
2449 color: #474747;
|
pankso@37
|
2450 font-weight: bold;
|
pankso@37
|
2451 padding: 6px 0 0;
|
pankso@37
|
2452 display: block;
|
pankso@37
|
2453 }
|
pankso@37
|
2454 body.Entry form ul li label.CheckBoxLabel,
|
pankso@37
|
2455 body.Entry form ul li label.RadioLabel {
|
pankso@37
|
2456 font-size: 12px;
|
pankso@37
|
2457 font-weight: normal;
|
pankso@37
|
2458 width: auto;
|
pankso@37
|
2459 }
|
pankso@37
|
2460 body.Entry input.DateBox,
|
pankso@37
|
2461 body.Entry input.InputBox,
|
pankso@37
|
2462 body.Entry textarea {
|
pankso@37
|
2463 width: 310px;
|
pankso@37
|
2464 }
|
pankso@37
|
2465 span.Incorrect {
|
pankso@37
|
2466 display: block;
|
pankso@37
|
2467 color: red;
|
pankso@37
|
2468 }
|
pankso@37
|
2469
|
pankso@37
|
2470 /* Sign In Page & Popup */
|
pankso@37
|
2471 div.SignInPopup div.Box {
|
pankso@37
|
2472 margin: 0;
|
pankso@37
|
2473 padding: 0;
|
pankso@37
|
2474 background: none;
|
pankso@37
|
2475 border: 0;
|
pankso@37
|
2476 border-radius: 0;
|
pankso@37
|
2477 -moz-border-radius: 0;
|
pankso@37
|
2478 -webkit-border-radius: 0;
|
pankso@37
|
2479 box-shadow: none;
|
pankso@37
|
2480 -moz-box-shadow: none;
|
pankso@37
|
2481 -webkit-box-shadow: none;
|
pankso@37
|
2482 }
|
pankso@37
|
2483 body#dashboard_entry_password #Content,
|
pankso@37
|
2484 body#dashboard_entry_signin #Content,
|
pankso@37
|
2485 body#dashboard_entry_index #Content {
|
pankso@37
|
2486 width: auto;
|
pankso@37
|
2487 }
|
pankso@37
|
2488 div.SignInPopup .Content form {
|
pankso@37
|
2489 padding: 0 10px 10px;
|
pankso@37
|
2490 }
|
pankso@37
|
2491 body#dashboard_entry_password #Content form,
|
pankso@37
|
2492 body#dashboard_entry_index #Content form,
|
pankso@37
|
2493 body#dashboard_entry_signin #Content form {
|
pankso@37
|
2494 padding: 0;
|
pankso@37
|
2495 text-align:left;
|
pankso@37
|
2496 }
|
pankso@37
|
2497 body#dashboard_entry_password #Content form,
|
pankso@37
|
2498 body#dashboard_entry_signin #Content form,
|
pankso@37
|
2499 body#dashboard_entry_index #Content form,
|
pankso@37
|
2500 div.SignInPopup form {
|
pankso@37
|
2501 width: 270px;
|
pankso@37
|
2502 }
|
pankso@37
|
2503 div.SingleEntryMethod {
|
pankso@37
|
2504 width: 290px;
|
pankso@37
|
2505 margin: 0 auto;
|
pankso@37
|
2506 }
|
pankso@37
|
2507 div.MultipleEntryMethods {
|
pankso@37
|
2508 width: 500px;
|
pankso@37
|
2509 margin: 0 auto;
|
pankso@37
|
2510 }
|
pankso@37
|
2511 body#dashboard_entry_handshake #Content input.InputBox,
|
pankso@37
|
2512 body#dashboard_entry_signin #Content input.InputBox,
|
pankso@37
|
2513 body#dashboard_entry_index #Content input.InputBox,
|
pankso@37
|
2514 body#dashboard_entry_password #Content input.InputBox,
|
pankso@37
|
2515 div.SignInPopup input.DateBox,
|
pankso@37
|
2516 div.SignInPopup input.InputBox,
|
pankso@37
|
2517 div.SignInPopup textarea {
|
pankso@37
|
2518 width: 260px;
|
pankso@37
|
2519 padding: 3px;
|
pankso@37
|
2520 }
|
pankso@37
|
2521 div.SignInPopup form ul li label,
|
pankso@37
|
2522 body#dashboard_entry_signin form ul li label,
|
pankso@37
|
2523 body#dashboard_entry_index form ul li label,
|
pankso@37
|
2524 body#dashboard_entry_password form ul li label,
|
pankso@37
|
2525 body#dashboard_entry_handshake form ul li label {
|
pankso@37
|
2526 font-size: 13px;
|
pankso@37
|
2527 line-height: 1.5;
|
pankso@37
|
2528 padding: 0;
|
pankso@37
|
2529 }
|
pankso@37
|
2530 body#dashboard_entry_password #Content form ul li input#Form_Email,
|
pankso@37
|
2531 body#dashboard_entry_signin #Content form ul li input#Form_Email,
|
pankso@37
|
2532 body#dashboard_entry_index #Content form ul li input#Form_Email {
|
pankso@37
|
2533 margin-bottom: 6px;
|
pankso@37
|
2534 }
|
pankso@37
|
2535 body#dashboard_entry_password #Content input.Password,
|
pankso@37
|
2536 body#dashboard_entry_signin #Content input.Password,
|
pankso@37
|
2537 body#dashboard_entry_index #Content input.Password,
|
pankso@37
|
2538 div.SignInPopup input.Password {
|
pankso@37
|
2539 width: 180px;
|
pankso@37
|
2540 }
|
pankso@37
|
2541 a.ForgotPassword {
|
pankso@37
|
2542 margin-left: 10px;
|
pankso@37
|
2543 }
|
pankso@37
|
2544 li.Buttons div a.ForgotPassword {
|
pankso@37
|
2545 margin: 0;
|
pankso@37
|
2546 }
|
pankso@37
|
2547 body#dashboard_entry_password ul li label.CheckBoxLabel,
|
pankso@37
|
2548 body#dashboard_entry_signin ul li label.CheckBoxLabel,
|
pankso@37
|
2549 body#dashboard_entry_index ul li label.CheckBoxLabel,
|
pankso@37
|
2550 div.SignInPopup ul li label.CheckBoxLabel {
|
pankso@37
|
2551 color: #777;
|
pankso@37
|
2552 display: inline;
|
pankso@37
|
2553 font-size: 12px;
|
pankso@37
|
2554 font-weight: normal;
|
pankso@37
|
2555 margin: 10px 0 0 10px;
|
pankso@37
|
2556 }
|
pankso@37
|
2557 body.Entry li.Buttons input.Button,
|
pankso@37
|
2558 div.SignInPopup li.Buttons input.Button {
|
pankso@37
|
2559 margin: 10px 0;
|
pankso@37
|
2560 }
|
pankso@37
|
2561 div.Entry {
|
pankso@37
|
2562 position: relative;
|
pankso@37
|
2563 }
|
pankso@37
|
2564 div.Methods {
|
pankso@37
|
2565 text-align: left;
|
pankso@37
|
2566 font-size: 14px;
|
pankso@37
|
2567 font-weight: bold;
|
pankso@37
|
2568 position: absolute;
|
pankso@37
|
2569 top: 33px;
|
pankso@37
|
2570 bottom: 0;
|
pankso@37
|
2571 right: 0;
|
pankso@37
|
2572 padding: 12px 20px 6px;
|
pankso@37
|
2573 line-height: 1;
|
pankso@37
|
2574 }
|
pankso@37
|
2575 body#dashboard_entry_password div.Methods,
|
pankso@37
|
2576 body#dashboard_entry_signin div.Methods,
|
pankso@37
|
2577 body#dashboard_entry_index div.Methods {
|
pankso@37
|
2578 padding: 10px 6px 6px;
|
pankso@37
|
2579 background: none;
|
pankso@37
|
2580 }
|
pankso@37
|
2581 div.Methods div.Method {
|
pankso@37
|
2582 padding: 10px 0 0;
|
pankso@37
|
2583 text-align: left;
|
pankso@37
|
2584 }
|
pankso@37
|
2585
|
pankso@37
|
2586 /* Handshake */
|
pankso@37
|
2587 body#dashboard_entry_handshake #Content {
|
pankso@37
|
2588 width: 720px;
|
pankso@37
|
2589 }
|
pankso@37
|
2590 body#dashboard_entry_handshake #Content form {
|
pankso@37
|
2591 padding: 20px 30px 26px;
|
pankso@37
|
2592 }
|
pankso@37
|
2593 body#dashboard_entry_handshake ul.NewAccount {
|
pankso@37
|
2594 float: left;
|
pankso@37
|
2595 width: 315px;
|
pankso@37
|
2596 margin-right: 44px;
|
pankso@37
|
2597 border-right: 1px solid #A5D0E7;
|
pankso@37
|
2598 }
|
pankso@37
|
2599 body#dashboard_entry_handshake ul.LinkAccount {
|
pankso@37
|
2600 margin-left: 315px;
|
pankso@37
|
2601 }
|
pankso@37
|
2602 ul.NewAccount h2,
|
pankso@37
|
2603 ul.LinkAccount h2 {
|
pankso@37
|
2604 padding-left: 36px !important;
|
pankso@37
|
2605 background: url('images/dashboard-sprites.png') 0 -542px no-repeat;
|
pankso@37
|
2606 }
|
pankso@37
|
2607 ul.LinkAccount h2 {
|
pankso@37
|
2608 padding-left: 84px !important;
|
pankso@37
|
2609 background-position: 45px -296px;
|
pankso@37
|
2610 }
|
pankso@37
|
2611 body#dashboard_entry_handshake div.Info {
|
pankso@37
|
2612 border: 1px solid #A5D0E7;
|
pankso@37
|
2613 background: #D3F0FF;
|
pankso@37
|
2614 color: #02475A;
|
pankso@37
|
2615 }
|
pankso@37
|
2616 body#dashboard_entry_handshake #Content h2 {
|
pankso@37
|
2617 border: none;
|
pankso@37
|
2618 color: #02475A;
|
pankso@37
|
2619 font-size:140%;
|
pankso@37
|
2620 font-weight:bold;
|
pankso@37
|
2621 padding: 6px 0;
|
pankso@37
|
2622 margin: 0;
|
pankso@37
|
2623 text-align: left;
|
pankso@37
|
2624 }
|
pankso@37
|
2625
|
pankso@37
|
2626
|
pankso@37
|
2627 /* Leaving Page */
|
pankso@37
|
2628 body#dashboard_entry_leave p {
|
pankso@37
|
2629 margin: 0;
|
pankso@37
|
2630 padding: 20px 10px;
|
pankso@37
|
2631 }
|
pankso@37
|
2632 body#dashboard_entry_leave p.Leaving {
|
pankso@37
|
2633 background: url('images/progress.gif') left center no-repeat;
|
pankso@37
|
2634 margin: 0 0 0 14px;
|
pankso@37
|
2635 padding: 20px 0 20px 50px;
|
pankso@37
|
2636 }
|
pankso@37
|
2637
|
pankso@37
|
2638
|
pankso@37
|
2639
|
pankso@37
|
2640 /* External App Connect Designs */
|
pankso@37
|
2641 div.Connect h1,
|
pankso@37
|
2642 div.Connect h2 {
|
pankso@37
|
2643 text-align: left;
|
pankso@37
|
2644 }
|
pankso@37
|
2645 body.connect div.Box {
|
pankso@37
|
2646 border-radius: none;
|
pankso@37
|
2647 -moz-border-radius: none;
|
pankso@37
|
2648 -webkit-border-radius: none;
|
pankso@37
|
2649 box-shadow: none;
|
pankso@37
|
2650 -moz-box-shadow: none;
|
pankso@37
|
2651 -webkit-box-shadow: none;
|
pankso@37
|
2652 width: 320px;
|
pankso@37
|
2653 margin: 0 auto;
|
pankso@37
|
2654 text-align: left;
|
pankso@37
|
2655 background: none;
|
pankso@37
|
2656 }
|
pankso@37
|
2657 div.ConnectInfo {
|
pankso@37
|
2658 margin: 10px 0 0;
|
pankso@37
|
2659 position: relative;
|
pankso@37
|
2660 }
|
pankso@37
|
2661 div.ConnectInfo img {
|
pankso@37
|
2662 position: absolute;
|
pankso@37
|
2663 height: 36px;
|
pankso@37
|
2664 width: 36px;
|
pankso@37
|
2665 top: 0;
|
pankso@37
|
2666 left: 0;
|
pankso@37
|
2667 }
|
pankso@37
|
2668 div.ConnectInfo span.Name {
|
pankso@37
|
2669 padding-left: 46px;
|
pankso@37
|
2670 font-weight: bold;
|
pankso@37
|
2671 line-height: 1;
|
pankso@37
|
2672 font-size: 13px;
|
pankso@37
|
2673 color: #444;
|
pankso@37
|
2674 display: block;
|
pankso@37
|
2675 }
|
pankso@37
|
2676 div.ConnectInfo h3 {
|
pankso@37
|
2677 font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif;
|
pankso@37
|
2678 font-size: 15px;
|
pankso@37
|
2679 font-weight: bold;
|
pankso@37
|
2680 line-height: 1.6;
|
pankso@37
|
2681 color: #333;
|
pankso@37
|
2682 padding: 0 0 10px 46px;
|
pankso@37
|
2683 border: none;
|
pankso@37
|
2684 }
|
pankso@37
|
2685 div.Connect form ul li label,
|
pankso@37
|
2686 div.SignInPopup form ul li label,
|
pankso@37
|
2687 body#dashboard_entry_password form ul li label,
|
pankso@37
|
2688 body#dashboard_entry_signin form ul li label,
|
pankso@37
|
2689 body#dashboard_entry_index form ul li label {
|
pankso@37
|
2690 font-size: 13px;
|
pankso@37
|
2691 line-height: 1.5;
|
pankso@37
|
2692 padding: 0;
|
pankso@37
|
2693 }
|
pankso@37
|
2694 div.Connect form ul li#ConnectPassword label,
|
pankso@37
|
2695 div.SignInPopup form ul li#ConnectPassword label {
|
pankso@37
|
2696 padding: 10px 0 0;
|
pankso@37
|
2697 }
|
pankso@37
|
2698 div.Connect .FinePrint,
|
pankso@37
|
2699 div.SignInPopup .FinePrint {
|
pankso@37
|
2700 font-size: 11px;
|
pankso@37
|
2701 color: #777;
|
pankso@37
|
2702 }
|
pankso@37
|
2703 body#dashboard_entry_password input.InputBox,
|
pankso@37
|
2704 body#dashboard_entry_signin input.InputBox,
|
pankso@37
|
2705 body#dashboard_entry_index input.InputBox,
|
pankso@37
|
2706 div.Connect input.InputBox,
|
pankso@37
|
2707 div.SignInPopup input.InputBox {
|
pankso@37
|
2708 padding: 3px
|
pankso@37
|
2709 }
|
pankso@37
|
2710 div.Connect .ExistingUsername,
|
pankso@37
|
2711 div.SignInPopup .ExistingUsername {
|
pankso@37
|
2712 font-weight: bold;
|
pankso@37
|
2713 line-height: 1;
|
pankso@37
|
2714 font-size: 13px;
|
pankso@37
|
2715 color: #000;
|
pankso@37
|
2716 display: block;
|
pankso@37
|
2717 }
|