API tools faq
paste
Advertisement
faluvtha

[#22] — Helix

faluvtha
Aug 24th, 2012
13,074
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.20 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.  
  3. <!-- Themes by Faluvtha@tumblr.com
  4.  
  5. -------[ Helix Themes ]-------
  6.  
  7. ———————————————--- RULES! ---—————————————————————
  8.  
  9. - Do not remove credit!
  10. - Do not use this code as your base.
  11. - Do not claim as your own.
  12. - If you have a special customization about the codes, I won't help you unless you know what you have to do.
  13. - You can edit it likely and whatever you want but leave the credit alone.
  14. - If you have any problems regarding customization , code or anything else. Feel free to put a lovely message at Fukuo@tumblr
  15.  
  16. ———————————————--- THANK YOU! ---——————————————————
  17.  
  18. -->
  19.  
  20. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  21. <head>
  22. <style>
  23. .shakeimage{
  24. position:relative
  25. }
  26. </style>
  27. <script language="JavaScript1.2">
  28.  
  29. /*
  30. Shake image script (onMouseover)-
  31. © Dynamic Drive (www.dynamicdrive.com)
  32. For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
  33. */
  34.  
  35. //configure shake degree (where larger # equals greater shake)
  36. var rector=3
  37.  
  38. ///////DONE EDITTING///////////
  39. var stopit=0
  40. var a=1
  41.  
  42. function init(which){
  43. stopit=0
  44. shake=which
  45. shake.style.left=0
  46. shake.style.top=0
  47. }
  48.  
  49. function rattleimage(){
  50. if ((!document.all&&!document.getElementById)||stopit==1)
  51. return
  52. if (a==1){
  53. shake.style.top=parseInt(shake.style.top)+rector+"px"
  54. }
  55. else if (a==2){
  56. shake.style.left=parseInt(shake.style.left)+rector+"px"
  57. }
  58. else if (a==3){
  59. shake.style.top=parseInt(shake.style.top)-rector+"px"
  60. }
  61. else{
  62. shake.style.left=parseInt(shake.style.left)-rector+"px"
  63. }
  64. if (a<4)
  65. a++
  66. else
  67. a=1
  68. setTimeout("rattleimage()",50)
  69. }
  70.  
  71. function stoprattle(which){
  72. stopit=1
  73. which.style.left=0
  74. which.style.top=0
  75. }
  76. </script>
  77.  
  78.  
  79.  
  80.  
  81. <title>{Title}</title>
  82. <link rel="shortcut icon" href="{Favicon}">
  83. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  84. {block:Description}
  85. <meta name="description" content="{MetaDescription}" />
  86. {/block:Description}
  87. <meta name="if:Grayscale Effect on Hover" content="0"/>
  88. <meta name="if:Music Player" content="1"/>
  89. <meta name="if:Bigger Post" content="1"/>
  90. <meta name="if:Lazy Load Post" content="1"/>
  91. <meta name="if:Shake Image" content="1"/>
  92. <meta name="if:Show Caption" content="0"/>
  93. <meta name="if:Infinite Scrolling" content="0"/>
  94. <meta name="image:Background" content="http://25.media.tumblr.com/tumblr_ls0w5txuft1r3vazto11_r1_250.png"/>
  95. <meta name="color:Background" content="#111111" />
  96. <meta name="color:Post" content="#111111" />
  97. <meta name="color:Content Top Background" content="#111111" />
  98. <meta name="color:Body" content="#777777" />
  99. <meta name="color:description text" content="#777777" />
  100. <meta name="color:Blockquote" content="#222222" />
  101. <meta name="color:Border Blockquote" content="#00f2ff" />
  102. <meta name="color:Title" content="#ffffff"/>
  103. <meta name="color:Title background" content="#222222"/>
  104. <meta name="color:Title Post" content="#222222"/>
  105. <meta name="color:Title background Post" content="#111111"/>
  106. <meta name="color:Ask background" content="#222222"/>
  107. <meta name="color:Links" content="#b9b8b8" />
  108. <meta name="color:Links Hover" content="#AAAAAA" />
  109. <meta name="color:Bold text" content="#555555" />
  110. <meta name="color:Italic text" content="#555555" />
  111. <meta name="color:Menu text background" content="#b9b8b8" />
  112. <meta name="color:Menu text background hover" content="#ffffff" />
  113. <meta name="color:Menu background" content="#111111" />
  114. <meta name="color:Menu background hover" content="#333333" />
  115. <meta name="color:Permalink Background Before Hover" content="#fff" />
  116. <meta name="color:Permalink Background Before Hover" content="#111111" />
  117. <meta name="color:Permalink Custom Border" content="#00f2ff" />
  118. <meta name="color:Permalink Border" content="#00f2ff" />
  119. <meta name="color:Scrollbar" content="#00f2ff" />
  120. <meta name="color:Scrollbar Background" content="#000000" />
  121. <meta name="text:Height Dropdown Before Hover" content="0"/>
  122. <meta name="text:Height Dropdown After Hover" content="120"/>
  123. <meta name="text:Music Player Code" content="MUSIC CODE HERE"/>
  124. <meta name="text:Font" content="calibri"/>
  125. <meta name="text:Font Size" content="11"/>
  126. <meta name="text:Line height" content="12"/>
  127. <meta name="text:Custom Link One" content=""/>
  128. <meta name="text:Custom Link One URL" content=""/>
  129. <meta name="text:Custom Link Two" content=""/>
  130. <meta name="text:Custom Link Two URL" content=""/>
  131. <meta name="text:Custom Link Three" content=""/>
  132. <meta name="text:Custom Link Three URL" content=""/>
  133. <meta name="text:Custom Link Four" content=""/>
  134. <meta name="text:Custom Link Four URL" content=""/>
  135.  
  136. <style type="text/css">
  137.  
  138. {customCSS}
  139.  
  140. iframe#tumblr_controls {
  141. right:3px!important;
  142. position:fixed!important;
  143. -webkit-transition: opacity 0.7s linear;
  144. opacity: 0.2;
  145. -webkit-transition: all 0.8s ease-out;
  146. -moz-transition: all 0.8s ease-out;
  147. transition: all 0.8s ease-out;}
  148.  
  149. iframe#tumblr_controls:hover{
  150. -webkit-transition: opacity 0.7s linear;
  151. opacity: 1;
  152. -webkit-transition: all 0.5s ease-out;
  153. -moz-transition: all 0.5s ease-out;
  154. transition: all 0.5s ease-out;}
  155.  
  156. ::-webkit-scrollbar {width: 4px;}
  157.  
  158. ::-webkit-scrollbar-track-piece
  159. {background-color: {color:Scrollbar Background};}
  160.  
  161. ::-webkit-scrollbar-thumb:vertical
  162. {width:4px;
  163. background-color: {color:Scrollbar};}
  164.  
  165.  
  166. body{
  167. font-family: {text:Font};
  168. font-size: {text:Font size}px;
  169. line-height:{text:Line height}px;
  170. background-color:{color:Background};
  171. background-image:url('{image:Background}');
  172. background-position: fixed;
  173. background-attachment:fixed;
  174. background-repeat:repeat;}
  175.  
  176. a{
  177. text-decoration:none;
  178. color:{color:Links};}
  179.  
  180. a:link, a:visited, a:active
  181. {text-decoration:none;
  182. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  183. }
  184. a:hover{
  185. color:{color:Links hover};
  186. text-decoration: none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  187. }
  188.  
  189.  
  190. .post a{
  191. border-bottom:0px solid {color:Permalink Border};
  192. text-decoration:none;
  193. color:{color:Links};}
  194.  
  195. .post a:link, a:visited, a:active
  196. {text-decoration:none;
  197. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  198. }
  199.  
  200. .post a:hover{
  201. border-bottom:5px solid {color:Permalink Border};
  202. color:{color:Links hover};
  203. text-decoration: none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  204. }
  205.  
  206. blockquote{
  207. padding:5px;
  208. margin-top:5px;
  209. margin-bottom:5px;
  210. border-left:15px solid {color:border blockquote};
  211. background-color:{color:blockquote};
  212. }
  213.  
  214. #position {
  215. position:center;
  216. margin-left:-10px;
  217. margin-right:auto;
  218. margin:0px;
  219. }
  220.  
  221.  
  222. #content
  223. {position:absolute;
  224. padding:7px;
  225. margin-left:-10px;
  226. top:0px;
  227. height:140px;
  228. {block:IfNotBiggerPost}
  229. width:440px;
  230. {/block:IfNotBiggerPost}
  231. {block:IfBiggerPost}
  232. width:540px;
  233. {/block:IfBiggerPost}
  234. {/block:IndexPage}
  235. {block:PermalinkPage}
  236. width:540px;
  237. {/block:PermalinkPage}
  238. text-align:center;
  239. font-family:consolas;
  240. font-size:8px;
  241. background-color:{color:Content Top Background};}
  242.  
  243. .titles {
  244. font-size:15px;
  245. font-style:normal;
  246. font-weight:lighter;
  247. font-family:cambria;
  248. text-align:left;
  249. padding-left:10px;
  250. text-transform:uppercase;
  251. border-left:25px solid {color:Title Post};
  252. background-color:{color:Title Background Post};
  253. padding:6px;
  254. }
  255.  
  256.  
  257. #title {
  258. font-family:cambria;
  259. font-size:25px;
  260. font-weight:lighter;
  261. line-height:40px;
  262. background-color:{color:Title background};
  263. text-transform:none;
  264. letter-spacing:-1px;
  265. margin-bottom:0px;
  266. color:{color:Title};
  267. }
  268.  
  269. #description {
  270. overflow-x:hidden;
  271. height:80px;
  272. color:{color:description text};
  273. text-align:center;
  274. font-family: {text:Font};
  275. font-size: {text:Font size}px;
  276. {block:IfNotBiggerPost}
  277. margin-left:440ppx;
  278. {/block:IfNotBiggerPost}
  279. {block:IfBiggerPost}
  280. margin-left:540ppx;
  281. {/block:IfBiggerPost}
  282. margin-top:8px;
  283. }
  284.  
  285.  
  286. #menuu {
  287. width:85px;
  288. padding-top:17px;
  289. height:{text:Height Dropdown Before Hover}px;
  290. position:absolute;
  291. margin-top:-10px;
  292. margin-left:-10px;
  293. opacity:1;
  294. -webkit-transition: all 0.7s ease;
  295. -moz-transition: all 0.7s ease;
  296. -o-transition: all 0.7s ease;
  297. overflow:hidden;
  298. }
  299.  
  300. #menuu:hover {
  301. height:{text:Height Dropdown After Hover}px;
  302. opacity:1;
  303. -webkit-transition: all 0.7s ease;
  304. -moz-transition: all 0.7s ease;
  305. -o-transition: all 0.7s ease;
  306. }
  307.  
  308. .menuu {
  309. width:65px;
  310. display:block;
  311. height:8px;
  312. text-align:center;
  313. background-color: {color:menu background};
  314. padding-bottom:10px;
  315. padding-top:6px;
  316. padding-right:10px;
  317. padding-left:10px;
  318. text-decoration:none;
  319. color:{color:menu text background};
  320. font-family:consolas;
  321. font-size:8px;
  322. text-transform:uppercase;
  323. letter-spacing:2px;
  324. border-left:0px solid {color:border blockquote};
  325. border-bottom:1px solid {color:Border blockquote};
  326. -webkit-transition: all 0.7s ease;
  327. -moz-transition: all 0.7s ease;
  328. -o-transition: all 0.7s ease;}
  329.  
  330. .menuu:hover{
  331. border-left:9px solid {color:Border blockquote};
  332. -webkit-transition: all 0.7s ease;
  333. background-color: {color:menu background hover};
  334. color:{color:menu text background hover};
  335. -webkit-transition: all 0.7s ease;
  336. -moz-transition: all 0.7s ease;
  337. -o-transition: all 0.7s ease;}
  338.  
  339. #menu{
  340. background-color:{color:Title backgoround};
  341. position:absolute;
  342. {block:IfNotBiggerPost}
  343. width:380px;
  344. {/block:IfNotBiggerPost}
  345. {block:IfBiggerPost}
  346. width:380px;
  347. {/block:IfBiggerPost}
  348. {/block:IndexPage}
  349. {block:PermalinkPage}
  350. width:380px;
  351. {/block:PermalinkPage}
  352. padding:9px 2px 9px 9px;
  353. margin-top:120px;
  354. {block:IndexPage}
  355. {block:IfNotBiggerPost}
  356. margin-left:25px;
  357. {/block:IfNotBiggerPost}
  358. {block:IfBiggerPost}
  359. margin-left:75px;
  360. {/block:IfBiggerPost}
  361. {/block:IndexPage}
  362. {block:PermalinkPage}
  363. margin-left:75px;
  364. {/block:PermalinkPage}
  365. z-index:1;}
  366.  
  367. .menu {
  368. float:left;
  369. width:65px;
  370. display:block;
  371. height:9px;
  372. margin-left:6px;
  373. text-align:center;
  374. background-color: {color:menu background};
  375. padding-bottom:10px;
  376. padding-top:6px;
  377. padding-right:10px;
  378. padding-left:10px;
  379. text-decoration:none;
  380. color:{color:menu text background};
  381. font-family:consolas;
  382. font-size:8px;
  383. text-transform:uppercase;
  384. letter-spacing:2px;
  385. border-bottom:2px solid {color:Border Blockquote};
  386. -webkit-transition: all 0.7s ease;
  387. -moz-transition: all 0.7s ease;
  388. -o-transition: all 0.7s ease;}
  389.  
  390. .menu:hover{
  391. background-color: {color:menu background hover};
  392. color:{color:menu text background hover};
  393. -webkit-transition: all 0.7s ease;
  394. -moz-transition: all 0.7s ease;
  395. -o-transition: all 0.7s ease;}
  396.  
  397. #posts{
  398. margin-left:auto;
  399. margin-right:auto;
  400. margin-top:-15px;
  401. margin-bottom:-10px;
  402. border-left:1px solid {color:Permalink Border};
  403. border-right:1px solid {color:Permalink Border};
  404. padding-left:25px;
  405. padding-right:25px;
  406. padding-top:230px;
  407. padding-bottom:20px;
  408. margin-top:-20px;
  409. {block:IndexPage}
  410. {block:IfNotBiggerPost}
  411. width:430px;
  412. {/block:IfNotBiggerPost}
  413. {block:IfBiggerPost}
  414. width:530px;
  415. {/block:IfBiggerPost}
  416. {/block:IndexPage}
  417. {block:PermalinkPage}
  418. width:530px;
  419. {/block:PermalinkPage}
  420. }
  421.  
  422. .post {
  423. {block:IndexPage}
  424. {block:IfNotBiggerPost}
  425. width:400px;
  426. {/block:IfNotBiggerPost}
  427. {block:IfBiggerPost}
  428. width:500px;
  429. {/block:IfBiggerPost}
  430. {/block:IndexPage}
  431. {block:PermalinkPage}
  432. width:500px;
  433. {/block:PermalinkPage}
  434. margin-top:10px;
  435. margin-bottom:5px;
  436. padding:15px;
  437. background-color:{color:Post};
  438. color:{color:Body};}
  439.  
  440.  
  441.  
  442. .post img {
  443. -webkit-filter: grayscale(0%);
  444. -moz-filter: grayscale(0%);
  445. -ms-filter: grayscale(0%);
  446. -o-filter: grayscale(0%);
  447. filter: grayscale(100%);
  448. filter: url(grayscale.svg); /* Firefox 4+ */
  449. filter: gray; /* IE 6-9 */
  450. -webkit-transition: all 0.8s ease-out;
  451. -moz-transition: all 0.8s ease-out;
  452. -o-transition: all 0.8s ease-out;
  453. }
  454.  
  455.  
  456. .post img:hover {
  457. {block:IfGrayScaleEffectonHover}
  458. -webkit-filter: grayscale(100%);
  459. -moz-filter: grayscale(100%);
  460. -ms-filter: grayscale(100%);
  461. -o-filter: grayscale(100%);
  462. filter: grayscale(100%);
  463. filter: url(grayscale.svg); /* Firefox 4+ */
  464. filter: gray; /* IE 6-9 */
  465. {/block:IfGrayScaleEffectonHover}
  466. }
  467.  
  468. b, em, strong{
  469. color: {color:Bold text};
  470. font-weight:bold;
  471. }
  472.  
  473. i, em {
  474. color: {color:Italic text};
  475. font-weight:lighter;
  476. font-style:italic;
  477. }
  478.  
  479.  
  480. .audioplayer {
  481. position:absolute;
  482. margin-left:150px;
  483. margin-top:-80px;
  484. padding-bottom:7px;
  485. }
  486.  
  487.  
  488. .artist , .track , .play {
  489. width:150px;
  490. margin-top:-7px;
  491. margin-left:10px;
  492. padding:5px;
  493. background-color: {color:Blockquote};
  494. }
  495.  
  496.  
  497. .playbutton {
  498. width:20px;
  499. height:30px;
  500. overflow:hidden;
  501. position:relative;
  502. z-index:1000;
  503. margin:40px 40px 30px 40px;
  504. }
  505.  
  506.  
  507. .cover {
  508. border:8px solid {color:Border Blockquote};
  509. width:100px;
  510. position:relative;
  511. z-index:1
  512. }
  513.  
  514. .playbox {
  515. background-color:#000;
  516. position: absolute;
  517. z-index:1000;
  518. margin-top:8px;
  519. margin-left:8px;
  520. opacity:0.5;
  521. -webkit-transition: all 0.7s ease;
  522. -moz-transition: all 0.7s ease;
  523. -o-transition: all 0.7s ease;
  524. }
  525.  
  526.  
  527. .playbox:hover {
  528. opacity:1;
  529. }
  530.  
  531. .source{
  532. font-style:italic;
  533. margin-left:25px;
  534. margin:5px;
  535. }
  536.  
  537. .ask{
  538. background-color: {color:Ask background};
  539. padding-left:6px;
  540. padding-top:6px;
  541. padding-bottom:5px;
  542. padding-right:3px;
  543. margin-left:65px;
  544. border-bottom:1px dotted {color:border blockquote};
  545. }
  546.  
  547. .ans {
  548. margin-left:70px;
  549. margin-top:-10px;
  550. }
  551.  
  552. .asker {
  553. float:left;
  554. }
  555.  
  556. .asker img {
  557. border-radius:4px;
  558. -moz-border-radius:4px;
  559. }
  560.  
  561. .links{
  562. padding:5px;
  563. margin-left:5px;
  564. border-bottom:1px solid {color:border blockquote};
  565. }
  566.  
  567. .sa{
  568. font-size:15px;
  569. font-style:normal;
  570. font-weight:lighter;
  571. font-family:cambria;
  572. text-align:left;
  573. padding-left:10px;
  574. text-transform:uppercase;
  575. border-left:25px solid {color:Title Post};
  576. background-color:{color:Title Background Post};
  577. padding:6px;
  578. }
  579.  
  580. .si {
  581. font-size:15px;
  582. font-style:normal;
  583. font-weight:lighter;
  584. font-family:cambria;
  585. text-align:left;
  586. padding-left:10px;
  587. text-transform:uppercase;
  588. border-left:25px solid {color:Title Post};
  589. background-color:{color:Title Background Post};
  590. padding:6px;
  591. }
  592.  
  593.  
  594. #music {
  595. position:absolute;
  596. z-index:1;
  597. {block:IfNotBiggerPost}
  598. margin-left:445px;
  599. {/block:IfNotBiggerPost}
  600. {block:IfBiggerPost}
  601. margin-left:545px;
  602. {/block:IfBiggerPost}
  603. top:50px;
  604. padding-top:20px;
  605. padding-bottom:10px;
  606. background-color:{color:Content Top background};
  607. height:20px;
  608. width:50px;
  609. text-align:center;
  610. font-family:consolas;
  611. text-transform:uppercase;
  612. font-size:8px;
  613. opacity:1;
  614. overflow:hidden;
  615. -webkit-transition: all 0.7s ease;
  616. -moz-transition: all 0.7s ease;
  617. -o-transition: all 0.7s ease;
  618. -moz-border-radius: 0px 10px 10px 0px;
  619. -webkit-border-radius: 0px 10px 10px 0px;
  620. border-radius: 0px 10px 10px 0px;
  621. }
  622.  
  623.  
  624. #music:hover {
  625. width:150px;
  626. -webkit-transition: all 0.4s ease-in;
  627. -moz-transition: all 0.4s ease-in;
  628. -o-transition: all 0.4s ease-in;
  629. }
  630.  
  631. #musicu {
  632. position:absolute;
  633. margin-left:50px;
  634. margin-top:0px;
  635. }
  636.  
  637. #musica {
  638. position:absolute;
  639. margin-top:0px;
  640. margin-left:20px;
  641.  
  642. }
  643.  
  644. #permalinks
  645. {width:500px;
  646. z-index:999;
  647. padding:15px;
  648. color:{color:Body};}
  649.  
  650.  
  651. #permalinks img {
  652. border-radius:3px;
  653. margin:2px;
  654. }
  655.  
  656. #permalinks li {list-style-type:none;}
  657.  
  658. #permalink {
  659. font-family:consolas;
  660. text-transform:uppercase;
  661. font-size:8px;
  662. opacity:0;
  663. position:absolute;
  664. margin-top:-30px;
  665. margin-left:-151px;
  666. text-align:right;
  667. padding:8px;
  668. width:90px;
  669. background-color: {color:Permalink Background Before Hover};
  670. color:{color:Body};
  671. border-right:5px solid {color:Permalink Custom Border};
  672. -webkit-transition: all 0.5s ease-in;
  673. -moz-transition: all 0.5s ease-in;
  674. -o-transition: all 0.5s ease-in;
  675. }
  676.  
  677. .post:hover #permalink {
  678. margin-top:0px;
  679. background-color: {color:Permalink Background After Hover};
  680. opacity:1;
  681. }
  682.  
  683.  
  684. #permalinku {
  685. font-family:consolas;
  686. text-transform:uppercase;
  687. font-size:8px;
  688. opacity:0;
  689. position:absolute;
  690. margin-top:30px;
  691. {block:IfNotBiggerPost}
  692. margin-left:440px;
  693. {/block:IfNotBiggerPost}
  694. {block:IfBiggerPost}
  695. margin-left:540px;
  696. {/block:IfBiggerPost}
  697. text-align:left;
  698. padding:8px;
  699. width:90px;
  700. background-color: {color:Permalink Background Before Hover};
  701. color:{color:Body};
  702. border-left:5px solid {color:Permalink Custom Border};
  703. -webkit-transition: all 0.5s ease-in;
  704. -moz-transition: all 0.5s ease-in;
  705. -o-transition: all 0.5s ease-in;
  706. z-index:1;
  707. }
  708.  
  709. .post:hover #permalinku {
  710. margin-top:0px;
  711. background-color: {color:Permalink Background After Hover};
  712. opacity:1;
  713. }
  714.  
  715.  
  716. #credit {
  717. position:fixed;
  718. bottom:6px;
  719. right:6px;
  720. font-family:garamond;
  721. font-size:13px;
  722. font-weight:lighter;
  723. text-transform:uppercase;}
  724.  
  725. #credit a{
  726. color:{color:links};
  727. text-decoration:none;
  728. opacity:0.6;
  729. }
  730.  
  731. #credit a:hover {
  732. color:{color:links};
  733. text-decoration:none;
  734. opacity:1;
  735. }
  736.  
  737. </style>
  738.  
  739. {block:IfLazyLoadPost}
  740. <script type="text/javascript" src="http://static.tumblr.com/bsabj7h/bSRlru5tz/jquery.js"></script>
  741. <script type="text/javascript" src="http://static.tumblr.com/bsabj7h/jPqlru5uc/lazyload.js"></script>
  742. <script type="text/javascript" charset="utf-8">
  743. var $j = jQuery.noConflict();
  744. $j(function() {
  745. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  746. $j("img").lazyload({
  747. placeholder : "http://static.tumblr.com/bsabj7h/UV0lru5uq/holder.gif",
  748. effect: "fadeIn",});});
  749. </script>
  750. {/block:IfLazyLoadPost}
  751.  
  752. {block:IfInfiniteScrolling}
  753. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  754. {/block:IfInfiniteScrolling}
  755.  
  756. </head>
  757. <body>
  758.  
  759.  
  760.  
  761. <div id="posts">
  762.  
  763. <div id="position">
  764. <div id="content">
  765. <div id="title">{title}</div>
  766.  
  767.  
  768. <div id="menu">
  769. <a href="/" class="menu">home</a>
  770. <a href="/ask" class="menu">message</a>
  771. <a href="/archive" class="menu">archive</a>
  772. <div class="menu">
  773. <a href="/">more</a>
  774. <div id="menuu">
  775. {block:IfCustomLinkOne}<a href="{text:Custom Link One URL}" class="menuu">{text:Custom Link One}</a>{/block:IfCustomLinkOne}
  776. {block:IfCustomLinkTwo}<a href="{text:Custom Link Two URL}" class="menuu">{text:Custom Link Two}</a>{/block:IfCustomLinkTwo}
  777. {block:IfCustomLinkThree}<a href="{text:Custom Link Three URL}" class="menuu">{text:Custom Link Three}</a>{/block:IfCustomLinkThree}
  778. {block:IfCustomLinkFour}<a href="{text:Custom Link Four URL}" class="menuu">{text:Custom Link Four}</a>{/block:IfCustomLinkFour}
  779. </div>
  780. </div>
  781. </div>
  782. <div id="description">
  783. {description}
  784. </div>
  785.  
  786. {block:IfMusicPlayer}
  787. {block:IndexPage}
  788. <div id="music">
  789.  
  790. <div id="musica">
  791. <img src="http://i.imgur.com/pw9Xe.gif">
  792. </div>
  793.  
  794. <div id="musicu">
  795. <center>{text:Music Player Code}</center>
  796. </div>
  797.  
  798. </div>
  799.  
  800. {/block:IndexPage}
  801. {/block:IfMusicPlayer}
  802. </div>
  803.  
  804. {block:IfInfiniteScrolling}
  805. <div class="autopagerize_page_element">
  806. {/block:IfInfiniteScrolling}
  807.  
  808. {block:Posts}
  809.  
  810. <div class="post">
  811.  
  812. {block:IndexPage}
  813. <div id="permalink">
  814. + <a href="{Permalink}" class="permalink"> {NoteCountWithLabel} {/block:NoteCount} </a> <br>
  815. <div style="margin-top:3px;margin-bottom:3px;border-bottom:1px dotted {color:border blockquote};"></div>
  816. {block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  817. </div>
  818. {/block:IndexPage}
  819.  
  820.  
  821. {block:IndexPage}
  822. <div id="permalinku">
  823. + <a href="{reblogURL}">reblog</a>
  824. <br>
  825. <div style="margin-top:3px;margin-bottom:3px;border-bottom:1px dotted {color:border blockquote};"></div>
  826. {block:RebloggedFrom}<b>original:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  827. </div>
  828. {/block:IndexPage}
  829.  
  830.  
  831. {block:Text}
  832. {block:Title}
  833. <div class="titles"><a href="{Permalink}">{Title}</a></div>
  834. {/block:Title}
  835. {Body}
  836. {/block:Text}
  837.  
  838. {block:Photo}
  839.  
  840. {block:PermalinkPage}
  841. {LinkOpenTag}
  842. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  843. <img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>
  844. {linkCloseTag} {/block:PermalinkPage}
  845.  
  846. {block:IndexPage}
  847. {block:IfNotShakeImage}
  848. {block:IfBiggerPost}
  849. {LinkOpenTag}
  850. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  851. <img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>
  852. {linkCloseTag}
  853. {/block:IfBiggerPost}
  854.  
  855.  
  856. {block:IfNotBiggerPost}
  857. {LinkOpenTag}
  858. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  859. <img src="{PhotoURL-500}" width="400px" alt="{PhotoAlt}"/>
  860. {linkCloseTag}
  861. {/block:IfNotBiggerPost}
  862. {/block:IfNotShakeImage}
  863. {/block:IndexPage}
  864.  
  865. {block:IndexPage}
  866. {block:IfShakeImage}
  867. {block:IfNotBiggerPost}
  868. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">{LinkCloseTag}
  869. {/block:IfNotBiggerPost}
  870.  
  871.  
  872. {block:IfBiggerPost}
  873. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">{LinkCloseTag}
  874. {/block:IfBiggerPost}
  875.  
  876. {/block:IfShakeImage}
  877. {/block:IndexPage}
  878.  
  879. {block:IfShowCaption}
  880. {block:Caption}{Caption}{/block:Caption}
  881. {/block:IfShowCaption}
  882.  
  883. {block:IfNotShowCaption}{block:PermalinkPage}
  884. {block:Caption}{Caption}{/block:Caption}
  885. {block:PermalinkPage}{/block:IfNotShowCaption}
  886. {/block:Photo}
  887.  
  888. {block:Photoset}
  889. {block:PermalinkPage}{Photoset-500} {/block:PermalinkPage}
  890. {block:IndexPage}
  891. {block:IfNotBiggerPost}
  892. {Photoset-400}
  893. {/block:IfNotBiggerPost}
  894.  
  895. {block:IfBiggerPost}
  896. {Photoset-500}
  897. {/block:IfBiggerPost}
  898.  
  899. {/block:IndexPage}
  900. {block:IfShowCaption}
  901. {block:Caption}{Caption}{/block:Caption}
  902. {/block:IfShowCaption}
  903.  
  904. {block:IfNotShowCaption}{block:PermalinkPage}
  905. {block:Caption}{Caption}{/block:Caption}
  906. {block:PermalinkPage}{/block:IfNotShowCaption}
  907. {/block:Photoset}
  908.  
  909. {block:Quote}
  910. <div class="links">❝{Quote}❞</div>
  911. {block:Source}
  912. <div class="source"> — {Source} </div>
  913. {/block:Source}
  914. {/block:Quote}
  915.  
  916. {block:Link}
  917. <div class="sa">
  918. &rarr; <a href="{URL}" {Target}>{Name}</a>
  919. </div>
  920. {block:Description}
  921. {Description}
  922. {/block:Description}{/block:Link}
  923.  
  924. {block:Chat}{block:Title}
  925. <div class="si">{Title}</div>
  926. {/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  927. {/block:Lines}
  928. {/block:Chat}
  929.  
  930. {block:Audio}
  931. <div class="playbox">
  932. <div class="playbutton">
  933. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  934. </div></div>
  935. {block:AlbumArt}
  936. <img src="{AlbumArtURL}" class="cover">
  937. {/block:AlbumArt}
  938.  
  939. <div class="audioplayer">
  940. <div class="artist"> {block:Artist} <b>Artist:</b> {Artist}{/block:Artist}</div> <br /> <div class="track"><b>Track:</b> {block:TrackName} "{TrackName}" {/block:TrackName}</div> <br /> <b> <div class="play">Plays: </b> {PlayCountWithLabel} </div> </div>
  941. {/block:Audio}
  942.  
  943. {block:Video}
  944. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  945. {block:IndexPage}
  946. {block:IfNotBiggerPost}
  947. {Video-400}
  948. {/block:IfNotBiggerPost}
  949.  
  950. {block:IfBiggerPost}
  951. {Video-500}
  952. {/block:IfBiggerPost}
  953. {/block:IndexPage}
  954. {block:IfShowCaption}
  955. {block:Caption}{Caption}{/block:Caption}
  956. {/block:IfShowCaption}
  957.  
  958. {block:IfNotShowCaption}{block:PermalinkPage}
  959. {block:Caption}{Caption}{/block:Caption}
  960. {block:PermalinkPage}{/block:IfNotShowCaption}
  961. {/block:Video}
  962.  
  963. {block:Answer}
  964. <div class="asker"><img src="{AskerPortraitURL-64}"></div>
  965. <div class="ask"> <b>{Asker}:</b>
  966. <br>
  967. {Question}</div>
  968. <br>
  969. <div class="ans">{Answer}</div>
  970. {/block:Answer}
  971. </div>
  972.  
  973. {block:PermalinkPage}
  974. <div id="permalinks">
  975. {block:Date}
  976. <center><span style="text-transform:uppercase; font-size:15px;margin-top:5px;margin-bottom:5px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</span></center><br/>{/block:Date}
  977. <div style="border-bottom:1px dotted {color:border blockquote};"></div>
  978. <br>
  979. {block:RebloggedFrom}<b>original:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  980. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br>
  981. {block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  982. <div style="border-bottom:1px solid {color:border blockquote};margin-bottom:5px;"></div>
  983. <i>navigate</i>:
  984. <a href="/">index</a> , <a href="/random">random</a> , <a href="{reblogURL}">reblog</a>
  985. <div style="border-bottom:1px solid {color:border blockquote};margin-top:5px;"></div>
  986. {block:PostNotes}
  987. {PostNotes}
  988. {/block:PostNotes}
  989. </div>
  990. {/block:PermalinkPage}
  991. {/block:Posts}
  992.  
  993.  
  994.  
  995. {block:IndexPage}
  996. {block:IfNotInfiniteScrolling}
  997. <div style="font-size:14px; color:{body};
  998. text-shadow: 1px 1px 1px #111;border-top:1px solid {color:border blockquote};margin-top:8px; padding-top:8px;"><center> page {currentpage} of {totalpages}</center></div>
  999. {block:PreviousPage}
  1000. <a style="float:left; background-color:{post}; padding:5px;" href="{PreviousPage}">BACK</a>
  1001. {/block:PreviousPage}
  1002. {block:NextPage}
  1003. <a style="float:right; background-color:{post}; padding:5px;" href="{NextPage}">NEXT</a>
  1004. {/block:NextPage}
  1005. </div>
  1006. {/block:IfNotInfiniteScrolling}
  1007. {/block:IndexPage}
  1008.  
  1009.  
  1010. </div>
  1011.  
  1012.  
  1013. <!-- DO NOT REMOVE -->
  1014. <div id="credit">
  1015. <a href="http://faluvtha.tumblr.com">✂</a>
  1016. </div>
  1017.  
  1018. </body>
  1019. </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!