[TASK] Refactor getDynTabMenu function
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / Resources / Private / Styles / TYPO3 / _element_tab.less
1 //
2 // Tab menu
3 //
4 .nav-tabs {
5 background-color: darken(@nav-tabs-active-link-bg, 5%);
6 > li {
7 > a {
8 // Hotfix to prevent prototype / scriptaculous hiding the links
9 // this can be removed after prototype / scriptaculous removed completely.
10 // at the moment prototype / scriptaculous hide each tab after clicking on it.
11 // at the moment this seems to be the only way to fix the wrong behavior.
12 display: block!important;
13
14 margin-right: 3px;
15 &:hover {
16 background: @nav-tabs-link-hover-bg;
17 }
18 }
19 &.active > a {
20 &,
21 &:focus {
22 background: @nav-tabs-active-link-bg;
23 }
24 &:hover {
25 background: @nav-tabs-active-link-hover-bg;
26 }
27 }
28 }
29 }
30
31 //
32 // Hotfix display tab-panes always to prevent RTE initialisation problems
33 //
34 .tab-content {
35 > .tab-pane {
36 display: block;
37 height: 0;
38 overflow: hidden;
39 &.active {
40 height: auto;
41 overflow: visible;
42 }
43 }
44 }
45
46 //
47 // Foldout tabs
48 //
49 div.typo3-dyntabmenu-divs-foldout div.tab,
50 div.typo3-dyntabmenu-divs-foldout div.tabact,
51 div.typo3-dyntabmenu-divs-foldout div.disabled {
52 border: solid black 1px;
53 border-radius: 3px;
54 }
55
56 div.typo3-dyntabmenu-divs-foldout div.tab {
57 background: #c4d4cd;
58 background-image: url('../../../../icons/gfx/ol/plusbullet.gif');
59 background-repeat: no-repeat;
60 }
61
62 div.typo3-dyntabmenu-divs-foldout div.tab:hover {
63 background: #f6eab7;
64 background-image: url('../../../../icons/gfx/ol/arrowbullet.gif');
65 background-repeat: no-repeat;
66 }
67
68 div.typo3-dyntabmenu-divs-foldout div.tabact {
69 background: #e7dba8;
70 background-image: url('../../../../icons/gfx/ol/minusbullet.gif');
71 background-repeat: no-repeat;
72 }
73
74 div.typo3-dyntabmenu-divs-foldout div.tabact:hover {
75 background: #f6eab7;
76 background-image: url('../../../../icons/gfx/ol/arrowbullet.gif');
77 background-repeat: no-repeat;
78 }
79
80 div.typo3-dyntabmenu-divs-foldout div.disabled {
81 background: #ccc;
82 color: #999;
83 }
84
85 div.typo3-dyntabmenu-divs-foldout div.disabled:hover {
86 background: #f6eab7;
87 color: #999;
88 }