sundrycodes 0.0.4 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
-