· 6 years ago · Apr 11, 2020, 07:32 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://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'/>
6 <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
7<style type='text/css'>
8.status-msg-wrap{display:none;}
9.status-msg-body{display:none;}
10.status-msg-border{display:none;}
11.status-msg-bg{display:none;}
12.status-msg-hidden{display:none;}
13</style>
14<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
15 <link href='https://fonts.googleapis.com/css?family=PT+Mono' rel='stylesheet'/>
16 <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'/>
17 <b:include data='blog' name='all-head-content'/>
18 <title><data:blog.pageTitle/></title>
19
20 <b:skin><![CDATA[/*
21-----------------------------------------------
22N Ã O • R E T I R E • O S • C R É T I D O S ♥
23
24n o m e: Universe & Music
25p o r: Nigohyu~
26b l o g: http://sos-hyu.blogspot.com.br/
27
28O B R I G A D A • P O R • U S A R ^^
29----------------------------------------------- */
30
31/* Variable definitions
32 ====================
33 <Variable name="keycolor" description="Main Color" type="color" default="#539bcd" value="#cfd9f6"/>
34
35 <Group description="Page Text" selector="body">
36 <Variable name="body.font" description="Font" type="font"
37 default="normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif"/>
38 <Variable name="body.text.color" description="Text Color" type="color" default="#bbbbbb" value="#666666"/>
39 </Group>
40
41 <Group description="Backgrounds" selector=".body-fauxcolumns-outer">
42 <Variable name="body.background.color" description="Outer Background" type="color" default="#539bcd" value="#cfd9f6"/>
43 <Variable name="content.background.color" description="Main Background" type="color" default="transparent" value="#ffffff"/>
44 </Group>
45
46 <Group description="Links" selector=".main-outer">
47 <Variable name="link.color" description="Link Color" type="color" default="#ff9900" value="#538cd6"/>
48 <Variable name="link.visited.color" description="Visited Color" type="color" default="#b87209" value="#436590"/>
49 <Variable name="link.hover.color" description="Hover Color" type="color" default="#ff9900" value="#ff9900"/>
50 </Group>
51
52 <Group description="Blog Title" selector=".header h1">
53 <Variable name="header.font" description="Font" type="font"
54 default="normal normal 60px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 0px 'Trebuchet MS',Trebuchet,sans-serif"/>
55 <Variable name="header.text.color" description="Text Color" type="color" default="#ffffff" value="#000000"/>
56 </Group>
57
58 <Group description="Blog Description" selector=".header .description">
59 <Variable name="description.text.color" description="Description Color" type="color"
60 default="$(body.text.color)" value="#666666"/>
61 </Group>
62
63 <Group description="Tabs Text" selector=".tabs-inner .widget li a">
64 <Variable name="tabs.font" description="Font" type="font"
65 default="normal bold 16px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 16px 'Trebuchet MS',Trebuchet,sans-serif"/>
66 <Variable name="tabs.text.color" description="Text Color" type="color" default="#ffffff" value="#ffffff"/>
67 <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#ffffff" value="#ffffff"/>
68 </Group>
69
70 <Group description="Tabs Background" selector=".tabs-outer .PageList">
71 <Variable name="tabs.background.color" description="Background Color" type="color" default="transparent" value="#000000"/>
72 <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="transparent" value="#333333"/>
73 </Group>
74
75 <Group description="Date Header" selector=".main-inner h2.date-header">
76 <Variable name="date.font" description="Font" type="font"
77 default="normal normal 14px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 14px 'Trebuchet MS',Trebuchet,sans-serif"/>
78 <Variable name="date.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#666666"/>
79 </Group>
80
81 <Group description="Post Title" selector="h3.post-title a">
82 <Variable name="post.title.font" description="Font" type="font"
83 default="normal bold 20px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 20px 'Trebuchet MS',Trebuchet,sans-serif"/>
84 <Variable name="post.title.text.color" description="Text Color" type="color"
85 default="#ffffff" value="#000000"/>
86 </Group>
87
88 <Group description="Post Background" selector=".column-center-inner">
89 <Variable name="post.background.color" description="Background Color" type="color"
90 default="transparent" value="transparent"/>
91 <Variable name="post.background.url" description="Post Background URL" type="url" default="none" value="none"/>
92 </Group>
93
94 <Group description="Gadget Title Color" selector="h2">
95 <Variable name="widget.title.font" description="Font" type="font"
96 default="normal bold 14px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 14px 'Trebuchet MS',Trebuchet,sans-serif"/>
97 <Variable name="widget.title.text.color" description="Title Color" type="color" default="#ffffff" value="#000000"/>
98 </Group>
99
100 <Group description="Gadget Text" selector=".footer-inner .widget, .sidebar .widget">
101 <Variable name="widget.font" description="Font" type="font"
102 default="$(body.font)" value="normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif"/>
103 <Variable name="widget.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#666666"/>
104 </Group>
105
106 <Group description="Gadget Links" selector=".sidebar .widget">
107 <Variable name="widget.link.color" description="Link Color" type="color" default="$(body.text.color)" value="#666666"/>
108 <Variable name="widget.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="#436590"/>
109 <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#ffffff" value="#000000"/>
110 </Group>
111
112 <Group description="Sidebar Background" selector=".column-left-inner .column-right-inner">
113 <Variable name="widget.outer.background.color" description="Background Color" type="color" default="transparent" value="rgba(0, 0, 0, 0)"/>
114 <Variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="transparent" value="rgba(0, 0, 0, 0)"/>
115 </Group>
116
117 <Variable name="body.background" description="Body Background" type="background"
118 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"/>
119 <Variable name="content.background" description="Content Background" type="background"
120 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"/>
121 <Variable name="comments.background" description="Comments Background" type="background"
122 default="#cccccc none repeat scroll top center" value="#cccccc none repeat scroll top center"/>
123
124 <Variable name="content.imageBorder.top.space" description="Content Image Border Top Space" type="length" default="0" min="0" max="100px" value="5px"/>
125 <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)"/>
126
127 <Variable name="content.margin" description="Content Margin Top" type="length" default="20px" min="0" max="100px" value="20px"/>
128 <Variable name="content.padding" description="Content Padding" type="length" default="20px" min="0" max="100px" value="20px"/>
129 <Variable name="content.posts.padding" description="Posts Content Padding" type="length" default="10px" min="0" max="100px" value="10px"/>
130
131 <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
132 default="url(https://resources.blogblog.com/blogblog/data/1kt/travel/bg_black_50.png)" value="none"/>
133 <Variable name="tabs.selected.background.gradient" description="Tabs Selected Background Gradient" type="url"
134 default="url(https://resources.blogblog.com/blogblog/data/1kt/travel/bg_black_50.png)" value="none"/>
135 <Variable name="widget.outer.background.gradient" description="Sidebar Gradient" type="url"
136 default="url(https://resources.blogblog.com/blogblog/data/1kt/travel/bg_black_50.png)" value="none"/>
137 <Variable name="footer.background.gradient" description="Footer Background Gradient" type="url" default="none" value="none"/>
138 <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
139 default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
140 <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff" value="#ffffff"/>
141 <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left"/>
142 <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right"/>
143*/
144
145/* Content
146----------------------------------------------- */
147body {
148 float: left;
149 margin-left: 50px;
150 font: $(body.font);
151 color: $(body.text.color);
152 background-size:cover;
153 background-attachment: fixed;
154 background: url('https://i.imgur.com/IbJQe4a.png') !important;
155
156}
157
158html body .region-inner {
159 min-width: 0;
160 max-width: 100%;
161 width: auto;
162
163}
164
165a:link {
166 color: #f19c49;
167font-style: italic;
168text-shadow: 1px 1px 1px #f8d77f;
169text-decoration: none;
170-webkit-transition-duration: .60s;
171}
172
173a:visited {
174 color: #f19c49;
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 {
235 margin: 1em 0 0;
236 padding: 0;
237}
238
239.tabs-inner .section {
240 margin: 0;
241}
242
243.tabs-inner .widget ul {
244 padding: 0;
245 background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;
246}
247
248.tabs-inner .widget li {
249 border: none;
250}
251
252.tabs-inner .widget li a {
253 display: inline-block;
254 padding: 1em 1.5em;
255 color: $(tabs.text.color);
256 font: $(tabs.font);
257}
258
259.tabs-inner .widget li.selected a,
260.tabs-inner .widget li a:hover {
261 position: relative;
262 z-index: 1;
263 background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
264 color: $(tabs.selected.text.color);
265
266}
267/* Headings
268----------------------------------------------- */
269h2 {
270 font: $(widget.title.font);
271 color: $(widget.title.text.color);
272}
273
274.main-inner h2.date-header {
275float: center;
276margin-bottom: 0px;
277height:25px;
278background-image: url('https://i.imgur.com/YN33yG9.png');
279overflow:hidden;
280font-size:11px !important;
281color: #eee !important;
282font-family: 'PT Mono', monospace !important;
283font-style: italic !important;
284text-align:center;
285padding: 8px 2px 0px 2px;
286}
287.main-inner h2.date-header:hover {
288}
289
290.footer-inner .widget h2,
291.sidebar .widget h2 {
292 padding-bottom: .5em;
293}
294
295/* Main
296----------------------------------------------- */
297
298.main-inner {
299 padding: $(content.padding) 0;
300}
301
302.main-inner .column-center-inner {
303 margin-left:-70px;
304 padding-left: 40px;
305 padding-top: 40px;
306 padding-right: 40px;
307}
308
309.main-inner .column-center-inner .section {
310 margin: 0 $(content.posts.padding);
311}
312
313.main-inner .column-right-inner {
314margin-left: 15px;
315margin-top: -40px;
316background: #fff8ce;
317border-left: solid 8px #ffe971;
318z-index: 99999;
319position: fixed;
320height: 100%;
321width: 100%;
322}
323
324.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
325 margin-left: $(content.padding);
326 background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
327}
328
329.main-inner .column-left-inner {
330 margin-right: $(content.padding);
331}
332
333.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
334 margin-right: $(content.padding);
335 background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
336}
337
338.main-inner .column-left-inner,
339.main-inner .column-right-inner {
340 padding: 15px 0;
341}
342
343/* Posts
344----------------------------------------------- */
345h3.post-title {
346 webkit-border-top-left-radius: 80px;
347 -moz-border-radius-topleft: 80px;
348 border-top-left-radius: 80px;
349 background: #f8d77f;
350 font-size: 15px;
351 font-weight: 400;
352 color: #9b791d;
353 text-shadow: 1px 1px 1px #fff;
354 font-family: 'PT Mono', monospace;
355 padding: 10px;
356 text-align: center;
357 margin-top: 5px;
358 border-bottom: solid 4px #f1c349;
359 -webkit-transition-duration: .20s;
360}
361
362
363h3.post-title a {
364 webkit-border-top-left-radius: 80px;
365 -moz-border-radius-topleft: 80px;
366 border-top-left-radius: 80px;
367 text-align: center;
368 font-size: 15px;
369 font-weight: 400;
370 color: #9b791d;
371 text-shadow: 1px 1px 1px #fff;
372 font-family: 'PT Mono', monospace;
373 -webkit-transition-duration: .20s;
374}
375
376h3.post-title a:hover {
377 background: none;
378 webkit-border-top-left-radius: 80px;
379 -moz-border-radius-topleft: 80px;
380 border-top-left-radius: 80px;
381 color: #fff;
382 text-shadow: 1px 1px 1px #9b791d;
383 text-decoration: none;
384 -webkit-transition-duration: .20s;
385}
386
387.main-inner .column-center-outer {
388 }
389
390.post-body {
391 line-height: 1.7;
392 position: relative;
393}
394
395.post img {
396 background: #ffffff;
397 padding:4px;
398 margin-bottom: -5px !important;
399 -webkit-transition-duration: .60s;
400 border:2px dashed #e5e1ee;
401}
402
403.tr-caption {
404background: #fff5b8;
405outline-offset: -2px;
406font-weight:bold;
407margin-bottom: -8px !important;
408outline: 1px solid #ffe971;
409position: relative;
410top: 10px;
411padding: 6px;
412font-family: georgia;
413font-size: 9px!important;
414color: #f1c349;
415text-shadow: 1px 1px 0px #fff;
416text-align: center;
417-webkit-transition-duration: .60s;
418-moz-transition-duration: .60s;
419-o-transition-duration: .60s;
420transition-duration: .60s;
421}
422.tr-caption:hover {
423color: #fff;
424background: #e5e1ee;
425text-shadow: 1px 1px 1px #c9bfdf;
426letter-spacing: 1px;
427outline-offset: -2px;
428outline: 1px solid #c9bfdf;
429-webkit-transition-duration: .60s;
430-moz-transition-duration: .60s;
431-o-transition-duration: .60s;
432transition-duration: .60s;
433}
434.post-outer {
435background: #ffffff;
436padding-top: 5px;
437padding-bottom: 5px;
438padding-left:7px;
439box-shadow: 5px 5px 0px #85aac6;
440padding-right:8px;
441margin-top: 5px;
442margin-bottom:60px;
443margin-left: 4px;
444margin-right: -15px;
445-webkit-border-top-left-radius: 80px;
446-webkit-border-bottom-left-radius: 80px;
447-moz-border-radius-topleft: 80px;
448-moz-border-radius-bottomleft: 80px;
449border-top-left-radius: 80px;
450border-bottom-left-radius: 80px;
451}
452.post {
453 font-family: "lato"
454 font-size:15px;
455 padding: 10px;
456 margin-left: 10px !important;
457}
458
459
460.post blockquote {
461 margin:-25px 0px -9px 0px;
462 padding:20px 20px 20px 60px;
463 outline: 1px solid #bfd9ed;
464 outline-offset: 5px;
465 background-color:#bfd9ed;
466 background-image:url(https://i.imgur.com/dc539dA.png);
467 background-repeat:repeat-y;
468 background-position:-9px -5px;
469 border-top: 1px solid #d5dbe2;
470 text-shadow: 1px 1px 1px #85aac6;
471 border-left: 1px solid #d5dbe2;
472 border-right: 1px solid #d5dbe2;
473 border-bottom: 1px solid #fff;
474 color:#fff;
475 }
476.post blockquote p {
477 margin-top: -10px;
478}
479.post-header {
480 margin: 0 0 1em;
481 line-height: 1.7;
482}
483
484.post-footer {
485 margin: .5em 0;
486 line-height: 1.0;
487}
488.jump-link a{
489float: right;
490padding: 10px;
491text-align: center;
492margin-top: -5px;
493margin-right: -25px;
494font-family: georgia;
495color: #9b791d;
496font-size: 12px;
497-webkit-border-radius: 50px;
498-moz-border-radius: 50px;
499border-radius: 50px;
500box-shadow: 3px 3px 0px #f1c349;
501background-color: #f8d77f;
502-moz-transition: all 0.8s ease-out;
503-moz-webkit-transition-duration: .50s;
504-webkit-transition-duration: .500s;
505
506}
507.jump-link a:hover {
508-webkit-animation: smallToBig 300ms alternate infinite ease;
509-moz-animation: smallToBig 300ms alternate infinite ease;
510}
511
512
513.avatar-author {
514float: right;
515width: 40px;
516margin-top: 5px !important;
517margin-right: -54px !important;
518height: 40px;
519box-shadow: 4px 4px 0px #85aac6;
520border: solid 4px #f8d77f !important;
521}
522b {
523color: #8dc5eb;
524text-shadow: 1px 1px 1px #ffffff;
525border-radius: 2px;
526-webkit-transition-duration: .60s;
527}
528b:hover {
529color: #f8d77f;
530text-shadow: 1px 1px 1px #ffffff;
531-webkit-transition-duration: .60s;
532}
533i {
534border-radius: 2px;
535color: #dd9fd9;
536text-shadow: 1px 1px 1px #ffffff;
537text-decoration: none;
538-webkit-transition-duration: .60s;
539}
540i:hover {
541color: #8dc5eb;
542text-shadow: 1px 1px 1px #ffffff;
543border-radius: 2px;
544text-decoration: none;
545-webkit-transition-duration: .60s;
546}
547u {
548color: #8dc5eb;
549text-shadow: 1px 1px 1px #bce5f7;
550border-bottom: 1px dashed #8dc5eb;
551-webkit-transition-duration: .60s;
552}
553u:hover {
554color: #f8d77f;
555text-shadow: 1px 1px 1px #f8d77f;
556text-decoration: none;
557border-bottom: 1px double #fa758c;
558-webkit-transition-duration: .60s;
559}
560strike {
561color: #dd9fd9;
562text-shadow: 1px 1px 1px #fcbdca;
563text-decoration: strike;
564-webkit-transition-duration: .60s;
565}
566strike:hover {
567color: #8dc5eb;
568text-shadow: 1px 1px 1px #bce5f7;
569text-decoration: strike;
570-webkit-transition-duration: .60s;
571}
572
573::-moz-selection {
574background: #e5e1ee;
575color: #fae9e8;
576text-shadow: 1px 1px 1px #d5cfe3;
577}
578::selection {
579background: #e5e1ee;
580color: #fae9e8;
581text-shadow: 1px 1px 1px #d5cfe3;
582}
583
584#blog-pager {
585 font-size: 140%;
586}
587
588#comments h4 {
589margin-top: -5px;
590font-weight: bold;
591line-height: 1.4em; text-transform:uppercase;
592letter-spacing: 1px;
593color: #c8a355; text-align:center;font-family:'Baumans', cursive; font-size:12px; background:; padding: 2px
594}
595#comments{clear:both;float:center;
596-webkit-border-bottom-left-radius: 80px;
597-moz-border-radius-bottomleft: 80px;
598border-bottom-left-radius: 80px;
599padding-left:20px; font-family:calibri; background: #f9f2b6; width: 615px; margin-top:10px; color:#767676; font-sizer: 25px;
600border: 5px solid #f9dc9f;
601}
602.comments .comments-content .datetime a{
603font-family:calibri; font-size:15px;text-decoration:none; color: #fff;
604 float: right; padding-bottom: 5px; }
605
606.avatar-image-container{
607float:leftvertical-align:middle;
608overflow:hidden;
609box-shadow: 5px 5px 0 #eec97c;
610 -webkit-box-shadow: 5px 5px 0 #eec97c;
611 -moz-box-shadow: 5px 5px 0 #eec97c;
612border:solid 5px #f9dc9f;
613
614}
615cite.user{color:#000; background: ; text-align:center;text-transform:uppercase;font-size:14px; padding: 8px;
616 text-decoration:none;
617 font-family:calibri;
618 position:relative;
619 margin-left:-5px;
620font-weight: normal;
621}
622cite.user a{color: #fff; text-shadow: 1px 1px 0 #e9afc6;
623font-size:15px;}
624.comments .comments-content .icon.blog-author { background-repeat: no-repeat;
625background-image: url(https://1.bp.blogspot.com/-xdYKLGzcKzg/WVweI8DoqDI/AAAAAAAAASc/1WZm7LxIh28vpWLkwkkbyMaIWX8qwiXsQCLcBGAs/s1600/ioo.png);
626width: 45px;}
627.comments .comment-block{
628padding:0px ;margin-left:54px;position:relative; border:4px solid #ffd1e2; background:#fff; padding:4px;box-shadow: 5px 5px 0 #f0becb;
629 -webkit-box-shadow: 5px 5px 0 #f0becb;
630 -moz-box-shadow: 5px 5px 0 #f0becb;
631}
632.comments.comments-content.comment-replies{margin-left:0}}
633.comment-content{white-space:pre-wrap;width:95%;word-wrap:break-word;
634}
635.comments .comments-content .comment{margin-bottom:16px;padding-bottom:8px;
636}
637.comment-header{ background:#eebcd3; font-size:15px; border-bottom: 2px solid #fff; padding:3px;
638}
639.comment-header a{color: #fff;
640}
641.comments .comments-content {padding: 0px 5px 0px 2px;
642}
643.comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin: 10px 0 10px 10px; padding: 6px; color: #fff; text-align:center;text-decoration:none;height:auto; font-weight:normal; cursor:pointer; background:#e2c2ea; border: 4px solid #dab0e5;
644}
645.comments .comment .comment-actions a:hover,.comments .comment .continue a:hover{text-decoration: none; color: #e2c2ea; border: 4px solid #dab0e5; background:#fff;
646}
647
648
649/* Widgets
650----------------------------------------------- */
651.sidebar .widget {
652 border-bottom: 2px solid $(widget.border.bevel.color);
653 padding-bottom: 10px;
654 margin: 10px 0;
655}
656
657.sidebar .widget:first-child {
658 margin-top: 0;
659}
660
661.sidebar .widget:last-child {
662 border-bottom: none;
663 margin-bottom: 0;
664 padding-bottom: 0;
665}
666
667.footer-inner .widget,
668.sidebar .widget {
669 font: $(widget.font);
670 color: $(widget.text.color);
671}
672
673
674.sidebar .widget a:link {
675 color: $(widget.link.color);
676 text-decoration: none;
677}
678
679.sidebar .widget a:visited {
680 color: $(widget.link.visited.color);
681}
682
683.sidebar .widget a:hover {
684 color: $(widget.link.color);
685 text-decoration: underline;
686}
687
688.footer-inner .widget a:link {
689 color: $(link.color);
690 text-decoration: none;
691}
692
693.footer-inner .widget a:visited {
694 color: $(link.visited.color);
695}
696
697.footer-inner .widget a:hover {
698 color: $(link.color);
699 text-decoration: underline;
700}
701
702.widget .zippy {
703 color: $(widget.alternate.text.color);
704}
705
706.footer-inner {
707 background: transparent $(footer.background.gradient) repeat scroll top center;
708}
709
710/* Mobile
711----------------------------------------------- */
712body.mobile {
713 background-size: 100% auto;
714}
715
716body.mobile .AdSense {
717 margin: 0 -10px;
718}
719
720.mobile .body-fauxcolumn-outer {
721 background: $(mobile.background.overlay);
722}
723
724.mobile .footer-inner .widget a:link {
725 color: $(widget.link.color);
726 text-decoration: none;
727}
728
729.mobile .footer-inner .widget a:visited {
730 color: $(widget.link.visited.color);
731}
732
733.mobile-post-outer a {
734 color: $(post.title.text.color);
735}
736
737.mobile-link-button {
738 background-color: $(link.color);
739}
740#kfjf {
741text-align: center;
742font-family: muli, sans-serif;
743color: #000;
744z-index: 1000;
745width: 30px;
746background:#fff;
747float: right;
748height: 30px;
749line-height:30px;
750position: fixed;
751bottom: 0px;
752left: 0px;
753}
754#kfjf a:link {
755color: #000;
756font-size:10px !important;
757text-shadow: 1px 1px 1px #ccc;
758}
759#kfjf a {
760color: #000;
761font-size:10px !important;
762text-shadow: 1px 1px 1px #ccc;
763}
764
765#kfjf:hover {
766 animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
767 transform: translate3d(0, 0, 0);
768 backface-visibility: hidden;
769 perspective: 1000px;
770}
771
772.mobile-link-button a:link, .mobile-link-button a:visited {
773 color: $(mobile.button.color);
774}
775
776.mobile-index-contents {
777 color: $(body.text.color);
778}
779
780.mobile .tabs-inner .PageList .widget-content {
781 background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
782 color: $(tabs.selected.text.color);
783}
784
785.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
786 border-$startSide: 1px solid $(tabs.selected.text.color);
787}
788pre {
789text-align: justify;
790padding-left: 5px;
791line-height: 20px;
792background: #fff;
793font-family: Verdana;
794font-size: 8px;
795color: #000;
796text-shadow: 1px 1px 1px #fff;
797margin-right: 1px;
798margin-bottom: 7px;
799overflow:auto;
800text-decoration:none;
801height:200px;
802}
803
804.feed-links {
805height: 0px;
806visibility: hidden;
807display: none
808}
809/*---------------------------------------------*/
810#navcontainer
811{
812background: none;
813width: 110px;
814margin: 0 auto;
815padding: 1em 0;
816font-family: georgia, serif;
817font-size: 13px;
818text-align: right;
819text-transform: capitalize;
820}
821ul#navlist
822{
823text-align: right;
824list-style: none;
825padding:0;
826margin: 0 auto;
827width: 90%;
828}
829ul#navlist li
830{
831display: block;
832margin: 0;
833padding: 0;
834}
835ul#navlist li a
836{
837display: block;
838width: 200px;
839margin-bottom:6px;
840padding: 10px;
841border-width: 4px;
842text-shadow: #85aac6 1px 1px 0px;
843border-color: #ffe191;
844border-right: solid 4px #fff;
845box-shadow: 4px 4px 0px #85aac6;
846border-style: solid;
847color: #eee;
848font-size: 17px;
849text-decoration: none;
850background-image: url('https://i.imgur.com/IbJQe4a.png') !important;
851}
852#navcontainer>ul#navlist li a { width: auto; }
853ul#navlist li#active a
854{
855background: #808080;
856color: #000000;
857}
858ul#navlist li a:hover, ul#navlist li#poplight a:hover
859{
860color: #ae7ae1;
861margin-left: -18px;
862text-shadow: #fff 0px 0px 2px;
863margin-right: 18px;
864background: transparent;
865border-color: #e6b125 #ccc #ccc #ffe191;
866}
867
868/*---------------------------------------------*/
869
870#fade {
871 display: none;
872 background: #ccc;
873 position: fixed; left: 0; top: 0;
874 width: 100%; height: 100%;
875 opacity: .80;
876 z-index: 9999;
877}
878.popup_block{
879 display: none;
880 background: #bfd9ed;
881 padding: 20px;
882 border: 8px solid #fff;
883 float: left;
884 font-size: 1.2em;
885 position: fixed;
886 width: 705px !important;
887 top: 50%; left: 30%;
888 z-index: 99999;
889 /*--CSS3 Box Shadows--*/
890 -webkit-box-shadow: 5px 5px 0px #f1c349;
891 -moz-box-shadow: 5px 5px 0px #f1c349;
892 box-shadow:5px 5px 0px #f1c349;
893}
894
895img.btn_close {
896 float: right;
897 margin: -55px -55px 0 0;
898}
899*html #fade {
900 position: absolute;
901}
902*html .popup_block {
903 position: absolute;
904}
905
906
907/* Menu em Abas CSSTabs
908--------------------------- */
909#csstabs {
910height: 280px;
911margin:0 auto;
912position:relative;
913width: 100%;
914margin-top: -45px;
915}
916#csstabs h3 {
917color: #9999cc;
918cursor: pointer;
919display: block;
920background: #fff;
921box-shadow: 4px 0px 0px #85aac6;
922font-weight: bold;
923height: 25px;
924font-size: 12px;
925margin: 0;
926margin-left: 15px;
927padding: 5px 5px 5px 5px;
928text-align: left;
929border:2px solid #e6cbff;
930}
931.tabcontent {
932display: block;
933height: auto;
934width:100%;
935padding:15px 0 5px 0px;
936}
937#csstabs:hover h3, #tabs:focus h3, #tabs:active h3 {
938z-index: 0;
939border-bottom: none;
940background:#fff;
941}
942#csstabs:hover .tabcontent, #tabs:focus .tabcontent, #tabs:active .tabcontent {
943opacity: 0;
944z-index: 0;
945}
946
947#tab1 .tabcontent {
948background-color: none;
949position:absolute;
950left:0;
951top:35px;
952height: 100px;
953z-index: 2;
954}
955#tab1 h3 {
956left: 0;
957position: absolute;
958top: 0;
959z-index: 3;
960background-color: none;
961}
962
963#tab1:hover h3, #tab1:focus h3, #tab1:active h3 {
964background-color: #fff;
965color: #565A63;
966z-index: 4;
967}
968#tab1:hover .tabcontent, #tab1:focus .tabcontent, #tab1:active .tabcontent {
969opacity: 1;
970z-index: 3;
971}
972
973#tab2 .tabcontent {
974background-color: #fff;
975height: 200px; /* altura total do conteúdo da aba 2 */
976opacity: 0;
977padding: 10px;
978top:35px;
979z-index: 1;
980position:absolute;
981}
982#tab2 h3 {
983left: 120px;
984position: absolute;
985top: 0;
986}
987
988#tab2:hover h3, #tab2:focus h3, #tab2:active h3 {
989background-color: none;
990color: #565A63;
991z-index: 4;
992}
993#tab2:hover .tabcontent, #tab2:focus .tabcontent, #tab2:active .tabcontent {
994opacity: 1;
995z-index: 3;
996}
997
998
999
1000
1001
1002/*-----BOTÕES DE AFILIADOS-------*/
1003suco {
1004background:#e8dced;
1005border: solid 1px #dfcfe5;
1006color: #FFF;
1007width: 190px;
1008padding: 14px;
1009text-shadow: 1px 1px 0px #b4d4ea;
1010display: inline-block;
1011margin: 1px;
1012text-align: center;
1013}
1014suco:hover {
1015background: #dbebf7;
1016text-shadow: 1px 1px 0px #bfdff7;
1017}
1018
1019/*-----EFEITO ZOOM NA IMAGEM-------*/
1020
1021#zooming {
1022width:80px;
1023height:80px;
1024display: inline-block;
1025position:relative;
1026}
1027#zooming img {
1028position:absolute;
1029width:90px;
1030height:90px;
1031-webkit-transition-duration: .80s;
1032}
1033#zooming:hover img{
1034 -webkit-transform:scale(1.5);
1035-moz-transform:scale(1.5);
1036 -o-transform:scale(1.5);
1037opacity:0.3;
1038-webkit-transition-duration: .70s;
1039}
1040.zoomingout {
1041float:center;
1042width:110px;
1043height:110px;
1044margin-left: 6px;
1045box-shadow: 4px 4px 0px #8DB6CD;
1046border: 4px solid #FFB5C5;
1047overflow:hidden;
1048-webkit-transition-duration: .59s;
1049 }
1050.zoomingout:hover {
1051float:center;
1052width:110px;height:110px;
1053box-shadow: 4px 4px 0px #8DB6CD;
1054border: 4px solid #FFB5C5;
1055overflow:hidden;
1056-webkit-transition-duration: .59s;
1057 }
1058
1059
1060/*-----BARRA DE ROLAGEM-------*/
1061
1062::-webkit-scrollbar-thumb:vertical { /*barra vertical que se move*/
1063background: #fff;
1064border: 9px solid #fff8ce;
1065border-radius: 0px; /*aumente o número para arredondar os cantos */
1066}
1067::-webkit-scrollbar { /*barra vertical fixa*/
1068width: 5px;
1069background: #fff;
1070border: 9px solid #fff8ce;
1071
1072}
1073/*-----CAIXA DE TEXTO FLUTUANTE-------*/
1074
1075#palavras {
1076width:90px;
1077height:90px;
1078opacity:10;
1079margin-top:-0px;
1080padding:4px;
1081text-align: center;
1082color:#434343;
1083font-size: 13px;
1084padding: 5px 5px 5px 5px ;
1085}
1086
1087
1088
1089@media screen and (max-width : 1280px) {/* NOTEBOOK E PC ------------*/aqui os atributos que você quer responsividade {}
1090@media screen and (max-width : 1024px) {/* TABLETS ------------*/aqui os atributos que você quer responsividade {}
1091@media screen and (max-width : 768px) {/* PEQUENOS TABLETS ------------*/aqui os atributos que você quer responsividade {}
1092@media screen and (max-width : 640px) {/* IPHONE ------------*/aqui os atributos que você quer responsividade {}
1093@media screen and (max-width : 480px) {/* MOBILES ------------*/aqui os atributos que você quer responsividade {}
1094@media screen and (max-width : 320px) {/* PEQUENOS E VELHOS CELULARES ------------*/aqui os atributos que você quer responsividade {}
1095
1096
1097]]></b:skin>
1098
1099 <b:template-skin>
1100 <b:variable default='960px' name='content.width' type='length' value='960px'/>
1101 <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
1102 <b:variable default='310px' name='main.column.right.width' type='length' value='260px'/>
1103
1104 <![CDATA[
1105 body {
1106 min-width: $(content.width);
1107 }
1108
1109 .content-outer, .content-fauxcolumn-outer, .region-inner {
1110 min-width: $(content.width);
1111 max-width: $(content.width);
1112 _width: $(content.width);
1113 }
1114
1115 .main-inner .columns {
1116 padding-left: $(main.column.left.width);
1117 padding-right: $(main.column.right.width);
1118 }
1119
1120 .main-inner .fauxcolumn-center-outer {
1121 left: $(main.column.left.width);
1122 right: $(main.column.right.width);
1123 /* IE6 does not respect left and right together */
1124 _width: expression(this.parentNode.offsetWidth -
1125 parseInt("$(main.column.left.width)") -
1126 parseInt("$(main.column.right.width)") + 'px');
1127 }
1128
1129 .main-inner .fauxcolumn-left-outer {
1130 width: $(main.column.left.width);
1131 }
1132
1133 .main-inner .fauxcolumn-right-outer {
1134 width: $(main.column.right.width);
1135 }
1136
1137 .main-inner .column-left-outer {
1138 width: $(main.column.left.width);
1139 right: 100%;
1140 margin-left: -$(main.column.left.width);
1141 }
1142
1143 .main-inner .column-right-outer {
1144 width: $(main.column.right.width);
1145 margin-right: -$(main.column.right.width);
1146 }
1147
1148 #layout {
1149 min-width: 0;
1150 }
1151
1152 #layout .content-outer {
1153 min-width: 0;
1154 width: 800px;
1155 }
1156
1157 #layout .region-inner {
1158 min-width: 0;
1159 width: auto;
1160 }
1161
1162 body#layout div.add_widget {
1163 padding: 8px;
1164 }
1165
1166 body#layout div.add_widget a {
1167 margin-left: 32px;
1168 }
1169 ]]>
1170 </b:template-skin>
1171
1172 <b:if cond='data:skin.vars.body_background.image.isResizable'>
1173 <b:include cond='not data:view.isPreview' data='{ image: data:skin.vars.body_background.image, selector: "body" }' name='responsiveImageStyle'/>
1174 </b:if>
1175
1176 <b:include data='blog' name='google-analytics'/>
1177<script>
1178//<![CDATA[
1179function 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+'"/>')}
1180//]]>
1181</script>
1182
1183 </head>
1184
1185 <body expr:class='"loading" + data:blog.mobileClass'>
1186 <b:section class='navbar' id='navbar' maxwidgets='1' name='Navbar' showaddelement='no'/>
1187
1188 <b:if cond='data:blog.pageType == "index"'>
1189 <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
1190 <meta expr:content='data:blog.title' itemprop='name'/>
1191 <b:if cond='data:blog.metaDescription'>
1192 <meta expr:content='data:blog.metaDescription' itemprop='description'/>
1193 </b:if>
1194 </div>
1195 </b:if>
1196
1197 <div class='body-fauxcolumns'>
1198 <div class='fauxcolumn-outer body-fauxcolumn-outer'>
1199 <div class='cap-top'>
1200 <div class='cap-left'/>
1201 <div class='cap-right'/>
1202 </div>
1203 <div class='fauxborder-left'>
1204 <div class='fauxborder-right'/>
1205 <div class='fauxcolumn-inner'>
1206 </div>
1207 </div>
1208 <div class='cap-bottom'>
1209 <div class='cap-left'/>
1210 <div class='cap-right'/>
1211 </div>
1212 </div>
1213 </div>
1214
1215 <div class='content'>
1216 <div class='content-fauxcolumns'>
1217 <div class='fauxcolumn-outer content-fauxcolumn-outer'>
1218 <div class='cap-top'>
1219 <div class='cap-left'/>
1220 <div class='cap-right'/>
1221 </div>
1222 <div class='fauxborder-left'>
1223 <div class='fauxborder-right'/>
1224 <div class='fauxcolumn-inner'>
1225 </div>
1226 </div>
1227 <div class='cap-bottom'>
1228 <div class='cap-left'/>
1229 <div class='cap-right'/>
1230 </div>
1231 </div>
1232 </div>
1233
1234 <div class='content-outer'>
1235 <div class='content-cap-top cap-top'>
1236 <div class='cap-left'/>
1237 <div class='cap-right'/>
1238 </div>
1239 <div class='fauxborder-left content-fauxborder-left'>
1240 <div class='fauxborder-right content-fauxborder-right'/>
1241 <div class='content-inner'>
1242
1243 <header>
1244 <div class='header-outer'>
1245 <div class='header-cap-top cap-top'>
1246 <div class='cap-left'/>
1247 <div class='cap-right'/>
1248 </div>
1249 <div class='fauxborder-left header-fauxborder-left'>
1250 <div class='fauxborder-right header-fauxborder-right'/>
1251 <div class='region-inner header-inner'>
1252 <b:section class='header' id='header' maxwidgets='1' name='Header' showaddelement='no'>
1253 <b:widget id='Header1' locked='true' title='Lay Universe &amp; Music (Cabeçalho)' type='Header'>
1254 <b:widget-settings>
1255 <b:widget-setting name='displayUrl'/>
1256 <b:widget-setting name='displayHeight'>0</b:widget-setting>
1257 <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
1258 <b:widget-setting name='useImage'>false</b:widget-setting>
1259 <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
1260 <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
1261 <b:widget-setting name='displayWidth'>0</b:widget-setting>
1262 </b:widget-settings>
1263 <b:includable id='main'>
1264
1265 <b:if cond='data:useImage'>
1266 <b:if cond='data:imagePlacement == "BEHIND"'>
1267 <!--
1268 Show image as background to text. You can't really calculate the width
1269 reliably in JS because margins are not taken into account by any of
1270 clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
1271 width if the user is using shrink to fit.
1272 This results in a margin-width's worth of pixels being cropped. If the
1273 user is not using shrink to fit then we expand the header.
1274 -->
1275 <b:if cond='data:mobile'>
1276 <div id='header-inner'>
1277 <div class='titlewrapper' style='background: transparent'>
1278 <h1 class='title' style='background: transparent; border-width: 0px'>
1279 <b:include name='title'/>
1280 </h1>
1281 </div>
1282 <b:include name='description'/>
1283 </div>
1284 <b:else/>
1285 <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'>
1286 <div class='titlewrapper' style='background: transparent'>
1287 <h1 class='title' style='background: transparent; border-width: 0px'>
1288 <b:include name='title'/>
1289 </h1>
1290 </div>
1291 <b:include name='description'/>
1292 </div>
1293 </b:if>
1294 <b:else/>
1295 <!--Show the image only-->
1296 <div id='header-inner'>
1297 <a expr:href='data:blog.homepageUrl' style='display: block'>
1298 <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'/>
1299 </a>
1300 <!--Show the description-->
1301 <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
1302 <b:include name='description'/>
1303 </b:if>
1304 </div>
1305 </b:if>
1306 <b:else/>
1307 <!--No header image -->
1308 <div id='header-inner'>
1309 <div class='titlewrapper'>
1310 <h1 class='title'>
1311 <b:include name='title'/>
1312 </h1>
1313 </div>
1314 <b:include name='description'/>
1315 </div>
1316 </b:if>
1317</b:includable>
1318 <b:includable id='description'>
1319 <div class='descriptionwrapper'>
1320 <p class='description'><span><data:description/></span></p>
1321 </div>
1322</b:includable>
1323 <b:includable id='title'>
1324 <b:tag cond='data:blog.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
1325 <data:title/>
1326 </b:tag>
1327</b:includable>
1328 </b:widget>
1329 </b:section>
1330 </div>
1331 </div>
1332 <div class='header-cap-bottom cap-bottom'>
1333 <div class='cap-left'/>
1334 <div class='cap-right'/>
1335 </div>
1336 </div>
1337 </header>
1338 <body expr:class='"loading" + data:blog.mobileClass'/>
1339 <div class='tabs-outer'>
1340 <div class='tabs-cap-top cap-top'>
1341 <div class='cap-left'/>
1342 <div class='cap-right'/>
1343 </div>
1344 <div class='fauxborder-left tabs-fauxborder-left'>
1345 <div class='fauxborder-right tabs-fauxborder-right'/>
1346 <div class='region-inner tabs-inner'>
1347 <b:section class='tabs' id='crosscol' maxwidgets='1' name='Cross-Column' showaddelement='yes'/>
1348 <b:section class='tabs' id='crosscol-overflow' name='Cross-Column 2' showaddelement='no'/>
1349 </div>
1350 </div>
1351 <div class='tabs-cap-bottom cap-bottom'>
1352 <div class='cap-left'/>
1353 <div class='cap-right'/>
1354 </div>
1355 </div>
1356
1357 <div class='main-outer'>
1358 <div class='main-cap-top cap-top'>
1359 <div class='cap-left'/>
1360 <div class='cap-right'/>
1361 </div>
1362
1363 <div class='fauxborder-left main-fauxborder-left'>
1364 <div class='fauxborder-right main-fauxborder-right'/>
1365 <div class='region-inner main-inner'>
1366
1367 <div class='columns fauxcolumns'>
1368
1369 <div class='fauxcolumn-outer fauxcolumn-center-outer'>
1370 <div class='cap-top'>
1371 <div class='cap-left'/>
1372 <div class='cap-right'/>
1373 </div>
1374 <div class='fauxborder-left'>
1375 <div class='fauxborder-right'/>
1376 <div class='fauxcolumn-inner'>
1377 </div>
1378 </div>
1379 <div class='cap-bottom'>
1380 <div class='cap-left'/>
1381 <div class='cap-right'/>
1382 </div>
1383 </div>
1384
1385 <div class='fauxcolumn-outer fauxcolumn-left-outer'>
1386 <div class='cap-top'>
1387 <div class='cap-left'/>
1388 <div class='cap-right'/>
1389 </div>
1390 <div class='fauxborder-left'>
1391 <div class='fauxborder-right'/>
1392 <div class='fauxcolumn-inner'>
1393 </div>
1394 </div>
1395 <div class='cap-bottom'>
1396 <div class='cap-left'/>
1397 <div class='cap-right'/>
1398 </div>
1399 </div>
1400
1401 <div class='fauxcolumn-outer fauxcolumn-right-outer'>
1402 <div class='cap-top'>
1403 <div class='cap-left'/>
1404 <div class='cap-right'/>
1405 </div>
1406 <div class='fauxborder-left'>
1407 <div class='fauxborder-right'/>
1408 <div class='fauxcolumn-inner'>
1409 </div>
1410 </div>
1411 <div class='cap-bottom'>
1412 <div class='cap-left'/>
1413 <div class='cap-right'/>
1414 </div>
1415 </div>
1416
1417 <!-- corrects IE6 width calculation -->
1418 <div class='columns-inner'>
1419
1420 <div class='column-center-outer'>
1421 <div class='column-center-inner'>
1422 <b:section class='main' id='main' name='Main' showaddelement='no'>
1423 <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog' version='1'>
1424 <b:widget-settings>
1425 <b:widget-setting name='showDateHeader'>true</b:widget-setting>
1426 <b:widget-setting name='style.textcolor'>#666666</b:widget-setting>
1427 <b:widget-setting name='showShareButtons'>false</b:widget-setting>
1428 <b:widget-setting name='authorLabel'>By</b:widget-setting>
1429 <b:widget-setting name='showCommentLink'>true</b:widget-setting>
1430 <b:widget-setting name='style.urlcolor'>#666666</b:widget-setting>
1431 <b:widget-setting name='showAuthor'>false</b:widget-setting>
1432 <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
1433 <b:widget-setting name='style.linkcolor'>#000000</b:widget-setting>
1434 <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
1435 <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
1436 <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
1437 <b:widget-setting name='style.layout'>1x1</b:widget-setting>
1438 <b:widget-setting name='showLabels'>true</b:widget-setting>
1439 <b:widget-setting name='showLocation'>false</b:widget-setting>
1440 <b:widget-setting name='showTimestamp'>false</b:widget-setting>
1441 <b:widget-setting name='postsPerAd'>1</b:widget-setting>
1442 <b:widget-setting name='showBacklinks'>false</b:widget-setting>
1443 <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
1444 <b:widget-setting name='showInlineAds'>false</b:widget-setting>
1445 <b:widget-setting name='showReactions'>false</b:widget-setting>
1446 </b:widget-settings>
1447 <b:includable id='main' var='top'>
1448 <b:if cond='!data:mobile'>
1449 <!-- posts -->
1450 <div class='blog-posts hfeed'>
1451
1452 <b:include data='top' name='status-message'/>
1453
1454 <b:loop values='data:posts' var='post'>
1455 <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
1456 </div></div>
1457 </b:if>
1458 <b:if cond='data:post.isDateStart'>
1459 <div class="date-outer">
1460 </b:if>
1461 <b:if cond='data:post.dateHeader'>
1462<script>var lastDate= '<data:post.dateHeader/>';</script>
1463<h2 class='date-header'><data:post.dateHeader/></h2>
1464<b:else/>
1465<h2 class='date-header'>
1466<script>document.write(lastDate);</script>
1467</h2>
1468</b:if>
1469<div class='post-outer'>
1470 <b:include data='post' name='post'/>
1471 <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
1472 </div>
1473
1474 <!-- Ad -->
1475 <b:if cond='data:post.includeAd'>
1476 <div class='inline-ad'>
1477 <data:adCode/>
1478 </div>
1479 </b:if>
1480 </b:loop>
1481 <b:if cond='data:numPosts != 0'>
1482 </div></div>
1483 </b:if>
1484 </div>
1485
1486 <!-- navigation -->
1487 <b:include name='nextprev'/>
1488
1489 <!-- feed links -->
1490 <b:include name='feedLinks'/>
1491
1492 <b:else/>
1493 <b:include name='mobile-main'/>
1494 </b:if>
1495
1496 <b:include cond='data:top.showPlusOne' name='googlePlusBootstrap'/>
1497</b:includable>
1498 <b:includable id='backlinkDeleteIcon' var='backlink'>
1499 <span expr:class='"item-control " + data:backlink.adminClass'>
1500 <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
1501 <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
1502 </a>
1503 </span>
1504</b:includable>
1505 <b:includable id='backlinks' var='post'>
1506 <a name='links'/><h4><data:post.backlinksLabel/></h4>
1507 <b:if cond='data:post.numBacklinks != 0'>
1508 <dl class='comments-block' id='comments-block'>
1509 <b:loop values='data:post.backlinks' var='backlink'>
1510 <div class='collapsed-backlink backlink-control'>
1511 <dt class='comment-title'>
1512 <span class='backlink-toggle-zippy'> </span>
1513 <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
1514 <b:include data='backlink' name='backlinkDeleteIcon'/>
1515 </dt>
1516 <dd class='comment-body collapseable'>
1517 <data:backlink.snippet/>
1518 </dd>
1519 <dd class='comment-footer collapseable'>
1520 <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
1521 <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
1522 </dd>
1523 </div>
1524 </b:loop>
1525 </dl>
1526 </b:if>
1527 <p class='comment-footer'>
1528 <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
1529 </p>
1530</b:includable>
1531 <b:includable id='comment-form' var='post'>
1532 <div class='comment-form'>
1533 <a name='comment-form'/>
1534 <b:if cond='data:mobile'>
1535 <h4 id='comment-post-message'>
1536 <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
1537 <p><data:blogCommentMessage/></p>
1538 <data:blogTeamBlogMessage/>
1539 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1540 <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%'/>
1541 <b:else/>
1542 <h4 id='comment-post-message'><data:postCommentMsg/></h4>
1543 <p><data:blogCommentMessage/></p>
1544 <data:blogTeamBlogMessage/>
1545 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1546 <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%'/>
1547 </b:if>
1548 <data:post.cmtfpIframe/>
1549 <script type='text/javascript'>
1550 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
1551 </script>
1552 </div>
1553</b:includable>
1554 <b:includable id='commentDeleteIcon' var='comment'>
1555 <span expr:class='"item-control " + data:comment.adminClass'>
1556 <b:if cond='data:showCmtPopup'>
1557 <div class='goog-toggle-button'>
1558 <div class='goog-inline-block comment-action-icon'/>
1559 </div>
1560 <b:else/>
1561 <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
1562 <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
1563 </a>
1564 </b:if>
1565 </span>
1566</b:includable>
1567 <b:includable id='comment_count_picker' var='post'>
1568 <b:if cond='data:post.commentSource == 1'>
1569 <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'>
1570 </span>
1571 <b:else/>
1572 <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
1573 <data:post.commentLabelFull/>:
1574 </a>
1575 </b:if>
1576</b:includable>
1577 <b:includable id='comment_picker' var='post'>
1578 <b:if cond='data:post.commentSource == 1'>
1579 <b:include data='post' name='iframe_comments'/>
1580 <b:elseif cond='data:post.showThreadedComments'/>
1581 <b:include data='post' name='threaded_comments'/>
1582 <b:else/>
1583 <b:include data='post' name='comments'/>
1584 </b:if>
1585</b:includable>
1586 <b:includable id='comments' var='post'>
1587 <div class='comments' id='comments'>
1588 <a name='comments'/>
1589 <b:if cond='data:post.allowComments'>
1590 <h4><data:post.commentLabelFull/>:</h4>
1591
1592 <b:if cond='data:post.commentPagingRequired'>
1593 <span class='paging-control-container'>
1594 <b:if cond='data:post.hasOlderLinks'>
1595 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
1596  
1597 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
1598  
1599 </b:if>
1600
1601 <data:post.commentRangeText/>
1602
1603 <b:if cond='data:post.hasNewerLinks'>
1604  
1605 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
1606  
1607 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
1608 </b:if>
1609 </span>
1610 </b:if>
1611
1612 <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
1613 <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
1614 <b:loop values='data:post.comments' var='comment'>
1615 <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
1616 <b:if cond='data:comment.favicon'>
1617 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
1618 </b:if>
1619 <a expr:name='data:comment.anchorName'/>
1620 <b:if cond='data:blog.enabledCommentProfileImages'>
1621 <data:comment.authorAvatarImage/>
1622 </b:if>
1623 <b:if cond='data:comment.authorUrl'>
1624 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
1625 <b:else/>
1626 <data:comment.author/>
1627 </b:if>
1628 <data:commentPostedByMsg/>
1629 </dt>
1630 <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
1631 <b:if cond='data:comment.isDeleted'>
1632 <span class='deleted-comment'><data:comment.body/></span>
1633 <b:else/>
1634 <p>
1635 <data:comment.body/>
1636 </p>
1637 </b:if>
1638 </dd>
1639 <dd class='comment-footer'>
1640 <span class='comment-timestamp'>
1641 <a expr:href='data:comment.url' title='comment permalink'>
1642 <data:comment.timestamp/>
1643 </a>
1644 <b:include data='comment' name='commentDeleteIcon'/>
1645 </span>
1646 </dd>
1647 </b:loop>
1648 </dl>
1649 </div>
1650
1651 <b:if cond='data:post.commentPagingRequired'>
1652 <span class='paging-control-container'>
1653 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
1654 <data:post.oldestLinkText/>
1655 </a>
1656 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
1657 <data:post.olderLinkText/>
1658 </a>
1659  
1660 <data:post.commentRangeText/>
1661  
1662 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
1663 <data:post.newerLinkText/>
1664 </a>
1665 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
1666 <data:post.newestLinkText/>
1667 </a>
1668 </span>
1669 </b:if>
1670
1671 <p class='comment-footer'>
1672 <b:if cond='data:post.embedCommentForm'>
1673 <b:if cond='data:post.allowNewComments'>
1674 <b:include data='post' name='comment-form'/>
1675 <b:else/>
1676 <data:post.noNewCommentsText/>
1677 </b:if>
1678 <b:elseif cond='data:post.allowComments'/>
1679 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
1680 </b:if>
1681 </p>
1682 </b:if>
1683 <b:if cond='data:showCmtPopup'>
1684 <div id='comment-popup'>
1685 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
1686 </iframe>
1687 </div>
1688 </b:if>
1689
1690 <div id='backlinks-container'>
1691 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
1692 <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
1693 </div>
1694 </div>
1695 </div>
1696</b:includable>
1697 <b:includable id='feedLinks'>
1698 <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
1699 <b:if cond='data:feedLinks'>
1700 <div class='blog-feeds'>
1701 <b:include data='feedLinks' name='feedLinksBody'/>
1702 </div>
1703 </b:if>
1704
1705 <b:else/> <!--Post feed links -->
1706 <div class='post-feeds'>
1707 <b:loop values='data:posts' var='post'>
1708 <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
1709 </b:loop>
1710 </div>
1711 </b:if>
1712</b:includable>
1713 <b:includable id='feedLinksBody' var='links'>
1714 <div class='feed-links'>
1715 <data:feedLinksMsg/>
1716 <b:loop values='data:links' var='f'>
1717 <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
1718 </b:loop>
1719 </div>
1720</b:includable>
1721 <b:includable id='iframe_comments' var='post'>
1722
1723 <b:if cond='data:post.allowIframeComments'>
1724 <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
1725 <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
1726
1727 <b:if cond='data:post.embedCommentForm == "false"'>
1728 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
1729 </b:if>
1730 </b:if>
1731</b:includable>
1732 <b:includable id='mobile-index-post' var='post'>
1733 <div class='mobile-date-outer date-outer'>
1734 <b:if cond='data:post.dateHeader'>
1735 <div class='date-header'>
1736 <span><data:post.dateHeader/></span>
1737 </div>
1738 </b:if>
1739
1740 <div class='mobile-post-outer'>
1741 <a expr:href='data:post.url'>
1742 <h3 class='mobile-index-title entry-title' itemprop='name'>
1743 <data:post.title/>
1744 </h3>
1745
1746 <div class='mobile-index-arrow'>&rsaquo;</div>
1747
1748 <div class='mobile-index-contents'>
1749 <b:if cond='data:post.thumbnailUrl'>
1750 <div class='mobile-index-thumbnail'>
1751 <div class='Image'>
1752 <img expr:src='data:post.thumbnailUrl'/>
1753 </div>
1754 </div>
1755 </b:if>
1756
1757 <div class='post-body'>
1758 <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
1759 </div>
1760 </div>
1761
1762 <div style='clear: both;'/>
1763 </a>
1764
1765 <div class='mobile-index-comment'>
1766 <b:include cond='data:blog.pageType != "static_page" and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/>
1767 </div>
1768 </div>
1769 </div>
1770</b:includable>
1771 <b:includable id='mobile-main' var='top'>
1772 <!-- posts -->
1773 <div class='blog-posts hfeed'>
1774
1775 <b:include data='top' name='status-message'/>
1776
1777 <b:if cond='data:blog.pageType == "index"'>
1778 <b:loop values='data:posts' var='post'>
1779 <b:include data='post' name='mobile-index-post'/>
1780 </b:loop>
1781 <b:else/>
1782 <b:loop values='data:posts' var='post'>
1783 <b:include data='post' name='mobile-post'/>
1784 </b:loop>
1785 </b:if>
1786 </div>
1787
1788 <b:include name='mobile-nextprev'/>
1789</b:includable>
1790 <b:includable id='mobile-nextprev'>
1791 <div class='blog-pager' id='blog-pager'>
1792 <b:if cond='data:newerPageUrl'>
1793 <div class='mobile-link-button' id='blog-pager-newer-link'>
1794 <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>
1795 </div>
1796 </b:if>
1797
1798 <b:if cond='data:olderPageUrl'>
1799 <div class='mobile-link-button' id='blog-pager-older-link'>
1800 <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>
1801 </div>
1802 </b:if>
1803
1804 <div class='mobile-link-button' id='blog-pager-home-link'>
1805 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
1806 </div>
1807
1808 <div class='mobile-desktop-link'>
1809 <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
1810 </div>
1811
1812 </div>
1813 <div class='clear'/>
1814</b:includable>
1815 <b:includable id='mobile-post' var='post'>
1816 <div class='date-outer'>
1817 <b:if cond='data:post.dateHeader'>
1818 <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
1819 </b:if>
1820 <div class='date-posts'>
1821 <div class='post-outer'>
1822
1823 <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
1824 <b:if cond='data:post.thumbnailUrl'>
1825 <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
1826 </b:if>
1827 <meta expr:content='data:blog.blogId' itemprop='blogId'/>
1828 <meta expr:content='data:post.id' itemprop='postId'/>
1829
1830 <a expr:name='data:post.id'/>
1831 <b:if cond='data:post.title'>
1832 <h3 class='post-title entry-title' itemprop='name'>
1833 <b:if cond='data:post.link'>
1834 <a expr:href='data:post.link'><data:post.title/></a>
1835 <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
1836 <a expr:href='data:post.url'><data:post.title/></a>
1837 <b:else/>
1838 <data:post.title/>
1839 </b:if>
1840 </h3>
1841 </b:if>
1842
1843 <div class='post-header'>
1844 <div class='post-header-line-1'/>
1845 </div>
1846
1847 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
1848 <data:post.body/>
1849 <div style='clear: both;'/> <!-- clear for photos floats -->
1850 </div>
1851
1852 <div class='post-footer'>
1853 <div class='post-footer-line post-footer-line-1'>
1854 <span class='post-author vcard'>
1855 <b:if cond='data:top.showAuthor'>
1856 <b:if cond='data:post.authorProfileUrl'>
1857 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1858 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
1859 <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
1860 <span itemprop='name'><data:post.author/></span>
1861 </a>
1862 </span>
1863 <b:else/>
1864 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1865 <span itemprop='name'><data:post.author/></span>
1866 </span>
1867 </b:if>
1868 </b:if>
1869 </span>
1870
1871 <span class='post-timestamp'>
1872 <b:if cond='data:top.showTimestamp'>
1873 <data:top.timestampLabel/>
1874 <b:if cond='data:post.url'>
1875 <meta expr:content='data:post.url.canonical' itemprop='url'/>
1876 <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>
1877 </b:if>
1878 </b:if>
1879 </span>
1880
1881 <span class='post-comment-link'>
1882 <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>
1883 </span>
1884 </div>
1885
1886 <div class='post-footer-line post-footer-line-2'>
1887 <b:if cond='data:top.showMobileShare'>
1888 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
1889 <a href='javascript:void(0);'><data:shareMsg/></a>
1890 </div>
1891 </b:if>
1892 <b:if cond='data:top.showDummy'>
1893 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
1894 </b:if>
1895 </div>
1896
1897 </div>
1898 </div>
1899
1900 <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
1901 </div>
1902 </div>
1903 </div>
1904</b:includable>
1905 <b:includable id='nextprev'>
1906 <div class='blog-pager' id='blog-pager'>
1907 <b:if cond='data:newerPageUrl'>
1908 <span id='blog-pager-newer-link'>
1909 <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><img src='https://3.bp.blogspot.com/-cRKupEQ6Vms/WdgbUe_NPaI/AAAAAAAAAa0/J9vuj8WDKi4yvGVbV_7YrUR2wgwgSIT1gCLcBGAs/s1600/-a.png'/></a>
1910 </span>
1911 </b:if>
1912
1913 <b:if cond='data:olderPageUrl'>
1914 <span id='blog-pager-older-link'>
1915 <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>
1916 </span>
1917 </b:if>
1918
1919 <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>
1920
1921 <b:if cond='data:mobileLinkUrl'>
1922 <div class='blog-mobile-link'>
1923 <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
1924 </div>
1925 </b:if>
1926
1927 </div>
1928 <div class='clear'/>
1929</b:includable>
1930 <b:includable id='post' var='post'>
1931 <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
1932 <b:if cond='data:post.firstImageUrl'>
1933 <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
1934 </b:if>
1935 <meta expr:content='data:blog.blogId' itemprop='blogId'/>
1936 <meta expr:content='data:post.id' itemprop='postId'/>
1937
1938 <a expr:name='data:post.id'/>
1939<script expr:src='"/feeds/posts/default/" + data:post.id + "?alt=json-in-script&amp;callback=av"'/>
1940 <b:if cond='data:post.title'>
1941 <h3 class='post-title entry-title' itemprop='name'>
1942 <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
1943 <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
1944 <b:else/>
1945 <data:post.title/>
1946 </b:if>
1947 </h3>
1948 </b:if>
1949
1950 <div class='post-header'>
1951 <div class='post-header-line-1'/>
1952 </div>
1953
1954 <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
1955 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
1956 <data:post.body/>
1957 <div style='clear: both;'/> <!-- clear for photos floats -->
1958 </div>
1959
1960 <b:if cond='data:post.hasJumpLink'>
1961 <div class='jump-link'>
1962<p align='center'><a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a></p>
1963 </div>
1964 </b:if>
1965
1966 <div class='post-footer'>
1967 <div class='post-footer-line post-footer-line-1'>
1968 <span class='post-author vcard'>
1969 <b:if cond='data:top.showAuthor'>
1970 <data:top.authorLabel/>
1971 <b:if cond='data:post.authorProfileUrl'>
1972 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1973 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
1974 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
1975 <span itemprop='name'><data:post.author/></span>
1976 </a>
1977 </span>
1978 <b:else/>
1979 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1980 <span itemprop='name'><data:post.author/></span>
1981 </span>
1982 </b:if>
1983 </b:if>
1984 </span>
1985
1986 <span class='post-timestamp'>
1987 <b:if cond='data:top.showTimestamp'>
1988 <data:top.timestampLabel/>
1989 <b:if cond='data:post.url'>
1990 <meta expr:content='data:post.url.canonical' itemprop='url'/>
1991 <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>
1992 </b:if>
1993 </b:if>
1994 </span>
1995
1996 <span class='reaction-buttons'>
1997 <b:if cond='data:top.showReactions'>
1998 <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
1999 <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
2000 <span class='reactions-label'>
2001 <data:top.reactionsLabel/></span> </td>
2002 <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
2003 </tr></table>
2004 </b:if>
2005 </span>
2006
2007 <span class='post-comment-link'>
2008 <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>
2009 </span>
2010
2011 <!-- backlinks -->
2012 <span class='post-backlinks post-comment-link'>
2013 <b:if cond='data:blog.pageType not in {"item","static_page"} and data:post.showBacklinks'>
2014 <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
2015 </b:if>
2016 </span>
2017
2018 <span class='post-icons'>
2019 <!-- email post links -->
2020 <b:if cond='data:post.emailPostUrl'>
2021 <span class='item-action'>
2022 <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
2023 <img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/>
2024 </a>
2025 </span>
2026 </b:if>
2027
2028 <!-- quickedit pencil -->
2029 <b:include data='post' name='postQuickEdit'/>
2030 </span>
2031
2032 <!-- share buttons -->
2033 <div class='post-share-buttons goog-inline-block'>
2034 <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
2035 </div>
2036
2037 </div>
2038
2039 <div class='post-footer-line post-footer-line-2'>
2040 <span class='post-labels'>
2041 <b:if cond='data:top.showPostLabels and data:post.labels'>
2042 <data:postLabelsLabel/>
2043 <b:loop values='data:post.labels' var='label'>
2044 <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>
2045 </b:loop>
2046 </b:if>
2047 </span>
2048 </div>
2049
2050 <div class='post-footer-line post-footer-line-3'>
2051 <span class='post-location'>
2052 <b:if cond='data:top.showLocation and data:post.location'>
2053 <data:postLocationLabel/>
2054 <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
2055 </b:if>
2056 </span>
2057 </div>
2058 <b:if cond='data:post.authorAboutMe'>
2059 <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
2060 <b:if cond='data:post.authorPhoto.url'>
2061 <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
2062 </b:if>
2063 <div>
2064 <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
2065 <span itemprop='name'><data:post.author/></span>
2066 </a>
2067 </div>
2068 <span itemprop='description'><data:post.authorAboutMe/></span>
2069 </div>
2070 </b:if>
2071 </div>
2072 </div>
2073</b:includable>
2074 <b:includable id='postQuickEdit' var='post'>
2075 <b:if cond='data:post.editUrl'>
2076 <span expr:class='"item-control " + data:post.adminClass'>
2077 <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
2078 <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
2079 </a>
2080 </span>
2081 </b:if>
2082</b:includable>
2083 <b:includable id='shareButtons' var='post'>
2084 <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>
2085</b:includable>
2086 <b:includable id='status-message'>
2087 <b:if cond='data:navMessage'>
2088 <div class='status-msg-wrap'>
2089 <div class='status-msg-body'>
2090 <data:navMessage/>
2091 </div>
2092 <div class='status-msg-border'>
2093 <div class='status-msg-bg'>
2094 <div class='status-msg-hidden'><data:navMessage/></div>
2095 </div>
2096 </div>
2097 </div>
2098 <div style='clear: both;'/>
2099 </b:if>
2100</b:includable>
2101 <b:includable id='threaded-comment-form' var='post'>
2102 <div class='comment-form'>
2103 <a name='comment-form'/>
2104 <b:if cond='data:mobile'>
2105 <p><data:blogCommentMessage/></p>
2106 <data:blogTeamBlogMessage/>
2107 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
2108 <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%'/>
2109 <b:else/>
2110 <p><data:blogCommentMessage/></p>
2111 <data:blogTeamBlogMessage/>
2112 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
2113 <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%'/>
2114 </b:if>
2115 <data:post.cmtfpIframe/>
2116 <script type='text/javascript'>
2117 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
2118 </script>
2119 </div>
2120</b:includable>
2121 <b:includable id='threaded_comment_js' var='post'>
2122 <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
2123
2124 <script type='text/javascript'>
2125 (function() {
2126 var items = <data:post.commentJso/>;
2127 var msgs = <data:post.commentMsgs/>;
2128 var config = <data:post.commentConfig/>;
2129
2130// <![CDATA[
2131 var cursor = null;
2132 if (items && items.length > 0) {
2133 cursor = parseInt(items[items.length - 1].timestamp) + 1;
2134 }
2135
2136 var bodyFromEntry = function(entry) {
2137 var text = (entry &&
2138 ((entry.content && entry.content.$t) ||
2139 (entry.summary && entry.summary.$t))) ||
2140 '';
2141 if (entry && entry.gd$extendedProperty) {
2142 for (var k in entry.gd$extendedProperty) {
2143 if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
2144 return '<span class="deleted-comment">' + text + '</span>';
2145 }
2146 }
2147 }
2148 return text;
2149 }
2150
2151 var parse = function(data) {
2152 cursor = null;
2153 var comments = [];
2154 if (data && data.feed && data.feed.entry) {
2155 for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
2156 var comment = {};
2157 // comment ID, parsed out of the original id format
2158 var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
2159 comment.id = id ? id[2] : null;
2160 comment.body = bodyFromEntry(entry);
2161 comment.timestamp = Date.parse(entry.published.$t) + '';
2162 if (entry.author && entry.author.constructor === Array) {
2163 var auth = entry.author[0];
2164 if (auth) {
2165 comment.author = {
2166 name: (auth.name ? auth.name.$t : undefined),
2167 profileUrl: (auth.uri ? auth.uri.$t : undefined),
2168 avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
2169 };
2170 }
2171 }
2172 if (entry.link) {
2173 if (entry.link[2]) {
2174 comment.link = comment.permalink = entry.link[2].href;
2175 }
2176 if (entry.link[3]) {
2177 var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
2178 if (pid && pid[1]) {
2179 comment.parentId = pid[1];
2180 }
2181 }
2182 }
2183 comment.deleteclass = 'item-control blog-admin';
2184 if (entry.gd$extendedProperty) {
2185 for (var k in entry.gd$extendedProperty) {
2186 if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
2187 comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
2188 } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
2189 comment.displayTime = entry.gd$extendedProperty[k].value;
2190 }
2191 }
2192 }
2193 comments.push(comment);
2194 }
2195 }
2196 return comments;
2197 };
2198
2199 var paginator = function(callback) {
2200 if (hasMore()) {
2201 var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
2202 if (cursor) {
2203 url += '&published-min=' + new Date(cursor).toISOString();
2204 }
2205 window.bloggercomments = function(data) {
2206 var parsed = parse(data);
2207 cursor = parsed.length < 50 ? null
2208 : parseInt(parsed[parsed.length - 1].timestamp) + 1
2209 callback(parsed);
2210 window.bloggercomments = null;
2211 }
2212 url += '&callback=bloggercomments';
2213 var script = document.createElement('script');
2214 script.type = 'text/javascript';
2215 script.src = url;
2216 document.getElementsByTagName('head')[0].appendChild(script);
2217 }
2218 };
2219 var hasMore = function() {
2220 return !!cursor;
2221 };
2222 var getMeta = function(key, comment) {
2223 if ('iswriter' == key) {
2224 var matches = !!comment.author
2225 && comment.author.name == config.authorName
2226 && comment.author.profileUrl == config.authorUrl;
2227 return matches ? 'true' : '';
2228 } else if ('deletelink' == key) {
2229 return config.baseUri + '/delete-comment.g?blogID='
2230 + config.blogId + '&postID=' + comment.id;
2231 } else if ('deleteclass' == key) {
2232 return comment.deleteclass;
2233 }
2234 return '';
2235 };
2236
2237 var replybox = null;
2238 var replyUrlParts = null;
2239 var replyParent = undefined;
2240
2241 var onReply = function(commentId, domId) {
2242 if (replybox == null) {
2243 // lazily cache replybox, and adjust to suit this style:
2244 replybox = document.getElementById('comment-editor');
2245 if (replybox != null) {
2246 replybox.height = '250px';
2247 replybox.style.display = 'block';
2248 replyUrlParts = replybox.src.split('#');
2249 }
2250 }
2251 if (replybox && (commentId !== replyParent)) {
2252 replybox.src = '';
2253 document.getElementById(domId).insertBefore(replybox, null);
2254 replybox.src = replyUrlParts[0]
2255 + (commentId ? '&parentID=' + commentId : '')
2256 + '#' + replyUrlParts[1];
2257 replyParent = commentId;
2258 }
2259 };
2260
2261 var hash = (window.location.hash || '#').substring(1);
2262 var startThread, targetComment;
2263 if (/^comment-form_/.test(hash)) {
2264 startThread = hash.substring('comment-form_'.length);
2265 } else if (/^c[0-9]+$/.test(hash)) {
2266 targetComment = hash.substring(1);
2267 }
2268
2269 // Configure commenting API:
2270 var configJso = {
2271 'maxDepth': config.maxThreadDepth
2272 };
2273 var provider = {
2274 'id': config.postId,
2275 'data': items,
2276 'loadNext': paginator,
2277 'hasMore': hasMore,
2278 'getMeta': getMeta,
2279 'onReply': onReply,
2280 'rendered': true,
2281 'initComment': targetComment,
2282 'initReplyThread': startThread,
2283 'config': configJso,
2284 'messages': msgs
2285 };
2286
2287 var render = function() {
2288 if (window.goog && window.goog.comments) {
2289 var holder = document.getElementById('comment-holder');
2290 window.goog.comments.render(holder, provider);
2291 }
2292 };
2293
2294 // render now, or queue to render when library loads:
2295 if (window.goog && window.goog.comments) {
2296 render();
2297 } else {
2298 window.goog = window.goog || {};
2299 window.goog.comments = window.goog.comments || {};
2300 window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
2301 window.goog.comments.loadQueue.push(render);
2302 }
2303 })();
2304// ]]>
2305 </script>
2306</b:includable>
2307 <b:includable id='threaded_comments' var='post'>
2308 <div class='comments' id='comments'>
2309 <a name='comments'/>
2310 <h4><data:post.commentLabelFull/>:</h4>
2311
2312 <div class='comments-content'>
2313 <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
2314 <div id='comment-holder'>
2315 <data:post.commentHtml/>
2316 </div>
2317 </div>
2318
2319 <p class='comment-footer'>
2320 <b:if cond='data:post.allowNewComments'>
2321 <b:include data='post' name='threaded-comment-form'/>
2322 <b:else/>
2323 <data:post.noNewCommentsText/>
2324 </b:if>
2325 </p>
2326
2327 <b:if cond='data:showCmtPopup'>
2328 <div id='comment-popup'>
2329 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
2330 </iframe>
2331 </div>
2332 </b:if>
2333
2334 <div id='backlinks-container'>
2335 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
2336 <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
2337 </div>
2338 </div>
2339 </div>
2340</b:includable>
2341 </b:widget>
2342 </b:section>
2343 </div>
2344 </div>
2345
2346 <div class='column-left-outer'>
2347 <div class='column-left-inner'>
2348 <aside>
2349 <macro:include id='main-column-left-sections' name='sections'>
2350 <macro:param default='0' name='num' value='0'/>
2351 <macro:param default='sidebar-left' name='idPrefix'/>
2352 <macro:param default='sidebar' name='class'/>
2353 <macro:param default='true' name='includeBottom'/>
2354 </macro:include>
2355 </aside>
2356 </div>
2357 </div>
2358
2359 <div class='column-right-outer'>
2360 <div class='column-right-inner'>
2361 <aside>
2362 <macro:include id='main-column-right-sections' name='sections'>
2363 <macro:param default='2' name='num' value='1'/>
2364 <macro:param default='sidebar-right' name='idPrefix'/>
2365 <macro:param default='sidebar' name='class'/>
2366 <macro:param default='true' name='includeBottom'/>
2367 </macro:include>
2368 </aside>
2369 </div>
2370 </div>
2371
2372 </div>
2373
2374 <div style='clear: both'/>
2375 <!-- columns -->
2376 </div>
2377
2378 <!-- main -->
2379 </div>
2380 </div>
2381 <div class='main-cap-bottom cap-bottom'>
2382 <div class='cap-left'/>
2383 <div class='cap-right'/>
2384 </div>
2385 </div>
2386
2387 <footer>
2388 <div class='footer-outer'>
2389 <div class='footer-cap-top cap-top'>
2390 <div class='cap-left'/>
2391 <div class='cap-right'/>
2392 </div>
2393 <div class='fauxborder-left footer-fauxborder-left'>
2394 <div class='fauxborder-right footer-fauxborder-right'/>
2395 <div class='region-inner footer-inner'>
2396 <macro:include id='footer-sections' name='sections'>
2397 <macro:param default='2' name='num'/>
2398 <macro:param default='footer' name='idPrefix'/>
2399 <macro:param default='foot' name='class'/>
2400 <macro:param default='false' name='includeBottom'/>
2401 </macro:include>
2402 <!-- outside of the include in order to lock Attribution widget -->
2403 <b:section class='foot' id='footer-3' name='Footer' showaddelement='no'/>
2404 </div>
2405 </div>
2406 <div class='footer-cap-bottom cap-bottom'>
2407 <div class='cap-left'/>
2408 <div class='cap-right'/>
2409 </div>
2410 </div>
2411 </footer>
2412
2413 <!-- content -->
2414 </div>
2415 </div>
2416 <div class='content-cap-bottom cap-bottom'>
2417 <div class='cap-left'/>
2418 <div class='cap-right'/>
2419 </div>
2420 </div>
2421 </div>
2422
2423 <script type='text/javascript'>
2424 window.setTimeout(function() {
2425 document.body.className = document.body.className.replace('loading', '');
2426 }, 10);
2427 </script>
2428<div id='kfjf'><a class='classe1' href='https://soshyu-lays.blogspot.com/2020/04/universe-music.html'> <i class='tiny material-icons'>copyright</i>
2429</a></div>
2430</body>
2431
2432<macro:includable id='sections' var='col'>
2433 <macro:if cond='data:col.num == 0'>
2434 <macro:else/>
2435 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-1"' preferred='yes' showaddelement='yes'/>
2436
2437 <macro:if cond='data:col.num >= 2'>
2438 <table border='0' cellpadding='0' cellspacing='0' mexpr:class='"section-columns columns-" + data:col.num'>
2439 <tbody>
2440 <tr>
2441 <td class='first columns-cell'>
2442 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/>
2443 </td>
2444
2445 <td class='columns-cell'>
2446 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/>
2447 </td>
2448
2449 <macro:if cond='data:col.num >= 3'>
2450 <td class='columns-cell'>
2451 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/>
2452 </td>
2453 </macro:if>
2454
2455 <macro:if cond='data:col.num >= 4'>
2456 <td class='columns-cell'>
2457 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-4"'/>
2458 </td>
2459 </macro:if>
2460 </tr>
2461 </tbody>
2462 </table>
2463
2464 <macro:if cond='data:col.includeBottom'>
2465 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/>
2466 </macro:if>
2467 </macro:if>
2468 </macro:if>
2469</macro:includable>
2470
2471<b:section-contents id='sidebar-right-1'>
2472 <b:widget id='HTML1' locked='false' title='' type='HTML'>
2473 <b:widget-settings>
2474 <b:widget-setting name='content'><![CDATA[<div style="margin-left: -15px; position: fixed;"><img src="https://4.bp.blogspot.com/-n_W1NnbHPZU/WdhKGQxHzqI/AAAAAAAAAbU/lkfAqcZ3FdQdww61EPJzoXtd0-FI0pQKQCLcBGAs/s1600/a-.png" /></div>]]></b:widget-setting>
2475 </b:widget-settings>
2476 <b:includable id='main'>
2477 <!-- only display title if it's non-empty -->
2478 <b:if cond='data:title != ""'>
2479 <h2 class='title'><data:title/></h2>
2480 </b:if>
2481 <div class='widget-content'>
2482 <data:content/>
2483 </div>
2484
2485 <b:include name='quickedit'/>
2486</b:includable>
2487 </b:widget>
2488 <b:widget id='HTML2' locked='false' title='' type='HTML'>
2489 <b:widget-settings>
2490 <b:widget-setting name='content'><script type="text/javascript"
2491src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
2492<script>
2493$(document).ready(function() {
2494 //
2495//When you click on a link with class of poplight and the href starts with a #
2496
2497$('a.poplight[href^=#]').click(function() {
2498
2499 var popID = $(this).attr('rel'); //Get Popup Name
2500
2501 var popURL = $(this).attr('href'); //Get Popup href to define size
2502
2503 //Pull Query & Variables from href URL
2504
2505 var query= popURL.split('?');
2506
2507 var dim= query[1].split('&');
2508
2509 var popWidth = dim[0].split('=')[1]; //Gets the first query string value
2510
2511 //Fade in the Popup and add close button
2512
2513 $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://4.bp.blogspot.com/-SS9KNG5ik7k/WdlxvIlj-LI/AAAAAAAAAcU/egYZs7UmsxIzTyprZdLd70jqNFv-t2BYwCLcBGAs/s1600/rrrr.png" class="btn_close" title="Close Window" alt="Close" /></a>');
2514
2515 //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
2516
2517 var popMargTop = ($('#' + popID).height() + 80) / 2;
2518
2519 var popMargLeft = ($('#' + popID).width() + 80) / 2;
2520
2521 //Apply Margin to Popup
2522
2523 $('#' + popID).css({
2524
2525 'margin-top' : -popMargTop,
2526
2527 'margin-left' : -popMargLeft
2528
2529 });
2530
2531 //Fade in Background
2532
2533 $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
2534
2535 $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
2536
2537 return false;
2538
2539});
2540
2541
2542//Close Popups and Fade Layer
2543
2544$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
2545
2546 $('#fade , .popup_block').fadeOut(function() {
2547
2548 $('#fade, a.close').remove(); //fade them both out
2549 });
2550 return false;
2551});
2552
2553});
2554
2555</script>
2556
2557<div style="margin-left: 50px; margin-top: 100px; margin-right: 0px; margin-bottom: 0px; position: absolute;">
2558<div id="navcontainer">
2559<ul id="navlist">
2560<li id="active">
2561<li><a href="#?w=500" rel="About" class="poplight">About</a></li>
2562<li><a href="http://sos-hyu.blogspot.com.br/p/blog-page.html">Mapa</a></li>
2563<li><a href="#?w=500" rel="Amigos" class="poplight">Amigos</a> </li>
2564<li><a href="http://sos-hyu.blogspot.com.br/p/themes-free.html">Material</a></li>
2565<li><a href="#?w=500" rel="Créditos" class="poplight">Créditos</a></li>
2566</li></ul>
2567</div>
2568</div></b:widget-setting>
2569 </b:widget-settings>
2570 <b:includable id='main'>
2571 <!-- only display title if it's non-empty -->
2572 <b:if cond='data:title != ""'>
2573 <h2 class='title'><data:title/></h2>
2574 </b:if>
2575 <div class='widget-content'>
2576 <data:content/>
2577 </div>
2578
2579 <b:include name='quickedit'/>
2580</b:includable>
2581 </b:widget>
2582 <b:widget id='HTML3' locked='false' title='' type='HTML'>
2583 <b:widget-settings>
2584 <b:widget-setting name='content'><div id="About" class="popup_block">
2585<style>
2586.otitulo {
2587color: #aa7cd7;
2588margin-top: -8px;
2589margin-bottom:-8px;
2590font-family: 'PT Mono', monospace !important;
2591font-size: 18px;/* tamanho da fonte */
2592text-shadow: 1px 2px 1px #85aac6;/* sombra do texto */
2593text-align: center;/* centralizado */
2594padding: 20px;
2595}
2596.afoto {
2597border-radius: 5px 5px 5px 5px;
2598margin-top: -10px;
2599margin-bottom: -5px;
2600max-width: 300px;
2601height: auto;
2602}
2603.otexto {
2604color: #656565;
2605font-family: 'PT Mono', cursive;
2606font-size: 15px;
2607text-align: justify;
2608width: 700px;
2609margin-left: -10px;
2610height: 300px;
2611padding: 8px;
2612background: white;
2613border: 1px dashed #C0F6F6;
2614}
2615</style>
2616<div class='otitulo'>About us</div><br/>
2617<br/>
2618<center>
2619<div class='otexto'>
2620<div id="csstabs">
2621<div id="tab1">
2622<h3>... g e r a l ...</h3>
2623<div class="tabcontent">
2624<center><img class='afoto' src='https://i.imgur.com/bq0mbal.png'/></center>
2625<span style="font-size: large;">N</span>o dia 18/10/2014 fora criado este Blog, onde passou por varias mudanças, desde de o nome, quanto&nbsp;o assunto. Nele quem escreve sabe o quanto difícil é. Nunca consegue achar assunto para postar, muito deles são inspirados em outros de seu cotidiano. O&nbsp;<b>SOSHYU</b> tem um nome peculiar. Inicialmente teve o objetivo de ajudar em pequenos atributos ─ assim explica o "SOS"─ com o passar do tempo, quis ser transformado em um pequeno diário, postando então Tutoriais e o que bem entender (^.^) Não direi nem o quanto já teve mudanças. Já tive vários blogs com nomes e assuntos diferentes, mas sempre, em todos os artefatos, elas chegavam ao mesmo lugar. Não pretendo muda-lo novamente, mas como sou uma <strike>bosta</strike>&nbsp;para essas coisas não prometo nada♥<br /></div>
2626</div>
2627<div id="tab2">
2628<h3>Soshyu de cara nova</h3>
2629<div class="tabcontent">
2630<span style="text-align: justify;">Pois bem, novamente as mudanças aqui foram feitas (ou ainda serão, independente que quando tu está lendo isso hshsh). Soshyu entrou em um hiatu bem prolongado no dia 12/12/2016 e voltando a ativa no dia 06/05/2017. Com a autora mais atarefada que o costume, já que agora carrega as responsabilidades do trabalho e faculdade (mais canal, livros e fanfics) nas costas. Entretanto, decidiu reatar com o seu amor por blogar que sempre é guardado em seu coração a 8 anos. Entretanto tomou a decisão de deixar as postagens antigas inativas, para tentar recomeçar novamente.</span><br />
2631<br />
2632<span style="text-align: justify;">Uma nova postadora fora adicionada à família. Minha querida estrela <i>Uni-verse</i> estará me acompanhando para mais além nesta jornada. Sei que seria bem fútil adicioná-la ao Soshyu e não deixá-la que crie outro blog, mas eu precisava disso. Por este motivo, tive de me retirar de alguns projetos onde a postagem deveria ser com única postadora por blog, mas mesmo assim estou feliz com minha nova companhia.</span><br /></div>
2633</div>
2634</div>
2635</div></center></div></b:widget-setting>
2636 </b:widget-settings>
2637 <b:includable id='main'>
2638 <!-- only display title if it's non-empty -->
2639 <b:if cond='data:title != ""'>
2640 <h2 class='title'><data:title/></h2>
2641 </b:if>
2642 <div class='widget-content'>
2643 <data:content/>
2644 </div>
2645
2646 <b:include name='quickedit'/>
2647</b:includable>
2648 </b:widget>
2649 <b:widget id='HTML4' locked='false' title='' type='HTML'>
2650 <b:widget-settings>
2651 <b:widget-setting name='content'><div id="Mapa" class="popup_block">Conteúdo aqui</div>
2652<div id="Amigos" class="popup_block">
2653<a href="http://alcoolize.blogspot.com.br/"><suco>Alcoolize</suco>
2654<a href="http://dicionariotaku.blogspot.com.br/"><suco>Dicionário Otaku</suco>
2655<a href="http://extraterrestresnomundodalua.blogspot.com.br/"><suco>Extraterrestres M. Lua</suco>
2656<a href="http://4ever-sapo.blogspot.com.br/"><suco>Forever Sapo</suco>
2657<a href="http://comecoka.blogspot.com.br/"><suco>Hora do Chá com Mel</suco>
2658<a href="http://kawaii-sho.blogspot.com.br/"><suco>Kawaii Shõ</suco>
2659<a href="http://skull-minds.blogspot.com.br/"><suco>Skull Minds</suco>
2660
2661<a href="http://sos-hyu.blogspot.com.br/p/blog-page_30.html">AFILIE-SE AQUI♥
2662</a></a></a></a></a></a></a></a></div>
2663<div id="Material" class="popup_block">Conteúdo aqui</div>
2664<div id="Créditos" class="popup_block">
2665<div dir="ltr" style="text-align: left;" trbidi="on">
2666<a href="https://3.bp.blogspot.com/-rhYSsRkW4gs/WX-oRZYBx7I/AAAAAAAAFSI/fGPhj20hoWwdZD6Cu1MMPTA7c5YrXXRhQCLcBGAs/s1600/TESOURA.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="150" data-original-width="70" src="https://3.bp.blogspot.com/-rhYSsRkW4gs/WX-oRZYBx7I/AAAAAAAAFSI/fGPhj20hoWwdZD6Cu1MMPTA7c5YrXXRhQCLcBGAs/s1600/TESOURA.png" /></a>Devo agradecer à:<br />
2667<div>
2668<a href="http://chuvadehtml.blogspot.com.br/" target="_blank"><br /></a></div>
2669<div>
2670<a href="http://www.mundoblogger.com.br/" target="_blank">Mundo Blogger</a>&nbsp;: Pelo menu Vertical e menu de Abas</div>
2671<div>
2672<a href="http://webunny.blogspot.com.br/" target="_blank">Bunny Crazy</a>: Por outros efeitos.</div>
2673<div>
2674<a href="http://ilovethemes.tumblr.com/" target="_blank">I Love Themes</a>: Pelo Menu Pop Up.<br />
2675<br /></div>
2676<div>
2677<br /></div>
2678<div>
2679----------------------------</div>
2680<div>
2681<br /></div>
2682<div>
2683Imagens retiradas do <i>google imagens</i> - Tumblr, Davnart e afins. Editadas no <u>Photoshop</u>.</div>
2684<div>
2685<br /></div>
2686<div>
2687----------------------------</div>
2688<div>
2689Hospedagem de imagens no <a href="http://imgur.com/" target="_blank">Imgr</a>. e no próprio blogspot.<br />
2690<br />
2691----------------------------<br />
2692<br />
2693<i>Agradeço, principalmente a você! &lt;3&nbsp;</i></div>
2694</div>
2695
2696</div></b:widget-setting>
2697 </b:widget-settings>
2698 <b:includable id='main'>
2699 <!-- only display title if it's non-empty -->
2700 <b:if cond='data:title != ""'>
2701 <h2 class='title'><data:title/></h2>
2702 </b:if>
2703 <div class='widget-content'>
2704 <data:content/>
2705 </div>
2706
2707 <b:include name='quickedit'/>
2708</b:includable>
2709 </b:widget>
2710 <b:widget id='HTML5' locked='false' title='' type='HTML'>
2711 <b:widget-settings>
2712 <b:widget-setting name='content'><div style="position: absolute; margin-top: 380px; left: 50px;">
2713<div id="zooming" class="zoomingout"><img src="https://68.media.tumblr.com/c9660902cd5eff9a18037f3c92b2ecb2/tumblr_onmzaonAaP1w804xbo1_500.jpg" class="image4" />
2714<div id="palavras"><a href="class="image4"></a></div>
2715
2716<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;
2717font-family: calibri; font-style:normal;font-size: 13px;color: #9C9C9C;letter-spacing: 0px;">Como veio parar aqui, oh ser peregrino do universo? Bem, de qualquer forma, seja bem vindo(a) a um blog Free. Este local não há algum conteúdo, é apenas uma pré-visualização. Fique a vontade.</div>
2718
2719</div></div></b:widget-setting>
2720 </b:widget-settings>
2721 <b:includable id='main'>
2722 <!-- only display title if it's non-empty -->
2723 <b:if cond='data:title != ""'>
2724 <h2 class='title'><data:title/></h2>
2725 </b:if>
2726 <div class='widget-content'>
2727 <data:content/>
2728 </div>
2729
2730 <b:include name='quickedit'/>
2731</b:includable>
2732 </b:widget>
2733</b:section-contents><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'>
2734 <b:widget id='HTML6' locked='false' title='' type='HTML'>
2735 <b:widget-settings>
2736 <b:widget-setting name='content'><![CDATA[<style type='text/css'>HTML,BODY{cursor: url("https://4.bp.blogspot.com/--gXhjUCNmNE/V7bukcn-nYI/AAAAAAAAupc/PTAcLuoVW0oijWca4bnHykFDnUagYhlSgCLcB/s1600/tumblr_lnah7wwg6a1qco3pxo1_500_large.png"), url("https://4.bp.blogspot.com/--gXhjUCNmNE/V7bukcn-nYI/AAAAAAAAupc/PTAcLuoVW0oijWca4bnHykFDnUagYhlSgCLcB/s1600/tumblr_lnah7wwg6a1qco3pxo1_500_large.png"), auto;} A:hover{cursor: url(";https://2.bp.blogspot.com/-4Ux4DXOOltA/V7bugELEsZI/AAAAAAAAumo/n2BR18QxsgUf0KyrlsdZ_Rp_8l4xUKC6wCLcB/s1600/QYAx0I1%2B%25282%2529.png"), url("https://2.bp.blogspot.com/-4Ux4DXOOltA/V7bugELEsZI/AAAAAAAAumo/n2BR18QxsgUf0KyrlsdZ_Rp_8l4xUKC6wCLcB/s1600/QYAx0I1%2B%25282%2529.png"), auto;}</style>]]></b:widget-setting>
2737 </b:widget-settings>
2738 <b:includable id='main'>
2739 <!-- only display title if it's non-empty -->
2740 <b:if cond='data:title != ""'>
2741 <h2 class='title'><data:title/></h2>
2742 </b:if>
2743 <div class='widget-content'>
2744 <data:content/>
2745 </div>
2746
2747 <b:include name='quickedit'/>
2748</b:includable>
2749 </b:widget>
2750</b:section-contents><b:section-contents id='footer-2-2'/></html>