API tools faq
paste
Advertisement
b0rn-to-be-wild

Theme: Dragon Ball Z

b0rn-to-be-wild
Dec 9th, 2013
239
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.86 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <!----
  6.  
  7. © borntobewildthemes.tumblr.com| Theme: Dragon Ball Z
  8.  
  9. + Please do not redistribute this theme or remove credits
  10. + You are allowed to make changes as long as you keep our credits
  11. + If you have any questions or concerns, just contact us
  12. + Thanks for using our theme! We hope that you enjoy it!
  13.  
  14. ---->
  15.  
  16. <html>
  17.  
  18. <head>
  19.  
  20. <!--Cursor code-->
  21. <style type="text/css">
  22. body, a, a:hover { cursor:url(http://static.tumblr.com/cttwpsd/Mjhmui41r/cursor__7_.cur), auto }</style>
  23.  
  24. <!--Google fonts-->
  25.  
  26. <link href='http://fonts.googleapis.com/css?family=Scada' rel='stylesheet' type='text/css'>
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>
  29.  
  30. <link href='http://fonts.googleapis.com/css?family=Marvel' rel='stylesheet' type='text/css'>
  31.  
  32. <link href='http://fonts.googleapis.com/css?family=Exo' rel='stylesheet' type='text/css'>
  33.  
  34. <link href='http://fonts.googleapis.com/css?family=Voltaire' rel='stylesheet' type='text/css'>
  35.  
  36. <script type="text/javascript"
  37. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  38.  
  39. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  40.  
  41. <meta name="viewport" content="width=device-width, initial-scale=1">
  42.  
  43. <!--DEFAULT VARIABLES-->
  44. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  45.  
  46. <meta name="image:Sidebar" content="1"/>
  47. <meta name="image:Background" content="1"/>
  48.  
  49. <meta name="color:Background" content="#fff"/>
  50. <meta name="color:Description" content="#000"/>
  51. <meta name="color:Link" content="#333"/>
  52. <meta name="color:Icon" content="#eee"/>
  53. <meta name="color:Text" content="#777"/>
  54. <meta name="color:Hover" content="#333"/>
  55. <meta name="color:Borders" content="#554045"/>
  56. <meta name="color:Title" content="#333"/>
  57. <meta name="color:Blog Title" content="#000000"/>
  58. <meta name="color:Scrollbar" content="#fff"/>
  59. <meta name="color:Bold" content="#fff"/>
  60. <meta name="color:Italic" content="#ddd"/>
  61. <meta name="color:Music player background" content="#eee"/>
  62.  
  63. <meta name="if:Show Captions" content="1" />
  64. <meta name="if:Show Tags" content="1" />
  65. <meta name="if:Show Music Player" content="1"/>
  66.  
  67. <meta name="font:Body font" content="Helvetica">
  68.  
  69. <meta name="select:Post transparency color" content="0,0,0" title="black">
  70. <meta name="select:Post transparency color" content="238,238,238" title="gray">
  71. <meta name="select:Post transparency color" content="255,255,255" title="white">
  72. <meta name="select:Post transparency color" content="255,168,212" title="pink">
  73. <meta name="select:Post transparency color" content="127,88,242" title="purple">
  74. <meta name="select:Post transparency color" content="184,168,255" title="indigo">
  75. <meta name="select:Post transparency color" content="184,208,255" title="blue">
  76. <meta name="select:Post transparency color" content="103,173,90" title="green">
  77. <meta name="select:Post transparency color" content="33,209,297" title="turquoise">
  78. <meta name="select:Post transparency color" content="226,229,23" title="yellow">
  79. <meta name="select:Post transparency color" content="112,38,11" title="brown">
  80.  
  81. <meta name="select:Post transparency" content="1" title="opaque">
  82. <meta name="select:Post transparency" content=".9" title=".9">
  83. <meta name="select:Post transparency" content=".8" title=".8">
  84. <meta name="select:Post transparency" content=".7" title=".7">
  85. <meta name="select:Post transparency" content=".6" title=".6">
  86. <meta name="select:Post transparency" content=".5" title=".5">
  87. <meta name="select:Post transparency" content=".4" title=".4">
  88. <meta name="select:Post transparency" content=".3" title=".3">
  89. <meta name="select:Post transparency" content=".2" title=".2">
  90. <meta name="select:Post transparency" content=".1" title=".1">
  91. <meta name="select:Post transparency" content=".0" title="transparent">
  92.  
  93. <meta name="select:Title Font" content="Exo" title="Exo">
  94. <meta name="select:Title Font" content="Marvel" title="Marvel">
  95. <meta name="select:Title Font" content="Orbitron" title="Orbitron">
  96. <meta name="select:Title Font" content="Scada" title="Scada">
  97. <meta name="select:Title Font" content="Voltaire" title="Voltaire">
  98.  
  99. <meta name="text:Song title 1" content="Song title 1"/>
  100. <meta name="text:Song title 2" content="Song title 2"/>
  101. <meta name="text:Song title 3" content="Song title 3"/>
  102. <meta name="text:Song title 4" content="Song title 4"/>
  103. <meta name="text:Song title 5" content="Song title 5"/>
  104.  
  105. <meta name="text:Link One" content="link One"/>
  106. <meta name="text:Link Two" content="link Two"/>
  107. <meta name="text:Link Three" content="link Three"/>
  108. <meta name="text:Link Four" content="link Four"/>
  109. <meta name="text:Link Five" content="link Five"/>
  110. <meta name="text:Link Six" content="link Six"/>
  111. <meta name="text:Link Seven" content="link Seven"/>
  112. <meta name="text:Link Eight" content="link Eight"/>
  113.  
  114. <meta name="text:Link One url" content="link One"/>
  115. <meta name="text:Link Two url" content="link Two"/>
  116. <meta name="text:Link Three url" content="link Three"/>
  117. <meta name="text:Link Four url" content="link Four"/>
  118. <meta name="text:Link Five url" content="link Five"/>
  119. <meta name="text:Link Six url" content="link Six"/>
  120. <meta name="text:Link Seven url" content="link Seven"/>
  121. <meta name="text:Link Eight url" content="link Eight"/>
  122.  
  123. <style type="text/css">
  124.  
  125. /*Body*/
  126.  
  127. body {
  128. padding: 0px;
  129. margin: 0px;
  130. color:{color:text};
  131. font-family:{font:Body font};
  132. line-height:17px;
  133. font-size:14px;
  134. overflow-y:auto;
  135. background-color: {color:Background};
  136. background-image:url({image:Background});
  137. background-attachment: fixed;
  138. background-repeat: repeat;
  139. }
  140.  
  141. h1{
  142. line-height: 25px;
  143. color:{color:Title};
  144. font-family:{select:Title Font};
  145. font-size:20px;
  146. font-weight: normal;
  147. border-bottom:1px solid {color:Info border};
  148. }
  149.  
  150. h2{
  151. line-height:17px;
  152. font-size:14px;
  153. }
  154.  
  155. a:link, a:active, a:visited{
  156. -webkit-transition: color 0.3s ease-out;
  157. -moz-transition: color 0.3s ease-out;
  158. text-decoration:none;
  159. transition: color 0.3s ease-out;
  160. color:{color:link};
  161. }
  162.  
  163. a:hover {
  164. color: {color:Hover};
  165. }
  166.  
  167. a img{border: 0px;}
  168.  
  169. b {
  170. font-weight:bold;
  171. color:{color:Bold};}
  172.  
  173. p.italic {
  174. font-style:italic;
  175. color:{color:Italic};}
  176.  
  177. blockquote{
  178. padding:0px 0px 2px 5px;
  179. margin:0px 0px 2px 10px;
  180. border-left: 1px solid {color:Borders};
  181. }
  182.  
  183. blockquote p, ul{
  184. margin:0px;
  185. padding:0px;
  186. }
  187.  
  188. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  189.  
  190. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  191. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  192.  
  193. .notes img{
  194. width:15px;
  195. position:relative;
  196. top:3px;
  197. margin-right:5px;
  198. border:1px solid {color:Borders};
  199. border-radius:60px;
  200. }
  201.  
  202. <--ses-->
  203. small{font-size: 90%;}
  204.  
  205. big{font-size: 110%;}
  206.  
  207. /* Webkit scrollbar */
  208.  
  209. ::-webkit-scrollbar-thumb {
  210. background: {color:Scrollbar};
  211. height: auto; border: 3px solid {color:Background};
  212. }
  213.  
  214. ::-webkit-scrollbar {
  215. height:10px;
  216. width:12px;
  217. background: {color:Scrollbar};
  218. height: auto; border: 5px solid {color:Background};
  219. }
  220.  
  221.  
  222. /*Posts and entries*/
  223.  
  224. div#center{
  225. margin:0;
  226. position:relative;
  227. width:100%;
  228. }
  229.  
  230. #posts {
  231. width:435px;
  232. margin-top:20px;
  233. z-index:99;
  234. min-height:545px;
  235. margin-left:400px;
  236. padding:10px;
  237. }
  238.  
  239. .entry {
  240. float:left;
  241. display: block;
  242. margin-top:10px;
  243. overflow:hidden;
  244. width:400px;
  245. padding:15px;
  246. border:2px solid {color:Borders};
  247. background:rgba({select:Post transparency color}, {select:Post transparency});
  248. }
  249.  
  250. .entry:hover{
  251. -webkit-transition: all .7s ease;
  252. -moz-transition: all .7s ease;
  253. -o-transition: all .7s ease;
  254. transition: all .7s ease;
  255. -moz-box-shadow: 0 0 5px 5px #888;
  256. -webkit-box-shadow: 0 0 5px 5px #888;
  257. box-shadow: 0 0 5px 5px #888;
  258. }
  259.  
  260. /*Sidebar*/
  261.  
  262. #sidebar{
  263. position:fixed !important;
  264. width:278px;
  265. background:url('http://i41.tinypic.com/2cr57jk.jpg');
  266. z-index:99999;
  267. height:437px;
  268. padding:30px;
  269. margin-top:20px;
  270. margin-left:10px;
  271. text-align:center;
  272. }
  273.  
  274. #blogtitle{
  275. position:fixed;
  276. margin-left:10px;
  277. margin-top:-5px;
  278. font-size:20px;
  279. font-family:{select:Title Font};
  280. color:{color:Blog Title};
  281. letter-spacing:2px;
  282. line-height:40px;
  283. height:30px;
  284. text-shadow: 1px 0px {color:borders},
  285. }
  286.  
  287.  
  288. #sidebarimage {
  289. position:relative;
  290. background-image:{image:Sidebar};
  291. margin:78px 16px;
  292. border:0px {color:Borders} groove;
  293. border-radius:5px;
  294. }
  295.  
  296. #sidebarimage img {width:245px; height:250px}
  297.  
  298. #desc{
  299. position:absolute;
  300. width:275px;
  301. height:65px;
  302. overflow-y:auto;
  303. padding:5px;
  304. color:{color:Description};
  305. margin-top:-60px;
  306. margin-left:-7px;
  307. font-size:12px;
  308. line-height:13px;
  309. }
  310.  
  311. /* Image on the right */
  312.  
  313. .sideimage{
  314. position:fixed;
  315. right:0;
  316. top:50px;
  317. height:90%;
  318. z-index:-10;
  319. }
  320.  
  321. .sideimage img{
  322. width:100%;
  323. height:100%;
  324. right:0;
  325. margin-top:auto;
  326. margin-bottom:auto;
  327. }
  328.  
  329. /*Links*/
  330.  
  331. #links{
  332. width:440px;
  333. background:transparent;
  334. margin-left:442px;
  335. margin-top:20px;
  336. }
  337.  
  338. #links i{
  339. width:90px;
  340. height:60px;
  341. background:url('http://i41.tinypic.com/2r7wrwg.jpg');
  342. color:#eee;
  343. text-align:center;
  344. line-height:60px;
  345. }
  346.  
  347. #links i:hover{
  348. color:{color:Hover};
  349. }
  350.  
  351. #link2{
  352. position:absolute;
  353. width:100px;
  354. background:transparent;
  355. margin-left:520px;
  356. font-family:'Bigelow Rules';
  357. margin-top:-210px;
  358. font-size:17px;
  359. line-height:20px;;
  360. opacity:1;
  361. -webkit-transition: all .7s ease out;
  362. -moz-transition: all .7s ease;
  363. -o-transition: all .7s ease;
  364. transition: all .7s ease;
  365. }
  366.  
  367. #link3{
  368. position:absolute;
  369. width:100px;
  370. background:transparent;
  371. margin-left:620px;
  372. font-family:'Bigelow Rules';
  373. margin-top:-210px;
  374. font-size:17px;
  375. line-height:20px;;
  376. opacity:1;
  377. -webkit-transition: all .7s ease out;
  378. -moz-transition: all .7s ease;
  379. -o-transition: all .7s ease;
  380. transition: all .7s ease;
  381. }
  382.  
  383. #link4{
  384. position:absolute;
  385. width:100px;
  386. background:transparent;
  387. margin-left:720px;
  388. font-family:'Bigelow Rules';
  389. margin-top:-210px;
  390. font-size:17px;
  391. line-height:20px;;
  392. opacity:1;
  393. -webkit-transition: all .7s ease out;
  394. -moz-transition: all .7s ease;
  395. -o-transition: all .7s ease;
  396. transition: all .7s ease;
  397. }
  398.  
  399. #link1:hover{
  400. -webkit-transition: all .7s ease;
  401. -moz-transition: all .7s ease;
  402. -o-transition: all .7s ease;
  403. transition: all .7s ease;
  404. }
  405. #link2:hover{
  406. -webkit-transition: all .7s ease;
  407. -moz-transition: all .7s ease;
  408. -o-transition: all .7s ease;
  409. transition: all .7s ease;
  410. }
  411. #link3:hover{
  412. -webkit-transition: all .7s ease;
  413. -moz-transition: all .7s ease;
  414. -o-transition: all .7s ease;
  415. transition: all .7s ease;
  416. }
  417. #link4:hover{
  418. height:100px;
  419. -webkit-transition: all .7s ease;
  420. -moz-transition: all .7s ease;
  421. -o-transition: all .7s ease;
  422. transition: all .7s ease;
  423. }
  424.  
  425.  
  426. /*Extra Links*/
  427.  
  428. #linkOne{
  429. position:fixed;
  430. margin-left:88px;
  431. margin-top:45px;
  432. font-size:22px;
  433. }
  434.  
  435. #linkTwo{
  436. position:fixed;
  437. margin-left:110px;
  438. margin-top:45px;
  439. font-size:22px;
  440. }
  441.  
  442. #linkThree{
  443. position:fixed;
  444. margin-left:135px;
  445. margin-top:45px;
  446. font-size:22px;
  447. }
  448.  
  449. #linkFour{
  450. position:fixed;
  451. margin-left:158px;
  452. margin-top:45px;
  453. font-size:22px;
  454. }
  455.  
  456. #linkFive{
  457. position:fixed;
  458. margin-left:180px;
  459. margin-top:45px;
  460. font-size:22px;
  461. }
  462.  
  463. #linkSix{
  464. position:fixed;
  465. margin-left:205px;
  466. margin-top:45px;
  467. font-size:22px;
  468. }
  469.  
  470. #linkSeven{
  471. position:fixed;
  472. margin-left:225px;
  473. margin-top:45px;
  474. font-size:22px;
  475. }
  476.  
  477. #linkEight{
  478. position:fixed;
  479. margin-left:250px;
  480. margin-top:45px;
  481. font-size:22px;
  482. }
  483.  
  484. /* Music player */
  485.  
  486. #musicplayer {
  487. text-align:center;
  488. position:fixed;
  489. left:10px;
  490. top:40px;
  491. background:{color:Music player background};
  492. width:35px;
  493. height:30px;
  494. border:3px ridge #33393E;
  495. z-index:100000000;
  496. overflow:hidden;
  497. }
  498.  
  499. #musicplayer:hover {
  500. width:166px;
  501. height:auto;
  502. -webkit-transition: all .7s ease;
  503. -moz-transition: all .7s ease;
  504. -o-transition: all .7s ease;
  505. transition: all .7s ease;
  506. overflow:visible;
  507. }
  508.  
  509. #music {
  510. position:absolute;
  511. margin-left:38px;
  512. margin-top:0px;
  513. width:10px;
  514. height:30px;
  515. z-index: 9999;
  516. overflow:hidden;
  517. }
  518.  
  519. #musicplayer:hover #music{
  520. width:150px;
  521. -webkit-transition: all .5s ease-in-out;
  522. -moz-transition: all .5s ease-in-out;
  523. -o-transition: all .5s ease-in-out;
  524. transition: all .5s ease-in-out;
  525. }
  526.  
  527. #musicicon {
  528. border-right:3px ridge #33393E;
  529. margin-top:-1px;
  530. height:30px;
  531. line-height:14px;
  532. margin:0;
  533. width:35px;
  534. }
  535.  
  536. #playlist {
  537. position:absolute;
  538. margin-top:0px;
  539. margin-left:36px;
  540. width:1px;
  541. height:1px;
  542. line-height:16px;
  543. overflow:hidden;
  544. padding:5px;
  545. opacity:0;
  546. background:{color:Music player background};
  547. border:3px ridge #33393E;
  548. }
  549.  
  550. #musicplayer:hover #playlist{
  551. -webkit-transition: all .5s ease-in-out;
  552. -moz-transition: all .5s ease-in-out;
  553. -o-transition: all .5s ease-in-out;
  554. transition: all .5s ease-in-out;
  555. width:117px;
  556. height:auto;
  557. opacity:1;
  558. }
  559.  
  560.  
  561. /*Audio*/
  562.  
  563. .album img{
  564. max-width:65px;
  565. margin-left:5px;
  566. float:left;
  567. margin-top:0px;
  568. z-index:10;
  569. border: 5px solid #33393E;
  570. }
  571.  
  572. .audio{
  573. position:absolute;
  574. width:185px;
  575. min-height:90px;
  576. margin-left:80px;
  577. float:left;
  578. padding:5px;
  579. margin-top:-5px;
  580. z-index:10;
  581. font-size:12px;
  582. overflow:hidden;
  583. }
  584.  
  585. .play{
  586. position:absolute;
  587. margin:30px;
  588. max-width:25px;
  589. max-height:25px;
  590. overflow:hidden;
  591. opacity:0.7;
  592. }
  593.  
  594. /* Quote posts */
  595.  
  596. .quote {
  597. font-family:{select:Title Font};
  598. font-size:25px;
  599. line-height:35px;
  600. color:{color:Italic};
  601. height:auto;
  602. margin:10px;
  603. padding:5px;
  604. text-align:center;
  605. letter-spacing:1px;
  606. }
  607.  
  608. .source {
  609. font-size:15px;
  610. line-height:25px;
  611. color:{color:Italic};
  612. height:auto;
  613. margin-top:10px;
  614. margin-left:10px;
  615. margin-right:10px;
  616. margin-bottom:5px;
  617. padding:5px;
  618. text-align:right;
  619. letter-spacing:1px;
  620. }
  621.  
  622. /* Chat */
  623.  
  624. .chat .line{
  625. margin:0 0 -1px;
  626. color: {color:Text};
  627. padding:2px;
  628. border-top:1px solid #33393E;
  629. border-bottom:1px solid #33393E;
  630. }
  631.  
  632. .label {
  633. font-size:17px;
  634. }
  635.  
  636. /*Ask posts*/
  637.  
  638. .bubble {
  639. position: relative;
  640. height:auto;
  641. margin:5px;
  642. padding:5px;
  643. border: 1px solid #33393E;
  644. z-index:0;
  645. border-radius:5px;
  646. }
  647.  
  648. .asker img {
  649. float:left;
  650. border-radius:50px;
  651. border:1px solid #33393E;
  652. margin-right:5px;
  653. z-index:2000;
  654. }
  655.  
  656. /* Extras */
  657.  
  658. .like_and_reblog_buttons {
  659. position:absolute;
  660. float:right;
  661. margin-left:350px;
  662. margin-bottom:15px;
  663. z-index:200000;
  664. border: 0px solid #e8e8e8;
  665. border-radius: 3px;
  666. list-style: none;
  667. }
  668.  
  669. .like_and_reblog_buttons li {
  670. float:right;
  671. margin: 5px 5px;
  672. height: 15px;
  673. }
  674.  
  675. .like_and_reblog_buttons li:first-child {
  676. border-right: 0px solid #e8e8e8;
  677. }
  678.  
  679. .info {
  680. height:15px;
  681. width:500px;
  682. float:center;
  683. padding-top:4px;
  684. margin-top:10px;
  685. text-align:center;
  686. font-size:13px;
  687. letter-spacing:1px;
  688. line-height:10px;
  689. background-color: transparent;
  690. color:{color:Link};
  691. border-top:3px solid {color:Borders};
  692. text-transform:lowercase;
  693. width:400px;
  694. line-height:15px;
  695. text-align:center;
  696. }
  697.  
  698. .info i{
  699. color:{color:Icon};
  700. }
  701.  
  702. .info a {
  703. font-size:13px; }
  704.  
  705. .info a:hover {
  706. {color:Hover}
  707. transition-duration: 0.6s;
  708. -moz-transition-duration: 0.6s;
  709. -webkit-transition-duration: 0.6s;}
  710.  
  711. /* Pagination */
  712.  
  713. .pagination {
  714. margin-left:560px;
  715. margin-top:20px;
  716. margin-bottom:20px;
  717. }
  718.  
  719. .jump_page {
  720. padding: 4px 8px;
  721. color:{color:Link};
  722. background:rgba({select:Post transparency color}, {select:Post transparency});
  723. font-size:11px;
  724. text-decoration:none;
  725. border:1px solid {color:Borders};
  726. }
  727.  
  728. .current_page, .jump_page:hover{
  729. padding: 4px 8px;
  730. background:rgba({select:Post transparency color}, {select:Post transparency});
  731. color:{color:Hover};
  732. font-size:11px;
  733. margin-right:2px;
  734. text-decoration:none;
  735. border:1px solid {color:Borders};
  736. }
  737.  
  738. /* Style of the box that appears when you hover over the links */
  739.  
  740. #s-m-t-tooltip {
  741. max-width:300px;
  742. z-index:10000000000;
  743. margin:24px 14px 7px 12px;
  744. padding:8px;
  745. color:{color:Link};
  746. background:rgba({select:Post transparency color}, {select:Post transparency});
  747. border:1px solid {color:Borders};
  748. font-size:12px;
  749. line-height:16px;
  750. }
  751.  
  752. /* Credits */
  753.  
  754. #credits {
  755. position:fixed;
  756. right:10px;
  757. top:40px;
  758. z-index:100000;
  759. }
  760.  
  761. #credits img{
  762. border:3px solid {color:Borders};
  763. }
  764.  
  765. {CustomCSS}
  766.  
  767.  
  768. </style>
  769.  
  770. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  771. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  772. <script src="jquery.style-my-tooltips.js"></script>
  773.  
  774. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  775.  
  776. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  777. <script>
  778. (function($){
  779. $(document).ready(function(){
  780. $("[title]").style_my_tooltips({
  781. tip_follows_cursor:true,
  782. tip_delay_time:200,
  783. tip_fade_speed:300
  784. }
  785. );
  786. });
  787. })(jQuery);
  788. </script>
  789.  
  790. {block:IndexPage}
  791. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  792. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  793.  
  794. <script type="text/javascript">
  795. $(window).load(function(){
  796. var $wall = $('#posts');
  797. $wall.imagesLoaded(function(){
  798. $wall.masonry({
  799. itemSelector: '.entry, .entry_photo',
  800. isAnimated : false
  801. });
  802. });
  803.  
  804. $wall.infinitescroll({
  805. navSelector : '#pagination',
  806. nextSelector : '#pagination a',
  807. itemSelector : '.entry, .entry_photo',
  808. bufferPx : 2000,
  809. debug : false,
  810. errorCallback: function() {
  811. $('#infscr-loading').fadeOut('normal');
  812. }},
  813. function( newElements ) {
  814. var $newElems = $( newElements );
  815. $newElems.hide();
  816. $newElems.imagesLoaded(function(){
  817. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  818. });
  819. }); $('#posts').show(400);
  820. });
  821. </script>
  822.  
  823.  
  824. {/block:IndexPage}
  825.  
  826.  
  827. <title>{title}</title>
  828.  
  829. <link rel="shortcut icon" href="{Favicon}" />
  830.  
  831. </head>
  832.  
  833. <body>
  834.  
  835. {block:IfShowMusicPlayer}
  836.  
  837. <div id="musicplayer">
  838.  
  839. <div id="music">
  840. <center>
  841.  
  842. <!--Replace this part with your billy music player code-->
  843. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://www.sheepproductions.com/mfc/done.mp3&t0=Done&f1=http://www.sheepproductions.com/mfc/justified.mp3&t1=Justified&f2=http://www.sheepproductions.com/mfc/shesaid.mp3&t2=She Said&total=3" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  844. <!---->
  845.  
  846. </center>
  847. </div>
  848.  
  849. <div id="musicicon"><br>
  850. <img src="http://media.tumblr.com/tumblr_m7w2izzY0j1r6o8v2.gif">
  851. </div>
  852.  
  853. <div id="playlist">
  854. <b>Playlist:</b><br>
  855.  
  856. {text:Song title 1}<br>
  857. {text:Song title 2}<br>
  858. {text:Song title 3}<br>
  859. {text:Song title 4}<br>
  860. {text:Song title 5}
  861.  
  862. </div>
  863.  
  864. </div>
  865.  
  866. {/block:IfShowMusicPlayer}
  867.  
  868. <div id="center">
  869.  
  870. <!--Replace the image on the right by replacing http://i57.tinypic.com/547pxv.png with the url of the image you want-->
  871. <div class="sideimage"><img src="http://i57.tinypic.com/547pxv.png"></div>
  872.  
  873. <div id="links">
  874. <a href="/"><i class="fa fa-home fa" title="Index"></i></a>
  875. <a href="/ask"><i class="fa fa-envelope fa" title="Ask"></i></a>
  876. <a href="/submit"><i class="fa fa-pencil fa" title="Submit"></i></a>
  877. <a href="/archive"><i class="fa fa-history fa" title="Archive"></i></a>
  878. </div>
  879.  
  880. <div id="sidebar">
  881.  
  882. <div id="blogtitle">{Title}</div>
  883.  
  884. <div id="linkOne"><a href="{text:Link One url}" Title="{text:Link One}">1</a> </div>
  885. <div id="linkTwo"><a href="{text:Link Two url}" Title="{text:Link Two}">2</a> </div>
  886. <div id="linkThree"><a href="{text:Link Three url}" Title="{text:Link Three}">3</a> </div>
  887. <div id="linkFour"><a href="{text:Link Four url}" Title="{text:Link Four}">4</a> </div>
  888. <div id="linkFive"><a href="{text:Link Five url}" Title="{text:Link Five}">5</a> </div>
  889. <div id="linkSix"><a href="{text:Link Six url}" Title="{text:Link Six}">6</a> </div>
  890. <div id="linkSeven"><a href="{text:Link Seven url}" Title="{text:Link Seven}">7</a> </div>
  891. <div id="linkEight"><a href="{text:Link Eight url}" Title="{text:Link Eight}">8</a> </div>
  892.  
  893. <div id="sidebarimage"><img src="{image:Sidebar}"></div>
  894. <div id="desc">{description}</div>
  895. </center>
  896. </div>
  897.  
  898.  
  899. <div id="posts">
  900. {block:Posts}
  901. <div class="entry">
  902.  
  903. <div class="content">
  904.  
  905. {block:Text}
  906. {block:Title}
  907. <a href="{Permalink}">
  908. <h1>{Title}</h1></a>
  909. {/block:Title}
  910. {Body}
  911. {/block:Text}
  912.  
  913. {block:Photo}
  914. {block:IndexPage}
  915. <img src="{PhotoURL-400}"
  916. width="400"/></a>{/block:IndexPage}
  917. {block:PermalinkPage}
  918. <a href="{permalink}">
  919. <img src="{PhotoURL-400}"
  920. width="400"/></a>{/block:PermalinkPage}
  921. {/block:Photo}
  922.  
  923. {block:Photoset}
  924. {Photoset-400}
  925. {/block:Photoset}
  926.  
  927. {block:Quote}
  928. <div class="quote">
  929. "{Quote}"{block:Source}
  930. <div class="source">-{Source}
  931. </div>{/block:Source}</div>
  932. {/block:Quote}
  933.  
  934. {block:Link}
  935. <div id="linktitle">
  936. <div class="linktexttitle">
  937. <a href="{URL}"
  938. class="linkpost"
  939. target="_blank">
  940. {Name} &raquo;</a></div></div>
  941. {block:Description}
  942. <div class="linkdescription">{Description}</div>
  943. {/block:Description}
  944. {/block:Link}
  945.  
  946. {block:Chat}
  947. {block:Title}<h1>{Title}</h1>{/block:Title}
  948. {block:Lines}<div class="chat"><div class="line {Alt}">
  949. <div class="{Alt} user_{UserNumber}">
  950. {block:Label}
  951. <span class="label">
  952. <span style="text-transform:uppercase;
  953. letter-spacing:1px">
  954. <b>{Label}</b>
  955. </span></span>
  956. {/block:Label}
  957. {Line}</div>
  958. </div></div>
  959. {/block:Lines}
  960. {/block:Chat}
  961.  
  962. {block:Audio}
  963. <div class="album">{block:AlbumArt}<img src="{AlbumArtURL}">
  964. {block:AlbumArt}
  965. <div class="play">
  966. {AudioPlayerWhite}
  967. </div>
  968. </div>
  969. <div class="audio">
  970. {block:TrackName}<i class="fa fa-microphone"></i> {TrackName}{/block:TrackName}
  971. {block:Artist}<br><i class="fa fa-user"></i> {Artist}{/block:Artist}
  972. {block:Album}<br><i class="fa fa-music"></i> {Album}{/block:Album}
  973. {block:PlayCount}<br><i class="fa fa-heart"></i> {PlayCount}{/block:PlayCount}</div>
  974. <br><br><br><br><br>
  975. {/block:Audio}
  976.  
  977. {block:Video}
  978. {VideoEmbed-400}
  979. {/block:Video}
  980.  
  981. {block:Answer}
  982. <div class="bubble">
  983. <div class="asker">
  984. <img src="{AskerPortraitURL-48}">
  985. </div>
  986. <span></span>{Asker}:
  987. {Question}</div>
  988. {Answer}
  989. {/block:Answer}
  990.  
  991. {block:IndexPage}
  992. {block:IfShowCaptions}
  993. {block:Caption}
  994. <h2>{Caption}</h2>
  995. {/block:Caption}
  996. {/block:IfShowCaptions}
  997. {/block:IndexPage}
  998.  
  999. {block:IfShowTags}
  1000. {block:HasTags}
  1001. {block:Tags}
  1002. <a href="{TagURL}">
  1003. <i class="fa fa-tag"></i>
  1004. {Tag}</a> &nbsp;
  1005. {/block:Tags}
  1006. {/block:HasTags}
  1007. {/block:IfShowTags}
  1008.  
  1009. {block:Date}
  1010. <div class="info">
  1011. <a href="{Permalink}">
  1012. <i class="fa fa-clock-o"></i>
  1013. {TimeAgo}</a>
  1014. {block:NoteCount}
  1015. <i class="fa fa-heart-o"></i>
  1016. {NoteCountWithLabel}
  1017. {/block:NoteCount}
  1018. </div>
  1019.  
  1020. <ul class="like_and_reblog_buttons">
  1021. <li>{ReblogButton size="15"}</li>
  1022. <li>{LikeButton size="15"}</li>
  1023. </ul>
  1024. </div>
  1025. <br>
  1026. {/block:Date}
  1027.  
  1028. {block:PermalinkPage}
  1029. {block:Caption}
  1030. {Caption}
  1031. {/block:Caption}
  1032. <br>
  1033. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1034. {/block:PermalinkPage}
  1035. </div>
  1036. {/block:Posts}
  1037. </div>
  1038.  
  1039. <div class="pagination">
  1040. {block:Pagination}
  1041. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">
  1042. &laquo;</a>{/block:PreviousPage}
  1043. {block:JumpPagination length="5"}
  1044. {block:CurrentPage}<span class="current_page">{PageNumber}
  1045. </span>{/block:CurrentPage}
  1046. {block:JumpPage}
  1047. <a class="jump_page" href="{URL}">
  1048. {PageNumber}</a>
  1049. {/block:JumpPage}{/block:JumpPagination}
  1050. {block:NextPage}
  1051. <a href="{NextPage}" class="jump_page">
  1052. &raquo;</a>{/block:NextPage}
  1053. {/block:Pagination}<br><br>
  1054. </div>
  1055.  
  1056. </div>
  1057. </body>
  1058.  
  1059. <a href="http://borntobewildthemes.tumblr.com" title="Theme DRAGON BALL Z by borntobewildthemes"><div id="credits">
  1060. <img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
  1061.  
  1062. </div>
  1063.  
  1064. </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!