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

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

9
@import url('https://fonts.googleapis.com/css?family=News+Cycle:400,700');
Thomas Park's avatar
Thomas Park committed
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
h1, h2, h3, h4, h5, h6 {
	line-height: 1.5em;
}

h1 {
	font-size: 48px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 28px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 13px;
}

h6 {
	color: @black;
	font-weight: bold;
Thomas Park's avatar
Thomas Park committed
38
39
}

Thomas Park's avatar
Thomas Park committed
40
41
42
// SCAFFOLDING
// -----------------------------------------------------

43
44
45
46
47
48
49
50
51
52
53
p > a,
address > a,
.breadcrumb a,
abbr[title] {
	text-decoration: none;
	border-bottom: 1px dotted;

	&:hover {
		text-decoration: none;
		border-bottom: 1px solid;
	}
Thomas Park's avatar
Thomas Park committed
54
55
}

56
57
.page-header {
	border-bottom: 2px solid @grayLighter;
Thomas Park's avatar
Thomas Park committed
58
59
}

Thomas Park's avatar
Thomas Park committed
60
61
62
// NAVBAR
// -----------------------------------------------------

63
.navbar {
Thomas Park's avatar
Thomas Park committed
64

65
66
67
	font-family: @sansFontFamily;
	font-weight: bold;

68
	.navbar-inner {
69
70
		border-top: 2px solid @grayLighter;
		border-bottom: 2px solid @grayLighter;
71
		.border-radius(0);
72
		.box-shadow(none);
Thomas Park's avatar
Thomas Park committed
73
	}
Thomas Park's avatar
Thomas Park committed
74

75
	.brand {
76
77
78
		padding: 16px 20px 20px;
		font-size: 24px;
		font-weight: bold;
79
		text-shadow: none;
80
		text-transform: uppercase;
Thomas Park's avatar
Thomas Park committed
81
82
	}

83
	.nav > li > a {
84
85
		padding: 20px 10px 21px;
		font-size: 18px;
Thomas Park's avatar
Thomas Park committed
86
		text-shadow: none;
87
		text-transform: uppercase;
88
	}
Thomas Park's avatar
Thomas Park committed
89

90
91
92
	.nav > li.active > a {
		background-color: transparent;
		color: @headingsColor;
93
	}
Thomas Park's avatar
Thomas Park committed
94

95
96
97
98
99
100
	.navbar-text {
		margin-top: 21px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 18px;
		line-height: 18px;
101
102
	}

103
104
105
	.nav li.dropdown > .dropdown-toggle:hover,
	.nav li.dropdown.active > .dropdown-toggle:hover {
		color: @black;
106
	}
Thomas Park's avatar
Thomas Park committed
107

108
109
110
111
	.nav li.dropdown > .dropdown-toggle .caret,
	.nav li.dropdown.open > .dropdown-toggle:hover .caret {
		border-top-color: @headingsColor;
		border-bottom-color: @headingsColor;
112
	}
Thomas Park's avatar
Thomas Park committed
113

114
115
116
117
118
119
120
	.dropdown-menu {
		.border-radius(0);

		a {
			font-size: 15px;
			font-weight: bold;
		}
121
	}
Thomas Park's avatar
Thomas Park committed
122

123
124
125
126
127
128
129
130
131
132
133
134
135
	.nav-collapse.collapse {

		.nav li > a {
			color: @headingsColor;

			&:hover {
				background-color: @dropdownLinkBackgroundHover;
			}
		}

		.navbar-text {
			margin-top: 0;
		}
Thomas Park's avatar
Thomas Park committed
136
137
	}

138
139
	.navbar-search .search-query,
	.navbar-search .search-query:hover {
140
		border: 2px solid @grayLighter;
141
142
143
		color: @textColor;
		.placeholder(@gray);
	}
Thomas Park's avatar
Thomas Park committed
144
145
146
}

