← All changes | assets/css/copy-the-code.css +50 -50 3.4.3 → 5.5.4 View file →

		@@ -1,97 +1,97 @@
1	1	.copy-the-code-inside-wrap .copy-the-code-button {
2		- position: absolute;
3		- right: 0;
4		- top: 0;
	2	+ position: absolute;
	3	+ right: 0;
	4	+ top: 0;
5	5	}
6	6
7	7	.copy-the-code-inside .copy-the-code-button {
8		- position: absolute;
9		- right: 0;
10		- top: 0;
	8	+ position: absolute;
	9	+ right: 0;
	10	+ top: 0;
11	11	}
12	12	.copy-the-code-wrap {
13		- display: block;
14		- position: relative;
	13	+ display: block;
	14	+ position: relative;
15	15	}
16	16
17	17	.copy-the-code-wrap .copy-the-code-button {
18		- background: #e1e3e8;
19		- padding: 10px 20px;
20		- cursor: pointer;
21		- box-shadow: none;
22		- color: #424242;
23		- font-size: 14px;
24		- font-weight: normal;
25		- border-radius: 0;
26		- text-transform: capitalize;
27		- border: none;
28		- outline: none;
	18	+ background: #e1e3e8;
	19	+ padding: 10px 20px;
	20	+ cursor: pointer;
	21	+ box-shadow: none;
	22	+ color: #424242;
	23	+ font-size: 14px;
	24	+ font-weight: normal;
	25	+ border-radius: 0;
	26	+ text-transform: capitalize;
	27	+ border: none;
	28	+ outline: none;
29	29	}
30	30
31	31	.copy-the-code-wrap .copy-the-code-button:hover {
32		- background: #d0d1d6;
	32	+ background: #d0d1d6;
33	33	}
34	34
35	35	.copy-the-code-outside + * {
36		- margin-top: 0;
	36	+ margin-top: 0;
37	37	}
38	38
39	39	.copy-the-code-outside {
40		- text-align: right;
	40	+ text-align: right;
41	41	}
42	42
43	43	/** Styles */
44	44	.copy-the-code-wrap.copy-the-code-style-svg-icon .copy-the-code-button {
45		- background: transparent;
46		- padding: 0;
	45	+ background: transparent;
	46	+ padding: 0;
47	47	}
48	48	.copy-the-code-wrap.copy-the-code-style-svg-icon .copy-the-code-button svg {
49		- height: auto;
50		- width: 20px;
51		- fill: #c1c1c1;
	49	+ height: auto;
	50	+ width: 20px;
	51	+ fill: #c1c1c1;
52	52	}
53	53	.copy-the-code-wrap.copy-the-code-style-cover .copy-the-code-button {
54		- position: absolute;
55		- left: 0;
56		- right: 0;
57		- top: 0;
58		- bottom: 0;
59		- width: 100%;
60		- opacity: 0;
61		- background: rgba(0, 0, 0, 0.5);
62		- font-weight: bold;
63		- color: #fff;
64		- transition: all 0.3s ease-in-out;
65		- padding: 0;
66		- font-size: 12px;
	54	+ position: absolute;
	55	+ left: 0;
	56	+ right: 0;
	57	+ top: 0;
	58	+ bottom: 0;
	59	+ width: 100%;
	60	+ opacity: 0;
	61	+ background: rgba(0, 0, 0, 0.5);
	62	+ font-weight: bold;
	63	+ color: #fff;
	64	+ transition: all 0.3s ease-in-out;
	65	+ padding: 0;
	66	+ font-size: 12px;
67	67	}
68	68
69	69	.copy-the-code-wrap.copy-the-code-style-cover:hover .copy-the-code-button {
70		- opacity: 1;
	70	+ opacity: 1;
71	71	}
72	72
73	73	.copy-the-code-inside-wrap.copy-the-code-style-svg-icon .copy-the-code-button {
74		- padding: 10px;
	74	+ padding: 10px;
75	75	}
76	76
77	77	.copy-the-code-wrap.copy-the-code-style-cover {
78		- display: inline-block;
	78	+ display: inline-block;
79	79	}
80	80
81	81	.copy-the-code-wrap .copy-the-code-target {
82		- margin-top: 0;
	82	+ margin-top: 0;
83	83	}
84	84
85	85	.copy-the-code-style-svg-icon .copy-the-code-outside {
86		- height: 32px;
	86	+ height: 32px;
87	87	}
88	88
89	89	.copy-the-code-shortcode svg {
90		- height: 16px;
91		- width: 16px;
92		- fill: #424242;
	90	+ height: 16px;
	91	+ width: 16px;
	92	+ fill: #424242;
93	93	}
94	94
95	95	.copy-the-code-shortcode {
96		- cursor: pointer;
97		-}
	96	+ cursor: pointer;
	97	+}