3 height: $content-height; |
3 height: $content-height; |
4 } |
4 } |
5 |
5 |
6 #tabs-langues .breadcrumbs, |
6 #tabs-langues .breadcrumbs, |
7 #tabs-langues .node { |
7 #tabs-langues .node { |
8 cursor: pointer; |
8 cursor: pointer; |
9 } |
9 } |
10 |
10 |
11 #tabs-langues .breadcrumbs:hover, |
11 #tabs-langues .breadcrumbs:hover, |
12 #tabs-langues .node:hover, |
12 #tabs-langues .node:hover, |
13 #tabs-langues .node.selected { |
13 #tabs-langues .node.selected { |
14 background-color: $corpus-blue!important; |
14 background-color: $corpus-blue!important; |
15 color: $corpus-white!important; |
15 color: $corpus-white!important; |
16 } |
16 } |
17 |
17 |
18 #tabs-langues .breadcrumbs { |
18 #tabs-langues .breadcrumbs { |
19 background-color: $corpus-white; |
19 background-color: $corpus-white; |
20 color: $corpus-black; |
20 color: $corpus-black; |
21 position: relative; |
21 position: relative; |
22 line-height: 30px; |
22 line-height: 30px; |
23 padding: 0 10px; |
23 padding: 0 10px; |
24 border-bottom: 1px solid $corpus-white; |
24 border-bottom: 1px solid $corpus-white; |
25 box-sizing: border-box; |
25 box-sizing: border-box; |
26 } |
26 } |
27 |
27 |
28 #tabs-langues .breadcrumbs .root:only-child { |
28 #tabs-langues .breadcrumbs .root:only-child { |
29 font-weight: bold; |
29 font-weight: bold; |
30 } |
30 } |
31 |
31 |
32 #tabs-langues .breadcrumbs .level::before { |
32 #tabs-langues .breadcrumbs .level::before { |
33 content: '>'; |
33 content: '>'; |
34 margin: 0 10px; |
34 margin: 0 10px; |
35 font-weight: normal; |
35 font-weight: normal; |
36 } |
36 } |
37 |
37 |
38 #tabs-langues .breadcrumbs .level:last-child { |
38 #tabs-langues .breadcrumbs .level:last-child { |
39 font-weight: bold; |
39 font-weight: bold; |
40 } |
40 } |
41 |
41 |
42 #tabs-langues .nodes { |
42 #tabs-langues .nodes { |
43 width: inherit; |
43 width: inherit; |
44 position: absolute; |
44 position: absolute; |
45 } |
45 } |
46 |
46 |
47 #tabs-langues .node { |
47 #tabs-langues .node { |
48 position: absolute; |
48 position: absolute; |
49 margin: 0; |
49 margin: 0; |
50 padding: 0; |
50 border-left: 1px solid $corpus-white; |
51 border-left: 1px solid $corpus-white; |
51 border-bottom: 1px solid $corpus-white; |
52 border-bottom: 1px solid $corpus-white; |
52 padding: 5px; |
53 padding: 10px; |
53 box-sizing: border-box; |
54 box-sizing: border-box; |
54 color: $corpus-white; |
55 color: $corpus-white; |
|
56 } |
55 } |
57 |
56 |
58 #tabs-langues .node:hover { |
57 #tabs-langues .node:hover { |
59 border-right: none; |
58 border-right: none; |
60 } |
59 } |
61 |
60 |
62 #tabs-langues .node .fa { |
61 #tabs-langues .node .fa { |
63 margin-right: 5px; |
62 margin-right: 5px; |
64 } |
63 } |
65 |
64 |
66 #tabs-langues .node .fa::before { |
65 #tabs-langues .node .fa::before { |
67 font-size: 14px; |
66 font-size: 14px; |
68 line-height: 12px; |
67 line-height: 12px; |
69 } |
68 } |
70 |
69 |
71 #tabs-langues .node .count { |
70 #tabs-langues .node .count { |
72 font-weight: bold; |
71 font-weight: bold; |
73 } |
72 } |
74 |
73 |
75 #tabs-langues .light-color { |
74 #tabs-langues .light-color { |
76 color: $corpus-white; |
75 color: $corpus-white; |
77 } |
76 } |