View difference between Paste ID: tGb3Y94s and ePRaPw0C
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html>
2
<!-- 
3
        Theme: Ten Toes  
4
        Help and FAQ: http://themes.stashfamily.com/help 
5
        Download: https://www.tumblr.com/theme/40683
6
        Documentation: http://themes.stashfamily.com/docs/ten-toes/
7
        
8
        Latest Update:
9
        
10
        - Added Scrollbar option.
11
        - Modal Post off option added. (To load posts in new page or external link).
12
-->
13
14
<html xmlns="http://www.w3.org/1999/xhtml">
15
<head>
16
17
    <meta charset="utf-8">
18
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
19
    <title>{Title}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
20
    <meta name="description" content="{block:Description}{MetaDescription}{/block:Description}"/>
21
    {MobileAppHeaders}
22
    <meta name="viewport" content="initial-scale=1.0, width=device-width" />
23
    
24
    {block:Hidden}
25
    
26
        <!-- Body Options -->
27
        <meta name="image:Logo" content=""/>
28
        <meta name="image:Background" content=""/>
29
        <meta name="color:Background" content="#ffffff">
30
        <meta name="color:Text" content="#000000">
31
        <meta name="color:Accent" content="#000000">
32
        <meta name="color:Logo" content="#000000">
33
        <meta name="color:Header Background" content="#ffffff">
34
        <meta name="color:Header Text" content="#000000">
35
        <meta name="color:Banner Background" content="#000000">
36
        <meta name="color:Banner Text" content="#ffffff">
37
        <meta name="if:Repeat Background Image" content="0">
38
        
39
       <!-- Fonts -->
40
        <meta name="text:Font Size" content="14px"/>
41
        <meta name="text:Header Size" content="10px"/>
42
        <meta name="text:Logo Size" content="10px"/>
43
        <meta name="text:Body Font" content=""/>
44
        <meta name="text:Logo Font" content=""/>
45
        <meta name="text:Banner Font" content=""/>
46
        
47
        <meta name="select:Font" content="Helvetica Neue" title="Helvetica Neue"/><meta name="select:Font" content="Arial" title="Arial"/><meta name="select:Font" content="courier new" title="Courier"/><meta name="select:Font" content="Domine" title="Domine"/><meta name="select:Font" content="Droid Sans" title="Droid Sans"/><meta name="select:Font" content="Droid Serif" title="Droid Serif"/><meta name="select:Font" content="Fira Sans" Title="Fira Sans"/><meta name="select:Font" content="Georgia" title="Georgia"/><meta name="select:Font" content="Gill Sans" Title="Gill Sans"/><meta name="select:Font" content="Karla" Title="Karla"/><meta name="select:Font" content="Lato" title="Lato"/><meta name="select:Font" content="Libre Baskerville" title="Libre Baskerville"/><meta name="select:Font" content="Lora" title="Lora"/><meta name="select:Font" content="Mako" title="Mako"/><meta name="select:Font" content="Merriweather" title="Merriweather"/><meta name="select:Font" content="Montserrat" title="Montserrat"/><meta name="select:Font" content="Noto Sans" title="Noto Sans"/><meta name="select:Font" content="Oswald" title="Oswald"/><meta name="select:Font" content="Playfair Display" title="Playfair Display"/><meta name="select:Font" content="PT Mono" title="PT Mono"/><meta name="select:Font" content="PT Sans" title="PT Sans"/><meta name="select:Font" content="PT Serif" title="PT Serif"/><meta name="select:Font" content="Raleway" title="Raleway"/><meta name="select:Font" content="Roboto" title="Roboto"/><meta name="select:Font" content="Roboto Condensed" title="Roboto Condensed"/><meta name="select:Font" content="Roboto Slab" title="Roboto Slab"/><meta name="select:Font" content="Source Sans Pro" title="Source Sans Pro"/><meta name="select:Font" content="Times New Roman" title="Times New Roman"/>
48
        
49
        <meta name="select:Body Font Weight" content="400" Title="Normal"/><meta name="select:Body Font Weight" content="700" Title="Bold"/><meta name="select:Body Font Weight" content="100" Title="100"/><meta name="select:Body Font Weight" content="200" Title="200"/><meta name="select:Body Font Weight" content="300" Title="300"/><meta name="select:Body Font Weight" content="500" Title="500"/><meta name="select:Body Font Weight" content="600" Title="600"/><meta name="select:Body Font Weight" content="800" Title="800"/><meta name="select:Body Font Weight" content="900" Title="900"/>
50
        
51
        <meta name="select:Logo Font Weight" content="700" Title="Bold"/><meta name="select:Logo Font Weight" content="400" Title="Normal"/><meta name="select:Logo Font Weight" content="100" Title="100"/><meta name="select:Logo Font Weight" content="200" Title="200"/><meta name="select:Logo Font Weight" content="300" Title="300"/><meta name="select:Logo Font Weight" content="500" Title="500"/><meta name="select:Logo Font Weight" content="600" Title="600"/><meta name="select:Logo Font Weight" content="800" Title="800"/><meta name="select:Logo Font Weight" content="900" Title="900"/>
52
        
53
        <meta name="select:Logo Text" content="normal" Title="Normal"/><meta name="select:Logo Text" content="uppercase" Title="Uppercase"/><meta name="select:Logo Text" content="lowercase" Title="Lowercase"/>
54
        
55
        <meta name="select:Banner Text Font Weight" content="400" Title="Normal"/><meta name="select:Banner Text Font Weight" content="700" Title="Bold"/><meta name="select:Banner Text Font Weight" content="100" Title="100"/><meta name="select:Banner Text Font Weight" content="200" Title="200"/><meta name="select:Banner Text Font Weight" content="300" Title="300"/><meta name="select:Banner Text Font Weight" content="500" Title="500"/><meta name="select:Banner Text Font Weight" content="600" Title="600"/><meta name="select:Banner Text Font Weight" content="800" Title="800"/><meta name="select:Banner Text Font Weight" content="900" Title="900"/>
56
        
57
        <!-- Banner -->
58
        <meta name="image:Banner Background" content=""/>
59
        <meta name="image:Mobile Banner Background" content=""/>
60
        <meta name="text:Banner Text Size" content="20px"/>
61
        <meta name="text:Banner Text" content="The banner is off, switch it on by turning the 'Banner' switch on.">
62
        <meta name="text:Banner Youtube Video ID" content=""/>
63
        <meta name="text:Banner Button Text" content=""/>
64
        <meta name="text:Banner Button URL" content=""/>
65
        <meta name="if:Banner" content="0"/>
66
        <meta name="if:Banner Overlay" content="0"/>
67
        <meta name="if:Mobile Hide Banner" content="0">
68
        <meta name="if:Banner Only No Posts" content="0"/>
69
70
        <!-- Nav -->
71
        <meta name="if:Banner" content="0"/>
72
        <meta name="if:Random Link" content="0"/>    
73
        <meta name="if:Archive Link" content="0"/>    
74
        <meta name="if:RSS Link" content="0"/> 
75
        <meta name="if:Home Link" content="0"/>    
76
        <meta name="if:Show Photo Overlay" content="1"/>
77
        <meta name="if:Show Post Tags" content="1"/>
78
        <meta name="if:Show Post Caption" content="1"/>
79
        <meta name="if:Show Post Meta" content="1"/>
80
        <meta name="if:Show Post Date" content="0"/>
81
        <meta name="if:Show Post Share" content="1"/>
82
        <meta name="if:Show Post Note Count" content="1"/>
83
        <meta name="if:Show Post Notes" content="0"/>
84
        <meta name="if:Scrollbar" content="0"/>
85
        <meta name="if:Modal Post" content="1"/>
86
        <meta name="if:High Quality Images" content="1"/>
87
        
88
        <meta name="text:Ask Link Label" content="Ask">
89
        <meta name="text:Submit Link Label" content="Submit">
90
        <meta name="text:Archive Link Label" content="Archive">
91
        <meta name="text:Random Link Label" content="Random">
92
        
93
        <!-- Socials -->
94
95
        <meta name="text:Twitter URL" content="">
96
        <meta name="text:Instagram URL" content="">
97
        <meta name="text:Facebook URL" content="">
98
        <meta name="text:Youtube URL" content="">
99
        <meta name="text:Snapchat URL" content="">
100
        <meta name="text:Email Address" content="">
101
     
102
        <meta name="text:500px URL" content="">  
103
        <meta name="text:Amazon URL" content="">    
104
        <meta name="text:Apple URL" content="">        
105
        <meta name="text:Bandcamp URL" content="">
106
        <meta name="text:Behance URL" content="">
107
        <meta name="text:Dribbble URL" content="">
108
        <meta name="text:Etsy URL" content="">
109
        <meta name="text:Flickr URL" content="">
110
        <meta name="text:Github URL" content="">
111
        <meta name="text:Google Plus URL" content="">
112
        <meta name="text:Linkedin URL" content="">
113
        <meta name="text:PayPal URL" content="">
114
        <meta name="text:Pinterest URL" content="">
115
        <meta name="text:Podcast URL" content="">
116
        <meta name="text:Mixcloud URL" content="">
117
        <meta name="text:SoundCloud URL" content="">
118
        <meta name="text:Skype URL" content="">
119
        <meta name="text:Spotify URL" content="">
120
        <meta name="text:Twitch URL" content="">
121
        <meta name="text:Vimeo URL" content="">
122
        <meta name="text:VK URL" content="">
123
        <meta name="text:Wordpress URL" content="">
124
        
125
        <meta name="text:Custom Link 1 URL" content=""/>
126
        <meta name="text:Custom Link 1 Name" content=""/>
127
        <meta name="text:Custom Link 2 URL" content=""/>
128
        <meta name="text:Custom Link 2 Name" content=""/>
129
        <meta name="text:Custom Link 3 URL" content=""/>
130
        <meta name="text:Custom Link 3 Name" content=""/>
131
        <meta name="text:Custom Link 4 URL" content=""/>
132
        <meta name="text:Custom Link 4 Name" content=""/>
133
        <meta name="text:Custom Link 5 URL" content=""/>
134
        <meta name="text:Custom Link 5 Name" content=""/>
135
        <meta name="text:Custom Link 6 URL" content=""/>
136
        <meta name="text:Custom Link 6 Name" content=""/>
137
        <meta name="text:Custom Link 7 URL" content=""/>
138
        <meta name="text:Custom Link 7 Name" content=""/>
139
        <meta name="text:Custom Link 8 URL" content=""/>
140
        <meta name="text:Custom Link 8 Name" content=""/>
141
        <meta name="text:Custom Link 9 URL" content=""/>
142
        <meta name="text:Custom Link 9 Name" content=""/>
143
        <meta name="text:Custom Link 10 URL" content=""/>
144
        <meta name="text:Custom Link 10 Name" content=""/>
145
        
146
        <!-- Typekit -->
147
        <meta name="text:TypeKit ID" content=""/>
148
        <meta name="text:TypeKit Body Font" content=""/>
149
        <meta name="text:TypeKit Logo Font" content=""/>
150
    
151
        <meta name="text:Google Analytics ID" content=''/>
152
  
153
        <meta name="select:Header Text Case" content="uppercase" Title="Uppercase"/><meta name="select:Header Text Case" content="normal" Title="Normal"/><meta name="select:Header Text Case" content="lowercase" Title="Lowercase"/>
154
        
155
        <meta name="select:Banner Play Button Colour" content="light" Title="Light"/><meta name="select:Banner Play Button Colour" content="dark" Title="Dark"/>
156
        
157
        <meta name="select:Posts Columns" content="three" Title="3"/><meta name="select:Posts Columns" content="one" Title="1"/><meta name="select:Posts Columns" content="two" Title="2"/>
158
        
159
        <meta name="select:Modal Post Image Size" content="modal-post-fit" Title="Fit"/><meta name="select:Modal Post Image Size" content="modal-post-full" Title="Full"/>
160
161
        <!-- Translations -->
162
        <meta name="text:Translate Share Text" content="Share">
163
        <meta name="text:Translate Like Text" content="Like">
164
        <meta name="text:Translate Reblog Text" content="Reblog">
165
        <meta name="text:Translate Notes Text" content="Notes">
