bootswatch.less 3.24 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

Thomas Park's avatar
Thomas Park committed
11
	border-bottom: 1px solid #CACACA;
Thomas Park's avatar
Thomas Park committed
12

13
14
15
	.navbar-inner {
		.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
16

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

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

	.navbar-text {
		line-height: 38px;
		padding: 0 10px;
	}

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

35
36
37
	.nav .active > a {
		background-color: transparent;
		color: @textColor;
Thomas Park's avatar
Thomas Park committed
38

39
40
41
42
43
		&:hover {
			background-color: transparent;
			color: @linkColor;
		}
	}
Thomas Park's avatar
Thomas Park committed
44

45
46
	.nav > li > a:hover,
	.nav li.open.dropdown .dropdown-toggle {
Thomas Park's avatar
Thomas Park committed
47
		color: @linkColor;
Thomas Park's avatar
Thomas Park committed
48
	}
Thomas Park's avatar
Thomas Park committed
49

50
51
52
53
	.nav .dropdown-toggle .caret {
		border-top-color: @textColor;
		opacity: 1;
	}
Thomas Park's avatar
Thomas Park committed
54

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

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

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

74
	.nav-collapse.in > .nav li > a {
Thomas Park's avatar
Thomas Park committed
75

Thomas Park's avatar
Thomas Park committed
76
		color: @textColor;
77
78
79
80

		.caret {
			border-top-color: @grayLight;
		}
Thomas Park's avatar
Thomas Park committed
81
	}
82

83
84
85
86
87
88
89
90
91
	.nav-collapse.in > .nav li > a:hover {
		text-shadow: none;
		color: @linkColor;
		background-color: transparent;

		.caret {
			border-top-color: @white;
		}
	}
Thomas Park's avatar
Thomas Park committed
92
}
93

94
95
96
97
.nav li.open.dropdown .caret,
.nav .dropdown-toggle:hover .caret {
	border-top-color: @linkColor;
}
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
114
115
116
		&:hover {
			color: @grayDark;
		}
	}
Thomas Park's avatar
Thomas Park committed
117

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

122
123
124
125
126
	.nav > li.dropdown.open > .dropdown-toggle {
		border-left: 1px solid whiteSmoke;
		border-right: 1px solid #E5E5E5;
		color: @linkColor;
	}
Thomas Park's avatar
Thomas Park committed
127

128
129
	.nav > .open > .dropdown-toggle:hover .caret {
		border-top-color: @linkColor;
130
131
132
	}
}

Thomas Park's avatar
Thomas Park committed
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
// 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
160
161
162
163
.btn-inverse {
  .buttonBackground(lighten(@purple, 5%), @purple);
}

Thomas Park's avatar
Thomas Park committed
164
165
166
167
168
169
// FORMS
// -----------------------------------------------------

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

Thomas Park's avatar
Thomas Park committed
171
172
173
.control-group.error {
  .formFieldState(#C00, #C00, @errorBackground);
}
Thomas Park's avatar
Thomas Park committed
174

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


Thomas Park's avatar
Thomas Park committed
180
// MISC
Thomas Park's avatar
Thomas Park committed
181
182
183
184
185
186
// -----------------------------------------------------

.label-important { background-color: #BD2C00; }
.label-warning   { background-color: #E3E84D; }
.label-success   { background-color: #6CC644; }
.label-info      { background-color: #4183C4; }
Thomas Park's avatar
Thomas Park committed
187
188
189
190
191

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