View difference between Paste ID: 4Rhfy37J and tiPrQFCs
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
<!--
3
                                         
4
Theme be okie themes! remove the credit and die
5-
5+
6
-->
7
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
8
<head>
9
    <!-- DEFAULT VARIABLES -->
10
    <meta name="color:Background" content="#0715cd" />  
11
    <meta name="color:PostandSidebar" content="#fff" />
12
        <meta name="color:questions" content="#767DD6" />
13
        <meta name="color:Post Title" content="#000" />
14
            <meta name="color:blockquote" content="#0715cd" />
15
              <meta name="color:audio" content="#767DD6" />
16
    <meta name="color:chat1" content="#0715cd" />
17
        <meta name="color:chat2" content="#00d5f2" />
18
    <meta name="color:footer" content="#767DD6" />
19
     <meta name="color:Text" content="#000" />
20
      <meta name="color:tags" content="#000" />
21
      <meta name="color:tagsHover" content="#0715cd" />
22
      <meta name="color:footerText" content="#000" />
23
        <meta name="color:desc" content="#0715cd" />
24
        <meta name="color:descLinks" content="#0715cd" />
25
        <meta name="color:Link" content="#0715cd" />
26
        <meta name="color:postLinks" content="#0715cd" />
27
        <meta name="color:postLinksHover" content="#00d5f2" />
28
         <meta name="color:navLinks" content="#000" />
29
      <meta name="color:navBackground" content="#DBDBDB" />
30
        <meta name="color:borderColor" content="#00d5f2" />
31
        <meta name="color:pagination" content="#FFF478" />
32
        <meta name="color:currentPage" content="#0715cd" />
33-
    
33+
34
    <meta name="if:400pxPosts" content="1" />
35
  <meta name="if:borders" content="1" />
36
  <meta name="if:Footerborders" content="1" />
37
    <meta name="if:ShowTags" content="1" />
38
        <meta name="if:shadows" content="1" />
39
         <meta name="if:imageInsidebar" content="1" />
40
    <meta name="if:linksScroll" content="1" />
41-
        
41+
42-
         <meta name="if:link1" content="1" />
42+
43-
         <meta name="if:link2" content="1" />
43+
44-
         <meta name="if:link3" content="1" />
44+
45-
         <meta name="if:link4" content="1" />
45+
46-
         <meta name="if:link5" content="1" />
46+
47-
         <meta name="if:link6" content="1" />
47+
48-
    
48+
49
       <meta name="text:link4" content="link 4" />
50
       <meta name="text:link4url" content="link 4 url" />
51
       <meta name="text:link5" content="link 5" />
52
       <meta name="text:link5url" content="link 5 url" />
53
       <meta name="text:link6" content="link 6" />
54
       <meta name="text:link6url" content="link 6 url" />
55
       
56
    <meta name="text:sideimageTop" content="300" />
57
    <meta name="text:sideimageLeft" content="1000" />
58
    <meta name="text:sidebarLeft" content="200" />
59
    <meta name="text:borderType" content="dashed" />
60
        <meta name="text:borderSize" content="1" />
61
   
62
    <meta name="image:sidebar" content="https://31.media.tumblr.com/73712c6ecb1bc5fd9215dcf0eaa01850/tumblr_inline_n952m7JgYn1s0l28j.png" />
63
        <meta name="image:Insidebar" content="https://31.media.tumblr.com/84c6b21897c521e0d5ea65001c03055a/tumblr_inline_n974elbDeT1s0l28j.png" />
64
    <meta name="image:Background" content="http://38.media.tumblr.com/b56de2e3c266010bf61bd2a85a848d40/tumblr_mq52a1tYtn1qklh5go3_250.gif" />
65
     <meta name="image:betweenTags" content="https://31.media.tumblr.com/baf296cf27ee19850f98a75e3925925f/tumblr_inline_n95as4rbPN1s0l28j.png" />
66
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
67-
    
67+
68
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
69
    <link rel="shortcut icon" href="{Favicon}" />
70
    <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
71
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />
72
    <style type="text/css">
73
   
74
       
75
        @font-face {
76
 
77
font-family: "v";
78
 
79-
    
79+
80-
        
80+
81
}
82
 
83
        @font-face {
84
 
85
font-family: "4";
86
 
87
src: url('http://static.tumblr.com/wnmhfaf/jhDn95bxn/04b_03__.ttf');
88-
88+
89
}
90
       
91
        body {
92
            background: {color:Background} url('{image:Background}') top left fixed repeat;
93
            margin: 0;
94
            padding: 0;
95
            font-family: "v";
96-
        
96+
97
       
98
        .clear {
99
            clear: both;
100
            height: 0px;
101
            overflow: hidden;
102
        }
103-
        
103+
104
        a img {
105
            border: none;
106
        }
107
       
108
        #wrapper {
109-
        
109+
110
            margin: 0 auto;
111
        }
