← All changes | assets/css/admin-top-bar.css +108 -52 4.1.0-dev2 → 3.7.5 View file →

		@@ -1,4 +1,5 @@
	1	+/*! elementor - v3.7.5 - 14-09-2022 */
1	2	#e-dashboard-widget-admin-top-bar {
2	3	position: absolute;
3	4	opacity: 0;
4	5	pointer-events: none;
		@@ -4,113 +5,160 @@
4	5	pointer-events: none;
5	6	}
6	7
7	8	#e-admin-top-bar-root {
8		- font-family: var(--e-a-font-family);
9		- background: var(--e-a-bg-default);
10		- box-shadow: 0 4px 6px rgba(0, 0, 0, 0.03);
	9	+ right: 0;
	10	+ background: #ffffff;
	11	+ -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.0394871);
	12	+ box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.0394871);
11	13	display: none;
12	14	position: absolute;
13		- inset-block-start: 0;
14		- inset-inline-end: 0;
	15	+ top: 0;
15	16	width: calc(100% - 160px);
16	17	z-index: 1;
17	18	}
18		-body.folded #e-admin-top-bar-root {
19		- width: calc(100% - 36px);
20		-}
21	19	#e-admin-top-bar-root .e-admin-top-bar {
	20	+ display: -webkit-box;
	21	+ display: -ms-flexbox;
22	22	display: flex;
23	23	height: 50px;
24		- justify-content: space-between;
	24	+ -webkit-box-pack: justify;
	25	+ -ms-flex-pack: justify;
	26	+ justify-content: space-between;
25	27	padding: 0 16px;
26	28	}
27	29	#e-admin-top-bar-root .page-title-action {
28		- font-size: 12px;
29		- font-weight: 500;
30		- line-height: 1.2;
31		- text-transform: uppercase;
	30	+ background: #f7f7f7;
	31	+ border: 1px solid #0275d8;
	32	+ border-radius: 3px;
	33	+ -webkit-box-sizing: border-box;
	34	+ box-sizing: border-box;
	35	+ color: #0275d8;
	36	+ cursor: pointer;
	37	+ display: inline-block;
	38	+ line-height: 30px;
	39	+ margin: 0 4px;
	40	+ min-height: 30px;
	41	+ padding: 0 10px;
32	42	text-decoration: none;
33		- padding: 8px 16px;
34		- outline: none;
35		- border: none;
36		- border-radius: var(--e-a-border-radius);
37		- background-color: var(--e-a-btn-bg);
38		- color: var(--e-a-btn-color-invert);
39		- transition: var(--e-a-transition-hover);
40	43	}
41	44	#e-admin-top-bar-root .page-title-action:hover {
42		- background-color: var(--e-a-btn-bg-hover);
43		- color: var(--e-a-btn-color-invert);
	45	+ background: #eceeef;
	46	+ border-color: #1b607f;
	47	+ color: #1b607f;
44	48	}
45	49	#e-admin-top-bar-root .e-admin-top-bar__heading {
	50	+ display: -webkit-inline-box;
	51	+ display: -ms-inline-flexbox;
46	52	display: inline-flex;
47		- align-items: center;
48		- justify-content: center;
49		- margin-inline-end: 40px;
	53	+ -webkit-box-align: center;
	54	+ -ms-flex-align: center;
	55	+ align-items: center;
	56	+ -webkit-box-pack: center;
	57	+ -ms-flex-pack: center;
	58	+ justify-content: center;
	59	+ -webkit-margin-end: 40px;
	60	+ margin-inline-end: 40px;
50	61	}
51	62	#e-admin-top-bar-root .e-admin-top-bar__main-area {
	63	+ display: -webkit-inline-box;
	64	+ display: -ms-inline-flexbox;
52	65	display: inline-flex;
53		- align-items: center;
54		- justify-content: center;
	66	+ -webkit-box-align: center;
	67	+ -ms-flex-align: center;
	68	+ align-items: center;
	69	+ -webkit-box-pack: center;
	70	+ -ms-flex-pack: center;
	71	+ justify-content: center;
55	72	}
56	73	#e-admin-top-bar-root .e-admin-top-bar__main-area button {
57	74	margin: 0 4px;
58	75	}
59	76	#e-admin-top-bar-root .e-admin-top-bar__secondary-area {
	77	+ display: -webkit-inline-box;
	78	+ display: -ms-inline-flexbox;
60	79	display: inline-flex;
61		- align-items: center;
62		- justify-content: center;
	80	+ -webkit-box-align: center;
	81	+ -ms-flex-align: center;
	82	+ align-items: center;
	83	+ -webkit-box-pack: center;
	84	+ -ms-flex-pack: center;
	85	+ justify-content: center;
63	86	}
	87	+#e-admin-top-bar-root .e-admin-top-bar__heading-logo {
	88	+ width: 30px;
	89	+}
	90	+#e-admin-top-bar-root .e-admin-top-bar__heading-logo {
	91	+ background: #93003c;
	92	+ border-radius: 15px;
	93	+ color: #ffffff;
	94	+ display: inline-block;
	95	+ font-size: 0.875rem;
	96	+ height: 1.875rem;
	97	+ line-height: 1.875rem;
	98	+ text-align: center;
	99	+ width: 1.875rem;
	100	+}
64	101	#e-admin-top-bar-root .e-admin-top-bar__heading-title {
65		- color: var(--e-a-color-txt);
	102	+ color: #495157;
66	103	font-size: 15px;
67	104	font-weight: 700;
	105	+ font-family: "Roboto", Arial, Helvetica, Verdana, sans-serif;