166
        <meta name="text:Translate Close Text" content="Close">
167
        <meta name="text:Translate Next Text" content="Next">
168
        <meta name="text:Translate Prev Text" content="Prev">
169
        <meta name="text:Translate Posted On Text" content="Posted on">
170
        <meta name="text:Translate asked Text" content="asked">
171
172
    {/block:Hidden}
173
174
    <!-- Favicon, RSS & Ext. CSS -->
175
176
    <link rel="shortcut icon" href="{Favicon}"/>
177
    <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
178
179
180
    <!-- stash Options -->
181
    <script>
182
        var TUMBLR_API_KEY = "5c9EqEvjoBVXriaQDOluhj9kUOElq0oIl9EQCxSWTmQ0Ifk7Cs",
183
            TUMBLR_HOSTNAME = {JSPlaintextHost},
184
            TUMBLR_TITLE = {JSPlaintextTitle},
185
            TUMBLR_DESC = {JSPlaintextDescription},
186
            TUMBLR_URL = {JSPlaintextBlogURL},
187
            antsGrid = "{select:Posts Columns}",
188
            SHOW_POST_NOTES = {block:IfShowPostNotes}true{/block:IfShowPostNotes}{block:IfNotShowPostNotes}false{/block:IfNotShowPostNotes};
189
    </script>
190
191
192
    <link href='https://static.tumblr.com/jzzkxgh/KW9opoygt/font-awesome.css' rel='stylesheet' type='text/css'>
193
    <link href='https://cdn.iconmonstr.com/1.1.0/css/iconmonstr-iconic-font.min.css' rel='stylesheet' type='text/css'>
194
195
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family={select:Font}:{select:Body Font Weight}, 400,400italic,700,700italic">
196
    {block:IfBodyFont}<link rel="stylesheet" href="https://fonts.googleapis.com/css?family={text:Body Font}:{select:Body Font Weight}, 400,400italic,700,700italic">{/block:IfBodyFont}
197
    {block:IfBannerFont}<link rel="stylesheet" href="https://fonts.googleapis.com/css?family={text:Banner Font}:{select:Banner Text Font Weight}, 400,400italic,700,700italic">{/block:IfBannerFont}
198
    {block:IfLogoFont}<link rel="stylesheet" href="https://fonts.googleapis.com/css?family={text:Logo Font}:{select:Logo Font Weight}, 400,400italic,700,700italic">{/block:IfLogoFont}
199
200
    <link href="http://static.tumblr.com/jzzkxgh/c8Wos7zyv/core.css" rel="stylesheet">
201
    
202
    <style type="text/css">
203
        
204
        body {
205
            font: {text:Font Size} {block:IfBodyFont}"{text:Body Font}",{/block:IfBodyFont} "{select:Font}", Helvetica Neue, Helvetica, Arial, sans-serif;
206
            {block:IfTypeKitBodyFont}
207
                font:{text:Font Size} "{text:TypeKit Body Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif;
208
            {/block:IfTypeKitBodyFont}
209
            color: {color:Text};
210
            font-weight:{select:Body Font Weight};
211
            line-height:1.6;
212
            background: {color:Background} url({image:Background}) 
213
                {block:ifrepeatbackgroundimage}repeat fixed;{/block:ifrepeatbackgroundimage}
214
                {block:ifnotrepeatbackgroundimage}no-repeat center fixed; background-size:cover; -webkit-background-size:cover{/block:ifnotrepeatbackgroundimage}
215
            ;
216
            overflow-x:hidden;
217
            overflow-y:auto;
218
        }
219
220
        {block:ifnotscrollbar}
221
            @media (min-width:740px) {
222
                ::-webkit-scrollbar {
223
                    width: 0;
224
                    height: 0;
225
                    display: none; 
226
                }
227
            }
228
        {/block:ifnotscrollbar}
229
230
        blockquote {
231
            font:{text:Font Size} {block:IfBodyFont}"{text:Body Font}",{/block:IfBodyFont} "{select:Font}", Helvetica Neue, Helvetica, Times New Roman, sans-serif;
232
            {block:IfTypeKitBodyFont}
233
                font:{text:Font Size} "{text:TypeKit Body Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif;
234
            {/block:IfTypeKitBodyFont}
235
            padding: 0;
236
            font-style:italic;
237
        }
238
        
239
        .wrapper {
240
            background: {color:Background} url({image:Background}) 
241
                {block:ifrepeatbackgroundimage}repeat fixed;{/block:ifrepeatbackgroundimage}
242
                {block:ifnotrepeatbackgroundimage}no-repeat center fixed; background-size:cover; -webkit-background-size:cover{/block:ifnotrepeatbackgroundimage}
243
            ;
244
        }
245
246
        .button {
247
            padding: 8px 13px;
248
            color:{color:Background};
249
            background:{color:Accent};
250
            font-size:12px;
251
            font-weight:normal;
252
            font-family:{block:IfBodyFont}"{text:Body Font}",{/block:IfBodyFont} "{select:Font}", Helvetica Neue, Helvetica, Times New Roman, sans-serif;
253
            {block:IfTypeKitBodyFont}
254
                font-family:"{text:TypeKit Body Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif;
255
            {/block:IfTypeKitBodyFont}
256
            text-transform:uppercase;
257
            -webkit-transition:all 0.2s ease-out;
258
            transition:all 0.2s ease-out;
259
            cursor:pointer;
260
            text-decoration:none;
261
            display:inline-block;
262
            margin-top:15px;
263
        }
264
        
265
        .banner-button {
266
            background:{color:Banner Button Background};
267
            color:{color:Banner Button Text} !important;
268
        }
269
270
        .banner-button:first-of-type {
271
            margin:0 14px 0 0;
272
        }      
273
        
274
275
        .stash-content .post-answer {
276
            border: 5px solid {color:Accent};
277
        }
278
279
        /* Global styles */
280
        
281
        a, .post-like, #backToTop {
282
            color: {color:Accent};
283
            text-decoration:none;
284
        }
285
286
        a:hover, .post-like:hover {
287
            text-decoration:none;
288
        }
289
        
290
        h1,h2,h3,h4,h5,h6 {
291
            color:{color:Text};
292
        }
293
        
294
        h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
295
            color:{color:Accent};
296
        }
297
        
298
        .footer-icon {
299
            color: {color:Text};
300
        }
301
        
302
        
303
        
304
        .post-quote blockquote, .quote blockquote {
305
            border:none;
306
            padding:0;
307
            font-size:24px;
308
            font-weight:700;
309
            line-height:1.3;
310
            color: {color:Accent};
311
        }
312
        
313
314
        .post-meta .share li a, .post-share-toggle {
315
            cursor:pointer;
316
        }
317
        
318
        .post-meta { 
319
            font-size:12px;
320
        }
321
        
322
        .post-meta li:hover {
323
            border-bottom:1px solid {color:Accent};
324
        }
325
        
326
        #header {
327
            color:{color:Header Text};
328
            font-size:{text:Header Size};
329
        }
330
        
331
        /*Custom CSS*/
332
        {CustomCSS}
333
        
334
        .share li a {
335
            cursor:pointer;
336
        }
337
        
338
        .post-page .asker-box {
339
            border-left: 5px solid {color:Accent};
340
            border-top: 5px solid {color:Accent};
341
        }
342
        
343
        .asker-box {
344
            background:{color:Accent};
345
            padding:8px;
346
            color:{color:Background};
347
        }
348
        
349
        .asker {
350
            color:{color:Background};
351
        }
352
        
353
        article.post.pp .post-header {
354
            -webkit-transition: all 0.2s ease-in-out;
355
            transition: all 0.2s ease-in-out; 
356
            position:absolute;
357
            top:27px;
358
            left:24px;
359
            visibility:hidden;
360
            opacity:0;
361
            color:#E7E7E7;
362
            z-index:3;
363
            font-size:16px;
364
            cursor:url("http://static.tumblr.com/evx2wil/6N2o49gaj/plus.svg"),auto;
365
            cursor:-webkit-image-set(url("http://static.tumblr.com/evx2wil/6N2o49gaj/plus.svg")),auto;
366
            -webkit-transform: translate3d(0,-5px,0);
367
            transform: translate3d(0,-5px,0);
368
        }
369
        article.post.pp:hover .post-header {
370
            opacity:1;
371
            visibility:visible;
372
            -webkit-transition: all 0.2s ease-in-out;
373
            transition: all 0.2s ease-in-out;
374
            -webkit-transform: translate3d(0,0,0);
375
            transform: translate3d(0,0,0);
376
        }
377
        
378
        {block:IfNotShowPostNoteCount}
379
            .post-note-count, .meta-notes {
380
                display:none !important;
381
            }
382
        {/block:IfNotShowPostNoteCount}
383
        
384
        .post-header a {
385
            color:#fff;
386
            font-size:16px;
387
            display:block;
388
            cursor:url("http://static.tumblr.com/evx2wil/6N2o49gaj/plus.svg"),auto;
389
            cursor:-webkit-image-set(url("http://static.tumblr.com/evx2wil/6N2o49gaj/plus.svg")),auto;
390
        }
391
        
392
        #sidebar {
393
            color:{color:Header Text};
394
            background:{color:Header Background};
395
            font-size:{text:Header Size};
396
        }
397
        #sidebar h3 {
398
            margin-bottom:20px;
399
            color:{color:Header Text};
400
            font-size:13px;
401
        }
402
        
403
        .search input {
404
            border: none;
405
            box-sizing: border-box;
406
            background:{color:Header Text};
407
            color: {color:Header Background};
408
            text-align:left;
409
            font-family: {block:IfBodyFont}"{text:Body Font}",{/block:IfBodyFont} "{select:Font}", 'Gill Sans MT', Calibri, Helvetica Neue, sans-serif;
410
            -webkit-transition: .2s;
411
            transition: .2s;
412
            font-size: 13px;
413
            display: block;
414
            width: 100%;
415
            position: relative;
416
            padding: 8px 14px;
417
        }
418
        
419
        .search input[type="submit"] {
420
            background:{color:Header Background};
421
            color:{color:Header Text};
422
            text-transform:uppercase;
423
            padding:10px 0;
424
            text-align:center;
425
            cursor:pointer;
426
        }
427
        #sidebar a {
428
            color:{color:Header Text};
429
        }
430
        .widget h3 {
431
            color:{color:Header Text};
432
            text-transform:uppercase;
433
        }
434
        
435
        .widget {
436
            color:{color:Header Text};
437
        }
438
439
        #twitter a {
440
            color:{color:Header Text};
441
        }
442
        .social-links ul li a {
443
            color:{color:Header Text};
444
        }
445
        
446
    
447
        /* Modal */
448
449
        @media (min-width: 768px) {
450
            .stash-content.big-height {
451
                top: 0;
452
                -webkit-transform: translate(-50%, 0);
453
                transform: translate(-50%, 0);
454
                -webkit-transition: top .4s, left .4s, right .4s, transform .4s, width .4s;
455
                transition: top .4s, left .4s, right .4s, transform .4s, width .4s;
456
            }
457
        }
458
        .stash-back-btn {
459
            padding: 20px 0;
460
            font-size: 12px;
461
            color: {color:Text};
462
            font-weight: bold;
463
            text-transform: uppercase;
464
            text-align: center;
465
            cursor: pointer;
466
            display: none;
467
        }
468
        .stash-back-btn svg {
469
            fill: {color:Accent};
470
            -webkit-transition: .2s all;
471
            transition: .2s all;
472
        }
473
        .stash-border-right {
474
            right: 0;
475
        }
476
477
        .stash-post-meta svg {
478
             fill: {color:Accent}!important;
479
        }
480
        @media (max-width: 550px) {
481
            .stash-post-meta svg {
482
                -webkit-transform: scale(1.3);
483
                transform: scale(1.3);
484
            }
485
        }
486
487
        .close-modal svg g path {
488
            fill:white;
489
        }
490
        
491
        svg .animated-circle {
492
            stroke:white};
493
        }
494
495
        .stash-post-meta .close {
496
            opacity: 0;
497
        }
498
        
499
        .stash-overlay, .stash-overlay p, .stash-overlay a, .stash-overlay .post-like, .stash-overlay * {
500
            color:white !important;
501
        }