112
       
113-
        
113+
114
                margin: 30px 0;
115
                color: #fff;
116
                font-size: 50px;
117
                font-weight: bold;
118-
        
118+
119
                letter-spacing: -1px;
120
            }
121
           
122
                #wrapper #title a {
123
                    color: #fff;
124
                    text-decoration: none;
125
                }
126
           
127-
            
127+
128
               {block:IfNot400pxPosts} width: 520px;{/block:IfNot400pxPosts}
129
                {block:If400pxPosts}width:420px; {block:If400pxPosts}
130
                float: left;
131
            }
132-
            
132+
133
                #wrapper #content .post {
134
                    background: {color:PostandSidebar};
135
                    padding: 10px;
136
                    position: relative;
137
                    {block:Ifborders}
138-
            
138+
139
                     border-color:{color:borderColor};
140
                     {/block:Ifborders}
141
                          -webkit-border-top-left-radius: 10px;
142
                    -webkit-border-top-right-radius: 10px;
143
                    -moz-border-radius-topleft: 10px;
144
                    -moz-border-radius-topright: 10px;
145
                    border-top-left-radius: 10px;
146
                    border-top-right-radius: 10px;
147
                     -webkit-border-bottom-left-radius: 10px;
148
                    -webkit-border-bottom-right-radius: 10px;
149
                    -moz-border-radius-bottomleft: 10px;
150
                    -moz-border-radius-bottomright: 10px;
151
                    border-bottom-left-radius: 10px;
152
                    border-bottom-right-radius: 10px;
153
                    z-index:5;
154
                   {block:IfShadows}
155
                    box-shadow:rgba(0,0,0,0.1)10px 10px;
156
                    {/block:IfShadows}
157
                }
158
                   
159
                    #wrapper #content .post .media {
160
                        text-align: center;
161
                        margin-bottom: 10px;
162
                       
163
                    }
164-
                    
164+
                   
165
                    #wrapper #content .post .quotebg {
166
                        font-family: "v";
167
                        font-size: 150px;
168-
                        
168+
169
                        opacity: 0.2;
170-
                    
170+
171
                        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
172
                        position: absolute;
173
                        top: 70px;
174
                        left: 10px;
175
                    }
176
                   
177
                    #wrapper #content .post .quote {
178
                        font-family: "v";
179
                        color: {color:text};
180
                        font-weight: bold;
181
                        padding: 20px 20px 5px 20px;
182-
                    
182+
183
                   
184
                    #wrapper #content .post .quote.short {
185
                        font-size: 35px;
186
                        line-height: 35px;
187
                    }
188
                   
189-
                    
189+
190
                        font-size: 25px;
191
                        line-height: 28px;
192
                    }
193
                   
194-
                    
194+
195
                        font-size: 15px;
196
                        line-height: 22px;
197
                    }
198
                                       
199-
                    
199+
200
                            margin-top: 0px;
201
                        }
202
                       
203
                        #wrapper #content .post .quote_source *:last-child {
204-
                                        
204+
205
                        }
206
                       
207
                        #wrapper #content .post .quote *:first-child {
208-
                        
208+
209
                        }
210
                       
211
                        #wrapper #content .post .quote *:last-child {
212-
                        
212+
213
                        }
214
                       
215
                    #wrapper #content .post .copy {
216-
                        
216+
217
                        padding: 10px;
218
                        font-size: 13px;
219
                        line-height: 15px;
220-
                        
220+
221
                    }
222
                       
223
                        #wrapper #content .post .copy a {
224
                            color: {color:postLinks};
225
                           
226
                        }
227
                       
228-
                        
228+
229
                            color: {color:postLinksHover};
230
                            -webkit-transition:0.5s ease-in-out;
231
                               -moz-transition:0.5s ease-in-out;
232
                           
233-
                        
233+
234
                       
235
                        #wrapper #content .post .copy p {
236
                            margin: 10px 0 0 0;
237
                            padding: 0;
238
                        }
239
                       
240-
                        
240+
241
                            margin: 10px 0px 10px 0px;
242
                            padding: 10px;
243
                            background-color: #e6e6e6;
244
                            font: normal 11px Courier, monospace;
245-
                        
245+
246
                        }
247
                       
248
                        #wrapper #content .post .copy > p:first-child {
249
                            margin-top: 0;
250
                        }
251
                       
252
                        #wrapper #content .post .copy img {
253-
                        
253+
254
                        }
255
                   
