View difference between Paste ID: VxKE8NHh and L1i0pLCm
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
2-
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
<head><title>{Title}</title>
4
<link rel="shortcut icon" href="{Favicon}">
5
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
6-
<link href='https://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'>
6+
<link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'>
7
8
<!--
9
10
11-
#10 ETUDE THEME (VER.2) BY COCORINI (https://cocorini.tumblr.com).
11+
#10 ETUDE THEME (VER.2) BY COCORINI (http://www.cocorini.com).
12
PLEASE DO NOT REMOVE THIS CREDIT. THANK YOU!
13
14
15
-->
16
17
<meta name="color:Main Background" content="#efefef"/>
18
<meta name="color:Blog Border" content="#fffdf4"/>
19
<meta name="color:Blog Shadow" content="#e9d9c2"/>
20
21
<meta name="color:Sidebar BG" content="#f9f7e0"/>
22
<meta name="color:Title Text" content="#836363"/>
23
<meta name="color:Title BG" content="#ffffff"/>
24
<meta name="color:Title Border" content="#cec6c6"/>
25
<meta name="color:Subtitle Text" content="#b7b7b7"/>
26
<meta name="color:Title Section BG" content="#f6bebe"/>
27
<meta name="color:Sidebar Image Border" content="#dec5c5"/>
28
<meta name="color:Description BG" content="#f9f7e0"/>
29
<meta name="color:Description Text" content="#938b8b"/>
30
31
<meta name="color:Custom Links BG" content="#e5efdd"/>
32
<meta name="color:Custom Links Menu Text" content="#b09a87"/>
33
<meta name="color:Custom Links Menu Text Shadow" content="#ffffff"/>
34
<meta name="color:Custom Links Menu BG" content="#eeeadb"/>
35
<meta name="color:Custom Links Menu Border" content="#ffffff"/>
36
37
<meta name="color:Entries Column BG" content="#fdefe1"/>
38
<meta name="color:Entries Column Border" content="#f2c0c0"/>
39
<meta name="color:Entries" content="#ffffff"/>
40
<meta name="color:Entries Text" content="#737373"/>
41
<meta name="color:Entries Border" content="#f4e6e6"/>
42
<meta name="color:Blockquote Text" content="#859452"/>
43
<meta name="color:Blockquote Border" content="#f2d0a1"/>
44
45
<meta name="color:Entries Title Text" content="#7e4343"/>
46
<meta name="color:Entries Title BG" content="#f5d1d1"/>
47
<meta name="color:Entries Title Border" content="#ffffff"/>
48
<meta name="color:Entries Link Title Text" content="#6d9353"/>
49
<meta name="color:Entries Link Title Text Hover" content="#7ab99a"/>
50
<meta name="color:Entries Link Title BG" content="#dbefd6"/>
51
<meta name="color:Entries Link Title Border" content="#ffffff"/>
52
53
<meta name="color:Links" content="#b49a59"/>
54
<meta name="color:Links Hover" content="#f3a45b"/>
55
<meta name="color:Bold Text" content="#89aea7"/>
56
<meta name="color:Italic Text" content="#da9898"/>
57
58
<meta name="color:Permalink BG" content="#f2f8e9"/>
59
<meta name="color:Permalink Text" content="#6a5240"/>
60
<meta name="color:Permalink Links" content="#a25e37"/>
61
<meta name="color:Permalink Links Hover" content="#e96c3f"/>
62
<meta name="color:Time Text Highlight" content="#d8e6a1"/>
63
<meta name="color:Notes Text Highlight" content="#fccbcb"/>
64
<meta name="color:Tags Text Highlight" content="#cceddb"/>
65
<meta name="color:Source Text Highlight" content="#e4cbec"/>
66
67
<meta name="color:Ask Text" content="#a87b7b"/>
68
<meta name="color:Ask Background" content="#fbe5e5"/>
69
<meta name="color:Asker Text" content="#ffffff"/>
70
<meta name="color:Asker Highlight" content="#e6acac"/>
71
<meta name="color:Chat Label Text" content="#8e4e4e"/>
72
<meta name="color:Chat Label BG" content="#eedede"/>
73
<meta name="color:Chat Line Text" content="#978667"/>
74
<meta name="color:Chat Line BG" content="#efefdf"/>
75
76
<meta name="color:Cat Face" content="#de7468"/>
77
<meta name="color:Cat Features" content="#905252"/>
78
<meta name="color:Cat Body" content="#f8f3dd"/>
79
<meta name="color:Cat Navigation Link" content="#ae4747"/>
80
81
<meta name="color:Rabbit Face" content="#f99d9d"/>
82
<meta name="color:Rabbit Features" content="#bb6363"/>
83
<meta name="color:Rabbit Body" content="#f8f3dd"/>
84
<meta name="color:Rabbit Navigation Link" content="#e97171"/>
85
86
<meta name="color:Bear Face" content="#a3cfc8"/>
87
<meta name="color:Bear Features" content="#729588"/>
88
<meta name="color:Bear Body" content="#f8f3dd"/>
89
<meta name="color:Bear Navigation Link" content="#86b4a1"/>
90
91
<meta name="color:Panda Face" content="#c5c5c5"/>
92
<meta name="color:Panda Features" content="#858585"/>
93
<meta name="color:Panda Body" content="#f8f3dd"/>
94
<meta name="color:Panda Navigation Link" content="#9a9a9a"/>
95
96
<meta name="color:Normal Navigation Links Text" content="#b09583"/>
97
<meta name="color:Normal Navigation Links BG" content="#edddd0"/>
98
99
<meta name="color:Pagination Link Text" content="#ffffff"/>
100
<meta name="color:Pagination Link BG" content="#a6cea8"/>
101
<meta name="color:Pagination Current Page BG" content="#ffffff"/>
102
<meta name="color:Pagination Current Page Text" content="#c08662"/>
103
104
<meta name="color:Music Player BG" content="#c6bcdc"/>
105
<meta name="color:Music Player Border" content="#ffffff"/>
106
107
<meta name="color:Scrollbar" content="#ffd1b0"/>
108
<meta name="color:Scrollbar Background" content="#ffffff"/>
109
<meta name="color:Back To Top Text" content="#ffffff"/>
110
<meta name="color:Back To Top BG" content="#d2ad8b"/>
111
112
<meta name="font:Entries" content="Helvetica Neue, Arial, Helvetica, sans-serif"/>
113
<meta name="font:Description" content="Helvetica Neue, Arial, Helvetica, sans-serif"/>
114
<meta name="font:Permalink" content="News Gothic FS, sans-serif"/>
115
116-
<meta name="image:Main Background" content="https://static.tumblr.com/60258e73e78ddd833e85bd49fac2a5a8/1xjieua/AOsn0ouq0/tumblr_static_pattern-22.png"/>
116+
<meta name="image:Main Background" content="http://static.tumblr.com/60258e73e78ddd833e85bd49fac2a5a8/1xjieua/AOsn0ouq0/tumblr_static_pattern-22.png"/>
117-
<meta name="image:Title Section BG" content="https://static.tumblr.com/94db70a6eed538586c395fc92c32fcb6/1xjieua/BtUn0omrm/tumblr_static_pattern-28.png"/>
117+
<meta name="image:Title Section BG" content="http://static.tumblr.com/94db70a6eed538586c395fc92c32fcb6/1xjieua/BtUn0omrm/tumblr_static_pattern-28.png"/>
118
<meta name="image:Sidebar Image" content="https://31.media.tumblr.com/f9c2b032e927fdb3fc6e6e737fc54d3e/tumblr_inline_n0ypu5gNCQ1sna172.png"/>
119-
<meta name="image:Custom Links BG" content="https://static.tumblr.com/90ad8e5ea598956f912d26e9057982fd/1xjieua/cRDn0sz4a/tumblr_static_pattern-1.png"/>
119+
<meta name="image:Custom Links BG" content="http://static.tumblr.com/90ad8e5ea598956f912d26e9057982fd/1xjieua/cRDn0sz4a/tumblr_static_pattern-1.png"/>
120-
<meta name="image:Entries Column BG" content="https://static.tumblr.com/37cede077dd0e486c1c3bc4fc109b86c/1xjieua/s64n0szi4/tumblr_static_white_wall_hash-peach.png"/>
120+
<meta name="image:Entries Column BG" content="http://static.tumblr.com/37cede077dd0e486c1c3bc4fc109b86c/1xjieua/s64n0szi4/tumblr_static_white_wall_hash-peach.png"/>
121-
<meta name="image:Permalink BG" content="https://static.tumblr.com/01b4442629b0e47248ff8e7cbabc9f56/1xjieua/bTLn0qask/tumblr_static_pattern-20b.png"/>
121+
<meta name="image:Permalink BG" content="http://static.tumblr.com/01b4442629b0e47248ff8e7cbabc9f56/1xjieua/bTLn0qask/tumblr_static_pattern-20b.png"/>
122-
<meta name="image:Music Player Image" content="https://static.tumblr.com/f8f11ddaa9f1b9dc8c84f4854c8814a7/1xjieua/ajSn0w5td/tumblr_static_musicplayer.gif"/>
122+
<meta name="image:Music Player Image" content="http://static.tumblr.com/f8f11ddaa9f1b9dc8c84f4854c8814a7/1xjieua/ajSn0w5td/tumblr_static_musicplayer.gif"/>
123-
<meta name="image:Ask Background" content="https://static.tumblr.com/86e8437430277418f021fa7d07483d4f/1xjieua/7W0n0wlja/tumblr_static_tumblr_static_pattern-20a.png"/>
123+
<meta name="image:Ask Background" content="http://static.tumblr.com/86e8437430277418f021fa7d07483d4f/1xjieua/7W0n0wlja/tumblr_static_tumblr_static_pattern-20a.png"/>
124
125
<meta name="text:Entries Text Size" content="12"/>
126
<meta name="text:Description Text Size" content="11"/>
127
<meta name="text:Permalink Text Size" content="8"/>
128
<meta name="text:Subtitle" content="your subtitle here"/>
129
<meta name="text:Music Player Code" content=""/>
130
131
<meta name="text:Custom Links Title" content="more links"/>
132
<meta name="text:Custom Link 1" content="extra link 1"/>
133
<meta name="text:Custom Link 1 URL" content=""/>
134
<meta name="text:Custom Link 2" content="extra link 2"/>
135
<meta name="text:Custom Link 2 URL" content=""/>
136
<meta name="text:Custom Link 3" content="extra link 3"/>
137
<meta name="text:Custom Link 3 URL" content=""/>
138
<meta name="text:Custom Link 4" content=""/>
139
<meta name="text:Custom Link 4 URL" content=""/>
140
<meta name="text:Custom Link 5" content=""/>
141
<meta name="text:Custom Link 5 URL" content=""/>
142
<meta name="text:Custom Link 6" content=""/>
143
<meta name="text:Custom Link 6 URL" content=""/>
144
<meta name="text:Custom Link 7" content=""/>
145
<meta name="text:Custom Link 7 URL" content=""/>
146
<meta name="text:Custom Link 8" content=""/>
147
<meta name="text:Custom Link 8 URL" content=""/>
148
<meta name="text:Custom Link 9" content=""/>
149
<meta name="text:Custom Link 9 URL" content=""/>
150
<meta name="text:Custom Link 10" content=""/>
151
<meta name="text:Custom Link 10 URL" content=""/>
152
153
<meta name="if:Show Tags" content="1"/>
154
<meta name="if:Show Captions" content="1"/>
155
<meta name="if:Show Like Reblog" content="1"/>
156
<meta name="if:Image Fade" content="1"/>
157
<meta name="if:Links Hover Fade" content=""/>
158
<meta name="if:Inverted Tumblr Icons" content="1"/>
159
<meta name="if:Show Animals" content="1"/>
160
161
<style type="text/css">
162
163
@font-face {font-family: "tinytots";src: url('https://dl.dropboxusercontent.com/u/54526653/tinytots.TTF');}
164
165
/* BACKGROUND */
166
167
body {
168
    background-image: url('{image:Main Background}');
169
    background-attachment: fixed;
170
    background-color: {color:Main Background};
171
}
172
173
::-webkit-scrollbar-thumb:vertical {
174
    background-color: {color:Scrollbar};
175
    height: auto;
176
}
177
178
::-webkit-scrollbar-thumb:horizontal {
179
    background-color: {color:Scrollbar};
180
    height: auto;
181
}
182
 
