Mercurial > kallithea

comparison rhodecode/public/css/style.css @ 3538:9bf927589f7a beta

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Tweaks to Changelog and Summary view, removing excess information, and improving layout.
author Leonardo Carneiro <leonardo@unity3d.com>
date Mon, 11 Mar 2013 16:26:44 +0100
parents 7f8d349bbde4
children c65b440540da
comparison
equal deleted inserted replaced
3537:7f8d349bbde4 3538:9bf927589f7a
399 #header #header-inner #quick { 399 #header #header-inner #quick {
400 position: relative; 400 position: relative;
401 float: right; 401 float: right;
402 list-style-type: none; 402 list-style-type: none;
403 list-style-position: outside; 403 list-style-position: outside;
404 margin: 8px 8px 0 0; 404 margin: 4px 8px 0 0;
405 padding: 0; 405 padding: 0;
406 } 406 border-radius: 4px;
407 407 }
408 /*
408 #header #header-inner #quick > li { 409 #header #header-inner #quick > li {
409 position: relative; 410 position: relative;
410 float: left; 411 float: left;
411 margin: 0 5px 0 0; 412 margin: 0 5px 0 0;
412 padding: 0; 413 padding: 0;
426 padding: 0; 427 padding: 0;
427 -webkit-border-radius: 4px 4px 4px 4px; 428 -webkit-border-radius: 4px 4px 4px 4px;
428 -khtml-border-radius: 4px 4px 4px 4px; 429 -khtml-border-radius: 4px 4px 4px 4px;
429 border-radius: 4px 4px 4px 4px; 430 border-radius: 4px 4px 4px 4px;
430 } 431 }
431 432 */
432 #header #header-inner #quick li span.short { 433 #header #header-inner #quick li span.short {
433 padding: 9px 6px 8px 6px; 434 padding: 9px 6px 8px 6px;
434 } 435 }
435 436
436 #header #header-inner #quick li span { 437 #header #header-inner #quick li span {
437 top: 0; 438 /*top: 0;
438 right: 0; 439 right: 0;
439 height: 1%; 440 height: 1%;*/
440 display: block; 441 display: inline;
441 float: left; 442 /*float: left;*/
442 border-left: 1px solid #3f6f9f; 443 /*border-left: 1px solid #3f6f9f;*/
443 margin: 0; 444 margin: 0;
444 padding: 10px 12px 8px 10px; 445 /*padding: 10px 12px 8px 10px;*/
445 } 446 }
446 447
447 #header #header-inner #quick li span.normal { 448 #header #header-inner #quick li span.normal {
448 border: none; 449 border: none;
449 padding: 10px 12px 8px; 450 padding: 10px 12px 8px;
450 } 451 }
451 452
452 #header #header-inner #quick li span.icon { 453 #header #header-inner #quick li span.icon {
453 top: 0; 454
454 left: 0;
455 border-left: none; 455 border-left: none;
456 border-right: 1px solid #2e5c89; 456 padding-left: 10px ;
457 padding: 8px 6px 4px;
458 min-width: 16px;
459 min-height: 16px;
460 } 457 }
461 458
462 #header #header-inner #quick li span.icon_short { 459 #header #header-inner #quick li span.icon_short {
463 top: 0; 460 top: 0;
464 left: 0; 461 left: 0;
466 border-right: 1px solid #2e5c89; 463 border-right: 1px solid #2e5c89;
467 padding: 8px 6px 4px; 464 padding: 8px 6px 4px;
468 } 465 }
469 466
470 #header #header-inner #quick li span.icon img, #header #header-inner #quick li span.icon_short img { 467 #header #header-inner #quick li span.icon img, #header #header-inner #quick li span.icon_short img {
471 margin: 0px -2px 0px 0px; 468 vertical-align: middle;
472 } 469 margin-bottom: 2px;
473 470 }
474 #header #header-inner #quick > li.current > a, 471
475 #header #header-inner #quick > li > a:hover { 472 /*#header #header-inner #quick > li.current > a,
473 #header #header-inner #quick > li > a:hover*/ {
476 background-color: #4e4e4e; 474 background-color: #4e4e4e;
477 } 475 }
478 476 /*
479 #header #header-inner #quick li.current a span, 477 #header #header-inner #quick li.current a span,
480 #header #header-inner #quick li a:hover span { 478 #header #header-inner #quick li a:hover span {
481 border-left: 1px solid #545454; 479 border-left: 1px solid #545454;
482 } 480 }
483 481 */
482 /*
484 #header #header-inner #quick li.current a span.icon, 483 #header #header-inner #quick li.current a span.icon,
485 #header #header-inner #quick li.current a span.icon_short, 484 #header #header-inner #quick li.current a span.icon_short,
486 #header #header-inner #quick li a:hover span.icon, 485 #header #header-inner #quick li a:hover span.icon,
487 #header #header-inner #quick li a:hover span.icon_short { 486 #header #header-inner #quick li a:hover span.icon_short {
488 border-left: none; 487 border-left: none;
489 border-right: 1px solid #464646; 488 border-right: 1px solid #464646;
490 } 489 }
491 490 */
492 #header #header-inner #quick ul.repo_switcher { 491 #header #header-inner #quick ul.repo_switcher {
493 max-height: 275px; 492 max-height: 275px;
494 overflow-x: hidden; 493 overflow-x: hidden;
495 overflow-y: auto; 494 overflow-y: auto;
496 } 495 }
993 background-image: -o-linear-gradient(top, #003b76, #00376e); 992 background-image: -o-linear-gradient(top, #003b76, #00376e);
994 background-image: linear-gradient(to bottom, #003b76, #00376e); 993 background-image: linear-gradient(to bottom, #003b76, #00376e);
995 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b76', endColorstr='#00376e', GradientType=0 ); 994 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b76', endColorstr='#00376e', GradientType=0 );
996 margin: 0 0 20px; 995 margin: 0 0 20px;
997 padding: 0; 996 padding: 0;
997 border-radius: 4px 4px 0 0;
998 } 998 }
999 999
1000 #content div.box div.title h5 { 1000 #content div.box div.title h5 {
1001 float: left; 1001 float: left;
1002 border: none; 1002 border: none;
1731 margin-right: 200px; 1731 margin-right: 200px;
1732 } 1732 }
1733 1733
1734 #summary-menu-stats{ 1734 #summary-menu-stats{
1735 float: left; 1735 float: left;
1736 width: 200px; 1736 width: 180px;
1737 position: absolute; 1737 position: absolute;
1738 top: 0; 1738 top: 0;
1739 right: 0; 1739 right: 0;
1740 } 1740 }
1741 1741
1747 border-radius: 4px; 1747 border-radius: 4px;
1748 } 1748 }
1749 1749
1750 #content #summary-menu-stats li { 1750 #content #summary-menu-stats li {
1751 border-top: 1px solid #d1d1d1; 1751 border-top: 1px solid #d1d1d1;
1752 line-height: 32px;
1753 padding: 0; 1752 padding: 0;
1754 } 1753 }
1755 1754
1756 #content #summary-menu-stats li:hover { 1755 #content #summary-menu-stats li:hover {
1757 background: #f0f0f0; 1756 background: #f0f0f0;
1767 #summary-menu-stats a.feed { background-image: url('../images/icons/rss_16.png')} 1766 #summary-menu-stats a.feed { background-image: url('../images/icons/rss_16.png')}
1768 #summary-menu-stats a.repo-size { background-image: url('../images/icons/server.png')} 1767 #summary-menu-stats a.repo-size { background-image: url('../images/icons/server.png')}
1769 1768
1770 #summary-menu-stats a { 1769 #summary-menu-stats a {
1771 display: block; 1770 display: block;
1772 color: #000000; 1771 /*color: #000000;*/
1773 padding: 0 30px; 1772 padding: 12px 30px;
1774 background-repeat: no-repeat; 1773 background-repeat: no-repeat;
1775 background-position: 10px 50%; 1774 background-position: 10px 50%;
1776 } 1775 padding-right: 10px;
1776 }
1777
1777 1778
1778 #repo_size_2 { 1779 #repo_size_2 {
1779 margin-left: 25px; 1780 margin-left: 30px;
1781 display: block;
1782 padding-right: 10px;
1783 padding-bottom: 7px;
1780 } 1784 }
1781 1785
1782 #summary-menu-stats a:hover { 1786 #summary-menu-stats a:hover {
1783 text-decoration: none; 1787 text-decoration: none;
1784 } 1788 }
2559 overflow: hidden; 2563 overflow: hidden;
2560 text-overflow:ellipsis; 2564 text-overflow:ellipsis;
2561 white-space: nowrap; 2565 white-space: nowrap;
2562 height: 31px; 2566 height: 31px;
2563 border-color: #cdcdcd; 2567 border-color: #cdcdcd;
2568 text-align: left;
2564 } 2569 }
2565 2570
2566 #graph_content .container .author { 2571 #graph_content .container .author {
2567 width: 105px; 2572 width: 105px;
2568 } 2573 }
2569 2574
2570 #graph_content .container .hash{ 2575 #graph_content .container .hash{
2571 width: 90px; 2576 width: 85px;
2572 font-size: 0.85em; 2577 font-size: 0.85em;
2573 } 2578 }
2574 2579
2575 #graph_content #changesets .container .date{ 2580 #graph_content #changesets .container .date{
2576 width: 76px; 2581 width: 76px;
2642 } 2647 }
2643 2648
2644 #graph_content .comments-container { 2649 #graph_content .comments-container {
2645 /*width: 40px;*/ 2650 /*width: 40px;*/
2646 margin: 0.8em 0; 2651 margin: 0.8em 0;
2647 margin-left: 0.5em; 2652 margin-right: 0.5em;
2648 } 2653 }
2649 2654
2650 #graph_content .tagcontainer { 2655 #graph_content .tagcontainer {
2651 width: 80px; 2656 width: 80px;
2652 position: relative; 2657 position: relative;
4559 } 4564 }
4560 .inline-comments-button .add-comment { 4565 .inline-comments-button .add-comment {
4561 margin:2px 0px 8px 5px !important 4566 margin:2px 0px 8px 5px !important
4562 } 4567 }
4563 4568
4564
4565 .notification-paginator { 4569 .notification-paginator {
4566 padding: 0px 0px 4px 16px; 4570 padding: 0px 0px 4px 16px;
4567 float: left; 4571 float: left;
4568 } 4572 }
4569 4573
4570 .menu_link_user { 4574 .menu_link_user {
4571 padding: 10px 8px 8px 8px !important; 4575 /*padding: 10px 8px 8px 8px !important;*/
4572 } 4576 }
4573 4577
4578 #context-pages .pull-request span,
4574 .menu_link_notifications { 4579 .menu_link_notifications {
4575 padding: 4px 4px !important; 4580 padding: 4px 4px !important;
4576 margin: 7px 4px 0px 0px !important; 4581 /*margin: 7px 4px 0px 0px !important;*/
4577 text-align: center; 4582 text-align: center;
4578 color:#888 !important; 4583 color:#888 !important;
4579 font-size: 10px; 4584 /*font-size: 10px;*/
4580 background-color: #DEDEDE !important; 4585 background-color: #DEDEDE !important;
4581 border-radius: 4px !important; 4586 border-radius: 4px !important;
4582 -webkit-border-radius: 4px !important; 4587 -webkit-border-radius: 4px !important;
4583 } 4588 }
4584 4589