· 5 years ago · Jan 25, 2021, 04:22 AM
1<?xml version="1.0" encoding="UTF-8" ?>
2<!DOCTYPE html>
3<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
4
5<script src='http://cufon.shoqolate.com/js/cufon-yui.js' type='text/javascript'/>
6<script src='lemonmilk.cufonfonts.js' type='text/javascript'/>
7<script type='text/javascript'>
8Cufon.replace('.lemonmilk', { fontFamily: 'Lemon/Milk', hover: true });
9Cufon.replace('.lemonmilk-light', { fontFamily: 'Lemon/Milk light', hover: true });
10Cufon.replace('.lemonmilk-bold', { fontFamily: 'Lemon/Milk bold', hover: true });
11Cufon.replace('.lemonmilk-bold-italic', { fontFamily: 'Lemon/Milk bold italic', hover: true });
12Cufon.replace('.lemonmilk-italic', { fontFamily: 'Lemon/Milk italic', hover: true });
13Cufon.replace('.lemonmilk-light-italic', { fontFamily: 'Lemon/Milk light italic', hover: true });
14</script>
15<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script language='JavaScript' src='http://static.tumblr.com/oiizew6/8B5lzwf17/script.js' type='text/JavaScript'/>
16 <head>
17
18<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
19
20 <meta expr:content='data:blog.isMobile ? "width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" : "width=1100"' name='viewport'/>
21 <b:include data='blog' name='all-head-content'/>
22 <title><data:blog.pageTitle/></title>
23
24 <b:skin><![CDATA[/*
25-----------------------------------------------
26Blogger Template Style
27Name: Simple
28Designer: Blogger
29URL: www.blogger.com
30----------------------------------------------- */
31
32/* Variable definitions
33 ====================
34 <Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#ffffff"/>
35
36 <Group description="Page Text" selector="body">
37 <Variable name="body.font" description="Font" type="font"
38 default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px 'Trebuchet MS', Trebuchet, Verdana, sans-serif"/>
39 <Variable name="body.text.color" description="Text Color" type="color" default="#222222" value="#666666"/>
40 </Group>
41
42 <Group description="Backgrounds" selector=".body-fauxcolumns-outer">
43 <Variable name="body.background.color" description="Outer Background" type="color" default="#66bbdd" value="#ffffff"/>
44 <Variable name="content.background.color" description="Main Background" type="color" default="#ffffff" value="#ffffff"/>
45 <Variable name="header.background.color" description="Header Background" type="color" default="transparent" value="transparent"/>
46 </Group>
47
48 <Group description="Links" selector=".main-outer">
49 <Variable name="link.color" description="Link Color" type="color" default="#2288bb" value="#2288bb"/>
50 <Variable name="link.visited.color" description="Visited Color" type="color" default="#888888" value="#888888"/>
51 <Variable name="link.hover.color" description="Hover Color" type="color" default="#33aaff" value="#33aaff"/>
52 </Group>
53
54 <Group description="Blog Title" selector=".header h1">
55 <Variable name="header.font" description="Font" type="font"
56 default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 40px 'Trebuchet MS',Trebuchet,Verdana,sans-serif"/>
57 <Variable name="header.text.color" description="Title Color" type="color" default="#3399bb" value="#000000"/>
58 </Group>
59
60 <Group description="Blog Description" selector=".header .description">
61 <Variable name="description.text.color" description="Description Color" type="color"
62 default="#777777" value="#000000"/>
63 </Group>
64
65 <Group description="Tabs Text" selector=".tabs-inner .widget li a">
66 <Variable name="tabs.font" description="Font" type="font"
67 default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px 'Trebuchet MS', Trebuchet, Verdana, sans-serif"/>
68 <Variable name="tabs.text.color" description="Text Color" type="color" default="#999999" value="#000000"/>
69 <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000" value="#000000"/>
70 </Group>
71
72 <Group description="Tabs Background" selector=".tabs-outer .PageList">
73 <Variable name="tabs.background.color" description="Background Color" type="color" default="#f5f5f5" value="transparent"/>
74 <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#eeeeee" value="#eeeeee"/>
75 </Group>
76
77 <Group description="Post Title" selector="h3.post-title, .comments h4">
78 <Variable name="post.title.font" description="Font" type="font"
79 default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 22px 'Trebuchet MS',Trebuchet,Verdana,sans-serif"/>
80 </Group>
81
82 <Group description="Date Header" selector=".date-header">
83 <Variable name="date.header.color" description="Text Color" type="color"
84 default="$(body.text.color)" value="#ffffff"/>
85 <Variable name="date.header.background.color" description="Background Color" type="color"
86 default="transparent" value="#bbbbbb"/>
87 <Variable name="date.header.font" description="Text Font" type="font"
88 default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
89 <Variable name="date.header.padding" description="Date Header Padding" type="string" default="inherit" value="0.4em"/>
90 <Variable name="date.header.letterspacing" description="Date Header Letter Spacing" type="string" default="inherit" value="3px"/>
91 <Variable name="date.header.margin" description="Date Header Margin" type="string" default="inherit" value="inherit"/>
92 </Group>
93
94 <Group description="Post Footer" selector=".post-footer">
95 <Variable name="post.footer.text.color" description="Text Color" type="color" default="#666666" value="#666666"/>
96 <Variable name="post.footer.background.color" description="Background Color" type="color"
97 default="#f9f9f9" value="#eeeeee"/>
98 <Variable name="post.footer.border.color" description="Shadow Color" type="color" default="#eeeeee" value="#eeeeee"/>
99 </Group>
100
101 <Group description="Gadgets" selector="h2">
102 <Variable name="widget.title.font" description="Title Font" type="font"
103 default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 11px 'Trebuchet MS',Trebuchet,Verdana,sans-serif"/>
104 <Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000" value="#000000"/>
105 <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#999999" value="#999999"/>
106 </Group>
107
108 <Group description="Images" selector=".main-inner">
109 <Variable name="image.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
110 <Variable name="image.border.color" description="Border Color" type="color" default="#eeeeee" value="#eeeeee"/>
111 <Variable name="image.text.color" description="Caption Text Color" type="color" default="$(body.text.color)" value="#666666"/>
112 </Group>
113
114 <Group description="Accents" selector=".content-inner">
115 <Variable name="body.rule.color" description="Separator Line Color" type="color" default="#eeeeee" value="transparent"/>
116 <Variable name="tabs.border.color" description="Tabs Border Color" type="color" default="$(body.rule.color)" value="#dddddd"/>
117 </Group>
118
119 <Variable name="body.background" description="Body Background" type="background"
120 color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>
121 <Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/>
122
123 <Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
124 default="url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_light.png)" value="none"/>
125 <Variable name="body.background.gradient.tile" description="Body Gradient Tile" type="url"
126 default="url(https://resources.blogblog.com/blogblog/data/1kt/simple/body_gradient_tile_light.png)" value="none"/>
127
128 <Variable name="content.background.color.selector" description="Content Background Color Selector" type="string" default=".content-inner" value=".content-inner"/>
129 <Variable name="content.padding" description="Content Padding" type="length" default="10px" min="0" max="100px" value="10px"/>
130 <Variable name="content.padding.horizontal" description="Content Horizontal Padding" type="length" default="$(content.padding)" min="0" max="100px" value="40px"/>
131 <Variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="40px" min="0" max="100px" value="0"/>
132 <Variable name="content.shadow.spread.webkit" description="Content Shadow Spread (WebKit)" type="length" default="5px" min="0" max="100px" value="0"/>
133 <Variable name="content.shadow.spread.ie" description="Content Shadow Spread (IE)" type="length" default="10px" min="0" max="100px" value="0"/>
134
135 <Variable name="main.border.width" description="Main Border Width" type="length" default="0" min="0" max="10px" value="0"/>
136
137 <Variable name="header.background.gradient" description="Header Gradient" type="url" default="none" value="none"/>
138 <Variable name="header.shadow.offset.left" description="Header Shadow Offset Left" type="length" default="-1px" min="-50px" max="50px" value="0"/>
139 <Variable name="header.shadow.offset.top" description="Header Shadow Offset Top" type="length" default="-1px" min="-50px" max="50px" value="0"/>
140 <Variable name="header.shadow.spread" description="Header Shadow Spread" type="length" default="1px" min="0" max="100px" value="0"/>
141 <Variable name="header.padding" description="Header Padding" type="length" default="30px" min="0" max="100px" value="0"/>
142
143 <Variable name="header.border.size" description="Header Border Size" type="length" default="1px" min="0" max="10px" value="1px"/>
144 <Variable name="header.bottom.border.size" description="Header Bottom Border Size" type="length" default="$(header.border.size)" min="0" max="10px" value="0"/>
145 <Variable name="header.border.horizontalsize" description="Header Horizontal Border Size" type="length" default="0" min="0" max="10px" value="1px"/>
146
147 <Variable name="description.text.size" description="Description Text Size" type="string" default="140%" value="18px"/>
148
149 <Variable name="tabs.margin.top" description="Tabs Margin Top" type="length" default="0" min="0" max="100px" value="0"/>
150 <Variable name="tabs.margin.side" description="Tabs Side Margin" type="length" default="30px" min="0" max="100px" value="30px"/>
151 <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
152 default="url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_light.png)" value="none"/>
153 <Variable name="tabs.border.width" description="Tabs Border Width" type="length" default="1px" min="0" max="10px" value="1px"/>
154 <Variable name="tabs.bevel.border.width" description="Tabs Bevel Border Width" type="length" default="1px" min="0" max="10px" value="1px"/>
155
156 <Variable name="post.margin.bottom" description="Post Bottom Margin" type="length" default="25px" min="0" max="100px" value="45px"/>
157
158 <Variable name="image.border.small.size" description="Image Border Small Size" type="length" default="2px" min="0" max="10px" value="2px"/>
159 <Variable name="image.border.large.size" description="Image Border Large Size" type="length" default="5px" min="0" max="10px" value="5px"/>
160
161 <Variable name="page.width.selector" description="Page Width Selector" type="string" default=".region-inner" value=".region-inner"/>
162 <Variable name="page.width" description="Page Width" type="string" default="auto" value="auto"/>
163
164 <Variable name="main.section.margin" description="Main Section Margin" type="length" default="15px" min="0" max="100px" value="1em"/>
165 <Variable name="main.padding" description="Main Padding" type="length" default="15px" min="0" max="100px" value="0"/>
166 <Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px" min="0" max="100px" value="35px"/>
167 <Variable name="main.padding.bottom" description="Main Padding Bottom" type="length" default="30px" min="0" max="100px" value="65px"/>
168
169 <Variable name="paging.background"
170 color="$(content.background.color)"
171 description="Background of blog paging area" type="background"
172 default="transparent none no-repeat scroll top center" value="transparent url(https://resources.blogblog.com/blogblog/data/1kt/simple/paging_dot.png) repeat-x scroll top center"/>
173
174 <Variable name="footer.bevel" description="Bevel border length of footer" type="length" default="0" min="0" max="10px" value="1px"/>
175
176 <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
177 default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
178 <Variable name="mobile.background.size" description="Mobile Background Size" type="string" default="auto" value="auto"/>
179 <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff" value="#ffffff"/>
180
181 <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left"/>
182 <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right"/>
183*/
184
185/* Content
186----------------------------------------------- */
187body {
188 font: normal normal 12px 'Trebuchet MS', Trebuchet, Verdana, sans-serif;
189 color: #666666;
190 background: url(http://www.thephoblographer.com/wp-content/uploads/2013/05/L1121412_lr_lr-2000.jpg) fixed;
191 padding: 0;
192}
193
194html body $(page.width.selector) {
195 min-width: 0;
196 max-width: 100%;
197 width: $(page.width);
198}
199
200h2 {
201 font-size: 22px;
202}
203
204a:link {
205 text-decoration:none;
206 color: $(link.color);
207}
208
209a:visited {
210 text-decoration:none;
211 color: $(link.visited.color);
212}
213
214a:hover {
215 transition: 0.3s;
216 color: #fff;
217}
218
219.body-fauxcolumn-outer .fauxcolumn-inner {
220 background: transparent $(body.background.gradient.tile) repeat scroll top left;
221 _background-image: none;
222}
223
224.body-fauxcolumn-outer .cap-top {
225 position: absolute;
226 z-index: 1;
227 height: 400px;
228 width: 100%;
229}
230
231.body-fauxcolumn-outer .cap-top .cap-left {
232 width: 100%;
233 background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
234 _background-image: none;
235}
236
237.content-outer {
238 -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
239 -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
240 -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
241 box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
242
243 margin-bottom: 1px;
244}
245
246.content-inner {
247 padding: $(content.padding) $(content.padding.horizontal);
248 background: transparent;
249}
250
251
252/* Header
253----------------------------------------------- */
254.header-outer {
255 background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
256 _background-image: none;
257}
258
259.Header h1 {
260 font: $(header.font);
261 color: $(header.text.color);
262 text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
263}
264
265.Header h1 a {
266 color: $(header.text.color);
267}
268
269.Header .description {
270 font-size: $(description.text.size);
271 color: $(description.text.color);
272}
273
274.header-inner .Header .titlewrapper {
275 padding: 22px $(header.padding);
276}
277
278.header-inner .Header .descriptionwrapper {
279 padding: 0 $(header.padding);
280}
281
282/* Tabs
283----------------------------------------------- */
284.tabs-inner .section:first-child {
285 border-top: $(header.bottom.border.size) solid $(tabs.border.color);
286}
287
288.tabs-inner .section:first-child ul {
289 margin-top: -$(header.border.size);
290 border-top: $(header.border.size) solid $(tabs.border.color);
291 border-left: $(header.border.horizontalsize) solid $(tabs.border.color);
292 border-right: $(header.border.horizontalsize) solid $(tabs.border.color);
293}
294
295.tabs-inner .widget ul {
296 background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
297 _background-image: none;
298 border-bottom: $(tabs.border.width) solid $(tabs.border.color);
299
300 margin-top: $(tabs.margin.top);
301 margin-left: -$(tabs.margin.side);
302 margin-right: -$(tabs.margin.side);
303}
304
305.tabs-inner .widget li a {
306 display: inline-block;
307
308 padding: .6em 1em;
309
310 font: $(tabs.font);
311 color: $(tabs.text.color);
312
313 border-$startSide: $(tabs.border.width) solid $(content.background.color);
314 border-$endSide: $(tabs.bevel.border.width) solid $(tabs.border.color);
315}
316
317.tabs-inner .widget li:first-child a {
318 border-$startSide: none;
319}
320
321.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
322 color: $(tabs.selected.text.color);
323 background-color: $(tabs.selected.background.color);
324 text-decoration: none;
325}
326
327/* Columns
328----------------------------------------------- */
329.main-outer {
330 border-top: $(main.border.width) solid $(body.rule.color);
331}
332
333.fauxcolumn-left-outer .fauxcolumn-inner {
334 border-right: 1px solid $(body.rule.color);
335}
336
337.fauxcolumn-right-outer .fauxcolumn-inner {
338 border-left: 1px solid $(body.rule.color);
339}
340
341/* Headings
342----------------------------------------------- */
343div.widget > h2,
344div.widget h2.title {
345 margin: 0 0 1em 0;
346
347 font: $(widget.title.font);
348 color: $(widget.title.text.color);
349}
350
351/* Widgets
352----------------------------------------------- */
353.sidebar .widget {
354 line-height: 1.4;
355 background: rgba(255, 255, 255, 0.87);
356 border-radius: 5px;
357 color: rgb(140, 140, 140);
358}
359
360.widget-content {
361 padding: 8px;
362}
363
364div#HTML1 .widget-content {
365 padding: 0px;
366}
367
368div#HTML3 {
369 background: transparent;
370 padding: 0px;
371 padding-left: 40px;
372 margin-top: -15px;
373}
374
375div.widget > h2, div.widget h2.title {
376 font-weight: lighter;
377 border-bottom: 1px solid rgba(145, 155, 179, 0.93);
378 padding: 6px;
379 margin-bottom: 0px;
380 text-align: center;
381 font-family: Trebuchet MS;
382 text-transform: uppercase;
383 font-size: 13px;
384 color: rgba(145, 155, 179, 0.93);
385}
386
387.widget .zippy {
388 color: $(widget.alternate.text.color);
389 text-shadow: 2px 2px 1px rgba(0, 0, 0, .1);
390}
391
392.widget .popular-posts ul {
393 list-style: none;
394}
395
396/* Posts
397----------------------------------------------- */
398h2.date-header {
399 font: $(date.header.font);
400}
401
402.date-header span {
403 background-color: rgba(255, 255, 255, 0.76);
404 color: #a495a8;
405 padding: 4px 10px;
406 display: block;
407 position: absolute;
408 text-align: center;
409 font-size: 8px;
410 font-weight: normal;
411 font-family: pf arma five;
412 border-radius: 9px;
413 width: 10%;
414 letter-spacing: 3px;
415 margin-left: 105%;
416}
417
418.post-comment-link a {
419 background-color: #e7cfdd;
420 color: #b992a9;
421 padding: 4px 10px;
422 box-shadow: inset -5px 0px 0px 0px #eac0d9;
423 font-size: 10px;
424 font-weight: bold;
425 display: inline-block;
426 text-transform: uppercase;
427 letter-spacing: 2px;
428 float: right;
429}
430
431span.post-author.vcard {
432 background-color: #eadfe6;
433 color: #bba6b4;
434 padding: 4px 10px;
435 font-size: 10px;
436 font-weight: bold;
437 display: inline-block;
438 text-transform: uppercase;
439 box-shadow: inset -5px 0px 0px 0px #e8d5e0;
440 letter-spacing: 2px;
441 float: right;
442}
443
444a.g-profile {
445 color: #bb96ae;
446}
447
448.jump-link a {
449 background-color: #f3c1d1;
450 color: #b16f84;
451 padding: 4px 10px;
452 font-size: 10px;
453 font-weight: bold;
454 display: inline-block;
455 text-transform: uppercase;
456 letter-spacing: 2px;
457 float: right;
458}
459
460.post-footer-line>* {
461 margin-right: 0px;
462}
463
464.post-footer-line.post-footer-line-1 {
465 background: transparent;
466}
467
468.main-inner {
469 padding-top: $(main.padding.top);
470 padding-bottom: $(main.padding.bottom);
471}
472
473.main-inner .column-center-inner {
474 padding: 0 $(main.padding);
475}
476
477.main-inner .column-center-inner .section {
478 margin: 0 $(main.section.margin);
479}
480
481.post {
482 margin-bottom: 0px;
483}
484
485.post-outer {
486 padding: 10px;
487 color: rgb(140, 140, 140);
488 margin-bottom: 5%;
489 border-radius: 5px;
490 background: rgba(255, 255, 255, 0.87);
491}
492
493h3.post-title {
494 font: normal normal 22px 'Trebuchet MS',Trebuchet,Verdana,sans-serif;
495 margin-bottom: -12px;
496 margin-top: -11px;
497 width: 468px;
498 padding: 3px 4px 4px;
499 border-radius: 8px 8px 0px 0px;
500 margin-left: -10px;
501 text-align: center;
502 line-height: 20px;
503 border-bottom: 1px solid rgba(145, 155, 179, 0.93);
504}
505
506h3.post-title a {
507 padding: 30px;
508 font-family: Trebuchet MS;
509 text-transform: uppercase;
510 font-size: 13px;
511 color: rgba(145, 155, 179, 0.93);
512}
513
514.post-body {
515 font-size: 110%;
516 line-height: 1.4;
517 position: relative;
518}
519
520.post-body img {
521 max-width: 440px;
522}
523
524.post-body img, .post-body .tr-caption-container {
525 padding: $(image.border.large.size);
526}
527
528.post-body .tr-caption-container {
529 color: $(image.text.color);
530}
531
532.post-body .tr-caption-container img {
533 padding: 0;
534
535 background: transparent;
536 border: none;
537
538 -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
539 -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
540 box-shadow: 0 0 0 rgba(0, 0, 0, .1);
541}
542
543.post-header {
544 margin: 0 0 1.5em;
545
546 line-height: 1.6;
547 font-size: 90%;
548}
549
550.post-footer {
551 background: transparent;
552 padding-top: 10px;
553}
554
555#comments .comment-author {
556 padding-top: 1.5em;
557
558 border-top: 1px solid $(body.rule.color);
559 background-position: 0 1.5em;
560}
561
562#comments .comment-author:first-child {
563 padding-top: 0;
564 border-top: none;
565}
566
567.avatar-image-container {
568 margin: .2em 0 0;
569}
570
571#comments .avatar-image-container img {
572 border: 1px solid $(image.border.color);
573}
574
575/* Comments
576----------------------------------------------- */
577.comments .comments-content .icon.blog-author {
578 background-repeat: no-repeat;
579 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
580}
581
582.comments .comments-content .loadmore a {
583 border-top: 1px solid $(widget.alternate.text.color);
584 border-bottom: 1px solid $(widget.alternate.text.color);
585}
586
587.comments .comment-thread.inline-thread {
588 background-color: transparent;
589}
590
591#comments h4 {
592 color: #a5968d;
593 font-family: Georgia;
594 font-style: italic;
595 text-align: center;
596 padding-top: 10px;
597 font-size: 13px;
598 margin-bottom: -10px;
599 font-weight: lighter;
600}
601
602.comments{ /* Conteúdo que vem acima do h4, fonte do texto dos comentários */
603clear:both;
604background-color: none;
605margin-top: -5px;
606margin-bottom:0;
607line-height:18px;
608font-size: 11px;
609}
610
611.comments .continue a {
612 display: block;
613 padding: .5em;
614 text-align: center;
615 color: #a5968d;
616 font-family: calibri;
617}
618
619.comments .comments-content{ /* Fundo da área de comentários (Corpo) */
620margin-bottom: 6px;
621font-weight:normal;
622text-align: justify; /* Alinhagem do texto */
623background: transparent; /* Deixe assim se não quiser um fundo */
624}
625.comments .comment .comment-actions a, .comments .comment .continue a {
626 background: rgba(210, 174, 184, 0.66);
627 padding-top: 2px;
628 border-radius: 2px;
629 padding-bottom: 2px;
630 padding-left: 3px;
631 padding-right: 3px;
632 margin-bottom: 3px;
633 margin-left: 2px;
634 margin-right: 2px;
635 display: inline-block;
636 text-align: center;
637 text-decoration: none;
638 width: 54px;
639 line-height: 17px;
640 font-weight: normal;
641 cursor: pointer;
642 font-family: "Calibri";
643 font-size: 11px;
644 color: #fff;
645}
646.comments .comment .comment-actions a:hover,.comments .comment .continue a:hover { /* Botão hover */
647text-decoration: none;
648background: rgba(210, 174, 184, 0.90);
649}
650.comments .comments-content .datetime a {
651 font-size: 11px;
652 text-decoration: none;
653 color: #a1afd4;
654 text-align: right;
655 float: right;
656}
657.comment-content{ /* Código "de dentro" do bloco de comentários */
658margin: 4px;
659padding: 0 4px;
660}
661.comment-header {
662 background-color: #e6eaf5;
663 font-size: 18px;
664 border-radius: 5px 5px 0px 0px;
665 border-bottom: 1px solid #c5cfe8;
666 padding: 5px;
667}
668.comment-header a {
669 color: #a1afd4;
670 font-family: calibri;
671 font-size: 14px;
672 letter-spacing: 2px;
673}
674.comments .thread-toggle .thread-arrow{
675display:inline-block;
676height:6px;
677width:7px;
678overflow:visible;
679margin:0.3em;
680padding-right:4px;
681}
682.comments .comment-block {
683 margin-left: 46px;
684 box-shadow: 1px 1px 0px #eadfe6;
685 margin-top: 2px;
686 background: #fff;
687 border-radius: 5px 5px 0px 0px;
688}
689.avatar-image-container{ /* Foto do "comentarista" (Tamanhos) */
690width:50px !important; /* Mude a largura se preferir */
691height:50px !important; /* Mude a altura se preferir */
692max-width:58px !important; /* Nâo será necessário mexer */
693max-height:58px !important; /* Nâo será necessário mexer */
694}
695.comments .avatar-image-container img{ /* Foto do "comentarista" (Personalizar) */
696padding:1px;
697border:1px solid #ccc;
698background: #fff;
699-moz-opacity: 0.73;
700-khtml-opacity: 0.73;
701opacity: 0.73;
702filter:alpha(opacity=73); /* Se preferir retire */
703-webkit-transition-duration: .10s;
704}
705.comments .avatar-image-container img:hover{ /* Personalizar hover */
706-moz-opacity: 0.98;
707-khtml-opacity: 0.98;
708opacity: 0.98;
709filter:alpha(opacity=98); /* Se preferir retire */
710-webkit-transition-duration: .50s;
711}
712/* Não apague essa parte, deixe-a sem mexer */
713.comments .comments-content .comment-thread ol{
714list-style-type:none;padding:0;text-align:none}
715.comments .comments-content .inline-thread{padding:0}
716.comments .comments-content .comment-thread{margin:8px 0}
717.comments .comments-content .comment-thread:empty{display:none}
718.comment-replies{margin-top:1em;margin-left:40px;}
719.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}
720.comments .comments-content .comment:first-child{padding-top:16px}
721.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
722.comments .comments-content .comment-body{position:relative;
723}
724.comments .comments-content .user{font-style:normal;font-weight:normal}
725.comments .comments-content .user a{font-weight:normal;text-decoration:none;
726}
727
728/* Accents
729---------------------------------------------- */
730.section-columns td.columns-cell {
731 border-$startSide: 1px solid $(body.rule.color);
732}
733
734.blog-pager {
735 background: transparent;
736}
737
738.blog-pager a {
739 background: transparent;
740 font-family: PF Arma Five;
741 font-size: 8px;
742 font-weight: lighter;
743 color: #fff;
744 text-shadow: 1px 1px 0px #8f852e;
745}
746
747.blog-pager-older-link, .home-link,
748.blog-pager-newer-link {
749 background-color: $(content.background.color);
750 padding: 5px;
751}
752
753.footer-outer {
754 border-top: 0px;
755}
756
757/* Mobile
758----------------------------------------------- */
759body.mobile {
760 background-size: $(mobile.background.size);
761}
762
763.mobile .body-fauxcolumn-outer {
764 background: $(mobile.background.overlay);
765}
766
767.mobile .body-fauxcolumn-outer .cap-top {
768 background-size: 100% auto;
769}
770
771.mobile .content-outer {
772 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
773 box-shadow: 0 0 3px rgba(0, 0, 0, .15);
774}
775
776.mobile .tabs-inner .widget ul {
777 margin-left: 0;
778 margin-right: 0;
779}
780
781.mobile .post {
782 margin: 0;
783}
784
785.mobile .main-inner .column-center-inner .section {
786 margin: 0;
787}
788
789.mobile .date-header span {
790 padding: 0.1em 10px;
791 margin: 0 -10px;
792}
793
794.mobile h3.post-title {
795 margin: 0;
796}
797
798.mobile .blog-pager {
799 background: transparent none no-repeat scroll top center;
800}
801
802.mobile .footer-outer {
803 border-top: none;
804}
805
806.mobile .main-inner, .mobile .footer-inner {
807 background-color: $(content.background.color);
808}
809
810.mobile-index-contents {
811 color: $(body.text.color);
812}
813
814.mobile-link-button {
815 background-color: $(link.color);
816}
817
818.mobile-link-button a:link, .mobile-link-button a:visited {
819 color: $(mobile.button.color);
820}
821
822.mobile .tabs-inner .section:first-child {
823 border-top: none;
824}
825
826.mobile .tabs-inner .PageList .widget-content {
827 background-color: $(tabs.selected.background.color);
828 color: $(tabs.selected.text.color);
829 border-top: $(tabs.border.width) solid $(tabs.border.color);
830 border-bottom: $(tabs.border.width) solid $(tabs.border.color);
831}
832
833.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
834 border-$startSide: 1px solid $(tabs.border.color);
835}
836
837@font-face { font-family: 'PF Arma Five'; src: url('http://static.tumblr.com/xf6erfz/sUBm594pm/pf_arma_five.ttf'); src: format('truetype');}
838
839#HTML6 {
840 padding-left: 1px;
841}
842
843.imagem {
844 width: 34%;
845 margin: -2px;
846 filter: brightness(103%);
847}
848
849.imagem:hover {
850 transition: 0.5s;
851 border-radius: 50px 0px;
852}
853
854.counter {
855 font-family: monospace;
856 font-size: 11px;
857 color: #d1a8ae;
858 float: left;
859 margin: 3px 10px;
860}
861
862.creditos {
863 display: inline-block;
864 width: 58px;
865 height: 16px;
866 background: rgba(78, 78, 78, 0.76);
867 border: 1px solid #4e4e4e;
868 border-radius: 3px;
869 overflow: hidden;
870 letter-spacing: 1px;
871 text-align: center;
872 font-family: calibri;
873 position: absolute;
874 padding: 1px;
875 font-size: 11px;
876 margin-left: 5px;
877 color: white;
878 text-shadow: 1px 1px 0px #4f3d31;
879}
880.creditos a {
881 color: #fdddff;
882}
883
884.creditos:hover {
885 transition: 1s;
886 height: 60px;
887}
888
889#pesquisa-caixa {
890 background: #ffffff;
891 padding: 7px;
892 border: 0 none;
893 font-size: 12px;
894 width: 163px;
895}
896#pesquisa-botao {
897 color: #8a8a8a;
898 background: url(http://i.imgur.com/cz4sguf.png) no-repeat left #e6bcd9;
899 box-shadow: inset 0px -15px 0px rgba(154, 154, 154, 0.17), inset -1px 1px 0px rgba(255, 255, 255, 0.63);
900 margin-left: -3px;
901 padding: 6px 10px 7px 12px;
902 border: 0 none;
903 font-weight: lighter;
904 border-top-right-radius: 7px;
905 border-bottom-right-radius: 7px;
906}
907#pesquisa-botao:hover {
908 cursor: pointer;
909 background: url(http://i.imgur.com/cz4sguf.png) no-repeat left #e2e2e2;
910 box-shadow: inset 0px 15px 0px rgba(154, 154, 154, 0.19);
911 color: #a5a5a5;
912}
913
914.folks {
915 font-family: 'Lemon/Milk';
916 font-size: 50px;
917 color: #ffffff;
918 text-shadow: 2px 3px 0px rgb(199, 145, 158);
919 text-align: center;
920}
921
922s, strike {
923 color: #d28494;
924}
925
926u, underline {
927 color: #ca96b4;
928 text-decoration: none;
929 border-bottom: 1px dotted;
930}
931
932b, strong, bold {
933 color: #8a8bb5;
934}
935
936.menu {
937 display: inline-block;
938 width: 20px;
939 height: 20px;
940 line-height: 20px;
941 padding: 4px;
942 font-family: 'FontAwesome';
943 text-align: center;
944 background: whitesmoke;
945 border-radius: 6px;
946 border: 1px solid #cecece;
947 margin-left: 3px;
948}
949
950.menu:hover{
951 transform: scale(1.5);
952 transition: 0.5s;
953}
954
955ul.menul {
956 border: 0px !important;
957}
958
959div#HTML1 {
960 background: transparent;
961 box-shadow: 0px 0px 0 0px;
962 padding: 0px;
963}
964
965div#qTip {
966padding: 6px;
967display: none;
968border: 1px solid rgba(95, 173, 147, 0.30);
969border-radius: 0px 5px 5px 5px;
970font-family: PF Arma Five;
971background: #f1f9f6;
972color: #96afa6;
973font-size: 8px;
974position: absolute;
975z-index: 1000;}
976
977::-webkit-scrollbar-track
978{
979 background-color: #F5F5F5;
980}
981
982::-webkit-scrollbar
983{
984 width: 10px;
985 background-color: #F5F5F5;
986}
987
988::-webkit-scrollbar-thumb
989{
990 background-color: #ce8187;
991 background-image: -webkit-linear-gradient(45deg,
992 rgba(255, 255, 255, .2) 25%,
993 transparent 25%,
994 transparent 50%,
995 rgba(255, 255, 255, .2) 50%,
996 rgba(255, 255, 255, .2) 75%,
997 transparent 75%,
998 transparent)
999}
1000
1001.status-msg-body {
1002 text-align: center;
1003 padding: .3em 0;
1004 background: #e2b9c1;
1005 border: 5px solid transparent;
1006 width: 100%;
1007 color: #fff;
1008 position: absolute;
1009 z-index: 4;
1010}
1011
1012.status-msg-body a {
1013 color: #b58994;
1014}
1015
1016.feed-links {
1017display: none;
1018}
1019
1020]]></b:skin>
1021
1022 <b:template-skin>
1023 <b:variable default='960px' name='content.width' type='length' value='860px'/>
1024 <b:variable default='0' name='main.column.left.width' type='length' value='280px'/>
1025 <b:variable default='310px' name='main.column.right.width' type='length' value='0px'/>
1026
1027 <![CDATA[
1028 body {
1029 min-width: $(content.width);
1030 }
1031
1032 .content-outer, .content-fauxcolumn-outer, .region-inner {
1033 min-width: $(content.width);
1034 max-width: $(content.width);
1035 _width: $(content.width);
1036 }
1037
1038 .main-inner .columns {
1039 padding-left: $(main.column.left.width);
1040 padding-right: $(main.column.right.width);
1041 }
1042
1043 .main-inner .fauxcolumn-center-outer {
1044 left: $(main.column.left.width);
1045 right: $(main.column.right.width);
1046 /* IE6 does not respect left and right together */
1047 _width: expression(this.parentNode.offsetWidth -
1048 parseInt("$(main.column.left.width)") -
1049 parseInt("$(main.column.right.width)") + 'px');
1050 }
1051
1052 .main-inner .fauxcolumn-left-outer {
1053 width: $(main.column.left.width);
1054 }
1055
1056 .main-inner .fauxcolumn-right-outer {
1057 width: $(main.column.right.width);
1058 }
1059
1060 .main-inner .column-left-outer {
1061 width: $(main.column.left.width);
1062 right: 100%;
1063 margin-left: -$(main.column.left.width);
1064 }
1065
1066 .main-inner .column-right-outer {
1067 width: $(main.column.right.width);
1068 margin-right: -$(main.column.right.width);
1069 }
1070
1071 #layout {
1072 min-width: 0;
1073 }
1074
1075 #layout .content-outer {
1076 min-width: 0;
1077 width: 800px;
1078 }
1079
1080 #layout .region-inner {
1081 min-width: 0;
1082 width: auto;
1083 }
1084
1085 body#layout div.add_widget {
1086 padding: 8px;
1087 }
1088
1089 body#layout div.add_widget a {
1090 margin-left: 32px;
1091 }
1092 ]]>
1093 </b:template-skin>
1094
1095 <b:if cond='data:skin.vars.body_background.image.isResizable'>
1096 <b:include cond='not data:view.isPreview' data='{ image: data:skin.vars.body_background.image, selector: "body" }' name='responsiveImageStyle'/>
1097 </b:if>
1098
1099 <b:include data='blog' name='google-analytics'/>
1100 </head>
1101
1102 <body expr:class='"loading" + data:blog.mobileClass'>
1103
1104 <b:if cond='data:blog.pageType == "index"'>
1105 <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
1106 <meta expr:content='data:blog.title' itemprop='name'/>
1107 <b:if cond='data:blog.metaDescription'>
1108 <meta expr:content='data:blog.metaDescription' itemprop='description'/>
1109 </b:if>
1110 </div>
1111 </b:if>
1112
1113 <div class='body-fauxcolumns'>
1114 <div class='fauxcolumn-outer body-fauxcolumn-outer'>
1115 <div class='cap-top'>
1116 <div class='cap-left'/>
1117 <div class='cap-right'/>
1118 </div>
1119 <div class='fauxborder-left'>
1120 <div class='fauxborder-right'/>
1121 <div class='fauxcolumn-inner'>
1122 </div>
1123 </div>
1124 <div class='cap-bottom'>
1125 <div class='cap-left'/>
1126 <div class='cap-right'/>
1127 </div>
1128 </div>
1129 </div>
1130
1131 <div class='content'>
1132 <div class='content-fauxcolumns'>
1133 <div class='fauxcolumn-outer content-fauxcolumn-outer'>
1134 <div class='cap-top'>
1135 <div class='cap-left'/>
1136 <div class='cap-right'/>
1137 </div>
1138 <div class='fauxborder-left'>
1139 <div class='fauxborder-right'/>
1140 <div class='fauxcolumn-inner'>
1141 </div>
1142 </div>
1143 <div class='cap-bottom'>
1144 <div class='cap-left'/>
1145 <div class='cap-right'/>
1146 </div>
1147 </div>
1148 </div>
1149
1150 <div class='content-outer'>
1151 <div class='content-cap-top cap-top'>
1152 <div class='cap-left'/>
1153 <div class='cap-right'/>
1154 </div>
1155 <div class='fauxborder-left content-fauxborder-left'>
1156 <div class='fauxborder-right content-fauxborder-right'/>
1157 <div class='content-inner'>
1158
1159
1160 <div class='tabs-outer'>
1161 <div class='tabs-cap-top cap-top'>
1162 <div class='cap-left'/>
1163 <div class='cap-right'/>
1164 </div>
1165 <div class='fauxborder-left tabs-fauxborder-left'>
1166 <div class='fauxborder-right tabs-fauxborder-right'/>
1167 <div class='region-inner tabs-inner'>
1168 <b:section class='tabs' id='crosscol' maxwidgets='1' name='Cross-Column' showaddelement='yes'/>
1169 <b:section class='tabs' id='crosscol-overflow' name='Cross-Column 2' showaddelement='no'/>
1170 </div>
1171 </div>
1172 <div class='tabs-cap-bottom cap-bottom'>
1173 <div class='cap-left'/>
1174 <div class='cap-right'/>
1175 </div>
1176 </div>
1177
1178 <div class='main-outer'>
1179 <div class='main-cap-top cap-top'>
1180 <div class='cap-left'/>
1181 <div class='cap-right'/>
1182 </div>
1183
1184 <div class='fauxborder-left main-fauxborder-left'>
1185 <div class='fauxborder-right main-fauxborder-right'/>
1186 <div class='region-inner main-inner'>
1187
1188 <div class='columns fauxcolumns'>
1189
1190 <div class='fauxcolumn-outer fauxcolumn-center-outer'>
1191 <div class='cap-top'>
1192 <div class='cap-left'/>
1193 <div class='cap-right'/>
1194 </div>
1195 <div class='fauxborder-left'>
1196 <div class='fauxborder-right'/>
1197 <div class='fauxcolumn-inner'>
1198 </div>
1199 </div>
1200 <div class='cap-bottom'>
1201 <div class='cap-left'/>
1202 <div class='cap-right'/>
1203 </div>
1204 </div>
1205
1206 <div class='fauxcolumn-outer fauxcolumn-left-outer'>
1207 <div class='cap-top'>
1208 <div class='cap-left'/>
1209 <div class='cap-right'/>
1210 </div>
1211 <div class='fauxborder-left'>
1212 <div class='fauxborder-right'/>
1213 <div class='fauxcolumn-inner'>
1214 </div>
1215 </div>
1216 <div class='cap-bottom'>
1217 <div class='cap-left'/>
1218 <div class='cap-right'/>
1219 </div>
1220 </div>
1221
1222 <div class='fauxcolumn-outer fauxcolumn-right-outer'>
1223 <div class='cap-top'>
1224 <div class='cap-left'/>
1225 <div class='cap-right'/>
1226 </div>
1227 <div class='fauxborder-left'>
1228 <div class='fauxborder-right'/>
1229 <div class='fauxcolumn-inner'>
1230 </div>
1231 </div>
1232 <div class='cap-bottom'>
1233 <div class='cap-left'/>
1234 <div class='cap-right'/>
1235 </div>
1236 </div>
1237
1238 <!-- corrects IE6 width calculation -->
1239 <div class='columns-inner'>
1240
1241 <div class='column-center-outer'>
1242 <div class='column-center-inner'>
1243 <b:section class='main' id='main' name='Main' showaddelement='no'>
1244 <b:widget id='Blog1' locked='true' title='Postagens do blog' type='Blog' version='1'>
1245 <b:widget-settings>
1246 <b:widget-setting name='showDateHeader'>true</b:widget-setting>
1247 <b:widget-setting name='commentLabel'>mil comentários</b:widget-setting>
1248 <b:widget-setting name='style.textcolor'>#666666</b:widget-setting>
1249 <b:widget-setting name='showShareButtons'>false</b:widget-setting>
1250 <b:widget-setting name='showCommentLink'>true</b:widget-setting>
1251 <b:widget-setting name='style.urlcolor'>#666666</b:widget-setting>
1252 <b:widget-setting name='showAuthor'>true</b:widget-setting>
1253 <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
1254 <b:widget-setting name='style.linkcolor'>#2288bb</b:widget-setting>
1255 <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
1256 <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
1257 <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
1258 <b:widget-setting name='style.layout'>1x1</b:widget-setting>
1259 <b:widget-setting name='showLabels'>false</b:widget-setting>
1260 <b:widget-setting name='showLocation'>false</b:widget-setting>
1261 <b:widget-setting name='showTimestamp'>false</b:widget-setting>
1262 <b:widget-setting name='postsPerAd'>1</b:widget-setting>
1263 <b:widget-setting name='showBacklinks'>false</b:widget-setting>
1264 <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
1265 <b:widget-setting name='showInlineAds'>false</b:widget-setting>
1266 <b:widget-setting name='showReactions'>false</b:widget-setting>
1267 </b:widget-settings>
1268 <b:includable id='main' var='top'>
1269 <b:if cond='!data:mobile'>
1270 <!-- posts -->
1271 <div class='blog-posts hfeed'>
1272
1273 <b:include data='top' name='status-message'/>
1274
1275 <b:loop values='data:posts' var='post'>
1276 <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
1277 </div></div>
1278 </b:if>
1279 <b:if cond='data:post.isDateStart'>
1280 <div class="date-outer">
1281 </b:if>
1282 <b:if cond='data:post.dateHeader'>
1283 <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
1284 </b:if>
1285 <b:if cond='data:post.isDateStart'>
1286 <div class="date-posts">
1287 </b:if>
1288
1289
1290 <div class='post-outer'>
1291 <b:include data='post' name='post'/>
1292 <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
1293 </div>
1294
1295 <!-- Ad -->
1296 <b:if cond='data:post.includeAd'>
1297 <div class='inline-ad'>
1298 <data:adCode/>
1299 </div>
1300 </b:if>
1301 </b:loop>
1302 <b:if cond='data:numPosts != 0'>
1303 </div></div>
1304 </b:if>
1305 </div>
1306
1307 <!-- navigation -->
1308 <b:include name='nextprev'/>
1309
1310 <!-- feed links -->
1311 <b:include name='feedLinks'/>
1312
1313 <b:else/>
1314 <b:include name='mobile-main'/>
1315 </b:if>
1316
1317 <b:include cond='data:top.showPlusOne' name='googlePlusBootstrap'/>
1318</b:includable>
1319 <b:includable id='backlinkDeleteIcon' var='backlink'/>
1320 <b:includable id='backlinks' var='post'/>
1321 <b:includable id='comment-form' var='post'>
1322 <div class='comment-form'>
1323 <a name='comment-form'/>
1324 <b:if cond='data:mobile'>
1325 <h4 id='comment-post-message'>
1326 <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
1327 <p><data:blogCommentMessage/></p>
1328 <data:blogTeamBlogMessage/>
1329 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1330 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
1331 <b:else/>
1332 <h4 id='comment-post-message'><data:postCommentMsg/></h4>
1333 <p><data:blogCommentMessage/></p>
1334 <data:blogTeamBlogMessage/>
1335 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1336 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
1337 </b:if>
1338 <data:post.cmtfpIframe/>
1339 <script type='text/javascript'>
1340 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
1341 </script>
1342 </div>
1343</b:includable>
1344 <b:includable id='commentDeleteIcon' var='comment'>
1345 <span expr:class='"item-control " + data:comment.adminClass'>
1346 <b:if cond='data:showCmtPopup'>
1347 <div class='goog-toggle-button'>
1348 <div class='goog-inline-block comment-action-icon'/>
1349 </div>
1350 <b:else/>
1351 <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
1352 <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
1353 </a>
1354 </b:if>
1355 </span>
1356</b:includable>
1357 <b:includable id='comment_count_picker' var='post'>
1358 <b:if cond='data:post.commentSource == 1'>
1359 <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'>
1360 </span>
1361 <b:else/>
1362 <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
1363 <data:post.commentLabelFull/>
1364 </a>
1365 </b:if>
1366</b:includable>
1367 <b:includable id='comment_picker' var='post'>
1368 <b:if cond='data:post.showThreadedComments'>
1369 <b:include data='post' name='threaded_comments'/>
1370 <b:else/>
1371 <b:include data='post' name='comments'/>
1372 </b:if>
1373</b:includable>
1374 <b:includable id='comments' var='post'>
1375 <div class='comments' id='comments'>
1376 <a name='comments'/>
1377 <b:if cond='data:post.allowComments'>
1378 <h4><data:post.commentLabelFull/>:</h4>
1379
1380 <b:if cond='data:post.commentPagingRequired'>
1381 <span class='paging-control-container'>
1382 <b:if cond='data:post.hasOlderLinks'>
1383 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
1384  
1385 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
1386  
1387 </b:if>
1388
1389 <data:post.commentRangeText/>
1390
1391 <b:if cond='data:post.hasNewerLinks'>
1392  
1393 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
1394  
1395 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
1396 </b:if>
1397 </span>
1398 </b:if>
1399
1400 <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
1401 <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
1402 <b:loop values='data:post.comments' var='comment'>
1403 <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
1404 <b:if cond='data:comment.favicon'>
1405 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
1406 </b:if>
1407 <a expr:name='data:comment.anchorName'/>
1408 <b:if cond='data:blog.enabledCommentProfileImages'>
1409 <data:comment.authorAvatarImage/>
1410 </b:if>
1411 <b:if cond='data:comment.authorUrl'>
1412 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
1413 <b:else/>
1414 <data:comment.author/>
1415 </b:if>
1416 <data:commentPostedByMsg/>
1417 </dt>
1418 <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
1419 <b:if cond='data:comment.isDeleted'>
1420 <span class='deleted-comment'><data:comment.body/></span>
1421 <b:else/>
1422 <p>
1423 <data:comment.body/>
1424 </p>
1425 </b:if>
1426 </dd>
1427 <dd class='comment-footer'>
1428 <span class='comment-timestamp'>
1429 <a expr:href='data:comment.url' title='comment permalink'>
1430 <data:comment.timestamp/>
1431 </a>
1432 <b:include data='comment' name='commentDeleteIcon'/>
1433 </span>
1434 </dd>
1435 </b:loop>
1436 </dl>
1437 </div>
1438
1439 <b:if cond='data:post.commentPagingRequired'>
1440 <span class='paging-control-container'>
1441 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
1442 <data:post.oldestLinkText/>
1443 </a>
1444 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
1445 <data:post.olderLinkText/>
1446 </a>
1447  
1448 <data:post.commentRangeText/>
1449  
1450 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
1451 <data:post.newerLinkText/>
1452 </a>
1453 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
1454 <data:post.newestLinkText/>
1455 </a>
1456 </span>
1457 </b:if>
1458
1459 <p class='comment-footer'>
1460 <b:if cond='data:post.embedCommentForm'>
1461 <b:if cond='data:post.allowNewComments'>
1462 <b:include data='post' name='comment-form'/>
1463 <b:else/>
1464 <data:post.noNewCommentsText/>
1465 </b:if>
1466 <b:elseif cond='data:post.allowComments'/>
1467 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
1468 </b:if>
1469 </p>
1470 </b:if>
1471 <b:if cond='data:showCmtPopup'>
1472 <div id='comment-popup'>
1473 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
1474 </iframe>
1475 </div>
1476 </b:if>
1477
1478 </div>
1479</b:includable>
1480 <b:includable id='feedLinks'>
1481 <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
1482 <b:if cond='data:feedLinks'>
1483 <div class='blog-feeds'>
1484 <b:include data='feedLinks' name='feedLinksBody'/>
1485 </div>
1486 </b:if>
1487
1488 <b:else/> <!--Post feed links -->
1489 <div class='post-feeds'>
1490 <b:loop values='data:posts' var='post'>
1491 <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
1492 </b:loop>
1493 </div>
1494 </b:if>
1495</b:includable>
1496 <b:includable id='feedLinksBody' var='links'>
1497 <div class='feed-links'>
1498 <data:feedLinksMsg/>
1499 <b:loop values='data:links' var='f'>
1500 <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
1501 </b:loop>
1502 </div>
1503</b:includable>
1504 <b:includable id='iframe_comments' var='post'>
1505 <!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
1506</b:includable>
1507 <b:includable id='mobile-index-post' var='post'>
1508 <div class='mobile-date-outer date-outer'>
1509 <b:if cond='data:post.dateHeader'>
1510 <div class='date-header'>
1511 <span><data:post.dateHeader/></span>
1512 </div>
1513 </b:if>
1514
1515 <div class='mobile-post-outer'>
1516 <a expr:href='data:post.url'>
1517 <h3 class='mobile-index-title entry-title' itemprop='name'>
1518 <data:post.title/>
1519 </h3>
1520
1521 <div class='mobile-index-arrow'>&rsaquo;</div>
1522
1523 <div class='mobile-index-contents'>
1524 <b:if cond='data:post.thumbnailUrl'>
1525 <div class='mobile-index-thumbnail'>
1526 <div class='Image'>
1527 <img expr:src='data:post.thumbnailUrl'/>
1528 </div>
1529 </div>
1530 </b:if>
1531
1532 <div class='post-body'>
1533 <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
1534 </div>
1535 </div>
1536
1537 <div style='clear: both;'/>
1538 </a>
1539
1540 <div class='mobile-index-comment'>
1541 <b:include cond='data:blog.pageType != "static_page" and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/>
1542 </div>
1543 </div>
1544 </div>
1545</b:includable>
1546 <b:includable id='mobile-main' var='top'>
1547 <!-- posts -->
1548 <div class='blog-posts hfeed'>
1549
1550 <b:include data='top' name='status-message'/>
1551
1552 <b:if cond='data:blog.pageType == "index"'>
1553 <b:loop values='data:posts' var='post'>
1554 <b:include data='post' name='mobile-index-post'/>
1555 </b:loop>
1556 <b:else/>
1557 <b:loop values='data:posts' var='post'>
1558 <b:include data='post' name='mobile-post'/>
1559 </b:loop>
1560 </b:if>
1561 </div>
1562
1563 <b:include name='mobile-nextprev'/>
1564</b:includable>
1565 <b:includable id='mobile-nextprev'>
1566 <div class='blog-pager' id='blog-pager'>
1567 <b:if cond='data:newerPageUrl'>
1568 <div class='mobile-link-button' id='blog-pager-newer-link'>
1569 <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
1570 </div>
1571 </b:if>
1572
1573 <b:if cond='data:olderPageUrl'>
1574 <div class='mobile-link-button' id='blog-pager-older-link'>
1575 <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
1576 </div>
1577 </b:if>
1578
1579 <div class='mobile-link-button' id='blog-pager-home-link'>
1580 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
1581 </div>
1582
1583 <div class='mobile-desktop-link'>
1584 <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
1585 </div>
1586
1587 </div>
1588 <div class='clear'/>
1589</b:includable>
1590 <b:includable id='mobile-post' var='post'>
1591 <div class='date-outer'>
1592 <b:if cond='data:post.dateHeader'>
1593 <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
1594 </b:if>
1595 <div class='date-posts'>
1596 <div class='post-outer'>
1597
1598 <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
1599 <b:if cond='data:post.thumbnailUrl'>
1600 <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
1601 </b:if>
1602 <meta expr:content='data:blog.blogId' itemprop='blogId'/>
1603 <meta expr:content='data:post.id' itemprop='postId'/>
1604
1605 <a expr:name='data:post.id'/>
1606 <b:if cond='data:post.title'>
1607 <h3 class='post-title entry-title' itemprop='name'>
1608 <b:if cond='data:post.link'>
1609 <a expr:href='data:post.link'><data:post.title/></a>
1610 <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
1611 <a expr:href='data:post.url'><data:post.title/></a>
1612 <b:else/>
1613 <data:post.title/>
1614 </b:if>
1615 </h3>
1616 </b:if>
1617
1618 <div class='post-header'>
1619 <div class='post-header-line-1'/>
1620 </div>
1621
1622 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
1623 <data:post.body/>
1624 <div style='clear: both;'/> <!-- clear for photos floats -->
1625 </div>
1626
1627 <div class='post-footer'>
1628 <div class='post-footer-line post-footer-line-1'>
1629 </div>
1630
1631 <div class='post-footer-line post-footer-line-2'>
1632 <b:if cond='data:top.showMobileShare'>
1633 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
1634 <a href='javascript:void(0);'><data:shareMsg/></a>
1635 </div>
1636 </b:if>
1637 <b:if cond='data:top.showDummy'>
1638 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
1639 </b:if>
1640 </div>
1641
1642 </div>
1643 </div>
1644
1645 <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
1646 </div>
1647 </div>
1648 </div>
1649</b:includable>
1650 <b:includable id='nextprev'>
1651 <div class='blog-pager' id='blog-pager'>
1652 <b:if cond='data:newerPageUrl'>
1653 <span id='blog-pager-newer-link'>
1654 <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
1655 </span>
1656 </b:if>
1657
1658 <b:if cond='data:olderPageUrl'>
1659 <span id='blog-pager-older-link'>
1660 <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
1661 </span>
1662 </b:if>
1663
1664 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
1665
1666 <b:if cond='data:mobileLinkUrl'>
1667 <div class='blog-mobile-link'>
1668 <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
1669 </div>
1670 </b:if>
1671
1672 </div>
1673 <div class='clear'/>
1674</b:includable>
1675 <b:includable id='post' var='post'>
1676 <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
1677 <b:if cond='data:post.firstImageUrl'>
1678 <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
1679 </b:if>
1680 <meta expr:content='data:blog.blogId' itemprop='blogId'/>
1681 <meta expr:content='data:post.id' itemprop='postId'/>
1682
1683 <a expr:name='data:post.id'/>
1684 <b:if cond='data:post.title'>
1685 <h3 class='post-title entry-title' itemprop='name'>
1686 <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
1687 <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
1688 <b:else/>
1689 <data:post.title/>
1690 </b:if>
1691 </h3>
1692 </b:if>
1693
1694 <div class='post-header'>
1695 <div class='post-header-line-1'/>
1696 </div>
1697
1698 <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
1699 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
1700 <data:post.body/>
1701 <div style='clear: both;'/> <!-- clear for photos floats -->
1702 </div>
1703
1704 <div class='post-footer'>
1705 <div class='post-footer-line post-footer-line-1'>
1706<b:if cond='data:post.hasJumpLink'>
1707 <div class='jump-link'>
1708 <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
1709 </div>
1710 </b:if>
1711
1712<span class='post-comment-link'>
1713 <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>
1714 </span>
1715
1716 <span class='post-author vcard'>
1717 <b:if cond='data:top.showAuthor'>
1718 <data:top.authorLabel/>
1719 <b:if cond='data:post.authorProfileUrl'>
1720 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1721 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
1722 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
1723 <span itemprop='name'><data:post.author/></span>
1724 </a>
1725 </span>
1726 <b:else/>
1727 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1728 <span itemprop='name'><data:post.author/></span>
1729 </span>
1730 </b:if>
1731 </b:if>
1732 </span>
1733
1734
1735 <span class='post-timestamp'>
1736 <b:if cond='data:top.showTimestamp'>
1737 <data:top.timestampLabel/>
1738 <b:if cond='data:post.url'>
1739 <meta expr:content='data:post.url.canonical' itemprop='url'/>
1740 <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
1741 </b:if>
1742 </b:if>
1743 </span>
1744
1745 <span class='reaction-buttons'>
1746 <b:if cond='data:top.showReactions'>
1747 <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
1748 <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
1749 <span class='reactions-label'>
1750 <data:top.reactionsLabel/></span> </td>
1751 <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
1752 </tr></table>
1753 </b:if>
1754 </span>
1755
1756
1757 <!-- backlinks -->
1758 <span class='post-backlinks post-comment-link'>
1759 <b:if cond='data:blog.pageType not in {"item","static_page"} and data:post.showBacklinks'>
1760 <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
1761 </b:if>
1762 </span>
1763
1764 <span class='post-icons'>
1765 <!-- email post links -->
1766 <b:if cond='data:post.emailPostUrl'>
1767 <span class='item-action'>
1768 <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
1769 <img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/>
1770 </a>
1771 </span>
1772 </b:if>
1773
1774 <!-- quickedit pencil -->
1775 <b:include data='post' name='postQuickEdit'/>
1776 </span>
1777
1778 <!-- share buttons -->
1779 <div class='post-share-buttons goog-inline-block'>
1780 <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
1781 </div>
1782
1783 </div>
1784
1785 <div class='post-footer-line post-footer-line-2'>
1786 <span class='post-labels'>
1787 <b:if cond='data:top.showPostLabels and data:post.labels'>
1788 <data:postLabelsLabel/>
1789 <b:loop values='data:post.labels' var='label'>
1790 <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>
1791 </b:loop>
1792 </b:if>
1793 </span>
1794 </div>
1795
1796 <div class='post-footer-line post-footer-line-3'>
1797 <span class='post-location'>
1798 <b:if cond='data:top.showLocation and data:post.location'>
1799 <data:postLocationLabel/>
1800 <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
1801 </b:if>
1802 </span>
1803 </div>
1804 <b:if cond='data:post.authorAboutMe'>
1805 <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1806 <b:if cond='data:post.authorPhoto.url'>
1807 <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
1808 </b:if>
1809 <div>
1810 <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
1811 <span itemprop='name'><data:post.author/></span>
1812 </a>
1813 </div>
1814 <span itemprop='description'><data:post.authorAboutMe/></span>
1815 </div>
1816 </b:if>
1817 </div>
1818 </div>
1819</b:includable>
1820 <b:includable id='postQuickEdit' var='post'>
1821 <b:if cond='data:post.editUrl'>
1822 <span expr:class='"item-control " + data:post.adminClass'>
1823 <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
1824 <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
1825 </a>
1826 </span>
1827 </b:if>
1828</b:includable>
1829 <b:includable id='shareButtons' var='post'>
1830 <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>
1831</b:includable>
1832 <b:includable id='status-message'>
1833 <b:if cond='data:navMessage'>
1834 <div class='status-msg-wrap'>
1835 <div class='status-msg-body'>
1836 <data:navMessage/>
1837 </div>
1838 <div class='status-msg-border'>
1839 <div class='status-msg-bg'>
1840 <div class='status-msg-hidden'><data:navMessage/></div>
1841 </div>
1842 </div>
1843 </div>
1844 <div style='clear: both;'/>
1845 </b:if>
1846</b:includable>
1847 <b:includable id='threaded-comment-form' var='post'>
1848 <div class='comment-form'>
1849 <a name='comment-form'/>
1850 <b:if cond='data:mobile'>
1851 <p><data:blogCommentMessage/></p>
1852 <data:blogTeamBlogMessage/>
1853 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1854 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
1855 <b:else/>
1856 <p><data:blogCommentMessage/></p>
1857 <data:blogTeamBlogMessage/>
1858 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1859 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
1860 </b:if>
1861 <data:post.cmtfpIframe/>
1862 <script type='text/javascript'>
1863 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
1864 </script>
1865 </div>
1866</b:includable>
1867 <b:includable id='threaded_comment_js' var='post'>
1868 <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
1869
1870 <script type='text/javascript'>
1871 (function() {
1872 var items = <data:post.commentJso/>;
1873 var msgs = <data:post.commentMsgs/>;
1874 var config = <data:post.commentConfig/>;
1875
1876// <![CDATA[
1877 var cursor = null;
1878 if (items && items.length > 0) {
1879 cursor = parseInt(items[items.length - 1].timestamp) + 1;
1880 }
1881
1882 var bodyFromEntry = function(entry) {
1883 var text = (entry &&
1884 ((entry.content && entry.content.$t) ||
1885 (entry.summary && entry.summary.$t))) ||
1886 '';
1887 if (entry && entry.gd$extendedProperty) {
1888 for (var k in entry.gd$extendedProperty) {
1889 if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
1890 return '<span class="deleted-comment">' + text + '</span>';
1891 }
1892 }
1893 }
1894 return text;
1895 }
1896
1897 var parse = function(data) {
1898 cursor = null;
1899 var comments = [];
1900 if (data && data.feed && data.feed.entry) {
1901 for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
1902 var comment = {};
1903 // comment ID, parsed out of the original id format
1904 var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
1905 comment.id = id ? id[2] : null;
1906 comment.body = bodyFromEntry(entry);
1907 comment.timestamp = Date.parse(entry.published.$t) + '';
1908 if (entry.author && entry.author.constructor === Array) {
1909 var auth = entry.author[0];
1910 if (auth) {
1911 comment.author = {
1912 name: (auth.name ? auth.name.$t : undefined),
1913 profileUrl: (auth.uri ? auth.uri.$t : undefined),
1914 avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
1915 };
1916 }
1917 }
1918 if (entry.link) {
1919 if (entry.link[2]) {
1920 comment.link = comment.permalink = entry.link[2].href;
1921 }
1922 if (entry.link[3]) {
1923 var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
1924 if (pid && pid[1]) {
1925 comment.parentId = pid[1];
1926 }
1927 }
1928 }
1929 comment.deleteclass = 'item-control blog-admin';
1930 if (entry.gd$extendedProperty) {
1931 for (var k in entry.gd$extendedProperty) {
1932 if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
1933 comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
1934 } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
1935 comment.displayTime = entry.gd$extendedProperty[k].value;
1936 }
1937 }
1938 }
1939 comments.push(comment);
1940 }
1941 }
1942 return comments;
1943 };
1944
1945 var paginator = function(callback) {
1946 if (hasMore()) {
1947 var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
1948 if (cursor) {
1949 url += '&published-min=' + new Date(cursor).toISOString();
1950 }
1951 window.bloggercomments = function(data) {
1952 var parsed = parse(data);
1953 cursor = parsed.length < 50 ? null
1954 : parseInt(parsed[parsed.length - 1].timestamp) + 1
1955 callback(parsed);
1956 window.bloggercomments = null;
1957 }
1958 url += '&callback=bloggercomments';
1959 var script = document.createElement('script');
1960 script.type = 'text/javascript';
1961 script.src = url;
1962 document.getElementsByTagName('head')[0].appendChild(script);
1963 }
1964 };
1965 var hasMore = function() {
1966 return !!cursor;
1967 };
1968 var getMeta = function(key, comment) {
1969 if ('iswriter' == key) {
1970 var matches = !!comment.author
1971 && comment.author.name == config.authorName
1972 && comment.author.profileUrl == config.authorUrl;
1973 return matches ? 'true' : '';
1974 } else if ('deletelink' == key) {
1975 return config.baseUri + '/delete-comment.g?blogID='
1976 + config.blogId + '&postID=' + comment.id;
1977 } else if ('deleteclass' == key) {
1978 return comment.deleteclass;
1979 }
1980 return '';
1981 };
1982
1983 var replybox = null;
1984 var replyUrlParts = null;
1985 var replyParent = undefined;
1986
1987 var onReply = function(commentId, domId) {
1988 if (replybox == null) {
1989 // lazily cache replybox, and adjust to suit this style:
1990 replybox = document.getElementById('comment-editor');
1991 if (replybox != null) {
1992 replybox.height = '250px';
1993 replybox.style.display = 'block';
1994 replyUrlParts = replybox.src.split('#');
1995 }
1996 }
1997 if (replybox && (commentId !== replyParent)) {
1998 replybox.src = '';
1999 document.getElementById(domId).insertBefore(replybox, null);
2000 replybox.src = replyUrlParts[0]
2001 + (commentId ? '&parentID=' + commentId : '')
2002 + '#' + replyUrlParts[1];
2003 replyParent = commentId;
2004 }
2005 };
2006
2007 var hash = (window.location.hash || '#').substring(1);
2008 var startThread, targetComment;
2009 if (/^comment-form_/.test(hash)) {
2010 startThread = hash.substring('comment-form_'.length);
2011 } else if (/^c[0-9]+$/.test(hash)) {
2012 targetComment = hash.substring(1);
2013 }
2014
2015 // Configure commenting API:
2016 var configJso = {
2017 'maxDepth': config.maxThreadDepth
2018 };
2019 var provider = {
2020 'id': config.postId,
2021 'data': items,
2022 'loadNext': paginator,
2023 'hasMore': hasMore,
2024 'getMeta': getMeta,
2025 'onReply': onReply,
2026 'rendered': true,
2027 'initComment': targetComment,
2028 'initReplyThread': startThread,
2029 'config': configJso,
2030 'messages': msgs
2031 };
2032
2033 var render = function() {
2034 if (window.goog && window.goog.comments) {
2035 var holder = document.getElementById('comment-holder');
2036 window.goog.comments.render(holder, provider);
2037 }
2038 };
2039
2040 // render now, or queue to render when library loads:
2041 if (window.goog && window.goog.comments) {
2042 render();
2043 } else {
2044 window.goog = window.goog || {};
2045 window.goog.comments = window.goog.comments || {};
2046 window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
2047 window.goog.comments.loadQueue.push(render);
2048 }
2049 })();
2050// ]]>
2051 </script>
2052</b:includable>
2053 <b:includable id='threaded_comments' var='post'>
2054 <div class='comments' id='comments'>
2055 <a name='comments'/>
2056 <h4><data:post.commentLabelFull/>:</h4>
2057
2058 <div class='comments-content'>
2059 <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
2060 <div id='comment-holder'>
2061 <data:post.commentHtml/>
2062 </div>
2063 </div>
2064
2065 <p class='comment-footer'>
2066 <b:if cond='data:post.allowNewComments'>
2067 <b:include data='post' name='threaded-comment-form'/>
2068 <b:else/>
2069 <data:post.noNewCommentsText/>
2070 </b:if>
2071 </p>
2072
2073 <b:if cond='data:showCmtPopup'>
2074 <div id='comment-popup'>
2075 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
2076 </iframe>
2077 </div>
2078 </b:if>
2079
2080 <div id='backlinks-container'>
2081 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
2082 <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
2083 </div>
2084 </div>
2085 </div>
2086</b:includable>
2087 </b:widget>
2088 </b:section>
2089 </div>
2090 </div>
2091
2092 <div class='column-left-outer'>
2093 <div class='column-left-inner'>
2094 <aside>
2095 <macro:include id='main-column-left-sections' name='sections'>
2096 <macro:param default='0' name='num' value='1'/>
2097 <macro:param default='sidebar-left' name='idPrefix'/>
2098 <macro:param default='sidebar' name='class'/>
2099 <macro:param default='true' name='includeBottom'/>
2100 </macro:include>
2101 </aside>
2102 </div>
2103 </div>
2104
2105 <div class='column-right-outer'>
2106 <div class='column-right-inner'>
2107 <aside>
2108 <macro:include id='main-column-right-sections' name='sections'>
2109 <macro:param default='2' name='num' value='0'/>
2110 <macro:param default='sidebar-right' name='idPrefix'/>
2111 <macro:param default='sidebar' name='class'/>
2112 <macro:param default='true' name='includeBottom'/>
2113 </macro:include>
2114 </aside>
2115 </div>
2116 </div>
2117
2118 </div>
2119
2120 <div style='clear: both'/>
2121 <!-- columns -->
2122 </div>
2123
2124 <!-- main -->
2125 </div>
2126 </div>
2127 <div class='main-cap-bottom cap-bottom'>
2128 <div class='cap-left'/>
2129 <div class='cap-right'/>
2130 </div>
2131 </div>
2132
2133 <footer>
2134 <div class='footer-outer'>
2135 <div class='footer-cap-top cap-top'>
2136 <div class='cap-left'/>
2137 <div class='cap-right'/>
2138 </div>
2139 <div class='fauxborder-left footer-fauxborder-left'>
2140 <div class='fauxborder-right footer-fauxborder-right'/>
2141 <div class='region-inner footer-inner'>
2142 <macro:include id='footer-sections' name='sections'>
2143 <macro:param default='2' name='num' value='1'/>
2144 <macro:param default='footer' name='idPrefix'/>
2145 <macro:param default='foot' name='class'/>
2146 <macro:param default='false' name='includeBottom'/>
2147 </macro:include>
2148 <!-- outside of the include in order to lock Attribution widget -->
2149 </div>
2150 </div>
2151 <div class='footer-cap-bottom cap-bottom'>
2152 <div class='cap-left'/>
2153 <div class='cap-right'/>
2154 </div>
2155 </div>
2156 </footer>
2157
2158 <!-- content -->
2159 </div>
2160 </div>
2161 <div class='content-cap-bottom cap-bottom'>
2162 <div class='cap-left'/>
2163 <div class='cap-right'/>
2164 </div>
2165 </div>
2166 </div>
2167
2168 <script type='text/javascript'>
2169 window.setTimeout(function() {
2170 document.body.className = document.body.className.replace('loading', '');
2171 }, 10);
2172 </script>
2173</body>
2174
2175<macro:includable id='sections' var='col'>
2176 <macro:if cond='data:col.num == 0'>
2177 <macro:else/>
2178 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-1"' preferred='yes' showaddelement='yes'/>
2179
2180 <macro:if cond='data:col.num >= 2'>
2181 <table border='0' cellpadding='0' cellspacing='0' mexpr:class='"section-columns columns-" + data:col.num'>
2182 <tbody>
2183 <tr>
2184 <td class='first columns-cell'>
2185 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/>
2186 </td>
2187
2188 <td class='columns-cell'>
2189 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/>
2190 </td>
2191
2192 <macro:if cond='data:col.num >= 3'>
2193 <td class='columns-cell'>
2194 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/>
2195 </td>
2196 </macro:if>
2197
2198 <macro:if cond='data:col.num >= 4'>
2199 <td class='columns-cell'>
2200 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-4"'/>
2201 </td>
2202 </macro:if>
2203 </tr>
2204 </tbody>
2205 </table>
2206
2207 <macro:if cond='data:col.includeBottom'>
2208 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/>
2209 </macro:if>
2210 </macro:if>
2211 </macro:if>
2212</macro:includable>
2213
2214<b:section-contents id='sidebar-left-1'>
2215 <b:widget id='HTML1' locked='false' title='' type='HTML'>
2216 <b:widget-settings>
2217 <b:widget-setting name='content'><div class="folks">Folks</div>
2218
2219<div class="menu"><a href="/" title="Volte ao início!"> <span class="fas fa-home"></span></a></div>
2220
2221<div class="menu" style="
2222 background: #ffcdd5;
2223 border: 1px solid pink;"><a style="color: #da576e;" href="https://f-olks.blogspot.com.br/p/a.html" title="Saiba mais sobre o blog"><span class="fas fa-pencil"></span></a></div>
2224
2225<div class="menu" style="
2226 background: #90deea;
2227 border: 1px solid #82ceda;"><a style="color: #3599a9;" href="/" title="Arquivos (em breve)"><span class="fa fa-archive"></span></a></div>
2228
2229<div class="menu" style="
2230 background: #fffc82;
2231 border: 1px solid #efec7c;"><a style="color: #a2a229;" href="https://fanfiction.com.br/u/183607/" title="Nyah! Fanfiction"> <span class="fa fa-book"></span></a></div>
2232
2233<div class="menu" style="
2234background: #e9b9f7;
2235border: 1px solid #daa0ea;"><a style="color: #a957c1;" href="https://misscherrycookie.blogspot.com" title="Cherry Cookie"><span class="fa fa-heart"></span></a></div>
2236
2237<div class="menu" style="
2238 background: #85e0a6;
2239 border: 1px solid #75c790;"><a style="color: #227d53;" href="blogger.com" title="Vá embora"><span class="fa fa-rocket"></span></a></div></b:widget-setting>
2240 </b:widget-settings>
2241 <b:includable id='main'>
2242 <!-- only display title if it's non-empty -->
2243 <b:if cond='data:title != ""'>
2244 <h2 class='title'><data:title/></h2>
2245 </b:if>
2246 <div class='widget-content'>
2247 <data:content/>
2248 </div>
2249
2250 <b:include name='quickedit'/>
2251</b:includable>
2252 </b:widget>
2253 <b:widget id='HTML4' locked='false' title='seja bem vindo!' type='HTML'>
2254 <b:widget-settings>
2255 <b:widget-setting name='content'><![CDATA[<div style="text-align: justify"> Ora ora ora... Olhe só quem está por aqui! Como vai você? Seja bem vindo ao Folks, um blog sobre as infinitas miscelâneas da vida. Apesar de raramente atualizado, o blog ainda é muito amado :) Espero que você goste das postagens!</div>]]></b:widget-setting>
2256 </b:widget-settings>
2257 <b:includable id='main'>
2258 <!-- only display title if it's non-empty -->
2259 <b:if cond='data:title != ""'>
2260 <h2 class='title'><data:title/></h2>
2261 </b:if>
2262 <div class='widget-content'>
2263 <data:content/>
2264 </div>
2265
2266 <b:include name='quickedit'/>
2267</b:includable>
2268 </b:widget>
2269 <b:widget id='HTML5' locked='false' title='Perdido?' type='HTML'>
2270 <b:widget-settings>
2271 <b:widget-setting name='content'><form action="/search" id="searchthis" method="get" style="display: inline;">
2272<input id="pesquisa-caixa" name="q" placeholder="O que está procurando?" size="40" type="text" /> <input id="pesquisa-botao" type="submit" value=" " /> </form></b:widget-setting>
2273 </b:widget-settings>
2274 <b:includable id='main'>
2275 <!-- only display title if it's non-empty -->
2276 <b:if cond='data:title != ""'>
2277 <h2 class='title'><data:title/></h2>
2278 </b:if>
2279 <div class='widget-content'>
2280 <data:content/>
2281 </div>
2282
2283 <b:include name='quickedit'/>
2284</b:includable>
2285 </b:widget>
2286 <b:widget id='HTML6' locked='false' title='Amiguinhos' type='HTML'>
2287 <b:widget-settings>
2288 <b:widget-setting name='content'><a href="/"><img class="imagem" src="https://i.imgur.com/eBwD16g.png"/></a>
2289<a href="/"><img class="imagem" src="https://i.imgur.com/Wn2KASk.png"/></a>
2290<a href="/"><img class="imagem"
2291src="https://i.imgur.com/poO1VC9.png"/></a>
2292<a href="/"><img class="imagem" src="https://i.imgur.com/g8FHJdU.png"/></a>
2293<a href="/"><img class="imagem" src="https://i.imgur.com/0v01CHu.png"/></a>
2294<a href="/"><img class="imagem" src="https://i.imgur.com/1kAxu42.png"/></a>
2295<a href="/"><img class="imagem" src="https://i.imgur.com/OQcD3uL.png"/></a>
2296<a href="/"><img class="imagem" src="https://i.imgur.com/q6ETKrp.png"/></a>
2297<a href="/"><img class="imagem" src="https://i.imgur.com/1Ys97M0.png"/></a></b:widget-setting>
2298 </b:widget-settings>
2299 <b:includable id='main'>
2300 <!-- only display title if it's non-empty -->
2301 <b:if cond='data:title != ""'>
2302 <h2 class='title'><data:title/></h2>
2303 </b:if>
2304 <div class='widget-content'>
2305 <data:content/>
2306 </div>
2307
2308 <b:include name='quickedit'/>
2309</b:includable>
2310 </b:widget>
2311 <b:widget id='HTML2' locked='false' title='Goodbye' type='HTML'>
2312 <b:widget-settings>
2313 <b:widget-setting name='content'><![CDATA[<div style="text-align: justify"> Aqui se acaba a sidebar do Folks! Se junto dela sua jornada também houver encontrado seu fim, espero que você siga bem :) Não se esqueça de voltar sempre e deixar seu comentário, uh? Até mais o/</div>]]></b:widget-setting>
2314 </b:widget-settings>
2315 <b:includable id='main'>
2316 <!-- only display title if it's non-empty -->
2317 <b:if cond='data:title != ""'>
2318 <h2 class='title'><data:title/></h2>
2319 </b:if>
2320 <div class='widget-content'>
2321 <data:content/>
2322 </div>
2323
2324 <b:include name='quickedit'/>
2325</b:includable>
2326 </b:widget>
2327 <b:widget id='HTML3' locked='false' title='' type='HTML'>
2328 <b:widget-settings>
2329 <b:widget-setting name='content'><![CDATA[<a href="http://www.blogger.com/follow-blog.g?blogID=6512717077166990211" target="_blank"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?701"/></a> <div class="creditos">credits<br /><a href="the-moon-reverse.blogspot.com">❀</a> <br /><a href="https://www.espacoblog.com/2015/01/erro-404-page-not-found-no-blogger.html">❀</a> <br /><a href="misscherrycookie.blogspot.com/">❀</a> </div>]]></b:widget-setting>
2330 </b:widget-settings>
2331 <b:includable id='main'>
2332 <!-- only display title if it's non-empty -->
2333 <b:if cond='data:title != ""'>
2334 <h2 class='title'><data:title/></h2>
2335 </b:if>
2336 <div class='widget-content'>
2337 <data:content/>
2338 </div>
2339
2340 <b:include name='quickedit'/>
2341</b:includable>
2342 </b:widget>
2343</b:section-contents><b:section-contents id='footer-1'>
2344 <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
2345 <b:includable id='main'><script type="text/javascript">
2346 function setAttributeOnload(object, attribute, val) {
2347 if(window.addEventListener) {
2348 window.addEventListener('load',
2349 function(){ object[attribute] = val; }, false);
2350 } else {
2351 window.attachEvent('onload', function(){ object[attribute] = val; });
2352 }
2353 }
2354 </script>
2355<div id="navbar-iframe-container"></div>
2356<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
2357<script type="text/javascript">
2358 gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
2359 if (gapi.iframes && gapi.iframes.getContext) {
2360 gapi.iframes.getContext().openChild({
2361 url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d2419825646816332857\x26blogName\x3d%7BFolks%7D*\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dDISABLED\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://f-olks.blogspot.com/search\x26blogLocale\x3dpt_BR\x26v\x3d2\x26homepageUrl\x3dhttp://f-olks.blogspot.com/\x26vt\x3d-5590211956030655707',
2362 where: document.getElementById("navbar-iframe-container"),
2363 id: "navbar-iframe"
2364 });
2365 }
2366 });
2367 </script><script type="text/javascript">
2368(function() {
2369var script = document.createElement('script');
2370script.type = 'text/javascript';
2371script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
2372var head = document.getElementsByTagName('head')[0];
2373if (head) {
2374head.appendChild(script);
2375}})();
2376</script>
2377</b:includable>
2378 </b:widget>
2379</b:section-contents></html>