47f1da47f4ab7f4dae74496adc8b904e06f07943
[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
31 div.typo3-dyntabmenu-divs {
32 padding: floor(@line-height-computed * 1.5) @line-height-computed;
33 margin-bottom: 1em;
34
35 background: @nav-tabs-active-link-bg;
36 border-right: 1px solid @nav-tabs-border-color;
37 border-bottom: 1px solid @nav-tabs-border-color;
38 border-left: 1px solid @nav-tabs-border-color;
39
40 p.c-descr {
41 background: #e7dba8;
42 font-style: italic;
43 }
44 }
45
46 //
47 // Foldout tabs
48 //
49
50 div.typo3-dyntabmenu-divs-foldout div.c-tablayer {
51 margin-left: 20px;
52 }
53
54 div.typo3-dyntabmenu-divs-foldout div.tab,
55 div.typo3-dyntabmenu-divs-foldout div.tabact,
56 div.typo3-dyntabmenu-divs-foldout div.disabled {
57 border: solid black 1px;
58 border-radius: 3px;
59 }
60
61 div.typo3-dyntabmenu-divs-foldout div.tab {
62 background: #c4d4cd;
63 background-image: url('../../../../icons/gfx/ol/plusbullet.gif');
64 background-repeat: no-repeat;
65 }
66
67 div.typo3-dyntabmenu-divs-foldout div.tab:hover {
68 background: #f6eab7;
69 background-image: url('../../../../icons/gfx/ol/arrowbullet.gif');
70 background-repeat: no-repeat;
71 }
72
73 div.typo3-dyntabmenu-divs-foldout div.tabact {
74 background: #e7dba8;
75 background-image: url('../../../../icons/gfx/ol/minusbullet.gif');
76 background-repeat: no-repeat;
77 }
78
79 div.typo3-dyntabmenu-divs-foldout div.tabact:hover {
80 background: #f6eab7;
81 background-image: url('../../../../icons/gfx/ol/arrowbullet.gif');
82 background-repeat: no-repeat;
83 }
84
85 div.typo3-dyntabmenu-divs-foldout div.disabled {
86 background: #ccc;
87 color: #999;
88 }
89
90 div.typo3-dyntabmenu-divs-foldout div.disabled:hover {
91 background: #f6eab7;
92 color: #999;
93 }
94
95 .c-tablayer {
96 margin: 0;
97 padding: 0;
98 }