183
::-webkit-scrollbar {
184
    height: 5px;
185
    width: 5px;
186
    background-color: {color:Scrollbar Background};
187
}
188
189
#container {
190
    height: 500px;
191
    width: 800px;
192
    margin: auto;
193
    margin-top: 100px;
194
    {block:IfNotShowAnimals}margin-top: 50px;{/block:IfNotShowAnimals}
195
    border: 20px solid {color:Blog Border};
196
    box-shadow: 0px 0px 12px 4px {color:Blog Shadow};
197
}
198
199
/* LINKS & MAIN TEXT */
200
201
a {
202
    color: {color:Links};
203
    text-decoration: none;
204
    {block:IfLinksHoverFade}-webkit-transition: all 0.5s ease-in-out;
205
    -moz-transition: all 0.5s ease-in-out;
206
    -o-transition: all 0.5s ease-in-out;
207
    -ms-transition: all 0.5s ease-in-out;
208
    transition: all 0.5s ease-in-out;{/block:IfLinksHoverFade}
209
}
210
211
a:hover {
212
    color: {color:Links Hover};
213
    text-decoration: none;
214
}
215
216
b, strong {
217
    color: {color:Bold Text};
218
}
219
220
i, em {
221
    color: {color:Italic Text};
222
}
223
224
/* SIDEBAR */
225
226
#sidebar {
227
    position: fixed;
