← All changes | css/admin.css +28 -74 1.15 → 1.5 View file →

		@@ -123,38 +123,32 @@
123	123	#maxbuttons.maxbuttons-social .help-side .legend-circle.share-icon {
124	124	background-color: #008e00; }
125	125	#maxbuttons.maxbuttons-social .main {
126	126	width: 100%; }
127		- #maxbuttons.maxbuttons-social .main .help-side.collection_switcher {
	127	+ #maxbuttons.maxbuttons-social .main .collection_switcher {
128	128	position: relative; }
129		- #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.heading, #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item a {
130		- display: flex;
131		- text-align: center; }
132		- #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.heading span:first-of-type, #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item a span:first-of-type {
133		- flex-basis: 20%; }
134		- #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.heading span:nth-of-type(2), #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item a span:nth-of-type(2) {
135		- flex-basis: 30%; }
136		- #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.heading span:last-child-of, #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item a span:last-child-of {
137		- flex-basis: 50%; }
138		- #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item {
	129	+ #maxbuttons.maxbuttons-social .main .collection_switcher .item {
	130	+ border-color: 1px solid #eee;
139	131	display: inline-block;
140	132	width: 100%;
141	133	margin: 2px 0;
142		- padding: 4px 0;
143		- border-bottom: 1px solid #ccc;
144		- font-size: 14px;
145		- text-align: center; }
146		- #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item a {
	134	+ padding: 8px 0; }
	135	+ #maxbuttons.maxbuttons-social .main .collection_switcher .item span {
	136	+ width: 30%;
	137	+ display: inline-block;
	138	+ text-align: center; }
	139	+ #maxbuttons.maxbuttons-social .main .collection_switcher .item a {
147	140	color: #0073aa;
	141	+ font-size: 16px;
148	142	text-decoration: none;
149		- padding: 6px 0;
150		- min-width: 50px;
151		- display: flex; }
152		- #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.new {
	143	+ padding: 12px 8px;
	144	+ min-width: 50px; }
	145	+ #maxbuttons.maxbuttons-social .main .collection_switcher .item.new {
	146	+ float: right;
	147	+ width: 80px;
153	148	background-color: #0073aa;
154	149	margin: 25px 0 0 0; }
155		- #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.new a {
156		- box-sizing: border-box;
	150	+ #maxbuttons.maxbuttons-social .main .collection_switcher .item.new a {
157	151	line-height: 30px;
158	152	color: #fff;
159	153	min-width: 0;
160	154	font-size: 14px;
		@@ -161,22 +155,17 @@
161	155	text-transform: uppercase;
162	156	display: inline-block;
163	157	width: 100%;
164	158	vertical-align: middle;
165		- padding: 0;
166		- text-align: right;
167		- padding-right: 15px; }
168		- #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.new .plus {
	159	+ padding: 0; }
	160	+ #maxbuttons.maxbuttons-social .main .collection_switcher .item.new .plus {
169	161	font-size: 28px;
170	162	font-weight: 700;
171	163	vertical-align: top;
172	164	margin: 0 6px;
173		- line-height: 1;
174		- width: auto; }
175		- #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.active {
176		- background: #fff; }
177		- #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.active a {
178		- color: #000; }
	165	+ line-height: 1; }
	166	+ #maxbuttons.maxbuttons-social .main .collection_switcher .item.active {
	167	+ background-color: #ffffe0; }
179	168	#maxbuttons.maxbuttons-social .main .button.remove {
180	169	float: right; }
181	170	#maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions, #maxbuttons.maxbuttons-social .main .collection_switcher {
182	171	width: 72%;
		@@ -184,14 +173,12 @@
184	173	box-sizing: border-box;
185	174	position: relative; }
186	175	@media (max-width: 1200px) {
187	176	#maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions, #maxbuttons.maxbuttons-social .main .collection_switcher {
188		- width: 90%; } }
	177	+ min-width: 0; } }
189	178	@media (max-width: 800px) {
190	179	#maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions, #maxbuttons.maxbuttons-social .main .collection_switcher {
191	180	width: 95%; } }
192		- #maxbuttons.maxbuttons-social .main .options .input.checkbox {
193		- margin-right: 2px; }
194	181	#maxbuttons.maxbuttons-social .main .mb-message.shortcode {
195	182	clear: left; }
196	183	#maxbuttons.maxbuttons-social .main .help-side {
197	184	float: right;
		@@ -206,10 +193,9 @@
