← All changes | modules/widgets/eu-cookie-law/style.css +142 -0 16.2-beta → 16.3 View file →

		@@ -1,0 +1,142 @@
	1	+.widget_eu_cookie_law_widget {
	2	+ animation: fadeIn 800ms;
	3	+ border: none;
	4	+ bottom: 1em;
	5	+ left: 1em;
	6	+ margin: 0;
	7	+ padding: 0;
	8	+ position: fixed;
	9	+ right: 1em;
	10	+ width: auto;
	11	+ z-index: 50001;
	12	+}
	13	+
	14	+@keyframes fadeIn {
	15	+
	16	+ from {
	17	+ opacity: 0;
	18	+ visibility: hidden;
	19	+ }
	20	+
	21	+ to {
	22	+ opacity: 1;
	23	+ visibility: visible;
	24	+ }
	25	+}
	26	+
	27	+.widget_eu_cookie_law_widget.widget.top {
	28	+ bottom: auto;
	29	+ top: 1em;
	30	+}
	31	+
	32	+.admin-bar .widget_eu_cookie_law_widget.widget.top {
	33	+ top: 3em;
	34	+}
	35	+
	36	+amp-consent.widget_eu_cookie_law_widget.widget.top {
	37	+ top: 1em;
	38	+ margin: 0;
	39	+}
	40	+
	41	+.admin-bar amp-consent.widget_eu_cookie_law_widget.widget.top {
	42	+ top: 0;
	43	+ margin-top: 3em;
	44	+}
	45	+
	46	+#eu-cookie-law {
	47	+ background-color: #fff;
	48	+ border: 1px solid #dedede;
	49	+ color: #2e4467;
	50	+ font-size: 12px;
	51	+ line-height: 1.5;
	52	+ overflow: hidden;
	53	+ padding: 6px 6px 6px 15px;
	54	+ position: relative;
	55	+}
	56	+
	57	+#eu-cookie-law a,
	58	+#eu-cookie-law a:active,
	59	+#eu-cookie-law a:visited {
	60	+ color: inherit;
	61	+ cursor: inherit;
	62	+ text-decoration: underline;
	63	+}
	64	+
	65	+#eu-cookie-law a:hover {
	66	+ cursor: pointer;
	67	+ text-decoration: none;
	68	+}
	69	+
	70	+#eu-cookie-law.negative {
	71	+ background-color: #000;
	72	+ border: none;
	73	+ color: #fff;
	74	+}
	75	+
	76	+#eu-cookie-law.hide {
	77	+ opacity: 0;
	78	+ visibility: hidden;
	79	+ transition: opacity 400ms, visibility 400ms;
	80	+}
	81	+
	82	+/**
	83	+ * Using a highly-specific rule to make sure that certain form styles
	84	+ * will be reset
	85	+ */
	86	+#eu-cookie-law form {
	87	+ margin-bottom: 0;
	88	+ position: static;
	89	+}
	90	+
	91	+/**
	92	+ * Using a highly-specific rule to make sure that all button styles
	93	+ * will be reset
	94	+ */
	95	+#eu-cookie-law input,
	96	+#eu-cookie-law input:hover,
	97	+#eu-cookie-law input:focus {
	98	+ background: #f3f3f3;
	99	+ border: 1px solid #dedede;
	100	+ border-radius: 3px;
	101	+ color: #2e4453;
	102	+ cursor: pointer;
	103	+ display: inline;
	104	+ float: right;
	105	+ font-family: inherit;
	106	+ font-size: 14px;
	107	+ font-weight: inherit;
	108	+ line-height: inherit;
	109	+ margin: 0 0 0 5%;
	110	+ padding: 8px 12px;
	111	+ position: static;
	112	+ text-transform: none;
	113	+}
	114	+
	115	+#eu-cookie-law.negative input,
	116	+#eu-cookie-law.negative input:hover,
	117	+#eu-cookie-law.negative input:focus {
	118	+ background: #282828;
	119	+ border-color: #535353;
	120	+ color: #fff;
	121	+}
	122	+
	123	+@media ( max-width: 600px ) {
	124	+
	125	+ #eu-cookie-law {
	126	+ padding-bottom: 55px;
	127	+ }
	128	+
	129	+ #eu-cookie-law input.accept {
	130	+ bottom: 8px;
	131	+ position: absolute;
	132	+ right: 8px;
	133	+ }
	134	+}
	135	+
	136	+/**
	137	+ * Tweak position of the Customizer edit button to make it more obvious this
	138	+ * is an editable widget rather than a normal accept cookies banner.
	139	+ */
	140	+.widget_eu_cookie_law_widget .customize-partial-edit-shortcut > button {
	141	+ left: 0;
	142	+}