API tools faq
paste
Advertisement
themepirate

Yami Theme by THEMEPIRATE

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