[BUGFIX] Extension manager styling
[Packages/TYPO3.CMS.git] / typo3 / sysext / extensionmanager / Resources / Private / Scss / page / _manage.scss
1
2 .typo3-extensionmanager-headerRowLeft {
3 display: inline-block;
4
5 .typo3-extensionmanager-searchTerFieldWrapper {
6 display: inline-block;
7 position: relative;
8
9 input {
10 height: 15px;
11 }
12
13 .t3-icon-input-clear {
14 position: absolute;
15 right: 3px;
16 top: 4px;
17 }
18 }
19 }
20
21 // Upload extension
22 .headerRow { overflow: auto; width: 100% }
23
24 .typo3-extensionmanager-headerRowLeft {
25 float: left;
26 }
27
28 .typo3-extensionmanager-headerRowRight {
29 float: right;
30 }
31
32
33 // Search
34 .contentWrapper {
35 @include linear-gradient(#ececec, rgb(255,255,255) 0, rgb(236,236,236) 36%);
36 padding: 15px;
37 border: 1px solid #adadad;
38
39 .ui-toolbar {
40 margin-bottom: 5px;
41
42 .dataTables_filter {
43 float: left;
44 }
45 }
46 }
47
48
49
50 // Table
51 .typo3-extension-list {
52
53 border-spacing: 0;
54
55 // Header
56 thead {
57 @include linear-gradient(#5b5b5b, #7f7f7f 10%, #5b5b5b 100%);
58
59 tr {
60 background: none !important;
61
62 &:hover {
63 background: none;
64 }
65 }
66 }
67
68 th {
69 background: none;
70 border: 0;
71 padding: 8px 10px;
72
73 min-width: 53px;
74
75 vertical-align: middle;
76
77 font-weight: bold;
78 color: #fff;
79
80 cursor: pointer;
81 white-space: nowrap;
82
83
84 &:hover {
85 background: rgba(200,200,200,.3);
86 }
87
88 .DataTables_sort_icon {
89 display: inline-block;
90 vertical-align: middle;
91 margin-left: 5px;
92
93 &.ui-icon-carat-2-n-s {
94 background: none;
95 }
96 }
97 }
98
99 // All lines
100 tr {
101
102 // Reset some values that get applied by jQuery UI styling
103 &.odd,
104 &.even {
105 td {
106 background: none;
107 }
108
109 &:hover {
110 td {
111 background: none;
112
113 &.stable {
114 @include stable;
115 }
116
117 &.beta {
118 @include beta;
119 }
120 }
121 }
122 }
123
124 // Add some stuff to match corporate design
125 td {
126 background: none;
127 padding: 8px 10px;
128 vertical-align: middle;
129 border-bottom: 1px solid #fff;
130
131 &.stable {
132 @include stable;
133 }
134
135 &.beta {
136 @include beta;
137 }
138
139 img {
140 vertical-align: middle;
141 margin-right: 5px;
142 }
143 }
144
145 // Zebra-look
146 &:nth-child(2n) {
147 background: #fff;
148 }
149
150 &:nth-child(2n + 1) {
151 background: #f7f7f7;
152 }
153
154 // Hovering lines
155 &:hover {
156 background: #ececec;
157 }
158
159 }
160 }
161
162
163
164 // Paginator
165 .dataTables_info {
166 display: none;
167 }
168
169 .dataTables_paginate {
170 float: left;
171 margin: 10px 0 0;
172 }
173
174
175
176