256
                    #wrapper #content .post .audio {
257-
                        
257+
258
                        float: right;
259
                        padding: 7px;
260
                        margin-bottom: 10px;
261-
                    
261+
262
                        -webkit-border-radius: 4px;
263
                        border-radius: 4px;
264
                       
265
                    }
266
                                                       
267
                        #wrapper #content .post .audio .player {
268
                            float: right;
269
                             {block:Ifborders}
270-
                        
270+
271
                     border-color:{color:borderColor};
272-
                                                        
272+
273
                     z-index:99;
274
                        }
275
                       
276
                            #wrapper #content .post .audio .player .audio_player embed {
277
                               
278
                               {block:Ifborders}
279
                     border:{text:borderSize}px {text:borderType};
280
                     border-color:{color:borderColor};
281-
                        
281+
282
                            }
283
                       
284
                        #wrapper #content .post .audio .meta {
285
                            padding: 8px 8px;
286
                            height: 74px;
287
                            float: right;
288
                           
289-
                        
289+
290
                            font-family: "4";
291
                            font-size: 11px;
292
                            text-transform: lowercase;
293
                            z-index:99;
294-
                            
294+
295
                       
296
                            #wrapper #content .post .audio .meta a {
297
                                color: {color:Text};
298
                                text-decoration: none;
299
                            }
300
                   
301-
                        
301+
302
                        text-align: center;
303
                        height:100px;
304
                        -webkit-border-top-left-radius: 10px;
305
                    -webkit-border-top-right-radius: 10px;
306-
                    
306+
307
                    -moz-border-radius-topright: 10px;
308
                    border-top-left-radius: 10px;
309
                    border-top-right-radius: 10px;
310
                     -webkit-border-bottom-left-radius: 10px;
311
                    -webkit-border-bottom-right-radius: 10px;
312
                    -moz-border-radius-bottomleft: 10px;
313
                    -moz-border-radius-bottomright: 10px;
314
                    border-bottom-left-radius: 10px;
315
                    border-bottom-right-radius: 10px;
316
                        width:100px;
317
                        margin-bottom: -105px;
318
                        overflow:hidden;
319
                       {block:Ifborders}
320
                     border:{text:borderSize}px {text:borderType};
321
                     border-color:{color:borderColor};
322
                     {/block:Ifborders};
323
                   
324
                    }
325
                   
326
               #wrapper #content .post .album_art:hover {                                        transform:rotate(360deg);
327
                       -webkit-transition:1s ease-out;
328
                               -moz-transition:1s ease-out;
329-
                    
329+
330
                    }
331-
                    
331+
332
                height: 90px;
333
                width: 200px;
334
                     }
335
                     
336
                    #wrapper #content .post .question {
337
                        color: {color:text};
338
                        font-size: 16px;
339
                        font-family: "4";
340
                        font-weight: bold;
341
                        background: {color:questions};
342
                        -moz-border-radius: 8px;
343
                        -webkit-border-radius: 8px;
344
                        border-radius: 8px;
345
                        margin: 0 0 15px 0;
346
                        padding: 15px 0px;
347
                        position: relative;
348
                        {block:Ifborders}
349
                     border:{text:borderSize}px {text:borderType};
350
                     border-color:{color:borderColor};
351
                     {/block:Ifborders};
352
                    }
353
                   
354
 
355
                    #wrapper #content .post .asker_container {
356
                        margin: 0 0 20px 24px;
357
                    }
358
                   
359-
                    
359+
360-
360+
361
                            -webkit-border-top-left-radius: 10px;
362
                    -webkit-border-top-right-radius: 10px;
363
                    -moz-border-radius-topleft: 10px;
364-
                    
364+
365
                    border-top-left-radius: 10px;
366
                    border-top-right-radius: 10px;
367
                     -webkit-border-bottom-left-radius: 10px;
368
                    -webkit-border-bottom-right-radius: 10px;
369
                    -moz-border-radius-bottomleft: 10px;
370
                    -moz-border-radius-bottomright: 10px;
371
                    border-bottom-left-radius: 10px;
372
                    border-bottom-right-radius: 10px;
373
                    overflow:hidden;
374
                    {block:Ifborders}
375
                     border:{text:borderSize}px {text:borderType};
376
                     border-color:{color:borderColor};
377
                     {/block:Ifborders};
378
                        }
379
                      #wrapper #content .post .asker_container img:hover {
380
                      transform:rotate(360deg);
381
                       -webkit-transition:0.5s ease-out;
382
                               -moz-transition:0.5s ease-out;
383
                                                 }
384
                                                 
385
                        #wrapper #content .post .asker_container a.asker {
386
                            color:{color:postLinks};
387
                            font-family:"v";
