API tools faq
paste
Advertisement
firebends

this code needs redoing/

firebends
May 16th, 2019
140
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.01 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. DREAMSCAPING
  4. theme by hailey firebends
  5.  
  6. REFERENCES:
  7. www.pastebin.com/D4n4dW6N
  8.  
  9. -->
  10.  
  11. <head>
  12. <meta charset="utf-8">
  13. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  14.  
  15. {block:Description}
  16. <meta name="description" content="{MetaDescription}"/>
  17. {/block:Description}
  18.  
  19. <title>{Title}</title>
  20.  
  21. {block:ifnotcustomfavicon}
  22. <link rel="shortcut icon" href="{Favicon}">
  23. {/block:ifnotcustomfavicon}
  24. {block:ifcustomfavicon}
  25. <link rel="shortcut icon" href="{image:favicon}">
  26. {/block:ifcustomfavicon}
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  29.  
  30. <meta name="image:favicon" content=""/>
  31. <meta name="image:cursor" content="http://i.imgur.com/CTuOsr9.png"/>
  32.  
  33. <meta name="color:bg" content="#fff"/>
  34. <meta name="color:text" content="#000"/>
  35. <meta name="color:links" content="#eee"/>
  36. <meta name="color:hover" content="#000"/>
  37. <meta name="color:accent" content="#000"/>
  38. <meta name="color:accent text" content="#fff"/>
  39. <meta name="color:caption" content="#ff0000"/>
  40. <meta name="color:highlight" content="#888"/>
  41. <meta name="color:scrollbar" content="#000"/>
  42.  
  43. <meta name="select:font" title="arial" content="helvetica"/>
  44. <meta name="select:font" title="gothic" content="ms gothic"/>
  45. <meta name="select:font" title="gothic 2" content="ms pgothic"/>
  46. <meta name="select:font" title="consolas" content="consolas"/>
  47. <meta name="select:font" title="courier new" content="courier new"/>
  48. <meta name="select:font" title="georgia" content="georgia"/>
  49. <meta name="select:font" title="comic sans" content="comic sans ms"/>
  50. <meta name="select:font" title="tahoma" content="tahoma"/>
  51. <meta name="select:font" title="calibri" content="calibri"/>
  52. <meta name="select:font" title="verdana" content="verdana"/>
  53. <meta name="select:font" title="times" content="times new roman"/>
  54.  
  55. <meta name="select:ask text" title="none" content=""/>
  56. <meta name="select:ask text" title="asked" content=" asked"/>
  57. <meta name="select:ask text" title="sent" content=" sent"/>
  58. <meta name="select:ask text" title="messaged" content=" messaged"/>
  59. <meta name="select:ask text" title="said" content=" said"/>
  60. <meta name="select:ask text" title="confessed" content=" confessed"/>
  61.  
  62. <meta name="select:search label" title="search" content="search..."/>
  63. <meta name="select:search label" title="locate" content="locate..."/>
  64. <meta name="select:search label" title="browse" content="browse..."/>
  65. <meta name="select:search label" title="explore" content="explore..."/>
  66.  
  67. <meta name="if:custom favicon" content="1"/>
  68. <meta name="if:invert controls" content="1"/>
  69. <meta name="if:new captions" content="1"/>
  70. <meta name="if:hidden visitor tracker" content="0"/>
  71. <meta name="if:lazy load" content="1"/>
  72.  
  73. <meta name="text:your name" content="1 name only*"/>
  74. <meta name="text:home title" content="homepage"/>
  75. <meta name="text:ask title" content="inbox"/>
  76. <meta name="text:ask link" content="/ask"/>
  77. <meta name="text:link 1" content="link"/>
  78. <meta name="text:link 1 url" content="/"/>
  79. <meta name="text:link 2" content="link"/>
  80. <meta name="text:link 2 url" content="/"/>
  81. <meta name="text:link 3" content="link"/>
  82. <meta name="text:link 3 url" content="/"/>
  83. <meta name="text:link 4" content="link"/>
  84. <meta name="text:link 4 url" content="/"/>
  85. <meta name="text:link 5" content="link"/>
  86. <meta name="text:link 5 url" content="/"/>
  87. <meta name="text:twitter name" content="username"/>
  88. <meta name="text:read more" content="view full post"/>
  89. <meta name="text:stat counter code" content=""/>
  90. <meta name="text:hidden visitor tracker code" content=""/>
  91.  
  92. <style type="text/css">
  93.  
  94. .tmblr-iframe, iframe#tumblr_controls{
  95. {block:ifinvertcontrols}
  96. white-space:nowrap;
  97. -webkit-filter:invert(100%);
  98. -moz-filter:invert(100%);
  99. -o-filter:invert(100%);
  100. -ms-filter:invert(100%);
  101. filter:invert(100%);
  102. {/block:ifinvertcontrols}
  103. position:fixed;
  104. padding:1px;
  105. top:8px; right:5px;
  106. transform:scale(0.80);
  107. transform-origin:100% 0;
  108. -webkit-transform:scale(0.80);
  109. -webkit-transform-origin:100% 0;
  110. -o-transform:scale(0.80);
  111. -o-transform-origin:100% 0;
  112. -moz-transform:scale(0.80);
  113. -moz-transform-origin:100% 0;
  114. -ms-transform:scale(0.80);
  115. -ms-transform-origin:100% 0;
  116. }
  117.  
  118. ::-webkit-scrollbar{
  119. width:8px;
  120. height:0;
  121. background:{color:bg};
  122. border-left:1px dashed {color:links};
  123. cursor:url('{image:cursor}'), auto;
  124. }
  125.  
  126. ::-webkit-scrollbar-thumb{
  127. background:{color:scrollbar};
  128. cursor:url('{image:cursor}'), auto;
  129. }
  130.  
  131.  
  132. body{
  133. margin:0px;
  134. background:{color:bg};
  135. font-family:{select:font};
  136. font-size:12px;
  137. line-height:135%;
  138. letter-spacing:1px;
  139. color:{color:text};
  140. cursor:url('{image:cursor}'), auto;
  141. text-align:justify;
  142. }
  143.  
  144. p{
  145. margin:0 0 10px 0;
  146. padding:0;
  147. }
  148.  
  149. small{
  150. font-size:11px;
  151. letter-spacing:2px;
  152. }
  153.  
  154. pre{
  155. font-size:11px;
  156. letter-spacing:1px;
  157. }
  158.  
  159. @font-face{
  160. font-family:calluna;
  161. src:url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3=&v=f685dc881c60c298ea22a73fe505b88a");
  162. src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3%3F=&v=f685dc881c60c298ea22a73fe505b88a#iefix") format("embedded-opentype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.woff?3=&v=760a50f4d098e59aebaf0f0e58ae2cc8") format("woff"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.ttf?3=&v=5ace789439bff3b27f8d4112725531da") format("truetype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.svg?3=&v=5b95c481dd7411c6e112143d6646bd9b#_.regular") format("svg");
  163. font-weight:700;
  164. font-style:italic;
  165. }
  166.  
  167. @font-face{
  168. font-family:fairwater;
  169. src:url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff2?v=b7ab7a58cded3365889a447bfd9e9c45") format("woff2"),url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff?v=96e975b7468359e6f67086305577e43e") format("woff");
  170. font-weight:400;
  171. font-style:normal;
  172. }
  173.  
  174. p.npf_quirky{
  175. font-family:fairwater;
  176. font-size:24px;
  177. line-height:150%;
  178. }
  179.  
  180. p.npf_chat{
  181. font-family:courier;
  182. font-size:24px;
  183. line-height:150%;
  184. }
  185.  
  186. p.npf_quote{
  187. font-family:calluna;
  188. font-size:24px;
  189. line-height:150%;
  190. }
  191.  
  192. a{
  193. color:{color:links};
  194. text-decoration:none;
  195. cursor:url('{image:cursor}'), auto;
  196. }
  197.  
  198. a:hover{
  199. color:{color:hover};
  200. text-decoration:none;
  201. cursor:url('{image:cursor}'), auto;
  202. -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;
  203. }
  204.  
  205. ::-moz-selection{
  206. background:none;
  207. color:{color:highlight};
  208. }
  209.  
  210. ::selection{
  211. background:none;
  212. color:{color:highlight};
  213. }
  214.  
  215. li{
  216. margin-left:-15px;
  217. }
  218.  
  219. #wrapper{
  220. width:600px;
  221. margin:50px auto;
  222. }
  223.  
  224. #sidebar{
  225. width:575px;
  226. background:{color:bg};
  227. text-align:center;
  228. position:fixed;
  229. top:-1px;
  230. margin-left:auto;
  231. margin-right:auto;
  232. font-size:12px;
  233. padding:15px;
  234. padding-top:25px;
  235. color:{color:text};
  236. border-bottom:2px solid {color:text};
  237. }
  238.  
  239. .avatar{
  240. padding:2px;
  241. margin-bottom:1px;
  242. }
  243.  
  244. .avatar img{
  245. max-width:100%;
  246. box-shadow:2px 2px 5px {color:text};
  247. }
  248.  
  249. .avatar img:hover{
  250. -webkit-filter:Grayscale(100%);
  251. -webkit-transition: all 0.7s linear;-moz-transition: all 0.7s linear;transition: all 0.7s linear;
  252. }
  253.  
  254. .description{
  255. margin-left:auto;
  256. margin-right:auto;
  257. padding:5px;
  258. font-size:14px;
  259. }
  260.  
  261. {block:ifstatcountercode}
  262. .statcounter{
  263. padding:2px;
  264. line-height:190%;
  265. margin-top:5px;
  266. text-transform:uppercase;
  267. font-size:11px;
  268. }
  269.  
  270. .statcounter a{
  271. padding:4px;
  272. color:{color:hover};
  273. border:1px solid {color:links};
  274. letter-spacing:2px;
  275. }
  276.  
  277. .statcounter a:hover{
  278. letter-spacing:3px;
  279. font-weight:bold;
  280. -webkit-transition: all 0.7s linear;-moz-transition: all 0.7s linear;transition: all 0.7s linear;
  281. }
  282. {/block:ifstatcountercode}
  283.  
  284. #sidelinks{
  285. position:fixed;
  286. top:25px;
  287. left:25px;
  288. font-size:26px;
  289. line-height:180%;
  290. padding:15px;
  291. vertical-align:middle;
  292. }
  293.  
  294. #sidelinks a{
  295. padding:3px;
  296. position:fixed;
  297. color:{color:hover};
  298. text-shadow:2px 2px 5px {color:links};
  299. }
  300.  
  301. #sidelinks a .tit{
  302. display:none;
  303. }
  304.  
  305. #sidelinks a:hover{
  306. text-shadow:none;
  307. -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;
  308. }
  309.  
  310. #sidelinks a:hover .tit{
  311. color:{color:links};
  312. font-weight:bold;
  313. padding:0 0 2px 0;
  314. margin-left:2px;
  315. text-transform:uppercase;
  316. border-bottom:1px solid {color:text};
  317. font-size:18px;
  318. display:inline;
  319. vertical-align:middle;
  320. }
  321.  
  322. #searchbar{
  323. width:175px;
  324. position:fixed;
  325. bottom:5px;
  326. right:225px;
  327. font-size:12px;
  328. padding:5px;
  329. padding-bottom:20px;
  330. cursor:url('{image:cursor}'), auto;
  331. }
  332.  
  333. .searchtit{
  334. padding:5px;
  335. font-size:15px;
  336. text-align:center;
  337. }
  338.  
  339. .searchtit a{
  340. padding:3px;
  341. position:fixed;
  342. color:{color:hover};
  343. text-shadow:2px 2px 5px {color:links};
  344. }
  345.  
  346. .searchtit a:hover{
  347. text-shadow:none;
  348. -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;
  349. }
  350.  
  351. .searchtit .searchbox{
  352. display:none;
  353. }
  354.  
  355. .searchtit:hover .searchbox{
  356. display:block;
  357. -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;
  358. }
  359.  
  360. .search{
  361. margin-left:10px;
  362. margin-bottom:10px;
  363. width:150px;
  364. font:{select:font};
  365. font-size:11px;
  366. letter-spacing:1px;
  367. padding:5px;
  368. background:{color:bg};
  369. color:{color:links};
  370. border:1px solid {color:scrollbar};
  371. cursor:url('{image:cursor}'), auto;
  372. }
  373.  
  374. #timedate{
  375. width:175px;
  376. position:fixed;
  377. bottom:5px;
  378. right:100px;
  379. font-size:12px;
  380. padding:5px;
  381. padding-bottom:20px;
  382. cursor:url('{image:cursor}'), auto;
  383. }
  384.  
  385. .tdtit{
  386. padding:5px;
  387. font-size:14px;
  388. text-align:center;
  389. }
  390.  
  391. .tdtit a{
  392. padding:3px;
  393. position:fixed;
  394. color:{color:hover};
  395. text-shadow:2px 2px 5px {color:links};
  396. }
  397.  
  398. .tdtit a:hover{
  399. text-shadow:none;
  400. -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;
  401. }
  402.  
  403. .tdtit .td{
  404. display:none;
  405. }
  406.  
  407. .tdtit:hover .td{
  408. display:block;
  409. -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;
  410. }
  411.  
  412. .tdbody{
  413. margin-left:10px;
  414. margin-bottom:10px;
  415. width:150px;
  416. font-size:12px;
  417. padding:5px;
  418. line-height:175%;
  419. text-transform:uppercase;
  420. background:{color:bg};
  421. cursor:url('{image:cursor}'), auto;
  422. }
  423.  
  424. #time{
  425. display:inline;
  426. font-size:11px;
  427. background:{color:bg};
  428. padding:4px;
  429. color:{color:hover};
  430. border:1px solid {color:links};
  431. letter-spacing:2px;
  432. cursor:url('{image:cursor}'), auto;
  433. }
  434.  
  435. #time:hover{
  436. letter-spacing:3px;
  437. font-weight:bold;
  438. -webkit-transition: all 0.7s linear;-moz-transition: all 0.7s linear;transition: all 0.7s linear;
  439. }
  440.  
  441. #scroll{
  442. width:175px;
  443. position:fixed;
  444. bottom:5px;
  445. right:-25px;
  446. font-size:12px;
  447. padding:5px;
  448. padding-bottom:20px;
  449. cursor:url('{image:cursor}'), auto;
  450. }
  451.  
  452. .scrolltit{
  453. padding:5px;
  454. font-size:14px;
  455. text-align:center;
  456. }
  457.  
  458. .scrolltit a{
  459. padding:3px;
  460. position:fixed;
  461. color:{color:hover};
  462. text-shadow:2px 2px 5px {color:links};
  463. }
  464.  
  465. .scrolltit a:hover{
  466. text-shadow:none;
  467. -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;
  468. }
  469.  
  470. #content{
  471. width:450px;
  472. padding:10px;
  473. padding-top:200px;
  474. margin-left:auto;
  475. margin-right:auto;
  476. }
  477.  
  478. .nopost{
  479. width:400px;
  480. background:{color:bg};
  481. margin-left:auto;
  482. margin-right:auto;
  483. padding:10px;
  484. font-size:16px;
  485. text-align:center;
  486. text-transform:uppercase;
  487. overflow:none;
  488. }
  489.  
  490. .results{
  491. width:400px;
  492. background:{color:bg};
  493. margin-left:auto;
  494. margin-right:auto;
  495. margin-bottom:25px;
  496. padding:10px;
  497. font-size:11px;
  498. text-align:center;
  499. text-transform:uppercase;
  500. overflow:none;
  501. }
  502.  
  503. .results a{
  504. padding:4px;
  505. color:{color:hover};
  506. border:1px solid {color:links};
  507. letter-spacing:2px;
  508. }
  509.  
  510. .results a:hover{
  511. letter-spacing:3px;
  512. font-weight:bold;
  513. -webkit-transition: all 0.7s linear;-moz-transition: all 0.7s linear;transition: all 0.7s linear;
  514. }
  515.  
  516. .post{
  517. width:400px;
  518. background:{color:bg};
  519. margin-left:auto;
  520. margin-right:auto;
  521. {block:indexpage}
  522. margin-bottom:50px;
  523. {/block:indexpage}
  524. {block:permalinkpage}
  525. margin-bottom:15px;
  526. {/block:permalinkpage}
  527. padding:10px;
  528. overflow:none;
  529. }
  530.  
  531. .post img{
  532. max-width:100%;
  533. cursor:url('{image:cursor}'), auto;
  534. }
  535.  
  536. #nav{
  537. margin-left:auto;
  538. margin-right:auto;
  539. width:400px;
  540. line-height:250%;
  541. padding:5px;
  542. letter-spacing:2px;
  543. font-size:11px;
  544. text-transform:uppercase;
  545. cursor:url('{image:cursor}'), auto;
  546. }
  547.  
  548. #nav a{
  549. border:1px solid {color:links};
  550. color:{color:hover};
  551. padding:4px;
  552. }
  553.  
  554. #nav a:hover{
  555. color:{color:hover};
  556. letter-spacing:3px;
  557. font-weight:bold;
  558. }
  559.  
  560. .media{
  561. margin:0 0 5px 0;
  562. cursor:url('{image:cursor}'), auto;
  563. }
  564.  
  565. .heading{
  566. {block:IndexPage}
  567. font-size:18px;
  568. text-align:center;
  569. {/block:IndexPage}
  570. {block:PermalinkPage}
  571. font-size:22px;
  572. text-align:justify;
  573. {/block:PermalinkPage}
  574. line-height:125%;
  575. padding:2px;
  576. margin-bottom:10px;
  577. }
  578.  
  579. .chat{
  580. font-size:12px;
  581. padding:3px;
  582. }
  583.  
  584. .chat .odd{
  585. padding:5px;
  586. background:{color:accent};
  587. color:{color:accent text};
  588. margin-top:2px;
  589. margin-bottom:2px;
  590. }
  591.  
  592. .chat .even{
  593. padding:5px;
  594. background:{color:accent};
  595. color:{color:accent text};
  596. margin-top:2px;
  597. margin-bottom:2px;
  598. }
  599.  
  600. .question{
  601. margin-bottom:15px;
  602. color:{color:text};
  603. background:{color:accent};
  604. font-size:14px;
  605. padding:7px;
  606. text-align:justify;
  607. line-height:125%;
  608. box-shadow:2px 2px 5px {color:text};
  609. }
  610.  
  611. .question a{
  612. color:{color:text};
  613. border-bottom:1px solid {color:links};
  614. text-decoration:none;
  615. }
  616.  
  617. .question a:hover{
  618. color:{color:accent text};
  619. border-bottom:1px solid {color:hover};
  620. text-decoration:none;
  621. }
  622.  
  623. .album{
  624. padding:10px;
  625. }
  626.  
  627. .mp3{
  628. padding:5px;
  629. }
  630.  
  631. .player{
  632. overflow:hidden;
  633. vertical-align:middle;
  634. }
  635.  
  636. .information{
  637. padding:10px;
  638. }
  639.  
  640. .infobox{
  641. padding:5px;
  642. background:{color:accent};
  643. color:{color:accent text};
  644. margin-top:2px;
  645. margin-bottom:2px;
  646. }
  647.  
  648. .spotify_audio_player{
  649. height:80px !important;
  650. }
  651.  
  652. .readmore{
  653. padding:10px;
  654. font-size:11px;
  655. text-transform:uppercase;
  656. text-align:center;
  657. }
  658.  
  659. .readmore a{
  660. padding:4px;
  661. color:{color:hover};
  662. border:1px solid {color:links};
  663. letter-spacing:2px;
  664. }
  665.  
  666. .readmore a:hover{
  667. letter-spacing:3px;
  668. font-weight:bold;
  669. -webkit-transition: all 0.7s linear;-moz-transition: all 0.7s linear;transition: all 0.7s linear;
  670. }
  671.  
  672. .permabox{
  673. {block:indexpage}
  674. width:400px;
  675. margin-left:-10px;
  676. {/block:indexpage}
  677. font-size:13px;
  678. padding:10px;
  679. padding-bottom:5px;
  680. text-align:center;
  681. }
  682.  
  683. .permabox a{
  684. padding:3px;
  685. color:{color:hover};
  686. text-shadow:1px 1px 3px {color:links};
  687. }
  688.  
  689. .permabox a:hover{
  690. text-decoration:none;
  691. text-shadow:none;
  692. }
  693.  
  694. .permabox .tagbox{
  695. font-size:11px;
  696. line-height:190%;
  697. text-align:center;
  698. padding:5px;
  699. {block:indexpage}
  700. opacity:0;
  701. {/block:indexpage}
  702. }
  703.  
  704. {block:permalinkpage}
  705. .tagbox a{
  706. color:{color:hover};
  707. }
  708.  
  709. .tagbox a:hover{
  710. color:{color:links};
  711. }
  712. {/block:permalinkpage}
  713.  
  714. {block:indexpage}
  715. .permabox:hover .tagbox{
  716. opacity:1;
  717. -webkit-transition: all 0.7s linear;-moz-transition: all 0.7s linear;transition: all 0.7s linear;
  718. }
  719.  
  720. .permabox:hover .tagbox a{
  721. padding:1px;
  722. color:{color:hover};
  723. text-shadow:1px 1px 3px {color:links};
  724. }
  725.  
  726. .permabox:hover .tagbox a:hover{
  727. text-shadow:none;
  728. color:{color:links};
  729. -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;
  730. }
  731. {/block:indexpage}
  732.  
  733. {block:ifnotnewcaptions}
  734. blockquote{
  735. margin:0 0 5px 5px;
  736. padding:0 0 0 10px;
  737. border-left:1px solid {color:scrollbar};
  738. }
  739. {/block:ifnotnewcaptions}
  740.  
  741.  
  742. {block:ifnewcaptions}
  743. blockquote{
  744. margin:0 0 0 0;
  745. padding:0 0 0 5px;
  746. }
  747.  
  748. blockquote.tumblr_parent h1,h2{
  749. font-size:14px;
  750. font-weight:normal;
  751. }
  752.  
  753. .tumblr_blog{
  754. padding:2px 0 2px 0;
  755. font-size:14px;
  756. line-height:250%;
  757. vertical-align:middle;
  758. border-bottom:1px solid {color:scrollbar};
  759. }
  760.  
  761. .tumblr_icon{
  762. display:inline-block;
  763. vertical-align:middle;
  764. margin:10px 10px 10px 0;
  765. width:25px;
  766. height:25px;
  767. box-shadow:1px 1px 3px {color:text};
  768. }
  769.  
  770. .tumblr_parent:not(:last-of-type){
  771. border-bottom:1px dotted {color:caption};
  772. }
  773. {/block:ifnewcaptions}
  774.  
  775. #rebloglike{
  776. margin-top:5px;
  777. font-size:11px;
  778. overflow:auto;
  779. max-height:150px;
  780. text-align:left;
  781. padding:10px;
  782. line-height:150%;
  783. }
  784.  
  785. #rebloglike img{
  786. display:none;
  787. }
  788.  
  789. #rebloglike li{
  790. list-style-type:none;
  791. text-align:left;
  792. }
  793.  
  794. #rebloglike .head{
  795. padding:2px;
  796. font-size:15px;
  797. text-transform:uppercase;
  798. }
  799.  
  800. #s-m-t-tooltip{
  801. max-width:100%;
  802. margin-top:15px;
  803. margin-left:15px;
  804. font-size:11px;
  805. padding:5px;
  806. letter-spacing:2px;
  807. display:inline-block;
  808. color:{color:text};
  809. border:1px dotted {color:links};
  810. background:{color:bg};
  811. text-transform:uppercase;
  812. }
  813.  
  814. #credit{
  815. bottom:20px;
  816. left:5px;
  817. padding:5px;
  818. text-align:center;
  819. position:fixed;
  820. font-size:16px;
  821. background:{color:bg};
  822. }
  823.  
  824. #credit a{
  825. position:fixed;
  826. text-shadow:2px 2px 5px {color:bg};
  827. }
  828.  
  829. #credit a:hover{
  830. text-shadow:none;
  831. -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;
  832. }
  833.  
  834. #credit a .name{
  835. display:none;
  836. }
  837.  
  838. #credit a:hover .name{
  839. color:{color:links};
  840. border-bottom:1px solid {color:text};
  841. text-transform:uppercase;
  842. padding-bottom:2px;
  843. letter-spacing:3px;
  844. font-size:12px;
  845. font-style:italic;
  846. display:inline;
  847. }
  848.  
  849. {CustomCSS}
  850.  
  851. </style>
  852.  
  853. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  854. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  855.  
  856. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  857. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  858. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.7/jquery.min.js"></script>
  859. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  860. <script>
  861. (function($){
  862. $(document).ready(function(){
  863. $("[title]").style_my_tooltips({
  864. tip_follows_cursor:true,
  865. tip_delay_time:200,
  866. tip_fade_speed:300
  867. }
  868. );
  869. });
  870. })(jQuery);
  871. </script>
  872.  
  873. <script>
  874. $(document).ready(function(){
  875. //remove tumblr redirects script by magnusthemes@tumblr
  876. $('a[href*="t.umblr.com/redirect"]').each(function(){
  877. var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
  878. var replaceURL = decodeURIComponent(originalURL);
  879. $(this).attr("href", replaceURL);
  880. });
  881. });
  882. </script>
  883.  
  884. <script>
  885. function startTime() {
  886. var today = new Date();
  887. var h = today.getHours() > 12 ? today.getHours() - 12 : today.getHours();
  888. var am_pm = today.getHours() >= 12 ? "PM" : "AM";
  889. h = h < 10 ? "0" + h : h;
  890. var m = today.getMinutes();
  891. m = checkTime(m);
  892. document.getElementById('time').innerHTML =
  893. h + ":" + m + am_pm;
  894. var t = setTimeout(startTime, 500);
  895. }
  896. function checkTime(i) {
  897. if (i < 10) {i = "0" + i}; // add zero in front of numbers < 10
  898. return i;
  899. }
  900. </script>
  901.  
  902. <script>
  903. $(document).ready(function(){
  904.  
  905. $(window).scroll(function(){
  906. if ($(this).scrollTop() > -10) {
  907. $('.scrolltit').fadeIn();
  908. } else {
  909. $('.scrolltit').fadeOut();
  910. }
  911. });
  912.  
  913. $('.scrolltit').click(function(){
  914. $('html, body').animate({scrollTop : 0},800);
  915. return false;
  916. });
  917.  
  918. });
  919. </script>
  920.  
  921. {block:iflazyload}
  922. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  923. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  924. <script type="text/javascript" charset="utf-8">
  925. var $j = jQuery.noConflict();
  926. $j(function() {
  927. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  928. $j("img").lazyload({
  929. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  930. effect: "fadeIn",
  931. });
  932. });
  933. </script>
  934. {/block:iflazyload}
  935.  
  936. {block:ifnewcaptions}
  937. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
  938. <script type="text/javascript" src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  939. <script>
  940. $(function(){ var $j = jQuery.noConflict();
  941. $j('.post').unnest({
  942. yourCaption: ".caption",
  943. wrapName: ".tumblr_parent",
  944. newCaptionUsername: false,
  945. originalPostCaptionUsername: false,
  946. tumblrAvatars: true,
  947. tumblrAvatarClass: ".tumblr_icon",
  948. usernameColon: false
  949. });});
  950. </script>
  951. {/block:ifnewcaptions}
  952.  
  953. </head>
  954.  
  955. <body onload="startTime()">
  956.  
  957. <div id="wrapper">
  958.  
  959. <div id="sidebar">
  960. <div class="avatar"><div class="avatar img"><img src="{PortraitUrl-96}"/></div></div> {block:Description}<div class="description"><center>{Description}</center></div>{/block:Description} {block:ifstatcountercode}<div class="statcounter">{text:stat counter code}</div>{/block:ifstatcountercode}
  961. </div>
  962.  
  963. <div id="sidelinks"><center><a href="/"><i class="fa fa-home"></i> <div class="tit">{text:home title}</div></a><br><a href="{text:ask link}"><i class="fa fa-envelope-o"></i> <div class="tit">{text:ask title}</div></a>{block:iflink1}<br><a href="{text:link 1 url}"><i class="fa fa-id-card-o"></i> <div class="tit">{text:link 1}</div></a>{/block:iflink1}{block:iflink2}<br><a href="{text:link 2 url}"><i class="fa fa-folder"></i> <div class="tit">{text:link 2}</div></a>{/block:iflink2}{block:iflink3}<br><a href="{text:link 3 url}"><i class="fa fa-commenting-o"></i> <div class="tit">{text:link 3}</div></a>{/block:iflink3}{block:iflink4}<br><a href="{text:link 4 url}"><i class="fa fa-cogs"></i> <div class="tit">{text:link 4}</div></a>{/block:iflink4}{block:iflink5}<br><a href="{text:link 5 url}"><i class="fa fa-list-alt"></i> <div class="tit">{text:link 5}</div></a>{/block:iflink5}{block:iftwittername}<br><a href="http://twitter.com/{text:twitter name}" target="_blank"><i class="fa fa-twitter"></i> <div class="tit">@{text:twitter name}</div></a>{/block:iftwittername}</center></div>
  964.  
  965. <div id="searchbar"><div class="searchtit"><div class="searchbox"><center><form action="/search" method="get" class="sfm"><input type="text" name="q" value="{select:search label}" onfocus="if (this.value == '{select:search label}') {this.value=''}" onblur="if (this.value == '') {this.value='{select:search label}'}" class="search"/></form></div><a><i class="fa fa-search"></i></a></div></center></div>
  966.  
  967. <div id="timedate"><div class="tdtit"><div class="td"><center><div class="tdbody"><div id="time"></div></div></center></div><a><i class="fa fa-hourglass-half"></i></a></div></div>
  968.  
  969. <div id="scroll"><div class="scrolltit"><a href="#" title="back to top"><i class="fa fa-long-arrow-up"></i></a></div></div>
  970.  
  971. <div id="content">
  972.  
  973. {block:NoPosts}<div class="nopost">looks like @{Username} has not posted anything... yet.</div>{/block:NoPosts}
  974.  
  975. {block:SearchPage}<div class="results"><a><i class="fa fa-exclamation-triangle"></i> {SearchResultCount} results</a></div>{/block:SearchPage}
  976.  
  977. {block:TagPage}<div class="results"><a><i class="fa fa-hashtag"></i> {Tag}</a></div>{/block:TagPage}
  978.  
  979. {block:Posts}
  980.  
  981. <div class="post">
  982.  
  983. {block:Text}
  984. {block:Title}<div class="heading"><b>{Title}</b></div>{/block:Title}
  985. <div class="caption">{Body} {block:More}<div class="readmore"><a href="{Permalink}" class="more-btn">{text:read more}</a></div>{/block:More}</div>
  986. {/block:Text}
  987.  
  988. {block:Photo}
  989. <center><div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div></center>
  990. {block:Caption}<div class="caption">{Caption} {block:More}<div class="readmore"><a href="{Permalink}" class="more-btn">{text:read more}</a></div>{/block:More}</div>{/block:Caption}
  991. {/block:Photo}
  992.  
  993. {block:Photoset}
  994. <div class="media"><center>{Photoset-400}</center></div>
  995. {block:Caption}<div class="caption">{Caption} {block:More}<div class="readmore"><a href="{Permalink}" class="more-btn">{text:read more}</a></div>{/block:More}</div>{/block:Caption}
  996. {/block:Photoset}
  997.  
  998. {block:Quote}
  999. <div class="heading"><i class="fa fa-quote-left"></i>{Quote}<i class="fa fa-quote-right"></i></div>
  1000. {block:Source}<div class="quotesource" style="text-align:right;">— <i>{Source}</i></div>{/block:Source}
  1001. {/block:Quote}
  1002.  
  1003. {block:Link}
  1004. {block:Thumbnail}<div class="media"><center><img src="{Thumbnail-HighRes}"/></center></div>{/block:Thumbnail}
  1005. <div class="heading" style="text-align:justify;"><i class="fa fa-external-link"></i> <a href="{URL}" target="_blank"><b>{Name}</b> <i class="fa fa-long-arrow-right"></i></a></div>
  1006. {block:Description}<div class="caption">{Description} {block:More}<div class="readmore"><a href="{Permalink}" class="more-btn">{text:read more}</a></div>{/block:More}</div>{/block:Description}
  1007. {/block:Link}
  1008.  
  1009. {block:Chat}
  1010. {block:Title}<div class="heading"><b>{Title}</b></div>{/block:Title}
  1011.  
  1012. {block:Lines}<div class="chat">
  1013. <div class="{Alt} user_{UserNumber}">
  1014. {block:Label}<div style="display:inline; font-weight:bold; font-size:11px; text-transform:uppercase;">{Label}</div>{/block:Label}
  1015. {Line}
  1016. </div></div>
  1017. {/block:Lines}
  1018. {/block:Chat}
  1019.  
  1020. {block:Video}
  1021. <div class="media"><center>{Video-400}</center></div>
  1022. {block:Caption}<div class="caption">{Caption} {block:More}<div class="readmore"><a href="{Permalink}" class="more-btn">{text:read more}</a></div>{/block:More}</div>{/block:Caption}
  1023. {/block:Video}
  1024.  
  1025. {block:Audio}
  1026. <div class="media"><div class="album">{block:AlbumArt}<center><img src="{AlbumArtURL}"></img></center>{/block:AlbumArt}</div><div class="mp3"><div class="player"><center>{AudioPlayer}</center></div></div><div class="information">{block:TrackName}<div class="infobox"><div style="display:inline; font-weight:bold; font-size:11px; text-transform:uppercase;">title:</div> {TrackName}</div>{/block:TrackName}{block:Artist}<div class="infobox"><div style="display:inline; font-weight:bold; font-size:11px; text-transform:uppercase;">artist:</div> {Artist}</div>{/block:Artist}{block:Album}<div class="infobox"><div style="display:inline; font-weight:bold; font-size:11px; text-transform:uppercase;">album:</div> {Album}</div>{/block:Album}{block:PlayCount}<div class="infobox"><div style="display:inline; font-weight:bold; font-size:11px; text-transform:uppercase;">plays:</div> {FormattedPlayCount}</div>{/block:PlayCount}</div></div>
  1027. {block:Caption}<div class="caption">{Caption} {block:More}<div class="readmore"><a href="{Permalink}" class="more-btn">{text:read more}</a></div>{/block:More}</div>{/block:Caption}
  1028. {/block:Audio}
  1029.  
  1030. {block:Answer}
  1031. <div class="question"><div style="display:inline; font-size:12px; font-weight:bold; text-transform:uppercase;">{Asker}{select:ask text}:</div> {Question}</div>
  1032. <div class="caption">{Answer} {block:More}<div class="readmore"><a href="{Permalink}" class="more-btn">{text:read more}</a></div>{/block:More}</div>
  1033. {/block:Answer}
  1034.  
  1035. {block:Date}
  1036. {block:IndexPage}
  1037. <div class="permabox"><center><a href="{permalink}" title="{TimeAgo}"><i class="fa fa-clock-o"></i></a> {block:Reblog}<a href="{ReblogParentURL}" title="via @{ReblogParentName}"><i class="fa fa-thumb-tack"></i></a>{block:ContentSource}{block:Reblog} {/block:Reblog}<a href="{SourceURL}" title="by @{ReblogRootName}"><i class="fa fa-pencil"></i></a>{/block:ContentSource}{/block:Reblog} <a href="{ReblogUrl}" title="+{NoteCountWithLabel}"><i class="fa fa-refresh"></i></a>{block:Submission} <a href="{SubmitterUrl}" title="sent by @{Submitter}"><i class="fa fa-upload"></i></a>{/block:Submission}{block:HasTags} <a title="categorized post"><i class="fa fa-tag"></i></a>{/block:HasTags}</center>{block:HasTags}<div class="tagbox">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  1038. {/block:IndexPage}
  1039.  
  1040. {block:PermalinkPage}
  1041. <div class="permabox"><center><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="{12hourWithZero}:{Minutes}{AMPM} | {DayofMonth} {ShortMonth} {Year}"><i class="fa fa-clock-o"></i></a> {block:Reblog}<a href="{ReblogParentURL}" title="via @{ReblogParentName}"><i class="fa fa-thumb-tack"></i></a>{block:ContentSource}{block:Reblog} {/block:Reblog}<a href="{SourceURL}" title="by @{ReblogRootName}"><i class="fa fa-pencil"></i></a>{/block:ContentSource}{/block:Reblog} <a href="{ReblogUrl}" title="+{NoteCountWithLabel}"><i class="fa fa-refresh"></i></a>{block:Submission} <a href="{SubmitterUrl}" title="sent by @{Submitter}"><i class="fa fa-upload"></i></a>{/block:Submission}{block:HasTags} <a title="categorized post"><i class="fa fa-tags"></i></a>{/block:HasTags}</center>{block:HasTags}<div class="tagbox">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1042. <center><div style="font-size:11px;">{block:PermalinkPagination}{block:NextPost}<a href="{NextPost}"><i class="fa fa-long-arrow-left"></i> newer post</a>{/block:NextPost} {block:PreviousPost}<a href="{PreviousPost}">older post <i class="fa fa-long-arrow-right"></i></a>{/block:PreviousPost}<br>{/block:PermalinkPagination}</div></center></div>
  1043. {/block:PermalinkPage}
  1044.  
  1045. {block:PermalinkPage}
  1046. {block:NoteCount}<div id="rebloglike">
  1047. <div class="head"><i class="fa fa-users"></i> <div style="display:inline; font-size:12px; padding:4px;">「<b>post notes</b>」</div></div>
  1048. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1049. </div>{/block:NoteCount}
  1050. {/block:PermalinkPage}
  1051.  
  1052. {/block:Date}
  1053.  
  1054. </div>
  1055.  
  1056. {/block:Posts}
  1057.  
  1058. <div id="nav">
  1059. {block:Pagination}<center><a><i class="fa fa-map-marker"></i> page {CurrentPage}</a></center>{block:PreviousPage}<a href="{PreviousPage}"><i class="fa fa-long-arrow-left"></i> newer posts</a> {/block:PreviousPage}{block:NextPage}<div style="display:inline; float:right; text-align:right;"><a href="{NextPage}">older posts <i class="fa fa-long-arrow-right"></i></a></div>{/block:NextPage}<br>{/block:Pagination}<center><a href="/archive" target="_blank"><i class="fa fa-archive"></i> memories</a> <a title="by {text:your name} {Name}"><i class="fa fa-history"></i> {CopyrightYears}</a> <a href="{RSS}" target="_blank"><i class="fa fa-fw fa-rss"></i> rss feed</a></center>
  1060. </div>
  1061.  
  1062. <div id="credit"><a href="http://firebends.tumblr.com/" target="_blank"><i class="fa fa-code"></i> <div class="name">theme credit</div></a></div>
  1063.  
  1064. {block:ifhiddenvisitortracker}
  1065. {text:hidden visitor tracker code}
  1066. {/block:ifhiddenvisitortracker}
  1067.  
  1068. </div>
  1069. </div>
  1070. </div>
  1071.  
  1072. </div>
  1073.  
  1074. </body>
  1075. </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!