API tools faq
paste
Advertisement
vongolacloud18

Fubuki Theme

vongolacloud18
Aug 26th, 2013
5,003
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.56 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5.  
  6. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9.  
  10. <meta name="color:Text" content="#000000">
  11. <meta name="color:LinksHover" content="#000000">
  12. <meta name="color:Links" content="#9FB9E5">
  13. <meta name="color:Bold" content="#8c9da3">
  14. <meta name="color:Italics" content="#aaaaaa">
  15. <meta name="color:Background" content="#FFFFFF">
  16. <meta name="color:Entries" content="#FFFFFF">
  17. <meta name="color:EntryBorder" content="#C5F1DC">
  18. <meta name="color:Blockquote" content="#cccccc">
  19. <meta name="color:MainLinkBackground" content="#9FB9E5">
  20. <meta name="color:MainLinkHover" content="#FFFFFF">
  21. <meta name="color:HoverLinkBackground" content="#FFFFFF">
  22. <meta name="color:HoverLinkBorder" content="#9FB9E5">
  23. <meta name="color:HoverLinks" content="#9FB9E5">
  24. <meta name="color:MainLinkBorder" content="#000000">
  25. <meta name="color:Title" content="#000000">
  26. <meta name="color:Subtitle" content="#000000">
  27. <meta name="color:Description" content="#000000">
  28. <meta name="color:Tags" content="#555555">
  29. <meta name="color:TaggedText" content="#999999">
  30. <meta name="color:Tagged" content="#cccccc">
  31. <meta name="color:TagsHover" content="#C5F1DC">
  32. <meta name="color:MusicBorder" content="#C5F1DC">
  33. <meta name="color:SelectionText" content="#C5F1DC">
  34.  
  35. <meta name="image:Background" content="http://static.tumblr.com/74f7cdffc9b2c3f62771c7acac3f512d/hxaftoq/ziwmrynw0/tumblr_static_grey.png">
  36. <meta name="image:Sidebar" content="http://31.media.tumblr.com/db10219a71a4e25590cc24734dfe4bc7/tumblr_mpjleiaAvP1rjg5r9o1_500.png">
  37. <meta name="image:CornerImage" content="http://static.tumblr.com/hxaftoq/j5Ums4ftm/fubu.png">
  38.  
  39. <meta name="text:Link1" content="">
  40. <meta name="text:Link1Title" content="">
  41. <meta name="text:Link2" content="">
  42. <meta name="text:Link2Title" content="">
  43. <meta name="text:Link3" content="">
  44. <meta name="text:Link3Title" content="">
  45. <meta name="text:Link4" content="">
  46. <meta name="text:Link4Title" content="">
  47. <meta name="text:Link5" content="">
  48. <meta name="text:Link5Title" content="">
  49. <meta name="text:Subtitle" content="">
  50. <meta name="text:MusicCode" content="">
  51.  
  52. <meta name="if:Subtitle" content="1">
  53. <meta name="if:Music" content="1">
  54. <meta name="if:Pages" content="1">
  55. <meta name="if:LinkStrikeOutHover" content="1">
  56. <meta name="if:LinkColorChangeHover" content="0">
  57. <meta name="if:FadeInImages" content="0">
  58. <meta name="if:FadeOutImages" content="0">
  59. <meta name="if:BlurImages" content="0">
  60. <meta name="if:Monochrome" content="0">
  61. <meta name="if:EndlessScroll" content="0">
  62. <meta name="if:ShowCaptions" content="1">
  63. <meta name="if:CustomCursor" content="1">
  64. <meta name="if:ShowTags" content="1">
  65. <meta name="if:500px" content="1">
  66. <meta name="if:400px" content="0">
  67. <meta name="if:250px" content="0">
  68.  
  69. <style type="text/css">
  70.  
  71. ::selection, ::-webkit-selection{
  72. background-color: transparent;
  73. color: {color:SelectionText};
  74. text-shadow: none !important;
  75. }
  76.  
  77. body {
  78. font-family:calibri;
  79. font-size:12px;
  80. background-image: url('{image:Background}');
  81. background-attachment:fixed;
  82. background-repeat:repeat;
  83. background-color:{color:Background};
  84. color:{color:Text};
  85. }
  86.  
  87. {block:IfCustomCursor}
  88. body {cursor: url(http://www.dolliehost.com/dolliecrave/cursors/cursors-arrow/arrow38.gif), progress !important;}
  89.  
  90. a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}
  91. {/block:IfCustomCursor}
  92.  
  93. a {
  94. color:{color:Links};
  95. text-decoration:none;
  96. }
  97.  
  98. a:hover {
  99. {block:IfLinkStrikeOutHover}
  100. text-decoration:line-through;
  101. {/block:IfLinkStrikeOutHover}
  102. {block:IfLinkColorChangeHover}
  103. color:{color:LinksHover};
  104. {/block:IfLinkColorChangeHover}
  105. }
  106.  
  107. i, em {
  108. color:{color:Italics};
  109. }
  110.  
  111. b, strong {
  112. color:{color:Bold};
  113. }
  114.  
  115. /*Sidebar*/
  116.  
  117. #side {
  118. position:fixed;
  119. top:50px;
  120. left:40px;
  121. }
  122.  
  123. #sidebar {
  124. }
  125.  
  126. #sidebar img {
  127. height:200px;
  128. width:300px;
  129. float:right;
  130. }
  131.  
  132. #mlinks {
  133. float:right;
  134. height:200px;
  135. overflow:hidden;
  136. }
  137.  
  138. #mlinks a {
  139. -webkit-transition: all 0.3s ease-out;
  140. -moz-transition: all 0.3s ease-out;
  141. -ms-transition: all 0.3s ease-out;
  142. -o-transition: all 0.3s ease-out;
  143. transition: all 0.3s ease-out;
  144. display:block;
  145. height:2px;
  146. width:10px;
  147. border-top:48px solid {color:MainLinkBackground};
  148. border-bottom:0px solid {color:MainLinkBackground};
  149. background-color:{color:MainLinkHover};
  150. }
  151.  
  152. #mlinks a:hover {
  153. border-top:48px solid {color:MainLinkBorder};
  154. }
  155.  
  156. #vari img {
  157. float:none;
  158. width:54px;
  159. height:54px;
  160. margin-top:10px;
  161. border:3px solid {color:MainLinkBackground};
  162. }
  163.  
  164. #music {
  165. position:fixed;
  166. display:inline-block;
  167. overflow:hidden;
  168. margin-left:-46px;
  169. margin-top:80px;
  170. width:30px;
  171. height:30px;
  172. background-color:{color:Entries};
  173. border:1px dashed {color:MusicBorder};
  174. -webkit-transition: all 0.8s ease-out;
  175. -moz-transition: all 0.8s ease-out;
  176. -ms-transition: all 0.8s ease-out;
  177. -o-transition: all 0.8s ease-out;
  178. transition: all 0.8s ease-out;
  179. }
  180.  
  181. #music img {
  182. width:auto;
  183. height:auto;
  184. border:none;
  185. margin-top:5px;
  186. }
  187.  
  188. .musinfo {
  189. width:20px;
  190. margin-left:5px;
  191. margin-top:5px;
  192. background-color:{color:Entries};
  193. -webkit-transition: all 0.8s ease-out;
  194. -moz-transition: all 0.8s ease-out;
  195. -ms-transition: all 0.8s ease-out;
  196. -o-transition: all 0.8s ease-out;
  197. transition: all 0.8s ease-out;
  198. }
  199.  
  200. .musinfo embed {
  201. margin-top:20px;
  202. margin-left:-20px;
  203. }
  204.  
  205. #music:hover .musinfo {
  206. margin-top:-30px;
  207. }
  208.  
  209. #info {
  210. display:inline-block;
  211. position:absolute;
  212. margin-top:20px;
  213. margin-left:10px;
  214. width:230px;
  215. font-family:courier;
  216. }
  217.  
  218. #title {
  219. font-size:14px;
  220. color:{color:Title};
  221. }
  222.  
  223. #title small {
  224. border-bottom:1px dashed {color:EntryBorder};
  225. color:{color:Subtitle};
  226. }
  227.  
  228. #desc {
  229. padding:5px;
  230. margin-left:5px;
  231. margin-top:10px;
  232. font-size:10px;
  233. border-top:1px dashed {color:EntryBorder};
  234. color:{color:Description};
  235. }
  236.  
  237. #links {
  238. margin-top:5px;
  239. text-align:right;
  240. }
  241.  
  242. #links a {
  243. -webkit-transition: all 0.3s ease-out;
  244. -moz-transition: all 0.3s ease-out;
  245. -ms-transition: all 0.3s ease-out;
  246. -o-transition: all 0.3s ease-out;
  247. transition: all 0.3s ease-out;
  248. display:inline-block;
  249. width:22px;
  250. text-align:center;
  251. line-height:15px;
  252. height:15px;
  253. font-size:10px;
  254. color:{color:MainLinkHover};
  255. background-color:{color:MainLinkBackground};
  256. border:1px solid {color:MainLinkHover};
  257. }
  258.  
  259. #links a:hover {
  260. color:{color:MainLinkBackground};
  261. background-color:{color:MainLinkHover};
  262. border:1px solid {color:MainLinkBackground};
  263. text-decoration:none;
  264. }
  265.  
  266. /*Entries*/
  267.  
  268. #posts {
  269. margin-top:30px;
  270. margin-left:380px;
  271. margin-bottom:30px;
  272. }
  273.  
  274. #entries {
  275. {block:if500px}width:500px;{/block:if500px}
  276. {block:if400px}width:400px;{/block:if400px}
  277. {block:if250px}width:250px;{/block:if250px}
  278. padding:10px;
  279. text-align:justify;
  280. margin-bottom:15px;
  281. background-color:{color:Entries};
  282. border:1px solid {color:EntryBorder};
  283. }
  284.  
  285. #entries pre {
  286. white-space: pre-wrap; /* css-3 */
  287. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  288. white-space: -pre-wrap; /* Opera 4-6 */
  289. white-space: -o-pre-wrap; /* Opera 7 */
  290. word-wrap: break-word;
  291. word-break:break-all;
  292. }
  293.  
  294. #entries img {
  295. max-width:100%;
  296. }
  297.  
  298. {block:IfFadeOutImages}
  299. #entries img, #entries iframe {
  300. -webkit-transition: all 0.4s ease-in-out;
  301. -moz-transition: all 0.4s ease-in-out;
  302. -ms-transition: all 0.4s ease-in-out;
  303. -o-transition: all 0.4s ease-in-out;
  304. transition: all 0.4s ease-in-out;
  305. }
  306.  
  307. #entries img:hover, #entries iframe:hover {
  308. opacity:.7;
  309. }
  310. {/block:IfFadeOutImages}
  311.  
  312. {block:IfBlurImages}
  313. {block:IndexPage}
  314. #entries img, #entries iframe {
  315. -webkit-transition: all 0.4s ease-in-out;
  316. -moz-transition: all 0.4s ease-in-out;
  317. -ms-transition: all 0.4s ease-in-out;
  318. -o-transition: all 0.4s ease-in-out;
  319. transition: all 0.4s ease-in-out;
  320. }
  321.  
  322. #entries img:hover, #entries iframe:hover {
  323. filter: blur(3px);
  324. -webkit-filter: blur(3px);
  325. -moz-filter: blur(3px);
  326. -o-filter: blur(3px);
  327. -ms-filter: blur(3px);
  328. }
  329. {/block:IndexPage}
  330. {/block:IfBlurImages}
  331.  
  332. {block:IfFadeInImages}
  333. #entries img, #entries iframe {
  334. opacity:.7;
  335. -webkit-transition: all 0.4s ease-in-out;
  336. -moz-transition: all 0.4s ease-in-out;
  337. -ms-transition: all 0.4s ease-in-out;
  338. -o-transition: all 0.4s ease-in-out;
  339. transition: all 0.4s ease-in-out;
  340. }
  341.  
  342. #entries img:hover, #entries iframe:hover {
  343. opacity:1;
  344. }
  345. {/block:IfFadeInImages}
  346.  
  347. {block:IfMonochrome}
  348. {block:IndexPage}
  349. #entries img, #entries iframe {
  350. -webkit-filter: grayscale(1);
  351. -webkit-transition: all 0.6s ease-in-out;
  352. -moz-transition: all 0.6s ease-in-out;
  353. transition: all 0.6s ease-in-out;
  354. }
  355.  
  356. #entries img:hover, #entries iframe:hover {
  357. -webkit-filter: grayscale(0);
  358. }
  359. {/block:IndexPage}
  360. {/block:IfMonochrome}
  361.  
  362. #entries blockquote {
  363. margin-left:8px;
  364. padding-left:5px;
  365. padding-right:8px;
  366. margin-right:0px;
  367. border-left:3px solid {color:Blockquote};
  368. }
  369.  
  370. /*Variables*/
  371.  
  372. #enti {
  373. text-align:center;
  374. }
  375.  
  376. #enti a {
  377. font-family:courier;
  378. font-size:14px;
  379. padding:2px 10px;
  380. margin-bottom:10px;
  381. border-bottom:1px dashed {color:EntryBorder};
  382. }
  383.  
  384. .pic1 { margin-top:-103px; }
  385.  
  386. @-moz-document url-prefix() {
  387. .pic1 {
  388. margin-top:-104px;
  389. }
  390. }
  391.  
  392. #inf p {
  393. line-height:20px;
  394. margin-top:0px;
  395. margin-bottom:0px;
  396. border-bottom:1px dashed {color:EntryBorder};
  397. }
  398.  
  399. #quo {
  400. text-align:center;
  401. font-size:14px;
  402. font-family:courier;
  403. }
  404.  
  405. #sou {
  406. text-align:right;
  407. margin-top:10px;
  408. margin-right:20px;
  409. }
  410.  
  411. #sou i {
  412. border-bottom:1px dashed {color:EntryBorder};
  413. }
  414.  
  415. /*Permalink*/
  416.  
  417. #per {
  418. opacity:0;
  419. height:0px;
  420. width:100px;
  421. font-size:10px;
  422. {block:if500px}margin-left:300px;{/block:if500px}
  423. {block:if400px}margin-left:200px;{/block:if400px}
  424. {block:if250px}margin-left:130px;{/block:if250px}
  425. -webkit-transition: all 0.6s ease-in-out;
  426. -moz-transition: all 0.6s ease-in-out;
  427. -ms-transition: all 0.6s ease-in-out;
  428. -o-transition: all 0.6s ease-in-out;
  429. transition: all 0.6s ease-in-out;
  430. }
  431.  
  432. #entries:hover #per {
  433. {block:if500px}margin-left:520px;{/block:if500px}
  434. {block:if400px}margin-left:420px;{/block:if400px}
  435. {block:if250px}margin-left:270px;{/block:if250px}
  436. opacity:1;
  437. }
  438.  
  439. #tag {
  440. opacity:0;
  441. text-align:left;
  442. margin-left:5px;
  443. -webkit-transition: all 0.6s ease-in-out;
  444. -moz-transition: all 0.6s ease-in-out;
  445. -ms-transition: all 0.6s ease-in-out;
  446. -o-transition: all 0.6s ease-in-out;
  447. transition: all 0.6s ease-in-out;
  448. }
  449.  
  450. #tag a {
  451. color:{color:Tags};
  452. -webkit-transition: all 0.4s ease-in-out;
  453. -moz-transition: all 0.4s ease-in-out;
  454. -ms-transition: all 0.4s ease-in-out;
  455. -o-transition: all 0.4s ease-in-out;
  456. transition: all 0.4s ease-in-out;
  457. }
  458.  
  459. #tag a:hover {
  460. color:{color:TagsHover};
  461. text-decoration:none;
  462. }
  463.  
  464. #entries:hover #tag {
  465. opacity:1;
  466. transition-delay: 0.7s;
  467. -o-transition-delay: 0.7s;
  468. -ms-transition-delay: 0.7s;
  469. -moz-transition-delay: 0.7s;
  470. }
  471.  
  472. #permalink {
  473. margin-top:10px;
  474. padding:5px 10px 0px 10px;
  475. font-size:10px;
  476. font-family:courier;
  477. border-top:1px dashed {color:EntryBorder};
  478. }
  479.  
  480. #tagged {
  481. color:{color:TaggedText};
  482. }
  483.  
  484. #tagged a{
  485. letter-spacing:1px;
  486. color:{color:Tagged};
  487. }
  488.  
  489. #tagged a:hover {
  490. color:{color:Text};
  491. }
  492.  
  493. #postnotes {
  494. margin-top:5px;
  495. padding-top:5px;
  496. border-top:1px dashed {color:EntryBorder};
  497. }
  498.  
  499. #postnotes blockquote {
  500. width:200px;
  501. height:24px;
  502. overflow:hidden;
  503. }
  504.  
  505. #postnotes img {
  506. display:none;
  507. }
  508.  
  509. #dhtmltooltip {
  510. position: absolute;
  511. padding: 3px;
  512. padding-bottom:5px;
  513. text-align:center;
  514. font-family:courier;
  515. font-size: 10px;
  516. line-height:10px;
  517. text-transform: uppercase;
  518. border:1px solid {color:HoverLinkBorder};
  519. color:{color:HoverLinks};
  520. visibility: hidden;
  521. z-index: 10000;
  522. }
  523.  
  524. </style>
  525.  
  526. {block:IfEndlessScroll}
  527. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  528.  
  529. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  530. {/block:IfEndlessScroll}
  531.  
  532. </head>
  533. <body>
  534.  
  535. <div id="dhtmltooltip"></div>
  536. <script type="text/javascript">
  537.  
  538. /***********************************************
  539. * Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
  540. * This notice MUST stay intact for legal use
  541. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  542. ***********************************************/
  543.  
  544. var offsetxpoint=20 //Customize x offset of tooltip
  545. var offsetypoint=-20 //Customize y offset of tooltip
  546. var ie=document.all
  547. var ns6=document.getElementById && !document.all
  548. var enabletip=false
  549. if (ie||ns6)
  550. var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
  551.  
  552. function ietruebody(){
  553. return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
  554. }
  555.  
  556. function ddrivetip(thetext, thecolor, thewidth){
  557. if (ns6||ie){
  558. if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
  559. if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
  560. tipobj.innerHTML=thetext
  561. enabletip=true
  562. return false
  563. }
  564. }
  565.  
  566. function positiontip(e){
  567. if (enabletip){
  568. var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
  569. var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
  570. //Find out how close the mouse is to the corner of the window
  571. var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
  572. var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
  573.  
  574. var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
  575.  
  576. //if the horizontal distance isn't enough to accomodate the width of the context menu
  577. if (rightedge<tipobj.offsetWidth)
  578. //move the horizontal position of the menu to the left by it's width
  579. tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
  580. else if (curX<leftedge)
  581. tipobj.style.left="5px"
  582. else
  583. //position the horizontal position of the menu where the mouse is positioned
  584. tipobj.style.left=curX+offsetxpoint+"px"
  585.  
  586. //same concept with the vertical position
  587. if (bottomedge<tipobj.offsetHeight)
  588. tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
  589. else
  590. tipobj.style.top=curY+offsetypoint+"px"
  591. tipobj.style.visibility="visible"
  592. }
  593. }
  594.  
  595. function hideddrivetip(){
  596. if (ns6||ie){
  597. enabletip=false
  598. tipobj.style.visibility="hidden"
  599. tipobj.style.left="-1000px"
  600. tipobj.style.width=''
  601. }
  602. }
  603.  
  604. document.onmousemove=positiontip
  605.  
  606. </script>
  607.  
  608. <img src="{image:CornerImage}" style="position:fixed; z-index:-2; max-width:400px; right:0px; bottom:0px;">
  609.  
  610. <div id="side">
  611. <div id="sidebar">
  612. <div id="mlinks">
  613. <a href="/" onMouseover="ddrivetip('Home','{color:HoverLinkBackground}', 50)"; onMouseout="hideddrivetip()"></a>
  614. <a href="/ask" onMouseover="ddrivetip('Message','{color:HoverLinkBackground}', 50)"; onMouseout="hideddrivetip()"></a>
  615. <a href="/archive" onMouseover="ddrivetip('Memories','{color:HoverLinkBackground}', 50)"; onMouseout="hideddrivetip()"></a>
  616. <a href="http://bakao.co.vu" onMouseover="ddrivetip('Credit','{color:HoverLinkBackground}', 50)"; onMouseout="hideddrivetip()"></a>
  617. </div>
  618. <img src="{image:Sidebar}">
  619. <div id="vari">
  620. <a href="/"><img src="{PortraitURL-96}"></a>
  621. {block:IfMusic}{block:IndexPage}
  622. <div id="music"><div class="musinfo">
  623. <center><img src="http://media.tumblr.com/tumblr_m9c4n8dP6I1rto88t.gif"></center>
  624. {text:MusicCode}
  625. </div></div>
  626. {/block:IndexPage}{/block:IfMusic}
  627. <div id="info">
  628. <div id="title">
  629. {Title}
  630. {block:IfSubtitle}<br><center><small>{text:Subtitle}</small></center>{/block:IfSubtitle}
  631. </div>
  632. <div id="links">
  633. {block:IfLink1}<a href="{text:Link1}" onMouseover="ddrivetip('{text:Link1Title}','{color:HoverLinkBackground}', 50)"; onMouseout="hideddrivetip()">.01</a>{/block:IfLink1}
  634. {block:IfLink2}<a href="{text:Link2}" onMouseover="ddrivetip('{text:Link2Title}','{color:HoverLinkBackground}', 50)"; onMouseout="hideddrivetip()">.02</a>{/block:IfLink2}
  635. {block:IfLink3}<a href="{text:Link3}" onMouseover="ddrivetip('{text:Link3Title}','{color:HoverLinkBackground}', 50)"; onMouseout="hideddrivetip()">.03</a>{/block:IfLink3}
  636. {block:IfLink4}<a href="{text:Link4}" onMouseover="ddrivetip('{text:Link4Title}','{color:HoverLinkBackground}', 50)"; onMouseout="hideddrivetip()">.04</a>{/block:IfLink4}
  637. {block:IfLink5}<a href="{text:Link5}" onMouseover="ddrivetip('{text:Link5Title}','{color:HoverLinkBackground}', 50)"; onMouseout="hideddrivetip()">.05</a>{/block:IfLink5}
  638. </div>
  639. <div id="desc">{Description}
  640. {block:IfPages}{block:Pagination}
  641. <center> <div style="width:100px; margin-top:10px;">
  642. {block:PreviousPage}<a href="{PreviousPage}" style="float:left;"><<</a>{/block:PreviousPage}
  643. {block:NextPage}<a href="{NextPage}" style="float:right;">>></a>{/block:NextPage}
  644. </div></center>
  645. {/block:Pagination}{/block:IfPages}
  646. </div>
  647. </div>
  648. </div>
  649. </div>
  650. </div>
  651.  
  652. <div id="posts">
  653. {block:Posts}
  654. <div id="entries">
  655.  
  656.  
  657. {block:IndexPage}
  658. <div id="per">
  659. {block:Date}Posted <a href="{Permalink}">{Timeago}</a>{/block:Date}
  660. {block:IfShowTags}{block:HasTags}<div id="tag">
  661. {block:Tags}▹ <a href="{TagURL}">{Tag}</a><br>{/block:Tags}
  662. </div>{/block:HasTags}{/block:IfShowTags}
  663. </div>
  664. {/block:IndexPage}
  665.  
  666. {block:ContentSource}
  667. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  668. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">
  669. {/block:SourceLogo}
  670. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  671. {block:RebloggedFrom}{ReblogParentURL}{ReblogRootURL}{/block:RebloggedFrom}-->
  672. {/block:ContentSource}
  673.  
  674. {block:Text}
  675. {block:Title}<div id="enti"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  676. {Body}
  677. {/block:Text}
  678.  
  679. {block:Quote}
  680. <div id="quo">❝{Quote}❞</div>
  681. {block:Source}<div id="sou"><i>–{Source}</i></div>{/block:Source}
  682. {/block:Quote}
  683.  
  684. {block:Link}
  685. <div id="enti"><a href="{URL}" {Target}>{Name}</a></div>
  686.  
  687. {block:IfShowCaptions}{block:Description}{Description}{/block:Description}{/block:IfShowCaptions}
  688. {/block:Link}
  689.  
  690. {block:Chat}
  691. {block:Title}<div id="enti"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  692. {block:Lines}<div id="inf"><p>
  693. {block:Label}<b>{Label}</b>{block:Label}
  694. {Line}</p>
  695. </div>{/block:Lines}
  696. {/block:Chat}
  697.  
  698. {block:Answer}
  699. {Asker} inquired: {Question}<br>
  700. {Answer}
  701. {/block:Answer}
  702.  
  703. {block:Photo}
  704. <center><img src="{PhotoURL-500}"></center>
  705.  
  706. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  707. {/block:Photo}
  708.  
  709. {block:Photoset}
  710. {block:If500px}{Photoset-500}{/block:If500px}
  711. {block:If400px}{Photoset-400}{/block:If400px}
  712. {block:If250px}{Photoset-250}{/block:If250px}
  713.  
  714. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  715. {/block:Photoset}
  716.  
  717. {block:Video}
  718. {block:If500px}{Video-500}{/block:If500px}
  719. {block:If400px}{Video-400}{/block:If400px}
  720. {block:If250px}{Video-250}{/block:If250px}
  721.  
  722. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  723. {/block:Video}
  724.  
  725. {block:Audio}
  726. <table cellpadding="0" cellspacing="0">
  727. <tr><td height="120px;" width="102px;">
  728. <img src="http://static.tumblr.com/73852226cb83449cae5e62cc1830461e/hxaftoq/F3Impauli/tumblr_static_screen_shot_2013-07-02_at_2.07.36.png" width="100">
  729. {block:AlbumArt}<div class="pic1"><img src="{AlbumArtURL}" style="width:100px;"></div>{/block:AlbumArt}
  730. <div style="overflow:hidden; width:20px; height:20px; background-color:#FFF; margin-top:-66px; margin-bottom:30px; margin-left:33px; opacity:.7;border:5px solid #555;"><div style="margin-top:-5px; margin-left:-3px;">{AudioPlayerWhite}</div></div>
  731. </td>
  732. <td style="padding-left:10px;" width="{block:If500px}400px{/block:If500px}{block:If400px}300px{/block:If400px}{block:If250px}150px{/block:If250px}">
  733. <div id="inf">{block:TrackName}
  734. <p><b>Title:</b> {TrackName}</p>
  735. {/block:TrackName}
  736. {block:Artist}
  737. <p><b>Artist:</b> {Artist}</p>
  738. {/block:Artist}</div>
  739. </td></tr></table>
  740.  
  741. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  742. {/block:Audio}
  743.  
  744. {block:PermalinkPage}
  745. <div id="permalink">
  746. <center>
  747. {block:HasTags}<div id="tagged">Tagged: {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  748. {block:Date}Posted On: {Month} {DayOfMonth}, {Year} at {24Hour}:{Minutes}{AmPM}{/block:Date}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}</center>
  749. {block:RebloggedFrom}<center><table style="text-align:center;"><tr><td style="width:{block:if500px}150{/block:if500px}{block:if400px}175{/block:if400px}{block:if250px}100{/block:if250px}px;">Via: <a href="{ReblogParentURL}">{ReblogParentName}</a></td><td style="width:{block:if500px}150{/block:if500px}{block:if400px}150{/block:if400px}{block:if250px}100{/block:if250px}px;">Origin: <a href="{ReblogRootURL}">{ReblogRootName}</a></td></tr></table></center>{/block:RebloggedFrom}
  750. {block:PostNotes}<div id="postnotes">{PostNotes}</div>{/block:Postnotes}
  751. </div>
  752. {/block:PermalinkPage}
  753.  
  754. </div>
  755. {/block:Posts}
  756. </div>
  757. </body>
  758. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!