388
                        }
389
                       
390
                           #wrapper #content .post .asker_container a.asker:hover {
391
                            color:{color:postLinksHover};
392
                             -webkit-transition:0.5s ease-out;
393
                               -moz-transition:0.5s ease-out;
394
 
395-
                        
395+
396
 
397
                       
398
                    #wrapper #content .post .title {
399
                        color: {color:postTitle};
400-
400+
401
                        font-weight: bold;
402-
402+
403-
                        
403+
404
                    }
405
                   
406
                    #wrapper #content .post img {
407
                      {block:IfNot400pxPosts}max-width: 500px;{/block:IfNot400pxPosts}
408
                      {block:If400pxPosts}max-width: 400px; {/block:If400pxPosts}
409
                    }
410
                                       
411-
                    
411+
412
                        margin: 10px 10px 0 10px;
413
                        font-size: 14px;
414
                        font-family: "4";
415
                    }
416-
                                        
416+
                                       
417
                        #wrapper #content .post .chat .lines {
418
                            margin-left: 1px;
419
                        }
420
                       
421
                            #wrapper #content .post .chat .lines .line {
422-
                                        
422+
423
                                color:{color:text};
424
                                margin-bottom: 1px;
425
                                padding: 3px 5px;
426-
                        
426+
427
                           
428
                            #wrapper #content .post .chat .lines .line.even {
429
                                background-color: {color:chat2};
430
                            }
431
                       
432
                        #wrapper #content .post .link {
433-
                            
433+
434
                            font-size: 20px;
435
                            line-height: 20px;
436
                            font-family: "v";
437-
                        
437+
438
                           
439
                            #wrapper #content .post .link a {
440
                             
441
                                color: {color:Link};
442
                                padding: 5px 5px;
443
                                -moz-border-radius: 4px;
444-
                            
444+
445
                                border-radius: 4px;
446-
                              
446+
447
                           
448
                            #wrapper #content .post .link a:hover {
449
                             color:{color:postLinkscolor};
450
                            }
451
                   
452
                    #wrapper #content .post .footer {
453-
                            
453+
454
                         {block:Ifborders}
455
                          {block:IfFooterborders}
456
                     border:{text:borderSize}px {text:borderType};
457-
                    
457+
458
                     {/block:IfFooterborders}
459
                     {/block:Ifborders}
460
                               -webkit-border-top-left-radius: 10px;
461
                    -webkit-border-top-right-radius: 10px;
462
                    -moz-border-radius-topleft: 10px;
463
                    -moz-border-radius-topright: 10px;
464
                    border-top-left-radius: 10px;
465
                    border-top-right-radius: 10px;
466
                     -webkit-border-bottom-left-radius: 10px;
467
                    -webkit-border-bottom-right-radius: 10px;
468
                    -moz-border-radius-bottomleft: 10px;
469
                    -moz-border-radius-bottomright: 10px;
470
                    border-bottom-left-radius: 10px;
471
                    border-bottom-right-radius: 10px;
472
                        border-radius: 4px;
473
                        font-size: 11px;
474
                        color: {color:footerText};
475
                        padding: 5px 10px;
476
                        margin-top: 10px;
477
                    }
478
                       
479
                           
480
                       
481
                       
482
                        #wrapper #content .post .footer .date {
483
                            width: 67%;
484-
                        
484+
485-
                            
485+
486-
                        
486+
487-
                        
487+
488
                       
489
                        #wrapper #content .post .footer .notes {
490
                            width: 33%;
491
                            float: right;
492
                            text-align: right;
493
                            color: {color:footerText};
494-
                        
494+
495
                           
496
                            #wrapper #content .post .footer .notes a {
497
                                color: {color:footerText};
498
                            }
499
                           
500
                            #wrapper #content .post .footer .tags a {
501-
                            
501+
502
                                font-family: "v";
503
                                letter-spacing:1px;
504
                               
505-
                            
505+
506
                           
507
                             #wrapper #content .post .footer .tags a:hover {
508
                             
509
                                color:{color:tagsHover};
510-
                                
510+
511
                               -webkit-transition:0.5s ease-out;
512-
                            
512+
513
                               
514
 
515-
                                color:{color:tagsHover}; 
515+
516-
                            
516+
517
                                    display: none;
518
                                }
519
                           
520-
520+
521
                                max-width: 330px;
522
                                float: left;
523
                            }
524
                           
525-
                            
525+
526
                                float: right;
527
                                max-width: 160px;
528
                                overflow: hidden;
529
                                white-space: nowrap;
530-
                            
530+
531
                               
532
                            }
533
                           
534
                                #wrapper #content .post .footer.with_source_url .source_url img {