502
        
503
        .stash-overlay {
504
            background:transparent;
505
        }
506
507
        @media (max-width: 550px) {
508
            .close-modal {
509
                top:20px;
510
                left:10px;
511
            }
512
            #stash-container {
513
                background: {color:Background};
514
            }
515
            .close-modal svg g path {
516
                fill:{color:Accent};
517
            }
518
            
519
            svg .animated-circle {
520
                stroke:{color:Accent};
521
            }
522
            
523
            .stash-overlay, .stash-overlay p, .stash-overlay a, .stash-overlay .post-like, .stash-overlay * {
524
                color:{color:Accent} !important;
525
            }
526
        }
527
        
528
        .tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
529
            z-index: 1000000!important;
530
        }
531
        
532
        .post-navigation li, .post-navigation li, .post-navigation li span {
533
            background:{color:Text};
534
        }
535
        
536
        .post-navigation li a, .post-navigation li a, .post-navigation li span {
537
            color:{color:Background};
538
        }
539
        
540
        .post-navigation li:hover, .post-navigation li:hover, .post-navigation li:hover span, .ps-options:hover {
541
            background:{color:Background};
542
        }
543
        
544
        .post-navigation li:hover > a, .post-navigation li:hover > a, .post-navigation li:hover span, .ps-options:hover {
545
            color:{color:Text};
546
        }
547
        
548
        .post-navigation li:after, .ps-options:after {
549
            background:{color:Background};
550
            opacity:0.1;
551
            width:100%;
552
            height:1px;
553
            position:absolute;
554
            bottom:-1px;
555
            left:0;
556
        }
557
        
558
        #stash-preloader {
559
            position: fixed;
560
            top: 0;
561
            z-index: 1000000;
562
            width: 100%;
563
            height: 100%;
564
            background: {color:Background};
565
        }
566
        #stash-preloader .loading-icon {
567
            position: absolute;
568
            top: 50%;
569
            left: 50%;
570
            -webkit-transform: translate(-50%,-50%);
571
            transform: translate(-50%,-50%);
572
            border-radius: 50%;
573
            width: 32px;
574
            height: 32px;
575
            border: 0.25rem solid transparent;
576
            display: inline-block;
577
            margin: 0 8px;
578
            animation-name: spin;
579
            animation-duration: 1s;
580
            animation-iteration-count: infinite;
581
            animation-timing-function: cubic-bezier(0.55, 0.15, 0.45, 0.85);
582
        }
583
        #stash-preloader .loading-icon, #ants-loader .loading-icon {
584
            border: 0.25rem solid transparent;
585
            border-top-color: {color:Accent};
586
        }
587
588
        {block:IfNotShowPostMeta}
589
            .note-count, #stash-ants .meta, #stash-ants .post-meta .share, .meta, .share {
590
                display:none;
591
            }
592
        {/block:IfNotShowPostMeta}
593
        
594
        {block:IfNotShowPostDate}
595
            .meta-date, .meta time, .post-meta .meta {
596
                display:none !important;
597
            }
598
        {/block:IfNotShowPostDate}
599
      
600
        {block:IfNotShowPostShare}
601
            #stash-ants .post .post-share-parent, .stash-show-share {
602
                display:none;
603
            }
604
        {/block:IfNotShowPostShare}
605
        
606
        {block:IfNotShowPostTags}
607
            #stash-ants .post .tags, .tags, .the-tag {
608
                display:none !important;
609
            }
610
        {/block:IfNotShowPostTags}
611
        
612
        {block:IfNotShowPostCaption}
613
            #stash .post-photo .post-meta, #stash .post-photo .content, #stash .post-photoset .post-meta, #stash .post-photoset .content {
614
                display:none;
615
            }
616
            
617
            #stash .post-video .post-meta, #stash .post-video .content, #stash .post-audio .post-meta, #stash .post-audio .content {
618
                display:none;
619
            }
620
        {/block:IfNotShowPostCaption}
621
        
622
        {block:IfShowPostCaption}
623
            .overlay, .overlay-bg {
624
                display:none;
625
            }
626
        {/block:IfShowPostCaption}
627
        
628
        {block:IfNotShowPostNoteCount}
629
            #stash-ants .post .meta-notes, .note-count {
630
                display:none;
631
            }
632
        {/block:IfNotShowPostNoteCount}
633
    
634
        {block:IfNotShowRebloggedFrom}
635
            .reblogged-from {
636
                display:none;
637
            }
638
        {/block:IfNotShowRebloggedFrom}
639
        
640
        {block:IfNotShowPhotoOverlay}
641
            .overlay, .overlay-bg {
642
                display:none;
643
            }
644
        {/block:IfNotShowPhotoOverlay}
645
        
646
        #banner p {
647
            font:{select:Banner Text Font Weight} {text:Banner Text Size} {block:IfBannerFont}"{text:Banner Font}",{/block:IfBannerFont} "{select:Font}", Helvetica Neue, Arial, sans-serif;
648
            {block:IfTypeKitBannerFont}
649
                font:{select:Banner Text Font Weight} {text:Banner Text Size} "{text:Typekit Banner Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif;
650
            {/block:IfTypeKitBannerFont}
651
            color:{color:Banner Text};
652
            font-weight:bold;
653
            margin:0 auto 25px auto;
654
            width:100%;
655
        }
656
        
657
        .banner-text a {
658
            color:{color:Banner Text};
659
        }
660
        
661
        #banner {
662
            background-color:{color:Banner Background};
663
        }   
664
        
665
        body.tagged-page #banner {
666
            display:none !important;
667
        }
668
        
669
        {block:ifBannerOverlay}
670
            .banner-youtube-video, #banner-vimeo-video, .banner-img, .mobile-banner-img {
671
                opacity:0.5;  
672
            }
673
            #banner {
674
                background-color:black;
675
            }
676
        {/block:ifBannerOverlay}
677
        
678
        .banner-img {
679
            background:url({image:Banner Background}) center bottom no-repeat;
680
            background-size:cover;
681
            background-position:center center;
682
            background-repeat:no-repeat;
683
            height:100vh;
684
            width:100%;
685
            top:0;
686
            left:0;
687
            z-index:-1;
688
            -webkit-transform: scale(1.2);
689
            transform: scale(1.2);
690
            transition: opacity .8s linear,-webkit-transform 2.6s cubic-bezier(.19,1,.22,1);
691
            transition: opacity .8s linear,transform 2.6s cubic-bezier(.19,1,.22,1);
692
        }
693
        
694
        .mobile-banner-img {
695
            background:url({image:Mobile Banner Background}) center center no-repeat;
696
            background-size:cover;
697
            background-position:center center;
698
            background-repeat:no-repeat;
699
            height:100vh;
700
            width:100%;
701
            top:0;
702
            left:0;
703
            z-index:-2;
704
            -webkit-transform: scale(1.2);
705
            transform: scale(1.2);
706
            transition: opacity .8s linear,-webkit-transform 2.6s cubic-bezier(.19,1,.22,1);
707
            transition: opacity .8s linear,transform 2.6s cubic-bezier(.19,1,.22,1);
708
        }
709
        
710
        @media (min-width:740px) {
711
            .mobile-banner-img {
712
                display:none;
713
            }
714
        }
715
        
716
        .navigation, .header-social {
717
            font-weight:{select:Logo Font Weight};
718
        }
719
720
        .navigation a {
721
            color:{color:Header Text};
722
        }
723
724
        .logo, .logo a {
725
            font:{select:Logo Font Weight} {text:Logo Size} {block:IfLogoFont}"{text:Logo Font}",{/block:IfLogoFont} "{select:Font}", Helvetica Neue, Arial, sans-serif;
726
            
727
            {block:IfTypeKitLogoFont}
728
                font:{select:Logo Font Weight} {text:Logo Size} "{text:Typekit Logo Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif;
729
            {/block:IfTypeKitLogoFont}
730
            color:{color:Logo};
731
            font-weight:{select:Logo Font Weight};
732
        }
733
        
734
        .sidebar-logo, .sidebar-logo a {
735
            font:{select:Logo Font Weight} 19px {block:IfLogoFont}"{text:Logo Font}",{/block:IfLogoFont} "{select:Font}", Helvetica Neue, Arial, sans-serif;
736
            
737
            {block:IfTypeKitLogoFont}
738
                font:{select:Logo Font Weight} 19px "{text:Typekit Logo Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif;
739
            {/block:IfTypeKitLogoFont}
740
        }
741
        
742
        {block:ifMobileHideBanner}
743
            @media (max-width:740px) {
744
                #banner {
745
                    display:none;
746
                }
747
            }
748
        {/block:ifMobileHideBanner}
749
        
750
        {block:ifBannerOnlyNoPosts}
751
            .index .page-container {
752
                display:none;
753
            }
754
            body.tagged-page.index .page-container {
755
                display:block !important;
756
            }
757
            .arr-down {
758
                display:none;
759
            }
760
        {/block:ifBannerOnlyNoPosts}
761
762
        .arr-down, .mute-button, .play-button, .banner-video-option, .banner-video-options {
763
            color:{color:Banner Text};
764
        }
765
        
766
        #sidebar .social-links a {
767
            color:{color:Header Text};
768
        }
769
        #sidebar .social-links a:hover {
770
            color:{color:Header Text};
771
        }
772
        
773
        @media (max-width: 740px) { 
774
775
            .stash-overlay {
776
                background: {color:Background};
777
            }
778
        
779
            .logo a {
780
                font:{select:Logo Font Weight} 9px/30px {block:IfLogoFont}"{text:Logo Font}",{/block:IfLogoFont} "{select:Font}", Helvetica Neue, Arial, sans-serif;
781
                {block:IfTypeKitLogoFont}
782
                    font:{select:Logo Font Weight} 9px/30px "{text:Typekit Logo Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif;
783
                {/block:IfTypeKitLogoFont}
784
                width:auto;
785
            }
786
            
787
            #banner p {
788
                font:{select:Banner Text Font Weight} 18px  {block:IfBannerFont}"{text:Banner Font}",{/block:IfBannerFont} "{select:Font}", Helvetica Neue, Arial, sans-serif;
789
                {block:IfTypeKitBannerFont}
790
                    font:18px "{text:Typekit Banner Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif;
791
                {/block:IfTypeKitBannerFont}
792
                max-width:100%;
793
            }
794
            
795
            {block:ifmobilebannerbackgroundimage}
796
                .banner-img {
797
                    display:none;
798
                }
799
            {/block:ifmobilebannerbackgroundimage}
800
            
801
            body.sidebar-open .sidebar-toggle span, body.sidebar-open .sidebar-toggle span:before, body.sidebar-open .sidebar-toggle span:after {
802
                background:{color:Header Text};
803
            }
804
            #header {
805
                background:{color:Header Background};
806
                height:50px;
807
                line-height:50px;
808
            }
809
            
810
            .navigation, .header-social {
811
                display:none;
812
            }
813
            
814
            #header a, .logo a, .logo, .sidebar-toggle {
815
                color:{color:Header Text};
816
            }
817
            
818
            html.modal-open .sidebar-toggle {
819
                display:none;
820
            }                
821
            
822
            .sidebar-toggle span, .sidebar-toggle span:before, .sidebar-toggle span:after {
823
                background:{color:Header Text};
824
            }
825
            .close-mobile-modal svg g {
826
                fill:{color:Header Text};
827
            }
828
        }
829
          
830
        /* Customize Help */
831
        
832
        .demo-note {
833
            position: fixed;
834
            bottom: 0;
835
            right:0;
836
            background: black;
837
            font-size: 14px;
838
            text-align: left;
839
            line-height: 1;
840
            font-family: "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold",Helvetica Neue, Arial, sans-serif;
841
            z-index: 999999;
842
            width:100%;
843
            max-width:360px;
844
            opacity:0;
845
            visibility:hidden;
846
            transform:translateY(100%);
847
            transition:all 0.3s ease;
848
        }
849
        
850
        .demo-note.visible {
851
            opacity:1;
852
            visibility:visible;
853
            transform:translateY(0);
854
        }
855
        
856
        .demo-note nav {
857
            text-transform:uppercase;
858
            font-size:13px;
859
        }
