Advertisement
themepirate

Aztec Sailor Theme by Themepirate

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