API tools faq
paste
Advertisement
faluvtha

[#32] — Titanium.

faluvtha
Apr 7th, 2013
3,453
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.38 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 Faiz Ichsan Jaya
  4.  
  5. -------[ Titanium 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. - If you have any problems regarding customization , code or anything else. Feel free to put a lovely message at Fukuo@tumblr
  14.  
  15. ———————————————--- THANK YOU! ---——————————————————
  16.  
  17. -->
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
  20. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  21. <head>
  22. <title>{Title}</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}
  26. <meta name="description" content="{MetaDescription}" />
  27. {/block:Description}
  28.  
  29. <meta name="if:Post Shadow" content="1"/>
  30. <meta name="if:Post Border" content="0"/>
  31. <meta name="if:One Columned" content="0"/>
  32. <meta name="if:Show Caption" content="0"/>
  33. <meta name="if:Infinite Scrolling" content="0"/>
  34. <meta name="image:Sidebar Picture" content="http://25.media.tumblr.com/f109b374061a5fdf43b50f1bdc384415/tumblr_mg42rnMOvg1rqjwzso1_500.png"/>
  35. <meta name="image:Background" content="http://static.tumblr.com/5ojoydj/D3Wmkvizk/agsquare.png"/>
  36. <meta name="color:Background" content="#FFFFFF" />
  37. <meta name="color:Post" content="#ffffff" />
  38. <meta name="color:Post Shadow" content="#CCCCCC" />
  39. <meta name="color:Post Border" content="#CCCCCC" />
  40. <meta name="color:Post Border Bottom" content="#6699ee" />
  41. <meta name="color:Sidebar Background" content="#ffffff" />
  42. <meta name="color:Body" content="#777777" />
  43. <meta name="color:Description Text" content="#000000" />
  44. <meta name="color:Description Background" content="#EEEEEE" />
  45. <meta name="color:Blockquote" content="#eeeeee" />
  46. <meta name="color:Border Blockquote" content="#6699ee" />
  47. <meta name="color:Menu Border Hover" content="#777777" />
  48. <meta name="color:Menu Text Background" content="#ffffff" />
  49. <meta name="color:Menu Text Background Hover" content="#000000" />
  50. <meta name="color:Menu Background" content="#6699ee" />
  51. <meta name="color:Menu Background Hover" content="#ffffff" />
  52. <meta name="color:Line One Background" content="#5577dd"/>
  53. <meta name="color:Line Two Background" content="#6699ee"/>
  54. <meta name="color:Line Three Background" content="#99ccff"/>
  55. <meta name="color:Line Four Background" content="#eeffff"/>
  56. <meta name="color:Permalink Notes Background" content="#111111" />
  57. <meta name="color:Permalink Notes Border" content="#6699ee" />
  58. <meta name="color:Permalink Reblog Background" content="#6699ee" />
  59. <meta name="color:Permalink Reblog Border" content="#5e8dda" />
  60. <meta name="color:Chat Odd" content="#FBFBFB"/>
  61. <meta name="color:Chat Even" content="#F0F0F0"/>
  62. <meta name="color:Title" content="#FFFFFF"/>
  63. <meta name="color:Title Background" content="#6699ee"/>
  64. <meta name="color:Triangle" content="#5078b9" />
  65. <meta name="color:Title Post" content="#000000"/>
  66. <meta name="color:Title background Post" content="#eeeeee"/>
  67. <meta name="color:Ask background" content="#eeeeee"/>
  68. <meta name="color:Links" content="#111111" />
  69. <meta name="color:Links Hover" content="#aaa" />
  70. <meta name="color:Bold text" content="#101010" />
  71. <meta name="color:Italic text" content="#101010" />
  72. <meta name="color:Scrollbar" content="#000000" />
  73. <meta name="color:Scrollbar Background" content="#f7f7f7" />
  74. <meta name="text:Font" content="cambria"/>
  75. <meta name="text:Font Size" content="9.5"/>
  76. <meta name="text:Line height" content="12"/>
  77. <meta name="text:Custom Title Hover" content="Astronomse Of Imagination"/>
  78. <meta name="text:Custom Link One" content=""/>
  79. <meta name="text:Custom Link One URL" content=""/>
  80. <meta name="text:Custom Link Two" content=""/>
  81. <meta name="text:Custom Link Two URL" content=""/>
  82. <meta name="text:Custom Link Three" content=""/>
  83. <meta name="text:Custom Link Three URL" content=""/>
  84. <meta name="text:Custom Link Four" content=""/>
  85. <meta name="text:Custom Link Four URL" content=""/>
  86.  
  87.  
  88. <style type="text/css">
  89. {CustomCSS}
  90.  
  91. iframe#tumblr_controls {
  92. right:3px!important;
  93. position:fixed!important;
  94. -webkit-transition:
  95. opacity 0.7s linear;
  96. opacity:0.5;
  97. -webkit-transition: all 0.8s ease-out;
  98. -moz-transition: all 0.8s ease-out;
  99. transition: all 0.8s ease-out;}
  100.  
  101. iframe#tumblr_controls:hover {
  102. -webkit-transition:opacity 0.7s linear;
  103. opacity:1;
  104. -webkit-transition: all 0.5s ease-out;
  105. -moz-transition: all 0.5s ease-out;
  106. transition: all 0.5s ease-out;}
  107.  
  108.  
  109.  
  110. ::-webkit-scrollbar {
  111. width: 6px;
  112. }
  113.  
  114. ::-webkit-scrollbar-track-piece {
  115. background-color:{color:Scrollbar Background};
  116. }
  117.  
  118. ::-webkit-scrollbar-thumb:vertical{
  119. width:6px;
  120. background-color: {color:Scrollbar};
  121. }
  122.  
  123.  
  124.  
  125. @font-face {
  126. font-family: "tinytots"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  127.  
  128. body{
  129. font-family: {text:Font};
  130. font-size: {text:Font size}px;
  131. line-height:{text:Line height}px;
  132. background-color:{color:Background};
  133. background-image:url('{image:Background}');
  134. background-position: fixed;
  135. background-attachment:fixed;
  136. background-repeat:repeat;}
  137.  
  138. a {
  139. text-decoration:none;
  140. color:{color:Links};
  141. }
  142.  
  143. a:link, a:visited, a:active {
  144. text-decoration:none;
  145. -webkit-transition: all 0.5s ease;
  146. -moz-transition: all 0.5s ease;
  147. -o-transition: all 0.5s ease;
  148. }
  149.  
  150. a:hover {
  151. color:{color:Links hover};
  152. text-decoration:none;
  153. -webkit-transition: all 0.5s ease;
  154. -moz-transition: all 0.5s ease;
  155. -o-transition: all 0.5s ease;
  156. }
  157.  
  158. blockquote{
  159. padding:5px;
  160. margin-top:5px;
  161. margin-bottom:5px;
  162. border-left:1px dashed {color:border blockquote};
  163. background-color:{color:blockquote};
  164. }
  165.  
  166.  
  167. .post li {list-style-type:square}
  168.  
  169. #permalinks {
  170. width:590px;
  171. z-index:999;
  172. padding:22px;
  173. color:{color:Body};
  174. }
  175.  
  176.  
  177. #permalinks li {list-style-type:none;}
  178.  
  179. #permalinks img {
  180. width:20px;
  181. height:20px;
  182. opacity:1;
  183. margin-top:5px;
  184. margin-right:7px;
  185. border:7px solid {color:Title};
  186. vertical-align:middle;
  187. }
  188.  
  189. #sidebar{
  190. margin-left:auto;
  191. margin-right:auto;
  192. margin-top:50px;
  193. width:425px;
  194. padding:25px;
  195. text-align:center;
  196. font-family:consolas;
  197. font-size:8px;
  198. background-color:{color:Sidebar Background};}
  199.  
  200. #menu{
  201. position:absolute;
  202. width:400px;
  203. padding:5px;
  204. margin-top:-90px;
  205. margin-left:6px;
  206. z-index:1;
  207. padding:8px;
  208. opacity:0;
  209. -webkit-transition: all 0.7s ease;
  210. -moz-transition: all 0.7s ease;
  211. -o-transition: all 0.7s ease;
  212. }
  213.  
  214. #sidebar:hover #menu {
  215. opacity:1;
  216. margin-top:-220px;
  217. margin-left:6px;
  218. }
  219.  
  220. .menu {
  221. float:left;
  222. width:65px;
  223. display:inline-block;
  224. height:8px;
  225. margin-bottom:6px;
  226. margin-left:5px;
  227. text-align:center;
  228. background-color: {color:menu background};
  229. padding-bottom:12px;
  230. padding-top:8px;
  231. padding-right:10px;
  232. padding-left:10px;
  233. text-decoration:none;
  234. color:{color:menu text background};
  235. font-family:'Economica';
  236. font-size:12px;
  237. text-transform:uppercase;
  238. letter-spacing:2px;
  239. opacity:0.8;
  240. border-left:4px solid {color:menu border};
  241. border-right:4px solid {color:menu border};
  242. -webkit-transition: all 0.7s ease;
  243. -moz-transition: all 0.7s ease;
  244. -o-transition: all 0.7s ease;}
  245.  
  246. .menu:hover{
  247. border-left:4px solid {color:menu border hover};
  248. border-right:4px solid {color:menu border hover};
  249. background-color: {color:menu background hover};
  250. color:{color:menu text background hover};
  251. -webkit-transition: all 0.7s ease;
  252. -moz-transition: all 0.7s ease;
  253. -o-transition: all 0.7s ease;}
  254.  
  255.  
  256. #description {
  257. background-color:{color:Description Background};
  258. padding:7px;
  259. margin-left:-3px;
  260. color:{color:Description Text};
  261. text-align:justify;
  262. font-family:'Tinytots';
  263. font-size:8px;
  264. text-transform:uppercase;
  265. width:415px;
  266. height:90px;
  267. overflow-x:hidden;
  268. margin-top:7px;
  269. border-bottom:10px solid {color:Post Border Bottom};
  270. }
  271.  
  272.  
  273. .titles {
  274. font-size:33px;
  275. font-style:normal;
  276. font-weight:lighter;
  277. font-family:'Economica';
  278. text-align:left;
  279. padding-left:10px;
  280. text-transform:none;
  281. line-height:36px;
  282. border-left:25px solid {color:Title Post};
  283. background-color:{color:Title Background Post};
  284. padding:10px;
  285. }
  286.  
  287. #line-1 {
  288. background-color:{color:Line One Background};
  289. height:20px;
  290. width:100%;
  291. top:150px;
  292. left:0px;
  293. z-index:-1;
  294. position:absolute;
  295. }
  296.  
  297. #line-2 {
  298. background-color:{color:Line Two Background};
  299. height:20px;
  300. width:100%;
  301. top:170px;
  302. left:0px;
  303. z-index:-1;
  304. position:absolute;
  305. }
  306.  
  307. #line-3 {
  308. background-color:{color:Line Three Background};
  309. height:20px;
  310. width:100%;
  311. top:190px;
  312. left:0px;
  313. z-index:-1;
  314. position:absolute;
  315. }
  316.  
  317.  
  318. #line-4 {
  319. background-color:{color:Line Four Background};
  320. height:20px;
  321. width:100%;
  322. top:210px;
  323. left:0px;
  324. z-index:-1;
  325. position:absolute;
  326. }
  327.  
  328. #title {
  329. width:524px;
  330. position:absolute;
  331. font-family:'Economica';
  332. font-size:29px;
  333. font-weight:lighter;
  334. line-height:40px;
  335. padding-bottom:5px;
  336. background-color:{color:Title Background};
  337. color:{color:Title};
  338. text-transform:none;
  339. letter-spacing:-1px;
  340. margin-top:-90px;
  341. margin-left:-49px;
  342. -webkit-transition: all 0.7s ease;
  343. -moz-transition: all 0.7s ease;
  344. -o-transition: all 0.7s ease;
  345. }
  346.  
  347. #titles {
  348. width:524px;
  349. position:absolute;
  350. font-family:'Economica';
  351. font-size:29px;
  352. font-weight:lighter;
  353. line-height:40px;
  354. padding-bottom:5px;
  355. background-color:{color:Title Background};
  356. margin-top:-20px;
  357. color:{color:Title};
  358. text-transform:none;
  359. letter-spacing:-1px;
  360. -webkit-transition: all 0.7s ease;
  361. -moz-transition: all 0.7s ease;
  362. -o-transition: all 0.7s ease;
  363. opacity:0;
  364. }
  365.  
  366. #title:hover #titles {
  367. opacity:1;
  368. margin-top:-40px;
  369. }
  370.  
  371. #sidebar:hover #titles {
  372. opacity:1;
  373. margin-top:-40px;
  374. }
  375.  
  376. #sidebar:hover #title {
  377. opacity:1;
  378. margin-top:-120px;
  379. }
  380.  
  381. #permalink {
  382. position:absolute;
  383. margin-top:-40px;
  384. {block:IfOneColumned}
  385. width:215px;
  386. {/block:IfOneColumned}
  387. {block:IfNotOneColumned}
  388. width:65px;
  389. {block:IfNotOneColumned}
  390. overflow-x:hidden;
  391. padding:15px;
  392. font:8px consolas;
  393. text-transform:uppercase;
  394. background-color:{color:Permalink Notes Background};
  395. border-bottom:5px solid {color:Permalink Reblog Border};
  396. opacity:0;
  397. z-index:9999;
  398. -webkit-transition:all 0.5s ease-out;
  399. -moz-transition:all 0.5s ease-out;
  400. transition:all 0.5s ease-out;
  401. }
  402.  
  403. #permalink a {
  404. color:{color:Title};
  405. }
  406.  
  407.  
  408. .post:hover #permalink {
  409. {block:IfOneColumned}
  410. width:515px;
  411. {/block:IfOneColumned}
  412. {block:IfNotOneColumned}
  413. width:265px;
  414. {block:IfNotOneColumned}
  415. margin-top:-10px;
  416. -webkit-transition: all 0.5s ease-out;
  417. -moz-transition: all 0.5s ease-out;
  418. transition: all 0.5s ease-out;
  419. opacity:0.7;
  420. }
  421.  
  422. #permalinki {
  423. width:16px;
  424. border:1px solid {color:Permalink Reblog Border};
  425. background:{color:Permalink Reblog Background};
  426. padding:8px;
  427. font-family:'silkscreen';
  428. position:absolute;
  429. margin-top:10px;
  430. margin-left:10px;
  431. }
  432.  
  433. #permalinki a {
  434. color:#000;
  435. }
  436.  
  437. #permalinki img {
  438. width:16px;
  439. height:16px;
  440. padding:0px;
  441. background-color:transparent;
  442. }
  443.  
  444.  
  445. #triangle {
  446. width:0;
  447. height:0;
  448. border-top:24px solid {color:Triangle};
  449. border-left:24px solid transparent;
  450. position:absolute;
  451. margin-top:5px;
  452. margin-left:0px;
  453. opacity:1;
  454. }
  455.  
  456. #triangle2 {
  457. width:0;
  458. height:0;
  459. border-top:24px solid {color:Triangle};
  460. border-right:24px solid transparent;
  461. position:absolute;
  462. margin-top:5px;
  463. margin-left:499px;
  464. opacity:1;
  465. }
  466.  
  467.  
  468. #credit {
  469. position:fixed;
  470. width:130px;
  471. padding:5px;
  472. background-color:#000;
  473. bottom:0px;
  474. right:-120px;
  475. font-family:calibri;
  476. font-size:13px;
  477. font-weight:lighter;
  478. text-transform:uppercase;
  479. -webkit-transition: all 0.7s ease;
  480. -moz-transition: all 0.7s ease;
  481. -o-transition: all 0.7s ease;
  482. }
  483.  
  484.  
  485. #credit:hover {
  486. right:0px;
  487. color:#FFF;
  488. }
  489.  
  490. #credit a{
  491. color:#FFF;
  492. text-decoration:none;
  493. opacity:1;
  494. -webkit-transition: all 0.7s ease;
  495. -moz-transition: all 0.7s ease;
  496. -o-transition: all 0.7s ease;
  497. }
  498.  
  499. #credit a:hover {
  500. text-decoration:none;
  501. opacity:1;
  502. }
  503.  
  504. .pagination {
  505. text-align:center;
  506. padding:8px;
  507. left:40px;
  508. position:fixed;
  509. bottom:10px;
  510. font-size:20px;
  511. width:50px;
  512. display:none;
  513. }
  514.  
  515.  
  516.  
  517.  
  518. .page {
  519. {block:IfNotInfiniteScrolling}
  520. position:fixed;
  521. padding:12px;
  522. right:70px;
  523. bottom:150px;
  524. width:50px;
  525. text-align:center;
  526. background-color:{color:Title Background};
  527. {/block:IfNotInfiniteScrolling}
  528. }
  529.  
  530. .page a {
  531. color:white;
  532. }
  533.  
  534.  
  535. #posts{
  536. padding-top:50px;
  537. margin-top:50px;
  538. margin:0 auto;
  539. position:relative;
  540. {block:IndexPage}
  541. {block:IfOneColumned}
  542. width:650px;
  543. {/block:IfOneColumned}
  544. {block:IfNotOneColumned}
  545. width:790px;
  546. {/block:IfNotOneColumned}
  547. {/block:IndexPage}
  548. {block:PermalinkPage}
  549. width:650px;
  550. {/block:PermalinkPage}
  551. }
  552.  
  553. .post {
  554. float:left;
  555. {block:IndexPage}
  556. {block:IfOneColumned}
  557. width:545px;
  558. {/block:IfOneColumned}
  559. {block:IfNotOneColumned}
  560. width:295px;
  561. {/block:IfNotOneColumned}
  562. {/block:IndexPage}
  563. {block:PermalinkPage}
  564. width:545px;
  565. {/block:PermalinkPage}
  566. margin:20px;
  567. padding:25px;
  568. background-color:{color:Post};
  569. color:{color:Body};
  570. border-bottom:10px solid {color:Post Border Bottom};
  571. {block:IndexPage}
  572. {block:IfPostShadow}
  573. box-shadow:2px 2px 3px {color:Post Shadow};
  574. {/block:IfPostShadow}
  575. {/block:IndexPage}
  576. {block:IndexPage}
  577. {block:IfPostBorder}
  578. border:1px solid {color:Post Border};
  579. {/block:IfPostBorder}
  580. {/block:IndexPage}
  581. }
  582.  
  583.  
  584. .post img {
  585. max-width:100%;
  586. padding:22px;
  587. background-color:{color:Description Background};
  588. }
  589.  
  590. b, em, strong{
  591. color: {color:Bold text};
  592. font-weight:bold;
  593. }
  594.  
  595. i, em {
  596. color: {color:Italic text};
  597. font-weight:lighter;
  598. font-style:italic;
  599. }
  600.  
  601. .chats .chat {
  602. background: {color:Chat Odd};
  603. padding:8px;
  604. margin-bottom:7px;
  605. border-radius:5px;
  606. -moz-border-radius:5px;
  607. -o-border-radius:5px;
  608.  
  609. }
  610.  
  611. .chats .chat.even {
  612. background: {color:Chat Even};
  613. }
  614.  
  615. #audio {
  616. width:40px;
  617. height:40px;
  618. overflow:hidden;
  619. position:absolute;
  620. margin-top:35px;
  621. margin-bottom:45px;
  622. margin-left:43px;
  623. background-color:#FFF;
  624. z-index:999;
  625. padding:15px 15px 15px 15px;
  626. opacity:1;
  627. -webkit-transition: all 0.7s ease;
  628. -moz-transition: all 0.7s ease;
  629. -o-transition: all 0.7s ease;
  630. }
  631.  
  632. #audio:hover {
  633. opacity:0.7;
  634. }
  635.  
  636. .audioplayer {
  637. position:absolute;
  638. margin-left:150px;
  639. margin-top:-153px;
  640. padding-bottom:7px;
  641. }
  642.  
  643.  
  644. .artist , .play {
  645. {block:IfOneColumned}
  646. width:200px;
  647. {/block:IfOneColumned}
  648. {block:IfNotOneColumned}
  649. width:130px;
  650. {/block:IfNotOneColumned}
  651. margin-top:-7px;
  652. margin-left:10px;
  653. padding:5px;
  654. background-color: {color:Blockquote};
  655. }
  656.  
  657. .track {
  658. {block:IfOneColumned}
  659. width:200px;
  660. {/block:IfOneColumned}
  661. {block:IfNotOneColumned}
  662. width:130px;
  663. {/block:IfNotOneColumned}
  664. margin-top:-7px;
  665. margin-left:10px;
  666. padding:5px;
  667. background-color:{color:Border Blockquote};
  668. color:#FFFFFF;
  669. }
  670.  
  671. .artist b , .play b , .track b {
  672. font-family:'Lekton', Calibri;
  673. font-size:13px;
  674. }
  675.  
  676. .caption-audio {
  677. width:130px;
  678. height:50px;
  679. overflow-x :hidden;
  680. padding:8px;
  681. background-color:{color:Blockquote};
  682. position:absolute;
  683. {block:IfOneColumned}
  684. margin-left:390px;
  685. margin-top:-160px;
  686. {/block:IfOneColumned}
  687. {block:IfNotOneColumned}
  688. margin-left:160px;
  689. margin-top:-70px;
  690. {/block:IfNotOneColumned}
  691. }
  692.  
  693.  
  694. #albumart {
  695. position:relative;
  696. width:100px;
  697. height:100px;
  698. border:20px solid {color:Border Blockquote};
  699. margin:0px 0px 20px 7px;
  700. }
  701.  
  702. #albumart img {
  703. padding:0px;
  704. width:100px;
  705. height:100px;
  706. background:transparent;
  707. }
  708.  
  709. .source{
  710. padding:10px;
  711. font-size:14px;
  712. font-style:none;
  713. text-align:center;
  714. }
  715.  
  716. .ask{
  717. background-color: {color:Ask background};
  718. padding:5px;
  719. font-family: {text:Font};
  720. font-size: {text:Font size}px;
  721. border-bottom:1px solid {color:border blockquote};
  722. }
  723.  
  724.  
  725. .links{
  726. padding:12px;
  727. font-family:'Economica';
  728. font-size:25px;
  729. line-height:28px;
  730. border-bottom:1px solid {color:border blockquote};
  731. }
  732.  
  733. .sa{
  734. font-size:33px;
  735. font-style:normal;
  736. font-weight:lighter;
  737. font-family:'Economica';
  738. text-align:left;
  739. padding-left:10px;
  740. text-transform:none;
  741. line-height:36px;
  742. border-left:25px solid {color:Title Post};
  743. background-color:{color:Title Background Post};
  744. padding:10px;
  745. }
  746.  
  747. .si {
  748. font-size:33px;
  749. font-style:normal;
  750. font-weight:lighter;
  751. font-family:'Economica';
  752. text-align:left;
  753. padding-left:10px;
  754. text-transform:none;
  755. line-height:36px;
  756. border-left:25px solid {color:Title Post};
  757. background-color:{color:Title Background Post};
  758. padding:10px;
  759. }
  760.  
  761.  
  762. </style>
  763.  
  764. {block:IfOneColumned}
  765. {block:IfInfiniteScrolling}
  766. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  767. {/block:IfInfiniteScrolling}
  768. {/block:IfOneColumned}
  769.  
  770.  
  771. {block:IndexPage}
  772. {block:IfNotOneColumned}
  773. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  774.  
  775. {block:IfInfiniteScrolling}
  776. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  777. {/block:IfInfiniteScrolling}
  778.  
  779. <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
  780.  
  781. <script type="text/javascript">
  782. $(window).load(function () {
  783. $('#posts').masonry(),
  784. $('.masonryWrap').infinitescroll({
  785. navSelector : ".pagination a",
  786. // selector for the paged navigation (it will be hidden)
  787. nextSelector : ".pagination a",
  788. // selector for the NEXT link (to page 2)
  789. itemSelector : ".post",
  790. // selector for all items you'll retrieve
  791. bufferPx : 10000,
  792. extraScrollPx: 11000,
  793. loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
  794. loadingText : "<em></em>",
  795. },
  796. // call masonry as a callback.
  797. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  798. );
  799. });
  800. </script>
  801. {/block:IfNotOneColumned}
  802.  
  803.  
  804. {/block:IndexPage}
  805.  
  806. </head>
  807. <body>
  808.  
  809.  
  810. <!-- Line -->
  811. <div id="line-1"></div>
  812. <div id="line-2"></div>
  813. <div id="line-3"></div>
  814. <div id="line-4"></div>
  815.  
  816. <div class="pagination">
  817. {block:previouspage}
  818. <a href="{previouspage}">PREV</a>
  819. {/block:previouspage}
  820. {block:nextpage}
  821. <a href="{nextpage}">FORTH</a>
  822. {/block:nextpage}
  823. </div>
  824. </div>
  825.  
  826. <div id="sidebar">
  827. <img src="{image:Sidebar Picture}"width="425px">
  828.  
  829. <div id="menu">
  830. <a href="/" class="menu">home</a>
  831. <a href="/ask" class="menu">message</a>
  832. <a href="/archive" class="menu">archive</a>
  833. {block:IfCustomLinkOne}<a href="{text:Custom Link One URL}" class="menu">{text:Custom Link One}</a>{/block:IfCustomLinkOne}
  834. {block:IfCustomLinkTwo}<a href="{text:Custom Link Two URL}" class="menu">{text:Custom Link Two}</a>{/block:IfCustomLinkTwo}
  835. {block:IfCustomLinkThree}<a href="{text:Custom Link Three URL}" class="menu">{text:Custom Link Three}</a>{/block:IfCustomLinkThree}
  836. {block:IfCustomLinkFour}<a href="{text:Custom Link Four URL}" class="menu">{text:Custom Link Four}</a>{/block:IfCustomLinkFour}
  837. <a href="http://faluvtha.tumblr.com" class="menu">theme</a>
  838. </div>
  839.  
  840. <div id="title">
  841. {Title}
  842. <div id="triangle"></div>
  843. <div id="triangle2"></div>
  844. <div id="titles">{text:Custom Title Hover}</div>
  845. </div>
  846. <div id="description">
  847. <div style="font-size:50px;float:left;margin-top:10px;margin-right:5px;margin-left:-2px;color:{color:Title Background};">❝</div>
  848. {Description}
  849. </div>
  850. </div>
  851.  
  852. <div id="posts">
  853.  
  854.  
  855. {block:Posts}
  856.  
  857. <div class="post">
  858.  
  859. {block:IndexPage}
  860. <div id="permalink">
  861. <a href="{Permalink}">
  862.  
  863. {NoteCountWithLabel} | {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}
  864.  
  865. </a>
  866.  
  867. </div>
  868.  
  869. {/block:IndexPage}
  870.  
  871. {block:Text}
  872. {block:Title}
  873. <div class="titles"><a href="{Permalink}">{Title}</a></div>
  874. {/block:Title}
  875. {Body}
  876. {/block:Text}
  877.  
  878. {block:Photo}
  879. {block:PermalinkPage}
  880. {LinkOpenTag}
  881. <img src="{PhotoURL-500}">
  882. {LinkCloseTag}
  883. {/block:PermalinkPage}
  884.  
  885. {block:IndexPage}
  886.  
  887.  
  888. {block:IfNotOneColumned}
  889. {LinkOpenTag}
  890. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  891. <img src="{PhotoURL-500}" width="250px" alt="{PhotoAlt}"/>
  892. {LinkCloseTag}
  893. {/block:IfNotOneColumned}
  894.  
  895. {block:IfOneColumned}
  896. {LinkOpenTag}
  897. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  898. <img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>
  899. {LinkCloseTag}
  900. {/block:IfOneColumned}
  901.  
  902.  
  903.  
  904. {/block:IndexPage}
  905.  
  906. {block:IfShowCaption}
  907. {block:Caption}{Caption}{/block:Caption}
  908. {/block:IfShowCaption}
  909.  
  910. {block:IfNotShowCaption}{block:PermalinkPage}
  911. {block:Caption}{Caption}{/block:Caption}
  912. {block:PermalinkPage}{/block:IfNotShowCaption}
  913. {/block:Photo}
  914.  
  915. {block:Photoset}
  916. {block:PermalinkPage}{Photoset-500} {/block:PermalinkPage}
  917.  
  918. {block:IndexPage}
  919.  
  920. {block:IfOneColumned}
  921. {Photoset-500}
  922. {/block:IfOneColumned}
  923.  
  924. {block:IfNotOneColumned}
  925. {Photoset-250}
  926. {/block:IfNotOneColumned}
  927.  
  928. {/block:IndexPage}
  929.  
  930. {block:IfShowCaption}
  931. {block:Caption}{Caption}{/block:Caption}
  932. {/block:IfShowCaption}
  933.  
  934. {block:IfNotShowCaption}{block:PermalinkPage}
  935. {block:Caption}{Caption}{/block:Caption}
  936. {block:PermalinkPage}{/block:IfNotShowCaption}
  937. {/block:Photoset}
  938.  
  939. {block:Quote}
  940. <div class="links">❝{Quote}❞</div>
  941. {block:Source}
  942. <div class="source"> — {Source} </div>
  943. {/block:Source}
  944. {/block:Quote}
  945.  
  946. {block:Link}
  947. <div class="sa">
  948. <a href="{URL}" {Target}>{Name}</a>
  949. </div>
  950. {block:Description}
  951. {Description}
  952. {/block:Description}{/block:Link}
  953.  
  954. {block:Chat}
  955. {block:Title}
  956. <div class="si">{Title}</div>
  957. {/block:Title}
  958. <div class="chats">
  959. {block:Lines}
  960. <div class="chat {Alt}">{block:Label}<i>{Label}</i>{/block:Label} {Line}</div>
  961. {/block:Lines}
  962. </div>
  963. {/block:Chat}
  964.  
  965. {block:Audio}
  966. <div id="audio">{AudioPlayerWhite} </div>
  967. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  968. <div class="audioplayer">
  969. <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>
  970.  
  971. {block:Caption} <div class="caption-audio">{Caption}</div> {/block:Caption}
  972.  
  973. {/block:Audio}
  974.  
  975.  
  976. {block:Video}
  977. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  978.  
  979. {block:IfOneColumned}
  980. {Video-500}
  981. {/block:IfOneColumned}
  982.  
  983. {block:IfNotOneColumned}
  984. {Video-250}
  985. {/block:IfNotOneColumned}
  986. {block:IfShowCaption}
  987. {block:Caption}{Caption}{/block:Caption}
  988. {/block:IfShowCaption}
  989.  
  990. {block:IfNotShowCaption}{block:PermalinkPage}
  991. {block:Caption}{Caption}{/block:Caption}
  992. {block:PermalinkPage}{/block:IfNotShowCaption}
  993. {/block:Video}
  994.  
  995. {block:Answer}
  996. <div class="ask">
  997. {Asker}:
  998. <br>
  999. {Question}
  1000. </div>
  1001. {Answer}
  1002. {/block:Answer}
  1003.  
  1004. <div id="permalinki"title="Reblog?">
  1005. <a href="{reblogURL}"><img src="http://static.tumblr.com/5ojoydj/PqTmivjs7/loop.gif"></a>
  1006. </div>
  1007.  
  1008. </div>
  1009.  
  1010. {block:PermalinkPage}
  1011. <div id="permalinks">
  1012. {block:Date}
  1013. <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}
  1014. <div style="border-bottom:1px dotted {color:border blockquote};"></div>
  1015. <br>
  1016. {block:RebloggedFrom}<b>original:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  1017. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br>
  1018. {block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  1019. <br>
  1020. <div style="border-bottom:1px solid {color:border blockquote};margin-bottom:5px;"></div>
  1021. {block:PostNotes}
  1022. {PostNotes}
  1023. {/block:PostNotes}
  1024. </div>
  1025. {/block:PermalinkPage}
  1026. {/block:Posts}
  1027.  
  1028.  
  1029. </div>
  1030.  
  1031.  
  1032.  
  1033. <div id="credit"title="Created by Faiz Ichsan Jaya">
  1034. <a href="http://faluvtha.tumblr.com/">✂ Theme by Faluvtha</a>
  1035. </div>
  1036.  
  1037.  
  1038. {block:IfNotInfiniteScrolling}
  1039. <div class="page">
  1040. {block:PreviousPage}<a href="{PreviousPage}" title="newer">PREV</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" title="older">NEXT</a>{/block:NextPage}
  1041. </div>
  1042. {block:IfNotInfiniteScrolling}
  1043.  
  1044. </body>
  1045. </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!