228
}
229
230
#sidebarbg {
231
    z-index: 1;
232
    width: 300px;
233
    height: 470px;
234
    background-color: {color:Sidebar BG};
235
    position: fixed;
236
    padding: 15px;
237
    margin-top: 43px;
238
    {block:IfNotShowAnimals}margin-top: 0px;{/block:IfNotShowAnimals}
239
}
240
241
#title {
242
    width: 260px;
243
    padding: 20px 10px 20px 10px;
244
    font-family: Oranienbaum;
245
    font-size: 18px;
246
    background-color: {color:Title BG};
247
    color: {color:Title Text};
248
    text-align: center;
249
    margin-left: 18px;
250
    margin-top: 20px;
251
    margin-bottom: 20px;
252
    border-radius: 30px;
253
    letter-spacing: 1px;
254
    border: 2px solid {color:Title Border};
255
    box-shadow: 0px 0px 0px 4px {color:Title BG};
256
}
257
258
#title a {
259
    text-decoration: none;
260
    color: {color:Title Text};
261
}
262
263
#titlebg {
264
    background-color: {color:Title Section BG};
265
    background-image: url('{image:Title Section BG}');
266
    width: 320px;
267
    padding: 5px;
268
    margin-top: -15px;
269
    margin-left: -15px;
270
    position: fixed;
271
}
272
273
#subtitle {
274
    font-family: helvetica neue;
275
    font-size: 9px;
276
    text-transform: uppercase;
277
    color: {color:Subtitle Text};
278
}
279
280
#sidebarplace {
281
    margin-top: 130px;
282
}
283
284
#sidebarimg img {
285
    max-width: 280px;
286
    border: 10px solid {color:Sidebar Image Border};
287
}
288
289
#description {
290
    font-family: {font:Description};
291
    width: 277px;
292
    height: 70px;
293
    overflow: auto;
294
    padding: 12px;
295
    background-color: {color:Description BG};
296
    color: {color:Description Text};
297
    font-size: {text:Description Text Size}px;
298
    text-align: justify;
299
}
300
301
/* CUSTOM LINKS */
302
303
#sidebarbottom {
304
    background-color: {color:Custom Links BG};
305
    background-image: url('{image:Custom Links BG}');
306
    width: 281px;
307
    padding: 10px;
308
    text-align: center;
309
}
310
311
select { 
312
    border: 0;
313
    color: {color:Custom Links Menu Text};
314
    background-color: {color:Custom Links Menu BG};
315
    font-size: 10px;
316
    font-family: consolas;
317
    text-transform: uppercase;
318
    letter-spacing: 1px;
319
    width: 280px;
320
    padding: 5px 20px 5px 20px;
321
    box-shadow: 0px 0px 0px 4px {color:Custom Links Menu BG};
322
    border: 1px solid {color:Custom Links Menu Border};
323
    border-radius: 10px;
324
    text-shadow: 1px 1px 1px {color:Custom Links Menu Text Shadow};
325
    -webkit-appearance: none;
326
}
327
328
/* NAVIGATION */
329
330
#navi {
331
    position: absolute;
332
    margin-left: 45px;
333
    margin-top: 1px;
334
}
335
 
336
#navi a {
337
    text-align: center;
338
    display: inline-block;
339
    width: 50px;
340
    font-family: tinytots;
341
    font-size: 8px;
342
    text-transform: uppercase;
343
    letter-spacing: 1px;
344
    background-color: {color:Normal Navigation Links BG};
345
    color: {color:Normal Navigation Links Text};
346
    padding: 2px;
347
}
348
349
#animals {
350
    margin-top: -43px;
351
    margin-left: 58px;
352
    {block:IfNotMusicPlayerCode}margin-left: 38px;{/block:IfNotMusicPlayerCode}
