584599e1e0e787e32a77960b581e8507994e254a
[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 /**
30  * Common style for tables
31  *
32  * <table class="t3-table>
33  *   <thead>
34  *     <tr>
35  *       <th>...</th>
36  *       <th>...</th>
37  *     </tr>
38  *   </thead>
39  *   <tbody>
40  *     <tr>
41  *       <td>
42  *         <span class="t3-icon t3-icon-treeline t3-icon-treeline-join t3-icon-join">&nbsp;</span>
43  *       </td>
44  *       <td>...</td>
45  *     </tr>
46  *   </tbody>
47  * </table>
48  */
49
50 .table {
51         border-right: 1px solid @table-border-color;
52         border-bottom: 1px solid @table-border-color;
53         border-left: 1px solid @table-border-color;
54
55         > thead,
56         > tbody {
57                 tr {
58                         th:first-child,
59                         th:last-child,
60                         td:first-child,
61                         td:last-child {
62                                 padding-left: 12px;
63                         }
64                 }
65         }
66
67         > thead {
68                 > tr {
69                         > th,
70                         > td {
71                                 background-color: #666;
72                                 color: #fff;
73                                 font-weight: normal;
74                                 min-height: 16px;
75
76                                 a,
77                                 a {
78                                         color: #fff;
79                                         text-decoration: underline;
80                                 }
81                         }
82                 }
83         }
84
85         > tbody {
86                 > tr:hover {
87                         > td {
88                                 transition: background-color 100ms linear;
89
90                                 a {
91                                         text-decoration: underline;
92                                 }
93                         }
94                 }
95         }
96 }
97
98 // TYPO3 standard <table class="t3-table">
99 table.t3-table {
100         .table;
101         .table-striped;
102         .table-hover;
103 }