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