353
}
354
355
/* -- NAVIGATION - CAT -- */
356
357
#cat { position: fixed; height: 45px; width: 55px; background-color: {color:Cat Face}; border-radius: 55px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
358
359
#cat:hover { margin-top: -57px; }
360
361
#catear1 { position: fixed; margin-top: -6px; margin-left: 6px; color: {color:Cat Face}; -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); -o-transform: rotate(200deg); font-size: 15px; }
362
363
#catear2 { position: fixed; margin-top: -6px; margin-left: 34px; color: {color:Cat Face}; -webkit-transform: rotate(247deg); -moz-transform: rotate(247deg); -o-transform: rotate(247deg); font-size: 15px; }
364
365
#cateye1 { margin-top: 18px; margin-left: 13px; position: fixed; width: 4px; height: 4px; border-radius: 10px; background-color: {color:Cat Features}; }
366
367
#cateye2 { margin-top: 18px; margin-left: 37px; position: fixed; width: 4px; height: 4px; border-radius: 10px; background-color: {color:Cat Features}; }
368
369
#catnose { position: fixed; font-size: 6px; margin-left: 23px; margin-top: 20px; color: {color:Cat Features}; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
370
371
#catmouth1 { width: 2px; height: 3px; position: fixed; margin-left: 26px; margin-top: 27px; background-color: {color:Cat Features}; }
372
373
#catmouth2 { width: 2px; height: 5px; position: fixed; margin-left: 24px; margin-top: 29px; background-color: {color:Cat Features}; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
374
375
#catmouth3 { width: 2px; height: 5px; position: fixed; margin-left: 28px; margin-top: 29px; background-color: {color:Cat Features}; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); }
376
377
#catwhisker1 { width: 2px; height: 8px; margin-top: 22px; margin-left: 10px; position: fixed; background-color: {color:Cat Features}; border-radius: 20px; -webkit-transform: rotate(100deg); -moz-transform: rotate(100deg); -o-transform: rotate(100deg); }
378
379
#catwhisker2 { width: 2px; height: 8px; margin-top: 26px; margin-left: 10px; position: fixed; background-color: {color:Cat Features}; border-radius: 20px; -webkit-transform: rotate(260deg); -moz-transform: rotate(260deg); -o-transform: rotate(260deg); }
380
381
#catwhisker3 { width: 2px; height: 8px; margin-top: 22px; margin-left: 42px; position: fixed; background-color: {color:Cat Features}; border-radius: 20px; -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -o-transform: rotate(80deg); }
382
383
#catwhisker4 { width: 2px; height: 8px; margin-top: 26px; margin-left: 42px; position: fixed; background-color: {color:Cat Features}; border-radius: 20px; -webkit-transform: rotate(100deg); -moz-transform: rotate(100deg); -o-transform: rotate(100deg); }
384
385
#catbody { width: 41px; height: 80px; margin-top: 20px; margin-left: 7px; background-color: {color:Cat Face}; }
386
387
#catbody2 { width: 39px; height: 21px; margin-top: -45px; margin-left: 3px; background-color: {color:Cat Body}; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); padding-top: 3px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; text-align: center; }
388
389
#catbody2 a { font-family: tinytots; font-size: 8px; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; color: {color:Cat Navigation Link}; }
390
391
/* -- NAVIGATION - RABBIT -- */
392
393
#rabbit { position: fixed; height: 45px; width: 55px; background-color: {color:Rabbit Face}; border-radius: 55px; margin-left: 65px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
394
395
#rabbit:hover { margin-top: -57px; }
396
397
#rabbitear1 { width: 20px; height: 40px; position: fixed; margin-top: -16px; margin-left: 5px; background-color: {color:Rabbit Face}; font-size: 15px; border-top-left-radius: 20px; border-top-right-radius: 20px; }
398
399
#rabbitear2 { width: 20px; height: 40px; position: fixed; margin-top: -16px; margin-left: 30px; background-color: {color:Rabbit Face}; font-size: 15px; border-top-left-radius: 20px; border-top-right-radius: 20px; }
400
401
#rabbiteye1 { margin-top: 18px; margin-left: 13px; position: fixed; width: 4px; height: 4px; border-radius: 10px; background-color: {color:Rabbit Features}; }
402
403
#rabbiteye2 { margin-top: 18px; margin-left: 37px; position: fixed; width: 4px; height: 4px; border-radius: 10px; background-color: {color:Rabbit Features}; }
404
405
#rabbitnose { position: fixed; font-size: 6px; margin-left: 23px; margin-top: 20px; color: {color:Rabbit Features}; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
406
407
#rabbitmouth1 { width: 2px; height: 3px; position: fixed; margin-left: 26px; margin-top: 27px; background-color: {color:Rabbit Features}; }
408
409
#rabbitmouth2 { width: 2px; height: 5px; position: fixed; margin-left: 24px; margin-top: 29px; background-color: {color:Rabbit Features}; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
410
411
#rabbitmouth3 { width: 2px; height: 5px; position: fixed; margin-left: 28px; margin-top: 29px; background-color: {color:Rabbit Features}; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); }
412
413
#rabbitbody { width: 41px; height: 80px; margin-top: 20px; margin-left: 7px; background-color: {color:Rabbit Face}; }
414
415
#rabbitbody2 { width: 39px; height: 21px; margin-top: -45px; margin-left: 3px; background-color: {color:Rabbit Body}; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); padding-top: 3px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; text-align: center; }
416
417
#rabbitbody2 a { font-family: tinytots; font-size: 8px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; color: {color:Rabbit Navigation Link}; }
418
419
/* -- NAVIGATION - BEAR -- */
420
421
#bear { position: fixed; height: 45px; width: 55px; background-color: {color:Bear Face}; border-radius: 55px; margin-left: 130px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
422
423
#bear:hover { margin-top: -57px; }
424
425
#bearear1 { width: 20px; height: 20px; position: fixed; margin-top: -5px; margin-left: -1px; background-color: {color:Bear Face}; font-size: 15px; border-radius: 20px; }
426
427
#bearear2 { width: 20px; height: 20px; position: fixed; margin-top: -5px; margin-left: 35px; background-color: {color:Bear Face}; font-size: 15px; border-radius: 20px; }
428
429
#beareye1 { margin-top: 18px; margin-left: 13px; position: fixed; width: 4px; height: 4px; border-radius: 10px; background-color: {color:Bear Features}; }
430
431
#beareye2 { margin-top: 18px; margin-left: 37px; position: fixed; width: 4px; height: 4px; border-radius: 10px; background-color: {color:Bear Features}; }
432
433
#bearnose { width: 4px; height: 4px; position: fixed; margin-left: 25px; margin-top: 23px; background-color: {color:Bear Features}; border-radius: 10px; }
434
435
#bearmouth1 { width: 2px; height: 3px; position: fixed; margin-left: 26px; margin-top: 27px; background-color: {color:Bear Features}; }
436
437
#bearmouth2 { width: 2px; height: 5px; position: fixed; margin-left: 24px; margin-top: 29px; background-color: {color:Bear Features}; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
438
439
#bearmouth3 { width: 2px; height: 5px; position: fixed; margin-left: 28px; margin-top: 29px; background-color: {color:Bear Features}; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); }
440
441
#bearbody { width: 41px; height: 80px; margin-top: 20px; margin-left: 7px; background-color: {color:Bear Face}; }
442
443
#bearbody2 { width: 39px; height: 21px; margin-top: -45px; margin-left: 3px; background-color: {color:Bear Body}; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); padding-top: 3px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px;text-align: center; }
444
445
#bearbody2 a { font-family: tinytots; font-size: 8px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; color: {color:Bear Navigation Link}; }
446
447
/* -- NAVIGATION - PANDA -- */
448
449
#panda { position: fixed; height: 45px; width: 55px; background-color: {color:Panda Face}; border-radius: 55px; margin-left: 195px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
450
451
#panda:hover { margin-top: -57px; }
452
453
#pandaear1 { width: 20px; height: 20px; position: fixed; margin-top: -5px; margin-left: -1px; background-color: {color:Panda Face}; font-size: 15px; border-radius: 20px; }
454
455
#pandaear2 { width: 20px; height: 20px; position: fixed; margin-top: -5px; margin-left: 35px; background-color: {color:Panda Face}; font-size: 15px; border-radius: 20px; }
456
457
#pandaeye1 { margin-top: 17px; margin-left: 9px; position: fixed; width: 12px; height: 8px; border-radius: 10px; background-color: {color:Panda Features}; -webkit-transform: rotate(150deg); -moz-transform: rotate(150deg); -o-transform: rotate(150deg); }
458
459
#pandaeye2 { margin-top: 17px; margin-left: 33px; position: fixed; width: 12px; height: 8px; border-radius: 10px; background-color: {color:Panda Features}; -webkit-transform: rotate(210deg); -moz-transform: rotate(210deg); -o-transform: rotate(210deg); }
460
461
#pandanose { width: 4px; height: 4px; position: fixed; margin-left: 25px; margin-top: 23px; background-color: {color:Panda Features}; border-radius: 10px; }
462
463
#pandamouth1 { width: 2px; height: 3px; position: fixed; margin-left: 26px; margin-top: 27px; background-color: {color:Panda Features}; }
464
465
#pandamouth2 { width: 2px; height: 5px; position: fixed; margin-left: 24px; margin-top: 29px; background-color: {color:Panda Features}; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
466
467
#pandamouth3 { width: 2px; height: 5px; position: fixed; margin-left: 28px; margin-top: 29px; background-color: {color:Panda Features}; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); }
468
469
#pandabody { width: 41px; height: 80px; margin-top: 20px; margin-left: 7px; background-color: {color:Panda Face}; }
470
471
#pandabody2 { width: 39px; height: 21px; margin-top: -45px; margin-left: 3px; background-color: {color:Panda Body};-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); padding-top: 3px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; text-align: center; }
472
473
#pandabody2 a { font-family: tinytots; font-size: 8px; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; color: {color:Panda Navigation Link}; }
474
475
/* ENTRIES */
476
477
#container1 {
478
    position: fixed;
