sundrycodes 0.0.4 → 0.0.5

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 53a810758d1f2936b62890d0fe5b9b64806442048661a4cd8cc86d5cd0956e5f
4
- data.tar.gz: 61e7838085b73f9fd11cbf31c9ca66df70bfa0cc87b62f3ed1304f9a2c80c740
3
+ metadata.gz: 6a9540914eff02ee6e49f57403b416750a0ceda4e568001a34c39d715d97e095
4
+ data.tar.gz: 896cbe1252980fff1d868be4f4c0aa84f05bc5812b37c8b33ffa5989d123ba45
5
5
  SHA512:
6
- metadata.gz: e1dbbd91d3ad933e3cf0cd268e7144a7f100005110693584ed11411bd7e9f4c9012d1b69b9ceb9312ec05d787924eafac617f49cea0f313e6d02ad0090c8e532
7
- data.tar.gz: 4bfbdb137a7a054c5b7871440527e4725eb2a7f434cab6b2aa88c02e0f17441edc732ff03e8f057352a623d11ec6f44a5902a1bf19d095ce0f64f82c1f4a45a7
6
+ metadata.gz: db3705dd78c35ad3563a7a95fb2d68848da2c04cfc76b9d0b66e1425683b459801878c57642c0bd3f10e209f8f7d43eed394dc4c24bf63e64ef2e182c0d92571
7
+ data.tar.gz: ea3841cade6b47031041fabd57cfe1f01d4e9c03c7bfc1d6f430185cd61f6ab9ce8dacd129f3e953ac5859267a0f7978f55fd3ec508753e55bf4b7665424e547
data/_includes/head.html CHANGED
@@ -20,7 +20,7 @@
20
20
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
21
21
 
22
22
  <!-- D2-coding webfont -->
23
- <link href="http://cdn.jsdelivr.net/gh/joungkyun/font-d2coding/d2coding.css" rel="stylesheet" type="text/css">
23
+ <link href="https://cdn.jsdelivr.net/gh/joungkyun/font-d2coding/d2coding.css" rel="stylesheet" type="text/css">
24
24
  <link href="https://fonts.googleapis.com/css?family=Monofett|Zilla+Slab+Highlight:700" rel="stylesheet">
25
25
 
26
26
  <!--[if lt IE 9]>
@@ -49,6 +49,6 @@
49
49
  <meta name="theme-color" content="#FFFFFF">
50
50
 
51
51
  <link href="https://fonts.googleapis.com/css?family=Nanum+Gothic|Nanum+Myeongjo" rel="stylesheet">
52
-
53
- <link rel="stylesheet" href="/assets/css/main.css" type="text/css">
52
+
53
+ <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
54
54
  </head>
