← All changes | css/admin.css +10 -65 1.7 → 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) {
		@@ -396,12 +349,9 @@
396	349	width: 30px;
397	350	line-height: 25px;
398	351	vertical-align: middle; }
399	352	#maxbuttons.maxbuttons-social .network_tab .network_selection li img {
400		- width: 20px;
401		- height: auto;
402		- vertical-align: middle;
403		- margin-right: 12px; }
	353	+ width: 20px; }
404	354	#maxbuttons.maxbuttons-social .network_tab .network_selection li .label {
405	355	vertical-align: middle;
406	356	line-height: 25px; }
407	357	#maxbuttons.maxbuttons-social .network_tab .network_selection .maxajax-load-spinner {
		@@ -456,22 +406,15 @@
456	406	li.the_network.selected {
457	407	box-shadow: 2px 2px 2px #0073aa;
458	408	border: 3px solid #0073aa; }
459	409	#maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
460		- li.the_network .mb-icon, #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
461		- li.the_network img {
462		- margin-right: 25px;
463		- vertical-align: middle; }
	410	+ li.the_network .mb-icon {
	411	+ margin-right: 25px; }
464	412	#maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
465	413	li.the_network .is_imported {
466	414	font-size: 12px;
467	415	float: right;
468	416	color: green; }
469		- #maxbuttons.maxbuttons-social .network_tab .network_editor .option select {
470		- width: auto; }
471		- #maxbuttons.maxbuttons-social .network_tab .network_editor .the_icon_preview {
472		- min-width: 30px;
473		- min-height: 30px; }
474	417	#maxbuttons.maxbuttons-social .network_tab .network_editor .option.save_network {
475	418	margin: 25px 0; }
476	419
477	420	.max-modal.save_done .modal_header {
		@@ -481,8 +424,10 @@
481	424	font-size: 24px;
482	425	font-weight: 700;
483	426	padding: 10px 0; }
484	427	.max-modal.save_done .modal_close {
	428	+ display: none; }
	429	+.max-modal.save_done .modal_content {
485	430	display: none; }
486	431	.max-modal.save_done + .maxmodal_overlay {
487	432	background-color: #eee; }
488	433