860
        
861
        .demo-note nav ul {
862
            padding:0;
863
            margin:0;
864
        }
865
        
866
        .demo-note nav ul li {
867
            float:left;
868
            list-style:none;
869
            width:50%;
870
        }
871
        
872
        .demo-note nav ul li a {
873
            padding:14px;
874
            display:block;
875
        }
876
        
877
        .demo-note  a {
878
            color:white;
879
            text-decoration:none;
880
        }
881
        
882
        .demo-note nav .im {
883
            font-size:9px;
884
            margin-left:3px;
885
            transition:all 0.2s;
886
        }
887
        
888
        .get-started-toggle {
889
            background:url('http://static.tumblr.com/jzzkxgh/NjToomr9a/get-started.gif');
890
        }
891
        
892
        .get-started-toggle a {
893
            color:black;
894
        }
895
        
896
        .demo-toggle.open .im {
897
            -webkit-transform:rotate(180deg);
898
            transform:rotate(180deg);
899
        }
900
        
901
        .theme-help-toggle {
902
            background:url('https://68.media.tumblr.com/b899e9b349cdb21b5fbc1bcb142f9505/tumblr_o2lmc2zmLk1u6fq9ao1_500.gif');
903
            color: white;
904
        }
905
906
        .theme-help-toggle a:hover {
907
            text-decoration:none;
908
        }
909
        
910
        .demo-overlay {
911
            color:white;
912
            height:0;
913
            -webkit-transition:opacity 0.8s ease, height 0.8s ease, visibility, 0.8s ease ;
914
            transition:opacity 0.8s ease, height 0.8s ease, visibility, 0.8s ease;
915
            opacity:0;
916
            visibility:hidden;
917
        }
918
919
        .demo-overlay.open {
920
            margin-top:28px;
921
            height:auto;
922
            -webkit-transition:all 0.8s ease;
923
            transition:all 0.8s ease;
924
            opacity:1;
925
            visibility:visible;
926
            padding: 10px;
927
        }
928
        
929
        .demo-overlay p {
930
            margin-bottom:10px;
931
            font-size:12px;
932
            line-height:1.3;
933
        }
934
        
935
        .demo-overlay p a {
936
            text-decoration:underline;
937
        }
938
        
939
        .demo-overlay img {
940
            margin-top: 6px;
941
            max-width:95%;
942
        } 
943
    </style>
944
945
</head>
946
<body class="{block:IndexPage}index-page index {/block:IndexPage}{block:PermalinkPage}permalink post-page {/block:PermalinkPage} {block:TagPage}tagged-page {/block:TagPage} post-columns-{select:Posts Columns} {select:Modal Post Image Size}  {block:ifbanner} has-banner {block:ifbannerbackgroundimage}has-banner-image {/block:ifbannerbackgroundimage} {block:ifmobilebannerbackgroundimage}has-mobile-banner-image {/block:ifmobilebannerbackgroundimage}{/block:ifbanner}">
947
948
        <div class='customize-demo demo-note'>
949
            <nav class="cl">
950
                <ul>
951
                    <li class="get-started-toggle demo-toggle"><a>Get Started <i class="im im-angle-down"></i></a></li>
952
                    <li class="theme-help-toggle demo-toggle"><a>Theme not working? <i class="im im-angle-down"></i></a></li>
953
                </ul> 
954
            </nav>
955
            
956
            <div class="get-started-overlay demo-overlay">
957
                <p>1. On the Customize screen turn off the Use default mobile theme option under Advanced Options. </br><img src="http://static.tumblr.com/jzzkxgh/o2Yoomruj/default_mobile_theme.png"/></p>
958
                <p>2. Remove the stash logo from your website by getting a <a href="http://themes.stashfamily.com/add-ons/full-license" target="_blank">Full License</a>.</p>
959
                <p>3. If you still need help check out our <a href="http://themes.stashfamily.com/help/" target="_blank">help section</a> or the <a href="http://themes.stashfamily.com/docs/ten-toes/" target="_blank">theme documentation</a>.</p>
960
            </div>
961
            
962
            <div class="theme-help-overlay demo-overlay">
963
                <p>1. You can try to turn off HTTPS/Encryption in your Tumblr Blog Settings. https://www.tumblr.com/settings/blog/your-blog</br><img src="http://static.tumblr.com/jzzkxgh/ChPonw3s4/encryption_off.png"/></p>
964
                <p>2. If you customized the HTML code of the theme you may have broken it so I suggest redownloading or using Tumblr's <a href="https://www.tumblr.com/themes/recover" target="_blank">Theme Recovery.</a></p>
965
            </div>
966
        </div>
967
968
        <div id="stash-preloader">
969
            <div id="stash-loader"><div class="loading-icon"></div></div>
970
        </div>
971
972
        <div class="dark-overlay"></div>
973
        
974
    {block:IndexPage}
975
        {block:ifbanner}
976
            <div id="banner" class="{select:Banner Play Button Colour} {block:IfBannerYoutubeVideoID}has-video {/block:IfBannerYoutubeVideoID} {block:ifbannerbackgroundimage}has-banner-image {/block:ifbannerbackgroundimage}{block:ifmobilebannerbackgroundimage}has-mobile-banner-image {/block:ifmobilebannerbackgroundimage} ">
977
            <div class="inner">
978
                <div class="banner-center">
979
                    {block:IfBannerYoutubeVideoID}
980
                        <div class="banner-play">
981
                            <svg width="50px" height="50px" viewBox="0 0 52 52" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
982
                                <title>PLAY</title>
983
                                <defs></defs>
984
                                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
985
                                    <g transform="translate(-694.000000, -314.000000)" stroke-width="2" stroke="#FFFFFF">
986
                                        <g transform="translate(695.000000, 315.000000)">
987
                                            <circle class="play-circle" cx="25" cy="25" r="25"></circle>
988
                                            <polygon class="play-triangle" fill="#FFFFFF" fill-opacity="0.0" points="19.0909091 35.4545455 19.0909091 15.4545455 35.4545455 25.4545455"></polygon>
989
                                        </g>
990
                                    </g>
991
                                </g>
992
                            </svg>
993
                        </div>
994
                    {/block:IfBannerYoutubeVideoID}
995
                    
996
                    {block:IfBannerText}
997
                        <p>{text:Banner Text}</p>
998
                    {/block:IfBannerText}
999
                    
1000
                    {block:IfBannerButtonURL}<a class="button banner-button" target="_blank" href="{text:Banner Button URL}">{text:Banner Button Text}</a>{/block:IfBannerButtonURL}
1001
                </div>
1002
                
1003
                {block:ifbannerbackgroundimage}
1004
                    <div class="banner-img"></div>
1005
                {/block:ifbannerbackgroundimage} 
1006
                
1007
                {block:ifmobilebannerbackgroundimage}
1008
                    <div class="mobile-banner-img"></div>
1009
                {/block:ifmobilebannerbackgroundimage} 
1010
            
1011
                <div class="arr-down">
1012
                    <i class="im im-angle-down"></i>
1013
                </div>
1014
            </div>
1015
            </div>
1016
        {/block:ifbanner}
1017
    {/block:IndexPage}
1018
1019
1020
    <div class="close-modal">
1021
        <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M18,15.141 L11.76375,8.98425 L17.91375,2.77275 L15.141,0 L8.982,6.2385 L2.7495,0.08625 L-1.77635684e-15,2.83575 L6.24075,9.01575 L0.08625,15.2505 L2.83575,18 L9.0135,11.7615 L15.22725,17.91375 L18,15.141 Z"></path></g></svg>
1022
    </div>
1023
    
1024
    <div class="progress-indicator">
1025
        <svg>
1026
            <g>
1027
                <circle cx="0" cy="0" r="20" class="animated-circle" transform="translate(50,50) rotate(-90)"  />
1028
            </g>
1029
            <g>
1030
                <circle cx="0" cy="0" r="38" transform="translate(50,50)"  />
1031
            </g>
1032
        </svg>
1033
    </div>
1034
1035
    <div class="stash-credit">
1036
        <a href="http://themes.stashfamily.com" target="_blank">
1037
            <svg width="65px" height="10px" viewBox="0 0 87 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
1038
                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1039
                    <path d="M0.696,10.1241072 C0.873715092,11.7630353 1.44635261,12.6121185 2.86807334,13.3822172 C4.19106347,14.1128237 6.32364457,14.488 9.14733992,14.488 C15.0514302,14.488 17.8751255,12.9872948 17.8751255,9.8476615 C17.8751255,8.20873343 17.0457884,7.02396615 15.4463526,6.41183639 C14.3208237,5.99716784 13.6494556,5.85894499 11.3194133,5.62199154 C7.25171227,5.20732299 6.8172976,5.08884626 6.8172976,4.43722426 C6.8172976,3.90407898 7.46891961,3.56839492 8.51546403,3.56839492 C9.81870804,3.56839492 10.5690606,3.94357123 10.8849986,4.77290832 L17.460457,4.77290832 C17.0457884,3.23271086 16.5521354,2.48235825 15.4660987,1.79124401 C14.1233625,0.922414669 12.0500197,0.488 9.24607052,0.488 C3.71715656,0.488 0.814476728,2.04794358 0.814476728,5.0296079 C0.814476728,6.64878984 1.70305219,7.813811 3.34198025,8.32721016 C4.38852468,8.68264034 6.00770663,8.99857828 7.48866573,9.13680113 C10.5493145,9.43299295 10.8060141,9.47248519 11.2206827,9.59096192 C11.6353512,9.70943865 11.8328124,9.90689986 11.8328124,10.2820762 C11.8328124,10.8349676 11.2206827,11.1311594 10.0359154,11.1311594 C8.79190973,11.1311594 8.14028773,10.8547137 7.68612694,10.1241072 L0.696,10.1241072 Z M23.6804852,14.0733315 L28.7157461,14.0733315 L28.7157461,4.25950917 L33.7904993,4.25950917 L33.7904993,0.902668547 L18.6649704,0.902668547 L18.6649704,4.25950917 L23.6804852,4.25950917 L23.6804852,14.0733315 Z M33.8497377,14.0733315 L39.121952,0.902668547 L45.7763949,0.902668547 L51.0486093,14.0733315 L45.5394415,14.0733315 L44.9865501,12.8688181 L39.6156051,12.8688181 L39.121952,14.0733315 L33.8497377,14.0733315 Z M40.5239267,9.51197743 L43.999244,9.51197743 L42.3010776,4.67417772 L40.5239267,9.51197743 Z M51.483024,10.1241072 C51.6607391,11.7630353 52.2333766,12.6121185 53.6550973,13.3822172 C54.9780874,14.1128237 57.1106685,14.488 59.9343639,14.488 C65.8384542,14.488 68.6621495,12.9872948 68.6621495,9.8476615 C68.6621495,8.20873343 67.8328124,7.02396615 66.2333766,6.41183639 C65.1078477,5.99716784 64.4364795,5.85894499 62.1064372,5.62199154 C58.0387362,5.20732299 57.6043216,5.08884626 57.6043216,4.43722426 C57.6043216,3.90407898 58.2559436,3.56839492 59.302488,3.56839492 C60.605732,3.56839492 61.3560846,3.94357123 61.6720226,4.77290832 L68.247481,4.77290832 C67.8328124,3.23271086 67.3391594,2.48235825 66.2531227,1.79124401 C64.9103865,0.922414669 62.8370437,0.488 60.0330945,0.488 C54.5041805,0.488 51.6015007,2.04794358 51.6015007,5.0296079 C51.6015007,6.64878984 52.4900762,7.813811 54.1290042,8.32721016 C55.1755487,8.68264034 56.7947306,8.99857828 58.2756897,9.13680113 C61.3363385,9.43299295 61.5930381,9.47248519 62.0077066,9.59096192 C62.4223752,9.70943865 62.6198364,9.90689986 62.6198364,10.2820762 C62.6198364,10.8349676 62.0077066,11.1311594 60.8229394,11.1311594 C59.5789337,11.1311594 58.9273117,10.8547137 58.4731509,10.1241072 L51.483024,10.1241072 Z M70.538031,14.0733315 L75.573292,14.0733315 L75.573292,8.89984767 L81.4576361,8.89984767 L81.4576361,14.0733315 L86.492897,14.0733315 L86.492897,0.902668547 L81.4576361,0.902668547 L81.4576361,5.54300705 L75.573292,5.54300705 L75.573292,0.902668547 L70.538031,0.902668547 L70.538031,14.0733315 Z" fill="{color:Text}"></path>
