bootswatch.less 4.81 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
	.dropdown-menu {
115
116

		top: 85%;
117
118
119
120
121
122
		.border-radius(0);

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

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

		.nav li > a {
			color: @headingsColor;

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

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

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

div.subnav {
149
150

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

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

163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
	.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;
		}
182
	}
Thomas Park's avatar
Thomas Park committed
183

184
185
186
187
188
189
190
191
192
193
194
195
	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
196
	}
Thomas Park's avatar
Thomas Park committed
197
198
199
200
201
}

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

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

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

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

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

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

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

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

232
233
234
235
236
237
238
239
240
241
242
243
.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
244
	background-color: @grayLighter;
245
246
	.box-shadow(none);

Thomas Park's avatar
Thomas Park committed
247
}
Thomas Park's avatar
Thomas Park committed
248

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

Thomas Park's avatar
Thomas Park committed
254
255
256
257
258
259
260
261

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

262
263
264
265
266
267
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
268
	.border-radius(0);
269
270
	background-color: @grayLighter;
	.box-shadow(none);
Thomas Park's avatar
Thomas Park committed
271
}
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296

@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;
	}
}