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} →</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} <span class="current_page"><span class="pagination">{PageNumber}</span></span> {/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> |