bootswatch.less 2.88 KB
Newer Older
Thomas Park's avatar
Thomas Park committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
// Bootswatch.less
// Swatch: Spacelab
// -----------------------------------------------------

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

// navbar style
.navbar {
	border-bottom: 1px solid #CACACA;
	
	.brand {
		font-size: 20px;
		font-weight: bold;
		color: @textColor;
	
		&:hover {
			color: @linkColor;
		}
	}
}

// navbar dropshadow
.navbar .navbar-inner {
	.box-shadow(0 1px 0 rgba(255,255,255,0.4));
	.box-shadow(0 0 10px rgba(0,0,0,0.1));
}

// nav item typography
.navbar .nav > li > a {
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.navbar .nav .active > a {
	background-color: transparent;
	color: @textColor;
	
	&:hover {
		background-color: transparent;
		color: @linkColor;
	}
}

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

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

Thomas Park's avatar
Thomas Park committed
55
.navbar .nav .open.dropdown .caret,
Thomas Park's avatar
Thomas Park committed
56
.navbar .nav .dropdown-toggle:hover .caret {
Thomas Park's avatar
Thomas Park committed
57
	border-top-color: @linkColor !important;
Thomas Park's avatar
Thomas Park committed
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
}

.subnav .nav > li > a {
	font-weight: bold;
	color: #777;
	
	&:hover {
		color: @linkColor;
	}
}

.subnav .nav > li.active > a {
	color: @textColor;
	
	&:hover {
		color: @grayDark;
	}
}

Thomas Park's avatar
Thomas Park committed
77
78
.navbar-search .search-query,
.navbar-search .search-query:hover {
Thomas Park's avatar
Thomas Park committed
79
	border: none;
Thomas Park's avatar
Thomas Park committed
80
81
	color: @grayLight;
	.placeholder(@grayLight);
Thomas Park's avatar
Thomas Park committed
82
	.box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
Thomas Park's avatar
Thomas Park committed
83
84
85
	
    &:focus,
    &.focused {
Thomas Park's avatar
Thomas Park committed
86
		.box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
Thomas Park's avatar
Thomas Park committed
87
88
		color: @textColor;
	}
Thomas Park's avatar
Thomas Park committed
89
90
}

91
92
93
94
95
96
97
98
99
100
101
102
103
104
.navbar .nav-collapse > .nav > li > a > .caret {
	border-top-color: @grayLight;
}

.navbar .nav-collapse > .nav > li > a:hover {
	text-shadow: none;
	color: @white;
	
	.caret {
		border-top-color: @white;
	}
}


Thomas Park's avatar
Thomas Park committed
105
106
107
108
109
110
111
// BUTTON
// -----------------------------------------------------

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

Thomas Park's avatar
Thomas Park committed
112
113
114
115
116
117
118
.btn-warning {
  .caret {
    border-top-color: @white;
    .opacity(75);
  }
}

Thomas Park's avatar
Thomas Park committed
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
.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
139
140
141
142
.btn-inverse {
  .buttonBackground(lighten(@purple, 5%), @purple);
}

Thomas Park's avatar
Thomas Park committed
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
// FORMS
// -----------------------------------------------------


// Warning
.control-group.warning {
  .formFieldState(#E29235, #E29235, @warningBackground);
}
// Error
.control-group.error {
  .formFieldState(#C00, #C00, @errorBackground);
}
// Success
.control-group.success {
  .formFieldState(#2BA949, #2BA949, @successBackground);
}


// LABELS
// -----------------------------------------------------

.label-important { background-color: #BD2C00; }
.label-warning   { background-color: #E3E84D; }
.label-success   { background-color: #6CC644; }
.label-info      { background-color: #4183C4; }