3adaf0697fdd01a3099b0f3574574b943f02af0e
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / Resources / Private / Styles / TYPO3 / _element_panel.less
1 //
2 // Panel
3 //
4 .panel {
5 &.ui-sortable-helper {
6 border-style: dashed;
7 }
8 .panel-heading {
9 font-weight: bold;
10 }
11 .table,
12 .table-fit {
13 border: 0;
14 margin: 0;
15 }
16 }
17
18 //
19 // Panel heading
20 //
21 .panel-heading {
22 position: relative;
23 &[data-toggle="formengine-inline"] {
24 cursor: pointer;
25 }
26 }
27
28 //
29 // Panel condensed
30 //
31 .panel-condensed {
32 .panel-heading {
33 padding: 5px;
34 }
35 }
36
37 //
38 // Panel collapse
39 //
40 .panel-heading-collapse-indicator {
41 position: absolute;
42 left: 2px;
43 margin-top: -2px;
44 top: 50%;
45
46 }
47 .panel-collapsed {
48 .panel-heading {
49 .caret {.transition(all 0.25s ease-in-out);
50 .rotate(-90deg);
51 }
52 }
53 .panel-collapse {
54 display: none;
55 visibility: hidden;
56 }
57 }
58 .panel,
59 .panel-collapse {
60 > .alert {
61 border: none;
62 border-top: 1px solid @panel-default-border;
63 margin: 0;
64 padding: 9px 12px;
65 }
66 > .form-section,
67 > .tab-content > .form-section,
68 > .tab-content > .tab-pane > .form-section {
69 border-left: 0;
70 border-right: 0;
71 border-bottom: 0;
72 }
73 > .nav-tabs {
74 border-top: 1px solid @panel-default-border;
75 padding-top: 8px;
76 > li {
77 margin-left: -1px;
78 }
79 }
80 }
81
82 //
83 // Panel hover
84 //
85 .panel-hover {
86 .panel-default:hover > .panel-heading {
87 background-color: lighten(@panel-default-heading-bg, 3%);
88 }
89 }
90
91 //
92 // Panel space
93 //
94 .panel-space {
95 margin: 3em 0;
96 }