479
    width: 470px;
480
    height: 500px;
481
    overflow: hidden;
482
    overflow: auto;
483
    margin-left: 330px;
484
    background-color: {color:Entries Column BG};
485
    background-image: url('{image:Entries Column BG}');
486
    border-left: 2px dotted {color:Entries Column Border};
487
}
488
489
#entriesbg {
490
    padding: 10px;
491
}
492
493
.entry {
494
    font-family: {font:Entries};
495
    position: relative;
496
    background-color: {color:Entries};
497
    box-shadow: 0px 0px 0px 10px {color:Entries};
498
    border: 2px dotted {color:Entries Border};
499
    color: {color:Entries Text};
500
    width: 400px;
501
    padding: 10px;
502
    font-size: {text:Entries Text Size}px;
503
    line-height: 20px;
504
    text-align: justify;
505
    margin-bottom: 30px;
506
    left: 10px;
507
    top: 10px;
508
    word-wrap: break-word;
509
}
510
511
.entry img {
512
    max-width: 100%;
513
}
514
515
#entrytitle {
516
    font-family: Oranienbaum;
517
    font-size: 16px;
518
    text-align: center;
519
    letter-spacing: 1px;
520
    padding: 3px;
521
    color: {color:Entries Title Text};
522
    background-color: {color:Entries Title BG};
523
    border: 1px solid {color:Entries Title Border};
524
    box-shadow: 0px 0px 0px 4px {color:Entries Title BG};
525
    border-radius: 20px;
526
    margin-bottom: 10px;
527
}
528
529
#entrytitle1 {
530
    font-family: Oranienbaum;
531
    font-size: 16px;
532
    text-align: center;
533
    letter-spacing: 1px;
534
    padding: 3px;
535
    background-color: {color:Entries Link Title BG};
536
    border: 1px solid {color:Entries Link Title Border};
537
    box-shadow: 0px 0px 0px 4px {color:Entries Link Title BG};
538
    border-radius: 20px;
539
    margin-bottom: 10px;
540
}
541
542
#entrytitle1 a {
543
    color: {color:Entries Link Title Text};
544
    text-decoration: none;
545
}
546
547
#entrytitle1 a:hover {
548
    color: {color:Entries Link Title Text Hover};
549
}
550
551
blockquote {
552
    border-left: 5px solid {color:Blockquote Border};
553
    color: {color:Blockquote Text};
554
    padding: 0px 5px 0px 5px;
555
}
556
557
/* PERMALINK */
558
559
#permalink {
560
    padding: 5px;
561
    font-family: {font:Permalink};
562
    text-transform: uppercase;
563
    font-size: {text:Permalink Text Size}px;
564
    letter-spacing: 1px;
565
    text-align: center;
566
    line-height: 16px;
567
    color: {color:Permalink Text};
568
    background-color: {color:Permalink BG};
569
    border-radius: 60px;
570
    margin-top: 10px;
571
    background-image: url('{image:Permalink BG}');
572
}
573
574
#permalink a {
575
    color: {color:Permalink Links};
576
}
577
578
#permalink a:hover {
579
    color: {color:Permalink Links Hover};
580
}
581
582
span.time {
583
    padding: 2px;
584
    background-color: {color:Time Text Highlight};
585
}
586
587
span.notes {
588
    padding: 2px;
589
    background-color: {color:Notes Text Highlight};
590
}
591
592
span.tags {
593
    padding: 2px;
594
    background-color: {color:Tags Text Highlight};
595
}
596
597
span.source {
598
    padding: 2px;
599
    background-color: {color:Source Text Highlight};
600
}
601
602
ol.notes {
603
    margin-top: 20px;
604
    margin-left: -25px;
605
    padding-bottom: 5px;
606
    font-size: 9px;
607
    text-align: left;
608
    list-style-type: none;
609
    letter-spacing: 1px;
610
    max-height: 250px;
611
    overflow: auto;
612
}
613
614
ol.notes img {
615
    margin-right: 5px;
616
}
617
618
/* PAGINATION */
619
620
#pagination {
621
    {block:PermalinkPage}bottom: -35px;{/block:PermalinkPage}
