← All changes | assets/css/page.css +83 -83 3.5.0 → 5.5.4 View file →

		@@ -1,25 +1,25 @@
1	1	#preview {
2		- position: relative;
	2	+ position: relative;
3	3	}
4	4
5	5	#preview .inner pre {
6		- border: 2px solid #ccd0d4;
7		- margin-bottom: 2em;
	6	+ border: 2px solid #ccd0d4;
	7	+ margin-bottom: 2em;
8	8	}
9	9
10	10	/** <pre> tag */
11	11	#preview pre {
12		- padding: 1em 2em 1em 2em;
13		- margin: 0;
	12	+ padding: 1em 2em 1em 2em;
	13	+ margin: 0;
14	14	position: relative;
15	15	}
16	16
17	17	/** 'Copy' button and JS. */
18	18	.copy-the-code-inside-wrap .copy-the-code-button {
19		- position: absolute;
20		- right: 0;
21		- top: 0;
	19	+ position: absolute;
	20	+ right: 0;
	21	+ top: 0;
22	22	}
23	23
24	24	.copy-the-code-inside .copy-the-code-button {
25	25	position: absolute;
		@@ -26,80 +26,80 @@
26	26	right: 0;
27	27	top: 0;
28	28	}
29	29	.copy-the-code-wrap {
30		- display: block;
31		- position: relative;
	30	+ display: block;
	31	+ position: relative;
32	32	}
33	33
34	34	.copy-the-code-button {
35		- background: #e1e3e8;
36		- padding: 10px 20px;
37		- cursor: pointer;
38		- box-shadow: none;
39		- color: #424242;
40		- font-size: 14px;
41		- font-weight: normal;
42		- border-radius: 0;
43		- text-transform: capitalize;
44		- border: none;
45		- outline: none;
	35	+ background: #e1e3e8;
	36	+ padding: 10px 20px;
	37	+ cursor: pointer;
	38	+ box-shadow: none;
	39	+ color: #424242;
	40	+ font-size: 14px;
	41	+ font-weight: normal;
	42	+ border-radius: 0;
	43	+ text-transform: capitalize;
	44	+ border: none;
	45	+ outline: none;
46	46	}
47	47
48	48	.copy-the-code-button:hover {
49		- background: #d0d1d6;
	49	+ background: #d0d1d6;
50	50	}
51	51
52	52	.copy-the-code-outside + * {
53		- margin-top: 0;
	53	+ margin-top: 0;
54	54	}
55	55
56	56	.copy-the-code-outside {
57		- text-align: right;
	57	+ text-align: right;
58	58	}
59	59
60	60	/** Styles */
61	61	.copy-the-code-button[style="svg-icon"] {
62		- background: transparent;
63		- padding: 10;
	62	+ background: transparent;
	63	+ padding: 10;
64	64	}
65	65
66	66	.copy-the-code-button[style="svg-icon"] svg {
67		- height: auto;
68		- width: 20px;
69		- fill: #23282d;
	67	+ height: auto;
	68	+ width: 20px;
	69	+ fill: #23282d;
70	70	}
71	71
72	72	.copy-the-code-button[style="cover"] {
73		- position: absolute;
74		- left: 0;
75		- right: 0;
76		- top: 0;
77		- bottom: 0;
78		- width: 100%;
79		- opacity: 0;
80		- background: rgba(0, 0, 0, 0.5);
81		- font-weight: bold;
82		- color: #fff;
83		- transition: all 0.3s ease-in-out;
	73	+ position: absolute;
	74	+ left: 0;
	75	+ right: 0;
	76	+ top: 0;
	77	+ bottom: 0;
	78	+ width: 100%;
	79	+ opacity: 0;
	80	+ background: rgba(0, 0, 0, 0.5);
	81	+ font-weight: bold;
	82	+ color: #fff;
	83	+ transition: all 0.3s ease-in-out;
84	84	}
85	85
86	86	pre:hover .copy-the-code-button[style="cover"] {
87		- opacity: 1;
	87	+ opacity: 1;
88	88	}
89	89
90	90	/** TOC */
91	91	.table-of-contents ol {
92		- margin: 0 0 0 15px;
	92	+ margin: 0 0 0 15px;
93	93	}
94	94
95	95	.table-of-contents li {
96		- margin: 10px 0 10px 0;
	96	+ margin: 10px 0 10px 0;
97	97	}
98	98
99	99	.table-of-contents ol ol {
100		- list-style: disc;
101		- margin: 10px;
	100	+ list-style: disc;
	101	+ margin: 10px;
102	102	}
103	103
104	104	/**
105	105	* Pro Features
		@@ -104,57 +104,57 @@
104	104	/**
105	105	* Pro Features
106	106	*/
107	107	#post-body-content {
108		- float: none;
109		- flex: 1;
	108	+ float: none;
	109	+ flex: 1;
