API tools faq
paste
ninpen

Xenon theme

ninpen
Mar 29th, 2012
7,142
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.40 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. XENON BY NINPEN.TUMBLR.COM
  12. DO NOT REMOVE THE CREDIT.
  13.  
  14.  
  15.  
  16.  
  17. --------------------------------------------------
  18.  
  19. Minimal Soundcloud Player © shythemes.tumblr
  20. PXU Photosets 7 video @ shythemes.tumblr
  21. Unnest Captions © Magnusthemes.tumblr & Neothm
  22.  
  23. ---------------------------------------------------
  24.  
  25.  
  26.  
  27.  
  28. --------------------------------->
  29.  
  30.  
  31. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  32. <head>
  33. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  34.  
  35. <meta name="select:columns" content="1"/>
  36. <meta name="select:columns" content="2"/>
  37. <meta name="select:columns" content="3"/>
  38. <meta name="select:columns" content="4"/>
  39.  
  40. <meta name="text:PostSize" content="200" />
  41. <meta name="text:top title" content=""/>
  42.  
  43. <meta name="if:Columns" content="" />
  44. <meta name="if:FloatCaption" content=""/>
  45.  
  46. <meta name="color:bold" content="#FFE545"/>
  47. <meta name="color:italic" content="#FF714B"/>
  48. <meta name="color:underline" content="#ACFFE9"/>
  49. <meta name="color:strike" content="#4EAFF87"/>
  50.  
  51. <meta name="color:accent1" content="#C8FF00" />
  52. <meta name="color:accent2" content="#FA023C" />
  53. <meta name="color:accent3" content="#46E4BC" />
  54. <meta name="color:accent4" content="#FCC37C" />
  55. <meta name="color:accent5" content="#00e5ff" />
  56. <meta name="color:accent6" content="#040004" />
  57. <meta name="color:accent7" content="#413D3D" />
  58. <meta name="color:accent8" content="#ffffff" />
  59.  
  60. <meta name="color:link" content="#3d3d3d"/>
  61. <meta name="color:background" content ="#000000"/>
  62. <meta name="color:topbarBG" content ="#ffffff"/>
  63. <meta name="color:posts" content ="#000000s"/>
  64.  
  65. <meta name="color:text" content="#eeeeee"/>
  66. <meta name="color:h1" content ="#B431F4"/>
  67. <meta name="color:h2" content ="#ffffff"/>
  68. <meta name="color:chat line 1" content="#000000"/>
  69. <meta name="color:chat line 2" content="#050505"/>
  70.  
  71. <meta name="image:sidebar" content=""/>
  72. <meta name="image:background" content=""/>
  73.  
  74. <meta name="text:Custom Link One" content=""/>
  75. <meta name="text:Custom Link One URL" content=""/>
  76. <meta name="text:Custom Link Two" content=""/>
  77. <meta name="text:Custom Link Two URL" content=""/>
  78. <meta name="text:Custom Link Three" content=""/>
  79. <meta name="text:Custom Link Three URL" content=""/>
  80.  
  81. <script src="//use.edgefonts.net/lato:n3,n4,n7,n9.js"></script>
  82. <title>{Title}</title>
  83. <link rel="shortcut icon" href="{Favicon}" />
  84. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  85. <div class="cred">© <a href="http://ninpen.tumblr.com/">N.</a></div>
  86. <style type="text/css">
  87. ::-moz-selection {
  88. color:{color:accent3};
  89. background: {color:accent7};
  90. }
  91.  
  92. ::selection {
  93. color:{color:accent3};
  94. background: {color:accent7};
  95. }
  96.  
  97. html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, a, abbr, acronym, address, big, cite,hr, code,del, dfn,img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, tbody, tfoot, thead, tr, th, td, article, canvas, details, embed, figure, figcaption, footer, hgroup, menu, output, ruby, summary,time, mark, audio{
  98. margin: 0;
  99. padding: 0;
  100. border: 0;
  101. font-size: 100%;
  102. font: inherit;
  103. vertical-align: baseline;
  104. }
  105.  
  106. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  107. display: block;
  108. }
  109.  
  110. body {
  111. line-height: 1;
  112. }
  113.  
  114. ul {
  115. list-style: none;
  116. }
  117.  
  118. table {
  119. border-collapse: collapse;
  120. border-spacing: 0;
  121. }
  122.  
  123. ::-webkit-scrollbar {
  124. width: 7px;
  125. height: 7px;
  126. background:{color:Background};
  127. }
  128.  
  129. ::-webkit-scrollbar-thumb {
  130. border:3px solid {color:Background};
  131. background-color:{color:accent1};
  132. }
  133.  
  134. body,html{
  135. width:100%;
  136. height:100%;
  137. padding:0;
  138. margin:0;
  139. }
  140.  
  141. body{
  142. word-wrap: break-word;
  143. font:11px/16px lato, sans-serif;
  144. display:inline-block;
  145. letter-spacing:.05em;
  146. color: {color:text};
  147. background:{color:Background} url({image:background}) repeat center fixed;
  148. }
  149.  
  150. a{
  151. text-decoration:none;
  152. color:{color:link};
  153. }
  154.  
  155. a:hover {
  156. color:{color:accent1};
  157. }
  158.  
  159. b,strong{
  160. color:{color:bold};
  161. }
  162.  
  163. i,em{
  164. color:{color:italic};
  165. }
  166.  
  167. u{
  168. color:{color:underline};
  169. }
  170.  
  171. s,strike{
  172. color:{color:strike};
  173. }
  174.  
  175. h1{
  176. font-size:8px;
  177. font-weight:900;
  178. line-height:16px;
  179. letter-spacing:2px;
  180. text-transform:uppercase;
  181. background:{color:accent6};
  182. padding:10px 30px;
  183. position:relative;
  184. color:{color:h1};
  185. }
  186.  
  187. h1 a{
  188. color:{color:h1};
  189. }
  190.  
  191. h1:before{
  192. content:"";
  193. position:absolute;
  194. left:0;
  195. top:0;
  196. width:30px;
  197. height:100%;
  198. opacity:.5;
  199. background:{color:accent6} url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAARUlEQVQoU61QQQ4AIAiC/z+aRhuN2uqUFx2gopQkkgQA186OxjYyRDcYW6IWZFq2sNeF7Dz5f6KYfHo6L2nTecXm6fanAUWoT/bzZERpAAAAAElFTkSuQmCC)no-repeat center;
  200. }
  201.  
  202. h1:after{
  203. content:"";
  204. position:absolute;
  205. bottom:-2px;
  206. left:0;
  207. width:100%;
  208. height:2px;
  209. background: linear-gradient(to right, {color:accent1} 20%, {color:accent2} 20%, {color:accent2} 40%, {color:accent3} 40%, {color:accent3} 60%,{color:accent4} 60%, {color:accent4} 80%, {color:accent5} 66.66%);
  210. }
  211.  
  212. h2 {
  213. font-size:18px;
  214. line-height:20px;
  215. font-weight:300;
  216. letter-spacing:0;
  217. }
  218.  
  219. img{
  220. max-width:100%;
  221. }
  222.  
  223. .source{
  224. text-align:right;
  225. text-transform:uppercase;
  226. letter-spacing:1px;
  227. font-size:8px;
  228. font-style:italic;
  229. font-weight:900;
  230. letter-spacing:2px;
  231. }
  232.  
  233. .cred{
  234. line-height:8px;
  235. font-size:8px;
  236. font-weight:900;
  237. text-transform:uppercase;
  238. letter-spacing:1px;
  239. position:fixed;
  240. bottom:20px;
  241. right:20px;
  242. color:{color:accent5};
  243. }
  244.  
  245. .cred a{
  246. vertical-align:top;
  247. color:{color:accent5};
  248. }
  249.  
  250. #center{
  251. margin:0 auto;
  252. position:Relative;
  253. {block:IndexPage}
  254. width:calc(({text:PostSize}px * {select:columns}) + (100px * {select:columns}));
  255. {/block:IndexPage}
  256. {block:PermalinkPage}width:600px;{/block:PermalinkPage}
  257. }
  258.  
  259. .gears{
  260. width:20px;
  261. height:20px;
  262. padding:15px;
  263. background:{color:accent2};
  264. position:fixed;
  265. top:0;
  266. cursor:pointer;
  267. z-index:10;
  268. {block:IndexPage}
  269. {block:ifColumns}
  270. margin-left:-50px;
  271. {/block:ifColumns}
  272. {block:ifNotColumns}
  273. margin-left:-50px;
  274. {block:ifNotColumns}
  275. {/block:IndexPage}
  276. {block:PermalinkPage}margin-left:-50px;{/block:PermalinkPage}
  277. }
  278.  
  279. .gears svg{
  280. fill:{color:accent8};
  281. width:20px;
  282. }
  283.  
  284. .title{
  285. background:{color:accent2};
  286. position:absolute;
  287. color:{color:accent8};
  288. top:-1px;
  289. font-size:8px;
  290. letter-spacing:2px;
  291. font-weight:900;
  292. line-height:9px;
  293. text-transform:uppercase;
  294. padding:5px 50px 5px;
  295. border-radius:0 0 100px 0;
  296. border:1px solid {color:accent6};
  297. }
  298.  
  299. aside{
  300. position:fixed;
  301. z-index:100;
  302. {block:IndexPage}margin-top:-50px;{/block:IndexPage}
  303. background:{color:accent6};
  304. width:252px;
  305. display:none;
  306. }
  307.  
  308. .desc{
  309. font-size:10px;
  310. width:calc(100% - 30px);
  311. height:100px;
  312. overflow:auto;
  313. background:{color:accent6};
  314. padding:5px;
  315. border:10px solid {color:accent6};
  316. position: relative;
  317. }
  318.  
  319. .portrait{
  320. display:inline-block;
  321. width:125px;
  322. border:1px solid {color:accent6};
  323. }
  324.  
  325. nav{
  326. vertical-align:top;
  327. display:inline-block;
  328. width:125px;
  329. font-size:8px;
  330. font-weight:900;
  331. line-height:8px;
  332. text-transform:uppercase;
  333. letter-spacing:2px;
  334. margin:19px 0 0 -4px;
  335. }
  336.  
  337. nav ul{
  338. margin:0;
  339. padding:0;
  340. text-align:left;
  341. }
  342.  
  343. nav li{
  344. list-style-type:none;
  345. display:inline-block;
  346. position:relative;
  347. padding:2px 9px 2px 6px;
  348. margin:0 calc(40% - 26px) 3px 0;
  349. border-radius:0 5px 5px 0;
  350. background:{color:accent5};
  351. border:1px solid {color:accent6};
  352. }
  353.  
  354. nav li:nth-of-type(n+4){
  355. background:{color:accent1};
  356. }
  357.  
  358. nav li a{
  359. color:{color:accent6};
  360. }
  361.  
  362. nav li:after{
  363. content:"";
  364. background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAG0lEQVQYV2NkYGD4z8DAwAiiQQQIgAXAIjAZAFpNBQIc/TCiAAAAAElFTkSuQmCC') no-repeat center;
  365. width:4px;
  366. height:100%;
  367. position:absolute;
  368. top:0;
  369. right:4px;
  370. }
  371.  
  372. #content{
  373. background:{color:accent6};
  374. margin:0 auto;
  375. position:Relative;
  376. border-top:50px solid {color:accent6};
  377. }
  378.  
  379. #content:after{
  380. content:"";
  381. width:100%;
  382. height:2px;
  383. position:Absolute;
  384. top:0;
  385. left:0;
  386. background: linear-gradient(to right, {color:accent1} 20%, {color:accent2} 20%, {color:accent2} 40%, {color:accent3} 40%, {color:accent3} 60%,{color:accent4} 60%, {color:accent4} 80%, {color:accent5} 66.66%);
  387. }
  388.  
  389. .entry{
  390. background:{color:posts};
  391. position:relative;
  392. {block:IndexPage}
  393. {block:ifColumns}
  394. opacity:0;
  395. margin:50px;
  396. {/block:ifColumns}
  397. {block:ifNotColumns}margin:100px auto;{/block:ifNotColumns}
  398. width:{text:PostSize}px;
  399. {/block:IndexPage}
  400. {block:PermalinkPage}
  401. margin:50px auto;
  402. width:500px;
  403. {/block:PermalinkPage}
  404. }
  405.  
  406. .entry:hover:after,.entry:hover .perma{
  407. opacity:1;
  408. }
  409.  
  410. .entry:after{
  411. opacity:0;
  412. position:Absolute;
  413. content:"";
  414. width:100%;
  415. height:1px;
  416. bottom:-1px;
  417. background: linear-gradient(to right, {color:accent1} 20%, {color:accent2} 20%, {color:accent2} 40%, {color:accent3} 40%, {color:accent3} 60%,{color:accent4} 60%, {color:accent4} 80%, {color:accent5} 66.66%);
  418. transition: opacity 0.4s ease-in-out;
  419. -webkit-transition: opacity 0.4s ease-in-out;
  420. -moz-transition:opacity 0.4s ease-in-out;
  421. -o-transition:opacity 0.4s ease-in-out;
  422. }
  423.  
  424.  
  425. {block:IndexPage}
  426. .ent{
  427. width:{text:PostSize}px;
  428. overflow:hidden;
  429. }
  430.  
  431. .entry figcaption{
  432. z-index:9999;
  433. position:fixed;
  434. }
  435. {/block:IndexPage}
  436.  
  437. .entry .txt{
  438. padding:20px;
  439. }
  440.  
  441. .entry .txt p:first-child{
  442. margin:0;
  443. }
  444.  
  445. .entry .txt p:last-child{
  446. margin-bottom:0;
  447. }
  448.  
  449. #caption{
  450. {block:IndexPage}
  451. {block:ifNotFloatCaption}
  452. margin-bottom:20px;
  453. width:calc(100% - 40px);
  454. {/block:ifNotFloatCaption}
  455. max-height:200px;
  456. display: inline-flex;
  457. overflow:hidden;
  458. {/block:IndexPage}
  459. position:relative;
  460. border:20px solid {color:accent6};
  461. background:{color:accent6};
  462. }
  463.  
  464. {block:IndexPage}
  465. blockquote.tumblr_parent:nth-child(n+2) {
  466. display: none;
  467. }
  468.  
  469. .row.clearit:nth-child(n+3) {
  470. display: none;
  471. }
  472.  
  473. #caption > p {
  474. display:none;
  475. margin:0;
  476. }
  477.  
  478. #caption p:first-child{
  479. display:inline-block;
  480. }
  481.  
  482. {block:ifFloatCaption}
  483. #caption{
  484. position:relative;
  485. display:none;
  486. width:250px;
  487. }
  488.  
  489. .entry:hover #caption {
  490. display:block;
  491. position:fixed;
  492. overflow:hidden;
  493. }
  494. {/block:ifFloatCaption}
  495.  
  496. .tumblr_parent > a.tumblr_blog{
  497. float:left;
  498. }
  499.  
  500. a.tumblr_blog {
  501. padding: 5px 7px;
  502. border-radius: 5px;
  503. background:{color:accent3};
  504. font-size:9px;
  505. font-weight: 900;
  506. letter-spacing: 1px;
  507. margin-right: 10px;
  508. position: relative;
  509. font-style: italic;
  510. }
  511.  
  512. #caption .tumblr_parent p:nth-of-type(1) {
  513. width:calc({text:PostSize}px - 40px);
  514. margin:0;
  515. }
  516.  
  517. .perma{
  518. z-index:1;
  519. position:Absolute;
  520. bottom:-25px;
  521. left:0;
  522. font-size:0;
  523. line-height:0;
  524. padding:5px 0;
  525. opacity:0;
  526. transition:opacity 0.6s ease-in-out;
  527. -webkit-transition:opacity 0.6s ease-in-out;
  528. -moz-transition:opacity 0.6s ease-in-out;
  529. -o-transition:opacity 0.6s ease-in-out;
  530. background:{color:accent2};
  531. }
  532.  
  533. .perma span{
  534. background:orange;
  535. }
  536.  
  537. .perma svg {
  538. fill:{color:accent8};
  539. width: 10px;
  540. height: 10px;
  541. margin:0 5px;
  542. height: auto;
  543. display: block;
  544. }
  545.  
  546. .perma a {
  547. display: inline-block;
  548. }
  549. {/block:IndexPage}
  550.  
  551. #perma{
  552. text-align:center;
  553. padding:20px;
  554. margin:50px 0;
  555. }
  556.  
  557. #perma img{
  558. margin:0 5px;
  559. border-radius:100%;
  560. }
  561.  
  562. #perma span{
  563. font-size:8px;
  564. font-weight:700;
  565. text-transform:uppercase;
  566. letter-spacing:1px;
  567. display:inline-block;
  568. margin:0 50px;
  569. background:{color:accent3};
  570. color:{color:Accent7};
  571. padding:5px;
  572. }
  573.  
  574. .tagged{
  575. font-size:8px;
  576. font-weight:700;
  577. text-transform:uppercase;
  578. letter-spacing:1px;
  579. width:60%;
  580. margin:0 auto;
  581. padding:30px;
  582. border-top:1px dotted {color:accent2};
  583. margin-top:30px;
  584. text-align:center;
  585. }
  586.  
  587. .tagged a{
  588. color:{color:accent3};
  589. padding:5px 10px;
  590. }
  591.  
  592. #caption > blockquote{
  593. background:none;
  594. {block:PermalinkPage}margin-bottom:20px;{/block:PermalinkPage}
  595. }
  596.  
  597. {block:PermalinkPage}
  598. #caption > blockquote:nth-child(even){
  599. padding:20px 0 0 0;
  600. border-top:2px solid {color:accent7};
  601. border-radius:0;
  602. margin-bottom:0;
  603. }
  604. {/block:PermalinkPage}
  605.  
  606. .tumblr_parent p:last-child {
  607. margin-bottom: 0;
  608. }
  609.  
  610. blockquote.tumblr_parent {
  611. padding: 0;
  612. border: 0;
  613. margin: 0;
  614. }
  615.  
  616. img.tumblr_avatar {
  617. width: 25px;
  618. border-radius:100%;
  619. margin: 0 15px 0 0;
  620. }
  621.  
  622. #play{
  623. {block:IndexPage}
  624. width:{text:PostSize}px;
  625. overflow:hidden;
  626. {/block:IndexPage}
  627. }
  628.  
  629. #question{
  630. position:relative;
  631. padding:10px;
  632. background:{color:accent2};
  633. }
  634.  
  635. #question img{
  636. border-radius:100%;
  637. width:24px;
  638. }
  639.  
  640. #question h1{
  641. width:calc(100% - 100px);
  642. margin-left:10px;
  643. padding:3px 30px;
  644. vertical-align:top;
  645. display:inline-block;
  646. }
  647.  
  648. #question h1:after{
  649. display:none;
  650. }
  651.  
  652. #question h1 a{
  653. color:{color:accent8};
  654. }
  655.  
  656. blockquote{
  657. padding:5px;
  658. background:{color:accent6};
  659. }
  660.  
  661. pre {
  662. white-space: pre-wrap;
  663. white-space: -moz-pre-wrap;
  664. white-space: -pre-wrap;
  665. white-space: -o-pre-wrap;
  666. word-wrap: break-word;
  667. font-size:9px;
  668. }
  669.  
  670. ul,ol{
  671. margin:0;
  672. padding:0;
  673. }
  674.  
  675. ul{
  676. list-style-type:square;
  677. }
  678.  
  679. li{
  680. list-style-type:square;
  681. font-family:calibri;
  682. }
  683.  
  684. ol.notes {
  685. background-color:{color:posts};
  686. width:500px;
  687. margin: 25px 0px;
  688. list-style-type:none;
  689. border-bottom: solid 1px {color:accent6};
  690. }
  691.  
  692. ol.notes a{
  693. color:{color:accent1};
  694. }
  695.  
  696. ol.notes li.note {
  697. letter-spacing:1px;
  698. list-style-type:none;
  699. padding: 10px;
  700. border-top: solid 1px {color:accent6};
  701. }
  702.  
  703. ol.notes li.note img.avatar {
  704. list-style-type:none;
  705. vertical-align: -4px;
  706. margin-right: 10px;
  707. width: 16px;
  708. height: 16px;
  709. border-radius:3px;
  710. }
  711.  
  712. ol.notes li.note span.action {
  713. list-style-type:none;
  714. font-weight:normal;
  715. }
  716.  
  717. ul.chat {
  718. margin: 0;
  719. padding: 0;
  720. }
  721.  
  722. .chat li {
  723. list-style-type: none;
  724. margin-left: 0px;
  725. padding: 3px;
  726. }
  727.  
  728. .chat li.odd {
  729. margin-bottom: 3px;
  730. background-color:{color:accent6};
  731. }
  732.  
  733. .chat li.even {
  734. margin-bottom: 3px;
  735. }
  736.  
  737. .label {
  738. font-weight: bold;
  739. }
  740.  
  741. .pagination {
  742. display: none;
  743. }
  744.  
  745. #pagination{
  746. background:{color:background};
  747. position:relative;
  748. text-align:right;
  749. top:100px;
  750. right:45px;
  751. width:80px;
  752. font-size:8px;
  753. line-height:8px;
  754. font-weight:900;
  755. text-transform:uppercase;
  756. }
  757.  
  758. #pagination a:nth-of-type(1){
  759. margin:5px 0;
  760. }
  761.  
  762. #pagination a{
  763. padding:4px 5px;
  764. border:1px solid {color:accent1};
  765. background:{color:background};
  766. color:{color:accent5};
  767. border-radius:3px;
  768. display:block;
  769. }
  770. </style>
  771.  
  772.  
  773.  
  774.  
  775.  
  776.  
  777.  
  778.  
  779.  
  780.  
  781.  
  782.  
  783.  
  784. <div id="center">
  785.  
  786. <div id="content">
  787.  
  788. <div class="gears">
  789. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 438.317 438.317">
  790. <path d="M31.167,266.192l20.4,9.35c8.5,3.967,12.467,13.6,9.35,22.383l-7.933,20.967c-5.95,16.15-3.967,33.433,5.95,47.317
  791. c9.633,14.167,25.5,22.383,42.5,22.383c6.233,0,12.467-1.133,18.417-3.4l20.967-7.933c1.983-0.85,3.967-1.133,6.233-1.133
  792. c6.8,0,13.317,3.967,16.15,10.483l9.35,20.4c8.5,18.7,26.633,30.317,47.033,30.317s38.533-11.617,47.033-30.317l9.35-20.4
  793. c2.833-6.233,9.067-10.483,16.15-10.483c1.983,0,4.25,0.283,6.233,1.133l20.967,8.217c5.95,2.267,12.183,3.683,18.417,3.683l0,0
  794. c16.717,0,32.583-8.783,42.5-22.667c9.633-14.167,11.9-31.45,5.95-47.6l-7.933-20.967c-3.117-8.783,0.85-18.417,9.35-22.383
  795. l20.4-9.35c18.7-8.5,30.317-26.633,30.317-47.033S426.7,180.625,408,172.125l-20.4-9.35c-8.5-3.967-12.467-13.6-9.35-22.383
  796. l7.933-20.967c5.95-16.15,3.967-33.433-5.95-47.317c-9.633-14.167-25.5-22.383-42.5-22.383c-6.233,0-12.467,1.133-18.417,3.4
  797. l-20.967,7.933c-1.983,0.85-3.967,1.133-6.233,1.133c-6.8,0-13.317-3.967-16.15-10.483l-9.35-20.4
  798. c-8.5-18.7-26.633-30.317-47.033-30.317s-39.383,11.9-47.883,30.6l-9.35,20.4c-2.833,6.233-9.067,10.483-16.15,10.483
  799. c-1.983,0-4.25-0.283-6.233-1.133L119,53.408c-5.95-2.267-12.183-3.4-18.417-3.4c-16.717,0-32.583,8.5-42.5,22.383
  800. c-9.633,14.167-11.9,31.45-5.95,47.317l7.933,20.967c3.117,8.783-0.85,18.417-9.35,22.383l-20.4,9.35
  801. C11.617,180.908,0,199.042,0,219.442S12.467,257.692,31.167,266.192z M45.05,203.008l20.4-9.35
  802. c24.65-11.333,36.55-39.95,26.917-65.167l-7.933-20.967c-2.833-7.65,0-13.317,1.983-16.15c4.533-6.8,13.033-9.633,20.967-6.517
  803. l20.967,7.933c5.95,2.267,11.9,3.4,18.133,3.4l0,0c20.117,0,38.533-11.9,47.033-30.317l9.35-20.4
  804. c4.25-9.633,13.317-10.483,16.15-10.483c2.833,0,11.617,0.85,16.15,10.483l9.35,20.4c8.5,18.417,26.917,30.317,47.033,30.317
  805. c6.233,0,12.183-1.133,18.133-3.4l20.967-7.933c7.933-2.833,16.15,0,20.967,6.517c1.983,2.833,4.817,8.5,1.983,16.15
  806. l-7.933,20.967c-9.35,25.217,2.267,53.833,26.917,65.167l20.4,9.35c9.633,4.25,10.483,13.317,10.483,16.15
  807. c0,2.833-0.85,11.617-10.483,16.15l-20.4,9.35c-24.65,11.333-36.55,39.95-26.917,65.167l7.933,20.967
  808. c2.833,7.65,0,13.317-1.983,16.15c-4.533,6.8-13.033,9.633-20.967,6.517l-20.967-7.933c-5.95-2.267-11.9-3.4-18.133-3.4
  809. c-20.117,0-38.533,11.9-47.033,30.317l-9.35,20.4c-4.25,9.633-13.317,10.483-16.15,10.483c-2.833,0-11.617-0.85-16.15-10.483
  810. l-9.35-20.4c-8.5-18.417-26.917-30.317-47.033-30.317c-6.233,0-12.183,1.133-18.133,3.4l-20.967,7.933
  811. c-7.933,2.833-16.15,0-20.967-6.517c-1.983-2.833-4.817-8.5-1.983-16.15l7.933-20.967c9.35-25.217-2.267-53.833-26.917-65.167
  812. l-20.4-9.35c-9.633-4.25-10.483-13.317-10.483-16.15C34.567,216.325,35.417,207.542,45.05,203.008z"/>
  813. <path d="M218.733,292.825c40.517,0,73.667-33.15,73.667-73.667s-33.15-73.667-73.667-73.667s-73.667,33.15-73.667,73.667
  814. S177.933,292.825,218.733,292.825z M218.733,179.492c21.817,0,39.667,17.85,39.667,39.667s-17.85,39.667-39.667,39.667
  815. s-39.667-17.85-39.667-39.667S196.917,179.492,218.733,179.492z"/>
  816. </svg>
  817.  
  818. {block:Pagination}
  819. <div id="pagination">
  820. {CurrentPage}/{TotalPages}
  821. {block:PreviousPage}
  822. <a href="{PreviousPage}">Back</a>
  823. {/block:PreviousPage}
  824. {block:NextPage}
  825. <a href="{NextPage}">next</a>
  826. {/block:NextPage}
  827. </div>
  828.  
  829.  
  830. <div class="pagination">
  831. {block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a id="next" href="{NextPage}">next</a>{/block:NextPage}
  832. </div>
  833. {/block:Pagination}
  834. </div>
  835.  
  836. <aside>
  837. <div class="title">{text:top title}</div>
  838. <div class="portrait">
  839. <img src="{image:sidebar}">
  840. </div>
  841. <nav>
  842. <ul>
  843. <li><a href="/">home</a></li>
  844. <li><a href="/ask">ask</a></li>
  845. <li><a href="/archive">archive</a></li>
  846. {block:IfCustomLinkOne}
  847. <li><a href="{block:IfCustomLinkOneURL}{text:Custom Link One URL}{/block:IfCustomLinkOneURL}">{text:Custom Link One}</a></li>
  848. {/block:IfCustomLinkOne}
  849.  
  850. {block:IfCustomLinkTwo}
  851. <li><a href="{block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/block:IfCustomLinkTwoURL}">{text:Custom Link Two}</a></li>
  852. {/block:IfCustomLinkTwo}
  853.  
  854. {block:IfCustomLinkThree}
  855. <li><a href="{block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/block:IfCustomLinkThreeURL}">{text:Custom Link Three}</a></li>
  856. {/block:IfCustomLinkThree}
  857. </ul>
  858. </nav>
  859. <div class="desc">{description}</div>
  860. </aside>
  861.  
  862.  
  863.  
  864.  
  865.  
  866.  
  867.  
  868.  
  869. {block:Posts}
  870. <article class="entry" id="{PostID}">
  871. {block:Caption}
  872. <figcaption id="caption">{Caption}</figcaption>
  873. {/block:Caption}
  874.  
  875.  
  876.  
  877.  
  878.  
  879.  
  880. {block:Text}
  881. {block:Title}
  882. <h1><a href="{permalink}">{Title}</a></h1>
  883. {/block:Title}
  884. <div class="txt">{Body}</div>
  885. {/block:Text}
  886.  
  887.  
  888.  
  889.  
  890. {block:Photo}
  891. <div class="ent">
  892. {block:IndexPage}
  893. <a href="{permalink}"><img src="{PhotoURL-HighRes}"></a>
  894. {/block:IndexPage}
  895.  
  896. {block:PermalinkPage}
  897. {block:HighRes}
  898. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>
  899. {/block:HighRes}
  900. {block:PermalinkPage}
  901. </div>
  902. {/block:Photo}
  903.  
  904.  
  905.  
  906.  
  907.  
  908.  
  909. {block:Photoset}
  910. <div class="ent">
  911. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  912. {block:Photos}
  913. <div class="photo-data">
  914. <div class="pxu-photo">
  915. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  916. </div>
  917. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  918. </div>
  919. {/block:Photos}
  920. </div>
  921. </div>
  922. {/block:Photoset}
  923.  
  924.  
  925.  
  926. {block:Quote}
  927. <div class="txt"><h2>{Quote}</h2></div>
  928. {block:Source}<div class="source">{Source}</div>{/block:Source}
  929. {/block:Quote}
  930.  
  931.  
  932.  
  933. {block:Link}
  934. <h1><a href="{URL}">{Name}</a></h1>
  935. {block:Description}<div class="txt">{Description}</div>{/block:Description}
  936. {block:Link}
  937.  
  938.  
  939.  
  940.  
  941. {block:Chat}
  942. <div class="txt">
  943. {block:Title}
  944. <h1><a href="{Permalink}">{Title}</a></h1>
  945. {/block:Title}
  946. <ul class="chat">
  947. {block:Lines}
  948. <li class="{Alt} user_{UserNumber}">
  949. {block:Label}<span class="label">{Label}</span>{/block:Label}
  950. {Line}
  951. </li>
  952. {/block:Lines}
  953. </ul>
  954. </div>
  955. {/block:Chat}
  956.  
  957.  
  958.  
  959. {block:Video}
  960. <div class="ent">
  961. <div class="video">{Video-700}</div>
  962. </div>
  963. {/block:Video}
  964.  
  965.  
  966.  
  967. {block:Answer}
  968. <div id="question">
  969. <img src="{AskerPortraitURL-64}">
  970. <h1><a href="{Permalink}">{Asker}</a></h1><br>
  971. {Question}
  972. </div>
  973. {Answer}
  974. {/block:answer}
  975.  
  976.  
  977.  
  978.  
  979. {block:Audio}
  980. <div class="ent">
  981. {block:AudioEmbed}<div id="play">{AudioEmbed}</div>{/block:AudioEmbed}
  982. </div>
  983. {/block:Audio}
  984.  
  985.  
  986.  
  987. {block:IndexPage}
  988. <div class="perma">
  989. <a href="{ReblogURL}" target="_blank" class="reblog">
  990. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 361.095 361.095">
  991. <path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333
  992. c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5
  993. s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733
  994. C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617
  995. c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6
  996. c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/>
  997. </svg>
  998. </a>
  999.  
  1000. <a href="{permalink}">
  1001. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 442 442">
  1002. <path d="M221,155.833c9.35,0,17-7.65,17-17v-17c0-9.35-7.65-17-17-17c-9.35,0-17,7.65-17,17v17
  1003. C204,148.183,211.65,155.833,221,155.833z"/>
  1004. <path d="M187,223.833h17v96.333c0,9.35,7.65,17,17,17c9.35,0,17-7.65,17-17V206.833c0-9.35-7.65-17-17-17h-34
  1005. c-9.35,0-17,7.65-17,17S177.65,223.833,187,223.833z"/>
  1006. <path d="M442,17c0-9.35-7.65-17-17-17H17C7.65,0,0,7.65,0,17v408c0,9.35,7.65,17,17,17h408c9.35,0,17-7.65,17-17V17z M408,408H34
  1007. V34h374V408z"/>
  1008. </svg>
  1009. </a>
  1010. </div>
  1011. {/block:IndexPage}
  1012.  
  1013.  
  1014. {block:PermalinkPage}
  1015. <div id="perma">
  1016. {block:Date}<b>{TimeAgo}</b> — {ShortMonth} / {DayOfMonthWithZero}{/block:Date}
  1017. <span>{NoteCount} N.</span>
  1018.  
  1019. {block:RebloggedFrom}
  1020. <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-24}">
  1021. </a>
  1022.  
  1023. <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}"></a>
  1024. {/block:RebloggedFrom}
  1025.  
  1026.  
  1027. {block:HasTags}
  1028. <div class="tagged">
  1029. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1030. </div>
  1031. {/block:HasTags}
  1032. </div>
  1033. {/block:PermalinkPage}
  1034.  
  1035. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1036.  
  1037.  
  1038.  
  1039. </article>
  1040.  
  1041.  
  1042. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}
  1043. {/block:Posts}
  1044.  
  1045. </div>
  1046. </section>
  1047.  
  1048.  
  1049.  
  1050.  
  1051. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1052. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1053. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1054. <script src="http://static.tumblr.com/hczaopr/pXoood0cw/unnest.js"></script>
  1055. <script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1056. {block:IndexPage}
  1057. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1058. {/block:IndexPage}
  1059.  
  1060.  
  1061. <script>
  1062. $('.entry').unnest({
  1063. yourCaption: "#caption",
  1064. wrapName: ".tumblr_parent",
  1065. newCaptionUsername: true,
  1066. originalPostCaptionUsername: true,
  1067. {block:IndexPage}tumblrAvatars: false,{/block:IndexPage}
  1068. {block:PermalinkPage}tumblrAvatars: true,{/block:PermalinkPage}
  1069. tumblrAvatarClass: ".tumblr_avatar",
  1070. usernameColon: false
  1071. });
  1072.  
  1073. {block:IndexPage}
  1074. {block:ifFloatCaption}
  1075. var entry = document.querySelectorAll('figcaption');
  1076. window.onmousemove = function(e) {
  1077. var x = (e.clientX + 20) + 'px',
  1078. y = (e.clientY + 20) + 'px';
  1079. for (var i = 0; i < entry.length; i++) {
  1080. entry[i].style.top = y;
  1081. entry[i].style.left = x;
  1082. }
  1083. $container.find('figcaption').animate({
  1084. opacity: 1,
  1085. zIndex:100
  1086. });
  1087. };
  1088. {block:ifFloatCaption}
  1089. {/block:IndexPage}
  1090.  
  1091. $(document).ready(function() {
  1092. var color = '{color:accent2}'; // color of play button (hex)
  1093. $('.soundcloud_audio_player').each(function(){
  1094. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  1095. });
  1096. $('.gears').click(function() {
  1097. $('aside').fadeToggle("fast");
  1098. });
  1099. $('iframe.tumblr_audio_player').load( function() {
  1100. $('iframe.tumblr_audio_player').contents().find("head")
  1101. .append($("<style type='text/css'> .audio-player{background:{color:accent2}!important;color:{color:accent8}!important;}{block:IndexPage} .audio_player_iframe{width:{text:PostSize}px;}{/block:IndexPage}.audio-player .audio-info .track-artist {color: {color:accent8}!important;} </style>"));
  1102. });
  1103.  
  1104. $('.photo-slideshow').pxuPhotoset({
  1105. lightbox: true,
  1106. rounded: false,
  1107. gutter: '0',
  1108. photoset: '.photo-slideshow',
  1109. photoWrap: '.photo-data',
  1110. photo: '.pxu-photo'
  1111. });
  1112.  
  1113. {block:IndexPage}
  1114. {block:ifColumns}
  1115. var $container = $('#content');
  1116. $container.masonry({
  1117. isFitWidth: true,
  1118. itemSelector: '.entry'
  1119. });
  1120. $container.imagesLoaded(function() {
  1121. $container.masonry();
  1122. $container.find('.entry').animate({
  1123. opacity: 1
  1124. });
  1125. });
  1126. {/block:ifColumns}
  1127. {/block:IndexPage}
  1128. });
  1129. </script>
  1130.  
  1131.  
  1132.  
  1133. </body>
  1134. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!