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

		@@ -1,97 +1,97 @@
1		-.copy-the-code-inside-wrap .copy-the-code-button {
2		- position: absolute;
3		- right: 0;
4		- top: 0;
5		-}
6		-
7		-.copy-the-code-inside .copy-the-code-button {
8		- position: absolute;
9		- right: 0;
10		- top: 0;
11		-}
12		-.copy-the-code-wrap {
13		- display: block;
14		- position: relative;
15		-}
16		-
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;
29		-}
30		-
31		-.copy-the-code-wrap .copy-the-code-button:hover {
32		- background: #d0d1d6;
33		-}
34		-
35		-.copy-the-code-outside + * {
36		- margin-top: 0;
37		-}
38		-
39		-.copy-the-code-outside {
40		- text-align: right;
41		-}
42		-
43		-/** Styles */
44		-.copy-the-code-wrap.copy-the-code-style-svg-icon .copy-the-code-button {
45		- background: transparent;
46		- padding: 0;
47		-}
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;
52		-}
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;
67		-}
68		-
69		-.copy-the-code-wrap.copy-the-code-style-cover:hover .copy-the-code-button {
70		- opacity: 1;
71		-}
72		-
73		-.copy-the-code-inside-wrap.copy-the-code-style-svg-icon .copy-the-code-button {
74		- padding: 10px;
75		-}
76		-
77		-.copy-the-code-wrap.copy-the-code-style-cover {
78		- display: inline-block;
79		-}
80		-
81		-.copy-the-code-wrap .copy-the-code-target {
82		- margin-top: 0;
83		-}
84		-
85		-.copy-the-code-style-svg-icon .copy-the-code-outside {
86		- height: 32px;
87		-}
88		-
89		-.copy-the-code-shortcode svg {
90		- height: 16px;
91		- width: 16px;
92		- fill: #424242;
93		-}
94		-
95		-.copy-the-code-shortcode {
96		- cursor: pointer;
97		-}
	1	+.copy-the-code-inside-wrap .copy-the-code-button {
	2	+ position: absolute;
	3	+ right: 0;
	4	+ top: 0;
	5	+}
	6	+
	7	+.copy-the-code-inside .copy-the-code-button {
	8	+ position: absolute;
	9	+ right: 0;
	10	+ top: 0;
	11	+}
	12	+.copy-the-code-wrap {
	13	+ display: block;
	14	+ position: relative;
	15	+}
	16	+
	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;
	29	+}
	30	+
	31	+.copy-the-code-wrap .copy-the-code-button:hover {
	32	+ background: #d0d1d6;
	33	+}
	34	+
	35	+.copy-the-code-outside + * {
	36	+ margin-top: 0;
	37	+}
	38	+
	39	+.copy-the-code-outside {
	40	+ text-align: right;
	41	+}
	42	+
	43	+/** Styles */
	44	+.copy-the-code-wrap.copy-the-code-style-svg-icon .copy-the-code-button {
	45	+ background: transparent;
	46	+ padding: 0;
	47	+}
	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;
	52	+}
	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;
	67	+}
	68	+
	69	+.copy-the-code-wrap.copy-the-code-style-cover:hover .copy-the-code-button {
	70	+ opacity: 1;
	71	+}
	72	+
	73	+.copy-the-code-inside-wrap.copy-the-code-style-svg-icon .copy-the-code-button {
	74	+ padding: 10px;
	75	+}
	76	+
	77	+.copy-the-code-wrap.copy-the-code-style-cover {
	78	+ display: inline-block;
	79	+}
	80	+
	81	+.copy-the-code-wrap .copy-the-code-target {
	82	+ margin-top: 0;
	83	+}
	84	+
	85	+.copy-the-code-style-svg-icon .copy-the-code-outside {
	86	+ height: 32px;
	87	+}
	88	+
	89	+.copy-the-code-shortcode svg {
	90	+ height: 16px;
	91	+ width: 16px;
	92	+ fill: #424242;
	93	+}
	94	+
	95	+.copy-the-code-shortcode {
	96	+ cursor: pointer;
	97	+}