1040
                </g>
1041
            </svg>
1042
        </a>
1043
    </div>
1044
1045
1046
    {block:IfBannerYoutubeVideoID}
1047
        <div class="overlay-video">
1048
            <div class="inner">
1049
                 <div class="overlay-video-close">
1050
                    <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M18,15.141 L11.76375,8.98425 L17.91375,2.77275 L15.141,0 L8.982,6.2385 L2.7495,0.08625 L-1.77635684e-15,2.83575 L6.24075,9.01575 L0.08625,15.2505 L2.83575,18 L9.0135,11.7615 L15.22725,17.91375 L18,15.141 Z" fill="#FFFFFF"></path></g></svg>
1051
                </div>
1052
                <div class="overlay-video-container">
1053
                    <div class="video-center">
1054
                        <div class="iframe-container">
1055
                            <iframe class="overlay-video-player" src="https://www.youtube.com/embed/{text:Banner Youtube Video ID}" frameborder="0" allowfullscreen></iframe>
1056
                        </div>
1057
                    </div>
1058
                </div>
1059
            </div>
1060
            
1061
            <div class="overlay-video-buttons">
1062
                <ul>
1063
                </ul>
1064
            </div>
1065
        </div>
1066
    {/block:IfBannerYoutubeVideoID}
1067
    
1068
    <div class="post-navigation stash-navigation">
1069
        <li class="stash-close-btn close">
1070
            <a><span>{text:Translate Close Text}</span><i class="im im-x-mark"></i></a>
1071
        </li>
1072
        <li class="stash-prev-btn">
1073
            <a><span>{text:Translate Previous Post Text}</span><i class="im im-arrow-left"></i></a>
1074
        </li>
1075
    
1076
        <li class="stash-next-btn">
1077
            <a><span>{text:Translate Next Post Text}</span><i class="im im-arrow-right"></i></a>
1078
        </li>
1079
    </div>
1080
    
1081
    <div class="stash-overlay">
1082
1083
        <div class='stash-container container'>
1084
1085
            <div class="stash-content">
1086
    
1087
            </div>
1088
            <div class='stash-post-meta'>
1089
                <div class='stash-caption'>
1090
                    <div class="inner">
1091
                    </div>
1092
                </div>
1093
            </div>
1094
1095
            
1096
            <div class='stash-back-btn'>
1097
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20">
1098
                <path d="M10.707 10.5l8.646-8.646c0.195-0.195 0.195-0.512 0-0.707s-0.512-0.195-0.707 0l-8.646 8.646-8.646-8.646c-0.195-0.195-0.512-0.195-0.707 0s-0.195 0.512 0 0.707l8.646 8.646-8.646 8.646c-0.195 0.195-0.195 0.512 0 0.707 0.098 0.098 0.226 0.146 0.354 0.146s0.256-0.049 0.354-0.146l8.646-8.646 8.646 8.646c0.098 0.098 0.226 0.146 0.354 0.146s0.256-0.049 0.354-0.146c0.195-0.195 0.195-0.512 0-0.707l-8.646-8.646z"></path>
1099
                </svg>
1100
            </div>
1101
        </div>
1102
    
1103
    </div>
1104
        
1105
    <div id="sidebar" class="{select:Header Text Case} ">        
1106
1107
    <div class="inner animated slow">
1108
        <div class="wrap">
1109
    
1110
            <nav class="sidebar-navigation cl">
1111
                <ul>
1112
                
1113
                    {block:IfHomeLink}
1114
                        <li><a href="/">Home</a></li>
1115
                    {/block:IfHomeLink}
1116
                    
1117
                    {block:HasPages}
1118
                        {block:Pages}
1119
                        <li> <a href="{URL}">{Label}</a></li>
1120
                        {/block:Pages}
1121
                    {/block:HasPages}
1122
                    
1123
                    {block:IfCustomLink1URL}<li><a href="{text:Custom Link 1 URL}">{text:Custom Link 1 Name}</a></li>{/block:IfCustomLink1URL}
1124
                    {block:IfCustomLink2URL}<li><a href="{text:Custom Link 2 URL}">{text:Custom Link 2 Name}</a></li>{/block:IfCustomLink2URL}
1125
                    {block:IfCustomLink3URL}<li><a href="{text:Custom Link 3 URL}">{text:Custom Link 3 Name}</a></li>{/block:IfCustomLink3URL}
1126
                    {block:IfCustomLink4URL}<li><a href="{text:Custom Link 4 URL}">{text:Custom Link 4 Name}</a></li>{/block:IfCustomLink4URL}
1127
                    {block:IfCustomLink5URL}<li><a href="{text:Custom Link 5 URL}">{text:Custom Link 5 Name}</a></li>{/block:IfCustomLink5URL}
1128
                    {block:IfCustomLink6URL}<li><a href="{text:Custom Link 6 URL}">{text:Custom Link 6 Name}</a></li>{/block:IfCustomLink6URL}
1129
                    {block:IfCustomLink7URL}<li><a href="{text:Custom Link 7 URL}">{text:Custom Link 7 Name}</a></li>{/block:IfCustomLink7URL}
1130
                    {block:IfCustomLink8URL}<li><a href="{text:Custom Link 8 URL}">{text:Custom Link 8 Name}</a></li>{/block:IfCustomLink8URL}
1131
                    {block:IfCustomLink9URL}<li><a href="{text:Custom Link 9 URL}">{text:Custom Link 9 Name}</a></li>{/block:IfCustomLink9URL}
1132
                    {block:IfCustomLink10URL}<li><a href="{text:Custom Link 10 URL}">{text:Custom Link 10 Name}</a></li>{/block:IfCustomLink10URL}
1133
                    
1134
                     {block:AskEnabled}
1135
                    <li> <a class="stash-ask-page" href="http://{name}.tumblr.com/ask" title="{text:Ask Link Label}">{text:Ask Link Label}</a></li>
1136
                    {/block:AskEnabled}
1137
                    
1138
                    {block:SubmissionsEnabled}
1139
                    <li> <a href="http://{name}.tumblr.com/submit" title="{text:Submit Link Label}">{text:Submit Link Label}</a></li>
1140
                    {/block:SubmissionsEnabled}
1141
                    {block:IfArchiveLink}
1142
                    <li><a href="http://{name}.tumblr.com/archive" title="{text:Archive Link Label}">{text:Archive Link Label}</a></li>
1143
                    {/block:IfArchiveLink}
1144
                    {block:ifRandomLink}
1145
                    <li><a href="http://{name}.tumblr.com/random" title="{text:Random Link Label}">{text:Random Link Label}</a></li>
1146
                    {/block:ifRandomLink}
1147
                    
1148
                    {block:ifRSSLink}
1149
                        <li><a href="{RSS}" title="{lang:RSS}">{lang:RSS}</a></li>
1150
                    {/block:ifRSSLink}
1151
                    
1152
                    {block:ifTwitterURL}<li><a target="_blank" href="{text:Twitter URL}"><i class="fa fa-twitter"></i></a></li>{/block:ifTwitterURL}
1153
                    {block:ifInstagramURL}<li><a target="_blank" href="{text:Instagram URL}"><i class="fa fa-instagram"></i></a></li>{block:ifInstagramURL}
1154
                    {block:ifFacebookURL}<li><a target="_blank" href="{text:Facebook URL}"><i class="fa fa-facebook"></i></a></li>{/block:ifFacebookURL} 
1155
                    {block:ifYoutubeURL}<li><a target="_blank" href="{text:Youtube URL}"><i class="fa fa-youtube"></i></a></li>{/block:ifYoutubeURL}  
1156
                    {block:ifSnapchatURL}<li><a target="_blank" href="{text:Snapchat URL}"><i class="fa fa-snapchat-ghost"></i></a></li>{/block:ifSnapchatURL}
1157
                    {block:ifEmailAddress}<li><a target="_blank" href="mailto:{text:Email Address}"><i class="fa fa-envelope"></i></a></li>{/block:ifEmailAddress}  
1158
                    {block:if500pxURL}<li><a target="_blank" href="{text:500px URL}"><i class="fa fa-500px"></i></a></li>{/block:if500pxURL} 
1159
                    {block:ifAmazonURL}<li><a target="_blank" href="{text:Amazon URL}"><i class="fa fa-amazon"></i></a></li>{/block:ifAmazonURL} 
1160
                    {block:ifAppleURL}<li><a target="_blank" href="{text:Apple URL}"><i class="fa fa-apple"></i></a></li>{/block:ifAppleURL} 
1161
                    {block:ifBandcampURL}<li><a target="_blank" href="{text:Bandcamp URL}"><i class="fa fa-bandcamp"></i></a></li>{/block:ifBandcampURL} 
1162
                    {block:ifBehanceURL}<li><a target="_blank" href="{text:Behance URL}"><i class="fa fa-behance"></i></a></li>{/block:ifBehanceURL}  
1163
                    {block:ifDribbbleURL}<li><a target="_blank" href="{text:Dribbble URL}"><i class="fa fa-dribbble"></i></a></li>{/block:ifDribbbleURL}  
1164
                    {block:ifEtsyURL}<li><a target="_blank" href="{text:Etsy URL}"><i class="fa fa-etsy"></i></a></li>{/block:ifEtsyURL}  
1165
                    {block:ifFlickrURL}<li><a target="_blank" href="{text:Flickr URL}"><i class="fa fa-flickr"></i></a></li>{/block:ifFlickrURL}   
1166
                    {block:ifGithubURL}<li><a target="_blank" href="{text:Github URL}"><i class="fa fa-github"></i></a></li>{/block:ifGithubURL}   
1167
                    {block:ifGooglePlusURL}<li><a target="_blank" href="{text:GooglePlus URL}"><i class="fa fa-google-plus"></i></a></li>{/block:ifGooglePlusURL}
1168
                    {block:ifLinkedinURL}<li><a target="_blank" href="{text:Linkedin URL}"><i class="fa fa-linkedin"></i></a></li>{/block:ifLinkedinURL}
1169
                    {block:ifPayPalURL}<li><a target="_blank" href="{text:PayPal URL}"><i class="fa fa-paypal"></i></a></li>{/block:ifPayPalURL}
1170
                    {block:ifPinterestURL}<li><a target="_blank" href="{text:Pinterest URL}"><i class="fa fa-pinterest"></i></a></li>{/block:ifPinterestURL}   
1171
                    {block:ifPodcastURL}<li><a target="_blank" href="{text:Podcast URL}"><i class="fa fa-podcast"></i></a></li>{/block:ifPodcastURL}   
1172
                    {block:ifMixcloudURL}<li><a target="_blank" href="{text:Mixcloud URL}"><i class="fa fa-mixcloud"></i></a></li>{/block:ifMixcloudURL} 
1173
                    {block:ifSoundcloudURL}<li><a target="_blank" href="{text:Soundcloud URL}"><i class="fa fa-soundcloud"></i></a></li>{/block:ifSoundcloudURL}
1174
                    {block:ifSkypeURL}<li><a target="_blank" href="{text:Skype URL}"><i class="fa fa-skype"></i></a></li>{/block:ifSkypeURL}   
1175
                    {block:ifSpotifyURL}<li><a target="_blank" href="{text:Spotify URL}"><i class="fa fa-spotify"></i></a></li>{/block:ifSpotifyURL}   
1176
                    {block:ifTwitchURL}<li><a target="_blank" href="{text:Twitch URL}"><i class="fa fa-twitch"></i></a></li>{/block:ifTwitchURL} 
1177
                    {block:ifVimeoURL}<li><a target="_blank" href="{text:Vimeo URL}"><i class="fa fa-vimeo"></i></a></li>{/block:ifVimeoURL} 
1178
                    {block:ifVKURL}<li><a target="_blank" href="{text:VK URL}"><i class="fa fa-vk"></i></a></li>{/block:ifVKURL}   
