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

		@@ -1,97 +1,37 @@
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	+
	2	+/** <pre> tag */
	3	+pre {
	4	+ position: relative;
	5	+}
	6	+
	7	+/** 'Copy' button and JS. */
	8	+.copy-the-code-inside-wrap .copy-the-code-button {
	9	+ position: absolute !important;
	10	+ right: 0 !important;
	11	+ top: 0 !important;
	12	+}
	13	+
	14	+.copy-the-code-button {
	15	+ background: #e1e3e8 !important;
	16	+ padding: 10px 20px !important;
	17	+ cursor: pointer !important;
	18	+ box-shadow: none !important;
	19	+ color: #424242 !important;
	20	+ font-size: 14px !important;
	21	+ font-weight: normal !important;
	22	+ border-radius: 0 !important;
	23	+ text-transform: capitalize !important;
	24	+ border: none !important;
	25	+}
	26	+
	27	+.copy-the-code-button:hover {
	28	+ background: #d0d1d6 !important;
	29	+}
	30	+
	31	+.copy-the-code-outside + * {
	32	+ margin-top: 0;
	33	+}
	34	+
	35	+.copy-the-code-outside {
	36	+ text-align: right;
	37	+}