@@ -0,0 +1,438 @@
1
+ body
2
+ font-family: 'Nanum Gothic', sans-serif
3
+ background: #FFFFFF
4
+ color: #2D2C4D
5
+ overflow-x: hidden
6
+ > nav img
7
+ margin-top: 1px
8
+ margin-bottom: 1px
9
+
10
+ article.hentry.featured
11
+
12
+ p
13
+ font-family: 'Nanum Gothic', sans-serif
14
+ font-size: 1em
15
+ font-weight: 300
16
+ line-height: 1.7em
17
+ color: #2D2C4D
18
+ &.entry-discussions
19
+ margin-bottom: 0px
20
+
21
+ a
22
+ &.aps-pos
23
+ position: absolute
24
+ &.navbar-brand
25
+ margin: 0px
26
+ text-align: center
27
+ padding: 0px
28
+ height: 0px
29
+ &[data-toggle="collapse"]
30
+ position: relative
31
+ &[aria-expanded="false"]::before
32
+ content: '\e259'
33
+ display: block
34
+ position: absolute
35
+ right: 20px
36
+ font-family: 'Glyphicons Halflings'
37
+ font-size: 0.6em
38
+ &[aria-expanded="true"]::before
39
+ content: '\e259'
40
+ display: block
41
+ position: absolute
42
+ right: 20px
43
+ font-family: 'Glyphicons Halflings'
44
+ font-size: 0.6em
45
+ content: '\e260'
46
+ color: inherit
47
+ text-decoration: none
48
+ transition: all 0.3s
49
+ line-height: 1.7em
50
+ &:hover, &:focus
51
+ color: inherit
52
+ text-decoration: none
53
+ transition: all 0.3s
54
+ line-height: 1.7em
55
+
56
+ nav.navbar
57
+ height: 34px
58
+ min-height: 34px
59
+ margin-bottom: 15px
60
+ border: 0px
61
+
62
+ img.home-img
63
+ width: 32px
64
+ height: 32px
65
+ border-radius: 4px
66
+
67
+ ul.breadcrumb
68
+ height: 32px
69
+ background-color: transparent
70
+
71
+ .navbar-btn
72
+ color: #2D2C4D
73
+ background-color: transparent
74
+ width: 32px
75
+ height: 32px
76
+ text-align: center
77
+ padding: 0px
78
+ z-index: 500
79
+ position: fixed
80
+ margin: 0px
81
+
82
+ .breadcrumbs
83
+ position: -webkit-sticky
84
+ position: sticky
85
+ margin: -15px
86
+ top: 0px
87
+ padding: 15px
88
+ background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))
89
+ ul
90
+ padding: 4px 10px
91
+
92
+ .page-header
93
+ padding-bottom: 50px
94
+ margin-top: 15px
95
+ h2.entry-title
96
+ margin-top: 15px
97
+
98
+ .container-fluid
99
+ padding: 0px
100
+ margin-left: auto
101
+ margin-right: auto
102
+
103
+ .search-form .form-group
104
+ float: right !important
105
+ transition: all 0.35s
106
+ width: 32px
107
+ height: 32px
108
+ background-color: #FFFFFF
109
+ border-left: 1px solid #2D2C4D
110
+ input.form-control
111
+ padding-right: 20px
112
+ border: 0 none
113
+ background: transparent
114
+ box-shadow: none
115
+ display: block
116
+ height: 30px
117
+ &::-webkit-input-placeholder
118
+ display: none
119
+ &:-moz-placeholder
120
+ /* Firefox 18-
121
+ display: none
122
+ &::-moz-placeholder
123
+ /* Firefox 19+
124
+ display: none
125
+ &:-ms-input-placeholder
126
+ display: none
127
+ &:hover, &.hover
128
+ width: 220px
129
+ border-radius: 8px 25px 25px 8px
130
+ span.form-control-feedback
131
+ float: right !important
132
+ position: relative
133
+ top: -32px
134
+ right: -2px
135
+ z-index: 2
136
+ display: block
137
+ width: 34px
138
+ height: 34px
139
+ line-height: 34px
140
+ text-align: center
141
+ color: #2D2C4D
142
+
143
+ #banner
144
+ display: flex
145
+ flex-direction: row
146
+ justify-content: center
147
+ transition: all 0.35s
148
+ &.active
149
+ margin-left: -250px
150
+ a
151
+ position: absolute
152
+ left: 320px
153
+ opacity: 0.2
154
+ z-index: 20
155
+ padding: 3px
156
+ margin: 15px 0 15px
157
+ background: #2D2C4D
158
+ filter: blur(1px)
159
+ border-radius: 4px
160
+ &:hover
161
+ -webkit-filter: blur(1px)
162
+ opacity: 1
163
+ filter: none
164
+ background: #2D2C4D
165
+
166
+ #sidebar
167
+ min-width: 250px
168
+ max-width: 250px
169
+ height: 100vh
170
+ position: fixed
171
+ top: 0
172
+ left: 0
173
+ z-index: 10
174
+ background: #4087A6
175
+ color: #FFFFFF
176
+ transition: all 0.3s
177
+ ul ul a
178
+ padding-left: 30px !important
179
+ span.label
180
+ font-size: 1.1rem
181
+ font-weight: 400
182
+ .container
183
+ height: calc(100vh - 62px)
184
+ width: 250px
185
+ padding: 0
186
+ footer.container
187
+ position: absolute
188
+ max-height: 15px
189
+ top: calc(100vh - 30px)
190
+ bottom: 0
191
+ left: 0
192
+ z-index: 500
193
+ color: #FFFFFF
194
+ &.active
195
+ margin-left: -250px
196
+ .sidebar-search
197
+ min-height: 50px
198
+ background: #3686A0
199
+ .sidebar-header a
200
+ display: flex
201
+ height: 62px
202
+ padding: 15px
203
+ background: #3686A0
204
+ font-family: 'Monofett', 'Zilla Slab Highlight', cursive
205
+ font-size: 3.3em
206
+ letter-spacing: -0.1em
207
+ line-height: 32px
208
+ white-space: nowrap
209
+ justify-content: center
210
+ &:hover
211
+ font-size: 4.5em
212
+ letter-spacing: -0.15em
213
+ .tag-cloud
214
+ padding: 10px 10px 10px 30px
215
+ font-size: 1.4em
216
+ line-height: 1.68em
217
+ li
218
+ list-style: none
219
+ display: inline
220
+ a
221
+ display: inherit
222
+ padding: 5px !important
223
+ text-align: left
224
+ word-break: keep-all
225
+ border-radius: 4px
226
+ .tag-0
227
+ display: none
228
+ .tag-1
229
+ font-size: 1.11923rem
230
+ .tag-2
231
+ font-size: 1.25267rem
232
+ .tag-3
233
+ font-size: 1.40202rem
234
+ .tag-4
235
+ font-size: 1.56918rem
236
+ .tag-5
237
+ font-size: 1.75627rem
238
+ .tag-6
239
+ font-size: 1.96567rem
240
+ ul
241
+ &.components
242
+ padding: 15px 0
243
+ p
244
+ color: #FFFFFF
245
+ padding: 10px
246
+ li
247
+ a
248
+ padding: 10px
249
+ font-size: 1.1em
250
+ display: block
251
+ &:hover
252
+ color: #4087A6
253
+ background: #BFC8E0
254
+ &.active > a
255
+ color: #FFFFFF
256
+ background: #3686A0
257
+
258
+ a[aria-expanded="true"]
259
+ color: #FFFFFF
260
+ background: #3686A0
261
+
262
+ #sidebar
263
+ .search-form .form-group
264
+ width: 220px
265
+ border-radius: 8px 25px 25px 8px
266
+ ul li ul li.current
267
+ font-weight: bold
268
+
269
+ #recentcomments li.dsq-widget-item
270
+ display: flex
271
+ flex-direction: row-reverse
272
+ padding: 0px
273
+ margin: 0px
274
+ float: left
275
+ a
276
+ display: none
277
+ p
278
+ text-indent: 0px
279
+ &.dsq-widget-meta
280
+ font-size: 0em
281
+ width: 250px
282
+ height: 46px
283
+ padding: 0px
284
+ a
285
+ width: 250px
286
+ height: 46px
287
+ display: flex
288
+ flex-direction: row-reverse
289
+ position: fixed
290
+ font-size: 1.1rem
291
+ padding: 10px 10px 10px 30px
292
+ color: rgba(255, 255, 255, 0)
293
+ overflow: hidden
294
+ &:hover
295
+ color: #4087A6
296
+ background: #BFC8E0
297
+ span.dsq-widget-comment
298
+ display: inherit
299
+ margin: 0px
300
+ position: absolute
301
+ left: 0px
302
+ p
303
+ color: #FFFFFF
304
+ width: 250px
305
+ padding: 10px 10px 10px 30px
306
+ margin: 0px
307
+ font-size: 1.1em
308
+
309
+ #content
310
+ width: calc(100% - 250px)
311
+ min-height: 100vh
312
+ transition: all 0.3s
313
+ position: absolute
314
+ top: 0
315
+ right: 0
316
+ padding: 15px
317
+ background: #FFFFFF
318
+ &.active
319
+ width: 100%
320
+ article.hentry
321
+ margin-bottom: 50px
322
+ div.entry-body h2
323
+ margin: 0 0 20px
324
+ line-height: 1.7em
325
+ text-align: justify
326
+
327
+ h3
328
+ margin: 0 0 20px
329
+ line-height: 1.7em
330
+ text-align: justify
331
+
332
+ #content
333
+ div.entry-body
334
+ p
335
+ text-indent: -15px
336
+ text-align: justify
337
+ margin: 0 0 20px
338
+ img
339
+ width: 100%
340
+ height: auto
341
+ pre
342
+ background: #2D2C4D
343
+ color: #FFFFFF
344
+ margin: 0 0 20px
345
+ ul
346
+ margin: 0 0 20px
347
+ code, p code
348
+ font-family: D2Coding, 'D2 coding', 'Anonymous Pro', monospace
349
+ pre code
350
+ font-family: D2Coding, 'D2 coding', 'Anonymous Pro', monospace
351
+ font-size: 1.5em
352
+ p.continue-reading
353
+ display: flex
354
+ flex-direction: row
355
+ justify-content: center
356
+ text-align: center
357
+ transition: all 0.3s
358
+ a
359
+ text-indent: initial
360
+ display: block
361
+ width: 130px
362
+ padding: 0 5px
363
+ border-style: solid
364
+ border-radius: 4px
365
+ border-width: 0 1px
366
+ &:hover
367
+ width: 100%
368
+ font-weight: 600
369
+ table
370
+ border-collapse: collapse
371
+ text-align: left
372
+ line-height: 1.5
373
+ margin: 0 0 20px
374
+ thead th
375
+ padding: 10px
376
+ font-weight: bold
377
+ vertical-align: top
378
+ color: #369
379
+ border-bottom: 3px solid #036
380
+ tbody th
381
+ width: 150px
382
+ padding: 10px
383
+ font-weight: bold
384
+ vertical-align: top
385
+ border-bottom: 1px solid #ccc
386
+ background: #f3f6f7
387
+ td
388
+ width: 350px
389
+ padding: 10px
390
+ vertical-align: top
391
+ border-bottom: 1px solid #ccc
392
+ small.entry-info
393
+ font-size: 45%
394
+ div
395
+ &.search form.form-search
396
+ background-color: transparent
397
+ border: 0px
398
+ &.entry-body div.entry-content a
399
+ color: #5F4B8B
400
+ border-radius: 4px
401
+ transition: all 0.3s
402
+ border-left: 8px solid
403
+ &:hover
404
+ color: #FFFFFF
405
+ background: #5F4B8B
406
+
407
+ // table
408
+
409
+ @media (max-width: 768px)
410
+ div.breadcrumbs li
411
+ &.deactive
412
+ display: none
413
+ display: inherit
414
+ #sidebar
415
+ margin-left: -250px
416
+ .container
417
+ height: calc(100vh - 112px)
418
+ &.active
419
+ margin-left: 0
420
+ #content
421
+ width: 100%
422
+ h2.entry-title
423
+ font-size: 22px
424
+ div.entry-body
425
+ h3
426
+ font-size: 18px
427
+ blockquote
428
+ font-size: 13px
429
+ pre code
430
+ font-size: 1.14em
431
+ .container-fluid
432
+ min-width: calc(320px - calc(15px * 2))
433
+ &.active
434
+ width: calc(100% - 250px)
435
+ .container-fluid
436
+ min-width: 320px
437
+
438
+ @media (max-width: 320px)
data/assets/main.sass ADDED
@@ -0,0 +1,5 @@
1
+ ---
2
+ # Only the main Sass file needs front matter (the dashes are enough)
3
+ ---
4
+
5
+ @import sundrycodes
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: sundrycodes
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.4
4
+ version: 0.0.5
5
5
  platform: ruby
6
6
  authors:
7
7
  - Rockheung
@@ -75,7 +75,7 @@ files:
75
75
  - _layouts/page.html
76
76
  - _layouts/post.html
77
77
  - _layouts/tag.html
78
- - assets/css/main.css
78
+ - _sass/sundrycodes.sass
79
79
  - assets/ico/android-icon-144x144.png
80
80
  - assets/ico/android-icon-192x192.png
81
81
  - assets/ico/android-icon-36x36.png
@@ -105,6 +105,7 @@ files:
105
105
  - assets/ico/ms-icon-70x70.png
106
106
  - assets/js/html5shiv.js
107
107
  - assets/js/respond.min.js
108
+ - assets/main.sass
108
109
  homepage: https://github.com/Rockheung/sundrycodes.git
109
110
  licenses:
110
111
  - MIT
data/assets/css/main.css DELETED
@@ -1,531 +0,0 @@
1
- body {
2
- font-family: 'Nanum Gothic', sans-serif;
3
- background: #FFFFFF;
4
- color: #2D2C4D;
5
- overflow-x: hidden;
6
- }
7
-
8
- body > nav img {
9
- margin-top: 1px;
10
- margin-bottom: 1px;
11
- }
12
-
13
- article.hentry.featured {
14
- }
15
-
16
- p {
17
- font-family: 'Nanum Gothic', sans-serif;
18
- font-size: 1em;
19
- font-weight: 300;
20
- line-height: 1.7em;
21
- color: #2D2C4D;
22
- }
23
- p.entry-discussions {
24
- margin-bottom: 0px;
25
- }
26
-
27
- a.aps-pos {
28
- position: absolute;
29
- }
30
- a.navbar-brand {
31
- margin: 0px;
32
- text-align: center;
33
- padding: 0px;
34
- height: 0px;
35
- }
36
- a[data-toggle="collapse"] {
37
- position: relative;
38
- }
39
- a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
40
- content: '\e259';
41
- display: block;
42
- position: absolute;
43
- right: 20px;
44
- font-family: 'Glyphicons Halflings';
45
- font-size: 0.6em;
46
- }
47
- a[aria-expanded="true"]::before {
48
- content: '\e260';
49
- }
50
- a, a:hover, a:focus {
51
- color: inherit;
52
- text-decoration: none;
53
- transition: all 0.3s;
54
- line-height: 1.7em;
55
- }
56
-
57
- nav.navbar {
58
- height: 34px;
59
- min-height: 34px;
60
- margin-bottom: 15px;
61
- border: 0px;
62
- }
63
-
64
- img.home-img {
65
- width: 32px;
66
- height: 32px;
67
- border-radius: 4px;
68
- }
69
-
70
- ul.breadcrumb {
71
- height: 32px;
72
- background-color: transparent;
73
- }
74
- .navbar-btn {
75
- color: #2D2C4D;
76
- background-color: transparent;
77
- width: 32px;
78
- height: 32px;
79
- text-align: center;
80
- padding: 0px;
81
- z-index: 500;
82
- position: fixed;
83
- margin: 0px;
84
- }
85
- .breadcrumbs {
86
- position: -webkit-sticky;
87
- position: sticky;
88
- margin: -15px;
89
- top: 0px;
90
- padding: 15px;
91
- background: linear-gradient( to bottom, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0) );
92
- }
93
- .breadcrumbs ul{
94
- padding: 4px 10px;
95
- }
96
- .page-header {
97
- padding-bottom: 50px;
98
- margin-top: 15px;
99
- }
100
- .page-header h2.entry-title {
101
- margin-top: 15px;
102
- }
103
- .container-fluid {
104
- padding:0px;
105
- margin-left: auto;
106
- margin-right: auto;
107
- }
108
-
109
- .search-form .form-group {
110
- float: right !important;
111
- transition: all 0.35s;
112
- width: 32px;
113
- height: 32px;
114
- background-color: #FFFFFF;
115
- border-left: 1px solid #2D2C4D;
116
- }
117
- .search-form .form-group input.form-control {
118
- padding-right: 20px;
119
- border: 0 none;
120
- background: transparent;
121
- box-shadow: none;
122
- display:block;
123
- height: 30px;
124
- }
125
- .search-form .form-group input.form-control::-webkit-input-placeholder {
126
- display: none;
127
- }
128
- .search-form .form-group input.form-control:-moz-placeholder {
129
- /* Firefox 18- */
130
- display: none;
131
- }
132
- .search-form .form-group input.form-control::-moz-placeholder {
133
- /* Firefox 19+ */
134
- display: none;
135
- }
136
- .search-form .form-group input.form-control:-ms-input-placeholder {
137
- display: none;
138
- }
139
- .search-form .form-group:hover,
140
- .search-form .form-group.hover {
141
- width: 220px;
142
- border-radius: 8px 25px 25px 8px;
143
- }
144
- .search-form .form-group span.form-control-feedback {
145
- float: right !important;
146
- position: relative;
147
- top: -32px;
148
- right: -2px;
149
- z-index: 2;
150
- display: block;
151
- width: 34px;
152
- height: 34px;
153
- line-height: 34px;
154
- text-align: center;
155
- color: #2D2C4D;
156
- }
157
-
158
- #banner {
159
- display: flex;
160
- flex-direction: row;
161
- justify-content: center;
162
- transition: all 0.35s;
163
- }
164
- #banner.active{
165
- margin-left: -250px;
166
- }
167
-
168
-
169
- #banner a{
170
- position: absolute;
171
- left: 320px;
172
- opacity: 0.2;
173
- z-index: 20;
174
- padding: 3px;
175
- margin: 15px 0 15px;
176
- background: #2D2C4D;
177
- filter: blur(1px);
178
- border-radius: 4px;
179
- }
180
-
181
- #banner a:hover{
182
- -webkit-filter: blur(1px);
183
- opacity: 1;
184
- filter: none;
185
- background: #2D2C4D;
186
- }
187
-
188
- #sidebar {
189
- min-width: 250px;
190
- max-width: 250px;
191
- height: 100vh;
192
- position: fixed;
193
- top: 0;
194
- left: 0;
195
- z-index: 10;
196
- background: #4087A6;
197
- color: #FFFFFF;
198
- transition: all 0.3s;
199
- }
200
- #sidebar ul ul a {
201
- padding-left: 30px !important;
202
- }
203
-
204
- #sidebar span.label {
205
- font-size: 1.1rem;
206
- font-weight: 400;
207
- }
208
- #sidebar .container {
209
- height: calc(100vh - 62px);
210
- width: 250px;
211
- padding: 0;
212
- }
213
-
214
- #sidebar footer.container {
215
- position: absolute;
216
- max-height: 15px;
217
- top: calc(100vh - 30px);
218
- bottom: 0;
219
- left: 0;
220
- z-index: 500;
221
- color: #FFFFFF;
222
- }
223
-
224
-
225
- #sidebar.active {
226
- margin-left: -250px;
227
- }
228
-
229
- #sidebar .sidebar-search {
230
- min-height: 50px;
231
- background: #3686A0;
232
- }
233
-
234
- #sidebar .sidebar-header a {
235
- display: flex;
236
- height: 62px;
237
- padding: 15px;
238
- background: #3686A0;
239
- font-family: 'Monofett', 'Zilla Slab Highlight', cursive;
240
- font-size: 3.3em;
241
- letter-spacing: -0.1em;
242
- line-height: 32px;
243
- white-space: nowrap;
244
- justify-content: center;
245
- }
246
- #sidebar .sidebar-header a:hover {
247
- font-size: 4.5em;
248
- letter-spacing: -0.15em;
249
- }
250
-
251
- #sidebar .tag-cloud {
252
- padding: 10px 10px 10px 30px;
253
- font-size: 1.4em;
254
- line-height: 1.68em;
255
- }
256
- #sidebar .tag-cloud li {
257
- list-style: none;
258
- display: inline;
259
- }
260
- #sidebar .tag-cloud li a {
261
- display: inherit;
262
- padding: 5px !important;
263
- text-align: left;
264
- word-break: keep-all;
265
- border-radius: 4px;
266
- }
267
- #sidebar .tag-cloud .tag-0 {
268
- display: none;
269
- }
270
- #sidebar .tag-cloud .tag-1 {
271
- font-size: 1.11923rem;
272
- }
273
- #sidebar .tag-cloud .tag-2 {
274
- font-size: 1.25267rem;
275
- }
276
- #sidebar .tag-cloud .tag-3 {
277
- font-size: 1.40202rem;
278
- }
279
- #sidebar .tag-cloud .tag-4 {
280
- font-size: 1.56918rem;
281
- }
282
- #sidebar .tag-cloud .tag-5 {
283
- font-size: 1.75627rem;
284
- }
285
- #sidebar .tag-cloud .tag-6 {
286
- font-size: 1.96567rem;
287
- }
288
-
289
- #sidebar ul.components {
290
- padding: 15px 0;
291
- }
292
-
293
- #sidebar ul p {
294
- color: #FFFFFF;
295
- padding: 10px;
296
- }
297
-
298
- #sidebar ul li a {
299
- padding: 10px;
300
- font-size: 1.1em;
301
- display: block;
302
- }
303
- #sidebar ul li a:hover {
304
- color: #4087A6;
305
- background: #BFC8E0;
306
- }
307
-
308
- #sidebar ul li.active > a, a[aria-expanded="true"] {
309
- color: #FFFFFF;
310
- background: #3686A0;
311
- }
312
- #sidebar .search-form .form-group {
313
- width: 220px;
314
- border-radius: 8px 25px 25px 8px;
315
- }
316
- #sidebar ul li ul li.current {
317
- font-weight: bold;
318
- }
319
-
320
- #recentcomments li.dsq-widget-item {
321
- display: flex;
322
- flex-direction: row-reverse;
323
- padding: 0px;
324
- margin: 0px;
325
- float: left;
326
- }
327
- #recentcomments li.dsq-widget-item a {
328
- display: none;
329
- }
330
- #recentcomments li.dsq-widget-item p {
331
- text-indent: 0px;
332
- }
333
- #recentcomments li.dsq-widget-item p.dsq-widget-meta {
334
- font-size: 0em;
335
- width: 250px;
336
- height: 46px;
337
- padding: 0px;
338
- }
339
- #recentcomments li.dsq-widget-item p.dsq-widget-meta a {
340
- width: 250px;
341
- height: 46px;
342
- display: flex;
343
- flex-direction: row-reverse;
344
- position: fixed;
345
- font-size: 1.1rem;
346
- padding: 10px 10px 10px 30px;
347
- color: rgba(255,255,255,0);
348
- overflow: hidden;
349
- }
350
- #recentcomments li.dsq-widget-item p.dsq-widget-meta a:hover {
351
- color: #4087A6;
352
- background: #BFC8E0;
353
- }
354
- #recentcomments li.dsq-widget-item span.dsq-widget-comment {
355
- display: inherit;
356
- margin: 0px;
357
- position: absolute;
358
- left: 0px;
359
- }
360
- #recentcomments li.dsq-widget-item span.dsq-widget-comment p {
361
- color: #FFFFFF;
362
- width: 250px;
363
- padding: 10px 10px 10px 30px;
364
- margin: 0px;
365
- font-size: 1.1em;
366
- }
367
- #content {
368
- width: calc(100% - 250px);
369
- min-height: 100vh;
370
- transition: all 0.3s;
371
- position: absolute;
372
- top: 0;
373
- right: 0;
374
- padding: 15px;
375
- background: #FFFFFF;
376
- }
377
- #content.active {
378
- width: 100%;
379
- }
380
- #content article.hentry {
381
- margin-bottom: 50px;
382
- }
383
- #content div.entry-body h2,h3 {
384
- margin: 0 0 20px;
385
- line-height: 1.7em;
386
- text-align: justify;
387
- }
388
-
389
- #content div.entry-body p {
390
- text-indent: -15px;
391
- text-align: justify;
392
- margin: 0 0 20px;
393
- }
394
- #content div.entry-body img {
395
- width: 100%;
396
- height: auto;
397
- }
398
-
399
- #content div.entry-body pre {
400
- background: #2D2C4D;
401
- color: #FFFFFF;
402
- margin: 0 0 20px;
403
- }
404
-
405
- #content div.entry-body ul {
406
- margin: 0 0 20px;
407
- }
408
-
409
- #content div.entry-body code {
410
- font-family: D2Coding, 'D2 coding', 'Anonymous Pro', monospace;
411
- }
412
-
413
- #content div.entry-body p code {
414
- font-family: D2Coding, 'D2 coding', 'Anonymous Pro', monospace;
415
- }
416
-
417
- #content div.entry-body pre code {
418
- font-family: D2Coding, 'D2 coding', 'Anonymous Pro', monospace;
419
- font-size: 1.5em;
420
- }
421
- #content div.entry-body p.continue-reading {
422
- display: flex;
423
- flex-direction: row;
424
- justify-content: center;
425
- text-align: center;
426
- transition: all 0.3s ;
427
- }
428
- #content div.entry-body p.continue-reading a {
429
- text-indent: initial;
430
- display: block;
431
- width: 130px;
432
- padding: 0 5px;
433
- border-style: solid;
434
- border-radius: 4px;
435
- border-width: 0 1px;
436
- }
437
- #content div.entry-body p.continue-reading a:hover {
438
- width: 100%;
439
- font-weight: 600;
440
- }
441
-
442
- /* table */
443
- #content div.entry-body table {
444
- border-collapse: collapse;
445
- text-align: left;
446
- line-height: 1.5;
447
- margin: 0 0 20px;
448
- }
449
- #content div.entry-body table thead th {
450
- padding: 10px;
451
- font-weight: bold;
452
- vertical-align: top;
453
- color: #369;
454
- border-bottom: 3px solid #036;
455
- }
456
- #content div.entry-body table tbody th {
457
- width: 150px;
458
- padding: 10px;
459
- font-weight: bold;
460
- vertical-align: top;
461
- border-bottom: 1px solid #ccc;
462
- background: #f3f6f7;
463
- }
464
- #content div.entry-body table td {
465
- width: 350px;
466
- padding: 10px;
467
- vertical-align: top;
468
- border-bottom: 1px solid #ccc;
469
- }
470
-
471
- #content small.entry-info {
472
- font-size: 45%;
473
- }
474
- #content div.search form.form-search {
475
- background-color: transparent;
476
- border: 0px;
477
- }
478
- #content div.entry-body div.entry-content a {
479
- color: #5F4B8B;
480
- border-radius: 4px;
481
- transition: all 0.3s ;
482
- border-left: 8px solid;
483
- }
484
- #content div.entry-body div.entry-content a:hover {
485
- color: #FFFFFF;
486
- background: #5F4B8B;
487
- }
488
- @media (max-width: 768px) {
489
- div.breadcrumbs li.deactive {
490
- display: none;
491
- }
492
- div.breadcrumbs li {
493
- display: inherit;
494
- }
495
- #sidebar {
496
- margin-left: -250px;
497
- }
498
- #sidebar .container {
499
- height: calc(100vh - 112px);
500
- }
501
- #sidebar.active {
502
- margin-left: 0;
503
- }
504
- #content {
505
- width: 100%;
506
- }
507
- #content h2.entry-title {
508
- font-size: 22px;
509
- }
510
- #content div.entry-body h3 {
511
- font-size: 18px;
512
- }
513
- #content div.entry-body blockquote {
514
- font-size: 13px;
515
- }
516
- #content div.entry-body pre code {
517
- font-size: 1.14em;
518
- }
519
- #content .container-fluid{
520
- min-width: calc(320px - calc(15px * 2));
521
- }
522
- #content.active {
523
- width: calc(100% - 250px);
524
- }
525
- #content.active .container-fluid {
526
- min-width: 320px;
527
- }
528
- }
529
- @media (max-width: 320px) {
530
- }
531
-