Advertisement
themepirate

Seasick Theme by THEMEPIRATE

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