Mercurial > wikked

comparison static/bootstrap/less/tables.less @ 88:a5a3d454eac9

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Updated Bootstrap.
author Ludovic Chabant <ludovic@chabant.com>
date Fri, 05 Apr 2013 08:08:12 -0700
parents 130eccd396d8
children d29e2f337b00
comparison
equal deleted inserted replaced
87:c0cf67362fb1 88:a5a3d454eac9
91 thead:first-child tr:first-child th, 91 thead:first-child tr:first-child th,
92 tbody:first-child tr:first-child th, 92 tbody:first-child tr:first-child th,
93 tbody:first-child tr:first-child td { 93 tbody:first-child tr:first-child td {
94 border-top: 0; 94 border-top: 0;
95 } 95 }
96 // For first th or td in the first row in the first thead or tbody 96 // For first th/td in the first row in the first thead or tbody
97 thead:first-child tr:first-child > th:first-child, 97 thead:first-child tr:first-child > th:first-child,
98 tbody:first-child tr:first-child > td:first-child { 98 tbody:first-child tr:first-child > td:first-child,
99 tbody:first-child tr:first-child > th:first-child {
99 .border-top-left-radius(@baseBorderRadius); 100 .border-top-left-radius(@baseBorderRadius);
100 } 101 }
102 // For last th/td in the first row in the first thead or tbody
101 thead:first-child tr:first-child > th:last-child, 103 thead:first-child tr:first-child > th:last-child,
102 tbody:first-child tr:first-child > td:last-child { 104 tbody:first-child tr:first-child > td:last-child,
105 tbody:first-child tr:first-child > th:last-child {
103 .border-top-right-radius(@baseBorderRadius); 106 .border-top-right-radius(@baseBorderRadius);
104 } 107 }
105 // For first th or td in the last row in the last thead or tbody 108 // For first th/td (can be either) in the last row in the last thead, tbody, and tfoot
106 thead:last-child tr:last-child > th:first-child, 109 thead:last-child tr:last-child > th:first-child,
107 tbody:last-child tr:last-child > td:first-child, 110 tbody:last-child tr:last-child > td:first-child,
108 tfoot:last-child tr:last-child > td:first-child { 111 tbody:last-child tr:last-child > th:first-child,
112 tfoot:last-child tr:last-child > td:first-child,
113 tfoot:last-child tr:last-child > th:first-child {
109 .border-bottom-left-radius(@baseBorderRadius); 114 .border-bottom-left-radius(@baseBorderRadius);
110 } 115 }
116 // For last th/td (can be either) in the last row in the last thead, tbody, and tfoot
111 thead:last-child tr:last-child > th:last-child, 117 thead:last-child tr:last-child > th:last-child,
112 tbody:last-child tr:last-child > td:last-child, 118 tbody:last-child tr:last-child > td:last-child,
113 tfoot:last-child tr:last-child > td:last-child { 119 tbody:last-child tr:last-child > th:last-child,
120 tfoot:last-child tr:last-child > td:last-child,
121 tfoot:last-child tr:last-child > th:last-child {
114 .border-bottom-right-radius(@baseBorderRadius); 122 .border-bottom-right-radius(@baseBorderRadius);
115 } 123 }
116 124
117 // Clear border-radius for first and last td in the last row in the last tbody for table with tfoot 125 // Clear border-radius for first and last td in the last row in the last tbody for table with tfoot
118 tfoot + tbody:last-child tr:last-child td:first-child { 126 tfoot + tbody:last-child tr:last-child td:first-child {
119 .border-bottom-left-radius(0); 127 .border-bottom-left-radius(0);
120 } 128 }
121 tfoot + tbody:last-child tr:last-child td:last-child { 129 tfoot + tbody:last-child tr:last-child td:last-child {
122 .border-bottom-right-radius(0); 130 .border-bottom-right-radius(0);
123 } 131 }
124
125 132
126 // Special fixes to round the left border on the first td/th 133 // Special fixes to round the left border on the first td/th
127 caption + thead tr:first-child th:first-child, 134 caption + thead tr:first-child th:first-child,
128 caption + tbody tr:first-child td:first-child, 135 caption + tbody tr:first-child td:first-child,
129 colgroup + thead tr:first-child th:first-child, 136 colgroup + thead tr:first-child th:first-child,
159 // HOVER EFFECT 166 // HOVER EFFECT
160 // ------------ 167 // ------------
161 // Placed here since it has to come after the potential zebra striping 168 // Placed here since it has to come after the potential zebra striping
162 .table-hover { 169 .table-hover {
163 tbody { 170 tbody {
164 tr:hover td, 171 tr:hover > td,
165 tr:hover th { 172 tr:hover > th {
166 background-color: @tableBackgroundHover; 173 background-color: @tableBackgroundHover;
167 } 174 }
168 } 175 }
169 } 176 }
170 177
204 // TABLE BACKGROUNDS 211 // TABLE BACKGROUNDS
205 // ----------------- 212 // -----------------
206 // Exact selectors below required to override .table-striped 213 // Exact selectors below required to override .table-striped
207 214
208 .table tbody tr { 215 .table tbody tr {
209 &.success td { 216 &.success > td {
210 background-color: @successBackground; 217 background-color: @successBackground;
211 } 218 }
212 &.error td { 219 &.error > td {
213 background-color: @errorBackground; 220 background-color: @errorBackground;
214 } 221 }
215 &.warning td { 222 &.warning > td {
216 background-color: @warningBackground; 223 background-color: @warningBackground;
217 } 224 }
218 &.info td { 225 &.info > td {
219 background-color: @infoBackground; 226 background-color: @infoBackground;
220 } 227 }
221 } 228 }
222 229
223 // Hover states for .table-hover 230 // Hover states for .table-hover
224 .table-hover tbody tr { 231 .table-hover tbody tr {
225 &.success:hover td { 232 &.success:hover > td {
226 background-color: darken(@successBackground, 5%); 233 background-color: darken(@successBackground, 5%);
227 } 234 }
228 &.error:hover td { 235 &.error:hover > td {
229 background-color: darken(@errorBackground, 5%); 236 background-color: darken(@errorBackground, 5%);
230 } 237 }
231 &.warning:hover td { 238 &.warning:hover > td {
232 background-color: darken(@warningBackground, 5%); 239 background-color: darken(@warningBackground, 5%);
233 } 240 }
234 &.info:hover td { 241 &.info:hover > td {
235 background-color: darken(@infoBackground, 5%); 242 background-color: darken(@infoBackground, 5%);
236 } 243 }
237 } 244 }