View difference between Paste ID: 5chCiYaB and B5bVTBND
SHOW: | | - or go back to the newest paste.
1
<!--
2
 
3
Theme 010: Colorful by maomu. Optimized for desktop and tablet. Compatible with Google Chrome, Mozilla Firefox, Opera, Safari, and Microsoft Edge.
4
 
5
This theme is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International license.
6
 
7
http://creativecommons.org/licenses/by-nc-nd/4.0/
8
9
10
Do not steal from my coding at all. Do not remove the credit. Unfortunately I don't have time to answer theme questions, I'm sorry!
11
12
-->
13
14
15
<!DOCTYPE html>
16
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
17
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
18
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
19
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
20
<head>
21
<meta charset="utf-8">
22
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
23
<title>{Title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>
24
{block:Description}
25
<meta name="description" content="{MetaDescription}">
26
{/block:Description}
27
<meta name="viewport" content="width=device-width">
28
<link rel="shortcut icon" href="{image:Favicon}">
29
<link rel="apple-touch-icon" href="{PortraitURL-128}">
30
<link rel="alternate" type="application/rss+xml" href="{RSS}">
31
32
<link href='http://fonts.googleapis.com/css?family=Dosis:300,400,600' rel='stylesheet' type='text/css'>
33
34
<link href='http://fonts.googleapis.com/css?family=Quicksand:300' rel='stylesheet' type='text/css'>
35
36
<!--DEFAULT OPTIONS -->
37
38
<!-- IMAGES -->
39
40
<meta name="image:Background" content="http://static.tumblr.com/e8168d70f65b7409f30d8eb1d95eec19/ejd0ebh/VXpnxdbfa/tumblr_static_cmvvy7i9o3k0kkg0840gsgkw0.png"/>
41
<meta name="image:Favicon" content="http://static.tumblr.com/6af3be22a121036c6cde2365c1613fd2/ejd0ebh/JJKnxbyjc/tumblr_static_6b8brtbmie0wcc8kgok8scoow.gif"/>
42
<meta name="image:Post Wrap BG" content="http://static.tumblr.com/74f7cdffc9b2c3f62771c7acac3f512d/ejd0ebh/9LOnxbvzw/tumblr_static_c7ssa1l1yi0oc44o0skkc04ck.png"/>
43
<meta name="image:Sidebar" content="http://static.tumblr.com/ba107525ddb2148d0e87794899fed5cc/ejd0ebh/0Lznxbwyu/tumblr_static_7xaoo5wmtsgs8880w08ck44sc.jpg"/>
44
<meta name="image:Sidebar Header" content="http://static.tumblr.com/fdadf514d6b4339b5061254bdb5d3e67/ejd0ebh/KSxnxeshv/tumblr_static_1ld68grr9ee8g804og08w4kcc.jpg"/>
45
46
<!-- COLORS -->
47
48
<meta name="color:Answer BG" content="#f7f3ff">
49
<meta name="color:Answer Text" content="#b2a8c3">
50
<meta name="color:Message BG" content="#f0f7fb">
51
<meta name="color:Message Text" content="#9db2be">
52
<meta name="color:Background" content="#ffffff"/>
53
<meta name="color:Body BG" content="#ffffff"/>
54
<meta name="color:Body Border Top" content="#ddf2e8"/>
55
<meta name="color:Body Border Left" content="#ede5f3"/>
56
<meta name="color:Body Border Right" content="#ffd8e6"/>
57
<meta name="color:Body Border Bottom" content="#fcebd5"/>
58
<meta name="color:Body Title" content="#929292"/>
59
<meta name="color:Blockquote" content="#d4d4d4"/>
60
<meta name="color:Chat Line BG" content="#f6f6f6"/>
61
<meta name="color:Chat Text" content="#a2a2a2"/>
62
<meta name="color:Gradient Top" content="#f5efff"/>
63
<meta name="color:Gradient Middle" content="#ffffff"/>
64
<meta name="color:Gradient Bottom" content="#ebf8ff"/>
65
<meta name="color:Header Title" content="#bde9f3"/>
66
<meta name="color:Header Title Shadow" content="#ffd1e1"/>
67
<meta name="color:Link" content="#becfda"/>
68
<meta name="color:Link Post BG" content="#fff1f6"/>
69
<meta name="color:Link Post Border" content="#ffdbe7"/>
70
<meta name="color:Link Post Text" content="#fec4d9"/>
71
<meta name="color:Nav Links" content="#d4cce2"/>
72
<meta name="color:Perma Dots" content="#d0e1ea"/>
73
<meta name="color:Post Wrap BG" content="#ffffff"/>
74
<meta name="color:Post Wrap Borders" content="#ffffff"/>
75
<meta name="color:Quote BG" content="#f8f8f8"/>
76
<meta name="color:Quote Text" content="#adadad"/>
77
<meta name="color:Side IMG Border" content="#dfd7ee"/>
78
<meta name="color:Text" content="#000000"/>
79
80
<!-- YOU CHOOSE -->
81
82
<meta name="if:Caption" content="0"/>
83
<meta name="if:Fullscreen Background" content="0"/>
84
<meta name="if:Header" content="1"/>
85
<meta name="if:Letter Spacing" content="1"/>
86
<meta name="if:Rounded Corners" content="0"/>
87
<meta name="if:Shorten Text Posts" content="1"/>
88
<meta name="if:Tags" content="1"/>
89
<meta name="if:Transparent Body" content="0"/>
90
<meta name="if:Transparent Post Wrap" content="0"/>
91
<meta name="if:Uppercase Text" content="0"/>
92
93
<!-- TEXT OPTIONS --> 
94
95
<meta name="text:Font Family" content="helvetica"/>
96
<meta name="text:Font Size" content="11px"/>
97
98
<!-- SELECT MENUS -->
99
100
<!-- FOR POSTS + SIDEBAR -->
101
102
<meta name="select:Body Color" content="0,0,0" title="Dark">
103
<meta name="select:Body Color" content="255,255,255" title="Light">
104
<meta name="select:Body Transparency" content="1" title="Opaque">
105
<meta name="select:Body Transparency" content=".9" title="90%">
106
<meta name="select:Body Transparency" content=".8" title="80%">
107
<meta name="select:Body Transparency" content=".7" title="70%">
108
<meta name="select:Body Transparency" content=".6" title="60%">
109
<meta name="select:Body Transparency" content=".5" title="50%">
110
<meta name="select:Body Transparency" content=".4" title="40%">
111
<meta name="select:Body Transparency" content=".3" title="30%">
112
<meta name="select:Body Transparency" content=".2" title="20%">
113
<meta name="select:Body Transparency" content=".1" title="10%">
114
<meta name="select:Body Transparency" content=".0" title="Transparent">
115
116
<!-- FOR POST WRAP -->
117
118
<meta name="select:Post Wrap Color" content="0,0,0" title="Dark">
119
<meta name="select:Post Wrap Color" content="255,255,255" title="Light">
120
<meta name="select:Post Wrap Transparency" content="1" title="Opaque">
121
<meta name="select:Post Wrap Transparency" content=".9" title="90%">
122
<meta name="select:Post Wrap Transparency" content=".8" title="80%">
123
<meta name="select:Post Wrap Transparency" content=".7" title="70%">
124
<meta name="select:Post Wrap Transparency" content=".6" title="60%">
125
<meta name="select:Post Wrap Transparency" content=".5" title="50%">
126
<meta name="select:Post Wrap Transparency" content=".4" title="40%">
127
<meta name="select:Post Wrap Transparency" content=".3" title="30%">
128
<meta name="select:Post Wrap Transparency" content=".2" title="20%">
129
<meta name="select:Post Wrap Transparency" content=".1" title="10%">
130
<meta name="select:Post Wrap Transparency" content=".0" title="Transparent">
131
132
<!-- END DEFAULT OPTIONS --> 
133
134
<style type="text/css">
135
136
/* IMPORTED FONTS */
137
138
@import url(http://weloveiconfonts.com/api/?family=entypo|fontawesome|iconicstroke);
139
140
[class*="entypo-"]:before {
141
  font-family: 'entypo', sans-serif;
142
  font-size:14px;
143
}
144
145
[class*="fontawesome-"]:before {
146
  font-family: 'FontAwesome', sans-serif;
147
  font-size:14px;
148
}
149
150
/* BODY PROPERTIES */
151
152
body
153
{background-color:{color:Background};background-image:url('{image:Background}');background-attachment:fixed;{block:IfFullscreenBackground}background-size:cover;{/block:IfFullscreenBackground}font-family:{text:Font Family};font-size:{text:Font Size};color:{color:Text};{block:IfLetterSpacing}letter-spacing:1px;{/block:IfLetterSpacing}line-height:17px;{block:IfUppercaseText}text-transform:uppercase;{/block:IfUppercaseText}margin:0;padding:0;}
154
155
/* SIDEBAR/POST WRAP */
156
157
#wrapper
158
{{block:IfTransparentPostWrap}background-color:rgba({select:Post Wrap Color}, {select:Post Wrap Transparency});{/block:IfTransparentPostWrap}{block:IfNotTransparentPostWrap}background-color:{color:Post Wrap BG};background-image:url('{image:Post Wrap BG}');{/block:IfNotTransparentPostWrap}border-left:1px solid {color:Post Wrap Borders};border-right:1px solid {color:Post Wrap Borders};border-bottom:1px solid {color:Post Wrap Borders};min-height:100vh;padding-bottom:40px;margin:0 auto;{block:IndexPage}max-width:970px;{block:IfNotHeader}padding-top:39px;{/block:IfNotHeader}{/block:IndexPage}{block:PermalinkPage}max-width:603px;padding-top:40px;{/block:PermalinkPage}padding-left:4px;margin-top:-8px;}
159
160
/* POST COLUMNS */
161
162
.main
163
{width:940px;{block:IndexPage}overflow:hidden;margi-bottom:0em;-webkit-column-count:3;-webkit-column-gap:0em;-webkit-column-fill:auto;-moz-column-count:3;-moz-column-gap:0em;-moz-column-fill:auto;column-count:3;column-gap:0em;column-fill:auto;margin-left:25px;{/block:IndexPage}}
164
165
/* POST CONTAINER */
166
167
.container
168
{margin-bottom:1.875em;-webkit-column-break-inside: avoid;-moz-column-break-inside: avoid;column-break-inside: avoid;display:inline-block;{block:PermalinkPage}padding-left:30px;{/block:PermalinkPage}}
169
170
/* Aligns posts from the left rather than the center. */
171
172
figure
173
{margin:0;}
174
175
/* LINKS */
176
177
a
178
{text-decoration:none;font-weight:bold;color:{color:Link};transition-duration:0.5s;-webkit-transition-duration:0.5s;}
179
180
/* LINKS ON MOUSEOVER */
181
182
a:hover
183
{color:{color:Link Hover};transition-duration:0.5s;-webkit-transition-duration:0.5s;}
184
185
/* PREFORMATTED TEXT */
186
187
pre
188
{font-size:10px;font-family:arial;letter-spacing:1px;padding-left:2px;width:100%;display:block;word-wrap:break-word;}
189
190
/* BLOCKQUOTES */
191
192
blockquote
193
{margin-left:12px;{block:IndexPage}width:90%;{/block:IndexPage}{block:PermalinkPage}width:95%;{/block:PermalinkPage}padding-top:1px;word-wrap:break-word;border-left:1px dashed {color:Blockquote};padding-left:12px;padding-bottom:1px;padding-right:0px;}
194
195
/* HEADER */
196
197
#headerr {background: -webkit-linear-gradient(left top, {color:Gradient Top}, {color:Gradient Middle}, {color:Gradient Bottom}); background: -o-linear-gradient(bottom right, {color:Gradient Top}, {color:Gradient Middle}, {color:Gradient Bottom}); background: -moz-linear-gradient(bottom right, {color:Gradient Bottom}, {color:Gradient Middle}, {color:Gradient Top}); background: linear-gradient(to bottom right, {color:Gradient Top}, {color:Gradient Middle}, {color:Gradient Bottom}); width:974px; height:350px; margin-bottom:33px; margin-left:-4px; margin-top:-8px;}
198
199
/* HEADER TITLE */
200
201
.title
202
{text-align:center;font-family:dosis;font-size:50px;font-weight:normal;letter-spacing:4px;text-transform:uppercase;color:{color:Header Title};padding-top:160px;text-shadow: 1px 1px 0px {color:Header Title Shadow}, 3px 3px 0px rgba(0,0,0,0);}
203
204
/* SIDEBAR */
205
206
.sidebar
207
{{block:IfNotTransparentBody}background:{color:Body BG};{/block:IfNotTransparentBody}{block:ifTransparentBody}background-color:rgba({select:Body Color}, {select:Body Transparency});{/block:IfTransparentBody}width:250px;border-top:10px solid {color:Body Border Top};border-left:10px solid {color:Body Border Left};border-right:10px solid {color:Body Border Right};border-bottom:10px solid {color:Body Border Bottom};{block:IfRoundedCorners}border-radius:6px;{/block:IfRoundedCorners}padding:10px;padding-top:0px;margin-bottom:1.875em;color:{color:Text};line-height:16px;transition-duration:0.5s;-webkit-transition-duration:0.5s;}
208
209
/* SEARCH BOX */
210
211
.sfm input
212
{background-color:{color:Body BG};font-size:9px;border:1px solid {color:Side IMG Border};text-transform:uppercase;margin-top:10px;color:{color:Body Title};letter-spacing:1px;padding:4px 8px;font-family:calibri,helvetica,arial;{block:ifRoundedCorners}border-radius:2px;{/block:IfRoundedCorners}}
213
214
/* TEXT POST */
215
216
.textpost
217
{{block:IfNotTransparentBody}background:{color:Body BG};{/block:IfNotTransparentBody}{block:ifTransparentBody}background-color:rgba({select:Body Color}, {select:Body Transparency});{/block:IfTransparentBody}{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}border-top:10px solid {color:Body Border Top};border-left:10px solid {color:Body Border Left};border-right:10px solid {color:Body Border Right};border-bottom:10px solid {color:Body Border Bottom};{block:IfRoundedCorners}border-radius:6px;{/block:IfRoundedCorners}padding:10px;padding-top:0px;line-height:16px;transition-duration:0.5s;-webkit-transition-duration:0.5s;}
218
219
/* LINK POST */
220
221
.link
222
{{block:IfNotTransparentBody}background:{color:Body BG};{/block:IfNotTransparentBody}{block:ifTransparentBody}background-color:rgba({select:Body Color}, {select:Body Transparency});{/block:IfTransparentBody}{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}border-top:10px solid {color:Body Border Top};border-left:10px solid {color:Body Border Left};border-right:10px solid {color:Body Border Right};border-bottom:10px solid {color:Body Border Bottom};{block:IfRoundedCorners}border-radius:6px;{/block:IfRoundedCorners}padding:10px;line-height:16px;transition-duration:0.5s;-webkit-transition-duration:0.5s;}
223
224
/* LINK BOX */
225
226
.linkk
227
{background:{color:Link Post BG};font-size:12px;text-transform:uppercase;letter-spacing:1px;border:1px solid {color:Link Post Border};{block:IndexPage}width:185px;{/block:IndexPage}{block:PermalinkPage}width:435px;{/block:PermalinkPage}text-align:center;margin-top:0px;padding:32px;{block:IfRoundedCorners}border-radius:4px;{/block:IfRoundedCorners}}
228
229
/* LINK POST TEXT */
230
231
.linkk a
232
{color:{color:Link Post Text};font-weight:normal;}
233
234
/* CHAT POST */
235
236
.chat
237
{{block:IfNotTransparentBody}background:{color:Body BG};{/block:IfNotTransparentBody}{block:ifTransparentBody}background-color:rgba({select:Body Color}, {select:Body Transparency});{/block:IfTransparentBody}{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}border-top:10px solid {color:Body Border Top};border-left:10px solid {color:Body Border Left};border-right:10px solid {color:Body Border Right};border-bottom:10px solid {color:Body Border Bottom};{block:IfRoundedCorners}border-radius:6px;{/block:IfRoundedCorners}padding:10px;transition-duration:0.5s;-webkit-transition-duration:0.5s;color:{color:Chat Text};}
238
239
.chattie ul {
240
            list-style:none;
241
            margin:0;
242
            padding:0;
243
        }
244
 
245
        .chattie li {
246
            line-height:21px;
247
            margin-bottom:10px;
248
            padding:0px 0px 0px 11px;
249
250
        }
251
252
/* TEXT / CHAT POST TITLE */
253
254
.textt, .chatt
255
{color:{color:Body Title};font-weight:normal;font-size:14px;letter-spacing:1px;{block:IndexPage}width:229px;{/block:IndexPage}{block:PermalinkPage}width:479px;{/block:PermalinkPage}text-align:center;padding-left:10px; padding-top:5px;{block:IfRoundedCorners}border-radius:4px;{/block:IfRoundedCorners} margin-bottom:-2px;}
256
257
/* QUOTE POST */
258
259
.quote
260
{{block:IfNotTransparentBody}background:{color:Body BG};{/block:IfNotTransparentBody}{block:ifTransparentBody}background-color:rgba({select:Body Color}, {select:Body Transparency});{/block:IfTransparentBody}{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}border-top:10px solid {color:Body Border Top};border-left:10px solid {color:Body Border Left};border-right:10px solid {color:Body Border Right};border-bottom:10px solid {color:Body Border Bottom};{block:IfRoundedCorners}border-radius:6px;{/block:IfRoundedCorners}padding:10px;line-height:17px;transition-duration:0.5s;-webkit-transition-duration:0.5s;}
261
262
/* QUOTE SOURCE */
263
264
.source
265
{background:{color:Body BG};color:{color:Body Title};border:1px dashed {color:Link};margin-bottom:5px;{block:IndexPage}width:229px;{/block:IndexPage}{block:PermalinkPage}width:479px;{/block:PermalinkPage}padding:10px;text-align:center;{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}}
266
267
/* QUOTE */
268
269
.quotte
270
{background:{color:Quote BG};color:{color:Quote Text};border:1px solid {color:Blockquote};padding:10px;{block:IndexPage}width:229px;{/block:IndexPage}{block:PermalinkPage}width:479px;{/block:PermalinkPage}{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}}
271
272
/* PHOTO POST */
273
274
.photo
275
{{block:IfNotTransparentBody}background:{color:Body BG};{/block:IfNotTransparentBody}{block:ifTransparentBody}background-color:rgba({select:Body Color}, {select:Body Transparency});{/block:IfTransparentBody}border-top:10px solid {color:Body Border Top};border-left:10px solid {color:Body Border Left};border-right:10px solid {color:Body Border Right};border-bottom:10px solid {color:Body Border Bottom};{block:IfRoundedCorners}border-radius:6px;{/block:IfRoundedCorners}{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}padding:10px;transition-duration:0.5s;-webkit-transition-duration:0.5s;}
276
277
/* Restrict photos to post margins */
278
279
img
280
{max-width:100%;}
281
282
/* PHOTOSET POST */
283
284
.photoset
285
{{block:IfNotTransparentBody}background:{color:Body BG};{/block:IfNotTransparentBody}{block:ifTransparentBody}background-color:rgba({select:Body Color}, {select:Body Transparency});{/block:IfTransparentBody}border-top:10px solid {color:Body Border Top};border-left:10px solid {color:Body Border Left};border-right:10px solid {color:Body Border Right};border-bottom:10px solid {color:Body Border Bottom};{block:IfRoundedCorners}border-radius:6px;{/block:IfRoundedCorners}{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}padding:0px 10px 2px 10px;transition-duration:0.5s;-webkit-transition-duration:0.5s;}
286
287
/* AUDIO POST */
288
289
.audio
290
{{block:IfNotTransparentBody}background:{color:Body BG};{/block:IfNotTransparentBody}{block:ifTransparentBody}background-color:rgba({select:Body Color}, {select:Body Transparency});{/block:IfTransparentBody}border-top:10px solid {color:Body Border Top};border-left:10px solid {color:Body Border Left};border-right:10px solid {color:Body Border Right};border-bottom:10px solid {color:Body Border Bottom};{block:IfRoundedCorners}border-radius:6px;{/block:IfRoundedCorners}{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}padding:10px;transition-duration:0.5s;-webkit-transition-duration:0.5s;}
291
292
/* AUDIO PLAYER */
293
294
.tumblr_audio_player
295
{height:80px;{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}}
296
297
/* VIDEO POST */
298
299
.video
300
{{block:IfNotTransparentBody}background:{color:Body BG};{/block:IfNotTransparentBody}{block:ifTransparentBody}background-color:rgba({select:Body Color}, {select:Body Transparency});{/block:IfTransparentBody}{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}border-top:10px solid {color:Body Border Top};border-left:10px solid {color:Body Border Left};border-right:10px solid {color:Body Border Right};border-bottom:10px solid {color:Body Border Bottom};{block:IfRoundedCorners}border-radius:6px;{/block:IfRoundedCorners}padding:10px;line-height:16px;transition-duration:0.5s;-webkit-transition-duration:0.5s;}
301
302
/* MESSAGE POST */
303
304
.question
305
{{block:IfNotTransparentBody}background:{color:Body BG};{/block:IfNotTransparentBody}{block:ifTransparentBody}background-color:rgba({select:Body Color}, {select:Body Transparency});{/block:IfTransparentBody}border-top:10px solid {color:Body Border Top};border-left:10px solid {color:Body Border Left};border-right:10px solid {color:Body Border Right};border-bottom:10px solid {color:Body Border Bottom};{block:IfRoundedCorners}border-radius:6px;{/block:IfRoundedCorners}{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{block:PermalinkPage}padding:10px;transition-duration:0.5s;-webkit-transition-duration:0.5s;}
306
307
/* MESSAGE MAIL ICON */
308
309
.mail
310
{font-size:10px;display:block;position:relative;border-top:1em solid transparent;border-left:1.5em solid {color:Answer Text};border-right:1.5em solid {color:Answer Text};border-bottom:1em solid {color:Answer Text};height:0;width:0;opacity:.4;}
311
312
.mail:before
313
{content:'';top:-1.23em;left:-1.5em;display:block;position:absolute;border-top:1em solid {color:Answer Text};border-left:1.5em solid transparent;border-right:1.5em solid transparent;border-bottom:1em solid transparent;font-size:0.8em;opacity:.8;}
314
315
/* ANSWER COMMENT ICON */
316
317
.comment
318
{font-size:14px;width:2em;height:1.5em;background:{color:Message Text};border-radius:0.2em;position:relative;opacity:.4;}
319
320
.comment::before
321
{position:absolute;	content:"";bottom:-0.3em;right:0.4em;width:0em;height:0em;border-bottom:0.4em solid transparent;border-left:0.4em solid {color:Message Text};}
322
323
/* POSTS ON MOUSEOVER */
324
325
.textpost:hover, .link:hover, .audio:hover, .video:hover, .photoset:hover, .photo:hover, .chat:hover, .quote:hover, .question:hover, .notecontainer:hover
326
{border-top:10px solid {color:Body Border Left};border-left:10px solid {color:Body Border Bottom};border-right:10px solid {color:Body Border Top};border-bottom:10px solid {color:Body Border Right};transition-duration:0.5s;-webkit-transition-duration:0.5s;}
327
328
/* PERMALINK */
329
330
.perma
331
{border-top:0px dotted {color:Perma Border};{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}margin-top:10px;color:{color:Perma Dots};}
332
333
.perma a
334
{color:{color:Perma Dots};transition-duration:0.5s;-webkit-transition-duration:0.5s;}
335
336
/* PERMALINK PAGE */
337
338
/* DATE + NOTES * VIA/SOURCE */
339
340
.permainfo
341
{color:{color:Body Title};font-weight:normal;font-size:14px;letter-spacing:1px;width:475px;text-align:center;padding:10px;line-height:22px;}
342
343
.permainfo a
344
{font-weight:normal;}
345
346
.permapage
347
{color:{color:Link};background:{color:Body BG};border-top:3px solid {color:Body Border Top};border-left:3px solid {color:Body Border Left};border-right:3px solid {color:Body Border Right};border-bottom:3px solid {color:Body Border Bottom};padding:7px;padding-bottom:8px;{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}}
348
349
.permapage a
350
{font-weight:normal;}
351
352
.notecontainer
353
{max-height:400px;overflow-y:scroll;overflow-x:hidden;{block:IfNotTransparentBody}background:{color:Body BG};{/block:IfNotTransparentBody}{block:ifTransparentBody}background-color:rgba({select:Body Color}, {select:Body Transparency});{/block:IfTransparentBody}width:500px;padding:10px;border-top:10px solid {color:Body Border Top};border-left:10px solid {color:Body Border Left};border-right:10px solid {color:Body Border Right};border-bottom:10px solid {color:Body Border Bottom};margin-left:30px;}
354
355
.notecontainer a
356
{font-weight:normal;}
357
358
ol.notes
359
{padding:0px;margin:25px 0px;list-style-type:none;}
360
361
ol.notes li.note
362
{border-top: dashed 1px {color:Blockquote};padding: 10px;}
363
364
ol.notes li.note img.avatar
365
{vertical-align:-4px;margin-right:10px;width:16px;height:16px;border-radius:10px;}
366
367
ol.notes li.note span.action
368
{font-weight:normal;}
369
370
ol.notes li.note .answer_content
371
{font-weight:normal;}
372
373
ol.notes li.note blockquote
374
{border-color:{color:Blockquote};padding:4px 10px;margin:10px 0px 0px 25px;}
375
376
ol.notes li.note blockquote a
377
{text-decoration:none;}
378
379
/* STYLE MY TOOLTIPS */
380
 
381
#s-m-t-tooltip
382
{max-width:100px;z-index:999999;margin:24px 14px 7px 12px;padding:4px;background:{color:Body BG};{block:IfRoundedCorners}-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;{/block:IfRoundedCorners}border:1px solid {color:Blockquote};font-size:11px;font-family:calibri;letter-spacing:1px;line-height:100%;text-transform:uppercase;color:{color:Link};}
383
384
/* PAGINATION */
385
386
        #pagination a {
387
            color:{color:Pagi};
388
        }
389
        
390
        .pagi {
391
            background-color:{color:Body BG};
392
            {block:IfRoundedCorners}border-radius:100px 0px 0px 100px;{/block:IfRoundedCorners}
393
            font-weight:100;
394
            font:30px quicksand;
395
            right:0;
396
            top:45%;
397
            position:fixed;
398
            padding:20px; padding-right:10px;
399
        }
400
        
401
        .pagi2 {
402
            background-color:{color:Body BG};
403
            {block:IfRoundedCorners}border-radius:0px 100px 100px 0px;{/block:IfRoundedCorners}
404
            font-weight:100;
405
            font:30px quicksand;
406
            left:0;
407
            top:45%;
408
            position:fixed;
409
            padding:20px; padding-left:10px;
410
        }
411
412
/* SCREEN RESOLUTION COMPATIBILITY */
413
414
/* TWO COLUMNS */
415
416
@media only screen and ( max-width: 1100px )
417
{
418
    
419
#wrapper{padding-left:20px;max-width:630px;padding-top:31px;}    
420
    
421
.main
422
{-webkit-column-count:2;-webkit-column-gap:0em;-moz-column-count:2;-moz-column-gap:0em;column-count:2;column-gap:0em;width:630px;margin-left:3px;}
423
        
424
#headerr
425
{width:650px;margin-left:-20px;margin-top:-23px;}
426
427
}
428
429
/* ONE COLUMN */
430
431
@media only screen and ( max-width: 715px )
432
{
433
    
434
.main
435
{-webkit-column-count:1;-moz-column-count:1;column-count:1;margin:0 auto;width:300px;}
436
}
437
438
{CustomCSS}   
439
</style>
440
441
<!-- STYLE MY TOOLTIPS SCRIPT -->
442
 
443
<link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
444
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
445
 
446
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
447
<script>
448
    (function($){
449
        $(document).ready(function(){
450
            $("[title]").style_my_tooltips();
451
        });
452
    })(jQuery);
453
</script>
454
455
</head>
456
<body>
457
458
<div id="wrapper">
459
460
<!-- BEGIN HEADER -->
461
462
{block:IfHeader}{block:IndexPage}
463
464
<div id="headerr">
465
    
466
    <div class="title">{Title}</div>
467
    
468
</div>
469
470
{/block:IndexPage}{/block:IfHeader}
471
472
<!-- END HEADER -->
473
474
<div class="main" role="main">
475
476
<!-- BEGIN SIDEBAR -->
477
478
{block:IndexPage}
479
480
<!-- IMAGE -->
481
482
<div style="width:290px;margin-bottom:-50px;"><img style="{block:IfRoundedCorners}border-radius:4px;{/block:IfRoundedCorners}" src="{image:Sidebar Header}" alt=""/></div>
483
484
<img style="border-radius:0px;border:1px solid {color:Side IMG Border};margin-bottom:-60px;margin-left:90px;width:100px;{block:IfRoundedCorners}border-radius:4px;{/block:IfRoundedCorners}" src="{image:Sidebar}" alt=""/>
485
486
<div class="sidebar">
487
488
<!-- DESCRIPTION -->
489
490
<div style="margin-top:55px;">
491
492
<center style="padding-top:10px;margin-bottom:0px;"><a style="color:{color:Nav Links};" title="index" href="/"><span class="entypo-home"></span></a>&nbsp;&nbsp;&nbsp;<a style="color:{color:Nav Links};" title="message" href="/ask"><span class="fontawesome-envelope-alt"></span></a>&nbsp;&nbsp;&nbsp;<a style="color:{color:Nav Links};" title="archive" href="/archive"><span class="fontawesome-camera"></span></a>&nbsp;&nbsp;&nbsp;<a style="color:{color:Nav Links};" title="credit" href="http://maomuthemes.tumblr.com"><span class="fontawesome-heart"></span></a></center><br>
493
494
{block:Description}{Description}{/block:Description}</div>
495
496
<!-- SEARCH BAR -->
497
498
<form class="sfm input" action="/search" method="get">
499
    <input style="width:175px;height:20px;" type="text" name="q" value="{SearchQuery}"/>
500
    <input style="padding-top:8px;padding-bottom:9px;background:{color:Body BG};border:1px dashed {color:Link};color:{color:Link};{block:ifRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}letter-spacing:normal;" type="submit" value="Search"/>
501
</form>
502
</div>
503
{/block:IndexPage}
504
505
<!-- END SIDEBAR -->
506
507
<!-- BEGIN POSTS -->
508
509
{block:Posts}
510
<div class="container">
511
512
<!-- PHOTO -->
513
514
{block:Photo}
515
<article class="photo">
516
<figure>
517
{block:IndexPage}
518
{LinkOpenTag}
519
<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
520
{LinkCloseTag}
521
{/block:IndexPage}
522
523
{block:PermalinkPage}
524
{LinkOpenTag}
525
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
526
{LinkCloseTag}
527
{/block:PermalinkPage}
528
529
530
{block:IfCaption}
531
{block:Caption}
532
<figcaption>
533
{Caption}
534
</figcaption>
535
{/block:Caption}
536
{/block:IfCaption}
537
538
{block:IfNotCaption}
539
{block:PermalinkPage}
540
{block:Caption}
541
<figcaption>
542
{Caption}
543
</figcaption>
544
{/block:Caption}
545
{/block:PermalinkPage}
546
{/block:IfNotCaption}
547
548
{block:Date}
549
<div class="perma">
550
<center style="margin-top:-9px;padding-bottom:5px;">
551
<font style="font-size:14px;color:{color:Perma Link};"><font style="cursor:default;" title="{NoteCountWithLabel}">●</font> &nbsp;&nbsp; <a title="View Post" href="{Permalink}">●</a> &nbsp;&nbsp; <a href="{ReblogURL}" title="Reblog">●</a><br></font>
552
</center>
553
{block:IfTags}
554
<center>
555
{block:HasTags}
556
{block:Tags}
557
<a href="{TagURL}"><font style="font-weight:normal;color:{color:Link};background:{color:Body BG};border-top:3px solid {color:Body Border Top};
558
border-left:3px solid {color:Body Border Left};
559
border-right:3px solid {color:Body Border Right};
560
border-bottom:3px solid {color:Body Border Bottom};padding:3px;{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}line-height:30px;">+{Tag}</font></a>
561
{/block:Tags}
562
{/block:HasTags}
563
</center>
564
{/block:IfTags}
565
</div>
566
{/block:Date}
567
568
</figure>
569
</article>
570
{/block:Photo}
571
572
<!-- PHOTOSET -->
573
574
{block:Photoset}
575
<article class="photoset">
576
<figure>
577
578
{block:IndexPage}
579
<div style="padding-top:10px;margin-left:-10px;">{Photoset-250}</div>
580
{/block:IndexPage}
581
{block:PermalinkPage}
582
<div style="padding-top:10px;margin-left:-10px;">{Photoset-500}</div>
583
{/block:PermalinkPage}
584
    
585
{block:IfCaption}
586
{block:Caption}
587
<figcaption>
588
{Caption}
589
</figcaption>
590
{/block:Caption}
591
{/block:IfCaption}
592
593
{block:IfNotCaption}
594
{block:PermalinkPage}
595
{block:Caption}
596
<figcaption>
597
{Caption}
598
</figcaption>
599
{/block:Caption}
600
{/block:PermalinkPage}
601
{/block:IfNotCaption}
602
603
{block:Date}
604
<div class="perma">
605
<center style="margin-top:-9px;padding-bottom:5px;">
606
<font style="font-size:14px;color:{color:Perma Link};"><font style="cursor:default;" title="{NoteCountWithLabel}">●</font> &nbsp;&nbsp; <a title="View Post" href="{Permalink}">●</a> &nbsp;&nbsp; <a href="{ReblogURL}" title="Reblog">●</a><br></font>
607
</center>
608
{block:IfTags}
609
<center>
610
{block:HasTags}
611
{block:Tags}
612
<a href="{TagURL}"><font style="font-weight:normal;color:{color:Link};background:{color:Body BG};border-top:3px solid {color:Body Border Top};
613
border-left:3px solid {color:Body Border Left};
614
border-right:3px solid {color:Body Border Right};
615
border-bottom:3px solid {color:Body Border Bottom};padding:3px;{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}line-height:30px;">+{Tag}</font></a>
616
{/block:Tags}
617
{/block:HasTags}
618
</center>
619
{/block:IfTags}
620
</div>
621
{/block:Date}
622
623
</figure>
624
</article>
625
{/block:Photoset}
626
627
<!-- TEXT -->
628
629
{block:Text}
630
<article class="textpost">
631
<figure>
632
{block:Title}
633
<header>
634
<h2 class="textt">{Title}</h2>
635
</header>
636
{/block:Title}
637
<div style="{block:IndexPage}
638
width:250px;{block:IfShortenTextPosts}max-height:200px;
639
overflow:hidden;{/block:IfShortenTextPosts}
640
{/block:IndexPage}
641
{block:PermalinkPage}
642
width:500px;
643
{/block:PermalinkPage};">{Body}</div>
644
645
{block:Date}
646
<div class="perma">
647
<center style="margin-top:-9px;padding-bottom:5px;">
648
<font style="font-size:14px;color:{color:Perma Link};"><font style="cursor:default;" title="{NoteCountWithLabel}">●</font> &nbsp;&nbsp; <a title="View Post" href="{Permalink}">●</a> &nbsp;&nbsp; <a href="{ReblogURL}" title="Reblog">●</a><br></font>
649
</center>
650
{block:IfTags}
651
<center>
652
{block:HasTags}
653
{block:Tags}
654
<a href="{TagURL}"><font style="font-weight:normal;color:{color:Link};background:{color:Body BG};border-top:3px solid {color:Body Border Top};
655
border-left:3px solid {color:Body Border Left};
656
border-right:3px solid {color:Body Border Right};
657
border-bottom:3px solid {color:Body Border Bottom};padding:3px;{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}line-height:30px;">+{Tag}</font></a>
658
{/block:Tags}
659
{/block:HasTags}
660
</center>
661
{/block:IfTags}
662
</div>
663
{/block:Date}
664
665
</figure>
666
</article>
667
{/block:Text}
668
669
<!-- LINK -->
670
671
{block:Link}
672
<article class="link">
673
<figure>
674
675
<h2 class="linkk">
676
<a href="{URL}" {Target}>{Name} &#62;&#62;</a>
677
</h2>
678
679
{block:Description}
680
<div style="{block:IndexPage}{block:IfShortenTextPosts}max-height:200px;
681
overflow:hidden;{/block:IfShortenTextPosts}{/block:IndexPage}">{Description}</div>
682
{/block:Description}
683
684
{block:Date}
685
<div class="perma">
686
<center style="margin-top:-9px;padding-bottom:5px;">
687
<font style="font-size:14px;color:{color:Perma Link};"><font style="cursor:default;" title="{NoteCountWithLabel}">●</font> &nbsp;&nbsp; <a title="View Post" href="{Permalink}">●</a> &nbsp;&nbsp; <a href="{ReblogURL}" title="Reblog">●</a><br></font>
688
</center>
689
{block:IfTags}
690
<center>
691
{block:HasTags}
692
{block:Tags}
693
<a href="{TagURL}"><font style="font-weight:normal;color:{color:Link};background:{color:Body BG};border-top:3px solid {color:Body Border Top};
694
border-left:3px solid {color:Body Border Left};
695
border-right:3px solid {color:Body Border Right};
696
border-bottom:3px solid {color:Body Border Bottom};padding:3px;{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}line-height:30px;">+{Tag}</font></a>
697
{/block:Tags}
698
{/block:HasTags}
699
</center>
700
{/block:IfTags}
701
</div>
702
{/block:Date}
703
704
</figure>
705
</article>
706
{/block:Link}
707
708
<!-- CHAT -->
709
710
{block:Chat}
711
<article class="chat">
712
<figure>
713
{block:Title}
714
<header>
715
<h2 class="chatt">{Title}</h2>
716
</header>
717
{/block:Title}
718
719
<div class="chattie"><ul>{block:Lines}<li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}<span style="background:{color:Chat Line BG};">{Line}</span></li>{/block:Lines}</ul></div>
720
721
{block:Date}
722
<div class="perma">
723
<center style="margin-top:-9px;padding-bottom:5px;">
724
<font style="font-size:14px;color:{color:Perma Link};"><font style="cursor:default;" title="{NoteCountWithLabel}">●</font> &nbsp;&nbsp; <a title="View Post" href="{Permalink}">●</a> &nbsp;&nbsp; <a href="{ReblogURL}" title="Reblog">●</a><br></font>
725
</center>
726
{block:IfTags}
727
<center>
728
{block:HasTags}
729
{block:Tags}
730
<a href="{TagURL}"><font style="font-weight:normal;color:{color:Link};background:{color:Body BG};border-top:3px solid {color:Body Border Top};
731
border-left:3px solid {color:Body Border Left};
732
border-right:3px solid {color:Body Border Right};
733
border-bottom:3px solid {color:Body Border Bottom};padding:3px;{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}line-height:30px;">+{Tag}</font></a>
734
{/block:Tags}
735
{/block:HasTags}
736
</center>
737
{/block:IfTags}
738
</div>
739
{/block:Date}
740
741
</figure>
742
</article>
743
{/block:Chat}
744
745
<!-- QUOTE -->
746
747
{block:Quote}
748
<article class="quote">
749
<figure>
750
{block:Source}
751
<div class="source">Quote by {Source}</div>
752
{/block:Source}
753
<div class="quotte">{Quote}</div>
754
755
{block:Date}
756
<div class="perma">
757
<center style="margin-top:-9px;padding-bottom:5px;">
758
<font style="font-size:14px;color:{color:Perma Link};"><font style="cursor:default;" title="{NoteCountWithLabel}">●</font> &nbsp;&nbsp; <a title="View Post" href="{Permalink}">●</a> &nbsp;&nbsp; <a href="{ReblogURL}" title="Reblog">●</a><br></font>
759
</center>
760
{block:IfTags}
761
<center>
762
{block:HasTags}
763
{block:Tags}
764
<a href="{TagURL}"><font style="font-weight:normal;color:{color:Link};background:{color:Body BG};border-top:3px solid {color:Body Border Top};
765
border-left:3px solid {color:Body Border Left};
766
border-right:3px solid {color:Body Border Right};
767
border-bottom:3px solid {color:Body Border Bottom};padding:3px;{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}line-height:30px;">+{Tag}</font></a>
768
{/block:Tags}
769
{/block:HasTags}
770
</center>
771
{/block:IfTags}
772
</div>
773
{/block:Date}
774
775
</figure>
776
</article>
777
{/block:Quote}
778
779
<!-- AUDIO -->
780
781
{block:Audio}
782
<article class="audio">
783
<figure>
784
{AudioEmbed}
785
786
{block:IfCaption}
787
{block:Caption}
788
<figcaption>
789
{Caption}
790
</figcaption>
791
{/block:Caption}
792
{/block:IfCaption}
793
794
{block:IfNotCaption}
795
{block:PermalinkPage}
796
{block:Caption}
797
<figcaption>
798
{Caption}
799
</figcaption>
800
{/block:Caption}
801
{/block:PermalinkPage}
802
{/block:IfNotCaption}
803
804
{block:Date}
805
<div class="perma">
806
<center style="margin-top:-9px;padding-bottom:5px;">
807
<font style="font-size:14px;color:{color:Perma Link};"><font style="cursor:default;" title="{NoteCountWithLabel}">●</font> &nbsp;&nbsp; <a title="View Post" href="{Permalink}">●</a> &nbsp;&nbsp; <a href="{ReblogURL}" title="Reblog">●</a><br></font>
808
</center>
809
{block:IfTags}
810
<center>
811
{block:HasTags}
812
{block:Tags}
813
<a href="{TagURL}"><font style="font-weight:normal;color:{color:Link};background:{color:Body BG};border-top:3px solid {color:Body Border Top};
814
border-left:3px solid {color:Body Border Left};
815
border-right:3px solid {color:Body Border Right};
816
border-bottom:3px solid {color:Body Border Bottom};padding:3px;{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}line-height:30px;">+{Tag}</font></a>
817
{/block:Tags}
818
{/block:HasTags}
819
</center>
820
{/block:IfTags}
821
</div>
822
{/block:Date}
823
824
</figure>
825
</article>
826
{/block:Audio}
827
828
<!-- VIDEO -->
829
830
{block:Video}
831
<article class="video">
832
<figure>
833
{VideoEmbed-250}
834
835
{block:IfCaption}
836
{block:Caption}
837
<figcaption>
838
{Caption}
839
</figcaption>
840
{/block:Caption}
841
{/block:IfCaption}
842
843
{block:IfNotCaption}
844
{block:PermalinkPage}
845
{block:Caption}
846
<figcaption>
847
{Caption}
848
</figcaption>
849
{/block:Caption}
850
{/block:PermalinkPage}
851
{/block:IfNotCaption}
852
853
{block:Date}
854
<div class="perma">
855
<center style="margin-top:-9px;padding-bottom:5px;">
856
<font style="font-size:14px;color:{color:Perma Link};"><font style="cursor:default;" title="{NoteCountWithLabel}">●</font> &nbsp;&nbsp; <a title="View Post" href="{Permalink}">●</a> &nbsp;&nbsp; <a href="{ReblogURL}" title="Reblog">●</a><br></font>
857
</center>
858
{block:IfTags}
859
<center>
860
{block:HasTags}
861
{block:Tags}
862
<a href="{TagURL}"><font style="font-weight:normal;color:{color:Link};background:{color:Body BG};border-top:3px solid {color:Body Border Top};
863
border-left:3px solid {color:Body Border Left};
864
border-right:3px solid {color:Body Border Right};
865
border-bottom:3px solid {color:Body Border Bottom};padding:3px;{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}line-height:30px;">+{Tag}</font></a>
866
{/block:Tags}
867
{/block:HasTags}
868
</center>
869
{/block:IfTags}
870
</div>
871
{/block:Date}
872
873
</figure>
874
</article>
875
{/block:Video}
876
877
<!-- MESSAGE -->
878
879
{block:Answer}
880
<article class="question">
881
<figure>
882
<table style="padding-bottom:5px;margin-bottom:3px;{block:IndexPage}
883
max-width:250px;
884
{/block:IndexPage}
885
{block:PermalinkPage}
886
max-width:500px;
887
{/block:PermalinkPage}">
888
<tr>
889
<td style="border:1px dashed {color:Blockquote};vertical-align:top;padding:10px;height:auto;{block:IfRoundedCorners}border-radius:4px;{/block:IfRoundedCorners}"><div class="mail"></div></td>
890
891
<td style="border:1px dashed {color:Body Border};{block:IfRoundedCorners}border-radius:4px;{/block:IfRoundedCorners}vertical-align:top;background:{color:Message BG};color:{color:Message Text};padding:8px;line-height:17px;">{lang:Asker asked}: {Question}</td>
892
</tr>
893
</table>
894
895
<table style="margin-bottom:5px;{block:IndexPage}
896
max-width:250px;
897
{/block:IndexPage}
898
{block:PermalinkPage}
899
max-width:500px;
900
{/block:PermalinkPage}">
901
<tr>
902
903
904
<td style="border:1px dashed {color:Answer Text};{block:IfRoundedCorners}border-radius:4px;{/block:IfRoundedCorners}vertical-align:top;background:{color:Answer BG};color:{color:Answer Text};padding:8px;padding-top:0px;line-height:17px;">{Answer}</td>
905
</tr>
906
</table>
907
908
{block:Date}
909
<div class="perma">
910
<center style="margin-top:-9px;padding-bottom:5px;">
911
<font style="font-size:14px;color:{color:Perma Link};"><font style="cursor:default;" title="{NoteCountWithLabel}">●</font> &nbsp;&nbsp; <a title="View Post" href="{Permalink}">●</a> &nbsp;&nbsp; <a href="{ReblogURL}" title="Reblog">●</a><br></font>
912
</center>
913
{block:IfTags}
914
<center>
915
{block:HasTags}
916
{block:Tags}
917
<a href="{TagURL}"><font style="font-weight:normal;color:{color:Link};background:{color:Body BG};border-top:3px solid {color:Body Border Top};
918
border-left:3px solid {color:Body Border Left};
919
border-right:3px solid {color:Body Border Right};
920
border-bottom:3px solid {color:Body Border Bottom};padding:3px;{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}line-height:30px;">+{Tag}</font></a>
921
{/block:Tags}
922
{/block:HasTags}
923
</center>
924
{/block:IfTags}
925
</div>
926
{/block:Date}
927
928
</figure>
929
</article>
930
{/block:Answer}
931
932
<!-- REMOVE VIA AND SOUCE -->
933
934
<div style="display:none;">
935
{block:ContentSource}    
936
<a href="{SourceURL}" title="{lang:Originally from ReblogRootName}">Source</a>  
937
{/block:ContentSource}
938
{block:RebloggedFrom}
939
<a title="Via" href="{ReblogParentURL}">Via</a>
940
{/block:RebloggedFrom}
941
942
</div>
943
</div>
944
945
<!-- PERMALINK PAGE -->
946
947
{block:Date}
948
{block:PermalinkPage}
949
<br>
950
<div class="notecontainer">
951
<header>
952
<h2 class="permainfo">Posted {TimeAgo} on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}. {block:RebloggedFrom}Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}.</a> Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}</h2>
953
</header>
954
{PostNotes}</div>
955
{/block:PermalinkPage}
956
{/block:Date}
957
958
{/block:Posts}
959
960
<!-- END POSTS -->
961
962
</div>
963
</div>
964
965
<div id="pagination">
966
                
967
                {block:PreviousPage}
968
                <a href="{PreviousPage}">
969
                <span class="pagi2"> << </span>
970
                </a>{/block:PreviousPage}
971
                
972
                {block:NextPage}
973
                <a href="{NextPage}">
974
                <span class="pagi"> >> </span>
975
                </a>{/block:NextPage}
976
                    
977
                </div>
978
979
</body>
980
</html>