bootswatch.less 3.3 KB
Newer Older
Thomas Park's avatar
Thomas Park committed
1
// Cerulean 2.2.2
Thomas Park's avatar
Thomas Park committed
2
// Bootswatch
Thomas Park's avatar
Thomas Park committed
3
4
// -----------------------------------------------------

Thomas Park's avatar
Thomas Park committed
5

Thomas Park's avatar
Thomas Park committed
6
// TYPOGRAPHY
Thomas Park's avatar
Thomas Park committed
7
8
// -----------------------------------------------------

9
@import url(//fonts.googleapis.com/css?family=Telex);
Thomas Park's avatar
Thomas Park committed
10

Thomas Park's avatar
Thomas Park committed
11
12
13
// SCAFFOLDING
// -----------------------------------------------------

Thomas Park's avatar
Thomas Park committed
14
15
16
// NAVBAR
// -----------------------------------------------------

Thomas Park's avatar
Thomas Park committed
17
.navbar {
Thomas Park's avatar
Thomas Park committed
18
19


Thomas Park's avatar
Thomas Park committed
20
	.brand {
21
		padding: 14px 20px 16px;
22
23
		font-family: @headingsFontFamily;
		text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
Thomas Park's avatar
Thomas Park committed
24
	}
Thomas Park's avatar
Thomas Park committed
25

Thomas Park's avatar
Thomas Park committed
26
27
	li {
		line-height: 20px;
Thomas Park's avatar
Thomas Park committed
28
29
30
31
	}

	.nav > li > a {
		padding: 16px 10px 14px;
32
33
		font-family: @headingsFontFamily;
		text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
34
35
	}

Thomas Park's avatar
Thomas Park committed
36
37
	.search-query {
		border: 1px solid darken(@linkColor, 10%);
38
		line-height: normal;
39
	}
Thomas Park's avatar
Thomas Park committed
40
41
42
43
44

	.navbar-text {
		padding: 19px 10px 18px;
		line-height: 13px;
		color: rgba(0, 0, 0, 0.5);
45
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
Thomas Park's avatar
Thomas Park committed
46
	}
Thomas Park's avatar
Thomas Park committed
47

48
49
50
51
52
53
54
55
56
57
58
	&-inverse {

		.navbar-search .search-query {
			color: @textColor;
		}
	}
}

@media (max-width: @navbarCollapseWidth) {

	.navbar .nav-collapse {
Thomas Park's avatar
Thomas Park committed
59
60

		.nav li > a {
61
62
63

			font-family: @headingsFontFamily;
			font-weight: normal;
Thomas Park's avatar
Thomas Park committed
64
			color: @white;
65
			text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
Thomas Park's avatar
Thomas Park committed
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92

			&:hover {
				background-color: #2B7CAC;
			}
		}

		.nav .active > a {
			.box-shadow(none);
			background-color: #2B7CAC;
		}

		.dropdown-menu li > a:hover,
		.dropdown-menu li > a:focus,
		.dropdown-submenu:hover > a {
			background-image: none;
		}

		.navbar-form,
		.navbar-search {
			border: none;
		}

		.nav-header {
			color: #2B7CAC;
		}
	}

93
	.navbar-inverse .nav-collapse {
Thomas Park's avatar
Thomas Park committed
94

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

98
			&:hover {
Thomas Park's avatar
Thomas Park committed
99
100
101
				background-color: rgba(0, 0, 0, 0.1);
			}
		}
102

103
104
105
106
		.nav .active > a,
		.nav > li > a:hover,
		.dropdown-menu a:hover {
			background-color: rgba(0, 0, 0, 0.1) !important;
107
		}
Thomas Park's avatar
Thomas Park committed
108
	}
109
110
}

Thomas Park's avatar
Thomas Park committed
111
div.subnav {
112

Thomas Park's avatar
Thomas Park committed
113
	font-family: @headingsFontFamily;
114
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
Thomas Park's avatar
Thomas Park committed
115
116

	&-fixed {
117
		top: @navbarHeight + 1;
Thomas Park's avatar
Thomas Park committed
118
	}
Thomas Park's avatar
Thomas Park committed
119
120
}

Thomas Park's avatar
Thomas Park committed
121
122
123
// NAV
// -----------------------------------------------------

Thomas Park's avatar
Thomas Park committed
124
125
126
127
128
129
130
// BUTTONS
// -----------------------------------------------------

.btn {
  #gradient > .vertical-three-colors(@white, @white, 5%, darken(@white, 0%));
  @shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  .box-shadow(@shadow);
Thomas Park's avatar
Thomas Park committed
131

Thomas Park's avatar
Thomas Park committed
132
133
  &:hover {
  	background-position: 0 0;
Thomas Park's avatar
Thomas Park committed
134
135
136
  }
}

Thomas Park's avatar
Thomas Park committed
137
.btn-primary {
Thomas Park's avatar
Thomas Park committed
138
  .buttonBackground(lighten(@btnPrimaryBackground, 5%), @btnPrimaryBackground);
Thomas Park's avatar
Thomas Park committed
139
}
Thomas Park's avatar
Thomas Park committed
140

Thomas Park's avatar
Thomas Park committed
141
142
.btn-info {
  .buttonBackground(lighten(@btnInfoBackground, 5%), @btnInfoBackground);
Thomas Park's avatar
Thomas Park committed
143
}
Thomas Park's avatar
Thomas Park committed
144

Thomas Park's avatar
Thomas Park committed
145
146
.btn-success {
  .buttonBackground(lighten(@btnSuccessBackground, 5%), @btnSuccessBackground);
Thomas Park's avatar
Thomas Park committed
147
}
Thomas Park's avatar
Thomas Park committed
148

Thomas Park's avatar
Thomas Park committed
149
150
.btn-warning {
  .buttonBackground(lighten(@btnWarningBackground, 5%), @btnWarningBackground);
Thomas Park's avatar
Thomas Park committed
151
}
Thomas Park's avatar
Thomas Park committed
152

Thomas Park's avatar
Thomas Park committed
153
154
.btn-danger {
  .buttonBackground(lighten(@btnDangerBackground, 5%), @btnDangerBackground);
Thomas Park's avatar
Thomas Park committed
155
156
}

Thomas Park's avatar
Thomas Park committed
157
.btn-inverse {
Thomas Park's avatar
Thomas Park committed
158
  .buttonBackground(lighten(@btnInverseBackground, 5%), @btnInverseBackground);
Thomas Park's avatar
Thomas Park committed
159
160
}

Thomas Park's avatar
Thomas Park committed
161
162
163
164
165
166
167
168
169
170
171
172
173
// TABLES
// -----------------------------------------------------

// FORMS
// -----------------------------------------------------

// DROPDOWNS
// -----------------------------------------------------

// ALERTS, LABELS, BADGES
// -----------------------------------------------------

// MISC
Thomas Park's avatar
Thomas Park committed
174
175
176
177
// -----------------------------------------------------

i[class^="icon-"]{
	opacity: 0.8;
Thomas Park's avatar
Thomas Park committed
178
}
Thomas Park's avatar
Thomas Park committed
179
180
181

// MEDIA QUERIES
// -----------------------------------------------------