← All changes | css/admin.css +10 -67 1.8 → 1.2 View file →

		@@ -123,64 +123,19 @@
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 .collection_switcher {
128		- position: relative; }
129		- #maxbuttons.maxbuttons-social .main .collection_switcher .item {
130		- border-color: 1px solid #eee;
131		- display: inline-block;
132		- width: 100%;
133		- margin: 2px 0;
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 {
140		- color: #0073aa;
141		- font-size: 16px;
142		- text-decoration: none;
143		- padding: 12px 8px;
144		- min-width: 50px; }
145		- #maxbuttons.maxbuttons-social .main .collection_switcher .item.new {
146		- float: right;
147		- width: 80px;
148		- background-color: #0073aa;
149		- margin: 25px 0 0 0; }
150		- #maxbuttons.maxbuttons-social .main .collection_switcher .item.new a {
151		- line-height: 30px;
152		- color: #fff;
153		- min-width: 0;
154		- font-size: 14px;
155		- text-transform: uppercase;
156		- display: inline-block;
157		- width: 100%;
158		- vertical-align: middle;
159		- padding: 0; }
160		- #maxbuttons.maxbuttons-social .main .collection_switcher .item.new .plus {
161		- font-size: 28px;
162		- font-weight: 700;
163		- vertical-align: top;
164		- margin: 0 6px;
165		- line-height: 1; }
166		- #maxbuttons.maxbuttons-social .main .collection_switcher .item.active {
167		- background-color: #ffffe0; }
168		- #maxbuttons.maxbuttons-social .main .button.remove {
169		- float: right; }
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 {
	127	+ #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions {
171	128	width: 72%;
172	129	min-width: 700px;
173	130	box-sizing: border-box;
174	131	position: relative; }
175	132	@media (max-width: 1200px) {
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 {
	133	+ #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions {
177	134	min-width: 0; } }
178	135	@media (max-width: 800px) {
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 {
	136	+ #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions {
180	137	width: 95%; } }
181		- #maxbuttons.maxbuttons-social .main .mb-message.shortcode {
182		- clear: left; }
183	138	#maxbuttons.maxbuttons-social .main .help-side {
184	139	float: right;
185	140	margin: 0 0 5px 0;
186	141	padding: 0;
		@@ -185,14 +140,12 @@
185	140	margin: 0 0 5px 0;
186	141	padding: 0;
187	142	min-width: 250px;
188	143	width: 25%;
	144	+ right: 5px;
189	145	border: 1px solid #ccc;
190	146	background-color: #fff;
191		- clear: right;
192		- /*&:after {
193		- clear: both;
194		- } */ }
	147	+ clear: right; }
195	148	@media (max-width: 1200px) {
196	149	#maxbuttons.maxbuttons-social .main .help-side {
197	150	min-width: 0; } }
198	151	@media (max-width: 800px) {
		@@ -281,10 +234,8 @@
281	234	text-transform: uppercase;
282	235	position: relative; }
283	236	#maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead span:nth-child(3) {
284	237	margin-left: 10px; }
285		- #maxbuttons.maxbuttons-social .option-container.display .option.show_desktop label, #maxbuttons.maxbuttons-social .option-container.display .option.show_mobile label {
286		- min-width: 168px; }
287	238	#maxbuttons.maxbuttons-social #previewBlock .maxsocial {
288	239	clear: none !important; }
289	240	#maxbuttons.maxbuttons-social #previewBlock .mb-item {
290	241	margin-bottom: 20px; }
		@@ -398,12 +349,9 @@
398	349	width: 30px;
399	350	line-height: 25px;
400	351	vertical-align: middle; }
401	352	#maxbuttons.maxbuttons-social .network_tab .network_selection li img {
402		- width: 20px;
403		- height: auto;
404		- vertical-align: middle;
405		- margin-right: 12px; }
	353	+ width: 20px; }
406	354	#maxbuttons.maxbuttons-social .network_tab .network_selection li .label {
407	355	vertical-align: middle;
408	356	line-height: 25px; }
409	357	#maxbuttons.maxbuttons-social .network_tab .network_selection .maxajax-load-spinner {
		@@ -458,22 +406,15 @@
458	406	li.the_network.selected {
459	407	box-shadow: 2px 2px 2px #0073aa;
460	408	border: 3px solid #0073aa; }
461	409	#maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
462		- li.the_network .mb-icon, #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
463		- li.the_network img {
464		- margin-right: 25px;
465		- vertical-align: middle; }
	410	+ li.the_network .mb-icon {
	411	+ margin-right: 25px; }
466	412	#maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
467	413	li.the_network .is_imported {
468	414	font-size: 12px;
469	415	float: right;
470	416	color: green; }
471		- #maxbuttons.maxbuttons-social .network_tab .network_editor .option select {
472		- width: auto; }
473		- #maxbuttons.maxbuttons-social .network_tab .network_editor .the_icon_preview {
474		- min-width: 30px;
475		- min-height: 30px; }
476	417	#maxbuttons.maxbuttons-social .network_tab .network_editor .option.save_network {
477	418	margin: 25px 0; }
478	419
479	420	.max-modal.save_done .modal_header {
		@@ -483,8 +424,10 @@
483	424	font-size: 24px;
484	425	font-weight: 700;
485	426	padding: 10px 0; }
486	427	.max-modal.save_done .modal_close {
	428	+ display: none; }
	429	+.max-modal.save_done .modal_content {
487	430	display: none; }
488	431	.max-modal.save_done + .maxmodal_overlay {
489	432	background-color: #eee; }
490	433