Mercurial > kallithea

comparison pylons_app/public/css/style.css @ 453:2a95d54b19e6

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
reimplemented tags/branches menu. some css fixes as well for menus
author Marcin Kuzminski <marcin@python-works.com>
date Fri, 03 Sep 2010 16:18:18 +0200
parents ac21f018f6be
children ffbd1808b4c8
comparison
equal deleted inserted replaced
452:f19d3ee89335 453:2a95d54b19e6
321 } 321 }
322 322
323 /* ----------------------------------------------------------- 323 /* -----------------------------------------------------------
324 header -> quick 324 header -> quick
325 ----------------------------------------------------------- */ 325 ----------------------------------------------------------- */
326
327 #header #header-inner #quick, 326 #header #header-inner #quick,
328 #header #header-inner #quick ul 327 #header #header-inner #quick ul
329 { 328 {
330 margin: 10px 5px 0 0; 329 margin: 10px 5px 0 0;
331 padding: 0; 330 padding: 0;
332 position: relative; 331 position: relative;
333 float: right; 332 float: right;
334 list-style-type: none; 333 list-style-type: none;
335 list-style-position: outside; 334 list-style-position: outside;
336 } 335 }
337 336
338 #header #header-inner #quick li 337 #header #header-inner #quick li
339 { 338 {
340 margin: 0 4px 0 0; 339 margin: 0 5px 0 0;
341 padding: 0; 340 padding: 0;
342 position: relative; 341 position: relative;
343 float: left; 342 float: left;
344 } 343 }
345 344
346 #header #header-inner #quick li a 345 #header #header-inner #quick li a
347 { 346 {
348 top: 0; 347 top: 0;
349 left: 0; 348 left: 0;
350 padding: 0; 349 padding: 0;
351 height: 1%; 350 height: 1%;
352 display: block; 351 display: block;
353 clear: both; 352 clear: both;
354 overflow: hidden; 353 overflow: hidden;
355 background: #336699 url("../images/colors/blue/quick_l.png") no-repeat top left; 354 background: #336699 url("../../resources/images/colors/blue/quick_l.png") no-repeat top left;
356 color: #FFFFFF; 355 color: #FFFFFF;
357 font-weight: bold; 356 font-weight: bold;
358 text-decoration: none; 357 text-decoration: none;
359 } 358 }
360 359
361 #header #header-inner #quick li span 360 #header #header-inner #quick li span
362 { 361 {
363 top: 0; 362 top: 0;
364 right: 0; 363 right: 0;
365 margin: 0; 364 margin: 0;
366 padding: 10px 12px 8px 10px; 365 padding: 10px 12px 8px 10px;
367 height: 1%; 366 height: 1%;
368 display: block; 367 display: block;
369 float: left; 368 float: left;
370 background: url("../images/colors/blue/quick_r.png") no-repeat top right; 369 background: url("../../resources/images/colors/blue/quick_r.png") no-repeat top right;
371 border-left: 1px solid #3f6f9f; 370 border-left: 1px solid #3f6f9f;
371 }
372
373 #header #header-inner #quick li span.normal
374 {
375 padding: 10px 12px 8px 12px;
376 border: none;
372 } 377 }
373 378
374 #header #header-inner #quick li span.icon 379 #header #header-inner #quick li span.icon
375 { 380 {
376 top: 0; 381 top: 0;
377 left: 0; 382 left: 0;
378 padding: 8px 8px 4px 8px; 383 padding: 8px 8px 4px 8px;
379 background: url("../images/colors/blue/quick_l.png") no-repeat top left; 384 background: url("../../resources/images/colors/blue/quick_l.png") no-repeat top left;
380 border-left: none; 385 border-left: none;
381 border-right: 1px solid #2e5c89; 386 border-right: 1px solid #2e5c89;
382 } 387 }
383 388
384 #header #header-inner #quick li a:hover 389 #header #header-inner #quick li a:hover
385 { 390 {
386 background: #4e4e4e; 391 background: #4e4e4e url("../../resources/images/colors/blue/quick_l_selected.png") no-repeat top left;
387 } 392 }
388 393
389 #header #header-inner #quick li a:hover span 394 #header #header-inner #quick li a:hover span
390 { 395 {
391 background: url("../images/colors/blue/quick_r_selected.png") no-repeat top right; 396 background: url("../../resources/images/colors/blue/quick_r_selected.png") no-repeat top right;
392 border-left: 1px solid #545454; 397 border-left: 1px solid #545454;
398 }
399
400 #header #header-inner #quick li a:hover span.normal
401 {
402 border: none;
393 } 403 }
394 404
395 #header #header-inner #quick li a:hover span.icon 405 #header #header-inner #quick li a:hover span.icon
396 { 406 {
397 background: url("../images/colors/blue/quick_l_selected.png") no-repeat top left; 407 background: url("../../resources/images/colors/blue/quick_l_selected.png") no-repeat top left;
398 border-left: none; 408 border-left: none;
399 border-right: 1px solid #464646; 409 border-right: 1px solid #464646;
400 } 410 }
401 411
402 #header #header-inner #quick ul 412 #header #header-inner #quick ul
403 { 413 {
404 top: 29px; 414 top: 29px;
405 right: 0; 415 right: 0;
406 margin: 0; 416 margin: 0;
407 padding: 0; 417 padding: 0;
408 width: 200px; 418 width: 200px;
409 display: none; 419 display: none;
410 position: absolute; 420 position: absolute;
411 background: #FFFFFF; 421 background: #FFFFFF;
412 border: 1px solid #666; 422 border: 1px solid #666;
413 border-top: 1px solid #003367; 423 border-top: 1px solid #003367;
424 z-index: 100;
414 } 425 }
415 426
416 #header #header-inner #quick li ul li 427 #header #header-inner #quick li ul li
417 { 428 {
418 border-bottom: 1px solid #dddddd; 429 border-bottom: 1px solid #dddddd;
419 } 430 }
420 431
421 #header #header-inner #quick li ul li.last 432 #header #header-inner #quick li ul li.last
422 { 433 {
423 border: none; 434 border: none;
424 }
425
426 #header #header-inner #quick li ul li a.repos,#header #header-inner #quick li ul li a.repos:hover
427 {
428 margin: 0;
429 padding: 12px 9px 7px 28px;
430 width: 167px;
431 background: #FFFFFF url("../images/icons/folder_edit.png") no-repeat 8px 9px;
432 }
433 #header #header-inner #quick li ul li a.users,#header #header-inner #quick li ul li a.users:hover
434 {
435 margin: 0;
436 padding: 12px 9px 7px 28px;
437 width: 167px;
438 background: #FFFFFF url("../images/icons/user_edit.png") no-repeat 8px 9px;
439 }
440 #header #header-inner #quick li ul li a.settings,#header #header-inner #quick li ul li a.settings:hover
441 {
442 margin: 0;
443 padding: 12px 9px 7px 28px;
444 width: 167px;
445 background: #FFFFFF url("../images/icons/cog.png") no-repeat 8px 9px;
446 }
447
448 #header #header-inner #quick li ul li a.permissions,#header #header-inner #quick li ul li a.permissions:hover
449 {
450 margin: 0;
451 padding: 12px 9px 7px 28px;
452 width: 167px;
453 background: #FFFFFF url("../images/icons/key.png") no-repeat 8px 9px;
454 } 435 }
455 436
456 #header #header-inner #quick li ul li a 437 #header #header-inner #quick li ul li a
457 { 438 {
458 margin: 0; 439 margin: 0;
459 padding: 7px 9px 7px 9px; 440 padding: 7px 9px 7px 9px;
460 height: 1%; 441 height: 1%;
461 width: 182px; 442 width: 182px;
462 height: auto; 443 height: auto;
463 display: block; 444 display: block;
464 float: left; 445 float: left;
465 background: #FFFFFF; 446 background: #FFFFFF;
466 color: #0066CC; 447 color: #0066CC;
467 font-weight: normal; 448 font-weight: normal;
449 }
450
451 #header #header-inner #quick li ul li a.childs
452 {
453 margin: 0;
454 padding: 7px 9px 7px 24px;
455 width: 167px;
456 background: #FFFFFF url("../../resources/images/plus.png") no-repeat 8px 9px;
468 } 457 }
469 458
470 #header #header-inner #quick li ul li a:hover 459 #header #header-inner #quick li ul li a:hover
471 { 460 {
472 color: #000000; 461 color: #000000;
473 background: #FFFFFF; 462 background: #FFFFFF;
463 }
464
465 #header #header-inner #quick li ul li a.childs:hover
466 {
467 background: #FFFFFF url("../../resources/images/minus.png") no-repeat 8px 9px;
474 } 468 }
475 469
476 #header #header-inner #quick ul ul 470 #header #header-inner #quick ul ul
477 { 471 {
478 top: auto; 472 top: auto;
479 } 473 }
480 474
481 #header #header-inner #quick li ul ul 475 #header #header-inner #quick li ul ul
482 { 476 {
483 right: 200px; 477 right: 200px;
484 } 478 }
485 479
486 #header #header-inner #quick li:hover ul ul, 480 #header #header-inner #quick li:hover ul ul,
487 #header #header-inner #quick li:hover ul ul ul, 481 #header #header-inner #quick li:hover ul ul ul,
488 #header #header-inner #quick li:hover ul ul ul ul 482 #header #header-inner #quick li:hover ul ul ul ul
489 { 483 {
490 display: none; 484 display: none;
491 } 485 }
492 486
493 #header #header-inner #quick li:hover ul, 487 #header #header-inner #quick li:hover ul,
494 #header #header-inner #quick li li:hover ul, 488 #header #header-inner #quick li li:hover ul,
495 #header #header-inner #quick li li li:hover ul, 489 #header #header-inner #quick li li li:hover ul,
496 #header #header-inner #quick li li li li:hover ul 490 #header #header-inner #quick li li li li:hover ul
497 { 491 {
498 display: block; 492 display: block;
499 } 493 }
500 494
495
496 /*ICONS*/
497
498 #header #header-inner #quick li ul li a.repos,
499 #header #header-inner #quick li ul li a.repos:hover
500 {
501 background:url("../images/icons/folder_edit.png") no-repeat scroll 4px 9px #FFFFFF;
502 margin:0;
503 padding:12px 9px 7px 24px;
504 width:167px;
505
506 }
507 #header #header-inner #quick li ul li a.users,
508 #header #header-inner #quick li ul li a.users:hover
509 {
510 background: #FFFFFF url("../images/icons/user_edit.png") no-repeat 4px 9px;
511 margin:0;
512 padding:12px 9px 7px 24px;
513 width:167px;
514 }
515 #header #header-inner #quick li ul li a.settings,
516 #header #header-inner #quick li ul li a.settings:hover
517 {
518 background: #FFFFFF url("../images/icons/cog.png") no-repeat 4px 9px;
519 margin:0;
520 padding:12px 9px 7px 24px;
521 width:167px;
522 }
523
524 #header #header-inner #quick li ul li a.permissions,
525 #header #header-inner #quick li ul li a.permissions:hover
526 {
527
528 background: #FFFFFF url("../images/icons/key.png") no-repeat 4px 9px;
529 margin:0;
530 padding:12px 9px 7px 24px;
531 width:167px;
532 }
533
534 #header #header-inner #quick li ul li a.branches,#header #header-inner #quick li ul li a.branches:hover
535 {
536
537 background: #FFFFFF url("../images/icons/arrow_branch.png") no-repeat 4px 9px;
538 margin:0;
539 padding:12px 9px 7px 24px;
540 width:167px;
541 }
542
543 #header #header-inner #quick li ul li a.tags,#header #header-inner #quick li ul li a.tags:hover
544 {
545
546 background: #FFFFFF url("../images/icons/tag_blue.png") no-repeat 4px 9px;
547 margin:0;
548 padding:12px 9px 7px 24px;
549 width:167px;
550 }
501 /* ----------------------------------------------------------- 551 /* -----------------------------------------------------------
502 header corners 552 header corners
503 ----------------------------------------------------------- */ 553 ----------------------------------------------------------- */
504 554
505 #header #header-inner div.corner 555 #header #header-inner div.corner