← All changes | css/wordads-ccpa.css +41 -33 13.8.3 → 16.3-a.5 View file →

		@@ -81,9 +81,8 @@
81	81	/* CSS3 */
82	82	/* Including all prefixes according to http://caniuse.com/ */
83	83	/* CSS Animations don't cascade, so don't require resetting */
84	84	background-origin: padding-box !important;
85		- -webkit-background-clip: border-box !important;
86	85	background-clip: border-box !important;
87	86	background-size: auto !important;
88	87	border-image: none !important;
89	88	border-radius: 0 !important;
		@@ -264,9 +263,9 @@
264	263	border: 1px #a6a6a6 solid !important;
265	264	background: lightgrey !important; /* Old browsers */
266	265	background: rgb(255, 255, 255); /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
267	266	background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(221, 221, 221) 100%, rgb(209, 209, 209) 100%, rgb(221, 221, 221) 100%) !important; /* W3C */
268		- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#dddddd",GradientType=0 ) !important; /* IE6-9 */
	267	+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ) !important; /* IE6-9 */
269	268	-o-box-shadow: 1px 1px 0px #eee !important;
270	269	box-shadow: 1px 1px 0px #eee !important;
271	270	outline: initial !important;
272	271	}
		@@ -456,11 +455,11 @@
456	455	}
457	456
458	457	.cleanslate {
459	458	/* Modal */
460		- /* Form Toggle */
461	459	}
462		-.cleanslate .components-modal__screen-overlay, .cleanslate .ccpa__loading-overlay {
	460	+.cleanslate .components-modal__screen-overlay,
	461	+.cleanslate .ccpa__loading-overlay {
463	462	position: fixed !important;
464	463	top: 0 !important;
465	464	right: 0 !important;
466	465	bottom: 0 !important;
		@@ -491,9 +490,9 @@
491	490	left: 0 !important;
492	491	box-sizing: border-box !important;
493	492	margin: 0 !important;
494	493	text-align: center !important;
495		- color: #ffffff !important;
	494	+ color: #fff !important;
496	495	}
497	496	@media (min-width: 600px) {
498	497	.cleanslate .components-modal__frame {
499	498	top: 50% !important;
		@@ -509,12 +508,12 @@
509	508	}
510	509	}
511	510	@keyframes components-modal__appear-animation {
512	511	from {
513		- margin-top: 32px !important;
	512	+ margin-top: 32px;
514	513	}
515	514	to {
516		- margin-top: 0 !important;
	515	+ margin-top: 0;
517	516	}
518	517	}
519	518	.cleanslate .components-modal__header {
520	519	box-sizing: border-box !important;
		@@ -567,20 +566,8 @@
567	566	flex-direction: row-reverse !important;
568	567	justify-content: space-between !important;
569	568	align-items: center !important;
570	569	}
571		-.cleanslate .components-button {
572		- display: inline-flex !important;
573		- text-decoration: none !important;
574		- font-size: 13px !important;
575		- margin: 0 !important;
576		- border: 0 !important;
577		- cursor: pointer !important;
578		- -webkit-appearance: none !important;
579		- background: none !important;
580		- /* Buttons that look like links, for a cross of good semantics with the visual */
581		- /* Link buttons that are red to indicate destructive behavior. */
582		-}
583	570	.cleanslate .components-icon-button {
584	571	display: flex !important;
585	572	align-items: center !important;
586	573	padding: 8px !important;
		@@ -617,11 +604,15 @@
617	604	background-color: #fff !important;
618	605	color: #1d2327 !important;
619	606	box-shadow: inset 0 0 0 1px #c3c4c7, inset 0 0 0 2px #fff !important;
620	607	}
621		-.cleanslate .components-icon-button[aria-disabled=true]:focus, .cleanslate .components-icon-button:disabled:focus {
	608	+.cleanslate .components-icon-button[aria-disabled=true]:focus,
	609	+.cleanslate .components-icon-button:disabled:focus {
622	610	box-shadow: none !important;
623	611	}
	612	+.cleanslate {
	613	+ /* Form Toggle */
	614	+}
624	615	.cleanslate .components-form-toggle {
625	616	position: relative !important;
626	617	display: inline-block !important;
627	618	}
		@@ -651,8 +642,12 @@
651	642	}
652	643	.cleanslate .components-form-toggle .components-form-toggle__on {
653	644	left: 8px !important;
654	645	display: none !important;
	646	+ outline: 1px solid transparent !important;
	647	+ outline-offset: -1px !important;
	648	+ border: 1px solid #000 !important;
	649	+ filter: invert(100%) contrast(500%) !important;
655	650	}
656	651	.cleanslate .components-form-toggle .components-form-toggle__track {
657	652	content: "" !important;
658	653	display: inline-block !important;
		@@ -740,14 +735,8 @@
740	735	}
741	736	.cleanslate .components-form-toggle input.components-form-toggle__input[type=checkbox]::before {
742	737	content: "" !important;
743	738	}
744		-.cleanslate .components-form-toggle .components-form-toggle__on {
745		- outline: 1px solid transparent !important;
746		- outline-offset: -1px !important;
747		- border: 1px solid #000 !important;
748		- filter: invert(100%) contrast(500%) !important;
749		-}
750	739	.cleanslate .components-button {
751	740	display: inline-flex !important;
752	741	text-decoration: none !important;
753	742	font-size: 13px !important;
		@@ -755,9 +744,9 @@
755	744	border: 0 !important;
756	745	cursor: pointer !important;
757	746	-webkit-appearance: none !important;
758	747	background: none !important;
759		- /* Buttons that look like links, for a cross of good semantics with the visual */
	748	+ /* Buttons that look like links for a cross of good semantics and visuals. */
760	749	/* Link buttons that are red to indicate destructive behavior. */
761	750	}
762	751	.cleanslate .components-button.is-button {
763	752	padding: 0 10px 1px !important;
		@@ -775,9 +764,10 @@
775	764	color: #fff !important;
776	765	text-decoration: none !important;
777	766	text-shadow: 0 -1px 1px rgb(0, 93, 130), 1px 0 1px rgb(0, 93, 130), 0 1px 1px rgb(0, 93, 130), -1px 0 1px rgb(0, 93, 130) !important;
778	767	}
779		-.cleanslate .components-button.is-primary:hover, .cleanslate .components-button.is-primary:focus:enabled {
	768	+.cleanslate .components-button.is-primary:hover,
	769	+.cleanslate .components-button.is-primary:focus:enabled {
780	770	background: rgb(0, 126, 177) !important;
781	771	border-color: rgb(0, 67, 93) !important;
782	772	color: #fff !important;
783	773	}
		@@ -789,9 +779,12 @@
789	779	border-color: rgb(0, 67, 93) !important;
790	780	box-shadow: inset 0 1px 0 rgb(0, 67, 93) !important;
791	781	vertical-align: top !important;
792	782	}
793		-.cleanslate .components-button.is-primary:disabled, .cleanslate .components-button.is-primary:disabled:active:enabled, .cleanslate .components-button.is-primary[aria-disabled=true], .cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled {
	783	+.cleanslate .components-button.is-primary:disabled,
	784	+.cleanslate .components-button.is-primary:disabled:active:enabled,
	785	+.cleanslate .components-button.is-primary[aria-disabled=true],
	786	+.cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled {
794	787	color: rgb(102, 182, 214) !important;
795	788	background: rgb(0, 133, 186) !important;
796	789	border-color: rgb(0, 124, 173) !important;
797	790	box-shadow: none !important;
		@@ -797,13 +790,27 @@
797	790	box-shadow: none !important;
798	791	text-shadow: none !important;
799	792	opacity: 1 !important;
800	793	}
801		-.cleanslate .components-button.is-primary:disabled.is-button, .cleanslate .components-button.is-primary:disabled.is-button:hover, .cleanslate .components-button.is-primary:disabled:active:enabled, .cleanslate .components-button.is-primary:disabled:active:enabled.is-button, .cleanslate .components-button.is-primary:disabled:active:enabled.is-button:hover, .cleanslate .components-button.is-primary:disabled:active:enabled:active:enabled, .cleanslate .components-button.is-primary[aria-disabled=true].is-button, .cleanslate .components-button.is-primary[aria-disabled=true].is-button:hover, .cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled, .cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled.is-button, .cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled.is-button:hover, .cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled:active:enabled {
	794	+.cleanslate .components-button.is-primary:disabled.is-button,
	795	+.cleanslate .components-button.is-primary:disabled.is-button:hover,
	796	+.cleanslate .components-button.is-primary:disabled:active:enabled,
	797	+.cleanslate .components-button.is-primary:disabled:active:enabled.is-button,
	798	+.cleanslate .components-button.is-primary:disabled:active:enabled.is-button:hover,
	799	+.cleanslate .components-button.is-primary:disabled:active:enabled:active:enabled,
	800	+.cleanslate .components-button.is-primary[aria-disabled=true].is-button,
	801	+.cleanslate .components-button.is-primary[aria-disabled=true].is-button:hover,
	802	+.cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled,
	803	+.cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled.is-button,
	804	+.cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled.is-button:hover,
	805	+.cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled:active:enabled {
802	806	box-shadow: none !important;
803	807	text-shadow: none !important;
804	808	}
805		-.cleanslate .components-button.is-primary:disabled:focus:enabled, .cleanslate .components-button.is-primary:disabled:active:enabled:focus:enabled, .cleanslate .components-button.is-primary[aria-disabled=true]:focus:enabled, .cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled {
	809	+.cleanslate .components-button.is-primary:disabled:focus:enabled,
	810	+.cleanslate .components-button.is-primary:disabled:active:enabled:focus:enabled,
	811	+.cleanslate .components-button.is-primary[aria-disabled=true]:focus:enabled,
	812	+.cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled {
806	813	color: rgb(102, 182, 214) !important;
807	814	border-color: rgb(0, 124, 173) !important;
808	815	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba !important;
809	816	}
		@@ -818,9 +825,9 @@
818	825	padding: 16px !important;
819	826	border-bottom: 1px solid #e2e4e7 !important;
820	827	}
821	828	.cleanslate .ccpa-setting__header {
822		- font-weight: bold !important;
	829	+ font-weight: 700 !important;
823	830	}
824	831	.cleanslate .ccpa-setting__text {
825	832	padding-right: 50px !important;
826	833	}
		@@ -841,8 +848,9 @@
841	848	}
842	849	.cleanslate .is-checked > .ccpa-setting__toggle-text-on {
843	850	display: inline-block !important;
844	851	}
845		-.cleanslate .ccpa-privacy, .cleanslate .ccpa-privacy:visited {
	852	+.cleanslate .ccpa-privacy,
	853	+.cleanslate .ccpa-privacy:visited {
846	854	color: rgb(0, 133, 186) !important;
847	855	text-decoration: none !important;
848	856	}