Advertisement
themepirate

Captain Barbossa theme by Themepirate

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