API tools faq
paste
silvercybermen

Theme 11: Chroma

silvercybermen
Jun 4th, 2014
1,223
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.18 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. <!--
  4.  
  5. Theme 06: Chroma by lunecerise aka sxriusblack
  6.  
  7. -keep credit intact
  8. -don't use as a basecode
  9. -don't steal any code
  10.  
  11. -------------
  12.  
  13. *****BEFORE ASKING FOR CODING HELP, /PLEASE/ SCROLL DOWN AND READ THE NOTES I ALREADY WROTE TO HELP YOU
  14.  
  15. IF YOU STILL HAVE QUESTIONS, FEEL FREE TO ASK
  16.  
  17. -->
  18.  
  19.  
  20. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  21. <head>
  22.  
  23. <title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <meta name="color:Background" content="#ffffff"/>
  29. <meta name="color:Text" content="#bbbbbb"/>
  30. <meta name="color:Link" content="#aaaaaa"/>
  31. <meta name="color:Sidebar Links" content="#F9BFD0"/>
  32. <meta name="color:Tags" content="#cccccc"/>
  33. <meta name="color:Hover" content="#f1f1f1"/>
  34. <meta name="color:Line" content="#f2f2f2"/>
  35. <meta name="color:Tooltip" content="#777777"/>
  36. <meta name="color:Scrollbar" content="#eeeeee"/>
  37.  
  38. <meta name="image:Sidebar" content=""/>
  39.  
  40. <meta name="if:500px Posts" content="1"/>
  41. <meta name="if:400px Posts" content="0"/>
  42. <meta name="if:Link A" content="1"/>
  43. <meta name="if:Link B" content="1"/>
  44. <meta name="if:Link C" content="1"/>
  45. <meta name="if:Link D" content="1"/>
  46. <meta name="if:Link E" content="0"/>
  47. <meta name="if:Submit" content="0"/>
  48.  
  49. <meta name="text:Blog Title" content="">
  50. <meta name="text:linkA" content="">
  51. <meta name="text:linkB" content="">
  52. <meta name="text:linkC" content="">
  53. <meta name="text:linkD" content="">
  54. <meta name="text:linkE" content="">
  55. <meta name="text:linkE url" content="/">
  56. <meta name="text:Your URL" content=""/>
  57.  
  58. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  59. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  60. <script>
  61. (function($){
  62. $(document).ready(function(){
  63. $("[title]").style_my_tooltips({
  64. tip_follows_cursor:true,
  65. tip_delay_time:1,
  66. tip_fade_speed:100,
  67. attribute:"title"
  68. });
  69. });
  70. })(jQuery);
  71. </script>
  72.  
  73. <script type="text/javascript">
  74. <!--
  75. function toggle_visibility(id) {
  76. var e = document.getElementById(id);
  77. if(e.style.display == 'block')
  78. e.style.display = 'none';
  79. else
  80. e.style.display = 'block';
  81. }
  82. //-->
  83. </script>
  84.  
  85. <style type="text/css">
  86.  
  87.  
  88. *, body, a, a:hover {cursor: url(http://static.tumblr.com/vmteopo/3Bkn5qfil/cursor2.png), auto;}
  89.  
  90. ::-webkit-scrollbar {width:7px; height:auto; background:{color:background};}
  91. ::-webkit-scrollbar-corner {background:{color:background};}
  92. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  93. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};}
  94. ::-webkit-scrollbar-thumb:hover {background:{color:scrollbar};}
  95. ::-webkit-scrollbar-increment {width:7px; height:7px; background-color:#fff;}
  96.  
  97. ::selection {
  98. background-color:{color:sidebar links};
  99. color:#fff;
  100. }
  101.  
  102. body {
  103. background:{color:background};
  104. margin:0px;
  105. color:{color:text};
  106. font-family:calibri;
  107. font-size:10px;
  108. line-height:110%;
  109. }
  110.  
  111. a {
  112. text-decoration:none;
  113. -moz-outline-style:none;
  114. color:{color:link};
  115. transition-duration:0.5s;
  116. -o-transition-duration:0.5s;
  117. -ms-transition-duration:0.5s;
  118. -moz-transition-duration:0.5s;
  119. -webkit-transition-duration:0.5s;
  120. }
  121.  
  122. a:hover {
  123. opacity:1;
  124. color:{color:hover};
  125. transition-duration:0.5s;
  126. -o-transition-duration:0.5s;
  127. -ms-transition-duration:0.5s;
  128. -moz-transition-duration:0.5s;
  129. -webkit-transition-duration:0.5s;
  130. }
  131.  
  132. img {
  133. border:none;
  134. max-width:100%;
  135. }
  136.  
  137.  
  138. h1 {
  139. font-size:12px;
  140. text-transform:uppercase;
  141. line-height:110%;
  142. }
  143.  
  144. h2 {
  145. font-size:15px;
  146. line-height:110%;
  147. }
  148.  
  149. blockquote {
  150. padding-left:5px;
  151. border-left:2px solid;
  152. }
  153.  
  154. blockquote blockquote {
  155. padding-left:5px;
  156. border-left:2px solid;
  157. }
  158.  
  159. b {
  160. font-weight:990;
  161. }
  162.  
  163. big {
  164. font-size:12px;
  165. }
  166.  
  167. p {
  168. line-height:110%;
  169. }
  170.  
  171. pre {
  172. padding:3px 5px;
  173. background-color:#f1f1f1;
  174. }
  175.  
  176. li {
  177. list-style:square;
  178. line-height:115%;
  179. color:{color:sidebar links};
  180. }
  181.  
  182. ol {
  183. list-style:upper-roman;
  184. line-height:115%;
  185. }
  186.  
  187. /*SIDEBAR*/
  188.  
  189. #sidebar {
  190. position:fixed;
  191. width:150px;
  192. margin-left:250px;
  193. margin-top:150px;
  194. opacity:1;
  195. height:100%;
  196. }
  197.  
  198. #sidebar:hover #sidebarimage{
  199. opacity:0;
  200. -webkit-filter:blur(3px);
  201. transition-duration:0.5s;
  202. -o-transition-duration:0.5s;
  203. -ms-transition-duration:0.5s;
  204. -moz-transition-duration:0.5s;
  205. -webkit-transition-duration:0.5s;
  206. }
  207.  
  208. #sidebar:hover #links, #sidebar:hover #title{
  209. opacity:1;
  210. transition-duration:0.5s;
  211. -o-transition-duration:0.5s;
  212. -ms-transition-duration:0.5s;
  213. -moz-transition-duration:0.5s;
  214. -webkit-transition-duration:0.5s;
  215. }
  216.  
  217. #sidebarimage {
  218. background-color:{color:sidebar links};
  219. width: 151px;
  220. height:151px;
  221. opacity:1;
  222. transition-duration:0.7s;
  223. -o-transition-duration:0.7s;
  224. -ms-transition-duration:0.7s;
  225. -moz-transition-duration:0.7s;
  226. -webkit-transition-duration:0.7s;
  227. }
  228.  
  229. #sidebarimage img {
  230. width:150px;
  231. height:150px;
  232. border-top:1px solid #f2f2f2;
  233. border-left:1px solid #f2f2f2;
  234. border-right:1px solid #f2f2f2;
  235. }
  236.  
  237. #title {
  238. font-family:calibri;
  239. position:fixed;
  240. color:#000;
  241. font-size:20px;
  242. text-transform:uppercase;
  243. width:130px;
  244. padding:10px 10px 18px;
  245. text-align:center;
  246. margin-top:-140px;
  247. opacity:0;
  248. margin-bottom:75px;
  249. line-height:115%;
  250. transition-duration:0.5s;
  251. -o-transition-duration:0.5s;
  252. -ms-transition-duration:0.5s;
  253. -moz-transition-duration:0.5s;
  254. -webkit-transition-duration:0.5s;
  255. }
  256.  
  257. #title a {
  258. color:#000;
  259. transition-duration:0.5s;
  260. -o-transition-duration:0.5s;
  261. -ms-transition-duration:0.5s;
  262. -moz-transition-duration:0.5s;
  263. -webkit-transition-duration:0.5s;
  264. }
  265.  
  266. #title a:hover {
  267. letter-spacing:1px;
  268. transition-duration:0.5s;
  269. -o-transition-duration:0.5s;
  270. -ms-transition-duration:0.5s;
  271. -moz-transition-duration:0.5s;
  272. -webkit-transition-duration:0.5s;
  273. }
  274.  
  275. .desc {
  276. position:fixed;
  277. font-family:calibri;
  278. text-transform:uppercase;
  279. line-height:110%;
  280. font-size:9px;
  281. width:130px;
  282. margin-top:-10px;
  283. padding:10px;
  284. text-align:center;
  285. color:{color:text};
  286. background-color:#fff;
  287. border:1px solid #f2f2f2;
  288. }
  289.  
  290. #pagi{
  291. width:150px;
  292. font-size:8px;
  293. text-align:center;
  294. margin-top:105px;
  295. position:fixed;
  296. font-family:calibri;
  297. letter-spacing:0px;
  298. }
  299.  
  300. #pagi a {
  301. color:#fff;
  302. padding:2px 4px;
  303. background-color:{color:sidebar links};
  304. border:1px solid #fff;
  305. }
  306.  
  307. /*LINKS*/
  308.  
  309. #links {
  310. position:fixed;
  311. margin: -85px auto 0;
  312. width:150px;
  313. height:100px;
  314. text-align:center;
  315. opacity:0;
  316. transition-duration:0.5s;
  317. -o-transition-duration:0.5s;
  318. -ms-transition-duration:0.5s;
  319. -moz-transition-duration:0.5s;
  320. -webkit-transition-duration:0.5s;
  321. }
  322.  
  323. #links a {
  324. cursor:crosshair;
  325. display:inline-block;
  326. background-color:{color:sidebar links};
  327. padding:16px;
  328. {block:ifLinkE}
  329. padding:13px;
  330. {/block:ifLinkE}
  331. transition-duration:0.5s;
  332. -o-transition-duration:0.5s;
  333. -ms-transition-duration:0.5s;
  334. -moz-transition-duration:0.5s;
  335. -webkit-transition-duration:0.5s;
  336. }
  337.  
  338. #links a:hover {
  339. color:{color:Hover}
  340. transition-duration:0.5s;
  341. -o-transition-duration:0.5s;
  342. -ms-transition-duration:0.5s;
  343. -moz-transition-duration:0.5s;
  344. -webkit-transition-duration:0.5s;
  345. }
  346.  
  347. #about, #nav, #upd {
  348. cursor:url(http://static.tumblr.com/vmteopo/3Bkn5qfil/cursor2.png), auto;
  349. display:none;
  350. font-size:9px;
  351. text-transform:uppercase;
  352. color:{color:text};
  353. width:130px;
  354. padding:10px;
  355. text-align:justify;
  356. position:fixed;
  357. height:40px;
  358. background-color:{color:background};
  359. overflow:hidden;
  360. }
  361.  
  362. #about a, #upd a {
  363. cursor:url(http://static.tumblr.com/vmteopo/3Bkn5qfil/cursor2.png), auto;
  364. color:{color:link};
  365. background-color:{color:background};
  366. padding:0;
  367. transition-duration:0.5s;
  368. -o-transition-duration:0.5s;
  369. -ms-transition-duration:0.5s;
  370. -moz-transition-duration:0.5s;
  371. -webkit-transition-duration:0.5s;
  372. }
  373.  
  374. #about a:hover, #upd a:hover {
  375. color:{color:hover};
  376. transition-duration:0.5s;
  377. -o-transition-duration:0.5s;
  378. -ms-transition-duration:0.5s;
  379. -moz-transition-duration:0.5s;
  380. -webkit-transition-duration:0.5s;
  381. }
  382.  
  383. #nav a {
  384. cursor:url(http://static.tumblr.com/vmteopo/3Bkn5qfil/cursor2.png), auto;
  385. font-size:9px;
  386. color:#fff;
  387. padding:3px 5px;
  388. transition-duration:0.5s;
  389. -o-transition-duration:0.5s;
  390. -ms-transition-duration:0.5s;
  391. -moz-transition-duration:0.5s;
  392. -webkit-transition-duration:0.5s;
  393. }
  394.  
  395. #nav a:hover {
  396. color:{color:sidebar links};
  397. background-color:{color:background};
  398. transition-duration:0.5s;
  399. -o-transition-duration:0.5s;
  400. -ms-transition-duration:0.5s;
  401. -moz-transition-duration:0.5s;
  402. -webkit-transition-duration:0.5s;
  403. }
  404.  
  405. /*POSTS*/
  406.  
  407. #all {
  408. padding:10px;
  409. margin-left:530px;
  410. margin-top:40px;
  411. font-size:10px;
  412. {block:if500pxPosts}
  413. width:500px;
  414. {/block:if500pxPosts}
  415. {block:if400pxPosts}
  416. width:400px;
  417. {/block:if400pxPosts}
  418. }
  419.  
  420. #posts {
  421. margin-top:30px;
  422. padding-bottom:20px;
  423. padding:10px 0;
  424. background-color:{color:Post};
  425. {block:if500pxPosts}
  426. width:500px;
  427. {/block:if500pxPosts}
  428. {block:if400pxPosts}
  429. width:400px;
  430. {/block:if400pxPosts}
  431. }
  432.  
  433. .caption {
  434. {block:if400pxPosts}
  435. width:380px;
  436. {/block:if400pxPosts}
  437. {block:if500pxPosts}
  438. width:480px;
  439. {/block:if500pxPosts}
  440. padding:2px 10px;
  441. -ms-word-break: break-all;
  442. word-break: break-all;
  443. word-break: break-word;
  444. -webkit-hyphens: auto;
  445. -moz-hyphens: auto;
  446. -ms-hyphens: auto;
  447. hyphens: auto;
  448. }
  449.  
  450. /*POST INFO*/
  451.  
  452. #details {
  453. opacity:1;
  454. text-align:center;
  455. text-transform:uppercase;
  456. font-size:8px;
  457. font-style:none;
  458. padding: 2px 10px;
  459. z-index:100000;
  460. {block:if500pxPosts}
  461. width:478px;
  462. {/block:if500pxPosts}
  463. color:{color:text};
  464. {block:if400pxPosts}
  465. width:378px;
  466. {/block:if400pxPosts}
  467. transition-duration:0.7s;
  468. -o-transition-duration:0.7s;
  469. -ms-transition-duration:0.7s;
  470. -moz-transition-duration:0.7s;
  471. -webkit-transition-duration:0.7s;
  472. }
  473.  
  474. #tags {
  475. opacity:1;
  476. font-family:calibri;
  477. letter-spacing:0px;
  478. text-transform:lowercase;
  479. font-size:10px;
  480. margin-top:-2px;
  481. text-align:center;
  482. {block:if500pxPosts}
  483. width:498px;
  484. {/block:if500pxPosts}
  485. padding-bottom:10px;
  486. {block:if400pxPosts}
  487. width:398px;
  488. {/block:if400pxPosts}
  489. transition-duration:0.7s;
  490. -o-transition-duration:0.7s;
  491. -ms-transition-duration:0.7s;
  492. -moz-transition-duration:0.7s;
  493. -webkit-transition-duration:0.7s;
  494. }
  495.  
  496. #tags a {
  497. display:inline-block;
  498. padding:2px;
  499. text-align:right;
  500. color:{color:Tags};
  501. -webkit-transition: all 0.6s ease-in-out;
  502. -moz-transition: all 0.6s ease-in-out;
  503. -o-transition: all 0.6s ease-in-out;
  504. -ms-transition: all 0.6s ease-in-out;
  505. -transition: all 0.6s ease-in-out;
  506. }
  507.  
  508. #tags a:hover {
  509. color:{color:hover};
  510. transition-duration:0.5s;
  511. -o-transition-duration:0.5s;
  512. -ms-transition-duration:0.5s;
  513. -moz-transition-duration:0.5s;
  514. -webkit-transition-duration:0.5s;
  515. }
  516.  
  517. #notes {
  518. list-style:square;
  519. }
  520.  
  521. /*QUESTION*/
  522.  
  523. #question {
  524. padding:8px;
  525. {block:if500pxPosts}
  526. width:484px;
  527. {/block:if500pxPosts}
  528. {block:if400pxPosts}
  529. width:384px;
  530. {/block:if400pxPosts}
  531. height:auto;
  532. font-family:calibri;
  533. letter-spacing:2px;
  534. text-align:center;
  535. text-transform:uppercase;
  536. color:#fff;
  537. background-color:{color:sidebar links};
  538. }
  539.  
  540. #question a {
  541. color:#fff;
  542. }
  543.  
  544. /*CHAT*/
  545.  
  546. .chat li {
  547. list-style:none;
  548. line-height:110%;
  549. }
  550.  
  551. .line.odd {
  552. background-color:{color:sidebar links};
  553. padding:4px 5px;
  554. color:#fff;
  555. }
  556.  
  557. .line.even {
  558. color:{color:sidebar links};
  559. }
  560.  
  561.  
  562. /*AUDIO POSTS*/
  563.  
  564. .cover {
  565. position: relative;
  566. z-index: 1;
  567. width:100px;
  568. margin-bottom:30px;
  569. background-color:{color:background};
  570. box-shadow:0.1em 0.1em 0.2em #888888;
  571. transition-duration:0.5s;
  572. -webkit-transition-duration:0.5s;
  573. -moz-transition-duration:0.5s;
  574. -o-transition-duration:0.5s;
  575. -ms-transition-duration:0.5s;
  576. }
  577.  
  578. .playbutton {
  579. width: 20px;
  580. height: 30px;
  581. overflow: hidden;
  582. position: relative;
  583. z-index: 1000;
  584. margin: 12px 20px 10px 12px;
  585. }
  586.  
  587. .playbox {
  588. width:50px;
  589. height:50px;
  590. background-color: #000;
  591. position: absolute;
  592. z-index: 1000;
  593. margin-top:25px;
  594. margin-left:24px;
  595. opacity:0.6;
  596. transition-duration:0.5s;
  597. -o-transition-duration:0.5s;
  598. -ms-transition-duration:0.5s;
  599. -moz-transition-duration:0.5s;
  600. -webkit-transition-duration:0.5s;
  601. }
  602.  
  603. .playbox:hover {
  604. opacity:1;
  605. transition-duration:0.5s;
  606. -o-transition-duration:0.5s;
  607. -ms-transition-duration:0.5s;
  608. -moz-transition-duration:0.5s;
  609. -webkit-transition-duration:0.5s;
  610. }
  611.  
  612. /*TOOLTIP*/
  613.  
  614. #s-m-t-tooltip {
  615. max-width:300px;
  616. padding: 3px 5px;
  617. margin:10px;
  618. background-color:{color:tooltip};
  619. font-family:calibri;
  620. font-size:9.5px;
  621. font-style:bold;
  622. letter-spacing:1px;
  623. text-transform:uppercase;
  624. color:#fff;
  625. z-index:10000000000000000000000000000000000000000000000000000000000;
  626. -moz-transition-duration: 0.3s;
  627. -webkit-transition-duration: 0.3s;
  628. -o-transition-duration: 0.3s;
  629. }
  630.  
  631. /*POPUP ASK*/
  632.  
  633. .popup_block {
  634. display: none;
  635. float: left;
  636. position: fixed;
  637. padding:20px 20px 20px 40px;
  638. top: 50%;
  639. left: 50%;
  640. color:#fff;
  641. text-align:left;
  642. font-family:calibri;
  643. letter-spacing:1px;
  644. line-height:15px;
  645. font-size:11px;
  646. overflow-y:scroll;
  647. max-height:400px;
  648. width:200px;
  649. z-index: 9999999999999999999999999999999999999999;
  650. }
  651.  
  652. .popup_block p {
  653. line-height:105%;
  654. }
  655.  
  656. .popup_block h4 {
  657. font-size:13px;
  658. line-height:105%;
  659. }
  660.  
  661. *html #fade {
  662. position: absolute;
  663. }
  664.  
  665. *html .popup_block {
  666. position: absolute;
  667. }
  668.  
  669. #fade {
  670. background-color:#000;
  671. display: none;
  672. position: fixed; left: 0; top: 0; width: 100%; height: 100%;
  673. opacity: .8;
  674. z-index: 9999;
  675. }
  676.  
  677. /*PLEASE DON'T TOUCH THE CREDIT*/
  678.  
  679. #credit, #credit a {
  680. position:fixed;
  681. bottom:4px;
  682. right:4px;
  683. padding:5px 4px;
  684. font-family:helvetica;
  685. text-transform:uppercase;
  686. color:#fff;
  687. font-size:10px;
  688. background-color:#000;
  689. -moz-transition-duration:0.3s;
  690. -webkit-transition-duration:0.3s;
  691. -o-transition-duration:0.3s;
  692. -ms-transition-duration:0.3s;
  693. }
  694.  
  695. #credit:hover, #credit a:hover {
  696. font-family:helvetica;
  697. color:#000;
  698. background-color:#fff;
  699. text-shadow:#aaa 2px 2px;
  700. -moz-transition-duration:0.4s;
  701. -webkit-transition-duration:0.4s;
  702. -o-transition-duration:0.4s;
  703. -ms-transition-duration:0.4s;
  704. }
  705.  
  706. {CustomCSS}</style></head><body>
  707.  
  708.  
  709. <!--- OKAY YOU CAN TOUCH THIS STUFF; THIS IS YOUR POPUP ASK --->
  710.  
  711. <div id="popup_name" class="popup_block">
  712. <center>
  713. <div style="padding:0 0 10px; border-bottom:#f2f2f2 solid 1px; font-size:15px"><br>
  714. FAQ
  715. <br>&nbsp;</div>
  716.  
  717.  
  718. <!--- FAQ STUFF GOES HERE--->
  719.  
  720. <h4>Why do you have an faq page?</h4>
  721. <p>I follow my dreams and I suggest you follow yours</p>
  722. <h4>Where did the party go?</h4>
  723. <p>We're ending it on the phone.</p>
  724. <h4>Is this gospel?</h4>
  725. <p>For the vagabonds, ne'er-do-wells, and insufferable bastards.</p>
  726.  
  727. <!--- END OF FAQ STUFF --->
  728.  
  729.  
  730. <br>
  731. <iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/ask_form/{text:Your URL}.tumblr.com" style="background-color:transparent; overflow:hidden; border-bottom:1px solid #fff; padding-bottom:17px" id="ask_form" ></iframe> <br>
  732.  
  733. {block:ifSubmit}
  734. <iframe frameborder="0" scrolling="yes" width="100%" height="400" src="http://www.tumblr.com/submit_form/{text:Your URL}.tumblr.com" style="background:transparent; overflow:scroll; border-bottom:#fff solid 1px; padding:17px 0" id="submit_form"></iframe>
  735. {/block:ifSubmit}
  736. </div> </div>
  737.  
  738. <!--- END OF POPUP ASK --->
  739.  
  740. <div id="sidebar">
  741. <div id="sidebarimage">
  742. <img src="{image:Sidebar}"></div>
  743. <div id="title"><a href="/">{text:blog title}</a><br><div style="font-size:15px">{color:sidebar links}</div></div>
  744. <div id="links">
  745. {block:ifLinkA}
  746. <!--- LINK TO THE POPUP ASK --->
  747. <a style="opacity:0.2" href="#?w=500" rel="popup_name" class="poplight" title="{text:linkA}"> </a>
  748. {/block:ifLinkA}
  749. {block:ifLinkB}
  750. <a style="opacity:0.4" href="#" title="{text:linkB}" onclick="toggle_visibility('about');"> </a>
  751. <div id="about">
  752. <!--- EDIT LINK B CONTENT HERE --->
  753. Another lover hits the universe. The circle is broken.
  754. </div>
  755. {/block:ifLinkB}
  756. {block:ifLinkC}
  757. <a style="opacity:0.6" href="#" title="{text:linkC}" onclick="toggle_visibility('nav');"> </a>
  758. <div id="nav">
  759. <!--- EDIT LINK C CONTENT HERE; YOU CAN ADD LINKS AND STUFF --->
  760. <a href="/">i</a>
  761. <a href="/">am</a>
  762. <a href="/">a</a>
  763. <a href="/">poet</a>
  764. </div>
  765. {/block:ifLinkC}
  766. {block:ifLinkD}
  767. <a style="opacity:0.8" href="#" title="{text:linkD}" onclick="toggle_visibility('upd');"> </a>
  768. <div id="upd">
  769. <!--- EDIT LINK D CONTENT HERE --->
  770. <li>wow</li>
  771. </div>
  772. {/block:ifLinkD}
  773. {block:ifLinkE}
  774. <!--- EXTRA LINK FOR WHATEVER YA WANT WOOHOO --->
  775. <a style="opacity:1" href="{text:linkE url}" title="{text:linkE}"> </a>
  776. {/block:ifLinkE}
  777. </div>
  778. <br>
  779. <div class="desc">
  780. {Description}
  781. </div>
  782. <br><br>
  783. {block:Pagination}<div id="pagi">
  784. {block:PreviousPage}<a href="{PreviousPage}">← </a>&nbsp;&nbsp;{/block:PreviousPage}
  785. {block:JumpPagination length="3"}
  786. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  787. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  788. {/block:JumpPagination}
  789. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  790. </div>{/block:Pagination}
  791.  
  792. </div>
  793.  
  794. {block:if500pxPosts}
  795. <div id="all">{block:Posts}<div id="posts">
  796.  
  797. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  798.  
  799. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  800. </center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  801.  
  802. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  803.  
  804. {block:Photoset}{Photoset-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  805.  
  806. {block:Quote}<h2 style="text-shadow:0.2em 0.2em 0.2em #f1f1f1; text-align:center">“{Quote}”</h2> <div style="text-align:center">—{Source}</div><br>{/block:Quote}
  807.  
  808. {block:Audio}<div class="playbox">
  809. <div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  810. {block:AlbumArt}
  811. <img src="{AlbumArtURL}" class="cover">
  812. {/block:AlbumArt}
  813. <div style="margin-left:110px; margin-top:-125px; line-height:160%; margin-bottom:40px"><br>
  814. {block:TrackName}{TrackName}<br>{/block:TrackName}
  815. {block:Artist}{Artist}<br>{/block:Artist}
  816. {block:Album}{Album}<br>{/block:Album}
  817. {/block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  818. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  819.  
  820. {block:Video}{Video-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  821.  
  822. {block:Chat}<div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<li class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li><br>{/block:Lines}</div>{/block:Chat}
  823.  
  824. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:9px;">— {Asker}: </span>{Question}</div><left> <font face="cambria">{Answer}</font>{/block:Answer}
  825.  
  826. <div id="details">—<br>
  827. posted <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year} at {12Hour}:{Minutes} </a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank">via</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}" title="{SourceTitle}" target="_blank">©</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} +<a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a></div><center>{block:HasTags}<div id="tags">{block:Tags} <a style="color:{color:sidebar links}">&#9632;</a><a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</center>
  828. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  829. {/block:Posts}</div></div>
  830. {/block:if500pxPosts}
  831.  
  832. {block:If400pxPosts}
  833. <div id="all">{block:Posts}<div id="posts">
  834.  
  835. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  836.  
  837. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  838. </center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  839.  
  840. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  841.  
  842. {block:Photoset}{Photoset-400}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  843.  
  844. {block:Quote}<h2 style="text-shadow:0.2em 0.2em 0.2em #f1f1f1; text-align:center">“{Quote}”</h2> <div style="text-align:center">—{Source}</div><br>{/block:Quote}
  845.  
  846. {block:Audio}<div class="playbox">
  847. <div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  848. {block:AlbumArt}
  849. <img src="{AlbumArtURL}" class="cover">
  850. {/block:AlbumArt}
  851. <div style="margin-left:110px; margin-top:-125px; line-height:160%; margin-bottom:40px"><br>
  852. {block:TrackName}{TrackName}<br>{/block:TrackName}
  853. {block:Artist}{Artist}<br>{/block:Artist}
  854. {block:Album}{Album}<br>{/block:Album}
  855. {/block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  856. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  857.  
  858. {block:Video}{Video-400}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  859.  
  860. {block:Chat}<div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<li class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li><br>{/block:Lines}</div>{/block:Chat}
  861.  
  862. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:9px;">— {Asker}: </span>{Question}</div><left> <font face="cambria">{Answer}</font>{/block:Answer}
  863.  
  864. <div id="details">—<br>
  865. posted <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year} at {12Hour}:{Minutes} </a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank">via</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}" title="{SourceTitle}" target="_blank">©</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} +<a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a></div><center>{block:HasTags}<div id="tags">{block:Tags} <a style="color:{color:sidebar links}">&#9632;</a><a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</center>
  866. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  867. {/block:Posts}</div></div>{/block:If400pxPosts}
  868.  
  869.  
  870.  
  871. <div id="credit"><a href="http://lunecerise.tumblr.com" title="lunecerise">LC</a></div>
  872.  
  873. <script type="text/javascript"
  874. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js">
  875. //DON'T FREAKING TOUCH ANY OF THIS STUFF
  876. </script>
  877.  
  878. <script>
  879. $(document).ready(function() {
  880. //
  881. //When you click on a link with class of poplight and the href starts with a #
  882. $('a.poplight[href^=#]').click(function() {
  883. var popID = $(this).attr('rel'); //Get Popup Name
  884. var popURL = $(this).attr('href'); //Get Popup href to define size
  885. //Pull Query & Variables from href URL
  886. var query= popURL.split('?');
  887. var dim= query[1].split('&');
  888. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  889. //Fade in the Popup and add close button
  890. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend;
  891. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  892. var popMargTop = ($('#' + popID).height() + 90) / 2;
  893. var popMargLeft = ($('#' + popID).width() + 90) / 2;
  894. //Apply Margin to Popup
  895. $('#' + popID).css({
  896. 'margin-top' : -popMargTop,
  897. 'margin-left' : -popMargLeft
  898. });
  899. //Fade in Background
  900. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  901. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  902. return false;
  903. });
  904. //Close Popups and Fade Layer
  905. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  906. $('#fade , .popup_block').fadeOut(function() {
  907. $('#fade, a.close').remove(); //fade them both out
  908. });
  909. return false;
  910. });
  911. });
  912. </script>
  913.  
  914. <!-- DON'T TOUCH ANYTHING HERE -->
  915.  
  916. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  917. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  918. <script>
  919. $(function(){
  920. var $container = $('#container');
  921. $container.imagesLoaded(function(){
  922. $container.masonry({
  923. itemSelector: '.char',
  924. });
  925. });
  926. $container.infinitescroll({
  927. itemSelector : ".char",
  928. loadingImg : "",
  929. loadingText : "<em></em>",
  930. bufferPx : 10000,
  931. extraScrollPx: 12000,
  932. },
  933. // trigger Masonry as a callback
  934. function( newElements ) {
  935. var $newElems = $( newElements ).css({ opacity: 0 });
  936. // ensure that images load before adding to masonry layout
  937. $newElems.imagesLoaded(function(){
  938. $newElems.animate({ opacity: 1 });
  939. $container.masonry( 'appended', $newElems, true );
  940. });
  941. }
  942. );
  943. });
  944. </script>
  945.  
  946. </body></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!