206	193	clear: both;
207	194	} */ }
208	195	@media (max-width: 1200px) {
209	196	#maxbuttons.maxbuttons-social .main .help-side {
210		- float: none;
211		- width: 90%; } }
	197	+ min-width: 0; } }
212	198	@media (max-width: 800px) {
213	199	#maxbuttons.maxbuttons-social .main .help-side {
214	200	display: none; } }
215	201	#maxbuttons.maxbuttons-social .main .help-side h3 {
		@@ -295,10 +281,8 @@
295	281	text-transform: uppercase;
296	282	position: relative; }
297	283	#maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead span:nth-child(3) {
298	284	margin-left: 10px; }
299		- #maxbuttons.maxbuttons-social .option-container.display .option.show_desktop label, #maxbuttons.maxbuttons-social .option-container.display .option.show_mobile label {
300		- min-width: 168px; }
301	285	#maxbuttons.maxbuttons-social #previewBlock .maxsocial {
302	286	clear: none !important; }
303	287	#maxbuttons.maxbuttons-social #previewBlock .mb-item {
304	288	margin-bottom: 20px; }
		@@ -368,32 +352,12 @@
368	352	#maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomcenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomcenter {
369	353	background-position: -26px -78px; }
370	354	#maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomright, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomright {
371	355	background-position: -52px -78px; }
372		- #maxbuttons.maxbuttons-social #profileBlock .inside > div.option {
373		- display: flex;
374		- flex-direction: row;
375		- flex-wrap: wrap; }
376		- #maxbuttons.maxbuttons-social #profileBlock .inside > div.option > label {
377		- flex-basis: 100px; }
378		- #maxbuttons.maxbuttons-social #profileBlock .inside > div.option > div {
379		- flex-basis: 330px;
380		- max-width: 400px;
381		- flex-shrink: 0; }
382		- #maxbuttons.maxbuttons-social #profileBlock .inside > div.option > span {
383		- flex-basis: 180px;
384		- min-width: 150px; }
385		- #maxbuttons.maxbuttons-social #profileBlock .inside > div.option > span .switch_label {
386		- width: 100px; }
387		- #maxbuttons.maxbuttons-social #profileBlock .inside > div.option > span .switch_button {
388		- min-height: 0;
389		- margin-top: 3px; }
390	356	#maxbuttons.maxbuttons-social #profileBlock .input.text {
391		- line-height: 30px; }
392		- #maxbuttons.maxbuttons-social #profileBlock input[type="text"] {
393		- float: right; }
	357	+ width: 350px; }
394	358	#maxbuttons.maxbuttons-social #profileBlock #profile_rss {
395		- width: 100%; }
	359	+ width: 300px; }
396	360	#maxbuttons.maxbuttons-social .forpro.overlay {
397	361	position: absolute;
398	362	left: 0;
399	363	right: 0;
		@@ -432,12 +396,9 @@
432	396	width: 30px;
433	397	line-height: 25px;
434	398	vertical-align: middle; }
435	399	#maxbuttons.maxbuttons-social .network_tab .network_selection li img {
436		- width: 20px;
437		- height: auto;
438		- vertical-align: middle;
439		- margin-right: 12px; }
	400	+ width: 20px; }
440	401	#maxbuttons.maxbuttons-social .network_tab .network_selection li .label {
441	402	vertical-align: middle;
442	403	line-height: 25px; }
443	404	#maxbuttons.maxbuttons-social .network_tab .network_selection .maxajax-load-spinner {
		@@ -492,22 +453,15 @@
492	453	li.the_network.selected {
493	454	box-shadow: 2px 2px 2px #0073aa;
494	455	border: 3px solid #0073aa; }
495	456	#maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
496		- li.the_network .mb-icon, #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
497		- li.the_network img {
498		- margin-right: 25px;
499		- vertical-align: middle; }
	457	+ li.the_network .mb-icon {
	458	+ margin-right: 25px; }
500	459	#maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
501	460	li.the_network .is_imported {
502	461	font-size: 12px;
503	462	float: right;
504	463	color: green; }
505		- #maxbuttons.maxbuttons-social .network_tab .network_editor .option select {
506		- width: auto; }
507		- #maxbuttons.maxbuttons-social .network_tab .network_editor .the_icon_preview {
508		- min-width: 30px;
509		- min-height: 30px; }
510	464	#maxbuttons.maxbuttons-social .network_tab .network_editor .option.save_network {
511	465	margin: 25px 0; }
512	466
513	467	.max-modal.save_done .modal_header {