PluginProbe
Elementor Website Builder – more than just a page builder / 3.22.3
Elementor Website Builder – more than just a page builder v3.22.3
4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 4.0.8 4.1.0-beta1 4.1.0-dev1 4.0.7 All 451 releases
elementor / assets / css / admin-top-bar.css

admin-top-bar.css in Elementor Website Builder – more than just a page builder 3.22.3, at assets/css/admin-top-bar.css

165 lines 4.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.22.0 - 26-06-2024 */
2 #e-dashboard-widget-admin-top-bar {
3 position: absolute;
4 opacity: 0;
5 pointer-events: none;
6 }
7
8 #e-admin-top-bar-root {
9 right: 0;
10 font-family: var(--e-a-font-family);
11 background: var(--e-a-bg-default);
12 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.03);
13 display: none;
14 position: absolute;
15 top: 0;
16 width: calc(100% - 160px);
17 z-index: 1;
18 }
19 body.folded #e-admin-top-bar-root {
20 width: calc(100% - 36px);
21 }
22 #e-admin-top-bar-root .e-admin-top-bar {
23 display: flex;
24 height: 50px;
25 justify-content: space-between;
26 padding: 0 16px;
27 }
28 #e-admin-top-bar-root .page-title-action {
29 font-size: 12px;
30 font-weight: 500;
31 line-height: 1.2;
32 text-transform: uppercase;
33 text-decoration: none;
34 padding: 8px 16px;
35 outline: none;
36 border: none;
37 border-radius: var(--e-a-border-radius);
38 background-color: var(--e-a-btn-bg);
39 color: var(--e-a-btn-color-invert);
40 transition: var(--e-a-transition-hover);
41 }
42 #e-admin-top-bar-root .page-title-action:hover {
43 background-color: var(--e-a-btn-bg-hover);
44 color: var(--e-a-btn-color-invert);
45 }
46 #e-admin-top-bar-root .e-admin-top-bar__heading {
47 display: inline-flex;
48 align-items: center;
49 justify-content: center;
50 margin-inline-end: 40px;
51 }
52 #e-admin-top-bar-root .e-admin-top-bar__main-area {
53 display: inline-flex;
54 align-items: center;
55 justify-content: center;
56 }
57 #e-admin-top-bar-root .e-admin-top-bar__main-area button {
58 margin: 0 4px;
59 }
60 #e-admin-top-bar-root .e-admin-top-bar__secondary-area {
61 display: inline-flex;
62 align-items: center;
63 justify-content: center;
64 }
65 #e-admin-top-bar-root .e-admin-top-bar__heading-title {
66 color: var(--e-a-color-txt);
67 font-size: 15px;
68 font-weight: 700;
69 padding: 0 8px;
70 line-height: normal;
71 }
72 #e-admin-top-bar-root .e-admin-top-bar__main-area-buttons {
73 display: inline-flex;
74 gap: 5px;
75 }
76 #e-admin-top-bar-root.e-admin-top-bar--active {
77 display: block;
78 }
79 #e-admin-top-bar-root.e-admin-top-bar--active ~ #wpbody #wpbody-content {
80 margin-block-start: 50px;
81 }
82 #e-admin-top-bar-root.e-admin-top-bar--active ~ #wpbody .wrap {
83 clear: both;
84 padding-block-start: 10px;
85 }
86 #e-admin-top-bar-root.e-admin-top-bar--active ~ #wpbody .wrap h1 {
87 display: none;
88 }
89 #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 {
90 display: inline-block;
91 }
92 #e-admin-top-bar-root .e-admin-top-bar__bar-button {
93 align-items: center;
94 cursor: pointer;
95 display: inline-flex;
96 justify-content: center;
97 margin: 0 10px;
98 text-decoration: none;
99 color: var(--e-a-color-txt);
100 }
101 #e-admin-top-bar-root .e-admin-top-bar__bar-button.accent {
102 color: var(--e-a-color-accent);
103 }
104 #e-admin-top-bar-root .e-admin-top-bar__bar-button.accent:hover .e-admin-top-bar__bar-button-title,
105 #e-admin-top-bar-root .e-admin-top-bar__bar-button.accent:hover .e-admin-top-bar__bar-button-icon {
106 color: var(--e-a-color-accent);
107 }
108 #e-admin-top-bar-root .e-admin-top-bar__bar-button .crown-icon {
109 font-size: 14px;
110 }
111 #e-admin-top-bar-root .e-admin-top-bar__bar-button .e-admin-top-bar__bar-button-icon {
112 margin: 0 4px;
113 }
114 #e-admin-top-bar-root .e-admin-top-bar__bar-button:hover .e-admin-top-bar__bar-button-title,
115 #e-admin-top-bar-root .e-admin-top-bar__bar-button:hover .e-admin-top-bar__bar-button-icon {
116 color: var(--e-a-color-txt-hover);
117 }
118 #e-admin-top-bar-root .e-admin-top-bar__bar-button-title {
119 font-size: 13px;
120 font-weight: 500;
121 margin: 0 4px;
122 line-height: normal;
123 }
124 #e-admin-top-bar-root ~ #wpbody .wrap h1, #e-admin-top-bar-root ~ #wpbody .wrap .page-title-action {
125 display: none;
126 }
127
128 @media screen and (max-width: 960px) {
129 #e-admin-top-bar-root {
130 width: calc(100% - 36px);
131 }
132 }
133 @media screen and (max-width: 782px) {
134 #e-admin-top-bar-root {
135 width: 100%;
136 }
137 }
138 @media screen and (max-width: 600px) {
139 #e-admin-top-bar-root {
140 top: 46px;
141 }
142 }
143 @media (max-width: 768px) {
144 #e-admin-top-bar-root {
145 display: inline-flex;
146 align-items: center;
147 justify-content: center;
148 }
149 #e-admin-top-bar-root .e-admin-top-bar__main-area-buttons {
150 position: absolute;
151 top: calc(100% + 10px);
152 }
153 #e-admin-top-bar-root .e-admin-top-bar__secondary-area .e-admin-top-bar__secondary-area-buttons {
154 display: none;
155 }
156 #e-admin-top-bar-root .e-admin-top-bar__secondary-area > .e-admin-top-bar__bar-button .e-admin-top-bar__bar-button-title {
157 display: none;
158 }
159 }
160 @media (min-width: 768px) {
161 #e-admin-top-bar-root .e-admin-top-bar__secondary-area .e-admin-top-bar__secondary-area-buttons {
162 display: flex;
163 }
164 }
165 /*# sourceMappingURL=admin-top-bar.css.map */