1179
                    {block:ifWordpressURL}<li><a target="_blank" href="{text:Wordpress URL}"><i class="fa fa-Wordpress"></i></a></li>{/block:ifWordpressURL}  
1180
                    
1181
                    &nbsp;
1182
                </ul>
1183
            </nav>
1184
1185
        
1186
        </div>
1187
    </div>
1188
    </div>
1189
1190
    <div id="header" class="{select:Header Text Case} ">
1191
    <div class="wrap">
1192
        <div class="inner">
1193
        
1194
            <div class="logo">
1195
                {block:ifnotlogoimage}
1196
                    <a href="/" title="{lang:Home}">{Title}</a>
1197
                {/block:ifnotlogoimage}
1198
                {block:iflogoimage}
1199
                    <a href="/"><img src="{image:Logo}" alt="logo" /></a>
1200
                {/block:iflogoimage}
1201
            </div>        
1202
        
1203
            <nav class="navigation cl">
1204
                <ul>
1205
                    {block:HasPages}
1206
                        {block:Pages}
1207
                        <li> <a href="{URL}">{Label}</a></li>
1208
                        {/block:Pages}
1209
                    {/block:HasPages}
1210
                    
1211
                    {block:IfCustomLink1URL}<li><a href="{text:Custom Link 1 URL}">{text:Custom Link 1 Name}</a></li>{/block:IfCustomLink1URL}
1212
                    {block:IfCustomLink2URL}<li><a href="{text:Custom Link 2 URL}">{text:Custom Link 2 Name}</a></li>{/block:IfCustomLink2URL}
1213
                    {block:IfCustomLink3URL}<li><a href="{text:Custom Link 3 URL}">{text:Custom Link 3 Name}</a></li>{/block:IfCustomLink3URL}
1214
                    {block:IfCustomLink4URL}<li><a href="{text:Custom Link 4 URL}">{text:Custom Link 4 Name}</a></li>{/block:IfCustomLink4URL}
1215
                    {block:IfCustomLink5URL}<li><a href="{text:Custom Link 5 URL}">{text:Custom Link 5 Name}</a></li>{/block:IfCustomLink5URL}
1216
                    {block:IfCustomLink6URL}<li><a href="{text:Custom Link 6 URL}">{text:Custom Link 6 Name}</a></li>{/block:IfCustomLink6URL}
1217
                    {block:IfCustomLink7URL}<li><a href="{text:Custom Link 7 URL}">{text:Custom Link 7 Name}</a></li>{/block:IfCustomLink7URL}
1218
                    {block:IfCustomLink8URL}<li><a href="{text:Custom Link 8 URL}">{text:Custom Link 8 Name}</a></li>{/block:IfCustomLink8URL}
1219
                    {block:IfCustomLink9URL}<li><a href="{text:Custom Link 9 URL}">{text:Custom Link 9 Name}</a></li>{/block:IfCustomLink9URL}
1220
                    {block:IfCustomLink10URL}<li><a href="{text:Custom Link 10 URL}">{text:Custom Link 10 Name}</a></li>{/block:IfCustomLink10URL}
1221
                    
1222
                     {block:AskEnabled}
1223
                    <li> <a class="stash-ask-page" href="http://{name}.tumblr.com/ask" title="{text:Ask Link Label}">{text:Ask Link Label}</a></li>
1224
                    {/block:AskEnabled}
1225
                    
1226
                    {block:SubmissionsEnabled}
1227
                    <li> <a href="http://{name}.tumblr.com/submit" title="{text:Submit Link Label}">{text:Submit Link Label}</a></li>
1228
                    {/block:SubmissionsEnabled}
1229
                    {block:IfArchiveLink}
1230
                    <li><a href="http://{name}.tumblr.com/archive" title="{text:Archive Link Label}">{text:Archive Link Label}</a></li>
1231
                    {/block:IfArchiveLink}
1232
                    {block:ifRandomLink}
1233
                    <li><a href="http://{name}.tumblr.com/random" title="{text:Random Link Label}">{text:Random Link Label}</a></li>
1234
                    {/block:ifRandomLink}
1235
                    
1236
                    {block:ifRSSLink}
1237
                        <li><a href="{RSS}" title="{lang:RSS}">{lang:RSS}</a></li>
1238
                    {/block:ifRSSLink}
1239
                    
1240
                    &nbsp;
1241
                </ul>
1242
            </nav>
1243
            
1244
            <nav class="header-social cl">
1245
                <ul class="social-links-icons social-links">
1246
                    {block:ifTwitterURL}<li><a target="_blank" href="{text:Twitter URL}">Twitter</a></li>{/block:ifTwitterURL}
1247
                    {block:ifInstagramURL}<li><a target="_blank" href="{text:Instagram URL}">Instagram</a></li>{block:ifInstagramURL}
1248
                    {block:ifFacebookURL}<li><a target="_blank" href="{text:Facebook URL}">Facebook</a></li>{/block:ifFacebookURL} 
1249
                    {block:ifYoutubeURL}<li><a target="_blank" href="{text:Youtube URL}">Youtube</a></li>{/block:ifYoutubeURL}  
1250
                    {block:ifSnapchatURL}<li><a target="_blank" href="{text:Snapchat URL}">Snapchat</a></li>{/block:ifSnapchatURL}
1251
                    {block:ifEmailAddress}<li><a target="_blank" href="mailto:{text:Email Address}">Email</a></li>{/block:ifEmailAddress}  
1252
                    {block:if500pxURL}<li><a target="_blank" href="{text:500px URL}">500px</a></li>{/block:if500pxURL} 
1253
                    {block:ifAmazonURL}<li><a target="_blank" href="{text:Amazon URL}">Amazon</a></li>{/block:ifAmazonURL} 
1254
                    {block:ifAppleURL}<li><a target="_blank" href="{text:Apple URL}">Apple</a></li>{/block:ifAppleURL} 
1255
                    {block:ifBandcampURL}<li><a target="_blank" href="{text:Bandcamp URL}">Bandcamp</a></li>{/block:ifBandcampURL} 
1256
                    {block:ifBehanceURL}<li><a target="_blank" href="{text:Behance URL}">Behance</a></li>{/block:ifBehanceURL}  
1257
                    {block:ifDribbbleURL}<li><a target="_blank" href="{text:Dribbble URL}">Dribbble</a></li>{/block:ifDribbbleURL}  
1258
                    {block:ifEtsyURL}<li><a target="_blank" href="{text:Etsy URL}">Etsy</a></li>{/block:ifEtsyURL}  
1259
                    {block:ifFlickrURL}<li><a target="_blank" href="{text:Flickr URL}">Flickr</a></li>{/block:ifFlickrURL}   
1260
                    {block:ifGithubURL}<li><a target="_blank" href="{text:Github URL}">Github</a></li>{/block:ifGithubURL}   
1261
                    {block:ifGooglePlusURL}<li><a target="_blank" href="{text:GooglePlus URL}">Google +</a></li>{/block:ifGooglePlusURL}
1262
                    {block:ifLinkedinURL}<li><a target="_blank" href="{text:Linkedin URL}">LinkedIn</a></li>{/block:ifLinkedinURL}
1263
                    {block:ifPayPalURL}<li><a target="_blank" href="{text:PayPal URL}">PayPal</a></li>{/block:ifPayPalURL}
1264
                    {block:ifPinterestURL}<li><a target="_blank" href="{text:Pinterest URL}">Pinterest</a></li>{/block:ifPinterestURL}   
1265
                    {block:ifPodcastURL}<li><a target="_blank" href="{text:Podcast URL}">Podcast</a></li>{/block:ifPodcastURL}   
1266
                    {block:ifMixcloudURL}<li><a target="_blank" href="{text:Mixcloud URL}">Mixcloud</a></li>{/block:ifMixcloudURL} 
1267
                    {block:ifSoundcloudURL}<li><a target="_blank" href="{text:Soundcloud URL}">Soundcloud</a></li>{/block:ifSoundcloudURL}
1268
                    {block:ifSkypeURL}<li><a target="_blank" href="{text:Skype URL}">Skype</a></li>{/block:ifSkypeURL}   
1269
                    {block:ifSpotifyURL}<li><a target="_blank" href="{text:Spotify URL}">Spotify</a></li>{/block:ifSpotifyURL}   
1270
                    {block:ifTwitchURL}<li><a target="_blank" href="{text:Twitch URL}">Twitch</a></li>{/block:ifTwitchURL} 
1271
                    {block:ifVimeoURL}<li><a target="_blank" href="{text:Vimeo URL}">Vimeo</a></li>{/block:ifVimeoURL} 
1272
                    {block:ifVKURL}<li><a target="_blank" href="{text:VK URL}">VK</a></li>{/block:ifVKURL}   
1273
                    {block:ifWordpressURL}<li><a target="_blank" href="{text:Wordpress URL}">Wordpress</a></li>{/block:ifWordpressURL}
1274
                </ul>
1275
            </nav>
1276
    
1277
            
1278
            <div class="sidebar-toggle">
1279
                Menu
1280
            </div>
1281
        
1282
            <div class="close-mobile-modal">
1283
                <svg width="16px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
1284
                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1285
                        <path d="M7.172,10 L3.642,6.47 L0.102,2.93 L2.928,0.1 L10,7.173 L17.07,0.103 L19.9,2.93 L12.827,10 L19.897,17.07 L17.07,19.9 L10,12.827 L2.93,19.897 L0.1,17.07 L7.173,10 L7.172,10 Z"></path>
1286
                    </g>
1287
                </svg>
1288
            </div>
1289
        </div>
1290
    </div>
1291
    </div>
1292
1293
    <div class="page-container">
1294
        
1295
        <div id="stash" class="page {block:PermalinkPage}single {/block:PermalinkPage}">
1296
        
1297
            {block:IndexPage}
1298
                <div id="ants-loader" style="opacity: 0;"><div class="loading-icon"></div></div>
1299
            {/block:IndexPage}
1300
            
1301
            <div id="posts">
1302
            
1303
                <div class="wrap">
1304
                
1305
                    {block:IndexPage}
1306
                    {block:ShowDescription}
1307
                        <div class="home-description"><p>{Description}</p></div>
1308
                    {/block:ShowDescription}
1309
                    {/block:IndexPage}
1310
1311
                    <div id="stash-ants">
1312
                    
1313
                    <div class="ants-sizer-{select:Posts Columns}"></div>
1314
                    <div class="ants-gutter-{select:Posts Columns}"></div>
1315
1316
                    {block:Posts}
1317
                        
1318
                        {block:Photo}
1319
                        <article id="ant-{PostID}" class="{block:IndexPage} ants-item-{select:Posts Columns} post modal post-photo pp {block:Tags}{Tag} {/block:Tags}{/block:IndexPage}{block:PermalinkPage}{block:Date} post-single{/block:Date}{/block:PermalinkPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="photo">
1320
                        <input id="post-notes-url" type="hidden" value="{PostNotesURL}">
1321
                            <div class="inner">
1322
                                <div class="media">
1323
                                
1324
                                    {block:IndexPage}
1325
                                        <a class="open-modal" href="{Permalink}" data-id="{PostID}">
1326
                                            <div class="overlay-bg"></div>
1327
                                            <img src="{block:IfHighQualityImages}{PhotoURL-HighRes}{/block:IfHighQualityImages}{block:IfNotHighQualityImages}{PhotoURL-500}{/block:IfNotHighQualityImages}" data-img-hq="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
1328
                                        </a>
1329
                                            <div class="overlay">
1330
                                                <div class="post-share">
1331
                                                    <div class="close-post-share">
1332
                                                        <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\<path d="M18,15.141 L11.76375,8.98425 L17.91375,2.77275 L15.141,0 L8.982,6.2385 L2.7495,0.08625 L-1.77635684e-15,2.83575 L6.24075,9.01575 L0.08625,15.2505 L2.83575,18 L9.0135,11.7615 L15.22725,17.91375 L18,15.141 Z" fill="#FFFFFF">
1333
                                            </path></g></svg>
1334
                                                    </div>
1335
                                                    
