xref: /plugin/catmenu/style.css (revision aa591c9040aa9d58df44eaf65df693766613dc9f) 
1.catmenu {
2  overflow-y: auto;
3  overflow-x: hidden;
4  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
5  font-size: 11px;
6}
7
8.catmenu > .menu-item:first-of-type {
9  margin-top: 0px;
10}
11.catmenu .menu-item {
12  box-sizing: border-box;
13  margin-top: 5px;
14}
15.catmenu .menu-item a {
16  color: inherit;
17  text-decoration: none;
18}
19.catmenu .menu-item .header a,
20.catmenu .menu-item .header a:visited,
21.catmenu .menu-item .header a:hover,
22.catmenu .menu-item .header a:active {
23  color: inherit !important;
24}
25.catmenu > .menu-item > .header {
26  background-color: #4fb9a6;
27  padding: 5px;
28  transition: background .5s;
29  color: #fff;
30  border-radius: 7px;
31}
32.catmenu .header.current {
33  font-weight: bold;
34}
35.catmenu > .menu-item > .submenu {
36  padding-left: 5px;
37  max-width: 100%;
38}
39.catmenu > .menu-item > .header:hover {
40  background-color: #5ec9b3;
41}
42.catmenu .menu-item .header {
43  text-align: justify;
44  padding-right: 5px;
45}
46.catmenu .menu-item .header * {
47  vertical-align: middle;
48}
49.catmenu .menu-item .header a:hover {
50  text-decoration: underline;
51}
52
53.catmenu .menu-item .header {
54  padding-left: 14px;
55}
56.catmenu .menu-item .header.arrow {
57  cursor: pointer;
58  padding-left: 0;
59}
60.catmenu > .menu-item > .header.arrow {
61  padding-left: 5px;
62}
63.catmenu .menu-item .header.arrow::before {
64  margin-right: 5px;
65  content: "▶";
66  display: inline-block;
67  transition: transform 0.2s;
68}
69.catmenu .menu-item.open > .header.arrow::before {
70  transform: rotate(90deg);
71}
72
73.catmenu .menu-item .icon {
74  width: 16px;
75  height: 16px;
76  margin-right: 5px;
77}
78
79.catmenu .submenu {
80  max-height: 0;
81  padding-left: 15px;
82  overflow-y: auto;
83  overflow-x: hidden;
84  transition: max-height 0.2s;
85}
86.catmenu .submenu .icon {
87  display: none;
88}
89.catmenu .open > .header .icon,
90.catmenu .open > .submenu > .menu-item > .header > .icon {
91  display: inline;
92}
93.catmenu .open > .submenu {
94  max-height: none;
95}
96.catmenu > .submenu.open {
97  padding-bottom: 5px;
98  border-bottom: 1px solid #000;
99}
100
101#catmenu_contextMenu {
102  position: fixed;
103  display: none;
104  background: #fff;
105  border: 1px solid #ccc;
106  box-shadow: #888 3px 3px 7px;
107  padding: 2px;
108  min-width: 150px;
109  max-width: 30%;
110  border-radius: 5px;
111}
112#catmenu_contextMenu p {
113  text-align: center;
114  margin: 0;
115  padding: 0 5px;
116}
117#catmenu_contextMenu .button {
118  display: block;
119  color: inherit;
120  cursor: pointer;
121  padding: 2px 0;
122  border-radius: 3px;
123  text-decoration: none;
124}
125#catmenu_contextMenu .button:hover {
126  background-color: #e1e1e1;
127}
128
129.pm_catmenu_node {
130  display: inline-flex;
131  align-items: center;
132  gap: 8px;
133  padding: 6px 10px;
134  border: 1px solid #d0d7de;
135  border-radius: 6px;
136  background: #f6f8fa;
137  color: #1f2328;
138  font-family: sans-serif;
139  cursor: pointer;
140}
141
142.pm_catmenu_block {
143  display: flex;
144  width: 100%;
145  margin: 6px 0;
146}
147
148.pm_catmenu_icon {
149  width: 16px;
150  height: 16px;
151  flex: 0 0 16px;
152}
153
154.catmenu-footer {
155  margin-top: 8px;
156  padding-top: 6px;
157  border-top: 1px solid #ccc;
158  font-size: 10px;
159  color: #555;
160}
161.catmenu-footer p:first-child { margin-top: 0; }
162.catmenu-footer p:last-child  { margin-bottom: 0; }
163