622
    position: absolute;
623
    z-index: 9999;
624
    font-family: helvetica neue;
625
    font-size: 10px;
626
    padding: 2px;
627
    text-align: center;
628
    margin-top: 10px;
629
    margin-bottom: 30px;
630
    width: 450px;
631
}
632
633
#pagination a {
634
    display: inline-block;
635
    font-size: 10px;
636
    padding: 3px 5px 3px 5px;
637
    margin: 2px;
638
    margin-bottom: 10px;
639
    background-color: {color:Pagination Link BG};
640
    text-align: center;
641
    color: {color:Pagination Link Text};
642
}
643
644
span.pagination {
645
    padding: 3px 5px 3px 5px;
646
    background-color: {color:Pagination Current Page BG};
647
    color: {color:Pagination Current Page Text};
648
}
649
650
/* CHAT */
651
652
#label {
653
    background-color: {color:Chat Label BG};
654
    color: {color:Chat Label Text};
655
    padding: 3px;
656
    min-width: 80px;
657
}
658
659
#line {
660
    background-color: {color:Chat Line BG};
661
    color: {color:Chat Line Text};
662
    padding: 3px;
663
    min-width: 300px;
664
}
665
666
/* QUOTE */
667
668
#quote {
669
    font-family: Oranienbaum;
670
    font-size: 16px;
671
    letter-spacing: 1px;
672
    padding: 10px 12px 10px 12px;
673
}
674
675
/* AUDIO */
676
677
#audio img {
678
    width: 80px;
679
    float: left;
680
    padding: 5px;
681
    background-color: {color:Entries};
682
    border: 2px solid {color:Entries Border};
683
    margin: 0px 10px 5px 0px;
684
}
685
686
#player {
687
    position: absolute;
688
    width: 28px;
689
    height: 28px;
690
    overflow: hidden;
691
    margin: 34px 0px 0px 34px;
692
    opacity: 0.6;
693
    -webkit-transition: all 0.5s ease-in-out;
694
    -moz-transition: all 0.5s ease-in-out;
695
    -o-transition: all 0.5s ease-in-out;
696
    -ms-transition: all 0.5s ease-in-out;
697
    transition: all 0.5s ease-in-out;
698
}
699
700
#player:hover {
701
    opacity: 1;
702
}
703
704
/* ASK */
705
706
#portrait img {
707
    float: left;
708
    border-radius: 20px;
709
}
710
711
#ask {
712
    background-color: {color:Ask Background};
713
    background-image: url('{image:Ask Background}');
714
    margin-left: 45px;
715
    padding: 10px;
716
    color: {color:Ask Text};
717
    border-radius: 20px;
718
}
719
720
span.ask {
721
    padding: 3px;
722
    margin: 3px;
723
    background-color: {color:Asker Highlight};
724
    color: {color:Asker Text};
725
}
726
727
#ask a {
728
    color: {color:Asker Text};
729
}
730
731
/* PHOTO HOVER */
732
 
733
{block:IfImageFade}.photo {
734
    opacity: .7;
735
    -webkit-transition: all 0.5s ease-in-out;
736
    -moz-transition: all 0.5s ease-in-out;
737
    -o-transition: all 0.5s ease-in-out;
738
    -ms-transition: all 0.5s ease-in-out;
739
    transition: all 0.5s ease-in-out;
740
}
741
 
742
.photo:hover {
743
    opacity: 1;
744
}
745
 
746
.entry img {
747
    opacity: .7;
748
    -webkit-transition: all 0.5s ease-in-out;
749
    -moz-transition: all 0.5s ease-in-out;
750
    -o-transition: all 0.5s ease-in-out;
751
    -ms-transition: all 0.5s ease-in-out;
752
    transition: all 0.5s ease-in-out;
753
}
754
 
755
.entry img:hover {
756
    opacity: 1;
757
}{/block:IfImageFade}
758
759
/* MUSIC PLAYER */
760
761
#musicplayer {
762
    position: fixed;
763
    width: 28px;
764
    height: 55px;
765
    margin-left: 3px;
766
    overflow: hidden;
767
    background-color: {color:Music Player BG};
768
    margin-top: -25px;
769
    border-top-left-radius: 20px;
770
    border-top-right-radius: 20px;
771
    -webkit-transition: all 0.5s ease-in-out;
772
    -moz-transition: all 0.5s ease-in-out;
773
    -o-transition: all 0.5s ease-in-out;
774
    -ms-transition: all 0.5s ease-in-out;
775
    transition: all 0.5s ease-in-out;
776
    border: 1px solid {color:Music Player Border};
777
    box-shadow: 0px 0px 0px 3px {color:Music Player BG};
778
}
779
780
#musicplayer img {
781
    margin: 8px 0px 0px 7px;
782
}
783
784
#musicplayer:hover {
785
    margin-top: -55px;
786
}
787
788
/* TUMBLR STUFF */
789
790
iframe#tumblr_controls {
791
    right: 3px !important;
792
    position: fixed !important;
793
    opacity: 0.2;
794
    {block:IfInvertedTumblrIcons}white-space: nowrap; 
795
    -webkit-filter: invert(100%); 
796
    -moz-filter: invert(100%); 
797
    -o-filter: invert(100%); 
798
    -ms-filter: invert(100%); 
799
    filter: invert(100%);{/block:IfInvertedTumblrIcons} 
800
    -webkit-transition: opacity 0.7s linear;
801
    -webkit-transition: all 0.5s ease-in-out;
802
    -moz-transition: all 0.5s ease-in-out;
803
    -o-transition: all 0.5s ease-in-out;
804
    transition: all 0.5s ease-in-out;
805
}
806
 
807
iframe#tumblr_controls:hover {
808
    opacity: 0.7;
809
}
810
811
#credit {
812
    position: fixed;
813
    bottom: 8px;
814
    left: 8px;
815
    font-size: 10px;
816
}
817
818
#credit a {
819
    color: #aaa;
820
    text-shadow: 1px 1px 1px #fff;