1336
                                                    <div class="social-media"><span class="share-facebook" title="Share on Facebook"><a class="fa fa-facebook" href="https://www.facebook.com/sharer.php?u={Permalink}{block:Title}&t={Title}{/block:Title}" target="_new"></a></span><span class="share-twitter" title="Share on Twitter"><a class="fa fa-twitter" href="https://twitter.com/intent/tweet?url={ShortURL}" target="_new"></a></span><span class="share-google" title="Share on Google+"><a class="fa fa-google-plus" ref="https://plus.google.com/share?url={Permalink}" target="_new"></a></span><span class="share-pinterest"><a class="fa fa-pinterest" target="_new" href="http://pinterest.com/pin/create/button/?url={Permalink}&media={PhotoURL-500}"></a></span>
1337
                                                    </div>
1338
                                            
1339
                                                    <div class="social-media-footer">
1340
                                                        <a class="btn copy-btn" data-clipboard-text="{Permalink}">Copy Link</a>
1341
                                                    </div>
1342
                                                </div>
1343
                                                
1344
                                                <ul class="post-footer">
1345
                                                    <li class="share-toggle" data-post-id="{PostID}" title="Share this post">{text:Translate Share Text}</li>
1346
                                                    <li class="post-like">
1347
                                                        {LikeButton color="grey" size="15"}
1348
                                                        <span class="like-text">{text:Translate Like Text}</span>
1349
                                                    </li>
1350
                                                    <li class="post-reblog" title="Reblog this post"><a href="{ReblogURL}">{text:Translate Reblog Text}</a></li>
1351
                                                    <li class="post-note-count"><span><a class="open-modal" data-id="{PostID}">
1352
                                                 {NoteCount} {text:Translate Notes Text}</a></span></li>
1353
                                                </ul>
1354
                                            </div>
1355
                                    {/block:IndexPage}
1356
                                
1357
                                    {block:PermalinkPage}
1358
                                    {LinkOpenTag}
1359
                                        <div class="overlay-bg"></div>
1360
                                        <img src="{PhotoURL-HighRes}" data-img-hq="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
1361
                                    {LinkCloseTag}
1362
                                    {/block:PermalinkPage}
1363
                                </div>      
1364
                                
1365
                                <div class="content">
1366
                                    {block:Caption}{Caption}{/block:Caption}
1367
                                </div>
1368
                                
1369
                                
1370
                        {/block:Photo}
1371
            
1372
                        {block:Photoset}
1373
                            <article id="ant-{PostID}" class="{block:IndexPage} ants-item-{select:Posts Columns} post modal post-photoset pp {block:Tags}{Tag} {/block:Tags}{/block:IndexPage}" data-id="{PostID}"  data-notes="{PostNotesURL}" data-pt="photoset">
1374
                            <input id="post-notes-url" type="hidden" value="{PostNotesURL}">
1375
                                    <div class="media">
1376
                                        <div class="stash-photoset ips">
1377
                                            <div class="overlay-bg"></div>
1378
                                            <div class="ps-options ps-nav-left"><i class="im im-arrow-left"></i></div>
1379
                                            <div class="ps-options ps-nav-right"><i class="im im-arrow-right"></i></div>
1380
                                            <div class="ps-options photoset-count" data-id="{PostID}"><span>1</span> / {PhotoCount}</div>
1381
                                            <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
1382
                                                {block:Photos}
1383
                                                    {block:IndexPage}
1384
                                                        <a class="open-modal single-photoset" href="{Permalink}" data-id="{PostID}">
1385
                                                            <img data-img-hq="{PhotoURL-HighRes}" alt="{PhotoAlt}" src="{block:IfHighQualityImages}{PhotoURL-HighRes}{/block:IfHighQualityImages}{block:IfNotHighQualityImages}{PhotoURL-500}{/block:IfNotHighQualityImages}"/>
1386
                                                        </a>
1387
                                                    {/block:IndexPage}
1388
                                                    {block:PermalinkPage}
1389
                                                            <a class="single-photoset" href="{PhotoURL-HighRes}"><img data-img-hq="{PhotoURL-HighRes}" alt="{PhotoAlt}" src="{PhotoURL-HighRes}"/></a>
1390
                                                    {/block:PermalinkPage}
1391
                                                {/block:Photos}
1392
                                            </div>
1393
                                        </div>
1394
                                    </div>
1395
                                    {block:Caption}     
1396
                                        <div class="content">
1397
                                            {Caption}
1398
                                        </div>
1399
                                    {/block:Caption}
1400
                        {/block:Photoset}
1401
1402
                        {block:Text}
1403
                        <article id="ant-{PostID}" class="{block:IndexPage} ants-item-{select:Posts Columns} post modal post-text {block:Tags}{Tag} {/block:Tags}{/block:IndexPage} {block:PermalinkPage}{block:Date} post-single single-text{/block:Date}{/block:PermalinkPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="text">
1404
                        <input id="post-notes-url" type="hidden" value="{PostNotesURL}">
1405
                            {block:PermalinkPage}<div class="post-left">{/block:PermalinkPage}
1406
                            <div class="inside">
1407
                            
1408
                            <div class="content">
1409
                                {block:IndexPage}
1410
                                    {block:Title}<h2 class="post-title"><a class="open-modal" href="{Permalink}" data-id="{PostID}">{Title}</a></h2>{/block:Title}
1411
                                {/block:IndexPage}
1412
                                {block:PermalinkPage}
1413
                                    {block:Title}<h2 class="post-title">{Title}</h2>{/block:Title}
1414
                                {/block:PermalinkPage}
1415
                                
1416
                                {block:NotReblog}
1417
                                    {Body}
1418
                                {/block:NotReblog}
1419
1420
                                {block:RebloggedFrom}
1421
                                    <div class="reblog-list">
1422
                                        {block:Reblogs}
1423
                                            <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
1424
                                                <div class="post-reblog-header">
1425
                                                    <div class="post-avatar">
1426
                                                        <div class="post-avatar-wrapper">
1427
                                                            {block:IsActive}
1428
                                                            <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
1429
                                                                <img class="post-avatar-image" src="{PortraitURL-64}">
1430
                                                            </a>
1431
                                                            {/block:IsActive}
1432
                                                            {block:IsDeactivated}
1433
                                                            <span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
1434
                                                                <img class="post-avatar-image" src="{PortraitURL-64}">
1435
                                                            </span>
1436
                                                            {/block:IsDeactivated}
1437
                                                        </div>
1438
                                                    </div>
1439
                                                    {block:IsActive}
1440
                                                        <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
1441
                                                    {/block:IsActive}
1442
                                                    {block:IsDeactivated}
1443
                                                        <span class="inactive post-tumblelog-name">{Username}</span>
1444
                                                    {/block:IsDeactivated}
1445
                                                </div>
1446
                                                <div class="post-reblog-content">
1447
                                                    <div class="post-body">
1448
                                                        {Body}
1449
                                                    </div>
1450
                                                </div>
1451
                                            </div>
1452
                                        {/block:Reblogs}
1453
                                    </div>
1454
                                {/block:RebloggedFrom}
1455
                            </div>
1456
                        {/block:Text}  
1457
            
1458
                        {block:Audio}      
1459
                        <article id="ant-{PostID}" class="{block:IndexPage} ants-item-{select:Posts Columns} post modal post-audio {block:Tags}{Tag} {/block:Tags}{/block:IndexPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="audio">
1460
                        <input id="post-notes-url" type="hidden" value="{PostNotesURL}">
1461
                            <div class="inside">
1462
                            
1463
                                <div class="media">
1464
                                    <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="500" height="500"/>{/block:AlbumArt}</div>
1465
                                    <div class="player">{AudioPlayerBlack}</div>
