bootswatch.less 3.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.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;
	
Thomas Park's avatar
Thomas Park committed
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;
		}
	}
	
Thomas Park's avatar
Thomas Park committed
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
	}
Thomas Park's avatar
Thomas Park committed
29
30
31
32
	
	.nav .active > a {
		background-color: transparent;
		color: @textColor;
Thomas Park's avatar
Thomas Park committed
33

Thomas Park's avatar
Thomas Park committed
34
35
36
37
38
		&:hover {
			background-color: transparent;
			color: @linkColor;
		}
	}
Thomas Park's avatar
Thomas Park committed
39
	
Thomas Park's avatar
Thomas Park committed
40
41
	.nav > li > a:hover,
	.nav li.open.dropdown .dropdown-toggle {
Thomas Park's avatar
Thomas Park committed
42
43
		color: @linkColor;
	}
Thomas Park's avatar
Thomas Park committed
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

Thomas Park's avatar
Thomas Park committed
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
	
Thomas Park's avatar
Thomas Park committed
64
65
66
	.nav-collapse.in .navbar-search {
		border-top: none;
		border-bottom: none;
Thomas Park's avatar
Thomas Park committed
67
68
	}

Thomas Park's avatar
Thomas Park committed
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;
Thomas Park's avatar
Thomas Park committed
72
73
74
75

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

Thomas Park's avatar
Thomas Park committed
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;
		}
	}
87
88
}

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

Thomas Park's avatar
Thomas Park committed
94
95
96
97
98
div.subnav {
	
	.nav > li > a {
		font-weight: bold;
		color: #777;
99

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

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