bootswatch.less 8.88 KB
Newer Older
Thomas Park's avatar
Thomas Park committed
1
// Bootswatch.less
Thomas Park's avatar
Thomas Park committed
2
// Swatch: Spruce
Thomas Park's avatar
Thomas Park committed
3
// Version: 2.1.0
Thomas Park's avatar
Thomas Park committed
4
5
6
7
8
// -----------------------------------------------------

// TYPOGRAPHY
// --------------------------------------------------

Thomas Park's avatar
Thomas Park committed
9
@import url('https://fonts.googleapis.com/css?family=Josefin+Slab:400,700');
Thomas Park's avatar
Thomas Park committed
10

Thomas Park's avatar
Thomas Park committed
11
.navbar .brand, legend, .btn,
Thomas Park's avatar
Thomas Park committed
12
.navbar .nav > li > a,
13
14
div.subnav li > a,
.navbar-text  {
Thomas Park's avatar
Thomas Park committed
15
16
	font-family: @headingsFontFamily;
	font-weight: @headingsFontWeight;
Thomas Park's avatar
Thomas Park committed
17
18
}

Thomas Park's avatar
Thomas Park committed
19
20
21
22
23
24
25
26
27
28
h1 {
	font-size: 54px;
	line-height: 1.2em;
	color: @yellow;
}

