SHOW:
|
|
- or go back to the newest paste.
1 | <!--You cannot remove credit! If you absolutely NEED to move it, I expect it to be placed somewhere else on the theme, preferably on the main page. If you remove credit, I will report you :) I take a lot of time on these theme so please respect that. If you have any questions or problems, just let me know and I'll be happy to help you! :)--> | |
2 | ||
3 | <html> | |
4 | ||
5 | <head> | |
6 | ||
7 | <meta name="color:links" content="#a28979" /> | |
8 | <meta name="color:linkshover" content="#a28979" /> | |
9 | <meta name="color:sidebar" content="#ffffff" /> | |
10 | <meta name="color:background" content="#d6a77f" /> | |
11 | <meta name="image:background" content="" /> | |
12 | <meta name="image:sidebar" content="" /> | |
13 | <meta name="if:link1" content="" /> | |
14 | <meta name="text:link1" content=""/> | |
15 | <meta name="text:link1url" content="" /> | |
16 | <meta name="if:link2" content="" /> | |
17 | <meta name="text:link2" content=""/> | |
18 | <meta name="text:link1ur2" content="" /> | |
19 | ||
20 | ||
21 | ||
22 | <link rel="shortcut icon" href="http://i122.photobucket.com/albums/o260/mhilka/minigifs/teacup301.gif"> | |
23 | ||
24 | {block:Description} | |
25 | <meta name="description" content="{MetaDescription}" /> | |
26 | {/block:Description} | |
27 | ||
28 | <title>{Title}</title> | |
29 | ||
30 | ||
31 | <style type="text/css"> | |
32 | ||
33 | @font-face {font-family:"arma";src:url('http://static.tumblr.com/7glhdxz/B3Mmgevme/pf_arma_five.ttf');} | |
34 | ||
35 | @font-face{font-family:"Ginette";src:url('http://static.tumblr.com/9wzbixa/ZKKmj2im3/ginette.ttf');} | |
36 | ||
37 | @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); } | |
38 | ||
39 | @font-face{font-family:"Gruenewald"; src: url('http://static.tumblr.com/9wzbixa/Wsomj2iuz/gruenewald_va_normal.ttf');} | |
40 | ||
41 | /*GENERAL*/ | |
42 | ||
43 | body{ | |
44 | background-image:url('{image:background}'); | |
45 | background-color:{color:background}; | |
46 | background-attachment: fixed; | |
47 | font-family:"arma"; | |
48 | font-size:8px; | |
49 | color:#2A120A; | |
50 | } | |
51 | ||
52 | a:link, a:active, a:visited{ | |
53 | color: {color:links}; | |
54 | text-decoration: none;} | |
55 | ||
56 | a:hover { | |
57 | color:{color:linkshover}; | |
58 | text-decoration: none;} | |
59 | ||
60 | ||
61 | /*SIDEBAR*/ | |
62 | ||
63 | div#sidebar{ | |
64 | margin-left:120px; | |
65 | width:200px; | |
66 | height:auto; | |
67 | background:{color:sidebar}; | |
68 | margin-top:150px; | |
69 | font-family:"arma"; | |
70 | font-size:8px; | |
71 | padding:5px; | |
72 | position:fixed; | |
73 | border: 1px solid #ccc; | |
74 | } | |
75 | ||
76 | div#title{ | |
77 | margin-left:401px; | |
78 | width:654px; | |
79 | height:50px; | |
80 | text-align:center; | |
81 | font-size:40px; | |
82 | position:fixed; | |
83 | margin-top:50px; | |
84 | background:#ffffff; | |
85 | opacity:.7; | |
86 | font-family:"Gruenewald"; | |
87 | z-index:1; | |
88 | ||
89 | } | |
90 | ||
91 | /*POSTS*/ | |
92 | ||
93 | div#posts{ | |
94 | margin-left: 400px; | |
95 | margin-top:0px; | |
96 | width:655px; | |
97 | height:110%; | |
98 | background: #ffffff; | |
99 | ||
100 | } | |
101 | ||
102 | ||
103 | ||
104 | .entry { | |
105 | margin:3px; | |
106 | padding:5px; | |
107 | float:left; | |
108 | background-color: white; | |
109 | overflow:hidden; | |
110 | border:1px solid #ddd; | |
111 | {block:IndexPage} | |
112 | width:200px; | |
113 | {/block:IndexPage} | |
114 | {block:PermalinkPage} | |
115 | width:500px; | |
116 | line-height:14px; | |
117 | padding:3px; | |
118 | padding-bottom:1px; | |
119 | margin-left: 298px; | |
120 | {/block:PermalinkPage} | |
121 | } | |
122 | ||
123 | .tweek { | |
124 | font-size:15px; | |
125 | line-height:100%; | |
126 | padding:2px; | |
127 | color:#fff; | |
128 | z-index:987897978978999999; | |
129 | } | |
130 | ||
131 | ||
132 | #audiostats {display:block; height:auto; position:relative; min-height:80px;} | |
133 | ||
134 | .audioentry {width:200px; background-color:#ffffff; position:relative; padding:5px; {block:IndexPage}overflow:hidden;{/block:IndexPage}; min-height:80px;} | |
135 | ||
136 | .audio {top: 15px; left: 15px; -webkit-border-radius: 50px; -moz-border-radius: 50px; position: absolute; z-index: 3; background: white; opacity: .5; filter:alpha(opacity=50)} | |
137 | ||
138 | .audioplayer {width: 20px; height: 30px; overflow: hidden; margin: 17px 24px 13px 16px;} | |
139 | ||
140 | .perms { | |
141 | border-bottom: 1px solid {color:border}; | |
142 | color:#777; | |
143 | font-size:8px; | |
144 | opacity: 0; | |
145 | -webkit-transition-duration: .75s;top:0px; | |
146 | width:200px; | |
147 | height:22px; | |
148 | padding-bottom:4px; | |
149 | background-color: #fff; | |
150 | position: absolute; | |
151 | margin-top:6px; | |
152 | text-align:center; | |
153 | text-transform:uppercase; | |
154 | font-family:consolas; | |
155 | letter-spacing:1px; | |
156 | display:block; | |
157 | } | |
158 | ||
159 | .entry:hover .perms { | |
160 | opacity:0.9; | |
161 | z-index:999999; | |
162 | padding-top:4px;} | |
163 | ||
164 | .permalinktext{ | |
165 | text-align:center; | |
166 | } | |
167 | ||
168 | ||
169 | ||
170 | /*NAVIGATION*/ | |
171 | ||
172 | div#navi{ | |
173 | margin-top:420px; | |
174 | margin-left:121px; | |
175 | width:210px; | |
176 | background:#FAFAD2; | |
177 | font-size:8px; | |
178 | text-align:center; | |
179 | position:fixed; | |
180 | } | |
181 | ||
182 | /*EXTRAS*/ | |
183 | ||
184 | div#flowers{ | |
185 | margin-left:110px; | |
186 | margin-top: 100px; | |
187 | position:fixed; | |
188 | width:auto; | |
189 | height: auto; | |
190 | } | |
191 | ||
192 | ||
193 | ||
194 | ||
195 | ||
196 | ||
197 | </style> | |
198 | ||
199 | ||
200 | ||
201 | </head> | |
202 | ||
203 | <body> | |
204 | ||
205 | <div id="title">{Title}</div> | |
206 | ||
207 | ||
208 | <div id="sidebar"> | |
209 | <img src="{image:sidebar}" width=200px height=200px;> | |
210 | <br><br> | |
211 | {Description} | |
212 | <br> | |
213 | ||
214 | ||
215 | </div> | |
216 | ||
217 | <div id="flowers"><img src=http://4.bp.blogspot.com/-8TQ5soCaw1w/UgqhZoDHKUI/AAAAAAAAA28/0tvRuCAoRqc/s320/autumn+leaves+falling.png" width=250px;></div> | |
218 | ||
219 | <div id="navi"><a href="/">home</a> | |
220 | ||
221 | | | |
222 | ||
223 | <a href="/ask">ask</a> | |
224 | ||
225 | {block:IfLink1} | |
226 | ||
227 | | | |
228 | ||
229 | <a href="{text:link1url}">{text:link1}</a>{/block:IfLink1} | |
230 | ||
231 | {block:IfLink2} | |
232 | ||
233 | | | |
234 | ||
235 | <a href="{text:link2url}">{text:link2}</a>{/block:IfLink2} | |
236 | ||
237 | | | |
238 | <a href="/archive">archive</a> | |
239 | ||
240 | | | |
241 | <a href="http://www.tobemarissa.tumblr.com">credit</a> | |
242 | ||
243 | </div> | |
244 | ||
245 | ||
246 | ||
247 | ||
248 | <div id="posts"> | |
249 | ||
250 | {block:Posts} | |
251 | <div class="entry"> | |
252 | ||
253 | ||
254 | ||
255 | ||
256 | {block:Text} | |
257 | <div class="text"> | |
258 | <div style="text-transform:uppercase">{block:Title} | |
259 | <a href="{Permalink}">{Title}</a> | |
260 | {/block:Title}</div> | |
261 | {Body} | |
262 | {block:IndexPage} | |
263 | <div class="permalinktext"> | |
264 | ______________________________________________ | |
265 | posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a> | |
266 | </div> | |
267 | {/block:IndexPage} | |
268 | ||
269 | </div> | |
270 | {/block:Text} | |
271 | ||
272 | ||
273 | {block:Link} | |
274 | <div class="text"> | |
275 | <span style="text-transform:uppercase;"><a href="{URL}" class="link" {Target}>{Name}</a></span> | |
276 | {block:Description} | |
277 | <div class="description">{Description}</div> | |
278 | {/block:Description} | |
279 | {block:IndexPage} | |
280 | <div class="permalinktext"> | |
281 | ______________________________________________ | |
282 | posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a> | |
283 | </div> | |
284 | {/block:IndexPage} | |
285 | </div>{/block:Link} | |
286 | ||
287 | {block:Photo} | |
288 | {block:IndexPage}<div class="perms"> | |
289 | posted on {DayOfWeek} <br> with <a href="{permalink}">{notecountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> | |
290 | </div> {/block:IndexPage} | |
291 | {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="opacity:0.6" width= | |
292 | "200px"/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="opacity:0.6" width="500px"/>{LinkCloseTag}{/block:PermalinkPage} | |
293 | {block:ifshowcaption}{caption}{/block:ifshowcaption} | |
294 | {/block:Photo} | |
295 | ||
296 | - | {block:IndexPage}<div id="permalink"><div class="reblogg"><a href="{reblogurl}">reblog</a></span></div></div> |
296 | + | |
297 | {block:IndexPage}<div class="perms"> | |
298 | - | {block:IndexPage}<center>{Photoset-200}</center>{/block:IndexPage} |
298 | + | |
299 | </div> {/block:IndexPage} | |
300 | {block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage} | |
301 | <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center> | |
302 | {/block:Photoset} | |
303 | ||
304 | ||
305 | {block:Quote} | |
306 | <div class="text"> | |
307 | <div class="quote">❝</div> | |
308 | <div style="margin-top:2px;;margin-bottom:0px;min-height:30px; padding: 4px; background-color:#fafafa;border:1px dotted #eee; letter-spacing:1px;text-transform:uppercase; font-size:8px; font-family: consolas; border-radius:5px;"> | |
309 | {Quote} </div> | |
310 | {block:Source} | |
311 | <div class="source"><div style="text-align:right; color:{color:link};padding-top:5px;"> • {Source}</div></div> | |
312 | {/block:Source} | |
313 | {block:IndexPage} | |
314 | <div class="permalinktext"> | |
315 | ______________________________________________ | |
316 | posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a> | |
317 | </div> | |
318 | {/block:IndexPage} | |
319 | </div>{/block:Quote} | |
320 | {block:Chat} | |
321 | <div class="text"> | |
322 | {block:Title} | |
323 | <a href="{Permalink}">{Title}</a> | |
324 | {/block:Title} | |
325 | <ul class="chat"> | |
326 | {block:Lines} | |
327 | <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label} | |
328 | ||
329 | {Line} </li> | |
330 | {/block:Lines} | |
331 | </ul> | |
332 | {block:IndexPage} | |
333 | <div class="permalinktext"> | |
334 | ______________________________________________ | |
335 | posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a> | |
336 | </div> | |
337 | {/block:IndexPage} | |
338 | </div>{/block:Chat} | |
339 | ||
340 | ||
341 | ||
342 | {block:Audio} | |
343 | ||
344 | <div id="audiostats"> | |
345 | <div class="audioentry"> | |
346 | ||
347 | <img src="http://static.tumblr.com/2lqtwbf/coolyqooj/untitled-1.png" alt="default album art" width="80" height="80" style="position:absolute; vertical-align:middle;" /> | |
348 | ||
349 | {block:AlbumArt}<img width="80" height="80" src="{AlbumArtURL}" style="position:absolute;" />{/block:AlbumArt} | |
350 | ||
351 | <div class="audio"><div class="audioplayer">{AudioPlayerWhite}</div></div> | |
352 | ||
353 | <div style="margin-left:90px; line-height:12px">{block:TrackName}<b>Song:</b> {TrackName}<br>{/block:TrackName} | |
354 | {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist} | |
355 | {block:Album}<b>Album:</b> {Album}<br>{/block:Album} | |
356 | {FormattedPlayCount} plays{block:Caption}{Caption}{/block:Caption}</div> | |
357 | </div> | |
358 | <div class="permalinktext"> | |
359 | ______________________________________________ | |
360 | posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a></span></div> | |
361 | {/block:IndexPage} | |
362 | {/block:Audio} | |
363 | - | {block:IndexPage}<div id="permalink"><div class="reblogg"><a href="{reblogurl}">reblog</a></span></div></div> |
363 | + | |
364 | {block:Video} | |
365 | {block:IndexPage}<div class="perms"> | |
366 | posted on {DayOfWeek} <br> with <a href="{permalink}">{notecountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> | |
367 | </div> {/block:IndexPage} | |
368 | <center> | |
369 | {block:IndexPage} | |
370 | {Video-250} | |
371 | {/block:IndexPage} | |
372 | </center> | |
373 | {block:PermalinkPage} | |
374 | <center>{Video-500}</center> | |
375 | {/block:PermalinkPage} | |
376 | {block:Video} | |
377 | ||
378 | {block:Answer} | |
379 | <div style="padding:13px;text-align:left;"> | |
380 | <strong><i>{asker}:</i> {question}</strong> | |
381 | <div class="caption" style="margin-top:3px;"> | |
382 | {Answer}</div> | |
383 | {block:indexpage} | |
384 | <div align="right" style="padding-right:10px; padding-top:3px;padding-bottom:0px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} | |
385 | </a> - <a href="{Permalink}">{DayOfMonth} {Month} | |
386 | </a></div>{/block:indexpage} | |
387 | </div> | |
388 | {/block:Answer} | |
389 | ||
390 | {block:IndexPage}<div style="display:none;">{block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{/block:ContentSource}</div>{/block:IndexPage} | |
391 | ||
392 | {block:PermalinkPage} | |
393 | {block:caption}{caption}<br>{/block:caption} | |
394 | <center>{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {NoteCountWithLabel}{/block:Date} | |
395 | {block:RebloggedFrom}<br><b>via</b>: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} | <b>source</b>: <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource} | |
396 | </center> | |
397 | {/block:PermalinkPage} | |
398 | ||
399 | <div style="text-align:left;"> | |
400 | {block:PostNotes}{PostNotes} | |
401 | {/block:PostNotes}</div> | |
402 | </div> | |
403 | ||
404 | ||
405 | ||
406 | {/block:Posts} | |
407 | </div> | |
408 | </div> | |
409 | {block:IndexPage}<br> | |
410 | {block:Pagination} | |
411 | <div id="pagination"> | |
412 | {block:NextPage} | |
413 | <a id="nextPage" href="{NextPage}">next</a> | |
414 | {/block:NextPage} | |
415 | {block:PreviousPage} | |
416 | <a href="{PreviousPage}">back</a> | |
417 | {/block:PreviousPage} | |
418 | </div> | |
419 | {/block:Pagination} | |
420 | {/block:IndexPage} | |
421 | </div> | |
422 | </body> | |
423 | ||
424 | {block:indexpage} | |
425 | {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage} | |
426 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> | |
427 | <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script> | |
428 | <script type="text/javascript"> | |
429 | $(window).load(function(){ | |
430 | var $wall = $('#posts'); | |
431 | $wall.imagesLoaded(function(){ | |
432 | $wall.masonry({ | |
433 | itemSelector: '.entry, .entry_photo', | |
434 | isAnimated : false | |
435 | }); | |
436 | }); | |
437 | ||
438 | $wall.infinitescroll({ | |
439 | navSelector : '#page-nav', | |
440 | nextSelector : '#page-nav a', | |
441 | itemSelector : '.entry, .entry_photo', | |
442 | bufferPx : 2000, | |
443 | debug : false, | |
444 | errorCallback: function() { | |
445 | $('#infscr-loading').fadeOut('normal'); | |
446 | }}, | |
447 | function( newElements ) { | |
448 | var $newElems = $( newElements ); | |
449 | $newElems.hide(); | |
450 | $newElems.imagesLoaded(function(){ | |
451 | $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} ); | |
452 | }); | |
453 | }); $('#content').show(500); | |
454 | }); | |
455 | </script> | |
456 | {/block:indexpage} | |
457 | ||
458 | <script type="text/javascript"> | |
459 | $(function() { | |
460 | $("#topDivA").click(function(){ | |
461 | var target = $("html"); | |
462 | $('html, body').animate({ | |
463 | scrollTop: target.offset().top | |
464 | }, 1000); | |
465 | }); | |
466 | ||
467 | });</script> | |
468 | ||
469 | ||
470 | </body> | |
471 | ||
472 | <hmtl> |