· 6 years ago · Apr 10, 2020, 10:20 PM
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 <head>
5 <link href='https://static.tumblr.com/e4ba149a0269afd2e524f6ec04ca9a73/5mnivpb/sqRp3usa9/tumblr_static_2230j8520kf4csws4cwc04o4k.png' rel='shortcut icon'/>
6
7<link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'/>
8<link href='https://fonts.googleapis.com/css?family=Montez' rel='stylesheet'/>
9<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet'/>
10<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
11<style type='text/css'>
12.status-msg-wrap{display:none;}
13.status-msg-body{display:none;}
14.status-msg-border{display:none;}
15.status-msg-bg{display:none;}
16.status-msg-hidden{display:none;}
17</style>
18<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
19 <link href='https://fonts.googleapis.com/css?family=PT+Mono' rel='stylesheet'/>
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-----------------------------------------------
26LAYOUT FEITO POR NIGOHYU
27http://sos-hyu.blogspot.com/
28
29Direitos reservados a Blog da Babi - 2020 ♥
30----------------------------------------------- */
31
32/* Variable definitions
33 ====================
34 <Variable name="keycolor" description="Main Color" type="color" default="#539bcd" value="#cfd9f6"/>
35
36 <Group description="Page Text" selector="body">
37 <Variable name="body.font" description="Font" type="font"
38 default="normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif"/>
39 <Variable name="body.text.color" description="Text Color" type="color" default="#bbbbbb" 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="#539bcd" value="#cfd9f6"/>
44 <Variable name="content.background.color" description="Main Background" type="color" default="transparent" value="#ffffff"/>
45 </Group>
46
47 <Group description="Links" selector=".main-outer">
48 <Variable name="link.color" description="Link Color" type="color" default="#ff9900" value="#538cd6"/>
49 <Variable name="link.visited.color" description="Visited Color" type="color" default="#b87209" value="#436590"/>
50 <Variable name="link.hover.color" description="Hover Color" type="color" default="#ff9900" value="#ff9900"/>
51 </Group>
52
53 <Group description="Blog Title" selector=".header h1">
54 <Variable name="header.font" description="Font" type="font"
55 default="normal normal 60px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 0px 'Trebuchet MS',Trebuchet,sans-serif"/>
56 <Variable name="header.text.color" description="Text Color" type="color" default="#ffffff" value="rgba(0, 0, 0, 0)"/>
57 </Group>
58
59 <Group description="Blog Description" selector=".header .description">
60 <Variable name="description.text.color" description="Description Color" type="color"
61 default="$(body.text.color)" value="#666666"/>
62 </Group>
63
64 <Group description="Tabs Text" selector=".tabs-inner .widget li a">
65 <Variable name="tabs.font" description="Font" type="font"
66 default="normal bold 16px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 14px Verdana, Geneva, sans-serif"/>
67 <Variable name="tabs.text.color" description="Text Color" type="color" default="#ffffff" value="#ffffff"/>
68 <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#ffffff" value="#ffffff"/>
69 </Group>
70
71 <Group description="Tabs Background" selector=".tabs-outer .PageList">
72 <Variable name="tabs.background.color" description="Background Color" type="color" default="transparent" value="#0c0c0c"/>
73 <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="transparent" value="#ffe599"/>
74 </Group>
75
76 <Group description="Date Header" selector=".main-inner h2.date-header">
77 <Variable name="date.font" description="Font" type="font"
78 default="normal normal 14px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 14px 'Trebuchet MS',Trebuchet,sans-serif"/>
79 <Variable name="date.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#666666"/>
80 </Group>
81
82 <Group description="Post Title" selector="h3.post-title a">
83 <Variable name="post.title.font" description="Font" type="font"
84 default="normal bold 20px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 20px 'Trebuchet MS',Trebuchet,sans-serif"/>
85 <Variable name="post.title.text.color" description="Text Color" type="color"
86 default="#ffffff" value="#000000"/>
87 </Group>
88
89 <Group description="Post Background" selector=".column-center-inner">
90 <Variable name="post.background.color" description="Background Color" type="color"
91 default="transparent" value="transparent"/>
92 <Variable name="post.background.url" description="Post Background URL" type="url" default="none" value="none"/>
93 </Group>
94
95 <Group description="Gadget Title Color" selector="h2">
96 <Variable name="widget.title.font" description="Font" type="font"
97 default="normal bold 14px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 14px 'Trebuchet MS',Trebuchet,sans-serif"/>
98 <Variable name="widget.title.text.color" description="Title Color" type="color" default="#ffffff" value="#000000"/>
99 </Group>
100
101 <Group description="Gadget Text" selector=".footer-inner .widget, .sidebar .widget">
102 <Variable name="widget.font" description="Font" type="font"
103 default="$(body.font)" value="normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif"/>
104 <Variable name="widget.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#666666"/>
105 </Group>
106
107 <Group description="Gadget Links" selector=".sidebar .widget">
108 <Variable name="widget.link.color" description="Link Color" type="color" default="$(body.text.color)" value="#666666"/>
109 <Variable name="widget.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="#436590"/>
110 <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#ffffff" value="#000000"/>
111 </Group>
112
113 <Group description="Sidebar Background" selector=".column-left-inner .column-right-inner">
114 <Variable name="widget.outer.background.color" description="Background Color" type="color" default="transparent" value="rgba(0, 0, 0, 0)"/>
115 <Variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="transparent" value="rgba(0, 0, 0, 0)"/>
116 </Group>
117
118 <Variable name="body.background" description="Body Background" type="background"
119 color="$(body.background.color)" default="$(color) none repeat-x scroll top center" value="#cfd9f6 url(//themes.googleusercontent.com/image?id=0BwVBOzw_-hbMZDgyZmJiZTMtNWUxNC00NjA1LWJhZWMtODc3ZWQwMzZiYjcz) repeat fixed top center"/>
120 <Variable name="content.background" description="Content Background" type="background"
121 color="$(content.background.color)" default="$(color) none repeat scroll top center" value="#ffffff url(https://resources.blogblog.com/blogblog/data/1kt/travel/bg_container.png) repeat-x scroll top left"/>
122 <Variable name="comments.background" description="Comments Background" type="background"
123 default="#cccccc none repeat scroll top center" value="#cccccc none repeat scroll top center"/>
124
125 <Variable name="content.imageBorder.top.space" description="Content Image Border Top Space" type="length" default="0" min="0" max="100px" value="5px"/>
126 <Variable name="content.imageBorder.top" description="Content Image Border Top" type="url" default="none" value="url(https://resources.blogblog.com/blogblog/data/1kt/travel/bg_container.png)"/>
127
128 <Variable name="content.margin" description="Content Margin Top" type="length" default="20px" min="0" max="100px" value="20px"/>
129 <Variable name="content.padding" description="Content Padding" type="length" default="20px" min="0" max="100px" value="20px"/>
130 <Variable name="content.posts.padding" description="Posts Content Padding" type="length" default="10px" min="0" max="100px" value="10px"/>
131
132 <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
133 default="url(https://resources.blogblog.com/blogblog/data/1kt/travel/bg_black_50.png)" value="none"/>
134 <Variable name="tabs.selected.background.gradient" description="Tabs Selected Background Gradient" type="url"
135 default="url(https://resources.blogblog.com/blogblog/data/1kt/travel/bg_black_50.png)" value="none"/>
136 <Variable name="widget.outer.background.gradient" description="Sidebar Gradient" type="url"
137 default="url(https://resources.blogblog.com/blogblog/data/1kt/travel/bg_black_50.png)" value="none"/>
138 <Variable name="footer.background.gradient" description="Footer Background Gradient" type="url" default="none" value="none"/>
139 <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
140 default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
141 <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff" value="#ffffff"/>
142 <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left"/>
143 <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right"/>
144*/
145
146/* Content
147----------------------------------------------- */
148body {
149 float: left;
150 margin-left: 50px;
151 font: $(body.font);
152 color: $(body.text.color);
153 background-size:cover;
154 background-attachment: fixed;
155 background: url('http://4.bp.blogspot.com/-145V7wqtrOg/U_CaNpS-zxI/AAAAAAAAWGg/yPXArvytDLE/s1600/miku.png') !important;
156
157}
158
159html body .region-inner {
160 min-width: 0;
161 max-width: 100%;
162 width: auto;
163
164}
165
166a:link {
167 color: #fba4b9;
168text-shadow: 0px 1px 1px #c37a8b;
169text-decoration: none;
170-webkit-transition-duration: .60s;
171}
172
173a:visited {
174 color: #fba4b9;
175text-decoration: none;
176-webkit-transition-duration: .60s;
177}
178
179a:hover {
180 color: #fff;
181text-decoration: none;
182-webkit-transition-duration: .60s;
183}
184
185.content-outer .content-cap-top {
186 height: ;
187 background: ;
188}
189
190.content-outer {
191 margin: 0 auto;
192 padding-top: ;
193}
194
195.content-inner {
196 background: ;
197 background-position: ;
198 background-color: ;
199 padding: ;
200}
201
202.main-inner h2.date-header {
203
204}
205
206
207/* Header
208----------------------------------------------- */
209.header-inner {
210margin-top: -120px;
211}
212
213.Header .titlewrapper,
214.header-inner .Header .descriptionwrapper {
215 padding-left: 10px;
216 padding-right: 10px;
217}
218
219.Header h1 {
220 font: $(header.font);
221 color: $(header.text.color);
222}
223
224.Header h1 a {
225 color: $(header.text.color);
226}
227
228.Header .description {
229 font-size: 130%;
230}
231
232/* Tabs
233----------------------------------------------- */
234.tabs-inner .section:first-child {/*area geral*/
235 border-top: none;
236 width: 100% !important;
237}
238.tabs-inner {
239 padding-left: 100px;
240 width: 100% !important;
241margin-right: 100px !important;
242margin-left: -100px !important;
243background: #f4bac8 !important;
244}
245
246.tabs-inner .section {
247 margin: 0;
248}
249
250.tabs-inner .widget ul {
251 padding: 0;
252 width: 100% !important;
253 background: #f4bac8;
254}
255
256.tabs-inner .widget li {
257 border: none;
258}
259
260.tabs-inner .widget li a {
261 display: inline-block;
262 padding: 1em 1.5em;
263 color: $(tabs.text.color);
264 font: $(tabs.font);
265}
266
267.tabs-inner .widget li.selected a,
268.tabs-inner .widget li a:hover {
269 position: relative;
270 z-index: 1;
271 background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
272 color: $(tabs.selected.text.color);
273
274}
275/* Headings
276----------------------------------------------- */
277h2 {
278 font: $(widget.title.font);
279 color: $(widget.title.text.color);
280}
281
282.main-inner h2.date-header {
283float: center;
284margin-bottom: 0px;
285height:25px;
286overflow:hidden;
287font-size:11px !important;
288color: #d39494 !important;
289font-family: 'PT Mono', monospace !important;
290font-style: italic !important;
291text-align:center;
292padding: 8px 2px 0px 2px;
293}
294.main-inner h2.date-header:hover {
295}
296
297.footer-inner .widget h2,
298.sidebar .widget h2 {
299 padding-bottom: .5em;
300}
301
302/* Main
303----------------------------------------------- */
304
305.main-inner {
306 padding: $(content.padding) 0;
307}
308
309.main-inner .column-center-inner {
310 margin-left:-70px;
311 padding-left: 40px;
312 padding-top: 30px;
313 padding-right: 40px;
314}
315
316.main-inner .column-center-inner .section {
317 margin: 0 $(content.posts.padding);
318}
319
320.main-inner .column-right-inner {
321margin-left: 15px;
322margin-top: -70px;
323background: #fbd1d1;
324border-left: solid 8px #f4bac8;
325z-index: 99999;
326position: fixed;
327height: 100%;
328width: 100%;
329}
330
331.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
332 margin-left: $(content.padding);
333 background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
334}
335
336.main-inner .column-left-inner {
337 margin-right: $(content.padding);
338}
339
340.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
341 margin-right: $(content.padding);
342 background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
343}
344
345.main-inner .column-left-inner,
346.main-inner .column-right-inner {
347 padding: 15px 0;
348}
349
350/* Posts
351----------------------------------------------- */
352h3.post-title {
353 webkit-border-top-left-radius: 80px;
354 -moz-border-radius-topleft: 80px;
355 border-top-left-radius: 80px;
356 background: #ffdae3;
357 font-size: 19px;
358 font-weight: 400;
359 color: #ce637d;
360 text-shadow: 1px 1px 1px #fff;
361 font-family: 'Calibri';
362 padding: 10px;
363 text-align: center;
364 margin-top: 5px;
365 border-bottom: solid 4px #f4bac8;
366 -webkit-transition-duration: .20s;
367}
368
369
370h3.post-title a {
371 webkit-border-top-left-radius: 80px;
372 -moz-border-radius-topleft: 80px;
373 border-top-left-radius: 80px;
374 text-align: center;
375 font-size: 19px;
376 font-weight: 400;
377 color: #ce637d;
378 text-shadow: 1px 1px 1px #fff;
379 font-family: 'Calibri';
380 -webkit-transition-duration: .20s;
381}
382
383h3.post-title a:hover {
384 background: none;
385 webkit-border-top-left-radius: 80px;
386 -moz-border-radius-topleft: 80px;
387 border-top-left-radius: 80px;
388 color: #fff;
389 text-shadow: 1px 1px 1px #9b791d;
390 text-decoration: none;
391 -webkit-transition-duration: .20s;
392}
393
394.main-inner .column-center-outer {
395 }
396
397.post-body {
398 line-height: 1.7;
399 position: relative;
400}
401
402.post img {
403 background: #ffffff;
404 padding:4px;
405max-width: 100%;
406height: auto;
407width: auto\9; /* ie8 */
408} margin-bottom: -5px !important;
409 -webkit-transition-duration: .60s;
410}
411.post .thumb{
412float:justify;
413height:20%;
414width:20%
415}
416.post-body .snippet-thumbnail{
417float:$(startSide);
418margin:0;
419margin-$endSide:2em;
420max-height:128px;
421max-width:128px
422}
423.post-body .snippet-thumbnail img{
424max-width:100%
425}
426.tr-caption {
427background: #fff5b8;
428outline-offset: -2px;
429font-weight:bold;
430margin-bottom: -8px !important;
431outline: 1px solid #ffe971;
432position: relative;
433top: 10px;
434padding: 6px;
435font-family: georgia;
436font-size: 9px!important;
437color: #f1c349;
438text-shadow: 1px 1px 0px #fff;
439text-align: center;
440-webkit-transition-duration: .60s;
441-moz-transition-duration: .60s;
442-o-transition-duration: .60s;
443transition-duration: .60s;
444}
445.tr-caption:hover {
446color: #fff;
447background: #e5e1ee;
448text-shadow: 1px 1px 1px #c9bfdf;
449letter-spacing: 1px;
450outline-offset: -2px;
451outline: 1px solid #c9bfdf;
452-webkit-transition-duration: .60s;
453-moz-transition-duration: .60s;
454-o-transition-duration: .60s;
455transition-duration: .60s;
456}
457.post-outer {
458background: #ffffff;
459padding-top: 5px;
460padding-bottom: 5px;
461padding-left:7px;
462box-shadow: 5px 5px 0px #63b6ce;
463padding-right:8px;
464margin-top: 5px;
465margin-bottom:60px;
466margin-left: 4px;
467margin-right: -15px;
468-webkit-border-top-left-radius: 80px;
469-webkit-border-bottom-left-radius: 80px;
470-moz-border-radius-topleft: 80px;
471-moz-border-radius-bottomleft: 80px;
472border-top-left-radius: 80px;
473border-bottom-left-radius: 80px;
474}
475.post {
476 font-family: "lato"
477 font-size:15px;
478 padding: 10px;
479 margin-left: 10px !important;
480}
481
482
483.post blockquote {
484 margin:-5px 0px 9px 0px;
485 padding:20px 20px 20px 60px;
486 outline: 1px solid #63b6ce;
487 outline-offset: 5px;
488 background-color:#fff;
489 background-image:url(http://4.bp.blogspot.com/-145V7wqtrOg/U_CaNpS-zxI/AAAAAAAAWGg/yPXArvytDLE/s1600/miku.png);
490 background-repeat:repeat;
491 background-position:-9px -5px;
492 border-top: 1px solid #fff;
493 text-shadow: 1px 1px 1px #fff;
494 border-left: 1px solid #fff;
495 border-right: 1px solid #fff;
496 border-bottom: 1px solid #fff;
497 color:#469eb7;
498 }
499.post blockquote p {
500 margin-top: -10px;
501}
502.post-header {
503 margin: 0 0 1em;
504 line-height: 1.7;
505}
506
507.post-footer {
508 margin: .5em 0;
509text-align: center;
510 line-height: 1.0;
511}
512
513.post-labels a {
514display: inline-block;
515padding: -12px;
516outline: 0;
517float: center;
518color: #dfcb5a;
519font-size: 10px;
520text-transform: uppercase;
521font-weight: bolder;
522background: #f7eaa3;
523text-shadow: 1px 1px 0px #eee;
524margin: -5px;
525margin-top: 2px;
526font-family: 'Ubuntu', sans-serif;
527text-decoration: none;
528-moz-border-radius: 0px;
529-o-border-radius: 0px;
530border-radius: 00;
531padding-left: 6px;
532padding-right: 6px;
533padding-top: 6px;
534padding-bottom: 0px;
535height: 16px;
536}
537
538.jump-link a{
539float: right;
540padding: 10px;
541text-align: center;
542margin-top: -5px;
543margin-right: -25px;
544font-family: georgia;
545color: #b2a039;
546font-size: 12px;
547-webkit-border-radius: 50px;
548-moz-border-radius: 50px;
549border-radius: 50px;
550box-shadow: 3px 3px 0px #dfcb5a;
551background-color: #f7eaa3;
552-moz-transition: all 0.8s ease-out;
553-moz-webkit-transition-duration: .50s;
554-webkit-transition-duration: .500s;
555
556}
557.jump-link a:hover {
558-webkit-animation: smallToBig 300ms alternate infinite ease;
559-moz-animation: smallToBig 300ms alternate infinite ease;
560}
561
562
563.avatar-author {
564float: right;
565width: 40px;
566margin-top: 5px !important;
567margin-right: -55px !important;
568height: 40px;
569box-shadow: 4px 4px 0px #63b6ce;
570border: solid 4px #f4bac8 !important;
571}
572b {
573color: #63b6ce;
574text-shadow: 1px 1px 1px #ffffff;
575border-radius: 2px;
576-webkit-transition-duration: .60s;
577}
578b:hover {
579color: #63b6ce;
580text-shadow: 1px 1px 1px #ffffff;
581-webkit-transition-duration: .60s;
582}
583i {
584border-radius: 2px;
585color: #63b6ce;
586text-shadow: 1px 1px 1px #ffffff;
587text-decoration: none;
588-webkit-transition-duration: .60s;
589}
590i:hover {
591color: #63b6ce;
592text-shadow: 1px 1px 1px #ffffff;
593border-radius: 2px;
594text-decoration: none;
595-webkit-transition-duration: .60s;
596}
597u {
598color: #ebd455;
599text-shadow: 1px 1px 1px #ebd455;
600border-bottom: 1px dashed #8dc5eb;
601-webkit-transition-duration: .60s;
602}
603u:hover {
604color: #ebd455;
605text-shadow: 1px 1px 1px #ebd455;
606text-decoration: none;
607border-bottom: 1px double #fa758c;
608-webkit-transition-duration: .60s;
609}
610strike {
611color: #ebd455;
612text-shadow: 1px 1px 1px #ccc;
613text-decoration: strike;
614-webkit-transition-duration: .60s;
615}
616strike:hover {
617color: #ebd455;
618text-shadow: 1px 1px 1px #000;
619text-decoration: strike;
620-webkit-transition-duration: .60s;
621}
622
623::-moz-selection {
624background: #f7eaa3;
625color: #fff;
626text-shadow: 1px 1px 1px #000;
627}
628::selection {
629background: #f7eaa3;
630color: #fff;
631text-shadow: 1px 1px 1px #000;
632}
633
634#blog-pager {
635 font-size: 140%;
636}
637
638#comments h4 {
639margin-top: 5px;
640font-weight: normal;
641line-height: 1.4em;
642letter-spacing: 2px;
643color: #d7b916; text-align:center;font-family: 'Pacifico';
644 font-size:20px; background:; padding: 2px
645}
646#comments{clear:both;float:center;
647-webkit-border-bottom-left-radius: 80px;
648-moz-border-radius-bottomleft: 80px;
649border-bottom-left-radius: 80px;
650padding-left:20px; font-family:calibri; background: url('http://1.bp.blogspot.com/-rAw2WfpWqMk/U_CSanpQ3GI/AAAAAAAAV3g/CpbC7ztRjbU/s1600/forumfundocoramarelotumblr_mccsg2dMn61rvgs5m.png'); width: 659px; margin-top:10px; color:#000; font-sizer: 20px;
651border: 5px solid #eddd85;
652}
653.comments .comments-content .datetime a{
654font-family:calibri; font-size:15px;text-decoration:none; color: #fff;
655 float: right; padding-bottom: 5px; }
656
657.avatar-image-container{
658float:leftvertical-align:middle;
659overflow:hidden;
660box-shadow: 5px 5px 0 #da94a5;
661 -webkit-box-shadow: 5px 5px 0 #da94a5;
662 -moz-box-shadow: 5px 5px 0 #da94a5;
663border:solid 5px #f4bac8;
664
665}
666cite.user{color:#000; background: ; text-align:center;text-transform:uppercase;font-size:15px; padding: 8px;
667 text-decoration:none;
668 font-family:calibri;
669 position:relative;
670 margin-left:-5px;
671font-weight: normal;
672}
673cite.user a{color: #ec9696; text-shadow: 1px 1px 0 #fff;
674font-size:15px;}
675.comments .comments-content .icon.blog-author { background-repeat: no-repeat;
676background-image: url(http://media.tumblr.com/8c85c295f1b195a940a05fc089aed619/tumblr_inline_mxht4w5OWc1qid2nw.gif);
677width: 45px;}
678.comments .comment-block{
679padding:0px ;margin-left:54px;position:relative; font-size: 16px; border:4px solid #fbd1d1; background:#fff; padding:4px;box-shadow: 5px 5px 0 #f4bac8;
680 -webkit-box-shadow: 5px 5px 0 #f4bac8;
681 -moz-box-shadow: 5px 5px 0 #f4bac8;
682}
683.comments.comments-content.comment-replies{margin-left:0}}
684.comment-content{white-space:pre-wrap;width:95%;word-wrap:break-word;
685}
686.comments .comments-content .comment{margin-bottom:16px;padding-bottom:8px;
687}
688.comment-header{ background:#ffc4c4; font-size:15px; border-bottom: 2px solid #fff; padding:3px;
689}
690.comment-header a{color: #d86c6c;
691}
692.comments .comments-content {padding: 0px 5px 0px 2px;
693}
694.comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin: 10px 0 10px 10px; padding: 6px; color: #3a8fa7; text-align:center;text-decoration:none;height:auto; font-weight:normal;
695 cursor:pointer;
696background :#cfebfd;
697border: 4px solid #63b6ce;
698}
699.comments .comment .comment-actions a:hover,.comments .comment .continue a:hover{text-decoration: none; color: #e2c2ea; border: 4px solid #cfebfd; background:#63b6ce;
700}
701
702
703/* Widgets
704----------------------------------------------- */
705.sidebar .widget {
706 border-bottom: 2px solid $(widget.border.bevel.color);
707 padding-bottom: 10px;
708 margin: 10px 0;
709}
710
711.sidebar .widget:first-child {
712 margin-top: 0;
713}
714
715.sidebar .widget:last-child {
716 border-bottom: none;
717 margin-bottom: 0;
718 padding-bottom: 0;
719}
720
721.footer-inner .widget,
722.sidebar .widget {
723 font: $(widget.font);
724 color: $(widget.text.color);
725}
726
727
728.sidebar .widget a:link {
729 color: $(widget.link.color);
730 text-decoration: none;
731}
732
733.sidebar .widget a:visited {
734 color: $(widget.link.visited.color);
735}
736
737.sidebar .widget a:hover {
738 color: $(widget.link.color);
739 text-decoration: underline;
740}
741
742.footer-inner .widget a:link {
743 color: $(link.color);
744 text-decoration: none;
745}
746
747.footer-inner .widget a:visited {
748 color: $(link.visited.color);
749}
750
751.footer-inner .widget a:hover {
752 color: $(link.color);
753 text-decoration: underline;
754}
755
756.widget .zippy {
757 color: $(widget.alternate.text.color);
758}
759
760.footer-inner {
761 background: transparent $(footer.background.gradient) repeat scroll top center;
762}
763
764/* Mobile
765----------------------------------------------- */
766/*.mobile #sidebar-wrapper {display: none;} /*para remover a sidebar*/*/
767body.mobile {
768background-size: 100% auto;
769}
770body.mobile .AdSense {
771margin: 0 -10px;
772}
773.mobile .body-fauxcolumn-outer {
774background: $(mobile.background.overlay);
775}
776.mobile #header-inner {/*titulo do blog*/
777margin-top: 15px;
778margin-bottom: auto;
779margin-right: 0px;
780
781
782}
783.mobile-post-outer{ /*caixinha dos posts*/
784background: #ffffff;
785padding: 10px 0px 10px 10px;
786}
787.mobile-post-outer a { /*fonte dos posts*/
788font-size: 16px;
789color: #000!important;
790text-shadow: none;
791padding: 0px;
792box-shadow: none;
793margin: 0px;
794}
795.mobile-index-contents {
796color: #363636;
797}
798.mobile .tabs-inner .PageList .widget-content {
799background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
800color: $(tabs.selected.text.color);
801}
802.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
803border-$startSide: 1px solid $(tabs.selected.text.color);
804}
805.mobile-index-comment{display:none!important;}
806html .mobile-index-contents .post-body{font-size:100%;}
807.mobile-index-title {/*titulo do post para mobile*/
808width:100%!important;
809text-align: center;
810font-family: Patrick Hand SC;
811font-size: 22px;
812color: #6e6e6e!important;
813text-shadow: 0px 0px 0px #8f8f8f;
814letter-spacing: 1px;
815background: transparent;
816padding: 5px;
817margin: -5px 30px 0px -5px;
818outline-offset: -5px;
819outline: 1px dashed #e6e6e6;
820}
821.mobile .main-inner h2.date-header, .mobile .date-header span{ /*data do post para mobile*/
822font-family: muli;
823font-size: 10px!important;
824color: #666666;
825letter-spacing: 0px;
826text-align: center;
827padding: 2px 2px 2px 2px;
828background: #b8b8b8;
829border-radius: 2px 2px 0px 0px;
830box-shadow: none;
831}
832.mobile-index-thumbnail img { /*imagem do post em mobile*/
833width: 100%!important;
834height: 100px!important;
835text-align: center;
836}
837html .mobile-index-arrow{ /*setinha de ler mais na lateral, pode compensar não mexer ou remover*/
838color: #6e6e6e!important;
839margin-top: -20px;
840}
841.mobile-index-thumbnail {
842float: none;
843margin: 0px;
844padding: 0px;
845}
846
847
848#kfjf {
849text-align: center;
850font-family: muli, sans-serif;
851color: #000;
852z-index: 1000;
853width: 30px;
854background:#fff;
855float: right;
856height: 30px;
857line-height:30px;
858position: fixed;
859bottom: 0px;
860left: 0px;
861}
862#kfjf a:link {
863color: #000;
864font-size:10px !important;
865text-shadow: 1px 1px 1px #ccc;
866}
867#kfjf a {
868color: #000;
869font-size:10px !important;
870text-shadow: 1px 1px 1px #ccc;
871}
872
873#kfjf:hover {
874 animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
875 transform: translate3d(0, 0, 0);
876 backface-visibility: hidden;
877 perspective: 1000px;
878}
879
880.mobile-link-button a:link, .mobile-link-button a:visited {
881 color: $(mobile.button.color);
882}
883
884.mobile-index-contents {
885 color: $(body.text.color);
886}
887
888.mobile .tabs-inner .PageList .widget-content {
889 background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
890 color: $(tabs.selected.text.color);
891}
892
893.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
894 border-$startSide: 1px solid $(tabs.selected.text.color);
895}
896pre {
897text-align: justify;
898padding-left: 5px;
899line-height: 20px;
900background: #fff;
901font-family: Verdana;
902font-size: 8px;
903color: #000;
904text-shadow: 1px 1px 1px #fff;
905margin-right: 1px;
906margin-bottom: 7px;
907overflow:auto;
908text-decoration:none;
909height:200px;
910}
911
912.feed-links {
913height: 0px;
914visibility: hidden;
915display: none
916}
917/*---------------------------------------------*/
918#navcontainer
919{
920background: none;
921width: 110px;
922margin: 0 auto;
923padding: 1em 0;
924font-family: georgia, serif;
925font-size: 13px;
926text-align: right;
927text-transform: capitalize;
928}
929ul#navlist
930{
931text-align: right;
932list-style: none;
933padding:0;
934margin: 0 auto;
935width: 90%;
936}
937ul#navlist li
938{
939display: block;
940margin: 0;
941padding: 0;
942}
943ul#navlist li a
944{
945display: block;
946width: 200px;
947margin-bottom:6px;
948padding: 10px;
949border-width: 4px;
950text-shadow: #85aac6 1px 1px 0px;
951border-color: #ffe191;
952border-right: solid 4px #fff;
953box-shadow: 4px 4px 0px #85aac6;
954border-style: solid;
955color: #eee;
956font-size: 17px;
957text-decoration: none;
958background-image: url('https://i.imgur.com/IbJQe4a.png') !important;
959}
960#navcontainer>ul#navlist li a { width: auto; }
961ul#navlist li#active a
962{
963background: #808080;
964color: #000000;
965}
966ul#navlist li a:hover, ul#navlist li#poplight a:hover
967{
968color: #ae7ae1;
969margin-left: -18px;
970text-shadow: #fff 0px 0px 2px;
971margin-right: 18px;
972background: transparent;
973border-color: #e6b125 #ccc #ccc #ffe191;
974}
975
976::-webkit-scrollbar-thumb:vertical { /*barra vertical que se move*/
977background: #d8deaf;
978box-shadow: inset 0px 0px 3px #cbd498;
979border-top: 3px solid #fff;
980border-bottom: 3px solid #fff;
981}
982::-webkit-scrollbar { /*barra vertical fixa*/
983border: 3px solid #fff;
984margin-right: 5px;
985width: 10px;
986background: #de8d87;
987}
988/*---------------------------------------------*/
989
990#fade {
991 display: none;
992 background: #ccc;
993 position: fixed; left: 0; top: 0;
994 width: 100%; height: 100%;
995 opacity: .80;
996 z-index: 9999;
997}
998.popup_block{
999 display: none;
1000 background: #bfd9ed;
1001 padding: 20px;
1002 border: 8px solid #fff;
1003 float: left;
1004 font-size: 1.2em;
1005 position: fixed;
1006 width: 705px !important;
1007 top: 50%; left: 30%;
1008 z-index: 99999;
1009 /*--CSS3 Box Shadows--*/
1010 -webkit-box-shadow: 5px 5px 0px #f1c349;
1011 -moz-box-shadow: 5px 5px 0px #f1c349;
1012 box-shadow:5px 5px 0px #f1c349;
1013}
1014
1015img.btn_close {
1016 float: right;
1017 margin: -55px -55px 0 0;
1018}
1019*html #fade {
1020 position: absolute;
1021}
1022*html .popup_block {
1023 position: absolute;
1024}
1025
1026
1027/* Menu em Abas CSSTabs
1028--------------------------- */
1029#csstabs {
1030height: 280px;
1031margin:0 auto;
1032position:relative;
1033width: 100%;
1034margin-top: -45px;
1035}
1036#csstabs h3 {
1037color: #9999cc;
1038cursor: pointer;
1039display: block;
1040background: #fff;
1041box-shadow: 4px 0px 0px #85aac6;
1042font-weight: bold;
1043height: 25px;
1044font-size: 12px;
1045margin: 0;
1046margin-left: 15px;
1047padding: 5px 5px 5px 5px;
1048text-align: left;
1049border:2px solid #e6cbff;
1050}
1051.tabcontent {
1052display: block;
1053height: auto;
1054width:100%;
1055padding:15px 0 5px 0px;
1056}
1057#csstabs:hover h3, #tabs:focus h3, #tabs:active h3 {
1058z-index: 0;
1059border-bottom: none;
1060background:#fff;
1061}
1062#csstabs:hover .tabcontent, #tabs:focus .tabcontent, #tabs:active .tabcontent {
1063opacity: 0;
1064z-index: 0;
1065}
1066
1067#tab1 .tabcontent {
1068background-color: none;
1069position:absolute;
1070left:0;
1071top:35px;
1072height: 100px;
1073z-index: 2;
1074}
1075#tab1 h3 {
1076left: 0;
1077position: absolute;
1078top: 0;
1079z-index: 3;
1080background-color: none;
1081}
1082
1083#tab1:hover h3, #tab1:focus h3, #tab1:active h3 {
1084background-color: #fff;
1085color: #565A63;
1086z-index: 4;
1087}
1088#tab1:hover .tabcontent, #tab1:focus .tabcontent, #tab1:active .tabcontent {
1089opacity: 1;
1090z-index: 3;
1091}
1092
1093#tab2 .tabcontent {
1094background-color: #fff;
1095height: 200px; /* altura total do conteúdo da aba 2 */
1096opacity: 0;
1097padding: 10px;
1098top:35px;
1099z-index: 1;
1100position:absolute;
1101}
1102#tab2 h3 {
1103left: 120px;
1104position: absolute;
1105top: 0;
1106}
1107
1108#tab2:hover h3, #tab2:focus h3, #tab2:active h3 {
1109background-color: none;
1110color: #565A63;
1111z-index: 4;
1112}
1113#tab2:hover .tabcontent, #tab2:focus .tabcontent, #tab2:active .tabcontent {
1114opacity: 1;
1115z-index: 3;
1116}
1117suco {
1118background: #272727;
1119color: #000;
1120width: 200px;
1121padding: 5px;
1122text-shadow: 1px 1px 0px #b4d4ea;
1123display: inline-block;
1124margin: 1px;
1125text-align: center;
1126height: 40px;
1127}
1128suco:hover {
1129background: #dbebf7;
1130text-shadow: 1px 1px 0px #bfdff7;
1131}
1132#zooming {
1133width:80px;
1134height:80px;
1135display: inline-block;
1136position:relative;
1137}
1138#zooming img {
1139position:absolute;
1140width:90px;
1141height:90px;
1142-webkit-transition-duration: .80s;
1143}
1144#zooming:hover img{
1145 -webkit-transform:scale(1.5);
1146-moz-transform:scale(1.5);
1147 -o-transform:scale(1.5);
1148opacity:0.3;
1149-webkit-transition-duration: .70s;
1150}
1151.zoomingout {
1152float:center;
1153width:110px;
1154height:110px;
1155margin-left: 6px;
1156box-shadow: 4px 4px 0px #fbea5a;
1157border: 4px solid #fff;
1158overflow:hidden;
1159-webkit-transition-duration: .59s;
1160 }
1161.zoomingout:hover {
1162float:center;
1163width:110px;height:110px;
1164box-shadow: 4px 4px 0px #bccde7;
1165border: 4px solid #fbea5a;
1166overflow:hidden;
1167-webkit-transition-duration: .59s;
1168 }
1169#palavras a.header {
1170width:100px;
1171height:90px;
1172opacity:10;
1173margin-top:-0px;
1174padding:4px;
1175text-align: center;
1176color:#7a7a7a;
1177font-size: 12px;
1178padding: 5px 5px 5px 5px ;
1179}
1180
1181#palavras {
1182width:100px;
1183height:90px;
1184opacity:10;
1185margin-top:-0px;
1186padding:4px;
1187text-align: center;
1188color:#fff;
1189font-size: 13px;
1190padding: 5px 5px 5px 5px ;
1191}
1192@media screen and (max-width : 1280px) {/* NOTEBOOK E PC ------------*/aqui os atributos que você quer responsividade {}
1193@media screen and (max-width : 1024px) {/* TABLETS ------------*/aqui os atributos que você quer responsividade {}
1194@media screen and (max-width : 768px) {/* PEQUENOS TABLETS ------------*/aqui os atributos que você quer responsividade {}
1195@media screen and (max-width : 640px) {/* IPHONE ------------*/aqui os atributos que você quer responsividade {}
1196@media screen and (max-width : 480px) {/* MOBILES ------------*/aqui os atributos que você quer responsividade {}
1197@media screen and (max-width : 320px) {/* PEQUENOS E VELHOS CELULARES ------------*/aqui os atributos que você quer responsividade {}
1198
1199
1200
1201
1202#blog-pager-newer-link {
1203float: right !important;
1204}
1205
1206
1207
1208
1209/*.mobile #sidebar-wrapper {display: none;} /*para remover a sidebar*/*/
1210body.mobile {
1211background-size: 100% auto;
1212}
1213body.mobile .AdSense {
1214margin: 0 -10px;
1215}
1216.mobile .body-fauxcolumn-outer {
1217background: $(mobile.background.overlay);
1218}
1219
1220.mobile-post-outer{ /*caixinha dos posts*/
1221background: #ffffff;
1222padding: 10px 0px 10px 10px;
1223border-radius: 2px 2px 2px 2px;
1224box-shadow: 2px 2px 0px #d6d6d6;
1225}
1226.mobile-post-outer a { /*fonte dos posts*/
1227font-family: muli;
1228font-size: 16px;
1229color: #363636!important;
1230text-shadow: none;
1231padding: 0px;
1232box-shadow: none;
1233margin: 0px;
1234}
1235.mobile-index-contents {
1236color: #363636;
1237}
1238.mobile .tabs-inner .PageList .widget-content {
1239background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
1240color: $(tabs.selected.text.color);
1241}
1242.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
1243border-$startSide: 1px solid $(tabs.selected.text.color);
1244}
1245.mobile-index-comment{display:none!important;}
1246html .mobile-index-contents .post-body{font-size:100%;}
1247.mobile-index-title {/*titulo do post para mobile*/
1248width:100%!important;
1249text-align: center;
1250font-family: Patrick Hand SC;
1251font-size: 22px;
1252color: #6e6e6e!important;
1253text-shadow: 0px 0px 0px #8f8f8f;
1254letter-spacing: 1px;
1255background: transparent;
1256padding: 5px;
1257margin: -5px 30px 0px -5px;
1258outline-offset: -5px;
1259outline: 1px dashed #e6e6e6;
1260}
1261.mobile .main-inner h2.date-header, .mobile .date-header span{ /*data do post para mobile*/
1262font-family: muli;
1263font-size: 10px!important;
1264color: #666666;
1265text-shadow: 1px 1px 1px #f8f8f8;
1266letter-spacing: 0px;
1267text-align: center;
1268padding: 2px 2px 2px 2px;
1269background: #b8b8b8;
1270border-radius: 2px 2px 0px 0px;
1271box-shadow: none;
1272}
1273.mobile-index-thumbnail img { /*imagem do post em mobile*/
1274width: 100%!important;
1275height: 100px!important;
1276text-align: center;
1277outline: solid 13px rgba(255, 255, 255, .5);
1278outline-offset: -13px;
1279}
1280html .mobile-index-arrow{ /*setinha de ler mais na lateral, pode compensar não mexer ou remover*/
1281color: #6e6e6e!important;
1282margin-top: -20px;
1283}
1284.mobile-index-thumbnail {
1285float: none;
1286margin: 0px;
1287padding: 0px;
1288}
1289
1290
1291
1292#header-inner {
1293margin-top: 0px;
1294margin-bottom: 0px;
1295margin-right: 0px;
1296margin-left: -300px;
1297background-height: 200px;
1298background-widht: 900px;
1299background-size: cover;
1300}
1301
1302]]></b:skin>
1303
1304 <b:template-skin>
1305 <b:variable default='960px' name='content.width' type='length' value='840px'/>
1306 <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
1307 <b:variable default='310px' name='main.column.right.width' type='length' value='100px'/>
1308
1309 <![CDATA[
1310 body {
1311 min-width: $(content.width);
1312 }
1313 .content-outer, .content-fauxcolumn-outer, .region-inner {
1314 min-width: $(content.width);
1315 max-width: $(content.width);
1316 _width: $(content.width);
1317 }
1318 .main-inner .columns {
1319 padding-left: $(main.column.left.width);
1320 padding-right: $(main.column.right.width);
1321 }
1322 .main-inner .fauxcolumn-center-outer {
1323 left: $(main.column.left.width);
1324 right: $(main.column.right.width);
1325 /* IE6 does not respect left and right together */
1326 _width: expression(this.parentNode.offsetWidth -
1327 parseInt("$(main.column.left.width)") -
1328 parseInt("$(main.column.right.width)") + 'px');
1329 }
1330 .main-inner .fauxcolumn-left-outer {
1331 width: $(main.column.left.width);
1332 }
1333 .main-inner .fauxcolumn-right-outer {
1334 width: $(main.column.right.width);
1335 }
1336 .main-inner .column-left-outer {
1337 width: $(main.column.left.width);
1338 right: 100%;
1339 margin-left: -$(main.column.left.width);
1340 }
1341 .main-inner .column-right-outer {
1342 width: $(main.column.right.width);
1343 margin-right: -$(main.column.right.width);
1344 }
1345@media only screen and (max-width:991px){
1346.main-inner .column-right-outer {
1347 width: 104%;
1348 margin-right: 0px;
1349 margin-left: -25px;
1350 }
1351.main-inner .column-left-outer {
1352 width: 104%;
1353 margin-right: -25px;
1354 margin-left: 0px;
1355 }
1356}
1357 #layout {
1358 min-width: 0;
1359 }
1360 #layout .content-outer {
1361 min-width: 0;
1362 width: 800px;
1363 }
1364 #layout .region-inner {
1365 min-width: 0;
1366 width: auto;
1367 }
1368
1369@media only screen and (max-width:991px){
1370.main-inner .column-right-outer {
1371 width: 104%;
1372 margin-right: 0px;
1373 margin-left: -25px;
1374 }
1375.main-inner .column-left-outer {
1376 width: 104%;
1377 margin-right: -25px;
1378 margin-left: 0px;
1379 }
1380}
1381 ]]>
1382
1383 </b:template-skin>
1384
1385 <b:if cond='data:skin.vars.body_background.image.isResizable'>
1386 <b:include cond='not data:view.isPreview' data='{ image: data:skin.vars.body_background.image, selector: "body" }' name='responsiveImageStyle'/>
1387 </b:if>
1388
1389 <b:include data='blog' name='google-analytics'/>
1390<script>
1391//<![CDATA[
1392function av(a){var b=a.entry.author[0];c=b.name.$t;d=b.gd$image.src.replace(/\/s[0-9]+(-*c*)\//,'/s30$1/');document.write('<img alt="'+c+'" class="avatar-author" src="'+d+'" title="'+c+'"/>')}
1393//]]>
1394</script>
1395
1396<!-- Javascript Resumo Automático de Postagens-->
1397<script type='text/javascript'>
1398summary_noimg = 400;
1399summary_img = 450;
1400img_thumb_height = 135;
1401img_thumb_width = 200;
1402</script>
1403<script type='text/javascript'>
1404//<![CDATA[
1405function removeHtmlTag(strx,chop){
1406if(strx.indexOf("<")!=-1)
1407{
1408var s = strx.split("<");
1409for(var i=0;i<s.length;i++){
1410if(s[i].indexOf(">")!=-1){
1411s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
1412}
1413}
1414strx = s.join("");
1415}
1416chop = (chop < strx.length-1) ? chop : strx.length-2;
1417while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
1418strx = strx.substring(0,chop-1);
1419return strx+' [...]';
1420}
1421function createSummaryAndThumb(pID){
1422var div = document.getElementById(pID);
1423var imgtag = "";
1424var img = div.getElementsByTagName("img");
1425var summ = summary_noimg;
1426if(img.length>=1) {
1427imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
1428summ = summary_img;
1429}
1430var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
1431div.innerHTML = summary;
1432}
1433//]]>
1434</script>
1435<!-- Fim Javascript Resumo Automático de Postagens-->
1436 </head>
1437
1438 <body expr:class='"loading" + data:blog.mobileClass'>
1439 <b:section class='navbar' id='navbar' maxwidgets='1' name='Navbar' showaddelement='no'/>
1440
1441 <b:if cond='data:blog.pageType == "index"'>
1442 <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
1443 <meta expr:content='data:blog.title' itemprop='name'/>
1444 <b:if cond='data:blog.metaDescription'>
1445 <meta expr:content='data:blog.metaDescription' itemprop='description'/>
1446 </b:if>
1447 </div>
1448 </b:if>
1449
1450 <div class='body-fauxcolumns'>
1451 <div class='fauxcolumn-outer body-fauxcolumn-outer'>
1452 <div class='cap-top'>
1453 <div class='cap-left'/>
1454 <div class='cap-right'/>
1455 </div>
1456 <div class='fauxborder-left'>
1457 <div class='fauxborder-right'/>
1458 <div class='fauxcolumn-inner'>
1459 </div>
1460 </div>
1461 <div class='cap-bottom'>
1462 <div class='cap-left'/>
1463 <div class='cap-right'/>
1464 </div>
1465 </div>
1466 </div>
1467
1468 <div class='content'>
1469 <div class='content-fauxcolumns'>
1470 <div class='fauxcolumn-outer content-fauxcolumn-outer'>
1471 <div class='cap-top'>
1472 <div class='cap-left'/>
1473 <div class='cap-right'/>
1474 </div>
1475 <div class='fauxborder-left'>
1476 <div class='fauxborder-right'/>
1477 <div class='fauxcolumn-inner'>
1478 </div>
1479 </div>
1480 <div class='cap-bottom'>
1481 <div class='cap-left'/>
1482 <div class='cap-right'/>
1483 </div>
1484 </div>
1485 </div>
1486
1487 <div class='content-outer'>
1488 <div class='content-cap-top cap-top'>
1489 <div class='cap-left'/>
1490 <div class='cap-right'/>
1491 </div>
1492 <div class='fauxborder-left content-fauxborder-left'>
1493 <div class='fauxborder-right content-fauxborder-right'/>
1494 <div class='content-inner'>
1495
1496 <header>
1497 <div class='header-outer'>
1498 <div class='header-cap-top cap-top'>
1499 <div class='cap-left'/>
1500 <div class='cap-right'/>
1501 </div>
1502 <div class='fauxborder-left header-fauxborder-left'>
1503 <div class='fauxborder-right header-fauxborder-right'/>
1504 <div class='region-inner header-inner'>
1505 <b:section class='header' id='header' maxwidgets='1' name='Header' showaddelement='no'>
1506 <b:widget id='Header1' locked='true' title='Blog da Babi (Cabeçalho)' type='Header'>
1507 <b:widget-settings>
1508 <b:widget-setting name='displayUrl'/>
1509 <b:widget-setting name='displayHeight'>0</b:widget-setting>
1510 <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
1511 <b:widget-setting name='useImage'>false</b:widget-setting>
1512 <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
1513 <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
1514 <b:widget-setting name='displayWidth'>0</b:widget-setting>
1515 </b:widget-settings>
1516 <b:includable id='main'>
1517
1518 <b:if cond='data:useImage'>
1519 <b:if cond='data:imagePlacement == "BEHIND"'>
1520 <!--
1521 Show image as background to text. You can't really calculate the width
1522 reliably in JS because margins are not taken into account by any of
1523 clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
1524 width if the user is using shrink to fit.
1525 This results in a margin-width's worth of pixels being cropped. If the
1526 user is not using shrink to fit then we expand the header.
1527 -->
1528 <b:if cond='data:mobile'>
1529 <div id='header-inner'>
1530 <div class='titlewrapper' style='background: transparent'>
1531 <h1 class='title' style='background: transparent; border-width: 0px'>
1532 <b:include name='title'/>
1533 </h1>
1534 </div>
1535 <b:include name='description'/>
1536 </div>
1537 <b:else/>
1538 <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
1539 <div class='titlewrapper' style='background: transparent'>
1540 <h1 class='title' style='background: transparent; border-width: 0px'>
1541 <b:include name='title'/>
1542 </h1>
1543 </div>
1544 <b:include name='description'/>
1545 </div>
1546 </b:if>
1547 <b:else/>
1548 <!--Show the image only-->
1549 <div id='header-inner'>
1550 <a expr:href='data:blog.homepageUrl' style='display: block'>
1551 <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
1552 </a>
1553 <!--Show the description-->
1554 <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
1555 <b:include name='description'/>
1556 </b:if>
1557 </div>
1558 </b:if>
1559 <b:else/>
1560 <!--No header image -->
1561 <div id='header-inner'>
1562 <div class='titlewrapper'>
1563 <h1 class='title'>
1564 <b:include name='title'/>
1565 </h1>
1566 </div>
1567 <b:include name='description'/>
1568 </div>
1569 </b:if>
1570</b:includable>
1571 <b:includable id='description'>
1572 <div class='descriptionwrapper'>
1573 <p class='description'><span><data:description/></span></p>
1574 </div>
1575</b:includable>
1576 <b:includable id='title'>
1577 <b:tag cond='data:blog.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
1578 <data:title/>
1579 </b:tag>
1580</b:includable>
1581 </b:widget>
1582 </b:section>
1583 </div>
1584 </div>
1585 <div class='header-cap-bottom cap-bottom'>
1586 <div class='cap-left'/>
1587 <div class='cap-right'/>
1588 </div>
1589 </div>
1590 </header>
1591 <body expr:class='"loading" + data:blog.mobileClass'/>
1592 <div class='tabs-outer'>
1593 <div class='tabs-cap-top cap-top'>
1594 <div class='cap-left'/>
1595 <div class='cap-right'/>
1596 </div>
1597 <div class='fauxborder-left tabs-fauxborder-left'>
1598 <div class='fauxborder-right tabs-fauxborder-right'/>
1599 <div class='region-inner tabs-inner'>
1600 <b:section class='tabs' id='crosscol' maxwidgets='1' name='Cross-Column' showaddelement='yes'/>
1601 <b:section class='tabs' id='crosscol-overflow' name='Cross-Column 2' showaddelement='no'>
1602 <b:widget id='PageList1' locked='false' title='' type='PageList'>
1603 <b:widget-settings>
1604 <b:widget-setting name='pageListJson'><![CDATA[{'home': {'href': 'https://jikookporn.blogspot.com/', 'title': 'Home', 'position': 0}, 'link0': {'href': 'http://www.blogger.com/follow-blog.g?blogID\x3d4033753871974728457', 'title': 'Siga-nos', 'position': 1}}]]></b:widget-setting>
1605 <b:widget-setting name='homeTitle'>Home</b:widget-setting>
1606 </b:widget-settings>
1607 <b:includable id='main'>
1608 <b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
1609 <div class='widget-content'>
1610 <b:if cond='data:mobile'>
1611 <select expr:id='data:widget.instanceId + "_select"'>
1612 <b:loop values='data:links' var='link'>
1613 <option expr:value='data:link.href'>
1614 <b:attr cond='data:link.isCurrentPage' name='selected' value='selected'/>
1615 <data:link.title/>
1616 </option>
1617 </b:loop>
1618 </select>
1619 <span class='pagelist-arrow'>&#9660;</span>
1620 <b:else/>
1621 <ul>
1622 <b:loop values='data:links' var='link'>
1623 <li>
1624 <b:class cond='data:link.isCurrentPage' name='selected'/>
1625 <a expr:href='data:link.href'><data:link.title/></a>
1626 </li>
1627 </b:loop>
1628 </ul>
1629 </b:if>
1630 <b:include name='quickedit'/>
1631 </div>
1632</b:includable>
1633 </b:widget>
1634 </b:section>
1635 </div>
1636 </div>
1637 <div class='tabs-cap-bottom cap-bottom'>
1638 <div class='cap-left'/>
1639 <div class='cap-right'/>
1640 </div>
1641 </div>
1642
1643 <div class='main-outer'>
1644 <div class='main-cap-top cap-top'>
1645 <div class='cap-left'/>
1646 <div class='cap-right'/>
1647 </div>
1648
1649 <div class='fauxborder-left main-fauxborder-left'>
1650 <div class='fauxborder-right main-fauxborder-right'/>
1651 <div class='region-inner main-inner'>
1652
1653 <div class='columns fauxcolumns'>
1654
1655 <div class='fauxcolumn-outer fauxcolumn-center-outer'>
1656 <div class='cap-top'>
1657 <div class='cap-left'/>
1658 <div class='cap-right'/>
1659 </div>
1660 <div class='fauxborder-left'>
1661 <div class='fauxborder-right'/>
1662 <div class='fauxcolumn-inner'>
1663 </div>
1664 </div>
1665 <div class='cap-bottom'>
1666 <div class='cap-left'/>
1667 <div class='cap-right'/>
1668 </div>
1669 </div>
1670
1671 <div class='fauxcolumn-outer fauxcolumn-left-outer'>
1672 <div class='cap-top'>
1673 <div class='cap-left'/>
1674 <div class='cap-right'/>
1675 </div>
1676 <div class='fauxborder-left'>
1677 <div class='fauxborder-right'/>
1678 <div class='fauxcolumn-inner'>
1679 </div>
1680 </div>
1681 <div class='cap-bottom'>
1682 <div class='cap-left'/>
1683 <div class='cap-right'/>
1684 </div>
1685 </div>
1686
1687 <div class='fauxcolumn-outer fauxcolumn-right-outer'>
1688 <div class='cap-top'>
1689 <div class='cap-left'/>
1690 <div class='cap-right'/>
1691 </div>
1692 <div class='fauxborder-left'>
1693 <div class='fauxborder-right'/>
1694 <div class='fauxcolumn-inner'>
1695 </div>
1696 </div>
1697 <div class='cap-bottom'>
1698 <div class='cap-left'/>
1699 <div class='cap-right'/>
1700 </div>
1701 </div>
1702
1703 <!-- corrects IE6 width calculation -->
1704 <div class='columns-inner'>
1705
1706 <div class='column-center-outer'>
1707 <div class='column-center-inner'>
1708 <b:section class='main' id='main' name='Main' showaddelement='no'>
1709 <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog' version='1'>
1710 <b:widget-settings>
1711 <b:widget-setting name='showDateHeader'>true</b:widget-setting>
1712 <b:widget-setting name='style.textcolor'>#666666</b:widget-setting>
1713 <b:widget-setting name='showShareButtons'>false</b:widget-setting>
1714 <b:widget-setting name='authorLabel'>By</b:widget-setting>
1715 <b:widget-setting name='showCommentLink'>true</b:widget-setting>
1716 <b:widget-setting name='style.urlcolor'>#666666</b:widget-setting>
1717 <b:widget-setting name='showAuthor'>false</b:widget-setting>
1718 <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
1719 <b:widget-setting name='style.linkcolor'>#000000</b:widget-setting>
1720 <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
1721 <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
1722 <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
1723 <b:widget-setting name='style.layout'>1x1</b:widget-setting>
1724 <b:widget-setting name='showLabels'>true</b:widget-setting>
1725 <b:widget-setting name='showLocation'>false</b:widget-setting>
1726 <b:widget-setting name='showTimestamp'>false</b:widget-setting>
1727 <b:widget-setting name='postsPerAd'>1</b:widget-setting>
1728 <b:widget-setting name='showBacklinks'>false</b:widget-setting>
1729 <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
1730 <b:widget-setting name='showInlineAds'>false</b:widget-setting>
1731 <b:widget-setting name='showReactions'>false</b:widget-setting>
1732 </b:widget-settings>
1733 <b:includable id='main' var='top'>
1734 <b:if cond='!data:mobile'>
1735 <!-- posts -->
1736 <div class='blog-posts hfeed'>
1737
1738 <b:include data='top' name='status-message'/>
1739
1740 <b:loop values='data:posts' var='post'>
1741 <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
1742 </div></div>
1743 </b:if>
1744 <b:if cond='data:post.isDateStart'>
1745 <div class="date-outer">
1746 </b:if>
1747 <b:if cond='data:post.dateHeader'>
1748<script>var lastDate= '<data:post.dateHeader/>';</script>
1749<h2 class='date-header'><data:post.dateHeader/></h2>
1750<b:else/>
1751<h2 class='date-header'>
1752<script>document.write(lastDate);</script>
1753</h2>
1754</b:if>
1755<div class='post-outer'>
1756 <b:include data='post' name='post'/>
1757 <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
1758 </div>
1759
1760 <!-- Ad -->
1761 <b:if cond='data:post.includeAd'>
1762 <div class='inline-ad'>
1763 <data:adCode/>
1764 </div>
1765 </b:if>
1766 </b:loop>
1767 <b:if cond='data:numPosts != 0'>
1768 </div></div>
1769 </b:if>
1770 </div>
1771
1772 <!-- navigation -->
1773 <b:include name='nextprev'/>
1774
1775 <!-- feed links -->
1776 <b:include name='feedLinks'/>
1777
1778 <b:else/>
1779 <b:include name='mobile-main'/>
1780 </b:if>
1781
1782 <b:include cond='data:top.showPlusOne' name='googlePlusBootstrap'/>
1783</b:includable>
1784 <b:includable id='backlinkDeleteIcon' var='backlink'>
1785 <span expr:class='"item-control " + data:backlink.adminClass'>
1786 <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
1787 <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
1788 </a>
1789 </span>
1790</b:includable>
1791 <b:includable id='backlinks' var='post'>
1792 <a name='links'/><h4><data:post.backlinksLabel/></h4>
1793 <b:if cond='data:post.numBacklinks != 0'>
1794 <dl class='comments-block' id='comments-block'>
1795 <b:loop values='data:post.backlinks' var='backlink'>
1796 <div class='collapsed-backlink backlink-control'>
1797 <dt class='comment-title'>
1798 <span class='backlink-toggle-zippy'> </span>
1799 <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
1800 <b:include data='backlink' name='backlinkDeleteIcon'/>
1801 </dt>
1802 <dd class='comment-body collapseable'>
1803 <data:backlink.snippet/>
1804 </dd>
1805 <dd class='comment-footer collapseable'>
1806 <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
1807 <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
1808 </dd>
1809 </div>
1810 </b:loop>
1811 </dl>
1812 </b:if>
1813 <p class='comment-footer'>
1814 <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
1815 </p>
1816</b:includable>
1817 <b:includable id='comment-form' var='post'>
1818 <div class='comment-form'>
1819 <a name='comment-form'/>
1820 <b:if cond='data:mobile'>
1821 <h4 id='comment-post-message'>
1822 <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
1823 <p><data:blogCommentMessage/></p>
1824 <data:blogTeamBlogMessage/>
1825 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1826 <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%'/>
1827 <b:else/>
1828 <h4 id='comment-post-message'><data:postCommentMsg/></h4>
1829 <p><data:blogCommentMessage/></p>
1830 <data:blogTeamBlogMessage/>
1831 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1832 <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%'/>
1833 </b:if>
1834 <data:post.cmtfpIframe/>
1835 <script type='text/javascript'>
1836 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
1837 </script>
1838 </div>
1839</b:includable>
1840 <b:includable id='commentDeleteIcon' var='comment'>
1841 <span expr:class='"item-control " + data:comment.adminClass'>
1842 <b:if cond='data:showCmtPopup'>
1843 <div class='goog-toggle-button'>
1844 <div class='goog-inline-block comment-action-icon'/>
1845 </div>
1846 <b:else/>
1847 <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
1848 <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
1849 </a>
1850 </b:if>
1851 </span>
1852</b:includable>
1853 <b:includable id='comment_count_picker' var='post'>
1854 <b:if cond='data:post.commentSource == 1'>
1855 <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'>
1856 </span>
1857 <b:else/>
1858 <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
1859 <data:post.commentLabelFull/>:
1860 </a>
1861 </b:if>
1862</b:includable>
1863 <b:includable id='comment_picker' var='post'>
1864 <b:if cond='data:post.commentSource == 1'>
1865 <b:include data='post' name='iframe_comments'/>
1866 <b:elseif cond='data:post.showThreadedComments'/>
1867 <b:include data='post' name='threaded_comments'/>
1868 <b:else/>
1869 <b:include data='post' name='comments'/>
1870 </b:if>
1871</b:includable>
1872 <b:includable id='comments' var='post'>
1873 <div class='comments' id='comments'>
1874 <a name='comments'/>
1875 <b:if cond='data:post.allowComments'>
1876 <h4><data:post.commentLabelFull/>:</h4>
1877
1878 <b:if cond='data:post.commentPagingRequired'>
1879 <span class='paging-control-container'>
1880 <b:if cond='data:post.hasOlderLinks'>
1881 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
1882  
1883 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
1884  
1885 </b:if>
1886
1887 <data:post.commentRangeText/>
1888
1889 <b:if cond='data:post.hasNewerLinks'>
1890  
1891 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
1892  
1893 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
1894 </b:if>
1895 </span>
1896 </b:if>
1897
1898 <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
1899 <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
1900 <b:loop values='data:post.comments' var='comment'>
1901 <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
1902 <b:if cond='data:comment.favicon'>
1903 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
1904 </b:if>
1905 <a expr:name='data:comment.anchorName'/>
1906 <b:if cond='data:blog.enabledCommentProfileImages'>
1907 <data:comment.authorAvatarImage/>
1908 </b:if>
1909 <b:if cond='data:comment.authorUrl'>
1910 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
1911 <b:else/>
1912 <data:comment.author/>
1913 </b:if>
1914 <data:commentPostedByMsg/>
1915 </dt>
1916 <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
1917 <b:if cond='data:comment.isDeleted'>
1918 <span class='deleted-comment'><data:comment.body/></span>
1919 <b:else/>
1920 <p>
1921 <data:comment.body/>
1922 </p>
1923 </b:if>
1924 </dd>
1925 <dd class='comment-footer'>
1926 <span class='comment-timestamp'>
1927 <a expr:href='data:comment.url' title='comment permalink'>
1928 <data:comment.timestamp/>
1929 </a>
1930 <b:include data='comment' name='commentDeleteIcon'/>
1931 </span>
1932 </dd>
1933 </b:loop>
1934 </dl>
1935 </div>
1936
1937 <b:if cond='data:post.commentPagingRequired'>
1938 <span class='paging-control-container'>
1939 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
1940 <data:post.oldestLinkText/>
1941 </a>
1942 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
1943 <data:post.olderLinkText/>
1944 </a>
1945  
1946 <data:post.commentRangeText/>
1947  
1948 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
1949 <data:post.newerLinkText/>
1950 </a>
1951 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
1952 <data:post.newestLinkText/>
1953 </a>
1954 </span>
1955 </b:if>
1956
1957 <p class='comment-footer'>
1958 <b:if cond='data:post.embedCommentForm'>
1959 <b:if cond='data:post.allowNewComments'>
1960 <b:include data='post' name='comment-form'/>
1961 <b:else/>
1962 <data:post.noNewCommentsText/>
1963 </b:if>
1964 <b:elseif cond='data:post.allowComments'/>
1965 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
1966 </b:if>
1967 </p>
1968 </b:if>
1969 <b:if cond='data:showCmtPopup'>
1970 <div id='comment-popup'>
1971 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
1972 </iframe>
1973 </div>
1974 </b:if>
1975
1976 <div id='backlinks-container'>
1977 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
1978 <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
1979 </div>
1980 </div>
1981 </div>
1982</b:includable>
1983 <b:includable id='feedLinks'>
1984 <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
1985 <b:if cond='data:feedLinks'>
1986 <div class='blog-feeds'>
1987 <b:include data='feedLinks' name='feedLinksBody'/>
1988 </div>
1989 </b:if>
1990
1991 <b:else/> <!--Post feed links -->
1992 <div class='post-feeds'>
1993 <b:loop values='data:posts' var='post'>
1994 <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
1995 </b:loop>
1996 </div>
1997 </b:if>
1998</b:includable>
1999 <b:includable id='feedLinksBody' var='links'>
2000 <div class='feed-links'>
2001 <data:feedLinksMsg/>
2002 <b:loop values='data:links' var='f'>
2003 <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
2004 </b:loop>
2005 </div>
2006</b:includable>
2007 <b:includable id='iframe_comments' var='post'>
2008<b:if cond='data:post.featuredImage'>
2009 <div class='snippet-thumbnail'>
2010 <b:include data='{ image: data:post.featuredImage, imageSizes: [32, 64, 128, 256], imageRatio: "1:1", sourceSizes: "(max-width: 800px) 20vw, 128px" }' name='responsiveImage'/>
2011 </div>
2012 </b:if>
2013
2014 <b:if cond='data:post.allowIframeComments'>
2015 <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
2016 <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
2017
2018 <b:if cond='data:post.embedCommentForm == "false"'>
2019 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
2020 </b:if>
2021 </b:if>
2022</b:includable>
2023 <b:includable id='mobile-index-post' var='post'>
2024 <div class='mobile-date-outer date-outer'>
2025 <b:if cond='data:post.dateHeader'>
2026 <div class='date-header'>
2027 <span><data:post.dateHeader/></span>
2028 </div>
2029 </b:if>
2030
2031 <div class='mobile-post-outer'>
2032 <a expr:href='data:post.url'>
2033 <h3 class='mobile-index-title entry-title' itemprop='name'>
2034 <data:post.title/>
2035 </h3>
2036
2037 <div class='mobile-index-arrow'>&rsaquo;</div>
2038
2039 <div class='mobile-index-contents'>
2040 <b:if cond='data:post.thumbnailUrl'>
2041 <div class='mobile-index-thumbnail'>
2042 <div class='Image'>
2043 <img expr:src='data:post.thumbnailUrl'/>
2044 </div>
2045 </div>
2046 </b:if>
2047
2048 <div class='post-body'>
2049 <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
2050 </div>
2051 </div>
2052
2053 <div style='clear: both;'/>
2054 </a>
2055
2056 <div class='mobile-index-comment'>
2057 <b:include cond='data:blog.pageType != "static_page" and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/>
2058 </div>
2059 </div>
2060 </div>
2061</b:includable>
2062 <b:includable id='mobile-main' var='top'>
2063 <!-- posts -->
2064 <div class='blog-posts hfeed'>
2065
2066 <b:include data='top' name='status-message'/>
2067
2068 <b:if cond='data:blog.pageType == "index"'>
2069 <b:loop values='data:posts' var='post'>
2070 <b:include data='post' name='mobile-index-post'/>
2071 </b:loop>
2072 <b:else/>
2073 <b:loop values='data:posts' var='post'>
2074 <b:include data='post' name='mobile-post'/>
2075 </b:loop>
2076 </b:if>
2077 </div>
2078
2079 <b:include name='mobile-nextprev'/>
2080</b:includable>
2081 <b:includable id='mobile-nextprev'>
2082 <div class='blog-pager' id='blog-pager'>
2083 <b:if cond='data:newerPageUrl'>
2084 <div class='mobile-link-button' id='blog-pager-newer-link'>
2085 <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>
2086 </div>
2087 </b:if>
2088
2089 <b:if cond='data:olderPageUrl'>
2090 <div class='mobile-link-button' id='blog-pager-older-link'>
2091 <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>
2092 </div>
2093 </b:if>
2094
2095 <div class='mobile-link-button' id='blog-pager-home-link'>
2096 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
2097 </div>
2098
2099 <div class='mobile-desktop-link'>
2100 <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
2101 </div>
2102
2103 </div>
2104 <div class='clear'/>
2105</b:includable>
2106 <b:includable id='mobile-post' var='post'>
2107 <div class='date-outer'>
2108 <b:if cond='data:post.dateHeader'>
2109 <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
2110 </b:if>
2111 <div class='date-posts'>
2112 <div class='post-outer'>
2113
2114 <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
2115 <b:if cond='data:post.thumbnailUrl'>
2116 <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
2117 </b:if>
2118 <meta expr:content='data:blog.blogId' itemprop='blogId'/>
2119 <meta expr:content='data:post.id' itemprop='postId'/>
2120
2121 <a expr:name='data:post.id'/>
2122 <b:if cond='data:post.title'>
2123 <h3 class='post-title entry-title' itemprop='name'>
2124 <b:if cond='data:post.link'>
2125 <a expr:href='data:post.link'><data:post.title/></a>
2126 <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
2127 <a expr:href='data:post.url'><data:post.title/></a>
2128 <b:else/>
2129 <data:post.title/>
2130 </b:if>
2131 </h3>
2132 </b:if>
2133
2134 <div class='post-header'>
2135 <div class='post-header-line-1'/>
2136 </div>
2137
2138 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
2139 <b:if cond='data:blog.pageType != "item"'>
2140<b:if cond='data:blog.pageType != "static_page"'>
2141 <span class='post-comment-link'><b:if cond='data:blog.pageType != "item"'><b:if cond='data:post.allowComments'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a></b:if></b:if></span>
2142<div expr:id='"summary" + data:post.id'><data:post.body/></div>
2143 <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
2144<span class='readmorebutton' style='float:right'><a expr:href='data:post.url'>Read More »</a></span></b:if></b:if>
2145<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
2146<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
2147 <div style='clear: both;'/> <!-- clear for photos floats -->
2148 </div>
2149
2150 <div class='post-footer'>
2151 <div class='post-footer-line post-footer-line-1'>
2152 <span class='post-author vcard'>
2153 <b:if cond='data:top.showAuthor'>
2154 <b:if cond='data:post.authorProfileUrl'>
2155 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
2156 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
2157 <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
2158 <span itemprop='name'><data:post.author/></span>
2159 </a>
2160 </span>
2161 <b:else/>
2162 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
2163 <span itemprop='name'><data:post.author/></span>
2164 </span>
2165 </b:if>
2166 </b:if>
2167 </span>
2168
2169 <span class='post-timestamp'>
2170 <b:if cond='data:top.showTimestamp'>
2171 <data:top.timestampLabel/>
2172 <b:if cond='data:post.url'>
2173 <meta expr:content='data:post.url.canonical' itemprop='url'/>
2174 <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>
2175 </b:if>
2176 </b:if>
2177 </span>
2178
2179 <span class='post-comment-link'>
2180 <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>
2181 </span>
2182 </div>
2183
2184 <div class='post-footer-line post-footer-line-2'>
2185 <b:if cond='data:top.showMobileShare'>
2186 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
2187 <a href='javascript:void(0);'><data:shareMsg/></a>
2188 </div>
2189 </b:if>
2190 <b:if cond='data:top.showDummy'>
2191 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
2192 </b:if>
2193 </div>
2194
2195 </div>
2196 </div>
2197
2198 <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
2199 </div>
2200 </div>
2201 </div>
2202</b:includable>
2203 <b:includable id='nextprev'>
2204 <div class='blog-pager' id='blog-pager'>
2205 <b:if cond='data:newerPageUrl'>
2206 <span id='blog-pager-newer-link'>
2207 <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><div style='float: right !important;'><img src='https://3.bp.blogspot.com/-cRKupEQ6Vms/WdgbUe_NPaI/AAAAAAAAAa0/J9vuj8WDKi4yvGVbV_7YrUR2wgwgSIT1gCLcBGAs/s1600/-a.png'/></div></a>
2208 </span>
2209 </b:if>
2210
2211 <b:if cond='data:olderPageUrl'>
2212 <span id='blog-pager-older-link'>
2213 <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><img src='https://4.bp.blogspot.com/-mCcaKUIuYtw/WdgbUdQJjoI/AAAAAAAAAa4/Ifybop5RRDUH5PDBLpXlgZzkIwStUTBuQCLcBGAs/s1600/a-.png'/></a>
2214 </span>
2215 </b:if>
2216
2217 <a class='home-link' expr:href='data:blog.homepageUrl'><img src='https://2.bp.blogspot.com/-JfU2J4yELUU/WdgbUcHPcEI/AAAAAAAAAa8/3ylT5xAghPoI8uBZqViJhVqVq-EalptNwCLcBGAs/s1600/star.png'/></a>
2218
2219 <b:if cond='data:mobileLinkUrl'>
2220 <div class='blog-mobile-link'>
2221 <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
2222 </div>
2223 </b:if>
2224
2225 </div>
2226 <div class='clear'/>
2227</b:includable>
2228 <b:includable id='post' var='post'>
2229 <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
2230 <b:if cond='data:post.firstImageUrl'>
2231 <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
2232 </b:if>
2233 <meta expr:content='data:blog.blogId' itemprop='blogId'/>
2234 <meta expr:content='data:post.id' itemprop='postId'/>
2235
2236 <a expr:name='data:post.id'/>
2237<script expr:src='"/feeds/posts/default/" + data:post.id + "?alt=json-in-script&amp;callback=av"'/>
2238 <b:if cond='data:post.title'>
2239 <h3 class='post-title entry-title' itemprop='name'>
2240 <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
2241 <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
2242 <b:else/>
2243 <data:post.title/>
2244 </b:if>
2245 </h3>
2246 </b:if>
2247
2248 <div class='post-header'>
2249 <div class='post-header-line-1'/>
2250 </div>
2251
2252 <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
2253 <div class='post-body entry-content'>
2254<b:if cond='data:blog.pageType != "item"'>
2255<b:if cond='data:blog.pageType != "static_page"'>
2256<div expr:id='"summary" + data:post.id'><data:post.body/></div>
2257<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
2258<span id='showlink'><a expr:href='data:post.url'><img src=''/>
2259</a></span>
2260</b:if></b:if>
2261<b:if cond='data:blog.pageType == "item"'>
2262<data:post.body/></b:if>
2263<b:if cond='data:blog.pageType == "static_page"'><data:post.body/>
2264</b:if>
2265<div style='clear: both;'/> <!-- clear for photos floats -->
2266</div>
2267
2268 <b:if cond='data:post.hasJumpLink'>
2269 <div class='jump-link'>
2270<p align='center'><a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a></p>
2271 </div>
2272 </b:if>
2273
2274 <div class='post-footer'>
2275 <div class='post-footer-line post-footer-line-1'>
2276 <span class='post-author vcard'>
2277 <b:if cond='data:top.showAuthor'>
2278 <data:top.authorLabel/>
2279 <b:if cond='data:post.authorProfileUrl'>
2280 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
2281 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
2282 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
2283 <span itemprop='name'><data:post.author/></span>
2284 </a>
2285 </span>
2286 <b:else/>
2287 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
2288 <span itemprop='name'><data:post.author/></span>
2289 </span>
2290 </b:if>
2291 </b:if>
2292 </span>
2293
2294 <span class='post-timestamp'>
2295 <b:if cond='data:top.showTimestamp'>
2296 <data:top.timestampLabel/>
2297 <b:if cond='data:post.url'>
2298 <meta expr:content='data:post.url.canonical' itemprop='url'/>
2299 <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>
2300 </b:if>
2301 </b:if>
2302 </span>
2303
2304 <span class='reaction-buttons'>
2305 <b:if cond='data:top.showReactions'>
2306 <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
2307 <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
2308 <span class='reactions-label'>
2309 <data:top.reactionsLabel/></span> </td>
2310 <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
2311 </tr></table>
2312 </b:if>
2313 </span>
2314
2315 <span class='post-comment-link'>
2316 <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>
2317 </span>
2318
2319 <!-- backlinks -->
2320 <span class='post-backlinks post-comment-link'>
2321 <b:if cond='data:blog.pageType not in {"item","static_page"} and data:post.showBacklinks'>
2322 <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
2323 </b:if>
2324 </span>
2325
2326 <span class='post-icons'>
2327 <!-- email post links -->
2328 <b:if cond='data:post.emailPostUrl'>
2329 <span class='item-action'>
2330 <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
2331 <img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/>
2332 </a>
2333 </span>
2334 </b:if>
2335
2336 <!-- quickedit pencil -->
2337 <b:include data='post' name='postQuickEdit'/>
2338 </span>
2339
2340 <!-- share buttons -->
2341 <div class='post-share-buttons goog-inline-block'>
2342 <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
2343 </div>
2344
2345 </div>
2346
2347 <div class='post-footer-line post-footer-line-2'>
2348 <span class='post-labels'>
2349 <b:if cond='data:top.showPostLabels and data:post.labels'>
2350 <data:postLabelsLabel/>
2351 <b:loop values='data:post.labels' var='label'>
2352 <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>
2353 </b:loop>
2354 </b:if>
2355 </span>
2356 </div>
2357
2358 <div class='post-footer-line post-footer-line-3'>
2359 <span class='post-location'>
2360 <b:if cond='data:top.showLocation and data:post.location'>
2361 <data:postLocationLabel/>
2362 <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
2363 </b:if>
2364 </span>
2365 </div>
2366 <b:if cond='data:post.authorAboutMe'>
2367 <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
2368 <b:if cond='data:post.authorPhoto.url'>
2369 <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
2370 </b:if>
2371 <div>
2372 <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
2373 <span itemprop='name'><data:post.author/></span>
2374 </a>
2375 </div>
2376 <span itemprop='description'><data:post.authorAboutMe/></span>
2377 </div>
2378 </b:if>
2379 </div>
2380 </div>
2381</b:includable>
2382 <b:includable id='postQuickEdit' var='post'>
2383 <b:if cond='data:post.editUrl'>
2384 <span expr:class='"item-control " + data:post.adminClass'>
2385 <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
2386 <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
2387 </a>
2388 </span>
2389 </b:if>
2390</b:includable>
2391 <b:includable id='shareButtons' var='post'>
2392 <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>
2393</b:includable>
2394 <b:includable id='status-message'>
2395 <b:if cond='data:navMessage'>
2396 <div class='status-msg-wrap'>
2397 <div class='status-msg-body'>
2398 <data:navMessage/>
2399 </div>
2400 <div class='status-msg-border'>
2401 <div class='status-msg-bg'>
2402 <div class='status-msg-hidden'><data:navMessage/></div>
2403 </div>
2404 </div>
2405 </div>
2406 <div style='clear: both;'/>
2407 </b:if>
2408</b:includable>
2409 <b:includable id='threaded-comment-form' var='post'>
2410 <div class='comment-form'>
2411 <a name='comment-form'/>
2412 <b:if cond='data:mobile'>
2413 <p><data:blogCommentMessage/></p>
2414 <data:blogTeamBlogMessage/>
2415 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
2416 <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%'/>
2417 <b:else/>
2418 <p><data:blogCommentMessage/></p>
2419 <data:blogTeamBlogMessage/>
2420 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
2421 <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%'/>
2422 </b:if>
2423 <data:post.cmtfpIframe/>
2424 <script type='text/javascript'>
2425 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
2426 </script>
2427 </div>
2428</b:includable>
2429 <b:includable id='threaded_comment_js' var='post'>
2430 <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
2431
2432 <script type='text/javascript'>
2433 (function() {
2434 var items = <data:post.commentJso/>;
2435 var msgs = <data:post.commentMsgs/>;
2436 var config = <data:post.commentConfig/>;
2437
2438// <![CDATA[
2439 var cursor = null;
2440 if (items && items.length > 0) {
2441 cursor = parseInt(items[items.length - 1].timestamp) + 1;
2442 }
2443
2444 var bodyFromEntry = function(entry) {
2445 var text = (entry &&
2446 ((entry.content && entry.content.$t) ||
2447 (entry.summary && entry.summary.$t))) ||
2448 '';
2449 if (entry && entry.gd$extendedProperty) {
2450 for (var k in entry.gd$extendedProperty) {
2451 if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
2452 return '<span class="deleted-comment">' + text + '</span>';
2453 }
2454 }
2455 }
2456 return text;
2457 }
2458
2459 var parse = function(data) {
2460 cursor = null;
2461 var comments = [];
2462 if (data && data.feed && data.feed.entry) {
2463 for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
2464 var comment = {};
2465 // comment ID, parsed out of the original id format
2466 var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
2467 comment.id = id ? id[2] : null;
2468 comment.body = bodyFromEntry(entry);
2469 comment.timestamp = Date.parse(entry.published.$t) + '';
2470 if (entry.author && entry.author.constructor === Array) {
2471 var auth = entry.author[0];
2472 if (auth) {
2473 comment.author = {
2474 name: (auth.name ? auth.name.$t : undefined),
2475 profileUrl: (auth.uri ? auth.uri.$t : undefined),
2476 avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
2477 };
2478 }
2479 }
2480 if (entry.link) {
2481 if (entry.link[2]) {
2482 comment.link = comment.permalink = entry.link[2].href;
2483 }
2484 if (entry.link[3]) {
2485 var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
2486 if (pid && pid[1]) {
2487 comment.parentId = pid[1];
2488 }
2489 }
2490 }
2491 comment.deleteclass = 'item-control blog-admin';
2492 if (entry.gd$extendedProperty) {
2493 for (var k in entry.gd$extendedProperty) {
2494 if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
2495 comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
2496 } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
2497 comment.displayTime = entry.gd$extendedProperty[k].value;
2498 }
2499 }
2500 }
2501 comments.push(comment);
2502 }
2503 }
2504 return comments;
2505 };
2506
2507 var paginator = function(callback) {
2508 if (hasMore()) {
2509 var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
2510 if (cursor) {
2511 url += '&published-min=' + new Date(cursor).toISOString();
2512 }
2513 window.bloggercomments = function(data) {
2514 var parsed = parse(data);
2515 cursor = parsed.length < 50 ? null
2516 : parseInt(parsed[parsed.length - 1].timestamp) + 1
2517 callback(parsed);
2518 window.bloggercomments = null;
2519 }
2520 url += '&callback=bloggercomments';
2521 var script = document.createElement('script');
2522 script.type = 'text/javascript';
2523 script.src = url;
2524 document.getElementsByTagName('head')[0].appendChild(script);
2525 }
2526 };
2527 var hasMore = function() {
2528 return !!cursor;
2529 };
2530 var getMeta = function(key, comment) {
2531 if ('iswriter' == key) {
2532 var matches = !!comment.author
2533 && comment.author.name == config.authorName
2534 && comment.author.profileUrl == config.authorUrl;
2535 return matches ? 'true' : '';
2536 } else if ('deletelink' == key) {
2537 return config.baseUri + '/delete-comment.g?blogID='
2538 + config.blogId + '&postID=' + comment.id;
2539 } else if ('deleteclass' == key) {
2540 return comment.deleteclass;
2541 }
2542 return '';
2543 };
2544
2545 var replybox = null;
2546 var replyUrlParts = null;
2547 var replyParent = undefined;
2548
2549 var onReply = function(commentId, domId) {
2550 if (replybox == null) {
2551 // lazily cache replybox, and adjust to suit this style:
2552 replybox = document.getElementById('comment-editor');
2553 if (replybox != null) {
2554 replybox.height = '250px';
2555 replybox.style.display = 'block';
2556 replyUrlParts = replybox.src.split('#');
2557 }
2558 }
2559 if (replybox && (commentId !== replyParent)) {
2560 replybox.src = '';
2561 document.getElementById(domId).insertBefore(replybox, null);
2562 replybox.src = replyUrlParts[0]
2563 + (commentId ? '&parentID=' + commentId : '')
2564 + '#' + replyUrlParts[1];
2565 replyParent = commentId;
2566 }
2567 };
2568
2569 var hash = (window.location.hash || '#').substring(1);
2570 var startThread, targetComment;
2571 if (/^comment-form_/.test(hash)) {
2572 startThread = hash.substring('comment-form_'.length);
2573 } else if (/^c[0-9]+$/.test(hash)) {
2574 targetComment = hash.substring(1);
2575 }
2576
2577 // Configure commenting API:
2578 var configJso = {
2579 'maxDepth': config.maxThreadDepth
2580 };
2581 var provider = {
2582 'id': config.postId,
2583 'data': items,
2584 'loadNext': paginator,
2585 'hasMore': hasMore,
2586 'getMeta': getMeta,
2587 'onReply': onReply,
2588 'rendered': true,
2589 'initComment': targetComment,
2590 'initReplyThread': startThread,
2591 'config': configJso,
2592 'messages': msgs
2593 };
2594
2595 var render = function() {
2596 if (window.goog && window.goog.comments) {
2597 var holder = document.getElementById('comment-holder');
2598 window.goog.comments.render(holder, provider);
2599 }
2600 };
2601
2602 // render now, or queue to render when library loads:
2603 if (window.goog && window.goog.comments) {
2604 render();
2605 } else {
2606 window.goog = window.goog || {};
2607 window.goog.comments = window.goog.comments || {};
2608 window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
2609 window.goog.comments.loadQueue.push(render);
2610 }
2611 })();
2612// ]]>
2613 </script>
2614</b:includable>
2615 <b:includable id='threaded_comments' var='post'>
2616 <div class='comments' id='comments'>
2617 <a name='comments'/>
2618 <h4><data:post.commentLabelFull/>:</h4>
2619
2620 <div class='comments-content'>
2621 <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
2622 <div id='comment-holder'>
2623 <data:post.commentHtml/>
2624 </div>
2625 </div>
2626
2627 <p class='comment-footer'>
2628 <b:if cond='data:post.allowNewComments'>
2629 <b:include data='post' name='threaded-comment-form'/>
2630 <b:else/>
2631 <data:post.noNewCommentsText/>
2632 </b:if>
2633 </p>
2634
2635 <b:if cond='data:showCmtPopup'>
2636 <div id='comment-popup'>
2637 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
2638 </iframe>
2639 </div>
2640 </b:if>
2641
2642 <div id='backlinks-container'>
2643 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
2644 <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
2645 </div>
2646 </div>
2647 </div>
2648</b:includable>
2649 </b:widget>
2650 </b:section>
2651 </div>
2652 </div>
2653
2654 <div class='column-left-outer'>
2655 <div class='column-left-inner'>
2656 <aside>
2657 <macro:include id='main-column-left-sections' name='sections'>
2658 <macro:param default='0' name='num' value='0'/>
2659 <macro:param default='sidebar-left' name='idPrefix'/>
2660 <macro:param default='sidebar' name='class'/>
2661 <macro:param default='true' name='includeBottom'/>
2662 </macro:include>
2663 </aside>
2664 </div>
2665 </div>
2666
2667 <div class='column-right-outer'>
2668 <div class='column-right-inner'>
2669 <aside>
2670 <macro:include id='main-column-right-sections' name='sections'>
2671 <macro:param default='2' name='num' value='1'/>
2672 <macro:param default='sidebar-right' name='idPrefix'/>
2673 <macro:param default='sidebar' name='class'/>
2674 <macro:param default='true' name='includeBottom'/>
2675 </macro:include>
2676 </aside>
2677 </div>
2678 </div>
2679
2680 </div>
2681
2682 <div style='clear: both'/>
2683 <!-- columns -->
2684 </div>
2685
2686 <!-- main -->
2687 </div>
2688 </div>
2689 <div class='main-cap-bottom cap-bottom'>
2690 <div class='cap-left'/>
2691 <div class='cap-right'/>
2692 </div>
2693 </div>
2694
2695 <footer>
2696 <div class='footer-outer'>
2697 <div class='footer-cap-top cap-top'>
2698 <div class='cap-left'/>
2699 <div class='cap-right'/>
2700 </div>
2701 <div class='fauxborder-left footer-fauxborder-left'>
2702 <div class='fauxborder-right footer-fauxborder-right'/>
2703 <div class='region-inner footer-inner'>
2704 <macro:include id='footer-sections' name='sections'>
2705 <macro:param default='2' name='num'/>
2706 <macro:param default='footer' name='idPrefix'/>
2707 <macro:param default='foot' name='class'/>
2708 <macro:param default='false' name='includeBottom'/>
2709 </macro:include>
2710 <!-- outside of the include in order to lock Attribution widget -->
2711 <b:section class='foot' id='footer-3' name='Footer' showaddelement='no'/>
2712 </div>
2713 </div>
2714 <div class='footer-cap-bottom cap-bottom'>
2715 <div class='cap-left'/>
2716 <div class='cap-right'/>
2717 </div>
2718 </div>
2719 </footer>
2720
2721 <!-- content -->
2722 </div>
2723 </div>
2724 <div class='content-cap-bottom cap-bottom'>
2725 <div class='cap-left'/>
2726 <div class='cap-right'/>
2727 </div>
2728 </div>
2729 </div>
2730
2731 <script type='text/javascript'>
2732 window.setTimeout(function() {
2733 document.body.className = document.body.className.replace('loading', '');
2734 }, 10);
2735 </script>
2736<div id='kfjf'><a class='classe1' href='https://goo.gl/ZkWTn2'> <i class='tiny material-icons'>copyright</i>
2737</a></div>
2738</body>
2739
2740<macro:includable id='sections' var='col'>
2741 <macro:if cond='data:col.num == 0'>
2742 <macro:else/>
2743 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-1"' preferred='yes' showaddelement='yes'/>
2744
2745 <macro:if cond='data:col.num >= 2'>
2746 <table border='0' cellpadding='0' cellspacing='0' mexpr:class='"section-columns columns-" + data:col.num'>
2747 <tbody>
2748 <tr>
2749 <td class='first columns-cell'>
2750 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/>
2751 </td>
2752
2753 <td class='columns-cell'>
2754 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/>
2755 </td>
2756
2757 <macro:if cond='data:col.num >= 3'>
2758 <td class='columns-cell'>
2759 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/>
2760 </td>
2761 </macro:if>
2762
2763 <macro:if cond='data:col.num >= 4'>
2764 <td class='columns-cell'>
2765 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-4"'/>
2766 </td>
2767 </macro:if>
2768 </tr>
2769 </tbody>
2770 </table>
2771
2772 <macro:if cond='data:col.includeBottom'>
2773 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/>
2774 </macro:if>
2775 </macro:if>
2776 </macro:if>
2777</macro:includable>
2778
2779<b:section-contents id='sidebar-right-1'>
2780 <b:widget id='HTML1' locked='false' title='' type='HTML'>
2781 <b:widget-settings>
2782 <b:widget-setting name='content'><![CDATA[<div style="margin-left: -15px; position: fixed;"><img src="https://1.bp.blogspot.com/-o1V3BT-QStw/Xo5btMQr77I/AAAAAAAAA40/iYrCVF0dsCEQ6iCL3hopEpoOU_k78iipgCLcBGAsYHQ/s1600/kb.png" /></div>]]></b:widget-setting>
2783 </b:widget-settings>
2784 <b:includable id='main'>
2785 <!-- only display title if it's non-empty -->
2786 <b:if cond='data:title != ""'>
2787 <h2 class='title'><data:title/></h2>
2788 </b:if>
2789 <div class='widget-content'>
2790 <data:content/>
2791 </div>
2792
2793 <b:include name='quickedit'/>
2794</b:includable>
2795 </b:widget>
2796 <b:widget id='HTML5' locked='false' title='' type='HTML'>
2797 <b:widget-settings>
2798 <b:widget-setting name='content'><div style="position: absolute; margin-top: 480px; left: 90px;">
2799<div id="zooming" class="zoomingout"><img src="https://66.media.tumblr.com/0beea69ec35fd8e58e222ef0f0f236ea/tumblr_p814f6gcBv1wctgsho1_250.jpg" class="image4" />
2800<div id="palavras"><a href="class="image4"></a></div>
2801
2802<div style="position: fixed;z-index: 2; margin-top: -110px; margin-left:100px;width: 200px;background:#fff; border: solid #ccc 1px; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px;text-align: justify;
2803font-family: calibri; font-style:normal;font-size: 13px;color: #000;letter-spacing: 0px;">Olá, sou matthew! Seja bem vindx ao meu blog. Escreva um pouco sobre este blog aqui♥♥</div>
2804
2805</div></div></b:widget-setting>
2806 </b:widget-settings>
2807 <b:includable id='main'>
2808 <!-- only display title if it's non-empty -->
2809 <b:if cond='data:title != ""'>
2810 <h2 class='title'><data:title/></h2>
2811 </b:if>
2812 <div class='widget-content'>
2813 <data:content/>
2814 </div>
2815
2816 <b:include name='quickedit'/>
2817</b:includable>
2818 </b:widget>
2819</b:section-contents><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'>
2820 <b:widget id='HTML2' locked='false' title='' type='HTML'>
2821 <b:widget-settings>
2822 <b:widget-setting name='content'><script
2823language='javascript'>var txt="Blog da Babi ::::: ";var
2824veloc=300;var refr=null;function
2825rotulo_title(){document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0);refr=setTimeout("rotulo_title()",veloc);}rotulo_title();</script
2826language='javascript'></b:widget-setting>
2827 </b:widget-settings>
2828 <b:includable id='main'>
2829 <!-- only display title if it's non-empty -->
2830 <b:if cond='data:title != ""'>
2831 <h2 class='title'><data:title/></h2>
2832 </b:if>
2833 <div class='widget-content'>
2834 <data:content/>
2835 </div>
2836
2837 <b:include name='quickedit'/>
2838</b:includable>
2839 </b:widget>
2840</b:section-contents><b:section-contents id='footer-2-2'>
2841 <b:widget id='HTML3' locked='false' title='' type='HTML'>
2842 <b:widget-settings>
2843 <b:widget-setting name='content'><script type='text/javascript'>
2844// <![CDATA[
2845var colour="#B03060";
2846var sparkles=50;
2847var x=ox=400;
2848var y=oy=300;
2849var swide=800;
2850var shigh=600;
2851var sleft=sdown=0;
2852var tiny=new Array();
2853var star=new Array();
2854var starv=new Array();
2855var starx=new Array();
2856var stary=new Array();
2857var tinyx=new Array();
2858var tinyy=new Array();
2859var tinyv=new Array();
2860window.onload=function() { if (document.getElementById) {
2861 var i, rats, rlef, rdow;
2862 for (var i=0; i<sparkles; i++) {
2863 var rats=createDiv(3, 3);
2864 rats.style.visibility="hidden";
2865 document.body.appendChild(tiny[i]=rats);
2866 starv[i]=0;
2867 tinyv[i]=0;
2868 var rats=createDiv(5, 5);
2869 rats.style.backgroundColor="transparent";
2870 rats.style.visibility="hidden";
2871 var rlef=createDiv(1, 5);
2872 var rdow=createDiv(5, 1);
2873 rats.appendChild(rlef);
2874 rats.appendChild(rdow);
2875 rlef.style.top="2px";
2876 rlef.style.left="0px";
2877 rdow.style.top="0px";
2878 rdow.style.left="2px";
2879 document.body.appendChild(star[i]=rats);
2880 }
2881 set_width();
2882 sparkle();
2883}}
2884function sparkle() {
2885 var c;
2886 if (x!=ox || y!=oy) {
2887 ox=x;
2888 oy=y;
2889 for (c=0; c<sparkles; c++) if (!starv[c]) {
2890 star[c].style.left=(starx[c]=x)+"px";
2891 star[c].style.top=(stary[c]=y)+"px";
2892 star[c].style.clip="rect(0px, 5px, 5px, 0px)";
2893 star[c].style.visibility="visible";
2894 starv[c]=50;
2895 break;
2896 }
2897 }
2898 for (c=0; c<sparkles; c++) {
2899 if (starv[c]) update_star(c);
2900 if (tinyv[c]) update_tiny(c);
2901 }
2902 setTimeout("sparkle()", 40);
2903}
2904function update_star(i) {
2905 if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
2906 if (starv[i]) {
2907 stary[i]+=1+Math.random()*3;
2908 if (stary[i]<shigh+sdown) {
2909 star[i].style.top=stary[i]+"px";
2910 starx[i]+=(i%5-2)/5;
2911 star[i].style.left=starx[i]+"px";
2912 }
2913 else {
2914 star[i].style.visibility="hidden";
2915 starv[i]=0;
2916 return;
2917 }
2918 }
2919 else {
2920 tinyv[i]=50;
2921 tiny[i].style.top=(tinyy[i]=stary[i])+"px";
2922 tiny[i].style.left=(tinyx[i]=starx[i])+"px";
2923 tiny[i].style.width="2px";
2924 tiny[i].style.height="2px";
2925 star[i].style.visibility="hidden";
2926 tiny[i].style.visibility="visible"
2927 }
2928}
2929function update_tiny(i) {
2930 if (--tinyv[i]==25) {
2931 tiny[i].style.width="1px";
2932 tiny[i].style.height="1px";
2933 }
2934 if (tinyv[i]) {
2935 tinyy[i]+=1+Math.random()*3;
2936 if (tinyy[i]<shigh+sdown) {
2937 tiny[i].style.top=tinyy[i]+"px";
2938 tinyx[i]+=(i%5-2)/5;
2939 tiny[i].style.left=tinyx[i]+"px";
2940 }
2941 else {
2942 tiny[i].style.visibility="hidden";
2943 tinyv[i]=0;
2944 return;
2945 }
2946 }
2947 else tiny[i].style.visibility="hidden";
2948}
2949document.onmousemove=mouse;
2950function mouse(e) {
2951 set_scroll();
2952 y=(e)?e.pageY:event.y+sdown;
2953 x=(e)?e.pageX:event.x+sleft;
2954}
2955function set_scroll() {
2956 if (typeof(self.pageYOffset)=="number") {
2957 sdown=self.pageYOffset;
2958 sleft=self.pageXOffset;
2959 }
2960 else if (document.body.scrollTop || document.body.scrollLeft) {
2961 sdown=document.body.scrollTop;
2962 sleft=document.body.scrollLeft;
2963 }
2964 else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
2965 sleft=document.documentElement.scrollLeft;
2966 sdown=document.documentElement.scrollTop;
2967 }
2968 else {
2969 sdown=0;
2970 sleft=0;
2971 }
2972}
2973window.onresize=set_width;
2974function set_width() {
2975 if (typeof(self.innerWidth)=="number") {
2976 swide=self.innerWidth;
2977 shigh=self.innerHeight;
2978 }
2979 else if (document.documentElement && document.documentElement.clientWidth) {
2980 swide=document.documentElement.clientWidth;
2981 shigh=document.documentElement.clientHeight;
2982 }
2983 else if (document.body.clientWidth) {
2984 swide=document.body.clientWidth;
2985 shigh=document.body.clientHeight;
2986 }
2987}
2988function createDiv(height, width) {
2989 var div=document.createElement("div");
2990 div.style.position="absolute";
2991 div.style.height=height+"px";
2992 div.style.width=width+"px";
2993 div.style.overflow="hidden";
2994 div.style.backgroundColor=colour;
2995 return (div);
2996}
2997// ]]>
2998</script></b:widget-setting>
2999 </b:widget-settings>
3000 <b:includable id='main'>
3001 <!-- only display title if it's non-empty -->
3002 <b:if cond='data:title != ""'>
3003 <h2 class='title'><data:title/></h2>
3004 </b:if>
3005 <div class='widget-content'>
3006 <data:content/>
3007 </div>
3008
3009 <b:include name='quickedit'/>
3010</b:includable>
3011 </b:widget>
3012</b:section-contents></html>