SHOW:
|
|
- or go back to the newest paste.
1 | <!------------------------------------------------------------------------- | |
2 | ||
3 | Bɪᴛᴄʜ Tʜᴇᴍᴇs ɪs ᴄᴏᴘʏʀɪɢʜᴛᴇᴅ ʙʏ Bʀᴜɴᴏ | |
4 | ╔╗──╔╗───╔╗───╔╗╔╗ | |
5 | ║║─╔╝╚╗──║║──╔╝╚╣║ | |
6 | ║╚═╬╗╔╬══╣╚═╗╚╗╔╣╚═╦══╦╗╔╦══╦══╗ | |
7 | ║╔╗╠╣║║╔═╣╔╗║─║║║╔╗║║═╣╚╝║║═╣══╣ | |
8 | ║╚╝║║╚╣╚═╣║║║─║╚╣║║║║═╣║║║║═╬══║ | |
9 | ╚══╩╩═╩══╩╝╚╝─╚═╩╝╚╩══╩╩╩╩══╩══╝ | |
10 | ||
11 | http://bitchthemes.tumblr.com/ | |
12 | ||
13 | THEME MADE BY BRUNO (VIRGINITY) | |
14 | ||
15 | --------------------------------------------------------------------------> | |
16 | ||
17 | ||
18 | ||
19 | <html lang="en"> | |
20 | <html xmlns="http://www.w3.org/1999/xhtml"> | |
21 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> | |
22 | <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script> | |
23 | ||
24 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> | |
25 | <link rel="shortcut icon" href="{Favicon}"> | |
26 | ||
27 | <script> | |
28 | ||
29 | $(document).ready(function(){ | |
30 | $("#flip").click(function(){ | |
31 | $("#panel").slideToggle("fast"); | |
32 | }); | |
33 | }); | |
34 | </script> | |
35 | ||
36 | <script> | |
37 | $(function() { | |
38 | ||
39 | var $el, leftPos, newWidth, | |
40 | $mainNav = $("#example-one"); | |
41 | ||
42 | $mainNav.append("<li id='magic-line'></li>"); | |
43 | var $magicLine = $("#magic-line"); | |
44 | ||
45 | $magicLine | |
46 | .width($(".current_page_item").width()) | |
47 | .css("left", $(".current_page_item a").position().left) | |
48 | .data("origLeft", $magicLine.position().left) | |
49 | .data("origWidth", $magicLine.width()); | |
50 | ||
51 | $("#example-one li a").hover(function() { | |
52 | $el = $(this); | |
53 | leftPos = $el.position().left; | |
54 | newWidth = $el.parent().width(); | |
55 | $magicLine.stop().animate({ | |
56 | left: leftPos, | |
57 | width: newWidth | |
58 | }); | |
59 | }, function() { | |
60 | $magicLine.stop().animate({ | |
61 | left: $magicLine.data("origLeft"), | |
62 | width: $magicLine.data("origWidth") | |
63 | }); | |
64 | }); | |
65 | }); | |
66 | </script> | |
67 | ||
68 | ||
69 | <head> | |
70 | ||
71 | <!-- APPEARANCE --> | |
72 | ||
73 | <meta name="color:background" content="#fff"/> | |
74 | <meta name="color:text" content="#000"/> | |
75 | <meta name="color:title" content="#000"/> | |
76 | <meta name="color:link" content="#9B9B9B"/> | |
77 | <meta name="color:hover" content="#000"/> | |
78 | ||
79 | <meta name="image:background" content=""/> | |
80 | ||
81 | <meta name="if:sidebar on the bottom" content=""/> | |
82 | ||
83 | <meta name="text:Link One Title" content="link1" /> | |
84 | <meta name="text:Link One" content="" /> | |
85 | <meta name="text:Link Two Title" content="link2" /> | |
86 | <meta name="text:Link Two" content="" /> | |
87 | <meta name="text:Link Three Title" content="link3" /> | |
88 | <meta name="text:Link Three" content="" /> | |
89 | <meta name="text:Link Four Title" content="link4" /> | |
90 | <meta name="text:Link Four" content="" /> | |
91 | <meta name="text:Link Five Title" content="link5" /> | |
92 | <meta name="text:Link Five" content="" /> | |
93 | ||
94 | <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'> | |
95 | ||
96 | <style type="text/css"> | |
97 | ||
98 | iframe#tumblr_controls {z-index:99999999999999999999999999999999999999; right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;-webkit-filter:invert(100%);} | |
99 | ||
100 | iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;} | |
101 | ||
102 | ||
103 | ::-webkit-scrollbar-thumb{ background-color: {color:title}; border: 2px solid #fafafa; height:auto; -moz-border-radius: 10px; border-radius: 10px; } | |
104 | ||
105 | ::-webkit-scrollbar { height:auto; width:9px; background-color: #cecece; border: 4px solid #fafafa; } | |
106 | ||
107 | ||
108 | ::selection { | |
109 | background: {color:title}; | |
110 | color: #fff; | |
111 | } | |
112 | ::-moz-selection { | |
113 | background: {color:title}; | |
114 | color: #fff; | |
115 | } | |
116 | ||
117 | ||
118 | div#qTip { | |
119 | z-index:999999999999999999999999; | |
120 | padding-left: 2px; padding-right: 3px; | |
121 | margin: 1px 0px 0px 10px; | |
122 | display: none; | |
123 | font: 10px calibri; | |
124 | text-align: center; | |
125 | position: absolute; | |
126 | letter-spacing: px; | |
127 | background: {color:title}; | |
128 | color: white; | |
129 | text-transform: lowercase; | |
130 | font-style:italic; | |
131 | border:1px solid #fff; | |
132 | outline: 1px solid {color:title}; | |
133 | } | |
134 | ||
135 | ||
136 | .wrapper{ | |
137 | margin: 0px auto; | |
138 | margin-left: 60px; | |
139 | width: 802px; | |
140 | } | |
141 | .header{ | |
142 | float: left; | |
143 | width: 100%; | |
144 | } | |
145 | ||
146 | .title{ | |
147 | font-family: georgia; | |
148 | font-size: 14px; | |
149 | line-height: 15px; | |
150 | letter-spacing:0px; | |
151 | margin-left:10px; | |
152 | font-style:italic; | |
153 | color: {color:Title}; | |
154 | font-weight: normal; | |
155 | } | |
156 | ||
157 | body, a, a:hover { cursor: | |
158 | url('http://img69.imageshack.us/img69/7673/cursorw.png'), progress;} | |
159 | ||
160 | body { | |
161 | margin:0px; | |
162 | background-color: {color:Background}; | |
163 | background-image:url({image:Background}); | |
164 | background-attachment: fixed; | |
165 | background-size: repeat;} | |
166 | body, div, p, textarea, submit, input{ | |
167 | font-family: georgia; | |
168 | font-size: 10px; | |
169 | line-height:10px; | |
170 | color:{color:Text}; | |
171 | } | |
172 | ||
173 | a:link, a:active, a:visited{ | |
174 | text-decoration: none; | |
175 | -webkit-transition: color 0.3s ease-out; | |
176 | -moz-transition: color 0.3s ease-out; | |
177 | transition: color 0.3s ease-out; | |
178 | color: {color:Link};} | |
179 | ||
180 | a:hover { | |
181 | : -webkit-transition-duration: 0.5s; | |
182 | color:{color:Hover}; | |
183 | text-decoration:none; | |
184 | } | |
185 | ||
186 | @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf');} | |
187 | @font-face { font-family: "edition"; src: url('http://static.tumblr.com/fjknzts/Ro4mmuwwb/edition_.ttf'); } | |
188 | @font-face { font-family:will and grace; src: url('http://static.tumblr.com/k4oonwn/NFcmip0tl/willg____1_.ttf');} | |
189 | ||
190 | #posts { | |
191 | z-index:99; | |
192 | width:690px; | |
193 | margin-top: -10px; | |
194 | margin-left:auto; | |
195 | margin-right: auto; | |
196 | position:relative; | |
197 | overflow-y: visible; | |
198 | padding:10px; padding-top:10px; | |
199 | } | |
200 | ||
201 | ||
202 | .entry { | |
203 | float:left; | |
204 | display: block; | |
205 | overflow:; | |
206 | margin:15px; | |
207 | width: 200px; | |
208 | -webkit-transition-duration: 1.0s; | |
209 | {block:PermalinkPage} | |
210 | width:400px; | |
211 | margin-left:150px; | |
212 | text-align:center; | |
213 | {/block:PermalinkPage}} | |
214 | .entry img{ | |
215 | z-index:99999999999999999999999; | |
216 | opacity:.75; | |
217 | -webkit-transition: all 0.6s ease-in-out; | |
218 | -moz-transition: all 0.6s ease-in-out; | |
219 | transition: all 0.6s ease-in-out; | |
220 | } | |
221 | .entry img:hover{ | |
222 | opacity:.85; | |
223 | -webkit-transition: all 0.6s ease-in-out; | |
224 | -moz-transition: all 0.6s ease-in-out; | |
225 | transition: all 0.6s ease-in-out; | |
226 | } | |
227 | ||
228 | #sidebar{ | |
229 | position:relative; | |
230 | display:block; | |
231 | z-index:99999; | |
232 | overflow:hidden; | |
233 | top: -1px; | |
234 | margin: auto; | |
235 | width: 650px; | |
236 | height:65px; | |
237 | padding:10px 20px 20px 20px; | |
238 | border-bottom:1px solid #CCC; | |
239 | background:{color:background}; | |
240 | -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; | |
241 | {block:ifsidebaronthebottom} | |
242 | bottom:100px; | |
243 | {/block:ifsidebaronthebottom} | |
244 | } | |
245 | ||
246 | #desc{ | |
247 | position:absolute; | |
248 | bottom: 5px; | |
249 | width:280px !important; | |
250 | right:20px; | |
251 | padding:5px 10px 5px 10px; | |
252 | text-align:right; | |
253 | display:-webkit-box; | |
254 | -webkit-box-align:end; | |
255 | display:-moz-box; | |
256 | -moz-box-align:end; | |
257 | display:-ms-flexbox; | |
258 | -ms-flex-align:end; | |
259 | display:-webkit-box; | |
260 | -webkit-box-pack:end; | |
261 | display:-moz-box; | |
262 | -moz-box-pack:end; | |
263 | display:-ms-flexbox; | |
264 | -ms-flex-pack:end; | |
265 | } | |
266 | ||
267 | .links{ | |
268 | opacity:1; | |
269 | bottom:5px; | |
270 | text-shadow:0px 0px transparent; | |
271 | word-spacing:5px; | |
272 | position:absolute; | |
273 | -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; | |
274 | } | |
275 | ||
276 | #ahah{ | |
277 | z-index: 9999999999999; | |
278 | position:absolute; | |
279 | bottom: 50px; | |
280 | margin-left: 20px; | |
281 | font-size: 60px; | |
282 | line-height: 15px; | |
283 | text-align: center; | |
284 | font-family: will and grace; | |
285 | text-transform:lowercase; | |
286 | text-shado:5px -2px 1px rgba(205,201,201, 0.1), -4px -2px 1px rgba(205,201,201, 0.1); | |
287 | color:{color:title}; | |
288 | -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; | |
289 | } | |
290 | ||
291 | #sidebar:hover #ahah{color:rgba(205,201,201, 0.5); -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} | |
292 | ||
293 | ||
294 | /* | |
295 | CSS-Tricks Example - MagicLine Demo | |
296 | by Chris Coyier | |
297 | http://css-tricks.com | |
298 | */ | |
299 | ||
300 | * { margin: 0; padding: 0; } | |
301 | a { color: {color:link}; } | |
302 | a:hover { color: {color:hover}; } | |
303 | ||
304 | .nav-wrap { | |
305 | margin: 50px auto; | |
306 | background-color: none; | |
307 | } | |
308 | ||
309 | /* Clearfix */ | |
310 | .group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } | |
311 | *:first-child+html .group { zoom: 1; } /* IE7 */ | |
312 | ||
313 | ||
314 | ||
315 | /* Example One */ | |
316 | #example-one { | |
317 | margin: 0 auto; | |
318 | list-style: none; | |
319 | position: relative; | |
320 | width: 960px; | |
321 | bottom:-5px; | |
322 | } | |
323 | #example-one li { | |
324 | display: inline-block; | |
325 | } | |
326 | #example-one a { | |
327 | color: {color:link}; | |
328 | float: left; | |
329 | padding: 6px 5px 4px 5px; | |
330 | text-decoration: none; | |
331 | text-transform: lowercase; | |
332 | font-weight: 600; | |
333 | } | |
334 | #example-one a:hover { | |
335 | color: {color:hover}; | |
336 | } | |
337 | #magic-line { | |
338 | position: absolute; | |
339 | bottom: 3px; | |
340 | left: 0; | |
341 | width: 100px; | |
342 | height: 1px; | |
343 | background: #ccc; | |
344 | } | |
345 | .current_page_item a { | |
346 | color: {color:link} !important; | |
347 | } | |
348 | .current_page_item a:hover { | |
349 | color: {color:hover} !important; | |
350 | } | |
351 | .ie6 #example-one li, .ie7 #example-one li { | |
352 | display: inline; | |
353 | } | |
354 | .ie6 #magic-line { | |
355 | bottom: -3px; | |
356 | } | |
357 | ||
358 | ||
359 | /* Example Two */ | |
360 | #example-two { | |
361 | margin: 0 auto; | |
362 | list-style: none; | |
363 | position: relative; | |
364 | width: 960px; | |
365 | } | |
366 | #example-two li { | |
367 | display: inline-block; | |
368 | } | |
369 | #example-two li a { | |
370 | position: relative; | |
371 | z-index: 200; | |
372 | color: #bbb; | |
373 | font-size: 14px; | |
374 | display: block; | |
375 | float: left; | |
376 | padding: 6px 10px 4px 10px; | |
377 | text-decoration: none; | |
378 | text-transform: uppercase; | |
379 | } | |
380 | #example-two li a:hover { | |
381 | color: white; | |
382 | } | |
383 | #example-two #magic-line-two { | |
384 | position: absolute; | |
385 | top: 0; | |
386 | left: 0; | |
387 | width: 100px; | |
388 | background: #900; | |
389 | z-index: 100; | |
390 | -moz-border-radius: 5px; | |
391 | -webkit-border-radius: 5px; | |
392 | border-radius: 5px; | |
393 | } | |
394 | .current_page_item_two a { | |
395 | color: white !important; | |
396 | } | |
397 | .ie6 #example-two li, .ie7 #example-two li { | |
398 | display: inline; | |
399 | } | |
400 | ||
401 | @font-face {font-family:kg the fighter;src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,} | |
402 | @font-face {font-family:wow;src: url('http://static.tumblr.com/hxu4bui/dwqmsdhdo/burtinomatic.ttf');,} | |
403 | ||
404 | #center{ | |
405 | margin:auto; | |
406 | margin-right:auto; | |
407 | margin-top:0px; | |
408 | position:relative; | |
409 | width:100%; | |
410 | border:1px solid #000; | |
411 | background-color:; | |
412 | overflow:auto; | |
413 | } | |
414 | ||
415 | @font-face{font-family: 'lolol'; src: url('http://static.tumblr.com/hxu4bui/XBSmrubll/websymbols-regular.otf'); } | |
416 | ||
417 | ||
418 | lol{font-family:'lolol'; font-size:9px;} | |
419 | ||
420 | .entry .perma1 img{ | |
421 | margin-left:2px !important; | |
422 | margin-top:1px !important; | |
423 | width:11px; | |
424 | -webkit-filter: invert(100%); | |
425 | opacity:1 !important; | |
426 | } | |
427 | .entry .perma1 a:hover{ | |
428 | color:{color:hover};} | |
429 | .entry .perma1{ | |
430 | position:absolute; | |
431 | z-index:-9; | |
432 | width:15px; | |
433 | height:15px; | |
434 | left:165px; | |
435 | top:5px; | |
436 | border-radius:15px; | |
437 | padding:4px; | |
438 | line-height:15px; | |
439 | background:rgba(010,010,010, 0.6); | |
440 | opacity:0.0; | |
441 | -webkit-transition: all 0.4s ease-in-out; | |
442 | -moz-transition: all 0.4s ease-in-out; | |
443 | transition: all 0.4s ease-in-out; | |
444 | transform: rotate(360deg); | |
445 | -ms-transform: rotate(360deg); /* IE 9 */ | |
446 | -webkit-transform: rotate(360deg); /* Safari and Chrome */ | |
447 | } | |
448 | .entry:hover .perma1{ | |
449 | opacity:1; | |
450 | left:190px; | |
451 | -webkit-transition: all 0.4s ease-in-out; | |
452 | -moz-transition: all 0.4s ease-in-out; | |
453 | transition: all 0.4s ease-in-out; | |
454 | transform: rotate(0deg); | |
455 | -ms-transform: rotate(0deg); /* IE 9 */ | |
456 | -webkit-transform: rotate(0deg); /* Safari and Chrome */ | |
457 | } | |
458 | .entry:hover .perma1:hover{ | |
459 | -webkit-transition: all 0.4s ease-in-out; | |
460 | -moz-transition: all 0.4s ease-in-out; | |
461 | transition: all 0.4s ease-in-out; | |
462 | transform: rotate(360deg); | |
463 | -ms-transform: rotate(360deg); /* IE 9 */ | |
464 | -webkit-transform: rotate(360deg); /* Safari and Chrome */ | |
465 | } | |
466 | ||
467 | .entry .perma2 img{ | |
468 | margin-left:-1.5px !important; | |
469 | margin-top:-1px !important; | |
470 | width:17px; | |
471 | -webkit-filter: invert(100%); | |
472 | opacity:1 !important; | |
473 | } | |
474 | .entry .perma2 a:hover{ | |
475 | color:{color:hover};} | |
476 | .entry .perma2{ | |
477 | position:absolute; | |
478 | z-index:-9; | |
479 | width:15px; | |
480 | height:15px; | |
481 | left:165px; | |
482 | top:32px; | |
483 | border-radius:15px; | |
484 | padding:4px; | |
485 | line-height:15px; | |
486 | background:rgba(010,010,010, 0.6); | |
487 | opacity:0.0; | |
488 | -webkit-transition: all 0.6s ease-in-out; | |
489 | -moz-transition: all 0.6s ease-in-out; | |
490 | transition: all 0.6s ease-in-out; | |
491 | transform: rotate(360deg); | |
492 | -ms-transform: rotate(360deg); /* IE 9 */ | |
493 | -webkit-transform: rotate(360deg); /* Safari and Chrome */ | |
494 | } | |
495 | .entry:hover .perma2{ | |
496 | opacity:1; | |
497 | left:190px; | |
498 | -webkit-transition: all 0.6s ease-in-out; | |
499 | -moz-transition: all 0.6s ease-in-out; | |
500 | transition: all 0.6s ease-in-out; | |
501 | transform: rotate(0deg); | |
502 | -ms-transform: rotate(0deg); /* IE 9 */ | |
503 | -webkit-transform: rotate(0deg); /* Safari and Chrome */ | |
504 | } | |
505 | .entry:hover .perma2:hover{ | |
506 | -webkit-transition: all 0.4s ease-in-out; | |
507 | -moz-transition: all 0.4s ease-in-out; | |
508 | transition: all 0.4s ease-in-out; | |
509 | transform: rotate(360deg); | |
510 | -ms-transform: rotate(360deg); /* IE 9 */ | |
511 | -webkit-transform: rotate(360deg); /* Safari and Chrome */ | |
512 | } | |
513 | ||
514 | .entry:hover img{ | |
515 | {block:IndexPage} | |
516 | margin-left:-15px; | |
517 | -webkit-transition: all 0.4s ease-in-out; | |
518 | -moz-transition: all 0.4s ease-in-out; | |
519 | transition: all 0.4s ease-in-out; | |
520 | {/block:IndexPage} | |
521 | } | |
522 | ||
523 | .entry:hover .textt{ | |
524 | {block:IndexPage} | |
525 | opacity:1; | |
526 | margin-top:15px; | |
527 | {block:IndexPage} | |
528 | } | |
529 | ||
530 | .textt{ | |
531 | display: block; | |
532 | padding-top:5px; | |
533 | margin-top:5px; | |
534 | text-transform: lowercase; | |
535 | font-style:italic; | |
536 | font-size:9.5px; | |
537 | line-height:10px; | |
538 | padding-bottom: 0px; | |
539 | text-align:right; | |
540 | webkit-transition: all 0.2s linear; | |
541 | -webkit-transition: all 0.2s linear; | |
542 | -moz-transition: all 0.2s linear; | |
543 | transition: all 0.2s linear; | |
544 | border-top: 1px solid #909090; | |
545 | {block:IndexPage} | |
546 | opacity:0; | |
547 | margin-top:20px; | |
548 | padding-top:3px; | |
549 | {/block:IndexPage} | |
550 | } | |
551 | .textt a{ | |
552 | color:{color:text}} | |
553 | .textt a:hover{ | |
554 | color:{color:hover};} | |
555 | ||
556 | #infscr-loading{ | |
557 | bottom: -70px; | |
558 | position: absolute; | |
559 | left: 50%; | |
560 | margin-left:-8px; | |
561 | width:16px; | |
562 | height:11px; | |
563 | overflow:hidden; | |
564 | margin-bottom: 50px; | |
565 | } | |
566 | ||
567 | #postnotes{ | |
568 | text-align: justify; | |
569 | } | |
570 | ||
571 | #postnotes blockquote{ | |
572 | border: 0px; | |
573 | } | |
574 | ||
575 | blockquote{ | |
576 | margin:8px 0px 10px 0px; | |
577 | overflow:visible; | |
578 | text-align:center; | |
579 | border-left:1px solid {color:title}; | |
580 | border-right:1px solid {color:title}; | |
581 | } | |
582 | ||
583 | blockquote p, ul{ | |
584 | margin:0px; | |
585 | padding:0px; | |
586 | } | |
587 | ||
588 | a img{border: 0px;} | |
589 | ul, ol, li{list-style:none; margin:0px; padding:0px;} | |
590 | .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, | |
591 | .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};} | |
592 | .notes img{width:10px; position:relative; top:3px; | |
593 | } | |
594 | ||
595 | small{font-size: 90%;} | |
596 | ||
597 | .video embed, .post div.video object {width:260px !important; height:180px !important;} | |
598 | .video2 embed, .post div.video object {width:400px !important; height:400px !important;} | |
599 | ||
600 | {CustomCSS} | |
601 | ||
602 | .artcover {position:absolute;} | |
603 | .artcover img {z-index:9999; width:42px;height:42px;float:left;; overflow:hidden;} | |
604 | .audioplayer {width:20px;padding:3px 5px 5px 3px;overflow:hidden;} | |
605 | .audioinfo {margin-left:55px;padding:3px 0px;margin-top:-5px;} | |
606 | .i{display:block;padding:2px; } | |
607 | .i b, strong{font-family:calibri; letter-spacing:1px; color:{color:Title}} | |
608 | .player { | |
609 | z-index:9; | |
610 | position:absolute; | |
611 | background:white; | |
612 | width:30px; | |
613 | height:30px; | |
614 | opacity:0.0;; | |
615 | padding:7px; | |
616 | margin:-2px; | |
617 | overflow:hidden; | |
618 | -webkit-transition: all 0.4s ease-in-out; | |
619 | -moz-transition: all 0.4s ease-in-out; | |
620 | transition: all 0.4s ease-in-out;} | |
621 | .entry:hover .player{opacity:0.75; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} | |
622 | ||
623 | .arrow{ | |
624 | position:absolute; | |
625 | margin-left:150px; | |
626 | margin-top:5px; | |
627 | width: 0; | |
628 | height: 0; | |
629 | border-top: 6px solid transparent; | |
630 | border-bottom: 6px solid transparent; | |
631 | ||
632 | border-left: 6px solid #f2f2f2; | |
633 | {block:PermalinkPage} | |
634 | margin-left:350px; | |
635 | {/block:PermalinkPage} | |
636 | } | |
637 | ||
638 | ||
639 | </style> | |
640 | ||
641 | {block:IndexPage} | |
642 | <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script> | |
643 | <script type="text/javascript" src="http://static.tumblr.com/hxu4bui/wyCmtn5o2/infinitescroll.txt"></script> | |
644 | <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script> | |
645 | ||
646 | <script type="text/javascript"> | |
647 | $(window).load(function () { | |
648 | var $content = $('#posts'); | |
649 | $content.masonry({itemSelector: '.entry'}), | |
650 | $content.infinitescroll({ | |
651 | navSelector : 'div#pagination', | |
652 | nextSelector : 'div#pagination a#nextPage', | |
653 | itemSelector : '.entry', | |
654 | loading: { | |
655 | finishedMsg: '', | |
656 | img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif' | |
657 | }, | |
658 | bufferPx : 600, | |
659 | debug : false, | |
660 | }, | |
661 | // call masonry as a callback. | |
662 | function( newElements ) { | |
663 | var $newElems = $( newElements ); | |
664 | $newElems.hide(); | |
665 | // ensure that images load before adding to masonry layout | |
666 | $newElems.imagesLoaded(function(){ | |
667 | $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} ); | |
668 | ||
669 | ||
670 | }); | |
671 | }); | |
672 | }); | |
673 | </script> | |
674 | {/block:IndexPage} | |
675 | ||
676 | ||
677 | <title>{title}</title> | |
678 | ||
679 | <link rel="shortcut icon" href="{Favicon}"> | |
680 | <meta name="viewport" content="width=820" /> | |
681 | </head> | |
682 | ||
683 | <body> | |
684 | ||
685 | <div class="wrapper"> | |
686 | <div class="header"> | |
687 | </div></div> | |
688 | ||
689 | <div id="cener"> | |
690 | ||
691 | <div id="sidebar"> | |
692 | ||
693 | <a href="/"><div id="ahah">{Title}</div></a> | |
694 | ||
695 | <div class="nav-wrap"> | |
696 | <ul class="group" id="example-one"> | |
697 | <li class="current_page_item"><a href="{text:Link One}">{text:Link One Title}</a></li> | |
698 | <li><a href="{text:Link Two}">{text:Link Two Title}</a></li> | |
699 | <li><a href="{text:Link Three}">{text:Link Three Title}</a></li> | |
700 | <li><a href="{text:Link Four}">{text:Link Four Title}</a></li> | |
701 | <li><a href="{text:Link Five}">{text:Link Five Title}</a></li> | |
702 | </ul> | |
703 | </div> | |
704 | ||
705 | <div id="desc">{Description}</div> | |
706 | ||
707 | ||
708 | </div></div> | |
709 | </div></div></div></div> | |
710 | ||
711 | ||
712 | <br> | |
713 | ||
714 | ||
715 | <div id="posts"> | |
716 | {block:Posts} | |
717 | <div class="entry"> | |
718 | {block:Answer} <div class="arrow"></div> | |
719 | <br> | |
720 | ||
721 | <img src="{AskerPortraitURL-40}" width="" align="right" style="margin-top:-8px; right:0px;"/> | |
722 | ||
723 | <div style="margin-top:-8px; min-height:30px; width:140px; padding: 5px; background-color: #f2f2f2; {block:PermalinkPage}width:340px{/block:PermalinkPage}"> | |
724 | ||
725 | <div style="text-transform:lowercase; color:{color:links} !important; font-size:11px; display:inline; font-style:italic; border-bottom:1px solid {color:Title}">{Asker}:</div><div style="display:inline;"> {Question}</div> | |
726 | </div> | |
727 | ||
728 | ||
729 | <div style="font-size:11px;">{Answer}</div><div class="textt"><a href="{Permalink}" title="permalink">{notecountwithlabel}</a></div> | |
730 | {/block:Answer} | |
731 | ||
732 | {block:Text} | |
733 | {block:Title}<span class="title">{Title}</span>{/block:Title} | |
734 | <span class="entrytext">{Body}</span></a> | |
735 | {block:IndexPage} | |
736 | <div class="textt"><a href="{permalink}" title="permalink">{notecountwithlabel}</a> · {TimeAgo}</div> | |
737 | {/block:IndexPage} | |
738 | {/block:Text} | |
739 | ||
740 | {block:Link} | |
741 | <a href="{URL}" class="title">{Name}</a> | |
742 | {block:Description}{Description}{/block:Description} | |
743 | {block:IndexPage} | |
744 | <div class="textt"><a href="{permalink}">{notecountwithlabel}</a> · {TimeAgo}</span></div> | |
745 | {/block:IndexPage} | |
746 | {block:Link} | |
747 | ||
748 | {block:Photo}{block:IndexPage} | |
749 | <a href="{ReblogURL}" title="reblog"><div class="perma1"><img src="http://png-3.findicons.com/files/icons/974/glyphish/24/01_refresh.png"></div></a> | |
750 | <a href="{Permalink}" title="{NoteCountwithLabel}"><div class="perma2"><img src="https://cdn0.iconfinder.com/data/icons/iconsweets2/40/link_seo.png"></div></a> | |
751 | {/block:IndexPage} | |
752 | {block:IndexPage} | |
753 | <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a> | |
754 | {/block:IndexPage} | |
755 | {block:permalinkpage}{LinkOpenTag} | |
756 | <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{LinkCloseTag} | |
757 | {/block:permalinkpage} | |
758 | {/block:Photo} | |
759 | ||
760 | {block:Quote} | |
761 | <span class="title">{Quote}</span><br /> | |
762 | {block:Source}{Source}{/block:Source} | |
763 | {block:IndexPage} | |
764 | <br /><div class="textt"><a href="{permalink}">{notecountwithlabel}</a> · {TimeAgo}</span></div> | |
765 | {/block:IndexPage} | |
766 | {/block:Quote} | |
767 | ||
768 | ||
769 | {block:Chat} | |
770 | {block:Title}<span class="title">{Title}</span>{/block:Title} | |
771 | <ul class="chat"> | |
772 | {block:Lines} | |
773 | <li class="user_{UserNumber}"> | |
774 | {block:Label} | |
775 | <span class="label">{Label}</span> | |
776 | {/block:Label} | |
777 | ||
778 | {Line} | |
779 | </li> | |
780 | {/block:Lines} | |
781 | </ul> | |
782 | {block:IndexPage} | |
783 | <div class="textt"><a href="{permalink}">{notecountwithlabel}</a> · {TimeAgo}</span></div> | |
784 | {/block:IndexPage} | |
785 | {/block:Chat} | |
786 | ||
787 | {block:Audio} | |
788 | {block:AlbumArt}<div class="artcover"> | |
789 | <img src="{AlbumArtURL}"></div>{/block:AlbumArt} | |
790 | ||
791 | <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div> | |
792 | ||
793 | <div class="audioinfo"> | |
794 | <div class="i"><b>TITLE: </b> <span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div> | |
795 | <div class="i"><b>ARTIST: </b><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div> | |
796 | <div class="i"><b>PLAYS: </b><span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span>{block:PlayCount}{PlayCount}{/block:PlayCount}</div></div> | |
797 | ||
798 | {block:IndexPage} | |
799 | <div class="textt"><a href="{permalink}">{notecountwithlabel}</a> · {TimeAgo}</span></div> | |
800 | {/block:IndexPage} | |
801 | {/block:Audio} | |
802 | ||
803 | {block:Video}<center> | |
804 | <div class="video">{Video-250}</div></center> | |
805 | {block:IndexPage} | |
806 | <div class="textt"><a href="{permalink}">{notecountwithlabel}</a> · {TimeAgo}</span></div> | |
807 | {/block:IndexPage} | |
808 | {block:Video} | |
809 | ||
810 | {block:PostNotes} | |
811 | ||
812 | <div class="textt"><div align="middle">{caption}</div> | |
813 | <center> | |
814 | ||
815 | {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount} | |
816 | ||
817 | {block:HasTags} | |
818 | tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags} | |
819 | {block:RebloggedFrom} | |
820 | reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br> | |
821 | posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> | |
822 | ||
823 | {/block:RebloggedFrom} | |
824 | </center></span></div> | |
825 | <br> | |
826 | <div id="postnotes">{PostNotes}</div><br><p> | |
827 | ||
828 | {/block:PostNotes} | |
829 | </div> | |
830 | {/block:Posts} | |
831 | </div></div> | |
832 | ||
833 | {block:IndexPage} | |
834 | {block:Pagination} | |
835 | <div id="pagination"> | |
836 | {block:NextPage} | |
837 | <a id="nextPage" href="{NextPage}"></a> | |
838 | {/block:NextPage} | |
839 | {block:PreviousPage} | |
840 | <a href="{PreviousPage}"></a> | |
841 | {/block:PreviousPage} | |
842 | </div> | |
843 | {/block:Pagination} | |
844 | {/block:IndexPage} | |
845 | ||
846 | </div> | |
847 | ||
848 | <script type="text/javascript"> | |
849 | <!-- | |
850 | ||
851 | // Disable Right Click Script | |
852 | ||
853 | function IE(e) | |
854 | { | |
855 | if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3")) | |
856 | { | |
857 | return false; | |
858 | } | |
859 | } | |
860 | function NS(e) | |
861 | { | |
862 | if (document.layers || (document.getElementById && !document.all)) | |
863 | { | |
864 | if (e.which == "2" || e.which == "3") | |
865 | { | |
866 | return false; | |
867 | } | |
868 | } | |
869 | } | |
870 | document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false"); | |
871 | ||
872 | //--> | |
873 | </script> | |
874 | ||
875 | </body> | |
876 | </div> | |
877 | ||
878 | </html> |