535
                                    vertical-align: top;
536
                                    -moz-opacity: 0.5;
537-
                                
537+
538
                                }
539-
                            
539+
540
                                #wrapper #content .post .footer.with_source_url .source_url:hover img {
541
                                    -moz-opacity: 0.7;
542
                                    opacity: 0.7;
543
                                }
544
                       
545-
                                
545+
546
                            color: #6e7173;
547
                            text-decoration: none;
548
                        }
549
                       
550-
                        
550+
551
                                margin: 10px 0px 10px 10px;
552
                                padding-left: 15px;
553
                                border-left: solid 4px {color:blockquote};
554
                            }
555-
                        
555+
556
                                #wrapper #content .post .copy blockquote blockquote {
557
                                    border-left: solid 4px {color:blockquote};
558
                                }
559
                               
560
                                    #wrapper #content .post .copy blockquote blockquote blockquote {
561-
                            
561+
                                        border-left: solid 4px {color:blockquote};
562
                                    }
563-
                                    border-left: solid 4px #cccccc;
563+
564
                                        #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
565-
                                
565+
                                            border-left: solid 4px {color:blockquote};
566
                                        }
567-
                                        border-left: solid 4px #bcbcbc;
567+
                                       
568
                                            #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
569-
                                    
569+
                                                border-left: solid 4px {color:blockquote};
570
                                            }
571-
                                            border-left: solid 4px #acacac;
571+
                                           
572
                                                #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
573-
                                        
573+
                                                    border-left: solid 4px {color:blockquote};
574
                                                }
575-
                                                border-left: solid 4px #9c9c9c;
575+
                       
576
                        #wrapper #content .bottom {
577-
                                            
577+
578
                            {block:IfNot400pxPosts}width: 513px;{/block:IfNot400pxPosts}
579-
                                                    border-left: solid 4px #8c8c8c;
579+
580
                           
581-
                        
581+
582
                            margin: 0 auto;
583
                        }
584
                       
585
                        #wrapper #content #navigation {
586-
                            
586+
587
                            padding-bottom: 35px;
588
                            text-transform: lowercase;
589
                        }
590-
                        
590+
                       
591
                            #wrapper #content #navigation a {
592
                                background-color: {color:pagination};
593
                                color: {color:text};
594
                                padding: 5px 10px;
595
                                text-decoration: none;
596-
                        
596+
597
                            }
598
                           
599
                            #wrapper #content #navigation a:hover {
600
                                opacity: 0.9;
601
                                filter: alpha(opacity=90);
602
                                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
603
                            }
604-
                            
604+
605
                        #wrapper #content #navigation.jump_pagination {}
606
                           
607
                            #wrapper #content #navigation.jump_pagination a {
608
                                margin: 0 0 0 4px;
609
                                                    {block:Ifborders}
610-
                            
610+
611
                     border-color:{color:borderColor};
612-
                            
612+
613
                            }
614
                           
615
                            #wrapper #content #navigation.jump_pagination .current_page {
616
                                color: {color:text};
617
                                background-color:{color:currentPage};
618
{block:Ifborders}
619
                     border:{text:borderSize}px {text:borderType};
620-
                            
620+
621
                     {/block:Ifborders}
622
                                padding: 3px 8px;
623
                                margin: 0 0 0 4px;
624
                                cursor: default;
625
                            }
626
                           
627
                            #wrapper #content #navigation.jump_pagination .jump_page {}
628
                           
629
                            #wrapper #content .post .notecontainer {
630
                                {block:Ifborders}
631
                     border:{text:borderSize}px {text:borderType};
632-
                            
632+
633
                     {/block:Ifborders}
634-
                            
634+
635
                                -moz-border-radius: 4px;
636
                                -webkit-border-radius: 4px;
637
                                border-radius: 4px;
638
                                font-family: "v";
639
                                font-size: 11px;
640
                                color: {color:text};
641
                                margin-top: 10px;
642
                                margin-bottom: -10px;
643
                            }
644
                           
645
                                    #wrapper #content .post .notecontainer a {
646
                                        color: {color:postLinksColor};
647
                                        text-decoration: none;
648
                                    }
649
                                   
650-
                            
650+
651
                                        padding: 0px 0 10px 0;
652
                                        list-style-type: none;
653
                                        font-size: 11px;
654
                                    }
655-
                                    
655+
656
                                        #wrapper #content .post .notecontainer ol.notes li.note {
657
                                            padding: 10px 10px 0 10px;
658
                                        }
659
                                       
660
                                            #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
661-
                                    
661+
662
                                                margin-right: 10px;
663
                                                width: 16px;
664
                                                height: 16px;
665-
                                        
665+
666
                                           
