bootswatch.less 4.2 KB
Newer Older
Thomas Park's avatar
Thomas Park committed
1
2
// Bootswatch.less
// Swatch: Spacelab
Thomas Park's avatar
Thomas Park committed
3
// Version: 2.1.0
Thomas Park's avatar
Thomas Park committed
4
5
// -----------------------------------------------------

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

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

Thomas Park's avatar
Thomas Park committed
12
13
14
15
// NAVBAR
// -----------------------------------------------------

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

17
	.navbar-inner {
18
		border-bottom: 1px solid #CACACA;
19
20
		.box-shadow(0 1px 0 rgba(255,255,255,0.4)~", "0 0 10px rgba(0,0,0,0.1));
	}
Thomas Park's avatar
Thomas Park committed
21

Thomas Park's avatar
Thomas Park committed
22
23
	.brand {
		font-weight: bold;
Thomas Park's avatar
Thomas Park committed
24

Thomas Park's avatar
Thomas Park committed
25
26
27
28
		&:hover {
			color: @linkColor;
		}
	}
Thomas Park's avatar
Thomas Park committed
29

Thomas Park's avatar
Thomas Park committed
30
31
32
33
	.nav > li > a {
		padding: 11px 10px 9px;
		font-weight: bold;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
34
	}
Thomas Park's avatar
Thomas Park committed
35

36
37
38
39
	.navbar-text {
		margin-top: 2px;
		padding: 0 10px;
		line-height: 38px;
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
46
47
		color: @grayLight;
		.placeholder(@grayLight);
		.box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
Thomas Park's avatar
Thomas Park committed
48

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

Thomas Park's avatar
Thomas Park committed
56
	.nav-collapse.collapse {
Thomas Park's avatar
Thomas Park committed
57

Thomas Park's avatar
Thomas Park committed
58
59
60
61
		.navbar-search {
			border-top: none;
			border-bottom: none;
		}
Thomas Park's avatar
Thomas Park committed
62

Thomas Park's avatar
Thomas Park committed
63
64
65
66
67
		& > .nav li > a:hover {
			background-color: @linkColor;
			color: @white;
			text-shadow: none;
		}
68

Thomas Park's avatar
Thomas Park committed
69
	}
70

Thomas Park's avatar
Thomas Park committed
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
	&-inverse {
		.brand {
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);

			&:hover {
				color: @white;
			}
		}

		.nav > li > a {
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
		}

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

		.nav-collapse.collapse {
			.nav li > a,
			.nav-header {
				color: @grayLighter;
			}
		}
96
	}
Thomas Park's avatar
Thomas Park committed
97
}
98

99
div.subnav {
Thomas Park's avatar
Thomas Park committed
100

101
102
	.nav > li > a {
		font-weight: bold;
Thomas Park's avatar
Thomas Park committed
103
		color: @textColor;
104

105
106
107
		&:hover {
			color: @linkColor;
		}
Thomas Park's avatar
Thomas Park committed
108
	}
Thomas Park's avatar
Thomas Park committed
109

110
111
	.nav > li.active > a {
		color: @textColor;
Thomas Park's avatar
Thomas Park committed
112

113
		&:hover {
114
			color: @textColor;
115
116
		}
	}
Thomas Park's avatar
Thomas Park committed
117

118
	.nav > li.dropdown > .dropdown-toggle {
119
120
		background-color: transparent;
	}
Thomas Park's avatar
Thomas Park committed
121

122
123
124
	.nav > li.dropdown.open > .dropdown-toggle {
		border-left: 1px solid whiteSmoke;
		border-right: 1px solid #E5E5E5;
125
126
127
128
129
130
131
132
		color: @textColor;

		&:hover {
			color: @linkColor;
		}
	}
}

Thomas Park's avatar
Thomas Park committed
133
134
135
// NAV
// -----------------------------------------------------

136
137
138
139
140
141
142
143
144
.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;
145
	}
Thomas Park's avatar
Thomas Park committed
146

147
148
149
	&:hover .caret {
		border-top: 4px solid @linkColorHover;
		border-top-color: @linkColorHover;
150
151
152
	}
}

Thomas Park's avatar
Thomas Park committed
153
// BUTTONS
Thomas Park's avatar
Thomas Park committed
154
155
156
157
// -----------------------------------------------------

.btn {
	.buttonBackground(#F4F4F4, #ECECEC);
Thomas Park's avatar
Thomas Park committed
158
159
160
161
162
163
164
165
166
167
168
	color: @textColor;
	text-shadow: none;


	&:hover,
	&:active,
	&.active,
	&.disabled,
	&[disabled] {
		color: @grayDark;
	}
Thomas Park's avatar
Thomas Park committed
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
}

.btn-primary {
	.buttonBackground(#909090, #3F3F3F);
}

.btn-warning {
  .buttonBackground(lighten(@yellow, 15%), @yellow);
}

.btn-danger {
  .buttonBackground(lighten(#DA2D2D, 15%), #DA2D2D);
}

.btn-success {
  .buttonBackground(#8ADD6D, #60B044);
}

.btn-info {
  .buttonBackground(lighten(#4488BB, 15%), #4488BB);
}

Thomas Park's avatar
Thomas Park committed
191
192
193
194
.btn-inverse {
  .buttonBackground(lighten(@purple, 5%), @purple);
}

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

Thomas Park's avatar
Thomas Park committed
198
199
200
201
// FORMS
// -----------------------------------------------------

.control-group.warning {
Thomas Park's avatar
Thomas Park committed
202
	.formFieldState(#E29235, #E29235, @warningBackground);
Thomas Park's avatar
Thomas Park committed
203
}
Thomas Park's avatar
Thomas Park committed
204

Thomas Park's avatar
Thomas Park committed
205
.control-group.error {
Thomas Park's avatar
Thomas Park committed
206
	.formFieldState(#C00, #C00, @errorBackground);
Thomas Park's avatar
Thomas Park committed
207
}
Thomas Park's avatar
Thomas Park committed
208

Thomas Park's avatar
Thomas Park committed
209
.control-group.success {
Thomas Park's avatar
Thomas Park committed
210
	.formFieldState(#2BA949, #2BA949, @successBackground);
Thomas Park's avatar
Thomas Park committed
211
212
}

Thomas Park's avatar
Thomas Park committed
213
214
215
216
217
// DROPDOWNS
// -----------------------------------------------------

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

Thomas Park's avatar
Thomas Park committed
219
// MISC
Thomas Park's avatar
Thomas Park committed
220
221
// -----------------------------------------------------

222
223
224
225
.label-important, .badge-important { background-color: #BD2C00; }
.label-warning, .badge-warning   { background-color: #E3E84D; }
.label-success, .badge-success   { background-color: #6CC644; }
.label-info, .badge-info      { background-color: #4183C4; }
Thomas Park's avatar
Thomas Park committed
226
227
228
229

.hero-unit {
    .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
    border: 1px solid rgba(0,0,0,.05);
Thomas Park's avatar
Thomas Park committed
230
231
232
233
}

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