amelia, cyborg, slate: fix background-color for table-responsive
[bootswatch] / cyborg / bootswatch.less
1 // Cyborg 3.0.0
2 // Bootswatch
3 // -----------------------------------------------------
4
5 @import url("//fonts.googleapis.com/css?family=Droid+Sans:400,700");
6
7 // Navbar =====================================================================
8
9 .navbar {
10
11         border-bottom: 1px solid @gray-dark;
12 }
13
14 // Buttons ====================================================================
15
16 // Typography =================================================================
17
18 h1, h2, h3, h4, h5, h6 {
19         color: #fff;
20 }
21
22 .text-primary {
23         color: @brand-primary;
24 }
25
26 .text-success {
27         color: @brand-success;
28 }
29
30 .text-danger {
31         color: @brand-danger;
32 }
33
34 .text-warning {
35         color: @brand-warning;
36 }
37
38 .text-info {
39         color: @brand-info;
40 }
41
42 // Tables =====================================================================
43
44 .table {
45
46         tr.success,
47         tr.warning,
48         tr.danger {
49                 color: #fff;
50         }
51 }
52
53 .table-responsive > .table {
54         background-color: @table-bg;
55 }
56
57 // Forms ======================================================================
58
59 .has-warning {
60         .help-block,
61         .control-label {
62                 color: @brand-warning;
63         }
64
65         .form-control,
66         .form-control:focus {
67                 border-color: @brand-warning;
68         }
69 }
70
71 .has-error {
72         .help-block,
73         .control-label {
74                 color: @brand-danger;
75         }
76
77         .form-control,
78         .form-control:focus {
79                 border-color: @brand-danger;
80         }
81 }
82
83 .has-success {
84         .help-block,
85         .control-label {
86                 color: @brand-success;
87         }
88
89         .form-control,
90         .form-control:focus {
91                 border-color: @brand-success;
92         }
93 }
94
95 legend {
96         color: #fff;
97 }
98
99 .input-group-addon {
100         background-color: @btn-default-bg;
101 }
102
103 // Navs =======================================================================
104
105 .nav {
106
107         .caret,
108         a:hover .caret {
109                 border-top-color: #fff;
110                 border-bottom-color: #fff;
111         }
112 }
113
114 .nav-tabs,
115 .nav-pills,
116 .breadcrumb,
117 .pagination,
118 .pager {
119
120         a {
121                 color: #fff;
122         }
123 }
124
125 // Indicators =================================================================
126
127 .alert {
128
129         .alert-link,
130         a {
131                 color: @alert-warning-text;
132                 text-decoration: underline;
133         }
134 }
135
136 // Progress bars ==============================================================
137
138 // Containers =================================================================
139
140 .jumbotron {
141
142         h1, h2, h3, h4, h5, h6 {
143                 color: #fff;
144         }
145 }