110	110	}
111	111
112	112	#post-body.columns-2 #postbox-container-1 {
113		- float: none;
114		- width: 365px;
115		- margin: 0;
	113	+ float: none;
	114	+ width: 365px;
	115	+ margin: 0;
116	116	}
117	117
118	118	#post-body {
119		- display: flex;
120		- justify-content: space-between;
	119	+ display: flex;
	120	+ justify-content: space-between;
121	121	}
122	122
123	123	#poststuff #post-body.columns-2 {
124		- margin: 0;
	124	+ margin: 0;
125	125	}
126	126
127	127	#ctc-style-form {
128		- margin-bottom: 50px;
129		- position: relative;
	128	+ margin-bottom: 50px;
	129	+ position: relative;
130	130	}
131	131
132	132	#ctc-style-form input[type="number"] {
133		- width: 40px;
134		- margin: 0 2px 0 0;
135		- padding: 0;
	133	+ width: 40px;
	134	+ margin: 0 2px 0 0;
	135	+ padding: 0;
136	136	}
137	137
138	138	#ctc-style-form input.ctc-btn-font-size,
139	139	#ctc-style-form input.ctc-btn-line-height {
140		- width: 120px;
	140	+ width: 120px;
141	141	}
142	142
143	143	#ctc-style-form input[type="number"]:last-child {
144		- margin: 0;
	144	+ margin: 0;
145	145	}
146	146
147	147	.upgrade a {
148		- background: #00c366;
149		- color: white;
150		- padding: 10px 30px;
151		- display: block;
152		- text-align: center;
153		- font-weight: 600;
154		- border-radius: 20px;
155		- text-decoration: none;
156		- box-shadow: 0px 0px 20px 11px rgb(0 0 0 / 10%);
	148	+ background: #00c366;
	149	+ color: white;
	150	+ padding: 10px 30px;
	151	+ display: block;
	152	+ text-align: center;
	153	+ font-weight: 600;
	154	+ border-radius: 20px;
	155	+ text-decoration: none;
	156	+ box-shadow: 0px 0px 20px 11px rgb(0 0 0 / 10%);
157	157	}
158	158
159	159	/**
160	160	* Is Free
		@@ -159,24 +159,24 @@
159	159	/**
160	160	* Is Free
161	161	*/
162	162	#ctc-style-form.is-free:before {
163		- content: '';
164		- position: absolute;
165		- left: 0;
166		- right: 0;
167		- bottom: 0;
168		- top: 0;
169		- background: rgba(0,0,0,.4);
170		- z-index: 999;
	163	+ content: '';
	164	+ position: absolute;
	165	+ left: 0;
	166	+ right: 0;
	167	+ bottom: 0;
	168	+ top: 0;
	169	+ background: rgba(0,0,0,.4);
	170	+ z-index: 999;
171	171	}
172	172	.is-free .upgrade {
173		- z-index: 9999;
174		- position: absolute;
175		- top: 50%;
176		- left: 30%;
177		- transform: translate(-20%, -50%);
	173	+ z-index: 9999;
	174	+ position: absolute;
	175	+ top: 50%;
	176	+ left: 30%;
	177	+ transform: translate(-20%, -50%);
178	178	}
179	179	.is-free .style-cover,
180	180	.is-free .style-svg-icon {
181		- display: none;
	181	+ display: none;
182	182	}