API tools faq
paste
perfectpsychopath

theme 5 for jules :D

perfectpsychopath
Oct 28th, 2012
56
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.62 KB | None | 0 0
raw download clone embed print report
  1. <!--PONDSTIELS-->
  2.  
  3. <html><head>
  4.  
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}" />
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  8. <meta name="description" content="{MetaDescription}" />
  9.  
  10. <!-- DEFAULT VARIABLES -->
  11. <meta name="color:Background" content="#FFFCF8"/>
  12. <meta name="color:Post Background" content="#FFFFFF"/>
  13. <meta name="color:Post Border" content="#FCF2E9"/>
  14. <meta name="color:Text" content="#CEBDB2"/>
  15. <meta name="color:Links" content="#CFADA6"/>
  16. <meta name="color:Links Hover" content="#CEB8B2"/>
  17. <meta name="color:Sidebar" content="#FFFFFF"/>
  18. <meta name="color:Topbar" content="#FCF2E9"/>
  19. <meta name="color:Topbar Right Border" content="#EAD2C8"/>
  20. <meta name="color:Topbar Bottom Border" content="#FFFFFF"/>
  21. <meta name="color:Sidelinks" content="#FFFFFF">
  22. <meta name="color:Sidelinks Hover" content="#FCF2E9"/>
  23. <meta name="color:Info Border" content="#EAD2C8"/>
  24. <meta name="color:Info Background" content="#FFFCF8"/>
  25. <meta name="color:Scrollbar" content="#CEB8B2"/>
  26. <meta name="color:Title Shadow" content="#FFFFFF"/>
  27. <meta name="color:Topbar Title" content="#CFADA6"/>
  28.  
  29. <meta name="image:Sidebar" content=""/>
  30. <meta name="image:Sidebar2" content=""/>
  31. <meta name="image:Background" content=""/>
  32. <meta name="image:topBackground" content=""/>
  33.  
  34. <meta name="font:Topbar Title" content="georgia" />
  35. <meta name="font:Topbar Title 2" content="georgia" />
  36. <meta name="font:Topbar Title 3" content="georgia" />
  37. <meta name="font:Post Titles" content="calibri" />
  38. <meta name="font:Body" content="arial" />
  39. <meta name="font:Description" content="arial" />
  40.  
  41. <meta name="if:2 Column Posts" content"0"/>
  42. <meta name="if:Infinite Scrolling" content"0"/>
  43. <meta name="if:Hide Pagination" content"0"/>
  44. <meta name="if:Hide Photo Captions" content="0"/>
  45. <meta name="if:Show Submit" content="0"/>
  46.  
  47. <meta name="text:Title 1" content=""/>
  48. <meta name="text:Title 2" content=""/>
  49.  
  50. <meta name="text:Link 1" content="http://"/>
  51. <meta name="text:Link 1 Title" content=""/>
  52. <meta name="text:Link 2" content="http://">
  53. <meta name="text:Link 2 Title" content=""/>
  54. <meta name="text:Link 3" content="http://"/>
  55. <meta name="text:Link 3 Title" content=""/>
  56. <meta name="text:Link 4" content="http://"/>
  57. <meta name="text:Link 4 Title" content=""/>
  58. <meta name="text:Link 5" content="http://"/>
  59. <meta name="text:Link 5 Title" content=""/>
  60. <meta name="text:Link 6" content="http://"/>
  61. <meta name="text:Link 6 Title" content=""/>
  62. <meta name="text:Link 7" content="http://"/>
  63. <meta name="text:Link 7 Title" content=""/>
  64. <meta name="text:Link 8" content="http://"/>
  65. <meta name="text:Link 8 Title" content=""/>
  66.  
  67. <style type="text/css">
  68.  
  69.  
  70. /* --- SCROLLBAR --- */
  71.  
  72. ::-webkit-scrollbar-thumb:vertical {
  73. background-color:{color:Scrollbar};
  74. height:30px;
  75. }
  76.  
  77. ::-webkit-scrollbar-thumb:horizontal {
  78. background-color:{color:Scrollbar};
  79. height:5px!important;
  80. }
  81.  
  82. ::-webkit-scrollbar {
  83. background-color:{color:topbar title};
  84. height:5px;
  85. width:5px;
  86. }
  87.  
  88.  
  89. /* --- POSTS --- */
  90.  
  91. body {
  92. color:{color:Text};
  93. background-attachment:fixed;
  94. background-color:{color:Background};
  95. background-image: url('{image:Background}');
  96. background-position:top left;
  97. background-repeat:repeat;
  98. text-align:justify;
  99. font-family:{font:Body};
  100. font-size:9px;
  101. }
  102.  
  103. a {
  104. text-decoration:none;
  105. color:{color:Links};
  106. }
  107.  
  108. a:hover {
  109. text-decoration:none;
  110. color:{color:Links Hover};
  111. }
  112.  
  113. {block:IfNot2ColumnPosts}
  114. #entries {
  115. position:absolute;
  116. overflow:hidden;
  117. width:630px;
  118. margin-left:370px;
  119. margin-top:30px;
  120. }
  121.  
  122. #posts {
  123. background-color:{color:Post Background};
  124. border:1px solid {color:Post Border};
  125. padding:7px;
  126. width:500px;
  127. margin-bottom:10px;
  128. }
  129. {/block:IfNot2ColumnPosts}
  130.  
  131.  
  132. {block:If2ColumnPosts}
  133. {block:IndexPage}
  134.  
  135. #entries {
  136. display:inline-block;
  137. overflow:hidden;
  138. width:600px;
  139. margin-left:350px;
  140. margin-top:100px;
  141. }
  142.  
  143. #posts {
  144. float:left;
  145. width:250px;
  146. padding:7px;
  147. margin-left:5px;
  148. margin-bottom:10px;
  149. border:1px solid {color:Post Border};
  150. background-color:{color:Post Background};
  151. text-align:left;
  152. }
  153. {/block:IndexPage}
  154.  
  155. {block:PermalinkPage}
  156. #entries {
  157. position:absolute;
  158. overflow:hidden;
  159. width:630px;
  160. margin-left:370px;
  161. margin-top:100px;
  162. }
  163.  
  164. #posts {
  165. background-color:{color:Post Background};
  166. border:1px solid {color:Post Border};
  167. padding:7px;
  168. width:500px;
  169. margin-bottom:10px;
  170. }
  171. {/block:PermalinkPage}
  172. {/block:If2ColumnPosts}
  173.  
  174.  
  175. /* --- SIDEBAR --- */
  176.  
  177. #sidebar {
  178. position:fixed;
  179. margin-top:100px;
  180. margin-left:30px;
  181. width:238px;
  182. background-color:{color:transparent};
  183. z-index:1;
  184.  
  185. }
  186.  
  187. #sidebarimage img {
  188. max-width:238px; text-align:center;
  189. margin-top:82px;
  190. margin-bottom:5px;
  191. height:auto;
  192. text-align:center; border-radius:10px 10px 10px 10px;
  193.  
  194. }
  195.  
  196.  
  197.  
  198. #sidebarimage imga:hover {
  199. text-align: center;
  200. text-decoration:none;
  201. text-align:center; border-radius:238px 238px 238px 238px;
  202. -webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  203. }
  204.  
  205.  
  206.  
  207. #description {
  208. font-size:9px;
  209. font-family:{font:Description};
  210. color:{color:Text};
  211. text-align:left;
  212. margin-top:5px;
  213. width:280px;
  214. }
  215.  
  216. .pagination {
  217. margin-bottom:0px;
  218. text-align:center;
  219. line-height:20px;
  220. font-family:calibri;
  221. font-size:10px;
  222. }
  223.  
  224.  
  225.  
  226. .pagination a:hover {
  227. background-color:{color:sidelinks hover};
  228. color:{color:Text};
  229. }
  230.  
  231.  
  232. /* --- TOPBAR & SIDELINKS --- */
  233.  
  234. #sidebar2 {
  235. position:fixed;
  236. margin-top:100px;
  237. margin-left:30px;
  238. width:300px;
  239. background-color:{color:transparent};
  240. z-index:10;
  241.  
  242. }
  243.  
  244. #icon {
  245. border: 13px solid {color:Sidelinks Hover};
  246. height:48px;
  247. width:48px;
  248. margin-left:244px;
  249. margin-top:90px;
  250. position:fixed;
  251. }
  252.  
  253.  
  254. #navigation {
  255. position:fixed;
  256. margin-left:243px;
  257. margin-top:124px;
  258. }
  259.  
  260. #navigation a {
  261. display:block;
  262. width:71px;
  263. height:auto;
  264. font-family:georgia;
  265. font-size: 9px;
  266. text-align:center;
  267. padding:3px;
  268. margin-bottom:-8px;
  269. transform:lowercase;
  270. -webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  271. }
  272.  
  273. #navigation a:hover {
  274. text-align: center;
  275. text-decoration:none;
  276. -webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  277. }
  278.  
  279. .link1 a {
  280. color:{color:Nav Text};
  281. background-color:{color:sidelinks};
  282. }
  283.  
  284. .link1 a:hover {
  285. color:{color:Nav 1};
  286. background-color:{color:sidelinks Hover};
  287. border-bottom:3px solid {color:sidelinks};
  288. }
  289.  
  290. .link2 a {
  291. color:{color:Nav Text};
  292. background-color:{color:sidelinks};
  293. }
  294.  
  295. .link2 a:hover {
  296. color:{color:Nav 2};
  297. background-color:{color:sidelinks Hover};
  298. border-bottom:3px solid {color:sidelinks};
  299. }
  300.  
  301. .link3 a {
  302. color:{color:Nav Text};
  303. background-color:{color:sidelinks};
  304. }
  305.  
  306. .link3 a:hover {
  307. color:{color:Nav 3};
  308. background-color:{color:sidelinks Hover};
  309. border-bottom:3px solid {color:sidelinks};
  310. }
  311.  
  312. #sidelinks {
  313. margin-top:20px;
  314. }
  315.  
  316. #sidelinks a {
  317. display:block;
  318. width:140px;
  319. height:auto;
  320. font-family: georgia;
  321. font-size: 9px;
  322. text-align: center;
  323. background-color:{color:Sidelinks};
  324. color:{color:Nav Text};
  325. padding:2px;
  326. margin-bottom: -10px;
  327. text-transform:lowercase;
  328. letter-spacing:1px;
  329. -webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  330. }
  331.  
  332. #sidelinks a:hover {
  333. color:{color:Nav Text};
  334. background-color:{color:Sidelinks Hover};
  335. text-align: center;
  336. text-decoration:none;
  337. letter-spacing:2px;
  338. -webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  339. }
  340.  
  341. /* --- TITLES --- */
  342. #mainlinks {
  343. position:fixed;
  344. margin-top:26px;
  345. margin-left:343px;
  346. width:515px;
  347. z-index:2;
  348. background-color:{color:Mainlinks Background};
  349. background-image: url('{image:Mainlinks}');
  350. -webkit-border-bottom-left-radius:10px;
  351. -moz-border-bottom-left-radius:10px;
  352. border-bottom-left-radius:10px;
  353. -webkit-border-bottom-right-radius:10px;
  354. -moz-border-bottom-right-radius:10px;
  355. border-bottom-right-radius:10px;
  356. }
  357.  
  358.  
  359. #topbartitle {
  360. font-size:20px;
  361. font-family:{font:Topbar Title};
  362. font-style:italic;
  363. float:right;
  364. color:{color:Topbar Title};
  365. margin-top:10px;
  366. margin-right:0px;
  367. text-transform:lowercase;
  368. text-shadow:-2px -2px 1px {color:Title Shadow};
  369. }
  370.  
  371.  
  372.  
  373.  
  374. #topbartitle2 {
  375. font-family:{font:Topbar Title 2};
  376. font-size:10px;
  377. float:left;
  378. colour:{color:links hover};
  379. text-transform:uppercase;
  380. margin-left:0px;
  381. margin-top:0px
  382. }
  383.  
  384. #topbartitle3 {
  385. font-family:{font:Topbar Title 2};
  386. font-size:10px;
  387. float:left;
  388. colour:{color:links hover};
  389. text-transform:uppercase;
  390. margin-left:-320px;
  391. margin-top:6px
  392. }
  393.  
  394. #title1 {
  395. margin-bottom:-5px;
  396. font-size:16px;
  397. {block:If2ColumnPosts}
  398. font-size:14px;
  399. {/block:If2ColumnPosts}
  400. text-decoration:none;
  401. text-align:center;
  402. text-transform:uppercase;
  403. font-family:{font:Post Titles};
  404. color:{color:Topbar bottom border};
  405. text-shadow:-2px -2px 1px {color:Title Shadow};
  406. }
  407.  
  408. #title2 {
  409. margin-bottom:-5px;
  410. font-size:14px;
  411. {block:If2ColumnPosts}
  412. font-size:12px;
  413. {/block:If2ColumnPosts}
  414. text-align:center;
  415. text-transform:uppercase;
  416. font-family:{font:Post Titles};
  417. color:{color:Topbar bottom border};
  418. text-shadow:-2px -2px 1px {color:Title Shadow};
  419. }
  420.  
  421. .sous2
  422. {width:250px;
  423. background-color:{color:CategoryBG};
  424. color:{color:Category};
  425. margin-bottom: 0px;
  426. -webkit-transition: opacity 0.4s linear;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
  427.  
  428. .sous2:hover
  429. {background-color:{color:CategoryHover};}
  430.  
  431. #navigation25
  432. {height:19px;
  433. overflow:hidden;
  434. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  435.  
  436. #navigation25:hover
  437. {height:170px;}
  438.  
  439. #navigation25:hover .cat
  440. {background-color:{color:NavigationHover};}
  441.  
  442. #cred2
  443. {width:280px;text-align:center;opacity:0.3;margin-top:5px;
  444. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  445.  
  446. #cred2:hover
  447. {opacity:1;}
  448.  
  449.  
  450. .sous4
  451. {width:300px;
  452. background-color:{color:CategoryBG};
  453. color:{color:Category};
  454. margin-bottom: 0px;
  455. -webkit-transition: opacity 0.4s linear;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
  456.  
  457. .sous4:hover
  458. {background-color:{color:CategoryHover};}
  459.  
  460. #navigation4
  461. {height:58px;
  462. overflow:hidden;
  463. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  464.  
  465. #navigation4:hover
  466. {height:120px;}
  467.  
  468. #navigation4:hover .cat
  469. {background-color:{color:NavigationHover};}
  470.  
  471. #cred4
  472. {width:280px;text-align:center;opacity:0.3;margin-top:5px;
  473. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  474.  
  475. #cred4:hover
  476. {opacity:1;}
  477.  
  478.  
  479.  
  480. /* --- AUDIO --- */
  481.  
  482. #audio {
  483. margin-bottom:5px;
  484. width:500px;
  485. height:105px;
  486. {block:If2ColumnPosts}
  487. width:250px;
  488. height:65px;
  489. {block:PermalinkPage}
  490. width:500px;
  491. height:105px;
  492. {/block:PermalinkPage}
  493. {/block:If2ColumnPosts}
  494. }
  495.  
  496. .albumart {
  497. width:100px;
  498. height:100px;
  499. {block:If2ColumnPosts}
  500. width:64px;
  501. height:64px;
  502. {block:PermalinkPage}
  503. width:100px;
  504. height:100px;
  505. {/block:PermalinkPage}
  506. {/block:If2ColumnPosts}
  507. position:absolute;
  508. }
  509.  
  510. .albumart img {
  511. width:100px;
  512. height:100px;
  513. {block:If2ColumnPosts}
  514. width:64px;
  515. height:64px;
  516. {block:PermalinkPage}
  517. width:100px;
  518. height:100px;
  519. {/block:PermalinkPage}
  520. {/block:If2ColumnPosts}
  521. float:left;
  522. }
  523.  
  524. .playercontainer {
  525. opacity:.2;
  526. display:block;
  527. width:100px;
  528. height:100px;
  529. {block:If2ColumnPosts}
  530. width:64px;
  531. height:64px;
  532. {block:PermalinkPage}
  533. width:100px;
  534. height:100px;
  535. {/block:PermalinkPage}
  536. {/block:If2ColumnPosts}
  537. background-color:white;
  538. position:absolute;
  539. z-index:3;
  540. -webkit-transition:all 0.5s ease-in-out;
  541. -moz-transition:all 0.5s ease-in-out;
  542. -o-transition:all 0.5s ease-in-out;
  543. -ms-transition:all 0.5s ease-in-out;
  544. transition:all 0.5s ease-in-out;
  545. }
  546.  
  547. .playercontainer:hover {
  548. opacity:.7;
  549. -webkit-transition:all 0.5s ease-in-out;
  550. -moz-transition:all 0.5s ease-in-out;
  551. -o-transition:all 0.5s ease-in-out;
  552. -ms-transition:all 0.5s ease-in-out;
  553. transition:all 0.5s ease-in-out;
  554. }
  555.  
  556. .player {
  557. margin-left:36px;
  558. margin-top:36px;
  559. {block:If2ColumnPosts}
  560. margin-left:19px;
  561. margin-top:19px;
  562. {block:PermalinkPage}
  563. margin-left:36px;
  564. margin-top:36px;
  565. {/block:PermalinkPage}
  566. {/block:If2ColumnPosts}
  567. width:25px;
  568. height:25px;
  569. overflow:hidden;
  570. background-color:white;
  571. }
  572.  
  573. {block:IfNot2ColumnPosts}
  574. .audioinfo {
  575. margin-left:110px;
  576. float:left;
  577. background-color:{color:Background};
  578. width:388px;
  579. padding:2px;
  580. margin-top:3px;
  581. }
  582. {/block:IfNot2ColumnPosts}
  583.  
  584. {block:If2ColumnPosts}
  585. .audioinfo {
  586. margin-left:70px;
  587. background-color:trans;
  588. float:left;
  589. margin-top:3px;
  590. width:200px;
  591. overflow:hidden;
  592. }
  593. {block:PermalinkPage}
  594. .audioinfo {
  595. margin-left:110px;
  596. float:left;
  597. background-color:{color:Background};
  598. width:388px;
  599. padding:2px;
  600. margin-top:3px;
  601. }
  602. {/block:PermalinkPage}
  603. {/block:If2ColumnPosts}
  604.  
  605.  
  606. /* --- CHAT POST --- */
  607.  
  608. .chat {
  609. line-height:12px;
  610. list-style:none;
  611. }
  612.  
  613. .chat ul {
  614. line-height:15px;
  615. list-style:none;
  616. padding:0px;
  617. line-height:20px;
  618. }
  619.  
  620. .person1 {
  621. background-color:{color:Background};
  622. color:{color:Text};
  623. }
  624.  
  625. .person1 .label {
  626. font-weight: bold;
  627. padding: 0px;
  628. margin-left: 5px;
  629. color:{color:Text};
  630. }
  631.  
  632. .person2 {
  633. color:{color:Text};
  634. }
  635.  
  636. .person2 .label {
  637. font-weight: bold;
  638. padding: 0px;
  639. margin-left: 5px;
  640. color:{color:Text};
  641. }
  642.  
  643. .person3 {
  644. background-color:{color:Background};
  645. color:{color:Text};
  646. }
  647.  
  648. .person3 .label {
  649. font-weight: bold;
  650. padding: 0px;
  651. margin-left: 5px;
  652. color:{color:Text};
  653. }
  654.  
  655. .person4 {
  656. color:{color:Text};
  657. }
  658.  
  659. .person4 .label {
  660. font-weight: bold;
  661. padding: 0px;
  662. margin-left: 5px;
  663. color:{color:Text};
  664. }
  665.  
  666. .person5 {
  667. background-color:{color:Background};
  668. color:{color:Text};
  669. }
  670.  
  671. .person5 .label {
  672. font-weight: bold;
  673. padding: 0px;
  674. margin-left: 5px;
  675. color:{color:Text};
  676. }
  677.  
  678. .person6 {
  679. color:{color:Text};
  680. }
  681.  
  682. .person6 .label {
  683. font-weight: bold;
  684. padding: 0px;
  685. margin-left: 5px;
  686. color:{color:Text};
  687. }
  688.  
  689.  
  690. /* --- INFO & OTHER --- */
  691.  
  692. #info {
  693. padding:4px;
  694. margin-top:7px;
  695. line-height:90%;
  696. color:{color:Text};
  697. font-size:10px;
  698. font-family:calibri;
  699. text-transform:uppercase;
  700. width:493px;
  701. {block:If2ColumnPosts}
  702. width:243px;
  703. {block:PermalinkPage}
  704. width:493px;
  705. {/block:PermalinkPage}
  706. {/block:If2ColumnPosts}
  707. background-color:{color:Info Background};
  708. border-top:2px solid {color:Info Border};
  709. text-align:center;
  710. opacity:0.6;
  711. -webkit-transition:opacity 0.8s linear;
  712. -webkit-transition:all 0.5s ease-out;
  713. -moz-transition:all 0.5s ease-out;
  714. transition:all 0.5s ease-out;
  715. }
  716.  
  717. #info:hover {
  718. opacity:1;
  719. -webkit-transition: opacity 0.8s linear;
  720. -webkit-transition: all 0.5s ease-out;
  721. -moz-transition: all 0.5s ease-out;
  722. transition: all 0.5s ease-out;
  723. }
  724.  
  725. #info a {
  726. color:{color:Links};
  727. }
  728.  
  729. #info a:hover {
  730. color:{color:Links Hover};
  731. }
  732.  
  733. #questions {
  734. padding:10px;
  735. margin-bottom:0px;
  736. font-size:10px;
  737. font-family:georgia;
  738. text-align:center;
  739. font-style:italic;
  740. color:{color:Text};
  741. background-color:{color:Background};
  742. }
  743.  
  744. #questions a {
  745. color:{color:Links};
  746. }
  747.  
  748. #questions a:hover {
  749. color:{color:Links Hover};
  750. }
  751.  
  752. #tags {
  753. font-family:georgia;
  754. text-align:center;
  755. text-transform:lowercase;
  756. font-style:italic;
  757. font-size:9px;
  758. }
  759.  
  760. #source {
  761. margin-top:3px;
  762. text-align:right;
  763. margin-bottom:5px;
  764. font-size:10px;
  765. }
  766.  
  767. .postnotes {
  768. margin-top:-5px;
  769. }
  770.  
  771. ol.notes, .notes li {
  772. width:500px;
  773. list-style:none;
  774. }
  775.  
  776. blockquote {
  777. border-left:4px solid {color:Text};
  778. padding:0px;
  779. padding-left:5px;
  780. margin:5px;
  781. }
  782.  
  783. {CustomCSS}
  784.  
  785. </style>
  786.  
  787. {block:ifNot2ColumnPosts}{block:ifInfiniteScrolling}
  788. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  789. {/block:ifInfiniteScrolling}{/block:ifNot2ColumnPosts}
  790.  
  791. {block:If2ColumnPosts}
  792. {block:IndexPage}
  793.  
  794. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  795.  
  796.  
  797. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  798.  
  799. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  800.  
  801. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  802.  
  803. <script>
  804. $(function(){
  805. var $container = $('#entries');
  806. $container.imagesLoaded(function(){
  807. $container.masonry({
  808. itemSelector: '#posts',
  809. });
  810. });
  811. $container.infinitescroll({
  812. itemSelector : "#posts",
  813. navSelector : "#page-nav",
  814. nextSelector : "#page-nav a",
  815. loadingImg : "",
  816. loadingText : "<em></em>",
  817. bufferPx : 10000,
  818. extraScrollPx: 12000,
  819. },
  820. function (newElements) {
  821. var $newElems = $(newElements).css({
  822. opacity: 1
  823. });
  824. $newElems.imagesLoaded(function () {
  825. $newElems.animate({
  826. opacity: 1
  827. });
  828. $container.masonry( 'appended', $newElems, true );
  829. });
  830. });
  831. });
  832. </script>
  833. {/block:IndexPage}
  834. {/block:If2ColumnPosts}
  835.  
  836. </head>
  837. <body>
  838.  
  839.  
  840.  
  841. <div id="sidebar2">
  842. <div id="icon"><img src="{PortraitURL-48}"></div>
  843.  
  844.  
  845.  
  846.  
  847.  
  848. <div id="topbartitle">{text:Title}
  849. {block:IfNotHidePagination}<div class="pagination">{block:Pagination}
  850. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  851. {block:JumpPagination length="6"}{block:CurrentPage}
  852. <span class="current_page" style="padding-right:3px;padding-left:3px;">{PageNumber}</span>
  853. {/block:CurrentPage}
  854. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  855. {/block:JumpPagination}
  856. {block:NextPage}<a href="{NextPage}">»</a> {/block:NextPage}
  857. {/block:Pagination}</div>{/block:IfNotHidePagination}
  858. </strong>{text:Title 1}</div><br>
  859.  
  860. <div id="topbartitle2">{text:Title 2}
  861.  
  862.  
  863.  
  864. <div id="navigation">
  865.  
  866. <div class="link1">{block:HasPages}{block:Pages}<a href="{URL}" title="{Label}">{Label}</a><br>{/block:Pages}{/block:HasPages}</div>
  867. <div class="link1">{block:ifLink1Title}<a href="{text:Link 1}">{text:Link 1 Title}</a><br>{/block:ifLink1Title}</div>
  868. <div class="link2">{block:ifLink2Title}<a href="{text:Link 2}">{text:Link 2 Title}</a><br>{/block:ifLink2Title}</div>
  869. <div class="link3">{block:ifLink3Title}<a href="{text:Link 3}">{text:Link 3 Title}</a><br>{/block:ifLink3Title}</div>
  870. <div class="link1">{block:ifLink4Title}<a href="{text:Link 4}">{text:Link 4 Title}</a><br>{/block:ifLink4Title}</div>
  871. <div class="link2">{block:ifLink5Title}<a href="{text:Link 5}">{text:Link 5 Title}</a><br>{/block:ifLink5Title}</div>
  872. <div class="link3">{block:ifLink6Title}<a href="{text:Link 6}">{text:Link 6 Title}</a><br>{/block:ifLink6Title}</div>
  873. <div class="link1">{block:ifLink7Title}<a href="{text:Link 7}">{text:Link 7 Title}</a><br>{/block:ifLink7Title}</div>
  874. <div class="link2">{block:ifLink8Title}<a href="{text:Link 8}">{text:Link 8 Title}</a><br>{/block:ifLink8Title}</div>
  875. <div class="link3"><a href="http://pondstiels.tumblr.com/">theme</a><br></div>
  876.  
  877.  
  878. </div></div></div>
  879.  
  880.  
  881.  
  882.  
  883.  
  884. <div id="sidebar">
  885.  
  886. <div id="sidebarimage"><img src="{image:Sidebar}"></div>
  887.  
  888.  
  889.  
  890.  
  891.  
  892.  
  893.  
  894. {block:Description}<center><div id="description">{Description}</div></center>{/block:Description}<p>
  895.  
  896.  
  897. </div>
  898.  
  899.  
  900.  
  901.  
  902. </div>
  903.  
  904.  
  905.  
  906. <div id="entries">{block:ifNot2ColumnPosts}{block:ifInfiniteScrolling}<div class="autopagerize_page_element">{/block:ifInfiniteScrolling}{/block:ifNot2ColumnPosts}{block:Posts}<div id="posts">
  907.  
  908. {block:Title}
  909. <div id="title1">{Title}</div>{/block:Title}
  910. {block:Text}{Body}{/block:Text}
  911.  
  912. {block:Photo}
  913. {block:IfNot2ColumnPosts}
  914. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  915. {/block:IfNot2ColumnPosts}
  916. {block:If2ColumnPosts}
  917. {block:IndexPage}<center>{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{/block:IndexPage}
  918. {block:PermalinkPage}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{/block:PermalinkPage}
  919. {/block:If2ColumnPosts}
  920. {block:IfNotHidePhotoCaptions}
  921. {block:Caption}{Caption}{/block:Caption}
  922. {/block:IfNotHidePhotoCaptions}
  923. {block:IfHidePhotoCaptions}
  924. {block:PermalinkPage}
  925. {block:Caption}{Caption}{/block:Caption}
  926. {/block:PermalinkPage}
  927. {/block:IfHidePhotoCaptions}
  928. {/block:Photo}
  929.  
  930. {block:Photoset}
  931. {block:IfNot2ColumnPosts}
  932. <center>{Photoset-500}</center>
  933. {/block:IfNot2ColumnPosts}
  934. {block:If2ColumnPosts}{block:IndexPage}
  935. <center>{Photoset-250}</center>
  936. {/block:IndexPage}{block:PermalinkPage}
  937. <center>{Photoset-500}</center>
  938. {/block:PermalinkPage}{/block:If2ColumnPosts}
  939. {block:IfNotHidePhotoCaptions}
  940. {block:Caption}{Caption}{/block:Caption}
  941. {/block:IfNotHidePhotoCaptions}
  942. {block:IfHidePhotoCaptions}
  943. {block:PermalinkPage}
  944. {block:Caption}{Caption}{/block:Caption}
  945. {/block:PermalinkPage}
  946. {/block:IfHidePhotoCaptions}
  947. {/block:Photoset}
  948.  
  949. {block:Quote}
  950. <div id="title2">"{Quote}"</div>{block:Source}<div id="source">— {Source}</div>{/block:Source}
  951. {/block:Quote}
  952.  
  953. {block:Link}
  954. <div id="title2"><a href="{URL}" class="link" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}
  955. {/block:Link}
  956.  
  957. {block:Chat}
  958. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  959. {/block:Chat}
  960.  
  961. {block:Audio}
  962. <div id="audio"><div class="albumart"><img src="http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg"></div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}{block:AudioPlayer}<div class="playercontainer"><div class="player">{AudioPlayerWhite}</div></div>{/block:AudioPlayer}
  963. {block:TrackName}<div class="audioinfo"><b>Track Title:</b> {TrackName}</div><br>{/block:TrackName}
  964. {block:Artist}<div class="audioinfo"><b>Artist:</b> {Artist}</div><br>{/block:Artist}
  965. {block:Album}<div class="audioinfo"><b>Album:</b> {Album}</div>{/block:Album}</div>
  966. {block:Caption}{Caption}{/block:Caption}
  967. {/block:Audio}
  968.  
  969. {block:Video}
  970. {block:IfNot2ColumnPosts}{Video-500}{/block:IfNot2ColumnPosts}
  971. {block:If2ColumnPosts}{block:IndexPage}{Video-250}{/block:IndexPage}
  972. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  973. {/block:If2ColumnPosts}
  974. {block:Caption}{Caption}{/block:Caption}
  975. {/block:Video}
  976.  
  977. {block:Answer}
  978. <div id="questions">{Asker} asked: "{Question}"</div>
  979. {Answer}{/block:Answer}
  980.  
  981. {block:IfNot2ColumnPosts}
  982. {block:Date}<div id="info"><a href="{ReblogURL}" target="_blank">Reblog</a> - <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:RebloggedFrom} - via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> {block:ContentSource} - © <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{/block:RebloggedFrom}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  983.  
  984. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  985. {/block:IfNot2ColumnPosts}
  986.  
  987.  
  988. {block:If2ColumnPosts}{block:IndexPage}
  989. {block:Date}<div id="info"><a href="{ReblogURL}" target="_blank">Reblog</a> / <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:RebloggedFrom} - <a href="{ReblogParentURL}" title="{ReblogParentTitle}">VIA</a> {block:ContentSource} - <a href="{SourceURL}" title="{SourceTitle}">ORG</a>{/block:ContentSource}{/block:RebloggedFrom}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  990. {/block:IndexPage}
  991.  
  992. {block:PermalinkPage}
  993. {block:Date}<div id="info"><a href="{ReblogURL}" target="_blank">Reblog</a> - <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:RebloggedFrom} - via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> {block:ContentSource} - © <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{/block:RebloggedFrom}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  994.  
  995. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  996. {/block:PermalinkPage}{/block:If2ColumnPosts}
  997.  
  998.  
  999. </div>{/block:Posts}{block:ifNot2ColumnPosts}{block:ifInfiniteScrolling}</div>{/block:ifInfiniteScrolling}{/block:ifNot2ColumnPosts}
  1000.  
  1001. {block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}
  1002.  
  1003.  
  1004. </div></div>
  1005.  
  1006. </body>
  1007. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!