xref: /plugin/catmenu/style.css (revision 6983cdfd4483215ff5a1e573925c9c612964e790) 
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  width: 800px;
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: 2px 2px 5px rgba(0,0,0,0.2);
107  padding: 2px;
108  min-width: 150px;
109  max-width: 30%;
110  border-radius: 5px;
111  box-shadow: #888 3px 3px 7px;
112}
113#catmenu_contextMenu p {
114  text-align: center;
115  margin: 0;
116  padding: 0 5px;
117}
118#catmenu_contextMenu .button {
119  display: block;
120  color: inherit;
121  cursor: pointer;
122  padding: 2px 0;
123  border-radius: 3px;
124  text-decoration: none;
125}
126#catmenu_contextMenu .button:hover {
127  background-color: #e1e1e1;
128}
129
130.pm_catmenu_node {
131  display: inline-flex;
132  align-items: center;
133  gap: 8px;
134  padding: 6px 10px;
135  border: 1px solid #d0d7de;
136  border-radius: 6px;
137  background: #f6f8fa;
138  color: #1f2328;
139  font-family: sans-serif;
140  cursor: pointer;
141}
142
143.pm_catmenu_block {
144  display: flex;
145  width: 100%;
146  margin: 6px 0;
147}
148
149.pm_catmenu_icon {
150  width: 16px;
151  height: 16px;
152  flex: 0 0 16px;
153}
154