← All changes | css/wordads-ccpa.css +41 -35 12.7.3 → 16.3-a.1 View file →

		@@ -81,12 +81,10 @@
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		- -o-border-image: none !important;
89	87	border-image: none !important;
90	88	border-radius: 0 !important;
91	89	box-shadow: none !important;
92	90	box-sizing: content-box !important;
		@@ -97,9 +95,8 @@
97	95	column-width: auto !important;
98	96	font-feature-settings: normal !important;
99	97	overflow-x: visible !important;
100	98	overflow-y: visible !important;
101		- -webkit-hyphens: manual !important;
102	99	hyphens: manual !important;
103	100	-ms-perspective: none !important;
104	101	-o-perspective: none !important;
105	102	perspective: none !important;
		@@ -266,9 +263,9 @@
266	263	border: 1px #a6a6a6 solid !important;
267	264	background: lightgrey !important; /* Old browsers */
268	265	background: rgb(255, 255, 255); /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
269	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 */
270		- 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 */
271	268	-o-box-shadow: 1px 1px 0px #eee !important;
272	269	box-shadow: 1px 1px 0px #eee !important;
273	270	outline: initial !important;
274	271	}
		@@ -458,11 +455,11 @@
458	455	}
459	456
460	457	.cleanslate {
461	458	/* Modal */
462		- /* Form Toggle */
463	459	}
464		-.cleanslate .components-modal__screen-overlay, .cleanslate .ccpa__loading-overlay {
	460	+.cleanslate .components-modal__screen-overlay,
	461	+.cleanslate .ccpa__loading-overlay {
465	462	position: fixed !important;
466	463	top: 0 !important;
467	464	right: 0 !important;
468	465	bottom: 0 !important;
		@@ -493,9 +490,9 @@
493	490	left: 0 !important;
494	491	box-sizing: border-box !important;
495	492	margin: 0 !important;
496	493	text-align: center !important;
497		- color: #ffffff !important;
	494	+ color: #fff !important;
498	495	}
499	496	@media (min-width: 600px) {
500	497	.cleanslate .components-modal__frame {
501	498	top: 50% !important;
		@@ -511,12 +508,12 @@
511	508	}
512	509	}
513	510	@keyframes components-modal__appear-animation {
514	511	from {
515		- margin-top: 32px !important;
	512	+ margin-top: 32px;
516	513	}
517	514	to {
518		- margin-top: 0 !important;
	515	+ margin-top: 0;
519	516	}
520	517	}
521	518	.cleanslate .components-modal__header {
522	519	box-sizing: border-box !important;
		@@ -569,20 +566,8 @@
569	566	flex-direction: row-reverse !important;
570	567	justify-content: space-between !important;
571	568	align-items: center !important;
572	569	}
573		-.cleanslate .components-button {
574		- display: inline-flex !important;
575		- text-decoration: none !important;
576		- font-size: 13px !important;
577		- margin: 0 !important;
578		- border: 0 !important;
579		- cursor: pointer !important;
580		- -webkit-appearance: none !important;
581		- background: none !important;
582		- /* Buttons that look like links, for a cross of good semantics with the visual */
583		- /* Link buttons that are red to indicate destructive behavior. */
584		-}
585	570	.cleanslate .components-icon-button {
586	571	display: flex !important;
587	572	align-items: center !important;
588	573	padding: 8px !important;
		@@ -619,11 +604,15 @@
619	604	background-color: #fff !important;
620	605	color: #1d2327 !important;
621	606	box-shadow: inset 0 0 0 1px #c3c4c7, inset 0 0 0 2px #fff !important;
622	607	}
623		-.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 {
624	610	box-shadow: none !important;
625	611	}
	612	+.cleanslate {
	613	+ /* Form Toggle */
	614	+}
626	615	.cleanslate .components-form-toggle {
627	616	position: relative !important;
628	617	display: inline-block !important;
629	618	}
		@@ -653,8 +642,12 @@
653	642	}
654	643	.cleanslate .components-form-toggle .components-form-toggle__on {
655	644	left: 8px !important;
656	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;
657	650	}
658	651	.cleanslate .components-form-toggle .components-form-toggle__track {
659	652	content: "" !important;
660	653	display: inline-block !important;
		@@ -742,14 +735,8 @@
742	735	}
743	736	.cleanslate .components-form-toggle input.components-form-toggle__input[type=checkbox]::before {
744	737	content: "" !important;
745	738	}
746		-.cleanslate .components-form-toggle .components-form-toggle__on {
747		- outline: 1px solid transparent !important;
748		- outline-offset: -1px !important;
749		- border: 1px solid #000 !important;
750		- filter: invert(100%) contrast(500%) !important;
751		-}
752	739	.cleanslate .components-button {
753	740	display: inline-flex !important;
754	741	text-decoration: none !important;
755	742	font-size: 13px !important;
		@@ -757,9 +744,9 @@
757	744	border: 0 !important;
758	745	cursor: pointer !important;
759	746	-webkit-appearance: none !important;
760	747	background: none !important;
761		- /* 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. */
762	749	/* Link buttons that are red to indicate destructive behavior. */
763	750	}
764	751	.cleanslate .components-button.is-button {
765	752	padding: 0 10px 1px !important;
		@@ -777,9 +764,10 @@
777	764	color: #fff !important;
778	765	text-decoration: none !important;
779	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;
780	767	}
781		-.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 {
782	770	background: rgb(0, 126, 177) !important;
783	771	border-color: rgb(0, 67, 93) !important;
784	772	color: #fff !important;
785	773	}
		@@ -791,9 +779,12 @@
791	779	border-color: rgb(0, 67, 93) !important;
792	780	box-shadow: inset 0 1px 0 rgb(0, 67, 93) !important;
793	781	vertical-align: top !important;
794	782	}
795		-.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 {
796	787	color: rgb(102, 182, 214) !important;
797	788	background: rgb(0, 133, 186) !important;
798	789	border-color: rgb(0, 124, 173) !important;
799	790	box-shadow: none !important;
		@@ -799,13 +790,27 @@
799	790	box-shadow: none !important;
800	791	text-shadow: none !important;
801	792	opacity: 1 !important;
802	793	}
803		-.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 {
804	806	box-shadow: none !important;
805	807	text-shadow: none !important;
806	808	}
807		-.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 {
808	813	color: rgb(102, 182, 214) !important;
809	814	border-color: rgb(0, 124, 173) !important;
810	815	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba !important;
811	816	}
		@@ -820,9 +825,9 @@
820	825	padding: 16px !important;
821	826	border-bottom: 1px solid #e2e4e7 !important;
822	827	}
823	828	.cleanslate .ccpa-setting__header {
824		- font-weight: bold !important;
	829	+ font-weight: 700 !important;
825	830	}
826	831	.cleanslate .ccpa-setting__text {
827	832	padding-right: 50px !important;
828	833	}
		@@ -843,8 +848,9 @@
843	848	}
844	849	.cleanslate .is-checked > .ccpa-setting__toggle-text-on {
845	850	display: inline-block !important;
846	851	}
847		-.cleanslate .ccpa-privacy, .cleanslate .ccpa-privacy:visited {
	852	+.cleanslate .ccpa-privacy,
	853	+.cleanslate .ccpa-privacy:visited {
848	854	color: rgb(0, 133, 186) !important;
849	855	text-decoration: none !important;
850	856	}