h2 { font-size: 48px; }
h3 { font-size: 36px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
Thomas Park's avatar
Thomas Park committed
29
30

h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small, .muted {
Thomas Park's avatar
Thomas Park committed
31
	color: @headingsColor;
Thomas Park's avatar
Thomas Park committed
32
33
34
35
36
	font-family: @baseFontFamily;
}

.alert-heading {
	font-family: @baseFontFamily;
Thomas Park's avatar
Thomas Park committed
37
	color: inherit;
Thomas Park's avatar
Thomas Park committed
38
39
40
41
42
43
}

// SCAFFOLDING
// --------------------------------------------------

body {
Thomas Park's avatar
Thomas Park committed
44
	// #gradient > .vertical-three-colors (#90A38F, #AEAD8E, 60%, #90A38F);
Thomas Park's avatar
Thomas Park committed
45
	background-size: 100% 1400px;
46
	background-repeat: repeat-y;
Thomas Park's avatar
Thomas Park committed
47
48
49
}

blockquote {
Thomas Park's avatar
Thomas Park committed
50
	border-left: 2px solid @headingsColor;
Thomas Park's avatar
Thomas Park committed
51

Thomas Park's avatar
Thomas Park committed
52
	&.pull-right {
Thomas Park's avatar
Thomas Park committed
53
		border-right: 2px solid @headingsColor;
Thomas Park's avatar
Thomas Park committed
54
	}
Thomas Park's avatar
Thomas Park committed
55

Thomas Park's avatar
Thomas Park committed
56
57
58
59
60
61
62
	small {
		color: @blueDark;
	}
}

code, pre {
	color: lighten(@blueDark, 10%);
Thomas Park's avatar
Thomas Park committed
63
	background-color: @headingsColor;
Thomas Park's avatar
Thomas Park committed
64
65
66
67
68
}

// NAVBAR
// --------------------------------------------------

69
.navbar {
Thomas Park's avatar
Thomas Park committed
70

71
72
73
74
	.navbar-inner {
		background-image: none;
		.box-shadow(none);
	}
Thomas Park's avatar
Thomas Park committed
75

76
77
78
79
	.brand {
		font-size: 26px;
		padding: 18px 20px 12px;
	}
Thomas Park's avatar
Thomas Park committed
80

81
82
	.nav > li > a {
		font-size: 20px;
Thomas Park's avatar
Thomas Park committed
83
		padding: 20px 20px 10px;
84
	}
Thomas Park's avatar
Thomas Park committed
85

86
87
	.nav .active > a,
	.nav .active > a:hover {
Thomas Park's avatar
Thomas Park committed
88
89
		color: @yellow;
	}
Thomas Park's avatar
Thomas Park committed
90

Thomas Park's avatar
Thomas Park committed
91
92
93
94
95
96
	.nav > .active > a,
	.nav > .active > a:hover,
	.nav > .active > a:focus {
		.box-shadow(none);
	}

97
	.navbar-text {
Thomas Park's avatar
Thomas Park committed
98
		margin: 19px 20px 0;
99
		font-size: 20px;
Thomas Park's avatar
Thomas Park committed
100
101
102
103
104
		line-height: inherit;
	}

	.divider-vertical {
		border-color: rgba(0, 0, 0, 0.2);
105
	}
Thomas Park's avatar
Thomas Park committed
106

107
108
109
	.navbar-search {
		margin-top: 12px;
	}
Thomas Park's avatar
Thomas Park committed
110

111
112
113
	.navbar-search .search-query {
		border-color: transparent;
		background-color: rgba(255, 255, 255, 0.4);
Thomas Park's avatar
Thomas Park committed
114
		color: @white;
115
	}
Thomas Park's avatar
Thomas Park committed
116

117
118
119
	.nav > .open > a {
		color: @yellow;
	}
Thomas Park's avatar
Thomas Park committed
120

121
	.nav > .open > .dropdown-menu {
Thomas Park's avatar
Thomas Park committed
122
		background-color: @headingsColor;
123
124
125
		color: @textColor;
		border-color: transparent;
	}
Thomas Park's avatar
Thomas Park committed
126

127
128
	.nav > .open > .dropdown-menu a:hover {
		background-color: darken(#90A38F, 10%);
Thomas Park's avatar
Thomas Park committed
129
		color: @headingsColor;
130
	}
Thomas Park's avatar
Thomas Park committed
131

132
133
134
135
136
	.btn-navbar {
		margin-top: 14px;
	}

	.nav-collapse.in .nav li > a {
Thomas Park's avatar
Thomas Park committed
137
		color: @headingsColor;
138
139
140
141
142
143
144
145
146
147
148

		&:hover {
			color: @yellow;
			background-color: @blue;
		}
	}

	.navbar-form, .navbar-search {
		border-color: transparent;
		.box-shadow(none);
	}
Thomas Park's avatar
Thomas Park committed
149
150
151
152
153
154
155
}

div.subnav {
	background-color: @green;
	background-image: none;
	border-color: transparent;
	.box-shadow(0 1px 5px rgba(0,0,0,.1));
Thomas Park's avatar
Thomas Park committed
156
	font-size: 18px;
Thomas Park's avatar
Thomas Park committed
157

158
	.nav > li > a {
159
		padding: 13px 12px 9px;
160
161
		border-color: transparent;
		background-color: transparent;
Thomas Park's avatar
Thomas Park committed
162
		color: @headingsColor;
163
	}
Thomas Park's avatar
Thomas Park committed
164

165
166
167
	.nav > li + li > a {
		border-color: transparent;
	}
Thomas Park's avatar
Thomas Park committed
168

169
170
171
172
173
174
175
176
177
178
	.nav > li.active > a,
	.nav > li > a:hover,
	.nav > li.active > a:hover,
	.dropdown.open .dropdown-toggle,
	.dropdown.open.active .dropdown-toggle:hover {
		.box-shadow(none);
		background-color: transparent;
		border-color: transparent;
		color: @yellow;
	}
Thomas Park's avatar
Thomas Park committed
179

180
	.dropdown.open > .dropdown-menu {
Thomas Park's avatar
Thomas Park committed
181
		background-color: @headingsColor;
182
183
184
		color: @textColor;
		border-color: transparent;
	}
Thomas Park's avatar
Thomas Park committed
185

186
187
	.dropdown.open > .dropdown-menu a:hover {
		background-color: darken(#90A38F, 10%);
Thomas Park's avatar
Thomas Park committed
188
		color: @headingsColor;
Thomas Park's avatar
Thomas Park committed
189
	}
Thomas Park's avatar
Thomas Park committed
190

191
	&.subnav-fixed {
Thomas Park's avatar
Thomas Park committed
192
		top: @navbarHeight;
193
	}
Thomas Park's avatar
Thomas Park committed
194
195
}

Thomas Park's avatar
Thomas Park committed
196
197
198
// TABLES
// --------------------------------------------------

Thomas Park's avatar
Thomas Park committed
199
200
201
202
.table,
.table.table-bordered,
.table.table-striped {
	.border-radius(0 0 8px 8px);
Thomas Park's avatar
Thomas Park committed
203
204
}

Thomas Park's avatar
Thomas Park committed
205
206
207
208
209
210
211
212
213
214
215
216
217
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child,
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
	.border-radius(0);
}

.table-striped tbody:last-child tr:last-child td:first-child {
	.border-radius(0 0 0 8px);
}

.table-striped tbody:last-child tr:last-child td:last-child {
	.border-radius(0 0 8px 0);
Thomas Park's avatar
Thomas Park committed
218
219
}

Thomas Park's avatar
Thomas Park committed
220
221
.table-bordered {
	border: none;
Thomas Park's avatar
Thomas Park committed
222
223
}

Thomas Park's avatar
Thomas Park committed
224
225
226
.table thead tr th:first-child,
.table tbody tr td:first-child {
	border-left: none;
Thomas Park's avatar
Thomas Park committed
227
228
}

Thomas Park's avatar
Thomas Park committed
229
230
231
.table th,
.table-striped tbody tr:nth-child(odd) th {
	background-color: darken(#90A38F, 10%);
Thomas Park's avatar
Thomas Park committed
232
	color: @headingsColor;
Thomas Park's avatar
Thomas Park committed
233
234
235
236
237
238
239
240
241
242
243
}

// BUTTONS
// --------------------------------------------------

.btn {
  .buttonBackground(lighten(@blueDark, 5%), @blueDark);
    text-shadow: none;
    color: @white;
	border-color: transparent;
	.box-shadow(none);
Thomas Park's avatar
Thomas Park committed
244

Thomas Park's avatar
Thomas Park committed
245
246
247
248
249
250
251
252
253
254
255
256
	&:hover {
		color: @grayLighter;
	}
}

.btn-large {
	font-size: 18px;
}

.btn-primary {
	.buttonBackground(lighten(@blue, 10%), lighten(@blue, 5%));
}
Thomas Park's avatar
Thomas Park committed
257

Thomas Park's avatar
Thomas Park committed
258
259
260
.btn-warning {
  .buttonBackground(@orange, darken(@orange, 5%));
}
Thomas Park's avatar
Thomas Park committed
261

Thomas Park's avatar
Thomas Park committed
262
263
264
.btn-danger {
  .buttonBackground(lighten(@red, 5%), @red);
}
Thomas Park's avatar
Thomas Park committed
265

Thomas Park's avatar
Thomas Park committed
266
267
268
.btn-success {
  .buttonBackground(#62c462, #51a351);
}
Thomas Park's avatar
Thomas Park committed
269

Thomas Park's avatar
Thomas Park committed
270
271
272
.btn-info {
  .buttonBackground(#5bc0de, #2f96b4);
}
Thomas Park's avatar
Thomas Park committed
273

Thomas Park's avatar
Thomas Park committed
274
275
276
277
278
279
280
281
282
283
284
.btn-inverse {
  .buttonBackground(@yellow, darken(@yellow, 5%));
}

.btn-group .dropdown-toggle {
	.box-shadow(none);
}

// NAVIGATION
// --------------------------------------------------

Thomas Park's avatar
Thomas Park committed
285
286
287
288
289
290
291
292
293
294
295
.nav {
	.disabled > a {

		color: #ccc;

		&:hover {
			background-color: #748C73;
		}
	}
}

296
.breadcrumb {
Thomas Park's avatar
Thomas Park committed
297
298
299
300
	background-color: darken(#90A38F, 10%);
	background-image: none;
	border-color: transparent;
	.box-shadow(none);
Thomas Park's avatar
Thomas Park committed
301

302
	li {
Thomas Park's avatar
Thomas Park committed
303
		color: @yellow;
304
305
306
		text-shadow: none;

		a {
Thomas Park's avatar
Thomas Park committed
307
			color: @yellow;
308
309
310
311
312
313
314
		}

		a:hover {
			color: @yellow;
		}

		.divider {
Thomas Park's avatar
Thomas Park committed
315
			color: @headingsColor;
316
		}
Thomas Park's avatar
Thomas Park committed
317
	}
Thomas Park's avatar
Thomas Park committed
318

Thomas Park's avatar
Thomas Park committed
319
320
321
	.active {
		color: @headingsColor;
	}
322
323
}

Thomas Park's avatar
Thomas Park committed
324
.pagination {
Thomas Park's avatar
Thomas Park committed
325

Thomas Park's avatar
Thomas Park committed
326
327
328
329
330
331
332
333
	& > ul {
		background-color: darken(#90A38F, 10%);
		background-image: none;
		border-color: transparent;
		.box-shadow(none);
	}

	a {
Thomas Park's avatar
Thomas Park committed
334
		color: @yellow;
Thomas Park's avatar
Thomas Park committed
335
336
337
338
339
340
		border-color: transparent;

		&:hover {
			color: @yellow;
			background-color: rgba(0, 0, 0, 0.1);
		}
Thomas Park's avatar
Thomas Park committed
341
342
	}

Thomas Park's avatar
Thomas Park committed
343
344
345
346
	.active a {
		color: @headingsColor;
		background-color: rgba(0, 0, 0, 0.1);
	}
Thomas Park's avatar
Thomas Park committed
347

Thomas Park's avatar
Thomas Park committed
348
349
350
351
	.disabled a,
	.disabled a:hover {
		color: @blue;
	}
Thomas Park's avatar
Thomas Park committed
352
353
}

354
.nav-list {
Thomas Park's avatar
Thomas Park committed
355

356
357
358
359
	li > a,
	.nav-header {
		text-shadow: none;
	}
Thomas Park's avatar
Thomas Park committed
360

361
362
363
	li > a:hover {
		background-color: transparent;
	}
Thomas Park's avatar
Thomas Park committed
364

365
366
367
368
369
	li.active > a,
	li.active > a:hover {
		background-color: #A2CDB5;
		text-shadow: none;
	}
Thomas Park's avatar
Thomas Park committed
370

371
372
	.divider {
		background-color: transparent;
Thomas Park's avatar
Thomas Park committed
373
		border-bottom: 1px solid @headingsColor;
374
	}
Thomas Park's avatar
Thomas Park committed
375
376
377
378
379
380
381
382
383
}

.nav-tabs {
	border-color: transparent;
}

.nav-tabs > li > a,
.nav-pills > li > a {
	background-color: #748C73;
Thomas Park's avatar
Thomas Park committed
384

Thomas Park's avatar
Thomas Park committed
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
	&:hover {
		background-color: #748C73;
		border-color: transparent;
	}
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-pills .active > a,
.nav-pills .active > a:hover {
	background-color: #A2CDB5;
	border-color: transparent;
	color: @blue;
}

.nav-tabs.nav-stacked > li > a {
	border-color: transparent;
Thomas Park's avatar
Thomas Park committed
402

Thomas Park's avatar
Thomas Park committed
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
	&:hover {
		border-color: transparent;
	}
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle  {
	background-color: #748C73;
	border-color: transparent;
	color: @yellow;
}

.nav-tabs .active.open .dropdown-toggle,
.nav-pills .active.open .dropdown-toggle {
	background-color: #A2CDB5;
}

.nav-tabs .dropdown-menu,
.nav-pills .dropdown-menu {
Thomas Park's avatar
Thomas Park committed
422
	background-color: @headingsColor;
Thomas Park's avatar
Thomas Park committed
423
424
	color: @textColor;
	border-color: transparent;
Thomas Park's avatar
Thomas Park committed
425

Thomas Park's avatar
Thomas Park committed
426
427
	a:hover {
		background-color: #A2CDB5;
Thomas Park's avatar
Thomas Park committed
428
		color: @headingsColor;
Thomas Park's avatar
Thomas Park committed
429
430
431
432
433
434
435
	}
}

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

436
437
438
439
440
441
442
443
.tabbable {
	.nav-tabs,
	.nav-tabs > li > a,
	.nav-tabs > li > a:hover,
	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover  {
		border-color: transparent;
	}
Thomas Park's avatar
Thomas Park committed
444
445
}

Thomas Park's avatar
Thomas Park committed
446
.pager {
Thomas Park's avatar
Thomas Park committed
447

Thomas Park's avatar
Thomas Park committed
448
449
	a {
		border: none;
Thomas Park's avatar
Thomas Park committed
450
		background-color: #748C73;
Thomas Park's avatar
Thomas Park committed
451
452
453
454
455
456
457
458
459
460

		&:hover {
			background-color: #687D67;
		}
	}

	.disabled a,
	.disabled a:hover {
		background-color: #748C73;
		color: @textColor;
Thomas Park's avatar
Thomas Park committed
461
462
463
464
465
466
467
	}
}

// FORMS
// --------------------------------------------------

legend {
Thomas Park's avatar
Thomas Park committed
468
	color: @headingsColor;
Thomas Park's avatar
Thomas Park committed
469
470
471
}

label, .help-block, input[type="file"] {
Thomas Park's avatar
Thomas Park committed
472
	color: @headingsColor;
Thomas Park's avatar
Thomas Park committed
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
}

input, textarea, select {
	color: @textColor;
}

.uneditable-input {
	color: @gray;
}

legend {
	border-bottom: 2px solid @white;
}

.form-actions {
	border-top: none;
	.border-radius(4px);
}

Thomas Park's avatar
Thomas Park committed
492
493
494
495
// MODALS
// --------------------------------------------------

.modal-header {
496
	padding: 12px 15px 6px;
Thomas Park's avatar
Thomas Park committed
497
498
499
500
501
	background-color: @green;
}

.modal-body,
.modal-footer {
Thomas Park's avatar
Thomas Park committed
502
	background-color: @headingsColor;
Thomas Park's avatar
Thomas Park committed
503
504
	border: none;
	.box-shadow(none);
505
506
507
508

	label {
		color: @textColor;
	}
Thomas Park's avatar
Thomas Park committed
509
510
511
512
513
514
}

.modal-footer {
	.border-radius(0 0 4px 4px);
}

Thomas Park's avatar
Thomas Park committed
515
516
517
518
519
520
521
522
// MISCELLANEOUS
// --------------------------------------------------

.alert {
	text-shadow: none;
	border: none;
}

Thomas Park's avatar
Thomas Park committed
523
.badge,
Thomas Park's avatar
Thomas Park committed
524
.label {
Thomas Park's avatar
Thomas Park committed
525
526

	background-color: @blue;
Thomas Park's avatar
Thomas Park committed
527
	text-shadow: none;
Thomas Park's avatar
Thomas Park committed
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547

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

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

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

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

	&-inverse {
		background-color: @yellow;
	}
Thomas Park's avatar
Thomas Park committed
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
}

.progress {
	background-color: darken(#90A38F, 10%);
	background-image: none;
}

.well {
	border: none;
	.box-shadow(none);
}

.thumbnail {
	border: none;
	.box-shadow(none);
Thomas Park's avatar
Thomas Park committed
563

Thomas Park's avatar
Thomas Park committed
564
565
566
567
568
569
570
	img {
		.border-radius(4px);
	}
}

hr {
	border-top: none;
Thomas Park's avatar
Thomas Park committed
571
	border-bottom: 2px solid @headingsColor;
Thomas Park's avatar
Thomas Park committed
572
573
574
}

.page-header {
Thomas Park's avatar
Thomas Park committed
575
	border-bottom: 2px solid @headingsColor;
Thomas Park's avatar
Thomas Park committed
576
577
	padding-bottom: 5px;
}