1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
|
---
---
// SITE VARIABLES
// --------------
// Blues
@blue-darker: #003366;
@blue-dark: #005f9b; // Kyruus Dark Blue - Pantone 3015 C
@blue: #009add; // Kyruus Blue - Pantone 2925 C
@blue-light: #b8dcf2;
@blue-lighter: #f0f9ff;
// Greens
@green-darker: #41683b;
@green-dark: #678943;
@green: #95bf52;
@green-light: #ddefbd;
@green-lighter: #f3f9e8;
// Reds
@red-darker: #702222;
@red-dark: #ba4a4a;
@red: #dd7373;
@red-light: #f2adb1;
@red-lighter: #fff0f0;
// Yellows
@yellow-darker: #6f4215;
@yellow-dark: #db8400;
@yellow: #f9e27d;
@yellow-light: #fff5bd;
@yellow-lighter: #fffcee;
// Oranges
@orange-darker: #8c3900;
@orange-dark: #cc5d11;
@orange: #f4914e;
@orange-light: #ffd0a6;
@orange-lighter: #fff4e6;
// Purples
@purple-darker: #4a226d;
@purple-dark: #7457ad;
@purple: #9780d6;
@purple-light: #c3b8f4;
@purple-lighter: #fbf5ff;
@fa-green: #1d9d74;
@fa-green-dark: darken(@fa-green, 10%);
@jumbotron-border: mix(@fa-green, @fa-green-dark, 75%);
@font-family-alt: proxima-nova-sc-osf, "Helvetica Neue", Helvetica, Arial, sans-serif;
// BOOTSTRAP OVERRIDES
// -------------------
// Brand colors
@brand-success: mix(@fa-green, #fff, 70%);
// Links
@link-color: lighten(@fa-green, 5%);
@link-hover-color: darken(@fa-green, 5%);
// Typography
@font-family-sans-serif: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-family-serif: museo-slab, Georgia, "Times New Roman", Times, serif;
@headings-font-family: @font-family-serif;
// Components
@component-active-bg: @fa-green;
// Navbar
@navbar-height: 40px;
@navbar-inverse-brand-color: #fff;
// Reset inverted navbar basics
@navbar-inverse-color: mix(@fa-green, #fff, 50%);
@navbar-inverse-bg: @fa-green;
@navbar-inverse-border: @jumbotron-border;
// Inverted navbar links
@navbar-inverse-link-color: mix(@fa-green, #fff, 35%);
@navbar-inverse-link-hover-color: #fff;
@navbar-inverse-link-active-bg: @navbar-inverse-border;
// Inverted navbar toggle
@navbar-inverse-toggle-hover-bg: @jumbotron-color;
@navbar-inverse-toggle-border-color: mix(@jumbotron-color, @fa-green, 75%);
// Jumbotron
@jumbotron-color: #fff;
@jumbotron-bg: @fa-green;
// Form states and alerts
@state-success-text: @fa-green;
@state-success-bg: mix(@fa-green, #fff, 6%);
@state-success-border: darken(spin(@state-success-bg, -10), 5%);
@state-info-text: mix(@blue-dark, @blue, 50%);
@state-info-bg: @blue-lighter;
@state-info-border: darken(spin(@state-info-bg, -10), 7%);
// Carousel
@carousel-text-shadow: 0 1px 0 rgba(255,255,255,0.25);
@carousel-control-color: @fa-green-dark;
@carousel-control-font-size: 30px;
// Code
@pre-border-color: #eee;
|