68	106	padding: 0 8px;
69	107	line-height: normal;
	108	+ text-transform: uppercase;
70	109	}
71		-#e-admin-top-bar-root .e-admin-top-bar__main-area-buttons {
72		- display: inline-flex;
73		- gap: 5px;
74		-}
75	110	#e-admin-top-bar-root.e-admin-top-bar--active {
76	111	display: block;
77	112	}
	113	+#e-admin-top-bar-root.e-admin-top-bar--active ~ #wpbody #wpbody-content {
	114	+ margin-top: 50px;
	115	+}
	116	+#e-admin-top-bar-root.e-admin-top-bar--active ~ #wpbody .wrap {
	117	+ clear: both;
	118	+ padding-top: 10px;
	119	+}
	120	+#e-admin-top-bar-root.e-admin-top-bar--active ~ #wpbody .wrap h1 {
	121	+ display: none;
	122	+}
78	123	#e-admin-top-bar-root:not(.e-admin-top-bar--active) ~ #wpbody .wrap h1, #e-admin-top-bar-root:not(.e-admin-top-bar--active) ~ #wpbody .wrap .page-title-action {
79	124	display: inline-block;
80	125	}
81	126	#e-admin-top-bar-root .e-admin-top-bar__bar-button {
82		- align-items: center;
	127	+ -webkit-box-align: center;
	128	+ -ms-flex-align: center;
	129	+ align-items: center;
83	130	cursor: pointer;
	131	+ display: -webkit-inline-box;
	132	+ display: -ms-inline-flexbox;
84	133	display: inline-flex;
85		- justify-content: center;
	134	+ -webkit-box-pack: center;
	135	+ -ms-flex-pack: center;
	136	+ justify-content: center;
86	137	margin: 0 10px;
87	138	text-decoration: none;
88		- color: var(--e-a-color-txt);
	139	+ color: #6d7882;
89	140	}
90		-#e-admin-top-bar-root .e-admin-top-bar__bar-button.accent {
91		- color: var(--e-a-color-accent);
	141	+#e-admin-top-bar-root .e-admin-top-bar__bar-button .e-admin-top-bar__bar-button-title {
	142	+ color: #6d7882;
92	143	}
93		-#e-admin-top-bar-root .e-admin-top-bar__bar-button.accent:hover .e-admin-top-bar__bar-button-title,
94		-#e-admin-top-bar-root .e-admin-top-bar__bar-button.accent:hover .e-admin-top-bar__bar-button-icon {
95		- color: var(--e-a-color-accent);
96		-}
97		-#e-admin-top-bar-root .e-admin-top-bar__bar-button .crown-icon {
98		- font-size: 14px;
99		-}
100	144	#e-admin-top-bar-root .e-admin-top-bar__bar-button .e-admin-top-bar__bar-button-icon {
101	145	margin: 0 4px;
102	146	}
103	147	#e-admin-top-bar-root .e-admin-top-bar__bar-button:hover .e-admin-top-bar__bar-button-title,
104	148	#e-admin-top-bar-root .e-admin-top-bar__bar-button:hover .e-admin-top-bar__bar-button-icon {
105		- color: var(--e-a-color-txt-hover);
	149	+ color: #93003c;
106	150	}
107	151	#e-admin-top-bar-root .e-admin-top-bar__bar-button-title {
108	152	font-size: 13px;
109	153	font-weight: 500;
	154	+ font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
110	155	margin: 0 4px;
111	156	line-height: normal;
112	157	}
	158	+#e-admin-top-bar-root ~ #wpbody .wrap h1, #e-admin-top-bar-root ~ #wpbody .wrap .page-title-action {
	159	+ display: none;
	160	+}
113	161
114	162	@media screen and (max-width: 960px) {
115	163	#e-admin-top-bar-root {
116	164	width: calc(100% - 36px);
		@@ -126,17 +174,23 @@
126	174	top: 46px;
127	175	}
128	176	}
129	177	@media (max-width: 768px) {
	178	+ #e-admin-top-bar-root {
	179	+ display: -webkit-inline-box;
	180	+ display: -ms-inline-flexbox;
	181	+ display: inline-flex;
	182	+ -webkit-box-align: center;
	183	+ -ms-flex-align: center;
	184	+ align-items: center;
	185	+ -webkit-box-pack: center;
	186	+ -ms-flex-pack: center;
	187	+ justify-content: center;
	188	+ }
130	189	#e-admin-top-bar-root .e-admin-top-bar__main-area-buttons {
131	190	position: absolute;
132	191	top: calc(100% + 10px);
133	192	}
134		- #e-admin-top-bar-root {
135		- display: inline-flex;
136		- align-items: center;
137		- justify-content: center;
138		- }
139	193	#e-admin-top-bar-root .e-admin-top-bar__secondary-area .e-admin-top-bar__secondary-area-buttons {
140	194	display: none;
141	195	}
142	196	#e-admin-top-bar-root .e-admin-top-bar__secondary-area > .e-admin-top-bar__bar-button .e-admin-top-bar__bar-button-title {
		@@ -144,8 +198,10 @@
144	198	}
145	199	}
146	200	@media (min-width: 768px) {
147	201	#e-admin-top-bar-root .e-admin-top-bar__secondary-area .e-admin-top-bar__secondary-area-buttons {
	202	+ display: -webkit-box;
	203	+ display: -ms-flexbox;
148	204	display: flex;
149	205	}
150	206	}
151	207	/*# sourceMappingURL=admin-top-bar.css.map */