Advertisement
themepirate

Ghost Ship Theme by THEMEPIRATE

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