1
+ /**
2
+ * Origin
3
+ */
4
+ body {
5
+ background : # 333 ;
6
+ margin-bottom : 40px ;
7
+ height : 100% ;
8
+ font-size : 16px ;
9
+ font-family : "Lato Regular" , "Helvetica Neue" , Helvetica, Arial, "Hiragino Sans GB" , "Microsoft YaHei" , sans-serif;
10
+ }
11
+ : focus {
12
+ outline : none;
13
+ }
14
+
15
+ /**
16
+ * Back to top button
17
+ */
18
+ # top-button {
19
+ position : fixed;
20
+ right : 60px ;
21
+ bottom : 20px ;
22
+ border : 1px solid # 5d5d5d ;
23
+ border-radius : 3px ;
24
+ display : block;
25
+ padding : 10px ;
26
+ color : # ddd ;
27
+ z-index : 9999 ;
28
+ }
29
+ # top-button : hover {
30
+ background : # ddd ;
31
+ color : # 333 ;
32
+ }
33
+
34
+ /**
35
+ * Code Column
36
+ */
37
+ .code-column {
38
+ background-color : # 333 ;
39
+ color : # fff ;
40
+ word-wrap : break-word;
41
+ }
42
+ .code-column h6 {
43
+ color : # ddd ;
44
+ margin : 0.2em 0 ;
45
+ }
46
+ .code-column h4 {
47
+ color : # fff ;
48
+ margin : 10px 0 ;
49
+ }
50
+ .code-column h4 a , .code-column h6 a {
51
+ padding-left : 3px ;
52
+ color : # fff ;
53
+ }
54
+ .code-column h4 a : hover {
55
+ color : # ddd ;
56
+ text-decoration : underline;
57
+ }
58
+ .highlight {
59
+ background-color : orange;
60
+ color : # 888 ;
61
+ }
62
+ section .cmd-description .focus-code {
63
+ display : none;
64
+ width : 80% ;
65
+ margin : 0 auto;
66
+ }
67
+
68
+ /**
69
+ * Google pretty code
70
+ */
71
+
72
+ pre {
73
+ font-family : Monaco, Consolas, "Lucida Console" , monospace;
74
+ padding : 5px ;
75
+ font-size : 90% ;
76
+ color : # e9e4e5 ;
77
+ line-height : 1.5em ;
78
+ margin : 0.2em 0 ;
79
+ border : 0 ;
80
+ white-space : pre-wrap;
81
+ }
82
+ pre .pln {
83
+ color : # e9e4e5 ;
84
+ }
85
+ pre .str {
86
+ color : # ffa0a0 ;
87
+ }
88
+ pre .kwd {
89
+ color : # 4bb1b1 ;
90
+ }
91
+ pre .com {
92
+ color : # 87ceeb ;
93
+ display : block;
94
+ }
95
+ pre .com + .pln {
96
+ white-space : normal;
97
+ }
98
+ pre .typ {
99
+ color : # 98fb98 ;
100
+ }
101
+ pre .lit {
102
+ color : # cd5c5c ;
103
+ }
104
+ pre .pun , pre .opn , pre .clo {
105
+ color : # ffffff ;
106
+ }
107
+ pre .tag {
108
+ color : # 4bb1b1 ;
109
+ }
110
+ pre .atn {
111
+ color : # ef7c61 ;
112
+ }
113
+ pre .atv {
114
+ color : # bcd42a ;
115
+ }
116
+ pre .dec , pre .var {
117
+ color : # 660066 ;
118
+ }
119
+ pre .fun {
120
+ color : # ff0000 ;
121
+ }
122
+ pre code {
123
+ font-family : Monaco, Consolas, "Lucida Console" , monospace;
124
+ }
125
+ pre .prettyprint {
126
+ border : 0 !important ;
127
+ }
128
+
129
+ /**
130
+ * Sidebar
131
+ */
132
+
133
+ .sidebar {
134
+ height : 100% ;
135
+ margin-top : 10px ;
136
+ padding-bottom : 20px ;
137
+ position : fixed;
138
+ overflow : auto;
139
+ }
140
+ .sidebar-title {
141
+ font-weight : bold;
142
+ font-size : 110% ;
143
+ margin-bottom : 0 ;
144
+ color : # fa503a ;
145
+ text-align : center;
146
+ }
147
+ button .check-all-button {
148
+ display : block;
149
+ margin : 0 auto;
150
+ margin-top : 20px ;
151
+ }
152
+ ul {
153
+ list-style-type : none;
154
+ margin-top : 20px ;
155
+ margin-left : 10px ;
156
+ }
157
+ ul .sidebar-menu li {
158
+ float : left;
159
+ border-radius : 4px ;
160
+ border : 1px solid # ffa0a0 ;
161
+ padding : 2px 4px ;
162
+ margin : 3px ;
163
+ font-size : 13px ;
164
+ }
165
+ .sidebar-bottom li i {
166
+ display : inline-block;
167
+ width : 20px ;
168
+ }
169
+ ul .sidebar-bottom {
170
+ margin-left : -10px ;
171
+ text-align : center;
172
+ }
173
+ ul .sidebar-bottom a {
174
+ color : # D6D6D6 ;
175
+ font-size : 15px ;
176
+ }
177
+ ul .sidebar-bottom a : hover {
178
+ color : rgb (255 , 255 , 255 );
179
+ font-size : 15px ;
180
+ }
181
+ hr .horizonal-line {
182
+ width : 90% ;
183
+ border-bottom : 1px dashed # 8c8b8b ;
184
+ }
185
+ li .social-icon a : hover {
186
+ color : none;
187
+ }
188
+ .sidebar-menu a {
189
+ color : # ffa0a0 ;
190
+ }
191
+ .sidebar-menu a .active-link {
192
+ color : # F7332D ;
193
+ }
194
+ .mobile-cmd-cell a .active-link {
195
+ color : # F7332D ;
196
+ }
197
+ .sidebar-menu a : hover {
198
+ color : # F7332D ;
199
+ }
200
+
201
+ /**
202
+ * Sidebar icon
203
+ */
204
+ .social-icon {
205
+ color : # FFF ;
206
+ margin-top : 15px ;
207
+ }
208
+ ul .sidebar-bottom li .social-icon a : hover {
209
+ color : inherit;
210
+ }
211
+ ul .sidebar-bottom li .social-icon a i {
212
+ margin-left : 15px ;
213
+ font-size : 20px ;
214
+ }
215
+
216
+ /**
217
+ * Container
218
+ */
219
+ .row .full-width {
220
+ width : 100% ;
221
+ max-width : 100% ;
222
+ margin-top : 8px ;
223
+ }
224
+ section .cmd-description {
225
+ border : 1px solid # ccc ;
226
+ border-radius : 4px ;
227
+ margin-top : 10px ;
228
+ padding-left : 7px ;
229
+ padding-right : 7px ;
230
+ }
231
+ .comments-toggle .icon-eye-close {
232
+ position : fixed;
233
+ right : 60px ;
234
+ top : 25px ;
235
+ font-size : 24px ;
236
+ z-index : 999999 ;
237
+ color : # CCCCCC ;
238
+ }
239
+ .wrapper-container {
240
+ overflow-x : visible;
241
+ }
242
+
243
+ /**
244
+ * Masonry
245
+ */
246
+ .grid-item {
247
+ float : left;
248
+ width : 32% ;
249
+ margin-left : 10px ;
250
+ }
251
+
252
+ /**
253
+ * Media
254
+ */
255
+ @media screen and (max-width : 80em ) {
256
+ .sidebar {
257
+ position : inherit;
258
+ padding-bottom : 0 ;
259
+ }
260
+ .grid {
261
+ margin-right : 15px ;
262
+ }
263
+ .grid-item {
264
+ width : 100% ;
265
+ }
266
+ # top-button {
267
+ display : none;
268
+ }
269
+ .comments-toggle .icon-eye-close {
270
+ display : none;
271
+ }
272
+ section .cmd-description .focus-code {
273
+ width : 100% ;
274
+ }
275
+ }
276
+
277
+ /**
278
+ * Canvas
279
+ */
280
+ .off-canvas .sidebar-canvas {
281
+ background-color : # 333 ;
282
+ overflow-y : visible;
283
+ }
284
+ .off-canvas .sidebar-canvas ul {
285
+ margin-top : 15px ;
286
+ }
287
+ .sidebar-canvas a {
288
+ color : # FF7A7A ;
289
+ }
290
+
291
+
292
+ @media (max-width : 1440px ) {
293
+ # top-button {
294
+ right : 40px ;
295
+ }
296
+ .comments-toggle .icon-eye-close {
297
+ right : 40px ;
298
+ }
299
+ }
0 commit comments