bootswatch.less 3.29 KB
Newer Older
Thomas Park's avatar
Thomas Park committed
1
// Cyborg 3.3.0
Thomas Park's avatar
Thomas Park committed
2
3
4
// Bootswatch
// -----------------------------------------------------

5
@import url("//fonts.googleapis.com/css?family=Roboto:400,700");
Thomas Park's avatar
Thomas Park committed
6
7
8
9
10
11
12

// Navbar =====================================================================

// Buttons ====================================================================

// Typography =================================================================

13
14
.text-primary,
.text-primary:hover {
Thomas Park's avatar
Thomas Park committed
15
  color: @brand-primary;
Thomas Park's avatar
Thomas Park committed
16
17
}

18
19
.text-success,
.text-success:hover {
Thomas Park's avatar
Thomas Park committed
20
  color: @brand-success;
Thomas Park's avatar
Thomas Park committed
21
22
}

23
24
.text-danger,
.text-danger:hover {
Thomas Park's avatar
Thomas Park committed
25
  color: @brand-danger;
Thomas Park's avatar
Thomas Park committed
26
27
}

28
29
.text-warning,
.text-warning:hover {
Thomas Park's avatar
Thomas Park committed
30
  color: @brand-warning;
Thomas Park's avatar
Thomas Park committed
31
32
}

33
34
.text-info,
.text-info:hover {
Thomas Park's avatar
Thomas Park committed
35
  color: @brand-info;
Thomas Park's avatar
Thomas Park committed
36
37
38
39
}

// Tables =====================================================================

Thomas Park's avatar
Thomas Park committed
40
table,
Thomas Park's avatar
Thomas Park committed
41
.table {
42
43
  color: #fff;

44
  a:not(.btn) {
Thomas Park's avatar
Thomas Park committed
45
    color: #fff;
46
    text-decoration: underline;
Thomas Park's avatar
Thomas Park committed
47
  }
48

49
50
51
52
  .dropdown-menu a {
    text-decoration: none;
  }

53
54
55
  .text-muted {
    color: @text-muted;
  }
Thomas Park's avatar
Thomas Park committed
56
57
}

58
.table-responsive > .table {
Thomas Park's avatar
Thomas Park committed
59
  background-color: @table-bg;
60
61
}

Thomas Park's avatar
Thomas Park committed
62
63
64
// Forms ======================================================================

.has-warning {
Thomas Park's avatar
Thomas Park committed
65
  .help-block,
66
67
  .control-label,
  .form-control-feedback {
Thomas Park's avatar
Thomas Park committed
68
69
    color: @brand-warning;
  }
Thomas Park's avatar
Thomas Park committed
70

Thomas Park's avatar
Thomas Park committed
71
  .form-control,
72
73
  .form-control:focus,
  .input-group-addon {
Thomas Park's avatar
Thomas Park committed
74
75
    border-color: @brand-warning;
  }
Thomas Park's avatar
Thomas Park committed
76
77
78
}

.has-error {
Thomas Park's avatar
Thomas Park committed
79
  .help-block,
80
81
  .control-label,
  .form-control-feedback {
Thomas Park's avatar
Thomas Park committed
82
83
    color: @brand-danger;
  }
Thomas Park's avatar
Thomas Park committed
84

Thomas Park's avatar
Thomas Park committed
85
  .form-control,
86
87
  .form-control:focus,
  .input-group-addon {
Thomas Park's avatar
Thomas Park committed
88
89
    border-color: @brand-danger;
  }
Thomas Park's avatar
Thomas Park committed
90
91
92
}

.has-success {
Thomas Park's avatar
Thomas Park committed
93
  .help-block,
94
95
  .control-label,
  .form-control-feedback {
Thomas Park's avatar
Thomas Park committed
96
97
    color: @brand-success;
  }
Thomas Park's avatar
Thomas Park committed
98

Thomas Park's avatar
Thomas Park committed
99
  .form-control,
100
101
  .form-control:focus,
  .input-group-addon {
Thomas Park's avatar
Thomas Park committed
102
103
    border-color: @brand-success;
  }
Thomas Park's avatar
Thomas Park committed
104
105
106
}

legend {
Thomas Park's avatar
Thomas Park committed
107
  color: #fff;
Thomas Park's avatar
Thomas Park committed
108
109
110
}

.input-group-addon {
Thomas Park's avatar
Thomas Park committed
111
  background-color: @btn-default-bg;
Thomas Park's avatar
Thomas Park committed
112
113
114
115
116
117
118
119
120
}

// Navs =======================================================================

.nav-tabs,
.nav-pills,
.breadcrumb,
.pager {

Thomas Park's avatar
Thomas Park committed
121
122
123
  a {
    color: #fff;
  }
Thomas Park's avatar
Thomas Park committed
124
125
126
127
128
129
}

// Indicators =================================================================

.alert {

Thomas Park's avatar
Thomas Park committed
130
131
132
133
134
  .alert-link,
  a {
    color: @alert-warning-text;
    text-decoration: underline;
  }
135
136
137

  .close {
    text-decoration: none;
138
139
  }
}
140

141
142
143
144
145
146
147
148
149
.close {
  color: #fff;
  text-decoration: none;
  opacity: 0.4;

  &:hover,
  &:focus {
    color: #fff;
    opacity: 1;
150
  }
Thomas Park's avatar
Thomas Park committed
151
152
153
154
155
156
}

// Progress bars ==============================================================

// Containers =================================================================

157
158
159
160
161
162
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: @thumbnail-border;
}

163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
a.list-group-item {

  &.active,
  &.active:hover,
  &.active:focus {
    border-color: @list-group-border;
  }

  &-success {
    &.active {
      background-color: @state-success-bg;
    }

    &.active:hover,
    &.active:focus {
      background-color: darken(@state-success-bg, 5%);
    }
  }

  &-warning {
    &.active {
      background-color: @state-warning-bg;
    }
    
    &.active:hover,
    &.active:focus {
      background-color: darken(@state-warning-bg, 5%);
    }
  }

  &-danger {
    &.active {
      background-color: @state-danger-bg;
    }
    
    &.active:hover,
    &.active:focus {
      background-color: darken(@state-danger-bg, 5%);
    }
  }
}

Thomas Park's avatar
Thomas Park committed
205
206
.jumbotron {

Thomas Park's avatar
Thomas Park committed
207
208
209
  h1, h2, h3, h4, h5, h6 {
    color: #fff;
  }
Thomas Park's avatar
Thomas Park committed
210
}