##// END OF EJS Templates
Implemented basic gravatar support on admin pages only for now
marcink -
r398:8c50b164 default
parent child Browse files
Show More
@@ -1,305 +1,323 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
281
282 280 from mercurial import util
283 281 from mercurial.templatefilters import age as _age, person as _person
284 282
285 283 age = lambda x:_age(x)
286 284 capitalize = lambda x: x.capitalize()
287 285 date = lambda x: util.datestr(x)
288 286 email = util.email
289 287 person = lambda x: _person(x)
290 288 hgdate = lambda x: "%d %d" % x
291 289 isodate = lambda x: util.datestr(x, '%Y-%m-%d %H:%M %1%2')
292 290 isodatesec = lambda x: util.datestr(x, '%Y-%m-%d %H:%M:%S %1%2')
293 291 localdate = lambda x: (x[0], util.makedate()[1])
294 292 rfc822date = lambda x: util.datestr(x, "%a, %d %b %Y %H:%M:%S %1%2")
295 293 rfc3339date = lambda x: util.datestr(x, "%Y-%m-%dT%H:%M:%S%1:%2")
296 294 time_ago = lambda x: util.datestr(_age(x), "%a, %d %b %Y %H:%M:%S %1%2")
297 295
298 296
299 297 #===============================================================================
300 298 # PERMS
301 299 #===============================================================================
302 300 from pylons_app.lib.auth import HasPermissionAny, HasPermissionAll, \
303 301 HasRepoPermissionAny, HasRepoPermissionAll
304 302
303 #===============================================================================
304 # GRAVATAR URL
305 #===============================================================================
306 import hashlib
307 import urllib
305 308
309 def gravatar_url(email):
310 ssl_enabled = 'https' == request.environ.get('HTTP_X_URL_SCHEME')
311 default = 'identicon'
312 size = 32
313 baseurl_nossl = "http://www.gravatar.com/avatar/"
314 baseurl_ssl = "https://secure.gravatar.com/avatar/"
315
316 baseurl = baseurl_ssl if ssl_enabled else baseurl_nossl
317
318
319 # construct the url
320 gravatar_url = baseurl + hashlib.md5(email.lower()).hexdigest() + "?"
321 gravatar_url += urllib.urlencode({'d':default, 's':str(size)})
322
323 return gravatar_url
@@ -1,3743 +1,3753 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 vertical-align:middle;
1902 1903 }
1903 1904
1904 1905 #content div.box table tr.selected td
1905 1906 {
1906 1907 background: #FFFFCC;
1907 1908 }
1908 1909
1909 1910 #content div.box table td.selected
1910 1911 {
1911 1912 padding: 0;
1912 1913 width: 3%;
1913 1914 text-align: center;
1914 1915 vertical-align: middle;
1915 1916 }
1916 1917
1917 1918 #content div.box table td.selected input
1918 1919 {
1919 1920 margin: 0;
1920 1921 }
1921 1922
1922 1923 #content div.box table td.action
1923 1924 {
1924 1925 width: 45%;
1925 1926 text-align: left;
1926 1927 }
1927 1928
1928 1929 #content div.box table td.user
1929 1930 {
1930 1931 width: 10%;
1931 1932 text-align: center;
1932 1933 }
1933 1934
1934 1935 #content div.box table td.date
1935 1936 {
1936 1937 width: 33%;
1937 1938 text-align: center;
1938 1939 }
1939 1940
1940 1941 #content div.box table td.address
1941 1942 {
1942 1943 width: 10%;
1943 1944 text-align: center;
1944 1945 }
1945 1946
1946 1947 /* -----------------------------------------------------------
1947 1948 content -> right -> box / table action
1948 1949 ----------------------------------------------------------- */
1949 1950
1950 1951 #content div.box div.action
1951 1952 {
1952 1953 margin: 10px 0 0 0;
1953 1954 padding: 0;
1954 1955 float: right;
1955 1956 background: #FFFFFF;
1956 1957 text-align: right;
1957 1958 }
1958 1959
1959 1960 #content div.box div.action a:hover
1960 1961 {
1961 1962 color: #000000;
1962 1963 text-decoration: none;
1963 1964 }
1964 1965
1965 1966 #content div.box div.action select
1966 1967 {
1967 1968 margin: 0;
1968 1969 font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
1969 1970 font-size: 11px;
1970 1971 }
1971 1972
1972 1973 #content div.box div.action div.button
1973 1974 {
1974 1975 margin: 6px 0 0 0;
1975 1976 padding: 0;
1976 1977 text-align: right;
1977 1978 }
1978 1979
1979 1980 #content div.box div.action div.button input
1980 1981 {
1981 1982 margin: 0;
1982 1983 color: #000000;
1983 1984 font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
1984 1985 font-size: 11px;
1985 1986 font-weight: bold;
1986 1987 }
1987 1988
1988 1989 #content div.box div.action div.button input.ui-state-default
1989 1990 {
1990 1991 margin: 0;
1991 1992 padding: 6px 12px 6px 12px;
1992 1993 background: #e5e3e3 url("../images/button.png") repeat-x;
1993 1994 border-top: 1px solid #DDDDDD;
1994 1995 border-left: 1px solid #c6c6c6;
1995 1996 border-right: 1px solid #DDDDDD;
1996 1997 border-bottom: 1px solid #c6c6c6;
1997 1998 color: #515151;
1998 1999 }
1999 2000
2000 2001 #content div.box div.action div.button input.ui-state-hover
2001 2002 {
2002 2003 margin: 0;
2003 2004 padding: 6px 12px 6px 12px;
2004 2005 background: #b4b4b4 url("../images/button_selected.png") repeat-x;
2005 2006 border-top: 1px solid #cccccc;
2006 2007 border-left: 1px solid #bebebe;
2007 2008 border-right: 1px solid #b1b1b1;
2008 2009 border-bottom: 1px solid #afafaf;
2009 2010 color: #515151;
2010 2011 }
2011 2012
2012 2013 #content div.box div.action .ui-selectmenu
2013 2014 {
2014 2015 margin: 0;
2015 2016 padding: 0;
2016 2017 }
2017 2018
2018 2019 #content div.box div.action a.ui-selectmenu-focus
2019 2020 {
2020 2021 border: 1px solid #666666;
2021 2022 }
2022 2023
2023 2024 #content div.box div.action a.ui-selectmenu-focus span.ui-icon
2024 2025 {
2025 2026 background-image: url(../images/ui/ui-icons_222222_256x240.png);
2026 2027 }
2027 2028
2028 2029 /* -----------------------------------------------------------
2029 2030 content -> right -> pagination
2030 2031 ----------------------------------------------------------- */
2031 2032
2032 2033 #content div.box div.pagination
2033 2034 {
2034 2035 margin: 10px 0 0 0;
2035 2036 padding: 0;
2036 2037 height: 1%;
2037 2038 clear: both;
2038 2039 overflow: hidden;
2039 2040 }
2040 2041
2041 2042 #content div.box div.pagination div.results
2042 2043 {
2043 2044 margin: 0;
2044 2045 padding: 0;
2045 2046 text-align: left;
2046 2047 float: left
2047 2048 }
2048 2049
2049 2050 #content div.box div.pagination div.results span
2050 2051 {
2051 2052 margin: 0;
2052 2053 padding: 6px 8px 6px 8px;
2053 2054 height: 1%;
2054 2055 display: block;
2055 2056 float: left;
2056 2057 background: #ebebeb url("../images/pager.png") repeat-x;
2057 2058 border-top: 1px solid #dedede;
2058 2059 border-left: 1px solid #cfcfcf;
2059 2060 border-right: 1px solid #c4c4c4;
2060 2061 border-bottom: 1px solid #c4c4c4;
2061 2062 color: #4A4A4A;
2062 2063 font-weight: bold;
2063 2064 }
2064 2065
2065 2066 #content div.box div.pagination ul.pager
2066 2067 {
2067 2068 margin: 0;
2068 2069 padding: 0;
2069 2070 float: right;
2070 2071 text-align: right;
2071 2072 }
2072 2073
2073 2074 #content div.box div.pagination ul.pager li
2074 2075 {
2075 2076 margin: 0 0 0 4px;
2076 2077 padding: 0;
2077 2078 height: 1%;
2078 2079 float: left;
2079 2080 list-style: none;
2080 2081 background: #ebebeb url("../images/pager.png") repeat-x;
2081 2082 border-top: 1px solid #dedede;
2082 2083 border-left: 1px solid #cfcfcf;
2083 2084 border-right: 1px solid #c4c4c4;
2084 2085 border-bottom: 1px solid #c4c4c4;
2085 2086 color: #4A4A4A;
2086 2087 font-weight: bold;
2087 2088 }
2088 2089
2089 2090 #content div.box div.pagination ul.pager li.separator
2090 2091 {
2091 2092 padding: 6px;
2092 2093 }
2093 2094
2094 2095 #content div.box div.pagination ul.pager li.current
2095 2096 {
2096 2097 padding: 6px;
2097 2098 background: #b4b4b4 url("../images/pager_selected.png") repeat-x;
2098 2099 border-top: 1px solid #cccccc;
2099 2100 border-left: 1px solid #bebebe;
2100 2101 border-right: 1px solid #b1b1b1;
2101 2102 border-bottom: 1px solid #afafaf;
2102 2103 color: #515151;
2103 2104 }
2104 2105
2105 2106 #content div.box div.pagination ul.pager li.disabled
2106 2107 {
2107 2108 padding: 6px;
2108 2109 color: #B4B4B4;
2109 2110 }
2110 2111
2111 2112 #content div.box div.pagination ul.pager li a
2112 2113 {
2113 2114 margin: 0;
2114 2115 padding: 6px;
2115 2116 height: 1%;
2116 2117 display: block;
2117 2118 float: left;
2118 2119 color: #515151;
2119 2120 text-decoration: none;
2120 2121 }
2121 2122
2122 2123 #content div.box div.pagination ul.pager li a:hover,
2123 2124 #content div.box div.pagination ul.pager li a:active
2124 2125 {
2125 2126 margin: -1px;
2126 2127 background: #b4b4b4 url("../images/pager_selected.png") repeat-x;
2127 2128 border-top: 1px solid #cccccc;
2128 2129 border-left: 1px solid #bebebe;
2129 2130 border-right: 1px solid #b1b1b1;
2130 2131 border-bottom: 1px solid #afafaf;
2131 2132 }
2132 2133
2133 2134 /* -----------------------------------------------------------
2134 2135 content -> webhelpers pagination
2135 2136 ----------------------------------------------------------- */
2136 2137
2137 2138 #content div.box div.pagination-wh
2138 2139 {
2139 2140 margin: 10px 0 0 0;
2140 2141 padding: 0;
2141 2142 height: 1%;
2142 2143 clear: both;
2143 2144 overflow: hidden;
2144 2145 text-align: right;
2145 2146 }
2146 2147
2147 2148 #content div.box div.pagination-wh div.results
2148 2149 {
2149 2150 margin: 0;
2150 2151 padding: 0;
2151 2152 text-align: left;
2152 2153 float: left
2153 2154 }
2154 2155
2155 2156 #content div.box div.pagination-wh div.results span
2156 2157 {
2157 2158 margin: 0;
2158 2159 padding: 6px 8px 6px 8px;
2159 2160 height: 1%;
2160 2161 display: block;
2161 2162 float: left;
2162 2163 background: #ebebeb url("../images/pager.png") repeat-x;
2163 2164 border-top: 1px solid #dedede;
2164 2165 border-left: 1px solid #cfcfcf;
2165 2166 border-right: 1px solid #c4c4c4;
2166 2167 border-bottom: 1px solid #c4c4c4;
2167 2168 color: #4A4A4A;
2168 2169 font-weight: bold;
2169 2170 }
2170 2171
2171 2172 #content div.box div.pagination-left{
2172 2173 float:left;
2173 2174 }
2174 2175 #content div.box div.pagination-right{
2175 2176 float:right;
2176 2177 }
2177 2178
2178 2179 #content div.box div.pagination-wh a,
2179 2180 #content div.box div.pagination-wh span.pager_dotdot
2180 2181 {
2181 2182 margin: 0 0 0 4px;
2182 2183 padding: 6px;
2183 2184 height: 1%;
2184 2185 float: left;
2185 2186 background: #ebebeb url("../images/pager.png") repeat-x;
2186 2187 border-top: 1px solid #dedede;
2187 2188 border-left: 1px solid #cfcfcf;
2188 2189 border-right: 1px solid #c4c4c4;
2189 2190 border-bottom: 1px solid #c4c4c4;
2190 2191 color: #4A4A4A;
2191 2192 font-weight: bold;
2192 2193 }
2193 2194 #content div.box div.pagination-wh span.pager_curpage
2194 2195 {
2195 2196 margin: 0 0 0 4px;
2196 2197 padding: 6px;
2197 2198 height: 1%;
2198 2199 float: left;
2199 2200 background: #b4b4b4 url("../images/pager_selected.png") repeat-x;
2200 2201 border-top: 1px solid #cccccc;
2201 2202 border-left: 1px solid #bebebe;
2202 2203 border-right: 1px solid #b1b1b1;
2203 2204 border-bottom: 1px solid #afafaf;
2204 2205 color: #515151;
2205 2206 font-weight: bold;
2206 2207 }
2207 2208
2208 2209 #content div.box div.pagination-wh a.disabled
2209 2210 {
2210 2211 padding: 6px;
2211 2212 color: #B4B4B4;
2212 2213 }
2213 2214
2214 2215
2215 2216 #content div.box div.pagination-wh a:hover,
2216 2217 #content div.box div.pagination-wh a:active
2217 2218 {
2218 2219 background: #b4b4b4 url("../images/pager_selected.png") repeat-x;
2219 2220 border-top: 1px solid #cccccc;
2220 2221 border-left: 1px solid #bebebe;
2221 2222 border-right: 1px solid #b1b1b1;
2222 2223 border-bottom: 1px solid #afafaf;
2223 2224 text-decoration: none;
2224 2225 }
2225 2226
2226 2227
2227 2228 /* -----------------------------------------------------------
2228 2229 content -> right -> traffic chart
2229 2230 ----------------------------------------------------------- */
2230 2231
2231 2232 #content div.box div.traffic
2232 2233 {
2233 2234 margin: 0;
2234 2235 padding: 0 20px 10px 20px;
2235 2236 clear: both;
2236 2237 overflow: hidden;
2237 2238 }
2238 2239
2239 2240 #content div.box div.traffic div.legend
2240 2241 {
2241 2242 margin: 0 0 10px 0;
2242 2243 padding: 0 0 10px 0;
2243 2244 clear: both;
2244 2245 overflow: hidden;
2245 2246 border-bottom: 1px solid #dddddd;
2246 2247 }
2247 2248
2248 2249 #content div.box div.traffic div.legend h6
2249 2250 {
2250 2251 margin: 0;
2251 2252 padding: 0;
2252 2253 float: left;
2253 2254 border: none;
2254 2255 }
2255 2256
2256 2257 #content div.box div.traffic div.legend ul
2257 2258 {
2258 2259 margin: 0;
2259 2260 padding: 0;
2260 2261 float: right;
2261 2262 }
2262 2263
2263 2264 #content div.box div.traffic div.legend li
2264 2265 {
2265 2266 margin: 0;
2266 2267 padding: 0 8px 0 4px;
2267 2268 list-style: none;
2268 2269 float: left;
2269 2270 font-size: 11px;
2270 2271 }
2271 2272
2272 2273 #content div.box div.traffic div.legend li.visits
2273 2274 {
2274 2275 border-left: 12px solid #edc240;
2275 2276 }
2276 2277
2277 2278 #content div.box div.traffic div.legend li.pageviews
2278 2279 {
2279 2280 border-left: 12px solid #afd8f8;
2280 2281 }
2281 2282
2282 2283 #content div.box div.traffic table
2283 2284 {
2284 2285 width: auto;
2285 2286 }
2286 2287
2287 2288 #content div.box div.traffic table td
2288 2289 {
2289 2290 padding: 2px 3px 3px 3px;
2290 2291 background: transparent;
2291 2292 border: none;
2292 2293 }
2293 2294
2294 2295 #content div.box div.traffic table td.legendLabel
2295 2296 {
2296 2297 padding: 0 3px 2px 3px;
2297 2298 }
2298 2299
2299 2300 /* -----------------------------------------------------------
2300 2301 footer
2301 2302 ----------------------------------------------------------- */
2302 2303
2303 2304 #footer
2304 2305 {
2305 2306 margin: 0;
2306 2307 padding: 5px 0 5px 0;
2307 2308 clear: both;
2308 2309 overflow: hidden;
2309 2310 background: #2a2a2a;
2310 2311 text-align: right;
2311 2312 }
2312 2313
2313 2314 #footer p
2314 2315 {
2315 2316 margin: 0 80px 0 80px;
2316 2317 padding: 10px 0 10px 0;
2317 2318 color: #ffffff;
2318 2319 }
2319 2320
2320 2321 /* -----------------------------------------------------------
2321 2322 login
2322 2323 ----------------------------------------------------------- */
2323 2324
2324 2325 #login
2325 2326 {
2326 2327 margin: 10% auto 0 auto;
2327 2328 padding: 0;
2328 2329 width: 420px;
2329 2330 }
2330 2331
2331 2332 /* -----------------------------------------------------------
2332 2333 login -> colors
2333 2334 ----------------------------------------------------------- */
2334 2335
2335 2336 #login div.color
2336 2337 {
2337 2338 margin: 10px auto 0 auto;
2338 2339 padding: 3px 3px 3px 0;
2339 2340 clear: both;
2340 2341 overflow: hidden;
2341 2342 background: #FFFFFF;
2342 2343 }
2343 2344
2344 2345 #login div.color a
2345 2346 {
2346 2347 margin: 0 0 0 3px;
2347 2348 padding: 0;
2348 2349 width: 20px;
2349 2350 height: 20px;
2350 2351 display: block;
2351 2352 float: left;
2352 2353 }
2353 2354
2354 2355 /* -----------------------------------------------------------
2355 2356 login -> title
2356 2357 ----------------------------------------------------------- */
2357 2358
2358 2359 #login div.title
2359 2360 {
2360 2361 margin: 0 auto;
2361 2362 padding: 0;
2362 2363 width: 420px;
2363 2364 clear: both;
2364 2365 overflow: hidden;
2365 2366 position: relative;
2366 2367 background: #003367 url("../images/colors/blue/header_inner.png") repeat-x;
2367 2368 }
2368 2369
2369 2370 #login div.title h5
2370 2371 {
2371 2372 margin: 10px;
2372 2373 padding: 0;
2373 2374 color: #ffffff;
2374 2375 }
2375 2376
2376 2377 /* -----------------------------------------------------------
2377 2378 login -> title / corners
2378 2379 ----------------------------------------------------------- */
2379 2380
2380 2381 #login div.title div.corner
2381 2382 {
2382 2383 height: 6px;
2383 2384 width: 6px;
2384 2385 position: absolute;
2385 2386 background: url("../images/colors/blue/login_corners.png") no-repeat;
2386 2387 }
2387 2388
2388 2389 #login div.title div.tl
2389 2390 {
2390 2391 top: 0;
2391 2392 left: 0;
2392 2393 background-position: 0 0;
2393 2394 }
2394 2395
2395 2396 #login div.title div.tr
2396 2397 {
2397 2398 top: 0;
2398 2399 right: 0;
2399 2400 background-position: -6px 0;
2400 2401 }
2401 2402
2402 2403 #login div.inner
2403 2404 {
2404 2405 margin: 0 auto;
2405 2406 padding: 20px;
2406 2407 width: 380px;
2407 2408 background: #FFFFFF url("../images/login.png") no-repeat top left;
2408 2409 border-top: none;
2409 2410 border-bottom: none;
2410 2411 }
2411 2412
2412 2413 /* -----------------------------------------------------------
2413 2414 login -> form
2414 2415 ----------------------------------------------------------- */
2415 2416
2416 2417 #login div.form
2417 2418 {
2418 2419 margin: 0;
2419 2420 padding: 0;
2420 2421 clear: both;
2421 2422 overflow: hidden;
2422 2423 }
2423 2424
2424 2425 #login div.form div.fields
2425 2426 {
2426 2427 margin: 0;
2427 2428 padding: 0;
2428 2429 clear: both;
2429 2430 overflow: hidden;
2430 2431 }
2431 2432
2432 2433 #login div.form div.fields div.field
2433 2434 {
2434 2435 margin: 0;
2435 2436 padding: 0 0 10px 0;
2436 2437 clear: both;
2437 2438 overflow: hidden;
2438 2439 }
2439 2440
2440 2441 #login div.form div.fields div.field span.error-message
2441 2442 {
2442 2443 margin: 8px 0 0 0;
2443 2444 padding: 0;
2444 2445 height: 1%;
2445 2446 display: block;
2446 2447 color: #FF0000;
2447 2448 }
2448 2449
2449 2450 #login div.form div.fields div.field div.label
2450 2451 {
2451 2452 margin: 2px 10px 0 0;
2452 2453 padding: 5px 0 0 5px;
2453 2454 width: 173px;
2454 2455 float: left;
2455 2456 text-align: right;
2456 2457 }
2457 2458
2458 2459 #login div.form div.fields div.field div.label label
2459 2460 {
2460 2461 color: #000000;
2461 2462 font-weight: bold;
2462 2463 }
2463 2464
2464 2465 #login div.form div.fields div.field div.label span
2465 2466 {
2466 2467 margin: 0;
2467 2468 padding: 2px 0 0 0;
2468 2469 height: 1%;
2469 2470 display: block;
2470 2471 color: #363636;
2471 2472 }
2472 2473
2473 2474 #login div.form div.fields div.field div.input
2474 2475 {
2475 2476 margin: 0;
2476 2477 padding: 0;
2477 2478 float: left;
2478 2479 }
2479 2480
2480 2481 #login div.form div.fields div.field div.input input
2481 2482 {
2482 2483 margin: 0;
2483 2484 padding: 7px 7px 6px 7px;
2484 2485 width: 176px;
2485 2486 background: #FFFFFF;
2486 2487 border-top: 1px solid #b3b3b3;
2487 2488 border-left: 1px solid #b3b3b3;
2488 2489 border-right: 1px solid #eaeaea;
2489 2490 border-bottom: 1px solid #eaeaea;
2490 2491 color: #000000;
2491 2492 font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
2492 2493 font-size: 11px;
2493 2494 }
2494 2495
2495 2496 #login div.form div.fields div.field div.input input.error
2496 2497 {
2497 2498 background: #FBE3E4;
2498 2499 border-top: 1px solid #e1b2b3;
2499 2500 border-left: 1px solid #e1b2b3;
2500 2501 border-right: 1px solid #FBC2C4;
2501 2502 border-bottom: 1px solid #FBC2C4;
2502 2503 }
2503 2504
2504 2505 #login div.form div.fields div.field div.input input.success
2505 2506 {
2506 2507 background: #E6EFC2;
2507 2508 border-top: 1px solid #cebb98;
2508 2509 border-left: 1px solid #cebb98;
2509 2510 border-right: 1px solid #c6d880;
2510 2511 border-bottom: 1px solid #c6d880;
2511 2512 }
2512 2513
2513 2514 #login div.form div.fields div.field div.input div.link
2514 2515 {
2515 2516 margin: 6px 0 0 0;
2516 2517 padding: 0;
2517 2518 text-align: right;
2518 2519 }
2519 2520
2520 2521 #login div.form div.fields div.field div.checkbox
2521 2522 {
2522 2523 margin: 0 0 0 184px;
2523 2524 padding: 0;
2524 2525 }
2525 2526
2526 2527 #login div.form div.fields div.field div.checkbox label
2527 2528 {
2528 2529 color: #565656;
2529 2530 font-weight: bold;
2530 2531 }
2531 2532
2532 2533 #login div.form div.fields div.buttons
2533 2534 {
2534 2535 margin: 0;
2535 2536 padding: 10px 0 0 0;
2536 2537 clear: both;
2537 2538 overflow: hidden;
2538 2539 border-top: 1px solid #DDDDDD;
2539 2540 text-align: right;
2540 2541 }
2541 2542
2542 2543 #login div.form div.fields div.buttons input
2543 2544 {
2544 2545 margin: 0;
2545 2546 color: #000000;
2546 2547 font-size: 1.0em;
2547 2548 font-weight: bold;
2548 2549 font-family: Verdana, Helvetica, Sans-Serif;
2549 2550 }
2550 2551
2551 2552 #login div.form div.fields div.buttons input.ui-state-default
2552 2553 {
2553 2554 margin: 0;
2554 2555 padding: 6px 12px 6px 12px;
2555 2556 background: #e5e3e3 url("../images/button.png") repeat-x;
2556 2557 border-top: 1px solid #DDDDDD;
2557 2558 border-left: 1px solid #c6c6c6;
2558 2559 border-right: 1px solid #DDDDDD;
2559 2560 border-bottom: 1px solid #c6c6c6;
2560 2561 color: #515151;
2561 2562 }
2562 2563
2563 2564 #login div.form div.fields div.buttons input.ui-state-hover
2564 2565 {
2565 2566 margin: 0;
2566 2567 padding: 6px 12px 6px 12px;
2567 2568 background: #b4b4b4 url("../images/button_selected.png") repeat-x;
2568 2569 border-top: 1px solid #cccccc;
2569 2570 border-left: 1px solid #bebebe;
2570 2571 border-right: 1px solid #b1b1b1;
2571 2572 border-bottom: 1px solid #afafaf;
2572 2573 color: #515151;
2573 2574 }
2574 2575
2575 2576 /* -----------------------------------------------------------
2576 2577 login -> links
2577 2578 ----------------------------------------------------------- */
2578 2579
2579 2580 #login div.form div.links
2580 2581 {
2581 2582 margin: 10px 0 0 0;
2582 2583 padding: 0 0 2px 0;
2583 2584 clear: both;
2584 2585 overflow: hidden;
2585 2586 }
2586 2587
2587 2588 /* -----------------------------------------------------------
2588 2589 register
2589 2590 ----------------------------------------------------------- */
2590 2591
2591 2592 #register
2592 2593 {
2593 2594 margin: 10% auto 0 auto;
2594 2595 padding: 0;
2595 2596 width: 420px;
2596 2597 }
2597 2598
2598 2599 /* -----------------------------------------------------------
2599 2600 register -> colors
2600 2601 ----------------------------------------------------------- */
2601 2602
2602 2603 #register div.color
2603 2604 {
2604 2605 margin: 10px auto 0 auto;
2605 2606 padding: 3px 3px 3px 0;
2606 2607 clear: both;
2607 2608 overflow: hidden;
2608 2609 background: #FFFFFF;
2609 2610 }
2610 2611
2611 2612 #register div.color a
2612 2613 {
2613 2614 margin: 0 0 0 3px;
2614 2615 padding: 0;
2615 2616 width: 20px;
2616 2617 height: 20px;
2617 2618 display: block;
2618 2619 float: left;
2619 2620 }
2620 2621
2621 2622 /* -----------------------------------------------------------
2622 2623 register -> title
2623 2624 ----------------------------------------------------------- */
2624 2625
2625 2626 #register div.title
2626 2627 {
2627 2628 margin: 0 auto;
2628 2629 padding: 0;
2629 2630 width: 420px;
2630 2631 clear: both;
2631 2632 overflow: hidden;
2632 2633 position: relative;
2633 2634 background: #003367 url("../images/colors/blue/header_inner.png") repeat-x;
2634 2635 }
2635 2636
2636 2637 #register div.title h5
2637 2638 {
2638 2639 margin: 10px;
2639 2640 padding: 0;
2640 2641 color: #ffffff;
2641 2642 }
2642 2643
2643 2644 /* -----------------------------------------------------------
2644 2645 register -> inner
2645 2646 ----------------------------------------------------------- */
2646 2647 #register div.title div.corner
2647 2648 {
2648 2649 height: 6px;
2649 2650 width: 6px;
2650 2651 position: absolute;
2651 2652 background: url("../images/colors/blue/login_corners.png") no-repeat;
2652 2653 }
2653 2654
2654 2655 #register div.title div.tl
2655 2656 {
2656 2657 top: 0;
2657 2658 left: 0;
2658 2659 background-position: 0 0;
2659 2660 }
2660 2661
2661 2662 #register div.title div.tr
2662 2663 {
2663 2664 top: 0;
2664 2665 right: 0;
2665 2666 background-position: -6px 0;
2666 2667
2667 2668 }
2668 2669 #register div.inner
2669 2670 {
2670 2671 margin: 0 auto;
2671 2672 padding: 20px;
2672 2673 width: 380px;
2673 2674 background: #FFFFFF;
2674 2675 border-top: none;
2675 2676 border-bottom: none;
2676 2677 }
2677 2678
2678 2679 /* -----------------------------------------------------------
2679 2680 register -> form
2680 2681 ----------------------------------------------------------- */
2681 2682
2682 2683 #register div.form
2683 2684 {
2684 2685 margin: 0;
2685 2686 padding: 0;
2686 2687 clear: both;
2687 2688 overflow: hidden;
2688 2689 }
2689 2690
2690 2691 #register div.form div.fields
2691 2692 {
2692 2693 margin: 0;
2693 2694 padding: 0;
2694 2695 clear: both;
2695 2696 overflow: hidden;
2696 2697 }
2697 2698
2698 2699 #register div.form div.fields div.field
2699 2700 {
2700 2701 margin: 0;
2701 2702 padding: 0 0 10px 0;
2702 2703 clear: both;
2703 2704 overflow: hidden;
2704 2705 }
2705 2706
2706 2707 #register div.form div.fields div.field span.error-message
2707 2708 {
2708 2709 margin: 8px 0 0 0;
2709 2710 padding: 0;
2710 2711 height: 1%;
2711 2712 display: block;
2712 2713 color: #FF0000;
2713 2714 }
2714 2715
2715 2716 #register div.form div.fields div.field div.label
2716 2717 {
2717 2718 margin: 2px 10px 0 0;
2718 2719 padding: 5px 0 0 5px;
2719 2720 width: 100px;
2720 2721 float: left;
2721 2722 text-align: right;
2722 2723 }
2723 2724
2724 2725 #register div.form div.fields div.field div.label label
2725 2726 {
2726 2727 color: #000000;
2727 2728 font-weight: bold;
2728 2729 }
2729 2730
2730 2731 #register div.form div.fields div.field div.label span
2731 2732 {
2732 2733 margin: 0;
2733 2734 padding: 2px 0 0 0;
2734 2735 height: 1%;
2735 2736 display: block;
2736 2737 color: #363636;
2737 2738 }
2738 2739
2739 2740 #register div.form div.fields div.field div.input
2740 2741 {
2741 2742 margin: 0;
2742 2743 padding: 0;
2743 2744 float: left;
2744 2745 }
2745 2746
2746 2747 #register div.form div.fields div.field div.input input
2747 2748 {
2748 2749 margin: 0;
2749 2750 padding: 7px 7px 6px 7px;
2750 2751 width: 245px;
2751 2752 background: #FFFFFF;
2752 2753 border-top: 1px solid #b3b3b3;
2753 2754 border-left: 1px solid #b3b3b3;
2754 2755 border-right: 1px solid #eaeaea;
2755 2756 border-bottom: 1px solid #eaeaea;
2756 2757 color: #000000;
2757 2758 font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
2758 2759 font-size: 11px;
2759 2760 }
2760 2761
2761 2762 #register div.form div.fields div.field div.input input.error
2762 2763 {
2763 2764 background: #FBE3E4;
2764 2765 border-top: 1px solid #e1b2b3;
2765 2766 border-left: 1px solid #e1b2b3;
2766 2767 border-right: 1px solid #FBC2C4;
2767 2768 border-bottom: 1px solid #FBC2C4;
2768 2769 }
2769 2770
2770 2771 #register div.form div.fields div.field div.input input.success
2771 2772 {
2772 2773 background: #E6EFC2;
2773 2774 border-top: 1px solid #cebb98;
2774 2775 border-left: 1px solid #cebb98;
2775 2776 border-right: 1px solid #c6d880;
2776 2777 border-bottom: 1px solid #c6d880;
2777 2778 }
2778 2779
2779 2780 #register div.form div.fields div.field div.input div.link
2780 2781 {
2781 2782 margin: 6px 0 0 0;
2782 2783 padding: 0;
2783 2784 text-align: right;
2784 2785 }
2785 2786
2786 2787 #register div.form div.fields div.field div.checkbox
2787 2788 {
2788 2789 margin: 0 0 0 184px;
2789 2790 padding: 0;
2790 2791 }
2791 2792
2792 2793 #register div.form div.fields div.field div.checkbox label
2793 2794 {
2794 2795 color: #565656;
2795 2796 font-weight: bold;
2796 2797 }
2797 2798
2798 2799 #register div.form div.fields div.buttons
2799 2800 {
2800 2801 margin: 0;
2801 2802 padding: 10px 0 0 97px;
2802 2803 clear: both;
2803 2804 overflow: hidden;
2804 2805 border-top: 1px solid #DDDDDD;
2805 2806 text-align: left;
2806 2807 }
2807 2808
2808 2809 #register div.form div.fields div.buttons input
2809 2810 {
2810 2811 margin: 0;
2811 2812 color: #000000;
2812 2813 font-size: 1.0em;
2813 2814 font-weight: bold;
2814 2815 font-family: Verdana, Helvetica, Sans-Serif;
2815 2816 }
2816 2817
2817 2818 #register div.form div.fields div.buttons input.ui-state-default
2818 2819 {
2819 2820 margin: 0;
2820 2821 padding: 6px 12px 6px 12px;
2821 2822 background: #e5e3e3 url("../images/button.png") repeat-x;
2822 2823 border-top: 1px solid #DDDDDD;
2823 2824 border-left: 1px solid #c6c6c6;
2824 2825 border-right: 1px solid #DDDDDD;
2825 2826 border-bottom: 1px solid #c6c6c6;
2826 2827 color: #515151;
2827 2828 }
2828 2829 #register div.form div.fields div.buttons div.highlight input.ui-state-default
2829 2830 {
2830 2831 background:url("../images/colors/blue/button_highlight.png") repeat-x scroll 0 0 #4E85BB;
2831 2832 border-color:#5C91A4 #2B7089 #1A6480 #2A6F89;
2832 2833 border-style:solid;
2833 2834 border-width:1px;
2834 2835 color:#FFFFFF;
2835 2836 }
2836 2837
2837 2838
2838 2839
2839 2840 #register div.form div.fields div.buttons input.ui-state-hover
2840 2841 {
2841 2842 margin: 0;
2842 2843 padding: 6px 12px 6px 12px;
2843 2844 background: #b4b4b4 url("../images/button_selected.png") repeat-x;
2844 2845 border-top: 1px solid #cccccc;
2845 2846 border-left: 1px solid #bebebe;
2846 2847 border-right: 1px solid #b1b1b1;
2847 2848 border-bottom: 1px solid #afafaf;
2848 2849 color: #515151;
2849 2850 }
2850 2851
2851 2852
2852 2853 /* -----------------------------------------------------------
2853 2854 CHANGESETS
2854 2855 ----------------------------------------------------------- */
2855 2856 #changeset_content {
2856 2857 border:1px solid #CCCCCC;
2857 2858 padding:5px;
2858 2859 }
2859 2860
2860 2861 #changeset_content .container .wrapper {
2861 2862 width: 600px;
2862 2863 }
2863 2864
2864 2865 #changeset_content .container {
2865 2866 height: 120px;
2866 2867 }
2867 2868
2868 2869 #changeset_content .container .left {
2869 2870 float: left;
2870 2871 width: 70%;
2871 2872 padding-left: 5px;
2872 2873 }
2873 2874
2874 2875 #changeset_content .container .right {
2875 2876 float: right;
2876 2877 width: 25%;
2877 2878 text-align: right;
2878 2879 }
2879 2880
2880 2881 #changeset_content .container .left .date {
2881 2882 font-weight: bold;
2882 2883 }
2883 2884
2884 2885 #changeset_content .container .left .author {
2885 2886
2886 2887 }
2887 2888
2888 2889 #changeset_content .container .left .message {
2889 2890 font-style: italic;
2890 2891 color: #556CB5;
2891 2892 }
2892 2893
2893 2894 .cs_files {
2894 2895
2895 2896 }
2896 2897
2897 2898 .cs_files .cs_added {
2898 2899 background: url("/images/icons/page_white_add.png") no-repeat scroll 3px;
2899 2900 /*background-color:#BBFFBB;*/
2900 2901 height: 16px;
2901 2902 padding-left: 20px;
2902 2903 margin-top: 7px;
2903 2904 text-align: left;
2904 2905 }
2905 2906
2906 2907 .cs_files .cs_changed {
2907 2908 background: url("/images/icons/page_white_edit.png") no-repeat scroll
2908 2909 3px;
2909 2910 /*background-color: #FFDD88;*/
2910 2911 height: 16px;
2911 2912 padding-left: 20px;
2912 2913 margin-top: 7px;
2913 2914 text-align: left;
2914 2915 }
2915 2916
2916 2917 .cs_files .cs_removed {
2917 2918 background: url("/images/icons/page_white_delete.png") no-repeat scroll
2918 2919 3px;
2919 2920 /*background-color: #FF8888;*/
2920 2921 height: 16px;
2921 2922 padding-left: 20px;
2922 2923 margin-top: 7px;
2923 2924 text-align: left;
2924 2925 }
2925 2926
2926 2927
2927 2928
2928 2929 /* -----------------------------------------------------------
2929 2930 CHANGESETS - CANVAS
2930 2931 ----------------------------------------------------------- */
2931 2932
2932 2933 #graph {
2933 2934 overflow: hidden;
2934 2935 }
2935 2936
2936 2937 #graph_nodes {
2937 2938 width: 160px;
2938 2939 float: left;
2939 2940 margin-left:-50px;
2940 2941 margin-top: 5px;
2941 2942 }
2942 2943
2943 2944 #graph_content {
2944 2945 width: 800px;
2945 2946 float: left;
2946 2947 }
2947 2948
2948 2949 #graph_content .container_header {
2949 2950 border: 1px solid #CCCCCC;
2950 2951 padding:10px;
2951 2952 }
2952 2953
2953 2954 #graph_content .container .wrapper {
2954 2955 width: 600px;
2955 2956 }
2956 2957
2957 2958 #graph_content .container {
2958 2959 border-bottom: 1px solid #CCCCCC;
2959 2960 border-left: 1px solid #CCCCCC;
2960 2961 border-right: 1px solid #CCCCCC;
2961 2962 min-height: 80px;
2962 2963 overflow: hidden;
2963 2964 }
2964 2965
2965 2966 #graph_content .container .left {
2966 2967 float: left;
2967 2968 width: 70%;
2968 2969 padding-left: 5px;
2969 2970 }
2970 2971
2971 2972 #graph_content .container .right {
2972 2973 float: right;
2973 2974 width: 25%;
2974 2975 text-align: right;
2975 2976 }
2976 2977
2977 2978 #graph_content .container .left .date {
2978 2979 font-weight: bold;
2979 2980 }
2980 2981
2981 2982 #graph_content .container .left .author {
2982 2983
2983 2984 }
2984 2985
2985 2986 #graph_content .container .left .message {
2986 2987 font-size: 100%;
2987 2988 }
2988 2989
2989 2990 .right div {
2990 2991 clear: both;
2991 2992 }
2992 2993
2993 2994 .right .changes .added,.changed,.removed {
2994 2995 border: 1px solid #DDDDDD;
2995 2996 display: block;
2996 2997 float: right;
2997 2998 font-size: 0.75em;
2998 2999 text-align: center;
2999 3000 min-width: 15px;
3000 3001 }
3001 3002
3002 3003 .right .changes .added {
3003 3004 background: #BBFFBB;
3004 3005 }
3005 3006
3006 3007 .right .changes .changed {
3007 3008 background: #FFDD88;
3008 3009 }
3009 3010
3010 3011 .right .changes .removed {
3011 3012 background: #FF8888;
3012 3013 }
3013 3014
3014 3015 .right .merge {
3015 3016 vertical-align: top;
3016 3017 font-size: 60%;
3017 3018 font-weight: bold;
3018 3019 }
3019 3020
3020 3021 .right .merge img {
3021 3022 vertical-align: bottom;
3022 3023 }
3023 3024
3024 3025 .right .parent {
3025 3026 font-size: 90%;
3026 3027 font-family: monospace;
3027 3028 }
3028 3029
3029 3030
3030 3031
3031 3032 /* -----------------------------------------------------------
3032 3033 FILE BROWSER
3033 3034 ----------------------------------------------------------- */
3034 3035 div.browserblock {
3035 3036 overflow: hidden;
3036 3037 padding: 0px;
3037 3038 border: 1px solid #ccc;
3038 3039 background: #f8f8f8;
3039 3040 font-size: 100%;
3040 3041 line-height: 100%;
3041 3042 /* new */
3042 3043 line-height: 125%;
3043 3044 }
3044 3045
3045 3046 div.browserblock .browser-header {
3046 3047 border-bottom: 1px solid #CCCCCC;
3047 3048 background: #FFFFFF;
3048 3049 color: blue;
3049 3050 padding: 10px 0 10px 0;
3050 3051 }
3051 3052
3052 3053 div.browserblock .browser-header span {
3053 3054 margin-left: 25px;
3054 3055 font-weight: bold;
3055 3056 }
3056 3057
3057 3058 div.browserblock .browser-body {
3058 3059 background: #EEEEEE;
3059 3060 }
3060 3061
3061 3062 table.code-browser {
3062 3063 border-collapse: collapse;
3063 3064 width: 100%;
3064 3065 }
3065 3066
3066 3067 table.code-browser tr {
3067 3068 margin: 3px;
3068 3069 }
3069 3070
3070 3071 table.code-browser thead th {
3071 3072 background-color: #EEEEEE;
3072 3073 height: 20px;
3073 3074 font-size: 1.1em;
3074 3075 font-weight: bold;
3075 3076 text-align: center;
3076 3077 text-align: left;
3077 3078 padding-left: 10px;
3078 3079 }
3079 3080
3080 3081 table.code-browser tbody tr {
3081 3082
3082 3083 }
3083 3084
3084 3085 table.code-browser tbody td {
3085 3086 padding-left: 10px;
3086 3087 height: 20px;
3087 3088 }
3088 3089 table.code-browser .browser-file {
3089 3090 background: url("/images/icons/document_16.png") no-repeat scroll 3px;
3090 3091 height: 16px;
3091 3092 padding-left: 20px;
3092 3093 text-align: left;
3093 3094 }
3094 3095
3095 3096 table.code-browser .browser-dir {
3096 3097 background: url("/images/icons/folder_16.png") no-repeat scroll 3px;
3097 3098 height: 16px;
3098 3099 padding-left: 20px;
3099 3100 text-align: left;
3100 3101 }
3101 3102
3102 3103
3103 3104 /* -----------------------------------------------------------
3104 3105 INFOBOX
3105 3106 ----------------------------------------------------------- */
3106 3107 .info_box *{
3107 3108 background:url("../../images/pager.png") repeat-x scroll 0 0 #EBEBEB;
3108 3109 border-color:#DEDEDE #C4C4C4 #C4C4C4 #CFCFCF;
3109 3110 border-style:solid;
3110 3111 border-width:1px;
3111 3112 color:#4A4A4A;
3112 3113 display:block;
3113 3114 font-weight:bold;
3114 3115 height:1%;
3115 3116 padding:4px 6px;
3116 3117 display: inline;
3117 3118 }
3118 3119 .info_box span{
3119 3120 margin-left:3px;
3120 3121 margin-righ:3px;
3121 3122 }
3122 3123 .info_box input#at_rev {
3123 3124 padding:1px 3px 3px 2px;
3124 3125 text-align:center;
3125 3126 }
3126 3127 .info_box input#view {
3127 3128 padding:0px 3px 2px 2px;
3128 3129 text-align:center;
3129 3130 }
3130 3131 /* -----------------------------------------------------------
3131 3132 TOOLTIP
3132 3133 ----------------------------------------------------------- */
3133 3134 .yui-overlay,.yui-panel-container {
3134 3135 visibility: hidden;
3135 3136 position: absolute;
3136 3137 z-index: 2;
3137 3138 }
3138 3139
3139 3140 .yui-tt {
3140 3141 visibility: hidden;
3141 3142 position: absolute;
3142 3143 color: #666666;
3143 3144 background-color: #FFFFFF;
3144 3145 font-family: arial, helvetica, verdana, sans-serif;
3145 3146 padding: 8px;
3146 3147 border: 2px solid #556CB5;
3147 3148 font: 100% sans-serif;
3148 3149 width: auto;
3149 3150 opacity: 1.0;
3150 3151 }
3151 3152
3152 3153 .yui-tt-shadow {
3153 3154 display: none;
3154 3155 }
3155 3156
3156 3157 /* -----------------------------------------------------------
3157 3158 AUTOCOMPLETE
3158 3159 ----------------------------------------------------------- */
3159 3160
3160 3161 .ac{
3161 3162 vertical-align: top;
3162 3163
3163 3164 }
3164 3165 .ac .match {
3165 3166 font-weight:bold;
3166 3167 }
3167 3168
3168 3169 .ac .yui-ac {
3169 3170 position: relative;
3170 3171 font-family: arial;
3171 3172 font-size: 100%;
3172 3173 }
3173 3174
3174 3175 .ac .perm_ac{
3175 3176 width:15em;
3176 3177 }
3177 3178 /* styles for input field */
3178 3179 .ac .yui-ac-input {
3179 3180 width: 100%;
3180 3181 }
3181 3182
3182 3183 /* styles for results container */
3183 3184 .ac .yui-ac-container {
3184 3185 position: absolute;
3185 3186 top: 1.6em;
3186 3187 width: 100%;
3187 3188 }
3188 3189
3189 3190 /* styles for header/body/footer wrapper within container */
3190 3191 .ac .yui-ac-content {
3191 3192 position: absolute;
3192 3193 width: 100%;
3193 3194 border: 1px solid #808080;
3194 3195 background: #fff;
3195 3196 overflow: hidden;
3196 3197 z-index: 9050;
3197 3198 }
3198 3199
3199 3200 /* styles for container shadow */
3200 3201 .ac .yui-ac-shadow {
3201 3202 position: absolute;
3202 3203 margin: .3em;
3203 3204 width: 100%;
3204 3205 background: #000;
3205 3206 -moz-opacity: 0.10;
3206 3207 opacity: .10;
3207 3208 filter: alpha(opacity = 10);
3208 3209 z-index: 9049;
3209 3210 }
3210 3211
3211 3212 /* styles for results list */
3212 3213 .ac .yui-ac-content ul {
3213 3214 margin: 0;
3214 3215 padding: 0;
3215 3216 width: 100%;
3216 3217 }
3217 3218
3218 3219 /* styles for result item */
3219 3220 .ac .yui-ac-content li {
3220 3221 margin: 0;
3221 3222 padding: 2px 5px;
3222 3223 cursor: default;
3223 3224 white-space: nowrap;
3224 3225 }
3225 3226
3226 3227 /* styles for prehighlighted result item */
3227 3228 .ac .yui-ac-content li.yui-ac-prehighlight {
3228 3229 background: #B3D4FF;
3229 3230 }
3230 3231
3231 3232 /* styles for highlighted result item */
3232 3233 .ac .yui-ac-content li.yui-ac-highlight {
3233 3234 background: #556CB5;
3234 3235 color: #FFF;
3235 3236 }
3236 3237
3237 3238
3238 3239 /* -----------------------------------------------------------
3239 3240 ACTION ICONS
3240 3241 ----------------------------------------------------------- */
3241 3242 .add_icon {
3242 3243 background: url("/images/icons/add.png") no-repeat scroll 3px ;
3243 3244 height: 16px;
3244 3245 padding-left: 20px;
3245 3246 padding-top: 1px;
3246 3247 text-align: left;
3247 3248 }
3248 3249
3249 3250 .edit_icon {
3250 3251 background: url("/images/icons/folder_edit.png") no-repeat scroll 3px;
3251 3252 height: 16px;
3252 3253 padding-left: 20px;
3253 3254 padding-top: 1px;
3254 3255 text-align: left;
3255 3256 }
3256 3257
3257 3258 .delete_icon {
3258 3259 background: url("/images/icons/delete.png") no-repeat scroll 3px;
3259 3260 height: 16px;
3260 3261 padding-left: 20px;
3261 3262 padding-top: 1px;
3262 3263 text-align: left;
3263 3264 }
3264 3265
3265 3266 .rss_icon {
3266 3267 background: url("/images/icons/rss_16.png") no-repeat scroll 3px;
3267 3268 height: 16px;
3268 3269 padding-left: 20px;
3269 3270 padding-top: 1px;
3270 3271 text-align: left;
3271 3272 }
3272 3273
3273 3274 .atom_icon {
3274 3275 background: url("/images/icons/atom.png") no-repeat scroll 3px;
3275 3276 height: 16px;
3276 3277 padding-left: 20px;
3277 3278 padding-top: 1px;
3278 3279 text-align: left;
3279 3280 }
3280 3281
3281 3282 .archive_icon {
3282 3283 background: url("/images/icons/compress.png") no-repeat scroll 3px;
3283 3284 height: 16px;
3284 3285 padding-left: 20px;
3285 3286 text-align: left;
3286 3287 padding-top: 1px;
3287 3288 }
3288 3289
3289 3290
3290 3291
3291 3292
3292 3293 .action_button {
3293 3294 border: 0px;
3294 3295 display: block;
3295 3296 }
3296 3297
3297 3298 .action_button:hover {
3298 3299 border: 0px;
3299 3300 font-style: italic;
3300 3301 cursor: pointer;
3301 3302 }
3302 3303
3303 3304 /* -----------------------------------------------------------
3304 3305 REPO SWITCHER
3305 3306 ----------------------------------------------------------- */
3306 3307
3307 3308 #switch_repos{
3308 3309 position: absolute;
3309 3310 height: 25px;
3310 3311 z-index: 1;
3311 3312 }
3312 3313 /* -----------------------------------------------------------
3313 3314 BREADCRUMBS
3314 3315 ----------------------------------------------------------- */
3315 3316
3316 3317 .breadcrumbs{
3317 3318 border:medium none;
3318 3319 color:#FFFFFF;
3319 3320 float:left;
3320 3321 margin:0;
3321 3322 padding:11px 0 11px 10px;
3322 3323 text-transform:uppercase;
3323 3324 font-weight: bold;
3324 3325 font-size: 14px;
3325 3326 }
3326 3327 .breadcrumbs a{
3327 3328 color: #FFFFFF;
3328 3329 }
3329 3330
3330 3331
3331 3332 /* -----------------------------------------------------------
3332 3333 FLASH MSG
3333 3334 ----------------------------------------------------------- */
3334 3335 .flash_msg ul {
3335 3336 margin: 0;
3336 3337 padding: 0px 0px 10px 0px;
3337 3338 }
3338 3339
3339 3340 .error_msg {
3340 3341 background-color: #FFCFCF;
3341 3342 background-image: url("/images/icons/error_msg.png");
3342 3343 border: 1px solid #FF9595;
3343 3344 color: #CC3300;
3344 3345 }
3345 3346
3346 3347 .warning_msg {
3347 3348 background-color: #FFFBCC;
3348 3349 background-image: url("/images/icons/warning_msg.png");
3349 3350 border: 1px solid #FFF35E;
3350 3351 color: #C69E00;
3351 3352 }
3352 3353
3353 3354 .success_msg {
3354 3355 background-color: #D5FFCF;
3355 3356 background-image: url("/images/icons/success_msg.png");
3356 3357 border: 1px solid #97FF88;
3357 3358 color: #009900;
3358 3359 }
3359 3360
3360 3361 .notice_msg {
3361 3362 background-color: #DCE3FF;
3362 3363 background-image: url("/images/icons/notice_msg.png");
3363 3364 border: 1px solid #93A8FF;
3364 3365 color: #556CB5;
3365 3366 }
3366 3367
3367 3368 .success_msg,.error_msg,.notice_msg,.warning_msg {
3368 3369 background-position: 10px center;
3369 3370 background-repeat: no-repeat;
3370 3371 font-size: 12px;
3371 3372 font-weight: bold;
3372 3373 min-height: 14px;
3373 3374 line-height: 14px;
3374 3375 margin-bottom: 0px;
3375 3376 margin-top: 0px;
3376 3377 padding: 6px 10px 6px 40px;
3377 3378 display: block;
3378 3379 overflow: auto;
3379 3380 }
3380 3381
3381 3382 #msg_close {
3382 3383 background: transparent url("icons/cross_grey_small.png") no-repeat
3383 3384 scroll 0 0;
3384 3385 cursor: pointer;
3385 3386 height: 16px;
3386 3387 position: absolute;
3387 3388 right: 5px;
3388 3389 top: 5px;
3389 3390 width: 16px;
3390 3391 }
3391 3392 /* -----------------------------------------------------------
3392 3393 YUI FLOT
3393 3394 ----------------------------------------------------------- */
3394 3395
3395 3396 div#commit_history{
3396 3397 float: left;
3397 3398 }
3398 3399 div#legend_data{
3399 3400 float:left;
3400 3401
3401 3402 }
3402 3403 div#legend_container {
3403 3404 float: left;
3404 3405 }
3405 3406
3406 3407 div#legend_container table,div#legend_choices table{
3407 3408 width:auto !important;
3408 3409 }
3409 3410
3410 3411 div#legend_container table td{
3411 3412 border: none !important;
3412 3413 padding: 2px !important;
3413 3414 }
3414 3415
3415 3416 div#legend_choices table td{
3416 3417 border: none !important;
3417 3418 padding: 0px !important;
3418 3419 }
3419 3420
3420 3421 div#legend_choices{
3421 3422 float:left;
3422 3423 }
3423 3424
3424 3425 /* -----------------------------------------------------------
3425 3426 PERMISSIONS TABLE
3426 3427 ----------------------------------------------------------- */
3427 3428 table#permissions_manage{
3428 3429 width: 0 !important;
3429 3430
3430 3431 }
3431 3432 table#permissions_manage span.private_repo_msg{
3432 3433 font-size: 0.8em;
3433 3434 opacity:0.6;
3434 3435
3435 3436 }
3436 3437 table#permissions_manage td.private_repo_msg{
3437 3438 font-size: 0.8em;
3438 3439
3439 3440 }
3440 3441 table#permissions_manage tr#add_perm_input td{
3441 3442 vertical-align:middle;
3442 3443
3443 3444 }
3444 3445
3446 /* -----------------------------------------------------------
3447 GRAVATARS
3448 ----------------------------------------------------------- */
3449 .gravatar_box img{
3450 float:left;
3451 padding-right: 5px;
3452 padding-top:3px;
3453 }
3454
3445 3455
3446 3456 /* -----------------------------------------------------------
3447 3457 jquery ui
3448 3458 ----------------------------------------------------------- */
3449 3459
3450 3460 .ui-helper-hidden { display: none; }
3451 3461 .ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
3452 3462 .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
3453 3463
3454 3464 /* -----------------------------------------------------------
3455 3465 jquery ui -> icons
3456 3466 ----------------------------------------------------------- */
3457 3467
3458 3468 .ui-icon { width: 16px; height: 16px; background-image: url(../images/ui/ui-icons_222222_256x240.png); }
3459 3469 .ui-widget-content .ui-icon {background-image: url(../images/ui/ui-icons_222222_256x240.png); }
3460 3470 .ui-widget-header .ui-icon {background-image: url(../images/ui/ui-icons_222222_256x240.png); }
3461 3471 .ui-state-default .ui-icon { background-image: url(../images/ui/ui-icons_ef8c08_256x240.png); }
3462 3472 .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(../images/ui/ui-icons_ef8c08_256x240.png); }
3463 3473 .ui-state-active .ui-icon {background-image: url(../images/ui/ui-icons_ef8c08_256x240.png); }
3464 3474 .ui-state-highlight .ui-icon {background-image: url(../images/ui/ui-icons_228ef1_256x240.png); }
3465 3475 .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui/ui-icons_ffd27a_256x240.png); }
3466 3476
3467 3477 /* -----------------------------------------------------------
3468 3478 jquery ui -> icon positioning
3469 3479 ----------------------------------------------------------- */
3470 3480 .ui-icon-carat-1-n { background-position: 0 0; }
3471 3481 .ui-icon-carat-1-ne { background-position: -16px 0; }
3472 3482 .ui-icon-carat-1-e { background-position: -32px 0; }
3473 3483 .ui-icon-carat-1-se { background-position: -48px 0; }
3474 3484 .ui-icon-carat-1-s { background-position: -64px 0; }
3475 3485 .ui-icon-carat-1-sw { background-position: -80px 0; }
3476 3486 .ui-icon-carat-1-w { background-position: -96px 0; }
3477 3487 .ui-icon-carat-1-nw { background-position: -112px 0; }
3478 3488 .ui-icon-carat-2-n-s { background-position: -128px 0; }
3479 3489 .ui-icon-carat-2-e-w { background-position: -144px 0; }
3480 3490 .ui-icon-triangle-1-n { background-position: 0 -16px; }
3481 3491 .ui-icon-triangle-1-ne { background-position: -16px -16px; }
3482 3492 .ui-icon-triangle-1-e { background-position: -32px -16px; }
3483 3493 .ui-icon-triangle-1-se { background-position: -48px -16px; }
3484 3494 .ui-icon-triangle-1-s { background-position: -64px -16px; }
3485 3495 .ui-icon-triangle-1-sw { background-position: -80px -16px; }
3486 3496 .ui-icon-triangle-1-w { background-position: -96px -16px; }
3487 3497 .ui-icon-triangle-1-nw { background-position: -112px -16px; }
3488 3498 .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
3489 3499 .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
3490 3500 .ui-icon-arrow-1-n { background-position: 0 -32px; }
3491 3501 .ui-icon-arrow-1-ne { background-position: -16px -32px; }
3492 3502 .ui-icon-arrow-1-e { background-position: -32px -32px; }
3493 3503 .ui-icon-arrow-1-se { background-position: -48px -32px; }
3494 3504 .ui-icon-arrow-1-s { background-position: -64px -32px; }
3495 3505 .ui-icon-arrow-1-sw { background-position: -80px -32px; }
3496 3506 .ui-icon-arrow-1-w { background-position: -96px -32px; }
3497 3507 .ui-icon-arrow-1-nw { background-position: -112px -32px; }
3498 3508 .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
3499 3509 .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
3500 3510 .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
3501 3511 .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
3502 3512 .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
3503 3513 .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
3504 3514 .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
3505 3515 .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
3506 3516 .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
3507 3517 .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
3508 3518 .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
3509 3519 .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
3510 3520 .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
3511 3521 .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
3512 3522 .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
3513 3523 .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
3514 3524 .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
3515 3525 .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
3516 3526 .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
3517 3527 .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
3518 3528 .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
3519 3529 .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
3520 3530 .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
3521 3531 .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
3522 3532 .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
3523 3533 .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
3524 3534 .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
3525 3535 .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
3526 3536 .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
3527 3537 .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
3528 3538 .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
3529 3539 .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
3530 3540 .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
3531 3541 .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
3532 3542 .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
3533 3543 .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
3534 3544 .ui-icon-arrow-4 { background-position: 0 -80px; }
3535 3545 .ui-icon-arrow-4-diag { background-position: -16px -80px; }
3536 3546 .ui-icon-extlink { background-position: -32px -80px; }
3537 3547 .ui-icon-newwin { background-position: -48px -80px; }
3538 3548 .ui-icon-refresh { background-position: -64px -80px; }
3539 3549 .ui-icon-shuffle { background-position: -80px -80px; }
3540 3550 .ui-icon-transfer-e-w { background-position: -96px -80px; }
3541 3551 .ui-icon-transferthick-e-w { background-position: -112px -80px; }
3542 3552 .ui-icon-folder-collapsed { background-position: 0 -96px; }
3543 3553 .ui-icon-folder-open { background-position: -16px -96px; }
3544 3554 .ui-icon-document { background-position: -32px -96px; }
3545 3555 .ui-icon-document-b { background-position: -48px -96px; }
3546 3556 .ui-icon-note { background-position: -64px -96px; }
3547 3557 .ui-icon-mail-closed { background-position: -80px -96px; }
3548 3558 .ui-icon-mail-open { background-position: -96px -96px; }
3549 3559 .ui-icon-suitcase { background-position: -112px -96px; }
3550 3560 .ui-icon-comment { background-position: -128px -96px; }
3551 3561 .ui-icon-person { background-position: -144px -96px; }
3552 3562 .ui-icon-print { background-position: -160px -96px; }
3553 3563 .ui-icon-trash { background-position: -176px -96px; }
3554 3564 .ui-icon-locked { background-position: -192px -96px; }
3555 3565 .ui-icon-unlocked { background-position: -208px -96px; }
3556 3566 .ui-icon-bookmark { background-position: -224px -96px; }
3557 3567 .ui-icon-tag { background-position: -240px -96px; }
3558 3568 .ui-icon-home { background-position: 0 -112px; }
3559 3569 .ui-icon-flag { background-position: -16px -112px; }
3560 3570 .ui-icon-calendar { background-position: -32px -112px; }
3561 3571 .ui-icon-cart { background-position: -48px -112px; }
3562 3572 .ui-icon-pencil { background-position: -64px -112px; }
3563 3573 .ui-icon-clock { background-position: -80px -112px; }
3564 3574 .ui-icon-disk { background-position: -96px -112px; }
3565 3575 .ui-icon-calculator { background-position: -112px -112px; }
3566 3576 .ui-icon-zoomin { background-position: -128px -112px; }
3567 3577 .ui-icon-zoomout { background-position: -144px -112px; }
3568 3578 .ui-icon-search { background-position: -160px -112px; }
3569 3579 .ui-icon-wrench { background-position: -176px -112px; }
3570 3580 .ui-icon-gear { background-position: -192px -112px; }
3571 3581 .ui-icon-heart { background-position: -208px -112px; }
3572 3582 .ui-icon-star { background-position: -224px -112px; }
3573 3583 .ui-icon-link { background-position: -240px -112px; }
3574 3584 .ui-icon-cancel { background-position: 0 -128px; }
3575 3585 .ui-icon-plus { background-position: -16px -128px; }
3576 3586 .ui-icon-plusthick { background-position: -32px -128px; }
3577 3587 .ui-icon-minus { background-position: -48px -128px; }
3578 3588 .ui-icon-minusthick { background-position: -64px -128px; }
3579 3589 .ui-icon-close { background-position: -80px -128px; }
3580 3590 .ui-icon-closethick { background-position: -96px -128px; }
3581 3591 .ui-icon-key { background-position: -112px -128px; }
3582 3592 .ui-icon-lightbulb { background-position: -128px -128px; }
3583 3593 .ui-icon-scissors { background-position: -144px -128px; }
3584 3594 .ui-icon-clipboard { background-position: -160px -128px; }
3585 3595 .ui-icon-copy { background-position: -176px -128px; }
3586 3596 .ui-icon-contact { background-position: -192px -128px; }
3587 3597 .ui-icon-image { background-position: -208px -128px; }
3588 3598 .ui-icon-video { background-position: -224px -128px; }
3589 3599 .ui-icon-script { background-position: -240px -128px; }
3590 3600 .ui-icon-alert { background-position: 0 -144px; }
3591 3601 .ui-icon-info { background-position: -16px -144px; }
3592 3602 .ui-icon-notice { background-position: -32px -144px; }
3593 3603 .ui-icon-help { background-position: -48px -144px; }
3594 3604 .ui-icon-check { background-position: -64px -144px; }
3595 3605 .ui-icon-bullet { background-position: -80px -144px; }
3596 3606 .ui-icon-radio-off { background-position: -96px -144px; }
3597 3607 .ui-icon-radio-on { background-position: -112px -144px; }
3598 3608 .ui-icon-pin-w { background-position: -128px -144px; }
3599 3609 .ui-icon-pin-s { background-position: -144px -144px; }
3600 3610 .ui-icon-play { background-position: 0 -160px; }
3601 3611 .ui-icon-pause { background-position: -16px -160px; }
3602 3612 .ui-icon-seek-next { background-position: -32px -160px; }
3603 3613 .ui-icon-seek-prev { background-position: -48px -160px; }
3604 3614 .ui-icon-seek-end { background-position: -64px -160px; }
3605 3615 .ui-icon-seek-start { background-position: -80px -160px; }
3606 3616 /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
3607 3617 .ui-icon-seek-first { background-position: -80px -160px; }
3608 3618 .ui-icon-stop { background-position: -96px -160px; }
3609 3619 .ui-icon-eject { background-position: -112px -160px; }
3610 3620 .ui-icon-volume-off { background-position: -128px -160px; }
3611 3621 .ui-icon-volume-on { background-position: -144px -160px; }
3612 3622 .ui-icon-power { background-position: 0 -176px; }
3613 3623 .ui-icon-signal-diag { background-position: -16px -176px; }
3614 3624 .ui-icon-signal { background-position: -32px -176px; }
3615 3625 .ui-icon-battery-0 { background-position: -48px -176px; }
3616 3626 .ui-icon-battery-1 { background-position: -64px -176px; }
3617 3627 .ui-icon-battery-2 { background-position: -80px -176px; }
3618 3628 .ui-icon-battery-3 { background-position: -96px -176px; }
3619 3629 .ui-icon-circle-plus { background-position: 0 -192px; }
3620 3630 .ui-icon-circle-minus { background-position: -16px -192px; }
3621 3631 .ui-icon-circle-close { background-position: -32px -192px; }
3622 3632 .ui-icon-circle-triangle-e { background-position: -48px -192px; }
3623 3633 .ui-icon-circle-triangle-s { background-position: -64px -192px; }
3624 3634 .ui-icon-circle-triangle-w { background-position: -80px -192px; }
3625 3635 .ui-icon-circle-triangle-n { background-position: -96px -192px; }
3626 3636 .ui-icon-circle-arrow-e { background-position: -112px -192px; }
3627 3637 .ui-icon-circle-arrow-s { background-position: -128px -192px; }
3628 3638 .ui-icon-circle-arrow-w { background-position: -144px -192px; }
3629 3639 .ui-icon-circle-arrow-n { background-position: -160px -192px; }
3630 3640 .ui-icon-circle-zoomin { background-position: -176px -192px; }
3631 3641 .ui-icon-circle-zoomout { background-position: -192px -192px; }
3632 3642 .ui-icon-circle-check { background-position: -208px -192px; }
3633 3643 .ui-icon-circlesmall-plus { background-position: 0 -208px; }
3634 3644 .ui-icon-circlesmall-minus { background-position: -16px -208px; }
3635 3645 .ui-icon-circlesmall-close { background-position: -32px -208px; }
3636 3646 .ui-icon-squaresmall-plus { background-position: -48px -208px; }
3637 3647 .ui-icon-squaresmall-minus { background-position: -64px -208px; }
3638 3648 .ui-icon-squaresmall-close { background-position: -80px -208px; }
3639 3649 .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
3640 3650 .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
3641 3651 .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
3642 3652 .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
3643 3653 .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
3644 3654 .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
3645 3655
3646 3656 /* -----------------------------------------------------------
3647 3657 jquery ui -> tabs
3648 3658 ----------------------------------------------------------- */
3649 3659 .ui-tabs .ui-tabs-hide { display: none; }
3650 3660
3651 3661 /* -----------------------------------------------------------
3652 3662 jquery ui -> datepicker
3653 3663 ----------------------------------------------------------- */
3654 3664 .ui-datepicker { width: 17em; padding: .2em .2em 0; background: #FFFFFF; border: 1px solid #000000; border-top: none; }
3655 3665 .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background: #F6F6F6; }
3656 3666 .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 1px; width: 1.8em; height: 1.8em; }
3657 3667 .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
3658 3668 .ui-datepicker .ui-datepicker-prev { left: 0; }
3659 3669 .ui-datepicker .ui-datepicker-next { right: 0; }
3660 3670 .ui-datepicker .ui-datepicker-prev-hover { left: 0; }
3661 3671 .ui-datepicker .ui-datepicker-next-hover { right: 0; }
3662 3672 .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; }
3663 3673 .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
3664 3674 .ui-datepicker .ui-datepicker-title select { margin:1px 0; }
3665 3675 .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
3666 3676 .ui-datepicker select.ui-datepicker-month,
3667 3677 .ui-datepicker select.ui-datepicker-year { width: 49%;}
3668 3678 .ui-datepicker table {width: 100%; border-collapse: collapse; margin:0 0 .4em; }
3669 3679 .ui-datepicker th { padding: .7em .3em; text-align: center; border: 0; }
3670 3680 .ui-datepicker td { border: 0; padding: 1px; }
3671 3681 .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 3px; text-align: center; text-decoration: none; }
3672 3682 .ui-datepicker td span, .ui-datepicker td a:hover { background: #376ea6; color: #ffffff; }
3673 3683 .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; }
3674 3684 .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
3675 3685 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
3676 3686 .ui-datepicker td span, .ui-datepicker td.ui-datepicker-today a { background: #DDDDDD; color: #585858; }
3677 3687 .ui-datepicker td span, .ui-datepicker td.ui-datepicker-current-day a { background: #376ea6; color: #ffffff; }
3678 3688
3679 3689 /* -----------------------------------------------------------
3680 3690 jquery ui -> datepicker / multiple calenders
3681 3691 ----------------------------------------------------------- */
3682 3692 .ui-datepicker.ui-datepicker-multi { width:auto; }
3683 3693 .ui-datepicker-multi .ui-datepicker-group { float:left; }
3684 3694 .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
3685 3695 .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
3686 3696 .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
3687 3697 .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
3688 3698 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
3689 3699 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
3690 3700 .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
3691 3701 .ui-datepicker-row-break { clear:both; width:100%; }
3692 3702
3693 3703 /* -----------------------------------------------------------
3694 3704 jquery ui -> datepicker / rtl support
3695 3705 ----------------------------------------------------------- */
3696 3706 .ui-datepicker-rtl { direction: rtl; }
3697 3707 .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
3698 3708 .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
3699 3709 .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
3700 3710 .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
3701 3711 .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
3702 3712 .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
3703 3713 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
3704 3714 .ui-datepicker-rtl .ui-datepicker-group { float:right; }
3705 3715 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
3706 3716 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
3707 3717
3708 3718 /* -----------------------------------------------------------
3709 3719 jquery ui -> select styling
3710 3720 ----------------------------------------------------------- */
3711 3721
3712 3722 .ui-selectmenu
3713 3723 {
3714 3724 display: block;
3715 3725 position: relative;
3716 3726 overflow: hidden;
3717 3727 background: #ffffff;
3718 3728 border-top: 1px solid #b3b3b3;
3719 3729 border-left: 1px solid #b3b3b3;
3720 3730 border-right: 1px solid #eaeaea;
3721 3731 border-bottom: 1px solid #eaeaea;
3722 3732 text-align: left;
3723 3733 text-decoration: none;
3724 3734 }
3725 3735
3726 3736 .ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
3727 3737 .ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; }
3728 3738 .ui-selectmenu-open { background: #ffffff; border: 1px solid #666666; border-top: none; visibility: visible; }
3729 3739 .ui-selectmenu-menu-popup { margin-top: -1px; }
3730 3740 .ui-selectmenu-menu-dropdown { }
3731 3741 .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; }
3732 3742 .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; }
3733 3743 .ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
3734 3744 .ui-selectmenu-hasIcon .ui-selectmenu-status { margin-left: 5px; padding-left: 20px; position: relative; }
3735 3745 .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
3736 3746 .ui-selectmenu-status { line-height: 1.4em; }
3737 3747 .ui-selectmenu-open li.ui-selectmenu-item-focus { background: #376ea6; }
3738 3748 .ui-selectmenu-open li.ui-selectmenu-item-focus a { color: #ffffff; }
3739 3749 .ui-selectmenu-open li.ui-selectmenu-item-selected { background: #dfdfdf; }
3740 3750 .ui-selectmenu-open li.ui-selectmenu-item-selected a { color: #000000; }
3741 3751 .ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
3742 3752 .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; }
3743 3753 .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; } No newline at end of file
@@ -1,101 +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 <div class="gravatar_box">
33 <img alt="gravatar" src="${h.gravatar_url(c.user.email)}"/>
34 <p>
35 <strong>Change your avatar at <a href="http://gravatar.com">gravatar.com</a></strong><br/>
36 ${_('Using')} ${c.user.email}
37 </p>
38 </div>
39 </div>
40
41 <div class="field">
32 42 <div class="label">
33 43 <label for="username">${_('Username')}:</label>
34 44 </div>
35 45 <div class="input">
36 46 ${h.text('username')}
37 47 </div>
38 48 </div>
39 49
40 50 <div class="field">
41 51 <div class="label">
42 52 <label for="new_password">${_('New password')}:</label>
43 53 </div>
44 54 <div class="input">
45 55 ${h.password('new_password')}
46 56 </div>
47 57 </div>
48 58
49 59 <div class="field">
50 60 <div class="label">
51 61 <label for="name">${_('Name')}:</label>
52 62 </div>
53 63 <div class="input">
54 64 ${h.text('name')}
55 65 </div>
56 66 </div>
57 67
58 68 <div class="field">
59 69 <div class="label">
60 70 <label for="lastname">${_('Lastname')}:</label>
61 71 </div>
62 72 <div class="input">
63 73 ${h.text('lastname')}
64 74 </div>
65 75 </div>
66 76
67 77 <div class="field">
68 78 <div class="label">
69 79 <label for="email">${_('Email')}:</label>
70 80 </div>
71 81 <div class="input">
72 82 ${h.text('email')}
73 83 </div>
74 84 </div>
75 85
76 86 <div class="field">
77 87 <div class="label label-checkbox">
78 88 <label for="active">${_('Active')}:</label>
79 89 </div>
80 90 <div class="checkboxes">
81 91 ${h.checkbox('active',value=True)}
82 92 </div>
83 93 </div>
84 94
85 95 <div class="field">
86 96 <div class="label label-checkbox">
87 97 <label for="admin">${_('Admin')}:</label>
88 98 </div>
89 99 <div class="checkboxes">
90 100 ${h.checkbox('admin',value=True)}
91 101 </div>
92 102 </div>
93
94 103 <div class="buttons">
95 104 ${h.submit('save','save',class_="ui-button ui-widget ui-state-default ui-corner-all")}
96 105 </div>
97 106 </div>
98 107 </div>
99 108 ${h.end_form()}
100 109 </div>
101 110 </%def> No newline at end of file
@@ -1,58 +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 <th></th>
32 33 <th class="left">${_('username')}</th>
33 34 <th class="left">${_('name')}</th>
34 35 <th class="left">${_('lastname')}</th>
35 36 <th class="left">${_('active')}</th>
36 37 <th class="left">${_('admin')}</th>
37 38 <th class="left">${_('action')}</th>
38 39 </tr>
39 40 %for cnt,user in enumerate(c.users_list):
40 41 %if user.name !='default':
41 42 <tr class="parity${cnt%2}">
43 <td> <img alt="gravatar" src="${h.gravatar_url(user.email)}"> </td>
42 44 <td>${h.link_to(user.username,h.url('edit_user', id=user.user_id))}</td>
43 45 <td>${user.name}</td>
44 46 <td>${user.lastname}</td>
45 47 <td>${user.active}</td>
46 48 <td>${user.admin}</td>
47 49 <td>
48 50 ${h.form(url('user', id=user.user_id),method='delete')}
49 51 ${h.submit('remove','delete',class_="delete_icon action_button")}
50 52 ${h.end_form()}
51 53 </td>
52 54 </tr>
53 55 %endif
54 56 %endfor
55 57 </table>
56 58 </div>
57 59 </div>
58 60 </%def>
General Comments 0
You need to be logged in to leave comments. Login now