667
                                            #wrapper #content .post .notecontainer ol.notes li.note span.action {
668
                                                font-weight: normal;
669
                                            }
670
                                           
671
                                            #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
672-
                                            
672+
673
                                            }
674
                                           
675
                                            #wrapper #content .post .notecontainer ol.notes li.note blockquote {
676-
                                            
676+
677
                                                padding: 4px 10px;
678
                                                margin: 10px 0px 0px 25px;
679
                                            }
680-
                                            
680+
                                           
681
                                                #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
682
                                                    text-decoration: none;
683
                                                }
684
               
685
 
686-
                                            
686+
687
            #wrapper #sidebar {
688
                width: 255px;
689
                left:{text:sidebarLeft}px;
690-
                
690+
691-
691+
692-
            
692+
693
               
694
               
695
            }
696
           
697
                #wrapper #sidebar a {
698
                    color: {color:sideLinks};
699-
                
699+
700-
                
700+
701
                #wrapper #sidebar #top {
702-
            
702+
703
                    padding: 0 20px;
704
                     {block:Ifborders}
705
                     border:{text:borderSize}px {text:borderType};
706-
                
706+
707
                     {/block:Ifborders}
708
                    -webkit-border-top-left-radius: 10px;
709
                    -webkit-border-top-right-radius: 10px;
710
                    -moz-border-radius-topleft: 10px;
711
                    -moz-border-radius-topright: 10px;
712
                    border-top-left-radius: 10px;
713
                    border-top-right-radius: 10px;
714
                     -webkit-border-bottom-left-radius: 10px;
715
                    -webkit-border-bottom-right-radius: 10px;
716
                    -moz-border-radius-bottomleft: 10px;
717
                    -moz-border-radius-bottomright: 10px;
718
                    border-bottom-left-radius: 10px;
719
                    border-bottom-right-radius: 10px;
720
                    z-index:5;
721
                    {block:IfShadows}
722
                    box-shadow:rgba(0,0,0,0.1)10px 10px;
723
                    {/block:IfShadows}
724
                   
725
                   
726
                }
727
                #button {
728
                    color:{color:navLinks};
729
                    background:{color:navBackground};
730-
                    
730+
731-
                    
731+
732
                     border-color:{color:borderColor};
733
                     {/block:Ifborders}
734
                     font-size:15px;
735
                     padding:0px;
736
                     float:center;
737
                     text-align:center;
738
                     width:100%;
739
                }
740
               
741
                                #button:hover {
742
                                   
743
                                   color:{color:navLinksHover};
744
                                   font-size:20px;
745
                                     -webkit-transition:0.2s ease-in-out;
746-
                
746+
747
                                }
748
                               
749
                                 #button a {
750
                            color:{color:navLinks};
751
                            text-transform:none;
752
                                 }
753
                           
754-
                                
754+
755
                            color:{color:navLinksHover};
756
                            -webkit-transition:0.2s ease-in-out;
757
                               -moz-transition:0.2s ease-in-out;
758
                }
759-
                            
759+
760
                    #wrapper #avatar {
761
                        width: 0px;
762
                        height: 0px;
763
                      top left no-repeat transparent;
764
                        position: fixed;
765-
                
765+
766
                        left: {text:sideimageLeft}px;
767
                        z-index:-1;
768
                    }
769
                   
770
                   
771
                       
772
                    #wrapper #sidebar #top #description {
773
                        font-size: 13px;
774
                        position: relative;
775-
                    
775+
776-
                    
776+
777-
                        
777+
778
                    }
779
                   
780
                        #wrapper #sidebar #top #description a {
781
                            color: {color:descLinks};
782
                            text-decoration: none;
783
                            font-family: "v" ;
784
                        }
785-
                    
785+
                 
786
                   
787
                    #wrapper #sidebar #top .heading {
788
                        color: #fff;
789
                        font-family: helvetica, arial, sans-serif;
790
                        font-size: 17px;
791-
                  
791+
792-
                    
792+
793
                        background-color: {color:Background};
794
                        -webkit-border-top-left-radius: 4px;
795
                        -webkit-border-top-right-radius: 4px;
796
                        -moz-border-radius-topleft: 4px;
797
                        -moz-border-radius-topright: 4px;
798
                        border-top-left-radius: 4px;
799
                        border-top-right-radius: 4px;
800
                    }
801
                   
802
                    #wrapper #sidebar #top a .heading {
803
                        color: #fff;
804
                        text-decoration: none;
805
                    }
806
 
807-
                    
807+
808
 
809
         
810
 
811
           
812-
812+
                 
813-
813+
814-
814+
815-
          
815+
                 
816-
816+
817
    <!--[if lt IE 7.]>