div.subnav {
147
148

	height: 54px;
Thomas Park's avatar
Thomas Park committed
149
	background-color: @bodyBackground;
Thomas Park's avatar
Thomas Park committed
150
	background-image: none;
151
152
153
154
	.box-shadow(none);
	border: 2px solid @grayLighter;
	border-left: none;
	border-right: none;
155
	.border-radius(0);
Thomas Park's avatar
Thomas Park committed
156
157
158
159
160

	&.subnav-fixed {
		top: @navbarHeight;
	}

161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
	.nav > li > a,
	.nav > li:first-child > a,
	.nav > li.active > a {
		padding: 20px 15px;
		border-left: none;
		border-right: none;
		background-color: transparent;
		.box-shadow(none);
		font-family: @sansFontFamily;
		color: @headingsColor;
		font-size: 15px;
		font-weight: bold;

		&:hover {
			padding: 20px 15px;
			background-color: transparent;
			.box-shadow(none);
			color: @headingsColor;
		}
180
	}
Thomas Park's avatar
Thomas Park committed
181

182
183
184
185
186
187
188
189
190
191
192
193
	li.dropdown > .dropdown-toggle .caret ,
	li.dropdown > .dropdown-toggle:hover .caret,
	li.dropdown.open > .dropdown-toggle .caret {
		border-top-color: @headingsColor;
		border-bottom-color: @headingsColor;
		opacity: 1;
	}

	li.dropdown.open .dropdown-toggle,
	li.dropdown.open .dropdown-toggle:hover {
		background-color: @bodyBackground;
		color: @headingsColor;
Thomas Park's avatar
Thomas Park committed
194
	}
Thomas Park's avatar
Thomas Park committed
195
196
197
198
199
}

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

Thomas Park's avatar
Thomas Park committed
200
[class^="icon-"], [class*=" icon-"] {
201
	vertical-align: baseline;
Thomas Park's avatar
Thomas Park committed
202
203
}

Thomas Park's avatar
Thomas Park committed
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
// MODALS
// -----------------------------------------------------

.modal {
 	.border-radius(0px);
	background: @bodyBackground;
}

.modal-header {
	border-bottom: none;
}

.modal-footer {
	background: transparent;
	.box-shadow(none);
	border-top: none;
}

222
223
224
225
.close,
.close:hover {
	border-bottom: none;
}
Thomas Park's avatar
Thomas Park committed
226
227
228
229

// MISC
// -----------------------------------------------------

230
231
232
233
234
235
236
237
238
239
240
241
.hero-unit {
	.box-shadow(none);
	border: 1px solid rgba(0,0,0,.05);
	.border-radius(0);

	h1 {
		line-height: 1.5em;
	}
}

.well {
	.border-radius(0);
Thomas Park's avatar
Thomas Park committed
242
	background-color: @grayLighter;
243
244
	.box-shadow(none);

Thomas Park's avatar
Thomas Park committed
245
}
Thomas Park's avatar
Thomas Park committed
246

247
.table-bordered {
Thomas Park's avatar
Thomas Park committed
248
	.border-radius(0);
249
	.box-shadow(none);
Thomas Park's avatar
Thomas Park committed
250
251
}

Thomas Park's avatar
Thomas Park committed
252
253
254
255
256
257
258
259

legend {
	border-bottom: 2px solid @grayLighter;
	font-family: @headingsFontFamily;
	font-weight: @headingsFontWeight;
	color: @headingsColor;
}

260
261
262
263
264
265
a.thumbnail:hover {
	.box-shadow(0 1px 3px 1px rgba(0, 0, 0, 0.3));
	border-color: #ddd;
}

code, pre, pre.prettyprint {
Thomas Park's avatar
Thomas Park committed
266
	.border-radius(0);
267
268
	background-color: @grayLighter;
	.box-shadow(none);
Thomas Park's avatar
Thomas Park committed
269
}
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294

@media (max-width: 768px) {

	div.subnav {
		height: auto;

		.nav > li.active > a {
			border-top: none;
		}

		.nav > li:hover > a,
		.nav > li:first-child:hover > a,
		.nav > li.active:hover > a,
		.nav > li.dropdown.open .dropdown-toggle, 
		.nav > li.dropdown.open .dropdown-toggle:hover {
			background-color: @dropdownLinkBackgroundHover;
		}
	}

	.nav-tabs .open .dropdown-toggle,
	.nav-pills .open .dropdown-toggle,
	.nav > li.dropdown.open.active > a:hover {
		border-color: #e5e5e5;
	}
}