API tools faq
paste
Advertisement
dasshing

turn.

dasshing
Feb 11th, 2018
475
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.65 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4.  
  5. <title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11.  
  12. <meta name="color:background" content="#f5f5f5"/>
  13. <meta name="color:background2" content="#f8f8f8"/>
  14. <meta name="color:postbg" content="#ffffff"/>
  15. <meta name="color:text" content="#868686"/>
  16. <meta name="color:link" content="#848484"/>
  17. <meta name="color:linkhover" content="#b3b3b3"/>
  18. <meta name="color:scrollbar" content="#d5d5d5" />
  19. <meta name="color:permalink" content="#e4e4e4;"/>
  20. <meta name="color:wrap" content="#f8f8f8"/>
  21. <meta name="color:highlight" content="#eee"/>
  22. <meta name="color:text when highlighted" content="#868686"/>
  23.  
  24. <meta name="image:background" content=""/>
  25. <meta name="image:background2" content=""/>
  26. <meta name="image:header" content=""/>
  27.  
  28.  
  29. <meta name="text:photoset gutter" content="1" />
  30. <meta name="text:body font size" content="10" />
  31.  
  32. <meta name="text:title" content="title title title" />
  33. <meta name="text:subtitle" content="title2 title2 title2" />
  34.  
  35. <meta name="text:link1 name" content="linkone" />
  36. <meta name="text:link1 url" content="/" />
  37. <meta name="text:link2 name" content="linktwo" />
  38. <meta name="text:link2 url" content="/" />
  39. <meta name="text:link3 name" content="linkthree" />
  40. <meta name="text:link3 url" content="/" />
  41. <meta name="text:link4 name" content="linkfour" />
  42. <meta name="text:link4 url" content="/" />
  43.  
  44. <meta name="if:Faded" content="0"/>
  45. <meta name="if:RoundedCorners" content="1"/>
  46. <meta name="if:SmallCursor" content="1"/>
  47. <meta name="if:Scrollbar" content="1"/>
  48. <meta name="if:CoverBackground" content="0"/>
  49. <meta name="if:BlackAudioPlayer" content="1"/>
  50. <meta name="if:WhiteAudioPlayer" content="0"/>
  51. <meta name="if:GreyAudioPlayer" content="0"/>
  52.  
  53. <link rel=“stylesheet” href=“https://cdn.linearicons.com/free/1.0.0/icon-font.min.css”>
  54.  
  55.  
  56. <link href="https://fonts.googleapis.com/css?family=Pontano+Sans" rel="stylesheet">
  57.  
  58.  
  59. <style type="text/css">
  60.  
  61. {block:IfFaded}
  62. .posts img{-webkit-filter: Grayscale(70%); -webkit-transition-duration: 0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s; -o-transition-duration:0.8s;}
  63.  
  64. .posts img:hover{-webkit-filter: Grayscale(0%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  65.  
  66. .photoset {
  67. -webkit-filter: grayscale(70%);
  68. -webkit-transition: all .25s;
  69. ...
  70. }
  71.  
  72. .photoset:hover{-webkit-filter: Grayscale(0%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  73.  
  74. {/block:IfFaded}
  75.  
  76. {block:ifSmallcursor}
  77. *, #link a:hover {
  78. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  79. }
  80.  
  81. *, #tops a:hover {
  82. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  83. }
  84.  
  85. *, body a:hover {
  86. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto;
  87. }
  88. {/block:ifSmallcursor}
  89.  
  90.  
  91. .spotify_audio_player {
  92.  
  93. height: 80px !important;
  94.  
  95. }
  96.  
  97.  
  98.  
  99. #s-m-t-tooltip {
  100. max-width:300px;
  101. padding-top: 3px;
  102. padding-bottom: 3px;
  103. padding-left: 5px;
  104. padding-right: 5px;
  105. margin:10px 0px 0px 20px;
  106. text-transform:uppercase;
  107. z-index:999999999999999999999999999999999999;
  108. font-size:8px;
  109. background:{color:background2};
  110. font-family:helvetica;
  111. font-weight:600;
  112. letter-spacing:1px;}
  113.  
  114. ::selection {
  115. background-color:{color:highlight};
  116. color: {color:text when highlighted};
  117. }
  118. ::-moz-selection {
  119. background-color:{color:highlight};
  120. color: {color:text when highlighted};
  121. }
  122.  
  123. {block:IfNotScrollbar}
  124. ::-webkit-scrollbar{height: 5px;
  125. width:0px;opacity:0;
  126. background-color:{color:postbg};margin-left:-2px;}
  127. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};border-left:0px solid {color:scrollbar};width:1px;opacity:0;}
  128. ::-webkit-scrollbar-track{background-color:transparent;margin:0px;opacity:0;}
  129. {/block:IfNotScrollbar}
  130.  
  131. {block:ifScrollbar}
  132. ::-webkit-scrollbar{height: 5px;
  133. width:2px;
  134. }
  135. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};width:1px;}
  136. ::-webkit-scrollbar-track{background-color:{color:postbg};}
  137. {block:ifScrollbar}
  138.  
  139. blockquote {
  140. padding:10px;
  141. margin:0px;
  142. margin-left:10px;
  143. margin-top:5px;
  144. text-align:left;
  145. border-left:1px solid {color:wrap};
  146. margin-bottom:5px;
  147. background: {color:permalink};
  148. }
  149.  
  150. blockquote img {
  151. max-width:100%;
  152. }
  153.  
  154. body {
  155. background:{color:background};
  156. color:{color:text};
  157. font-family:helvetica;
  158. font-size:{text:body font size}px;
  159. text-align:justify;
  160. margin:0;
  161. line-height:16px;
  162. background-image: url("{image:background}");
  163. {block:IfCoverBackground}
  164. background: url({image:background}) no-repeat center center fixed;
  165. -webkit-background-size: cover;
  166. -moz-background-size: cover;
  167. -o-background-size: cover;
  168. background-size: cover;
  169. {/block:IfCoverBackground}
  170. animation: fadein 2s;
  171. -moz-animation: fadein 2s;
  172. -webkit-animation: fadein 2s;
  173. -o-animation: fadein 2s;
  174. }
  175.  
  176. a {
  177. color:{color:link};
  178. text-decoration:none;
  179. }
  180.  
  181. a:hover {
  182. color:{color:linkhover};
  183. text-decoration:none;}
  184.  
  185. @keyframes fadein {
  186. from {
  187. opacity:0;
  188. }
  189. to {
  190. opacity:1;
  191. }
  192. }
  193. @-moz-keyframes fadein {
  194. from {
  195. opacity:0;
  196. }
  197. to {
  198. opacity:1;
  199. }
  200. }
  201. @-webkit-keyframes fadein {
  202. from {
  203. opacity:0;
  204. }
  205. to {
  206. opacity:1;
  207. }
  208. }
  209. @-o-keyframes fadein {
  210. from {
  211. opacity:0;
  212. }
  213. to {
  214. opacity: 1;
  215. }
  216. }
  217.  
  218.  
  219.  
  220.  
  221.  
  222. .iframe-controls--desktop {
  223. position:fixed;
  224. margin-top:5px;
  225. margin-right:5px;
  226. z-index:214748364789123456789;
  227. filter:invert(0%);
  228. -webkit-filter:invert(0%);
  229. -webkit-transform:scale(0.6,0.6);
  230. -webkit-transform-origin: 100% 0%;
  231. -ms-transform-origin:100% 0%;
  232. -ms-transform:scale(0.6,0.6);
  233. transform:scale(0.6,0.6);
  234. transform-origin:100% 0%;
  235. }
  236.  
  237.  
  238.  
  239.  
  240. pre {
  241. letter-spacing:1px;
  242. font-size:10px;
  243. background: {color:wrap};
  244. padding:10px;
  245. color:{color:link};
  246. font-family: 'Pontano Sans', sans-serif;
  247. white-space:pre-wrap;
  248. white-space:-moz-pre-wrap;
  249. white-space:-pre-wrap;
  250. white-space:-o-pre-wrap;
  251. word-wrap:break-word;}
  252.  
  253. h1 {
  254. word-wrap: break-word;
  255. font-family: 'Pontano Sans', sans-serif;
  256. text-transform:uppercase;
  257. letter-spacing:1px;
  258. font-size:9px;
  259. padding:7px;
  260. background: {color:wrap};
  261. }
  262.  
  263. h2 {
  264. word-wrap: break-word;
  265. font-family: 'Pontano Sans', sans-serif;
  266. text-transform:uppercase;
  267. letter-spacing:1px;
  268. color:{color:link};
  269. text-align:center;
  270. text-shadow:0px 0px 2px {color:text};
  271. font-size:12px;
  272. padding:7px;
  273. }
  274.  
  275. h2 a {
  276. border-bottom:1px solid {color:wrap};
  277. padding-bottom:2px;
  278. }
  279.  
  280.  
  281.  
  282.  
  283. small,sub,sup {
  284. font-size:{text:body font size}px;
  285. }
  286.  
  287. hr {
  288. border-top:0px;
  289. border-left:0px;
  290. border-right:0px;
  291. border-bottom:1px solid {color:border};
  292. margin-top:20px;
  293. margin-bottom:20px;
  294. width:100px;
  295. }
  296.  
  297. b,strong {
  298. font-family: 'Pontano Sans', sans-serif;
  299. letter-spacing:1px;
  300. font-size:12px;
  301. }
  302.  
  303. i,em {
  304. color:white;
  305. }
  306.  
  307. u {
  308. text-decoration:none;
  309. border-bottom:1px solid #835f61;
  310. padding-bottom:1px;
  311. }
  312.  
  313.  
  314. a {
  315. text-decoration:none;
  316. color:{color:link};
  317. -moz-transition-duration:0.5s;
  318. -webkit-transition-duration:0.5s;
  319. -o-transition-duration:0.5s;
  320. }
  321.  
  322. a:hover {
  323. cursor:help;
  324. color:{color:linkhover};
  325. -moz-transition-duration:0.5s;
  326. -webkit-transition-duration:0.5s;
  327. -o-transition-duration:0.5s;
  328. }
  329.  
  330. p {
  331. margin-top:5px;
  332. margin-bottom:5px}
  333.  
  334. #pagination {
  335. text-align:center;
  336. text-transform:uppercase;
  337. word-spacing:5px;
  338. font-size:10px;
  339. width:450px;
  340. padding:10px;
  341. font-weight:400;
  342. letter-spacing:1px;
  343. }
  344.  
  345. #pagination a {
  346.  
  347. }
  348.  
  349. #entries {
  350. margin-top:0px;
  351. margin-left:0px;
  352. }
  353.  
  354. .posts {
  355. position: relative;
  356. width:450px;
  357. text-align:left;
  358. padding:10px;
  359. background:{color:postbg};
  360. margin-bottom:10px;
  361. border-bottom:0px;
  362. }
  363.  
  364. .posts img {
  365. max-width:100%;
  366. }
  367.  
  368. #tquote {
  369. line-height:18px;
  370. font-family:helvetica;
  371. font-weight:none;
  372. font-style:italic;
  373. text-align:center;
  374. padding:10px;
  375. background: {color:wrap};
  376. color:{color:text};
  377. }
  378.  
  379. #source {
  380. text-align:center;
  381. margin-top:10px;
  382. background: {color:wrap};
  383. padding:10px;
  384. font-weight:bold;
  385. padding:5px;
  386. }
  387.  
  388. .albumart {
  389. float:left;
  390. }
  391.  
  392. .albumart img {
  393. width:40px;
  394. z-index:1;
  395. padding: 0px;
  396. margin:0px 7px -3px 0px;
  397. }
  398.  
  399. #audio {
  400. height:41px;
  401. overflow:hidden;
  402. word-break:break-word;
  403. background: {color:wrap};
  404. padding:5px;
  405. }
  406.  
  407. #audiobg {
  408. word-break:break-word;
  409. height:40px;
  410. }
  411.  
  412. .play {
  413. width:27px;
  414. z-index:9;
  415. opacity:.3;
  416. margin-left:7px;
  417. margin-top:7px;
  418. height:27px;
  419. overflow:hidden;
  420. -moz-transition-duration:0.5s;
  421. -webkit-transition-duration:0.5s;
  422. -o-transition-duration:0.5s;
  423. }
  424.  
  425. {block:IfBlackAudioPlayer}
  426.  
  427. .playbg {
  428. position:absolute;
  429. height:40px;
  430. width:40px;
  431. z-index:9;
  432. background:black;
  433. opacity:.3;
  434. -moz-transition-duration:0.5s;
  435. -webkit-transition-duration:0.5s;
  436. -o-transition-duration:0.5s;
  437. }
  438.  
  439. .playbg:hover {
  440. height:40px;
  441. position:absolute;
  442. z-index:9;
  443. width:40px;
  444. background:black;
  445. opacity:1;
  446. -moz-transition-duration:0.5s;
  447. -webkit-transition-duration:0.5s;
  448. -o-transition-duration:0.5s;
  449. }
  450.  
  451. {/block:IfBlackAudioPlayer}
  452.  
  453.  
  454. {block:IfGreyAudioPlayer}
  455.  
  456. .playbg {
  457. position:absolute;
  458. height:40px;
  459. width:40px;
  460. z-index:9;
  461. background:#f2f2f2;
  462. opacity:.3;
  463. -moz-transition-duration:0.5s;
  464. -webkit-transition-duration:0.5s;
  465. -o-transition-duration:0.5s;
  466. }
  467.  
  468. .playbg:hover {
  469. height:40px;
  470. position:absolute;
  471. z-index:9;
  472. width:40px;
  473. background:#f2f2f2;
  474. opacity:1;
  475. -moz-transition-duration:0.5s;
  476. -webkit-transition-duration:0.5s;
  477. -o-transition-duration:0.5s;
  478. }
  479.  
  480. {/block:IfGreyAudioPlayer}
  481.  
  482.  
  483. {block:IfWhiteAudioPlayer}
  484.  
  485. .playbg {
  486. position:absolute;
  487. height:40px;
  488. width:40px;
  489. z-index:9;
  490. background:white;
  491. opacity:.3;
  492. -moz-transition-duration:0.5s;
  493. -webkit-transition-duration:0.5s;
  494. -o-transition-duration:0.5s;
  495. }
  496.  
  497. .playbg:hover {
  498. height:40px;
  499. position:absolute;
  500. z-index:9;
  501. width:40px;
  502. background:white;
  503. opacity:1;
  504. -moz-transition-duration:0.5s;
  505. -webkit-transition-duration:0.5s;
  506. -o-transition-duration:0.5s;
  507. }
  508.  
  509. {/block:IfWhiteAudioPlayer}
  510.  
  511. .play:hover {
  512. width:27px;
  513. margin-left:7px;
  514. margin-top:7px;
  515. z-index:9;
  516. opacity:1;
  517. height:27px;
  518. overflow:hidden;
  519. -moz-transition-duration:0.5s;
  520. -webkit-transition-duration:0.5s;
  521. -o-transition-duration:0.5s;
  522. }
  523.  
  524. #info {
  525. font-size:9px;
  526. word-break:break-word;
  527. font-family:helvetica;
  528. height:0px;
  529. margin:-35px 0 0 50px;
  530.  
  531. }
  532.  
  533. .aski {
  534. padding:10px;
  535. padding-bottom:6px;
  536. margin-right:5px;
  537. background: {color:wrap};
  538. float:left;
  539. }
  540.  
  541. #question {
  542. height:40px;
  543. float:center;
  544. overflow-x:auto;
  545. padding:10px;
  546. background: {color:wrap};
  547. }
  548.  
  549. #asker {
  550. font-family:'ht';
  551. font-size:30px;
  552. color:{color:link};
  553. font-weight:400;
  554. text-transform:lowercase;
  555. }
  556.  
  557. #asker a {
  558. font-family:'ht';
  559. font-size:30px;
  560. color:{color:link};
  561. font-weight:400;
  562. }
  563.  
  564.  
  565. #answer {
  566. padding-top:0px;
  567. }
  568.  
  569.  
  570. li {
  571. list-style-type:none;
  572. line-height:180%;
  573. position:relative;
  574. text-align:left;
  575. list-style-position: inside;
  576. }
  577.  
  578. ul li:before {
  579. top:0px;
  580. content:"x";
  581. left:-10px;
  582. font-size:8px;
  583. position:absolute;
  584. }
  585.  
  586.  
  587.  
  588. ol { list-style-type:upper-roman;}
  589. ol li {list-style-type:upper-roman;}
  590.  
  591. .chat ol {
  592. padding:0;
  593. font-family:helvetica;
  594. font-size:11px;
  595. margin-left:0px;
  596. text-transform:lowercase;
  597. letter-spacing:1px;
  598. font-weight:400;
  599. line-height:180%;
  600. list-style:none;
  601. }
  602.  
  603. .line.odd {
  604. background: {color:wrap};
  605. padding:5px;
  606. list-style:none;
  607. }
  608.  
  609. .line.even {
  610. background:{color:wrap};
  611. padding:5px;
  612. border-top:1px solid {color:postbg};
  613. list-style:none;
  614. }
  615.  
  616. .label {
  617. font-weight:400;
  618. text-shadow:0px 0px 2px {color:text};
  619. font-size:9px;
  620. padding-right:1px;
  621. letter-spacing:1px;
  622. text-transform:uppercase;
  623. color:{color:text};
  624. text-shadow:0px 0px;
  625. padding:2px;
  626. font-family: 'Pontano Sans', sans-serif;
  627. }
  628.  
  629. #perm1 {
  630. font-size:9px;
  631. margin-top:3px;
  632. text-transform:uppercase;
  633. font-weight:400;
  634. text-align:left;
  635. -webkit-transition: all ease 0.5s;
  636. -moz-transition: all ease 0.5s;
  637. transition: all ease 0.5s;
  638. }
  639.  
  640. #perm1 a:hover {
  641. color:{color:link};
  642. border-bottom:1px solid #835f61;
  643. padding-bottom:1px;
  644. -webkit-transition: all ease 0.5s;
  645. -moz-transition: all ease 0.5s;
  646. transition: all ease 0.5s;
  647. }
  648.  
  649. #perm2 {
  650. font-size:14px;
  651. margin-top:-15px;
  652. word-spacing:5px;
  653. padding-right:5px;
  654. text-transform:uppercase;
  655. text-align:right;
  656. }
  657.  
  658. #permalink {
  659. margin-top:-10px;
  660. font-family: 'Pontano Sans', sans-serif;
  661. font-weight:none;
  662. width:455px;
  663. font-style:none;
  664. background:{color:permalink};
  665. border-bottom:1px solid {color:wrap};
  666. margin-left:-10px;
  667. padding:5px;
  668. padding-left:10px;
  669. margin-bottom:10px;
  670. padding-bottom:5px;
  671. -webkit-transition: all ease 0.5s;
  672. -moz-transition: all ease 0.5s;
  673. transition: all ease 0.5s;
  674. }
  675.  
  676.  
  677.  
  678. #permalink a {
  679. text-shadow:0px 0px 2px {color:link};
  680. color:{color:link};
  681. }
  682.  
  683.  
  684.  
  685. .tags {
  686. text-align:center;
  687. width:455px;
  688. opacity:1;
  689. margin-top:-10px;
  690. margin-bottom:10px;
  691. background:transparent;
  692. font-size:10px;
  693. margin-left:-11px;
  694. word-wrap:break-word;
  695. padding:7px;
  696. padding-left:8px;
  697. font-weight:400;
  698. padding-right:10px;
  699. text-transform:lowercase;
  700. letter-spacing:2px
  701. -webkit-transition:0.5s all;
  702. -moz-transition:0.5s all;
  703. -o-transition:0.5s all;
  704. transition:0.5s all;
  705. }
  706.  
  707. .tags a {
  708. text-shadow:0px 0px 2px {color:link};
  709. color:{color:link};
  710. padding:0px;
  711. word-wrap: break-word;
  712. }
  713.  
  714.  
  715. .tags a:hover {
  716. color:{color:linhkover};
  717. text-shadow:0px 0px;
  718. }
  719.  
  720.  
  721.  
  722. .pagenotes {
  723. {block:IndexPage}
  724. display:none!important;
  725. {/block:IndexPage}
  726. {block:PermalinkPage}
  727. width:450px;
  728. {/block:PermalinkPage}
  729. padding:10px;
  730. text-align:center;
  731. font-size:7px;
  732. margin-top:-20px;
  733. margin-left:-40px;
  734. text-transform:uppercase;
  735. letter-spacing:1px;
  736. font-weight:400;
  737. color:{color:text};
  738. }
  739.  
  740. .pagenotes a {
  741. font-family: 'Pontano Sans', sans-serif;
  742. font-size:7px;
  743. text-transform:uppercase;
  744. letter-spacing:1px;
  745. font-style:italic;
  746. color:{color:text};
  747. font-weight:400;
  748. border-bottom:1px solid {color:text};
  749. padding-bottom:1px;
  750. }
  751.  
  752. .pagenotes img {
  753. display:none!important;
  754. }
  755.  
  756. .pagenotes li {
  757. list-style-type:none;
  758. padding:5px 0px;
  759. text-align:left;
  760. }
  761.  
  762. .pagenotes ul {
  763. margin-left:0px;
  764. }
  765.  
  766.  
  767.  
  768. .c {
  769. font-size: 20px;
  770. text-align:center;
  771. text-transform:uppercase;
  772. font-family: 'Pontano Sans', sans-serif;
  773. left:5px;
  774. top:5px;
  775. background:{color:background2};
  776. padding:6px;
  777. border-radius:1em;
  778. position:fixed;
  779. text-shadow:0px 0px 2px {color:text};
  780. -webkit-transition: all ease 0.8s;
  781. -moz-transition: all ease 0.8s;
  782. transition: all ease 0.8s
  783. }
  784.  
  785. .c a {
  786. color:{color:text};
  787. }
  788.  
  789. .c a:hover {
  790. -webkit-transition: all ease 0.8s;
  791. -moz-transition: all ease 0.8s;
  792. transition: all ease 0.8s
  793. }
  794.  
  795. .tb {
  796. position:fixed;
  797. width:100%;
  798. margin-top:0px;
  799. margin-left:0px;
  800. height:20px;
  801. padding:10px;
  802. background:{color:wrap};
  803. }
  804.  
  805. .tb2 {
  806. position:fixed;
  807. width:100%;
  808. margin-top:40px;
  809. margin-left:0px;
  810. height:180px;
  811. padding:10px;
  812. background:{color:background2};
  813. background-image: url("{image:background2}");
  814. }
  815.  
  816. .tb3 {
  817. position:fixed;
  818. width:100%;
  819. margin-top:240px;
  820. margin-left:0px;
  821. height:20px;
  822. padding:10px;
  823. background:{color:wrap};
  824. }
  825.  
  826. .cont {
  827. height:380px;
  828. width:476px;
  829. overflow-x:hidden;
  830. overflow-y:auto;
  831. padding-right:0px;
  832. padding-bottom:0px;
  833. padding-top:0px;
  834. margin-left:-10px;
  835. margin-top:220px;
  836. position:fixed;
  837. opacity:1;
  838. }
  839.  
  840. .bgg {
  841. background:{color:wrap};
  842. position:fixed;
  843. left:50%;
  844. top:50%;
  845. margin-left:-245px;
  846. width:490px;
  847. z-index:0;
  848. border-radius:0;
  849. {block:IfRoundedCorners}
  850. border-radius:1em;
  851. {/block:ifRoundedCorners}
  852. height:610px;
  853. margin-top:-305px;
  854. }
  855.  
  856.  
  857.  
  858.  
  859. .side {
  860. width:540px;
  861. background:transparent;
  862. margin-left:20px;
  863. padding-bottom:0px;
  864. margin-top:0px;
  865. opacity:1;
  866. text-align:center;
  867. overflow:visible;
  868. font-size:10px;
  869. position:fixed;
  870. }
  871.  
  872. .linkss {
  873. font-family: 'Pontano Sans', sans-serif;
  874. font-size:12px;
  875. margin-left:490px;
  876. text-transform:uppercase;
  877. position:fixed;
  878. margin-top:-205px;
  879. text-align:left;
  880. height:130px;
  881. display:block;
  882. line-height:260%;
  883. padding-bottom:10px;
  884. word-spacing:5px;
  885. -webkit-transition: all ease 0.8s;
  886. -moz-transition: all ease 0.8s;
  887. transition: all ease 0.8s
  888. }
  889.  
  890. .linkss a {
  891. font-size:10px;
  892. padding-bottom:2px;
  893. border-bottom:1px solid {color:wrap};
  894. text-shadow:0px 0px 3px {color:link};
  895. -webkit-transition: all ease 0.8s;
  896. -moz-transition: all ease 0.8s;
  897. transition: all ease 0.8s
  898. }
  899.  
  900. .linkss a:hover {
  901. text-shadow:0px 0px 0px;
  902. -webkit-transition: all ease 0.8s;
  903. -moz-transition: all ease 0.8s;
  904. transition: all ease 0.8s
  905. }
  906.  
  907. .stitle {
  908. position:fixed;
  909. margin-top:100px;
  910. width:470px;
  911. margin-left:0px;
  912. text-align:center;
  913. font-size:50px;
  914. color:{color:link};
  915. font-family:'ht' ;
  916. z-index:9;
  917. }
  918.  
  919. .stitle a {
  920. text-shadow:0px 0px 5px {color:link};
  921. }
  922.  
  923. .stitle2 {
  924. position:fixed;
  925. margin-top:115px;
  926. width:470px;
  927. text-align:center;
  928. font-size:10px;
  929. text-transform:uppercase;
  930. color:{color:link};
  931. font-family: 'Pontano Sans', sans-serif;
  932. z-index:9;
  933. }
  934.  
  935. .d {
  936. position:fixed;
  937. font-size:{text:body font size};
  938. text-transform:lowercase;
  939. font-variant:small-caps;
  940. width:200px;
  941. height:130px;
  942. margin-left:-220px;
  943. overflow:hidden;
  944. text-align:right;
  945. margin-top:-205px;
  946.  
  947. }
  948.  
  949.  
  950. .dt {
  951. position:fixed;
  952. margin-top:10px;
  953. margin-left:-10px;
  954. }
  955.  
  956.  
  957.  
  958. @font-face {font-family:ht; src: url(http://static.tumblr.com/2zv5zhx/qWlowv6az/high_tide_-_demo.ttf) format("truetype"); }
  959.  
  960.  
  961.  
  962.  
  963.  
  964.  
  965.  
  966.  
  967. {CustomCSS}
  968.  
  969.  
  970. </style>
  971.  
  972.  
  973. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  974.  
  975. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  976.  
  977. <script>
  978.  
  979. (function($){
  980.  
  981. $(document).ready(function(){
  982.  
  983. $("a[title]").style_my_tooltips({
  984.  
  985. tip_follows_cursor:true,
  986.  
  987. tip_delay_time:30,
  988.  
  989. tip_fade_speed:300,
  990.  
  991. attribute:"title"
  992.  
  993. });
  994.  
  995. });
  996.  
  997. })(jQuery);
  998.  
  999. </script>
  1000.  
  1001.  
  1002.  
  1003. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  1004.  
  1005. <link rel="stylesheet" href="http://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
  1006.  
  1007. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1008. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1009.  
  1010. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1011. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1012. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1013.  
  1014. <script>
  1015. $(document).ready(function(){
  1016. $('.photo-slideshow').pxuPhotoset({
  1017. lightbox: true,
  1018. rounded: false,
  1019. gutter: '{text:photoset gutter}px',
  1020. borderRadius: '0px',
  1021. photoset: '.photo-slideshow',
  1022. photoWrap: '.photo-data',
  1023. photo: '.pxu-photo'
  1024. });
  1025. });
  1026.  
  1027. </script>
  1028.  
  1029. </head>
  1030.  
  1031.  
  1032.  
  1033. <body>
  1034.  
  1035. <div class="tb"></div>
  1036.  
  1037. <div class="tb2">
  1038.  
  1039. </div>
  1040.  
  1041. <div class="tb3"></div>
  1042.  
  1043. <div class="c"><a title="theme by luois" href="http://luois.tumblr.com/">C</a></div>
  1044.  
  1045.  
  1046.  
  1047.  
  1048. <div class="bgg">
  1049.  
  1050.  
  1051.  
  1052. <div class="side">
  1053.  
  1054. <div class="stitle"><a href="/">{text:title}</a></div>
  1055. <div class="stitle2"><a href="/">{text:subtitle}</a></div>
  1056.  
  1057.  
  1058.  
  1059. <div class="dt"><img src="{image:header}">
  1060. <div class="d">{description}</div>
  1061. <div class="linkss">01. <a href="{text:link1 url}">{text:link1 name}</a><br>02. <a href="{text:link2 url}">{text:link2 name}</a><br>03. <a href="{text:link3 url}">{text:link3 name}</a><br>04. <a href="{text:link4 url}">{text:link4 name}</a>
  1062. </div>
  1063. </div>
  1064.  
  1065.  
  1066.  
  1067.  
  1068. <div class="cont">
  1069.  
  1070. {block:Posts}
  1071. <div id="entries">
  1072.  
  1073. <div class="posts" id="{PostID}">
  1074.  
  1075. <div id="permalink">
  1076. <div id="perm1">{block:Date}
  1077. <a title="{timeago} with {NoteCountWithLabel}" href="{Permalink}">permalink</a>{/block:Date}{block:RebloggedFrom} &nbsp;&nbsp;<a href="{ReblogParentURL}" title=" {ReblogParentName}">via️️️</a>{block:ContentSource}&nbsp; &nbsp;<a href="{SourceURL}"></a><a href="{ReblogRootURL}" title=" {ReblogRootName}">src</a>{/block:ContentSource}{/block:RebloggedFrom}</div>
  1078. <div id="perm2">
  1079. <div id="perm2">{block:date} &nbsp;<a title="reblog" href="{ReblogURL}" target="_blank" class="details"><i class="pe-7s-repeat"></i></a>{/block:date}
  1080. </div></div></div>
  1081.  
  1082. {block:Quote}
  1083.  
  1084. <div id="tquote">{Quote}</div>
  1085. {block:Source}<div id="source">– <i>{Source}</i></div>{/block:Source}
  1086. {/block:Quote}
  1087.  
  1088.  
  1089. <div class="txtpost">
  1090. {block:Text}
  1091. {block:Title}
  1092. <h1>{Title}</h1>{/block:Title}
  1093. {Body}
  1094.  
  1095. {block:More}<div class="more"><a href="{Permalink}">click to read on</a></div>{/block:More}
  1096. {/block:Text}</div>
  1097.  
  1098.  
  1099. {block:Link}
  1100. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  1101. {/block:Link}
  1102.  
  1103.  
  1104. {block:Chat}
  1105. {block:Title}
  1106. <h2>{Title}</h2>
  1107. {/block:Title}
  1108. <div class="chat">
  1109. <ol>{block:Lines}
  1110. <li class="line {Alt}">
  1111. {block:Label}
  1112. <span class="label">
  1113. {Label}</span>
  1114. {/block:Label}{Line}</li>
  1115. {/block:Lines}
  1116. </ol></blockquote></div>
  1117. {/block:Chat}
  1118.  
  1119.  
  1120. {block:Photo}
  1121. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  1122. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1123. {/block:Photo}
  1124.  
  1125. {block:Photoset}
  1126. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1127. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1128. {/block:Photoset}
  1129.  
  1130. {block:Video}
  1131. <div class="video">{Video-500}</div>
  1132. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1133. {/block:Video}
  1134.  
  1135.  
  1136.  
  1137. {block:Audio}
  1138. <div id="audio">
  1139. <div id="audiobg">
  1140. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
  1141. <div class="playbg"><div class="play">{AudioPlayerGrey}</div></div></div>
  1142.  
  1143. <div id="info">
  1144. <i class="pe-7s-musiclist"></i>{block:TrackName} {TrackName}{/block:TrackName}<br>{block:Artist}<i>by</i> {Artist}{/block:Artist}</div></div>
  1145. {/block:Audio}
  1146.  
  1147.  
  1148.  
  1149. {block:Answer}<div id="caption">
  1150. <div class="aski"><img class="asker-avatar" src="{AskerPortraitURL-40}" alt=""></div>
  1151. <div id="question">{Question}</div><div id="asker" style="margin-top:-10px;background:transparent;padding:3px;padding-right:5px;text-align:right;">sent by {asker}</div>
  1152. <div id="answer" style="margin-left:0px;">{Answer}</div></div>{/block:answer}
  1153.  
  1154.  
  1155.  
  1156.  
  1157.  
  1158.  
  1159. </div>
  1160.  
  1161. {block:HasTags}<div class="tags"> {block:Tags} <a href="{TagUrl}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  1162.  
  1163.  
  1164. </div>
  1165.  
  1166.  
  1167.  
  1168.  
  1169.  
  1170. {block:PermalinkPage}
  1171. {/block:PermalinkPage}
  1172. <div class="pagenotes">
  1173. {block:NoteCount}
  1174. {/block:NoteCount}
  1175. <div style="text-transform:uppercase;">{PostNotes}</div>
  1176.  
  1177.  
  1178.  
  1179. </div>
  1180. {/block:PostNotes}
  1181.  
  1182.  
  1183.  
  1184.  
  1185. {/block:Posts}
  1186.  
  1187. {block:pagination}
  1188. <div id="pagination">
  1189.  
  1190. {block:PreviousPage}
  1191. <a href="{PreviousPage}">back</u></a>
  1192. {/block:PreviousPage}
  1193.  
  1194. {CurrentPage}/{TotalPages}
  1195.  
  1196. {block:NextPage}
  1197. <a href="{NextPage}" class="jump_page">next</u></a>
  1198. {/block:NextPage}
  1199.  
  1200. </div>
  1201. {/block:Pagination}
  1202.  
  1203.  
  1204.  
  1205. {block:ContentSource}
  1206. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1207. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1208. {/block:SourceLogo}
  1209. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1210. {/block:ContentSource}
  1211.  
  1212. {block:ReblogParentUrl}
  1213. <!-- {URL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1214. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1215. {/block:SourceLogo}
  1216. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1217. {/block:ReblogParentUrl}
  1218.  
  1219.  
  1220.  
  1221.  
  1222.  
  1223. </body>
  1224. </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!