821
}
822
823
</style>
824
825
</head><body>
826
827
828
<div id="container">
829
<div id="sidebar">
830
831
{block:IfMusicPlayerCode}
832
<div id="musicplayer"><img src="{image:Music Player Image}">
833
<div style="margin-left: -15px">
834
{text:Music Player Code}
835
</div></div>
836
{/block:IfMusicPlayerCode}
837
838
{block:IfShowAnimals}
839
<div id="animals">
840
<div id="cat">
841
<div id="catear1">◢</div><div id="catear2">◢</div>
842
<div id="cateye1"></div><div id="cateye2"></div>
843
<div id="catnose">◢</div>
844
<div id="catmouth1"></div><div id="catmouth2"></div><div id="catmouth3"></div>
845
<div id="catwhisker1"></div><div id="catwhisker2"></div><div id="catwhisker3"></div><div id="catwhisker4"></div>
846
<div id="catbody"></div><div id="catbody2"><a href="/">home</a></div>
847
</div>
848
849
<div id="rabbit">
850
<div id="rabbitear1"></div><div id="rabbitear2"></div>
851
<div id="rabbiteye1"></div><div id="rabbiteye2"></div>
852
<div id="rabbitnose">◢</div>
853
<div id="rabbitmouth1"></div><div id="rabbitmouth2"></div><div id="rabbitmouth3"></div>
854
<div id="rabbitbody"></div><div id="rabbitbody2"><a href="/ask">message</a></div>
855
</div>
856
857
<div id="bear">
858
<div id="bearear1"></div><div id="bearear2"></div>
859
<div id="beareye1"></div><div id="beareye2"></div>
860
<div id="bearnose"></div>
861
<div id="bearmouth1"></div><div id="bearmouth2"></div><div id="bearmouth3"></div>
862
<div id="bearbody"></div><div id="bearbody2"><a href="/archive">archive</a></div>
863
</div>
864
865
<div id="panda">
866
<div id="pandaear1"></div><div id="pandaear2"></div>
867
<div id="pandaeye1"></div><div id="pandaeye2"></div>
868
<div id="pandanose"></div>
869
<div id="pandamouth1"></div><div id="pandamouth2"></div><div id="pandamouth3"></div>
870-
<div id="pandabody"></div><div id="pandabody2"><a href="https://cocorini.tumblr.com">theme</a></div>
870+
<div id="pandabody"></div><div id="pandabody2"><a href="http://www.cocorini.com">theme</a></div>
871
</div>
872
</div>
873
{/block:IfShowAnimals}
874
875
<div id="sidebarbg">
876
<div id="titlebg"><div id="title"><a href="/">{Title}</a><div id="subtitle">{text:Subtitle}</div></div>
877
{block:IfNotShowAnimals}
878
<div id="navi"><a href="/">home</a>
879
<a href="/ask">message</a>
880
<a href="/archive">archive</a>
881-
<a href="https://cocorini.tumblr.com/" target="_blank">theme</a>
881+
<a href="http://www.cocorini.com/" target="_blank">theme</a>
882
</div>{/block:IfNotShowAnimals}
883
</div>
884
<div id="sidebarplace">
885
<div id="sidebarimg"><img src="{image:Sidebar Image}"></div>
886
<div id="description">{Description}</div></div>
887
888
{block:IfCustomLink1}<div id="sidebarbottom">
889
<select onChange="location.href=this.options[this.selectedIndex].value;">
890
<option value="/">{text:Custom Links Title} &rarr;</option>
891
892
<option value="{block:ifCustomLink1URL}{text:Custom Link 1 URL}{/block:ifCustomLink1URL}">{text:Custom Link 1}</option>{/block:IfCustomLink1}
893
894
{block:IfCustomLink2}<option value="{block:ifCustomLink2URL}{text:Custom Link 2 URL}{/block:ifCustomLink2URL}">{text:Custom Link 2}</option>{/block:IfCustomLink2}
895
 
896
{block:IfCustomLink3}<option value="{block:ifCustomLink3URL}{text:Custom Link 3 URL}{/block:ifCustomLink3URL}">{text:Custom Link 3}</option>{/block:IfCustomLink3}
897
 
898
{block:IfCustomLink4}<option value="{block:ifCustomLink4URL}{text:Custom Link 4 URL}{/block:ifCustomLink4URL}">{text:Custom Link 4}</option>{/block:IfCustomLink4}
899
 
900
{block:IfCustomLink5}<option value="{block:ifCustomLink5URL}{text:Custom Link 5 URL}{/block:ifCustomLink5URL}">{text:Custom Link 5}</option>{/block:IfCustomLink5}
901
 
