[TASK] EM: Remove jQueryUI
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / Resources / Private / Styles / TYPO3 / _element_tab.less
1 //
2 // Tab menu
3 //
4
5 .nav-tabs {
6 background-color: darken(@nav-tabs-active-link-bg, 5%);
7
8 > li {
9 > a {
10 margin-right: 3px;
11
12 &:hover {
13 background: @nav-tabs-link-hover-bg;
14 }
15 }
16
17 &.active > a {
18 &,
19 &:focus {
20 background: @nav-tabs-active-link-bg;
21 }
22
23 &:hover {
24 background: @nav-tabs-active-link-hover-bg;
25 }
26 }
27 }
28 }
29
30 .tab-content {
31 background: @nav-tabs-active-link-bg;
32 border: 1px solid @nav-tabs-border-color;
33 border-top-color: transparent;
34 padding: 0 18px 24px;
35 }
36
37 div.typo3-dyntabmenu-divs {
38 padding: floor(@line-height-computed * 1.5) @line-height-computed;
39 margin-bottom: 1em;
40
41 background: @nav-tabs-active-link-bg;
42 border-right: 1px solid @nav-tabs-border-color;
43 border-bottom: 1px solid @nav-tabs-border-color;
44 border-left: 1px solid @nav-tabs-border-color;
45
46 p.c-descr {
47 background: #e7dba8;
48 font-style: italic;
49 }
50 }
51
52 //
53 // Foldout tabs
54 //
55
56 div.typo3-dyntabmenu-divs-foldout div.c-tablayer {
57 margin-left: 20px;
58 }
59
60 div.typo3-dyntabmenu-divs-foldout div.tab,
61 div.typo3-dyntabmenu-divs-foldout div.tabact,
62 div.typo3-dyntabmenu-divs-foldout div.disabled {
63 border: solid black 1px;
64 border-radius: 3px;
65 }
66
67 div.typo3-dyntabmenu-divs-foldout div.tab {
68 background: #c4d4cd;
69 background-image: url('../../../../icons/gfx/ol/plusbullet.gif');
70 background-repeat: no-repeat;
71 }
72
73 div.typo3-dyntabmenu-divs-foldout div.tab:hover {
74 background: #f6eab7;
75 background-image: url('../../../../icons/gfx/ol/arrowbullet.gif');
76 background-repeat: no-repeat;
77 }
78
79 div.typo3-dyntabmenu-divs-foldout div.tabact {
80 background: #e7dba8;
81 background-image: url('../../../../icons/gfx/ol/minusbullet.gif');
82 background-repeat: no-repeat;
83 }
84
85 div.typo3-dyntabmenu-divs-foldout div.tabact:hover {
86 background: #f6eab7;
87 background-image: url('../../../../icons/gfx/ol/arrowbullet.gif');
88 background-repeat: no-repeat;
89 }
90
91 div.typo3-dyntabmenu-divs-foldout div.disabled {
92 background: #ccc;
93 color: #999;
94 }
95
96 div.typo3-dyntabmenu-divs-foldout div.disabled:hover {
97 background: #f6eab7;
98 color: #999;
99 }
100
101 .c-tablayer {
102 margin: 0;
103 padding: 0;
104 }