← All changes | css/smush.css +16 -90 4.6.0 → 4.7.0 View file →

		@@ -208,8 +208,14 @@
208	208	border-radius: 50%;
209	209	cursor: pointer;
210	210	}
211	211
	212	+#smush-complete-summary .wpo-save-btn-container {
	213	+ -ms-flex-pack: center;
	214	+ justify-content: center;
	215	+ margin: 10px 0;
	216	+}
	217	+
212	218	.modal-message-text {
213	219	margin: 0 25px;
214	220	}
215	221
		@@ -577,9 +583,9 @@
577	583	text-align: center;
578	584	}
579	585
580	586	#smush-complete-summary #summary-message {
581		- margin: 15px auto;
	587	+ padding: 15px;
582	588	}
583	589
584	590	img#wpo_smush_images_clear_stats_spinner {
585	591	width: 20px;
		@@ -774,98 +780,18 @@
774	780
775	781	/**
776	782	* Tooltip Styles
777	783	*/
778		-/* Add this attribute to the element that needs a tooltip */
779		-#smush-metabox-inside-wrapper [data-tooltip],
780		-.wpo-fieldgroup [data-tooltip] {
781		- position: relative;
782		- cursor: pointer;
783		- line-height: 18px;
784		-}
785		-
786		-#smush-metabox-inside-wrapper .wpo_restore_single_image .restore-icon [data-tooltip] {
787		- display: inline;
788		- padding-top: 1px;
789		-}
790		-
791		-#smush-metabox-inside-wrapper .wpo_restore_single_image .restore-icon [data-tooltip]:before {
792		- margin-left: -110px;
793		- bottom: 100%;
794		-}
795		-
796		-#smush-metabox-inside-wrapper .wpo_restore_single_image .restore-icon [data-tooltip]:after {
797		- bottom: 100%;
798		-}
799		-
800		-/* Hide the tooltip content by default */
801		-#smush-metabox-inside-wrapper [data-tooltip]:before,
802		-#smush-metabox-inside-wrapper [data-tooltip]:after,
803		-.wpo-fieldgroup [data-tooltip]:before,
804		-.wpo-fieldgroup [data-tooltip]:after {
805		- visibility: hidden;
806		- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
807		- filter: opacity(0%);
808		- opacity: 0;
809		- pointer-events: none;
810		-}
811		-
812		-/* Position tooltip above the element */
813		-#smush-metabox-inside-wrapper [data-tooltip]:before,
814		-.wpo-fieldgroup [data-tooltip]:before {
815		- position: absolute;
816		- bottom: 150%;
817		- left: 50%;
818		- margin-bottom: 5px;
819		- margin-left: -140px;
820		- padding: 12px;
821		- width: 275px;
822		- z-index: 9999;
823		- border-radius: 3px;
824		- background-color: #000;
825		- background-color: hsla(0, 0%, 20%, 0.95);
	784	+.ui-tooltip.ui-widget-content {
	785	+ background: #1D2327;
826	786	color: #FFF;
827		- content: attr(data-tooltip);
828		- text-align: center;
829		- font-size: 0.85rem;
830		- font-weight: 400;
831		- line-height: 1.4;
832		-}
833		-
834		-#smush-metabox-inside-wrapper [data-tooltip]:before {
835		- margin-left: -280px;
836		-}
837		-
838		-/* Triangle hack to make tooltip look like a speech bubble */
839		-#smush-metabox-inside-wrapper [data-tooltip]:after,
840		-.wpo-fieldgroup [data-tooltip]:after {
841		- position: absolute;
842		- bottom: 150%;
843		- left: 50%;
844		- margin-left: -5px;
845		- width: 0;
846		- border-top: 5px solid #000;
847		- border-top: 5px solid hsla(0, 0%, 20%, 0.9);
848		- border-right: 5px solid transparent;
849		- border-left: 5px solid transparent;
850		- content: " ";
851		- font-size: 0;
852		- line-height: 0;
853		-}
854		-
855		-/* Show tooltip content on hover */
856		-#smush-metabox-inside-wrapper [data-tooltip]:hover:before,
857		-#smush-metabox-inside-wrapper [data-tooltip]:hover:after,
858		-.wpo-fieldgroup [data-tooltip]:hover:before,
859		-.wpo-fieldgroup [data-tooltip]:hover:after,
860		-#smush-metabox-inside-wrapper [data-tooltip]:focus:before,
861		-#smush-metabox-inside-wrapper [data-tooltip]:focus:after,
862		-.wpo-fieldgroup [data-tooltip]:focus:before,
863		-.wpo-fieldgroup [data-tooltip]:focus:after {
864		- visibility: visible;
865		- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
866		- filter: opacity(100%);
867		- opacity: 1;
	787	+ border-radius: 4px;
	788	+ padding: 6px 10px;
	789	+ font-size: 13px;
	790	+ max-width: 260px;
	791	+ line-height: 1.3;
	792	+ z-index: 999990;
	793	+ box-shadow: none;
868	794	}
869	795
870	796	/**
871	797	* Animation needed for smush