bootswatch.less 3.2 KB
Newer Older
Thomas Park's avatar
Thomas Park committed
1
2
// Bootswatch.less
// Swatch: Spacelab
3
// Version: 2.0.3
Thomas Park's avatar
Thomas Park committed
4
5
6
7
8
9
10
11
12
// -----------------------------------------------------

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

// navbar style
.navbar {
	border-bottom: 1px solid #CACACA;
	
13
14
15
16
	.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
17
18
19
20
21
22
23
24
	.brand {
		font-weight: bold;
	
		&:hover {
			color: @linkColor;
		}
	}
	
25
26
27
	.nav > li > a {
		font-weight: bold;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
Thomas Park's avatar
Thomas Park committed
28
	}
29
30
31
32
	
	.nav .active > a {
		background-color: transparent;
		color: @textColor;
Thomas Park's avatar
Thomas Park committed
33

34
35
36
37
38
		&:hover {
			background-color: transparent;
			color: @linkColor;
		}
	}
Thomas Park's avatar
Thomas Park committed
39
	
40
41
	.nav > li > a:hover,
	.nav li.open.dropdown .dropdown-toggle {
Thomas Park's avatar
Thomas Park committed
42
		color: @linkColor;
Thomas Park's avatar
Thomas Park committed
43
	}
44
45
46
47
48
49
50
51
52
53
54
55
	
	.nav .dropdown-toggle .caret {
		border-top-color: @textColor;
		opacity: 1;
	}
	
	.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
56

57
58
59
60
61
62
	    &:focus,
	    &.focused {
			.box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
			color: @textColor;
		}
	}
Thomas Park's avatar
Thomas Park committed
63
	
64
65
66
	.nav-collapse.in .navbar-search {
		border-top: none;
		border-bottom: none;
Thomas Park's avatar
Thomas Park committed
67
68
	}

69
	.nav-collapse.in > .nav li > a {
Thomas Park's avatar
Thomas Park committed
70

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

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

78
79
80
81
82
83
84
85
86
	.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
87
}
88

89
90
91
92
.nav li.open.dropdown .caret,
.nav .dropdown-toggle:hover .caret {
	border-top-color: @linkColor;
}
93

94
95
96
97
98
div.subnav {
	
	.nav > li > a {
		font-weight: bold;
		color: #777;
99

100
101
102
		&:hover {
			color: @linkColor;
		}
Thomas Park's avatar
Thomas Park committed
103
	}
104
105
106
	
	.nav > li.active > a {
		color: @textColor;
Thomas Park's avatar
Thomas Park committed
107

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

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

Thomas Park's avatar
Thomas Park committed
159
160
161
162
163
164
// FORMS
// -----------------------------------------------------

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

Thomas Park's avatar
Thomas Park committed
166
167
168
.control-group.error {
  .formFieldState(#C00, #C00, @errorBackground);
}
Thomas Park's avatar
Thomas Park committed
169

Thomas Park's avatar
Thomas Park committed
170
171
172
173
174
.control-group.success {
  .formFieldState(#2BA949, #2BA949, @successBackground);
}


Thomas Park's avatar
Thomas Park committed
175
// MISC
Thomas Park's avatar
Thomas Park committed
176
177
178
179
180
181
// -----------------------------------------------------

.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
182
183
184
185
186

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