rhodecode-enterprise-ce Compare - rhodecode-enterprise-ce@tip > u/ewong/rhodecode-enterprise-ce-fork@tip

Compare Commits `r3048:ec80e5e97132...r3048:ec80e5e97132`

Target:

Source:

Actions:

Compare was calculated based on this common ancestor commit: 95dae11a5388

Time	Author	Commit		Description
Thu, 06 Dec 2018 16:13:46	ewong	`r3048:ec80e5e97132`		Bug 5509 - remove \!important from css rules.
1 commit hidden, click expand to show them.

Collapse all files

rhodecode/public/css/code-block.less

0 +21 -21

             // Default styles
             .diff-collapse {
                 margin: @padding 0;
                 text-align: right;
             }
             .diff-container {
                 margin-bottom: @space;
                 .diffblock {
                     margin-bottom: @space;
                 }
                 &.hidden {
                     display: none;
                     overflow: hidden;
                 }
             }
             div.diffblock .sidebyside {
              background: #ffffff;
             }
             div.diffblock {
                 overflow-x: auto;
                 overflow-y: hidden;
                 clear: both;
                 padding: 0px;
                 background: @grey6;
                 border: @border-thickness solid @grey5;
                 -webkit-border-radius: @border-radius @border-radius 0px 0px;
                 border-radius: @border-radius @border-radius 0px 0px;
                 .comments-number {
                     float: right;
                 }
                 // BEGIN CODE-HEADER STYLES
                 .code-header {
                     background: @grey6;
                     padding: 10px 0 10px 0;
                     height: auto;
                     width: 100%;
                     .hash {
                         float: left;
                         padding: 2px 0 0 2px;
                     }
                     .date {
                         float: left;
                         text-transform: uppercase;
                         padding: 4px 0px 0px 2px;
                     }
                     div {
                         margin-left: 4px;
                     }
                     div.compare_header {
                         min-height: 40px;
                         margin: 0;
                         padding: 0 @padding;
                         .drop-menu {
                             float:left;
                             display: block;
                             margin:0 0 @padding 0;
                         }
                         .compare-label {
                             float: left;
                             clear: both;
                             display: inline-block;
                             min-width: 5em;
                             margin: 0;
                             padding: @button-padding @button-padding @button-padding 0;
                             font-family: @text-semibold;
                         }
                         .compare-buttons {
                             float: left;
                             margin: 0;
                             padding: 0 0 @padding;
                             .btn {
                                 margin: 0 @padding 0 0;
                             }
                         }
                     }
                 }
                 .parents {
                     float: left;
                     width: 100px;
                     font-weight: 400;
                     vertical-align: middle;
                     padding: 0px 2px 0px 2px;
                     background-color: @grey6;
                     #parent_link {
                        margin: 00px 2px;
                        &.double {
                            margin: 0px 2px;
                         }
                         &.disabled{
                             margin-right: @padding;
                         }
                     }
                 }
                 .children {
                     float: right;
                     width: 100px;
                     font-weight: 400;
                     vertical-align: middle;
                     text-align: right;
                     padding: 0px 2px 0px 2px;
                     background-color: @grey6;
                     #child_link {
                        margin: 0px 2px;
                        &.double {
                            margin: 0px 2px;
                         }
                         &.disabled{
                             margin-right: @padding;
                         }
                     }
                 }
                 .changeset_header {
                     height: 16px;
                     & > div{
                         margin-right: @padding;
                    }
                 }
                 .changeset_file {
                     text-align: left;
                     float: left;
                     padding: 0;
                     a{
                         display: inline-block;
                         margin-right: 0.5em;
                     }
                    #selected_mode{
                         margin-left: 0;
                    }
                 }
                 .diff-menu-wrapper {
                     float: left;
                 }
                 .diff-menu {
                     position: absolute;
                     background: none repeat scroll 0 0 #FFFFFF;
                     border-color: #003367 @grey3 @grey3;
                     border-right: 1px solid @grey3;
                     border-style: solid solid solid;
                     border-width: @border-thickness;
                     box-shadow: 2px 8px 4px rgba(0, 0, 0, 0.2);
                     margin-top: 5px;
                     margin-left: 1px;
                 }
                 .diff-actions, .editor-actions {
                     float: left;
                     input{
                         margin: 0 0.5em 0 0;
                     }
                 }
                 // END CODE-HEADER STYLES
                 // BEGIN CODE-BODY STYLES
                 .code-body {
                     padding: 0;
                     background-color: #ffffff;
                     position: relative;
                     max-width: none;
                     box-sizing: border-box;
                     // TODO: johbo: Parent has overflow: auto, this forces the child here
                     // to have the intended size and to scroll. Should be simplified.
                     width: 100%;
                     overflow-x: auto;
                 }
                 pre.raw {
                     background: white;
                     color: @grey1;
                 }
                 // END CODE-BODY STYLES
             }
             table.code-difftable {
                 border-collapse: collapse;
                 width: 99%;
-                border-radius: 0px !important;
+                border-radius: 0px;
                  td {
-                    padding: 0 !important;
+                    padding: 0;
-                    background: none !important;
+                    background: none;
-                    border: 0 !important;
+                    border: 0;
                 }
                 .context {
                     background: none repeat scroll 0 0 #DDE7EF;
                 }
                 .add {
                     background: none repeat scroll 0 0 #DDFFDD;
                     ins {
                         background: none repeat scroll 0 0 #AAFFAA;
                         text-decoration: none;
                     }
                 }
                 .del {
                     background: none repeat scroll 0 0 #FFDDDD;
                     del {
                         background: none repeat scroll 0 0 #FFAAAA;
                         text-decoration: none;
                     }
                 }
                 /** LINE NUMBERS **/
                 .lineno {
-                    padding-left: 2px !important;
+                    padding-left: 2px;
                     padding-right: 2px;
                     text-align: right;
                     width: 32px;
                     -moz-user-select: none;
                     -webkit-user-select: none;
-                    border-right: @border-thickness solid @grey5 !important;
+                    border-right: @border-thickness solid @grey5;
-                    border-left: 0px solid #CCC !important;
+                    border-left: 0px solid #CCC;
-                    border-top: 0px solid #CCC !important;
+                    border-top: 0px solid #CCC;
-                    border-bottom: none !important;
+                    border-bottom: none;
                     a {
                         &:extend(pre);
                         text-align: right;
                         padding-right: 2px;
                         cursor: pointer;
                         display: block;
                         width: 32px;
                     }
                 }
                 .context {
                     cursor: auto;
                     &:extend(pre);
                 }
                 .lineno-inline {
-                    background: none repeat scroll 0 0 #FFF !important;
+                    background: none repeat scroll 0 0 #FFF;
                     padding-left: 2px;
                     padding-right: 2px;
                     text-align: right;
                     width: 30px;
                     -moz-user-select: none;
                     -webkit-user-select: none;
                 }
                 /** CODE **/
                 .code {
                     display: block;
                     width: 100%;
                     td {
                         margin: 0;
                         padding: 0;
                     }
                     pre {
                         margin: 0;
                         padding: 0;
                         margin-left: .5em;
                     }
                 }
             }
             // Comments
             div.comment:target {
-                border-left: 6px solid @comment-highlight-color !important;
+                border-left: 6px solid @comment-highlight-color;
                 padding-left: 3px;
                 margin-left: -9px;
             }
             //TODO: anderson: can't get an absolute number out of anything, so had to put the
             //current values that might change. But to make it clear I put as a calculation
             @comment-max-width: 1065px;
             @pr-extra-margin: 34px;
             @pr-border-spacing: 4px;
             @pr-comment-width: @comment-max-width - @pr-extra-margin - @pr-border-spacing;
             // Pull Request
             .cs_files .code-difftable {
                 border: @border-thickness solid @grey5; //borders only on PRs
                 .comment-inline-form,
                 div.comment {
                     width: @pr-comment-width;
                 }
             }
             // Changeset
             .code-difftable {
                 .comment-inline-form,
                 div.comment {
                     width: @comment-max-width;
                 }
             }
             //Style page
             @style-extra-margin: @sidebar-width + (@sidebarpadding * 3) + @padding;
             #style-page .code-difftable{
                 .comment-inline-form,
                 div.comment {
                     width: @comment-max-width - @style-extra-margin;
                 }
             }
             #context-bar > h2 {
                 font-size: 20px;
             }
             #context-bar > h2> a {
                 font-size: 20px;
             }
             // end of defaults
             .file_diff_buttons {
                 padding: 0 0 @padding;
                 .drop-menu {
                     float: left;
                     margin: 0 @padding 0 0;
                 }
                 .btn {
                     margin: 0 @padding 0 0;
                 }
             }
             .code-body.textarea.editor {
                 max-width: none;
                 padding: 15px;
             }
             td.injected_diff{
                 max-width: 1178px;
                 overflow-x: auto;
                 overflow-y: hidden;
                 div.diff-container,
                 div.diffblock{
                     max-width: 100%;
                 }
                 div.code-body {
                     max-width: 1124px;
                     overflow-x: auto;
                     overflow-y: hidden;
                     padding: 0;
                 }
                 div.diffblock {
                     border: none;
                 }
                 &.inline-form {
                     width: 99%
                 }
              }
             table.code-difftable {
                 width: 100%;
             }
             /** PYGMENTS COLORING **/
             div.codeblock {
                 // TODO: johbo: Added interim to get rid of the margin around
                 // Select2 widgets. This needs further cleanup.
                 margin-top: @padding;
                 overflow: auto;
                 padding: 0px;
                 border: @border-thickness solid @grey5;
                 background: @grey6;
                 .border-radius(@border-radius);
                 #remove_gist {
                     float: right;
                 }
                 .gist_url {
                     padding: 0px 0px 10px 0px;
                 }
                 .author {
                     clear: both;
                     vertical-align: middle;
                     font-family: @text-bold;
                 }
                 .btn-mini {
                     float: left;
                     margin: 0 5px 0 0;
                 }
                 .code-header {
                     padding: @padding;
                     border-bottom: @border-thickness solid @grey5;
                     .rc-user {
                         min-width: 0;
                         margin-right: .5em;
                     }
                     .stats {
                         clear: both;
                         margin: 0 0 @padding 0;
                         padding: 0;
                         .left {
                             float: left;
                             clear: left;
                             max-width: 75%;
                             margin: 0 0 @padding 0;
                             &.item {
                                 margin-right: @padding;
                                 &.last { border-right: none; }
                             }
                         }
                         .buttons { float: right; }
                         .author {
                             height: 25px; margin-left: 15px; font-weight: bold;
                         }
                     }
                     .commit {
                         margin: 5px 0 0 26px;
                         font-weight: normal;
                         white-space: pre-wrap;
                     }
                 }
                 .message {
                     position: relative;
                     margin: @padding;
                     .codeblock-label {
                         margin: 0 0 1em 0;
                     }
                 }
                 .code-body {
                     padding: @padding;
                     background-color: #ffffff;
                     min-width: 100%;
                     box-sizing: border-box;
                     // TODO: johbo: Parent has overflow: auto, this forces the child here
                     // to have the intended size and to scroll. Should be simplified.
                     width: 100%;
                     overflow-x: auto;
                     img.rendered-binary {
                         height: auto;
                         width: 100%;
                     }
                 }
             }
             .code-highlighttable,
             div.codeblock {
                 &.readme {
                     background-color: white;
                 }
                 .markdown-block table {
                     border-collapse: collapse;
                     th,
                     td {
                         padding: .5em;
                         border: @border-thickness solid @border-default-color;
                     }
                 }
                 table {
                     border: 0px;
                     margin: 0;
                     letter-spacing: normal;
                     td {
                         border: 0px;
                         vertical-align: top;
                     }
                 }
             }
             div.codeblock .code-header .search-path { padding: 0 0 0 10px; }
             div.search-code-body {
                 background-color: #ffffff; padding: 5px 0 5px 10px;
                 pre {
                     .match { background-color: #faffa6;}
                     .break { display: block; width: 100%; background-color: #DDE7EF; color: #747474; }
                 }
                 .code-highlighttable {
                     border-collapse: collapse;
                     tr:hover {
                         background: #fafafa;
                     }
                     td.code {
                       padding-left: 10px;
                     }
                     td.line {
-                        border-right: 1px solid #ccc !important;
+                        border-right: 1px solid #ccc;
                         padding-right: 10px;
                         text-align: right;
                         font-family: "Lucida Console",Monaco,monospace;
                         span {
                             white-space: pre-wrap;
                             color: #666666;
                         }
                     }
                 }
             }
             div.annotatediv { margin-left: 2px; margin-right: 4px; }
             .code-highlight {
                 margin: 0; padding: 0; border-left: @border-thickness solid @grey5;
                 pre, .linenodiv pre { padding: 0 5px; margin: 0; }
-                pre div:target {background-color: @comment-highlight-color !important;}
+                pre div:target {background-color: @comment-highlight-color;}
             }
             .linenos a { text-decoration: none; }
             .CodeMirror-selected { background: @rchighlightblue; }
             .CodeMirror-focused .CodeMirror-selected { background: @rchighlightblue; }
             .CodeMirror ::selection { background: @rchighlightblue; }
             .CodeMirror ::-moz-selection { background: @rchighlightblue; }
-            .code { display: block; border:0px !important; }
+            .code { display: block; border:0px; }
             .code-highlight, /* TODO: dan: merge codehilite into code-highlight */
             .codehilite {
                 .hll { background-color: #ffffcc }
                 .c { color: #408080; font-style: italic } /* Comment */
                 .err, .codehilite .err { border: @border-thickness solid #FF0000 } /* Error */
                 .k { color: #008000; font-weight: bold } /* Keyword */
                 .o { color: #666666 } /* Operator */
                 .cm { color: #408080; font-style: italic } /* Comment.Multiline */
                 .cp { color: #BC7A00 } /* Comment.Preproc */
                 .c1 { color: #408080; font-style: italic } /* Comment.Single */
                 .cs { color: #408080; font-style: italic } /* Comment.Special */
                 .gd { color: #A00000 } /* Generic.Deleted */
                 .ge { font-style: italic } /* Generic.Emph */
                 .gr { color: #FF0000 } /* Generic.Error */
                 .gh { color: #000080; font-weight: bold } /* Generic.Heading */
                 .gi { color: #00A000 } /* Generic.Inserted */
                 .go { color: #808080 } /* Generic.Output */
                 .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
                 .gs { font-weight: bold } /* Generic.Strong */
                 .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
                 .gt { color: #0040D0 } /* Generic.Traceback */
                 .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
                 .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
                 .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
                 .kp { color: #008000 } /* Keyword.Pseudo */
                 .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
                 .kt { color: #B00040 } /* Keyword.Type */
                 .m { color: #666666 } /* Literal.Number */
                 .s { color: #BA2121 } /* Literal.String */
                 .na { color: #7D9029 } /* Name.Attribute */
                 .nb { color: #008000 } /* Name.Builtin */
                 .nc { color: #0000FF; font-weight: bold } /* Name.Class */
                 .no { color: #880000 } /* Name.Constant */
                 .nd { color: #AA22FF } /* Name.Decorator */
                 .ni { color: #999999; font-weight: bold } /* Name.Entity */
                 .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
                 .nf { color: #0000FF } /* Name.Function */
                 .nl { color: #A0A000 } /* Name.Label */
                 .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
                 .nt { color: #008000; font-weight: bold } /* Name.Tag */
                 .nv { color: #19177C } /* Name.Variable */
                 .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
                 .w { color: #bbbbbb } /* Text.Whitespace */
                 .mf { color: #666666 } /* Literal.Number.Float */
                 .mh { color: #666666 } /* Literal.Number.Hex */
                 .mi { color: #666666 } /* Literal.Number.Integer */
                 .mo { color: #666666 } /* Literal.Number.Oct */
                 .sb { color: #BA2121 } /* Literal.String.Backtick */
                 .sc { color: #BA2121 } /* Literal.String.Char */
                 .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
                 .s2 { color: #BA2121 } /* Literal.String.Double */
                 .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
                 .sh { color: #BA2121 } /* Literal.String.Heredoc */
                 .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
                 .sx { color: #008000 } /* Literal.String.Other */
                 .sr { color: #BB6688 } /* Literal.String.Regex */
                 .s1 { color: #BA2121 } /* Literal.String.Single */
                 .ss { color: #19177C } /* Literal.String.Symbol */
                 .bp { color: #008000 } /* Name.Builtin.Pseudo */
                 .vc { color: #19177C } /* Name.Variable.Class */
                 .vg { color: #19177C } /* Name.Variable.Global */
                 .vi { color: #19177C } /* Name.Variable.Instance */
                 .il { color: #666666 } /* Literal.Number.Integer.Long */
             }
             /* customized pre blocks for markdown/rst */
             pre.literal-block, .codehilite pre{
                 padding: @padding;
                 border: 1px solid @grey6;
                 .border-radius(@border-radius);
                 background-color: @grey7;
             }
             /* START NEW CODE BLOCK CSS */
             @cb-line-height: 18px;
             @cb-line-code-padding: 10px;
             @cb-text-padding: 5px;
             @pill-padding: 2px 7px;
             input.filediff-collapse-state {
                 display: none;
                 &:checked + .filediff { /* file diff is collapsed */
                     .cb {
                         display: none
                     }
                     .filediff-collapse-indicator {
                         width: 0;
                         height: 0;
                         border-style: solid;
                         border-width: 4.5px 0 4.5px 9.3px;
                         border-color: transparent transparent transparent  #aaa;
                         margin: 6px 0px;
                     }
                     .filediff-menu {
                         display: none;
                     }
                     margin: 10px 0 0 0;
                 }
                 &+ .filediff { /* file diff is expanded */
                     .filediff-collapse-indicator {
                         width: 0;
                         height: 0;
                         border-style: solid;
                         border-width: 9.3px 4.5px 0 4.5px;
                         border-color: #aaa transparent transparent transparent;
                         margin: 6px 0px;
                     }
                     .filediff-menu {
                         display: block;
                     }
                     margin: 10px 0;
                     &:nth-child(2) {
                         margin: 0;
                     }
                 }
             }
             .cs_files {
                 clear: both;
             }
             .diffset-menu {
                 margin-bottom: 20px;
             }
             .diffset {
                 margin: 20px auto;
                 .diffset-heading {
                     border: 1px solid @grey5;
                     margin-bottom: -1px;
                     // margin-top: 20px;
                     h2 {
                         margin: 0;
                         line-height: 38px;
                         padding-left: 10px;
                     }
                     .btn {
                         margin: 0;
                     }
                     background: @grey6;
                     display: block;
                     padding: 5px;
                 }
                 .diffset-heading-warning {
                     background: @alert3-inner;
                     border: 1px solid @alert3;
                 }
                 &.diffset-comments-disabled {
                     .cb-comment-box-opener, .comment-inline-form, .cb-comment-add-button {
-                        display: none !important;
+                        display: none;
                     }
                 }
             }
             .pill {
                 display: block;
                 float: left;
                 padding: @pill-padding;
             }
             .pill-group {
                 .pill {
                     opacity: .8;
                     &:first-child {
                         border-radius: @border-radius 0 0 @border-radius;
                     }
                     &:last-child {
                         border-radius: 0 @border-radius @border-radius 0;
                     }
                     &:only-child {
                         border-radius: @border-radius;
                     }
                 }
             }
             /* Main comments*/
             #comments {
                 .comment-selected {
                     border-left: 6px solid @comment-highlight-color;
                     padding-left: 3px;
                     margin-left: -9px;
                 }
             }
             .filediff {
                 border: 1px solid @grey5;
                 /* START OVERRIDES */
                 .code-highlight {
                     border: none;  // TODO: remove this border from the global
                                    // .code-highlight, it doesn't belong there
                 }
                 label {
                     margin: 0; // TODO: remove this margin definition from global label
                                // it doesn't belong there - if margin on labels
                                // are needed for a form they should be defined
                                // in the form's class
                 }
                 /* END OVERRIDES */
                 * {
                     box-sizing: border-box;
                 }
                 .filediff-anchor {
                     visibility: hidden;
                 }
                 &:hover {
                     .filediff-anchor {
                         visibility: visible;
                     }
                 }
                 .filediff-collapse-indicator {
                     border-style: solid;
                     float: left;
                     margin: 4px 0px 0 0;
                     cursor: pointer;
                 }
                 .filediff-heading {
                     background: @grey7;
                     cursor: pointer;
                     display: block;
                     padding: 5px 10px;
                 }
                 .filediff-heading:after {
                     content: "";
                     display: table;
                     clear: both;
                 }
                 .filediff-heading:hover {
-                    background: #e1e9f4 !important;
+                    background: #e1e9f4;
                 }
                 .filediff-menu {
                     float: right;
                     text-align: right;
                     padding: 5px 5px 5px 0px;
                     &> a,
                     &> span {
                         padding: 1px;
                     }
                 }
                 .pill {
                     &[op="name"] {
                         background: none;
                         opacity: 1;
                         color: white;
                     }
                     &[op="limited"] {
                         background: @grey2;
                         color: white;
                     }
                     &[op="binary"] {
                         background: @color7;
                         color: white;
                     }
                     &[op="modified"] {
                         background: @alert1;
                         color: white;
                     }
                     &[op="renamed"] {
                         background: @color4;
                         color: white;
                     }
                     &[op="copied"] {
                         background: @color4;
                         color: white;
                     }
                     &[op="mode"] {
                         background: @grey3;
                         color: white;
                     }
                     &[op="symlink"] {
                         background: @color8;
                         color: white;
                     }
                     &[op="added"] { /* added lines */
                         background: @alert1;
                         color: white;
                     }
                     &[op="deleted"] { /* deleted lines */
                         background: @alert2;
                         color: white;
                     }
                     &[op="created"] { /* created file */
                         background: @alert1;
                         color: white;
                     }
                     &[op="removed"] { /* deleted file */
                         background: @color5;
                         color: white;
                     }
                 }
                 .filediff-collapse-button, .filediff-expand-button {
                     cursor: pointer;
                 }
                 .filediff-collapse-button {
                     display: inline;
                 }
                 .filediff-expand-button {
                     display: none;
                 }
                 .filediff-collapsed .filediff-collapse-button {
                     display: none;
                 }
                 .filediff-collapsed .filediff-expand-button {
                     display: inline;
                 }
                 /**** COMMENTS ****/
                 .filediff-menu {
                     .show-comment-button {
                         display: none;
                     }
                 }
                 &.hide-comments {
                     .inline-comments {
                         display: none;
                     }
                     .filediff-menu {
                         .show-comment-button {
                             display: inline;
                         }
                         .hide-comment-button {
                             display: none;
                         }
                     }
                 }
                 .hide-line-comments {
                     .inline-comments {
                         display: none;
                     }
                 }
                 /**** END COMMENTS ****/
             }
             .filediff-outdated {
                 padding: 8px 0;
                 .filediff-heading {
                     opacity: .5;
                 }
             }
             table.cb {
                 width: 100%;
                 border-collapse: collapse;
                 .cb-text {
                     padding: @cb-text-padding;
                 }
                 .cb-hunk {
                     padding: @cb-text-padding;
                 }
                 .cb-expand {
                     display: none;
                 }
                 .cb-collapse {
                     display: inline;
                 }
                 &.cb-collapsed {
                     .cb-line {
                         display: none;
                     }
                     .cb-expand {
                         display: inline;
                     }
                     .cb-collapse {
                         display: none;
                     }
                 }
                 /* intentionally general selector since .cb-line-selected must override it
-                   and they both use !important since the td itself may have a random color
+                   and they both use since the td itself may have a random color
                    generated by annotation blocks. TLDR: if you change it, make sure
                    annotated block selection and line selection in file view still work */
                 .cb-line-fresh .cb-content {
-                    background: white !important;
+                    background: white;
                 }
                 .cb-warning {
                     background: #fff4dd;
                 }
                 &.cb-diff-sideside {
                     td {
                         &.cb-content {
                             width: 50%;
                         }
                     }
                 }
                 tr {
                     &.cb-annotate {
                         border-top: 1px solid #eee;
                     }
                     &.cb-hunk {
                         font-family: @font-family-monospace;
                         color: rgba(0, 0, 0, 0.3);
                         td {
                             &:first-child {
                                 background: #edf2f9;
                             }
                             &:last-child {
                                 background: #f4f7fb;
                             }
                         }
                     }
                 }
                 td {
                     vertical-align: top;
                     padding: 0;
                     &.cb-content {
                         font-size: 12.35px;
                         &.cb-line-selected .cb-code {
-                            background: @comment-highlight-color !important;
+                            background: @comment-highlight-color;
                         }
                         span.cb-code {
                             line-height: @cb-line-height;
                             padding-left: @cb-line-code-padding;
                             padding-right: @cb-line-code-padding;
                             display: block;
                             white-space: pre-wrap;
                             font-family: @font-family-monospace;
                             word-break: break-all;
                             .nonl {
                                 color: @color5;
                             }
                         }
                         &> button.cb-comment-box-opener {
                             padding: 2px 2px 1px 3px;
                             margin-left: -6px;
                             margin-top: -1px;
                             border-radius: @border-radius;
                             position: absolute;
                             display: none;
                         }
                         .cb-comment {
                             margin-top: 10px;
                             white-space: normal;
                         }
                     }
                     &:hover {
                         button.cb-comment-box-opener {
                             display: block;
                         }
                         &+ td button.cb-comment-box-opener {
                             display: block
                         }
                     }
                     &.cb-data {
                         text-align: right;
                         width: 30px;
                         font-family: @font-family-monospace;
                         .icon-comment {
                             cursor: pointer;
                         }
                         &.cb-line-selected > div {
                             display: block;
-                            background: @comment-highlight-color !important;
+                            background: @comment-highlight-color;
                             line-height: @cb-line-height;
                             color: rgba(0, 0, 0, 0.3);
                         }
                     }
                     &.cb-lineno {
                         padding: 0;
                         width: 50px;
                         color: rgba(0, 0, 0, 0.3);
                         text-align: right;
                         border-right: 1px solid #eee;
                         font-family: @font-family-monospace;
                         user-select: none;
                         a::before {
                             content: attr(data-line-no);
                         }
                         &.cb-line-selected a {
-                            background: @comment-highlight-color !important;
+                            background: @comment-highlight-color;
                         }
                         a {
                             display: block;
                             padding-right: @cb-line-code-padding;
                             padding-left: @cb-line-code-padding;
                             line-height: @cb-line-height;
                             color: rgba(0, 0, 0, 0.3);
                         }
                     }
                     &.cb-empty {
                         background: @grey7;
                     }
                     ins {
                         color: black;
                         background: #a6f3a6;
                         text-decoration: none;
                     }
                     del {
                         color: black;
                         background: #f8cbcb;
                         text-decoration: none;
                     }
                     &.cb-addition {
                         background: #ecffec;
                         &.blob-lineno {
                             background: #ddffdd;
                         }
                     }
                     &.cb-deletion {
                         background: #ffecec;
                         &.blob-lineno {
                             background: #ffdddd;
                         }
                     }
                     &.cb-annotate-message-spacer {
                          width:8px;
                          padding: 1px 0px 0px 3px;
                     }
                     &.cb-annotate-info {
                         width: 320px;
                         min-width: 320px;
                         max-width: 320px;
                         padding: 5px 2px;
                         font-size: 13px;
                         .cb-annotate-message {
                             padding: 2px 0px 0px 0px;
                             white-space: pre-line;
                             overflow: hidden;
                         }
                         .rc-user {
                             float: none;
                             padding: 0 6px 0 17px;
                             min-width: unset;
                             min-height: unset;
                         }
                     }
                     &.cb-annotate-revision {
                         cursor: pointer;
                         text-align: right;
                         padding: 1px 3px 0px 3px;
                     }
                 }
             }

rhodecode/public/css/codemirror.less

0 +1 -1

             /* BASICS */
             .CodeMirror {
               /* Set height, width, borders, and global font properties here */
               font-family: monospace;
               height: 300px;
               color: black;
               border-radius: @border-radius;
               border: @border-thickness solid @grey6;
               margin: 0 0 @padding;
             }
             /* PADDING */
             .CodeMirror-lines {
               padding: 4px 0; /* Vertical padding around content */
             }
             .CodeMirror pre {
               padding: 0 4px; /* Horizontal padding of content */
             }
             .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
               background-color: white; /* The little square between H and V scrollbars */
             }
             /* GUTTER */
             .CodeMirror-gutters {
               border-right: 1px solid #ddd;
               background-color: @grey6;
               white-space: nowrap;
             }
             .CodeMirror-linenumbers {}
             .CodeMirror-linenumber {
               padding: 0 3px 0 5px;
               min-width: 20px;
               text-align: right;
               color: @grey4;
               white-space: nowrap;
             }
             .CodeMirror-guttermarker { color: black; }
             .CodeMirror-guttermarker-subtle { color: #999; }
             /* CURSOR */
             .CodeMirror div.CodeMirror-cursor {
               border-left: 1px solid black;
             }
             /* Shown when moving in bi-directional text */
             .CodeMirror div.CodeMirror-secondarycursor {
               border-left: 1px solid silver;
             }
             .CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
               width: auto;
               border: 0;
               background: @grey6;
             }
             .CodeMirror.cm-fat-cursor div.CodeMirror-cursors {
               z-index: 1;
             }
             .cm-animate-fat-cursor {
               width: auto;
               border: 0;
               -webkit-animation: blink 1.06s steps(1) infinite;
               -moz-animation: blink 1.06s steps(1) infinite;
               animation: blink 1.06s steps(1) infinite;
             }
             @-moz-keyframes blink {
 % { background: #7e7; }
 % { background: none; }
 % { background: #7e7; }
             }
             @-webkit-keyframes blink {
 % { background: #7e7; }
 % { background: none; }
 % { background: #7e7; }
             }
             @keyframes blink {
 % { background: #7e7; }
 % { background: none; }
 % { background: #7e7; }
             }
             /* Can style cursor different in overwrite (non-insert) mode */
             div.CodeMirror-overwrite div.CodeMirror-cursor {}
             .cm-tab { display: inline-block; text-decoration: inherit; }
             .CodeMirror-ruler {
               border-left: 1px solid #ccc;
               position: absolute;
             }
             /* DEFAULT THEME */
             .cm-s-default .cm-header {color: blue;}
             .cm-s-default .cm-quote {color: #090;}
             .cm-negative {color: #d44;}
             .cm-positive {color: #292;}
             .cm-header, .cm-strong {font-weight: bold;}
             .cm-em {font-style: italic;}
             .cm-link {text-decoration: underline;}
             .cm-strikethrough {text-decoration: line-through;}
             .cm-s-default .cm-keyword {color: #708;}
             .cm-s-default .cm-atom {color: #219;}
             .cm-s-default .cm-number {color: #164;}
             .cm-s-default .cm-def {color: #00f;}
             .cm-s-default .cm-variable,
             .cm-s-default .cm-punctuation,
             .cm-s-default .cm-property,
             .cm-s-default .cm-operator {}
             .cm-s-default .cm-variable-2 {color: #05a;}
             .cm-s-default .cm-variable-3 {color: #085;}
             .cm-s-default .cm-comment {color: #a50;}
             .cm-s-default .cm-string {color: #a11;}
             .cm-s-default .cm-string-2 {color: #f50;}
             .cm-s-default .cm-meta {color: #555;}
             .cm-s-default .cm-qualifier {color: #555;}
             .cm-s-default .cm-builtin {color: #30a;}
             .cm-s-default .cm-bracket {color: #997;}
             .cm-s-default .cm-tag {color: #170;}
             .cm-s-default .cm-attribute {color: #00c;}
             .cm-s-default .cm-hr {color: #999;}
             .cm-s-default .cm-link {color: #00c;}
             .cm-s-default .cm-error {color: #f00;}
             .cm-invalidchar {color: #f00;}
             .CodeMirror-composing { border-bottom: 2px solid; }
             /* Default styles for common addons */
             div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
             div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
             .CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
             .CodeMirror-activeline-background {background: #e8f2ff;}
             /* STOP */
             /* The rest of this file contains styles related to the mechanics of
                the editor. You probably shouldn't touch them. */
             .CodeMirror {
               position: relative;
               overflow: hidden;
               background: white;
             }
             .CodeMirror-scroll {
-              overflow: scroll !important; /* Things will break if this is overridden */
+              overflow: scroll; /* Things will break if this is overridden */
               /* 30px is the magic margin used to hide the element's real scrollbars */
               /* See overflow: hidden in .CodeMirror */
               margin-bottom: -30px; margin-right: -30px;
               padding-bottom: 30px;
               height: 100%;
               outline: none; /* Prevent dragging from highlighting the element */
               position: relative;
             }
             .CodeMirror-sizer {
               position: relative;
               border-right: 30px solid transparent;
             }
             /* The fake, visible scrollbars. Used to force redraw during scrolling
                before actual scrolling happens, thus preventing shaking and
                flickering artifacts. */
             .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
               position: absolute;
               z-index: 6;
               display: none;
             }
             .CodeMirror-vscrollbar {
               right: 0; top: 0;
               overflow-x: hidden;
               overflow-y: scroll;
             }
             .CodeMirror-hscrollbar {
               bottom: 0; left: 0;
               overflow-y: hidden;
               overflow-x: scroll;
             }
             .CodeMirror-scrollbar-filler {
               right: 0; bottom: 0;
             }
             .CodeMirror-gutter-filler {
               left: 0; bottom: 0;
             }
             .CodeMirror-gutters {
               position: absolute; left: 0; top: 0;
               z-index: 3;
             }
             .CodeMirror-gutter {
               white-space: normal;
               height: 100%;
               display: inline-block;
               margin-bottom: -30px;
               /* Hack to make IE7 behave */
               *zoom:1;
               *display:inline;
             }
             .CodeMirror-gutter-wrapper {
               position: absolute;
               z-index: 4;
               height: 100%;
             }
             .CodeMirror-gutter-background {
               position: absolute;
               top: 0; bottom: 0;
               z-index: 4;
             }
             .CodeMirror-gutter-elt {
               position: absolute;
               cursor: default;
               z-index: 4;
             }
             .CodeMirror-gutter-wrapper {
               -webkit-user-select: none;
               -moz-user-select: none;
               user-select: none;
             }
             .CodeMirror-lines {
               cursor: text;
               min-height: 1px; /* prevents collapsing before first draw */
             }
             .CodeMirror pre {
               /* Reset some styles that the rest of the page might have set */
               -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
               border-width: 0;
               background: transparent;
               font-family: inherit;
               font-size: inherit;
               margin: 0;
               white-space: pre;
               word-wrap: normal;
               line-height: inherit;
               color: inherit;
               z-index: 2;
               position: relative;
               overflow: visible;
               -webkit-tap-highlight-color: transparent;
             }
             .CodeMirror-wrap pre {
               word-wrap: break-word;
               white-space: pre-wrap;
               word-break: normal;
             }
             .CodeMirror-linebackground {
               position: absolute;
               left: 0; right: 0; top: 0; bottom: 0;
               z-index: 0;
             }
             .CodeMirror-linewidget {
               position: relative;
               z-index: 2;
               overflow: auto;
             }
             .CodeMirror-widget {}
             .CodeMirror-code {
               outline: none;
             }
             /* Force content-box sizing for the elements where we expect it */
             .CodeMirror-scroll,
             .CodeMirror-sizer,
             .CodeMirror-gutter,
             .CodeMirror-gutters,
             .CodeMirror-linenumber {
               -moz-box-sizing: content-box;
               box-sizing: content-box;
             }
             .CodeMirror-measure {
               position: absolute;
               width: 100%;
               height: 0;
               overflow: hidden;
               visibility: hidden;
             }
             .CodeMirror div.CodeMirror-cursor {
               position: absolute;
               border-right: none;
               width: 0;
             }
             .CodeMirror-measure pre { position: static; }
             div.CodeMirror-cursors {
               visibility: hidden;
               position: relative;
               z-index: 3;
             }
             div.CodeMirror-dragcursors {
               visibility: visible;
             }
             .CodeMirror-focused div.CodeMirror-cursors {
               visibility: visible;
             }
             .CodeMirror-selected { background: #d9d9d9; }
             .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
             .CodeMirror-crosshair { cursor: crosshair; }
             .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
             .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
             .cm-searching {
               background: #ffa;
               background: rgba(255, 255, 0, .4);
             }
             /* IE7 hack to prevent it from returning funny offsetTops on the spans */
             .CodeMirror span { *vertical-align: text-bottom; }
             /* Used to force a border model for a node */
             .cm-force-border { padding-right: .1px; }
             @media print {
               /* Hide the cursor when printing */
               .CodeMirror div.CodeMirror-cursors {
                 visibility: hidden;
               }
             }
             /* See issue #2901 */
             .cm-tab-wrap-hack:after { content: ''; }
             /* Help users use markselection to safely style text background */
             span.CodeMirror-selectedtext { background: none; }
             /* codemirror autocomplete widget */
             .CodeMirror-hints {
               position: absolute;
               z-index: 10;
               overflow: hidden;
               list-style: none;
               margin: 0;
               padding: 0;
               border-radius: @border-radius;
               border: @border-thickness solid @rcblue;
               color: @rcblue;
               background-color: white;
               font-size: 95%;
               max-height: 20em;
               overflow-y: auto;
             }
             .CodeMirror-hint {
               margin: 0;
               padding: 4px 8px;
               max-width: 40em;
               white-space: pre;
               color: @rcblue;
               cursor: pointer;
             }
             .CodeMirror-hint-active {
               background: @rclightblue;
               color: @rcblue;
             }
             .CodeMirror-hint-entry {
               width: 38em;
               color: @rcblue;
             }
             .CodeMirror-hint-entry .gravatar {
               height: @gravatar-size;
               width: @gravatar-size;
               margin-right: 4px;
             }
             .CodeMirror-empty {
               border: @border-thickness solid @grey5;
             }
             .CodeMirror-focused {
               border: @border-thickness solid @grey5;
             }
             .CodeMirror-empty.CodeMirror-focused {
               border: @border-thickness solid @grey5;
             }
             .CodeMirror pre.CodeMirror-placeholder {
               color: @grey4;
             }
             /** RhodeCode Customizations **/
             .CodeMirror.cm-s-rc-input {
               border: @border-thickness solid @grey4;
             }
             .CodeMirror-code pre {
               border-right: 30px solid transparent;
               width: -webkit-fit-content;
               width: -moz-fit-content;
               width: fit-content;
             }
             .CodeMirror-wrap .CodeMirror-code pre {
               border-right: none;
               width: auto;
             }

rhodecode/public/css/comments.less

0 +1 -1

             // comments.less
             // For use in RhodeCode applications;
             // see style guide documentation for guidelines.
             // Comments
             @comment-outdated-opacity: 0.6;
             .comments {
                 width: 100%;
             }
             tr.inline-comments div {
                 max-width: 100%;
                 p {
                     white-space: normal;
                 }
                 code, pre, .code, dd {
                     overflow-x: auto;
                     width: 1062px;
                 }
                 dd {
                     width: auto;
                 }
             }
             #injected_page_comments {
                 .comment-previous-link,
                 .comment-next-link,
                 .comment-links-divider {
                     display: none;
                 }
             }
             .add-comment {
                 margin-bottom: 10px;
             }
             .hide-comment-button .add-comment {
                 display: none;
             }
             .comment-bubble {
                 color: @grey4;
                 margin-top: 4px;
                 margin-right: 30px;
                 visibility: hidden;
             }
             .comment-label {
                 float: left;
                 padding: 0.4em 0.4em;
                 margin: 3px 5px 0px -10px;
                 display: inline-block;
                 min-height: 0;
                 text-align: center;
                 font-size: 10px;
                 line-height: .8em;
                 font-family: @text-italic;
                 background: #fff none;
                 color: @grey4;
                 border: 1px solid @grey4;
                 white-space: nowrap;
                 text-transform: uppercase;
                 min-width: 40px;
                 &.todo {
                     color: @color5;
                     font-family: @text-bold-italic;
                 }
                 .resolve {
                     cursor: pointer;
                     text-decoration: underline;
                 }
                 .resolved {
                     text-decoration: line-through;
                     color: @color1;
                 }
                 .resolved a {
                     text-decoration: line-through;
                     color: @color1;
                 }
                 .resolve-text {
                     color: @color1;
                     margin: 2px 8px;
                     font-family: @text-italic;
                 }
             }
             .has-spacer-after {
                 &:after {
                     content: ' | ';
                     color: @grey5;
                 }
             }
             .has-spacer-before {
                 &:before {
                     content: ' | ';
                     color: @grey5;
                 }
             }
             .comment {
                 &.comment-general {
                     border: 1px solid @grey5;
                     padding: 5px 5px 5px 5px;
                 }
                 margin: @padding 0;
                 padding: 4px 0 0 0;
                 line-height: 1em;
                 .rc-user {
                     min-width: 0;
                     margin: 0px .5em 0 0;
                     .user {
                         display: inline;
                     }
                 }
                 .meta {
                     position: relative;
                     width: 100%;
                     border-bottom: 1px solid @grey5;
                     margin: -5px 0px;
                     line-height: 24px;
                     &:hover .permalink {
                         visibility: visible;
                         color: @rcblue;
                     }
                 }
                 .author,
                 .date {
                     display: inline;
                     &:after {
                         content: ' | ';
                         color: @grey5;
                     }
                 }
                 .author-general img {
                     top: 3px;
                 }
                 .author-inline img {
                     top: 3px;
                 }
                 .status-change,
                 .permalink,
                 .changeset-status-lbl {
                     display: inline;
                 }
                 .permalink {
                     visibility: hidden;
                 }
                 .comment-links-divider {
                     display: inline;
                 }
                 .comment-links-block {
                     float:right;
                     text-align: right;
                     min-width: 85px;
                     [class^="icon-"]:before,
                     [class*=" icon-"]:before {
                         margin-left: 0;
                         margin-right: 0;
                     }
                 }
                 .comment-previous-link {
                     display: inline-block;
                     .arrow_comment_link{
                         cursor: pointer;
                         i {
                             font-size:10px;
                         }
                     }
                     .arrow_comment_link.disabled {
                         cursor: default;
                         color: @grey5;
                     }
                 }
                 .comment-next-link {
                     display: inline-block;
                     .arrow_comment_link{
                         cursor: pointer;
                         i {
                             font-size:10px;
                         }
                     }
                     .arrow_comment_link.disabled {
                         cursor: default;
                         color: @grey5;
                     }
                 }
                 .flag_status {
                     display: inline-block;
                     margin: -2px .5em 0 .25em
                 }
                 .delete-comment {
                     display: inline-block;
                     color: @rcblue;
                     &:hover {
                         cursor: pointer;
                     }
                 }
                 .text {
                     clear: both;
                     .border-radius(@border-radius);
                     .box-sizing(border-box);
                     .markdown-block p,
                     .rst-block p {
-                        margin: .5em 0 !important;
+                        margin: .5em 0;
                       // TODO: lisa: This is needed because of other rst !important rules :[
                     }
                 }
                 .pr-version {
                     float: left;
                     margin: 0px 4px;
                 }
                 .pr-version-inline {
                     float: left;
                     margin: 0px 4px;
                 }
                 .pr-version-num {
                     font-size: 10px;
                 }
             }
             @comment-padding: 5px;
             .general-comments {
                 .comment-outdated {
                     opacity: @comment-outdated-opacity;
                 }
             }
             .inline-comments {
                 border-radius: @border-radius;
                 .comment {
                     margin: 0;
                     border-radius: @border-radius;
                 }
                 .comment-outdated {
                     opacity: @comment-outdated-opacity;
                 }
                 .comment-inline {
                     background: white;
                     padding: @comment-padding @comment-padding;
                     border: @comment-padding solid @grey6;
                     .text {
                         border: none;
                     }
                     .meta {
                         border-bottom: 1px solid @grey6;
                         margin: -5px 0px;
                         line-height: 24px;
                     }
                 }
                 .comment-selected {
                     border-left: 6px solid @comment-highlight-color;
                 }
                 .comment-inline-form {
                     padding: @comment-padding;
                     display: none;
                 }
                 .cb-comment-add-button {
                     margin: @comment-padding;
                 }
                  /* hide add comment button when form is open */
                 .comment-inline-form-open ~ .cb-comment-add-button {
                     display: none;
                 }
                 .comment-inline-form-open {
                     display: block;
                 }
                  /* hide add comment button when form but no comments */
                 .comment-inline-form:first-child + .cb-comment-add-button {
                     display: none;
                 }
                  /* hide add comment button when no comments or form */
                 .cb-comment-add-button:first-child {
                     display: none;
                 }
                  /* hide add comment button when only comment is being deleted */
                 .comment-deleting:first-child + .cb-comment-add-button {
                     display: none;
                 }
             }
             .show-outdated-comments {
                 display: inline;
                 color: @rcblue;
             }
             // Comment Form
             div.comment-form {
                 margin-top: 20px;
             }
             .comment-form strong {
                 display: block;
                 margin-bottom: 15px;
             }
             .comment-form textarea {
                 width: 100%;
                 height: 100px;
                 font-family: 'Monaco', 'Courier', 'Courier New', monospace;
             }
             form.comment-form {
                 margin-top: 10px;
                 margin-left: 10px;
             }
             .comment-inline-form .comment-block-ta,
             .comment-form .comment-block-ta,
             .comment-form .preview-box {
                 .border-radius(@border-radius);
                 .box-sizing(border-box);
                 background-color: white;
             }
             .comment-form-submit {
                 margin-top: 5px;
                 margin-left: 525px;
             }
             .file-comments {
                 display: none;
             }
             .comment-form .preview-box.unloaded,
             .comment-inline-form .preview-box.unloaded {
                 height: 50px;
                 text-align: center;
                 padding: 20px;
                 background-color: white;
             }
             .comment-footer {
                 position: relative;
                 width: 100%;
                 min-height: 42px;
                 .status_box,
                 .cancel-button {
                     float: left;
                     display: inline-block;
                 }
                 .action-buttons {
                     float: right;
                     display: inline-block;
                 }
                 .action-buttons-extra {
                     display: inline-block;
                 }
             }
             .comment-form {
                 .comment {
                     margin-left: 10px;
                 }
                 .comment-help {
                     color: @grey4;
                     padding: 5px 0 5px 0;
                 }
                 .comment-title {
                     padding: 5px 0 5px 0;
                 }
                 .comment-button {
                     display: inline-block;
                 }
                 .comment-button-input {
                     margin-right: 0;
                 }
                 .comment-footer {
                     margin-bottom: 110px;
                     margin-top: 10px;
                 }
             }
             .comment-form-login {
                 .comment-help {
                     padding: 0.9em; //same as the button
                 }
                 div.clearfix {
                     clear: both;
                     width: 100%;
                     display: block;
                 }
             }
             .comment-type {
                 margin: 0px;
                 border-radius: inherit;
                 border-color: @grey6;
             }
             .preview-box {
                 min-height: 105px;
                 margin-bottom: 15px;
                 background-color: white;
                 .border-radius(@border-radius);
                 .box-sizing(border-box);
             }
             .add-another-button {
                 margin-left: 10px;
                 margin-top: 10px;
                 margin-bottom: 10px;
             }
             .comment .buttons {
                 float: right;
                 margin: -1px 0px 0px 0px;
             }
             // Inline Comment Form
             .injected_diff .comment-inline-form,
             .comment-inline-form {
                 background-color: white;
                 margin-top: 10px;
                 margin-bottom: 20px;
             }
             .inline-form {
                 padding: 10px 7px;
             }
             .inline-form div {
                 max-width: 100%;
             }
             .overlay {
                 display: none;
                 position: absolute;
                 width: 100%;
                 text-align: center;
                 vertical-align: middle;
                 font-size: 16px;
                 background: none repeat scroll 0 0 white;
                 &.submitting {
                     display: block;
                     opacity: 0.5;
                     z-index: 100;
                 }
             }
             .comment-inline-form .overlay.submitting .overlay-text {
                 margin-top: 5%;
             }
             .comment-inline-form .clearfix,
             .comment-form .clearfix {
                 .border-radius(@border-radius);
                 margin: 0px;
             }
             .comment-inline-form .comment-footer {
                 margin: 10px 0px 0px 0px;
             }
             .hide-inline-form-button {
                 margin-left: 5px;
             }
             .comment-button .hide-inline-form {
                 background: white;
             }
             .comment-area {
                 padding: 8px 12px;
                 border: 1px solid @grey5;
                 .border-radius(@border-radius);
                 .resolve-action {
                     padding: 1px 0px 0px 6px;
                 }
             }
             .comment-area-header .nav-links {
                 display: flex;
                 flex-flow: row wrap;
                 -webkit-flex-flow: row wrap;
                 width: 100%;
             }
             .comment-area-footer {
                 display: flex;
             }
             .comment-footer .toolbar {
             }
             .nav-links {
                 padding: 0;
                 margin: 0;
                 list-style: none;
                 height: auto;
                 border-bottom: 1px solid @grey5;
             }
             .nav-links li {
                 display: inline-block;
             }
             .nav-links li:before {
                 content: "";
             }
             .nav-links li a.disabled {
                 cursor: not-allowed;
             }
             .nav-links li.active a {
                 border-bottom: 2px solid @rcblue;
                 color: #000;
                 font-weight: 600;
             }
             .nav-links li a {
                 display: inline-block;
                 padding: 0px 10px 5px 10px;
                 margin-bottom: -1px;
                 font-size: 14px;
                 line-height: 28px;
                 color: #8f8f8f;
                 border-bottom: 2px solid transparent;
             }
             .toolbar-text {
                 float: left;
                 margin: -5px 0px 0px 0px;
                 font-size: 12px;
             }

rhodecode/public/css/deform.less

0 +2 -2

             .deform {
               * {
                 box-sizing: border-box;
               }
               .required:after {
                 color: #e32;
                 content: '*';
                 display:inline;
               }
               .control-label {
                 width: 200px;
                 padding: 10px 0px;
                 float: left;
               }
               .control-inputs {
                 width: 400px;
                 float: left;
               }
               .form-group .radio, .form-group .checkbox {
                   position: relative;
                   display: block;
                   /* margin-bottom: 10px; */
               }
               .form-group {
                 clear: left;
                 margin-bottom: 20px;
                 &:after { /* clear fix */
                   content: " ";
                   display: block;
                   clear: left;
                 }
               }
               .form-control {
                 width: 100%;
                 padding: 0.9em;
                 border: 1px solid #979797;
                 border-radius: 2px;
               }
               .form-control.select2-container {
                 padding: 0; /* padding already applied in .drop-menu a */
               }
               .form-control.readonly {
                 background: #eeeeee;
                 cursor: not-allowed;
               }
               .error-block {
                 color: red;
                 margin: 0;
               }
               .help-block {
                 margin: 0;
               }
               .deform-seq-container .control-inputs {
                 width: 100%;
               }
               .deform-seq-container .deform-seq-item-handle {
                 width: 8.3%;
                 float: left;
               }
               .deform-seq-container .deform-seq-item-group {
                 width: 91.6%;
                 float: left;
               }
               .form-control {
                   input {
                     height: 40px;
                   }
                   input[type=checkbox], input[type=radio] {
                     height: auto;
                   }
                   select {
                     height: 40px;
                   }
               }
               .form-control.select2-container {
                 height: 40px;
               }
               .deform-full-field-sequence.control-inputs {
                  width: 100%;
               }
               .deform-table-sequence {
                 .deform-seq-container {
                   .deform-seq-item {
                     margin: 0;
                     label {
                       display: none;
                     }
                     .panel-heading {
                       display: none;
                     }
                     .deform-seq-item-group > .panel {
                       padding: 0;
                       margin: 5px 0;
                       border: none;
                       &> .panel-body {
                         padding: 0;
                       }
                     }
                     &:first-child label {
                       display: block;
                     }
                   }
                 }
               }
               .deform-table-2-sequence {
                 .deform-seq-container {
                   .deform-seq-item {
                     .form-group {
-                      width: 45% !important; padding: 0 2px; float: left; clear: none;
+                      width: 45% padding: 0 2px; float: left; clear: none;
                     }
                   }
                 }
               }
               .deform-table-3-sequence {
                 .deform-seq-container {
                   .deform-seq-item {
                     .form-group {
-                      width: 30% !important; padding: 0 2px; float: left; clear: none;
+                      width: 30% padding: 0 2px; float: left; clear: none;
                     }
                   }
                 }
               }
             }

rhodecode/public/css/diff.less

0 +4 -4

             div.diffblock .code-header .changeset_header > div {
                 margin: 0 @padding;
             }
             // Line select and comment
             div.diffblock.margined.comm tr {
                 td {
                     // IMPORTANT - never position:relative this as it causes insanely
                     // slow rendering
                 }
                 .add-comment-line {
                     // Force td width for Firefox
                     width: 20px;
                     // TODO: anderson: fixing mouse-over bug.
                     // why was it vertical-align baseline in first place??
-                    vertical-align: top !important;
+                    vertical-align: top;
                     // Force width and display for IE 9
                     .add-comment-content {
                         display: inline-block;
                         width: 20px;
                         a {
                             display: none;
                             margin-top: 2px;
                             margin-left: 2px;
                             color: @grey3;
                         }
                     }
                 }
                 .comment-toggle {
                     position: relative;
                     min-width: 20px;
                     width: 20px;
                     color: @rcblue;
                     .icon-comment {
                         position: absolute;
                         top: 2px;
                         left: 0;
                         z-index: 100;
                         visibility: hidden;
                     }
                     &.active {
                         .icon-comment{
                             visibility: visible;
                         }
                         cursor: pointer;
                     }
                 }
                 &.line {
                     &:hover, &.hover{
                         .add-comment-line a{
                             display: inline;
                         }
                     }
                     &.hover, &.selected {
                         &, del, ins {
-                            background-color: lighten(@alert3, 10%)  !important;
+                            background-color: lighten(@alert3, 10%);
                         }
                     }
                     &.commenting {
                         &, del, ins {
-                                background-image: none !important;
+                                background-image: none;
-                                background-color:  lighten(@alert4, 10%) !important;
+                                background-color:  lighten(@alert4, 10%);
                             }
                     }
                 }
             }
             .compare-header {
                 overflow-x: auto;
                 overflow-y: hidden;
                 clear: both;
                 padding: @padding;
                 background: @grey6;
                 border: @border-thickness solid @border-default-color;
                 .border-radius(@border-radius);
                 .compare-value,
                 .compare-label {
                     float: left;
                     display: inline-block;
                     min-width: 5em;
                     margin: 0;
                     padding: 0.9em 0.9em 0.9em 0;
                 }
                 .compare-label {
                     clear: both;
                     font-family: @text-semibold;
                 }
             }

rhodecode/public/css/helpers.less

0 +2 -2

             //--- RESETS ---//
             :focus { outline: none; }
             a { cursor: pointer; }
             //--- clearfix --//
             .clearfix {
                 &:before,
                 &:after {
                     content:"";
                     width: 100%;
                     clear: both;
                     float: left;
                 }
             }
             .clearinner:after { /* clears all floating divs inside a block */
                 content: "";
                 display: table;
                 clear: both;
             }
             .js-template { /* mark a template for javascript use */
                 display: none;
             }
             .linebreak {
                 display: block;
             }
             .pull-right {
-                float: right !important;
+                float: right;
             }
             .pull-left {
-                float: left !important;
+                float: left;
             }
             .block-left {
                 float: left;
             }
             .block-right {
                 float: right;
                 clear: right;
                 li:before { content:none; }
             }
             //--- DEVICE-SPECIFIC CLASSES ---------------//
             //regular tablet and up
             @media (min-width:768px) {
                 .no-mobile {
                     display: block;
                 }
                 .mobile-only {
                     display: none;
                 }
             }
             //small tablet and phone
             @media (max-width:767px) {
                 .mobile-only {
                     display: block;
                 }
                 .no-mobile {
                     display: none;
                 }
             }
             //--- STICKY FOOTER ---//
             html, body {
                 height: 100%;
                 margin: 0;
             }
             .outerwrapper {
                 height: 100%;
                 min-height: 100%;
                 margin: 0;
                 padding-bottom: 3em; /* must be equal to footer height */
             }
             .outerwrapper:after{
                 content:" ";
             }
             #footer {
                 clear: both;
                 position: relative;
                 height: 3em; /* footer height */
                 margin: -3em 0 0; /* must be equal to footer height */
             }

rhodecode/public/css/legacy_code_styles.less

0 +62 -62

             /** MODAL **/
             .modal-open {
               overflow:hidden;
             }
             body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
               margin-right:15px;
             }
             .modal {
               position:fixed;
               top:0;
               right:0;
               bottom:0;
               left:0;
               z-index:1040;
               display:none;
               overflow-y:scroll;
             	&.fade .modal-dialog {
              		-webkit-transform:translate(0,-25%);
              		-ms-transform:translate(0,-25%);
              		transform:translate(0,-25%);
              		-webkit-transition:-webkit-transform 0.3s ease-out;
              		-moz-transition:-moz-transform 0.3s ease-out;
              		-o-transition:-o-transform 0.3s ease-out;
              		transition:transform 0.3s ease-out;
             	}
             	&.in .modal-dialog {
             		-webkit-transform:translate(0,0);
             		-ms-transform:translate(0,0);
             		transform:translate(0,0);
             	}
             }
             .modal-dialog {
               z-index:1050;
               width:auto;
               padding:10px;
               margin-right:auto;
               margin-left:auto;
             }
             .modal-content {
               position:relative;
               background-color:#ffffff;
               border: @border-thickness solid rgba(0,0,0,0.2);
               .border-radius(@border-radius);
               outline:none;
               -webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);
               box-shadow:0 3px 9px rgba(0,0,0,0.5);
               background-clip:padding-box;
             }
             .modal-backdrop {
               position:fixed;
               top:0;
               right:0;
               bottom:0;
               left:0;
               z-index:1030;
               background-color:#000000;
             	&.modal-backdrop.fade {
             		opacity:0;
             		filter:alpha(opacity=0);
             	}
             	&.in {
             		opacity:0.5;
             		filter:alpha(opacity=50);
             	}
             }
             .modal-header {
               min-height:16.428571429px;
               padding:15px;
               border-bottom: @border-thickness solid @grey6;
               .close {
                 margin-top:-2px;
               }
             }
             .modal-title {
               margin:0;
               line-height:1.428571429;
             }
             .modal-body {
               position:relative;
               padding:20px;
             }
             .modal-footer {
               padding:19px 20px 20px;
               margin-top:15px;
               text-align:right;
               border-top:1px solid #e5e5e5;
               .btn + .btn {
                 margin-bottom:0;
                 margin-left:5px;
               }
               .btn-group .btn + .btn {
                 margin-left:-1px;
               }
               .btn-block + .btn-block {
                 margin-left:0;
               }
             	&:before {
             		display:table;
             		content:" ";
             	}
             	&:after {
             		display:table;
             		content:" ";
             		clear:both;
             	}
             }
             /** MARKDOWN styling **/
             div.markdown-block {
                 clear: both;
                 overflow: hidden;
                 margin: 0;
                 padding: 3px 15px 3px;
             }
             div.markdown-block h1,
             div.markdown-block h2,
             div.markdown-block h3,
             div.markdown-block h4,
             div.markdown-block h5,
             div.markdown-block h6 {
-                border-bottom: none !important;
+                border-bottom: none;
-                padding: 0 !important;
+                padding: 0;
-                overflow: visible !important;
+                overflow: visible;
             }
             div.markdown-block h1 {
                 font-size: 32px;
-                margin: 15px 0 15px 0 !important;
+                margin: 15px 0 15px 0;
-                padding-bottom: 5px !important;
+                padding-bottom: 5px;
             }
             div.markdown-block h2 {
-                font-size: 24px !important;
+                font-size: 24px;
-                margin: 34px 0 10px 0 !important;
+                margin: 34px 0 10px 0;
-                border-top: 3px #e6e5e5 solid !important;
+                border-top: 3px #e6e5e5 solid;
-                padding-top: 15px !important;
+                padding-top: 15px;
-                padding-bottom: 8px !important;
+                padding-bottom: 8px;
             }
             div.markdown-block h3 {
-                font-size: 18px !important;
+                font-size: 18px;
-                margin: 30px 0 8px 0 !important;
+                margin: 30px 0 8px 0;
-                padding-bottom: 2px !important;
+                padding-bottom: 2px;
             }
             div.markdown-block h4 {
-                font-size: 13px !important;
+                font-size: 13px;
-                margin: 18px 0 3px 0 !important;
+                margin: 18px 0 3px 0;
             }
             div.markdown-block h5 {
-                font-size: 12px !important;
+                font-size: 12px;
-                margin: 15px 0 3px 0 !important;
+                margin: 15px 0 3px 0;
             }
             div.markdown-block h6 {
                 font-size: 12px;
                 color: #777777;
-                margin: 15px 0 3px 0 !important;
+                margin: 15px 0 3px 0;
             }
             div.markdown-block hr {
                 border: 0;
                 color: #e6e5e5;
                 background-color: #e6e5e5;
                 height: 3px;
                 margin-bottom: 13px;
             }
             div.markdown-block ol,
             div.markdown-block ul,
             div.markdown-block p,
             div.markdown-block blockquote,
             div.markdown-block dl,
             div.markdown-block li,
             div.markdown-block table {
-                margin: 3px 0px 13px 0px !important;
+                margin: 3px 0px 13px 0px;
-                color: #424242 !important;
+                color: #424242;
-                font-size: 13px !important;
+                font-size: 13px;
-                font-family: "Helvetica" !important;
+                font-family: "Helvetica";
-                font-weight: normal  !important;
+                font-weight: normal ;
-                overflow: visible !important;
+                overflow: visible;
-                line-height: 140% !important;
+                line-height: 140%;
             }
             div.markdown-block pre {
-              margin: 3px 0px 13px 0px !important;
+              margin: 3px 0px 13px 0px;
               padding: .5em;
-              color: #424242 !important;
+              color: #424242;
-              font-size: 13px !important;
+              font-size: 13px;
-              overflow: visible !important;
+              overflow: visible;
-              line-height: 140% !important;
+              line-height: 140%;
               background-color: @grey7;
             }
             div.markdown-block img {
               border-style: none;
               background-color: #fff;
             }
             div.markdown-block strong {
               font-weight: 600;
               margin: 0;
             }
             div.markdown-block ul,
             div.markdown-block ol {
-                padding-left: 30px !important;
+                padding-left: 30px;
-                margin-top: 0px !important;
+                margin-top: 0px;
-                margin-bottom: 18px !important;
+                margin-bottom: 18px;
             }
             div.markdown-block ul li,
             div.markdown-block ol li {
-                list-style: disc !important;
+                list-style: disc;
-                margin: 6px !important;
+                margin: 6px;
-                padding: 0 !important;
+                padding: 0;
             }
             div.markdown-block ol li {
-                list-style: decimal !important;
+                list-style: decimal;
             }
             /*
             div.markdown-block a,
             div.markdown-block a:visited {
-                color: #4183C4 !important;
+                color: #4183C4;
                 background-color: inherit;
                 text-decoration: none;
             }
             */
             div.markdown-block #message {
                 .border-radius(@border-radius);
                 border: @border-thickness solid @grey5;
                 display: block;
                 width: 100%;
                 height: 60px;
                 margin: 6px 0px;
             }
             div.markdown-block button,
             div.markdown-block #ws {
                 font-size: @basefontsize;
                 padding: 4px 6px;
                 .border-radius(@border-radius);
                 border: @border-thickness solid @grey5;
                 background-color: @grey6;
             }
             div.markdown-block code,
             div.markdown-block pre,
             div.markdown-block #ws,
             div.markdown-block #message {
                 font-family: Monaco;
                 font-size: 11px;
                 .border-radius(@border-radius);
                 background-color: white;
                 color: @grey3;
             }
             div.markdown-block code {
                 border: @border-thickness solid @grey6;
                 margin: 0 2px;
                 padding: 0 5px;
             }
             div.markdown-block pre {
                 border: @border-thickness solid @grey5;
                 overflow: auto;
                 padding: .5em;
                 background-color: @grey7;
             }
             div.markdown-block pre > code {
                 border: 0;
                 margin: 0;
                 padding: 0;
             }
             /** RST STYLE **/
             div.rst-block {
                 clear: both;
                 overflow: hidden;
                 margin: 0;
                 padding: 3px 15px 3px;
             }
             div.rst-block h2 {
                 font-weight: normal;
             }
             div.rst-block  h1,
             div.rst-block  h2,
             div.rst-block  h3,
             div.rst-block  h4,
             div.rst-block  h5,
             div.rst-block  h6 {
-                border-bottom: 0 !important;
+                border-bottom: 0;
-                margin: 0 !important;
+                margin: 0;
-                padding: 0 !important;
+                padding: 0;
-                line-height: 1.5em !important;
+                line-height: 1.5em;
             }
             div.rst-block  h1:first-child {
-                padding-top: .25em !important;
+                padding-top: .25em;
             }
             div.rst-block  h2,
             div.rst-block  h3 {
-                margin: 1em 0 !important;
+                margin: 1em 0;
             }
             div.rst-block  h2 {
-                margin-top: 1.5em !important;
+                margin-top: 1.5em;
-                border-top: 4px solid #e0e0e0 !important;
+                border-top: 4px solid #e0e0e0;
-                padding-top: .5em !important;
+                padding-top: .5em;
             }
             div.rst-block  p {
-                color: black !important;
+                color: black;
-                margin: 1em 0 !important;
+                margin: 1em 0;
-                line-height: 1.5em !important;
+                line-height: 1.5em;
             }
             div.rst-block  ul {
-                list-style: disc !important;
+                list-style: disc;
-                margin: 1em 0 1em 2em !important;
+                margin: 1em 0 1em 2em;
                 clear: both;
             }
             div.rst-block  ol {
                 list-style: decimal;
-                margin: 1em 0 1em 2em !important;
+                margin: 1em 0 1em 2em;
             }
             div.rst-block pre,
             div.rst-block code {
                 font: 12px "Bitstream Vera Sans Mono","Courier",monospace;
             }
             div.rst-block code {
-                font-size: 12px !important;
+                font-size: 12px;
-                background-color: ghostWhite !important;
+                background-color: ghostWhite;
-                color: #444 !important;
+                color: #444;
-                padding: 0 .2em !important;
+                padding: 0 .2em;
-                border: 1px solid #dedede !important;
+                border: 1px solid #dedede;
             }
             div.rst-block pre code {
-                padding: 0 !important;
+                padding: 0;
-                font-size: 12px !important;
+                font-size: 12px;
-                background-color: #eee !important;
+                background-color: #eee;
-                border: none !important;
+                border: none;
             }
             div.rst-block pre {
                 margin: 1em 0;
                 padding: @padding;
                 border: 1px solid @grey6;
                 .border-radius(@border-radius);
                 overflow: auto;
                 font-size: 12px;
                 color: #444;
                 background-color: @grey7;
             }

rhodecode/public/css/main.less

0 +8 -8

             //Primary CSS
             //--- IMPORTS ------------------//
             @import 'helpers';
             @import 'mixins';
             @import 'rcicons';
             @import 'fonts';
             @import 'variables';
             @import 'bootstrap-variables';
             @import 'form-bootstrap';
             @import 'codemirror';
             @import 'legacy_code_styles';
             @import 'readme-box';
             @import 'progress-bar';
             @import 'type';
             @import 'alerts';
             @import 'buttons';
             @import 'tags';
             @import 'code-block';
             @import 'examples';
             @import 'login';
             @import 'main-content';
             @import 'select2';
             @import 'comments';
             @import 'panels-bootstrap';
             @import 'panels';
             @import 'deform';
             //--- BASE ------------------//
             .noscript-error {
                 top: 0;
                 left: 0;
                 width: 100%;
                 z-index: 101;
                 text-align: center;
                 font-family: @text-semibold;
                 font-size: 120%;
                 color: white;
                 background-color: @alert2;
                 padding: 5px 0 5px 0;
             }
             html {
                 display: table;
                 height: 100%;
                 width: 100%;
             }
             body {
                 display: table-cell;
                 width: 100%;
             }
             //--- LAYOUT ------------------//
             .hidden{
-            	display: none !important;
+            	display: none;
             }
             .box{
             	float: left;
             	width: 100%;
             }
             .browser-header {
                 clear: both;
             }
             .main {
               clear: both;
               padding:0 0 @pagepadding;
               height: auto;
             	&:after { //clearfix
             		content:"";
             		clear:both;
             		width:100%;
             		display:block;
             	}
             }
             .action-link{
             	margin-left: @padding;
             	padding-left: @padding;
             	border-left: @border-thickness solid @border-default-color;
             }
             input + .action-link, .action-link.first{
             	border-left: none;
             }
             .action-link.last{
             	margin-right: @padding;
             	padding-right: @padding;
             }
             .action-link.active,
             .action-link.active a{
             	color: @grey4;
             }
             .action-link.disabled {
                 color: @grey4;
                 cursor: inherit;
             }
             .clipboard-action {
               cursor: pointer;
             }
             ul.simple-list{
             	list-style: none;
             	margin: 0;
             	padding: 0;
             }
             .main-content {
             	padding-bottom: @pagepadding;
             }
             .wide-mode-wrapper {
-                max-width:4000px !important;
+                max-width:4000px;
             }
             .wrapper {
             	position: relative;
             	max-width: @wrapper-maxwidth;
             	margin: 0 auto;
             }
             #content {
                 clear: both;
                 padding: 0 @contentpadding;
             }
             .advanced-settings-fields{
             	input{
             		margin-left: @textmargin;
             		margin-right: @padding/2;
             	}
             }
             .cs_files_title {
                 margin: @pagepadding 0 0;
             }
             input.inline[type="file"] {
             	display: inline;
             }
             .error_page {
                 margin: 10% auto;
                 h1 {
                     color: @grey2;
                 }
                 .alert {
                     margin: @padding 0;
                 }
                 .error-branding {
                     font-family: @text-semibold;
                     color: @grey4;
                 }
                 .error_message {
                     font-family: @text-regular;
                 }
                 .sidebar {
                     min-height: 275px;
                     margin: 0;
                     padding: 0 0 @sidebarpadding @sidebarpadding;
                     border: none;
                 }
                 .main-content {
                     position: relative;
                     margin: 0 @sidebarpadding @sidebarpadding;
                     padding: 0 0 0 @sidebarpadding;
                     border-left: @border-thickness solid @grey5;
                     @media (max-width:767px) {
                         clear: both;
                         width: 100%;
                         margin: 0;
                         border: none;
                     }
                 }
                 .inner-column {
                     float: left;
                     width: 29.75%;
                     min-height: 150px;
                     margin: @sidebarpadding 2% 0 0;
                     padding: 0 2% 0 0;
                     border-right: @border-thickness solid @grey5;
                     @media (max-width:767px) {
                         clear: both;
                         width: 100%;
                         border: none;
                     }
                     ul {
                         padding-left: 1.25em;
                     }
                     &:last-child {
                         margin: @sidebarpadding 0 0;
                         border: none;
                     }
                     h4 {
                         margin: 0 0 @padding;
                         font-family: @text-semibold;
                     }
                 }
             }
             .error-page-logo {
                 width: 130px;
                 height: 160px;
             }
             // HEADER
             .header {
                 // TODO: johbo: Fix login pages, so that they work without a min-height
                 // for the header and then remove the min-height. I chose a smaller value
                 // intentionally here to avoid rendering issues in the main navigation.
                 min-height: 49px;
             	position: relative;
             	vertical-align: bottom;
             	padding: 0 @header-padding;
             	background-color: @grey2;
             	color: @grey5;
             	.title {
             		overflow: visible;
             	}
             	&:before,
             	&:after {
             		content: "";
             		clear: both;
             		width: 100%;
             	}
             	// TODO: johbo: Avoids breaking "Repositories" chooser
             	.select2-container .select2-choice .select2-arrow {
             	    display: none;
             	}
             }
             #header-inner {
             	&.title {
             		margin: 0;
             	}
             	&:before,
             	&:after {
             		content: "";
             		clear: both;
             	}
             }
             // Gists
             #files_data {
                 clear: both; //for firefox
             }
             #gistid {
                 margin-right: @padding;
             }
             // Global Settings Editor
             .textarea.editor {
             	float: left;
             	position: relative;
             	max-width: @texteditor-width;
             	select {
             		position: absolute;
             		top:10px;
             		right:0;
             	}
             	.CodeMirror {
             		margin: 0;
             	}
             	.help-block {
             		margin: 0 0 @padding;
             		padding:.5em;
             		background-color: @grey6;
                     &.pre-formatting {
                         white-space: pre;
                     }
             	}
             }
             ul.auth_plugins {
             	margin: @padding 0 @padding @legend-width;
             	padding: 0;
             	li {
             		margin-bottom: @padding;
                     line-height: 1em;
             		list-style-type: none;
             		.auth_buttons .btn {
             			margin-right: @padding;
             		}
                     &:before { content: none; }
             	}
             }
             // My Account PR list
             #show_closed {
                 margin: 0 1em 0 0;
             }
             .pullrequestlist {
                 .closed {
                     background-color: @grey6;
                 }
                 .td-status {
                     padding-left: .5em;
                 }
                 .log-container .truncate {
                     height: 2.75em;
                     white-space: pre-line;
                 }
                 table.rctable .user {
                     padding-left: 0;
                 }
                 table.rctable {
                     td.td-description,
                     .rc-user {
                         min-width: auto;
                     }
                 }
             }
             // Pull Requests
             .pullrequests_section_head {
             	display: block;
             	clear: both;
             	margin: @padding 0;
             	font-family: @text-bold;
             }
             .pr-origininfo, .pr-targetinfo {
                 position: relative;
                 .tag {
                     display: inline-block;
                     margin: 0 1em .5em 0;
                 }
                 .clone-url {
                     display: inline-block;
                     margin: 0 0 .5em 0;
                     padding: 0;
                     line-height: 1.2em;
                 }
             }
             .pr-mergeinfo {
-                  min-width: 95% !important;
+                  min-width: 95%;
-                  padding: 0 !important;
+                  padding: 0;
                   border: 0;
             }
             .pr-mergeinfo-copy {
                 padding: 0 0;
             }
             .pr-pullinfo {
-                  min-width: 95% !important;
+                  min-width: 95%;
-                  padding: 0 !important;
+                  padding: 0;
                   border: 0;
             }
             .pr-pullinfo-copy {
                 padding: 0 0;
             }
             #pr-title-input {
                 width: 72%;
                 font-size: 1em;
                 font-family: @text-bold;
                 margin: 0;
                 padding: 0 0 0 @padding/4;
                 line-height: 1.7em;
                 color: @text-color;
                 letter-spacing: .02em;
             }
             #pullrequest_title {
                 width: 100%;
                 box-sizing: border-box;
             }
             #pr_open_message {
                 border: @border-thickness solid #fff;
                 border-radius: @border-radius;
                 padding: @padding-large-vertical @padding-large-vertical @padding-large-vertical 0;
                 text-align: left;
                 overflow: hidden;
             }
             .pr-submit-button {
                 float: right;
                 margin: 0 0 0 5px;
             }
             .pr-spacing-container {
                 padding: 20px;
                 clear: both
             }
             #pr-description-input {
                 margin-bottom: 0;
             }
             .pr-description-label {
                 vertical-align: top;
             }
             .perms_section_head {
                 min-width: 625px;
                 h2 {
                     margin-bottom: 0;
                 }
                 .label-checkbox {
                     float: left;
                 }
                 &.field {
                     margin: @space 0 @padding;
                 }
                 &:first-child.field {
                     margin-top: 0;
                     .label {
                         margin-top: 0;
                         padding-top: 0;
                     }
                     .radios {
                         padding-top: 0;
                     }
                 }
                 .radios {
                     position: relative;
                     width: 505px;
                 }
             }
             //--- MODULES ------------------//
             // Server Announcement
             #server-announcement {
                 width: 95%;
                 margin: @padding auto;
                 padding: @padding;
                 border-width: 2px;
                 border-style: solid;
                 .border-radius(2px);
                 font-family: @text-bold;
                 &.info    { border-color: @alert4; background-color: @alert4-inner; }
                 &.warning { border-color: @alert3; background-color: @alert3-inner; }
                 &.error   { border-color: @alert2; background-color: @alert2-inner; }
                 &.success { border-color: @alert1; background-color: @alert1-inner; }
                 &.neutral { border-color: @grey3; background-color: @grey6; }
             }
             // Fixed Sidebar Column
             .sidebar-col-wrapper {
                 padding-left: @sidebar-all-width;
                 .sidebar {
                     width: @sidebar-width;
                     margin-left: -@sidebar-all-width;
                 }
             }
             .sidebar-col-wrapper.scw-small {
                 padding-left: @sidebar-small-all-width;
                 .sidebar {
                     width: @sidebar-small-width;
                     margin-left: -@sidebar-small-all-width;
                 }
             }
             // FOOTER
             #footer {
             	padding: 0;
             	text-align: center;
             	vertical-align: middle;
             	color: @grey2;
             	background-color: @grey6;
             	p {
             		margin: 0;
             		padding: 1em;
             		line-height: 1em;
             	}
             	.server-instance { //server instance
             		display: none;
             	}
             	.title {
             		float: none;
             		margin: 0 auto;
             	}
             }
             button.close {
             	padding: 0;
             	cursor: pointer;
             	background: transparent;
             	border: 0;
             	.box-shadow(none);
             	-webkit-appearance: none;
             }
             .close {
             	float: right;
             	font-size: 21px;
             	font-family: @text-bootstrap;
             	line-height: 1em;
             	font-weight: bold;
             	color: @grey2;
             	&:hover,
             	&:focus {
             		color: @grey1;
             		text-decoration: none;
             		cursor: pointer;
             	}
             }
             // GRID
             .sorting,
             .sorting_desc,
             .sorting_asc {
             	cursor: pointer;
             }
             .sorting_desc:after {
             	content: "\00A0\25B2";
             	font-size: .75em;
             }
             .sorting_asc:after {
             	content: "\00A0\25BC";
             	font-size: .68em;
             }
             .user_auth_tokens {
                 &.truncate {
                     white-space: nowrap;
                     overflow: hidden;
                     text-overflow: ellipsis;
                 }
             	.fields .field .input {
             		margin: 0;
             	}
             	input#description {
             		width: 100px;
             		margin: 0;
             	}
             	.drop-menu {
             	    // TODO: johbo: Remove this, should work out of the box when
             	    // having multiple inputs inline
             		margin: 0 0 0 5px;
             	}
             }
             #user_list_table {
               .closed {
                 background-color: @grey6;
               }
             }
             input {
             	&.disabled {
             		opacity: .5;
             	}
             }
             // remove extra padding in firefox
             input::-moz-focus-inner { border:0; padding:0 }
             .adjacent input {
             	margin-bottom: @padding;
             }
             .permissions_boxes {
             	display: block;
             }
             //TODO: lisa: this should be in tables
             .show_more_col {
                 width: 20px;
             }
             //FORMS
             .medium-inline,
             input#description.medium-inline {
             	display: inline;
             	width: @medium-inline-input-width;
             	min-width: 100px;
             }
             select {
             	//reset
             	-webkit-appearance: none;
             	-moz-appearance: none;
             	display: inline-block;
             	height: 28px;
             	width: auto;
             	margin: 0 @padding @padding 0;
             	padding: 0 18px 0 8px;
             	line-height:1em;
             	font-size: @basefontsize;
             	border: @border-thickness solid @rcblue;
             	background:white url("../images/dt-arrow-dn.png") no-repeat 100% 50%;
             	color: @rcblue;
             	&:after {
             		content: "\00A0\25BE";
             	}
             	&:focus {
             		outline: none;
             	}
             }
             option {
             	&:focus {
             		outline: none;
             	}
             }
             input,
             textarea {
             	padding: @input-padding;
             	border: @input-border-thickness solid @border-highlight-color;
             	.border-radius (@border-radius);
             	font-family: @text-light;
             	font-size: @basefontsize;
             	&.input-sm {
             		padding: 5px;
             	}
             	&#description {
             		min-width: @input-description-minwidth;
             		min-height: 1em;
             		padding: 10px;
             	}
             }
             .field-sm {
                 input,
                 textarea {
                     padding: 5px;
                 }
             }
             textarea {
             	display: block;
             	clear: both;
             	width: 100%;
             	min-height: 100px;
             	margin-bottom: @padding;
                 .box-sizing(border-box);
                 overflow: auto;
             }
             label {
             	font-family: @text-light;
             }
             // GRAVATARS
             // centers gravatar on username to the right
             .gravatar {
                 display: inline;
                 min-width: 16px;
                 min-height: 16px;
                 margin: -5px 0;
                 padding: 0;
                 line-height: 1em;
                 border: 1px solid @grey4;
                 box-sizing: content-box;
                 &.gravatar-large {
                     margin: -0.5em .25em -0.5em 0;
                 }
                 & + .user {
                     display: inline;
                     margin: 0;
                     padding: 0 0 0 .17em;
                     line-height: 1em;
                 }
             }
             .user-inline-data {
                 display: inline-block;
                 float: left;
                 padding-left: .5em;
                 line-height: 1.3em;
             }
             .rc-user { // gravatar + user wrapper
                 float: left;
                 position: relative;
                 min-width: 100px;
                 max-width: 200px;
                 min-height: (@gravatar-size + @border-thickness * 2); // account for border
                 display: block;
                 padding: 0 0 0 (@gravatar-size  + @basefontsize/2 + @border-thickness * 2);
                 .gravatar {
                     display: block;
                     position: absolute;
                     top: 0;
                     left: 0;
                     min-width:  @gravatar-size;
                     min-height: @gravatar-size;
                     margin: 0;
                 }
                 .user {
                     display: block;
                     max-width: 175px;
                     padding-top: 2px;
                     overflow: hidden;
                     text-overflow: ellipsis;
                 }
             }
             .gist-gravatar,
             .journal_container {
                 .gravatar-large {
                     margin: 0 .5em -10px 0;
                 }
             }
             // ADMIN SETTINGS
             // Tag Patterns
             .tag_patterns {
             	.tag_input {
             		margin-bottom: @padding;
             	}
             }
             .locked_input {
                 position: relative;
                 input {
                     display: inline;
                     margin: 3px 5px 0px 0px;
                 }
                 br {
                     display: none;
                 }
                 .error-message {
                     float: left;
                     width: 100%;
                 }
                 .lock_input_button {
                     display: inline;
                 }
                 .help-block {
                     clear: both;
                 }
             }
             // Notifications
             .notifications_buttons {
             	margin: 0 0 @space 0;
             	padding: 0;
             	.btn {
             		display: inline-block;
             	}
             }
             .notification-list {
             	div {
             		display: inline-block;
             		vertical-align: middle;
             	}
             	.container {
             		display: block;
             		margin: 0 0 @padding 0;
             	}
             	.delete-notifications {
             		margin-left: @padding;
             		text-align: right;
                     cursor: pointer;
             	}
             	.read-notifications {
             		margin-left: @padding/2;
             		text-align: right;
             		width: 35px;
                     cursor: pointer;
             	}
             	.icon-minus-sign {
             		color: @alert2;
             	}
             	.icon-ok-sign {
             		color: @alert1;
             	}
             }
             .user_settings {
             	float: left;
             	clear: both;
             	display: block;
             	width: 100%;
             	.gravatar_box {
             		margin-bottom: @padding;
             		&:after {
             			content: " ";
             			clear: both;
             			width: 100%;
             		}
             	}
             	.fields .field {
             		clear: both;
             	}
             }
             .advanced_settings {
             	margin-bottom: @space;
             	.help-block {
             		margin-left: 0;
             	}
             	button + .help-block {
             		margin-top: @padding;
             	}
             }
             // admin settings radio buttons and labels
             .label-2 {
             	float: left;
             	width: @label2-width;
             	label {
             		color: @grey1;
             	}
             }
             .checkboxes {
             	float: left;
             	width: @checkboxes-width;
             	margin-bottom: @padding;
             	.checkbox {
             		width: 100%;
             		label {
             			margin: 0;
             			padding: 0;
             		}
             	}
             	.checkbox + .checkbox {
             		display: inline-block;
             	}
             	label {
             		margin-right: 1em;
             	}
             }
             // CHANGELOG
             .container_header {
                 float: left;
             	display: block;
             	width: 100%;
             	margin: @padding 0 @padding;
                 #filter_changelog {
                     float: left;
                     margin-right: @padding;
                 }
                 .breadcrumbs_light {
                     display: inline-block;
                 }
             }
             .info_box {
             	float: right;
             }
             #graph_nodes {
                 padding-top: 43px;
             }
             #graph_content{
                 // adjust for table headers so that graph renders properly
                 //           #graph_nodes padding - table cell padding
                 padding-top: (@space - (@basefontsize * 2.4));
                 &.graph_full_width {
                     width: 100%;
                     max-width: 100%;
                 }
             }
             #graph {
                 .flag_status {
                     margin: 0;
                 }
                 .pagination-left {
                     float: left;
                     clear: both;
                 }
                 .log-container {
                     max-width: 345px;
                     .message{
                         max-width: 340px;
                     }
                 }
                 .graph-col-wrapper {
                     padding-left: 110px;
                     #graph_nodes {
                         width: 100px;
                         margin-left: -110px;
                         float: left;
                         clear: left;
                     }
                 }
                 .load-more-commits {
                     text-align: center;
                 }
                 .load-more-commits:hover {
                     background-color: @grey7;
                 }
                 .load-more-commits {
                   a {
                     display: block;
                   }
                 }
             }
             #filter_changelog {
                 float: left;
             }
             //--- THEME ------------------//
             #logo {
             	float: left;
             	margin: 9px 0 0 0;
                 .header {
                 	background-color: transparent;
                 }
                 a {
                 	display: inline-block;
                 }
                 img {
                 	height:30px;
                 }
             }
             .logo-wrapper {
             	float:left;
             }
             .branding{
             	float: left;
             	padding: 9px 2px;
             	line-height: 1em;
             	font-size: @navigation-fontsize;
             }
             img {
             	border: none;
             	outline: none;
             }
              user-profile-header
             label {
                 input[type="checkbox"] {
                     margin-right: 1em;
                 }
                 input[type="radio"] {
                     margin-right: 1em;
                 }
             }
             .flag_status {
                 margin: 2px 8px 6px 2px;
                 &.under_review {
                     .circle(5px, @alert3);
                 }
                 &.approved {
                     .circle(5px, @alert1);
                 }
                 &.rejected,
                 &.forced_closed{
                     .circle(5px, @alert2);
                 }
                 &.not_reviewed {
                     .circle(5px, @grey5);
                 }
             }
             .flag_status_comment_box {
             	margin: 5px 6px 0px 2px;
             }
             .test_pattern_preview {
             	margin: @space 0;
             	p {
                     margin-bottom: 0;
             		border-bottom: @border-thickness solid @border-default-color;
             		color: @grey3;
             	}
             	.btn {
             		margin-bottom: @padding;
             	}
             }
             #test_pattern_result {
                 display: none;
                 &:extend(pre);
                 padding: .9em;
                 color: @grey3;
                 background-color: @grey7;
                 border-right: @border-thickness solid @border-default-color;
                 border-bottom: @border-thickness solid @border-default-color;
                 border-left: @border-thickness solid @border-default-color;
             }
             #repo_vcs_settings {
                 #inherit_overlay_vcs_default {
                     display: none;
                 }
                 #inherit_overlay_vcs_custom {
                     display: custom;
                 }
                 &.inherited {
                     #inherit_overlay_vcs_default {
                         display: block;
                     }
                     #inherit_overlay_vcs_custom {
                         display: none;
                     }
                 }
             }
             .issue-tracker-link {
             	color: @rcblue;
             }
             // Issue Tracker Table Show/Hide
             #repo_issue_tracker {
                 #inherit_overlay {
                     display: none;
                 }
                 #custom_overlay {
                     display: custom;
                 }
                 &.inherited {
                     #inherit_overlay {
                         display: block;
                     }
                     #custom_overlay {
                         display: none;
                     }
                 }
             }
             table.issuetracker {
                 &.readonly {
                     tr, td {
                         color: @grey3;
                     }
                 }
                 .edit {
                     display: none;
                 }
                 .editopen {
                     .edit {
                         display: inline;
                     }
                     .entry {
                         display: none;
                     }
                 }
                 tr td.td-action {
                     min-width: 117px;
                 }
                 td input {
                     max-width: none;
                     min-width: 30px;
                     width: 80%;
                 }
                 .issuetracker_pref input {
                     width: 40%;
                 }
                 input.edit_issuetracker_update {
                     margin-right: 0;
                     width: auto;
                 }
             }
             table.integrations {
                 .td-icon {
                     width: 20px;
                     .integration-icon {
                         height: 20px;
                         width: 20px;
                     }
                 }
             }
             .integrations {
                 a.integration-box {
                     color: @text-color;
                     &:hover {
                         .panel {
                             background: #fbfbfb;
                         }
                     }
                     .integration-icon {
                       width: 30px;
                       height: 30px;
                       margin-right: 20px;
                       float: left;
                     }
                     .panel-body {
                         padding: 10px;
                     }
                     .panel {
                         margin-bottom: 10px;
                     }
                     h2 {
                         display: inline-block;
                         margin: 0;
                         min-width: 140px;
                     }
                 }
                 a.integration-box.dummy-integration {
                   color: @grey4
                 }
             }
             //Permissions Settings
             #add_perm {
                 margin: 0 0 @padding;
             	cursor: pointer;
             }
             .perm_ac {
                 input {
                     width: 95%;
                 }
             }
             .autocomplete-suggestions {
-                width: auto !important; // overrides autocomplete.js
+                width: auto; // overrides autocomplete.js
                 margin: 0;
                 border: @border-thickness solid @rcblue;
                 border-radius: @border-radius;
                 color: @rcblue;
                 background-color: white;
             }
             .autocomplete-selected {
                 background: #F0F0F0;
             }
             .ac-container-wrap {
             	margin: 0;
             	padding: 8px;
             	border-bottom: @border-thickness solid @rclightblue;
             	list-style-type: none;
             	cursor: pointer;
             		&:hover {
             			background-color: @rclightblue;
             	}
             	img {
                     height: @gravatar-size;
                     width: @gravatar-size;
             		margin-right: 1em;
             	}
             	strong {
             		font-weight: normal;
             	}
             }
             // Settings Dropdown
             .user-menu .container {
                 padding: 0 4px;
                 margin: 0;
             }
             .user-menu .gravatar {
                 cursor: pointer;
             }
             .codeblock {
             	margin-bottom: @padding;
                 clear: both;
                 .stats{
                     overflow: hidden;
                 }
                 .message{
                     textarea{
                         margin: 0;
                     }
                 }
                 .code-header {
                 	.stats {
                         line-height: 2em;
                 		.revision_id {
                 			margin-left: 0;
                 		}
             			.buttons {
                             padding-right: 0;
             			}
                 	}
                     .item{
                         margin-right: 0.5em;
                     }
                 }
                 #editor_container{
                     position: relative;
                     margin: @padding;
                 }
             }
             #file_history_container {
                 display: none;
             }
             .file-history-inner {
                 margin-bottom: 10px;
             }
             // Pull Requests
             .summary-details {
                 width: 72%;
             }
             .pr-summary {
                 border-bottom: @border-thickness solid @grey5;
                 margin-bottom: @space;
             }
             .reviewers-title {
                 width: 25%;
                 min-width: 200px;
             }
             .reviewers {
                 width: 25%;
                 min-width: 200px;
             }
             .reviewers ul li {
                 position: relative;
                 width: 100%;
                 padding-bottom: 8px;
             }
             .reviewer_entry {
               min-height: 55px;
             }
             .reviewers_member {
                 width: 100%;
                 overflow: auto;
             }
             .reviewer_reason {
                 padding-left: 20px;
                 line-height: 1.5em;
             }
             .reviewer_status {
                 display: inline-block;
                 vertical-align: top;
                 width: 25px;
                 min-width: 25px;
                 height: 1.2em;
                 margin-top: 3px;
                 line-height: 1em;
             }
             .reviewer_name {
                 display: inline-block;
                 max-width: 83%;
                 padding-right: 20px;
                 vertical-align: middle;
                 line-height: 1;
                 .rc-user {
                     min-width: 0;
                     margin: -2px 1em 0 0;
                 }
                 .reviewer {
                     float: left;
                 }
             }
             .reviewer_member_mandatory {
                 position: absolute;
                 left: 15px;
                 top: 8px;
                 width: 16px;
                 font-size: 11px;
                 margin: 0;
                 padding: 0;
                 color: black;
             }
             .reviewer_member_mandatory_remove,
             .reviewer_member_remove {
                 position: absolute;
                 right: 0;
                 top: 0;
                 width: 16px;
                 margin-bottom: 10px;
                 padding: 0;
                 color: black;
             }
             .reviewer_member_mandatory_remove {
               color: @grey4;
             }
             .reviewer_member_status {
                 margin-top: 5px;
             }
             .pr-summary #summary{
                 width: 100%;
             }
             .pr-summary .action_button:hover {
                 border: 0;
                 cursor: pointer;
             }
             .pr-details-title {
                 padding-bottom: 8px;
                 border-bottom: @border-thickness solid @grey5;
                 .action_button.disabled {
                     color: @grey4;
                     cursor: inherit;
                 }
                 .action_button {
                     color: @rcblue;
                 }
             }
             .pr-details-content {
                 margin-top: @textmargin;
                 margin-bottom: @textmargin;
             }
             .pr-reviewer-rules {
                padding: 10px 0px 20px 0px;
             }
             .group_members {
                 margin-top: 0;
                 padding: 0;
                 list-style: outside none none;
                 img {
                     height: @gravatar-size;
                     width: @gravatar-size;
                     margin-right: .5em;
                     margin-left: 3px;
                 }
                 .to-delete {
                     .user {
                       text-decoration: line-through;
                     }
                 }
             }
             .compare_view_commits_title {
               .disabled {
                 cursor: inherit;
                 &:hover{
                   background-color: inherit;
                   color: inherit;
                 }
               }
             }
             .subtitle-compare {
               margin: -15px 0px 0px 0px;
             }
             .comments-summary-td {
               border-top: 1px dashed @grey5;
             }
             // new entry in group_members
             .td-author-new-entry {
               background-color: rgba(red(@alert1), green(@alert1), blue(@alert1), 0.3);
             }
             .usergroup_member_remove {
                 width: 16px;
                 margin-bottom: 10px;
                 padding: 0;
-                color: black !important;
+                color: black;
                 cursor: pointer;
             }
             .reviewer_ac .ac-input {
                 width: 92%;
                 margin-bottom: 1em;
             }
             .compare_view_commits tr{
                 height: 20px;
             }
             .compare_view_commits td {
                 vertical-align: top;
                 padding-top: 10px;
             }
             .compare_view_commits .author {
                 margin-left: 5px;
             }
             .compare_view_commits {
               .color-a {
                 color: @alert1;
               }
               .color-c {
                 color: @color3;
               }
               .color-r {
                 color: @color5;
               }
               .color-a-bg {
                 background-color: @alert1;
               }
               .color-c-bg {
                 background-color: @alert3;
               }
               .color-r-bg {
                 background-color: @alert2;
               }
               .color-a-border {
                 border: 1px solid @alert1;
               }
               .color-c-border {
                 border: 1px solid @alert3;
               }
               .color-r-border {
                 border: 1px solid @alert2;
               }
               .commit-change-indicator {
                 width: 15px;
                 height: 15px;
                 position: relative;
                 left: 15px;
               }
               .commit-change-content {
                 text-align: center;
                 vertical-align: middle;
                 line-height: 15px;
               }
             }
             .compare_view_filepath {
                 color: @grey1;
             }
             .show_more {
                 display: inline-block;
                 position: relative;
                 vertical-align: middle;
                 width: 4px;
                 height: @basefontsize;
                 &:after {
                     content: "\00A0\25BE";
                     display: inline-block;
                     width:10px;
                     line-height: 5px;
                     font-size: 12px;
                     cursor: pointer;
                 }
             }
             .journal_more .show_more {
                 display: inline;
                 &:after {
                     content: none;
                 }
             }
             .open .show_more:after,
             .select2-dropdown-open .show_more:after {
                 .rotate(180deg);
                 margin-left: 4px;
             }
             .compare_view_commits .collapse_commit:after {
                 cursor: pointer;
                 content: "\00A0\25B4";
                 margin-left: -3px;
                 font-size: 17px;
                 color: @grey4;
             }
             .diff_links {
                 margin-left: 8px;
             }
             div.ancestor {
                 margin: -30px 0px;
             }
             .cs_icon_td input[type="checkbox"] {
                 display: none;
             }
             .cs_icon_td .expand_file_icon:after {
                 cursor: pointer;
                 content: "\00A0\25B6";
                 font-size: 12px;
                 color: @grey4;
             }
             .cs_icon_td .collapse_file_icon:after {
                 cursor: pointer;
                 content: "\00A0\25BC";
                 font-size: 12px;
                 color: @grey4;
             }
             /*new binary
             NEW_FILENODE = 1
             DEL_FILENODE = 2
             MOD_FILENODE = 3
             RENAMED_FILENODE = 4
             COPIED_FILENODE = 5
             CHMOD_FILENODE = 6
             BIN_FILENODE = 7
             */
             .cs_files_expand {
                 font-size: @basefontsize + 5px;
                 line-height: 1.8em;
                 float: right;
             }
             .cs_files_expand span{
                 color: @rcblue;
                 cursor: pointer;
             }
             .cs_files {
                 clear: both;
             	padding-bottom: @padding;
                 .cur_cs {
                     margin: 10px 2px;
                     font-weight: bold;
                 }
                 .node {
                     float: left;
                 }
                 .changes {
                     float: right;
                     color: white;
                     font-size: @basefontsize - 4px;
                     margin-top: 4px;
                     opacity: 0.6;
                     filter: Alpha(opacity=60); /* IE8 and earlier */
                     .added {
                         background-color: @alert1;
                         float: left;
                         text-align: center;
                     }
                     .deleted {
                         background-color: @alert2;
                         float: left;
                         text-align: center;
                     }
                     .bin {
                         background-color: @alert1;
                         text-align: center;
                     }
                     /*new binary*/
                     .bin.bin1 {
                         background-color: @alert1;
                         text-align: center;
                     }
                     /*deleted binary*/
                     .bin.bin2 {
                         background-color: @alert2;
                         text-align: center;
                     }
                     /*mod binary*/
                     .bin.bin3 {
                         background-color: @grey2;
                         text-align: center;
                     }
                     /*rename file*/
                     .bin.bin4 {
                         background-color: @alert4;
                         text-align: center;
                     }
                     /*copied file*/
                     .bin.bin5 {
                         background-color: @alert4;
                         text-align: center;
                     }
                     /*chmod file*/
                     .bin.bin6 {
                         background-color: @grey2;
                         text-align: center;
                     }
                 }
             }
             .cs_files .cs_added, .cs_files .cs_A,
             .cs_files .cs_added, .cs_files .cs_M,
             .cs_files .cs_added, .cs_files .cs_D {
                 height: 16px;
                 padding-right: 10px;
                 margin-top: 7px;
                 text-align: left;
             }
             .cs_icon_td {
               min-width: 16px;
               width: 16px;
             }
             .pull-request-merge {
                 border: 1px solid @grey5;
                 padding: 10px 0px 20px;
                 margin-top: 10px;
                 margin-bottom: 20px;
             }
             .pull-request-merge ul {
                 padding: 0px 0px;
             }
             .pull-request-merge li:before{
                 content:none;
             }
             .pull-request-merge .pull-request-wrap {
                 height: auto;
                 padding: 0px 0px;
                 text-align: right;
             }
             .pull-request-merge span {
                 margin-right: 5px;
             }
             .pull-request-merge-actions {
                 min-height: 30px;
                 padding: 0px 0px;
             }
             .pull-request-merge-info {
               padding: 0px 5px 5px 0px;
             }
             .merge-status {
               margin-right: 5px;
             }
             .merge-message {
                 font-size: 1.2em
             }
             .merge-message.success i,
             .merge-icon.success i {
                 color:@alert1;
             }
             .merge-message.warning i,
             .merge-icon.warning i {
               color: @alert3;
             }
             .merge-message.error i,
             .merge-icon.error i  {
                 color:@alert2;
             }
             .pr-versions {
                 font-size: 1.1em;
                 table {
                   padding: 0px 5px;
                 }
                 td {
                   line-height: 15px;
                 }
                 .flag_status {
                     margin: 0;
                 }
                 .compare-radio-button {
                   position: relative;
                   top: -3px;
                 }
             }
             #close_pull_request {
                 margin-right: 0px;
             }
             .empty_data {
                 color: @grey4;
             }
             #changeset_compare_view_content {
                 margin-bottom: @space;
                 clear: both;
                 width: 100%;
                 box-sizing: border-box;
                 .border-radius(@border-radius);
                 .help-block {
                     margin: @padding 0;
                     color: @text-color;
                     &.pre-formatting {
                         white-space: pre;
                     }
                 }
                 .empty_data {
                     margin: @padding 0;
                 }
                 .alert {
                     margin-bottom: @space;
                 }
             }
             .table_disp {
             	.status {
             		width: auto;
             		.flag_status {
             			float: left;
             		}
             	}
             }
             .creation_in_progress {
               color: @grey4
             }
             .status_box_menu {
                 margin: 0;
             }
             .notification-table{
             	margin-bottom: @space;
             	display: table;
             	width: 100%;
             	.container{
             		display: table-row;
             		.notification-header{
             			border-bottom: @border-thickness solid @border-default-color;
             		}
             		.notification-subject{
             			display: table-cell;
             		}
             	}
             }
             // Notifications
             .notification-header{
             	display: table;
             	width: 100%;
             	padding: floor(@basefontsize/2) 0;
                 line-height: 1em;
             	.desc, .delete-notifications, .read-notifications{
             		display: table-cell;
             		text-align: left;
             	}
             	.desc{
             		width: 1163px;
             	}
             	.delete-notifications, .read-notifications{
             		width: 35px;
             		min-width: 35px; //fixes when only one button is displayed
             	}
             }
             .notification-body {
                 .markdown-block,
             	.rst-block {
             		padding: @padding 0;
             	}
             	.notification-subject {
             		padding: @textmargin 0;
             		border-bottom: @border-thickness solid @border-default-color;
             	}
             }
             .notifications_buttons{
             	float: right;
             }
             #notification-status{
               display: inline;
             }
             // Repositories
             #summary.fields{
             	display: table;
             	.field{
             		display: table-row;
             		.label-summary{
             			display: table-cell;
             			min-width: @label-summary-minwidth;
             			padding-top: @padding/2;
             			padding-bottom: @padding/2;
             			padding-right: @padding/2;
             		}
             		.input{
             			display: table-cell;
             			padding: @padding/2;
             			input{
             				min-width: 29em;
             				padding:  @padding/4;
             			}
             		}
             		.statistics, .downloads{
             			.disabled{
             				color: @grey4;
             			}
             		}
             	}
             }
             #summary{
             	width: 70%;
             }
             // Journal
             .journal.title {
             	h5 {
             		float: left;
             		margin: 0;
             		width: 70%;
             	}
             	ul {
             		float: right;
             		display: inline-block;
             		margin: 0;
             		width: 30%;
             		text-align: right;
             		li {
             			display: inline;
             			font-size: @journal-fontsize;
                         line-height: 1em;
                         &:before { content: none; }
             		}
             	}
             }
             .filterexample {
                 position: absolute;
                 top: 95px;
                 left: @contentpadding;
                 color: @rcblue;
                 font-size: 11px;
                 font-family: @text-regular;
                 cursor: help;
                 &:hover {
                     color: @rcdarkblue;
                 }
                 @media (max-width:768px) {
                     position: relative;
                     top: auto;
                     left: auto;
                     display: block;
                 }
             }
             #journal{
             	margin-bottom: @space;
             	.journal_day{
             		margin-bottom: @textmargin/2;
             		padding-bottom: @textmargin/2;
             		font-size: @journal-fontsize;
             		border-bottom: @border-thickness solid @border-default-color;
             	}
             	.journal_container{
             		margin-bottom: @space;
             		.journal_user{
             			display: inline-block;
             		}
             		.journal_action_container{
             			display: block;
             			margin-top: @textmargin;
             			div{
             				display: inline;
             			}
             			div.journal_action_params{
             				display: block;
             			}
             			div.journal_repo:after{
             				content: "\A";
             				white-space: pre;
             			}
             			div.date{
             				display: block;
             				margin-bottom: @textmargin;
             			}
             		}
             	}
             }
             // Files
             .edit-file-title {
                 border-bottom: @border-thickness solid @border-default-color;
                 .breadcrumbs {
                     margin-bottom: 0;
                 }
             }
             .edit-file-fieldset {
                 margin-top: @sidebarpadding;
                 .fieldset {
                     .left-label {
                         width: 13%;
                     }
                     .right-content {
                         width: 87%;
                         max-width: 100%;
                     }
                     .filename-label {
                         margin-top: 13px;
                     }
                     .commit-message-label {
                         margin-top: 4px;
                     }
                     .file-upload-input {
                         input {
                             display: none;
                         }
                       margin-top: 10px;
                     }
                     .file-upload-label {
                       margin-top: 10px;
                     }
                     p {
                         margin-top: 5px;
                     }
                 }
                 .custom-path-link {
                     margin-left: 5px;
                 }
                 #commit {
                     resize: vertical;
                 }
             }
             .delete-file-preview {
                 max-height: 250px;
             }
             .new-file,
             #filter_activate,
             #filter_deactivate {
                 float: left;
                 margin: 0 0 0 15px;
             }
             h3.files_location{
                 line-height: 2.4em;
             }
             .browser-nav {
             	display: table;
             	margin-bottom: @space;
             	.info_box {
             		display: inline-table;
             		height: 2.5em;
                     .browser-cur-rev, .info_box_elem {
             			display: table-cell;
             			vertical-align: middle;
             		}
             		.info_box_elem {
             			border-top: @border-thickness solid @rcblue;
             			border-bottom: @border-thickness solid @rcblue;
                         #at_rev, a {
                             padding: 0.6em 0.9em;
                             margin: 0;
                             .box-shadow(none);
                             border: 0;
                             height: 12px;
                         }
                         input#at_rev {
                             max-width: 50px;
                             text-align: right;
                         }
             			&.previous {
             				border: @border-thickness solid @rcblue;
                             .disabled {
                               color: @grey4;
                               cursor: not-allowed;
                             }
             			}
             			&.next {
             				border: @border-thickness solid @rcblue;
                             .disabled {
                               color: @grey4;
                               cursor: not-allowed;
                             }
             			}
             		}
             		.browser-cur-rev {
             			span{
                             margin: 0;
             				color: @rcblue;
                             height: 12px;
                             display: inline-block;
                             padding:  0.7em 1em ;
                             border: @border-thickness solid @rcblue;
                             margin-right: @padding;
             			}
             		}
             	}
             	.search_activate {
             		display: table-cell;
             		vertical-align: middle;
             		input, label{
             			margin: 0;
             			padding: 0;
             		}
             		input{
             			margin-left: @textmargin;
             		}
             	}
             }
             .browser-cur-rev{
             	margin-bottom: @textmargin;
             }
             #node_filter_box_loading{
             	.info_text;
             }
             .browser-search {
             	margin: -25px 0px 5px 0px;
             }
             .node-filter {
               font-size: @repo-title-fontsize;
               padding: 4px 0px 0px 0px;
               .node-filter-path {
                   float: left;
                   color: @grey4;
                 }
                 .node-filter-input {
                     float: left;
                     margin: -2px 0px 0px 2px;
                     input {
                         padding: 2px;
                         border: none;
                         font-size: @repo-title-fontsize;
                     }
                 }
             }
             .browser-result{
             	td a{
             		margin-left: 0.5em;
             		display: inline-block;
             		em{
             			font-family: @text-bold;
             		}
             	}
             }
             .browser-highlight{
             	background-color: @grey5-alpha;
             }
             // Search
             .search-form{
                 #q {
                     width: @search-form-width;
                 }
             	.fields{
             		margin: 0 0 @space;
             	}
             	label{
             		display: inline-block;
             		margin-right: @textmargin;
             		padding-top: 0.25em;
             	}
             	.results{
             		clear: both;
             		margin: 0 0 @padding;
             	}
             }
             div.search-feedback-items {
             	display: inline-block;
             	padding:0px 0px 0px 96px;
             }
             div.search-code-body {
                 background-color: #ffffff; padding: 5px 0 5px 10px;
                 pre {
                     .match { background-color: #faffa6;}
                     .break { display: block; width: 100%; background-color: #DDE7EF; color: #747474; }
                 }
             }
             .expand_commit.search {
                 .show_more.open {
                     height: auto;
                     max-height: none;
                 }
             }
             .search-results {
                 h2 {
                     margin-bottom: 0;
                 }
                 .codeblock {
                     border: none;
                     background: transparent;
                 }
                 .codeblock-header {
                     border: none;
                     background: transparent;
                 }
                 .code-body {
                     border: @border-thickness solid @border-default-color;
                     .border-radius(@border-radius);
                 }
                 .td-commit {
                     &:extend(pre);
                     border-bottom: @border-thickness solid @border-default-color;
                 }
                 .message {
                     height: auto;
                     max-width: 350px;
                     white-space: normal;
                     text-overflow: initial;
                     overflow: visible;
                     .match { background-color: #faffa6;}
                     .break { background-color: #DDE7EF; width: 100%; color: #747474; display: block; }
                 }
             }
             table.rctable td.td-search-results div {
                 max-width: 100%;
             }
             #tip-box, .tip-box{
             	padding: @menupadding/2;
             	display: block;
             	border: @border-thickness solid @border-highlight-color;
             	.border-radius(@border-radius);
             	background-color: white;
                 z-index: 99;
                 white-space: pre-wrap;
             }
             #linktt {
                 width: 79px;
             }
             #help_kb .modal-content{
             	max-width: 750px;
             	margin: 10% auto;
             	table{
             		td,th{
             			border-bottom: none;
             			line-height: 2.5em;
             		}
             		th{
             			padding-bottom: @textmargin/2;
             		}
             		td.keys{
             			text-align: center;
             		}
             	}
             	.block-left{
             		width: 45%;
             		margin-right: 5%;
             	}
             	.modal-footer{
             		clear: both;
             	}
             	.key.tag{
             		padding: 0.5em;
             		background-color: @rcblue;
             		color: white;
             		border-color: @rcblue;
             		.box-shadow(none);
             	}
             }
             //--- IMPORTS FOR REFACTORED STYLES ------------------//
             @import 'statistics-graph';
             @import 'tables';
             @import 'forms';
             @import 'diff';
             @import 'summary';
             @import 'navigation';
             //--- SHOW/HIDE SECTIONS --//
             .btn-collapse {
                 float: right;
                 text-align: right;
                 font-family: @text-light;
                 font-size: @basefontsize;
                 cursor: pointer;
                 border: none;
                 color: @rcblue;
             }
             table.rctable,
             table.dataTable {
                 .btn-collapse {
                     float: right;
                     text-align: right;
                 }
             }
             // TODO: johbo: Fix for IE10, this avoids that we see a border
             // and padding around checkboxes and radio boxes. Move to the right place,
             // or better: Remove this once we did the form refactoring.
             input[type=checkbox],
             input[type=radio] {
                 padding: 0;
                 border: none;
             }
             .toggle-ajax-spinner{
               height: 16px;
               width: 16px;
             }
             .markup-form .clearfix {
                 .border-radius(@border-radius);
                 margin: 0px;
             }
             .markup-form-area {
                 padding: 8px 12px;
                 border: 1px solid @grey4;
                 .border-radius(@border-radius);
             }
             .markup-form-area-header .nav-links {
                 display: flex;
                 flex-flow: row wrap;
                 -webkit-flex-flow: row wrap;
                 width: 100%;
             }
             .markup-form-area-footer {
                 display: flex;
             }
             .markup-form-area-footer .toolbar {
             }
             // markup Form
             div.markup-form {
                 margin-top: 20px;
             }
             .markup-form strong {
                 display: block;
                 margin-bottom: 15px;
             }
             .markup-form textarea {
                 width: 100%;
                 height: 100px;
                 font-family: 'Monaco', 'Courier', 'Courier New', monospace;
             }
             form.markup-form {
                 margin-top: 10px;
                 margin-left: 10px;
             }
             .markup-form .comment-block-ta,
             .markup-form .preview-box {
                 .border-radius(@border-radius);
                 .box-sizing(border-box);
                 background-color: white;
             }
             .markup-form .preview-box.unloaded {
                 height: 50px;
                 text-align: center;
                 padding: 20px;
                 background-color: white;
             }

rhodecode/public/css/navigation.less

0 +4 -4

             // navigation.less
             // For use in RhodeCode applications;
             // see style guide documentation for guidelines.
             // HEADER NAVIGATION
             .horizontal-list {
                 float: right;
                 display: block;
                 margin: 0;
                 padding: 0;
                 -webkit-padding-start: 0;
                 text-align: left;
                 font-size: @navigation-fontsize;
                 color: @grey6;
                 z-index:10;
                 li {
                     line-height: 1em;
                     list-style-type: none;
                     a {
                         padding: 0 .5em;
                         &.menu_link_notifications {
                             .pill(7px,@rcblue);
                             display: inline;
                             margin: 0 7px 0 .7em;
                             font-size: @basefontsize;
                             color: white;
                             &.empty {
                                 background-color: @grey4;
                             }
                             &:hover {
                                 background-color: @rcdarkblue;
                             }
                         }
                     }
                     .pill_container {
                         margin: 1.25em 0px 0px 0px;
                         float: right;
                     }
                     &#quick_login_li {
                         &:hover {
                             color: @grey5;
                         }
                         a.menu_link_notifications {
                             color: white;
                         }
                         .user {
                             padding-bottom: 10px;
                         }
                         &.open {
                             .user {
                                 border-bottom: 5px solid @rcblue;
                             }
                         }
                     }
                     &:before { content: none; }
                     &:last-child {
                         .menulabel {
                             padding-right: 0;
                             border-right: none;
                             .show_more {
                                 padding-right: 0;
                             }
                         }
                         &> a {
                             border-bottom: none;
                         }
                     }
                     &.active {
                         border-bottom: 5px solid @rcblue;
                     }
                     &.open {
                         a {
                             color: white;
                         }
                     }
                     &:focus {
                         outline: none;
                     }
                     ul li  {
                         display: block;
                         &:last-child> a {
                             border-bottom: none;
                         }
                         ul li:last-child a {
                             /* we don't expect more then 3 levels of submenu and the third
                             level can have different html structure */
                             border-bottom: none;
                         }
                     }
                 }
                 > li {
                     float: left;
                     display: block;
                     padding: 0;
                     > a,
                     &.has_select2 a {
                         display: block;
                         padding: 10px 0 2px;
                         .show_more {
                             margin-top: -4px;
                             padding-right: .5em;
                         }
                     }
                     .menulabel {
                         padding: 0 .5em;
                         line-height: 1em;
                         // for this specifically we do not use a variable
                         border-right: 1px solid @grey4;
                     }
                     .pr_notifications {
                         padding-left: .5em;
                     }
                     .pr_notifications + .menulabel {
                         display:inline;
                         padding-left: 0;
                     }
                     &:hover,
                     &.open,
                     &.active {
                         a {
                             color: @grey1;
                         }
                     }
                 }
                 pre {
                     margin: 0;
                     padding: 0;
                 }
                 .select2-container,
                 .menulink.childs {
                     position: relative;
                 }
                 #quick_login {
                     li a {
                         padding: .5em 0;
                         border-bottom: none;
                         color: @grey2;
                         &:hover { color: @grey1; }
                     }
                     .show_more {
                         padding-left: .5em;
                     }
                 }
                 #quick_login_link {
                     display: inline-block;
                     .gravatar {
                         border: 1px solid @grey2;
                     }
                     .gravatar-login {
                         height: 20px;
                         width: 20px;
                         margin: -8px 0;
                         padding: 0;
                     }
                     &:hover .user {
                         color: @grey6;
                     }
                 }
             }
             .header .horizontal-list {
                 li {
                     &#quick_login_li {
                         padding-left: .5em;
                         &:hover #quick_login_link {
                             color: inherit;
                         }
                     }
                     &:before { content: none; }
                 }
                 > li {
                     a {
                         padding: 18px 0 12px 0;
                         color: @nav-grey;
                         &.menu_link_notifications {
                             padding: 1px 8px;
                         }
                     }
                     &:hover,
                     &.open,
                     &.active {
                         .pill_container a {
                             // don't select text for the pill container, it has it' own
                             // hover behaviour
                             color: @nav-grey;
                         }
                     }
                     &:hover,
                     &.open,
                     &.active {
                         a {
                             color: @grey6;
                         }
                     }
                     .select2-dropdown-open a {
                         color: @grey6;
                     }
                     .repo-switcher {
                         padding-left: 0;
                         .menulabel {
                             padding-left: 0;
                         }
                     }
                 }
                 li ul li  {
                     background-color:@grey2;
                     a {
                         padding: .5em 0;
                         border-bottom: @border-thickness solid @border-default-color;
                         color: @grey6;
                     }
                      &:last-child a, &.last a{
                         border-bottom: none;
                     }
                     &:hover {
                         background-color: @grey3;
                     }
                 }
                 .submenu {
                     margin-top: 5px;
                 }
             }
             // SUBMENUS
             .navigation .submenu {
                 display: none;
             }
             .navigation li.open {
                 .submenu {
                     display: block;
                 }
             }
             .navigation li:last-child .submenu {
                 right: -20px;
                 left: auto;
             }
             .submenu {
                 position: absolute;
                 top: 100%;
                 left: 0;
                 min-width: 150px;
                 margin: 6px 0 0;
                 padding: 0;
                 text-align: left;
                 font-family: @text-light;
                 border-radius: @border-radius;
                 z-index: 20;
                 li {
                     display: block;
                     margin: 0;
                     padding: 0 .5em;
                     line-height: 1em;
                     color: @grey3;
                     background-color: @grey6;
                     &:before { content: none; }
                     a {
                         display: block;
                         width: 100%;
                         padding: .5em 0;
                         border-right: none;
                         border-bottom: @border-thickness solid white;
                         color: @grey3;
                     }
                     ul {
                         display: none;
                         position: absolute;
                         top: 0;
                         right: 100%;
                         padding: 0;
                         z-index: 30;
                     }
                     &:hover {
                         background-color: @grey5;
                         -webkit-transition: background .3s;
                            -moz-transition: background .3s;
                              -o-transition: background .3s;
                                 transition: background .3s;
                         ul {
                             display: block;
                         }
                     }
                 }
             }
             // repo dropdown
             .quick_repo_menu {
                 width: 15px;
                 text-align: center;
                 position: relative;
                 cursor: pointer;
                 div {
-                    overflow: visible !important;
+                    overflow: visible;
                 }
                 &.sorting {
                     cursor: auto;
                 }
                 &:hover {
                     .menu_items_container {
                         position: absolute;
                         display: block;
                     }
                     .menu_items {
                         display: block;
                     }
                 }
                 i {
                     margin: 0;
                     color: @grey4;
                 }
                 .menu_items_container {
                     position: absolute;
                     top: 0;
                     left: 100%;
                     margin: 0;
                     padding: 0;
                     list-style: none;
                     background-color: @grey6;
                     z-index: 999;
                     text-align: left;
                     a {
                         color: @grey2;
                     }
                     ul.menu_items {
                         margin: 0;
                         padding: 0;
                     }
                     li {
                         margin: 0;
                         padding: 0;
                         line-height: 1em;
                         list-style-type: none;
                         &:before { content: none; }
                         a {
                             display: block;
                             height: 16px;
                             padding: 8px; //must add up to td height (28px)
                             width: 120px; // set width
                             &:hover {
                                 background-color: @grey5;
                                 -webkit-transition: background .3s;
                                    -moz-transition: background .3s;
                                      -o-transition: background .3s;
                                         transition: background .3s;
                             }
                         }
                     }
                 }
             }
             // Header Repository Switcher
             // Select2 Dropdown
             #select2-drop.select2-drop.repo-switcher-dropdown  {
-                width: auto !important;
+                width: auto;
                 margin-top: 5px;
                 padding: 1em 0;
                 text-align: left;
                 .border-radius-bottom(@border-radius);
                 border-color: transparent;
                 color: @grey6;
                 background-color: @grey2;
                 input {
                     min-width: 90%;
                 }
                 ul.select2-result-sub {
                     li {
                         line-height: 1em;
                         &:hover,
                         &.select2-highlighted {
                             background-color: @grey3;
                         }
                     }
                     &:before { content: none; }
                 }
                 ul.select2-results {
                     min-width: 200px;
                     margin: 0;
                     padding: 0;
                     list-style-type: none;
                     overflow-x: visible;
                     overflow-y: scroll;
                     li {
                         padding: 0 8px;
                         line-height: 1em;
                         color: @grey6;
                         &:before { content: none; }
                         &>.select2-result-label {
                             padding: 8px 0;
                             border-bottom: @border-thickness solid @grey3;
                             white-space: nowrap;
                             color: @grey5;
                             cursor: pointer;
                         }
                         &.select2-result-with-children {
                             margin: 0;
                             padding: 0;
                         }
                         &.select2-result-unselectable > .select2-result-label {
                             margin: 0 8px;
                         }
                     }
                 }
                 ul.select2-result-sub {
                     margin: 0;
                     padding: 0;
                     li {
                         display: block;
                         margin: 0;
                         border-right: none;
                         line-height: 1em;
                         font-family: @text-light;
                         color: @grey2;
                         &:before { content: none; }
                         &:hover {
                             background-color: @grey3;
                         }
                     }
                 }
             }
             #context-bar {
                 display: block;
                 margin: 0 auto;
                 padding: 0 @header-padding;
                 background-color: @grey6;
                 border-bottom: @border-thickness solid @grey5;
                 .clear {
                     clear: both;
                 }
             }
             ul#context-pages {
                 li {
                     line-height: 1em;
                     &:before { content: none; }
                     a {
                         color: @grey3;
                     }
                     &.active {
                         // special case, non-variable color
                         border-bottom: 4px solid @nav-grey;
                         a {
                             color: @grey1;
                         }
                     }
                 }
             }
             // PAGINATION
             .pagination {
                 border: @border-thickness solid @rcblue;
                 color: @rcblue;
                 .current {
                     color: @grey4;
                 }
             }
             .dataTables_processing {
                 text-align: center;
                 font-size: 1.1em;
                 position: relative;
                 top: 95px;
             }
             .dataTables_paginate, .pagination-wh {
                 text-align: left;
                 display: inline-block;
                 border-left: 1px solid @rcblue;
                 float: none;
                 overflow: hidden;
                 .paginate_button, .pager_curpage,
                 .pager_link, .pg-previous, .pg-next, .pager_dotdot {
                     display: inline-block;
                     padding: @menupadding/4 @menupadding;
                     border: 1px solid @rcblue;
                     border-left: 0;
                     color: @rcblue;
                     cursor: pointer;
                     float: left;
                 }
                 .pager_curpage, .pager_dotdot,
                 .paginate_button.current, .paginate_button.disabled,
                 .disabled {
                     color: @grey3;
                     cursor: default;
                 }
                 .ellipsis {
                     display: inline-block;
                     text-align: left;
                     padding: @menupadding/4 @menupadding;
                     border: 1px solid @rcblue;
                     border-left: 0;
                     float: left;
                 }
             }
             // SIDEBAR
             .sidebar {
                 .block-left;
                 clear: left;
                 max-width: @sidebar-width;
                 margin-right: @sidebarpadding;
                 padding-right: @sidebarpadding;
                 font-family: @text-regular;
                 color: @grey1;
                 &#graph_nodes {
                     clear:both;
                     width: auto;
                     margin-left: -100px;
                     padding: 0;
                     border: none;
                 }
                 .nav-pills {
                     margin: 0;
                 }
                 .nav {
                     list-style: none;
                     padding: 0;
                     li {
                         padding-bottom: @menupadding;
                         line-height: 1em;
                         color: @grey4;
                         &.active a {
                             color: @grey2;
                         }
                         a {
                             color: @grey4;
                         }
                         &:before { content: none; }
                     }
                 }
             }
             .main_filter_help_box {
                 padding: 7px 7px;
                 border-top: 1px solid @grey4;
                 border-right: 1px solid @grey4;
                 border-bottom: 1px solid @grey4;
                 display: inline-block;
                 vertical-align: top;
                 margin-left: -5px;
                 background: @grey3;
             }
             .main_filter_input_box {
                 display: inline-block;
             }
             .main_filter_box {
                 margin: 9px 0 0 0;
             }
             #main_filter_help {
                 background: @grey3;
                 border: 1px solid black;
                 position: absolute;
                 white-space: pre-wrap;
                 z-index: 9999;
                 color: @nav-grey;
                 margin: 1px 7px;
                 padding: 0 2px;
             }
             .main_filter_input {
                 padding: 6px;
                 min-width: 220px;
                 color: @nav-grey;
                 background: @grey3;
             }
             .main_filter_input::placeholder {
                color: @nav-grey;
                opacity: 1;
             }
             .notice-box {
-                display:block !important;
+                display:block;
-                padding: 9px 0 !important;
+                padding: 9px 0;
             }
             .menulabel-notice {
                 border: 1px solid @color5;
                 padding:7px 10px;
                 color: @color5;
             }

rhodecode/public/css/rcicons.less

0 +6 -6

             @font-face {
               font-family: 'rcicons';
               src: url('../fonts/RCIcons/rcicons.eot?74666722');
               src: url('../fonts/RCIcons/rcicons.eot?74666722#iefix') format('embedded-opentype'),
                    url('../fonts/RCIcons/rcicons.woff2?74666722') format('woff2'),
                    url('../fonts/RCIcons/rcicons.woff?74666722') format('woff'),
                    url('../fonts/RCIcons/rcicons.ttf?74666722') format('truetype'),
                    url('../fonts/RCIcons/rcicons.svg?74666722#rcicons') format('svg');
               font-weight: normal;
               font-style: normal;
             }
             /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
             /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
             /*
             @media screen and (-webkit-min-device-pixel-ratio:0) {
               @font-face {
                 font-family: 'rcicons';
                 src: url('../fonts/RCIcons/rcicons.svg?74666722#rcicons') format('svg');
               }
             }
             */
              [class^="icon-"]:before, [class*=" icon-"]:before {
               font-family: "rcicons";
               font-style: normal;
               font-weight: normal;
               speak: none;
               display: inline-block;
               text-decoration: inherit;
               width: 1em;
               margin-right: .2em;
               text-align: center;
               /* opacity: .8; */
               /* For safety - reset parent styles, that can break glyph codes*/
               font-variant: normal;
               text-transform: none;
               /* fix buttons height, for twitter bootstrap */
               line-height: 1em;
               /* Animation center compensation - margins should be symmetric */
               /* remove if not needed */
               margin-left: .2em;
               /* you can be more comfortable with increased icons size */
               /* font-size: 120%; */
               /* Font smoothing. That was taken from TWBS */
               -webkit-font-smoothing: antialiased;
               -moz-osx-font-smoothing: grayscale;
               /* Uncomment for 3D effect */
               /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
             }
             .icon-no-margin::before {
                 margin: 0;
             }
             // -- ICON CLASSES -- //
             .icon-bookmark:before { content: '\e803'; } /* '' */
             .icon-branch:before { content: '\e804'; } /* '' */
             .icon-lock:before { content: '\e806'; } /* '' */
             .icon-unlock:before { content: '\e807'; } /* '' */
             .icon-delete:before { content: '\e808'; } /* '' */
             .icon-false:before { content: '\e808'; } /* '' */
             .icon-ok:before { content: '\e809'; } /* '' */
             .icon-true:before { content: '\e809'; } /* '' */
             .icon-comment:before { content: '\e80a'; } /* '' */
             .icon-comment-add:before { content: '\e816'; } /* '' */
             .icon-comment_toggle:before { content: '\e818'; } /* '' */
             .icon-feed:before { content: '\e80b'; } /* '' */
             .icon-right:before { content: '\e80c'; } /* '' */
             .icon-left:before { content: '\e80d'; } /* '' */
             .icon-arrow_down:before { content: '\e80e'; } /* '' */
             .icon-arrow_up:before { content: '\e80e'; } /* '' */
             .icon-group:before { content: '\e812'; } /* '' */
             .icon-fork:before { content: '\e814'; } /* '' */
             .icon-merge:before { content: '\e814'; } /* '' */
             .icon-more:before { content: '\e815'; } /* '' */
             .icon-git-inv:before { content: '\e80f'; } /* '' */
             .icon-hg-inv:before { content: '\e810'; } /* '' */
             .icon-svn-inv:before { content: '\e811'; } /* '' */
             .icon-git:before { content: '\e81a'; } /* '' */
             .icon-hg:before { content: '\e81b'; } /* '' */
             .icon-svn:before { content: '\e820'; } /* '' */
             .icon-minus:before { content: '\e81c'; } /* '' */
             .icon-plus:before { content: '\e81d'; } /* '' */
             .icon-remove:before { content: '\e81e'; } /* '' */
             .icon-remove-sign:before { content: '\e81e'; } /* '' */
             .icon-rhodecode:before { content: '\e81f'; } /* '' */
             .icon-tag:before { content: '\e821'; } /* '' */
             .icon-copy:before { content: '\f0c5'; } /* '' */
             .icon-clipboard:before { content: '\f0c5'; } /* '' */
             .icon-folder:before { content: '\e813'; } /* '' */
             .icon-folder-close:before { content: '\e813'; } /* '' */
             .icon-directory:before { content: '\e800'; } /* '' */
             .icon-directory-empty:before { content: '\f114'; } /* '' */
             .icon-file-text:before { content: '\f0f6'; } /* '' */
             .icon-file-text-inv:before { content: '\f15c'; } /* '' */
             .icon-file-code:before { content: '\f1c9'; } /* '' */
             // MERGED ICONS
             .icon-repo-private:before { &:extend(.icon-lock:before); }
             .icon-repo-lock:before { &:extend(.icon-lock:before); }
             .icon-unlock-alt:before { &:extend(.icon-unlock:before); }
             .icon-repo-unlock:before { &:extend(.icon-unlock:before); }
             .icon-repo-public:before { &:extend(.icon-unlock:before); }
             .icon-rss-sign:before { &:extend(.icon-feed:before); }
             .icon-code-fork:before {  &:extend(.icon-fork:before);  }
             // TRANSFORM
             .icon-arrow_up:before {transform: rotate(180deg);}
             .icon-merge:before {transform: rotate(180deg);}
             // -- END ICON CLASSES -- //
             //--- ICONS STYLING ------------------//
-            .icon-git { color: @color4 !important; }
+            .icon-git { color: @color4; }
-            .icon-hg { color: @color8 !important; }
+            .icon-hg { color: @color8; }
-            .icon-svn { color: @color1 !important; }
+            .icon-svn { color: @color1; }
-            .icon-git-inv { color: @color4 !important; }
+            .icon-git-inv { color: @color4; }
-            .icon-hg-inv { color: @color8 !important; }
+            .icon-hg-inv { color: @color8; }
-            .icon-svn-inv { color: @color1 !important; }
+            .icon-svn-inv { color: @color1; }
             .icon-repo-lock { color: #FF0000; }
             .icon-repo-unlock { color: #FF0000; }
             .repo-switcher-dropdown .select2-result-label {
                 .icon-git:before {
                     &:extend(.icon-git-transparent:before);
                 }
                 .icon-hg:before {
                     &:extend(.icon-hg-transparent:before);
                     color: @alert4;
                 }
                 .icon-svn:before {
                     &:extend(.icon-svn-transparent:before);
                 }
             }
             .icon-user-group:before {
               &:extend(.icon-group:before);
               margin: 0;
               font-size: 16px;
             }

rhodecode/public/css/readme-box.less

0 +63 -63

             /** README styling **/
             div.readme_box {
                 clear: both;
                 overflow: hidden;
                 margin: 0;
                 padding: 3px 15px 3px;
             }
             div.readme_box h1,
             div.readme_box h2,
             div.readme_box h3,
             div.readme_box h4,
             div.readme_box h5,
             div.readme_box h6 {
-                border-bottom: none !important;
+                border-bottom: none;
-                padding: 0 !important;
+                padding: 0;
-                overflow: visible !important;
+                overflow: visible;
             }
             div.readme_box h1 {
                 font-size: 32px;
-                margin: 15px 0 15px 0 !important;
+                margin: 15px 0 15px 0;
-                padding-bottom: 5px !important;
+                padding-bottom: 5px;
             }
             div.readme_box h2 {
-                font-size: 24px !important;
+                font-size: 24px;
-                margin: 34px 0 10px 0 !important;
+                margin: 34px 0 10px 0;
-                border-top: 3px #e6e5e5 solid !important;
+                border-top: 3px #e6e5e5 solid;
-                padding-top: 15px !important;
+                padding-top: 15px;
-                padding-bottom: 8px !important;
+                padding-bottom: 8px;
             }
             div.readme_box h3 {
-                font-size: 18px !important;
+                font-size: 18px;
-                margin: 30px 0 8px 0 !important;
+                margin: 30px 0 8px 0;
-                padding-bottom: 2px !important;
+                padding-bottom: 2px;
             }
             div.readme_box h4 {
-                font-size: 13px !important;
+                font-size: 13px;
-                margin: 18px 0 3px 0 !important;
+                margin: 18px 0 3px 0;
             }
             div.readme_box h5 {
-                font-size: 12px !important;
+                font-size: 12px;
-                margin: 15px 0 3px 0 !important;
+                margin: 15px 0 3px 0;
             }
             div.readme_box h6 {
                 font-size: 12px;
                 color: #777777;
-                margin: 15px 0 3px 0 !important;
+                margin: 15px 0 3px 0;
             }
             div.readme_box hr {
                 border: 0;
                 color: #e6e5e5;
                 background-color: #e6e5e5;
                 height: 3px;
                 margin-bottom: 13px;
             }
             div.readme_box ol,
             div.readme_box ul,
             div.readme_box p,
             div.readme_box blockquote,
             div.readme_box dl,
             div.readme_box li,
             div.readme_box table {
-                margin: 3px 0px 13px 0px !important;
+                margin: 3px 0px 13px 0px;
-                color: #424242 !important;
+                color: #424242;
-                font-size: 13px !important;
+                font-size: 13px;
-                font-family: "Helvetica" !important;
+                font-family: "Helvetica";
-                font-weight: normal  !important;
+                font-weight: normal ;
-                overflow: visible !important;
+                overflow: visible;
-                line-height: 140% !important;
+                line-height: 140%;
             }
             div.readme_box pre {
-              margin: 3px 0px 13px 0px !important;
+              margin: 3px 0px 13px 0px;
               padding: .5em;
-              color: #424242 !important;
+              color: #424242;
-              font-size: 13px !important;
+              font-size: 13px;
-              overflow: visible !important;
+              overflow: visible;
-              line-height: 140% !important;
+              line-height: 140%;
               background-color: @grey7;
             }
             div.readme_box img {
               border-style: none;
               background-color: #fff;
             }
             div.readme_box strong {
               font-weight: 600;
               margin: 0;
             }
             div.readme_box ul,
             div.readme_box ol {
-                padding-left: 30px !important;
+                padding-left: 30px;
-                margin-top: 0px !important;
+                margin-top: 0px;
-                margin-bottom: 18px !important;
+                margin-bottom: 18px;
             }
             div.readme_box ul li,
             div.readme_box ol li {
-                list-style: bullet !important;
+                list-style: bullet;
-                margin: 6px !important;
+                margin: 6px;
-                padding: 0 !important;
+                padding: 0;
             }
             div.readme_box ol li {
-                list-style: decimal !important;
+                list-style: decimal;
             }
             /*
             div.readme_box a,
             div.readme_box a:visited {
-                color: #4183C4 !important;
+                color: #4183C4;
                 background-color: inherit;
                 text-decoration: none;
             }
             */
             div.readme_box button {
                 font-size: @basefontsize;
                 padding: 4px 6px;
                 .border-radius(@border-radius);
                 border: @border-thickness solid @grey5;
                 background-color: @grey6;
             }
             div.readme_box code,
             div.readme_box pre {
                 font-family: Monaco;
                 font-size: 11px;
                 .border-radius(@border-radius);
                 background-color: white;
                 color: @grey3;
             }
             div.readme_box code {
                 border: @border-thickness solid @grey6;
                 margin: 0 2px;
                 padding: 0 5px;
             }
             div.readme_box pre {
                 border: @border-thickness solid @grey5;
                 overflow: auto;
                 padding: .5em;
                 background-color: @grey7;
             }
             div.readme_box pre > code {
                 border: 0;
                 margin: 0;
                 padding: 0;
             }
             /** RST STYLE **/
             div.rst-block {
                 clear: both;
                 overflow: hidden;
                 margin: 0;
                 padding: 3px 15px 3px;
             }
             div.rst-block h2 {
                 font-weight: normal;
             }
             div.rst-block  h1,
             div.rst-block  h2,
             div.rst-block  h3,
             div.rst-block  h4,
             div.rst-block  h5,
             div.rst-block  h6 {
-                border-bottom: 0 !important;
+                border-bottom: 0;
-                margin: 0 !important;
+                margin: 0;
-                padding: 0 !important;
+                padding: 0;
-                line-height: 1.5em !important;
+                line-height: 1.5em;
             }
             div.rst-block  h1:first-child {
-                padding-top: .25em !important;
+                padding-top: .25em;
             }
             div.rst-block  h2,
             div.rst-block  h3 {
-                margin: 1em 0 !important;
+                margin: 1em 0;
             }
             div.rst-block  h2 {
-                margin-top: 1.5em !important;
+                margin-top: 1.5em;
-                border-top: 4px solid #e0e0e0 !important;
+                border-top: 4px solid #e0e0e0;
-                padding-top: .5em !important;
+                padding-top: .5em;
             }
             div.rst-block  p {
-                color: black !important;
+                color: black;
-                margin: 1em 0 !important;
+                margin: 1em 0;
-                line-height: 1.5em !important;
+                line-height: 1.5em;
             }
             div.rst-block  ul {
-                list-style: disc !important;
+                list-style: disc;
-                margin: 1em 0 1em 2em !important;
+                margin: 1em 0 1em 2em;
                 clear: both;
             }
             div.rst-block  ol {
                 list-style: decimal;
-                margin: 1em 0 1em 2em !important;
+                margin: 1em 0 1em 2em;
             }
             div.rst-block pre,
             div.rst-block code {
                 font: 12px "Bitstream Vera Sans Mono","Courier",monospace;
             }
             div.rst-block code {
-                font-size: 12px !important;
+                font-size: 12px;
-                background-color: ghostWhite !important;
+                background-color: ghostWhite;
-                color: #444 !important;
+                color: #444;
-                padding: 0 .2em !important;
+                padding: 0 .2em;
-                border: 1px solid #dedede !important;
+                border: 1px solid #dedede;
             }
             div.rst-block pre code {
-                padding: 0 !important;
+                padding: 0;
-                font-size: 12px !important;
+                font-size: 12px;
-                background-color: #eee !important;
+                background-color: #eee;
-                border: none !important;
+                border: none;
             }
             div.rst-block pre {
                 margin: 1em 0;
                 padding: @padding;
                 border: 1px solid @grey6;
                 .border-radius(@border-radius);
                 overflow: auto;
                 font-size: 12px;
                 color: #444;
                 background-color: @grey7;
-            }
  No newline at end of file

rhodecode/public/css/select2.less

0 +5 -5

             // select2.less
             // For use in RhodeCode application drop down select boxes;
             // see style guide documentation for guidelines.
             // SELECT2 DROPDOWN MENUS
             //Select2 Dropdown
             .select2-results{
                 .box-sizing(border-box);
                 overflow-y: scroll;
             }
             .select2-container{margin: 0; position: relative; display: inline-block; zoom: 1;}
             .select2-container,
             .select2-drop,
             .select2-search,
             .select2-search input {.box-sizing(border-box);}
             .select2-container .select2-choice{display:block; line-height:1em; -webkit-touch-callout:none;-moz-user-select:none;-ms-user-select:none;user-select:none; }
             .main .select2-container .select2-choice { background-color: white; }
             .select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; background: url('../images/select2.png') right top no-repeat; cursor: pointer; outline: 0; }
             .select2-container.select2-allowclear .select2-choice abbr {display: inline-block;}
             .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; }
             .select2-drop-mask { border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 998; background-color: #fff; filter: alpha(opacity=0); }
             .select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 999; top: 100%; background: #fff; color: #000; border: @border-thickness solid @rcblue; border-top: 0; border-radius: 0 0 @border-radius @border-radius;  }
                 .select2-drop.select2-drop-above { margin-top: 1px; border-top: @border-thickness solid @rclightblue; border-bottom: 0; border-radius: @border-radius @border-radius 0 0;  }
             .select2-drop-active { border: @border-thickness solid #5897fb; border-top: none; }
             .select2-drop.select2-drop-above.select2-drop-active {border-top: @border-thickness solid #5897fb;}
             .select2-drop-auto-width { border-top: @border-thickness solid #aaa; width: auto; }
                 .select2-drop-auto-width .select2-search {padding-top: 4px;}
             html[dir="rtl"] .select2-container .select2-choice .select2-arrow { left: 0; right: auto; border-left: none; border-right: @border-thickness solid @grey5; border-radius: @border-radius 0 0 @border-radius; }
             html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {background-position: 2px 1px;}
             .select2-search { display: inline-block; width: 100%; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 1000; white-space: nowrap; }
-                .select2-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; }
+                .select2-search input { width: 100%; height: auto; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; }
             html[dir="rtl"] .select2-search input { padding: 4px 5px 4px 20px; background: #fff url('../images/select2.png') no-repeat -37px -22px; }
             .select2-drop.select2-drop-above .select2-search input {margin-top: 4px;}
             .select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-left: none; filter: none; }
             html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {border-right: none;}
             .select2-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
             /* results */
             .select2-results { max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
             html[dir="rtl"] .select2-results { padding: 0 4px 0 0; margin: 4px 0 4px 4px; }
             .select2-results .select2-disabled{background:@grey6;display:list-item;cursor:default}
             .select2-results .select2-selected{display:none}
             .select2-more-results.select2-active{background:#f4f4f4 url('../images/select2-spinner.gif') no-repeat 100%}
             .select2-container.select2-container-disabled .select2-choice abbr{display:none}
             .select2-container.select2-container-disabled {background:@grey6;cursor:default}
             .select2-container.select2-container-disabled .select2-choice {background:@grey6;cursor:default}
             .select2-container-multi .select2-choices li{float:left;list-style:none}
             .select2-container-multi .select2-choices .select2-search-field{margin:0;padding:0;white-space:nowrap}
             .select2-container-multi .select2-choices .select2-search-choice .select2-chosen{cursor:default}
             .select2-search-choice-close{display:block;width:12px;height:13px;position:absolute;right:3px;top:4px;font-size:1px;outline:none;background:url('../images/select2.png') right top no-repeat}
             .select2-container-multi .select2-search-choice-close{left:3px}
             .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover{background-position:right -11px}
             .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close{background-position:right -11px}
             .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close{display:none;background:none}
-            .select2-offscreen,.select2-offscreen:focus{clip:rect(0 0 0 0) !important;width:1px !important;height:1px !important;
+            .select2-offscreen,.select2-offscreen:focus{clip:rect(0 0 0 0);width:1px;height:1px;
-                border:0 !important;margin:0 !important;padding:0 !important;overflow:hidden !important;
+                border:0;margin:0;padding:0;overflow:hidden;
-                position: absolute !important;outline:0 !important;left:0 !important;top:0 !important}
+                position: absolute;outline:0;left:0;top:0}
             .select2-display-none,
             .select2-search-hidden {display:none}
             .select2-search input { border-color: @rclightblue; }
             .select2-measure-scrollbar{position:absolute;top:-10000px;left:-10000px;width:100px;height:100px;overflow:scroll}
             @media only screen and (-webkit-min-device-pixel-ratio:1.5),
                 only screen and (min-resolution:144dpi){
                 .select2-search input,
                 .select2-search-choice-close,
                 .select2-container .select2-choice abbr,
                 .select2-container .select2-choice .select2-arrow b{background-image:url('../images/select2x2.png');background-repeat:no-repeat;background-size:60px 40px;}
                 .select2-search input{background-position:100% -21px}
             }
             [class^="input-"] [class^="select2-choice"]>div{display:none}
             [class^="input-"] .select2-offscreen{position:absolute}
             select.select2{height:28px;visibility:hidden}
             .autocomplete-suggestions{overflow:auto}
             .autocomplete-suggestion{white-space:nowrap;overflow:hidden}
             /* Retina-ize icons */
             @media only screen and (-webkit-min-device-pixel-ratio:1.5),
              only screen and (min-resolution:144dpi){
                 .select2-search input,
                 .select2-search-choice-close,
                 .select2-container .select2-choice abbr,
                 .select2-container .select2-choice .select2-arrow b{background-image:url('../images/select2x2.png');background-repeat:no-repeat;background-size:60px 40px;}
              .select2-search input{background-position:100% -21px}
             }
             //Internal Select2 Dropdown Menus
             .drop-menu-core {
                 min-width: 160px;
                 margin: 0 @padding 0 0;
                 padding: 0;
                 border: @border-thickness solid @rcblue;
                 border-radius: @border-radius;
                 color: @rcblue;
                 background-color: white;
             }
             .drop-menu-dropdown {
                 .drop-menu-core;
                 .flag_status {
                     margin-top: 0;
                 }
             }
             .drop-menu-base {
                 .drop-menu-core;
                 position: relative;
                 display: inline-block;
                 line-height: 1em;
                 z-index: 2;
                 cursor: pointer;
                 .flag_status {
                     margin-top: 0;
                 }
                 a {
                     display:block;
                     padding: .9em;
                     padding-right: 2em;
                     position: relative;
                     &:after {
                         position: absolute;
                         content: "\00A0\25BE";
                         right: .6em;
                         line-height: 1em;
                         top: 0.9em;
                         width: 1em;
                         font-size: 1em;
                     }
                 }
             }
             .drop-menu {
                 .drop-menu-base;
-                width: auto !important;
+                width: auto;
             }
             .drop-menu-no-width {
               .drop-menu-base;
               width: auto;
             }
             .field-sm .drop-menu {
                 padding: 1px 0 0 0;
                 a {
                     padding: 6px;
                 };
             }
             .select2-search input {
                 width: 100%;
                 margin: .5em 0;
                 padding: .5em;
             }
             .select2-no-results {
                 padding: .5em;
             }
             .drop-menu-dropdown ul {
                 width: auto;
                 margin: 0;
                 padding: 0;
                 z-index: 50;
                 li {
                     margin: 0;
                     line-height: 1em;
                     list-style-type: none;
                     &:before { content: none; }
                     &:hover,
                     &.select2-highlighted {
                         background-color: @rclightblue;
                     }
                     &.select2-result-with-children {
                         &:hover {
                             background-color: white;
                         }
                     }
                     .select2-result-label {
                         display:block;
                         padding: 8px;
                         font-family: @text-regular;
                         border-bottom: @border-thickness solid @rclightblue;
                         color: @rcblue;
                         cursor: pointer;
                     }
                     &.select2-result-with-children {
                         .select2-result-label {
                             font-family: @text-semibold;
                             color: @rcdarkblue;
                             cursor: default;
                         }
                         ul.select2-result-sub li .select2-result-label {
                             padding-left: 16px;
                             font-family: @text-regular;
                             color: @rcblue;
                             cursor: pointer;
                         }
                     }
                 }
             }
             .side-by-side-selector {
                 .left-group,
                 .middle-group,
                 .right-group {
                     margin-bottom: @padding;
                 }
             }

rhodecode/public/css/tables.less

0 +2 -2

             // tables.less
             // For use in RhodeCode application tables;
             // see style guide documentation for guidelines.
             // TABLES
             .rctable,
             table.rctable,
             table.dataTable {
                 clear:both;
                 width: 100%;
                 margin: 0 auto @padding;
                 padding: 0;
                 vertical-align: baseline;
                 line-height:1.5em;
                 border: none;
                 outline: none;
                 border-collapse: collapse;
                 border-spacing: 0;
                 color: @grey2;
                 b {
                     font-weight: normal;
                 }
                 em {
                     font-weight: bold;
                     font-style: normal;
                 }
                 th,
                 td {
                     height: auto;
                     max-width: 20%;
                     padding: .65em 1em .65em 0;
                     vertical-align: middle;
                     border-bottom: @border-thickness solid @grey5;
                     white-space: normal;
                     &.td-radio,
                     &.td-checkbox {
                         padding-right: 0;
                         text-align: center;
                         input {
                             margin: 0 1em;
                         }
                     }
                     &.truncate-wrap {
-                        white-space: nowrap !important;
+                        white-space: nowrap;
                     }
                     pre {
                         margin: 0;
                     }
                     .show_more {
                         height: inherit;
                     }
                 }
                 .expired td {
                     background-color: @grey7;
                 }
                 .td-radio + .td-owner {
                     padding-left: 1em;
                 }
                 th {
                     text-align: left;
                     font-family: @text-semibold;
                 }
                 .hl {
                     td {
                         background-color: lighten(@alert4,25%);
                     }
                 }
             // Special Data Cell Types
             // See style guide for desciptions and examples.
                 td {
                     &.user {
                         padding-left: 1em;
                     }
                     &.td-rss {
                         width: 20px;
                         min-width: 0;
                         margin: 0;
                     }
                     &.quick_repo_menu {
                         width: 15px;
                         text-align: center;
                         &:hover {
                             background-color: @grey5;
                         }
                     }
                     &.td-hash {
                         min-width: 80px;
                         width: 200px;
                         .obsolete {
                             text-decoration: line-through;
                             color: lighten(@grey2,25%);
                         }
                     }
                     &.td-time {
                         width: 160px;
                         white-space: nowrap;
                     }
                     &.annotate{
                         padding-right: 0;
                         div.annotatediv{
                             margin: 0 0.7em;
                         }
                     }
                     &.tags-col {
                         padding-right: 0;
                     }
                     &.td-description {
                         min-width: 350px;
                         &.truncate, .truncate-wrap {
                             white-space: nowrap;
                             overflow: hidden;
                             text-overflow: ellipsis;
                             max-width: 450px;
                         }
                     }
                     &.td-componentname {
                         white-space: nowrap;
                     }
                     &.td-name {
                     }
                     &.td-journalaction {
                         min-width: 300px;
                         .journal_action_params {
                             // waiting for feedback
                         }
                     }
                     &.td-active {
                         padding-left: .65em;
                     }
                     &.td-url {
                         white-space: nowrap;
                     }
                     &.td-comments {
                         min-width: 3em;
                     }
                     &.td-buttons {
                         padding: .3em 0;
                     }
                     &.td-action {
                         // this is for the remove/delete/edit buttons
                         padding-right: 0;
                         min-width: 95px;
                         text-transform: capitalize;
                         i {
                             display: none;
                         }
                     }
                     // TODO: lisa: this needs to be cleaned up with the buttons
                     .grid_edit,
                     .grid_delete {
                         display: inline-block;
                         margin: 0 @padding/3 0 0;
                         font-family: @text-light;
                         i {
                             display: none;
                         }
                     }
                     .grid_edit + .grid_delete {
                         border-left: @border-thickness solid @grey5;
                         padding-left: @padding/2;
                     }
                     &.td-compare {
                         input {
                             margin-right: 1em;
                         }
                         .compare-radio-button {
                             margin: 0 1em 0 0;
                         }
                     }
                     &.td-tags {
                         padding: .5em 1em .5em 0;
                         width: 140px;
                         .tag {
                             margin: 1px;
                             float: left;
                         }
                     }
                     .icon-svn, .icon-hg, .icon-git {
                         font-size: 1.4em;
                     }
                     &.collapse_commit,
                     &.expand_commit {
                         padding-right: 0;
                         padding-left: 1em;
                     }
                 }
                 .perm_admin_row {
                     color: @grey4;
                     background-color: @grey6;
                 }
                 .noborder {
                     border: none;
                     td {
                         border: none;
                     }
                 }
             }
             .rctable.audit-log {
                 td {
                             vertical-align: top;
                 }
             }
             // TRUNCATING
             // TODO: lisaq: should this possibly be moved out of tables.less?
             // for truncated text
             // used inside of table cells and in code block headers
             .truncate-wrap {
-                white-space: nowrap !important;
+                white-space: nowrap;
                 //truncated text
                 .truncate {
                     max-width: 450px;
                     width: 300px;
                     overflow: hidden;
                     text-overflow: ellipsis;
                     -o-text-overflow: ellipsis;
                     -ms-text-overflow: ellipsis;
                     &.autoexpand {
                         width: 120px;
                         margin-right: 200px;
                     }
                 }
                 &:hover .truncate.autoexpand {
                     overflow: visible;
                 }
                 .tags-truncate {
                     width: 150px;
                     height: 22px;
                     overflow: hidden;
                     .tag {
                         display: inline-block;
                     }
                     &.truncate {
                         height: 22px;
                         max-height:2em;
                         width: 140px;
                     }
                 }
             }
             .apikeys_wrap {
                 margin-bottom: @padding;
                 table.rctable td:first-child {
                     width: 340px;
                 }
             }
             // SPECIAL CASES
             // Repository Followers
             table.rctable.followers_data {
                 width: 75%;
                 margin: 0;
             }
             // Repository List
             // Group Members List
             table.rctable.group_members,
             table#repo_list_table {
                 min-width: 600px;
             }
             // Keyboard mappings
             table.keyboard-mappings {
                 th {
                     text-align: left;
                     font-family: @text-semibold;
                 }
             }
             // Branches, Tags, and Bookmarks
             #obj_list_table.dataTable {
                 td.td-time {
                     padding-right: 1em;
                 }
             }
             // User Admin
             .rctable.useremails,
             .rctable.account_emails {
                 .tag,
                 .btn {
                     float: right;
                 }
                 .btn { //to line up with tags
                     margin-right: 1.65em;
                 }
             }
             // User List
             #user_list_table {
                 td.td-user {
                     min-width: 100px;
                 }
             }
             // Pull Request List Table
             #pull_request_list_table.dataTable {
                 //TODO: lisa: This needs to be removed once the description is adjusted
                 //            for using an expand_commit button (see issue 765)
                  td {
                      vertical-align: middle;
                  }
             }
             // Settings (no border)
             table.rctable.dl-settings {
                 td {
                     border: none;
                 }
             }
             // Statistics
             table.trending_language_tbl {
                 width: 100%;
                 line-height: 1em;
                 td div {
                     overflow: visible;
                 }
             }
             .trending_language_tbl, .trending_language_tbl td {
                 border: 0;
                 margin: 0;
                 padding: 0;
                 background: transparent;
             }
             .trending_language_tbl, .trending_language_tbl tr {
                 border-spacing: 0 3px;
             }
             .trending_language {
                 position: relative;
                 width: 100%;
                 height: 19px;
                 overflow: hidden;
                 background-color: @grey6;
                 span, b{
                     position: absolute;
                     display: block;
                     height: 12px;
                     margin-bottom: 0px;
                     white-space: pre;
                     padding: floor(@basefontsize/4);
                     top: 0;
                     left: 0;
                 }
                 span{
                     color: @text-color;
                     z-index: 0;
                     min-width: 20px;
                 }
                 b {
                     z-index: 1;
                     overflow: hidden;
                     background-color: @rcblue;
                     color: #FFF;
                     text-decoration: none;
                 }
             }
             // Changesets
             #changesets.rctable {
                 // td must be fixed height for graph
                 td {
                     height: 32px;
                     padding: 0 1em 0 0;
                     vertical-align: middle;
                     white-space: nowrap;
                     &.td-description {
                         white-space: normal;
                     }
                     &.expand_commit {
                         padding-right: 0;
                     }
                 }
             }
             // Compare
             table.compare_view_commits {
                 margin-top: @space;
                 td.td-time {
                     padding-left: .5em;
                 }
                 // special case to not show hover actions on hidden indicator
                 tr.compare_select_hidden:hover {
                     cursor: inherit;
                     td {
                         background-color: inherit;
                     }
                 }
                 tr:hover {
                     cursor: pointer;
                     td {
                         background-color: lighten(@alert4,25%);
                     }
                 }
             }
             .file_history {
                 td.td-actions {
                     text-align: right;
                 }
             }
             // Gist List
             #gist_list_table {
                 td {
                     vertical-align: middle;
                     div{
                         display: inline-block;
                         vertical-align: middle;
                     }
                     img{
                         vertical-align: middle;
                     }
                 }
             }

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

Compare Commits r3048:ec80e5e97132...r3048:ec80e5e97132

Compare Commits `r3048:ec80e5e97132...r3048:ec80e5e97132`