818-
                  
818+
819
            #wrapper #sidebar #bottom {
820
                background: transparent;
821-
                  
821+
822
           
823
            #wrapper #sidebar #top #avatar {
824
                background: none;
825
            }
826
           
827
            #wrapper #sidebar #top #avatar img {
828-
            
828+
829
            }
830
           
831
            #wrapper #sidebar #top .heading#followontumblr {
832-
            
832+
833
                text-indent: 0;
834
            }
835
       
836-
            
836+
837
                background-image: none;
838
            }
839
       
840
            #wrapper #sidebar #top .heading#following {
841-
        
841+
842
            }
843
 
844
            #wrapper #content .post .audio .player {
845-
        
845+
846
            }
847
           
848
            #wrapper #content .post .audio .meta {
849-
849+
850
                float: none;
851
            }
852
        </style>
853-
            
853+
854
   
855
    <!--[if lt IE 8.]>
856
        <style type="text/css">
857
            #wrapper #content .bottom {
858
                background: transparent;
859
            }
860-
    
860+
861
            #wrapper #content .post .footer {
862
                background: transparent;
863
                color: #000;
864
            }
865
           
866-
            
866+
867
                float: none;
868
                background: transparent;
869
            }
870
           
871-
            
871+
872
                padding: 0;
873
                margin: 0;
874
            }
875
        </style>
876-
            
876+
877
    <style type="text/css">{CustomCSS}</style>
878
</head>
879
<body>
880
    <div id="wrapper">
881
       <br></br>
882
       
883
        <div id="content">
884
           
885
 
886
           
887
            {block:Posts}
888-
        
888+
889
                   
890
                    {block:Photo}
891-
891+
892-
            
892+
893
                        {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:If400pxPosts}
894
                       
895-
                    
895+
                       
896
                    {/block:Photo}
897
                   
898
                    {block:Video}
899
                       <div class="media"> {block:IfNot400pxPosts}{Video-500}{/block:IfNot400pxPosts}
900-
                        
900+
                        {block:If400pxPosts} {Video-400} {/block:If400pxPosts}</div>
901-
                        
901+
902
                    {/block:Video}
903-
                    
903+
                   
904
                    {block:Audio}
905
                       
906-
                        {block:If400pxPosts} {Video-400} {/block:If400pxPosts}</div> 
906+
907
                            {AudioEmbed}
908
                        {/block:AudioEmbed}
909-
                    
909+
                       
910
                        {block:AudioPlayer}
911-
                        
911+
912
                                    <div class="album_art">
913
                                        <img style="height:100px;width:100px"src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
914
                                    </div>
915-
                        
915+
916
 
917
                       
918
                            <div class="audio">
919
                                <div class="player">{AudioPlayerWhite}</div>
