bootswatch.less 3.06 KB
Newer Older
Thomas Park's avatar
Thomas Park committed
1
2
// Bootswatch.less
// Swatch: Journal
Thomas Park's avatar
Thomas Park committed
3
// Version: 2.0.4
Thomas Park's avatar
Thomas Park committed
4
5
6
7
8
// -----------------------------------------------------

// TYPOGRAPHY
// -----------------------------------------------------

Thomas Park's avatar
Thomas Park committed
9
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
Thomas Park's avatar
Thomas Park committed
10

11
h1, h2, h3, h4, h5, h6, .navbar .brand {
Thomas Park's avatar
Thomas Park committed
12
13
14
	font-weight: 700;
}

Thomas Park's avatar
Thomas Park committed
15
16
17
18
19
20
21
// SCAFFOLDING
// -----------------------------------------------------

a {
	text-decoration: underline;
}

22
.nav a, .navbar .brand, .subnav a, a.btn, .dropdown-menu a {
Thomas Park's avatar
Thomas Park committed
23
24
25
	text-decoration: none;
}

Thomas Park's avatar
Thomas Park committed
26
27
28
// NAVBAR
// -----------------------------------------------------

29
.navbar {
Thomas Park's avatar
Thomas Park committed
30

31
32
33
34
35
	.navbar-inner {
		@shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
		.box-shadow(@shadow);
		border-top: 1px solid #E5E5E5;
		.border-radius(0);
Thomas Park's avatar
Thomas Park committed
36
	}
Thomas Park's avatar
Thomas Park committed
37

38
39
	.brand {
		text-shadow: none;
Thomas Park's avatar
Thomas Park committed
40

41
42
43
44
		&:hover {
			background-color: #EEEEEE;
		}
	}
Thomas Park's avatar
Thomas Park committed
45

Thomas Park's avatar
Thomas Park committed
46
47
48
49
	.navbar-text {
		line-height: 68px;
	}

50
	.nav > li > a {
Thomas Park's avatar
Thomas Park committed
51
		text-shadow: none;
52
	}
Thomas Park's avatar
Thomas Park committed
53

54
	.dropdown-menu {
Thomas Park's avatar
Thomas Park committed
55
		.border-radius(0);
56
	}
Thomas Park's avatar
Thomas Park committed
57

58
59
60
61
62
63
64
65
66
	.nav li.dropdown.active > .dropdown-toggle,
	.nav li.dropdown.active > .dropdown-toggle:hover,
	.nav li.dropdown.open > .dropdown-toggle,
	.nav li.dropdown.active.open > .dropdown-toggle,
	.nav li.dropdown.active.open > .dropdown-toggle:hover {
		background-color: @grayLighter;
		color: @linkColor;
	}

67
68
69
70
71
72
	.nav li.dropdown .dropdown-toggle .caret,
	.nav .open .caret,
	.nav .open .dropdown-toggle:hover .caret {
		border-top-color: @black;
		opacity: 1;
	}
Thomas Park's avatar
Thomas Park committed
73

74
75
76
	.nav-collapse.in .nav li > a:hover {
		background-color: @grayLighter;
	}
Thomas Park's avatar
Thomas Park committed
77

78
79
80
	.nav-collapse .nav li > a {
		color: @textColor;
		text-decoration: none;
Thomas Park's avatar
Thomas Park committed
81
		font-weight: normal;
82
	}
Thomas Park's avatar
Thomas Park committed
83

84
85
86
	.nav-collapse .navbar-form,
	.nav-collapse .navbar-search {
		border-color: transparent;
Thomas Park's avatar
Thomas Park committed
87
88
	}

89
90
91
92
93
94
	.navbar-search .search-query,
	.navbar-search .search-query:hover {
		border: 1px solid @grayLighter;
		color: @textColor;
		.placeholder(@gray);
	}
Thomas Park's avatar
Thomas Park committed
95
96
97
}

div.subnav {
Thomas Park's avatar
Thomas Park committed
98
	background-color: @bodyBackground;
Thomas Park's avatar
Thomas Park committed
99
100
101
	background-image: none;
	@shadow: 0 1px 2px rgba(0,0,0,.25);
	.box-shadow(@shadow);
102
	.border-radius(0);
Thomas Park's avatar
Thomas Park committed
103
104
105
106
107

	&.subnav-fixed {
		top: @navbarHeight;
	}

108
109
110
111
112
113
114
	.nav > li > a:hover,
	.nav > .active > a,
	.nav > .active > a:hover {
		color: @textColor;
		text-decoration: none;
		font-weight: normal;
	}
Thomas Park's avatar
Thomas Park committed
115

116
117
118
	.nav > li:first-child > a,
	.nav > li:first-child > a:hover {
		.border-radius(0);
Thomas Park's avatar
Thomas Park committed
119
	}
Thomas Park's avatar
Thomas Park committed
120
121
122
123
124
125
126
127
128
}

// BUTTONS
// -----------------------------------------------------

.btn-primary {
  .buttonBackground(lighten(@linkColor, 5%), @linkColor);
}

Thomas Park's avatar
Thomas Park committed
129
130
131
132
[class^="icon-"], [class*=" icon-"] {
	vertical-align: -2px;
}

Thomas Park's avatar
Thomas Park committed
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
// MODALS
// -----------------------------------------------------

.modal {
 	.border-radius(0px);
	background: @bodyBackground;
}

.modal-header {
	border-bottom: none;
}

.modal-header .close {
	text-decoration: none;
}

.modal-footer {
	background: transparent;
	.box-shadow(none);
	border-top: none;
}

Thomas Park's avatar
Thomas Park committed
155
156
157
158

// MISC
// -----------------------------------------------------

159
code, pre, pre.prettyprint, .well {
Thomas Park's avatar
Thomas Park committed
160
161
	background-color: @grayLighter;
}
Thomas Park's avatar
Thomas Park committed
162

Thomas Park's avatar
Thomas Park committed
163
164
165
166
167
168
.hero-unit {
    .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
	border: 1px solid rgba(0,0,0,.05);
	.border-radius(0);
}

Thomas Park's avatar
Thomas Park committed
169
170
171
.table-bordered, .well, .prettyprint {
	.border-radius(0);
}