bootswatch.less 3.48 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
55
56
57
	.navbar-search .search-query,
	.navbar-search .search-query:hover {
		color: @grayLight;
		.placeholder(@grayLight);
		.box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
Thomas Park's avatar
Thomas Park committed
58

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

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

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

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

Thomas Park's avatar
Thomas Park committed
75
	}
76

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

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

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

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

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

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

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

107
108
109
	.nav > li.dropdown.open > .dropdown-toggle {
		border-left: 1px solid whiteSmoke;
		border-right: 1px solid #E5E5E5;
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
		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;
127
	}
Thomas Park's avatar
Thomas Park committed
128

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

Thomas Park's avatar
Thomas Park committed
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
160
161
// 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
162
163
164
165
.btn-inverse {
  .buttonBackground(lighten(@purple, 5%), @purple);
}

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

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

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

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


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

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

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