920
                                <div class="meta"><p>{block:Artist}{Artist}{/block:Artist}</p><p>{block:TrackName}{TrackName}{/block:TrackName}</p><p>{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</p>{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
921
                                <div class="clear"></div>
922-
922+
923-
                        
923+
924
                       
925
                        <div class="clear"></div>
926
                       
927
                        {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
928
                       
929
                    {/block:Audio}
930-
                        
930+
                   
931
                    {block:Quote}
932-
                        
932+
933
                        <div class="copy">
934-
                        
934+
935
                            {block:Source}
936-
                    
936+
937
                                    <tr>
938
                                        <td valign="top" style="width:20px;">&mdash;</td>
939
                                        <td valign="top" class="quote_source">
940
                                            {Source}
941
                                        </td>
942
                                    </tr>
943
                                </table>
944
                            {/block:Source}
945
                        </div>
946
                    {/block:Quote}
947
                       
948
                    {block:Text}
949
                        {block:Title}<div class="title">{Title}</div>{/block:Title}
950
                        <div class="copy">{Body}</div>
951
                    {/block:Text}
952
                   
953-
                        
953+
954
                        <div class="question">
955
                            <div class="nipple"></div>
956
                            {Question}
957
                        </div>
958-
                    
958+
959
                        <div class="copy">{Answer}</div>
960
                    {/block:Answer}
961
                   
962
                    {block:Chat}
963
                        {block:Title}<div class="title">{Title}</div>{/block:Title}
964
                        <div class="chat">
965
                            <div class="lines">
966
                                {block:Lines}
967-
                    
967+
968
                                {/block:Lines}
969
                            </div>
970
                        </div>
971
                        <div class="clear"></div>
972
                        <div style="height:10px;"></div>
973
                    {/block:Chat}
974
                   
975
                    {block:Link}
976
                        <div class="link"><a href="{URL}" {Target}>{Name} </a></div>
977
                        {block:Description}<div class="copy">{Description}</div>{/block:Description}
978
                    {/block:Link}
979
                   
980-
                    
980+
981
                        <a href="{Permalink}">
982
                            <div class="footer for_permalink">
983
                                <div class="date">
984
                                    {block:Reblog}
985-
                    
985+
986
                                    {/block:Reblog}
987
                                   
988
                                    {block:NotReblog}
989
                                        {lang:Posted TimeAgo from source}
990
                                    {/block:NotReblog}
991
                                </div>
992
                                <div class="notes">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IfDisqusShortname}{block:NoteCount}&bull;{/block:NoteCount} <a href="{Permalink}#disqus_thread">{lang:View comments}</a>{/block:IfDisqusShortname}</div>
993-
                                    
993+
994
                            </div>
995
                        </a>
996
                    {/block:Date}
997
                   
998
                    <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
999
                        display:none;
1000
                        {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
1001
                        {block:ContentSource}display:block;{/block:ContentSource}
1002
                    ">
1003-
                    
1003+
1004
                            {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas"> <img src={image:betweenTags}></img> </span>{/block:Tags}</div>{/block:HasTags}
1005
                        {/block:IfShowTags}
1006
                       
1007
                        {block:ContentSource}
1008
                            <a href="{SourceURL}" class="source_url">
1009
                                {lang:Source}:
1010
                                {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
1011
                                {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
1012-
                        
1012+
1013
                        {/block:ContentSource}
1014
                       
1015
                        <div class="clear"></div>
1016
                    </div>
1017
                   
1018
                    {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
1019
                   
1020-
                        
1020+
                   
1021
                </div>
1022
                <div class="bottom"></div>
1023-
                    
1023+
1024
           
1025-
                    
1025+
1026-
                    
1026+
1027
                    {block:PreviousPage}<a href="{PreviousPage}"> back</a>{/block:PreviousPage}
1028
                   
1029
 
1030-
            
1030+
1031
                            {block:CurrentPage}
1032
                                <span class="current_page">{PageNumber}</span>
1033
                            {/block:CurrentPage}
1034-
                    
1034+
1035-
1035+
1036
                                <a class="jump_page" href="{URL}">{PageNumber}</a>
1037
                            {/block:JumpPage}
1038
                           
1039
                        {/block:JumpPagination}
1040-
                            
1040+
1041
                   
1042
                    {block:NextPage}<a href="{NextPage}">forward</a>{/block:NextPage}
1043
                </div>
1044-
                            
1044+
1045
           
1046-
1046+
1047-
                    
1047+
1048
        <div id="sidebar">
1049
            <div id="top">
1050
           
1051-
            
1051+
1052
               <div style="padding:5px;"id="description">{Description}</div></center>
1053
 
1054
                    <div class="clear"></div>
1055
               
1056-
            
1056+
1057
             
1058
               
1059-
1059+
1060
               
1061
            </div>
1062
             <div id="avatar"><a href="/"><img src={image:sidebar} /></a></div>
1063
   
1064-
                
1064+
1065-
            
1065+
1066-
                
1066+
            <div  style="padding:5px;  {block:IflinksScroll}overflow-y:scroll; height: 200px; {/block:IflinksScroll}"id="top">
1067
<p> <div id="button"><a href="/"> home </a></div></p>
1068
<p> <div id="button"> <a href="/ask"> ask </a> </div></p>
1069
<p> <div id="button"> <a href="/submit"> submit </a> </div></p>
1070
<p> <div id="button"> <a href="/archive"> archive </a> </div></p>
1071
{block:Iflink1}<p> <div id="button"> <a href="{text:Link1url}"> {text:link1} </a> </div></p>{/block:Iflink1}
1072-
            <div  style="padding:5px;  {block:IflinksScroll}overflow-y:scroll; height: 200px {/block:IflinksScroll}"id="top">
1072+
1073
{block:Iflink3}<p> <div id="button"> <a href="{text:Link3url}"> {text:link3} </a> </div></p>{/block:Iflink3}
1074
{block:Iflink4}<p> <div id="button"> <a href="{text:Link4url}"> {text:link4} </a> </div></p>{/block:Iflink4}
1075
{block:Iflink5}<p> <div id="button"> <a href="{text:Link5url}"> {text:link5} </a> </div></p>{/block:Iflink5}
1076
{block:Iflink6}<p> <div id="button"> <a href="{text:Link6url}"> {text:link6} </a> </div></p>{/block:Iflink6}
1077
<p> <div id="button"> <a href="http://okiethemes.tumblr.com/"> credit </a> </div></p>
1078
        </div>
1079
       
1080
        <div class="clear"></div>
1081
    </div>