@@ -4,7 +4,7 @@ | |||
<div class="coding-rules-detail-description coding-rules-detail-description-extra"> | |||
<div id="coding-rules-detail-description-extra"> | |||
{{#if htmlNote}} | |||
<div class="rule-desc marginbottom10 markdown">{{{htmlNote}}}</div> | |||
<div class="rule-desc spacer-bottom markdown">{{{htmlNote}}}</div> | |||
{{/if}} | |||
{{#if canWrite}} | |||
<div class="button-group"> |
@@ -1,5 +0,0 @@ | |||
<div class="navigator-filter-search"> | |||
<input type="text"> | |||
</div> | |||
<ul class="navigator-filter-select-list choices"></ul> | |||
<ul class="navigator-filter-select-list opposite"></ul> |
@@ -1 +0,0 @@ | |||
<div class="navigator-filter-details-inner"></div> |
@@ -1,5 +0,0 @@ | |||
<div class="navigator-filter-label">{{name}}</div> | |||
<div class="navigator-filter-value {{#if defaultValue}}default{{/if}}">{{value}}</div> | |||
{{#if optional}} | |||
<div class="navigator-filter-disable">×</div> | |||
{{/if}} |
@@ -1,4 +0,0 @@ | |||
<div class="navigator-filter-label">{{name}}</div> | |||
{{#if optional}} | |||
<div class="navigator-filter-disable">×</div> | |||
{{/if}} |
@@ -1,16 +0,0 @@ | |||
<li> | |||
<label title="{{text}}" data-id="{{id}}"> | |||
<span> | |||
<i class="icon-checkbox {{#if checked}}icon-checkbox-checked{{/if}} {{#unless multiple}}icon-checkbox-single{{/unless}}"></i> | |||
{{#if icon}}<i class="icon-{{icon}}"></i>{{/if}} | |||
{{text}} | |||
</span> | |||
{{#if category}} | |||
<br> | |||
<span> | |||
<i class="icon-checkbox icon-checkbox-invisible"></i> | |||
<span class="note">{{category}}</span> | |||
</span> | |||
{{/if}} | |||
</label> | |||
</li> |
@@ -1,2 +0,0 @@ | |||
<ul class="navigator-filter-select-list choices"></ul> | |||
<ul class="navigator-filter-select-list opposite"></ul> |
@@ -1,14 +0,0 @@ | |||
{{#ifNotEmpty choicesArray}} | |||
<ul class="navigator-filter-select-list"> | |||
{{#each choicesArray}} | |||
<li> | |||
<label data-id="{{k}}">{{v}}</label> | |||
</li> | |||
{{/each}} | |||
</ul> | |||
{{/ifNotEmpty}} | |||
<ul class="navigator-filter-select-list"> | |||
<li class="manage"> | |||
<label id="manage-favorites">{{t 'manage' }}</label> | |||
</li> | |||
</ul> |
@@ -1 +0,0 @@ | |||
<div class="navigator-filter-favorite-toggle" title="{{t 'measure_filter.filter_list'}}"></div> |
@@ -1,27 +0,0 @@ | |||
<div class="navigator-filter-details-inner"> | |||
<select name="metric"> | |||
<option></option> | |||
{{#each groupedMetrics}} | |||
<optgroup label="{{this.domain}}"> | |||
{{#each metrics}} | |||
<option value="{{name}}">{{short_name}}</option> | |||
{{/each}} | |||
</optgroup> | |||
{{/each}} | |||
</select> | |||
<select name="period"> | |||
<option value="0">{{t 'value'}}</option> | |||
{{#each periods}} | |||
<option value="{{@key}}">{{this}}</option> | |||
{{/each}} | |||
</select> | |||
<select name="op"> | |||
{{#each operations}} | |||
<option value="{{@key}}">{{this}}</option> | |||
{{/each}} | |||
</select> | |||
<input type="text" name="val"> | |||
</div> |
@@ -1,9 +0,0 @@ | |||
<ul class="navigator-filter-select-list"> | |||
{{#each filters}} | |||
<li> | |||
<label data-id="{{id}}" data-property="{{property}}" {{#if inactive}}class="inactive"{{/if}} {{#if title}}title="{{title}}"{{/if}}> | |||
{{name}} | |||
</label> | |||
</li> | |||
{{/each}} | |||
</ul> |
@@ -1 +0,0 @@ | |||
{{t "moreCriteria"}} |
@@ -1,5 +0,0 @@ | |||
<div class="navigator-filter-details-inner"> | |||
<input class="navigator-filter-range-input" type="text" name="{{propertyFrom}}" placeholder="{{placeholder}}"> | |||
<label>{{t 'to.downcase'}}</label> | |||
<input class="navigator-filter-range-input" type="text" name="{{propertyTo}}" placeholder="{{placeholder}}"> | |||
</div> |
@@ -1,3 +0,0 @@ | |||
<div class="navigator-filter-details-inner"> | |||
<input type="text" name="{{property}}" value="{{value}}"> | |||
</div> |
@@ -55,7 +55,7 @@ | |||
{{/unless}} | |||
<div class="marginbottom10"> </div> | |||
<div class="spacer-bottom"> </div> | |||
<a class="js-show-all-measures">{{t 'component_viewer.show_all_measures'}}</a> | |||
<div class="source-viewer-measures source-viewer-measures-secondary js-all-measures hidden"> |
@@ -21,160 +21,6 @@ | |||
@import (reference) "../mixins"; | |||
@import (reference) "../init/links"; | |||
.sonar-d3 { | |||
} | |||
.sonar-d3 .axis path { | |||
fill: none; | |||
stroke: #444; | |||
} | |||
.sonar-d3 .tick line { | |||
stroke: #444; | |||
} | |||
.sonar-d3 .tick text { | |||
fill: #444; | |||
} | |||
.sonar-d3 .plot { | |||
transition: all 0.2s ease; | |||
} | |||
.sonar-d3 .plot:hover .arc, | |||
.sonar-d3 .plot.hover .arc { | |||
opacity: 0.4; | |||
} | |||
.sonar-d3 .plot .arc:hover, | |||
.sonar-d3 .plot .arc.hover { | |||
opacity: 1; | |||
} | |||
.sonar-d3 .plot .line { | |||
fill: none; | |||
stroke: #000; | |||
stroke-width: 2; | |||
} | |||
.sonar-d3 .plot .line-marker { | |||
fill: #fff; | |||
stroke: #000; | |||
stroke-width: 2; | |||
opacity: 0; | |||
} | |||
.sonar-d3 .plot .scanner { | |||
stroke: #000; | |||
opacity: 0.25; | |||
} | |||
.sonar-d3 .arc, | |||
.sonar-d3 .bar rect { | |||
cursor: pointer; | |||
stroke: #fff; | |||
stroke-width: 1px; | |||
transition: all 0.2s ease; | |||
} | |||
.sonar-d3 .bar, | |||
.sonar-d3 .bar .legend-text, | |||
.sonar-d3 .pie-legend, | |||
.sonar-d3 .pie-legend .legend-text { | |||
cursor: pointer; | |||
} | |||
.sonar-d3 .legend { | |||
} | |||
.sonar-d3 .legend-bullet { | |||
transition: all 0.2s ease; | |||
} | |||
.sonar-d3 .legend-text { | |||
font-size: 12px; | |||
cursor: default; | |||
} | |||
.sonar-d3 .legend-active .legend-bullet { | |||
transform: scale(1.4); | |||
transform-origin: center; | |||
} | |||
.sonar-d3 .legend-html { | |||
margin-bottom: 10px; | |||
color: @secondFontColor; | |||
.legend-text + .legend-text { margin-left: 15px; } | |||
.legend-text-main { font-weight: 600; } | |||
} | |||
.sonar-d3 .details-color-indicator { | |||
fill: #fff; | |||
transition: fill 0.2s ease; | |||
} | |||
.sonar-d3 .details-metric { | |||
font-size: 12px; | |||
} | |||
.sonar-d3 .details-metric-main { | |||
font-weight: bold; | |||
} | |||
.sonar-d3 .info { | |||
} | |||
.sonar-d3 .info-text { | |||
font-size: 13px; | |||
} | |||
.sonar-d3 .info-text-bold { | |||
font-weight: bold; | |||
} | |||
.sonar-d3 .info-text-small { | |||
font-size: 12px; | |||
} | |||
.sonar-d3 .event-tick { | |||
fill: none; | |||
stroke: #000; | |||
stroke-width: 1px; | |||
transition: all 0.3s ease; | |||
} | |||
.sonar-d3.cloud-widget { | |||
text-align: center; | |||
} | |||
.sonar-d3 .cloud-word { | |||
display: inline-block; | |||
vertical-align: baseline; | |||
white-space: nowrap; | |||
margin-right: 14px; | |||
text-decoration: none; | |||
border-bottom: 1px solid transparent; | |||
&:hover { | |||
border-bottom: 1px solid; | |||
} | |||
} | |||
.max-results-reached-message { | |||
font-size: 12px; | |||
} | |||
div.max-results-reached-message { | |||
margin-top: 10px; | |||
color: #777; | |||
text-align: center; | |||
} | |||
text.max-results-reached-message { | |||
fill: #777; | |||
} | |||
.sonar-d3 .treemap-container { | |||
position: relative; | |||
} | |||
@@ -187,10 +33,6 @@ text.max-results-reached-message { | |||
text-align: center; | |||
} | |||
.sonar-d3 .treemap-cell-drilldown { | |||
cursor: pointer; | |||
} | |||
.sonar-d3 .treemap-inner { | |||
display: inline-block; | |||
vertical-align: middle; |
@@ -33,18 +33,6 @@ | |||
border-top: 1px solid @barBorderColor; | |||
} | |||
.measures-duplex { | |||
font-size: 0; | |||
.justify; | |||
.measures-list { | |||
display: inline-block; | |||
vertical-align: top; | |||
width: 40%; | |||
font-size: @baseFontSize; | |||
} | |||
} | |||
.measures-chart { | |||
display: inline-block; | |||
vertical-align: middle; | |||
@@ -57,10 +45,6 @@ | |||
} | |||
} | |||
.measures-chart-indent { | |||
padding-left: 90px; | |||
} | |||
.measure { | |||
line-height: 1.3333333333333; | |||
} | |||
@@ -80,33 +64,6 @@ | |||
font-weight: 400; | |||
} | |||
.measure-bar { | |||
display: inline-block; | |||
width: 60px; | |||
} | |||
.measure-bar-inner { | |||
display: block; | |||
min-width: 1px; | |||
height: 5px; | |||
background-color: #c0c0c0; | |||
} | |||
.measure-bar-inner-BLOCKER { | |||
background-color: @severityBlockerColor; | |||
} | |||
.measure-bar-inner-CRITICAL { | |||
background-color: @severityCriticalColor; | |||
} | |||
.measure-bar-inner-MAJOR { | |||
background-color: @severityMajorColor; | |||
} | |||
.measure-bar-inner-MINOR { | |||
background-color: @severityMinorColor; | |||
} | |||
.measure-bar-inner-INFO { | |||
background-color: @severityInfoColor; | |||
} | |||
.measure-big { | |||
display: inline-block; | |||
vertical-align: middle; | |||
@@ -142,21 +99,3 @@ | |||
float: right; | |||
} | |||
} | |||
.measure-with-bar { | |||
font-size: 0; | |||
.measure-name { | |||
width: 40%; | |||
} | |||
.measure-value { | |||
width: 20%; | |||
} | |||
.measure-bar { | |||
width: 30%; | |||
padding: 7px 5px; | |||
box-sizing: border-box; | |||
} | |||
} |
@@ -1,25 +0,0 @@ | |||
/* | |||
* SonarQube | |||
* Copyright (C) 2009-2016 SonarSource SA | |||
* mailto:contact AT sonarsource DOT com | |||
* | |||
* This program is free software; you can redistribute it and/or | |||
* modify it under the terms of the GNU Lesser General Public | |||
* License as published by the Free Software Foundation; either | |||
* version 3 of the License, or (at your option) any later version. | |||
* | |||
* This program is distributed in the hope that it will be useful, | |||
* but WITHOUT ANY WARRANTY; without even the implied warranty of | |||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU | |||
* Lesser General Public License for more details. | |||
* | |||
* You should have received a copy of the GNU Lesser General Public License | |||
* along with this program; if not, write to the Free Software Foundation, | |||
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. | |||
*/ | |||
@import (reference) "../mixins"; | |||
@import (reference) "../variables"; | |||
@import "navigator/config"; | |||
@import "navigator/base"; | |||
@import "navigator/filters"; |
@@ -1,414 +0,0 @@ | |||
/* | |||
* SonarQube | |||
* Copyright (C) 2009-2016 SonarSource SA | |||
* mailto:contact AT sonarsource DOT com | |||
* | |||
* This program is free software; you can redistribute it and/or | |||
* modify it under the terms of the GNU Lesser General Public | |||
* License as published by the Free Software Foundation; either | |||
* version 3 of the License, or (at your option) any later version. | |||
* | |||
* This program is distributed in the hope that it will be useful, | |||
* but WITHOUT ANY WARRANTY; without even the implied warranty of | |||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU | |||
* Lesser General Public License for more details. | |||
* | |||
* You should have received a copy of the GNU Lesser General Public License | |||
* along with this program; if not, write to the Free Software Foundation, | |||
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. | |||
*/ | |||
@import (reference) "../../variables"; | |||
@import (reference) "../../mixins"; | |||
@import (reference) "config"; | |||
.navigator { } | |||
.navigator-element() { | |||
position: fixed; | |||
z-index: @navigator-element-z-index; | |||
box-sizing: border-box; | |||
} | |||
.navigator-header { | |||
height: @navigatorHeaderHeight; | |||
margin: @navigatorPadding; | |||
border: 1px solid @navigatorBorderLightColor; | |||
box-sizing: border-box; | |||
} | |||
.navigator-filters { | |||
position: relative; | |||
border: 1px solid @navigatorBorderLightColor; | |||
box-sizing: border-box; | |||
} | |||
.navigator-content { | |||
display: table; | |||
width: 100%; | |||
} | |||
.navigator-side { | |||
position: relative; | |||
display: table-cell; | |||
vertical-align: top; | |||
width: @navigatorResultsWidth + 2 * @navigatorPadding; | |||
min-width: 275px + 2 * @navigatorPadding; | |||
max-width: 600px + 2 * @navigatorPadding; | |||
} | |||
.navigator-main { | |||
display: table-cell; | |||
vertical-align: top; | |||
} | |||
.navigator-results { | |||
position: relative; | |||
z-index: @navigator-results-z-index; | |||
width: @navigatorResultsWidth; | |||
min-width: 275px; | |||
max-width: 600px; | |||
margin: @navigatorPadding @navigatorPadding 0; | |||
box-sizing: border-box; | |||
} | |||
.navigator-actions { | |||
position: relative; | |||
z-index: @navigator-actions-z-index; | |||
margin: 0 @navigatorPadding @navigatorPadding; | |||
border: 1px solid @navigatorBorderLightColor; | |||
box-sizing: border-box; | |||
.clearfix; | |||
} | |||
.navigator-details { | |||
position: relative; | |||
margin: @navigatorPadding 0 0 0; | |||
} | |||
.navigator-notes { | |||
display: none; | |||
} | |||
.navigator-with-notes { | |||
.navigator-notes { | |||
display: block; | |||
} | |||
} | |||
.measures-page { | |||
.navigator-details { overflow: visible; } | |||
} | |||
.navigator-fetching { | |||
&:before { | |||
content: " "; | |||
position: absolute; | |||
z-index: @navigator-fetching-z-index; | |||
top: 0; bottom: 0; left: 0; right: 0; | |||
background: #fff url(../../../images/loading.gif) no-repeat 4px 4px; | |||
} | |||
} | |||
.navigator-page-loader { | |||
padding: @navigatorPadding 0 0 @navigatorPadding; | |||
} | |||
// Header | |||
.navigator-header { | |||
padding: 0 @navigatorPadding; | |||
background-color: @navigatorBarBackground; | |||
font-size: 0; | |||
.page-title, | |||
.page-actions { | |||
margin: (@navigatorHeaderHeight - @formControlHeight) / 2 0; | |||
} | |||
} | |||
.navigator-header-favorite { | |||
padding-left: 58px; | |||
} | |||
.navigator-header-title { | |||
display: inline-block; | |||
vertical-align: middle; | |||
color: @navigatorHeaderColor; | |||
font-size: 20px; | |||
line-height: @navigatorHeaderLineHeight; | |||
} | |||
.navigator-header-title-note { | |||
vertical-align: middle; | |||
color: #777; | |||
font-size: @smallFontSize; | |||
} | |||
.navigator-header-description { | |||
display: inline-block; | |||
vertical-align: middle; | |||
max-width: 70%; | |||
margin-left: 16px; | |||
font-size: @smallFontSize; | |||
font-style: italic; | |||
} | |||
.navigator-header-actions { | |||
margin: 8px 0 8px 20px; | |||
& > a { | |||
vertical-align: middle; | |||
margin: 0 8px; | |||
font-size: @smallFontSize; | |||
} | |||
} | |||
.navigator-header-menu-toggle { | |||
display: inline-block; | |||
vertical-align: top; | |||
height: 36px; | |||
margin-right: 10px; | |||
margin-left: -10px; | |||
padding: 10px; | |||
border-right: 1px solid transparent; | |||
box-sizing: border-box; | |||
cursor: pointer; | |||
transition: all 0.2s ease; | |||
&:hover { | |||
background-color: @navigatorHover; | |||
} | |||
&.active { | |||
border-color: #cdcdcd; | |||
background-color: #fff; | |||
} | |||
[class^="icon-"], [class*=" icon-"] { | |||
font-size: 16px; | |||
} | |||
} | |||
// Notes | |||
.navigator-notes { | |||
margin: 0 @navigatorPadding @navigatorPadding @navigatorPadding; | |||
padding: 0 @navigatorPadding; | |||
border: 1px solid @navigatorBorderColor; | |||
background-color: @navigatorBarBackground; | |||
color: #777; | |||
font-size: @smallFontSize; | |||
line-height: @navigatorNotesHeight; | |||
} | |||
// Facets | |||
.navigator-facets { | |||
padding: @navigatorPadding; | |||
border-bottom: 1px solid @navigatorBorderColor; | |||
background-color: @navigatorBarBackground; | |||
} | |||
.navigator-facets-list { | |||
} | |||
.navigator-facets-list-item { | |||
font-size: 0; | |||
margin-bottom: -6px; | |||
} | |||
.navigator-facets-list-item + .navigator-facets-list-item { | |||
margin-top: @navigatorPadding; | |||
} | |||
.navigator-facets-list-item-name { | |||
float: left; | |||
line-height: 22px; | |||
min-width: 120px; | |||
margin-right: @navigatorPadding; | |||
font-size: @smallFontSize; | |||
font-weight: normal; | |||
text-transform: uppercase; | |||
} | |||
.navigator-facets-list-item-options { | |||
overflow: hidden; | |||
} | |||
// Results | |||
.navigator-results { | |||
background-color: @white; | |||
overflow-x: hidden; | |||
overflow-y: auto; | |||
&.fetching { | |||
.navigator-results-list { visibility: hidden; } | |||
.navigator-results-loader { display: block; } | |||
} | |||
} | |||
.navigator-results-loader { | |||
position: fixed; | |||
z-index: @navigator-results-loader-z-index; | |||
display: none; | |||
background-color: #fff; | |||
} | |||
.navigator-results-list { | |||
& > li { | |||
position: relative; | |||
z-index: @normal-z-index; | |||
padding: @navigatorPadding / 2 0; | |||
border: 1px solid; | |||
border-color: @navigatorBorderLightColor transparent; | |||
cursor: pointer; | |||
transition: all 0.2s ease; | |||
.line { | |||
padding: @navigatorPadding / 2 @navigatorPadding; | |||
line-height: 1.2; | |||
} | |||
.line-small { | |||
font-size: 11px; | |||
line-height: 14px; | |||
} | |||
.line-right { | |||
float: right; | |||
} | |||
.line-nowrap { | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
white-space: nowrap; | |||
} | |||
&:hover { | |||
background-color: @navigatorBarBackground; | |||
} | |||
&.active { | |||
z-index: @above-normal-z-index; | |||
background-color: #CAE3F2; | |||
border-color: #4B9FD5; | |||
} | |||
} | |||
& > li + li { margin-top: -1px; } | |||
} | |||
.navigator-results-no-results { | |||
padding-top: 20% !important; | |||
background: #fff !important; | |||
border-color: transparent !important; | |||
color: #999; | |||
cursor: default !important; | |||
text-align: center; | |||
} | |||
// Details | |||
.navigator-details { | |||
background-color: @white; | |||
overflow: auto; | |||
&.loading { | |||
background: @white url("../../../images/loading.gif") no-repeat 4px 2px; | |||
} | |||
} | |||
// Status | |||
.navigator-actions { | |||
padding: 0 @navigatorPadding 0 0; | |||
border-right: 1px solid @navigatorBorderLightColor; | |||
border-bottom: 1px solid @navigatorBorderLightColor; | |||
background-color: @navigatorBarBackground; | |||
font-size: @smallFontSize; | |||
strong { font-weight: bold; } | |||
} | |||
.navigator-actions-order { | |||
float: left; | |||
padding: 0 @navigatorPadding; | |||
line-height: @navigatorStatusHeight; | |||
cursor: pointer; | |||
transition: all 0.2s ease; | |||
&:hover { | |||
background-color: @navigatorHover; | |||
} | |||
} | |||
.navigator-actions-order-choices { | |||
position: absolute; | |||
top: 100%; | |||
left: -1px; | |||
min-width: @navigatorResultsWidth / 2; | |||
background-color: #fff; | |||
border: 1px solid @navigatorBorderLightColor; | |||
box-shadow: @defaultShadow; | |||
overflow: hidden; | |||
display: none; | |||
& > li { | |||
height: @navigatorStatusHeight; | |||
line-height: @navigatorStatusHeight; | |||
padding: 0 10px; | |||
cursor: pointer; | |||
transition: all 0.2s ease; | |||
&:hover { | |||
background-color: @navigatorBarBackground; | |||
} | |||
} | |||
&.open { | |||
display: block; | |||
} | |||
} | |||
.navigator-actions-total { | |||
float: right; | |||
height: @navigatorStatusHeight; | |||
line-height: @navigatorStatusHeight; | |||
} | |||
.navigator-actions-bulk { | |||
position: relative; | |||
top: -1px; | |||
margin-left: 8px; | |||
font-size: 16px; | |||
text-decoration: none; | |||
} | |||
// Footer | |||
.navigator-page #footer { | |||
margin: 0; | |||
border-top: 1px solid @navigatorBorderLightColor; | |||
} | |||
.navigator-page #ftlinks { | |||
margin-top: 0; | |||
} |
@@ -1,51 +0,0 @@ | |||
/* | |||
* SonarQube | |||
* Copyright (C) 2009-2016 SonarSource SA | |||
* mailto:contact AT sonarsource DOT com | |||
* | |||
* This program is free software; you can redistribute it and/or | |||
* modify it under the terms of the GNU Lesser General Public | |||
* License as published by the Free Software Foundation; either | |||
* version 3 of the License, or (at your option) any later version. | |||
* | |||
* This program is distributed in the hope that it will be useful, | |||
* but WITHOUT ANY WARRANTY; without even the implied warranty of | |||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU | |||
* Lesser General Public License for more details. | |||
* | |||
* You should have received a copy of the GNU Lesser General Public License | |||
* along with this program; if not, write to the Free Software Foundation, | |||
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. | |||
*/ | |||
@import (reference) "../../variables"; | |||
// Layout | |||
@navigatorTopOffset: 80px; | |||
@navigatorBottomOffset: 35px; | |||
@navigatorHeaderHeight: 40px; | |||
@navigatorHeaderLineHeight: @navigatorHeaderHeight - 3px; | |||
@navigatorFiltersHeight: 40px; | |||
@navigatorFiltersLineHeight: @navigatorFiltersHeight - 3px; | |||
@navigatorFacetsHeight: 90px; | |||
@navigatorStatusHeight: 30px; | |||
@navigatorNotesHeight: 20px; | |||
@navigatorResultsWidth: 320px; | |||
@navigatorPadding: 10px; | |||
// Colors | |||
@navigatorBarBackground: @barBackgroundColor; | |||
@navigatorBorderColor: @barBorderColor; | |||
@navigatorBorderLightColor: @barBorderColor; | |||
@navigatorHeaderColor: @baseFontColor; | |||
@navigatorFacetStatColor: @secondFontColor; | |||
@navigatorFacetInactiveBackground: lighten(@barBackgroundColor, 4%); | |||
@navigatorHover: darken(@navigatorBarBackground, 5%); | |||
@navigatorFilterPadding: @navigatorPadding; |
@@ -1,340 +0,0 @@ | |||
/* | |||
* SonarQube | |||
* Copyright (C) 2009-2016 SonarSource SA | |||
* mailto:contact AT sonarsource DOT com | |||
* | |||
* This program is free software; you can redistribute it and/or | |||
* modify it under the terms of the GNU Lesser General Public | |||
* License as published by the Free Software Foundation; either | |||
* version 3 of the License, or (at your option) any later version. | |||
* | |||
* This program is distributed in the hope that it will be useful, | |||
* but WITHOUT ANY WARRANTY; without even the implied warranty of | |||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU | |||
* Lesser General Public License for more details. | |||
* | |||
* You should have received a copy of the GNU Lesser General Public License | |||
* along with this program; if not, write to the Free Software Foundation, | |||
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. | |||
*/ | |||
@import (reference) "../../variables"; | |||
@import (reference) "../../mixins"; | |||
@import (reference) "config"; | |||
.navigator-filters { | |||
padding-right: 85px; | |||
background-color: @navigatorBarBackground; | |||
font-size: 0; | |||
} | |||
.navigator-filters-list { | |||
display: inline-block; | |||
vertical-align: middle; | |||
font-size: 0; | |||
margin-bottom: -1px; | |||
} | |||
.navigator-filter-submit, | |||
.navigator-filter-new-search { | |||
vertical-align: middle; | |||
margin-left: 15px; | |||
font-size: @baseFontSize; | |||
} | |||
.navigator-filter-submit { | |||
position: absolute; | |||
bottom: 0; right: 0; | |||
width: 85px; | |||
height: @navigatorFiltersHeight; | |||
margin: -1px -1px -1px 0; | |||
padding: 0; | |||
border: 1px solid darken(@blue, 10%); | |||
background: @blue; | |||
color: #fff; | |||
font-weight: normal; | |||
transition: all 0.2s ease; | |||
&::-moz-focus-inner { border: 0; } | |||
&:hover, &:focus { | |||
border-color: @blue; | |||
background-color: lighten(@blue, 10%); | |||
} | |||
} | |||
.navigator-filter-list-favorite { | |||
position: relative; | |||
padding-left: 36px; | |||
overflow: hidden; | |||
} | |||
.navigator-filters-actions { | |||
display: inline-block; | |||
vertical-align: middle; | |||
margin-left: 20px; | |||
font-size: @baseFontSize; | |||
} | |||
.navigator-filter { | |||
position: relative; | |||
z-index: @normal-z-index; | |||
display: inline-block; | |||
vertical-align: top; | |||
height: @navigatorFiltersHeight; | |||
line-height: @navigatorFiltersLineHeight; | |||
margin: -1px 0 0 -1px; | |||
padding: 0 1.5 * @navigatorFilterPadding; | |||
border: 1px solid @navigatorBorderLightColor; | |||
box-sizing: border-box; | |||
white-space: nowrap; | |||
cursor: pointer; | |||
transition: all 0.2s ease; | |||
&:hover { | |||
z-index: @above-normal-z-index; | |||
border-color: @navigatorBorderColor; | |||
background-color: @navigatorHover; | |||
} | |||
&.active { | |||
border-color: @darkGrey; | |||
background: #fff; | |||
} | |||
} | |||
.navigator-filter-disabled { | |||
display: none; | |||
} | |||
.navigator-filter-optional { | |||
padding-right: 0; | |||
} | |||
.navigator-filter-inline, | |||
.navigator-filter-read-only, | |||
.navigator-filter-inactive { | |||
cursor: default; | |||
&:hover, | |||
&.active { | |||
border-color: transparent; | |||
background: transparent; | |||
} | |||
} | |||
.navigator-filter-inline .navigator-filter-label:after { | |||
content: ""; | |||
} | |||
.navigator-filter-inactive { | |||
opacity: 0.5; | |||
} | |||
.navigator-filter-context { | |||
z-index: @navigator-filter-context-z-index; | |||
background-color: @contextBackground; | |||
border-color: @contextBorder; | |||
} | |||
.navigator-filter-label { | |||
display: inline-block; | |||
vertical-align: middle; | |||
margin-right: 5px; | |||
color: #333; | |||
font-size: @baseFontSize; | |||
&:after { content: ":"; } | |||
} | |||
.navigator-filter-value { | |||
display: inline-block; | |||
vertical-align: middle; | |||
max-width: 120px; | |||
color: #333; | |||
font-size: @baseFontSize; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
white-space: nowrap; | |||
&.default { | |||
color: #666; | |||
} | |||
} | |||
.navigator-filter-disable { | |||
display: inline-block; | |||
vertical-align: middle; | |||
width: 20px; | |||
height: 20px; | |||
line-height: 20px; | |||
margin: 0 0 0 5px; | |||
font-size: 18px; | |||
text-align: center; | |||
transition: background 0.3s ease; | |||
&:hover { | |||
background-color: darken(@navigatorHover, 7%); | |||
} | |||
} | |||
.navigator-filter-range-input { | |||
width: 120px; | |||
} | |||
.navigator-filter-details { | |||
display: none; | |||
position: absolute; | |||
z-index: @dropdown-menu-z-index; | |||
min-width: 100px; | |||
border: 1px solid @darkGrey; | |||
background: #fff; | |||
box-shadow: @defaultShadow; | |||
font-size: @baseFontSize; | |||
transition: opacity 0.3s ease; | |||
&.active { | |||
display: block; | |||
} | |||
} | |||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { | |||
/* IE10+ specific styles go here */ | |||
.navigator-filter-details { | |||
width: 250px; | |||
} | |||
} | |||
.navigator-filter-details-inner { | |||
max-width: 300px; | |||
padding: 5px @navigatorFilterPadding; | |||
.select2-container, | |||
input { | |||
margin: 5px 0; | |||
vertical-align: middle; | |||
} | |||
} | |||
.navigator-filter-select-list { | |||
min-width: 150px; | |||
max-width: 300px; | |||
max-height: 182px; | |||
padding: 5px 0; | |||
overflow-y: auto; | |||
-ms-overflow-style: scrollbar; | |||
label { | |||
display: block; | |||
padding: 5px @navigatorFilterPadding; | |||
cursor: pointer; | |||
white-space: nowrap; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
transition: background 0.2s ease; | |||
&:hover, | |||
&.current { | |||
background-color: darken(#fff, 7%); | |||
} | |||
& > input[type=checkbox] { | |||
vertical-align: baseline; | |||
cursor: pointer; | |||
} | |||
& > img { | |||
vertical-align: text-bottom; | |||
} | |||
&.special { | |||
font-style: italic; | |||
& > span { | |||
text-decoration: underline; | |||
} | |||
} | |||
&.inactive { | |||
cursor: default; | |||
opacity: 0.5; | |||
&:hover { | |||
background-color: transparent; | |||
} | |||
} | |||
} | |||
.single { | |||
padding: 5px @navigatorFilterPadding; | |||
} | |||
.line { | |||
height: 1px; | |||
margin: 5px 0; | |||
background: @darkGrey; | |||
} | |||
} | |||
.navigator-filter-select-list:not(.hidden) + .navigator-filter-select-list { | |||
margin-top: 5px; | |||
border-top: 1px solid @darkGrey; | |||
} | |||
.navigator-filter-search { | |||
position: relative; | |||
margin: @navigatorFilterPadding 26px @navigatorFilterPadding @navigatorFilterPadding; | |||
input { | |||
width: 100%; | |||
height: 26px; | |||
padding: 0 7px; | |||
border: 1px solid @darkGrey; | |||
box-sizing: border-box; | |||
} | |||
.fetching &:after { | |||
content: ' '; | |||
position: absolute; | |||
top: 6px; right: -21px; | |||
display: block; | |||
width: 16px; | |||
height: 16px; | |||
background: #fff url(../../../images/loading.gif) no-repeat center center; | |||
} | |||
&.fetching-error { | |||
input { border: 2px solid @red; } | |||
} | |||
} | |||
.navigator-filter-load-more { | |||
display: none; | |||
height: 26px; | |||
line-height: 26px; | |||
background-color: @grey; | |||
text-align: center; | |||
cursor: pointer; | |||
transition: background 0.3s ease; | |||
&:hover { | |||
background-color: darken(@grey, 7%); | |||
} | |||
} | |||
.navigator-filter-favorite { | |||
position: relative; | |||
} | |||
.navigator-filter-favorite-toggle { | |||
width: 16px; | |||
height: @navigatorFiltersHeight; | |||
background: url(../../../images/navigator/favorite-filters@2x.png) no-repeat center center; | |||
background-size: 16px 14px; | |||
} | |||
.navigator-filter-more-criteria { | |||
font-size: @baseFontSize; | |||
} |
@@ -89,13 +89,6 @@ | |||
} | |||
} | |||
.source-line-expand { | |||
.source-line-code { | |||
background: url(../../images/gray-stripes.png) repeat; | |||
} | |||
} | |||
.source-viewer pre { | |||
height: @source-line-height; | |||
padding: 0; |
@@ -1,526 +0,0 @@ | |||
/* | |||
* SonarQube | |||
* Copyright (C) 2009-2016 SonarSource SA | |||
* mailto:contact AT sonarsource DOT com | |||
* | |||
* This program is free software; you can redistribute it and/or | |||
* modify it under the terms of the GNU Lesser General Public | |||
* License as published by the Free Software Foundation; either | |||
* version 3 of the License, or (at your option) any later version. | |||
* | |||
* This program is distributed in the hope that it will be useful, | |||
* but WITHOUT ANY WARRANTY; without even the implied warranty of | |||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU | |||
* Lesser General Public License for more details. | |||
* | |||
* You should have received a copy of the GNU Lesser General Public License | |||
* along with this program; if not, write to the Free Software Foundation, | |||
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. | |||
*/ | |||
@import (reference) "variables"; | |||
@import (reference) "mixins"; | |||
@import (reference) "components/ui"; | |||
@import (reference) "init/links"; | |||
// deprecated since 5.1 | |||
// use `.page-title` instead | |||
.page_title { | |||
.clearfix; | |||
margin-bottom: 10px; | |||
} | |||
.loading { | |||
background: url("../images/loading.gif") no-repeat 4px 2px; | |||
color: #444; | |||
padding: 3px 25px; | |||
} | |||
// use `.text-right` instead | |||
.right { | |||
text-align: right; | |||
} | |||
// use `.text-left` instead | |||
.left { | |||
text-align: left; | |||
} | |||
// use `.text-center` instead | |||
.center { | |||
text-align: center; | |||
} | |||
// use `.text-top` instead | |||
.top { | |||
vertical-align: top; | |||
} | |||
// use `.text-bottom` instead | |||
.bottom { | |||
vertical-align: bottom; | |||
} | |||
// use `.text-middle` instead | |||
.middle { | |||
vertical-align: middle; | |||
} | |||
.clear { | |||
height: 0; | |||
clear: both; | |||
} | |||
// use `.note` instead | |||
.subtitle { | |||
color: @secondFontColor; | |||
font-size: @smallFontSize; | |||
} | |||
.crossout { | |||
text-decoration: line-through; | |||
} | |||
.notes { | |||
color: #777; | |||
font-size: 11px; | |||
margin-bottom: 10px; | |||
background-color: #EFEFEF; | |||
border: 1px solid #cdcdcd; | |||
line-height: 16px; | |||
height: 16px; | |||
padding: 2px 4px; | |||
} | |||
// use `.alert.alert-warning` instead | |||
.warning, .modal-warning { | |||
margin: 0 0 8px; | |||
padding: 5px 8px; | |||
border: 2px solid #faebcc; | |||
background-color: #fcf8e3; | |||
color: #8a6d3b; | |||
} | |||
// use `.alert.alert-danger` instead | |||
.error, .modal-error { | |||
margin: 0 0 8px; | |||
padding: 5px 8px; | |||
border: 1px solid #ebccd1; | |||
background-color: #f2dede; | |||
color: #a94442; | |||
} | |||
// use `.alert.alert-success` or `.alert.alert-info` instead | |||
.notice, .modal-notice, .info { | |||
margin: 0 0 8px; | |||
padding: 5px 8px; | |||
border: 1px solid #bce8f1; | |||
background-color: #d9edf7; | |||
color: #31708f; | |||
} | |||
div.operations { | |||
float: right; | |||
margin: 0; | |||
} | |||
ul.operations { | |||
float: right; | |||
height: 20px; | |||
line-height: 20px; | |||
list-style-type: none; | |||
margin: 0; | |||
background-color: #EFEFEF; | |||
border: 1px solid #cdcdcd; | |||
border-radius: 3px; | |||
-moz-border-radius: 3px; | |||
-webkit-border-radius: 3px; | |||
} | |||
ul.operations li { | |||
float: left; | |||
margin: 0; | |||
padding: 0 8px; | |||
font-size: 85%; | |||
border-right: 1px solid #cdcdcd; | |||
} | |||
ul.operations li.selected { | |||
background-color: #d4d4d4; | |||
} | |||
ul.operations li.last { | |||
border-right-width: 0; | |||
} | |||
ul.operations li a { | |||
.link-base-color; | |||
} | |||
ul.operations li img { | |||
vertical-align: middle; | |||
margin-right: 5px; | |||
} | |||
th.operations, td.operations { | |||
text-align: right; | |||
} | |||
.doc h2 { | |||
margin-top: 8px; | |||
} | |||
.doc p { | |||
margin: 8px 0; | |||
} | |||
.doc pre, pre.code { | |||
color: #777; | |||
background-color: #EFEFEF; | |||
padding: 10px; | |||
margin: 10px 0; | |||
border: 1px dashed #777; | |||
font-size: 93%; | |||
line-height: 1.5em; | |||
} | |||
.doc li { | |||
list-style: disc outside; | |||
padding: 2px; | |||
} | |||
.doc ul { | |||
list-style: none outside; | |||
padding-left: 30px; | |||
} | |||
.rulename, .rulename a { | |||
color: #444; | |||
font-weight: 600; | |||
} | |||
.rulename a:hover { | |||
text-decoration: underline; | |||
} | |||
.source_title { | |||
padding: 10px 5px; | |||
} | |||
.source_title span.h1 { | |||
font-size: 16px; | |||
margin-right: 10px; | |||
} | |||
.source_links { | |||
font-size: 11px; | |||
} | |||
.global_violations { | |||
width: 100%; | |||
} | |||
.global_violations > tbody > tr > td { | |||
padding-bottom: 10px; | |||
} | |||
.global_violations td { | |||
padding: 3px 0; | |||
} | |||
.global_violations td img, #source_title img { | |||
vertical-align: text-bottom; | |||
} | |||
.tab_header { | |||
padding: 5px 10px; | |||
} | |||
.tab_header td { | |||
padding-right: 7px; | |||
} | |||
.tab_header td.name { | |||
text-align: left; | |||
white-space: nowrap; | |||
} | |||
.tab_header td.value { | |||
text-align: right; | |||
white-space: nowrap; | |||
font-weight: bold; | |||
} | |||
.extension-close { | |||
position: absolute; | |||
top: 5px; right: 10px; | |||
} | |||
.source_options { | |||
margin-top: 5px; | |||
padding-top: 5px; | |||
border-top: 1px solid #ddd; | |||
font-size: 85%; | |||
} | |||
.source_options td { | |||
background: url("../images/sep12.png") no-repeat scroll 0 50% transparent; | |||
padding: 0 10px; | |||
} | |||
.source_options td.first { | |||
background: none; | |||
padding: 0 10px 0 0; | |||
} | |||
div.autocomplete { | |||
position: absolute; | |||
width: 600px; | |||
right: 10px; | |||
top: 10px; | |||
background-color: #fff; | |||
border: 1px solid #ccc; | |||
margin: 0; | |||
padding: 0; | |||
color: #111; | |||
line-height: 18px; | |||
box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5); | |||
z-index: @dropdown-menu-z-index; | |||
} | |||
div.autocomplete ul { | |||
list-style-type: none; | |||
margin: 0; | |||
padding: 0; | |||
} | |||
div.autocomplete ul li { | |||
list-style-type: none; | |||
display: block; | |||
margin: 0; | |||
padding: 3px 5px; | |||
cursor: pointer; | |||
color: #333; | |||
line-height: 18px; | |||
height: 18px; | |||
vertical-align: middle; | |||
white-space: nowrap; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
} | |||
div.autocomplete div.q { | |||
font-size: 93%; | |||
color: #777; | |||
width: 90px; | |||
text-align: right; | |||
margin-right: 5px; | |||
display: inline-block; | |||
/* For IE 7 */ | |||
zoom: 1; | |||
*display: inline; | |||
} | |||
div.autocomplete ul li img { | |||
vertical-align: middle; | |||
} | |||
div.autocomplete ul li.selected { | |||
background-color: @lightBlue; | |||
} | |||
div.autocomplete strong { | |||
font-weight: bold; | |||
} | |||
div.autocompleteNote { | |||
color: #777; | |||
font-size: 85%; | |||
background-color: #EFEFEF; | |||
border-top: 1px solid #CCC; | |||
padding: 1px 10px; | |||
} | |||
.color_OK { | |||
border: 2px solid #00aa00 !important; | |||
color: #00aa00 !important; | |||
} | |||
.color_WARN { | |||
border: 2px solid #ed7d20 !important; | |||
color: #ed7d20 !important; | |||
} | |||
.color_ERROR { | |||
border: 2px solid #d4333f !important; | |||
color: #d4333f !important; | |||
} | |||
.admin-page-title { | |||
margin-bottom: 0; | |||
} | |||
.admin-page-description { | |||
font-size: 85%; | |||
font-weight: normal; | |||
margin-bottom: 25px; | |||
} | |||
.red-button { | |||
color: #990000 !important; | |||
} | |||
.red-button:hover { | |||
color: #FFFFFF !important; | |||
border: solid 1px #CD504A !important; | |||
background: #B33630 !important; | |||
background: -webkit-gradient(linear, left top, left bottom, from(#DC5F59), to(#B33630)) !important; | |||
background: -moz-linear-gradient(top, #DC5F59, #B33630) !important; | |||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#DC5F59', endColorstr = '#B33630') !important; | |||
} | |||
.red-button:active { | |||
color: #FFFFFF !important; | |||
border: solid 1px #CD504A !important; | |||
background: #B33630 !important; | |||
background: -webkit-gradient(linear, left top, left bottom, from(#AC2F29), to(#D35650)) !important; | |||
background: -moz-linear-gradient(top, #AC2F29, #D35650) !important; | |||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#AC2F29', endColorstr = '#D35650') !important; | |||
} | |||
.red-button[disabled] { | |||
position: relative; | |||
top: 0; | |||
text-shadow: 1px 1px 0 #FFFFFF; | |||
color: #BBBBBB; | |||
border: solid 1px #DDD; | |||
background: #EBEBEB; | |||
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E1E1E1)); | |||
background: -moz-linear-gradient(top, #FFFFFF, #E1E1E1); | |||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FFFFFF', endColorstr = '#E1E1E1'); | |||
cursor: default; | |||
} | |||
a.external { | |||
background: url('../images/links/external.png') no-repeat 100% 0; | |||
padding: 0 16px 0 0; | |||
} | |||
.fav { | |||
display: inline-block; | |||
background: url('../images/star.png') no-repeat 100% 0; | |||
width: 16px; | |||
height: 16px; | |||
vertical-align: text-bottom; | |||
} | |||
.notfav { | |||
display: inline-block; | |||
background: url('../images/star_off.png') no-repeat 100% 0; | |||
width: 16px; | |||
height: 16px; | |||
vertical-align: text-bottom; | |||
} | |||
/* DUPLICATIONS */ | |||
.duplications { | |||
max-width: 100%; | |||
} | |||
.duplications td.item { | |||
text-align: right; | |||
vertical-align: top; | |||
padding: 0; | |||
} | |||
.duplications td.item p { | |||
padding: 3px 5px; | |||
} | |||
.duplications td.fileItem { | |||
text-align: left; | |||
vertical-align: top; | |||
padding: 0; | |||
white-space: nowrap; | |||
} | |||
.duplications td.fileItem p { | |||
padding: 3px 5px; | |||
} | |||
.duplications td.item p.selected, .duplications td.fileItem p.selected { | |||
background-color: #EFEFEF; | |||
border-top: 1px solid #DDD; | |||
border-bottom: 1px solid #DDD; | |||
padding: 3px 5px; | |||
} | |||
.duplications td.fileItem p.selected a { | |||
text-decoration: none; | |||
} | |||
.duplications td.sourceItem { | |||
padding: 0; | |||
background-color: #EFEFEF; | |||
border: 1px solid #DDD; | |||
border-left: none; | |||
} | |||
.duplications td.sourceItem p { | |||
padding: 3px; | |||
} | |||
.duplicationsMessage { | |||
padding: 10px; | |||
} | |||
.discussion { | |||
width: 100%; | |||
border: 1px solid #DDDDDD; | |||
} | |||
.discussionComment.first { | |||
border-top: none; | |||
} | |||
.discussionComment { | |||
background-color: #EFEFEF; | |||
border-top: 1px solid #DDDDDD; | |||
line-height: 1.5em; | |||
margin: 0; | |||
padding: 5px 10px; | |||
h4 { | |||
font-size: 90%; | |||
margin-bottom: 2px; | |||
} | |||
h4 img { | |||
vertical-align: sub; | |||
} | |||
ol li { | |||
list-style: decimal inside; | |||
} | |||
ul li { | |||
list-style: square inside; | |||
} | |||
pre { | |||
padding: 10px; | |||
border: 1px dashed #DDD; | |||
color: #444; | |||
font-size: 12px; | |||
} | |||
} | |||
div.comment-excerpt { | |||
background-color: transparent; | |||
margin-top: 5px; | |||
margin-bottom: 5px; | |||
color: #777777; | |||
font-size: 90%; | |||
} |
@@ -26,6 +26,7 @@ | |||
.vertical-middle { vertical-align: middle; } | |||
.nowrap { white-space: nowrap; } | |||
table.nowrap td, td.nowrap, th.nowrap { white-space: nowrap; } | |||
.hidden { | |||
display: none !important; | |||
@@ -35,6 +36,10 @@ | |||
.note { | |||
color: @secondFontColor; | |||
font-size: @smallFontSize; | |||
a { | |||
color: @secondFontColor; | |||
} | |||
} | |||
.spacer-left { margin-left: 8px; } |
@@ -25,10 +25,39 @@ table { | |||
border-spacing: 0; | |||
} | |||
.table > thead > tr > th { | |||
border-top: 0 none; | |||
font-weight: bold; | |||
vertical-align: bottom; | |||
line-height: 16px; | |||
padding: 4px 5px; | |||
vertical-align: bottom; | |||
} | |||
.table > tbody > tr > td { | |||
line-height: 16px; | |||
padding: 4px 5px; | |||
vertical-align: top; | |||
} | |||
.table > tfoot > tr > td { | |||
font-size: 93%; | |||
color: #777; | |||
padding: 4px 5px; | |||
} | |||
.table > tfoot > tr > td a { | |||
color: #777; | |||
} | |||
.odd { | |||
background-color: #fff; | |||
} | |||
.even { | |||
background-color: #f5f5f5; | |||
} | |||
.odd.selected, | |||
.even.selected, | |||
.odd.selected a, | |||
@@ -39,6 +68,10 @@ table { | |||
color: @baseFontColor; | |||
} | |||
table.data, table.spaced { | |||
width: 100%; | |||
} | |||
table.data > thead:after { | |||
display: block; | |||
line-height: 5px; | |||
@@ -141,24 +174,6 @@ table.data.no-outer-padding > tbody > tr { | |||
vertical-align: middle; | |||
} | |||
.data td.category { | |||
padding-right: 15px; | |||
} | |||
.categoryDescription { | |||
padding: 10px 5px; | |||
} | |||
.data td.category.withSubcategories { | |||
background-image: url('../../images/bullet_arrow_down.gif'); | |||
background-position: right center; | |||
background-repeat: no-repeat; | |||
} | |||
.data td.subcategory { | |||
padding-left: 20px; | |||
} | |||
.hoverable:hover { | |||
background-color: #CAE3F2; | |||
} | |||
@@ -167,32 +182,6 @@ table.data.no-outer-padding > tbody > tr { | |||
color: #111; | |||
} | |||
table.sortable .sortcol { | |||
cursor: pointer; | |||
padding-left: 15px; | |||
background-repeat: no-repeat; | |||
background-position: right center; | |||
} | |||
table.sortable .sortasc { | |||
background-image: url('../../images/bullet_arrow_up.gif'); | |||
background-position: left center; | |||
} | |||
table.sortable .sortdesc { | |||
background-image: url('../../images/bullet_arrow_down.gif'); | |||
background-position: left center; | |||
} | |||
table.sortable .righticon { | |||
padding-right: 15px; | |||
background-position: right center; | |||
} | |||
table.sortable .nosort { | |||
cursor: default; | |||
} | |||
table.spaced th { | |||
font-weight: bold; | |||
color: #333; |
@@ -21,7 +21,6 @@ | |||
@import (reference) '../variables'; | |||
@import (reference) '../init/links'; | |||
@import (reference) '../components/ui'; | |||
@import (reference) '../components/navigator/config'; | |||
@facetsHeight: 36px; | |||
@@ -358,7 +357,7 @@ | |||
position: absolute; | |||
z-index: @dropdown-menu-z-index; | |||
width: 200px; | |||
border: 1px solid @navigatorBorderLightColor; | |||
border: 1px solid @barBorderColor; | |||
box-sizing: border-box; | |||
box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5); | |||
background-color: #fff; | |||
@@ -377,7 +376,7 @@ | |||
.link-no-underline; | |||
transition: all 0.2s ease; | |||
&:hover { background-color: @navigatorBarBackground; } | |||
&:hover { background-color: @barBackgroundColor; } | |||
strong { | |||
font-weight: bold; |
@@ -1,441 +0,0 @@ | |||
/* | |||
* SonarQube | |||
* Copyright (C) 2009-2016 SonarSource SA | |||
* mailto:contact AT sonarsource DOT com | |||
* | |||
* This program is free software; you can redistribute it and/or | |||
* modify it under the terms of the GNU Lesser General Public | |||
* License as published by the Free Software Foundation; either | |||
* version 3 of the License, or (at your option) any later version. | |||
* | |||
* This program is distributed in the hope that it will be useful, | |||
* but WITHOUT ANY WARRANTY; without even the implied warranty of | |||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU | |||
* Lesser General Public License for more details. | |||
* | |||
* You should have received a copy of the GNU Lesser General Public License | |||
* along with this program; if not, write to the Free Software Foundation, | |||
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. | |||
*/ | |||
@import (reference) "../mixins"; | |||
@import (reference) "../variables"; | |||
@import (reference) "../components/ui"; | |||
.dashboard-page, | |||
.dashboard-page body { | |||
background-color: @barBackgroundColor; | |||
} | |||
.dashboard-page #ftlinks { | |||
border-top-color: @barBorderColor; | |||
background-color: @barBackgroundColor; | |||
} | |||
/* LAYOUT */ | |||
#dashboard .transparent { | |||
position: absolute; | |||
width: 100%; | |||
height: 100%; | |||
top: 0; | |||
left: 0; | |||
background: url('../../images/transparent.gif') repeat; | |||
z-index: @dashboard-transparent-z-index; | |||
} | |||
/* WIDGETS */ | |||
#dashboard .widget { | |||
position: relative; | |||
overflow-x: auto; | |||
overflow-y: hidden; | |||
padding: 10px; | |||
margin: 0; | |||
} | |||
#dashboard .widget .big { | |||
line-height: 1.5; | |||
font-size: 24px; | |||
font-weight: 300; | |||
} | |||
#dashboard .block { | |||
margin: 0 0 10px 0; | |||
border: 1px solid @barBorderColor; | |||
background-color: @white; | |||
} | |||
#dashboard .configure_widget { | |||
display: block; | |||
position: relative; | |||
} | |||
#dashboard .widget_props { | |||
background-color: #FFFBE2; | |||
border: 1px solid #FCE174; | |||
margin: 5px; | |||
padding: 5px; | |||
} | |||
#dashboard .widget-title { | |||
padding: 10px; | |||
line-height: 1; | |||
border-bottom: 1px solid @barBorderColor; | |||
color: @baseFontColor; | |||
font-size: 14px; | |||
font-weight: 400; | |||
text-transform: uppercase; | |||
a { .link-no-underline; } | |||
} | |||
/*CONFIGURATION*/ | |||
#dashboard #configure { | |||
position: relative; | |||
height: 260px; | |||
margin: 5px 0 10px 0; | |||
} | |||
#dashboard #widget_defs, #dashboard #edit-layout { | |||
background-color: #FFFBE2; | |||
border: 1px solid #FCE174; | |||
padding: 5px; | |||
overflow-x: hidden; | |||
} | |||
#dashboard #widget_defs { | |||
margin-right: 104px; | |||
overflow-y: auto; | |||
height: 250px; | |||
} | |||
#dashboard #edit-layout { | |||
width: 86px; | |||
height: 248px; | |||
position: absolute; | |||
right: 0; | |||
top: 0; | |||
padding-top: 5px; | |||
} | |||
#dashboard #edit-layout p { | |||
margin-bottom: 5px; | |||
} | |||
#dashboard .widget_def { | |||
display: inline-block; | |||
vertical-align: top; | |||
border: 1px solid #FCE174; | |||
padding: 5px; | |||
margin: 5px; | |||
white-space: normal; | |||
width: 250px; | |||
min-height: 100px; | |||
} | |||
#dashboard ul.widget_categs li { | |||
padding-right: 5px; | |||
} | |||
#dashboard ul.widget_categs li.selected a { | |||
font-weight: bold; | |||
text-decoration: none; | |||
} | |||
#dashboard .select-layout { | |||
float: left; | |||
} | |||
#dashboard .select-layout img { | |||
border: 3px solid #FFF6BF; | |||
} | |||
#dashboard .select-layout.selected img { | |||
border: 3px solid #4B9FD5; | |||
} | |||
.admin_page { | |||
position: relative; | |||
} | |||
.admin_page table { | |||
margin-top: 10px; | |||
margin-bottom: 50px; | |||
} | |||
.admin_page .empty { | |||
font-style: italic; | |||
} | |||
.admin_page .operations { | |||
width: 260px; | |||
text-align: right; | |||
} | |||
.admin_page .operations .link-action { margin-left: 4px; } | |||
.admin_page .owner { | |||
width: 140px; | |||
text-align: center; | |||
} | |||
.admin_page .shared { | |||
width: 40px; | |||
text-align: center; | |||
} | |||
.admin_page .order, .admin_page .global { | |||
width: 45px; | |||
text-align: center; | |||
} | |||
/*OPERATIONS*/ | |||
#dashboard #dashboard-operations { | |||
position: relative; | |||
display: inline-block; | |||
width: 100%; | |||
} | |||
#dashboard #dashboard-operations ul.operations { | |||
float: left; | |||
list-style-type: none; | |||
border: 1px solid #cdcdcd; | |||
padding: 0; | |||
margin: 0; | |||
border-radius: 3px; | |||
} | |||
#dashboard #dashboard-operations ul.operations li { | |||
float: left; | |||
margin: 0; | |||
padding: 2px 10px; | |||
position: relative; | |||
background-color: #f4f4f4; | |||
font-size: 85%; | |||
border-right: 1px solid #cdcdcd; | |||
} | |||
#dashboard #dashboard-operations ul.operations li.last { | |||
border-right-width: 0; | |||
} | |||
#dashboard #dashboard-operations ul.operations li.selected { | |||
background-color: #d4d4d4; | |||
} | |||
#dashboard #dashboard-operations ul.operations li a { | |||
color: #555; | |||
} | |||
#dashboard .dashboard-column { | |||
margin: 0; | |||
padding: 0; | |||
overflow: visible; | |||
} | |||
#dashboard .dashboard-column-wrapper { | |||
float: left; | |||
margin: 0; | |||
padding: 0; | |||
} | |||
#dashboard .column-handle { | |||
height: 30px; | |||
width: 100%; | |||
margin: 0; | |||
padding: 0; | |||
display: inline-block; | |||
line-height: 100px; | |||
text-align: center; | |||
font-size: x-large; | |||
vertical-align: middle; | |||
background-color: #eee; | |||
} | |||
#dashboard .block { | |||
position: relative; | |||
width: 100%; | |||
} | |||
#dashboard .widget-header { | |||
line-height: 16px; | |||
padding: 3px 5px 5px; | |||
background-color: #efefef; | |||
border-bottom: 0; | |||
} | |||
#dashboard .widget-handle { | |||
cursor: move; | |||
margin: 0; | |||
background-image: url('../../images/move.png'); | |||
background-position: left center; | |||
background-repeat: no-repeat; | |||
padding-left: 20px; | |||
} | |||
#dashboard .widget-actions { | |||
float: right; | |||
} | |||
#dashboard .widget-actions a { | |||
cursor: pointer; | |||
} | |||
#dashboard .block-hover { | |||
outline: 2px dashed #ddd; | |||
} | |||
#dashboard .shadow-block { | |||
box-shadow: 8px 8px 8px #ddd; | |||
} | |||
/* | |||
* Widget Components | |||
*/ | |||
.widget-row { | |||
font-size: 0; | |||
margin: 0 -10px -20px; | |||
} | |||
.widget-span { | |||
display: inline-block; | |||
vertical-align: top; | |||
padding: 0 10px 20px; | |||
box-sizing: border-box; | |||
font-size: @baseFontSize; | |||
} | |||
.widget-span-1 { width: 8.33333333333333%; } | |||
.widget-span-2 { width: 16.66666666666667%; } | |||
.widget-span-3 { width: 25%; } | |||
.widget-span-3-5 { width: 29.16666666666667%; } | |||
.widget-span-4 { width: 33.33333333333333%; } | |||
.widget-span-5 { width: 41.66666666666667%; } | |||
.widget-span-6 { width: 50%; } | |||
.widget-span-7 { width: 58.33333333333333%; } | |||
.widget-span-8 { width: 66.666666666667%; } | |||
.widget-span-9 { width: 75%; } | |||
.widget-span-10 { width: 83.333333333333%; } | |||
.widget-span-11 { width: 91.666666666667%; } | |||
.widget-span-12 { width: 100%; } | |||
.widget-label { | |||
display: block; | |||
font-size: @baseFontSize; | |||
line-height: 1.2; | |||
font-weight: 300; | |||
} | |||
.widget-number { | |||
color: @darkBlue; | |||
} | |||
.widget-big { | |||
line-height: 1.5; | |||
font-size: 24px; | |||
font-weight: 300; | |||
} | |||
.widget-medium { | |||
line-height: 1.5; | |||
font-size: 18px; | |||
font-weight: 300; | |||
} | |||
.widget-measure { | |||
display: inline-block; | |||
vertical-align: top; | |||
margin: 0 15px 10px 0; | |||
.widget-link, .widget-number { .widget-medium; } | |||
.widget-label { text-transform: capitalize; } | |||
} | |||
.widget-measure-main { | |||
display: block; | |||
margin-top: 10px; | |||
.widget-link, .widget-number { .widget-big; } | |||
.widget-label { font-size: @bigFontSize; } | |||
} | |||
.widget-measure-container { | |||
margin: -10px 0; | |||
} | |||
.widget-measure-delta { | |||
margin-top: -5px; | |||
margin-bottom: 10px; | |||
line-height: 1.5; | |||
} | |||
// Widget Histogram | |||
.widget-barchar { | |||
line-height: 1; | |||
td { | |||
vertical-align: middle !important; | |||
} | |||
div.barchart div { height: 1em; } | |||
} | |||
.widget-measure-container .widget-barchar { margin-bottom: 10px; } | |||
.widget-measure-container .widget-barchart-more { | |||
margin-top: -5px; | |||
margin-bottom: 10px; | |||
padding-left: 5px; | |||
} | |||
// Description Widget | |||
.description-widget-project { | |||
display: inline-block; | |||
line-height: 1.5; | |||
margin-right: 10px; | |||
font-size: @bigFontSize; | |||
font-weight: 300; | |||
white-space: nowrap; | |||
[class^="icon-"], [class*=" icon-"] { | |||
position: relative; | |||
top: 4px; | |||
} | |||
} | |||
.description-widget-description { | |||
margin: 7px 0; | |||
line-height: 1.5; | |||
} | |||
.description-widget-key { | |||
color: @secondFontColor; | |||
font-size: @smallFontSize; | |||
font-weight: 300; | |||
white-space: nowrap; | |||
} | |||
.description-widget-links { | |||
& > li { | |||
display: inline-block; | |||
vertical-align: top; | |||
padding: 5px 25px 5px 0; | |||
& > a { | |||
font-size: @baseFontSize; | |||
& > i, & > i:before { | |||
vertical-align: top; | |||
font-size: 16px; | |||
} | |||
} | |||
} | |||
} | |||
.description-widget-link-data { | |||
margin-top: 7px; | |||
} |
@@ -19,7 +19,6 @@ | |||
*/ | |||
@import (reference) "../variables"; | |||
@import (reference) "../mixins"; | |||
@import (reference) "../components/navigator/config"; | |||
.quality-gates-side { | |||
background-color: @barBackgroundColor; | |||
@@ -73,7 +72,7 @@ | |||
border-color: transparent; | |||
&:hover:not(.active):not(.empty) { | |||
background-color: @navigatorBarBackground; | |||
background-color: @barBackgroundColor; | |||
} | |||
&.active { | |||
@@ -102,7 +101,7 @@ | |||
} | |||
.quality-gate-section-empty + .quality-gate-section { | |||
border-top: 1px solid @navigatorBorderLightColor; | |||
border-top: 1px solid @barBorderColor; | |||
} | |||
.quality-gate-section-name { |
@@ -22,7 +22,7 @@ | |||
@imagesPath: '../images/select2.png'; | |||
@imagesPath2x: '../images/select2x2.png'; | |||
@spinnerPath: '../images/spinner.gif'; | |||
@spinnerPath: '../images/loading.gif'; | |||
.select2-container { | |||
vertical-align: middle; |
@@ -162,7 +162,7 @@ Version: 3.2 Timestamp: Mon Sep 10 10:38:04 PDT 2012 | |||
} | |||
.select2-search input.select2-active { | |||
background: #ffff url('../images/spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%); | |||
background: #ffff url('../images/loading.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%); | |||
} | |||
.select2-container-active .select2-choice, | |||
@@ -259,7 +259,7 @@ Version: 3.2 Timestamp: Mon Sep 10 10:38:04 PDT 2012 | |||
} | |||
.select2-more-results.select2-active { | |||
background: #f4f4f4 url('../images/spinner.gif') no-repeat 100%; | |||
background: #f4f4f4 url('../images/loading.gif') no-repeat 100%; | |||
} | |||
.select2-more-results { | |||
@@ -331,7 +331,7 @@ Version: 3.2 Timestamp: Mon Sep 10 10:38:04 PDT 2012 | |||
} | |||
.select2-container-multi .select2-choices .select2-search-field input.select2-active { | |||
background: #fff url('../images/spinner.gif') no-repeat 100% !important; | |||
background: #fff url('../images/loading.gif') no-repeat 100% !important; | |||
} | |||
.select2-default { |
@@ -46,7 +46,6 @@ | |||
@import "components/page"; | |||
@import "components/component-name"; | |||
@import "components/navbar"; | |||
@import "components/navigator"; | |||
@import "components/select-list"; | |||
@import "components/graphics"; | |||
@import "components/list-groups"; | |||
@@ -59,14 +58,12 @@ | |||
@import "components/react-select"; | |||
@import "pages/coding-rules"; | |||
@import "pages/dashboard"; | |||
@import "pages/issues"; | |||
@import "pages/quality-gates"; | |||
@import "pages/maintenance"; | |||
@import "pages/login"; | |||
@import 'style'; | |||
@import 'deprecated'; | |||
@import 'print'; | |||
@import 'sonar-colorizer'; | |||
@import 'mixins'; |
@@ -23,350 +23,12 @@ | |||
@import (reference) "components/ui"; | |||
@import (reference) "components/typography"; | |||
/* ACTION PLANS */ | |||
table.actionPlans { | |||
margin-top: 10px; | |||
} | |||
table.actionPlans td.progress { | |||
width: 300px; | |||
padding: 0px 40px; | |||
} | |||
table.actionPlans td.noprogress { | |||
color: #777777; | |||
font-size: 93%; | |||
padding-left: 43px; | |||
padding-right: 40px; | |||
} | |||
table.actionPlans td.over-due { | |||
color: #CC0000; | |||
font-weight: bold; | |||
} | |||
div.progress { | |||
width: 100%; | |||
margin: 4px; | |||
} | |||
div.progress table { | |||
width: 100%; | |||
} | |||
div.progress td { | |||
height: 10px; | |||
} | |||
div.progress td a { | |||
display: block; | |||
width: 100%; | |||
height: 100%; | |||
} | |||
div.progress td.resolved { | |||
background-color: #078C00; | |||
} | |||
div.progress td.open { | |||
background-color: #CC0000; | |||
} | |||
div.progress div.note { | |||
color: #777; | |||
font-size: 93%; | |||
font-weight: normal; | |||
white-space: nowrap; | |||
} | |||
div.note a { | |||
color: #777777; | |||
} | |||
/* ------------------- DASHBOARD ------------------- */ | |||
#alerts_widget { | |||
margin-bottom: 10px; | |||
padding: 5px 5px 5px 10px; | |||
} | |||
#alerts_widget img { | |||
vertical-align: bottom; | |||
} | |||
span.empty_widget { | |||
color: #777777; | |||
font-size: 93%; | |||
} | |||
.dashbox { | |||
float: left; | |||
vertical-align: top; | |||
text-align: left; | |||
padding: 0 10px 7px 0; | |||
h3 { | |||
line-height: 1.2; | |||
font-size: @bigFontSize; | |||
font-weight: 300; | |||
} | |||
a .rating { color: #fff; } | |||
} | |||
.adminportlet { | |||
border: 2px dashed #ccc; | |||
margin-bottom: 10px; | |||
padding: 10px; | |||
} | |||
table.header1 { | |||
background-color: #EFEFEF; | |||
color: #444; | |||
border: 1px solid #DDD; | |||
margin: 0 0 10px 0; | |||
width: 100%; | |||
} | |||
table.header1 td { | |||
padding: 10px 0 10px 10px; | |||
text-align: left; | |||
vertical-align: top; | |||
} | |||
.headerLine { | |||
background-color: #EFEFEF; | |||
color: #444; | |||
border: 1px solid #DDD; | |||
margin: 0 0 10px 0; | |||
line-height: 28px; | |||
height: 28px; | |||
} | |||
ul.headerLine li { | |||
float: left; | |||
display: block; | |||
padding: 0 10px 0; | |||
height: 28px; | |||
vertical-align: middle; | |||
} | |||
ul.headerLine li.sep { | |||
background: url("../images/sep12.png") no-repeat scroll 50% 50% transparent; | |||
padding: 0 5px 0 5px; | |||
} | |||
ul.headerLine select, ul.headerLine input, ul.headerLine button, ul.headerLine textarea, ul.headerLine span { | |||
vertical-align: middle; | |||
} | |||
select.withIcons option, span.withIcons { | |||
background-repeat: no-repeat; | |||
background-position: 2px 0; | |||
padding: 0 2px 0 22px; | |||
vertical-align: middle; | |||
} | |||
option.status_open { | |||
background-image: url('../images/status/OPEN.png'); | |||
} | |||
option.status_reopened { | |||
background-image: url('../images/status/REOPENED.png'); | |||
} | |||
option.status_resolved { | |||
background-image: url('../images/status/RESOLVED.png'); | |||
} | |||
option.status_closed { | |||
background-image: url('../images/status/CLOSED.png'); | |||
} | |||
option.sev_INFO, span.sev_INFO { | |||
background-image: url('../images/priority/INFO.png'); | |||
} | |||
option.sev_MINOR, span.sev_MINOR { | |||
background-image: url('../images/priority/MINOR.png'); | |||
} | |||
option.sev_MAJOR, span.sev_MAJOR { | |||
background-image: url('../images/priority/MAJOR.png'); | |||
} | |||
option.sev_CRITICAL, span.sev_CRITICAL { | |||
background-image: url('../images/priority/CRITICAL.png'); | |||
} | |||
option.sev_BLOCKER, span.sev_BLOCKER { | |||
background-image: url('../images/priority/BLOCKER.png'); | |||
} | |||
/* ------------------- VARIATIONS ------------------- */ | |||
.var { | |||
color: #444 !important; | |||
} | |||
.varb { | |||
/* better */ | |||
color: @green !important; | |||
} | |||
.varw { | |||
/* worst */ | |||
color: @red !important; | |||
} | |||
/* ------------------- HELP ------------------- */ | |||
.help { | |||
border: 1px solid #DDD; | |||
background-color: #EFEFEF; | |||
color: #444; | |||
padding: 5px; | |||
} | |||
.help h2 { | |||
padding-left: 23px; | |||
color: #444; | |||
vertical-align: bottom; | |||
font-weight: bold; | |||
background: url('../images/information.png') no-repeat left center; | |||
} | |||
.help p { | |||
padding: 5px 0; | |||
} | |||
.inline-help { | |||
padding: 5px; | |||
margin: 5px; | |||
background-color: #FFF6BF; | |||
border: 1px solid #FFD324; | |||
} | |||
/* ------------------- FORMS ------------------- */ | |||
.admintable { | |||
border: solid 1px #FFD324; | |||
background-color: #FFF6BF; | |||
color: #111; | |||
} | |||
.admintable td { | |||
padding: 5px 10px; | |||
} | |||
.admintable span.desc { | |||
font-size: 85%; | |||
font-weight: normal; | |||
} | |||
/* ------------------- BOXES ------------------- */ | |||
.box { | |||
border: 1px solid #ccc; | |||
background-color: #EFEFEF; | |||
margin-bottom: 5px; | |||
color: #444; | |||
padding: 10px; | |||
.dashboard-page, | |||
.dashboard-page body { | |||
background-color: @barBackgroundColor; | |||
} | |||
.box a, .box a:visited { | |||
color: #555; | |||
} | |||
.admin { | |||
border: solid 1px #FFD324; | |||
background-color: #FFF6BF; | |||
color: #514721; | |||
margin-bottom: 5px; | |||
padding: 5px; | |||
} | |||
.admin h3 { | |||
font-size: 100%; | |||
text-align: left; | |||
font-weight: bold; | |||
color: #333; | |||
} | |||
.column { | |||
vertical-align: top; | |||
text-align: left; | |||
padding: 0 0 0 10px; | |||
} | |||
.column.first { | |||
padding: 0; | |||
} | |||
.column h3 { | |||
padding: 3px 0; | |||
} | |||
.scrollable { | |||
height: 144px; | |||
overflow: auto; | |||
border: 1px solid @barBorderColor; | |||
} | |||
.scroll-ie { | |||
overflow-x: hidden; | |||
padding-right: 17px; | |||
} | |||
.red { | |||
color: #8B0000; | |||
} | |||
.green { | |||
color: #050; | |||
} | |||
ul.bullet { | |||
margin: 3px 0 3px 25px; | |||
} | |||
ul.bullet li { | |||
padding: 2px 0; | |||
list-style-image: url("../images/bullet.png"); | |||
} | |||
.rule_title { | |||
font-size: 110%; | |||
} | |||
.tablinks { | |||
float: right; | |||
padding: 0 5px 0 10px; | |||
text-align: right; | |||
} | |||
.tablinks li { | |||
float: left; | |||
text-align: right; | |||
margin-left: 5px; | |||
padding: 0 0 0 5px; | |||
} | |||
.tablinks li.first { | |||
background: none; | |||
} | |||
.tablinks a { | |||
text-decoration: underline; | |||
color: #777; | |||
font-size: 85%; | |||
} | |||
.tabs-panel { | |||
border-right: 1px solid #DDD; | |||
border-bottom: 1px solid #DDD; | |||
border-left: 1px solid #DDD; | |||
border-top-width: 0; | |||
padding: 10px; | |||
} | |||
/* tabs2 is deprecated since 4.1. It is kept for backward-compatibility */ | |||
.tabs2, .tabs { | |||
.tabs { | |||
height: 20px; | |||
border-bottom: 1px solid #DDD; | |||
margin: 0; | |||
@@ -374,7 +36,7 @@ ul.bullet li { | |||
font-size: 93%; | |||
} | |||
.tabs2 li, .tabs li { | |||
.tabs li { | |||
display: inline; | |||
list-style-type: none; | |||
font-weight: normal; | |||
@@ -386,7 +48,7 @@ ul.bullet li { | |||
padding: 0; | |||
} | |||
.tabs2 li a, .tabs li a { | |||
.tabs li a { | |||
float: left; | |||
color: #777; | |||
vertical-align: bottom; | |||
@@ -397,73 +59,19 @@ ul.bullet li { | |||
transition: none; | |||
} | |||
.tabs2 li a.selected, .tabs li a.selected, .tabs .ui-tabs-active a { | |||
.tabs li a.selected, .tabs .ui-tabs-active a { | |||
text-decoration: none; | |||
color: #555 !important; | |||
font-weight: bold; | |||
margin: 0 1px 0 0; | |||
} | |||
.tabbed { | |||
border: 1px solid silver; | |||
border-top: 0; | |||
padding: 5px; | |||
} | |||
.comments { | |||
color: #777; | |||
font-size: 12px; | |||
margin-bottom: 10px; | |||
padding: 4px; | |||
} | |||
.little { | |||
font-size: 80%; | |||
} | |||
.alert_WARN { | |||
background-color: @orange; | |||
color: #fff; | |||
margin: 0; | |||
padding: 0 3px; | |||
a > & { | |||
margin-bottom: -1px; | |||
border-bottom: 1px solid @orange; | |||
transition: all 0.2s ease; | |||
&:hover { opacity: 0.8; } | |||
} | |||
} | |||
.alert_ERROR { | |||
background-color: @red; | |||
color: #fff; | |||
margin: 0; | |||
padding: 0 3px; | |||
a > & { | |||
margin-bottom: -1px; | |||
border-bottom: 1px solid @red; | |||
transition: all 0.2s ease; | |||
&:hover { opacity: 0.8; } | |||
} | |||
} | |||
#comparison span.best { | |||
font-size: 108%; | |||
font-weight: bold; | |||
} | |||
.markdown-tips { | |||
font-size: @smallFontSize; | |||
color: @secondFontColor; | |||
} | |||
/* API for Rule and Property Descriptions */ | |||
.rule-desc, | |||
.markdown { | |||
.rule-desc, .markdown { | |||
.formatted; | |||
} | |||
@@ -498,301 +106,11 @@ ul.bullet li { | |||
list-style-position: inside; | |||
margin: 10px; | |||
} | |||
/* End of API for Rule Descriptions */ | |||
.tip:hover { | |||
background: #FFF; | |||
position: relative; | |||
z-index: @tip-z-index; | |||
} | |||
.tip span { | |||
display: none; | |||
margin-left: -20px; | |||
padding: 4px 5px; | |||
} | |||
.tip:hover span { | |||
display: inline; | |||
position: absolute; | |||
background: #CAE3F2; | |||
border: 1px solid #4b9fd5; | |||
color: #262626; | |||
white-space: nowrap; | |||
text-decoration: none; | |||
} | |||
.hbar { | |||
float: left; | |||
border: none; | |||
clear: both; | |||
width: 4em; | |||
margin: 0; | |||
padding: 2px 0 0; | |||
} | |||
.hbar li { | |||
background-color: #777; | |||
color: #FFF; | |||
font-family: Verdana, Tahoma, Arial, sans-serif; | |||
font-size: xx-small; | |||
letter-spacing: -0.075em; | |||
list-style: none; | |||
line-height: 1.1em; | |||
text-align: right; | |||
vertical-align: middle; | |||
padding: 0.1em; | |||
} | |||
div.barchart { | |||
border: 0; | |||
margin: 0; | |||
padding: 0; | |||
float: left; | |||
} | |||
div.barchart > div { | |||
min-width: 1px; | |||
background-color: #c4d6e1; | |||
height: 0.9em; | |||
} | |||
table.matrix thead { | |||
background-color: #CAE3F2; | |||
border: 1px solid #4b9fd5; | |||
} | |||
table.matrix thead th { | |||
text-align: right; | |||
border-right: 1px solid #4b9fd5; | |||
padding: 4px 5px; | |||
} | |||
table.matrix tbody td { | |||
border: 1px solid #ddd; | |||
margin: 0; | |||
padding: 4px 5px; | |||
} | |||
table.matrix tbody td.title { | |||
border: none; | |||
font-weight: bold; | |||
margin: 0; | |||
padding: 5px 0 0 5px; | |||
} | |||
a.nolink { | |||
.link-no-underline; | |||
} | |||
h1 strong, .dashbox .title { | |||
font-weight: bold; | |||
} | |||
.even, table.sortable tr.rowodd { | |||
background-color: #f5f5f5; | |||
} | |||
.bordered { | |||
border-bottom: 1px solid #ddd; | |||
} | |||
table.data, table.spaced { | |||
width: 100%; | |||
} | |||
table.data td.barchart { | |||
width: 100px; | |||
} | |||
table.without-header { | |||
border-top: 1px solid #ddd; | |||
} | |||
.hoverable.selected a { | |||
color: #fff; | |||
} | |||
/* GENERIC STYLES */ | |||
.line-block { | |||
display: block; | |||
width: 100%; | |||
height: 24px; | |||
line-height: 22px; | |||
margin-bottom: 5px; | |||
} | |||
.line-info { | |||
background: url('../images/information.png') no-repeat scroll left 50% transparent; | |||
padding-left: 18px | |||
} | |||
div.break10 { | |||
height: 10px; | |||
} | |||
div.break30 { | |||
height: 30px; | |||
} | |||
.marginbottom10 { | |||
margin-bottom: 10px; | |||
} | |||
.marginbottom5 { | |||
margin-bottom: 5px; | |||
} | |||
.marginright10 { | |||
margin-right: 10px; | |||
} | |||
.marginleft10 { | |||
margin-left: 10px; | |||
} | |||
.width100 { | |||
width: 100%; | |||
} | |||
ul.horizontal { | |||
list-style-type: none; | |||
} | |||
ul.horizontal li { | |||
float: left; | |||
position: relative; | |||
} | |||
table.nowrap td, td.nowrap, th.nowrap { | |||
white-space: nowrap; | |||
} | |||
table.nowrap td.small, td.nowrap.small, th.nowrap.small { | |||
line-height: 16px; | |||
} | |||
.background-gray { | |||
background-color: #EFEFEF; | |||
color: #444; | |||
} | |||
/* CONFIGURATION OF Q PROFILES */ | |||
.bulk-edit { | |||
display: block; | |||
padding: 2px 0 2px 2px; | |||
} | |||
.csv { | |||
display: block; | |||
background: url("../images/csv.png") no-repeat scroll left 50% transparent; | |||
padding: 2px 0 2px 20px; | |||
} | |||
.add { | |||
display: block; | |||
background: url("../images/add.png") no-repeat scroll left 50% transparent; | |||
padding: 2px 0 2px 20px; | |||
} | |||
.restore { | |||
display: block; | |||
background: url("../images/restore.gif") no-repeat scroll left 50% transparent; | |||
padding: 2px 0 2px 20px; | |||
} | |||
.compare { | |||
display: block; | |||
background: url("../images/compare.png") no-repeat scroll left 50% transparent; | |||
padding: 2px 0 2px 20px; | |||
} | |||
/* Profile diff */ | |||
.diffParam { | |||
font-family: @monoFontFamily; | |||
} | |||
.yellowHighlight { | |||
background: #FFFBCC; | |||
} | |||
.link-more { | |||
background-image: url('../images/bullet_arrow_down.png'); | |||
background-repeat: no-repeat; | |||
padding-right: 20px; | |||
background-position: right center; | |||
cursor: pointer; | |||
} | |||
.form-key-cell { | |||
padding: 2px 8px 4px 10px; | |||
text-align: right; | |||
width: 1%; | |||
white-space: nowrap; | |||
vertical-align: top; | |||
} | |||
.form-val-cell { | |||
padding: 2px 8px 4px 0; | |||
text-align: left; | |||
white-space: normal; | |||
} | |||
.form-val-cell li { | |||
margin-bottom: 5px; | |||
} | |||
.form-val-note { | |||
color: #999; | |||
} | |||
.table > thead > tr > th { | |||
border-top: 0 none; | |||
font-weight: bold; | |||
vertical-align: bottom; | |||
line-height: 16px; | |||
padding: 4px 5px; | |||
vertical-align: bottom; | |||
} | |||
.table > tbody > tr > td { | |||
line-height: 16px; | |||
padding: 4px 5px; | |||
vertical-align: top; | |||
} | |||
.table > tfoot > tr > td { | |||
font-size: 93%; | |||
color: #777; | |||
padding: 4px 5px; | |||
} | |||
.table > tfoot > tr > td a { | |||
color: #777; | |||
} | |||
.table-bordered > tbody { | |||
border-left: 1px solid #DDD; | |||
border-right: 1px solid #DDD; | |||
border-bottom: 1px solid #DDD; | |||
} | |||
.table-bordered > tbody > tr > td { | |||
border-top: 1px solid #DDD; | |||
} | |||
select.small-width { | |||
max-width: 120px; | |||
} | |||
select.medium-width { | |||
max-width: 175px; | |||
width: 175px; | |||
} | |||
textarea.width100 { | |||
width: 100%; | |||
box-sizing: border-box; | |||
@@ -827,74 +145,3 @@ textarea.width100 { | |||
.property .note { | |||
margin-top: 5px; | |||
} | |||
/* ------------------- Accordion navigation styles ------------------- */ | |||
.accordion-item { | |||
border: 1px solid @barBorderColor; | |||
margin-bottom: 20px; | |||
} | |||
.accordion-item table.data { | |||
/* Fix an issue on Google Chrome to prevent the horizontal scroll to appear */ | |||
border-collapse : separate; | |||
} | |||
.accordion-item-body-medium { | |||
max-height: 200px; | |||
overflow: auto; | |||
} | |||
/* ------------------- Rule styles ------------------- */ | |||
.rule-search { | |||
display: inline-block; | |||
line-height: 16px; | |||
} | |||
div.rule-title { | |||
display: inline-block; | |||
float: left; | |||
clear: right; | |||
} | |||
#result_table .rule-desc { | |||
width: 100%; | |||
float: left; | |||
clear: right; | |||
} | |||
.rule-status, .rule-tags { | |||
display: inline-block; | |||
margin-left: 10px; | |||
float: right; | |||
padding: 3px 5px 0 0; | |||
font-size: 85%; | |||
color: #777; | |||
} | |||
.rule-tags a { | |||
color: inherit; | |||
text-decoration: none; | |||
} | |||
.rule-status span { | |||
text-transform: uppercase; | |||
} | |||
.rule-tags span { | |||
background-color: #eee; | |||
padding: 3px 4px; | |||
margin: 4px 2px; | |||
border-radius: 2px; | |||
box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.12) inset; | |||
} | |||
/* ------------------- Role search styles ------------------- */ | |||
.project-search { | |||
display: inline-block; | |||
line-height: 16px; | |||
padding: 4px 2px; | |||
} |
@@ -178,6 +178,14 @@ | |||
@pageFooterHeight: 60px; | |||
/* | |||
* Navigator | |||
*/ | |||
@navigatorPadding: 10px; | |||
@navigatorHeaderHeight: 40px; | |||
/* | |||
* z-index |
@@ -1,5 +0,0 @@ | |||
Fugue Icons | |||
Copyright (C) 2010 Yusuke Kamiyamane. All rights reserved. | |||
The icons are licensed under a Creative Commons Attribution | |||
3.0 license. <http://creativecommons.org/licenses/by/3.0/> |