bootswatch.less 4.19 KB
Newer Older
Thomas Park's avatar
Thomas Park committed
1
// Spacelab 2.2.2
Thomas Park's avatar
Thomas Park committed
2
// Bootswatch
Thomas Park's avatar
Thomas Park committed
3
4
// -----------------------------------------------------

Thomas Park's avatar
Thomas Park committed
5

Thomas Park's avatar
Thomas Park committed
6
7
8
// TYPOGRAPHY
// -----------------------------------------------------

9
@import url('//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700');
10

Thomas Park's avatar
Thomas Park committed
11
12
13
// SCAFFOLDING
// -----------------------------------------------------

Thomas Park's avatar
Thomas Park committed
14
15
16
17
// NAVBAR
// -----------------------------------------------------

.navbar {
Thomas Park's avatar
Thomas Park committed
18

19
	.navbar-inner {
20
		.box-shadow(0 1px 0 rgba(255,255,255,0.4)~", "0 1px 0 rgba(0,0,0,0.8));
21
	}
Thomas Park's avatar
Thomas Park committed
22

Thomas Park's avatar
Thomas Park committed
23
	.brand {
24
25

		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
Thomas Park's avatar
Thomas Park committed
26

Thomas Park's avatar
Thomas Park committed
27
		&:hover {
28
			color: @navbarLinkColorHover;
Thomas Park's avatar
Thomas Park committed
29
30
		}
	}
Thomas Park's avatar
Thomas Park committed
31

Thomas Park's avatar
Thomas Park committed
32
	.nav > li > a {
33
		padding: 11px 10px 8px;
34
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
35
	}
Thomas Park's avatar
Thomas Park committed
36

37
	.navbar-text {
38
39
		padding: 11px 10px 8px;
		line-height: inherit;
Thomas Park's avatar
Thomas Park committed
40
	}
Thomas Park's avatar
Thomas Park committed
41

42
43
	.navbar-search .search-query,
	.navbar-search .search-query:hover {
44
		margin-bottom: 0;
45
		line-height: normal;
46
47
48
		color: @grayLight;
		.placeholder(@grayLight);
		.box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
Thomas Park's avatar
Thomas Park committed
49

50
51
52
53
54
55
	    &:focus,
	    &.focused {
			.box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
			color: @textColor;
		}
	}
Thomas Park's avatar
Thomas Park committed
56

Thomas Park's avatar
Thomas Park committed
57
	&-inverse {
58

Thomas Park's avatar
Thomas Park committed
59
		.brand {
60
			text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
Thomas Park's avatar
Thomas Park committed
61
62
63
64
65
66
67

			&:hover {
				color: @white;
			}
		}

		.nav > li > a {
68
			text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
Thomas Park's avatar
Thomas Park committed
69
70
71
72
73
74
75
76
		}

		.nav li.dropdown.open > .dropdown-toggle .caret,
		.nav li.dropdown:hover > .dropdown-toggle .caret,
		.nav li.dropdown.open:hover > .dropdown-toggle .caret {
			border-top-color: @white;
		}

77
78
79
80
81
82
83
		.navbar-search .search-query,
		.navbar-search .search-query:hover {

			color: @white;

			.placeholder(@grayLighter);
		}
84
	}
Thomas Park's avatar
Thomas Park committed
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
@media (max-width: @navbarCollapseWidth) {

	.navbar .nav-collapse {

		.nav li > a:hover {
			background-color: @linkColor;
			color: @white;
			text-shadow: none;
		}

		.navbar-search {
			border-top: none;
			border-bottom: none;
		}
	}

	.navbar-inverse .nav-collapse {

		.nav li > a {
			color: @grayLighter;

			&:hover {
				background-color: @linkColor !important;
			}
		}

		.nav-header {
			color: @grayLighter;
		}
	}
}

119
div.subnav {
Thomas Park's avatar
Thomas Park committed
120

121
	.nav > li > a {
122

123
		color: @navbarLinkColor;
124

125
		&:hover {
126
			color: @navbarLinkColorHover;
127
		}
Thomas Park's avatar
Thomas Park committed
128
	}
Thomas Park's avatar
Thomas Park committed
129

130
	.nav > li.active > a {
131

132
		color: @textColor;
Thomas Park's avatar
Thomas Park committed
133

134
		&:hover {
135
			color: @textColor;
136
137
		}
	}
Thomas Park's avatar
Thomas Park committed
138

139
	.nav > li.dropdown > .dropdown-toggle {
140
141
		background-color: transparent;
	}
Thomas Park's avatar
Thomas Park committed
142

143
	.nav > li.dropdown.open > .dropdown-toggle {
144

145
146
		border-left: 1px solid whiteSmoke;
		border-right: 1px solid #E5E5E5;
147
148
149
150
151
152
		color: @textColor;

		&:hover {
			color: @linkColor;
		}
	}
153
154
155
156

	&-fixed {
		top: @navbarHeight + 1;
	}
157
158
}

Thomas Park's avatar
Thomas Park committed
159
160
161
// NAV
// -----------------------------------------------------

162
163
164
165
166
167
168
169
170
.nav > li.dropdown > .dropdown-toggle,
.nav > li.dropdown.active > .dropdown-toggle,
.nav > li.dropdown.open > .dropdown-toggle,
.nav > li.dropdown.open.active > .dropdown-toggle  {

	.caret {
		border-top: 4px solid @textColor;
		border-top-color: @textColor;
		opacity: 1;
171
	}
Thomas Park's avatar
Thomas Park committed
172

173
174
175
	&:hover .caret {
		border-top: 4px solid @linkColorHover;
		border-top-color: @linkColorHover;
176
177
178
	}
}

Thomas Park's avatar
Thomas Park committed
179
// BUTTONS
Thomas Park's avatar
Thomas Park committed
180
181
// -----------------------------------------------------

Thomas Park's avatar
Thomas Park committed
182
183
// TABLES
// -----------------------------------------------------
Thomas Park's avatar
Thomas Park committed
184

Thomas Park's avatar
Thomas Park committed
185
186
187
188
// FORMS
// -----------------------------------------------------

.control-group.warning {
Thomas Park's avatar
Thomas Park committed
189
	.formFieldState(#E29235, #E29235, @warningBackground);
Thomas Park's avatar
Thomas Park committed
190
}
Thomas Park's avatar
Thomas Park committed
191

Thomas Park's avatar
Thomas Park committed
192
.control-group.error {
Thomas Park's avatar
Thomas Park committed
193
	.formFieldState(#C00, #C00, @errorBackground);
Thomas Park's avatar
Thomas Park committed
194
}
Thomas Park's avatar
Thomas Park committed
195

Thomas Park's avatar
Thomas Park committed
196
.control-group.success {
Thomas Park's avatar
Thomas Park committed
197
	.formFieldState(#2BA949, #2BA949, @successBackground);
Thomas Park's avatar
Thomas Park committed
198
199
}

Thomas Park's avatar
Thomas Park committed
200
201
202
203
204
// DROPDOWNS
// -----------------------------------------------------

// ALERTS, LABELS, BADGES
// -----------------------------------------------------
Thomas Park's avatar
Thomas Park committed
205

206
.alert {
207
	
208
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
209
210
211
212
213
214

	h1, h2, h3, h4, h5, h6 {
		color: @white;
		font-weight: bold;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
}

.label, .badge {

	padding-top: 4px;

	&-important {
		background-color: @red;
	}

	&-warning {
		background-color: @orange;
	}

	&-success {
		background-color: @green;
	}

	&-info {
		background-color: @blue;
	}
}

Thomas Park's avatar
Thomas Park committed
238
// MISC
Thomas Park's avatar
Thomas Park committed
239
240
// -----------------------------------------------------

241
.well {
242
	.box-shadow(inset 1px 1px 0 rgba(0,0,0,.1));
243
}
Thomas Park's avatar
Thomas Park committed
244
245

.hero-unit {
246
247
	.box-shadow(inset 1px 1px 0 rgba(0,0,0,.1));
	border: 1px solid rgba(0,0,0,.1);
Thomas Park's avatar
Thomas Park committed
248
249
250
251
}

// MEDIA QUERIES
// -----------------------------------------------------