← All changes | assets/css/admin-bar.css +120 -6 1.3.5.1 → trunk View file →

		@@ -1,4 +1,58 @@
	1	+.imagify-account,
	2	+.imagify-account-link {
	3	+ padding-right: 15px;
	4	+}
	5	+.imagify-meteo-icon {
	6	+ display: inline-block;
	7	+ height: 38px;
	8	+ vertical-align: middle;
	9	+ margin-right: 10px;
	10	+}
	11	+.imagify-user-plan {
	12	+ color: #40b1d0;
	13	+}
	14	+.imagify-meteo-title.imagify-meteo-title {
	15	+ color: #FFF;
	16	+ font-size: 17px;
	17	+}
	18	+.imagify-space-left > p {
	19	+ color: #FFF;
	20	+}
	21	+#wp-admin-bar-imagify-profile [class^="imagify-bar-"] {
	22	+ position: relative;
	23	+ height: 8px;
	24	+ width: 100%;
	25	+ background: #60758D;
	26	+ color: #FFF;
	27	+ font-size: 10px;
	28	+}
	29	+#wp-admin-bar-imagify-profile .imagify-progress {
	30	+ height: 8px;
	31	+ font-size: 1em;
	32	+}
	33	+.imagify-progress {
	34	+ transition: width .3s;
	35	+}
	36	+.imagify-bar-positive .imagify-progress {
	37	+ background: #8CC152;
	38	+}
	39	+.imagify-bar-positive .imagify-barnb {
	40	+ color: #8CC152;
	41	+}
	42	+.imagify-bar-negative .imagify-progress {
	43	+ background: #73818C;
	44	+}
	45	+.imagify-bar-negative .imagify-barnb {
	46	+ color: #73818C;
	47	+}
	48	+.imagify-bar-neutral .imagify-progress {
	49	+ background: #F5A623;
	50	+}
	51	+.imagify-space-left .imagify-bar-negative .imagify-progress {
	52	+ background: #D0021B;
	53	+}
	54	+
1	55	#wpadminbar #wp-admin-bar-imagify-profile * {
2	56	line-height: 1.5;
3	57	white-space: initial;
4	58	}
		@@ -6,13 +60,12 @@
6	60	padding-bottom: 0;
7	61	}
8	62	#wpadminbar #wp-admin-bar-imagify-profile .ab-item {
9	63	height: auto;
10		- padding: 0 13px;
	64	+ padding: 0;
11	65	}
12	66	#wpadminbar #wp-admin-bar-imagify-profile {
13	67	min-width: 200px;
14		- padding: 15px 0 10px;
15	68	margin-top: 0.7em;
16	69	background: #222;
17	70	}
18	71	#wp-admin-bar-imagify .dashicons {
		@@ -82,9 +135,9 @@
82	135	#wp-admin-bar-imagify-profile .imagify-warning p + p + p {
83	136	margin-top: 1em;
84	137	}
85	138
86		-#wpadminbar #wp-admin-bar-imagify-profile .btn-ghost {
	139	+#wpadminbar #wp-admin-bar-imagify-profile .imagify-btn-ghost {
87	140	display: inline-block;
88	141	height: auto;
89	142	padding: 7px 10px;
90	143	border: 1px solid #FFF;
		@@ -94,10 +147,10 @@
94	147	border-radius: 3px;
95	148	transition: all .275s;
96	149	}
97	150
98		-#wpadminbar #wp-admin-bar-imagify-profile .btn-ghost:hover,
99		-#wpadminbar #wp-admin-bar-imagify-profile .btn-ghost:focus {
	151	+#wpadminbar #wp-admin-bar-imagify-profile .imagify-btn-ghost:hover,
	152	+#wpadminbar #wp-admin-bar-imagify-profile .imagify-btn-ghost:focus {
100	153	background: #FFF;
101	154	color: #888;
102	155	}
103	156
		@@ -104,5 +157,66 @@
104	157	#wpadminbar .imagify-warning * {
105	158	background: #f5a623;
106	159	color: #FFF;
107	160	text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
108		-}
	161	+}
	162	+
	163	+
	164	+#wp-admin-bar-imagify-profile .imagify-upsell-admin-bar {
	165	+ position:relative ;
	166	+ background: #c51161;
	167	+ margin: 10px -15px -13px -15px;
	168	+ padding: 16px;
	169	+}
	170	+
	171	+#wp-admin-bar-imagify-profile .imagify-upsell-admin-bar p {
	172	+ color: #ebebeb;
	173	+}
	174	+
	175	+#wp-admin-bar-imagify-profile a.imagify-upsell-admin-bar-button {
	176	+ display: block;
	177	+ height: auto !important;
	178	+ border: 1px solid #fff;
	179	+ border-radius: 5px;
	180	+ color: #fff !important;
	181	+ padding: 5px 10px !important;
	182	+ text-align: center;
	183	+ text-decoration: none;
	184	+ margin-top: 10px;
	185	+}
	186	+
	187	+#wpadminbar #wp-admin-bar-imagify-profile a.imagify-upsell-dismiss {
	188	+ display: inline !important;
	189	+ height: auto !important;
	190	+}
	191	+
	192	+#wpadminbar #wp-admin-bar-imagify-profile .imagify-upsell-dismiss::before {
	193	+ position: absolute;
	194	+ top: 5px;
	195	+ right: 5px;
	196	+ color: #fff;
	197	+}
	198	+.imagify-plugin-upgrade {
	199	+ color: #6f9c3b;
	200	+ font-weight: 600;
	201	+}
	202	+
	203	+#wpadminbar #wp-admin-bar-imagify-upgrade-plan .ab-empty-item {
	204	+ padding: 0;
	205	+}
	206	+
	207	+#wpadminbar .imagify-admin-bar-upgrade-plan {
	208	+ background: #8bc34a;
	209	+ box-sizing: border-box;
	210	+ border:none;
	211	+ color: #fff;
	212	+ cursor: pointer;
	213	+ display: block;
	214	+ font-weight: bold !important;
	215	+ padding: 0 10px;
	216	+ text-align: left;
	217	+ width: 100% !important;
	218	+}
	219	+
	220	+#wpadminbar #wp-admin-bar-imagify-profile .imagify-admin-bar-quota {
	221	+ padding: 13px 15px;
	222	+}