902
{block:IfCustomLink6}<option value="{block:ifCustomLink6URL}{text:Custom Link 6 URL}{/block:ifCustomLink6URL}">{text:Custom Link 6}</option>{/block:IfCustomLink6}
903
904
{block:IfCustomLink7}<option value="{block:ifCustomLink7URL}{text:Custom Link 7 URL}{/block:ifCustomLink7URL}">{text:Custom Link 7}</option>{/block:IfCustomLink7}
905
906
{block:IfCustomLink8}<option value="{block:ifCustomLink8URL}{text:Custom Link 8 URL}{/block:ifCustomLink8URL}">{text:Custom Link 8}</option>{/block:IfCustomLink8}
907
908
{block:IfCustomLink9}<option value="{block:ifCustomLink9URL}{text:Custom Link 9 URL}{/block:ifCustomLink9URL}">{text:Custom Link 9}</option>{/block:IfCustomLink9}
909
910
{block:IfCustomLink10}<option value="{block:ifCustomLink10URL}{text:Custom Link 10 URL}{/block:ifCustomLink10URL}">{text:Custom Link 10}</option>{/block:IfCustomLink10}
911
</select>
912
913
</div></div></div>
914
915
<div id="container1">
916
<div id="entriesbg">
917
918
{block:Posts}
919
<div class="entry">
920
921
{block:Text}
922
{block:Title}<div id="entrytitle">{Title}</div>{/block:Title}
923
{Body}
924
{/block:Text}
925
926
{block:Photo}
927
{LinkOpenTag}<img src="{PhotoURL-highres}" width="400px" alt="{PhotoAlt}">{LinkCloseTag}
928
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
929
{/block:Photo}
930
931
{block:Photoset}
932
<div class="photo">{Photoset-400}</div>
933
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
934
{/block:Photoset}
935
936
{block:Audio}
937
{block:AlbumArt}<div id="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
938
<div id="player">{AudioPlayerGrey}</div>
939
{block:Artist}<b>Artist:</b> {Artist}{/block:Artist} {block:Album}<br /><b>Album:</b> {Album}{/block:Album} {block:TrackName}<br /><b>Track:</b> {TrackName}{/block:TrackName}<br /><b>Plays:</b> {FormattedPlayCount}
940
<br><br>
941
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
942
{/block:Audio}
943
944
{block:Video}
945
{Video-400}
946
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
947
{/block:Video}
948
949
{block:Quote}
950
<div id="quote">{Quote}</div>
951
<div style="text-align: right; font-size: 9px; font-style: italic; padding-top: 3px;">—{Source}</div>
952
{/block:Quote}
953
954
{block:Link}
955
<div id="entrytitle1"><t><a href="{URL}" {Target}>{Name}</a></t></div>
956
{Description}
957
{/block:Link}
958
959
{block:Chat}
960
{block:Title}{Title}{/block:Title}
961
<table>
962
{block:Lines}<tr><td>{block:Label}<div id="label">{Label}</div>{/block:Label}</td> <td><div id="line">{Line}</div></td></tr>{/block:Lines}
963
</table>
964
{/block:Chat}
965
966
{block:Answer}
967
<div id="portrait"><img src="{AskerPortraitURL-40}"></div>
968
<div id="ask"><span class="ask">{Asker}</span> {Question}</div>
969
{Answer}
970
{/block:Answer}
971
972
{block:IndexPage}
973
<div id="permalink">
974-
{block:Date}<span class="time"><img src="https://media.tumblr.com/tumblr_m2l4z2LGF51r92csh.gif"> <a href="{permalink}">{TimeAgo}</a></span>{/block:Date} {block:NoteCount}<span class="notes"><img src="https://media.tumblr.com/tumblr_m2n9rxQdgx1rnjuep.png"> <a href="{permalink}">{NoteCountWithLabel}</a></span>{/block:NoteCount}
974+
{block:Date}<span class="time"><img src="http://media.tumblr.com/tumblr_m2l4z2LGF51r92csh.gif"> <a href="{permalink}">{TimeAgo}</a></span>{/block:Date} {block:NoteCount}<span class="notes"><img src="http://media.tumblr.com/tumblr_m2n9rxQdgx1rnjuep.png"> <a href="{permalink}">{NoteCountWithLabel}</a></span>{/block:NoteCount}
975
{block:IfShowLikeReblog}<div style="position: absolute; margin-left: 351px; margin-top: -15px;">{LikeButton size="13"}</div>
976
<div style="position: absolute; margin-left: 370px; margin-top: -15px;">{ReblogButton size="13"}</div>{/block:IfShowLikeReblog}
977-
{block:IfShowTags}{block:HasTags}<br>{block:Tags}<span class="tags"><a href="{TagURL}"><img src="https://media.tumblr.com/tumblr_m2n9rtOtpC1rnjuep.png"> {Tag}</a></span> {/block:Tags}{block:HasTags}{/block:IfShowTags}
977+
{block:IfShowTags}{block:HasTags}<br>{block:Tags}<span class="tags"><a href="{TagURL}"><img src="http://media.tumblr.com/tumblr_m2n9rtOtpC1rnjuep.png"> {Tag}</a></span> {/block:Tags}{block:HasTags}{/block:IfShowTags}
978
</div>
979
{/block:IndexPage}
980
981
{block:PermalinkPage}
982
{block:IfNotShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfNotShowCaptions}
983-
{block:Date}<div id="permalink"><span class="time"><img src="https://media.tumblr.com/tumblr_m2l4z2LGF51r92csh.gif"> <a href="{permalink}">{12Hour}:{Minutes}{AmPm} {ShortDayOfWeek} {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year}</a></span>{/block:Date} {block:NoteCount}<span class="notes"><img src="https://media.tumblr.com/tumblr_m2n9rxQdgx1rnjuep.png"> <a href="{permalink}">{NoteCountWithLabel}</a></span>{/block:NoteCount}
983+
{block:Date}<div id="permalink"><span class="time"><img src="http://media.tumblr.com/tumblr_m2l4z2LGF51r92csh.gif"> <a href="{permalink}">{12Hour}:{Minutes}{AmPm} {ShortDayOfWeek} {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year}</a></span>{/block:Date} {block:NoteCount}<span class="notes"><img src="http://media.tumblr.com/tumblr_m2n9rxQdgx1rnjuep.png"> <a href="{permalink}">{NoteCountWithLabel}</a></span>{/block:NoteCount}
984
{block:RebloggedFrom}<br><span class="source">source: <a href="{ReblogRootURL}">{ReblogRootName}</a></span> <span class="source">via: <a href="{ReblogParentURL}">{ReblogParentName}</a></span>{/block:RebloggedFrom}
985-
{block:IfShowTags}{block:HasTags}<br>{block:Tags}<span class="tags"><a href="{TagURL}"><img src="https://media.tumblr.com/tumblr_m2n9rtOtpC1rnjuep.png"> {Tag}</a></span> {/block:Tags}{block:HasTags}{/block:IfShowTags}
985+
{block:IfShowTags}{block:HasTags}<br>{block:Tags}<span class="tags"><a href="{TagURL}"><img src="http://media.tumblr.com/tumblr_m2n9rtOtpC1rnjuep.png"> {Tag}</a></span> {/block:Tags}{block:HasTags}{/block:IfShowTags}
986
</div>
987
{block:PostNotes}{PostNotes}{/block:PostNotes}
988
989
<div id="pagination"></div>
990
{/block:PermalinkPage}
991
</div>
992
993
{/block:Posts}
994
995
{block:Pagination}
996
<div id="pagination">
997
{block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage}
998
{block:JumpPagination length="5"}
999
{block:CurrentPage}&nbsp;<span class="current_page"><span class="pagination">{PageNumber}</span></span>&nbsp;{/block:CurrentPage}
1000
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
1001
{block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
1002
</div>
1003
{/block:Pagination}
1004
1005
</div><div></div></div>
1006
1007-
<div id="credit"><a href="https://cocorini.tumblr.com" target="_blank">☂</a></div>
1007+
<div id="credit"><a href="http://www.cocorini.com" target="_blank">☂</a></div>
1008
1009
1010
</body>
1011
</html>