API tools faq
paste
Advertisement
themepirate

Bowsprit Theme by THEMEPIRATE

themepirate
Aug 13th, 2013
2,175
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.78 KB | None | 0 0
raw download clone embed print report
  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: Date: 8/13/13
  16. By: BOWSPRIT (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.  
  25. <link rel="shortcut icon" href="{Favicon}" />
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  27. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  28. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  29. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  30. <link href='http://fonts.googleapis.com/css?family=Rokkitt' rel='stylesheet' type='text/css'>
  31.  
  32. <meta name="color:Background" content="#e7e7e7" />
  33. <meta name="color:Box" content="#f0eeee" />
  34. <meta name="color:Entry Wrap" content="#f7f7f7" />
  35. <meta name="color:Border" content="#c0c0c0" />
  36. <meta name="color:Text" content="#5e5d5d" />
  37. <meta name="color:Links" content="#575757" />
  38. <meta name="color:Links Hover" content="#2c2c2c" />
  39. <meta name="color:Title Color" content="#535353" />
  40. <meta name="color:Title Hover Color" content="#464646" />
  41. <meta name="color:NavLinks Background Hover" content="#a7a5a5" />
  42. <meta name="color:Navlinks Text Color" content="#464646" />
  43. <meta name="color:Navlinks Text Hover Color" content="#2c2c2c" />
  44. <meta name="color:Chat" content="#e9e9e9" />
  45. <meta name="color:Asker Background" content="#e9e9e9" />
  46. <meta name="image:Background" content="http://static.tumblr.com/psjhflr/O7Imrh0a3/bg2.png" />
  47. <meta name="image:DisplayImage" content="" />
  48.  
  49. <meta name="font:Body" content="Helvetica" />
  50. <meta name="if:Infinite Scroll" content="0"/>
  51. <meta name="if:To top button" content="1" />
  52. <meta name="if:Show Caption" content="0" />
  53. <meta name="if:Show Post Links" content="1" />
  54. <meta name="if:Show Tags" content="0" />
  55. <meta name="if:2columns" content="1" />
  56. <meta name="if:ShowBorder" content="1" />
  57. <meta name="if:Entry Wrapper" content="0" />
  58.  
  59. <meta name="text:Custom Link 1" content="" />
  60. <meta name="text:Custom Link 1 Title" content="Link 1" />
  61. <meta name="text:Custom Link 2" content="" />
  62. <meta name="text:Custom Link 2 Title" content="Link 2" />
  63. <meta name="text:Custom Link 3" content="" />
  64. <meta name="text:Custom Link 3 Title" content="Link 3" />
  65. <meta name="text:Custom Link 4" content="" />
  66. <meta name="text:Custom Link 4 Title" content="Link 4" />
  67.  
  68.  
  69. <head>
  70.  
  71. <script src="http://static.tumblr.com/psjhflr/lpGmmq0oc/like.js"></script>
  72. <script src="http://static.tumblr.com/uiqhh9x/61sm66w66/jquery.min.js" type="text/javascript"></script>
  73. <script src="http://static.tumblr.com/uiqhh9x/3Jpm92lk1/totop.js" type="text/javascript"></script>
  74.  
  75. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css">
  76.  
  77.  
  78. <style type="text/css">
  79. body {
  80. background: {color:Background} url('{image:Background}') top left fixed repeat;
  81. color: {color:Text};
  82. font-family: {font:Body};
  83. font-size: 11px; line-height:15px;
  84. text-align:left; letter-spacing: 1px;
  85. text-transform:{text:Body Text transform};
  86. -webkit-font-smoothing: antialiased;
  87. }
  88.  
  89. a, a:link, a:visited {
  90. color: {color:Links};
  91. font-family: {font:Links};
  92. text-transform: {text:Body Text transform};
  93. text-decoration: none;
  94. font-size: 11px;
  95. }
  96.  
  97. a:hover {
  98. color: {color:Links Hover};
  99. font-family: {font:Links};
  100. text-decoration: none;
  101. font-size: 11px; }
  102.  
  103. p {
  104. margin: 5px 0 0 0;
  105. line-height:15px;
  106. padding: 0; }
  107. ul, ol {
  108. margin: 5px 0 0 25px; padding: 0; }
  109. blockquote {
  110. margin: 2px 2px 1px 2px;
  111. padding: 1px 2px 1px 4px;
  112. border: 0px solid {color:Text}; }
  113. blockquote p {
  114. margin: 0;
  115. padding: 0;
  116. line-height: 12px; }
  117.  
  118.  
  119. #content {
  120. {block:IfEntryWrapper}
  121. background: {color:Entry Wrap};
  122. {/block:IfEntryWrapper}
  123. top: 0px;
  124. {block:IndexPage}
  125. left: 450px;
  126. {block:If2columns}
  127. {block:IfEntryWrapper}
  128. width: 630px;
  129. {/block:IfEntryWrapper}
  130. {block:IfNotEntryWrapper}
  131. width: 645px;
  132. {/block:IfNotEntryWrapper}
  133. {/block:If2columns}
  134. {block:Ifnot2columns}
  135. {block:IfEntryWrapper}
  136. width: 565px;
  137. {/block:IfEntryWrapper}
  138. {block:IfNotEntryWrapper}
  139. width: 580px;
  140. {/block:IfNotEntryWrapper}
  141. {/block:Ifnot2columns}
  142. padding: 20px;
  143. {/block:IndexPage}
  144. {block:PermalinkPage}
  145. left: 450px;
  146. width:600px; padding: 20px;
  147. {/block:PermalinkPage}
  148. float: right; position: absolute;
  149. {block:IfShowBorder}
  150. {block:IfEntryWrapper}
  151. border-bottom: 1px solid {color:Border};
  152. border-right: 1px solid {color:Border};
  153. border-left: 1px solid {color:Border};
  154. {/block:IfEntryWrapper}
  155. {/block:IfShowBorder}
  156.  
  157. }
  158.  
  159. #container {
  160. width: 1000px;
  161. margin: 0px auto;
  162. }
  163.  
  164. .entry {
  165. background: {color:Box};
  166. float: left;
  167. {block:If2columns}
  168. width: 250px;
  169. {/block:If2columns}
  170. {block:Ifnot2columns}
  171. width: 500px;
  172. {/block:Ifnot2columns}
  173. margin: 0px; margin-bottom: 0px;
  174. {block:PermalinkPage}
  175. width: 500px;
  176. {/block:PermalinkPage}
  177. padding: 5px;
  178. display: block;
  179. position: relative;
  180. }
  181.  
  182. .entry img {
  183. display: block;
  184. max-width: 100%;
  185. opacity: 1;
  186. -webkit-transition: all 0.3s linear 0s;
  187. -moz-transition: all 0.3s linear 0s;
  188. -o-transition: all 0.3s linear 0s;
  189. transition: all 0.3s linear 0s;
  190. {block:PermalinkPage}
  191. {block:IfCaption}
  192. margin-bottom: 10px;
  193. {/block:IfCaption}
  194. {/block:PermalinkPage}
  195.  
  196. }
  197.  
  198. .entry:hover img {
  199. {block:IndexPage}
  200. max-width: 100%;
  201. opacity: 0.1;
  202. -webkit-transition: all 0.3s linear 0s;
  203. -moz-transition: all 0.3s linear 0s;
  204. -o-transition: all 0.3s linear 0s;
  205. transition: all 0.3s linear 0s;
  206. {/block:IndexPage}
  207. }
  208.  
  209. .sb_bg {
  210. margin: 7px; float: left; padding: -2px;
  211. }
  212.  
  213. .entry_bg {
  214. {block:IfEntryWrapper}
  215. background: {color:Box}; padding: 5px;
  216. {/block:IfEntryWrapper}
  217. {block:IfNotEntryWrapper}
  218. background: {color:Entry Wrap}; padding: 10px;
  219. {/block:IfNotEntryWrapper}
  220. margin: 20px; float: left;
  221. {block:IfShowBorder}
  222. border: 1px solid {color:Border};
  223. {/block:IfShowBorder}
  224.  
  225. }
  226.  
  227. #qwer {
  228. background: {color:Box};
  229. width: 250px; position: absolute;
  230. }
  231.  
  232. #sb {
  233. background: {color:Entry Wrap};
  234. float: left;
  235. left: 150px;
  236. top: 0px;
  237. width: 270px;
  238. height: 100%;
  239. padding: 0px;
  240. margin-top: 0px;
  241. display: block; margin: 0px;
  242. position: fixed;
  243. {block:IfShowBorder}
  244. border-right: 1px solid {color:Border};
  245. border-left: 1px solid {color:Border};
  246. {/block:IfShowBorder}
  247.  
  248. }
  249.  
  250. .sb1 {
  251. {block:IfTransparentBG}
  252. background: transparent;
  253. {/block:IfTransparentBG}
  254. {block:IfNotTransparentBG}
  255. {/block:IfNotTransparentBG}
  256. width: 240px; margin:3px;
  257. margin-bottom: 3px;
  258. padding: 5px; top: 0px;
  259. display: block;
  260. position: relative;
  261. }
  262.  
  263. #sb img {
  264. display: block;
  265. max-width: 100%; margin-top: 40px;
  266. }
  267.  
  268. .sbcont {
  269. margin-top: auto;
  270. }
  271.  
  272. #sb:hover img {
  273. max-width: 100%;
  274. }
  275.  
  276. .dp {
  277. background: url("{PortraitURL-128}");
  278. no-repeat center center fixed;
  279. -webkit-background-size: cover;
  280. -moz-background-size: cover;
  281. -o-background-size: cover;
  282. background-size: cover;
  283. width: 150px; height: 150px; border-radius: 75px; margin-top: -60px;
  284. -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  285. -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  286. box-shadow: 0px 0px 5px rgba(0,0,0,0.2)
  287. }
  288.  
  289. #dp_bg {
  290. background: {color:Box}; z-index: -999999;
  291. width: 150px; height: 150px; border-radius: 75px;
  292. top: 310px; left: 140px;
  293. padding: 5px;
  294. display: block;
  295. position: absolute;
  296.  
  297. }
  298.  
  299. .navlinks a {
  300. font-weight: bold;
  301. letter-spacing: 1px;
  302. font-family: 'Rokkitt', serif;
  303. text-transform: uppercase; font-size: 11px;
  304. color: {color:Navlinks Text Color};
  305. text-align: left;
  306. display:block;
  307. line-height:20px;
  308. border-bottom: 1px dotted {color:Border};
  309. margin-top: 2px; margin-bottom: 2px;
  310. opacity: .9;
  311. filter: alpha(opacity = 90);
  312. }
  313.  
  314. .navlinks a:hover {
  315. -webkit-transition: all 0.5s ease-out;
  316. -moz-transition: all 0.5s ease-out;
  317. opacity: .9;
  318. filter: alpha(opacity = 90);
  319. display:block; text-align: left;
  320. color: {color:Navlinks Text Hover Color};
  321. background-color: {color:NavLinks Background Hover};
  322. }
  323.  
  324. #left {
  325. line-height: 12px; position: absolute; top: 40px;
  326. height:auto; color: {color:Text};
  327. padding: 15px; left: 0px; text-align: right;
  328. font-size: 11px; letter-spacing: 0px;
  329. Display:block;
  330. }
  331.  
  332.  
  333.  
  334. .entry:hover .p1 {
  335. top: 10px; left: 0px;
  336. opacity: 1;
  337. filter: alpha(opacity = 100);
  338. }
  339.  
  340. .p1 {
  341. margin: 20px;
  342. z-index: 9999999;
  343. -webkit-transition: all 0.5s ease-out;
  344. -moz-transition: all 0.5s ease-out;
  345. top: 0px; left: 0px;
  346. opacity: 0; margin: 20px;
  347. filter: alpha(opacity = 0);
  348. z-index:9999999;
  349. display: inline-block;
  350. position: absolute;
  351. text-transform: uppercase;
  352. font-family: 'Maven Pro', sans-serif;
  353. size: 11px;
  354. }
  355.  
  356. .rblg {
  357. background: white;
  358. width: 200px;
  359. height: auto;
  360. padding: 10px;
  361. top: -10px; left: 0px;
  362. overflow: hidden;
  363. z-index: 9999999;
  364. color: #000;
  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. opacity: .9;
  374. filter: alpha(opacity = 90);
  375.  
  376. }
  377.  
  378. .rblg a {
  379. color: #303030; text-transform: uppercase;
  380. font-size: 14px;
  381. }
  382.  
  383. .rblg:hover, .rblg a:hover {
  384. color: #303030; text-transform: uppercase;
  385. font-family: 'Maven Pro', sans-serif;
  386. }
  387.  
  388. .nts {
  389. width: 21px;
  390. height: 20px;
  391. top: 0px; left: 40px;
  392. overflow: hidden;
  393. z-index: 9999999;
  394. color: #fff;
  395. -moz-border-radius: 2px;
  396. border-radius: 2px;
  397. position: relative;
  398. display: inline-block;
  399. text-transform: uppercase;
  400. text-align: left;
  401. -webkit-transition: all 0.5s ease-out;
  402. -moz-transition: all 0.5s ease-out;
  403. opacity: .9;
  404. filter: alpha(opacity = 90);
  405.  
  406. }
  407.  
  408. .nts a {
  409. color: #ffffff!important; text-transform: uppercase;
  410. font-size: 14px;
  411. font-weight: bold;
  412. }
  413.  
  414. .nts img {
  415. width: 21px;
  416. height: 20px;
  417. }
  418.  
  419. .nts:hover, .nts a:hover {
  420. color: #000; text-transform: uppercase;
  421. font-family: 'Maven Pro', sans-serif;
  422. }
  423.  
  424.  
  425. .perma1 {
  426. margin-top: 15px;
  427. font-family: 'Rokkitt', serif;
  428. font-size:9px; color: {color:Links};
  429. text-transform: uppercase; letter-spacing: 0px;
  430. border-top: 1px dotted {color:Border}; line-height: 20px;
  431. margin-bottom: -10px; margin-left: -5px; text-align: center;
  432. margin-right: -5px; font-weight: bold;
  433. }
  434.  
  435. .perma1 a {
  436. font-family: 'Rokkitt', serif;
  437. font-size:9px; color: {color:Links};
  438. text-transform: uppercase; letter-spacing: 0px;
  439. font-weight: bold;
  440. }
  441.  
  442. .perma1 a:hover {
  443. color: {color:Links Hover};
  444. }
  445.  
  446. .tags {
  447. margin-top: 0px;
  448. font-family: 'Rokkitt', serif; padding: 5px;
  449. font-size:9px; color: {color:Links};
  450. text-transform: capitalize; letter-spacing: 0px;
  451. line-height: 15px; margin-top: 5px;
  452. }
  453.  
  454. .tags a {
  455. margin-top: 0px;
  456. font-family: 'Rokkitt', serif;
  457. font-size:9px; color: {color:Links};
  458. text-transform: capitalize; letter-spacing: 0px;
  459. }
  460.  
  461. .tags a:hover {
  462. color: {color:Links Hover};
  463. }
  464.  
  465.  
  466. .n1, .n1 a {
  467. text-transform: capitalize;
  468. font-family: 'Open Sans', sans-serif;
  469. font-size: 45px;
  470. text-align: center;
  471. color: #fff;
  472. }
  473.  
  474. .n1:hover, .n1 a:hover {
  475. color: #fff;
  476. }
  477.  
  478. .n2, .n2 a {
  479. text-transform: uppercase; text-align: center; margin-top: 7px;
  480. font-family: 'Droid Sans', sans-serif;
  481. font-size: 20px; letter-spacing: -1px;
  482. color: {color:Title color};
  483.  
  484. }
  485.  
  486. .n2:hover, .n2 a:hover {
  487. text-transform: uppercase; text-align: center; margin-top: 7px;
  488. font-family: 'Droid Sans', sans-serif;
  489. font-size: 20px;
  490. color: {color:Title color};
  491. }
  492.  
  493. .n3, .n3 a {
  494. text-transform: capitalize; text-align: center; letter-spacing: 3px;
  495. font-family: 'Open Sans', sans-serif;
  496. font-size: 17px; margin-right: -5px;
  497. color: #fff;
  498.  
  499. }
  500.  
  501. .n3:hover, .n3 a:hover {
  502. color: #fff; font-family: 'Open Sans', sans-serif; font-size: 17px;
  503. margin-top: 5px;
  504. text-transform: capitalize;
  505. }
  506.  
  507. .n4, .n4 a {
  508. text-transform: uppercase; text-align: left; letter-spacing: 4px;
  509. font-family: 'Rokkitt', serif;
  510. font-size: 15px;
  511. line-height: 13px;
  512. font-weight: bold;
  513. color: {color:title color};
  514. }
  515.  
  516. .n4 a:hover {
  517. text-transform: uppercase; text-align: left; letter-spacing: 4px;
  518. font-family: 'Rokkitt', serif;
  519. font-size: 15px;
  520. line-height: 13px;
  521. color: {color:title color};
  522. }
  523.  
  524. .n5, .n5 a {
  525. text-transform: uppercase; text-align: left; letter-spacing: 1px;
  526. font-family: 'Rokkitt', serif;
  527. font-size: 12px;
  528. margin-bottom: 5px; line-height: 10px;
  529. color: {color:title hover color};
  530. }
  531.  
  532. .n5:hover, .n5 a:hover {
  533. font-family: 'Rokkitt', serif;
  534. text-transform: capitalize;
  535. }
  536.  
  537. .n6, .n6 a {
  538. text-transform: uppercase; text-align: left; letter-spacing: 6px;
  539. font-family: 'Rokkitt', serif;
  540. font-size: 10px;
  541. line-height: 10px;
  542. color: {color:title color};
  543.  
  544. }
  545.  
  546. .n6:hover, .n6 a:hover {
  547. text-transform: uppercase; text-align: left; letter-spacing: 6px;
  548. font-family: 'Rokkitt', serif;
  549. font-size: 10px;
  550. line-height: 10px;
  551. color: {color:title color};
  552.  
  553. }
  554.  
  555.  
  556.  
  557. .nts:hover , .rblg:hover , .dte:hover {
  558. color: #ffffff!important;
  559. }
  560.  
  561. .title, .title a {
  562. font-family: 'Rokkitt', serif;
  563. font-size: 20px;
  564. color: {color:title color};
  565. line-height: 20px;
  566. margin-bottom: 10px;
  567. margin-top: 0px;
  568. letter-spacing:2px;
  569. text-transform: none;
  570. font-weight: bold;
  571. }
  572.  
  573. .title:hover, .title a:hover {
  574. color:{color:title hover color};
  575. }
  576.  
  577. .btitle a {
  578. font-family: 'Rokkitt', serif;
  579. font-size: 20px; font-weight: bold;
  580. color: {color:Title color}; line-height: -40px;
  581. letter-spacing:1px
  582. text-transform: none; left: 0px;
  583. }
  584.  
  585. .btitle:hover, .btitle a:hover {
  586. color: {color:Title color};
  587. }
  588.  
  589.  
  590.  
  591.  
  592.  
  593. .pos {
  594. background-color: {color:Chat};
  595. }
  596. .audioplayer {
  597. padding-left: 12px;
  598. background-color:{color:Chat};
  599. }
  600. .playcount {
  601. float: right;
  602. clear: both;
  603. padding-top: 10px;
  604. padding-right: 20px;
  605. color:{color:link};
  606. text-shadow: none;
  607. font-size:10px;
  608. text-transform:{text:Title text transform};
  609. }
  610.  
  611. #sidebar img {
  612. max-width:100%;
  613. }
  614.  
  615. #sidebar img {
  616. border: 0px;
  617. display: block;
  618. }
  619.  
  620. .ques {
  621. background: url('{image:foreground}') top left scroll repeat;
  622. padding:5px;
  623. font-family: {font:Title};
  624. font-size: 12px;
  625. line-height: 16px;
  626. text-transform: uppercase;
  627. letter-spacing:-1px;
  628. }
  629. .ques a {
  630. font-family: {font:Title};
  631. font-size: 12px;
  632. line-height: 16px;
  633. text-transform: uppercase;
  634. letter-spacing:-1px;color:{color:Links};
  635. }
  636. .ques a:hover {
  637. color: {color:Links Hover};}
  638. .said a {
  639. font-family: {font:Title};
  640. font-size: 12px;
  641. line-hepxht: 14px;
  642. text-transform: uppercase;
  643. letter-spacing:-1px;
  644. margin-top:6px;
  645. }
  646. .said a:hover {
  647. font-family: {font:Title};
  648. font-size: 12px;
  649. line-height: 14px;
  650. text-transform: uppercase;
  651. letter-spacing:-1px;
  652. margin-top:6px;
  653. }
  654.  
  655. .nav a {
  656. font-size: 13px;
  657. font-family: 'Open Sans', sans-serif;
  658. }
  659. .nav {
  660. font-size: 13px;
  661. font-family: 'Open Sans', sans-serif;
  662. }
  663.  
  664.  
  665. .pagination {
  666. float:center; color: {color: Navlinks Text Color};
  667. margin-top:0px;
  668. width: auto;
  669. height:20px;
  670. margin-left: 3px;
  671. text-align: right;
  672. line-height:20px; letter-spacing: 1px;
  673. font-family: 'Droid Sans', sans-serif;
  674. font-size:13px;
  675. }
  676.  
  677.  
  678. .pagination a, .pagination, .pagination a:active, .pagination a:visited {
  679. float:center; color: {color: Navlinks Text Color};
  680. margin-top:0px;
  681. width: auto;
  682. height:20px;
  683. font-weight: bold;
  684. margin-left: 3px;
  685. text-align: right;
  686. text-transform: uppercase;
  687. line-height:20px; letter-spacing: 1px;
  688. font-family: 'Droid Sans', sans-serif;
  689. font-size:13px;
  690. }
  691.  
  692. .pagination a:hover, .pagination :hover {
  693. float:center;
  694. margin-top:0px;
  695. width: auto;
  696. height:20px;
  697. font-weight: bold;
  698. margin-left: 3px;
  699. text-align: right;
  700. line-height:20px; letter-spacing: 1px;
  701. font-family: 'Droid Sans', sans-serif;
  702. font-size:13px; color: {color: Links Hover};
  703. }
  704.  
  705. #toTop {
  706. display:none;
  707. text-decoration:none;
  708. position:fixed;
  709. bottom:2px;
  710. right:2px;
  711. overflow:hidden;
  712. width:51px;
  713. height:51px;
  714. border:none;
  715. text-indent:100%;
  716. background:url(http://static.tumblr.com/8jq17g7/Ecym0czgw/ui.totop.png) no-repeat left top;
  717. opacity: .5;
  718. filter: alpha(opacity = 50);
  719. }
  720.  
  721. #toTopHover {
  722. background:url(http://static.tumblr.com/8jq17g7/Ecym0czgw/ui.totop.png) no-repeat left top;
  723. width:51px;
  724. height:51px;
  725. display:block;
  726. overflow:hidden;
  727. float:left;
  728. opacity: 0;
  729. -moz-opacity: 0;
  730. filter:alpha(opacity=0);
  731. }
  732.  
  733. #toTop:hover {
  734. opacity: 1;
  735. filter: alpha(opacity = 100);
  736. }
  737.  
  738. #toTop:active, #toTop:focus {
  739. outline:none;
  740. }
  741.  
  742. {block:IfInfiniteScroll}
  743. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  744. #infscr-loading {
  745. display:none;
  746. }
  747. .navigation {
  748. display:none!important;
  749. }
  750. #pagination {
  751. display:none;
  752. {/block:IfInfiniteScroll}
  753. }
  754.  
  755. #infscr-loading {
  756. position: absolute!important;
  757. width: 16px!important;
  758. height: 11px!important;
  759. bottom: 0px!important;
  760. left: 50%!important;
  761. margin-top: 10px!important;
  762. margin-bottom: 5px!important;
  763. }
  764.  
  765. #over{
  766. height:50000px!important;
  767. position:absolute;
  768. top:0px;
  769. left:0px;
  770. width: 100%;}
  771.  
  772. .hrline { margin-left: -5px; margin-right: -5px; padding:-1000px width: 410px;}
  773.  
  774. .t1, .t1 a {
  775. font-family: 'Open Sans', sans-serif;
  776. font-size: 11px;
  777. color: {color:Links};
  778. line-height: 20px;
  779. letter-spacing:3px; margin-top: 10px; margin-right: -4px;
  780. text-transform: uppercase; text-align:right;
  781. }
  782.  
  783.  
  784.  
  785. .perma2, .perma2 a {
  786. font-family: 'Rokkitt', serif;
  787. font-size:18px; color: {color:Links};
  788. }
  789.  
  790.  
  791.  
  792. .prmlnk {
  793. font-family: 'Open Sans', sans-serif;
  794. font-size:12px;
  795. margin: 5px;
  796. width: 500px;
  797. padding: 0px;
  798. display: block; overflow:hidden;
  799. position: relative;
  800.  
  801. }
  802.  
  803. .wrap {position: fixed; bottom:10px; left:0px;}
  804.  
  805. .wrap:hover .cred a {width: 140px; height: 20px; text-align: right;}
  806.  
  807. .cred a {
  808. height: 100%; width: 80px; height: 20px; margin-left:-65px;
  809. background-color: #000; font-size: 14px; text-align: right;
  810. overflow: hidden; line-height: 15px;
  811. z-index: 9999999; padding-top: 3px;
  812. color: #fff; padding-right: 5px;
  813. -moz-border-radius: 2px;
  814. border-radius: 2px;
  815. display: inline-block;
  816. text-transform: capitalize;
  817. -webkit-transition: all 0.5s ease-out;
  818. -moz-transition: all 0.5s ease-out;
  819. opacity: .7;
  820. filter: alpha(opacity = 70);
  821. font-family: 'Open Sans', sans-serif;
  822. line-spacing: 1px;
  823. }
  824.  
  825. .desc {
  826. height: 50px; position: relative;
  827. }
  828.  
  829. ol.notes {
  830. padding: 0px;
  831. margin: 25px 0px;
  832. list-style-type: none;
  833. border-bottom: dotted 1px {color:Border};
  834. }
  835.  
  836. ol.notes li.note {
  837. border-top: dotted 1px {color:Border};
  838. padding: 10px;
  839. }
  840.  
  841. ol.notes li.note img.avatar {
  842. vertical-align: -4px;
  843. margin-right: 10px;
  844. width: 16px;
  845. height: 16px;
  846. }
  847.  
  848. ol.notes li.note span.action {
  849. font-weight: bold;
  850. }
  851.  
  852. ol.notes li.note .answer_content {
  853. font-weight: normal;
  854. }
  855.  
  856. ol.notes li.note blockquote {
  857. border-color: {color:Border};
  858. padding: 4px 10px;
  859. margin: 10px 0px 0px 25px;
  860. }
  861.  
  862. ol.notes li.note blockquote a {
  863. text-decoration: none;
  864. }
  865.  
  866. #menubar {
  867. margin-left: 125px; margin-bottom: 0px;
  868. text-align: center;
  869. }
  870.  
  871. .my-like {
  872. font-family: 'Rokkitt', serif;
  873. cursor:pointer;
  874. display:inline-block;
  875. vertical-align:top;
  876. font-size: 12px;
  877. color: {color:title};
  878. letter-spacing: 1px;
  879. }
  880. .my-liked, .my-like:hover {
  881. color: red;
  882. font-family: 'Rokkitt', serif;
  883. cursor:pointer;
  884. display:inline-block;
  885. vertical-align:top;
  886. font-size: 12px;
  887. letter-spacing: 1px;
  888. }
  889.  
  890. </style>
  891.  
  892. <script>
  893. window.onload = function () {
  894. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  895. document.addEventListener( 'click', function ( event ) {
  896. var myLike = event.target;
  897. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  898. var frame = document.getElementById( 'my-like-frame' ),
  899. liked = ( myLike.className == 'my-liked' ),
  900. command = liked ? 'unlike' : 'like',
  901. reblog = myLike.getAttribute( 'data-reblog' ),
  902. id = myLike.getAttribute( 'data-id' ),
  903. oauth = reblog.slice( -8 );
  904. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  905. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  906. };
  907. }, false );
  908. };
  909. </script>
  910.  
  911. <script type="text/javascript" src="http://static.tumblr.com/psjhflr/nvqmmq0r3/liked.js"></script>
  912. </head>
  913.  
  914.  
  915. <style type="text/css">{CustomCSS}</style>
  916.  
  917. <body>
  918.  
  919.  
  920. <div id="sb"><div align="center">
  921. <a href="/"><img src="{image:DisplayImage}"></a></div>
  922. <div class="sb_bg">
  923. <div class="sb1">
  924. <div class="btitle"><div align="left"><a href="/">{Title}</a></div></div><br>
  925. <div align="justify">
  926.  
  927. {Description}</div>
  928. <br>
  929. <div class="navlinks"><a href="/">Index</a></div>
  930. <div class="navlinks"><a href="/archive">Archive</a></div>
  931. <div class="navlinks"><a href="/ask">Message</a></div>
  932.  
  933. {block:ifCustomLink1Title}<div class="navlinks"><a href="{text:Custom Link 1}">{text:Custom Link 1 Title}</a></div>{/block:ifCustomLink1Title}
  934. {block:ifCustomLink2Title}<div class="navlinks"><a href="{text:Custom Link 2}">{text:Custom Link 2 Title}</a></div>{/block:ifCustomLink2Title}
  935.  
  936. {block:ifCustomLink3Title}<div class="navlinks"><a href="{text:Custom Link 3}">{text:Custom Link 3 Title}</a></div>{/block:ifCustomLink3Title}
  937. {block:ifCustomLink4Title}<div class="navlinks"><a href="{text:Custom Link 4}">{text:Custom Link 4 Title}</a></div>{/block:ifCustomLink4Title}
  938. <div class="navlinks"><a href="http://www.themepirate.me/">Theme</a></div>
  939. {block:IfNotInfiniteScroll}
  940. {block:IndexPage}
  941. {block:Pagination}
  942. <div class="navigation">
  943. {block:PreviousPage}
  944. <div class="navlinks"><a href="{PreviousPage}">Previous</a></div>
  945. {/block:PreviousPage}
  946.  
  947. {block:NextPage}
  948. <div class="navlinks"><a href="{NextPage}" >Next</a></div>
  949. {/block:NextPage}
  950. <div class="clear"></div>
  951. {/block:Pagination}
  952. {/block:IndexPage}
  953.  
  954. </div>{/block:IfNotInfiniteScroll}
  955. </div>
  956. </div></div>
  957. </div>
  958.  
  959. <div id="container">
  960. <div id="content">
  961. {block:Posts}
  962. <div class="entry_bg">
  963. <div class="entry">
  964.  
  965. {block:Text}
  966. {block:Title}
  967. <div class="title"><a href="{Permalink}">{Title}</a></div>
  968. {/block:Title} {block:indexpage}
  969. {Body}
  970. {block:IfShowPostLinks}
  971. <div class="perma1">
  972. {DayOfWeek}, {Month} {DayOfMonth}, {Year} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  973. </div>
  974. {/block:IfShowPostLinks}
  975. {block:IfShowTags}
  976. {block:HasTags}
  977. <div class="tags">
  978. {block:Tags}
  979. <i>#{Tag}</i>
  980. {/block:Tags}</div>
  981. {/block:HasTags}
  982. {/block:IfShowTags}
  983. {/block:indexpage}
  984. {block:PermalinkPage}
  985. {Body}
  986. {/block:PermalinkPage}
  987. {/block:Text}
  988.  
  989. {block:Photo}
  990. {block:IndexPage}
  991. <div class="p1">
  992. <div class="rblg"><div class="n4">
  993. <a href="{Permalink}">{NotecountWithLabel}</a>
  994. </div>
  995. <div class="n5">
  996. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"> LIKE</div> / <a href="{reblog}">REBLOG POST</a>
  997. </div>
  998. <div class="n6">
  999. <a href="{Permalink}">{TimeAgo}</a>
  1000. </div>
  1001. </div></div>
  1002.  
  1003. {LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}
  1004. {block:ifShowCaption}{block:Caption}{caption}{/block:Caption}{/block:ifShowCaption}
  1005. {/block:IndexPage}
  1006. {block:PermalinkPage}<div align="center">
  1007. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div>
  1008. {block:Caption}{Caption}{/block:Caption}
  1009. {/block:PermalinkPage}
  1010. {/block:Photo}
  1011.  
  1012. {block:Photoset}
  1013. {block:IndexPage}
  1014. <center>
  1015.  
  1016. {block:If2columns}
  1017. {Photoset-250}
  1018. {block:If2columns}
  1019. {block:Ifnot2columns}
  1020. {Photoset-400}
  1021. {block:Ifnot2columns}
  1022.  
  1023. </center>
  1024. {block:ifShowCaption}{block:Caption}{caption}{/block:Caption}{/block:ifShowCaption}
  1025. {block:IfShowPostLinks}
  1026. <div class="perma1">
  1027. {DayOfWeek}, {Month} {DayOfMonth}, {Year} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  1028. </div>
  1029. {/block:IfShowPostLinks}
  1030. {block:IfShowTags}
  1031. {block:HasTags}
  1032. <div class="tags">
  1033. {block:Tags}
  1034. <i>#{Tag}</i>
  1035. {/block:Tags}</div>
  1036. {/block:HasTags}
  1037. {/block:IfShowTags}
  1038. {/block:IndexPage}
  1039. {block:permalinkpage}
  1040. <div align="center">{Photoset-500}</div>
  1041. {block:Caption}{Caption}{/block:Caption}
  1042. {/block:permalinkpage}
  1043. {/block:Photoset}
  1044.  
  1045. {block:Video}
  1046. {block:IndexPage
  1047. <div align="center">
  1048.  
  1049. {block:If2columns}
  1050. {Video-250}
  1051. {block:If2columns}
  1052. {block:Ifnot2columns}
  1053. {Video-400}
  1054. {block:Ifnot2columns}
  1055.  
  1056. </div> <p>
  1057. {block:ifShowCaption}{block:Caption}{caption}{/block:Caption}{/block:ifShowCaption}
  1058. {block:IfShowPostLinks}
  1059. <div class="perma1">
  1060. {DayOfWeek}, {Month} {DayOfMonth}, {Year} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  1061. </div>
  1062. {/block:IfShowPostLinks}
  1063. {block:IfShowTags}
  1064. {block:HasTags}
  1065. <div class="tags">
  1066. {block:Tags}
  1067. <i>#{Tag}</i>
  1068. {/block:Tags}</div>
  1069. {/block:HasTags}
  1070. {/block:IfShowTags}
  1071. {/block:IndexPage}
  1072. {block:permalinkpage}
  1073. <div align="center">{Video-500}</div>
  1074. {block:Caption}{Caption}{/block:Caption}
  1075. {/block:permalinkpage}
  1076. {/block:Video}
  1077.  
  1078. {block:Audio}
  1079. <div class="audioplayer">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}<p>{block:IndexPage}
  1080. {block:IfShowPostLinks}
  1081. <div class="perma1">
  1082. {DayOfWeek}, {Month} {DayOfMonth}, {Year} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  1083. </div>
  1084. {/block:IfShowPostLinks}
  1085. {block:IfShowTags}
  1086. {block:HasTags}
  1087. <div class="tags">
  1088. {block:Tags}
  1089. <i>#{Tag}</i>
  1090. {/block:Tags}</div>
  1091. {/block:HasTags}
  1092. {/block:IfShowTags}
  1093. {/block:IndexPage}
  1094. {block:permalinkpage}
  1095. <div class="perma1"><a id="notes{PostID}" href="{Permalink}">{PlayCount} Plays</a></div>
  1096. {/block:permalinkpage}
  1097. {/block:Audio}
  1098.  
  1099. {block:Quote}
  1100. <div class="title"><a href="{Permalink}">{Quote}</a></div><p> {block:Source}— {Source}{/block:Source}<p>{block:IndexPage}
  1101. {block:IfShowPostLinks}
  1102. <div class="perma1">
  1103. {DayOfWeek}, {Month} {DayOfMonth}, {Year} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  1104. </div>
  1105. {/block:IfShowPostLinks}
  1106. {block:IfShowTags}
  1107. {block:HasTags}
  1108. <div class="tags">
  1109. {block:Tags}
  1110. <i>#{Tag}</i>
  1111. {/block:Tags}</div>
  1112. {/block:HasTags}
  1113. {/block:IfShowTags}
  1114. {/block:IndexPage}
  1115. {/block:Quote}
  1116.  
  1117. {block:Link}
  1118. <div class="title"><a href="{URL}" class="post_title" target="_blank"> {Name}</a></div> {block:Description}{Description}{/block:Description}<p>{block:IndexPage}
  1119. {block:IfShowPostLinks}
  1120. <div class="perma1">
  1121. {DayOfWeek}, {Month} {DayOfMonth}, {Year} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  1122. </div>
  1123. {/block:IfShowPostLinks}
  1124. {block:IfShowTags}
  1125. {block:HasTags}
  1126. <div class="tags">
  1127. {block:Tags}
  1128. <i>#{Tag}</i>
  1129. {/block:Tags}</div>
  1130. {/block:HasTags}
  1131. {/block:IfShowTags}
  1132. {/block:IndexPage}
  1133. {/block:Link}
  1134.  
  1135. {block:Chat}
  1136. {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}
  1137. {block:IfShowPostLinks}
  1138. <div class="perma1">
  1139. {DayOfWeek}, {Month} {DayOfMonth}, {Year} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  1140. </div>
  1141. {/block:IfShowPostLinks}
  1142. {block:IfShowTags}
  1143. {block:HasTags}
  1144. <div class="tags">
  1145. {block:Tags}
  1146. <i>#{Tag}</i>
  1147. {/block:Tags}</div>
  1148. {/block:HasTags}
  1149. {/block:IfShowTags}
  1150. {/block:IndexPage}
  1151. {/block:Chat}
  1152. {block:Answer} <div class="ques"> {Asker} said: {Question}</div>
  1153. <i>{Answer}</i>{/block:Answer}
  1154.  
  1155. </div></div>
  1156.  
  1157. {block:permalinkpage}{block:NoteCount}
  1158. <div class="entry_bg">
  1159. <div class="prmlnk"><div class="perma2">
  1160. Posted on: <a href="{Permalink}">{DayOfMonth} {month}, {Year}</a>
  1161. with <a href="{Permalink}">{NoteCount} Notes</a><p>
  1162. <i>via</i> {block:RebloggedFrom}
  1163. {ReblogParentName} <i> source: </i> {ReblogRootName}
  1164. {/block:RebloggedFrom}
  1165. {/block:NoteCount}
  1166. {block:PostNotes}
  1167. {PostNotes}
  1168. {/block:PostNotes}
  1169. </div>
  1170.  
  1171. </div></div>
  1172. {/block:permalinkpage}
  1173. {/block:Posts}
  1174.  
  1175.  
  1176.  
  1177. <div class="clear"></div>
  1178.  
  1179.  
  1180. </div>
  1181. </div>
  1182.  
  1183. <div class="wrap"><div class="cred"><a href="http://styleandluxury.tumblr.com/">THEME ©</a></div></div>
  1184.  
  1185. {block:Pagination}
  1186. <ul id="pagination">
  1187. {block:PreviousPage}
  1188. <li><a href="{PreviousPage}"></a></li>
  1189. {/block:PreviousPage}
  1190. {block:NextPage}
  1191. <li><a id="nextPage" href="{NextPage}"></a></li>
  1192. {/block:NextPage}
  1193. </ul>
  1194. {/block:Pagination}
  1195. <script src="http://static.tumblr.com/psjhflr/bxnmcwj9t/masonry.js"></script>
  1196. {block:IfInfiniteScroll}
  1197. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>{/block:IfInfiniteScroll}
  1198. <script type="text/javascript">
  1199. $(window).load(function () {
  1200. $('#content').masonry(),
  1201. $('.masonryWrap').infinitescroll({
  1202. navSelector : '#pagination',
  1203. nextSelector : '#pagination a#nextPage',
  1204. itemSelector : ".entry_bg, .clear",
  1205. bufferPx : 40,
  1206. loadingImg : "",
  1207. loadingText : "",
  1208. },
  1209. function() { $('#content').masonry({ appendedContent: $(this) }); }
  1210. );
  1211. });
  1212. </script>
  1213.  
  1214. </div>
  1215.  
  1216.  
  1217.  
  1218.  
  1219. {block:iftotopbutton}
  1220. <script type="text/javascript">
  1221. $(document).ready(function() {
  1222. /*
  1223. var defaults = {
  1224. containerID: 'toTop', // fading element id
  1225. containerHoverID: 'toTopHover', // fading element hover id
  1226. scrollSpeed: 1200,
  1227. easingType: 'linear'
  1228. };
  1229. */
  1230.  
  1231. $().UItoTop({ easingType: 'easeOutQuart' });
  1232.  
  1233. });
  1234. </script>
  1235. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>{block:iftotopbutton}
  1236.  
  1237.  
  1238.  
  1239. </div>
  1240. </body>
  1241. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!