##// END OF EJS Templates
webhelpers import bugfix for gravatar...
marcink -
r400:7eba3d1e default
parent child Browse files
Show More
@@ -1,323 +1,322 b''
1 1 """Helper functions
2 2
3 3 Consists of functions to typically be used within templates, but also
4 4 available to Controllers. This module is available to both as 'h'.
5 5 """
6 6 from pygments.formatters import HtmlFormatter
7 7 from pygments import highlight as code_highlight
8 8 from pylons import url, app_globals as g
9 9 from pylons.i18n.translation import _, ungettext
10 10 from vcs.utils.annotate import annotate_highlight
11 11 from webhelpers.html import literal, HTML, escape
12 12 from webhelpers.html.tools import *
13 13 from webhelpers.html.builder import make_tag
14 14 from webhelpers.html.tags import auto_discovery_link, checkbox, css_classes, \
15 15 end_form, file, form, hidden, image, javascript_link, link_to, link_to_if, \
16 16 link_to_unless, ol, required_legend, select, stylesheet_link, submit, text, \
17 17 password, textarea, title, ul, xml_declaration, radio
18 18 from webhelpers.html.tools import auto_link, button_to, highlight, js_obfuscate, \
19 19 mail_to, strip_links, strip_tags, tag_re
20 20 from webhelpers.number import format_byte_size, format_bit_size
21 21 from webhelpers.pylonslib import Flash as _Flash
22 22 from webhelpers.pylonslib.secure_form import secure_form
23 23 from webhelpers.text import chop_at, collapse, convert_accented_entities, \
24 24 convert_misc_entities, lchop, plural, rchop, remove_formatting, \
25 25 replace_whitespace, urlify, truncate, wrap_paragraphs
26 26
27 27
28 28 #Custom helpers here :)
29 29 class _Link(object):
30 30 '''
31 31 Make a url based on label and url with help of url_for
32 32 @param label:name of link if not defined url is used
33 33 @param url: the url for link
34 34 '''
35 35
36 36 def __call__(self, label='', *url_, **urlargs):
37 37 if label is None or '':
38 38 label = url
39 39 link_fn = link_to(label, url(*url_, **urlargs))
40 40 return link_fn
41 41
42 42 link = _Link()
43 43
44 44 class _GetError(object):
45 45
46 46 def __call__(self, field_name, form_errors):
47 47 tmpl = """<span class="error_msg">%s</span>"""
48 48 if form_errors and form_errors.has_key(field_name):
49 49 return literal(tmpl % form_errors.get(field_name))
50 50
51 51 get_error = _GetError()
52 52
53 53 def recursive_replace(str, replace=' '):
54 54 """
55 55 Recursive replace of given sign to just one instance
56 56 @param str: given string
57 57 @param replace:char to find and replace multiple instances
58 58
59 59 Examples::
60 60 >>> recursive_replace("Mighty---Mighty-Bo--sstones",'-')
61 61 'Mighty-Mighty-Bo-sstones'
62 62 """
63 63
64 64 if str.find(replace * 2) == -1:
65 65 return str
66 66 else:
67 67 str = str.replace(replace * 2, replace)
68 68 return recursive_replace(str, replace)
69 69
70 70 class _ToolTip(object):
71 71
72 72 def __call__(self, tooltip_title, trim_at=50):
73 73 """
74 74 Special function just to wrap our text into nice formatted autowrapped
75 75 text
76 76 @param tooltip_title:
77 77 """
78 78
79 79 return literal(wrap_paragraphs(tooltip_title, trim_at)\
80 80 .replace('\n', '<br/>'))
81 81
82 82 def activate(self):
83 83 """
84 84 Adds tooltip mechanism to the given Html all tooltips have to have
85 85 set class tooltip and set attribute tooltip_title.
86 86 Then a tooltip will be generated based on that
87 87 All with yui js tooltip
88 88 """
89 89
90 90 js = '''
91 91 YAHOO.util.Event.onDOMReady(function(){
92 92 function toolTipsId(){
93 93 var ids = [];
94 94 var tts = YAHOO.util.Dom.getElementsByClassName('tooltip');
95 95
96 96 for (var i = 0; i < tts.length; i++) {
97 97 //if element doesn not have and id autgenerate one for tooltip
98 98
99 99 if (!tts[i].id){
100 100 tts[i].id='tt'+i*100;
101 101 }
102 102 ids.push(tts[i].id);
103 103 }
104 104 return ids
105 105 };
106 106 var myToolTips = new YAHOO.widget.Tooltip("tooltip", {
107 107 context: toolTipsId(),
108 108 monitorresize:false,
109 109 xyoffset :[0,0],
110 110 autodismissdelay:300000,
111 111 hidedelay:5,
112 112 showdelay:20,
113 113 });
114 114
115 115 //Mouse Over event disabled for new repositories since they dont
116 116 //have last commit message
117 117 myToolTips.contextMouseOverEvent.subscribe(
118 118 function(type, args) {
119 119 var context = args[0];
120 120 var txt = context.getAttribute('tooltip_title');
121 121 if(txt){
122 122 return true;
123 123 }
124 124 else{
125 125 return false;
126 126 }
127 127 });
128 128
129 129
130 130 // Set the text for the tooltip just before we display it. Lazy method
131 131 myToolTips.contextTriggerEvent.subscribe(
132 132 function(type, args) {
133 133
134 134
135 135 var context = args[0];
136 136
137 137 var txt = context.getAttribute('tooltip_title');
138 138 this.cfg.setProperty("text", txt);
139 139
140 140
141 141 // positioning of tooltip
142 142 var tt_w = this.element.clientWidth;
143 143 var tt_h = this.element.clientHeight;
144 144
145 145 var context_w = context.offsetWidth;
146 146 var context_h = context.offsetHeight;
147 147
148 148 var pos_x = YAHOO.util.Dom.getX(context);
149 149 var pos_y = YAHOO.util.Dom.getY(context);
150 150
151 151 var display_strategy = 'top';
152 152 var xy_pos = [0,0];
153 153 switch (display_strategy){
154 154
155 155 case 'top':
156 156 var cur_x = (pos_x+context_w/2)-(tt_w/2);
157 157 var cur_y = pos_y-tt_h-4;
158 158 xy_pos = [cur_x,cur_y];
159 159 break;
160 160 case 'bottom':
161 161 var cur_x = (pos_x+context_w/2)-(tt_w/2);
162 162 var cur_y = pos_y+context_h+4;
163 163 xy_pos = [cur_x,cur_y];
164 164 break;
165 165 case 'left':
166 166 var cur_x = (pos_x-tt_w-4);
167 167 var cur_y = pos_y-((tt_h/2)-context_h/2);
168 168 xy_pos = [cur_x,cur_y];
169 169 break;
170 170 case 'right':
171 171 var cur_x = (pos_x+context_w+4);
172 172 var cur_y = pos_y-((tt_h/2)-context_h/2);
173 173 xy_pos = [cur_x,cur_y];
174 174 break;
175 175 default:
176 176 var cur_x = (pos_x+context_w/2)-(tt_w/2);
177 177 var cur_y = pos_y-tt_h-4;
178 178 xy_pos = [cur_x,cur_y];
179 179 break;
180 180
181 181 }
182 182
183 183 this.cfg.setProperty("xy",xy_pos);
184 184
185 185 });
186 186
187 187 //Mouse out
188 188 myToolTips.contextMouseOutEvent.subscribe(
189 189 function(type, args) {
190 190 var context = args[0];
191 191
192 192 });
193 193 });
194 194 '''
195 195 return literal(js)
196 196
197 197 tooltip = _ToolTip()
198 198
199 199 class _FilesBreadCrumbs(object):
200 200
201 201 def __call__(self, repo_name, rev, paths):
202 202 url_l = [link_to(repo_name, url('files_home',
203 203 repo_name=repo_name,
204 204 revision=rev, f_path=''))]
205 205 paths_l = paths.split('/')
206 206
207 207 for cnt, p in enumerate(paths_l, 1):
208 208 if p != '':
209 209 url_l.append(link_to(p, url('files_home',
210 210 repo_name=repo_name,
211 211 revision=rev,
212 212 f_path='/'.join(paths_l[:cnt]))))
213 213
214 214 return literal(' / '.join(url_l))
215 215
216 216 files_breadcrumbs = _FilesBreadCrumbs()
217 217
218 218 def pygmentize(filenode, **kwargs):
219 219 """
220 220 pygmentize function using pygments
221 221 @param filenode:
222 222 """
223 223 return literal(code_highlight(filenode.content, filenode.lexer, HtmlFormatter(**kwargs)))
224 224
225 225 def pygmentize_annotation(filenode, **kwargs):
226 226 """
227 227 pygmentize function for annotation
228 228 @param filenode:
229 229 """
230 230
231 231 color_dict = g.changeset_annotation_colors
232 232 def gen_color():
233 233 import random
234 234 return [str(random.randrange(10, 235)) for _ in xrange(3)]
235 235 def get_color_string(cs):
236 236 if color_dict.has_key(cs):
237 237 col = color_dict[cs]
238 238 else:
239 239 color_dict[cs] = gen_color()
240 240 col = color_dict[cs]
241 241 return "color: rgb(%s) ! important;" % (', '.join(col))
242 242
243 243 def url_func(changeset):
244 244 tooltip_html = "<div style='font-size:0.8em'><b>Author:</b> %s<br/><b>Date:</b> %s</b><br/><b>Message:</b> %s<br/></div>"
245 245
246 246 tooltip_html = tooltip_html % (changeset.author,
247 247 changeset.date,
248 248 tooltip(changeset.message))
249 249 lnk_format = 'r%s:%s' % (changeset.revision,
250 250 changeset.raw_id)
251 251 uri = link_to(
252 252 lnk_format,
253 253 url('changeset_home', repo_name='test',
254 254 revision=changeset.raw_id),
255 255 style=get_color_string(changeset.raw_id),
256 256 class_='tooltip',
257 257 tooltip_title=tooltip_html
258 258 )
259 259
260 260 uri += '\n'
261 261 return uri
262 262 return literal(annotate_highlight(filenode, url_func, **kwargs))
263 263
264 264 def repo_name_slug(value):
265 265 """
266 266 Return slug of name of repository
267 267 """
268 268 slug = urlify(value)
269 269 for c in """=[]\;'"<>,/~!@#$%^&*()+{}|:""":
270 270 slug = slug.replace(c, '-')
271 271 slug = recursive_replace(slug, '-')
272 272 return slug
273 273
274 274 flash = _Flash()
275 275
276 276
277 277 #===============================================================================
278 278 # MERCURIAL FILTERS available via h.
279 279 #===============================================================================
280 280 from mercurial import util
281 281 from mercurial.templatefilters import age as _age, person as _person
282 282
283 283 age = lambda x:_age(x)
284 284 capitalize = lambda x: x.capitalize()
285 285 date = lambda x: util.datestr(x)
286 286 email = util.email
287 287 person = lambda x: _person(x)
288 288 hgdate = lambda x: "%d %d" % x
289 289 isodate = lambda x: util.datestr(x, '%Y-%m-%d %H:%M %1%2')
290 290 isodatesec = lambda x: util.datestr(x, '%Y-%m-%d %H:%M:%S %1%2')
291 291 localdate = lambda x: (x[0], util.makedate()[1])
292 292 rfc822date = lambda x: util.datestr(x, "%a, %d %b %Y %H:%M:%S %1%2")
293 293 rfc3339date = lambda x: util.datestr(x, "%Y-%m-%dT%H:%M:%S%1:%2")
294 294 time_ago = lambda x: util.datestr(_age(x), "%a, %d %b %Y %H:%M:%S %1%2")
295 295
296 296
297 297 #===============================================================================
298 298 # PERMS
299 299 #===============================================================================
300 300 from pylons_app.lib.auth import HasPermissionAny, HasPermissionAll, \
301 301 HasRepoPermissionAny, HasRepoPermissionAll
302 302
303 303 #===============================================================================
304 304 # GRAVATAR URL
305 305 #===============================================================================
306 306 import hashlib
307 307 import urllib
308 from pylons import request
308 309
309 def gravatar_url(email):
310 def gravatar_url(email, size=30):
310 311 ssl_enabled = 'https' == request.environ.get('HTTP_X_URL_SCHEME')
311 312 default = 'identicon'
312 size = 32
313 313 baseurl_nossl = "http://www.gravatar.com/avatar/"
314 314 baseurl_ssl = "https://secure.gravatar.com/avatar/"
315
316 315 baseurl = baseurl_ssl if ssl_enabled else baseurl_nossl
317 316
318 317
319 318 # construct the url
320 319 gravatar_url = baseurl + hashlib.md5(email.lower()).hexdigest() + "?"
321 320 gravatar_url += urllib.urlencode({'d':default, 's':str(size)})
322 321
323 322 return gravatar_url
@@ -1,3753 +1,3754 b''
1 1 /* -----------------------------------------------------------
2 2 main stylesheet
3 3 ----------------------------------------------------------- */
4 4
5 5 html
6 6 {
7 7 height: 100%;
8 8 }
9 9
10 10 body
11 11 {
12 12 margin: 0;
13 13 padding: 0;
14 14 height: 100%;
15 15 background: #d1d1d1 url("../images/background.png") repeat;
16 16 font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
17 17 font-size: 11px;
18 18 }
19 19
20 20 /* -----------------------------------------------------------
21 21 images
22 22 ----------------------------------------------------------- */
23 23
24 24 img
25 25 {
26 26 border: none;
27 27 }
28 28
29 29 /* -----------------------------------------------------------
30 30 anchors
31 31 ----------------------------------------------------------- */
32 32
33 33 a
34 34 {
35 35 color: #0066CC;
36 36 text-decoration: none;
37 37 cursor: pointer;
38 38 }
39 39
40 40 a:hover
41 41 {
42 42 color: #000000;
43 43 text-decoration: underline;
44 44 }
45 45
46 46 /* -----------------------------------------------------------
47 47 headings
48 48 ----------------------------------------------------------- */
49 49
50 50 h1, h2, h3, h4, h5, h6
51 51 {
52 52 color: #292929;
53 53 font-weight: bold;
54 54 }
55 55
56 56 h1
57 57 {
58 58 font-size: 22px;
59 59 }
60 60
61 61 h2
62 62 {
63 63 font-size: 20px;
64 64 }
65 65
66 66 h3
67 67 {
68 68 font-size: 18px;
69 69 }
70 70
71 71 h4
72 72 {
73 73 font-size: 16px;
74 74 }
75 75
76 76 h5
77 77 {
78 78 font-size: 14px;
79 79 }
80 80
81 81 h6
82 82 {
83 83 font-size: 11px;
84 84 }
85 85
86 86 /* -----------------------------------------------------------
87 87 lists
88 88 ----------------------------------------------------------- */
89 89
90 90 ul.circle { list-style-type: circle; }
91 91 ul.disc { list-style-type: disc; }
92 92 ul.square { list-style-type: square; }
93 93 ol.lower-roman { list-style-type: lower-roman; }
94 94 ol.upper-roman { list-style-type: upper-roman; }
95 95 ol.lower-alpha { list-style-type: lower-alpha; }
96 96 ol.upper-alpha { list-style-type: upper-alpha; }
97 97 ol.decimal { list-style-type: decimal; }
98 98
99 99 /* -----------------------------------------------------------
100 100 colors
101 101 ----------------------------------------------------------- */
102 102
103 103 div.color
104 104 {
105 105 margin: 7px 0 0 60px;
106 106 padding: 1px 1px 1px 0px;
107 107 clear: both;
108 108 overflow: hidden;
109 109 position: absolute;
110 110 background: #FFFFFF;
111 111 }
112 112
113 113 div.color a
114 114 {
115 115 margin: 0 0 0 1px;
116 116 padding: 0;
117 117 width: 15px;
118 118 height: 15px;
119 119 display: block;
120 120 float: left;
121 121 }
122 122
123 123 div.color a.blue
124 124 {
125 125 background: #376ea6;
126 126 }
127 127
128 128 div.color a.green
129 129 {
130 130 background: #85924b;
131 131 }
132 132
133 133 div.color a.brown
134 134 {
135 135 background: #9b6e42;
136 136 }
137 137
138 138 div.color a.purple
139 139 {
140 140 background: #88528b;
141 141 }
142 142
143 143 div.color a.red
144 144 {
145 145 background: #bd3220;
146 146 }
147 147
148 148 div.color a.greyblue
149 149 {
150 150 background: #566e86;
151 151 }
152 152
153 153 /* -----------------------------------------------------------
154 154 options
155 155 ----------------------------------------------------------- */
156 156
157 157 div.options
158 158 {
159 159 margin: 7px 0 0 162px;
160 160 padding: 0;
161 161 clear: both;
162 162 overflow: hidden;
163 163 position: absolute;
164 164 background: #FFFFFF;
165 165 }
166 166
167 167 div.options a
168 168 {
169 169 margin: 0;
170 170 padding: 3px 8px 3px 8px;
171 171 height: 1%;
172 172 display: block;
173 173 text-decoration: none;
174 174 }
175 175
176 176 div.options a:hover
177 177 {
178 178 text-decoration: none;
179 179 }
180 180
181 181 /* -----------------------------------------------------------
182 182 header
183 183 ----------------------------------------------------------- */
184 184
185 185 #header
186 186 {
187 187 margin: 0;
188 188 padding: 0 60px 0 60px;
189 189 background: #b0b0b0 url("../images/header_background.png") repeat;
190 190 }
191 191
192 192
193 193 /* -----------------------------------------------------------
194 194 header -> user
195 195 ----------------------------------------------------------- */
196 196
197 197 #header ul#logged-user
198 198 {
199 199 margin: 0;
200 200 padding: 0;
201 201 float: right;
202 202 }
203 203
204 204 #header ul#logged-user li
205 205 {
206 206 margin: 0;
207 207 padding: 10px 12px 10px 12px;
208 208 list-style: none;
209 209 float: left;
210 210 border-left: 1px solid #bbbbbb;
211 211 border-right: 1px solid #a5a5a5;
212 212 }
213 213
214 214 #header ul#logged-user li.first
215 215 {
216 216 border-left: none;
217 217 }
218 218
219 219 #header ul#logged-user li.last
220 220 {
221 221 border-right: none;
222 222 }
223 223
224 224 #header ul#logged-user li a
225 225 {
226 226 color: #4e4e4e;
227 227 font-weight: bold;
228 228 text-decoration: none;
229 229 }
230 230
231 231 #header ul#logged-user li a:hover
232 232 {
233 233 color: #376ea6;
234 234 text-decoration: underline;
235 235 }
236 236
237 237 #header ul#logged-user li.highlight a
238 238 {
239 239 color: #ffffff;
240 240 }
241 241
242 242 #header ul#logged-user li.highlight a:hover
243 243 {
244 244 color: #376ea6;
245 245 }
246 246
247 247 #header #header-inner
248 248 {
249 249 margin: 0;
250 250 padding: 0;
251 251 height: 40px;
252 252 clear: both;
253 253 position: relative;
254 254 background: #003367 url("../images/colors/blue/header_inner.png") repeat-x;
255 255 border-bottom: 6px solid #ffffff;
256 256 }
257 257
258 258 /* -----------------------------------------------------------
259 259 header -> home
260 260 ----------------------------------------------------------- */
261 261
262 262 #header #header-inner #home
263 263 {
264 264 float: left;
265 265 }
266 266
267 267 #header #header-inner #home a
268 268 {
269 269 margin: 0;
270 270 padding: 0;
271 271 height: 40px;
272 272 width: 46px;
273 273 display: block;
274 274 background: url("../images/colors/blue/button_home.png");
275 275 background-position: 0 0;
276 276 }
277 277
278 278 #header #header-inner #home a:hover
279 279 {
280 280 background-position: 0 -40px;
281 281 }
282 282
283 283 /* -----------------------------------------------------------
284 284 header -> logo
285 285 ----------------------------------------------------------- */
286 286
287 287 #header #header-inner #logo
288 288 {
289 289 float: left;
290 290 }
291 291
292 292 #header #header-inner #logo h1
293 293 {
294 294 margin: 13px 0 0 13px;
295 295 padding: 0;
296 296 color: #FFFFFF;
297 297 font-size: 14px;
298 298 text-transform: uppercase;
299 299 }
300 300
301 301 #header #header-inner #logo a
302 302 {
303 303 color: #ffffff;
304 304 text-decoration: none;
305 305 }
306 306
307 307 #header #header-inner #logo a:hover
308 308 {
309 309 color: #dabf29;
310 310 }
311 311
312 312 /* -----------------------------------------------------------
313 313 header -> quick
314 314 ----------------------------------------------------------- */
315 315
316 316 #header #header-inner #quick,
317 317 #header #header-inner #quick ul
318 318 {
319 319 margin: 10px 5px 0 0;
320 320 padding: 0;
321 321 position: relative;
322 322 float: right;
323 323 list-style-type: none;
324 324 list-style-position: outside;
325 325 }
326 326
327 327 #header #header-inner #quick li
328 328 {
329 329 margin: 0 4px 0 0;
330 330 padding: 0;
331 331 position: relative;
332 332 float: left;
333 333 }
334 334
335 335 #header #header-inner #quick li a
336 336 {
337 337 top: 0;
338 338 left: 0;
339 339 padding: 0;
340 340 height: 1%;
341 341 display: block;
342 342 clear: both;
343 343 overflow: hidden;
344 344 background: #336699 url("../images/colors/blue/quick_l.png") no-repeat top left;
345 345 color: #FFFFFF;
346 346 font-weight: bold;
347 347 text-decoration: none;
348 348 }
349 349
350 350 #header #header-inner #quick li span
351 351 {
352 352 top: 0;
353 353 right: 0;
354 354 margin: 0;
355 355 padding: 10px 12px 8px 10px;
356 356 height: 1%;
357 357 display: block;
358 358 float: left;
359 359 background: url("../images/colors/blue/quick_r.png") no-repeat top right;
360 360 border-left: 1px solid #3f6f9f;
361 361 }
362 362
363 363 #header #header-inner #quick li span.icon
364 364 {
365 365 top: 0;
366 366 left: 0;
367 367 padding: 8px 8px 4px 8px;
368 368 background: url("../images/colors/blue/quick_l.png") no-repeat top left;
369 369 border-left: none;
370 370 border-right: 1px solid #2e5c89;
371 371 }
372 372
373 373 #header #header-inner #quick li a:hover
374 374 {
375 375 background: #4e4e4e;
376 376 }
377 377
378 378 #header #header-inner #quick li a:hover span
379 379 {
380 380 background: url("../images/colors/blue/quick_r_selected.png") no-repeat top right;
381 381 border-left: 1px solid #545454;
382 382 }
383 383
384 384 #header #header-inner #quick li a:hover span.icon
385 385 {
386 386 background: url("../images/colors/blue/quick_l_selected.png") no-repeat top left;
387 387 border-left: none;
388 388 border-right: 1px solid #464646;
389 389 }
390 390
391 391 #header #header-inner #quick ul
392 392 {
393 393 top: 29px;
394 394 right: 0;
395 395 margin: 0;
396 396 padding: 0;
397 397 width: 200px;
398 398 display: none;
399 399 position: absolute;
400 400 background: #FFFFFF;
401 401 border: 1px solid #666;
402 402 border-top: 1px solid #003367;
403 403 }
404 404
405 405 #header #header-inner #quick li ul li
406 406 {
407 407 border-bottom: 1px solid #dddddd;
408 408 }
409 409
410 410 #header #header-inner #quick li ul li.last
411 411 {
412 412 border: none;
413 413 }
414 414
415 415 #header #header-inner #quick li ul li a.repos,#header #header-inner #quick li ul li a.repos:hover
416 416 {
417 417 margin: 0;
418 418 padding: 12px 9px 7px 28px;
419 419 width: 167px;
420 420 background: #FFFFFF url("../images/icons/folder_edit.png") no-repeat 8px 9px;
421 421 }
422 422 #header #header-inner #quick li ul li a.users,#header #header-inner #quick li ul li a.users:hover
423 423 {
424 424 margin: 0;
425 425 padding: 12px 9px 7px 28px;
426 426 width: 167px;
427 427 background: #FFFFFF url("../images/icons/user_edit.png") no-repeat 8px 9px;
428 428 }
429 429 #header #header-inner #quick li ul li a.settings,#header #header-inner #quick li ul li a.settings:hover
430 430 {
431 431 margin: 0;
432 432 padding: 12px 9px 7px 28px;
433 433 width: 167px;
434 434 background: #FFFFFF url("../images/icons/cog.png") no-repeat 8px 9px;
435 435 }
436 436
437 437 #header #header-inner #quick li ul li a.permissions,#header #header-inner #quick li ul li a.permissions:hover
438 438 {
439 439 margin: 0;
440 440 padding: 12px 9px 7px 28px;
441 441 width: 167px;
442 442 background: #FFFFFF url("../images/icons/key.png") no-repeat 8px 9px;
443 443 }
444 444
445 445 #header #header-inner #quick li ul li a
446 446 {
447 447 margin: 0;
448 448 padding: 7px 9px 7px 9px;
449 449 height: 1%;
450 450 width: 182px;
451 451 height: auto;
452 452 display: block;
453 453 float: left;
454 454 background: #FFFFFF;
455 455 color: #0066CC;
456 456 font-weight: normal;
457 457 }
458 458
459 459 #header #header-inner #quick li ul li a:hover
460 460 {
461 461 color: #000000;
462 462 background: #FFFFFF;
463 463 }
464 464
465 465 #header #header-inner #quick ul ul
466 466 {
467 467 top: auto;
468 468 }
469 469
470 470 #header #header-inner #quick li ul ul
471 471 {
472 472 right: 200px;
473 473 }
474 474
475 475 #header #header-inner #quick li:hover ul ul,
476 476 #header #header-inner #quick li:hover ul ul ul,
477 477 #header #header-inner #quick li:hover ul ul ul ul
478 478 {
479 479 display: none;
480 480 }
481 481
482 482 #header #header-inner #quick li:hover ul,
483 483 #header #header-inner #quick li li:hover ul,
484 484 #header #header-inner #quick li li li:hover ul,
485 485 #header #header-inner #quick li li li li:hover ul
486 486 {
487 487 display: block;
488 488 }
489 489
490 490 /* -----------------------------------------------------------
491 491 header corners
492 492 ----------------------------------------------------------- */
493 493
494 494 #header #header-inner div.corner
495 495 {
496 496 height: 6px;
497 497 width: 6px;
498 498 position: absolute;
499 499 background: url("../images/colors/blue/header_inner_corners.png") no-repeat;
500 500 }
501 501
502 502 #header #header-inner div.tl
503 503 {
504 504 top: 0;
505 505 left: 0;
506 506 background-position: 0 0;
507 507 }
508 508
509 509 #header #header-inner div.tr
510 510 {
511 511 top: 0;
512 512 right: 0;
513 513 background-position: -6px 0;
514 514 }
515 515
516 516 /* -----------------------------------------------------------
517 517 content
518 518 ----------------------------------------------------------- */
519 519
520 520 #content
521 521 {
522 522 margin: 10px 0 0 0;
523 523 padding: 0;
524 524 min-height: 100%;
525 525 clear: both;
526 526 overflow: hidden;
527 527 background: url("../images/content.png") repeat-y top left;
528 528 }
529 529
530 530 /* -----------------------------------------------------------
531 531 content -> left
532 532 ----------------------------------------------------------- */
533 533
534 534 #content #left
535 535 {
536 536 left: 0;
537 537 width: 280px;
538 538 position: absolute;
539 539 }
540 540
541 541 /* -----------------------------------------------------------
542 542 content -> left -> menu
543 543 ----------------------------------------------------------- */
544 544
545 545 #content #left #menu
546 546 {
547 547 margin: 5px 10px 0 60px;
548 548 padding: 0;
549 549 clear: both;
550 550 overflow: hidden;
551 551 }
552 552
553 553 /* -----------------------------------------------------------
554 554 content -> left -> menu / heading
555 555 ----------------------------------------------------------- */
556 556
557 557 #content #left #menu h6
558 558 {
559 559 margin: 5px 0 0 0;
560 560 padding: 0;
561 561 clear: both;
562 562 overflow: hidden;
563 563 background: #dfdfdf url("../images/menu.png") repeat-x;
564 564 color: #6e6e6e;
565 565 }
566 566
567 567 #content #left #menu h6 a
568 568 {
569 569 margin: 0;
570 570 padding: 0;
571 571 height: 1%;
572 572 display: block;
573 573 clear: both;
574 574 overflow: hidden;
575 575 background: url("../images/menu_l.png") no-repeat top left;
576 576 color: #6e6e6e;
577 577 text-decoration: none;
578 578 }
579 579
580 580 #content #left #menu h6 span
581 581 {
582 582 margin: 0;
583 583 padding: 9px 10px 10px 10px;
584 584 height: 1%;
585 585 display: block;
586 586 background: url("../images/menu_r.png") no-repeat top right;
587 587 }
588 588
589 589 #content #left #menu h6.selected
590 590 {
591 591 background: #00376e url("../images/colors/blue/menu_selected.png") repeat-x;
592 592 color: #FFFFFF;
593 593 }
594 594
595 595 #content #left #menu h6.selected a
596 596 {
597 597 background: url("../images/colors/blue/menu_l_selected.png") no-repeat top left;
598 598 color: #ffffff;
599 599 }
600 600
601 601 #content #left #menu h6.selected span
602 602 {
603 603 background: url("../images/colors/blue/menu_r_selected.png") no-repeat top right;
604 604 }
605 605
606 606 /* -----------------------------------------------------------
607 607 content -> left -> menu / links
608 608 ----------------------------------------------------------- */
609 609
610 610 #content #left #menu ul
611 611 {
612 612 margin: 0;
613 613 padding: 0;
614 614 background: #376ea6;
615 615 }
616 616
617 617 #content #left #menu ul.opened
618 618 {
619 619 display: block;
620 620 }
621 621
622 622 #content #left #menu ul.closed
623 623 {
624 624 display: none;
625 625 }
626 626
627 627 #content #left #menu li
628 628 {
629 629 margin: 0;
630 630 padding: 0;
631 631 clear: both;
632 632 overflow: hidden;
633 633 list-style: none;
634 634 border-bottom: 1px solid #5f8bb7;
635 635 color: #ffffff;
636 636 }
637 637
638 638 #content #left #menu li a
639 639 {
640 640 margin: 0 0 0 6px;
641 641 padding: 8px 0 8px 18px;
642 642 height: 1%;
643 643 display: block;
644 644 float: left;
645 645 background: url("../images/colors/colors/blue/menu_arrow.png") no-repeat 0 9px;
646 646 color: #ffffff;
647 647 text-decoration: none;
648 648 }
649 649
650 650 #content #left #menu li a:hover
651 651 {
652 652 color: #b9dcff;
653 653 }
654 654
655 655 /* -----------------------------------------------------------
656 656 content -> left -> menu / collapsible
657 657 ----------------------------------------------------------- */
658 658
659 659 #content #left #menu li.collapsible
660 660 {
661 661 background: url("../images/colors/blue/menu_border.png") no-repeat top left;
662 662 }
663 663
664 664 #content #left #menu li.collapsible a
665 665 {
666 666 margin: 0 0 0 6px;
667 667 padding: 8px 0 8px 0;
668 668 height: 1%;
669 669 display: block;
670 670 background: transparent;
671 671 float: left;
672 672 font-weight: bold;
673 673 }
674 674
675 675 #content #left #menu li.collapsible a.plus
676 676 {
677 677 margin: 0;
678 678 padding: 8px 0 9px 24px;
679 679 height: 10px;
680 680 width: 10px;
681 681 display: block;
682 682 float: left;
683 683 background: url("../images/menu_plus.png") no-repeat 5px 10px;
684 684 border: none;
685 685 }
686 686
687 687 #content #left #menu li.collapsible a.minus
688 688 {
689 689 margin: 0;
690 690 padding: 8px 0 9px 24px;
691 691 height: 10px;
692 692 width: 10px;
693 693 display: block;
694 694 float: left;
695 695 background: url("../images/menu_minus.png") no-repeat 5px 10px;
696 696 border: none;
697 697 }
698 698
699 699 #content #left #menu li ul
700 700 {
701 701 margin: 0;
702 702 padding: 0;
703 703 border-left: 18px solid #285889;
704 704 }
705 705
706 706 #content #left #menu li ul.expanded
707 707 {
708 708 display: block;
709 709 }
710 710
711 711 #content #left #menu li ul.collapsed
712 712 {
713 713 display: none;
714 714 }
715 715
716 716 #content #left #menu li ul li
717 717 {
718 718 margin: 0;
719 719 padding: 0;
720 720 clear: both;
721 721 overflow: hidden;
722 722 list-style: none;
723 723 border-bottom: 1px solid #5f8bb7;
724 724 color: #ffffff;
725 725 }
726 726
727 727 #content #left #menu li.collapsible ul li a
728 728 {
729 729 font-weight: normal;
730 730 }
731 731
732 732 #content #left #menu li.last
733 733 {
734 734 border-bottom: none;
735 735 }
736 736
737 737 /* -----------------------------------------------------------
738 738 content -> left -> date picker
739 739 ----------------------------------------------------------- */
740 740
741 741 #content #left #date-picker
742 742 {
743 743 margin: 10px 10px 0 60px;
744 744 padding: 0;
745 745 clear: both;
746 746 overflow: hidden;
747 747 }
748 748
749 749 #content #left #date-picker .ui-datepicker
750 750 {
751 751 width: auto;
752 752 padding: 0;
753 753 clear: both;
754 754 overflow: hidden;
755 755 background: #FFFFFF;
756 756 border: 1px solid #d1d1d1;
757 757 }
758 758
759 759 #content #left #date-picker .ui-datepicker .ui-datepicker-header
760 760 {
761 761 padding: 5px 0;
762 762 }
763 763
764 764 #content #left #date-picker .ui-datepicker .ui-datepicker-prev
765 765 {
766 766 top: 5px;
767 767 left: 4px;
768 768 }
769 769
770 770 #content #left #date-picker .ui-datepicker .ui-datepicker-next
771 771 {
772 772 top: 5px;
773 773 right: 4px;
774 774 }
775 775
776 776 #content #left #date-picker .ui-datepicker .ui-datepicker-prev-hover
777 777 {
778 778 top: 5px;
779 779 left: 4px;
780 780 }
781 781
782 782 #content #left #date-picker .ui-datepicker .ui-datepicker-next-hover
783 783 {
784 784 top: 5px;
785 785 right: 4px;
786 786 }
787 787
788 788 /* -----------------------------------------------------------
789 789 content -> right
790 790 ----------------------------------------------------------- */
791 791
792 792 #content #right
793 793 {
794 794 margin: 0 60px 10px 290px;
795 795 }
796 796
797 797 /* -----------------------------------------------------------
798 798 content -> right -> box
799 799 ----------------------------------------------------------- */
800 800
801 801 #content div.box
802 802 {
803 803 margin: 0 0 10px 0;
804 804 padding: 0 0 10px 0;
805 805 clear: both;
806 806 overflow: hidden;
807 807 background: #ffffff;
808 808 }
809 809
810 810 #content div.box-left
811 811 {
812 812 margin: 0 0 10px;
813 813 width: 49%;
814 814 clear: none;
815 815 float: left;
816 816 }
817 817
818 818 #content div.box-right
819 819 {
820 820 margin: 0 0 10px;
821 821 width: 49%;
822 822 clear: none;
823 823 float: right;
824 824 }
825 825
826 826 /* -----------------------------------------------------------
827 827 content -> right -> box / title
828 828 ----------------------------------------------------------- */
829 829
830 830 #content div.box div.title
831 831 {
832 832 margin: 0 0 20px 0;
833 833 padding: 0;
834 834 clear: both;
835 835 overflow: hidden;
836 836 background: #336699 url("../images/colors/blue/title.png") repeat-x;
837 837 }
838 838
839 839 #content div.box div.title h5
840 840 {
841 841 margin: 0;
842 842 padding: 11px 0 11px 10px;
843 843 float: left;
844 844 border: none;
845 845 color: #ffffff;
846 846 text-transform: uppercase;
847 847 }
848 848
849 849 #content div.box div.title ul.links
850 850 {
851 851 margin: 0;
852 852 padding: 0;
853 853 float: right;
854 854 }
855 855
856 856 #content div.box div.title ul.links li
857 857 {
858 858 margin: 0;
859 859 padding: 0;
860 860 list-style: none;
861 861 float: left;
862 862 }
863 863
864 864 #content div.box div.title ul.links li a
865 865 {
866 866 margin: 0;
867 867 padding: 13px 16px 12px 16px;
868 868 height: 1%;
869 869 display: block;
870 870 float: left;
871 871 background: url("../images/colors/blue/title_link.png") no-repeat top left;
872 872 border-left: 1px solid #316293;
873 873 color: #ffffff;
874 874 font-size: 11px;
875 875 font-weight: bold;
876 876 text-decoration: none;
877 877 }
878 878
879 879 #content div.box div.title ul.links li a:hover
880 880 {
881 881 color: #bfe3ff;
882 882 }
883 883
884 884 #content div.box div.title ul.links li.ui-tabs-selected a
885 885 {
886 886 background: url("../../../resources/images/colors/blue/title_tab_selected.png") no-repeat bottom center;
887 887 color: #bfe3ff;
888 888 }
889 889
890 890 /* -----------------------------------------------------------
891 891 content -> right -> box / headings
892 892 ----------------------------------------------------------- */
893 893
894 894 #content div.box h1,
895 895 #content div.box h2,
896 896 #content div.box h3,
897 897 #content div.box h4,
898 898 #content div.box h5,
899 899 #content div.box h6
900 900 {
901 901 margin: 10px 20px 10px 20px;
902 902 padding: 0 0 15px 0;
903 903 clear: both;
904 904 overflow: hidden;
905 905 border-bottom: 1px solid #DDDDDD;
906 906 }
907 907
908 908 /* -----------------------------------------------------------
909 909 content -> right -> box / paragraphs
910 910 ----------------------------------------------------------- */
911 911
912 912 #content div.box p
913 913 {
914 914 margin: 0 24px 10px 24px;
915 915 padding: 0;
916 916 color: #5f5f5f;
917 917 font-size: 12px;
918 918 line-height: 150%;
919 919 }
920 920
921 921 #content div.box blockquote
922 922 {
923 923 margin: 0 34px 0 34px;
924 924 padding: 0 0 0 14px;
925 925 border-left: 4px solid #DDDDDD;
926 926 color: #5f5f5f;
927 927 font-size: 11px;
928 928 line-height: 150%;
929 929 }
930 930
931 931 #content div.box blockquote p
932 932 {
933 933 margin: 10px 0 10px 0;
934 934 padding: 0;
935 935 }
936 936
937 937 /* -----------------------------------------------------------
938 938 content -> right -> box / lists
939 939 ----------------------------------------------------------- */
940 940
941 941 #content div.box dl
942 942 {
943 943 margin: 10px 24px 10px 24px;
944 944 }
945 945
946 946 #content div.box dt
947 947 {
948 948 margin: 0;
949 949 font-size: 12px;
950 950 }
951 951
952 952 #content div.box dd
953 953 {
954 954 margin: 0;
955 955 padding: 8px 0 8px 15px;
956 956 font-size: 12px;
957 957 }
958 958
959 959 #content div.box ul.left
960 960 {
961 961 float: left;
962 962 }
963 963
964 964 #content div.box ol.left
965 965 {
966 966 float: left;
967 967 }
968 968
969 969 #content div.box li
970 970 {
971 971 padding: 4px 0 4px 0;
972 972 font-size: 12px;
973 973 }
974 974
975 975 #content div.box ol.lower-roman,
976 976 #content div.box ol.upper-roman
977 977 {
978 978 margin: 10px 24px 10px 44px;
979 979 }
980 980
981 981 #content div.box ol.lower-alpha,
982 982 #content div.box ol.upper-alpha
983 983 {
984 984 margin: 10px 24px 10px 44px;
985 985 }
986 986
987 987 #content div.box ol.decimal
988 988 {
989 989 margin: 10px 24px 10px 44px;
990 990 }
991 991
992 992 #content div.box ul.disc,
993 993 #content div.box ul.circle
994 994 {
995 995 margin: 10px 24px 10px 38px;
996 996 }
997 997
998 998 #content div.box ul.square
999 999 {
1000 1000 margin: 10px 24px 10px 40px;
1001 1001 }
1002 1002
1003 1003 /* -----------------------------------------------------------
1004 1004 content -> right -> box / images
1005 1005 ----------------------------------------------------------- */
1006 1006
1007 1007 #content div.box img.left
1008 1008 {
1009 1009 margin: 10px 10px 10px 0;
1010 1010 border: none;
1011 1011 float: left;
1012 1012 }
1013 1013
1014 1014 #content div.box img.right
1015 1015 {
1016 1016 margin: 10px 0 10px 10px;
1017 1017 border: none;
1018 1018 float: right;
1019 1019 }
1020 1020
1021 1021 /* -----------------------------------------------------------
1022 1022 content -> right -> box / messages
1023 1023 ----------------------------------------------------------- */
1024 1024
1025 1025 #content div.box div.messages
1026 1026 {
1027 1027 margin: 0 20px 0 20px;
1028 1028 padding: 0;
1029 1029 clear: both;
1030 1030 overflow: hidden;
1031 1031 }
1032 1032
1033 1033 #content div.box div.message
1034 1034 {
1035 1035 margin: 0 0 10px 0;
1036 1036 padding: 0;
1037 1037 clear: both;
1038 1038 overflow: hidden;
1039 1039 }
1040 1040
1041 1041 #content div.box div.message div.image
1042 1042 {
1043 1043 margin: 9px 0 0 5px;
1044 1044 padding: 6px;
1045 1045 float: left;
1046 1046 }
1047 1047
1048 1048 #content div.box div.message div.image img
1049 1049 {
1050 1050 margin: 0;
1051 1051 vertical-align: middle;
1052 1052 }
1053 1053
1054 1054 #content div.box div.message div.text
1055 1055 {
1056 1056 margin: 0;
1057 1057 padding: 9px 6px 9px 6px;
1058 1058 float: left;
1059 1059 }
1060 1060
1061 1061 #content div.box div.message div.dismiss
1062 1062 {
1063 1063 margin: 0;
1064 1064 padding: 0;
1065 1065 float: right;
1066 1066 }
1067 1067
1068 1068 #content div.box div.message div.dismiss a
1069 1069 {
1070 1070 margin: 15px 14px 0 0;
1071 1071 padding: 0;
1072 1072 height: 16px;
1073 1073 width: 16px;
1074 1074 display: block;
1075 1075 background: url("../images/icons/cross.png") no-repeat;
1076 1076 }
1077 1077
1078 1078 #content div.box div.message div.text h1,
1079 1079 #content div.box div.message div.text h2,
1080 1080 #content div.box div.message div.text h3,
1081 1081 #content div.box div.message div.text h4,
1082 1082 #content div.box div.message div.text h5,
1083 1083 #content div.box div.message div.text h6
1084 1084 {
1085 1085 margin: 0;
1086 1086 padding: 0px;
1087 1087 border: none;
1088 1088 }
1089 1089
1090 1090 #content div.box div.message div.text span
1091 1091 {
1092 1092 margin: 0;
1093 1093 padding: 5px 0 0 0;
1094 1094 height: 1%;
1095 1095 display: block;
1096 1096 }
1097 1097
1098 1098 #content div.box div.message-error
1099 1099 {
1100 1100 height: 1%;
1101 1101 clear: both;
1102 1102 overflow: hidden;
1103 1103 background: #FBE3E4;
1104 1104 border: 1px solid #FBC2C4;
1105 1105 color: #860006;
1106 1106 }
1107 1107
1108 1108 #content div.box div.message-error h6
1109 1109 {
1110 1110 color: #860006;
1111 1111 }
1112 1112
1113 1113 #content div.box div.message-warning
1114 1114 {
1115 1115 height: 1%;
1116 1116 clear: both;
1117 1117 overflow: hidden;
1118 1118 background: #FFF6BF;
1119 1119 border: 1px solid #FFD324;
1120 1120 color: #5f5200;
1121 1121 }
1122 1122
1123 1123 #content div.box div.message-warning h6
1124 1124 {
1125 1125 color: #5f5200;
1126 1126 }
1127 1127
1128 1128 #content div.box div.message-notice
1129 1129 {
1130 1130 height: 1%;
1131 1131 clear: both;
1132 1132 overflow: hidden;
1133 1133 background: #8FBDE0;
1134 1134 border: 1px solid #6BACDE;
1135 1135 color: #003863;
1136 1136 }
1137 1137
1138 1138 #content div.box div.message-notice h6
1139 1139 {
1140 1140 color: #003863;
1141 1141 }
1142 1142
1143 1143 #content div.box div.message-success
1144 1144 {
1145 1145 height: 1%;
1146 1146 clear: both;
1147 1147 overflow: hidden;
1148 1148 background: #E6EFC2;
1149 1149 border: 1px solid #C6D880;
1150 1150 color: #4e6100;
1151 1151 }
1152 1152
1153 1153 #content div.box div.message-success h6
1154 1154 {
1155 1155 color: #4e6100;
1156 1156 }
1157 1157
1158 1158 /* -----------------------------------------------------------
1159 1159 content -> right -> box / forms
1160 1160 ----------------------------------------------------------- */
1161 1161
1162 1162 #content div.box div.form
1163 1163 {
1164 1164 margin: 0;
1165 1165 padding: 0 20px 10px 20px;
1166 1166 clear: both;
1167 1167 overflow: hidden;
1168 1168 }
1169 1169
1170 1170 #content div.box div.form div.fields
1171 1171 {
1172 1172 margin: 0;
1173 1173 padding: 0;
1174 1174 clear: both;
1175 1175 overflow: hidden;
1176 1176 }
1177 1177
1178 1178 #content div.box div.form div.fields div.field
1179 1179 {
1180 1180 margin: 0;
1181 1181 padding: 10px 0 10px 0;
1182 1182 height: 1%;
1183 1183 border-bottom: 1px solid #DDDDDD;
1184 1184 clear: both;
1185 1185 overflow: hidden;
1186 1186 }
1187 1187
1188 1188 #content div.box div.form div.fields div.field-first
1189 1189 {
1190 1190 padding: 0 0 10px 0;
1191 1191 }
1192 1192
1193 1193 #content div.box div.form div.fields div.field span.error-message
1194 1194 {
1195 1195 margin: 8px 0 0 0;
1196 1196 padding: 0;
1197 1197 height: 1%;
1198 1198 display: block;
1199 1199 color: #FF0000;
1200 1200 }
1201 1201
1202 1202 #content div.box div.form div.fields div.field span.success
1203 1203 {
1204 1204 margin: 8px 0 0 0;
1205 1205 padding: 0;
1206 1206 height: 1%;
1207 1207 display: block;
1208 1208 color: #316309;
1209 1209 }
1210 1210
1211 1211 /* -----------------------------------------------------------
1212 1212 content -> right -> forms -> labels
1213 1213 ----------------------------------------------------------- */
1214 1214
1215 1215 #content div.box div.form div.fields div.field div.label
1216 1216 {
1217 1217 left: 310px;
1218 1218 margin: 0;
1219 1219 padding: 8px 0 0 5px;
1220 1220 width: auto;
1221 1221 position: absolute;
1222 1222 }
1223 1223
1224 1224 #content div.box-left div.form div.fields div.field div.label,
1225 1225 #content div.box-right div.form div.fields div.field div.label
1226 1226 {
1227 1227 left: 0;
1228 1228 margin: 0;
1229 1229 padding: 0 0 8px 0;
1230 1230 width: auto;
1231 1231 position: relative;
1232 1232 }
1233 1233
1234 1234 /* -----------------------------------------------------------
1235 1235 content -> right -> forms -> label (select)
1236 1236 ----------------------------------------------------------- */
1237 1237
1238 1238 #content div.box div.form div.fields div.field div.label-select
1239 1239 {
1240 1240 padding: 2px 0 0 5px;
1241 1241 }
1242 1242
1243 1243 #content div.box-left div.form div.fields div.field div.label-select,
1244 1244 #content div.box-right div.form div.fields div.field div.label-select
1245 1245 {
1246 1246 padding: 0 0 8px 0;
1247 1247 }
1248 1248
1249 1249 /* -----------------------------------------------------------
1250 1250 content -> right -> forms -> label (checkbox)
1251 1251 ----------------------------------------------------------- */
1252 1252
1253 1253 #content div.box div.form div.fields div.field div.label-checkbox
1254 1254 {
1255 1255 padding:0 0 0 5px !important;
1256 1256 }
1257 1257
1258 1258 /* -----------------------------------------------------------
1259 1259 content -> right -> forms -> label (radio)
1260 1260 ----------------------------------------------------------- */
1261 1261
1262 1262 #content div.box div.form div.fields div.field div.label-radio
1263 1263 {
1264 1264 padding:0 0 0 5px !important;
1265 1265 }
1266 1266
1267 1267 /* -----------------------------------------------------------
1268 1268 content -> right -> forms -> label (textarea)
1269 1269 ----------------------------------------------------------- */
1270 1270
1271 1271 #content div.box div.form div.fields div.field div.label-textarea
1272 1272 {
1273 1273 padding:0 0 0 5px !important;
1274 1274 }
1275 1275
1276 1276 #content div.box-left div.form div.fields div.field div.label-textarea,
1277 1277 #content div.box-right div.form div.fields div.field div.label-textarea
1278 1278 {
1279 1279 padding: 0 0 8px 0 !important;
1280 1280 }
1281 1281
1282 1282 /* -----------------------------------------------------------
1283 1283 content -> right -> forms -> labels (label)
1284 1284 ----------------------------------------------------------- */
1285 1285
1286 1286 #content div.box div.form div.fields div.field div.label label
1287 1287 {
1288 1288 color: #393939;
1289 1289 font-weight: bold;
1290 1290 }
1291 1291
1292 1292 #content div.box div.form div.fields div.field div.label span
1293 1293 {
1294 1294 margin: 0;
1295 1295 padding: 2px 0 0 0;
1296 1296 height: 1%;
1297 1297 display: block;
1298 1298 color: #363636;
1299 1299 }
1300 1300
1301 1301 /* -----------------------------------------------------------
1302 1302 content -> right -> forms -> input
1303 1303 ----------------------------------------------------------- */
1304 1304
1305 1305 #content div.box div.form div.fields div.field div.input
1306 1306 {
1307 1307 margin: 0 0 0 200px;
1308 1308 padding: 0;
1309 1309 }
1310 1310
1311 1311 #content div.box-left div.form div.fields div.field div.input,
1312 1312 #content div.box-right div.form div.fields div.field div.input
1313 1313 {
1314 1314 margin: 0;
1315 1315 padding: 7px 7px 6px 7px;
1316 1316 border-top: 1px solid #b3b3b3;
1317 1317 border-left: 1px solid #b3b3b3;
1318 1318 border-right: 1px solid #eaeaea;
1319 1319 border-bottom: 1px solid #eaeaea;
1320 1320 }
1321 1321
1322 1322 #content div.box div.form div.fields div.field div.input input
1323 1323 {
1324 1324 margin: 0;
1325 1325 padding: 7px 7px 6px 7px;
1326 1326 background: #FFFFFF;
1327 1327 border-top: 1px solid #b3b3b3;
1328 1328 border-left: 1px solid #b3b3b3;
1329 1329 border-right: 1px solid #eaeaea;
1330 1330 border-bottom: 1px solid #eaeaea;
1331 1331 color: #000000;
1332 1332 font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
1333 1333 font-size: 11px;
1334 1334 float: left;
1335 1335 }
1336 1336
1337 1337 #content div.box-left div.form div.fields div.field div.input input,
1338 1338 #content div.box-right div.form div.fields div.field div.input input
1339 1339 {
1340 1340 width: 100%;
1341 1341 padding: 0;
1342 1342 border: none;
1343 1343 }
1344 1344
1345 1345 #content div.box div.form div.fields div.field div.input input.small
1346 1346 {
1347 1347 width: 30%;
1348 1348 }
1349 1349
1350 1350 #content div.box div.form div.fields div.field div.input input.medium
1351 1351 {
1352 1352 width: 55%;
1353 1353 }
1354 1354
1355 1355 #content div.box div.form div.fields div.field div.input input.large
1356 1356 {
1357 1357 width: 85%;
1358 1358 }
1359 1359
1360 1360 #content div.box div.form div.fields div.field div.input input.date
1361 1361 {
1362 1362 width: 177px;
1363 1363 }
1364 1364
1365 1365 #content div.box div.form div.fields div.field div.input input.button
1366 1366 {
1367 1367 margin: 0;
1368 1368 padding: 4px 8px 4px 8px;
1369 1369 background: #D4D0C8;
1370 1370 border-top: 1px solid #FFFFFF;
1371 1371 border-left: 1px solid #FFFFFF;
1372 1372 border-right: 1px solid #404040;
1373 1373 border-bottom: 1px solid #404040;
1374 1374 color: #000000;
1375 1375 }
1376 1376
1377 1377 #content div.box div.form div.fields div.field div.input input.error
1378 1378 {
1379 1379 background: #FBE3E4;
1380 1380 border-top: 1px solid #e1b2b3;
1381 1381 border-left: 1px solid #e1b2b3;
1382 1382 border-right: 1px solid #FBC2C4;
1383 1383 border-bottom: 1px solid #FBC2C4;
1384 1384 }
1385 1385
1386 1386 #content div.box div.form div.fields div.field div.input input.success
1387 1387 {
1388 1388 background: #E6EFC2;
1389 1389 border-top: 1px solid #cebb98;
1390 1390 border-left: 1px solid #cebb98;
1391 1391 border-right: 1px solid #c6d880;
1392 1392 border-bottom: 1px solid #c6d880;
1393 1393 }
1394 1394
1395 1395 #content div.box div.form div.fields div.field div.input img.ui-datepicker-trigger
1396 1396 {
1397 1397 margin: 0 0 0 6px;
1398 1398 }
1399 1399
1400 1400 /* -----------------------------------------------------------
1401 1401 content -> right -> forms -> input (file styling)
1402 1402 ----------------------------------------------------------- */
1403 1403
1404 1404 #content div.box div.form div.fields div.field div.input a.ui-input-file
1405 1405 {
1406 1406 margin: 0 0 0 6px;
1407 1407 padding: 0;
1408 1408 width: 28px;
1409 1409 height: 28px;
1410 1410 display: inline;
1411 1411 position: absolute;
1412 1412 overflow: hidden;
1413 1413 cursor: pointer;
1414 1414 background: #e5e3e3 url("../images/button_browse.png") no-repeat;
1415 1415 border: none;
1416 1416 text-decoration: none;
1417 1417 }
1418 1418
1419 1419 #content div.box div.form div.fields div.field div.input a:hover.ui-input-file
1420 1420 {
1421 1421 background: #e5e3e3 url("../images/button_browse_selected.png") no-repeat;
1422 1422 }
1423 1423
1424 1424 /* -----------------------------------------------------------
1425 1425 content -> right -> forms -> textarea
1426 1426 ----------------------------------------------------------- */
1427 1427
1428 1428 #content div.box div.form div.fields div.field div.textarea
1429 1429 {
1430 1430 margin: 0 0 0 200px;
1431 1431 padding: 10px;
1432 1432 border-top: 1px solid #b3b3b3;
1433 1433 border-left: 1px solid #b3b3b3;
1434 1434 border-right: 1px solid #eaeaea;
1435 1435 border-bottom: 1px solid #eaeaea;
1436 1436 }
1437 1437
1438 1438 #content div.box div.form div.fields div.field div.textarea-editor
1439 1439 {
1440 1440 padding: 0;
1441 1441 border: 1px solid #dddddd;
1442 1442 }
1443 1443
1444 1444 #content div.box-left div.form div.fields div.field div.textarea,
1445 1445 #content div.box-right div.form div.fields div.field div.textarea
1446 1446 {
1447 1447 margin: 0;
1448 1448 }
1449 1449
1450 1450 #content div.box div.form div.fields div.field div.textarea textarea
1451 1451 {
1452 1452 margin: 0;
1453 1453 padding: 0;
1454 1454 width: 100%;
1455 1455 height: 220px;
1456 1456 overflow: hidden;
1457 1457 background: #FFFFFF;
1458 1458 border-width: 0;
1459 1459 color: #000000;
1460 1460 font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
1461 1461 font-size: 11px;
1462 1462 outline: none;
1463 1463 }
1464 1464
1465 1465 #content div.box-left div.form div.fields div.field div.textarea textarea,
1466 1466 #content div.box-right div.form div.fields div.field div.textarea textarea
1467 1467 {
1468 1468 width: 100%;
1469 1469 height: 100px;
1470 1470 }
1471 1471
1472 1472 #content div.box div.form div.fields div.field div.textarea textarea.error
1473 1473 {
1474 1474 padding: 3px 10px 10px 23px;
1475 1475 background-color: #FBE3E4;
1476 1476 background-image: url("../../../resources/images/icons/exclamation.png");
1477 1477 background-repeat: no-repeat;
1478 1478 background-position: 3px 3px;
1479 1479 border: 1px solid #FBC2C4;
1480 1480 }
1481 1481
1482 1482 #content div.box div.form div.fields div.field div.textarea textarea.success
1483 1483 {
1484 1484 padding: 3px 10px 10px 23px;
1485 1485 background-color: #E6EFC2;
1486 1486 background-image: url("../../../resources/images/icons/accept.png");
1487 1487 background-repeat: no-repeat;
1488 1488 background-position: 3px 3px;
1489 1489 border: 1px solid #C6D880;
1490 1490 }
1491 1491
1492 1492 /* -----------------------------------------------------------
1493 1493 content -> right -> forms -> textarea (tinymce editor)
1494 1494 ----------------------------------------------------------- */
1495 1495
1496 1496 #content div.box div.form div.fields div.field div.textarea table
1497 1497 {
1498 1498 margin: 0;
1499 1499 padding: 0;
1500 1500 width: 100%;
1501 1501 border: none;
1502 1502 }
1503 1503
1504 1504 #content div.box div.form div.fields div.field div.textarea table td
1505 1505 {
1506 1506 padding: 0;
1507 1507 background: #DDDDDD;
1508 1508 border: none;
1509 1509 }
1510 1510
1511 1511 #content div.box div.form div.fields div.field div.textarea table td table
1512 1512 {
1513 1513 margin: 0;
1514 1514 padding: 0;
1515 1515 width: auto;
1516 1516 border: none;
1517 1517 }
1518 1518
1519 1519 #content div.box div.form div.fields div.field div.textarea table td table td
1520 1520 {
1521 1521 padding: 5px 5px 5px 0;
1522 1522 font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
1523 1523 font-size: 11px;
1524 1524 }
1525 1525
1526 1526 #content div.box div.form div.fields div.field div.textarea table td table td a
1527 1527 {
1528 1528 border: none;
1529 1529 }
1530 1530
1531 1531 #content div.box div.form div.fields div.field div.textarea table td table td a.mceButtonActive
1532 1532 {
1533 1533 background: #b1b1b1;
1534 1534 }
1535 1535
1536 1536 /* -----------------------------------------------------------
1537 1537 content -> right -> forms -> select
1538 1538 ----------------------------------------------------------- */
1539 1539
1540 1540 #content div.box div.form div.fields div.field div.select
1541 1541 {
1542 1542 margin: 0 0 0 200px;
1543 1543 padding: 0;
1544 1544 }
1545 1545
1546 1546 #content div.box div.form div.fields div.field div.select a:hover
1547 1547 {
1548 1548 color: #000000;
1549 1549 text-decoration: none;
1550 1550 }
1551 1551
1552 1552 #content div.box div.form div.fields div.field div.select select
1553 1553 {
1554 1554 margin: 0;
1555 1555 }
1556 1556
1557 1557 /* -----------------------------------------------------------
1558 1558 content -> right -> forms -> select (jquery styling)
1559 1559 ----------------------------------------------------------- */
1560 1560
1561 1561 #content div.box div.form div.fields div.field div.select a.ui-selectmenu-focus
1562 1562 {
1563 1563 border: 1px solid #666666;
1564 1564 }
1565 1565
1566 1566 #content div.box div.form div.fields div.field div.select a.ui-selectmenu
1567 1567 {
1568 1568 color: #565656;
1569 1569 text-decoration: none;
1570 1570 }
1571 1571
1572 1572 #content div.box div.form div.fields div.field div.select a.ui-selectmenu:hover
1573 1573 {
1574 1574 color: #000000;
1575 1575 text-decoration: none;
1576 1576 }
1577 1577
1578 1578 #content div.box div.form div.fields div.field div.select a.ui-selectmenu-focus span.ui-icon
1579 1579 {
1580 1580 background-image: url(../images/ui/ui-icons_222222_256x240.png);
1581 1581 }
1582 1582
1583 1583 /* -----------------------------------------------------------
1584 1584 content -> right -> forms -> element focus
1585 1585 ----------------------------------------------------------- */
1586 1586
1587 1587 #content div.box div.form div.fields div.field input[type=text]:focus,
1588 1588 #content div.box div.form div.fields div.field input[type=password]:focus,
1589 1589 #content div.box div.form div.fields div.field input[type=file]:focus,
1590 1590 #content div.box div.form div.fields div.field textarea:focus,
1591 1591 #content div.box div.form div.fields div.field select:focus
1592 1592 {
1593 1593 background: #f6f6f6;
1594 1594 border-color: #666;
1595 1595 }
1596 1596
1597 1597 /* -----------------------------------------------------------
1598 1598 content -> right -> forms -> checkboxes
1599 1599 ----------------------------------------------------------- */
1600 1600
1601 1601 #content div.box div.form div.fields div.field div.checkboxes
1602 1602 {
1603 1603 margin: 0 0 0 200px;
1604 1604 padding: 0;
1605 1605 }
1606 1606
1607 1607 #content div.box div.form div.fields div.field div.checkboxes div.checkbox
1608 1608 {
1609 1609 margin: 0;
1610 1610 padding: 2px 0 2px 0;
1611 1611 clear: both;
1612 1612 overflow: hidden;
1613 1613 }
1614 1614
1615 1615 #content div.box div.form div.fields div.field div.checkboxes div.checkbox input
1616 1616 {
1617 1617 margin: 0;
1618 1618 float: left;
1619 1619 }
1620 1620
1621 1621 #content div.box div.form div.fields div.field div.checkboxes div.checkbox label
1622 1622 {
1623 1623 margin: 3px 0 0 4px;
1624 1624 height: 1%;
1625 1625 display: block;
1626 1626 float: left;
1627 1627 }
1628 1628
1629 1629 /* -----------------------------------------------------------
1630 1630 content -> right -> forms -> radios
1631 1631 ----------------------------------------------------------- */
1632 1632
1633 1633 #content div.box div.form div.fields div.field div.radios
1634 1634 {
1635 1635 margin: 0 0 0 200px;
1636 1636 padding: 0;
1637 1637 }
1638 1638
1639 1639 #content div.box div.form div.fields div.field div.radios div.radio
1640 1640 {
1641 1641 margin: 0;
1642 1642 padding: 2px 0 2px 0;
1643 1643 clear: both;
1644 1644 overflow: hidden;
1645 1645 }
1646 1646
1647 1647 #content div.box div.form div.fields div.field div.radios div.radio input
1648 1648 {
1649 1649 margin: 0;
1650 1650 float: left;
1651 1651 }
1652 1652
1653 1653 #content div.box div.form div.fields div.field div.radios div.radio label
1654 1654 {
1655 1655 margin: 3px 0 0 4px;
1656 1656 height: 1%;
1657 1657 display: block;
1658 1658 float: left;
1659 1659 }
1660 1660 /* -----------------------------------------------------------
1661 1661 content -> right -> forms -> button
1662 1662 ----------------------------------------------------------- */
1663 1663
1664 1664 div.form div.fields div.field div.button
1665 1665 {
1666 1666 margin: 0;
1667 1667 padding: 0 0 0 8px;
1668 1668 float: left;
1669 1669 }
1670 1670
1671 1671 div.form div.fields div.field div.button input
1672 1672 {
1673 1673 margin: 0;
1674 1674 color: #000000;
1675 1675 font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
1676 1676 font-size: 11px;
1677 1677 font-weight: bold;
1678 1678 }
1679 1679
1680 1680 div.form div.fields div.field div.button .ui-state-default
1681 1681 {
1682 1682 margin: 0;
1683 1683 padding: 6px 12px 6px 12px;
1684 1684 background: #e5e3e3 url("../images/button.png") repeat-x;
1685 1685 border-top: 1px solid #DDDDDD;
1686 1686 border-left: 1px solid #c6c6c6;
1687 1687 border-right: 1px solid #DDDDDD;
1688 1688 border-bottom: 1px solid #c6c6c6;
1689 1689 color: #515151;
1690 1690 outline: none;
1691 1691 }
1692 1692
1693 1693 div.form div.fields div.field div.button .ui-state-hover
1694 1694 {
1695 1695 margin: 0;
1696 1696 padding: 6px 12px 6px 12px;
1697 1697 background: #b4b4b4 url("../images/button_selected.png") repeat-x;
1698 1698 border-top: 1px solid #cccccc;
1699 1699 border-left: 1px solid #bebebe;
1700 1700 border-right: 1px solid #b1b1b1;
1701 1701 border-bottom: 1px solid #afafaf;
1702 1702 color: #515151;
1703 1703 outline: none;
1704 1704 }
1705 1705
1706 1706 div.form div.fields div.field div.highlight
1707 1707 {
1708 1708 display: inline;
1709 1709 }
1710 1710
1711 1711 div.form div.fields div.field div.highlight .ui-state-default
1712 1712 {
1713 1713 margin: 0;
1714 1714 padding: 6px 12px 6px 12px;
1715 1715 background: #4e85bb url("../images/colors/blue/button_highlight.png") repeat-x;
1716 1716 border-top: 1px solid #5c91a4;
1717 1717 border-left: 1px solid #2a6f89;
1718 1718 border-right: 1px solid #2b7089;
1719 1719 border-bottom: 1px solid #1a6480;
1720 1720 color: #FFFFFF;
1721 1721 }
1722 1722
1723 1723 div.form div.fields div.field div.highlight .ui-state-hover
1724 1724 {
1725 1725 margin: 0;
1726 1726 padding: 6px 12px 6px 12px;
1727 1727 background: #46a0c1 url("../images/colors/blue/button_highlight_selected.png") repeat-x;
1728 1728 border-top: 1px solid #78acbf;
1729 1729 border-left: 1px solid #34819e;
1730 1730 border-right: 1px solid #35829f;
1731 1731 border-bottom: 1px solid #257897;
1732 1732 color: #FFFFFF;
1733 1733 }
1734 1734
1735 1735
1736 1736 /* -----------------------------------------------------------
1737 1737 content -> right -> forms -> buttons
1738 1738 ----------------------------------------------------------- */
1739 1739
1740 1740 #content div.box div.form div.fields div.buttons
1741 1741 {
1742 1742 margin: 10px 0 0 200px;
1743 1743 padding: 0;
1744 1744 }
1745 1745
1746 1746 #content div.box-left div.form div.fields div.buttons,
1747 1747 #content div.box-right div.form div.fields div.buttons
1748 1748 {
1749 1749 margin: 10px 0 0 0;
1750 1750 }
1751 1751
1752 1752 #content div.box div.form div.fields div.buttons input
1753 1753 {
1754 1754 margin: 0;
1755 1755 color: #000000;
1756 1756 font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
1757 1757 font-size: 11px;
1758 1758 font-weight: bold;
1759 1759 }
1760 1760 /* -----------------------------------------------------------
1761 1761 content -> right -> forms -> buttons
1762 1762 ----------------------------------------------------------- */
1763 1763
1764 1764 div.form div.fields div.buttons
1765 1765 {
1766 1766 margin: 10px 0 0 200px;
1767 1767 padding: 0;
1768 1768 }
1769 1769
1770 1770 div.box-left div.form div.fields div.buttons,
1771 1771 div.box-right div.form div.fields div.buttons
1772 1772 {
1773 1773 margin: 10px 0 0 0;
1774 1774 }
1775 1775
1776 1776 div.form div.fields div.buttons input
1777 1777 {
1778 1778 margin: 0;
1779 1779 color: #000000;
1780 1780 font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
1781 1781 font-size: 11px;
1782 1782 font-weight: bold;
1783 1783 }
1784 1784
1785 1785 /* -----------------------------------------------------------
1786 1786 content -> right -> forms -> buttons (jquery styling)
1787 1787 ----------------------------------------------------------- */
1788 1788
1789 1789 #content div.box div.form div.fields div.buttons input.ui-state-default
1790 1790 {
1791 1791 margin: 0;
1792 1792 padding: 6px 12px 6px 12px;
1793 1793 background: #e5e3e3 url("../images/button.png") repeat-x;
1794 1794 border-top: 1px solid #DDDDDD;
1795 1795 border-left: 1px solid #c6c6c6;
1796 1796 border-right: 1px solid #DDDDDD;
1797 1797 border-bottom: 1px solid #c6c6c6;
1798 1798 color: #515151;
1799 1799 outline: none;
1800 1800 }
1801 1801
1802 1802 #content div.box div.form div.fields div.buttons input.ui-state-hover
1803 1803 {
1804 1804 margin: 0;
1805 1805 padding: 6px 12px 6px 12px;
1806 1806 background: #b4b4b4 url("../images/button_selected.png") repeat-x;
1807 1807 border-top: 1px solid #cccccc;
1808 1808 border-left: 1px solid #bebebe;
1809 1809 border-right: 1px solid #b1b1b1;
1810 1810 border-bottom: 1px solid #afafaf;
1811 1811 color: #515151;
1812 1812 outline: none;
1813 1813 }
1814 1814
1815 1815 #content div.box div.form div.fields div.buttons div.highlight
1816 1816 {
1817 1817 display: inline;
1818 1818 }
1819 1819
1820 1820 #content div.box div.form div.fields div.buttons div.highlight input.ui-state-default
1821 1821 {
1822 1822 margin: 0;
1823 1823 padding: 6px 12px 6px 12px;
1824 1824 background: #4e85bb url("../images/colors/blue/button_highlight.png") repeat-x;
1825 1825 border-top: 1px solid #5c91a4;
1826 1826 border-left: 1px solid #2a6f89;
1827 1827 border-right: 1px solid #2b7089;
1828 1828 border-bottom: 1px solid #1a6480;
1829 1829 color: #FFFFFF;
1830 1830 }
1831 1831
1832 1832 #content div.box div.form div.fields div.buttons div.highlight input.ui-state-hover
1833 1833 {
1834 1834 margin: 0;
1835 1835 padding: 6px 12px 6px 12px;
1836 1836 background: #46a0c1 url("../images/colors/blue/button_highlight_selected.png") repeat-x;
1837 1837 border-top: 1px solid #78acbf;
1838 1838 border-left: 1px solid #34819e;
1839 1839 border-right: 1px solid #35829f;
1840 1840 border-bottom: 1px solid #257897;
1841 1841 color: #FFFFFF;
1842 1842 }
1843 1843
1844 1844 /* -----------------------------------------------------------
1845 1845 content -> right -> box / tables
1846 1846 ----------------------------------------------------------- */
1847 1847
1848 1848 #content div.box div.table
1849 1849 {
1850 1850 margin: 0;
1851 1851 padding: 0 20px 10px 20px;
1852 1852 clear: both;
1853 1853 overflow: hidden;
1854 1854 }
1855 1855
1856 1856 #content div.box table
1857 1857 {
1858 1858 margin: 0;
1859 1859 padding: 0;
1860 1860 width: 100%;
1861 1861 border-collapse: collapse;
1862 1862 }
1863 1863
1864 1864 #content div.box table th
1865 1865 {
1866 1866 padding: 10px;
1867 1867 background: #eeeeee;
1868 1868 border-bottom: 1px solid #dddddd;
1869 1869 }
1870 1870
1871 1871 #content div.box table th.left
1872 1872 {
1873 1873 text-align: left;
1874 1874 }
1875 1875
1876 1876 #content div.box table th.right
1877 1877 {
1878 1878 text-align: right;
1879 1879 }
1880 1880
1881 1881 #content div.box table th.center
1882 1882 {
1883 1883 text-align: center;
1884 1884 }
1885 1885
1886 1886 #content div.box table th.selected
1887 1887 {
1888 1888 padding: 0;
1889 1889 vertical-align: middle;
1890 1890 }
1891 1891
1892 1892 #content div.box table th.selected input
1893 1893 {
1894 1894 margin: 0;
1895 1895 }
1896 1896
1897 1897 #content div.box table td
1898 1898 {
1899 1899 padding: 5px;
1900 1900 background: #ffffff;
1901 1901 border-bottom: 1px solid #cdcdcd;
1902 1902 vertical-align:middle;
1903 1903 }
1904 1904
1905 1905 #content div.box table tr.selected td
1906 1906 {
1907 1907 background: #FFFFCC;
1908 1908 }
1909 1909
1910 1910 #content div.box table td.selected
1911 1911 {
1912 1912 padding: 0;
1913 1913 width: 3%;
1914 1914 text-align: center;
1915 1915 vertical-align: middle;
1916 1916 }
1917 1917
1918 1918 #content div.box table td.selected input
1919 1919 {
1920 1920 margin: 0;
1921 1921 }
1922 1922
1923 1923 #content div.box table td.action
1924 1924 {
1925 1925 width: 45%;
1926 1926 text-align: left;
1927 1927 }
1928 1928
1929 1929 #content div.box table td.user
1930 1930 {
1931 1931 width: 10%;
1932 1932 text-align: center;
1933 1933 }
1934 1934
1935 1935 #content div.box table td.date
1936 1936 {
1937 1937 width: 33%;
1938 1938 text-align: center;
1939 1939 }
1940 1940
1941 1941 #content div.box table td.address
1942 1942 {
1943 1943 width: 10%;
1944 1944 text-align: center;
1945 1945 }
1946 1946
1947 1947 /* -----------------------------------------------------------
1948 1948 content -> right -> box / table action
1949 1949 ----------------------------------------------------------- */
1950 1950
1951 1951 #content div.box div.action
1952 1952 {
1953 1953 margin: 10px 0 0 0;
1954 1954 padding: 0;
1955 1955 float: right;
1956 1956 background: #FFFFFF;
1957 1957 text-align: right;
1958 1958 }
1959 1959
1960 1960 #content div.box div.action a:hover
1961 1961 {
1962 1962 color: #000000;
1963 1963 text-decoration: none;
1964 1964 }
1965 1965
1966 1966 #content div.box div.action select
1967 1967 {
1968 1968 margin: 0;
1969 1969 font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
1970 1970 font-size: 11px;
1971 1971 }
1972 1972
1973 1973 #content div.box div.action div.button
1974 1974 {
1975 1975 margin: 6px 0 0 0;
1976 1976 padding: 0;
1977 1977 text-align: right;
1978 1978 }
1979 1979
1980 1980 #content div.box div.action div.button input
1981 1981 {
1982 1982 margin: 0;
1983 1983 color: #000000;
1984 1984 font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
1985 1985 font-size: 11px;
1986 1986 font-weight: bold;
1987 1987 }
1988 1988
1989 1989 #content div.box div.action div.button input.ui-state-default
1990 1990 {
1991 1991 margin: 0;
1992 1992 padding: 6px 12px 6px 12px;
1993 1993 background: #e5e3e3 url("../images/button.png") repeat-x;
1994 1994 border-top: 1px solid #DDDDDD;
1995 1995 border-left: 1px solid #c6c6c6;
1996 1996 border-right: 1px solid #DDDDDD;
1997 1997 border-bottom: 1px solid #c6c6c6;
1998 1998 color: #515151;
1999 1999 }
2000 2000
2001 2001 #content div.box div.action div.button input.ui-state-hover
2002 2002 {
2003 2003 margin: 0;
2004 2004 padding: 6px 12px 6px 12px;
2005 2005 background: #b4b4b4 url("../images/button_selected.png") repeat-x;
2006 2006 border-top: 1px solid #cccccc;
2007 2007 border-left: 1px solid #bebebe;
2008 2008 border-right: 1px solid #b1b1b1;
2009 2009 border-bottom: 1px solid #afafaf;
2010 2010 color: #515151;
2011 2011 }
2012 2012
2013 2013 #content div.box div.action .ui-selectmenu
2014 2014 {
2015 2015 margin: 0;
2016 2016 padding: 0;
2017 2017 }
2018 2018
2019 2019 #content div.box div.action a.ui-selectmenu-focus
2020 2020 {
2021 2021 border: 1px solid #666666;
2022 2022 }
2023 2023
2024 2024 #content div.box div.action a.ui-selectmenu-focus span.ui-icon
2025 2025 {
2026 2026 background-image: url(../images/ui/ui-icons_222222_256x240.png);
2027 2027 }
2028 2028
2029 2029 /* -----------------------------------------------------------
2030 2030 content -> right -> pagination
2031 2031 ----------------------------------------------------------- */
2032 2032
2033 2033 #content div.box div.pagination
2034 2034 {
2035 2035 margin: 10px 0 0 0;
2036 2036 padding: 0;
2037 2037 height: 1%;
2038 2038 clear: both;
2039 2039 overflow: hidden;
2040 2040 }
2041 2041
2042 2042 #content div.box div.pagination div.results
2043 2043 {
2044 2044 margin: 0;
2045 2045 padding: 0;
2046 2046 text-align: left;
2047 2047 float: left
2048 2048 }
2049 2049
2050 2050 #content div.box div.pagination div.results span
2051 2051 {
2052 2052 margin: 0;
2053 2053 padding: 6px 8px 6px 8px;
2054 2054 height: 1%;
2055 2055 display: block;
2056 2056 float: left;
2057 2057 background: #ebebeb url("../images/pager.png") repeat-x;
2058 2058 border-top: 1px solid #dedede;
2059 2059 border-left: 1px solid #cfcfcf;
2060 2060 border-right: 1px solid #c4c4c4;
2061 2061 border-bottom: 1px solid #c4c4c4;
2062 2062 color: #4A4A4A;
2063 2063 font-weight: bold;
2064 2064 }
2065 2065
2066 2066 #content div.box div.pagination ul.pager
2067 2067 {
2068 2068 margin: 0;
2069 2069 padding: 0;
2070 2070 float: right;
2071 2071 text-align: right;
2072 2072 }
2073 2073
2074 2074 #content div.box div.pagination ul.pager li
2075 2075 {
2076 2076 margin: 0 0 0 4px;
2077 2077 padding: 0;
2078 2078 height: 1%;
2079 2079 float: left;
2080 2080 list-style: none;
2081 2081 background: #ebebeb url("../images/pager.png") repeat-x;
2082 2082 border-top: 1px solid #dedede;
2083 2083 border-left: 1px solid #cfcfcf;
2084 2084 border-right: 1px solid #c4c4c4;
2085 2085 border-bottom: 1px solid #c4c4c4;
2086 2086 color: #4A4A4A;
2087 2087 font-weight: bold;
2088 2088 }
2089 2089
2090 2090 #content div.box div.pagination ul.pager li.separator
2091 2091 {
2092 2092 padding: 6px;
2093 2093 }
2094 2094
2095 2095 #content div.box div.pagination ul.pager li.current
2096 2096 {
2097 2097 padding: 6px;
2098 2098 background: #b4b4b4 url("../images/pager_selected.png") repeat-x;
2099 2099 border-top: 1px solid #cccccc;
2100 2100 border-left: 1px solid #bebebe;
2101 2101 border-right: 1px solid #b1b1b1;
2102 2102 border-bottom: 1px solid #afafaf;
2103 2103 color: #515151;
2104 2104 }
2105 2105
2106 2106 #content div.box div.pagination ul.pager li.disabled
2107 2107 {
2108 2108 padding: 6px;
2109 2109 color: #B4B4B4;
2110 2110 }
2111 2111
2112 2112 #content div.box div.pagination ul.pager li a
2113 2113 {
2114 2114 margin: 0;
2115 2115 padding: 6px;
2116 2116 height: 1%;
2117 2117 display: block;
2118 2118 float: left;
2119 2119 color: #515151;
2120 2120 text-decoration: none;
2121 2121 }
2122 2122
2123 2123 #content div.box div.pagination ul.pager li a:hover,
2124 2124 #content div.box div.pagination ul.pager li a:active
2125 2125 {
2126 2126 margin: -1px;
2127 2127 background: #b4b4b4 url("../images/pager_selected.png") repeat-x;
2128 2128 border-top: 1px solid #cccccc;
2129 2129 border-left: 1px solid #bebebe;
2130 2130 border-right: 1px solid #b1b1b1;
2131 2131 border-bottom: 1px solid #afafaf;
2132 2132 }
2133 2133
2134 2134 /* -----------------------------------------------------------
2135 2135 content -> webhelpers pagination
2136 2136 ----------------------------------------------------------- */
2137 2137
2138 2138 #content div.box div.pagination-wh
2139 2139 {
2140 2140 margin: 10px 0 0 0;
2141 2141 padding: 0;
2142 2142 height: 1%;
2143 2143 clear: both;
2144 2144 overflow: hidden;
2145 2145 text-align: right;
2146 2146 }
2147 2147
2148 2148 #content div.box div.pagination-wh div.results
2149 2149 {
2150 2150 margin: 0;
2151 2151 padding: 0;
2152 2152 text-align: left;
2153 2153 float: left
2154 2154 }
2155 2155
2156 2156 #content div.box div.pagination-wh div.results span
2157 2157 {
2158 2158 margin: 0;
2159 2159 padding: 6px 8px 6px 8px;
2160 2160 height: 1%;
2161 2161 display: block;
2162 2162 float: left;
2163 2163 background: #ebebeb url("../images/pager.png") repeat-x;
2164 2164 border-top: 1px solid #dedede;
2165 2165 border-left: 1px solid #cfcfcf;
2166 2166 border-right: 1px solid #c4c4c4;
2167 2167 border-bottom: 1px solid #c4c4c4;
2168 2168 color: #4A4A4A;
2169 2169 font-weight: bold;
2170 2170 }
2171 2171
2172 2172 #content div.box div.pagination-left{
2173 2173 float:left;
2174 2174 }
2175 2175 #content div.box div.pagination-right{
2176 2176 float:right;
2177 2177 }
2178 2178
2179 2179 #content div.box div.pagination-wh a,
2180 2180 #content div.box div.pagination-wh span.pager_dotdot
2181 2181 {
2182 2182 margin: 0 0 0 4px;
2183 2183 padding: 6px;
2184 2184 height: 1%;
2185 2185 float: left;
2186 2186 background: #ebebeb url("../images/pager.png") repeat-x;
2187 2187 border-top: 1px solid #dedede;
2188 2188 border-left: 1px solid #cfcfcf;
2189 2189 border-right: 1px solid #c4c4c4;
2190 2190 border-bottom: 1px solid #c4c4c4;
2191 2191 color: #4A4A4A;
2192 2192 font-weight: bold;
2193 2193 }
2194 2194 #content div.box div.pagination-wh span.pager_curpage
2195 2195 {
2196 2196 margin: 0 0 0 4px;
2197 2197 padding: 6px;
2198 2198 height: 1%;
2199 2199 float: left;
2200 2200 background: #b4b4b4 url("../images/pager_selected.png") repeat-x;
2201 2201 border-top: 1px solid #cccccc;
2202 2202 border-left: 1px solid #bebebe;
2203 2203 border-right: 1px solid #b1b1b1;
2204 2204 border-bottom: 1px solid #afafaf;
2205 2205 color: #515151;
2206 2206 font-weight: bold;
2207 2207 }
2208 2208
2209 2209 #content div.box div.pagination-wh a.disabled
2210 2210 {
2211 2211 padding: 6px;
2212 2212 color: #B4B4B4;
2213 2213 }
2214 2214
2215 2215
2216 2216 #content div.box div.pagination-wh a:hover,
2217 2217 #content div.box div.pagination-wh a:active
2218 2218 {
2219 2219 background: #b4b4b4 url("../images/pager_selected.png") repeat-x;
2220 2220 border-top: 1px solid #cccccc;
2221 2221 border-left: 1px solid #bebebe;
2222 2222 border-right: 1px solid #b1b1b1;
2223 2223 border-bottom: 1px solid #afafaf;
2224 2224 text-decoration: none;
2225 2225 }
2226 2226
2227 2227
2228 2228 /* -----------------------------------------------------------
2229 2229 content -> right -> traffic chart
2230 2230 ----------------------------------------------------------- */
2231 2231
2232 2232 #content div.box div.traffic
2233 2233 {
2234 2234 margin: 0;
2235 2235 padding: 0 20px 10px 20px;
2236 2236 clear: both;
2237 2237 overflow: hidden;
2238 2238 }
2239 2239
2240 2240 #content div.box div.traffic div.legend
2241 2241 {
2242 2242 margin: 0 0 10px 0;
2243 2243 padding: 0 0 10px 0;
2244 2244 clear: both;
2245 2245 overflow: hidden;
2246 2246 border-bottom: 1px solid #dddddd;
2247 2247 }
2248 2248
2249 2249 #content div.box div.traffic div.legend h6
2250 2250 {
2251 2251 margin: 0;
2252 2252 padding: 0;
2253 2253 float: left;
2254 2254 border: none;
2255 2255 }
2256 2256
2257 2257 #content div.box div.traffic div.legend ul
2258 2258 {
2259 2259 margin: 0;
2260 2260 padding: 0;
2261 2261 float: right;
2262 2262 }
2263 2263
2264 2264 #content div.box div.traffic div.legend li
2265 2265 {
2266 2266 margin: 0;
2267 2267 padding: 0 8px 0 4px;
2268 2268 list-style: none;
2269 2269 float: left;
2270 2270 font-size: 11px;
2271 2271 }
2272 2272
2273 2273 #content div.box div.traffic div.legend li.visits
2274 2274 {
2275 2275 border-left: 12px solid #edc240;
2276 2276 }
2277 2277
2278 2278 #content div.box div.traffic div.legend li.pageviews
2279 2279 {
2280 2280 border-left: 12px solid #afd8f8;
2281 2281 }
2282 2282
2283 2283 #content div.box div.traffic table
2284 2284 {
2285 2285 width: auto;
2286 2286 }
2287 2287
2288 2288 #content div.box div.traffic table td
2289 2289 {
2290 2290 padding: 2px 3px 3px 3px;
2291 2291 background: transparent;
2292 2292 border: none;
2293 2293 }
2294 2294
2295 2295 #content div.box div.traffic table td.legendLabel
2296 2296 {
2297 2297 padding: 0 3px 2px 3px;
2298 2298 }
2299 2299
2300 2300 /* -----------------------------------------------------------
2301 2301 footer
2302 2302 ----------------------------------------------------------- */
2303 2303
2304 2304 #footer
2305 2305 {
2306 2306 margin: 0;
2307 2307 padding: 5px 0 5px 0;
2308 2308 clear: both;
2309 2309 overflow: hidden;
2310 2310 background: #2a2a2a;
2311 2311 text-align: right;
2312 2312 }
2313 2313
2314 2314 #footer p
2315 2315 {
2316 2316 margin: 0 80px 0 80px;
2317 2317 padding: 10px 0 10px 0;
2318 2318 color: #ffffff;
2319 2319 }
2320 2320
2321 2321 /* -----------------------------------------------------------
2322 2322 login
2323 2323 ----------------------------------------------------------- */
2324 2324
2325 2325 #login
2326 2326 {
2327 2327 margin: 10% auto 0 auto;
2328 2328 padding: 0;
2329 2329 width: 420px;
2330 2330 }
2331 2331
2332 2332 /* -----------------------------------------------------------
2333 2333 login -> colors
2334 2334 ----------------------------------------------------------- */
2335 2335
2336 2336 #login div.color
2337 2337 {
2338 2338 margin: 10px auto 0 auto;
2339 2339 padding: 3px 3px 3px 0;
2340 2340 clear: both;
2341 2341 overflow: hidden;
2342 2342 background: #FFFFFF;
2343 2343 }
2344 2344
2345 2345 #login div.color a
2346 2346 {
2347 2347 margin: 0 0 0 3px;
2348 2348 padding: 0;
2349 2349 width: 20px;
2350 2350 height: 20px;
2351 2351 display: block;
2352 2352 float: left;
2353 2353 }
2354 2354
2355 2355 /* -----------------------------------------------------------
2356 2356 login -> title
2357 2357 ----------------------------------------------------------- */
2358 2358
2359 2359 #login div.title
2360 2360 {
2361 2361 margin: 0 auto;
2362 2362 padding: 0;
2363 2363 width: 420px;
2364 2364 clear: both;
2365 2365 overflow: hidden;
2366 2366 position: relative;
2367 2367 background: #003367 url("../images/colors/blue/header_inner.png") repeat-x;
2368 2368 }
2369 2369
2370 2370 #login div.title h5
2371 2371 {
2372 2372 margin: 10px;
2373 2373 padding: 0;
2374 2374 color: #ffffff;
2375 2375 }
2376 2376
2377 2377 /* -----------------------------------------------------------
2378 2378 login -> title / corners
2379 2379 ----------------------------------------------------------- */
2380 2380
2381 2381 #login div.title div.corner
2382 2382 {
2383 2383 height: 6px;
2384 2384 width: 6px;
2385 2385 position: absolute;
2386 2386 background: url("../images/colors/blue/login_corners.png") no-repeat;
2387 2387 }
2388 2388
2389 2389 #login div.title div.tl
2390 2390 {
2391 2391 top: 0;
2392 2392 left: 0;
2393 2393 background-position: 0 0;
2394 2394 }
2395 2395
2396 2396 #login div.title div.tr
2397 2397 {
2398 2398 top: 0;
2399 2399 right: 0;
2400 2400 background-position: -6px 0;
2401 2401 }
2402 2402
2403 2403 #login div.inner
2404 2404 {
2405 2405 margin: 0 auto;
2406 2406 padding: 20px;
2407 2407 width: 380px;
2408 2408 background: #FFFFFF url("../images/login.png") no-repeat top left;
2409 2409 border-top: none;
2410 2410 border-bottom: none;
2411 2411 }
2412 2412
2413 2413 /* -----------------------------------------------------------
2414 2414 login -> form
2415 2415 ----------------------------------------------------------- */
2416 2416
2417 2417 #login div.form
2418 2418 {
2419 2419 margin: 0;
2420 2420 padding: 0;
2421 2421 clear: both;
2422 2422 overflow: hidden;
2423 2423 }
2424 2424
2425 2425 #login div.form div.fields
2426 2426 {
2427 2427 margin: 0;
2428 2428 padding: 0;
2429 2429 clear: both;
2430 2430 overflow: hidden;
2431 2431 }
2432 2432
2433 2433 #login div.form div.fields div.field
2434 2434 {
2435 2435 margin: 0;
2436 2436 padding: 0 0 10px 0;
2437 2437 clear: both;
2438 2438 overflow: hidden;
2439 2439 }
2440 2440
2441 2441 #login div.form div.fields div.field span.error-message
2442 2442 {
2443 2443 margin: 8px 0 0 0;
2444 2444 padding: 0;
2445 2445 height: 1%;
2446 2446 display: block;
2447 2447 color: #FF0000;
2448 2448 }
2449 2449
2450 2450 #login div.form div.fields div.field div.label
2451 2451 {
2452 2452 margin: 2px 10px 0 0;
2453 2453 padding: 5px 0 0 5px;
2454 2454 width: 173px;
2455 2455 float: left;
2456 2456 text-align: right;
2457 2457 }
2458 2458
2459 2459 #login div.form div.fields div.field div.label label
2460 2460 {
2461 2461 color: #000000;
2462 2462 font-weight: bold;
2463 2463 }
2464 2464
2465 2465 #login div.form div.fields div.field div.label span
2466 2466 {
2467 2467 margin: 0;
2468 2468 padding: 2px 0 0 0;
2469 2469 height: 1%;
2470 2470 display: block;
2471 2471 color: #363636;
2472 2472 }
2473 2473
2474 2474 #login div.form div.fields div.field div.input
2475 2475 {
2476 2476 margin: 0;
2477 2477 padding: 0;
2478 2478 float: left;
2479 2479 }
2480 2480
2481 2481 #login div.form div.fields div.field div.input input
2482 2482 {
2483 2483 margin: 0;
2484 2484 padding: 7px 7px 6px 7px;
2485 2485 width: 176px;
2486 2486 background: #FFFFFF;
2487 2487 border-top: 1px solid #b3b3b3;
2488 2488 border-left: 1px solid #b3b3b3;
2489 2489 border-right: 1px solid #eaeaea;
2490 2490 border-bottom: 1px solid #eaeaea;
2491 2491 color: #000000;
2492 2492 font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
2493 2493 font-size: 11px;
2494 2494 }
2495 2495
2496 2496 #login div.form div.fields div.field div.input input.error
2497 2497 {
2498 2498 background: #FBE3E4;
2499 2499 border-top: 1px solid #e1b2b3;
2500 2500 border-left: 1px solid #e1b2b3;
2501 2501 border-right: 1px solid #FBC2C4;
2502 2502 border-bottom: 1px solid #FBC2C4;
2503 2503 }
2504 2504
2505 2505 #login div.form div.fields div.field div.input input.success
2506 2506 {
2507 2507 background: #E6EFC2;
2508 2508 border-top: 1px solid #cebb98;
2509 2509 border-left: 1px solid #cebb98;
2510 2510 border-right: 1px solid #c6d880;
2511 2511 border-bottom: 1px solid #c6d880;
2512 2512 }
2513 2513
2514 2514 #login div.form div.fields div.field div.input div.link
2515 2515 {
2516 2516 margin: 6px 0 0 0;
2517 2517 padding: 0;
2518 2518 text-align: right;
2519 2519 }
2520 2520
2521 2521 #login div.form div.fields div.field div.checkbox
2522 2522 {
2523 2523 margin: 0 0 0 184px;
2524 2524 padding: 0;
2525 2525 }
2526 2526
2527 2527 #login div.form div.fields div.field div.checkbox label
2528 2528 {
2529 2529 color: #565656;
2530 2530 font-weight: bold;
2531 2531 }
2532 2532
2533 2533 #login div.form div.fields div.buttons
2534 2534 {
2535 2535 margin: 0;
2536 2536 padding: 10px 0 0 0;
2537 2537 clear: both;
2538 2538 overflow: hidden;
2539 2539 border-top: 1px solid #DDDDDD;
2540 2540 text-align: right;
2541 2541 }
2542 2542
2543 2543 #login div.form div.fields div.buttons input
2544 2544 {
2545 2545 margin: 0;
2546 2546 color: #000000;
2547 2547 font-size: 1.0em;
2548 2548 font-weight: bold;
2549 2549 font-family: Verdana, Helvetica, Sans-Serif;
2550 2550 }
2551 2551
2552 2552 #login div.form div.fields div.buttons input.ui-state-default
2553 2553 {
2554 2554 margin: 0;
2555 2555 padding: 6px 12px 6px 12px;
2556 2556 background: #e5e3e3 url("../images/button.png") repeat-x;
2557 2557 border-top: 1px solid #DDDDDD;
2558 2558 border-left: 1px solid #c6c6c6;
2559 2559 border-right: 1px solid #DDDDDD;
2560 2560 border-bottom: 1px solid #c6c6c6;
2561 2561 color: #515151;
2562 2562 }
2563 2563
2564 2564 #login div.form div.fields div.buttons input.ui-state-hover
2565 2565 {
2566 2566 margin: 0;
2567 2567 padding: 6px 12px 6px 12px;
2568 2568 background: #b4b4b4 url("../images/button_selected.png") repeat-x;
2569 2569 border-top: 1px solid #cccccc;
2570 2570 border-left: 1px solid #bebebe;
2571 2571 border-right: 1px solid #b1b1b1;
2572 2572 border-bottom: 1px solid #afafaf;
2573 2573 color: #515151;
2574 2574 }
2575 2575
2576 2576 /* -----------------------------------------------------------
2577 2577 login -> links
2578 2578 ----------------------------------------------------------- */
2579 2579
2580 2580 #login div.form div.links
2581 2581 {
2582 2582 margin: 10px 0 0 0;
2583 2583 padding: 0 0 2px 0;
2584 2584 clear: both;
2585 2585 overflow: hidden;
2586 2586 }
2587 2587
2588 2588 /* -----------------------------------------------------------
2589 2589 register
2590 2590 ----------------------------------------------------------- */
2591 2591
2592 2592 #register
2593 2593 {
2594 2594 margin: 10% auto 0 auto;
2595 2595 padding: 0;
2596 2596 width: 420px;
2597 2597 }
2598 2598
2599 2599 /* -----------------------------------------------------------
2600 2600 register -> colors
2601 2601 ----------------------------------------------------------- */
2602 2602
2603 2603 #register div.color
2604 2604 {
2605 2605 margin: 10px auto 0 auto;
2606 2606 padding: 3px 3px 3px 0;
2607 2607 clear: both;
2608 2608 overflow: hidden;
2609 2609 background: #FFFFFF;
2610 2610 }
2611 2611
2612 2612 #register div.color a
2613 2613 {
2614 2614 margin: 0 0 0 3px;
2615 2615 padding: 0;
2616 2616 width: 20px;
2617 2617 height: 20px;
2618 2618 display: block;
2619 2619 float: left;
2620 2620 }
2621 2621
2622 2622 /* -----------------------------------------------------------
2623 2623 register -> title
2624 2624 ----------------------------------------------------------- */
2625 2625
2626 2626 #register div.title
2627 2627 {
2628 2628 margin: 0 auto;
2629 2629 padding: 0;
2630 2630 width: 420px;
2631 2631 clear: both;
2632 2632 overflow: hidden;
2633 2633 position: relative;
2634 2634 background: #003367 url("../images/colors/blue/header_inner.png") repeat-x;
2635 2635 }
2636 2636
2637 2637 #register div.title h5
2638 2638 {
2639 2639 margin: 10px;
2640 2640 padding: 0;
2641 2641 color: #ffffff;
2642 2642 }
2643 2643
2644 2644 /* -----------------------------------------------------------
2645 2645 register -> inner
2646 2646 ----------------------------------------------------------- */
2647 2647 #register div.title div.corner
2648 2648 {
2649 2649 height: 6px;
2650 2650 width: 6px;
2651 2651 position: absolute;
2652 2652 background: url("../images/colors/blue/login_corners.png") no-repeat;
2653 2653 }
2654 2654
2655 2655 #register div.title div.tl
2656 2656 {
2657 2657 top: 0;
2658 2658 left: 0;
2659 2659 background-position: 0 0;
2660 2660 }
2661 2661
2662 2662 #register div.title div.tr
2663 2663 {
2664 2664 top: 0;
2665 2665 right: 0;
2666 2666 background-position: -6px 0;
2667 2667
2668 2668 }
2669 2669 #register div.inner
2670 2670 {
2671 2671 margin: 0 auto;
2672 2672 padding: 20px;
2673 2673 width: 380px;
2674 2674 background: #FFFFFF;
2675 2675 border-top: none;
2676 2676 border-bottom: none;
2677 2677 }
2678 2678
2679 2679 /* -----------------------------------------------------------
2680 2680 register -> form
2681 2681 ----------------------------------------------------------- */
2682 2682
2683 2683 #register div.form
2684 2684 {
2685 2685 margin: 0;
2686 2686 padding: 0;
2687 2687 clear: both;
2688 2688 overflow: hidden;
2689 2689 }
2690 2690
2691 2691 #register div.form div.fields
2692 2692 {
2693 2693 margin: 0;
2694 2694 padding: 0;
2695 2695 clear: both;
2696 2696 overflow: hidden;
2697 2697 }
2698 2698
2699 2699 #register div.form div.fields div.field
2700 2700 {
2701 2701 margin: 0;
2702 2702 padding: 0 0 10px 0;
2703 2703 clear: both;
2704 2704 overflow: hidden;
2705 2705 }
2706 2706
2707 2707 #register div.form div.fields div.field span.error-message
2708 2708 {
2709 2709 margin: 8px 0 0 0;
2710 2710 padding: 0;
2711 2711 height: 1%;
2712 2712 display: block;
2713 2713 color: #FF0000;
2714 2714 }
2715 2715
2716 2716 #register div.form div.fields div.field div.label
2717 2717 {
2718 2718 margin: 2px 10px 0 0;
2719 2719 padding: 5px 0 0 5px;
2720 2720 width: 100px;
2721 2721 float: left;
2722 2722 text-align: right;
2723 2723 }
2724 2724
2725 2725 #register div.form div.fields div.field div.label label
2726 2726 {
2727 2727 color: #000000;
2728 2728 font-weight: bold;
2729 2729 }
2730 2730
2731 2731 #register div.form div.fields div.field div.label span
2732 2732 {
2733 2733 margin: 0;
2734 2734 padding: 2px 0 0 0;
2735 2735 height: 1%;
2736 2736 display: block;
2737 2737 color: #363636;
2738 2738 }
2739 2739
2740 2740 #register div.form div.fields div.field div.input
2741 2741 {
2742 2742 margin: 0;
2743 2743 padding: 0;
2744 2744 float: left;
2745 2745 }
2746 2746
2747 2747 #register div.form div.fields div.field div.input input
2748 2748 {
2749 2749 margin: 0;
2750 2750 padding: 7px 7px 6px 7px;
2751 2751 width: 245px;
2752 2752 background: #FFFFFF;
2753 2753 border-top: 1px solid #b3b3b3;
2754 2754 border-left: 1px solid #b3b3b3;
2755 2755 border-right: 1px solid #eaeaea;
2756 2756 border-bottom: 1px solid #eaeaea;
2757 2757 color: #000000;
2758 2758 font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
2759 2759 font-size: 11px;
2760 2760 }
2761 2761
2762 2762 #register div.form div.fields div.field div.input input.error
2763 2763 {
2764 2764 background: #FBE3E4;
2765 2765 border-top: 1px solid #e1b2b3;
2766 2766 border-left: 1px solid #e1b2b3;
2767 2767 border-right: 1px solid #FBC2C4;
2768 2768 border-bottom: 1px solid #FBC2C4;
2769 2769 }
2770 2770
2771 2771 #register div.form div.fields div.field div.input input.success
2772 2772 {
2773 2773 background: #E6EFC2;
2774 2774 border-top: 1px solid #cebb98;
2775 2775 border-left: 1px solid #cebb98;
2776 2776 border-right: 1px solid #c6d880;
2777 2777 border-bottom: 1px solid #c6d880;
2778 2778 }
2779 2779
2780 2780 #register div.form div.fields div.field div.input div.link
2781 2781 {
2782 2782 margin: 6px 0 0 0;
2783 2783 padding: 0;
2784 2784 text-align: right;
2785 2785 }
2786 2786
2787 2787 #register div.form div.fields div.field div.checkbox
2788 2788 {
2789 2789 margin: 0 0 0 184px;
2790 2790 padding: 0;
2791 2791 }
2792 2792
2793 2793 #register div.form div.fields div.field div.checkbox label
2794 2794 {
2795 2795 color: #565656;
2796 2796 font-weight: bold;
2797 2797 }
2798 2798
2799 2799 #register div.form div.fields div.buttons
2800 2800 {
2801 2801 margin: 0;
2802 2802 padding: 10px 0 0 97px;
2803 2803 clear: both;
2804 2804 overflow: hidden;
2805 2805 border-top: 1px solid #DDDDDD;
2806 2806 text-align: left;
2807 2807 }
2808 2808
2809 2809 #register div.form div.fields div.buttons input
2810 2810 {
2811 2811 margin: 0;
2812 2812 color: #000000;
2813 2813 font-size: 1.0em;
2814 2814 font-weight: bold;
2815 2815 font-family: Verdana, Helvetica, Sans-Serif;
2816 2816 }
2817 2817
2818 2818 #register div.form div.fields div.buttons input.ui-state-default
2819 2819 {
2820 2820 margin: 0;
2821 2821 padding: 6px 12px 6px 12px;
2822 2822 background: #e5e3e3 url("../images/button.png") repeat-x;
2823 2823 border-top: 1px solid #DDDDDD;
2824 2824 border-left: 1px solid #c6c6c6;
2825 2825 border-right: 1px solid #DDDDDD;
2826 2826 border-bottom: 1px solid #c6c6c6;
2827 2827 color: #515151;
2828 2828 }
2829 2829 #register div.form div.fields div.buttons div.highlight input.ui-state-default
2830 2830 {
2831 2831 background:url("../images/colors/blue/button_highlight.png") repeat-x scroll 0 0 #4E85BB;
2832 2832 border-color:#5C91A4 #2B7089 #1A6480 #2A6F89;
2833 2833 border-style:solid;
2834 2834 border-width:1px;
2835 2835 color:#FFFFFF;
2836 2836 }
2837 2837
2838 2838
2839 2839
2840 2840 #register div.form div.fields div.buttons input.ui-state-hover
2841 2841 {
2842 2842 margin: 0;
2843 2843 padding: 6px 12px 6px 12px;
2844 2844 background: #b4b4b4 url("../images/button_selected.png") repeat-x;
2845 2845 border-top: 1px solid #cccccc;
2846 2846 border-left: 1px solid #bebebe;
2847 2847 border-right: 1px solid #b1b1b1;
2848 2848 border-bottom: 1px solid #afafaf;
2849 2849 color: #515151;
2850 2850 }
2851 2851
2852 2852
2853 2853 /* -----------------------------------------------------------
2854 2854 CHANGESETS
2855 2855 ----------------------------------------------------------- */
2856 2856 #changeset_content {
2857 2857 border:1px solid #CCCCCC;
2858 2858 padding:5px;
2859 2859 }
2860 2860
2861 2861 #changeset_content .container .wrapper {
2862 2862 width: 600px;
2863 2863 }
2864 2864
2865 2865 #changeset_content .container {
2866 2866 height: 120px;
2867 2867 }
2868 2868
2869 2869 #changeset_content .container .left {
2870 2870 float: left;
2871 2871 width: 70%;
2872 2872 padding-left: 5px;
2873 2873 }
2874 2874
2875 2875 #changeset_content .container .right {
2876 2876 float: right;
2877 2877 width: 25%;
2878 2878 text-align: right;
2879 2879 }
2880 2880
2881 2881 #changeset_content .container .left .date {
2882 2882 font-weight: bold;
2883 2883 }
2884 2884
2885 2885 #changeset_content .container .left .author {
2886 2886
2887 2887 }
2888 2888
2889 2889 #changeset_content .container .left .message {
2890 2890 font-style: italic;
2891 2891 color: #556CB5;
2892 2892 }
2893 2893
2894 2894 .cs_files {
2895 2895
2896 2896 }
2897 2897
2898 2898 .cs_files .cs_added {
2899 2899 background: url("/images/icons/page_white_add.png") no-repeat scroll 3px;
2900 2900 /*background-color:#BBFFBB;*/
2901 2901 height: 16px;
2902 2902 padding-left: 20px;
2903 2903 margin-top: 7px;
2904 2904 text-align: left;
2905 2905 }
2906 2906
2907 2907 .cs_files .cs_changed {
2908 2908 background: url("/images/icons/page_white_edit.png") no-repeat scroll
2909 2909 3px;
2910 2910 /*background-color: #FFDD88;*/
2911 2911 height: 16px;
2912 2912 padding-left: 20px;
2913 2913 margin-top: 7px;
2914 2914 text-align: left;
2915 2915 }
2916 2916
2917 2917 .cs_files .cs_removed {
2918 2918 background: url("/images/icons/page_white_delete.png") no-repeat scroll
2919 2919 3px;
2920 2920 /*background-color: #FF8888;*/
2921 2921 height: 16px;
2922 2922 padding-left: 20px;
2923 2923 margin-top: 7px;
2924 2924 text-align: left;
2925 2925 }
2926 2926
2927 2927
2928 2928
2929 2929 /* -----------------------------------------------------------
2930 2930 CHANGESETS - CANVAS
2931 2931 ----------------------------------------------------------- */
2932 2932
2933 2933 #graph {
2934 2934 overflow: hidden;
2935 2935 }
2936 2936
2937 2937 #graph_nodes {
2938 2938 width: 160px;
2939 2939 float: left;
2940 2940 margin-left:-50px;
2941 2941 margin-top: 5px;
2942 2942 }
2943 2943
2944 2944 #graph_content {
2945 2945 width: 800px;
2946 2946 float: left;
2947 2947 }
2948 2948
2949 2949 #graph_content .container_header {
2950 2950 border: 1px solid #CCCCCC;
2951 2951 padding:10px;
2952 2952 }
2953 2953
2954 2954 #graph_content .container .wrapper {
2955 2955 width: 600px;
2956 2956 }
2957 2957
2958 2958 #graph_content .container {
2959 2959 border-bottom: 1px solid #CCCCCC;
2960 2960 border-left: 1px solid #CCCCCC;
2961 2961 border-right: 1px solid #CCCCCC;
2962 2962 min-height: 80px;
2963 2963 overflow: hidden;
2964 2964 }
2965 2965
2966 2966 #graph_content .container .left {
2967 2967 float: left;
2968 2968 width: 70%;
2969 2969 padding-left: 5px;
2970 2970 }
2971 2971
2972 2972 #graph_content .container .right {
2973 2973 float: right;
2974 2974 width: 25%;
2975 2975 text-align: right;
2976 2976 }
2977 2977
2978 2978 #graph_content .container .left .date {
2979 2979 font-weight: bold;
2980 2980 }
2981 2981
2982 2982 #graph_content .container .left .author {
2983 2983
2984 2984 }
2985 2985
2986 2986 #graph_content .container .left .message {
2987 2987 font-size: 100%;
2988 2988 }
2989 2989
2990 2990 .right div {
2991 2991 clear: both;
2992 2992 }
2993 2993
2994 2994 .right .changes .added,.changed,.removed {
2995 2995 border: 1px solid #DDDDDD;
2996 2996 display: block;
2997 2997 float: right;
2998 2998 font-size: 0.75em;
2999 2999 text-align: center;
3000 3000 min-width: 15px;
3001 3001 }
3002 3002
3003 3003 .right .changes .added {
3004 3004 background: #BBFFBB;
3005 3005 }
3006 3006
3007 3007 .right .changes .changed {
3008 3008 background: #FFDD88;
3009 3009 }
3010 3010
3011 3011 .right .changes .removed {
3012 3012 background: #FF8888;
3013 3013 }
3014 3014
3015 3015 .right .merge {
3016 3016 vertical-align: top;
3017 3017 font-size: 60%;
3018 3018 font-weight: bold;
3019 3019 }
3020 3020
3021 3021 .right .merge img {
3022 3022 vertical-align: bottom;
3023 3023 }
3024 3024
3025 3025 .right .parent {
3026 3026 font-size: 90%;
3027 3027 font-family: monospace;
3028 3028 }
3029 3029
3030 3030
3031 3031
3032 3032 /* -----------------------------------------------------------
3033 3033 FILE BROWSER
3034 3034 ----------------------------------------------------------- */
3035 3035 div.browserblock {
3036 3036 overflow: hidden;
3037 3037 padding: 0px;
3038 3038 border: 1px solid #ccc;
3039 3039 background: #f8f8f8;
3040 3040 font-size: 100%;
3041 3041 line-height: 100%;
3042 3042 /* new */
3043 3043 line-height: 125%;
3044 3044 }
3045 3045
3046 3046 div.browserblock .browser-header {
3047 3047 border-bottom: 1px solid #CCCCCC;
3048 3048 background: #FFFFFF;
3049 3049 color: blue;
3050 3050 padding: 10px 0 10px 0;
3051 3051 }
3052 3052
3053 3053 div.browserblock .browser-header span {
3054 3054 margin-left: 25px;
3055 3055 font-weight: bold;
3056 3056 }
3057 3057
3058 3058 div.browserblock .browser-body {
3059 3059 background: #EEEEEE;
3060 3060 }
3061 3061
3062 3062 table.code-browser {
3063 3063 border-collapse: collapse;
3064 3064 width: 100%;
3065 3065 }
3066 3066
3067 3067 table.code-browser tr {
3068 3068 margin: 3px;
3069 3069 }
3070 3070
3071 3071 table.code-browser thead th {
3072 3072 background-color: #EEEEEE;
3073 3073 height: 20px;
3074 3074 font-size: 1.1em;
3075 3075 font-weight: bold;
3076 3076 text-align: center;
3077 3077 text-align: left;
3078 3078 padding-left: 10px;
3079 3079 }
3080 3080
3081 3081 table.code-browser tbody tr {
3082 3082
3083 3083 }
3084 3084
3085 3085 table.code-browser tbody td {
3086 3086 padding-left: 10px;
3087 3087 height: 20px;
3088 3088 }
3089 3089 table.code-browser .browser-file {
3090 3090 background: url("/images/icons/document_16.png") no-repeat scroll 3px;
3091 3091 height: 16px;
3092 3092 padding-left: 20px;
3093 3093 text-align: left;
3094 3094 }
3095 3095
3096 3096 table.code-browser .browser-dir {
3097 3097 background: url("/images/icons/folder_16.png") no-repeat scroll 3px;
3098 3098 height: 16px;
3099 3099 padding-left: 20px;
3100 3100 text-align: left;
3101 3101 }
3102 3102
3103 3103
3104 3104 /* -----------------------------------------------------------
3105 3105 INFOBOX
3106 3106 ----------------------------------------------------------- */
3107 3107 .info_box *{
3108 3108 background:url("../../images/pager.png") repeat-x scroll 0 0 #EBEBEB;
3109 3109 border-color:#DEDEDE #C4C4C4 #C4C4C4 #CFCFCF;
3110 3110 border-style:solid;
3111 3111 border-width:1px;
3112 3112 color:#4A4A4A;
3113 3113 display:block;
3114 3114 font-weight:bold;
3115 3115 height:1%;
3116 3116 padding:4px 6px;
3117 3117 display: inline;
3118 3118 }
3119 3119 .info_box span{
3120 3120 margin-left:3px;
3121 3121 margin-righ:3px;
3122 3122 }
3123 3123 .info_box input#at_rev {
3124 3124 padding:1px 3px 3px 2px;
3125 3125 text-align:center;
3126 3126 }
3127 3127 .info_box input#view {
3128 3128 padding:0px 3px 2px 2px;
3129 3129 text-align:center;
3130 3130 }
3131 3131 /* -----------------------------------------------------------
3132 3132 TOOLTIP
3133 3133 ----------------------------------------------------------- */
3134 3134 .yui-overlay,.yui-panel-container {
3135 3135 visibility: hidden;
3136 3136 position: absolute;
3137 3137 z-index: 2;
3138 3138 }
3139 3139
3140 3140 .yui-tt {
3141 3141 visibility: hidden;
3142 3142 position: absolute;
3143 3143 color: #666666;
3144 3144 background-color: #FFFFFF;
3145 3145 font-family: arial, helvetica, verdana, sans-serif;
3146 3146 padding: 8px;
3147 3147 border: 2px solid #556CB5;
3148 3148 font: 100% sans-serif;
3149 3149 width: auto;
3150 3150 opacity: 1.0;
3151 3151 }
3152 3152
3153 3153 .yui-tt-shadow {
3154 3154 display: none;
3155 3155 }
3156 3156
3157 3157 /* -----------------------------------------------------------
3158 3158 AUTOCOMPLETE
3159 3159 ----------------------------------------------------------- */
3160 3160
3161 3161 .ac{
3162 3162 vertical-align: top;
3163 3163
3164 3164 }
3165 3165 .ac .match {
3166 3166 font-weight:bold;
3167 3167 }
3168 3168
3169 3169 .ac .yui-ac {
3170 3170 position: relative;
3171 3171 font-family: arial;
3172 3172 font-size: 100%;
3173 3173 }
3174 3174
3175 3175 .ac .perm_ac{
3176 3176 width:15em;
3177 3177 }
3178 3178 /* styles for input field */
3179 3179 .ac .yui-ac-input {
3180 3180 width: 100%;
3181 3181 }
3182 3182
3183 3183 /* styles for results container */
3184 3184 .ac .yui-ac-container {
3185 3185 position: absolute;
3186 3186 top: 1.6em;
3187 3187 width: 100%;
3188 3188 }
3189 3189
3190 3190 /* styles for header/body/footer wrapper within container */
3191 3191 .ac .yui-ac-content {
3192 3192 position: absolute;
3193 3193 width: 100%;
3194 3194 border: 1px solid #808080;
3195 3195 background: #fff;
3196 3196 overflow: hidden;
3197 3197 z-index: 9050;
3198 3198 }
3199 3199
3200 3200 /* styles for container shadow */
3201 3201 .ac .yui-ac-shadow {
3202 3202 position: absolute;
3203 3203 margin: .3em;
3204 3204 width: 100%;
3205 3205 background: #000;
3206 3206 -moz-opacity: 0.10;
3207 3207 opacity: .10;
3208 3208 filter: alpha(opacity = 10);
3209 3209 z-index: 9049;
3210 3210 }
3211 3211
3212 3212 /* styles for results list */
3213 3213 .ac .yui-ac-content ul {
3214 3214 margin: 0;
3215 3215 padding: 0;
3216 3216 width: 100%;
3217 3217 }
3218 3218
3219 3219 /* styles for result item */
3220 3220 .ac .yui-ac-content li {
3221 3221 margin: 0;
3222 3222 padding: 2px 5px;
3223 3223 cursor: default;
3224 3224 white-space: nowrap;
3225 3225 }
3226 3226
3227 3227 /* styles for prehighlighted result item */
3228 3228 .ac .yui-ac-content li.yui-ac-prehighlight {
3229 3229 background: #B3D4FF;
3230 3230 }
3231 3231
3232 3232 /* styles for highlighted result item */
3233 3233 .ac .yui-ac-content li.yui-ac-highlight {
3234 3234 background: #556CB5;
3235 3235 color: #FFF;
3236 3236 }
3237 3237
3238 3238
3239 3239 /* -----------------------------------------------------------
3240 3240 ACTION ICONS
3241 3241 ----------------------------------------------------------- */
3242 3242 .add_icon {
3243 3243 background: url("/images/icons/add.png") no-repeat scroll 3px ;
3244 3244 height: 16px;
3245 3245 padding-left: 20px;
3246 3246 padding-top: 1px;
3247 3247 text-align: left;
3248 3248 }
3249 3249
3250 3250 .edit_icon {
3251 3251 background: url("/images/icons/folder_edit.png") no-repeat scroll 3px;
3252 3252 height: 16px;
3253 3253 padding-left: 20px;
3254 3254 padding-top: 1px;
3255 3255 text-align: left;
3256 3256 }
3257 3257
3258 3258 .delete_icon {
3259 3259 background: url("/images/icons/delete.png") no-repeat scroll 3px;
3260 3260 height: 16px;
3261 3261 padding-left: 20px;
3262 3262 padding-top: 1px;
3263 3263 text-align: left;
3264 3264 }
3265 3265
3266 3266 .rss_icon {
3267 3267 background: url("/images/icons/rss_16.png") no-repeat scroll 3px;
3268 3268 height: 16px;
3269 3269 padding-left: 20px;
3270 3270 padding-top: 1px;
3271 3271 text-align: left;
3272 3272 }
3273 3273
3274 3274 .atom_icon {
3275 3275 background: url("/images/icons/atom.png") no-repeat scroll 3px;
3276 3276 height: 16px;
3277 3277 padding-left: 20px;
3278 3278 padding-top: 1px;
3279 3279 text-align: left;
3280 3280 }
3281 3281
3282 3282 .archive_icon {
3283 3283 background: url("/images/icons/compress.png") no-repeat scroll 3px;
3284 3284 height: 16px;
3285 3285 padding-left: 20px;
3286 3286 text-align: left;
3287 3287 padding-top: 1px;
3288 3288 }
3289 3289
3290 3290
3291 3291
3292 3292
3293 3293 .action_button {
3294 3294 border: 0px;
3295 3295 display: block;
3296 3296 }
3297 3297
3298 3298 .action_button:hover {
3299 3299 border: 0px;
3300 3300 font-style: italic;
3301 3301 cursor: pointer;
3302 3302 }
3303 3303
3304 3304 /* -----------------------------------------------------------
3305 3305 REPO SWITCHER
3306 3306 ----------------------------------------------------------- */
3307 3307
3308 3308 #switch_repos{
3309 3309 position: absolute;
3310 3310 height: 25px;
3311 3311 z-index: 1;
3312 3312 }
3313 3313 /* -----------------------------------------------------------
3314 3314 BREADCRUMBS
3315 3315 ----------------------------------------------------------- */
3316 3316
3317 3317 .breadcrumbs{
3318 3318 border:medium none;
3319 3319 color:#FFFFFF;
3320 3320 float:left;
3321 3321 margin:0;
3322 3322 padding:11px 0 11px 10px;
3323 3323 text-transform:uppercase;
3324 3324 font-weight: bold;
3325 3325 font-size: 14px;
3326 3326 }
3327 3327 .breadcrumbs a{
3328 3328 color: #FFFFFF;
3329 3329 }
3330 3330
3331 3331
3332 3332 /* -----------------------------------------------------------
3333 3333 FLASH MSG
3334 3334 ----------------------------------------------------------- */
3335 3335 .flash_msg ul {
3336 3336 margin: 0;
3337 3337 padding: 0px 0px 10px 0px;
3338 3338 }
3339 3339
3340 3340 .error_msg {
3341 3341 background-color: #FFCFCF;
3342 3342 background-image: url("/images/icons/error_msg.png");
3343 3343 border: 1px solid #FF9595;
3344 3344 color: #CC3300;
3345 3345 }
3346 3346
3347 3347 .warning_msg {
3348 3348 background-color: #FFFBCC;
3349 3349 background-image: url("/images/icons/warning_msg.png");
3350 3350 border: 1px solid #FFF35E;
3351 3351 color: #C69E00;
3352 3352 }
3353 3353
3354 3354 .success_msg {
3355 3355 background-color: #D5FFCF;
3356 3356 background-image: url("/images/icons/success_msg.png");
3357 3357 border: 1px solid #97FF88;
3358 3358 color: #009900;
3359 3359 }
3360 3360
3361 3361 .notice_msg {
3362 3362 background-color: #DCE3FF;
3363 3363 background-image: url("/images/icons/notice_msg.png");
3364 3364 border: 1px solid #93A8FF;
3365 3365 color: #556CB5;
3366 3366 }
3367 3367
3368 3368 .success_msg,.error_msg,.notice_msg,.warning_msg {
3369 3369 background-position: 10px center;
3370 3370 background-repeat: no-repeat;
3371 3371 font-size: 12px;
3372 3372 font-weight: bold;
3373 3373 min-height: 14px;
3374 3374 line-height: 14px;
3375 3375 margin-bottom: 0px;
3376 3376 margin-top: 0px;
3377 3377 padding: 6px 10px 6px 40px;
3378 3378 display: block;
3379 3379 overflow: auto;
3380 3380 }
3381 3381
3382 3382 #msg_close {
3383 3383 background: transparent url("icons/cross_grey_small.png") no-repeat
3384 3384 scroll 0 0;
3385 3385 cursor: pointer;
3386 3386 height: 16px;
3387 3387 position: absolute;
3388 3388 right: 5px;
3389 3389 top: 5px;
3390 3390 width: 16px;
3391 3391 }
3392 3392 /* -----------------------------------------------------------
3393 3393 YUI FLOT
3394 3394 ----------------------------------------------------------- */
3395 3395
3396 3396 div#commit_history{
3397 3397 float: left;
3398 3398 }
3399 3399 div#legend_data{
3400 3400 float:left;
3401 3401
3402 3402 }
3403 3403 div#legend_container {
3404 3404 float: left;
3405 3405 }
3406 3406
3407 3407 div#legend_container table,div#legend_choices table{
3408 3408 width:auto !important;
3409 3409 }
3410 3410
3411 3411 div#legend_container table td{
3412 3412 border: none !important;
3413 3413 padding: 2px !important;
3414 3414 }
3415 3415
3416 3416 div#legend_choices table td{
3417 3417 border: none !important;
3418 3418 padding: 0px !important;
3419 3419 }
3420 3420
3421 3421 div#legend_choices{
3422 3422 float:left;
3423 3423 }
3424 3424
3425 3425 /* -----------------------------------------------------------
3426 3426 PERMISSIONS TABLE
3427 3427 ----------------------------------------------------------- */
3428 3428 table#permissions_manage{
3429 3429 width: 0 !important;
3430 3430
3431 3431 }
3432 3432 table#permissions_manage span.private_repo_msg{
3433 3433 font-size: 0.8em;
3434 3434 opacity:0.6;
3435 3435
3436 3436 }
3437 3437 table#permissions_manage td.private_repo_msg{
3438 3438 font-size: 0.8em;
3439 3439
3440 3440 }
3441 3441 table#permissions_manage tr#add_perm_input td{
3442 3442 vertical-align:middle;
3443 3443
3444 3444 }
3445 3445
3446 3446 /* -----------------------------------------------------------
3447 3447 GRAVATARS
3448 3448 ----------------------------------------------------------- */
3449 .gravatar_box img{
3450 float:left;
3451 padding-right: 5px;
3452 padding-top:3px;
3453 }
3454
3449 div.gravatar{
3450 background-color:white;
3451 border:1px solid #D0D0D0;
3452 float:left;
3453 margin-right:0.7em;
3454 padding: 2px 2px 0px;
3455 }
3455 3456
3456 3457 /* -----------------------------------------------------------
3457 3458 jquery ui
3458 3459 ----------------------------------------------------------- */
3459 3460
3460 3461 .ui-helper-hidden { display: none; }
3461 3462 .ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
3462 3463 .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
3463 3464
3464 3465 /* -----------------------------------------------------------
3465 3466 jquery ui -> icons
3466 3467 ----------------------------------------------------------- */
3467 3468
3468 3469 .ui-icon { width: 16px; height: 16px; background-image: url(../images/ui/ui-icons_222222_256x240.png); }
3469 3470 .ui-widget-content .ui-icon {background-image: url(../images/ui/ui-icons_222222_256x240.png); }
3470 3471 .ui-widget-header .ui-icon {background-image: url(../images/ui/ui-icons_222222_256x240.png); }
3471 3472 .ui-state-default .ui-icon { background-image: url(../images/ui/ui-icons_ef8c08_256x240.png); }
3472 3473 .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(../images/ui/ui-icons_ef8c08_256x240.png); }
3473 3474 .ui-state-active .ui-icon {background-image: url(../images/ui/ui-icons_ef8c08_256x240.png); }
3474 3475 .ui-state-highlight .ui-icon {background-image: url(../images/ui/ui-icons_228ef1_256x240.png); }
3475 3476 .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui/ui-icons_ffd27a_256x240.png); }
3476 3477
3477 3478 /* -----------------------------------------------------------
3478 3479 jquery ui -> icon positioning
3479 3480 ----------------------------------------------------------- */
3480 3481 .ui-icon-carat-1-n { background-position: 0 0; }
3481 3482 .ui-icon-carat-1-ne { background-position: -16px 0; }
3482 3483 .ui-icon-carat-1-e { background-position: -32px 0; }
3483 3484 .ui-icon-carat-1-se { background-position: -48px 0; }
3484 3485 .ui-icon-carat-1-s { background-position: -64px 0; }
3485 3486 .ui-icon-carat-1-sw { background-position: -80px 0; }
3486 3487 .ui-icon-carat-1-w { background-position: -96px 0; }
3487 3488 .ui-icon-carat-1-nw { background-position: -112px 0; }
3488 3489 .ui-icon-carat-2-n-s { background-position: -128px 0; }
3489 3490 .ui-icon-carat-2-e-w { background-position: -144px 0; }
3490 3491 .ui-icon-triangle-1-n { background-position: 0 -16px; }
3491 3492 .ui-icon-triangle-1-ne { background-position: -16px -16px; }
3492 3493 .ui-icon-triangle-1-e { background-position: -32px -16px; }
3493 3494 .ui-icon-triangle-1-se { background-position: -48px -16px; }
3494 3495 .ui-icon-triangle-1-s { background-position: -64px -16px; }
3495 3496 .ui-icon-triangle-1-sw { background-position: -80px -16px; }
3496 3497 .ui-icon-triangle-1-w { background-position: -96px -16px; }
3497 3498 .ui-icon-triangle-1-nw { background-position: -112px -16px; }
3498 3499 .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
3499 3500 .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
3500 3501 .ui-icon-arrow-1-n { background-position: 0 -32px; }
3501 3502 .ui-icon-arrow-1-ne { background-position: -16px -32px; }
3502 3503 .ui-icon-arrow-1-e { background-position: -32px -32px; }
3503 3504 .ui-icon-arrow-1-se { background-position: -48px -32px; }
3504 3505 .ui-icon-arrow-1-s { background-position: -64px -32px; }
3505 3506 .ui-icon-arrow-1-sw { background-position: -80px -32px; }
3506 3507 .ui-icon-arrow-1-w { background-position: -96px -32px; }
3507 3508 .ui-icon-arrow-1-nw { background-position: -112px -32px; }
3508 3509 .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
3509 3510 .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
3510 3511 .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
3511 3512 .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
3512 3513 .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
3513 3514 .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
3514 3515 .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
3515 3516 .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
3516 3517 .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
3517 3518 .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
3518 3519 .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
3519 3520 .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
3520 3521 .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
3521 3522 .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
3522 3523 .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
3523 3524 .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
3524 3525 .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
3525 3526 .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
3526 3527 .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
3527 3528 .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
3528 3529 .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
3529 3530 .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
3530 3531 .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
3531 3532 .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
3532 3533 .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
3533 3534 .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
3534 3535 .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
3535 3536 .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
3536 3537 .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
3537 3538 .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
3538 3539 .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
3539 3540 .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
3540 3541 .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
3541 3542 .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
3542 3543 .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
3543 3544 .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
3544 3545 .ui-icon-arrow-4 { background-position: 0 -80px; }
3545 3546 .ui-icon-arrow-4-diag { background-position: -16px -80px; }
3546 3547 .ui-icon-extlink { background-position: -32px -80px; }
3547 3548 .ui-icon-newwin { background-position: -48px -80px; }
3548 3549 .ui-icon-refresh { background-position: -64px -80px; }
3549 3550 .ui-icon-shuffle { background-position: -80px -80px; }
3550 3551 .ui-icon-transfer-e-w { background-position: -96px -80px; }
3551 3552 .ui-icon-transferthick-e-w { background-position: -112px -80px; }
3552 3553 .ui-icon-folder-collapsed { background-position: 0 -96px; }
3553 3554 .ui-icon-folder-open { background-position: -16px -96px; }
3554 3555 .ui-icon-document { background-position: -32px -96px; }
3555 3556 .ui-icon-document-b { background-position: -48px -96px; }
3556 3557 .ui-icon-note { background-position: -64px -96px; }
3557 3558 .ui-icon-mail-closed { background-position: -80px -96px; }
3558 3559 .ui-icon-mail-open { background-position: -96px -96px; }
3559 3560 .ui-icon-suitcase { background-position: -112px -96px; }
3560 3561 .ui-icon-comment { background-position: -128px -96px; }
3561 3562 .ui-icon-person { background-position: -144px -96px; }
3562 3563 .ui-icon-print { background-position: -160px -96px; }
3563 3564 .ui-icon-trash { background-position: -176px -96px; }
3564 3565 .ui-icon-locked { background-position: -192px -96px; }
3565 3566 .ui-icon-unlocked { background-position: -208px -96px; }
3566 3567 .ui-icon-bookmark { background-position: -224px -96px; }
3567 3568 .ui-icon-tag { background-position: -240px -96px; }
3568 3569 .ui-icon-home { background-position: 0 -112px; }
3569 3570 .ui-icon-flag { background-position: -16px -112px; }
3570 3571 .ui-icon-calendar { background-position: -32px -112px; }
3571 3572 .ui-icon-cart { background-position: -48px -112px; }
3572 3573 .ui-icon-pencil { background-position: -64px -112px; }
3573 3574 .ui-icon-clock { background-position: -80px -112px; }
3574 3575 .ui-icon-disk { background-position: -96px -112px; }
3575 3576 .ui-icon-calculator { background-position: -112px -112px; }
3576 3577 .ui-icon-zoomin { background-position: -128px -112px; }
3577 3578 .ui-icon-zoomout { background-position: -144px -112px; }
3578 3579 .ui-icon-search { background-position: -160px -112px; }
3579 3580 .ui-icon-wrench { background-position: -176px -112px; }
3580 3581 .ui-icon-gear { background-position: -192px -112px; }
3581 3582 .ui-icon-heart { background-position: -208px -112px; }
3582 3583 .ui-icon-star { background-position: -224px -112px; }
3583 3584 .ui-icon-link { background-position: -240px -112px; }
3584 3585 .ui-icon-cancel { background-position: 0 -128px; }
3585 3586 .ui-icon-plus { background-position: -16px -128px; }
3586 3587 .ui-icon-plusthick { background-position: -32px -128px; }
3587 3588 .ui-icon-minus { background-position: -48px -128px; }
3588 3589 .ui-icon-minusthick { background-position: -64px -128px; }
3589 3590 .ui-icon-close { background-position: -80px -128px; }
3590 3591 .ui-icon-closethick { background-position: -96px -128px; }
3591 3592 .ui-icon-key { background-position: -112px -128px; }
3592 3593 .ui-icon-lightbulb { background-position: -128px -128px; }
3593 3594 .ui-icon-scissors { background-position: -144px -128px; }
3594 3595 .ui-icon-clipboard { background-position: -160px -128px; }
3595 3596 .ui-icon-copy { background-position: -176px -128px; }
3596 3597 .ui-icon-contact { background-position: -192px -128px; }
3597 3598 .ui-icon-image { background-position: -208px -128px; }
3598 3599 .ui-icon-video { background-position: -224px -128px; }
3599 3600 .ui-icon-script { background-position: -240px -128px; }
3600 3601 .ui-icon-alert { background-position: 0 -144px; }
3601 3602 .ui-icon-info { background-position: -16px -144px; }
3602 3603 .ui-icon-notice { background-position: -32px -144px; }
3603 3604 .ui-icon-help { background-position: -48px -144px; }
3604 3605 .ui-icon-check { background-position: -64px -144px; }
3605 3606 .ui-icon-bullet { background-position: -80px -144px; }
3606 3607 .ui-icon-radio-off { background-position: -96px -144px; }
3607 3608 .ui-icon-radio-on { background-position: -112px -144px; }
3608 3609 .ui-icon-pin-w { background-position: -128px -144px; }
3609 3610 .ui-icon-pin-s { background-position: -144px -144px; }
3610 3611 .ui-icon-play { background-position: 0 -160px; }
3611 3612 .ui-icon-pause { background-position: -16px -160px; }
3612 3613 .ui-icon-seek-next { background-position: -32px -160px; }
3613 3614 .ui-icon-seek-prev { background-position: -48px -160px; }
3614 3615 .ui-icon-seek-end { background-position: -64px -160px; }
3615 3616 .ui-icon-seek-start { background-position: -80px -160px; }
3616 3617 /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
3617 3618 .ui-icon-seek-first { background-position: -80px -160px; }
3618 3619 .ui-icon-stop { background-position: -96px -160px; }
3619 3620 .ui-icon-eject { background-position: -112px -160px; }
3620 3621 .ui-icon-volume-off { background-position: -128px -160px; }
3621 3622 .ui-icon-volume-on { background-position: -144px -160px; }
3622 3623 .ui-icon-power { background-position: 0 -176px; }
3623 3624 .ui-icon-signal-diag { background-position: -16px -176px; }
3624 3625 .ui-icon-signal { background-position: -32px -176px; }
3625 3626 .ui-icon-battery-0 { background-position: -48px -176px; }
3626 3627 .ui-icon-battery-1 { background-position: -64px -176px; }
3627 3628 .ui-icon-battery-2 { background-position: -80px -176px; }
3628 3629 .ui-icon-battery-3 { background-position: -96px -176px; }
3629 3630 .ui-icon-circle-plus { background-position: 0 -192px; }
3630 3631 .ui-icon-circle-minus { background-position: -16px -192px; }
3631 3632 .ui-icon-circle-close { background-position: -32px -192px; }
3632 3633 .ui-icon-circle-triangle-e { background-position: -48px -192px; }
3633 3634 .ui-icon-circle-triangle-s { background-position: -64px -192px; }
3634 3635 .ui-icon-circle-triangle-w { background-position: -80px -192px; }
3635 3636 .ui-icon-circle-triangle-n { background-position: -96px -192px; }
3636 3637 .ui-icon-circle-arrow-e { background-position: -112px -192px; }
3637 3638 .ui-icon-circle-arrow-s { background-position: -128px -192px; }
3638 3639 .ui-icon-circle-arrow-w { background-position: -144px -192px; }
3639 3640 .ui-icon-circle-arrow-n { background-position: -160px -192px; }
3640 3641 .ui-icon-circle-zoomin { background-position: -176px -192px; }
3641 3642 .ui-icon-circle-zoomout { background-position: -192px -192px; }
3642 3643 .ui-icon-circle-check { background-position: -208px -192px; }
3643 3644 .ui-icon-circlesmall-plus { background-position: 0 -208px; }
3644 3645 .ui-icon-circlesmall-minus { background-position: -16px -208px; }
3645 3646 .ui-icon-circlesmall-close { background-position: -32px -208px; }
3646 3647 .ui-icon-squaresmall-plus { background-position: -48px -208px; }
3647 3648 .ui-icon-squaresmall-minus { background-position: -64px -208px; }
3648 3649 .ui-icon-squaresmall-close { background-position: -80px -208px; }
3649 3650 .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
3650 3651 .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
3651 3652 .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
3652 3653 .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
3653 3654 .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
3654 3655 .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
3655 3656
3656 3657 /* -----------------------------------------------------------
3657 3658 jquery ui -> tabs
3658 3659 ----------------------------------------------------------- */
3659 3660 .ui-tabs .ui-tabs-hide { display: none; }
3660 3661
3661 3662 /* -----------------------------------------------------------
3662 3663 jquery ui -> datepicker
3663 3664 ----------------------------------------------------------- */
3664 3665 .ui-datepicker { width: 17em; padding: .2em .2em 0; background: #FFFFFF; border: 1px solid #000000; border-top: none; }
3665 3666 .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background: #F6F6F6; }
3666 3667 .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 1px; width: 1.8em; height: 1.8em; }
3667 3668 .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
3668 3669 .ui-datepicker .ui-datepicker-prev { left: 0; }
3669 3670 .ui-datepicker .ui-datepicker-next { right: 0; }
3670 3671 .ui-datepicker .ui-datepicker-prev-hover { left: 0; }
3671 3672 .ui-datepicker .ui-datepicker-next-hover { right: 0; }
3672 3673 .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
3673 3674 .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
3674 3675 .ui-datepicker .ui-datepicker-title select { margin:1px 0; }
3675 3676 .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
3676 3677 .ui-datepicker select.ui-datepicker-month,
3677 3678 .ui-datepicker select.ui-datepicker-year { width: 49%;}
3678 3679 .ui-datepicker table {width: 100%; border-collapse: collapse; margin:0 0 .4em; }
3679 3680 .ui-datepicker th { padding: .7em .3em; text-align: center; border: 0; }
3680 3681 .ui-datepicker td { border: 0; padding: 1px; }
3681 3682 .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 3px; text-align: center; text-decoration: none; }
3682 3683 .ui-datepicker td span, .ui-datepicker td a:hover { background: #376ea6; color: #ffffff; }
3683 3684 .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
3684 3685 .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
3685 3686 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
3686 3687 .ui-datepicker td span, .ui-datepicker td.ui-datepicker-today a { background: #DDDDDD; color: #585858; }
3687 3688 .ui-datepicker td span, .ui-datepicker td.ui-datepicker-current-day a { background: #376ea6; color: #ffffff; }
3688 3689
3689 3690 /* -----------------------------------------------------------
3690 3691 jquery ui -> datepicker / multiple calenders
3691 3692 ----------------------------------------------------------- */
3692 3693 .ui-datepicker.ui-datepicker-multi { width:auto; }
3693 3694 .ui-datepicker-multi .ui-datepicker-group { float:left; }
3694 3695 .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
3695 3696 .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
3696 3697 .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
3697 3698 .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
3698 3699 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
3699 3700 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
3700 3701 .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
3701 3702 .ui-datepicker-row-break { clear:both; width:100%; }
3702 3703
3703 3704 /* -----------------------------------------------------------
3704 3705 jquery ui -> datepicker / rtl support
3705 3706 ----------------------------------------------------------- */
3706 3707 .ui-datepicker-rtl { direction: rtl; }
3707 3708 .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
3708 3709 .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
3709 3710 .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
3710 3711 .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
3711 3712 .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
3712 3713 .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
3713 3714 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
3714 3715 .ui-datepicker-rtl .ui-datepicker-group { float:right; }
3715 3716 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
3716 3717 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
3717 3718
3718 3719 /* -----------------------------------------------------------
3719 3720 jquery ui -> select styling
3720 3721 ----------------------------------------------------------- */
3721 3722
3722 3723 .ui-selectmenu
3723 3724 {
3724 3725 display: block;
3725 3726 position: relative;
3726 3727 overflow: hidden;
3727 3728 background: #ffffff;
3728 3729 border-top: 1px solid #b3b3b3;
3729 3730 border-left: 1px solid #b3b3b3;
3730 3731 border-right: 1px solid #eaeaea;
3731 3732 border-bottom: 1px solid #eaeaea;
3732 3733 text-align: left;
3733 3734 text-decoration: none;
3734 3735 }
3735 3736
3736 3737 .ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
3737 3738 .ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; }
3738 3739 .ui-selectmenu-open { background: #ffffff; border: 1px solid #666666; border-top: none; visibility: visible; }
3739 3740 .ui-selectmenu-menu-popup { margin-top: -1px; }
3740 3741 .ui-selectmenu-menu-dropdown { }
3741 3742 .ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; }
3742 3743 .ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4em; display:block; padding: 5px 0 5px 8px; outline:none; text-decoration:none; color: #000000; }
3743 3744 .ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
3744 3745 .ui-selectmenu-hasIcon .ui-selectmenu-status { margin-left: 5px; padding-left: 20px; position: relative; }
3745 3746 .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
3746 3747 .ui-selectmenu-status { line-height: 1.4em; }
3747 3748 .ui-selectmenu-open li.ui-selectmenu-item-focus { background: #376ea6; }
3748 3749 .ui-selectmenu-open li.ui-selectmenu-item-focus a { color: #ffffff; }
3749 3750 .ui-selectmenu-open li.ui-selectmenu-item-selected { background: #dfdfdf; }
3750 3751 .ui-selectmenu-open li.ui-selectmenu-item-selected a { color: #000000; }
3751 3752 .ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
3752 3753 .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; }
3753 3754 .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; } No newline at end of file
@@ -1,110 +1,110 b''
1 1 ## -*- coding: utf-8 -*-
2 2 <%inherit file="/base/base.html"/>
3 3
4 4 <%def name="title()">
5 5 ${_('User administration')}
6 6 </%def>
7 7
8 8 <%def name="breadcrumbs_links()">
9 9 ${h.link_to(_('Admin'),h.url('admin_home'))}
10 10 &raquo;
11 11 ${h.link_to(_('Users'),h.url('users'))}
12 12 &raquo;
13 13 ${_('edit')} "${c.user.username}"
14 14 </%def>
15 15
16 16 <%def name="page_nav()">
17 17 ${self.menu('admin')}
18 18 </%def>
19 19
20 20 <%def name="main()">
21 21 <div class="box">
22 22 <!-- box / title -->
23 23 <div class="title">
24 24 ${self.breadcrumbs()}
25 25 </div>
26 26 <!-- end box / title -->
27 27 ${h.form(url('user', id=c.user.user_id),method='put')}
28 28 <div class="form">
29 29 <!-- fields -->
30 30 <div class="fields">
31 31 <div class="field">
32 32 <div class="gravatar_box">
33 <img alt="gravatar" src="${h.gravatar_url(c.user.email)}"/>
33 <div class="gravatar"><img alt="gravatar" src="${h.gravatar_url(c.user.email)}"/></div>
34 34 <p>
35 35 <strong>Change your avatar at <a href="http://gravatar.com">gravatar.com</a></strong><br/>
36 36 ${_('Using')} ${c.user.email}
37 37 </p>
38 38 </div>
39 39 </div>
40 40
41 41 <div class="field">
42 42 <div class="label">
43 43 <label for="username">${_('Username')}:</label>
44 44 </div>
45 45 <div class="input">
46 46 ${h.text('username')}
47 47 </div>
48 48 </div>
49 49
50 50 <div class="field">
51 51 <div class="label">
52 52 <label for="new_password">${_('New password')}:</label>
53 53 </div>
54 54 <div class="input">
55 55 ${h.password('new_password')}
56 56 </div>
57 57 </div>
58 58
59 59 <div class="field">
60 60 <div class="label">
61 61 <label for="name">${_('Name')}:</label>
62 62 </div>
63 63 <div class="input">
64 64 ${h.text('name')}
65 65 </div>
66 66 </div>
67 67
68 68 <div class="field">
69 69 <div class="label">
70 70 <label for="lastname">${_('Lastname')}:</label>
71 71 </div>
72 72 <div class="input">
73 73 ${h.text('lastname')}
74 74 </div>
75 75 </div>
76 76
77 77 <div class="field">
78 78 <div class="label">
79 79 <label for="email">${_('Email')}:</label>
80 80 </div>
81 81 <div class="input">
82 82 ${h.text('email')}
83 83 </div>
84 84 </div>
85 85
86 86 <div class="field">
87 87 <div class="label label-checkbox">
88 88 <label for="active">${_('Active')}:</label>
89 89 </div>
90 90 <div class="checkboxes">
91 91 ${h.checkbox('active',value=True)}
92 92 </div>
93 93 </div>
94 94
95 95 <div class="field">
96 96 <div class="label label-checkbox">
97 97 <label for="admin">${_('Admin')}:</label>
98 98 </div>
99 99 <div class="checkboxes">
100 100 ${h.checkbox('admin',value=True)}
101 101 </div>
102 102 </div>
103 103 <div class="buttons">
104 104 ${h.submit('save','save',class_="ui-button ui-widget ui-state-default ui-corner-all")}
105 105 </div>
106 106 </div>
107 107 </div>
108 108 ${h.end_form()}
109 109 </div>
110 110 </%def> No newline at end of file
@@ -1,60 +1,60 b''
1 1 ## -*- coding: utf-8 -*-
2 2 <%inherit file="/base/base.html"/>
3 3
4 4 <%def name="title()">
5 5 ${_('Users administration')}
6 6 </%def>
7 7
8 8 <%def name="breadcrumbs_links()">
9 9 ${h.link_to(_('Admin'),h.url('admin_home'))} &raquo; ${_('Users')}
10 10 </%def>
11 11
12 12 <%def name="page_nav()">
13 13 ${self.menu('admin')}
14 14 </%def>
15 15
16 16 <%def name="main()">
17 17 <div class="box">
18 18 <!-- box / title -->
19 19 <div class="title">
20 20 ${self.breadcrumbs()}
21 21 <ul class="links">
22 22 <li>
23 23 <span>${h.link_to(u'ADD NEW USER',h.url('new_user'),class_="add_icon")}</span>
24 24 </li>
25 25
26 26 </ul>
27 27 </div>
28 28 <!-- end box / title -->
29 29 <div class="table">
30 30 <table class="table_disp">
31 31 <tr class="header">
32 32 <th></th>
33 33 <th class="left">${_('username')}</th>
34 34 <th class="left">${_('name')}</th>
35 35 <th class="left">${_('lastname')}</th>
36 36 <th class="left">${_('active')}</th>
37 37 <th class="left">${_('admin')}</th>
38 38 <th class="left">${_('action')}</th>
39 39 </tr>
40 40 %for cnt,user in enumerate(c.users_list):
41 41 %if user.name !='default':
42 42 <tr class="parity${cnt%2}">
43 <td> <img alt="gravatar" src="${h.gravatar_url(user.email)}"> </td>
43 <td><div class="gravatar"><img alt="gravatar" src="${h.gravatar_url(user.email)}"> </div></td>
44 44 <td>${h.link_to(user.username,h.url('edit_user', id=user.user_id))}</td>
45 45 <td>${user.name}</td>
46 46 <td>${user.lastname}</td>
47 47 <td>${user.active}</td>
48 48 <td>${user.admin}</td>
49 49 <td>
50 50 ${h.form(url('user', id=user.user_id),method='delete')}
51 51 ${h.submit('remove','delete',class_="delete_icon action_button")}
52 52 ${h.end_form()}
53 53 </td>
54 54 </tr>
55 55 %endif
56 56 %endfor
57 57 </table>
58 58 </div>
59 59 </div>
60 60 </%def>
@@ -1,272 +1,275 b''
1 1 <%inherit file="/base/base.html"/>
2 2
3 3 <%def name="title()">
4 4 ${_('Mercurial Repository Overview')}
5 5 </%def>
6 6
7
8
9 7 <%def name="breadcrumbs_links()">
10 8 ${h.link_to(u'Home',h.url('/'))}
11 9 &raquo;
12 10 ${h.link_to(c.repo_name,h.url('summary_home',repo_name=c.repo_name))}
13 11 &raquo;
14 12 ${_('summary')}
15 13 </%def>
16 14
17 15 <%def name="page_nav()">
18 16 ${self.menu('summary')}
19 17 </%def>
20 18
21 19 <%def name="main()">
22 20 <script type="text/javascript">
23 21 var E = YAHOO.util.Event;
24 22 var D = YAHOO.util.Dom;
25 23
26 24 E.onDOMReady(function(e){
27 25 id = 'clone_url';
28 26 E.addListener(id,'click',function(e){
29 27 D.get('clone_url').select();
30 28 })
31 29 })
32 30 </script>
33 31 <div class="box box-left">
34 32 <!-- box / title -->
35 33 <div class="title">
36 34 ${self.breadcrumbs()}
37 35 </div>
38 36 <!-- end box / title -->
39 37 <div class="form">
40 38 <div class="fields">
41 39
42 40 <div class="field">
43 41 <div class="label">
44 42 <label>${_('Name')}:</label>
45 43 </div>
46 44 <div class="input-short">
47 45 ${c.repo_info.name}
48 46 </div>
49 47 </div>
50 48
51 49
52 50 <div class="field">
53 51 <div class="label">
54 52 <label>${_('Description')}:</label>
55 53 </div>
56 54 <div class="input-short">
57 55 ${c.repo_info.description}
58 56 </div>
59 57 </div>
60 58
61 59
62 60 <div class="field">
63 61 <div class="label">
64 62 <label>${_('Contact')}:</label>
65 63 </div>
66 64 <div class="input-short">
67 ${c.repo_info.contact}
65 <div class="gravatar">
66 <img alt="gravatar" src="${h.gravatar_url(c.repo_info.dbrepo.user.email)}"/>
67 </div>
68 ${_('Username')}: ${c.repo_info.dbrepo.user.username}<br/>
69 ${_('Name')}: ${c.repo_info.dbrepo.user.name} ${c.repo_info.dbrepo.user.lastname}<br/>
70 ${_('Email')}: <a href="mailto:${c.repo_info.dbrepo.user.email}">${c.repo_info.dbrepo.user.email}</a>
68 71 </div>
69 72 </div>
70 73
71 74 <div class="field">
72 75 <div class="label">
73 76 <label>${_('Last change')}:</label>
74 77 </div>
75 78 <div class="input-short">
76 79 ${h.age(c.repo_info.last_change)} - ${h.rfc822date(c.repo_info.last_change)}
77 80 </div>
78 81 </div>
79 82
80 83 <div class="field">
81 84 <div class="label">
82 85 <label>${_('Clone url')}:</label>
83 86 </div>
84 87 <div class="input-short">
85 88 <input type="text" id="clone_url" readonly="readonly" value="hg clone ${c.clone_repo_url}" size="70"/>
86 89 </div>
87 90 </div>
88 91
89 92 <div class="field">
90 93 <div class="label">
91 94 <label>${_('Download')}:</label>
92 95 </div>
93 96 <div class="input-short">
94 97 %for cnt,archive in enumerate(c.repo_info._get_archives()):
95 98 %if cnt >=1:
96 99 |
97 100 %endif
98 101 ${h.link_to(c.repo_info.name+'.'+archive['type'],
99 102 h.url('files_archive_home',repo_name=c.repo_info.name,
100 103 revision='tip',fileformat=archive['extension']),class_="archive_icon")}
101 104 %endfor
102 105 </div>
103 106 </div>
104 107
105 108 <div class="field">
106 109 <div class="label">
107 110 <label>${_('Feeds')}:</label>
108 111 </div>
109 112 <div class="input-short">
110 113 ${h.link_to(_('RSS'),h.url('rss_feed_home',repo_name=c.repo_info.name),class_='rss_icon')}
111 114 ${h.link_to(_('Atom'),h.url('atom_feed_home',repo_name=c.repo_info.name),class_='atom_icon')}
112 115 </div>
113 116 </div>
114 117 </div>
115 118 </div>
116 119 </div>
117 120
118 121 <div class="box box-right">
119 122 <!-- box / title -->
120 123 <div class="title">
121 124 <h5>${_('Last month commit activity')}</h5>
122 125 </div>
123 126
124 127 <div class="table">
125 128 <div id="commit_history" style="width:460px;height:370px;float:left"></div>
126 129 <div id="legend_data">
127 130 <div id="legend_container"></div>
128 131 <div id="legend_choices">
129 132 <table id="legend_choices_tables" style="font-size:smaller;color:#545454"></table>
130 133 </div>
131 134 </div>
132 135 <script type="text/javascript">
133 136
134 137 (function () {
135 138 var datasets = {${c.commit_data|n}};
136 139 var i = 0;
137 140 var choiceContainer = YAHOO.util.Dom.get("legend_choices");
138 141 var choiceContainerTable = YAHOO.util.Dom.get("legend_choices_tables");
139 142 for(var key in datasets) {
140 143 datasets[key].color = i;
141 144 i++;
142 145 choiceContainerTable.innerHTML += '<tr>'+
143 146 '<td>'+
144 147 '<input type="checkbox" name="' + key +'" checked="checked" />'+datasets[key].label+
145 148 '</td>'+
146 149 '</tr>';
147 150 };
148 151
149 152
150 153 function plotAccordingToChoices() {
151 154 var data = [];
152 155
153 156 var inputs = choiceContainer.getElementsByTagName("input");
154 157 for(var i=0; i<inputs.length; i++) {
155 158 if(!inputs[i].checked)
156 159 continue;
157 160
158 161 var key = inputs[i].name;
159 162 if (key && datasets[key])
160 163 data.push(datasets[key]);
161 164 };
162 165
163 166 if (data.length > 0){
164 167 var plot = YAHOO.widget.Flot("commit_history", data,
165 168 { bars: { show: true, align:'center',lineWidth:4 },
166 169 points: { show: true, radius:0,fill:true },
167 170 legend:{show:true, container:"legend_container"},
168 171 selection: { mode: "xy" },
169 172 yaxis:{tickSize:[1]},
170 173 xaxis: { mode: "time", timeformat: "%d",tickSize:[1, "day"],min:${c.ts_min},max:${c.ts_max} },
171 174 grid: { hoverable: true, clickable: true,autoHighlight:true },
172 175 });
173 176
174 177 function showTooltip(x, y, contents) {
175 178 var div=document.getElementById('tooltip');
176 179 if(!div) {
177 180 div = document.createElement('div');
178 181 div.id="tooltip";
179 182 div.style.position="absolute";
180 183 div.style.border='1px solid #fdd';
181 184 div.style.padding='2px';
182 185 div.style.backgroundColor='#fee';
183 186 document.body.appendChild(div);
184 187 }
185 188 YAHOO.util.Dom.setStyle(div, 'opacity', 0);
186 189 div.innerHTML = contents;
187 190 div.style.top=(y + 5) + "px";
188 191 div.style.left=(x + 5) + "px";
189 192
190 193 var anim = new YAHOO.util.Anim(div, {opacity: {to: 0.8}}, 0.2);
191 194 anim.animate();
192 195 }
193 196
194 197 var previousPoint = null;
195 198 plot.subscribe("plothover", function (o) {
196 199 var pos = o.pos;
197 200 var item = o.item;
198 201
199 202 //YAHOO.util.Dom.get("x").innerHTML = pos.x.toFixed(2);
200 203 //YAHOO.util.Dom.get("y").innerHTML = pos.y.toFixed(2);
201 204 if (item) {
202 205 if (previousPoint != item.datapoint) {
203 206 previousPoint = item.datapoint;
204 207
205 208 var tooltip = YAHOO.util.Dom.get("tooltip");
206 209 if(tooltip) {
207 210 tooltip.parentNode.removeChild(tooltip);
208 211 }
209 212 var x = item.datapoint.x.toFixed(2);
210 213 var y = item.datapoint.y.toFixed(2);
211 214
212 215 if (!item.series.label){
213 216 item.series.label = 'commits';
214 217 }
215 218 var d = new Date(x*1000);
216 219 var fd = d.getFullYear()+'-'+(d.getMonth()+1)+'-'+d.getDate();
217 220 var nr_commits = parseInt(y);
218 221 var suffix = '';
219 222 if(nr_commits > 1){
220 223 var suffix = 's';
221 224 }
222 225 showTooltip(item.pageX, item.pageY, item.series.label + " on " + fd + ": " + nr_commits+" commit" + suffix);
223 226 }
224 227 }
225 228 else {
226 229 var tooltip = YAHOO.util.Dom.get("tooltip");
227 230
228 231 if(tooltip) {
229 232 tooltip.parentNode.removeChild(tooltip);
230 233 }
231 234 previousPoint = null;
232 235 }
233 236 });
234 237
235 238 }
236 239 }
237 240
238 241 YAHOO.util.Event.on(choiceContainer.getElementsByTagName("input"), "click", plotAccordingToChoices);
239 242
240 243 plotAccordingToChoices();
241 244 })();
242 245 </script>
243 246
244 247 </div>
245 248 </div>
246 249
247 250 <div class="box">
248 251 <div class="title">
249 252 <div class="breadcrumbs">${h.link_to(_('Last ten changes'),h.url('changelog_home',repo_name=c.repo_name))}</div>
250 253 </div>
251 254 <div class="table">
252 255 <%include file='../shortlog/shortlog_data.html'/>
253 256 </div>
254 257 </div>
255 258 <div class="box">
256 259 <div class="title">
257 260 <div class="breadcrumbs">${h.link_to(_('Last ten tags'),h.url('tags_home',repo_name=c.repo_name))}</div>
258 261 </div>
259 262 <div class="table">
260 263 <%include file='../tags/tags_data.html'/>
261 264 </div>
262 265 </div>
263 266 <div class="box">
264 267 <div class="title">
265 268 <div class="breadcrumbs">${h.link_to(_('Last ten branches'),h.url('branches_home',repo_name=c.repo_name))}</div>
266 269 </div>
267 270 <div class="table">
268 271 <%include file='../branches/branches_data.html'/>
269 272 </div>
270 273 </div>
271 274
272 275 </%def> No newline at end of file
General Comments 0
You need to be logged in to leave comments. Login now