mirror of https://github.com/grafana/grafana
pull/4072/head
Torkel Ödegaard
9 years ago
parent
580cd510d5
commit
1176b68c6a
@ -0,0 +1,425 @@ |
||||
/*! normalize.css commit fe56763 | MIT License | github.com/necolas/normalize.css */ |
||||
|
||||
// |
||||
// 1. Set default font family to sans-serif. |
||||
// 2. Prevent iOS and IE text size adjust after device orientation change, |
||||
// without disabling user zoom. |
||||
// |
||||
|
||||
html { |
||||
font-family: sans-serif; // 1 |
||||
-ms-text-size-adjust: 100%; // 2 |
||||
-webkit-text-size-adjust: 100%; // 2 |
||||
} |
||||
|
||||
// |
||||
// Remove default margin. |
||||
// |
||||
|
||||
body { |
||||
margin: 0; |
||||
} |
||||
|
||||
// HTML5 display definitions |
||||
// ========================================================================== |
||||
|
||||
// |
||||
// Correct `block` display not defined for any HTML5 element in IE 8/9. |
||||
// Correct `block` display not defined for `details` or `summary` in IE 10/11 |
||||
// and Firefox. |
||||
// Correct `block` display not defined for `main` in IE 11. |
||||
// |
||||
|
||||
article, |
||||
aside, |
||||
details, |
||||
figcaption, |
||||
figure, |
||||
footer, |
||||
header, |
||||
main, |
||||
menu, |
||||
nav, |
||||
section, |
||||
summary { |
||||
display: block; |
||||
} |
||||
|
||||
// |
||||
// 1. Correct `inline-block` display not defined in IE 8/9. |
||||
// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. |
||||
// |
||||
|
||||
audio, |
||||
canvas, |
||||
progress, |
||||
video { |
||||
display: inline-block; // 1 |
||||
vertical-align: baseline; // 2 |
||||
} |
||||
|
||||
// |
||||
// Prevent modern browsers from displaying `audio` without controls. |
||||
// Remove excess height in iOS 5 devices. |
||||
// |
||||
|
||||
audio:not([controls]) { |
||||
display: none; |
||||
height: 0; |
||||
} |
||||
|
||||
// |
||||
// Address `[hidden]` styling not present in IE 8/9/10. |
||||
// Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. |
||||
// |
||||
|
||||
[hidden], |
||||
template { |
||||
display: none; |
||||
} |
||||
|
||||
// Links |
||||
// ========================================================================== |
||||
|
||||
// |
||||
// Remove the gray background color from active links in IE 10. |
||||
// |
||||
|
||||
a { |
||||
background-color: transparent; |
||||
} |
||||
|
||||
// |
||||
// Improve readability of focused elements when they are also in an |
||||
// active/hover state. |
||||
// |
||||
|
||||
a { |
||||
&:active { |
||||
outline: 0; |
||||
} |
||||
&:hover { |
||||
outline: 0; |
||||
} |
||||
} |
||||
|
||||
// Text-level semantics |
||||
// ========================================================================== |
||||
|
||||
// |
||||
// Address styling not present in IE 8/9/10/11, Safari, and Chrome. |
||||
// |
||||
|
||||
abbr[title] { |
||||
border-bottom: 1px dotted; |
||||
} |
||||
|
||||
// |
||||
// Address style set to `bolder` in Firefox 4+, Safari, and Chrome. |
||||
// |
||||
|
||||
b, |
||||
strong { |
||||
font-weight: bold; |
||||
} |
||||
|
||||
// |
||||
// Address styling not present in Safari and Chrome. |
||||
// |
||||
|
||||
dfn { |
||||
font-style: italic; |
||||
} |
||||
|
||||
// |
||||
// Address variable `h1` font-size and margin within `section` and `article` |
||||
// contexts in Firefox 4+, Safari, and Chrome. |
||||
// |
||||
|
||||
h1 { |
||||
font-size: 2em; |
||||
margin: 0.67em 0; |
||||
} |
||||
|
||||
// |
||||
// Address styling not present in IE 8/9. |
||||
// |
||||
|
||||
mark { |
||||
background: #ff0; |
||||
color: #000; |
||||
} |
||||
|
||||
// |
||||
// Address inconsistent and variable font size in all browsers. |
||||
// |
||||
|
||||
small { |
||||
font-size: 80%; |
||||
} |
||||
|
||||
// |
||||
// Prevent `sub` and `sup` affecting `line-height` in all browsers. |
||||
// |
||||
|
||||
sub, |
||||
sup { |
||||
font-size: 75%; |
||||
line-height: 0; |
||||
position: relative; |
||||
vertical-align: baseline; |
||||
} |
||||
|
||||
sup { |
||||
top: -0.5em; |
||||
} |
||||
|
||||
sub { |
||||
bottom: -0.25em; |
||||
} |
||||
|
||||
// Embedded content |
||||
// ========================================================================== |
||||
|
||||
// |
||||
// Remove border when inside `a` element in IE 8/9/10. |
||||
// |
||||
|
||||
img { |
||||
border: 0; |
||||
} |
||||
|
||||
// |
||||
// Correct overflow not hidden in IE 9/10/11. |
||||
// |
||||
|
||||
svg:not(:root) { |
||||
overflow: hidden; |
||||
} |
||||
|
||||
// Grouping content |
||||
// ========================================================================== |
||||
|
||||
// |
||||
// Address margin not present in IE 8/9 and Safari. |
||||
// |
||||
|
||||
figure { |
||||
margin: 1em 40px; |
||||
} |
||||
|
||||
// |
||||
// Address differences between Firefox and other browsers. |
||||
// |
||||
|
||||
hr { |
||||
box-sizing: content-box; |
||||
height: 0; |
||||
} |
||||
|
||||
// |
||||
// Contain overflow in all browsers. |
||||
// |
||||
|
||||
pre { |
||||
overflow: auto; |
||||
} |
||||
|
||||
// |
||||
// Address odd `em`-unit font size rendering in all browsers. |
||||
// |
||||
|
||||
code, |
||||
kbd, |
||||
pre, |
||||
samp { |
||||
font-family: monospace, monospace; |
||||
font-size: 1em; |
||||
} |
||||
|
||||
// Forms |
||||
// ========================================================================== |
||||
|
||||
// |
||||
// Known limitation: by default, Chrome and Safari on OS X allow very limited |
||||
// styling of `select`, unless a `border` property is set. |
||||
// |
||||
|
||||
// |
||||
// 1. Correct color not being inherited. |
||||
// Known issue: affects color of disabled elements. |
||||
// 2. Correct font properties not being inherited. |
||||
// 3. Address margins set differently in Firefox 4+, Safari, and Chrome. |
||||
// |
||||
|
||||
button, |
||||
input, |
||||
optgroup, |
||||
select, |
||||
textarea { |
||||
color: inherit; // 1 |
||||
font: inherit; // 2 |
||||
margin: 0; // 3 |
||||
} |
||||
|
||||
// |
||||
// Address `overflow` set to `hidden` in IE 8/9/10/11. |
||||
// |
||||
|
||||
button { |
||||
overflow: visible; |
||||
} |
||||
|
||||
// |
||||
// Address inconsistent `text-transform` inheritance for `button` and `select`. |
||||
// All other form control elements do not inherit `text-transform` values. |
||||
// Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. |
||||
// Correct `select` style inheritance in Firefox. |
||||
// |
||||
|
||||
button, |
||||
select { |
||||
text-transform: none; |
||||
} |
||||
|
||||
// |
||||
// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` |
||||
// and `video` controls. |
||||
// 2. Correct inability to style clickable `input` types in iOS. |
||||
// 3. Improve usability and consistency of cursor style between image-type |
||||
// `input` and others. |
||||
// |
||||
|
||||
button, |
||||
html input[type="button"], // 1 |
||||
input[type="reset"], |
||||
input[type="submit"] { |
||||
-webkit-appearance: button; // 2 |
||||
cursor: pointer; // 3 |
||||
} |
||||
|
||||
// |
||||
// Re-set default cursor for disabled elements. |
||||
// |
||||
|
||||
button[disabled], |
||||
html input[disabled] { |
||||
cursor: default; |
||||
} |
||||
|
||||
// |
||||
// Remove inner padding and border in Firefox 4+. |
||||
// |
||||
|
||||
button::-moz-focus-inner, |
||||
input::-moz-focus-inner { |
||||
border: 0; |
||||
padding: 0; |
||||
} |
||||
|
||||
// |
||||
// Address Firefox 4+ setting `line-height` on `input` using `!important` in |
||||
// the UA stylesheet. |
||||
// |
||||
|
||||
input { |
||||
line-height: normal; |
||||
} |
||||
|
||||
// |
||||
// It's recommended that you don't attempt to style these elements. |
||||
// Firefox's implementation doesn't respect box-sizing, padding, or width. |
||||
// |
||||
// 1. Address box sizing set to `content-box` in IE 8/9/10. |
||||
// 2. Remove excess padding in IE 8/9/10. |
||||
// |
||||
|
||||
input[type="checkbox"], |
||||
input[type="radio"] { |
||||
box-sizing: border-box; // 1 |
||||
padding: 0; // 2 |
||||
} |
||||
|
||||
// |
||||
// Fix the cursor style for Chrome's increment/decrement buttons. For certain |
||||
// `font-size` values of the `input`, it causes the cursor style of the |
||||
// decrement button to change from `default` to `text`. |
||||
// |
||||
|
||||
input[type="number"]::-webkit-inner-spin-button, |
||||
input[type="number"]::-webkit-outer-spin-button { |
||||
height: auto; |
||||
} |
||||
|
||||
// |
||||
// Address `appearance` set to `searchfield` in Safari and Chrome. |
||||
// |
||||
|
||||
input[type="search"] { |
||||
-webkit-appearance: textfield; |
||||
} |
||||
|
||||
// |
||||
// Remove inner padding and search cancel button in Safari and Chrome on OS X. |
||||
// Safari (but not Chrome) clips the cancel button when the search input has |
||||
// padding (and `textfield` appearance). |
||||
// |
||||
|
||||
input[type="search"]::-webkit-search-cancel-button, |
||||
input[type="search"]::-webkit-search-decoration { |
||||
-webkit-appearance: none; |
||||
} |
||||
|
||||
// |
||||
// Define consistent border, margin, and padding. |
||||
// |
||||
|
||||
fieldset { |
||||
border: 1px solid #c0c0c0; |
||||
margin: 0 2px; |
||||
padding: 0.35em 0.625em 0.75em; |
||||
} |
||||
|
||||
// |
||||
// 1. Correct `color` not being inherited in IE 8/9/10/11. |
||||
// 2. Remove padding so people aren't caught out if they zero out fieldsets. |
||||
// |
||||
|
||||
legend { |
||||
border: 0; // 1 |
||||
padding: 0; // 2 |
||||
} |
||||
|
||||
// |
||||
// Remove default vertical scrollbar in IE 8/9/10/11. |
||||
// |
||||
|
||||
textarea { |
||||
overflow: auto; |
||||
} |
||||
|
||||
// |
||||
// Don't inherit the `font-weight` (applied by a rule above). |
||||
// NOTE: the default cannot safely be changed in Chrome and Safari on OS X. |
||||
// |
||||
|
||||
optgroup { |
||||
font-weight: bold; |
||||
} |
||||
|
||||
// Tables |
||||
// ========================================================================== |
||||
|
||||
// |
||||
// Remove most spacing between table cells. |
||||
// |
||||
|
||||
table { |
||||
border-collapse: collapse; |
||||
border-spacing: 0; |
||||
} |
||||
|
||||
td, |
||||
th { |
||||
padding: 0; |
||||
} |
||||
@ -1,23 +0,0 @@ |
||||
/*! |
||||
* Bootstrap v2.3.2 |
||||
* |
||||
* Copyright 2013 Twitter, Inc |
||||
* Licensed under the Apache License v2.0 |
||||
* http://www.apache.org/licenses/LICENSE-2.0 |
||||
* |
||||
* Designed and built with all the love in the world by @mdo and @fat. |
||||
*/ |
||||
|
||||
// CSS Reset |
||||
@import "reset.less"; |
||||
|
||||
// Grid system and page structure |
||||
@import "grid.less"; |
||||
|
||||
// Components: common |
||||
@import "close.less"; |
||||
|
||||
@import "labels-badges.less"; |
||||
|
||||
// Utility classes |
||||
@import "utilities.less"; // Has to be last to override when necessary |
||||
@ -1,32 +0,0 @@ |
||||
// |
||||
// Close icons |
||||
// -------------------------------------------------- |
||||
|
||||
|
||||
.close { |
||||
float: right; |
||||
font-size: 20px; |
||||
font-weight: bold; |
||||
line-height: @baseLineHeight; |
||||
color: @black; |
||||
text-shadow: 0 1px 0 rgba(255,255,255,1); |
||||
.opacity(20); |
||||
&:hover, |
||||
&:focus { |
||||
color: @black; |
||||
text-decoration: none; |
||||
cursor: pointer; |
||||
.opacity(40); |
||||
} |
||||
} |
||||
|
||||
// Additional properties for button version |
||||
// iOS requires the button element instead of an anchor tag. |
||||
// If you want the anchor version, it requires `href="#"`. |
||||
button.close { |
||||
padding: 0; |
||||
cursor: pointer; |
||||
background: transparent; |
||||
border: 0; |
||||
-webkit-appearance: none; |
||||
} |
||||
@ -1 +0,0 @@ |
||||
|
||||
@ -1,84 +0,0 @@ |
||||
// |
||||
// Labels and badges |
||||
// -------------------------------------------------- |
||||
|
||||
|
||||
// Base classes |
||||
.label, |
||||
.badge { |
||||
display: inline-block; |
||||
padding: 2px 4px; |
||||
font-size: @baseFontSize * .846; |
||||
font-weight: bold; |
||||
line-height: 14px; // ensure proper line-height if floated |
||||
color: @white; |
||||
vertical-align: baseline; |
||||
white-space: nowrap; |
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.25); |
||||
background-color: @grayLight; |
||||
} |
||||
// Set unique padding and border-radii |
||||
.label { |
||||
.border-radius(3px); |
||||
} |
||||
.badge { |
||||
padding-left: 9px; |
||||
padding-right: 9px; |
||||
.border-radius(9px); |
||||
} |
||||
|
||||
// Empty labels/badges collapse |
||||
.label, |
||||
.badge { |
||||
&:empty { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
// Hover/focus state, but only for links |
||||
a { |
||||
&.label:hover, |
||||
&.label:focus, |
||||
&.badge:hover, |
||||
&.badge:focus { |
||||
color: @white; |
||||
text-decoration: none; |
||||
cursor: pointer; |
||||
} |
||||
} |
||||
|
||||
// Colors |
||||
// Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute) |
||||
.label, |
||||
.badge { |
||||
// Important (red) |
||||
&-important { background-color: @errorText; } |
||||
&-important[href] { background-color: darken(@errorText, 10%); } |
||||
// Warnings (orange) |
||||
&-warning { background-color: @orange; } |
||||
&-warning[href] { background-color: darken(@orange, 10%); } |
||||
// Success (green) |
||||
&-success { background-color: @successText; } |
||||
&-success[href] { background-color: darken(@successText, 10%); } |
||||
// Info (turquoise) |
||||
&-info { background-color: @infoText; } |
||||
&-info[href] { background-color: darken(@infoText, 10%); } |
||||
// Inverse (black) |
||||
&-inverse { background-color: @grayDark; } |
||||
&-inverse[href] { background-color: darken(@grayDark, 10%); } |
||||
} |
||||
|
||||
// Quick fix for labels/badges in buttons |
||||
.btn { |
||||
.label, |
||||
.badge { |
||||
position: relative; |
||||
top: -1px; |
||||
} |
||||
} |
||||
.btn-mini { |
||||
.label, |
||||
.badge { |
||||
top: 0; |
||||
} |
||||
} |
||||
@ -1,216 +0,0 @@ |
||||
// |
||||
// Reset CSS |
||||
// Adapted from http://github.com/necolas/normalize.css |
||||
// -------------------------------------------------- |
||||
|
||||
|
||||
// Display in IE6-9 and FF3 |
||||
// ------------------------- |
||||
|
||||
article, |
||||
aside, |
||||
details, |
||||
figcaption, |
||||
figure, |
||||
footer, |
||||
header, |
||||
hgroup, |
||||
nav, |
||||
section { |
||||
display: block; |
||||
} |
||||
|
||||
// Display block in IE6-9 and FF3 |
||||
// ------------------------- |
||||
|
||||
audio, |
||||
canvas, |
||||
video { |
||||
display: inline-block; |
||||
*display: inline; |
||||
*zoom: 1; |
||||
} |
||||
|
||||
// Prevents modern browsers from displaying 'audio' without controls |
||||
// ------------------------- |
||||
|
||||
audio:not([controls]) { |
||||
display: none; |
||||
} |
||||
|
||||
// Base settings |
||||
// ------------------------- |
||||
|
||||
html { |
||||
font-size: 100%; |
||||
-webkit-text-size-adjust: 100%; |
||||
-ms-text-size-adjust: 100%; |
||||
} |
||||
// Focus states |
||||
a:focus { |
||||
.tab-focus(); |
||||
} |
||||
// Hover & Active |
||||
a:hover, |
||||
a:active { |
||||
outline: 0; |
||||
} |
||||
|
||||
// Prevents sub and sup affecting line-height in all browsers |
||||
// ------------------------- |
||||
|
||||
sub, |
||||
sup { |
||||
position: relative; |
||||
font-size: 75%; |
||||
line-height: 0; |
||||
vertical-align: baseline; |
||||
} |
||||
sup { |
||||
top: -0.5em; |
||||
} |
||||
sub { |
||||
bottom: -0.25em; |
||||
} |
||||
|
||||
// Img border in a's and image quality |
||||
// ------------------------- |
||||
|
||||
img { |
||||
/* Responsive images (ensure images don't scale beyond their parents) */ |
||||
max-width: 100%; /* Part 1: Set a maxium relative to the parent */ |
||||
width: auto\9; /* IE7-8 need help adjusting responsive images */ |
||||
height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */ |
||||
|
||||
vertical-align: middle; |
||||
border: 0; |
||||
-ms-interpolation-mode: bicubic; |
||||
} |
||||
|
||||
// Prevent max-width from affecting Google Maps |
||||
#map_canvas img, |
||||
.google-maps img { |
||||
max-width: none; |
||||
} |
||||
|
||||
// Forms |
||||
// ------------------------- |
||||
|
||||
// Font size in all browsers, margin changes, misc consistency |
||||
button, |
||||
input, |
||||
select, |
||||
textarea { |
||||
margin: 0; |
||||
font-size: 100%; |
||||
vertical-align: middle; |
||||
} |
||||
button, |
||||
input { |
||||
*overflow: visible; // Inner spacing ie IE6/7 |
||||
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet |
||||
} |
||||
button::-moz-focus-inner, |
||||
input::-moz-focus-inner { // Inner padding and border oddities in FF3/4 |
||||
padding: 0; |
||||
border: 0; |
||||
} |
||||
button, |
||||
html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. |
||||
input[type="reset"], |
||||
input[type="submit"] { |
||||
-webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS. |
||||
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others. |
||||
} |
||||
label, |
||||
select, |
||||
button, |
||||
input[type="button"], |
||||
input[type="reset"], |
||||
input[type="submit"], |
||||
input[type="radio"], |
||||
input[type="checkbox"] { |
||||
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others. |
||||
} |
||||
input[type="search"] { // Appearance in Safari/Chrome |
||||
.box-sizing(content-box); |
||||
-webkit-appearance: textfield; |
||||
} |
||||
input[type="search"]::-webkit-search-decoration, |
||||
input[type="search"]::-webkit-search-cancel-button { |
||||
-webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5 |
||||
} |
||||
textarea { |
||||
overflow: auto; // Remove vertical scrollbar in IE6-9 |
||||
vertical-align: top; // Readability and alignment cross-browser |
||||
} |
||||
|
||||
|
||||
// Printing |
||||
// ------------------------- |
||||
// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css |
||||
|
||||
@media print { |
||||
|
||||
* { |
||||
text-shadow: none !important; |
||||
color: #000 !important; // Black prints faster: h5bp.com/s |
||||
background: transparent !important; |
||||
box-shadow: none !important; |
||||
} |
||||
|
||||
a, |
||||
a:visited { |
||||
text-decoration: underline; |
||||
} |
||||
|
||||
a[href]:after { |
||||
content: " (" attr(href) ")"; |
||||
} |
||||
|
||||
abbr[title]:after { |
||||
content: " (" attr(title) ")"; |
||||
} |
||||
|
||||
// Don't show links for images, or javascript/internal links |
||||
.ir a:after, |
||||
a[href^="javascript:"]:after, |
||||
a[href^="#"]:after { |
||||
content: ""; |
||||
} |
||||
|
||||
pre, |
||||
blockquote { |
||||
border: 1px solid #999; |
||||
page-break-inside: avoid; |
||||
} |
||||
|
||||
thead { |
||||
display: table-header-group; // h5bp.com/t |
||||
} |
||||
|
||||
tr, |
||||
img { |
||||
page-break-inside: avoid; |
||||
} |
||||
|
||||
img { |
||||
max-width: 100% !important; |
||||
} |
||||
|
||||
@page { |
||||
margin: 0.5cm; |
||||
} |
||||
|
||||
p, |
||||
h2, |
||||
h3 { |
||||
orphans: 3; |
||||
widows: 3; |
||||
} |
||||
|
||||
h2, |
||||
h3 { |
||||
page-break-after: avoid; |
||||
} |
||||
} |
||||
@ -1,30 +0,0 @@ |
||||
// |
||||
// Utility classes |
||||
// -------------------------------------------------- |
||||
|
||||
|
||||
// Quick floats |
||||
.pull-right { |
||||
float: right; |
||||
} |
||||
.pull-left { |
||||
float: left; |
||||
} |
||||
|
||||
// Toggling content |
||||
.hide { |
||||
display: none; |
||||
} |
||||
.show { |
||||
display: block; |
||||
} |
||||
|
||||
// Visibility |
||||
.invisible { |
||||
visibility: hidden; |
||||
} |
||||
|
||||
// For Affix plugin |
||||
.affix { |
||||
position: fixed; |
||||
} |
||||
@ -0,0 +1,193 @@ |
||||
// |
||||
// Navs |
||||
// -------------------------------------------------- |
||||
|
||||
|
||||
// BASE CLASS |
||||
// ---------- |
||||
|
||||
.nav { |
||||
margin-left: 0; |
||||
margin-bottom: @baseLineHeight; |
||||
list-style: none; |
||||
} |
||||
|
||||
// Make links block level |
||||
.nav > li > a { |
||||
display: block; |
||||
} |
||||
.nav > li > a:hover, |
||||
.nav > li > a:focus { |
||||
text-decoration: none; |
||||
background-color: @grayLighter; |
||||
} |
||||
|
||||
// Redeclare pull classes because of specifity |
||||
.nav > .pull-right { |
||||
float: right; |
||||
} |
||||
|
||||
// Nav headers (for dropdowns and lists) |
||||
.nav-header { |
||||
display: block; |
||||
padding: 3px 15px; |
||||
font-size: 11px; |
||||
font-weight: bold; |
||||
line-height: @baseLineHeight; |
||||
color: @grayLight; |
||||
text-shadow: 0 1px 0 rgba(255,255,255,.5); |
||||
text-transform: uppercase; |
||||
} |
||||
// Space them out when they follow another list item (link) |
||||
.nav li + .nav-header { |
||||
margin-top: 9px; |
||||
} |
||||
|
||||
|
||||
|
||||
// NAV LIST |
||||
// -------- |
||||
|
||||
.nav-list { |
||||
padding-left: 15px; |
||||
padding-right: 15px; |
||||
margin-bottom: 0; |
||||
} |
||||
.nav-list > li > a, |
||||
.nav-list .nav-header { |
||||
margin-left: -15px; |
||||
margin-right: -15px; |
||||
text-shadow: 0 1px 0 rgba(255,255,255,.5); |
||||
} |
||||
.nav-list > li > a { |
||||
padding: 3px 15px; |
||||
} |
||||
.nav-list > .active > a, |
||||
.nav-list > .active > a:hover, |
||||
.nav-list > .active > a:focus { |
||||
color: @white; |
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.2); |
||||
background-color: @linkColor; |
||||
} |
||||
.nav-list [class^="icon-"], |
||||
.nav-list [class*=" icon-"] { |
||||
margin-right: 2px; |
||||
} |
||||
|
||||
// TABS AND PILLS |
||||
// ------------- |
||||
|
||||
// Common styles |
||||
.nav-tabs, |
||||
.nav-pills { |
||||
.clearfix(); |
||||
} |
||||
.nav-tabs > li, |
||||
.nav-pills > li { |
||||
float: left; |
||||
} |
||||
.nav-tabs > li > a, |
||||
.nav-pills > li > a { |
||||
padding-right: 12px; |
||||
padding-left: 12px; |
||||
margin-right: 2px; |
||||
line-height: 14px; // keeps the overall height an even number |
||||
} |
||||
|
||||
// TABS |
||||
// ---- |
||||
|
||||
// Give the tabs something to sit on |
||||
.nav-tabs { |
||||
border-bottom: 1px solid #ddd; |
||||
} |
||||
// Make the list-items overlay the bottom border |
||||
.nav-tabs > li { |
||||
margin-bottom: -1px; |
||||
} |
||||
// Actual tabs (as links) |
||||
.nav-tabs > li > a { |
||||
padding-top: 8px; |
||||
padding-bottom: 8px; |
||||
line-height: @baseLineHeight; |
||||
border: 1px solid transparent; |
||||
.border-radius(4px 4px 0 0); |
||||
&:hover, |
||||
&:focus { |
||||
border-color: @grayLighter @grayLighter #ddd; |
||||
} |
||||
} |
||||
// Active state, and it's :hover/:focus to override normal :hover/:focus |
||||
.nav-tabs > .active > a, |
||||
.nav-tabs > .active > a:hover, |
||||
.nav-tabs > .active > a:focus { |
||||
color: @gray; |
||||
background-color: @bodyBackground; |
||||
border: 1px solid #ddd; |
||||
border-bottom-color: transparent; |
||||
cursor: default; |
||||
} |
||||
|
||||
|
||||
// Default dropdown links |
||||
// ------------------------- |
||||
// Make carets use linkColor to start |
||||
.nav .dropdown-toggle .caret { |
||||
border-top-color: @linkColor; |
||||
border-bottom-color: @linkColor; |
||||
margin-top: 6px; |
||||
} |
||||
.nav .dropdown-toggle:hover .caret, |
||||
.nav .dropdown-toggle:focus .caret { |
||||
border-top-color: @linkColorHover; |
||||
border-bottom-color: @linkColorHover; |
||||
} |
||||
/* move down carets for tabs */ |
||||
.nav-tabs .dropdown-toggle .caret { |
||||
margin-top: 8px; |
||||
} |
||||
|
||||
// Active dropdown links |
||||
// ------------------------- |
||||
.nav .active .dropdown-toggle .caret { |
||||
border-top-color: #fff; |
||||
border-bottom-color: #fff; |
||||
} |
||||
.nav-tabs .active .dropdown-toggle .caret { |
||||
border-top-color: @gray; |
||||
border-bottom-color: @gray; |
||||
} |
||||
|
||||
// Active:hover/:focus dropdown links |
||||
// ------------------------- |
||||
.nav > .dropdown.active > a:hover, |
||||
.nav > .dropdown.active > a:focus { |
||||
cursor: pointer; |
||||
} |
||||
|
||||
// Open dropdowns |
||||
// ------------------------- |
||||
.nav-tabs .open .dropdown-toggle, |
||||
.nav-pills .open .dropdown-toggle, |
||||
.nav > li.dropdown.open.active > a:hover, |
||||
.nav > li.dropdown.open.active > a:focus { |
||||
color: @white; |
||||
background-color: @grayLight; |
||||
border-color: @grayLight; |
||||
} |
||||
.nav li.dropdown.open .caret, |
||||
.nav li.dropdown.open.active .caret, |
||||
.nav li.dropdown.open a:hover .caret, |
||||
.nav li.dropdown.open a:focus .caret { |
||||
border-top-color: @white; |
||||
border-bottom-color: @white; |
||||
.opacity(100); |
||||
} |
||||
|
||||
// Dropdowns in stacked tabs |
||||
.tabs-stacked .open > a:hover, |
||||
.tabs-stacked .open > a:focus { |
||||
border-color: @grayLight; |
||||
} |
||||
|
||||
|
||||
@ -1,3 +1,2 @@ |
||||
@import "variables.dark.less"; |
||||
@import "bootstrap/bootstrap.less"; |
||||
@import "grafana.less"; |
||||
|
||||
@ -1,3 +1,2 @@ |
||||
@import "variables.light.less"; |
||||
@import "bootstrap/bootstrap.less"; |
||||
@import "grafana.less"; |
||||
|
||||
Loading…
Reference in new issue