[FEATURE] Backend skin: Fresh table style
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / Resources / Private / Styles / TYPO3 / _element_table.less
1 /**
2  * This file is part of the TYPO3 CMS project.
3  *
4  * It is free software; you can redistribute it and/or modify it under
5  * the terms of the GNU General Public License, either version 2
6  * of the License, or any later version.
7  *
8  * For the full copyright and license information, please read the
9  * LICENSE.txt file that was distributed with this source code.
10  *
11  * The TYPO3 project - inspiring people to share!
12  */
13
14 /** used in the admin tools => DB check **/
15 .t3-overview-list dt {
16         padding: 0px 0px 2px 20px;
17
18         img {
19                 vertical-align: middle;
20                 margin-right: 5px;
21         }
22 }
23
24 .t3-overview-list dd {
25         margin: 2px 0 15px 20px;
26         padding-left: 22px;
27 }
28
29 table {
30         background: transparent;
31 }
32
33 /**
34  * Common style for tables
35  *
36  * <table class="t3-table>
37  *   <thead>
38  *     <tr>
39  *       <th>...</th>
40  *       <th>...</th>
41  *     </tr>
42  *   </thead>
43  *   <tbody>
44  *     <tr>
45  *       <td>
46  *         <span class="t3-icon t3-icon-treeline t3-icon-treeline-join t3-icon-join">&nbsp;</span>
47  *       </td>
48  *       <td>...</td>
49  *     </tr>
50  *   </tbody>
51  * </table>
52  */
53
54 .table {
55
56         > thead,
57         > tbody {
58                 tr {
59                         th:first-child,
60                         th:last-child,
61                         td:first-child,
62                         td:last-child {
63                                 padding-left: 12px;
64                         }
65                 }
66         }
67
68         > thead {
69                 > tr {
70                         > th,
71                         > td {
72                                 border-bottom: 1px solid #666;
73                         }
74                 }
75         }
76
77         > tbody {
78                 > tr {
79                         > td {
80                                 background-color: @table-bg;
81                         }
82                 }
83                 > tr:hover {
84                         > td {
85                                 transition: background-color 100ms linear;
86
87                                 a {
88                                         text-decoration: underline;
89                                 }
90                         }
91                 }
92         }
93 }
94
95 // TYPO3 standard <table class="t3-table">
96 table.t3-table {
97         .table;
98         .table-striped;
99         .table-hover;
100 }