]> begriffs open source - cmsis/blob - main/Core/html/tabs.css
Initial contribution
[cmsis] / main / Core / html / tabs.css
1 :root {
2   --arm_light_blue: #00C1DE;
3   --arm_blue: #11809F;
4   --arm_blue1: #0091BD;
5   --arm_dark_blue: #002B49;
6   --arm_light_gray: #E5ECEB;
7   --arm_light_gray1: #EFF5F4;
8   --arm_light_gray2: #EBEBEB;
9   --arm_light_gray3: #F7F7F7;
10   --arm_dark_gray: #7D868C;
11   --arm_black: #333E48;
12   --arm_orange: #FF6B00;
13   --arm_yellow: #FFC700;
14 }
15
16 /* in Doxygen 1.9.2 'tabs' is assigned to second navigation row (navrow1) with
17  'Main Page', 'Namespaces', etc */
18
19 .tabs, .tabs1, .tabs2, .tabs3, .main-nav {
20     background-color: var(--arm_light_gray);
21     color: var(--arm_black);
22     width: 100%;
23     z-index: 101;
24     font-family: 'Futura PT W01 Medium', 'Lato Light', Lato, Calibri, sans-serif;
25     font-size: 14px;
26     font-weight: 800;
27 }
28
29 .tabs1 {
30     background-color: var(--arm_black);
31     font-size: 16px;
32 }
33
34 .tabs {
35     background-color: var(--arm_light_gray);
36 }
37
38 .tablist, .main-menu {
39     margin: 0;
40     padding: 0;
41     display: table;
42     line-height: 28px;
43 }
44
45 .tablist li {
46     float: left;
47     display: table-cell;
48     background-color: var(--arm_light_gray);
49     border-right-style:solid;
50     border-right-width:1px;
51     border-right-color:var(--arm_dark_gray);
52     list-style: none;
53     margin:0px;
54 }
55
56 .tabs1 .tablist li {
57     background-color: var(--arm_black);
58     font-weight: 1000;
59 }
60
61 .tablist a {
62     display: block;
63     padding: 0 10px;
64     color: var(--arm_dark_gray);
65     font-weight: 600;
66     outline: none;
67 }
68
69 .tabs1 .tablist a {
70     padding: 3px 20px;
71     color: white;
72     background-color:var(--arm_black);
73 }
74
75 .tablist li.current a {
76     background-color: var(--arm_dark_gray);
77     color: white;
78 }
79
80 .tabs1 .tablist li.current a {
81     background-color: var(--arm_blue);
82 }
83
84 .tablist a:hover {
85     color: var(--arm_orange);
86 }
87
88 .tabs1 a:hover {
89     color: var(--arm_yellow);
90 }
91
92 .tablist li.current :hover {
93     color: white;
94 }