1466
                                    {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
1467
                                </div>
1468
                                <a class="ps-options open-modal" href="{Permalink}" data-id="{PostID}"><i class="im im-maximize"></i></a>
1469
                                <div class="content">
1470
                                    {block:Caption}{Caption}{/block:Caption}
1471
                                </div>
1472
                        {/block:Audio}       
1473
            
1474
            
1475
        
1476
                        {block:Video}
1477
                        <article id="ant-{PostID}" class="{block:IndexPage} ants-item-{select:Posts Columns} post modal post-video {block:Tags}{Tag} {/block:Tags}{/block:IndexPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="video">
1478
                        <input id="post-notes-url" type="hidden" value="{PostNotesURL}">
1479
                            <div class="inside">
1480
                                <div class="media">{Video-500}</div>
1481
                                <a class="ps-options open-modal" href="{Permalink}" data-id="{PostID}"><i class="im im-maximize"></i></a>
1482
                                <div class="content">
1483
                                    {block:Caption}{Caption}{/block:Caption}
1484
                                </div>
1485
                        {/block:Video}
1486
                
1487
            
1488
                        {block:Quote}
1489
                            <article id="ant-{PostID}" class="{block:IndexPage} ants-item-{select:Posts Columns} post modal post-quote {block:Tags}{Tag} {/block:Tags}{/block:IndexPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="quote">
1490
                            <input id="post-notes-url" type="hidden" value="{PostNotesURL}">
1491
                                <div class="inside">
1492
                                    <div class="content">
1493
                                        <blockquote>{Quote}</blockquote>
1494
                                        <figcaption>{block:Source}- {Source}{/block:Source}</figcaption>
1495
                                    </div>
1496
                        {/block:Quote}      
1497
                    
1498
                
1499
                         {block:Link}
1500
                            <article id="ant-{PostID}" class="{block:IndexPage} ants-item-{select:Posts Columns} post modal post-link {block:Tags}{Tag} {/block:Tags}{/block:IndexPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="link">
1501
                            <input id="post-notes-url" type="hidden" value="{PostNotesURL}">
1502
                                <div class="inside">
1503
                                    <div class="content">
1504
                                        <h1><a class="link" href="{URL}">{Name}</a></h1>
1505
                                        {block:Description}{Description}{/block:Description}
1506
                                    </div>
1507
                        {/block:Link}   
1508
          
1509
               
1510
                        {block:Chat}
1511
                        <article id="ant-{PostID}" class="{block:IndexPage} ants-item-{select:Posts Columns} post modal post-chat {block:Tags}{Tag} {/block:Tags}{/block:IndexPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="chat"> 
1512
                        <input id="post-notes-url" type="hidden" value="{PostNotesURL}">
1513
                            <div class="content">
1514
                                <ul class="chat">
1515
                                    {block:Lines}<li class="{Alt}">{block:Label}<span class="person">{Label}</span>{/block:Label}<span class="said"> {Line} </span></li>{/block:Lines}
1516
                                </ul>
1517
                            </div>
1518
                        {/block:Chat}   
1519
                    
1520
                        
1521
                        
1522
                        {block:Answer}
1523
                        <article id="ant-{PostID}" class="{block:IndexPage} ants-item-{select:Posts Columns} post post-answer {block:Tags}{Tag} {/block:Tags}{/block:IndexPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="answer">
1524
                        <input id="post-notes-url" type="hidden" value="{PostNotesURL}">
1525
                        <div class="inside">
1526
                            <div class="content">
1527
                            <div class="asker-box">
1528
                                <img src="{AskerPortraitURL-24}"/><span class="the-asker">{Asker}</span> {text:Translate asked Text}: {Question}
1529
                            </div>
1530
                            
1531
                            <div class="answer">
1532
                                {Answer}
1533
                            </div>
1534
                            
1535
                            </div>
1536
                        {/block:Answer}
1537
                        
1538
                        
1539
                        {block:Date}
1540
                            
1541
                            <div class="post-meta cl">
1542
                            <div class="inner cl">
1543
1544
                                <div class="meta">
1545
                                    <time class="meta-date"> {text:Translate Posted On Text}: <a class="open-modal" href="{Permalink}" data-id="{PostID}">{DayOfMonth} {Month} {Year}</a></time>
1546
                                </div>
1547
                                        
1548
                                <ul class="share">
1549
                                    <li class="post-share-parent" title="Share this post">
1550
                                        <a class="post-share-toggle">{text:Translate Share Text}</a>
1551
                                        <ul class="standard-share">
1552
                                            <span class="share-facebook" title="Share on Facebook"><a href="https://www.facebook.com/sharer.php?u={Permalink}{block:Title}&t={Title}{/block:Title}" target="_new"><i class="fa fa-facebook"></i>Facebook</a></span>
1553
                                            <span class="share-twitter" title="Share on Twitter"><a href="https://twitter.com/intent/tweet?url={ShortURL}" target="_new"><i class="fa fa-twitter"></i>Twitter</a></span>
1554
                                            <span class="share-google" title="Share on Google+"><a href="https://plus.google.com/share?url={Permalink}" target="_new"><i class="fa fa-google-plus"></i>Google +</a></span>
1555
                                        </ul>
1556
                                    </li>
1557
                        
1558
                                    <li class="post-like" title="Like this post">
1559
                                        {LikeButton color="grey" size="15"}
1560
                                        <span class="like-text">{text:Translate Like Text}</span>
1561
                                    </li>
1562
                                
1563
                                
1564
                                    <li class="post-reblog" title="Reblog this post">
1565
                                        <a href="{ReblogURL}">{text:Translate Reblog Text}</a>
1566
                                    </li>
1567
                                    
1568
                                    {block:HasTags}
1569
                                        {block:Tags}<li class="the-tag tag-{Tag}"> <a href="{TagURL}">{Tag}</a> </li>{/block:Tags}
1570
                                    {/block:HasTags}
1571
                                    
1572
                                    <li class="post-note-count"><a href="{Permalink}" data-id="{PostID}" class="meta-notes open-modal">
1573
                                    {NoteCount} {text:Translate Notes Text}
1574
                                </a></li>
1575
                                
1576
                                    <li class="stash-show-share">
1577
                                        <a><span>{text:Translate Share Text}</span> <i class="im im-share"></i></a>
1578
                                        
1579
                                        <div class="show-share">
1580
                                            <figure class="show-share-facebook"><a href="https://www.facebook.com/sharer.php?u={Permalink}{block:Title}&t={Title}{/block:Title}" target="_new"><i class="im im-facebook"></i></a></figure><figure class="show-share-twitter"><a href="https://twitter.com/intent/tweet?url={ShortURL}" target="_new"><i class="im im-twitter"></i></a></figure><figure class="show-share-google"><a href="https://plus.google.com/share?url={Permalink}" target="_new"><i class="im im-google-plus"></i></a></figure><figure class="show-share-pinterest"><a target="_new" href="http://pinterest.com/pin/create/button/?url={Permalink}&media={PhotoURL-500}"><i class="im im-pinterest"></i></a></figure>
1581
                                        </div>
1582
                                    </li>
1583
                                </ul>
1584
                        
1585
                            </div>
1586
                            </div>
1587
                            
1588
    
1589
                            
1590
                            
1591
                            {block:PermalinkPage}
1592
                            
1593
                                {block:IfShowPostNotes}
1594
                                    {block:NoteCount}
1595
                                      <div id="notes" class="cl">
1596
                                        {PostNotes}
1597
                                      </div><!-- /.notes -->
1598
                                    {/block:NoteCount}
1599
                                {/block:IfShowPostNotes}
1600
                                
1601
                            
1602
                            {/block:PermalinkPage}
1603
                                  
1604
                        {/block:Date}
1605
                    
1606
                    </article>
1607
            
1608
            
1609
                        <!-- {block:NoRebloggedFrom}
1610
                        {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
1611
                        {/block:NoRebloggedFrom} -->
1612
                        {block:ContentSource}<!-- {SourceURL}
1613
                        {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
1614
                        {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
1615
                        {/block:ContentSource}
1616
                {/block:Posts}
1617
                {block:IndexPage}</div>{/block:IndexPage}
1618
    
1619
                </div>
1620
            </div>
1621
            
1622
            {block:Pagination}
1623
            <div class="standard-pagination">
1624
                <div class="wrapper"> 
1625
                    {block:PreviousPage}<a class="left" href="{PreviousPage}"><i class="fa fa-long-arrow-left"></i> Newer</a>{/block:PreviousPage}
1626
                    {block:NextPage}<a class="right older" href="{NextPage}">Older <i class="fa fa-long-arrow-right"></i></a>{/block:NextPage}
1627
                </div>
1628
            </div>
1629
            {/block:Pagination}
1630
    
1631
        
1632
        </div>
1633
    </div><!--pagecontainer-->
1634
1635
1636
    <div id="backToTop" class="footer-icon">
1637
        <i class="im im-arrow-up"></i>
1638
    </div>
1639
    
1640
1641
    
1642
            <!-- Header Scripts -->
1643
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
1644
    <script type="text/javascript" src="http://static.tumblr.com/jzzkxgh/e2Poq49lu/plugins.js">
1645
    </script>
1646
    <script src="http://static.tumblr.com/jzzkxgh/FEMos7zyr/ten-toes.js"></script>
1647
    {block:IfModalPost}<script src="http://static.tumblr.com/jzzkxgh/c42oos9d8/modal.js"></script>{/block:IfModalPost}
1648
1649
    {block:IfTypeKitID}
1650
        <!-- Typekit -->
1651
        <script type="text/javascript" src="//use.typekit.net/{text:TypeKit ID}.js"></script>
1652
        <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
1653
    {/block:IfTypeKitID}
1654
    
1655
    <script type="text/javascript">
1656
        (function($) {
1657
            var windowwidth = $(document).width();
1658
            $(document).ready(function(){
1659
                $(window).scroll(function(){
1660
                    if ($("body").scrollTop() > 50) {
1661
                        $('#backToTop').css({
1662
                            'visibility': 'visible',
1663
                            'opacity': '1'
1664
                        });
1665
                    } else {
1666
                        $('#backToTop').css({
1667
                            'visibility': 'hidden',
1668
                            'opacity': '0'
1669
                        });
1670
                    }
1671
                });
1672
                $('#backToTop').on('click', function(){
1673
                    TweenLite.to( window, .5, {scrollTo:{y: 0 }, ease:Power2.easeOut});
1674
                })
1675
                $( "li.post-like" ).each(function( index ) {
1676
                    var likeSvg = $(this).find('.fa, .like-text');
1677
                    $(this).find(".like_button").append(likeSvg);
1678
                });
1679
                $("li.post-reblog:not(.done)").each(function( index ) {
1680
                    $(this).addClass('done');
1681
                    $(this).find('a svg').remove();
1682
                    var reblogSvg = $(this).find('svg.dual-reblog');
1683
                    $(this).find("a.reblog_button").append(reblogSvg);
1684
                });
1685
1686
            });
1687
1688
            {block:IndexPage}
1689
                $antsIsoCont = $('#stash-ants');
1690
                antsIsotope = $antsIsoCont.imagesLoaded(function(){
1691
                    $("article").fitVids();
1692
                    $('.stash-photoset.ips').stashIPS();
1693
                    TweenMax.fromTo("#posts", 1, {opacity:0, y:100, ease:Power2.easeOut, force3D: true},{opacity:1, y:0, ease:Power2.easeOut, force3D: true});   
1694
1695
                    $antsIsoCont.isotope({
1696
                        itemSelector: '.ants-item-{select:Posts Columns}',
1697
                        percentPosition: true,
1698
                        transitionDuration: 0,
1699
                        masonry: {
1700
                            columnWidth: '.ants-sizer-{select:Posts Columns}',
1701
                            gutter: '.ants-gutter-{select:Posts Columns}'
1702
                        }
1703
                    });
1704
                    
1705
                    TweenLite.to('#stash-preloader', .5, {opacity: 0, onComplete: removePre});
1706
                    function removePre() {
1707
                        $('#stash-preloader').remove();
1708
                        $('.banner-img, .mobile-banner-img').css({
1709
                            'transform': 'none'
1710
                        });
1711
                        $('.banner-text').css({
1712
                            'opacity': '1'
1713
                        });
1714
                    }
1715
                });
1716
            {/block:IndexPage}
1717
            
1718
            
1719
            var controller = new ScrollMagic.Controller();
1720
            var $container = $('#stash-ants');
1721
            
1722
            $container.infinitescroll({
1723
                navSelector: ".standard-pagination",
1724
                nextSelector: ".standard-pagination a.older",
1725
                itemSelector: ".ants-item-{select:Posts Columns}",
1726
                bufferPx : 1600,
1727
                extraScrollPx: 300,
1728
                loading: {
1729
                    msgText: '<div id="ants-loader"><div class="loading-icon"></div></div>',
1730
                    finishedMsg: "",
1731
                    img: '',
1732
                    speed: 'fast',
1733
                    finished: function() {
1734
                    }
1735
                },
1736
              },function( newElements ) {
1737
                var $newElems = $(newElements).css({ opacity: 0, visibility:'hidden'});
1738
    
1739
                $newElems.imagesLoaded(function(){
1740
                    
1741
                    $($newElems).each(function(){
1742
                        var currentPost = this;
1743
                        var scene = new ScrollMagic.Scene({triggerElement: currentPost, triggerHook: "onEnter", offset:-150, reverse: true});
1744
                            scene.addTo(controller);
1745
                            scene.setTween(TweenMax.fromTo(currentPost, 0.7, { autoAlpha:0, y:30, ease: Power2.easeInOut},{autoAlpha:1, y:0, ease: Power2.easeInOut, force3D: true}, 0));
1746
                    });
1747
                        
1748
                    $container.isotope( 'appended', $newElems, true );  
1749
                        
1750
                    $('.stash-photoset.ips').stashIPS();
1751
                    $("article").fitVids();
1752
                });
1753
                
1754
                $( "li.post-like" ).each(function( index ) {
1755
                    var likeSvg = $(this).find('.fa, .like-text');
1756
                    $(this).find(".like_button").append(likeSvg);
1757
                });
1758
                $("li.post-reblog:not(.done)").each(function( index ) {
1759
                    $(this).addClass('done');
1760
                    $(this).find('a svg').remove();
1761
                    var reblogSvg = $(this).find('svg.dual-reblog');
1762
                    $(this).find("a.reblog_button").append(reblogSvg);
1763
                });
1764
                
1765
                var $newElemsIDs = $(newElements).map(function () { return this.id; }).get();
1766
                Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
1767
              });
1768
1769
            if ( $('.permalink #stash-preloader').length ) {
1770
                TweenLite.to('#stash-preloader', .5, {opacity: 0, onComplete: removePre});
1771
                function removePre() {
1772
                    $('#stash-preloader').remove();
1773
                    $('.banner-img, .mobile-banner-img').css({
1774
                        'transform': 'none'
1775
                    });
1776
                    $('.banner-text').css({
1777
                        'opacity': '1'
1778
                    });
1779
                }
1780
            }
1781
1782
        })(window.jQuery);
1783
        
1784
        $(document).on('click', '.theme-help-toggle', function(){
1785
            if ( $('.get-started-toggle').hasClass( "open" ) ) {
1786
                $('.get-started-toggle').removeClass('open');
1787
                $('.get-started-overlay').removeClass('open');
1788
            } else {
1789
            }
1790
            
1791
            if ( $('.theme-help-toggle').hasClass( "open" ) ) {
1792
                $('.theme-help-toggle').removeClass('open');
1793
                $('.theme-help-overlay').removeClass('open');
1794
            } else {
1795
                $('.theme-help-toggle').addClass('open');
1796
                $('.theme-help-overlay').addClass('open');
1797
            }
1798
        });
1799
        
1800
        $(document).on('click', '.get-started-toggle', function(){
1801
            if ( $('.theme-help-toggle').hasClass( "open" ) ) {
1802
                $('.theme-help-toggle').removeClass('open');
1803
                $('.theme-help-overlay').removeClass('open');
1804
            } else {
1805
            }
1806
            
1807
            if ( $('.get-started-toggle').hasClass( "open" ) ) {
1808
                $('.get-started-toggle').removeClass('open');
1809
                $('.get-started-overlay').removeClass('open');
1810
            } else {
1811
                $('.get-started-toggle').addClass('open');
1812
                $('.get-started-overlay').addClass('open');
1813
            }
1814
        });
1815
    </script>
1816
    
1817
    {block:IfGoogleAnalyticsID}
1818
    <script>
1819
        var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
1820
        (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
1821
        g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
1822
        s.parentNode.insertBefore(g,s)}(document,'script'));
1823
    </script>
1824
    {/block:IfGoogleAnalyticsID}
1825
1826
</body>
1827
</html>