Browse code
Cleanup CSS
Ed L authored on 07/04/2019 23:37:23
Showing 14 changed files
Showing 14 changed files
- less/accordion.less
- less/bootstrap.less
- less/carousel.less
- less/hero-unit.less
- less/labels-badges.less
- less/modals.less
- less/navbar.less
- less/other.less
- less/pager.less
- less/pagination.less
- less/popovers.less
- less/progress-bars.less
- less/thumbnails.less
- less/tooltip.less
1 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,33 +0,0 @@ |
1 |
-// ACCORDION |
|
2 |
-// --------- |
|
3 |
- |
|
4 |
- |
|
5 |
-// Parent container |
|
6 |
-.accordion { |
|
7 |
- margin-bottom: @baseLineHeight; |
|
8 |
-} |
|
9 |
- |
|
10 |
-// Group == heading + body |
|
11 |
-.accordion-group { |
|
12 |
- margin-bottom: 2pt; |
|
13 |
- border: 1pt solid #e5e5e5; |
|
14 |
- .border-radius(4pt); |
|
15 |
-} |
|
16 |
-.accordion-heading { |
|
17 |
- border-bottom: 0; |
|
18 |
-} |
|
19 |
-.accordion-heading .accordion-toggle { |
|
20 |
- display: block; |
|
21 |
- padding: 8pt 15pt; |
|
22 |
-} |
|
23 |
- |
|
24 |
-// General toggle styles |
|
25 |
-.accordion-toggle { |
|
26 |
- cursor: pointer; |
|
27 |
-} |
|
28 |
- |
|
29 |
-// Inner needs the styles because you can't animate properly with any styles on the element |
|
30 |
-.accordion-inner { |
|
31 |
- padding: 9pt 15pt; |
|
32 |
- border-top: 1pt solid #e5e5e5; |
|
33 |
-} |
... | ... |
@@ -42,23 +42,7 @@ |
42 | 42 |
|
43 | 43 |
// Components: Nav |
44 | 44 |
@import "navs.less"; |
45 |
-@import "navbar.less"; |
|
46 | 45 |
@import "breadcrumbs.less"; |
47 |
-@import "pagination.less"; |
|
48 |
-@import "pager.less"; |
|
49 |
- |
|
50 |
-// Components: Popovers |
|
51 |
-@import "modals.less"; |
|
52 |
-@import "tooltip.less"; |
|
53 |
-@import "popovers.less"; |
|
54 |
- |
|
55 |
-// Components: Misc |
|
56 |
-@import "thumbnails.less"; |
|
57 |
-@import "labels-badges.less"; |
|
58 |
-@import "progress-bars.less"; |
|
59 |
-@import "accordion.less"; |
|
60 |
-@import "carousel.less"; |
|
61 |
-@import "hero-unit.less"; |
|
62 | 46 |
|
63 | 47 |
// Utility classes |
64 | 48 |
@import "utilities.less"; // Has to be last to override when necessary |
65 | 49 |
deleted file mode 100644 |
... | ... |
@@ -1,121 +0,0 @@ |
1 |
-// CAROUSEL |
|
2 |
-// -------- |
|
3 |
- |
|
4 |
-.carousel { |
|
5 |
- position: relative; |
|
6 |
- margin-bottom: @baseLineHeight; |
|
7 |
- line-height: 1; |
|
8 |
-} |
|
9 |
- |
|
10 |
-.carousel-inner { |
|
11 |
- overflow: hidden; |
|
12 |
- width: 100%; |
|
13 |
- position: relative; |
|
14 |
-} |
|
15 |
- |
|
16 |
-.carousel { |
|
17 |
- |
|
18 |
- .item { |
|
19 |
- display: none; |
|
20 |
- position: relative; |
|
21 |
- .transition(.6s ease-in-out left); |
|
22 |
- } |
|
23 |
- |
|
24 |
- // Account for jankitude on images |
|
25 |
- .item > img { |
|
26 |
- display: block; |
|
27 |
- line-height: 1; |
|
28 |
- } |
|
29 |
- |
|
30 |
- .active, |
|
31 |
- .next, |
|
32 |
- .prev { display: block; } |
|
33 |
- |
|
34 |
- .active { |
|
35 |
- left: 0; |
|
36 |
- } |
|
37 |
- |
|
38 |
- .next, |
|
39 |
- .prev { |
|
40 |
- position: absolute; |
|
41 |
- top: 0; |
|
42 |
- width: 100%; |
|
43 |
- } |
|
44 |
- |
|
45 |
- .next { |
|
46 |
- left: 100%; |
|
47 |
- } |
|
48 |
- .prev { |
|
49 |
- left: -100%; |
|
50 |
- } |
|
51 |
- .next.left, |
|
52 |
- .prev.right { |
|
53 |
- left: 0; |
|
54 |
- } |
|
55 |
- |
|
56 |
- .active.left { |
|
57 |
- left: -100%; |
|
58 |
- } |
|
59 |
- .active.right { |
|
60 |
- left: 100%; |
|
61 |
- } |
|
62 |
- |
|
63 |
-} |
|
64 |
- |
|
65 |
-// Left/right controls for nav |
|
66 |
-// --------------------------- |
|
67 |
- |
|
68 |
-.carousel-control { |
|
69 |
- position: absolute; |
|
70 |
- top: 40%; |
|
71 |
- left: 15pt; |
|
72 |
- width: 40pt; |
|
73 |
- height: 40pt; |
|
74 |
- margin-top: -20pt; |
|
75 |
- font-size: 60pt; |
|
76 |
- font-weight: 100; |
|
77 |
- line-height: 30pt; |
|
78 |
- color: @white; |
|
79 |
- text-align: center; |
|
80 |
- background: @grayDarker; |
|
81 |
- border: 3pt solid @white; |
|
82 |
- .border-radius(23pt); |
|
83 |
- .opacity(50); |
|
84 |
- |
|
85 |
- // we can't have this transition here |
|
86 |
- // because webkit cancels the carousel |
|
87 |
- // animation if you trip this while |
|
88 |
- // in the middle of another animation |
|
89 |
- // ;_; |
|
90 |
- // .transition(opacity .2s linear); |
|
91 |
- |
|
92 |
- // Reposition the right one |
|
93 |
- &.right { |
|
94 |
- left: auto; |
|
95 |
- right: 15pt; |
|
96 |
- } |
|
97 |
- |
|
98 |
- // Hover state |
|
99 |
- &:hover { |
|
100 |
- color: @white; |
|
101 |
- text-decoration: none; |
|
102 |
- .opacity(90); |
|
103 |
- } |
|
104 |
-} |
|
105 |
- |
|
106 |
-// Caption for text below images |
|
107 |
-// ----------------------------- |
|
108 |
- |
|
109 |
-.carousel-caption { |
|
110 |
- position: absolute; |
|
111 |
- left: 0; |
|
112 |
- right: 0; |
|
113 |
- bottom: 0; |
|
114 |
- padding: 10pt 15pt 5pt; |
|
115 |
- background: @grayDark; |
|
116 |
- background: rgba(0,0,0,.75); |
|
117 |
-} |
|
118 |
-.carousel-caption h4, |
|
119 |
-.carousel-caption p { |
|
120 |
- color: @white; |
|
121 |
-} |
122 | 0 |
deleted file mode 100644 |
... | ... |
@@ -1,22 +0,0 @@ |
1 |
-// HERO UNIT |
|
2 |
-// --------- |
|
3 |
- |
|
4 |
-.hero-unit { |
|
5 |
- padding: 60pt; |
|
6 |
- margin-bottom: 30pt; |
|
7 |
- background-color: @heroUnitBackground; |
|
8 |
- .border-radius(6pt); |
|
9 |
- h1 { |
|
10 |
- margin-bottom: 0; |
|
11 |
- font-size: 60pt; |
|
12 |
- line-height: 1; |
|
13 |
- color: @heroUnitHeadingColor; |
|
14 |
- letter-spacing: -1pt; |
|
15 |
- } |
|
16 |
- p { |
|
17 |
- font-size: 18pt; |
|
18 |
- font-weight: 200; |
|
19 |
- line-height: @baseLineHeight * 1.5; |
|
20 |
- color: @heroUnitLeadColor; |
|
21 |
- } |
|
22 |
-} |
23 | 0 |
deleted file mode 100644 |
... | ... |
@@ -1,55 +0,0 @@ |
1 |
-// LABELS & BADGES |
|
2 |
-// --------------- |
|
3 |
- |
|
4 |
-// Base classes |
|
5 |
-.label, |
|
6 |
-.badge { |
|
7 |
- font-size: @baseFontSize * .846; |
|
8 |
- font-weight: bold; |
|
9 |
- line-height: 14pt; // ensure proper line-height if floated |
|
10 |
- color: @white; |
|
11 |
- vertical-align: baseline; |
|
12 |
- white-space: nowrap; |
|
13 |
- text-shadow: 0 -1pt 0 rgba(0,0,0,.25); |
|
14 |
- background-color: @grayLight; |
|
15 |
-} |
|
16 |
-// Set unique padding and border-radii |
|
17 |
-.label { |
|
18 |
- padding: 1pt 4pt 2pt; |
|
19 |
- .border-radius(3pt); |
|
20 |
-} |
|
21 |
-.badge { |
|
22 |
- padding: 1pt 9pt 2pt; |
|
23 |
- .border-radius(9pt); |
|
24 |
-} |
|
25 |
- |
|
26 |
-// Hover state, but only for links |
|
27 |
-a { |
|
28 |
- &.label:hover, |
|
29 |
- &.badge:hover { |
|
30 |
- color: @white; |
|
31 |
- text-decoration: none; |
|
32 |
- cursor: pointer; |
|
33 |
- } |
|
34 |
-} |
|
35 |
- |
|
36 |
-// Colors |
|
37 |
-// Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute) |
|
38 |
-.label, |
|
39 |
-.badge { |
|
40 |
- // Important (red) |
|
41 |
- &-important { background-color: @errorText; } |
|
42 |
- &-important[href] { background-color: darken(@errorText, 10%); } |
|
43 |
- // Warnings (orange) |
|
44 |
- &-warning { background-color: @orange; } |
|
45 |
- &-warning[href] { background-color: darken(@orange, 10%); } |
|
46 |
- // Success (green) |
|
47 |
- &-success { background-color: @successText; } |
|
48 |
- &-success[href] { background-color: darken(@successText, 10%); } |
|
49 |
- // Info (turquoise) |
|
50 |
- &-info { background-color: @infoText; } |
|
51 |
- &-info[href] { background-color: darken(@infoText, 10%); } |
|
52 |
- // Inverse (black) |
|
53 |
- &-inverse { background-color: @grayDark; } |
|
54 |
- &-inverse[href] { background-color: darken(@grayDark, 10%); } |
|
55 |
-} |
56 | 0 |
deleted file mode 100644 |
... | ... |
@@ -1,90 +0,0 @@ |
1 |
-// MODALS |
|
2 |
-// ------ |
|
3 |
- |
|
4 |
-// Recalculate z-index where appropriate |
|
5 |
-.modal-open { |
|
6 |
- .dropdown-menu { z-index: @zindexDropdown + @zindexModal; } |
|
7 |
- .dropdown.open { *z-index: @zindexDropdown + @zindexModal; } |
|
8 |
- .popover { z-index: @zindexPopover + @zindexModal; } |
|
9 |
- .tooltip { z-index: @zindexTooltip + @zindexModal; } |
|
10 |
-} |
|
11 |
- |
|
12 |
-// Background |
|
13 |
-.modal-backdrop { |
|
14 |
- position: fixed; |
|
15 |
- top: 0; |
|
16 |
- right: 0; |
|
17 |
- bottom: 0; |
|
18 |
- left: 0; |
|
19 |
- z-index: @zindexModalBackdrop; |
|
20 |
- background-color: @black; |
|
21 |
- // Fade for backdrop |
|
22 |
- &.fade { opacity: 0; } |
|
23 |
-} |
|
24 |
- |
|
25 |
-.modal-backdrop, |
|
26 |
-.modal-backdrop.fade.in { |
|
27 |
- .opacity(80); |
|
28 |
-} |
|
29 |
- |
|
30 |
-// Base modal |
|
31 |
-.modal { |
|
32 |
- position: fixed; |
|
33 |
- top: 50%; |
|
34 |
- left: 50%; |
|
35 |
- z-index: @zindexModal; |
|
36 |
- overflow: auto; |
|
37 |
- width: 560pt; |
|
38 |
- margin: -250pt 0 0 -280pt; |
|
39 |
- background-color: @white; |
|
40 |
- border: 1pt solid #999; |
|
41 |
- border: 1pt solid rgba(0,0,0,.3); |
|
42 |
- *border: 1pt solid #999; /* IE6-7 */ |
|
43 |
- .border-radius(6pt); |
|
44 |
- .box-shadow(0 3pt 7pt rgba(0,0,0,0.3)); |
|
45 |
- .background-clip(padding-box); |
|
46 |
- &.fade { |
|
47 |
- .transition(e('opacity .3s linear, top .3s ease-out')); |
|
48 |
- top: -25%; |
|
49 |
- } |
|
50 |
- &.fade.in { top: 50%; } |
|
51 |
-} |
|
52 |
-.modal-header { |
|
53 |
- padding: 9pt 15pt; |
|
54 |
- border-bottom: 1pt solid #eee; |
|
55 |
- // Close icon |
|
56 |
- .close { margin-top: 2pt; } |
|
57 |
-} |
|
58 |
- |
|
59 |
-// Body (where all modal content resides) |
|
60 |
-.modal-body { |
|
61 |
- overflow-y: auto; |
|
62 |
- max-height: 400pt; |
|
63 |
- padding: 15pt; |
|
64 |
-} |
|
65 |
-// Remove bottom margin if need be |
|
66 |
-.modal-form { |
|
67 |
- margin-bottom: 0; |
|
68 |
-} |
|
69 |
- |
|
70 |
-// Footer (for actions) |
|
71 |
-.modal-footer { |
|
72 |
- padding: 14pt 15pt 15pt; |
|
73 |
- margin-bottom: 0; |
|
74 |
- text-align: right; // right align buttons |
|
75 |
- background-color: #f5f5f5; |
|
76 |
- border-top: 1pt solid #ddd; |
|
77 |
- .border-radius(0 0 6pt 6pt); |
|
78 |
- .box-shadow(inset 0 1pt 0 @white); |
|
79 |
- .clearfix(); // clear it in case folks use .pull-* classes on buttons |
|
80 |
- |
|
81 |
- // Properly space out buttons |
|
82 |
- .btn + .btn { |
|
83 |
- margin-left: 5pt; |
|
84 |
- margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs |
|
85 |
- } |
|
86 |
- // but override that for button groups |
|
87 |
- .btn-group .btn + .btn { |
|
88 |
- margin-left: -1pt; |
|
89 |
- } |
|
90 |
-} |
91 | 0 |
deleted file mode 100644 |
... | ... |
@@ -1,366 +0,0 @@ |
1 |
-// NAVBAR (FIXED AND STATIC) |
|
2 |
-// ------------------------- |
|
3 |
- |
|
4 |
- |
|
5 |
-// COMMON STYLES |
|
6 |
-// ------------- |
|
7 |
- |
|
8 |
-.navbar { |
|
9 |
- // Fix for IE7's bad z-indexing so dropdowns don't appear below content that follows the navbar |
|
10 |
- *position: relative; |
|
11 |
- *z-index: 2; |
|
12 |
- |
|
13 |
- overflow: visible; |
|
14 |
- margin-bottom: @baseLineHeight; |
|
15 |
-} |
|
16 |
- |
|
17 |
-// Gradient is applied to it's own element because overflow visible is not honored by IE when filter is present |
|
18 |
-.navbar-inner { |
|
19 |
- min-height: @navbarHeight; |
|
20 |
- padding-left: 20pt; |
|
21 |
- padding-right: 20pt; |
|
22 |
- border-bottom: 1pt solid @navbarBorderColor; |
|
23 |
- /*#gradient > .vertical(@navbarBackgroundHighlight, @navbarBackground);*/ |
|
24 |
- .box-shadow(~"0 1pt 0 rgba(255,255,255,0.4), 0 0 10pt rgba(0,0,0,0.1)"); |
|
25 |
-} |
|
26 |
- |
|
27 |
-// Set width to auto for default container |
|
28 |
-// We then reset it for fixed navbars in the #gridSystem mixin |
|
29 |
-.navbar .container { |
|
30 |
- width: auto; |
|
31 |
-} |
|
32 |
- |
|
33 |
-// Override the default collapsed state |
|
34 |
-.nav-collapse.collapse { |
|
35 |
- height: auto; |
|
36 |
-} |
|
37 |
- |
|
38 |
- |
|
39 |
-// Brand, links, text, and buttons |
|
40 |
-.navbar { |
|
41 |
- color: @navbarText; |
|
42 |
- // Hover and active states |
|
43 |
- .brand:hover { |
|
44 |
- text-decoration: none; |
|
45 |
- } |
|
46 |
- // Website or project name |
|
47 |
- .brand { |
|
48 |
- float: left; |
|
49 |
- display: block; |
|
50 |
- // Vertically center the text given @navbarHeight |
|
51 |
- @elementHeight: 20pt; |
|
52 |
- padding: ((@navbarHeight - @elementHeight) / 2) 20pt ((@navbarHeight - @elementHeight) / 2 + 2); |
|
53 |
- margin-left: -20pt; // negative indent to left-align the text down the page |
|
54 |
- font-size: 20pt; |
|
55 |
- font-weight: 200; |
|
56 |
- line-height: 1; |
|
57 |
- color: lighten(@navbarBrandColor, 35%); |
|
58 |
- text-shadow: 1pt 1pt 1pt hsla(0,0%,0%,1); |
|
59 |
- font-weight: 700; |
|
60 |
- letter-spacing: 1pt; |
|
61 |
- } |
|
62 |
- // Plain text in topbar |
|
63 |
- .navbar-text { |
|
64 |
- margin-bottom: 0; |
|
65 |
- line-height: @navbarHeight; |
|
66 |
- } |
|
67 |
- // Janky solution for now to account for links outside the .nav |
|
68 |
- .navbar-link { |
|
69 |
- color: @navbarLinkColor; |
|
70 |
- &:hover { |
|
71 |
- color: @navbarLinkColorHover; |
|
72 |
- } |
|
73 |
- } |
|
74 |
- // Buttons in navbar |
|
75 |
- .btn, |
|
76 |
- .btn-group { |
|
77 |
- .navbarVerticalAlign(30pt); // Vertically center in navbar |
|
78 |
- } |
|
79 |
- .btn-group .btn { |
|
80 |
- margin: 0; // then undo the margin here so we don't accidentally double it |
|
81 |
- } |
|
82 |
-} |
|
83 |
- |
|
84 |
-// Navbar forms |
|
85 |
-.navbar-form { |
|
86 |
- margin-bottom: 0; // remove default bottom margin |
|
87 |
- .clearfix(); |
|
88 |
- input, |
|
89 |
- select, |
|
90 |
- .radio, |
|
91 |
- .checkbox { |
|
92 |
- .navbarVerticalAlign(30pt); // Vertically center in navbar |
|
93 |
- } |
|
94 |
- input, |
|
95 |
- select { |
|
96 |
- display: inline-block; |
|
97 |
- margin-bottom: 0; |
|
98 |
- } |
|
99 |
- input[type="image"], |
|
100 |
- input[type="checkbox"], |
|
101 |
- input[type="radio"] { |
|
102 |
- margin-top: 3pt; |
|
103 |
- } |
|
104 |
- .input-append, |
|
105 |
- .input-prepend { |
|
106 |
- margin-top: 6pt; |
|
107 |
- white-space: nowrap; // preven two items from separating within a .navbar-form that has .pull-left |
|
108 |
- input { |
|
109 |
- margin-top: 0; // remove the margin on top since it's on the parent |
|
110 |
- } |
|
111 |
- } |
|
112 |
-} |
|
113 |
- |
|
114 |
-// Navbar search |
|
115 |
-.navbar-search { |
|
116 |
- position: relative; |
|
117 |
- float: left; |
|
118 |
- .navbarVerticalAlign(28pt); // Vertically center in navbar |
|
119 |
- margin-bottom: 0; |
|
120 |
- .search-query { |
|
121 |
- padding: 4pt 9pt; |
|
122 |
- #font > .sans-serif(13pt, normal, 1); |
|
123 |
- color: @white; |
|
124 |
- background-color: @navbarSearchBackground; |
|
125 |
- border: 1pt solid @navbarSearchBorder; |
|
126 |
- .box-shadow(~"inset 0 1pt 2pt rgba(0,0,0,.1), 0 1pt 0pt rgba(255,255,255,.15)"); |
|
127 |
- .transition(none); |
|
128 |
- |
|
129 |
- // Placeholder text gets special styles; can't be a grouped selector |
|
130 |
- &:-moz-placeholder { |
|
131 |
- color: @navbarSearchPlaceholderColor; |
|
132 |
- } |
|
133 |
- &::-webkit-input-placeholder { |
|
134 |
- color: @navbarSearchPlaceholderColor; |
|
135 |
- } |
|
136 |
- |
|
137 |
- // Focus states (we use .focused since IE7-8 and down doesn't support :focus) |
|
138 |
- &:focus, |
|
139 |
- &.focused { |
|
140 |
- padding: 5pt 10pt; |
|
141 |
- color: @grayDark; |
|
142 |
- text-shadow: 0 1pt 0 @white; |
|
143 |
- background-color: @navbarSearchBackgroundFocus; |
|
144 |
- border: 0; |
|
145 |
- .box-shadow(0 0 3pt rgba(0,0,0,.15)); |
|
146 |
- outline: 0; |
|
147 |
- } |
|
148 |
- } |
|
149 |
-} |
|
150 |
- |
|
151 |
- |
|
152 |
- |
|
153 |
-// FIXED NAVBAR |
|
154 |
-// ------------ |
|
155 |
- |
|
156 |
-// Shared (top/bottom) styles |
|
157 |
-.navbar-fixed-top, |
|
158 |
-.navbar-fixed-bottom { |
|
159 |
- position: fixed; |
|
160 |
- right: 0; |
|
161 |
- left: 0; |
|
162 |
- z-index: @zindexFixedNavbar; |
|
163 |
- margin-bottom: 0; // remove 18pt margin for static navbar |
|
164 |
-} |
|
165 |
-.navbar-fixed-top .navbar-inner, |
|
166 |
-.navbar-fixed-bottom .navbar-inner { |
|
167 |
- padding-left: 0; |
|
168 |
- padding-right: 0; |
|
169 |
- .border-radius(0); |
|
170 |
-} |
|
171 |
- |
|
172 |
-.navbar-fixed-top .container, |
|
173 |
-.navbar-fixed-bottom .container { |
|
174 |
- #grid > .core > .span{@gridColumns;} |
|
175 |
-} |
|
176 |
- |
|
177 |
-// Fixed to top |
|
178 |
-.navbar-fixed-top { |
|
179 |
- top: 0; |
|
180 |
-} |
|
181 |
- |
|
182 |
-// Fixed to bottom |
|
183 |
-.navbar-fixed-bottom { |
|
184 |
- bottom: 0; |
|
185 |
-} |
|
186 |
- |
|
187 |
- |
|
188 |
- |
|
189 |
-// NAVIGATION |
|
190 |
-// ---------- |
|
191 |
- |
|
192 |
-.navbar .nav { |
|
193 |
- position: relative; |
|
194 |
- left: 0; |
|
195 |
- display: block; |
|
196 |
- float: left; |
|
197 |
- margin: 0 10pt 0 0; |
|
198 |
-} |
|
199 |
-.navbar .nav.pull-right { |
|
200 |
- float: right; // redeclare due to specificity |
|
201 |
-} |
|
202 |
-.navbar .nav > li { |
|
203 |
- display: block; |
|
204 |
- float: left; |
|
205 |
-} |
|
206 |
- |
|
207 |
-// Links |
|
208 |
-.navbar .nav > li > a { |
|
209 |
- float: none; |
|
210 |
- // Vertically center the text given @navbarHeight |
|
211 |
- @elementHeight: 20pt; |
|
212 |
- padding: ((@navbarHeight - @elementHeight) / 2) 10pt ((@navbarHeight - @elementHeight) / 2 + 1); |
|
213 |
- line-height: 19pt; |
|
214 |
- color: @navbarLinkColor; |
|
215 |
- text-decoration: none; |
|
216 |
- font-weight:700; |
|
217 |
-} |
|
218 |
-// Buttons |
|
219 |
-.navbar .btn { |
|
220 |
- display: inline-block; |
|
221 |
- padding: 4pt 10pt 4pt; |
|
222 |
- // Vertically center the button given @navbarHeight |
|
223 |
- @elementHeight: 28pt; |
|
224 |
- margin: ((@navbarHeight - @elementHeight) / 2 - 1) 5pt ((@navbarHeight - @elementHeight) / 2); |
|
225 |
- line-height: @baseLineHeight; |
|
226 |
-} |
|
227 |
-.navbar .btn-group { |
|
228 |
- margin: 0; |
|
229 |
- // Vertically center the button given @navbarHeight |
|
230 |
- @elementHeight: 28pt; |
|
231 |
- padding: ((@navbarHeight - @elementHeight) / 2 - 1) 5pt ((@navbarHeight - @elementHeight) / 2); |
|
232 |
-} |
|
233 |
-// Hover |
|
234 |
-.navbar .nav > li > a:hover { |
|
235 |
- color: @navbarLinkColorHover; |
|
236 |
- text-decoration: none; |
|
237 |
- background: transparent; |
|
238 |
-} |
|
239 |
- |
|
240 |
-// Active nav items |
|
241 |
-.navbar .nav .active > a, |
|
242 |
-.navbar .nav .active > a:hover { |
|
243 |
- color: @navbarLinkColorActive; |
|
244 |
- text-decoration: none; |
|
245 |
-} |
|
246 |
- |
|
247 |
-// Dividers (basically a vertical hr) |
|
248 |
-.navbar .divider-vertical { |
|
249 |
- height: @navbarHeight; |
|
250 |
- width: 1pt; |
|
251 |
- margin: 0 9pt; |
|
252 |
- overflow: hidden; |
|
253 |
- background-color: @navbarBackground; |
|
254 |
- border-right: 1pt solid @navbarBackgroundHighlight; |
|
255 |
-} |
|
256 |
- |
|
257 |
-// Secondary (floated right) nav in topbar |
|
258 |
-.navbar .nav.pull-right { |
|
259 |
- margin-left: 10pt; |
|
260 |
- margin-right: 0; |
|
261 |
-} |
|
262 |
- |
|
263 |
-// Navbar button for toggling navbar items in responsive layouts |
|
264 |
-// These definitions need to come after '.navbar .btn' |
|
265 |
-.navbar .btn-navbar { |
|
266 |
- display: none; |
|
267 |
- float: right; |
|
268 |
- padding: 7pt 10pt; |
|
269 |
- margin-left: 5pt; |
|
270 |
- margin-right: 5pt; |
|
271 |
- .buttonBackground(@navbarBackgroundHighlight, @navbarBackground); |
|
272 |
- .box-shadow(~"inset 0 1pt 0 rgba(255,255,255,.1), 0 1pt 0 rgba(255,255,255,.075)"); |
|
273 |
-} |
|
274 |
-.navbar .btn-navbar .icon-bar { |
|
275 |
- display: block; |
|
276 |
- width: 18pt; |
|
277 |
- height: 2pt; |
|
278 |
- background-color: #f5f5f5; |
|
279 |
- .border-radius(1pt); |
|
280 |
- .box-shadow(0 1pt 0 rgba(0,0,0,.25)); |
|
281 |
-} |
|
282 |
-.btn-navbar .icon-bar + .icon-bar { |
|
283 |
- margin-top: 3pt; |
|
284 |
-} |
|
285 |
- |
|
286 |
- |
|
287 |
-// Dropdown menus |
|
288 |
-// -------------- |
|
289 |
- |
|
290 |
-// Menu position and menu carets |
|
291 |
-.navbar .dropdown-menu { |
|
292 |
- &:before { |
|
293 |
- content: ''; |
|
294 |
- display: inline-block; |
|
295 |
- border-left: 7pt solid transparent; |
|
296 |
- border-right: 7pt solid transparent; |
|
297 |
- border-bottom: 7pt solid #ccc; |
|
298 |
- border-bottom-color: @dropdownBorder; |
|
299 |
- position: absolute; |
|
300 |
- top: -7pt; |
|
301 |
- left: 9pt; |
|
302 |
- } |
|
303 |
- &:after { |
|
304 |
- content: ''; |
|
305 |
- display: inline-block; |
|
306 |
- border-left: 6pt solid transparent; |
|
307 |
- border-right: 6pt solid transparent; |
|
308 |
- border-bottom: 6pt solid @dropdownBackground; |
|
309 |
- position: absolute; |
|
310 |
- top: -6pt; |
|
311 |
- left: 10pt; |
|
312 |
- } |
|
313 |
-} |
|
314 |
-// Menu position and menu caret support for dropups via extra dropup class |
|
315 |
-.navbar-fixed-bottom .dropdown-menu { |
|
316 |
- &:before { |
|
317 |
- border-top: 7pt solid #ccc; |
|
318 |
- border-top-color: @dropdownBorder; |
|
319 |
- border-bottom: 0; |
|
320 |
- bottom: -7pt; |
|
321 |
- top: auto; |
|
322 |
- } |
|
323 |
- &:after { |
|
324 |
- border-top: 6pt solid @dropdownBackground; |
|
325 |
- border-bottom: 0; |
|
326 |
- bottom: -6pt; |
|
327 |
- top: auto; |
|
328 |
- } |
|
329 |
-} |
|
330 |
-// Dropdown toggle caret |
|
331 |
-.navbar .nav li.dropdown .dropdown-toggle .caret, |
|
332 |
-.navbar .nav li.dropdown.open .caret { |
|
333 |
- border-top-color: @gray; |
|
334 |
- border-bottom-color: @grayLight; |
|
335 |
-} |
|
336 |
-.navbar .nav li.dropdown.active .caret { |
|
337 |
- .opacity(100); |
|
338 |
-} |
|
339 |
- |
|
340 |
-// Remove background color from open dropdown |
|
341 |
-.navbar .nav li.dropdown.open > .dropdown-toggle, |
|
342 |
-.navbar .nav li.dropdown.active > .dropdown-toggle, |
|
343 |
-.navbar .nav li.dropdown.open.active > .dropdown-toggle { |
|
344 |
- background-color: transparent; |
|
345 |
-} |
|
346 |
- |
|
347 |
-// Dropdown link on hover |
|
348 |
-.navbar .nav li.dropdown.active > .dropdown-toggle:hover { |
|
349 |
- color: @white; |
|
350 |
-} |
|
351 |
- |
|
352 |
-// Right aligned menus need alt position |
|
353 |
-// TODO: rejigger this at some point to simplify the selectors |
|
354 |
-.navbar .pull-right .dropdown-menu, |
|
355 |
-.navbar .dropdown-menu.pull-right { |
|
356 |
- left: auto; |
|
357 |
- right: 0; |
|
358 |
- &:before { |
|
359 |
- left: auto; |
|
360 |
- right: 12pt; |
|
361 |
- } |
|
362 |
- &:after { |
|
363 |
- left: auto; |
|
364 |
- right: 13pt; |
|
365 |
- } |
|
366 |
-} |
6 | 0 |
deleted file mode 100644 |
... | ... |
@@ -1,36 +0,0 @@ |
1 |
-// PAGER |
|
2 |
-// ----- |
|
3 |
- |
|
4 |
-.pager { |
|
5 |
- margin-left: 0; |
|
6 |
- margin-bottom: @baseLineHeight; |
|
7 |
- list-style: none; |
|
8 |
- text-align: center; |
|
9 |
- .clearfix(); |
|
10 |
-} |
|
11 |
-.pager li { |
|
12 |
- display: inline; |
|
13 |
-} |
|
14 |
-.pager a { |
|
15 |
- display: inline-block; |
|
16 |
- padding: 5pt 14pt; |
|
17 |
- background-color: #fff; |
|
18 |
- border: 1pt solid #ddd; |
|
19 |
- .border-radius(15pt); |
|
20 |
-} |
|
21 |
-.pager a:hover { |
|
22 |
- text-decoration: none; |
|
23 |
- background-color: #f5f5f5; |
|
24 |
-} |
|
25 |
-.pager .next a { |
|
26 |
- float: right; |
|
27 |
-} |
|
28 |
-.pager .previous a { |
|
29 |
- float: left; |
|
30 |
-} |
|
31 |
-.pager .disabled a, |
|
32 |
-.pager .disabled a:hover { |
|
33 |
- color: @grayLight; |
|
34 |
- background-color: #fff; |
|
35 |
- cursor: default; |
|
36 |
-} |
|
37 | 0 |
\ No newline at end of file |
38 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,56 +0,0 @@ |
1 |
-// PAGINATION |
|
2 |
-// ---------- |
|
3 |
- |
|
4 |
-.pagination { |
|
5 |
- height: @baseLineHeight * 2; |
|
6 |
- margin: @baseLineHeight 0; |
|
7 |
- } |
|
8 |
-.pagination ul { |
|
9 |
- display: inline-block; |
|
10 |
- .ie7-inline-block(); |
|
11 |
- margin-left: 0; |
|
12 |
- margin-bottom: 0; |
|
13 |
- .border-radius(3pt); |
|
14 |
- .box-shadow(0 1pt 2pt rgba(0,0,0,.05)); |
|
15 |
-} |
|
16 |
-.pagination li { |
|
17 |
- display: inline; |
|
18 |
- } |
|
19 |
-.pagination a { |
|
20 |
- float: left; |
|
21 |
- padding: 0 14pt; |
|
22 |
- line-height: (@baseLineHeight * 2) - 2; |
|
23 |
- text-decoration: none; |
|
24 |
- border: 1pt solid #ddd; |
|
25 |
- border-left-width: 0; |
|
26 |
-} |
|
27 |
-.pagination a:hover, |
|
28 |
-.pagination .active a { |
|
29 |
- background-color: #f5f5f5; |
|
30 |
-} |
|
31 |
-.pagination .active a { |
|
32 |
- color: @grayLight; |
|
33 |
- cursor: default; |
|
34 |
-} |
|
35 |
-.pagination .disabled span, |
|
36 |
-.pagination .disabled a, |
|
37 |
-.pagination .disabled a:hover { |
|
38 |
- color: @grayLight; |
|
39 |
- background-color: transparent; |
|
40 |
- cursor: default; |
|
41 |
-} |
|
42 |
-.pagination li:first-child a { |
|
43 |
- border-left-width: 1pt; |
|
44 |
- .border-radius(3pt 0 0 3pt); |
|
45 |
-} |
|
46 |
-.pagination li:last-child a { |
|
47 |
- .border-radius(0 3pt 3pt 0); |
|
48 |
-} |
|
49 |
- |
|
50 |
-// Centered |
|
51 |
-.pagination-centered { |
|
52 |
- text-align: center; |
|
53 |
-} |
|
54 |
-.pagination-right { |
|
55 |
- text-align: right; |
|
56 |
-} |
57 | 0 |
deleted file mode 100644 |
... | ... |
@@ -1,49 +0,0 @@ |
1 |
-// POPOVERS |
|
2 |
-// -------- |
|
3 |
- |
|
4 |
-.popover { |
|
5 |
- position: absolute; |
|
6 |
- top: 0; |
|
7 |
- left: 0; |
|
8 |
- z-index: @zindexPopover; |
|
9 |
- display: none; |
|
10 |
- padding: 5pt; |
|
11 |
- &.top { margin-top: -5pt; } |
|
12 |
- &.right { margin-left: 5pt; } |
|
13 |
- &.bottom { margin-top: 5pt; } |
|
14 |
- &.left { margin-left: -5pt; } |
|
15 |
- &.top .arrow { #popoverArrow > .top(); } |
|
16 |
- &.right .arrow { #popoverArrow > .right(); } |
|
17 |
- &.bottom .arrow { #popoverArrow > .bottom(); } |
|
18 |
- &.left .arrow { #popoverArrow > .left(); } |
|
19 |
- .arrow { |
|
20 |
- position: absolute; |
|
21 |
- width: 0; |
|
22 |
- height: 0; |
|
23 |
- } |
|
24 |
-} |
|
25 |
-.popover-inner { |
|
26 |
- padding: 3pt; |
|
27 |
- width: 280pt; |
|
28 |
- overflow: hidden; |
|
29 |
- background: @black; // has to be full background declaration for IE fallback |
|
30 |
- background: rgba(0,0,0,.8); |
|
31 |
- .border-radius(6pt); |
|
32 |
- .box-shadow(0 3pt 7pt rgba(0,0,0,0.3)); |
|
33 |
-} |
|
34 |
-.popover-title { |
|
35 |
- padding: 9pt 15pt; |
|
36 |
- line-height: 1; |
|
37 |
- background-color: #f5f5f5; |
|
38 |
- border-bottom:1pt solid #eee; |
|
39 |
- .border-radius(3pt 3pt 0 0); |
|
40 |
-} |
|
41 |
-.popover-content { |
|
42 |
- padding: 14pt; |
|
43 |
- background-color: @white; |
|
44 |
- .border-radius(0 0 3pt 3pt); |
|
45 |
- .background-clip(padding-box); |
|
46 |
- p, ul, ol { |
|
47 |
- margin-bottom: 0; |
|
48 |
- } |
|
49 |
-} |
50 | 0 |
deleted file mode 100644 |
... | ... |
@@ -1,117 +0,0 @@ |
1 |
-// PROGRESS BARS |
|
2 |
-// ------------- |
|
3 |
- |
|
4 |
- |
|
5 |
-// ANIMATIONS |
|
6 |
-// ---------- |
|
7 |
- |
|
8 |
-// Webkit |
|
9 |
-@-webkit-keyframes progress-bar-stripes { |
|
10 |
- from { background-position: 40pt 0; } |
|
11 |
- to { background-position: 0 0; } |
|
12 |
-} |
|
13 |
- |
|
14 |
-// Firefox |
|
15 |
-@-moz-keyframes progress-bar-stripes { |
|
16 |
- from { background-position: 40pt 0; } |
|
17 |
- to { background-position: 0 0; } |
|
18 |
-} |
|
19 |
- |
|
20 |
-// IE9 |
|
21 |
-@-ms-keyframes progress-bar-stripes { |
|
22 |
- from { background-position: 40pt 0; } |
|
23 |
- to { background-position: 0 0; } |
|
24 |
-} |
|
25 |
- |
|
26 |
-// Opera |
|
27 |
-@-o-keyframes progress-bar-stripes { |
|
28 |
- from { background-position: 0 0; } |
|
29 |
- to { background-position: 40pt 0; } |
|
30 |
-} |
|
31 |
- |
|
32 |
-// Spec |
|
33 |
-@keyframes progress-bar-stripes { |
|
34 |
- from { background-position: 40pt 0; } |
|
35 |
- to { background-position: 0 0; } |
|
36 |
-} |
|
37 |
- |
|
38 |
- |
|
39 |
- |
|
40 |
-// THE BARS |
|
41 |
-// -------- |
|
42 |
- |
|
43 |
-// Outer container |
|
44 |
-.progress { |
|
45 |
- overflow: hidden; |
|
46 |
- height: 18pt; |
|
47 |
- margin-bottom: 18pt; |
|
48 |
- #gradient > .vertical(#f5f5f5, #f9f9f9); |
|
49 |
- .box-shadow(inset 0 1pt 2pt rgba(0,0,0,.1)); |
|
50 |
- .border-radius(4pt); |
|
51 |
-} |
|
52 |
- |
|
53 |
-// Bar of progress |
|
54 |
-.progress .bar { |
|
55 |
- width: 0%; |
|
56 |
- height: 18pt; |
|
57 |
- color: @white; |
|
58 |
- font-size: 12pt; |
|
59 |
- text-align: center; |
|
60 |
- text-shadow: 0 -1pt 0 rgba(0,0,0,.25); |
|
61 |
- #gradient > .vertical(#149bdf, #0480be); |
|
62 |
- .box-shadow(inset 0 -1pt 0 rgba(0,0,0,.15)); |
|
63 |
- .box-sizing(border-box); |
|
64 |
- .transition(width .6s ease); |
|
65 |
-} |
|
66 |
- |
|
67 |
-// Striped bars |
|
68 |
-.progress-striped .bar { |
|
69 |
- #gradient > .striped(#149bdf); |
|
70 |
- .background-size(40pt 40pt); |
|
71 |
-} |
|
72 |
- |
|
73 |
-// Call animation for the active one |
|
74 |
-.progress.active .bar { |
|
75 |
- -webkit-animation: progress-bar-stripes 2s linear infinite; |
|
76 |
- -moz-animation: progress-bar-stripes 2s linear infinite; |
|
77 |
- -ms-animation: progress-bar-stripes 2s linear infinite; |
|
78 |
- -o-animation: progress-bar-stripes 2s linear infinite; |
|
79 |
- animation: progress-bar-stripes 2s linear infinite; |
|
80 |
-} |
|
81 |
- |
|
82 |
- |
|
83 |
- |
|
84 |
-// COLORS |
|
85 |
-// ------ |
|
86 |
- |
|
87 |
-// Danger (red) |
|
88 |
-.progress-danger .bar { |
|
89 |
- #gradient > .vertical(#ee5f5b, #c43c35); |
|
90 |
-} |
|
91 |
-.progress-danger.progress-striped .bar { |
|
92 |
- #gradient > .striped(#ee5f5b); |
|
93 |
-} |
|
94 |
- |
|
95 |
-// Success (green) |
|
96 |
-.progress-success .bar { |
|
97 |
- #gradient > .vertical(#62c462, #57a957); |
|
98 |
-} |
|
99 |
-.progress-success.progress-striped .bar { |
|
100 |
- #gradient > .striped(#62c462); |
|
101 |
-} |
|
102 |
- |
|
103 |
-// Info (teal) |
|
104 |
-.progress-info .bar { |
|
105 |
- #gradient > .vertical(#5bc0de, #339bb9); |
|
106 |
-} |
|
107 |
-.progress-info.progress-striped .bar { |
|
108 |
- #gradient > .striped(#5bc0de); |
|
109 |
-} |
|
110 |
- |
|
111 |
-// Warning (orange) |
|
112 |
-.progress-warning .bar { |
|
113 |
- #gradient > .vertical(lighten(@orange, 15%), @orange); |
|
114 |
-} |
|
115 |
-.progress-warning.progress-striped .bar { |
|
116 |
- #gradient > .striped(lighten(@orange, 15%)); |
|
117 |
-} |
118 | 0 |
deleted file mode 100644 |
... | ... |
@@ -1,47 +0,0 @@ |
1 |
-// THUMBNAILS |
|
2 |
-// ---------- |
|
3 |
-// Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files |
|
4 |
- |
|
5 |
-// Make wrapper ul behave like the grid |
|
6 |
-.thumbnails { |
|
7 |
- margin-left: -@gridGutterWidth; |
|
8 |
- list-style: none; |
|
9 |
- .clearfix(); |
|
10 |
-} |
|
11 |
-// Fluid rows have no left margin |
|
12 |
-.row-fluid .thumbnails { |
|
13 |
- margin-left: 0; |
|
14 |
-} |
|
15 |
- |
|
16 |
-// Float li to make thumbnails appear in a row |
|
17 |
-.thumbnails > li { |
|
18 |
- float: left; // Explicity set the float since we don't require .span* classes |
|
19 |
- margin-bottom: @baseLineHeight; |
|
20 |
- margin-left: @gridGutterWidth; |
|
21 |
-} |
|
22 |
- |
|
23 |
-// The actual thumbnail (can be `a` or `div`) |
|
24 |
-.thumbnail { |
|
25 |
- display: block; |
|
26 |
- padding: 4pt; |
|
27 |
- line-height: 1; |
|
28 |
- border: 1pt solid #ddd; |
|
29 |
- .border-radius(4pt); |
|
30 |
- .box-shadow(0 1pt 1pt rgba(0,0,0,.075)); |
|
31 |
-} |
|
32 |
-// Add a hover state for linked versions only |
|
33 |
-a.thumbnail:hover { |
|
34 |
- border-color: @linkColor; |
|
35 |
- .box-shadow(0 1pt 4pt rgba(0,105,214,.25)); |
|
36 |
-} |
|
37 |
- |
|
38 |
-// Images and captions |
|
39 |
-.thumbnail > img { |
|
40 |
- display: block; |
|
41 |
- max-width: 100%; |
|
42 |
- margin-left: auto; |
|
43 |
- margin-right: auto; |
|
44 |
-} |
|
45 |
-.thumbnail .caption { |
|
46 |
- padding: 9pt; |
|
47 |
-} |
48 | 0 |
deleted file mode 100644 |
... | ... |
@@ -1,35 +0,0 @@ |
1 |
-// TOOLTIP |
|
2 |
-// ------= |
|
3 |
- |
|
4 |
-.tooltip { |
|
5 |
- position: absolute; |
|
6 |
- z-index: @zindexTooltip; |
|
7 |
- display: block; |
|
8 |
- visibility: visible; |
|
9 |
- padding: 5pt; |
|
10 |
- font-size: 11pt; |
|
11 |
- .opacity(0); |
|
12 |
- &.in { .opacity(80); } |
|
13 |
- &.top { margin-top: -2pt; } |
|
14 |
- &.right { margin-left: 2pt; } |
|
15 |
- &.bottom { margin-top: 2pt; } |
|
16 |
- &.left { margin-left: -2pt; } |
|
17 |
- &.top .tooltip-arrow { #popoverArrow > .top(); } |
|
18 |
- &.left .tooltip-arrow { #popoverArrow > .left(); } |
|
19 |
- &.bottom .tooltip-arrow { #popoverArrow > .bottom(); } |
|
20 |
- &.right .tooltip-arrow { #popoverArrow > .right(); } |
|
21 |
-} |
|
22 |
-.tooltip-inner { |
|
23 |
- max-width: 200pt; |
|
24 |
- padding: 3pt 8pt; |
|
25 |
- color: @white; |
|
26 |
- text-align: center; |
|
27 |
- text-decoration: none; |
|
28 |
- background-color: @black; |
|
29 |
- .border-radius(4pt); |
|
30 |
-} |
|
31 |
-.tooltip-arrow { |
|
32 |
- position: absolute; |
|
33 |
- width: 0; |
|
34 |
- height: 0; |
|
35 |
-} |