bootswatch.less 3.5 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.0.4
Thomas Park's avatar
Thomas Park committed
4
5
6
7
8
9
// -----------------------------------------------------

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

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

11
	.navbar-inner {
12
		border-bottom: 1px solid #CACACA;
13
14
		.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
15

Thomas Park's avatar
Thomas Park committed
16
17
	.brand {
		font-weight: bold;
Thomas Park's avatar
Thomas Park committed
18

Thomas Park's avatar
Thomas Park committed
19
20
21
22
		&:hover {
			color: @linkColor;
		}
	}
Thomas Park's avatar
Thomas Park committed
23

24
25
26
27
28
	.nav > li.active > a,
	.nav > li.dropdown > .dropdown-toggle,
	.nav > li.dropdown.active > .dropdown-toggle,
	.nav > li.dropdown.open > .dropdown-toggle,
	.nav > li.dropdown.open.active > .dropdown-toggle  {
Thomas Park's avatar
Thomas Park committed
29

30
		color: @textColor;
Thomas Park's avatar
Thomas Park committed
31

32
33
34
		&:hover {
			color: @linkColor;
		}
35
36
37
38

		.caret {
			border-top-color: @textColor;
		}
39
	}
Thomas Park's avatar
Thomas Park committed
40

41
42
43
44
	.navbar-text {
		margin-top: 2px;
		padding: 0 10px;
		line-height: 38px;
Thomas Park's avatar
Thomas Park committed
45
	}
Thomas Park's avatar
Thomas Park committed
46

47
48
49
50
	.nav > li > a {
		padding: 11px 10px 9px;
		font-weight: bold;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
51
	}
Thomas Park's avatar
Thomas Park committed
52

53
54
	.navbar-search .search-query,
	.navbar-search .search-query:hover {
55
		margin-bottom: 0;
56
57
58
		color: @grayLight;
		.placeholder(@grayLight);
		.box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
Thomas Park's avatar
Thomas Park committed
59

60
61
62
63
64
65
	    &:focus,
	    &.focused {
			.box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
			color: @textColor;
		}
	}
Thomas Park's avatar
Thomas Park committed
66

67
68
69
	.nav-collapse.in .navbar-search {
		border-top: none;
		border-bottom: none;
Thomas Park's avatar
Thomas Park committed
70
71
	}

72
	.nav-collapse.in > .nav li > a {
Thomas Park's avatar
Thomas Park committed
73

Thomas Park's avatar
Thomas Park committed
74
		color: @textColor;
75

Thomas Park's avatar
Thomas Park committed
76
	}
77

78
79
80
81
82
	.nav-collapse.in > .nav li > a:hover {
		text-shadow: none;
		color: @linkColor;
		background-color: transparent;
	}
Thomas Park's avatar
Thomas Park committed
83
}
84

85
div.subnav {
Thomas Park's avatar
Thomas Park committed
86

87
88
	.nav > li > a {
		font-weight: bold;
Thomas Park's avatar
Thomas Park committed
89
		color: @textColor;
90

91
92
93
		&:hover {
			color: @linkColor;
		}
Thomas Park's avatar
Thomas Park committed
94
	}
Thomas Park's avatar
Thomas Park committed
95

96
97
	.nav > li.active > a {
		color: @textColor;
Thomas Park's avatar
Thomas Park committed
98

99
		&:hover {
100
			color: @textColor;
101
102
		}
	}
Thomas Park's avatar
Thomas Park committed
103

104
	.nav > li.dropdown > .dropdown-toggle {
105
106
		background-color: transparent;
	}
Thomas Park's avatar
Thomas Park committed
107

108
109
110
	.nav > li.dropdown.open > .dropdown-toggle {
		border-left: 1px solid whiteSmoke;
		border-right: 1px solid #E5E5E5;
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
		color: @textColor;

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

.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;
128
	}
Thomas Park's avatar
Thomas Park committed
129

130
131
132
	&:hover .caret {
		border-top: 4px solid @linkColorHover;
		border-top-color: @linkColorHover;
133
134
135
	}
}

Thomas Park's avatar
Thomas Park committed
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
// BUTTON
// -----------------------------------------------------

.btn {
	.buttonBackground(#F4F4F4, #ECECEC);
}

.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
163
164
165
166
.btn-inverse {
  .buttonBackground(lighten(@purple, 5%), @purple);
}

Thomas Park's avatar
Thomas Park committed
167
168
169
170
171
172
// FORMS
// -----------------------------------------------------

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

Thomas Park's avatar
Thomas Park committed
174
175
176
.control-group.error {
  .formFieldState(#C00, #C00, @errorBackground);
}
Thomas Park's avatar
Thomas Park committed
177

Thomas Park's avatar
Thomas Park committed
178
179
180
181
182
.control-group.success {
  .formFieldState(#2BA949, #2BA949, @successBackground);
}


Thomas Park's avatar
Thomas Park committed
183
// MISC
Thomas Park's avatar
Thomas Park committed
184
185
// -----------------------------------------------------

186
187
188
189
.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
190
191
192
193
194

.hero-unit {
    .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
    border: 1px solid rgba(0,0,0,.05);
}