API tools faq
paste
Advertisement
melaniesfantasie

Untitled

melaniesfantasie
Aug 8th, 2013
63
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.94 KB | None | 0 0
raw download clone embed print report
  1. <--!
  2. ORIGINAL CODE BY NAEIVE (please leave credit for alina!)
  3.  
  4. Revamped by yours truly (tumblr user terribled)
  5.  
  6. Installed with tooltips and raining hearts.
  7.  
  8. -->
  9.  
  10.  
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  12. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  13.  
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15. <head>
  16.  
  17. <meta name="color:link" content="#7faac9"/>
  18. <meta name="color:hover" content="#a3bdcf"/>
  19. <meta name="color:blockquote" content="#fafafa"/>
  20. <meta name="color:border" content="#efefef"/>
  21. <meta name="color:background" content="#fafafa"/>
  22. <meta name="color:post background" content="#ffffff"/>
  23. <meta name="image:background" content="0"/>
  24. <meta name="image:sidebar" content="0"/>
  25. <meta name="if:faded images" content="1"/>
  26. <meta name="if:shadow" content="0"/>
  27. <meta name="if:show sidebar image" content="0">
  28. <meta name="if:rounded corners" content="1"/>
  29. <meta name="if:white tumblr controls" content="1"/>
  30. <meta name="if:show title" content="1"/>
  31. <meta name="if:show description" content="1"/>
  32. <meta name="if:custom font" content="1">
  33. <meta name="if:custom cursor" content="1">
  34. <meta name="if:cross cursor" content="0">
  35. <meta name="text:Link One Title" content="" />
  36. <meta name="text:Link One" content="" />
  37. <meta name="text:Link Two Title" content="" />
  38. <meta name="text:Link Two" content="" />
  39. <meta name="text:Link Three Title" content="" />
  40. <meta name="text:Link Three" content="" />
  41. <meta name="text:Link Four Title" content="" />
  42. <meta name="text:Link Four" content="" />
  43. <meta name="text:Link Five Title" content="" />
  44. <meta name="text:Link Five" content="" />
  45.  
  46. <title>{Title} {block:PostTitle} : {PostTitle}{/block:PostTitle}</title>
  47. <link rel="shortcut icon" href="{Favicon}">
  48. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  49. <!--[if IE]>
  50. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  51. <![endif]-->
  52.  
  53. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/fxpo5zq/XZum5p9k0/standard.css">
  54.  
  55.  
  56.  
  57. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  58. <script>
  59. (function($){
  60. $(document).ready(function(){
  61. $("[title]").style_my_tooltips({
  62. tip_follows_cursor:true,
  63. tip_delay_time:200,
  64. tip_fade_speed:300
  65. }
  66. );
  67. });
  68. })(jQuery);
  69. </script>
  70.  
  71. <style type="text/css">
  72.  
  73. #s-m-t-tooltip{
  74. max-width:300px;
  75. margin:15px;
  76. padding:2px 8px;
  77. border:1px solid #DDD;
  78. border-radius:4px;
  79. background:#FFF;
  80. color:#AAA;
  81. z-index:999999;
  82. font-size:8px;
  83. font-style:italic;
  84. text-transform:lowercase;
  85. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  86.  
  87. @font-face {
  88. font-family:titulo;
  89. src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf');
  90. }
  91.  
  92. body {
  93. color: #777;
  94. background:{color:background}
  95. url({image:background});
  96. background-repeat: repeat;
  97. background-attachment: fixed;
  98. {block:ifcustomfont}
  99. font-family: consolas;
  100. line-height:110%;
  101. font-size: 10px;
  102. {/block:ifcustomfont}
  103.  
  104. {block:ifnotcustomfont}
  105. font-family: helvetica;
  106. font-size: 9px;
  107. line-height:120%;
  108. {/block:ifnotcustomfont}
  109.  
  110. {block:ifcrosscursor}
  111. cursor: crosshair;
  112. {/block:ifcrosscursor}
  113. }
  114.  
  115. {block:ifcustomcursor}
  116.  
  117. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress;}
  118.  
  119. {/block:ifcustomcursor}
  120.  
  121.  
  122. ::-webkit-scrollbar-thumb{
  123. background-color: {color:link};
  124. border: 2px solid {color:background};
  125. height:auto;
  126. -moz-border-radius: 10px;
  127. border-radius: 10px;
  128. }
  129.  
  130. ::-webkit-scrollbar {
  131. height:auto;
  132. width:9px;
  133. background-color: #999999;
  134. border: 4px solid {color:background};
  135. }
  136.  
  137.  
  138.  
  139. #infscr-loading {
  140. position: absolute;
  141. bottom: 0;
  142. left: 25%;
  143. }
  144. a:link, a:active, a:visited{
  145.  
  146. color:{color:Link};
  147. text-decoration: none;
  148.  
  149. }
  150. a:hover {
  151. color:{color:Hover};
  152.  
  153. text-decoration: none;
  154. {block:ifcrosscursor}
  155. cursor: crosshair;
  156. {/block:ifcrosscursor}
  157. {block:ifcustomcursor}
  158. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur);
  159. {/block:ifcustomcursor}
  160. }
  161.  
  162.  
  163. #content {
  164. {block:ifcrosscursor}
  165. cursor: crosshair;
  166. {/block:ifcrosscursor}
  167. {block:ifcustomcursor}
  168. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur);
  169. {/block:ifcustomcursor}
  170. {block:indexpage}
  171. padding:7px;
  172. width:300px;
  173. margin-left:600px;
  174. {/block:indexpage}
  175.  
  176. {block:permalinkpage}
  177. background:{color:post background};
  178. width: 500px;
  179. margin-left:345px;
  180. {/block:permalinkpage}
  181. background:{color:content background};
  182. }
  183.  
  184.  
  185.  
  186. {block:ifwhitetumblrcontrols}
  187.  
  188. iframe#tumblr_controls {
  189. position:fixed !important;-webkit-filter: invert(100%) ;
  190. -moz-transition: all 0.8s ease-out;
  191. -webkit-transition: opacity 0.7s linear;
  192. -webkit-transition: all 0.8s ease-out;
  193. transition: all 0.8s ease-out;
  194. opacity: 0.5;}
  195.  
  196. {/block:ifwhitetumblrcontrols}
  197.  
  198.  
  199. iframe#tumblr_controls {
  200. top:2px !important;
  201. right:3px !important;
  202. position: fixed !important;
  203. -webkit-transition: opacity 0.7s linear;
  204. opacity: 0.5;
  205. -webkit-transition: all 0.8s ease-out;
  206. -moz-transition: all 0.8s ease-out;
  207. transition: all 0.8s ease-out;
  208. }
  209.  
  210. iframe#tumblr_controls:hover {
  211. -webkit-transition: opacity 0.7s linear;
  212. opacity: 1;
  213. -webkit-transition: all 0.4s ease-out;
  214. -moz-transition: all 0.4s ease-out;
  215. transition: all 0.4s ease-out;
  216. }
  217.  
  218. ::selection {
  219. background:#f1f1f1;
  220. color: #777;
  221. }
  222.  
  223. ::-moz-selection {
  224. background:#f1f1f1;
  225. color: #777;
  226. }
  227.  
  228.  
  229. #note3 {
  230. width: 500px;
  231. text-align:left;
  232. }
  233.  
  234. #information {
  235. padding: 5px;
  236. line-height:115%;
  237. }
  238.  
  239. #sidebar {
  240. background:transparent;
  241. display: block;
  242. text-align:right;
  243. margin-top:175px;
  244. height:auto;
  245. width:175px;
  246. margin-left:900px;
  247. position:fixed;
  248. padding: 5px;
  249. }
  250.  
  251. #sidebar img {
  252. {block:iffadedimages}
  253. opacity:0.8;
  254. filter:alpha(opacity=80);
  255. -webkit-transition: all ease-in 250ms;
  256. -moz-transition: all ease-in 250ms;
  257. -o-transition: all ease-in 250ms;
  258. -ms-transition: all ease-in 250ms;
  259. transition: all ease-in 250ms;
  260. {/block:iffadedimages}
  261. padding-top:1px;
  262. }
  263.  
  264. #sidebar:hover img {
  265. {block:iffadedimages}
  266. opacity:0.9;
  267. filter:alpha(opacity=90);
  268. -webkit-transition: all ease-in 250ms;
  269. -moz-transition: all ease-in 250ms;
  270. -o-transition: all ease-in 250ms;
  271. -ms-transition: all ease-in 250ms;
  272. transition: all ease-in 250ms;
  273. {/block:iffadedimages}
  274. -webkit-transition: all ease-in 250ms;
  275. -moz-transition: all ease-in 250ms;
  276. -o-transition: all ease-in 250ms;
  277. -ms-transition: all ease-in 250ms;
  278. transition: all ease-in 250ms;
  279. }
  280.  
  281. .titulo {
  282. padding:5px 5px 0px 10px;
  283. font-size:10px;
  284. line-height:100%;
  285. font-family: trebuchet ms;
  286. text-transform:uppercase;
  287. text-align:left;
  288. letter-spacing:2px;
  289. margin-bottom:-5px;
  290. }
  291.  
  292.  
  293. .titulo a{
  294. color:#777;
  295. }
  296.  
  297.  
  298. .links {
  299. font-family:consolas;
  300. font-size:8px;
  301. text-transform:uppercase;
  302. line-height: 115%;
  303. letter-spacing:2px;
  304. text-align:left;
  305. }
  306.  
  307. .des{
  308. padding: 3px;
  309. text-transform:lowercase;
  310. font-size:10px;
  311. width:220px;
  312. margin-left:-3px;
  313. letter-spacing:1px;
  314. text-align:left;
  315. }
  316. }
  317.  
  318.  
  319. ol.notes img {
  320. width: 16px;
  321. display: inline;
  322. position: relative;
  323. top: 3px;
  324. }
  325.  
  326. .entry {
  327. {block:ifroundedcorners}-moz-border-radius: 5px;
  328. border-radius: 5px;
  329. {/block:ifroundedcorners}
  330. border: 1px solid {color:border};
  331. float: left;
  332. {block:indexpage}
  333. width: 225px;
  334. margin: 20px;
  335. {/block:indexpage}
  336.  
  337. {block:permalinkpage}
  338. width: 500px;
  339. padding:10px;
  340. margin-top:20px;
  341. {/block:permalinkpage}
  342. padding:6px;
  343. display: block;
  344. background:{color:post background};
  345. {block:ifshadow}
  346. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  347. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  348. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  349. {/block:ifshadow}
  350. position: relative;
  351. }
  352.  
  353. .entry img {
  354. display: block;
  355. max-width: 100%;
  356. {block:iffadedimages}
  357.  
  358. opacity: .7;
  359. filter:alpha(opacity=10);
  360. -moz-opacity: 0.1;
  361. -moz-transition: all .9s ease;
  362. -o-transition: all .9s ease;
  363. transition: all .9s ease;
  364. -webkit-transition: all .9s ease;
  365.  
  366. {/block:iffadedimages}
  367. {block:ifroundedcorners}-moz-border-radius: 5px;
  368. border-radius: 5px;
  369. {/block:ifroundedcorners}
  370. {block:permalinkpage}
  371. width: 500px;
  372. {/block:permalinkpage}
  373. }
  374. .entry:hover img {
  375. {block:iffadedimages}
  376.  
  377. opacity: .9;
  378. filter:alpha(opacity=10);
  379. -moz-opacity: 0.1;
  380. -moz-transition: all .9s ease;
  381. -o-transition: all .9s ease;
  382. transition: all .9s ease;
  383. -webkit-transition: all .9s ease;
  384.  
  385. {/block:iffadedimages}
  386. -webkit-transition: all ease-in 250ms;
  387. -moz-transition: all ease-in 250ms;
  388. -o-transition: all ease-in 250ms;
  389. -ms-transition: all ease-in 250ms;
  390. transition: all ease-in 250ms;
  391. }
  392.  
  393. #pagination{
  394. display:none;
  395. }
  396.  
  397.  
  398. .perms {
  399. color:#777;
  400. font-size:8px;
  401. opacity: 0;
  402. -webkit-transition-duration: .75s;top:0px;
  403. width:225px;
  404. height:10px;
  405. padding-bottom:4px;
  406. background-color: #fff;
  407. position: absolute;
  408. margin-top:6px;
  409. text-align:center;
  410. text-transform:uppercase;
  411. font-family:consolas;
  412. letter-spacing:1px;
  413. display:block;
  414. border-bottom: 1px solid {color:border};
  415. }
  416.  
  417.  
  418. .entry:hover .perms {
  419. opacity:0.95;
  420. z-index:999999;
  421. padding-top:4px;}
  422.  
  423.  
  424. blockquote, q {
  425. padding-left:5px;padding-top:7px;
  426. padding-right:5px;padding-bottom:7px;
  427. margin-left:5px; margin-right:5px;
  428. border-left: 2px solid #ccc;
  429. border-right: 2px solid #ccc;
  430. background-color:{color:blockquote};
  431. text-align:left;
  432. font-size: 8px;
  433. text-transform: uppercase;
  434. margin-left:-5px;
  435. width:99%;
  436. height: auto;
  437. {block:ifroundedcorners}-moz-border-radius: 5px;
  438. border-radius: 5px;
  439. {/block:ifroundedcorners}
  440. border: 1px solid {color:border};
  441. }
  442.  
  443. .quote {
  444. font-family: arial;
  445. font-size: 20px;
  446. color: {color:link};
  447. float: left;
  448. margin-right: 5px;
  449. }
  450.  
  451. li.drawer a {
  452. margin: 0px 5px;}
  453.  
  454. .label {
  455. text-transform:uppercase;
  456. color:{color:Link}
  457. }
  458.  
  459. .question {
  460. text-align:left;
  461. padding-left:5px;padding-top:7px;
  462. padding-right:5px;padding-bottom:7px;
  463. border-left: 2px solid {color:Link};
  464. border-right: 2px solid {color:Link};
  465. background-color:{color:blockquote};
  466. }
  467.  
  468. .answer {
  469. text-align:left;
  470. padding-left:5px;padding-top:7px;
  471. padding-right:5px;padding-bottom:7px;
  472. }
  473.  
  474. .text {
  475. padding: 10px;
  476. }
  477.  
  478. #pp {
  479. text-align: center;
  480. width: 100%;
  481. padding-top: 2px;
  482. }
  483.  
  484.  
  485.  
  486. .permahover {
  487. text-align: center;
  488. line-height:9px;
  489. opacity: 0.0;
  490. filter: alpha(opacity = 0);
  491. font-size: 9px;
  492. text-transform: uppercase;
  493. -webkit-transition-duration: .75s;
  494. }
  495.  
  496. .entry:hover .permahover {
  497. text-align: center;
  498. opacity: 1;
  499. filter: alpha(opacity = 50);
  500.  
  501.  
  502. }
  503.  
  504.  
  505. .b {display : block; font-size: 8px;text-align: left;line-height: 15px; text-indent : 0px; vertical-align : middle; padding : 2px;
  506. padding-bottom : 0px;}
  507.  
  508. #newHeader {
  509. padding-bottom: 2px;
  510. text-align: center;
  511.  
  512. }
  513.  
  514. div.panel {
  515. width: 260px;
  516. padding: 15px 20px;
  517. color: #333;
  518. text-align: center;
  519. line-height: 22px;
  520. display: none;
  521.  
  522. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 );
  523. }
  524. div.panel p {
  525. margin: 10px 0;
  526. }
  527. div.panel p a, div.textPost p a, div.audioPost p a {
  528. color: #333;
  529. text-decoration: none;
  530. border-bottom: 1px dotted;
  531. font-style: italic;
  532. font-weight: bold;
  533. }
  534. .video embed, .video object, .video iframe {
  535. {block:IndexPage}
  536. width:250px /**/ !important;
  537. {/block:IndexPage}
  538. height:auto !important;
  539. }
  540.  
  541. #album
  542. {
  543. {block:ifroundedcorners}-moz-border-radius: 5px;
  544. border-radius: 5px;
  545. {/block:ifroundedcorners}
  546. border: 1px solid {color:border};
  547. margin:10px;
  548. float:left;
  549.  
  550. {block:IndexPage}
  551. width:80px;
  552. height:80px;
  553. {/block:IndexPage}
  554.  
  555. {block:PermalinkPage}
  556. width:360px;
  557. height:360px;
  558. {/block:PermalinkPage}
  559. }
  560.  
  561.  
  562. #infos {
  563. font-size: 8px;
  564. text-transform: uppercase;
  565. float:left;
  566. margin-top:10px;
  567. padding:5px;
  568.  
  569. {block:IndexPage}
  570. border-left: 1px solid {color:border};
  571. background-color: transparent;
  572. width:83px;
  573. height: 70px;
  574. {/block:IndexPage}
  575.  
  576. {block:PermalinkPage}
  577. border-left: 1px solid {color:border};
  578. background-color: transparent;
  579. width:95px;
  580. height: 350px;
  581. margin-bottom:20px;
  582. {/block:PermalinkPage}
  583. }
  584.  
  585. #player{
  586. float:left;
  587. width:29px;
  588. padding-left:2px;
  589. padding-top:5px;
  590. padding-bottom:10px;
  591. height:15px;
  592. background-color:#fff;
  593. overflow-x:hidden;
  594. overflow-y:hidden;
  595. opacity: .9;
  596. filter:alpha(opacity=10);
  597. -moz-opacity: 0.1;
  598. -moz-transition: all .9s ease;
  599. -o-transition: all .9s ease;
  600. transition: all .9s ease;
  601. -webkit-transition: all .9s ease;
  602.  
  603. {block:IndexPage}
  604. margin-top:35px;
  605. margin-left:-65px;
  606. {/block:IndexPage}
  607.  
  608. {block:PermalinkPage}
  609. margin-top:175px;
  610. margin-left:-205px;
  611. {/block:PermalinkPage}
  612.  
  613. }
  614.  
  615. </style>
  616.  
  617. <script type="text/javascript" src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=bf2c143eccf2f7091540c9d97e5b2ccf"></script><meta http-equiv="x-dns-prefetch-control" content="off"/></head>
  618. <body>
  619.  
  620.  
  621. <div id="sidebar">
  622. <img src="http://oi41.tinypic.com/2pqoyog.jpg" style="opacity: 0.6; margin-bottom: -25px; margin-right:9px;">
  623.  
  624. <div id="information">
  625. <div class="titulo"><a href="/"></a></div>
  626. <div class="des">
  627.  
  628.  
  629. <div style="padding-top:2px; padding-bottom:2px;">bonjour im bean and i make themes not out of originality</div>
  630.  
  631. <select onchange='location=this.options[this.selectedIndex].value;' style='
  632.  
  633. font-family: consolas;
  634. line-height:90%;
  635. font-size: 8px;
  636. text-transform:uppercase;
  637. width:145px;
  638. letter-spacing:1px;
  639. background-color:#fafafa;
  640. border:#efefef 1px solid;
  641. height:18px;
  642. margin-top:3px;
  643. margin-bottom:3px;
  644. padding:1px;
  645. color:#777;
  646. -moz-border-radius:3px;
  647. -webkit-border-radius:3px;
  648. border-radius:3px;
  649. '>
  650. <option>themes</option>
  651.  
  652. <option value="/">home</option>
  653. <option value="http://terribled.tumblr.com/ask">message</option>
  654. <option value="http://flaewless.tumblr.com/sidebars">sidebar</option>
  655.  
  656. <script type="text/javascript">
  657. $(window).load(function(){
  658. $("p").remove(":contains('Source:')");
  659. $("p").remove(":contains('via ')");
  660. });
  661. </script>
  662.  
  663.  
  664. <script type="text/javascript">
  665. $(document).ready(function(){
  666. $(".hide").hide();
  667. $(".show").click(function(){
  668. $(this).next(".hide").slideToggle('fast');
  669. }); });
  670. </script>
  671.  
  672.  
  673. </head>
  674. <body>
  675.  
  676. <div id="sidebar">
  677. <div id="information">
  678. {block:ifshowtitle}<div class="titulo"><a href="/">{title}</a></div>{/block:ifshowtitle}
  679. <div class="des">
  680. {block:ifshowsidebarimage}<center><a title="/" href="/"><img src="{image:sidebar}" width="150px" style="margin-left:-5px; {block:ifroundedcorners}-moz-border-radius: 5px;
  681. border-radius: 5px;
  682. {/block:ifroundedcorners} ""></a></center>{/block:ifshowsidebarimage}
  683. {block:ifshowdescription}
  684. <div style="padding-top:2px; padding-bottom:2px;">{description}</div>{/block:ifshowdescription}
  685.  
  686. <select onchange='location=this.options[this.selectedIndex].value;' style='
  687. font-family: consolas;
  688. line-height:90%;
  689. font-size: 8px;
  690. text-transform:uppercase;
  691. width:145px;
  692. letter-spacing:1px;
  693. background-color:#fafafa;
  694. border:{color:border} 1px solid;
  695. height:18px;
  696. margin-top:3px;
  697. margin-bottom:3px;
  698. padding:1px;
  699. color:#777;
  700. -moz-border-radius:3px;
  701. -webkit-border-radius:3px;
  702. border-radius:3px;
  703. '>
  704. <option>navigation</option>
  705.  
  706. <option value="/">home</option>
  707. <option value="/ask">message</option>
  708. <option value="/archive">history</option>
  709. {block:IfLinkOneTitle}<option value="{text:Link One}"> {text:Link One Title} </option>{/block:ifLinkOneTitle}
  710. {block:ifLinkTwoTitle}<option value="{text:Link Two}"> {text:Link Two Title} </option>{/block:ifLinkTwoTitle}
  711. {block:ifLinkThreeTitle}<option value="{text:Link Three}"> {text:Link Three Title} </option>{/block:ifLinkThreeTitle}
  712. {block:ifLinkFourTitle}<option value="{text:Link Four}">{text:Link Four Title} </option>{/block:ifLinkFourTitle}
  713. {block:ifLinkFiveTitle}<option value="{text:Link Five}"> {text:Link Five Title} </option>{/block:ifLinkFiveTitle}
  714. <option value="http://naeive.tumblr.com/">theme</option>
  715.  
  716. </select>
  717. </div>
  718.  
  719.  
  720.  
  721.  
  722. </div>
  723.  
  724. </div></div>
  725.  
  726.  
  727. <div id="content">
  728. {block:Posts}
  729. <div class="entry">
  730.  
  731. {block:Text}
  732. <div class="text">
  733. <div style="text-transform:uppercase">{block:Title}
  734. <a href="{Permalink}">{Title}</a>
  735. {/block:Title}</div>
  736. {Body}
  737. {block:indexpage}
  738. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  739. {/block:indexpage}
  740.  
  741. </div>
  742. {/block:Text}
  743.  
  744. {block:Photo}
  745.  
  746.  
  747. {block:indexpage}
  748. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>{LinkCloseTag}
  749. {/block:indexpage}
  750. {block:IndexPage}<div class="perms">
  751. {DayofWeek} / <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  752. </div> {/block:IndexPage}
  753. {block:permalinkpage}
  754. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PermalinkPage} width=500px"/>{LinkCloseTag}
  755. {/block:permalinkpage}
  756.  
  757. {/block:Photo}
  758.  
  759. {block:Photoset}
  760.  
  761.  
  762. {block:Photos}<a href="{permalink}"><img src="{PhotoURL-500}" width="225" style="padding-bottom:5px;"/></a>
  763. {/block:Photos}
  764.  
  765. {block:IndexPage}<div class="perms">
  766. {DayofWeek} / <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  767. </div> {/block:IndexPage}
  768.  
  769. {/block:Photoset}
  770.  
  771.  
  772. {block:Quote}
  773. <div class="text">
  774. <div class="quote">&#10077;</div>
  775. <span style="text-transform:uppercase;letter-spacing:1px;"> {Quote} </span>
  776. {block:Source}
  777. <div class="source"><div style="text-align:right; color:{color:link}">{Source}</div></div>
  778. {/block:Source}
  779. {block:indexpage}
  780. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  781. {/block:indexpage}
  782. </div>{/block:Quote}
  783.  
  784. {block:Link}
  785. <div class="text">
  786. <span style="text-transform:uppercase;"><a href="{URL}" class="link" {Target}>{Name}</a></span>
  787. {block:Description}
  788. <div class="description">{Description}</div>
  789. {/block:Description}
  790. {block:indexpage}
  791. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  792. {/block:indexpage}
  793. </div>{/block:Link}
  794.  
  795. {block:Chat}
  796. <div class="text">
  797. {block:Title}
  798. <a href="{Permalink}">{Title}</a>
  799. {/block:Title}
  800. <ul class="chat">
  801. {block:Lines}
  802. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  803.  
  804. {Line} </li>
  805. {/block:Lines}
  806. </ul>
  807. {block:indexpage}
  808. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  809. {/block:indexpage}
  810. </div>{/block:Chat}
  811.  
  812. {block:Video}
  813.  
  814. {block:IndexPage}<div style="width:225px; overflow-y:hidden; overflow-x:hidden;">{Video-250} </div>{/block:IndexPage}
  815.  
  816. {block:IndexPage}<div class="perms">
  817. {DayofWeek} / <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  818. </div> {/block:IndexPage}
  819.  
  820. {block:permalinkpage}
  821. {Video-500}
  822. {/block:permalinkpage}
  823.  
  824.  
  825. {/block:Video}
  826.  
  827.  
  828. {block:Audio}
  829. <div id="album">{block:AlbumArt}<img width="80px" src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
  830. <div id="player"><div style="margin-top:-3px;">{AudioPlayerWhite}</div></div>
  831. <div id="infos">
  832. <span style="letter-spacing:1px; color:{color:link};">{block:TrackName}{TrackName}{/block:TrackName}</span><br>
  833. {block:Artist}
  834. {Artist}
  835. {/block:Artist}
  836. <br>
  837. {block:Album}
  838. {Album}
  839. {/block:Album}<br>
  840. {PlayCountWithLabel}
  841.  
  842. </div>
  843.  
  844. {block:IndexPage}<div class="perms">
  845. {DayofWeek} / <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  846. </div> {/block:IndexPage}
  847. {/block:Audio}
  848.  
  849. {block:Answer}<div class="text">
  850. <div class="question">
  851. <span style="text-transform:uppercase; color:{color:Link}">{Asker}:</span> {Question}</div><div class="answer">{Answer}</div>
  852. {block:indexpage}
  853. <div class="permahover"><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> </p></div>
  854. {/block:indexpage}
  855. </div>{/block:Answer}
  856.  
  857.  
  858. {block:PermalinkPage}
  859. <div id="note3"><div style="text-align:right; text-transform:uppercase;">
  860. {block:NoteCount}<br>{block:Date}Posted {TimeAgo}{/block:Date} with {NoteCountwithLabel}
  861. {block:HasTags}/ tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}{/block:NoteCount}</div>
  862.  
  863. {block:PostNotes}
  864. {PostNotes}
  865. {/block:PostNotes}
  866. </div>
  867. {/block:PermalinkPage}
  868. </div>
  869. {/block:Posts}
  870. </div>
  871. </div>
  872. {block:Pagination}
  873. <ul id="pagination">
  874. {block:PreviousPage}
  875. <li><a href="{PreviousPage}"></a></li>
  876. {/block:PreviousPage}
  877. {block:JumpPagination length="5"}
  878. {block:CurrentPage}
  879. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  880. {/block:CurrentPage}
  881. {block:JumpPage}
  882. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  883. {/block:JumpPage}
  884. {/block:JumpPagination}
  885. {block:NextPage}
  886. <li><a id="nextPage" href="{NextPage}"></a></li>
  887. {/block:NextPage}
  888. </ul>
  889. {/block:Pagination}
  890.  
  891. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  892. <script src="http://static.tumblr.com/fxpo5zq/HCHm5q8gs/infinitescroll.js"></script>
  893. {block:IndexPage}
  894. <script type="text/javascript">
  895. $(window).load(function () {
  896. $('#content').masonry(),
  897. $('.masonryWrap').infinitescroll({
  898. navSelector : '#pagination',
  899. nextSelector : '#pagination a#nextPage',
  900. itemSelector : ".entry",
  901. bufferPx : 100,
  902. loadingText : "<em></em>",
  903. },
  904. function() { $('#content').masonry({ appendedContent: $(this) }); }
  905. );
  906. });
  907. </script>
  908. {/block:IndexPage}
  909.  
  910. <script type="text/javascript">
  911.  
  912. $('.show').click(function(e){
  913. e.preventDefault();
  914. $('.panel').stop(true,true);
  915. var target = $(this).attr('href');
  916. if($('.panel').is(':visible')){
  917. if($(target).is(':visible')){
  918. $(target).slideUp();
  919. return false;
  920. }else{
  921. $('.panel:visible').slideUp(400, function(){
  922. $(target).slideDown();
  923. });
  924. }
  925. }else {
  926. $(target).slideDown();
  927. }
  928. });
  929.  
  930. </script>
  931. <script type="text/javascript" src="http://static.tumblr.com/fxpo5zq/OTlme21c1/like_script.js"></script>
  932. <script type="text/javascript" src="http://static.tumblr.com/fxpo5zq/hPeme202n/like.js"></script>
  933. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  934. </body>
  935.  
  936. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/c9Sle1h85/jquery.collapser.js"></script>
  937. <script type="text/javascript">
  938. $(document).ready(function(){
  939. $('#button').collapser({
  940. target: '#hidden',
  941. effect: 'slide',
  942. changeText: 0
  943. });
  944. });
  945. </script>
  946.  
  947. <div style="position:fixed; bottom:10px; right:5px; opacity:.6">
  948. <a href="http://naeive.tumblr.com"><img src="http://static.tumblr.com/mzoniyw/mxclpl0i4/e31d192b1a76dcc3887129e7ff8445ef.gif" width="20px"></a>
  949. </div>
  950.  
  951. </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!