Mercurial > kallithea

comparison rhodecode/public/css/style.css @ 4143:f6a012c28c71 rhodecode-2.2.5-gpl

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
old style: adjust css for buttons to how ui-btn was renamed to btn to match bootstrap
author Mads Kiilerich <madski@unity3d.com>
date Wed, 02 Jul 2014 19:03:22 -0400
parents a9b24db8fb03
children 962f753552cd
comparison
equal deleted inserted replaced
4142:a9b24db8fb03 4143:f6a012c28c71
3569 3569
3570 #content div.box div.title div.search div.input input { 3570 #content div.box div.title div.search div.input input {
3571 border: 1px solid #316293; 3571 border: 1px solid #316293;
3572 } 3572 }
3573 3573
3574 .ui-btn { 3574 .btn {
3575 color: #515151; 3575 color: #515151;
3576 background-color: #DADADA; 3576 background-color: #DADADA;
3577 background-repeat: repeat-x; 3577 background-repeat: repeat-x;
3578 background-image: -khtml-gradient(linear, left top, left bottom, from(#F4F4F4),to(#DADADA) ); 3578 background-image: -khtml-gradient(linear, left top, left bottom, from(#F4F4F4),to(#DADADA) );
3579 background-image: -moz-linear-gradient(top, #F4F4F4, #DADADA); 3579 background-image: -moz-linear-gradient(top, #F4F4F4, #DADADA);
3598 padding: 3px 3px 3px 3px; 3598 padding: 3px 3px 3px 3px;
3599 background-position: 0 -100px; 3599 background-position: 0 -100px;
3600 3600
3601 } 3601 }
3602 3602
3603 .ui-btn.badge { 3603 /* make .btn inputs and buttons and divs look the same */
3604 button.btn,
3605 input.btn {
3606 font-family: inherit;
3607 font-size: inherit;
3608 line-height: inherit;
3609 }
3610
3611 .btn::-moz-focus-inner {
3612 border: 0;
3613 padding: 0;
3614 }
3615
3616 .btn.badge {
3604 cursor: default !important; 3617 cursor: default !important;
3605 } 3618 }
3606 3619
3607 .ui-btn.disabled { 3620 .btn.disabled {
3608 color: #999; 3621 color: #999;
3609 } 3622 }
3610 3623
3611 .ui-btn.xsmall { 3624 .btn.btn-danger.disabled {
3612 padding: 1px 2px 1px 1px; 3625 color: #eee;
3613 } 3626 background-color: #c77;
3614 3627 border-color: #b66
3615 .ui-btn.large { 3628 }
3616 padding: 6px 12px; 3629
3617 } 3630 .btn.btn-small {
3618 3631 padding: 2px 6px;
3619 .ui-btn.clone { 3632 }
3633
3634 .btn.btn-mini {
3635 padding: 0px 4px;
3636 }
3637
3638 .btn.clone {
3620 padding: 5px 2px 6px 1px; 3639 padding: 5px 2px 6px 1px;
3621 margin: 0px 0px 3px -4px; 3640 margin: 0px 0px 3px -4px;
3622 -webkit-border-radius: 0px 4px 4px 0px !important; 3641 -webkit-border-radius: 0px 4px 4px 0px !important;
3623 -khtml-border-radius: 0px 4px 4px 0px !important; 3642 -khtml-border-radius: 0px 4px 4px 0px !important;
3624 border-radius: 0px 4px 4px 0px !important; 3643 border-radius: 0px 4px 4px 0px !important;
3626 text-align: center; 3645 text-align: center;
3627 display: inline-block; 3646 display: inline-block;
3628 position: relative; 3647 position: relative;
3629 top: -2px; 3648 top: -2px;
3630 } 3649 }
3631 .ui-btn:focus { 3650 .btn:focus {
3632 outline: none; 3651 outline: none;
3633 } 3652 }
3634 .ui-btn:hover { 3653 .btn:hover {
3635 background-position: 0 -100px; 3654 background-position: 0 -100px;
3636 text-decoration: none; 3655 text-decoration: none;
3637 color: #515151; 3656 color: #515151;
3638 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #FFFFFF !important; 3657 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #FFFFFF !important;
3639 } 3658 }
3640 .ui-btn.badge:hover { 3659 .btn.badge:hover {
3641 box-shadow: none !important; 3660 box-shadow: none !important;
3642 } 3661 }
3643 .ui-btn.disabled:hover { 3662 .btn.disabled:hover {
3644 background-position: 0; 3663 background-position: 0;
3645 color: #999; 3664 color: #999;
3646 text-decoration: none; 3665 text-decoration: none;
3647 box-shadow: none !important; 3666 box-shadow: none !important;
3648 } 3667 }
3649 3668
3650 .ui-btn.red { 3669 .btn.red {
3651 color: #fff; 3670 color: #fff;
3652 background-color: #c43c35; 3671 background-color: #c43c35;
3653 background-repeat: repeat-x; 3672 background-repeat: repeat-x;
3654 background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35)); 3673 background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
3655 background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); 3674 background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
3662 border-color: #c43c35 #c43c35 #882a25; 3681 border-color: #c43c35 #c43c35 #882a25;
3663 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 3682 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
3664 } 3683 }
3665 3684
3666 3685
3667 .ui-btn.blue { 3686 .btn.blue {
3668 color: #fff; 3687 color: #fff;
3669 background-color: #339bb9; 3688 background-color: #339bb9;
3670 background-repeat: repeat-x; 3689 background-repeat: repeat-x;
3671 background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9)); 3690 background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
3672 background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); 3691 background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
3678 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); 3697 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
3679 border-color: #339bb9 #339bb9 #22697d; 3698 border-color: #339bb9 #339bb9 #22697d;
3680 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 3699 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
3681 } 3700 }
3682 3701
3683 .ui-btn.green { 3702 .btn.green {
3684 color: #fff; 3703 color: #fff;
3685 background-color: #57a957; 3704 background-color: #57a957;
3686 background-repeat: repeat-x; 3705 background-repeat: repeat-x;
3687 background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957)); 3706 background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
3688 background-image: -moz-linear-gradient(top, #62c462, #57a957); 3707 background-image: -moz-linear-gradient(top, #62c462, #57a957);
3694 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); 3713 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
3695 border-color: #57a957 #57a957 #3d773d; 3714 border-color: #57a957 #57a957 #3d773d;
3696 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 3715 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
3697 } 3716 }
3698 3717
3699 .ui-btn.yellow { 3718 .btn.yellow {
3700 color: #fff; 3719 color: #fff;
3701 background-color: #faa732; 3720 background-color: #faa732;
3702 background-repeat: repeat-x; 3721 background-repeat: repeat-x;
3703 background-image: -khtml-gradient(linear, left top, left bottom, from(#fbb450), to(#f89406)); 3722 background-image: -khtml-gradient(linear, left top, left bottom, from(#fbb450), to(#f89406));
3704 background-image: -moz-linear-gradient(top, #fbb450, #f89406); 3723 background-image: -moz-linear-gradient(top, #fbb450, #f89406);
3714 3733
3715 label.disabled { 3734 label.disabled {
3716 color: #aaa; 3735 color: #aaa;
3717 } 3736 }
3718 3737
3719 .ui-btn.blue.hidden { 3738 .btn.blue.hidden {
3720 display: none; 3739 display: none;
3721 } 3740 }
3722 3741
3723 .ui-btn.active { 3742 .btn.active {
3724 font-weight: bold; 3743 font-weight: bold;
3725 } 3744 }
3726 3745
3727 ins, div.options a:hover { 3746 ins, div.options a:hover {
3728 text-decoration: none; 3747 text-decoration: none;