Advertisement
themepirate

The Black Pearl Theme by THEMEPIRATE

Jan 9th, 2013
3,709
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.81 KB | None | 0 0
  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. *************** *************
  6. *************** **************
  7. *************** ***************
  8. ***** ***** ****
  9. ***** ***************
  10. ***** *************
  11. ***** heme ***** irate
  12. ***** *****
  13. ***** *****
  14.  
  15. Theme: The Black Pearl Date: 1/9/13
  16. By: Byron (BlogInfinity.me)
  17.  
  18. themepirate.tumblr.com
  19. ---------------------------------------------->
  20.  
  21. <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
  22. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24. <link rel="shortcut icon" href="{Favicon}" />
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  26. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  27. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  28. <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
  29. <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  30.  
  31. <meta name="color:Background" content="#1b1b1b" />
  32. <meta name="color:HeaderBackground" content="#0c0c0c" />
  33. <meta name="color:Box" content="#1b1b1b" />
  34. <meta name="color:Text" content="#fcfafa" />
  35. <meta name="color:Links" content="#fdfcfc" />
  36. <meta name="color:Links Hover" content="#ebebeb" />
  37. <meta name="color:Title Color" content="#fffdfd" />
  38. <meta name="color:Title Hover Color" content="#ebebeb" />
  39. <meta name="color:Chat" content="#252525" />
  40. <meta name="color:Asker Background" content="#252525" />
  41. <meta name="image:Background" content="http://static.tumblr.com/psjhflr/xdxmgcgn8/5348061775_776d39f42e_b.jpg" />
  42. <meta name="image:HeaderBackground" content="" />
  43. <meta name="image:Banner" content="http://static.tumblr.com/psjhflr/ClBmgcgkt/banner1.png" />
  44. <meta name="font:Body" content="Helvetica" />
  45. <meta name="if:Infinite Scroll" content="0"/>
  46. <meta name="if:To top button" content="1" />
  47. <meta name="if:Show Caption" content="0" />
  48. <meta name="if:Show Post Links" content="1" />
  49. <meta name="if:Show Ask Link" content="1" />
  50. <meta name="if:Show Archive Link" content="0" />
  51.  
  52. <meta name="text:Custom Link 1" content="" />
  53. <meta name="text:Custom Link 1 Title" content="Link 1" />
  54. <meta name="text:Custom Link 2" content="" />
  55. <meta name="text:Custom Link 2 Title" content="Link 2" />
  56. <meta name="text:Custom Link 3" content="" />
  57. <meta name="text:Custom Link 3 Title" content="Link 3" />
  58. <meta name="text:Custom Link 4" content="" />
  59. <meta name="text:Custom Link 4 Title" content="Link 4" />
  60. <meta name="text:Custom Link 5" content="" />
  61. <meta name="text:Custom Link 5 Title" content="Link 5" />
  62. <meta name="text:Custom Link 6" content="" />
  63. <meta name="text:Custom Link 6 Title" content="Link 6" />
  64.  
  65. <head>
  66. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  67. <script src="http://static.tumblr.com/uiqhh9x/61sm66w66/jquery.min.js" type="text/javascript"></script>
  68. <script src="http://static.tumblr.com/uiqhh9x/3Jpm92lk1/totop.js" type="text/javascript"></script>
  69.  
  70. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css">
  71.  
  72.  
  73.  
  74.  
  75.  
  76. <style type="text/css">
  77. body {
  78. background: {color:Background} url('{image:Background}') top left scroll repeat;
  79. color: {color:Text};
  80. font-family: 'Open Sans Condensed', sans-serif;
  81. font-size: 13px;
  82. background-position:top left;
  83. text-align:justify;
  84. text-justify:inter-word;
  85. text-transform:{text:Body Text transform};
  86. -webkit-font-smoothing: antialiased;
  87. }
  88.  
  89. a, a:link, a:visited {
  90. color: {color:Links};
  91. font-family: {font:Links};
  92. text-transform: {text:Body Text transform};
  93. text-decoration: none;
  94. font-size: 11px;
  95. }
  96.  
  97. a:hover {
  98. color: {color:Links Hover};
  99. font-family: {font:Links};
  100. text-decoration: none;
  101. font-size: 11px; }
  102.  
  103. p {
  104. margin: 5px 0 0 0;
  105. line-height:12px;
  106. padding: 0; }
  107. ul, ol {
  108. margin: 5px 0 0 25px; padding: 0; }
  109. blockquote {
  110. margin: 2px 2px 1px 2px;
  111. padding: 1px 2px 1px 4px;
  112. border: 0px solid {color:Text}; }
  113. blockquote p {
  114. margin: 0;
  115. padding: 0;
  116. line-height: 12px; }
  117.  
  118. #headerwrap {
  119. background: {color:HeaderBackground} url('{image:HeaderBackground}') top left scroll repeat;
  120. width: auto; height: auto;
  121. -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
  122. -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
  123. box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
  124. }
  125.  
  126. #content {
  127. {block:IndexPage}
  128. width: 1270px;
  129. margin-left: 3px;
  130. {/block:IndexPage}
  131. {block:PermalinkPage}
  132. width: 550px;
  133. {/block:PermalinkPage}
  134. {block:PermalinkPage}
  135. margin-left: 370px;
  136. {/block:PermalinkPage}
  137. margin-top: 15px;
  138. }
  139.  
  140. #container {
  141. width: 800px;
  142. }
  143.  
  144.  
  145.  
  146. .header {
  147. width: 1100px; padding: 15px;
  148. text-align: center;
  149. margin-left: 75px; top: 10px;
  150. display: block; position: relative;
  151.  
  152. }
  153.  
  154. .header img {margin-top: 10px; margin-bottom: -7px; margin-left: -20px;}
  155.  
  156. .menu, .menu a {
  157. margin-right: 15px;
  158. float: center;
  159. text-align: center; font-size: 13px; margin-bottom: 5px;
  160. color: {color:Links};
  161. text-transform: capitalize;
  162. font-family: 'Lobster', cursive;
  163. }
  164.  
  165. .entry {
  166. background: {color:box};
  167. float: left;
  168. {block:indexpage}
  169. width: 400px;
  170. {/block:indexpage}
  171. margin: 4px;
  172. {block:permalinkpage}
  173. width: 500px;
  174. {/block:permalinkpage}
  175. padding: 7px;
  176. display: block;
  177. position: relative;
  178.  
  179.  
  180. }
  181.  
  182. .entry img {
  183. display: block;
  184. max-width: 100%;
  185. }
  186.  
  187. .entry:hover img {
  188. max-width: 100%;
  189. }
  190.  
  191. #left {
  192. line-height: 12px;
  193. height:auto; color: {color:Text};
  194. padding: 5px;
  195. font-size: 11px; letter-spacing: 0px;
  196. Display:block;
  197. }
  198.  
  199. .entry:hover .nts, .entry:hover .rblg, .entry:hover .dte {
  200. opacity: .9; font-family: 'Droid Sans', sans-serif;
  201. filter: alpha(opacity = 90);
  202. }
  203.  
  204.  
  205. .entry:hover .p1, .entry:hover .p2, .entry:hover .p3 {
  206. opacity: .9; bottom: 40px; height: auto; left: 20px;
  207. filter: alpha(opacity = 90);
  208.  
  209.  
  210. }
  211.  
  212. .p1 {
  213. -webkit-transition: all 0.5s ease-out;
  214. -moz-transition: all 0.5s ease-out;
  215. bottom: 40px; left: 70px;
  216. opacity: 0;
  217. filter: alpha(opacity = 0);
  218. z-index:9999999;
  219. display: inline-block;
  220. position: absolute;
  221. text-transform: uppercase;
  222. font-family: 'Droid Sans', sans-serif;
  223. size: 11px;
  224.  
  225. }
  226. .p2 {
  227. -webkit-transition: all 0.5s ease-out;
  228. -moz-transition: all 0.5s ease-out;
  229. top: 15px; left: 55px; width: auto;
  230. opacity: 0;
  231. filter: alpha(opacity = 0);
  232. z-index:9999999;
  233. display: inline-block;
  234. position: absolute;
  235. text-transform: uppercase;
  236. font-family: 'Droid Sans', sans-serif;
  237. size: 12px;
  238. }
  239.  
  240. .p3 {
  241. -webkit-transition: all 0.5s ease-out;
  242. -moz-transition: all 0.5s ease-out;
  243. top: 100px;
  244. left: 10px;
  245. width: 100%;
  246. opacity: 0.0;
  247. filter: alpha(opacity = 0);
  248. z-index:9999999;
  249. display: inline-block;
  250. position: absolute;
  251. text-transform: uppercase;
  252. }
  253.  
  254. .perma1, .perma1 a {
  255. margin-top: 5px;
  256. font-family: 'Droid Sans', sans-serif;
  257. font-size:10px; color: {color:Links};
  258. }
  259.  
  260. .rblg {
  261. width:282px;
  262. background: {color:box};
  263. overflow: hidden;
  264. z-index: 9999999;
  265. color: {color:Links};
  266. padding: 10px;
  267. position: relative;
  268. display: inline-block;
  269. text-transform: uppercase;
  270. text-align: left;
  271. -webkit-transition: all 0.5s ease-out;
  272. -moz-transition: all 0.5s ease-out;
  273. font-family: 'Open Sans Condensed', sans-serif;
  274. }
  275.  
  276. .rblg a {
  277. text-transform: uppercase;
  278. font-family: 'Droid Sans', sans-serif; font-size: 42px;
  279. color: #000;
  280. }
  281.  
  282. .rblg:hover, .rblg a:hover {
  283. text-transform: uppercase;
  284. font-family: 'Droid Sans', sans-serif;
  285. }
  286.  
  287. .nts {
  288. height: auto; width: auto;
  289. background-color: #000;
  290. padding: 3px;
  291. overflow: hidden;
  292. z-index: 9999999;
  293. color: #fff;
  294. padding-left: 4px;
  295. padding-right: 4px;
  296. -moz-border-radius: 2px;
  297. border-radius: 2px;
  298. position: relative;
  299. display: inline-block;
  300. text-transform: uppercase;
  301. text-align: left;
  302. -webkit-transition: all 0.5s ease-out;
  303. -moz-transition: all 0.5s ease-out;
  304. opacity: .7;
  305. filter: alpha(opacity = 70);
  306. font-family: 'Droid Sans', sans-serif;
  307. }
  308.  
  309. .nts a {
  310. color: #ffffff!important; text-transform: uppercase;
  311. font-family: 'Droid Sans', sans-serif; font-size: 14px;
  312. font-weight: bold;
  313. }
  314.  
  315. .nts:hover, .nts a:hover {
  316. color: #000; text-transform: uppercase;
  317. font-family: 'Droid Sans', sans-serif;
  318. }
  319.  
  320. .nts:hover , .rblg:hover , .dte:hover {
  321. color: #ffffff!important;
  322. }
  323.  
  324. hr {margin-top: 2px; margin-bottom: 2px;}
  325.  
  326. .n1, .n1 a {
  327. text-transform: capitalize; margin-top: 5px;
  328. font-family: 'Lobster', cursive;
  329. font-size: 35px;
  330. text-align: left;
  331. color: {color:Links};
  332. }
  333.  
  334. .n1:hover, .n1 a:hover {
  335. text-transform: capitalize;
  336. font-family: 'Lobster', cursive;
  337. color: {color:Links Hover};
  338. }
  339.  
  340. .n2, .n2 a {
  341. text-transform: capitalize;
  342. font-family: 'Lobster', cursive; font-size: 20px; margin-bottom: 3px;
  343. color: {color:Links};
  344.  
  345. }
  346.  
  347. .n2:hover, .n2 a:hover {
  348. text-transform: capitalize;
  349. font-family: 'Lobster', cursive;
  350. font-size: 20px; color: {color:Links Hover};
  351. }
  352.  
  353. .n3, .n3 a {
  354. margin-bottom: 10px;
  355. text-transform: capitalize;
  356. font-family: 'Lobster', cursive; font-size: 12px;
  357. color: {color:Links}; letter-spacing: 5px;
  358.  
  359. }
  360.  
  361. .n3:hover, .n3 a:hover {
  362. text-transform: capitalize;
  363. font-family: 'Lobster', cursive;
  364. font-size: 12px; color: {color:Links Hover};
  365. }
  366.  
  367. .rblg:hover , .dte:hover {
  368. color: #ffffff!important;
  369. }
  370.  
  371.  
  372. .title, .title a {
  373. font-family: 'Lobster', cursive;
  374. font-size: 25px;
  375. color: {color:title color};
  376. line-height: 30px;
  377. letter-spacing:1px;
  378. text-transform: none;
  379. }
  380.  
  381. .title:hover, .title a:hover {
  382. color:{color:title hover color};
  383. }
  384.  
  385. .btitle, .btitle a {
  386. font-family: 'Droid Sans', sans-serif;
  387. font-size: 95px; margin-left: -15px; margin-bottom:25px;
  388. margin-top: 50px;
  389. color: {color:title color};
  390. line-height: 40px;
  391. letter-spacing:0px;
  392. text-transform: uppercase;
  393. text-align: center;
  394. }
  395.  
  396. .btitle:hover, .btitle a:hover {
  397. color:{color:title hover color};
  398. }
  399.  
  400.  
  401.  
  402. .pos {
  403. background-color: {color:Chat};
  404. }
  405. .audioplayer {
  406. padding-left: 12px;
  407. background-color:#e3e3e3;
  408. }
  409. .playcount {
  410. float: right;
  411. clear: both;
  412. padding-top: 10px;
  413. padding-right: 20px;
  414. color:{color:link};
  415. text-shadow: none;
  416. font-size:10px;
  417. text-transform:{text:Title text transform};
  418. }
  419.  
  420. #sidebar img {
  421. max-width:100%;
  422. }
  423.  
  424. #sidebar img {
  425. border: 0px;
  426. display: block;
  427. }
  428.  
  429. .ques {
  430. background-color:{color:Asker Background};
  431. padding:5px;
  432. font-family: {font:Title};
  433. font-size: 12px;
  434. line-height: 16px;
  435. text-transform: uppercase;
  436. letter-spacing:-1px;
  437. }
  438. .ques a {
  439. font-family: {font:Title};
  440. font-size: 12px;
  441. line-height: 16px;
  442. text-transform: uppercase;
  443. letter-spacing:-1px;color:{color:Links};
  444. }
  445. .ques a:hover {
  446. color: {color:Links Hover};}
  447. .said a {
  448. font-family: {font:Title};
  449. font-size: 12px;
  450. line-hepxht: 14px;
  451. text-transform: uppercase;
  452. letter-spacing:-1px;
  453. margin-top:6px;
  454. }
  455. .said a:hover {
  456. font-family: {font:Title};
  457. font-size: 12px;
  458. line-height: 14px;
  459. text-transform: uppercase;
  460. letter-spacing:-1px;
  461. margin-top:6px;
  462. }
  463.  
  464. .nav a {
  465. font-size: 13px;
  466. font-family: 'Lobster', cursive;
  467. }
  468. .nav {
  469. font-size: 13px;
  470. font-family: 'Lobster', cursive;
  471. }
  472.  
  473. .pagination {
  474. float:center;
  475. margin-top:-10px;
  476. width: auto;
  477. height:auto;
  478. margin-left: 3px;
  479. text-align: center;
  480. line-height:35px;
  481. font-family: 'Lobster', cursive;
  482. font-size:15px;
  483. }
  484.  
  485. .pagination a, .pagination a:active, .pagination a:visited {
  486. float:center;
  487. margin-top:0px;
  488. width: 519px;
  489. height:auto;
  490. margin-left: 3px;
  491. text-align: center;
  492. line-height:35px;
  493. font-family: 'Lobster', cursive;
  494. font-size:15px;
  495. }
  496.  
  497. .pag {
  498. background-color:{color:box};
  499. font-family: 'Lobster', cursive;
  500. margin: 0 0 0px 0;
  501. padding: 3px;
  502. color: {color:Text}
  503. text-align: center;
  504. font-size:15px;
  505. overflow:hidden;
  506. margin-top: 10px;
  507. }
  508.  
  509.  
  510. .pag a:visited, .pag a:link
  511. {background-color:{color:box};
  512. font-family: 'Lobster', cursive;
  513. margin: 0 0 0px 0;
  514. padding: 3px;
  515. text-align: center;
  516. font-size:15px;
  517. overflow:hidden;
  518. text-align: center;
  519. }
  520. .pag a:active {
  521. font-family: 'Lobster', cursive;
  522. margin: 0 0 0px 0;
  523. padding: 3px;
  524. text-align: center;
  525. font-size:15px;
  526. }
  527.  
  528. .pag a:hover {
  529. font-family: 'Lobster', cursive;
  530. color: {color:Links};
  531. }
  532.  
  533. #toTop {
  534. display:none;
  535. text-decoration:none;
  536. position:fixed;
  537. bottom:10px;
  538. right:10px;
  539. overflow:hidden;
  540. width:51px;
  541. height:51px;
  542. border:none;
  543. text-indent:100%;
  544. background:url(http://static.tumblr.com/8jq17g7/Ecym0czgw/ui.totop.png) no-repeat left top;
  545. opacity: .5;
  546. filter: alpha(opacity = 50);
  547. }
  548.  
  549. #toTopHover {
  550. background:url(http://static.tumblr.com/8jq17g7/Ecym0czgw/ui.totop.png) no-repeat left top;
  551. width:51px;
  552. height:51px;
  553. display:block;
  554. overflow:hidden;
  555. float:left;
  556. opacity: 0;
  557. -moz-opacity: 0;
  558. filter:alpha(opacity=0);
  559. }
  560.  
  561. #toTop:hover {
  562. opacity: 1;
  563. filter: alpha(opacity = 100);
  564. }
  565.  
  566. #toTop:active, #toTop:focus {
  567. outline:none;
  568. }
  569.  
  570. {block:IfInfiniteScroll}
  571. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  572. #infscr-loading {
  573. display:none;
  574. }
  575. .navigation {
  576. display:none!important;
  577. }
  578. #pagination {
  579. display:none;
  580. {/block:IfInfiniteScroll}
  581. }
  582.  
  583. #infscr-loading {
  584. position: absolute!important;
  585. width: 16px!important;
  586. height: 11px!important;
  587. bottom: 0px!important;
  588. left: 50%!important;
  589. margin-top: 10px!important;
  590. margin-bottom: 5px!important;
  591. }
  592.  
  593. #over{
  594. height:50000px!important;
  595. position:absolute;
  596. top:0px;
  597. left:0px;
  598. width: 100%;}
  599.  
  600. .t1, .t1 a {
  601. font-family: 'Open Sans Condensed', sans-serif;
  602. font-size: 15px; margin: 1px;
  603. color: {color:Links};
  604. line-height: 15px;
  605. letter--spacing:-1px;
  606. text-transform: none; text-align:left;
  607. }
  608.  
  609.  
  610.  
  611. .perma2, .perma2 a {
  612. margin-top: 5px;
  613. ffont-family: 'Droid Sans', sans-serif;
  614. font-size:11px; color: {color:Links};
  615. }
  616.  
  617.  
  618.  
  619. .prmlnk {
  620. background:{color:box};
  621. font-size:15px;
  622. margin-bottom: 10px;
  623. margin-left:4px;
  624. margin-top:0px;
  625. {block:indexpage}
  626. width: 500px;
  627. {/block:indexpage}
  628. {block:permalinkpage}
  629. width: 500px;
  630. {/block:permalinkpage}
  631. padding: 7px;
  632. display: block; overflow:hidden;
  633. position: relative;
  634. }
  635.  
  636. .desc {text-align: center; width: 400px; float: center; margin-left: 335px;
  637. margin-bottom: 10px;}
  638.  
  639. .wrap {position: fixed; bottom:10px; left:0px;}
  640.  
  641. .wrap:hover .cred a {width: 130px; height: 20px; text-align: right;}
  642.  
  643. .cred a {
  644. height: 100%; width: 80px; height: 20px; margin-left:-65px;
  645. background-color: #000; font-size: 16px; text-align: right;
  646. overflow: hidden;
  647. z-index: 9999999; padding-top: 3px;
  648. top: -2px;
  649. color: #fff; padding-right: 5px;
  650. -moz-border-radius: 2px;
  651. border-radius: 2px;
  652. display: inline-block;
  653. text-transform: capitalize;
  654. -webkit-transition: all 0.5s ease-out;
  655. -moz-transition: all 0.5s ease-out;
  656. opacity: .7;
  657. filter: alpha(opacity = 70);
  658. font-family: 'Open Sans Condensed', sans-serif;
  659. line-spacing: 1px;
  660. }
  661.  
  662. ol.notes {
  663. padding: 0px;
  664. margin: 25px 0px;
  665. list-style-type: none;
  666. border-bottom: solid 1px #ccc;
  667. }
  668.  
  669. ol.notes li.note {
  670. border-top: solid 1px #ccc;
  671. padding: 10px;
  672. }
  673.  
  674. ol.notes li.note img.avatar {
  675. vertical-align: -4px;
  676. margin-right: 10px;
  677. width: 16px;
  678. height: 16px;
  679. }
  680.  
  681. ol.notes li.note span.action {
  682. font-weight: normal;
  683. }
  684.  
  685. ol.notes li.note .answer_content {
  686. font-weight: normal;
  687. }
  688.  
  689. ol.notes li.note blockquote {
  690. border-color: #eee;
  691. padding: 4px 10px;
  692. margin: 10px 0px 0px 25px;
  693. }
  694.  
  695. ol.notes li.note blockquote a {
  696. text-decoration: none;
  697. }
  698.  
  699. </style>
  700.  
  701. </head>
  702.  
  703.  
  704. <style type="text/css">{CustomCSS}</style>
  705.  
  706. <body>
  707. <div id="headerwrap">
  708. <div id="container">
  709. <div class="header">
  710. {block:IfNotBannerimage}
  711. <div class="btitle">
  712. <a href="/">{Title}</a></div><br>{/block:IfNotBannerimage}
  713.  
  714. {block:IfBannerimage}<center><a href="/"><img src="{image:Banner}"></a></center><br> {/block:IfBannerimage}
  715. <div class="menu">
  716. <a href="/">Index</a>
  717. {block:IfShowArchiveLink}
  718. <a href="/archive">Archive</a>
  719. {/block:IfShowArchiveLink}
  720. {block:IfShowAskLink}
  721. <a href="/ask">Message</a>
  722. {/block:IfShowAskLink}
  723. <a href="http://themepirate.tumblr.com">Theme</a>
  724. <a href="{text:Custom Link 1}">{text:Custom Link 1 Title}</a> {/block:ifCustomLink1Title}
  725. <a href="{text:Custom Link 2}">{text:Custom Link 2 Title}</a> {/block:ifCustomLink2Title}
  726. <a href="{text:Custom Link 3}">{text:Custom Link 3 Title}</a> {/block:ifCustomLink3Title}
  727. <a href="{text:Custom Link 4}">{text:Custom Link 4 Title}</a> {/block:ifCustomLink4Title}
  728. <a href="{text:Custom Link 5}">{text:Custom Link 5 Title}</a> {/block:ifCustomLink5Title}
  729. <a href="{text:Custom Link 6}">{text:Custom Link 6 Title}</a> {/block:ifCustomLink6Title}
  730. <br><p><p>
  731. </div>
  732. <div class="desc"> {Description}</div>
  733. </div></div></div>
  734.  
  735. <div id="content">
  736.  
  737.  
  738. {block:Posts}
  739. <div class="entry">
  740.  
  741. {block:Text}
  742. {block:Title}
  743. <div class="title"><a href="{Permalink}">{Title}</a></div>
  744. {/block:Title} {block:indexpage}
  745. {Body}
  746. {block:IfShowPostLinks}
  747. <div class="perma1">
  748. <a href="{Permalink}">&#215;</a>
  749. </div>
  750. {/block:IfShowPostLinks}
  751. {/block:indexpage}
  752. {block:PermalinkPage}
  753. {Body}
  754. {/block:PermalinkPage}
  755. {/block:Text}
  756.  
  757. {block:Photo}
  758. {block:IndexPage}
  759. <div class="p1">
  760. <div class="rblg"><div class="n1"><a href="{Permalink}">{NoteCountWithLabel}</div>
  761. <div class="n2">{Month} {DayOfMonth}, {Year}<a></div>
  762. <hr>
  763. <div class="n3"><a href="{reblogurl}">Reblog This Post</a></div>
  764. </div>
  765. </div>
  766.  
  767. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}
  768. {/block:IndexPage}
  769. {block:PermalinkPage}<div align="center">
  770. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div>
  771. {block:Caption}{Caption}{/block:Caption}
  772. {/block:PermalinkPage}
  773. {/block:Photo}
  774.  
  775. {block:Photoset}
  776. {block:IndexPage}
  777. <center>{Photoset-400}</center>
  778. {block:ifShowCaption}{block:Caption}{caption}{/block:Caption}{/block:ifShowCaption}
  779. {block:IfShowPostLinks}
  780. <div class="perma1">
  781. <a href="{Permalink}">&#215;</a>
  782. </div> {/block:IfShowPostLinks}
  783. {/block:IndexPage}
  784. {block:permalinkpage}<div align="center">
  785. {Photoset-500}</div>
  786. {block:Caption}{Caption}{/block:Caption}
  787. {/block:permalinkpage}
  788. {/block:Photoset}
  789.  
  790. {block:Video}
  791. {block:IndexPage}<div align="center">{Video-400}</div> <p>
  792. {block:IfShowPostLinks}
  793. <div class="perma1">
  794. <a href="{Permalink}">&#215;</a>
  795. </div> {/block:IfShowPostLinks}
  796. {block:ifShowCaption}{block:Caption}{caption}{/block:Caption}{/block:ifShowCaption}
  797. {/block:IndexPage}
  798. {block:permalinkpage}
  799. <div align="center">{Video-500}</div>
  800. {block:Caption}{Caption}{/block:Caption}
  801. {/block:permalinkpage}
  802. {/block:Video}
  803.  
  804. {block:Audio}
  805. <div class="audioplayer">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}<p>{block:IndexPage}
  806. {block:IfShowPostLinks}
  807. <div class="perma1">
  808. <a href="{Permalink}">&#215;</a>
  809. </div> {/block:IfShowPostLinks}
  810. {/block:IndexPage}
  811. {block:permalinkpage}
  812. <div class="perma1"><a id="notes{PostID}" href="{Permalink}">{PlayCount} Plays</a></div>
  813. {/block:permalinkpage}
  814. {/block:Audio}
  815.  
  816. {block:Quote}
  817. <div class="title"><a href="{Permalink}">{Quote}</a></div><p> {block:Source}— {Source}{/block:Source}<p>{block:IndexPage}
  818. {block:IfShowPostLinks}
  819. <div class="perma1">
  820. <a href="{Permalink}">&#215;</a>
  821. </div>
  822. {/block:IfShowPostLinks}
  823. {/block:IndexPage}
  824. {/block:Quote}
  825.  
  826. {block:Link}
  827. <div class="title"><a href="{URL}" class="post_title" target="_blank"> {Name}</a></div> {block:Description}{Description}{/block:Description}<p>{block:IndexPage}
  828. {block:IfShowPostLinks}
  829. <div class="perma1">
  830. <a href="{Permalink}">&#215;</a>
  831. </div>
  832. {/block:IfShowPostLinks}{/block:IndexPage}
  833. {/block:Link}
  834.  
  835. {block:Chat}
  836. {block:Title}<div class="title"><a href="{Permalink}">{Title}<p></a></div>{/block:Title} {block:Lines}<div class="{Alt}">{block:Label}{Label}{/block:Label} {Line}</div>{/block:Lines}<p>{block:IndexPage} {block:IfShowPostLinks}
  837. <div class="perma1">
  838. <a href="{Permalink}">&#215;</a>
  839. </div>
  840. {/block:IfShowPostLinks}{/block:IndexPage}
  841. {/block:Chat}
  842. {block:Answer} <div class="ques"> {Asker} said: {Question}</div>
  843. <i>{Answer}</i>{/block:Answer}
  844.  
  845. </div>
  846.  
  847. {block:permalinkpage}{block:NoteCount}
  848. <div class="prmlnk"><div class="perma2">
  849. Date Posted: <a href="{Permalink}">{DayOfMonth} {month}, {Year}</a>
  850. with <a href="{Permalink}">{NoteCount} Notes</a>
  851. {/block:NoteCount}
  852. {block:PostNotes}
  853. {PostNotes}
  854. {/block:PostNotes}
  855. </div>
  856.  
  857. </div>
  858. {/block:permalinkpage}
  859. {/block:Posts}
  860.  
  861.  
  862.  
  863. <div class="clear"></div>
  864. {block:IfNotInfiniteScroll}
  865. {block:IndexPage}
  866. <div class="entry">
  867. <div class="pag">
  868. <div class="pagination">
  869.  
  870. {block:Pagination}
  871. <div class="navigation">
  872. {block:PreviousPage}
  873. <a href="{PreviousPage}" class="previous">Previous Page</a>
  874. {/block:PreviousPage}
  875.  
  876. {block:NextPage}
  877. <a href="{NextPage}" class="next">Next Page</a>
  878. {/block:NextPage}
  879. <div class="clear"></div>
  880. </div>
  881. {/block:Pagination}
  882. {/block:IndexPage}
  883. </div>
  884. </div></div>{/block:IfNotInfiniteScroll}
  885.  
  886. </div>
  887. </div>
  888.  
  889.  
  890. {block:Pagination}
  891. <ul id="pagination">
  892. {block:PreviousPage}
  893. <li><a href="{PreviousPage}"></a></li>
  894. {/block:PreviousPage}
  895. {block:NextPage}
  896. <li><a id="nextPage" href="{NextPage}"></a></li>
  897. {/block:NextPage}
  898. </ul>
  899. {/block:Pagination}
  900. <script src="http://static.tumblr.com/psjhflr/bxnmcwj9t/masonry.js"></script>
  901. {block:IfInfiniteScroll}
  902. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>{/block:IfInfiniteScroll}
  903. <script type="text/javascript">
  904. $(window).load(function () {
  905. $('#content').masonry(),
  906. $('.masonryWrap').infinitescroll({
  907. navSelector : '#pagination',
  908. nextSelector : '#pagination a#nextPage',
  909. itemSelector : ".entry, .clear",
  910. bufferPx : 40,
  911. loadingImg : "",
  912. loadingText : "",
  913. },
  914. function() { $('#content').masonry({ appendedContent: $(this) }); }
  915. );
  916. });
  917. </script>
  918.  
  919. </div>
  920.  
  921. {block:iftotopbutton}
  922. <script type="text/javascript">
  923. $(document).ready(function() {
  924. /*
  925. var defaults = {
  926. containerID: 'toTop', // fading element id
  927. containerHoverID: 'toTopHover', // fading element hover id
  928. scrollSpeed: 1200,
  929. easingType: 'linear'
  930. };
  931. */
  932.  
  933. $().UItoTop({ easingType: 'easeOutQuart' });
  934.  
  935. });
  936. </script>
  937. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>{block:iftotopbutton}
  938.  
  939. </div>
  940. </body>
  941. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement