← All changes | assets/css/admin-top-bar.css +156 -130 4.1.3 → 3.4.3 View file →

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