API tools faq
paste
ninpen

Novacane

ninpen
Dec 30th, 2014
4,055
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.89 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5. <!-------------------------------
  6.  
  7. NOVACANE BY NINPEN.TUMBLR.COM
  8. DO NOT REMOVE THE CREDIT.
  9.  
  10. --------------------------------->
  11.  
  12.  
  13.  
  14.  
  15. <head>
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  17.  
  18. <meta name="if:400px" content=""/>
  19. <meta name="if:250px" content="1"/>
  20. <meta name="if:EndlessScroll" content=""/>
  21. <meta name="if:picopacity" content=""/>
  22. <meta name="if:showCaption" content=""/>
  23.  
  24. <meta name="color:scrollbar border" content="#e0e0e0"/>
  25. <meta name="color:scrollbar thumb bg" content="#eeeeee"/>
  26. <meta name="color:scrollbar track bg" content="#fafafa"/>
  27.  
  28. <meta name="color:bold" content="#ff7d7d"/>
  29. <meta name="color:italic" content="#c3d847"/>
  30. <meta name="color:underline" content="#4dbce9"/>
  31. <meta name="color:background" content="#fafafa"/>
  32. <meta name="color:center bg" content="#fafafa"/>
  33.  
  34. <meta name="color:sidebar1 bg" content="#fbeea1"/>
  35. <meta name="color:sidebar2bg" content="#000000"/>
  36. <meta name="color:description" content="#ada369"/>
  37. <meta name="color:sidebar link" content="#ffffff"/>
  38. <meta name="color:sidebar link border" content="#111111"/>
  39. <meta name="color:sidebar hover" content="#00e3ff"/>
  40. <meta name="color:topnav bg" content="#f0f0f0"/>
  41. <meta name="color:top title" content="#000000"/>
  42. <meta name="color:topnav link" content="#999999"/>
  43. <meta name="color:topnav bg" content="#f0f0f0"/>
  44. <meta name="color:topnav link hover" content="#bbbbbb"/>
  45. <meta name="color:topnav bg hover" content="#ffffff"/>
  46.  
  47. <meta name="color:text" content="#777777"/>
  48. <meta name="color:posts" content="#ffffff"/>
  49. <meta name="color:border" content="#f0f0f0"/>
  50. <meta name="color:box shadow" content="#f0f0f0"/>
  51. <meta name="color:link" content="#aaaaaa"/>
  52. <meta name="color:linkhover" content="#44e0f4"/>
  53. <meta name="color:pagination bg" content="#ffffff"/>
  54. <meta name="color:pagination" content="#000000"/>
  55. <meta name="color:pagination border" content="#000000"/>
  56. <meta name="color:pagination bg hover" content="#000000"/>
  57. <meta name="color:pagination hover" content="#ffffff"/>
  58. <meta name="color:pagination border hover" content="#ffffff"/>
  59.  
  60. <meta name="color:permalink BG" content="#fafafa"/>
  61. <meta name="color:permalink" content="#aaaaaa"/>
  62. <meta name="color:date BG" content="#000000"/>
  63. <meta name="color:date text" content="#ffffff"/>
  64. <meta name="color:tags bg" content="#fafafa"/>
  65. <meta name="color:tags color" content="#aaaaaa"/>
  66. <meta name="color:blockquote text" content="#b0b0b0"/>
  67. <meta name="color:blockquote BG" content="#fcfcfc"/>
  68. <meta name="color:blockquote border" content="#f0f0f0"/>
  69. <meta name="color:h1" content="#333333"/>
  70. <meta name="color:h1 BG" content="#ffffff"/>
  71. <meta name="color:h1 border" content="#333333"/>
  72. <meta name="color:h2" content="#cccccc"/>
  73. <meta name="color:chat line 1" content="#f7f7f7"/>
  74. <meta name="color:chat line 2" content="#f5f5f5"/>
  75.  
  76. <meta name="image:background image" content=""/>
  77. <meta name="image:center bg image" content=""/>
  78. <meta name="image:portrait" content=""/>
  79.  
  80.  
  81. <meta name="text:Custom Link One" content=""/>
  82. <meta name="text:Custom Link One URL" content=""/>
  83. <meta name="text:Custom Link Two" content=""/>
  84. <meta name="text:Custom Link Two URL" content=""/>
  85. <meta name="text:Custom Link Three" content=""/>
  86. <meta name="text:Custom Link Three URL" content=""/>
  87. <meta name="text:Custom Link Four" content=""/>
  88. <meta name="text:Custom Link Four URL" content=""/>
  89. <meta name="text:Custom Link Five" content=""/>
  90. <meta name="text:Custom Link Five URL" content=""/>
  91. <meta name="text:Custom Link Six" content=""/>
  92. <meta name="text:Custom Link Six URL" content=""/>
  93. <meta name="text:Custom Link Seven" content=""/>
  94. <meta name="text:Custom Link Seven URL" content=""/>
  95. <meta name="text:Custom Link Eight" content=""/>
  96. <meta name="text:Custom Link Eight URL" content=""/>
  97. <meta name="text:Custom Link Nine" content=""/>
  98. <meta name="text:Custom Link Nine URL" content=""/>
  99. <meta name="text:Custom Link Ten" content=""/>
  100. <meta name="text:Custom Link Ten URL" content=""/>
  101. <meta name="text:Custom Link Eleven" content=""/>
  102. <meta name="text:Custom Link Eleven URL" content=""/>
  103. <meta name="text:Custom Link Twelve" content=""/>
  104. <meta name="text:Custom Link Twelve URL" content=""/>
  105.  
  106.  
  107.  
  108. <link rel="shortcut icon" href="{Favicon}" />
  109. {block:IfEndlessScroll}
  110. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script> {/block:IfEndlessScroll}
  111. <title>{Title}</title>
  112. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  113. <div class="cred"><a href="http://ninpen.tumblr.com/">thm.</a></div>
  114.  
  115. <style type="text/css">
  116. html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, li, 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, video {
  117. margin: 0;
  118. padding: 0;
  119. border: 0;
  120. font-size: 100%;
  121. font: inherit;
  122. vertical-align: baseline;
  123. }
  124.  
  125. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  126. display: block;
  127. }
  128.  
  129. body {
  130. line-height: 1;
  131. }
  132.  
  133. ol, ul {
  134. list-style: none;
  135. }
  136.  
  137. table {
  138. border-collapse: collapse;
  139. border-spacing: 0;
  140. }
  141.  
  142. body {line-height: 1;}
  143. ol, ul {list-style: none;}
  144. table {border-collapse: collapse;border-spacing: 0;}
  145.  
  146. {block:IndexPage}
  147. #scrltop{
  148. position:fixed;
  149. bottom:100px;
  150. z-index:1;
  151. {block:If400px}margin-left:883px;{/block:If400px}
  152. {block:If250px}margin-left:743px;{/block:If250px}
  153. }
  154. {/block:IndexPage}
  155.  
  156.  
  157. .cred{font:700 italic 9px/8px calibri;letter-spacing:1px;position:Fixed;bottom:2%;right:5%;}
  158. .cred a:hover{color:{color:bold};}
  159.  
  160. ::-webkit-scrollbar{
  161. width:5px;
  162. height:4px;
  163. background:{color:scrollbar track bg};
  164. border:1px solid #e0e0e0;
  165. }
  166.  
  167. ::-webkit-scrollbar-thumb{
  168. background-color:{color:scrollbar thumb bg};
  169. border:1px solid {color:scrollbar border};
  170. border-radius:2px;
  171. }
  172.  
  173. body,html{
  174. width:100%;
  175. height:100%;
  176. padding:0;
  177. margin:0;
  178. }
  179.  
  180. body{
  181. word-wrap: break-word;
  182. font:11px/13px courier;
  183. color: {color:text};
  184. background:{color:Background} url({image:background image}) repeat right top fixed;
  185. }
  186.  
  187. a{
  188. text-decoration:none;
  189. color:{color:link};
  190. }
  191.  
  192. a:hover {color:{color:linkhover};}
  193.  
  194. b,strong{color:{color:bold};}
  195.  
  196. i,em{color:{color:italic};}
  197.  
  198. u{color:{color:underline};}
  199.  
  200. h1{
  201. padding:5px;
  202. margin:0 0 2px 0;
  203. font:10px/12px courier;
  204. text-transform:uppercase;
  205. letter-spacing:2px;
  206. background-color:{color:h1 BG};
  207. color:{color:h1};
  208. border-bottom:1px solid {color:h1 border};
  209. }
  210.  
  211. h2 {
  212. text-align:center;
  213. margin:0;
  214. position:relative;
  215. text-transform:lowercase;
  216. font:bold 16px/14px helvetica;
  217. letter-spacing:-1px;
  218. color: {color:h2 text};
  219. z-index:1;
  220. }
  221.  
  222. h2:before{
  223. z-index:-1;
  224. content:"\201C";
  225. font:100px/30px georgia;
  226. color:#f0f0f0;
  227. position:absolute;
  228. top:20px;
  229. left:0;
  230. }
  231.  
  232. .source{
  233. margin:10px 0 0 20px;
  234. font:8px/10px courier;
  235. text-transform:uppercase;
  236. letter-spacing:1px;
  237. color:{color:Text};
  238. }
  239.  
  240. img{max-width:100%;}
  241.  
  242. #sidebar{
  243. height:100%;
  244. top:0;
  245. position:fixed;
  246. width:100px;
  247. padding:75px;
  248. background:{color:sidebar1 bg};
  249. border-left:1px solid {color:border};
  250. }
  251.  
  252. .portrait{
  253. width:70px;
  254. margin:0 auto;
  255. }
  256.  
  257. .portrait img{
  258. border-radius:10px;
  259. }
  260.  
  261. .desc{
  262. font:9px/12px courier;
  263. letter-spacing:1px;
  264. text-transform:uppercase;
  265. margin-top:10px;
  266. padding:5px;
  267. text-align:justify;
  268. width:90px;
  269. height:150px;
  270. overflow:Auto;
  271. color:{color:description};
  272. }
  273.  
  274. #sidebar .side1{
  275. position:Absolute;
  276. top:50%;
  277. left:50%;
  278. margin:-200px 0 0 -50px;
  279. width:100px;
  280. height:240px;
  281. }
  282.  
  283. #side{
  284. height:100%;
  285. top:0;
  286. margin-left:-75px;
  287. opacity:0;
  288. position:fixed;
  289. width:100px;
  290. padding:75px;
  291. background:{color:sidebar2bg};
  292. -transition: all 0.6s ease-in-out;
  293. -webkit-transition: all 0.6s ease-in-out;
  294. -moz-transition: all 0.6s ease-in-out;
  295. -o-transition: all 0.6s ease-in-out;
  296. }
  297.  
  298. #side .side2{
  299. position:relative;
  300. top:50%;
  301. margin-top:-100%;
  302. }
  303.  
  304. #side a{
  305. z-index:1;
  306. position:relative;
  307. margin-bottom:3px;
  308. padding:2px 7px 1px 7px;
  309. border:1px solid {color:sidebar link border};
  310. display:inline-block;
  311. font:8px/8px courier;
  312. color:{color:sidebar link};
  313. border-radius:3px;
  314. letter-spacing:2px;
  315. text-transform:uppercase;
  316. }
  317.  
  318. #side a:before{
  319. content:"";
  320. position:absolute;
  321. top:5px;
  322. left:3%;
  323. background:{color:sidebar hover};
  324. width:1px;
  325. height:1px;
  326. -transition: all 0.6s ease-in-out;
  327. -webkit-transition: all 0.6s ease-in-out;
  328. -moz-transition: all 0.6s ease-in-out;
  329. -o-transition: all 0.6s ease-in-out;
  330. }
  331.  
  332. #side a:hover:before{
  333. width:81%;
  334. -transition: all 0.6s ease-in-out;
  335. -webkit-transition: all 0.6s ease-in-out;
  336. -moz-transition: all 0.6s ease-in-out;
  337. -o-transition: all 0.6s ease-in-out;
  338. }
  339.  
  340. #sidebar:hover #side{
  341. opacity:1;
  342. -transition: all 0.6s ease-in-out;
  343. -webkit-transition: all 0.6s ease-in-out;
  344. -moz-transition: all 0.6s ease-in-out;
  345. -o-transition: all 0.6s ease-in-out;
  346. }
  347.  
  348. #topnav{
  349. position:fixed;
  350. top:0;
  351. display:inline-block;
  352. margin-left:-90px;
  353. background:{color:topnav bg};
  354. z-index:1;
  355. border-bottom:1px solid {color:border};
  356. {block:IndexPage}
  357. {block:If400px}width:612px;{/block:If400px}
  358. {block:If250px}width:462px;{/block:If250px}
  359. {/block:IndexPage}
  360. {block:PermalinkPage}
  361. {block:If400px}width:612px;{/block:If400px}
  362. {block:If250px}width:462px;{/block:If250px}
  363. {/block:PermalinkPage}
  364. }
  365.  
  366. #topnav .title{
  367. padding-top:3px;
  368. margin:0 0 3px 10px;
  369. color:{color:top title};
  370. text-align:center;
  371. display:inline-block;
  372. font:bold 20px/20px helvetica;
  373. letter-spacing:-1px;
  374. text-transform:lowercase;
  375. }
  376.  
  377. #topnav .wrap{
  378. float:right;
  379. }
  380.  
  381. #topnav .wrap a{
  382. margin-left:-8px;
  383. }
  384.  
  385. #topnav a{
  386. padding:10px 15px;
  387. background:{color:topnav bg};
  388. color:{color:topnav link};
  389. border-right:1px solid {color:border};
  390. border-left:1px solid {color:border};
  391. display:inline-block;
  392. width:56px;
  393. text-align:center;
  394. font:8px/8px courier;
  395. letter-spacing:2px;
  396. text-transform:uppercase;
  397. }
  398.  
  399. #topnav a:hover{
  400. background:{color:topnav bg hover};
  401. color:{color:topnav link hover};
  402. }
  403.  
  404. #topnav a:last-child{
  405. border-right:0;
  406. }
  407.  
  408. #center{
  409. height:100%;
  410. overflow:auto;
  411. margin:0 auto;
  412. padding-right:5px;
  413. {block:IndexPage}
  414. {block:If400px}width:863px;{/block:If400px}
  415. {block:If250px}width:713px;{/block:If250px}
  416. {/block:IndexPage}
  417. {block:PermalinkPage}
  418. {block:If400px}width:863px;{/block:If400px}
  419. {block:If250px}width:713px;{/block:If250px}
  420. {/block:PermalinkPage}
  421. }
  422.  
  423. #content{
  424. float:right;
  425. overflow:hidden;
  426. padding:96px;
  427. border-right:1px solid {color:border};
  428. border-left:1px solid {color:border};
  429. background:{color:center bg} url({image:center bg image}) repeat right top fixed;
  430. {block:IndexPage}
  431. {block:If400px}width:420px;{/block:If400px}
  432. {block:If250px}width:270px;{/block:If250px}
  433. {/block:IndexPage}
  434. {block:PermalinkPage}
  435. {block:If400px}width:420px;{/block:If400px}
  436. {block:If250px}width:270px;{/block:If250px}
  437. {/block:PermalinkPage}
  438. }
  439.  
  440. .post{
  441. padding:5px;
  442. margin:0 auto 100px auto;
  443. position:relative;
  444. background:{color:posts};
  445. {block:IndexPage}
  446. box-shadow:4px 4px 0 {color:box shadow};
  447. {block:If400px}width:400px;{/block:If400px}
  448. {block:If250px}width:250px;{/block:If250px}
  449. {/block:IndexPage}
  450. {block:PermalinkPage}
  451. border:1px solid {color:box shadow};
  452. {block:If400px}width:400px;{/block:If400px}
  453. {block:If250px}width:250px;{/block:If250px}
  454. {/block:PermalinkPage}
  455. -transition: all 0.6s ease-in-out;
  456. -webkit-transition: all 0.6s ease-in-out;
  457. -moz-transition: all 0.6s ease-in-out;
  458. -o-transition: all 0.6s ease-in-out;
  459. }
  460.  
  461. .post img,.photoset{
  462. {block:Ifpicopacity}
  463. opacity:.6;
  464. {/block:Ifpicopacity}
  465. }
  466.  
  467. .post:hover{
  468. box-shadow:4px 3px 0 transparent;
  469. -transition: all 0.6s ease-in-out;
  470. -webkit-transition: all 0.6s ease-in-out;
  471. -moz-transition: all 0.6s ease-in-out;
  472. -o-transition: all 0.6s ease-in-out;
  473. }
  474.  
  475. .post:last-of-type{
  476. margin-bottom:4px;
  477. }
  478.  
  479. #pages{
  480. position:fixed;
  481. top:20px;
  482. z-index:1;
  483. font:9px/8px courier;
  484. padding:0 2px;
  485. text-transform:uppercase;
  486. letter-spacing:1px;
  487. text-align:center;
  488. {block:If400px}margin-left:478px;{/block:If400px}
  489. {block:If250px}margin-left:343px;{/block:If250px}
  490. }
  491.  
  492. #pages span{
  493. display:inline-block;
  494. margin-top:5px;
  495. padding:0 2px;
  496. background:{color:box shadow};
  497. }
  498.  
  499. #pages a{
  500. border:2px solid {color:pagination border};
  501. padding:3px;
  502. width:8px;
  503. height:8px;
  504. margin-bottom:5px;
  505. display:inline-block;
  506. text-transform:uppercase;
  507. background:{color:pagination bg};
  508. color:{color:pagination};
  509. -transition: all 0.6s ease-in-out;
  510. -webkit-transition: all 0.6s ease-in-out;
  511. -moz-transition: all 0.6s ease-in-out;
  512. -o-transition: all 0.6s ease-in-out;
  513. }
  514.  
  515. #pages a:hover{
  516. border:2px solid {color:pagination border hover};
  517. background:{color:pagination bg hover};
  518. color:{color:pagination hover};
  519. -transition: all 0.6s ease-in-out;
  520. -webkit-transition: all 0.6s ease-in-out;
  521. -moz-transition: all 0.6s ease-in-out;
  522. -o-transition: all 0.6s ease-in-out;
  523. }
  524.  
  525. #pages a:last-of-type{
  526. margin:0 -8px 0 -6px;
  527. }
  528.  
  529. #permalink{
  530. left:-1px;
  531. margin-top:5px;
  532. border-top:1px solid {color:border};
  533. width:100%;
  534. padding:0 1px;
  535. z-index:1;
  536. position:absolute;
  537. background:{color:permalink BG};
  538. text-align:center;
  539. font:7px/9px trebuchet ms;
  540. text-transform:uppercase;
  541. letter-spacing:1px;
  542. color:{color:permalink text};
  543. border-left:1px solid {color:border};
  544. border-bottom:1px solid {color:border};
  545. {block:IndexPage}
  546. left:-140%;
  547. {/block:IndexPage}
  548. -transition: all 0.6s ease-in-out;
  549. -webkit-transition: all 0.6s ease-in-out;
  550. -moz-transition: all 0.6s ease-in-out;
  551. -o-transition: all 0.6s ease-in-out;
  552. }
  553.  
  554. .post:hover #permalink{
  555. left:0%;
  556. -transition: all 0.6s ease-in-out;
  557. -webkit-transition: all 0.6s ease-in-out;
  558. -moz-transition: all 0.6s ease-in-out;
  559. -o-transition: all 0.6s ease-in-out;
  560. }
  561.  
  562. .ntes{
  563. float:left;
  564. background:;
  565. top:50%;
  566. position:absolute;
  567. margin:-4px -1px 0 -2px;
  568. width:27%;
  569. height:8px;
  570. }
  571.  
  572. .date{
  573. vertical-align:top;
  574. padding:5px;
  575. width:69.8%;
  576. {block:PermalinkPage}
  577. border-right: 1px solid {color:border};
  578. border-top:1px solid {color:border};
  579. {/block:PermalinkPage}
  580. {block:IndexPage}
  581. width:69%;
  582. left:1px;
  583. border-top:1px solid {color:sidebar hover};
  584. {/block:IndexPage}
  585. position:relative;
  586. left:0;
  587. top:-1px;
  588. margin-bottom:-1px;
  589. background:{color:date BG};
  590. float:right;
  591. border-left:1px solid {color:border};
  592. }
  593.  
  594. #permalink a{
  595. color:{color:date text};
  596. }
  597.  
  598. .tags{
  599. position:relative;
  600. width:69.8%;
  601. {block:IndexPage}
  602. width:69%;
  603. left:1px;
  604. {/block:IndexPage}
  605. position:relative;
  606. left:0;
  607. padding:5px;
  608. width:70%;
  609. margin-bottom:-1px;
  610. border-top:1px solid {color:border};
  611. border-left:1px solid {color:border};
  612. {block:PermalinkPage}
  613. border-right: 1px solid {color:border};
  614. {/block:PermalinkPage}
  615. background:{color:tags bg};
  616. float:right;
  617. }
  618.  
  619. .tags a{
  620. color:{color:tags color};
  621. margin-right:5px;
  622. }
  623.  
  624. blockquote {
  625. padding: 5px;
  626. color:{color:blockquote text};
  627. border:1px solid {color:blockquote border};
  628. background:{color:blockquote BG};
  629. }
  630.  
  631. #ansname{
  632. display:block;
  633. height:10px;
  634. padding:5px 0;
  635. text-align:right;
  636. }
  637.  
  638. #ansname a{
  639. background:transparent;
  640. color:{color:bold};
  641. font:italic 22px "Times New Roman", Times, serif;
  642. text-transform: lowercase;
  643. letter-spacing: -2px;
  644. }
  645.  
  646. #ansicon img{
  647. width:30px;
  648. height:30px;
  649. margin:0 5px 5px 5px;
  650. z-index:1;
  651. padding:2px;
  652. float:left;
  653. border:1px solid {color:border};
  654. border-radius:3px;
  655. }
  656.  
  657. #question P{
  658. text-align:left;
  659. vertical-align:top;
  660. margin:0;
  661. }
  662.  
  663. #question{
  664. margin-top:5px;
  665. vertical-align:top;
  666. padding:10px;
  667. min-height:30px;
  668. display:block;
  669. margin-bottom:10px;
  670. }
  671.  
  672. #answer{
  673. margin-bottom:5px;
  674. display:block;
  675. padding:5px;
  676. background:{color:border};
  677. font-style:italic;
  678. }
  679.  
  680. .player{
  681. float:left;
  682. display:inline-block;
  683. }
  684.  
  685. .albumart{
  686. margin:-40px 0 0 0;
  687. position:relative;
  688. width:70px;
  689. background:{color:posts};
  690. padding:5px;
  691. border:1px solid {color:border};
  692. float:right;
  693. }
  694.  
  695. #audiotext{
  696. margin:5px 0 0px 0px;
  697. padding:10px 2px;
  698. background:{color:posts};
  699. color:{color:text};
  700. }
  701.  
  702. #audiotext b{
  703. font:8px courier new;
  704. letter-spacing:1px;
  705. text-transform:uppercase;
  706. }
  707.  
  708. #audiotext i{
  709. font:7px trebuchet ms;
  710. letter-spacing:1px;
  711. text-transform:uppercase;
  712. }
  713.  
  714. ul, ol, {
  715. list-style:none;
  716. margin:0px;
  717. padding:0px;
  718. }
  719.  
  720. ul.chat {
  721. margin:0;
  722. padding:0;
  723. }
  724.  
  725. .chat li {
  726. list-style-type: none;
  727. margin-left:0px;
  728. padding:10px;
  729. font:8px/11px courier;
  730. letter-spacing:1px;
  731. text-transform:uppercase;
  732. }
  733.  
  734. .chat li.odd {
  735. margin-bottom:3px;
  736. background-color:{color:chat line 1};
  737. color:{color:text};
  738. }
  739.  
  740. .chat li.even {
  741. margin-bottom: 3px;
  742. background-color:{color:chat line 2};
  743. color:{color:text};
  744. }
  745.  
  746. li{
  747. list-style-type:square;
  748. font:8px/11px courier;
  749. letter-spacing:1px;
  750. text-transform:uppercase;
  751. }
  752.  
  753. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop{
  754. position:fixed !important;
  755. }
  756.  
  757. ol.notes {
  758. margin-top:80px;
  759. }
  760.  
  761. ol.notes li {
  762. line-height: 0;
  763. padding: 0 3px 0 0;
  764. margin: 0;
  765. display: inline-block;
  766. }
  767.  
  768. .more_notes_link{
  769. background: #000;
  770. color: #fff;
  771. border-radius: 3px;
  772. font: 8px/8px courier;
  773. letter-spacing: 1px;
  774. text-transform: uppercase;
  775. padding: 2px 2px 1px 2px;
  776. }
  777.  
  778. ol.notes img {width:20px;}
  779.  
  780. ol.notes li.note blockquote,ol.notes li.note span.action{
  781. display:none;
  782. }
  783. </style>
  784.  
  785. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  786. <script type="text/javascript">
  787. $(function() {
  788. $.fn.scrollToTop = function() {
  789. $(this).hide().removeAttr("href");
  790. if ($(window).scrollTop() != "0") {
  791. $(this).fadeIn("slow")
  792. }
  793. var scrollDiv = $(this);
  794. $(window).scroll(function() {
  795. if ($(window).scrollTop() == "0") {
  796. $(scrollDiv).fadeOut("slow")
  797. } else {
  798. $(scrollDiv).fadeIn("slow")
  799. }
  800. });
  801. $(this).click(function() {
  802. $("html, body").animate({
  803. scrollTop: 0
  804. }, "slow")
  805. })
  806. }
  807. });
  808. $(function() {
  809. $("#scrltop").scrollToTop();
  810. });
  811. </script>
  812. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  813. <script>
  814. // minimal soundcloud player © eoxk.tumblr
  815. $(document).ready(function(){
  816. var color = '#acd7bb'; // color of play button (hex)
  817. $('.soundcloud_audio_player').each(function(){
  818. $(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%' });
  819. });
  820. });
  821. </script>
  822. </head>
  823. <body>
  824.  
  825.  
  826.  
  827. <div id="center">
  828.  
  829.  
  830. {block:IfEndlessScroll}
  831. <div id="scrltop"><a href="#"><img src="http://static.tumblr.com/1f1tzta/SMJmu4k4i/up.png"></a></div>
  832. {/block:IfEndlessScroll}
  833.  
  834. <div id="sidebar">
  835.  
  836. <div class="side1">
  837. <div class="portrait"><img src="{image:portrait}">
  838. </div>
  839. <div class="desc">{description}</div>
  840. </div>
  841.  
  842.  
  843.  
  844. <div id="side">
  845. <div class="side2">
  846. {block:IfCustomLinkOne}<a href="{block:IfCustomLinkOneURL}{text:Custom Link One URL}{/block:IfCustomLinkOneURL}">{text:Custom Link One}</a>{/block:IfCustomLinkOne}
  847.  
  848. {block:IfCustomLinkTwo}<a href="{block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/block:IfCustomLinkTwoURL}">{text:Custom Link Two}</a>{/block:IfCustomLinkTwo}
  849.  
  850. {block:IfCustomLinkThree}<a href="{block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/block:IfCustomLinkThreeURL}">{text:Custom Link Three}</a>{/block:IfCustomLinkThree}
  851.  
  852. {block:IfCustomLinkFour}<a href="{block:IfCustomLinkFourURL}{text:Custom Link Four URL}{/block:IfCustomLinkFourURL}">{text:Custom Link Four}</a>{/block:IfCustomLinkFour}
  853.  
  854. {block:IfCustomLinkFive}<a href="{block:IfCustomLinkFiveURL}{text:Custom Link Five URL}{/block:IfCustomLinkFiveURL}">{text:Custom Link Five}</a>{/block:IfCustomLinkFive}
  855.  
  856. {block:IfCustomLinkSix}<a href="{block:IfCustomLinkSixURL}{text:Custom Link Six URL}{/block:IfCustomLinkSixURL}">{text:Custom Link Six}</a>{/block:IfCustomLinkSix}
  857.  
  858. {block:IfCustomLinkSeven}<a href="{block:IfCustomLinkSevenURL}{text:Custom Link Seven URL}{/block:IfCustomLinkSevenURL}">{text:Custom Link Seven}</a>{/block:IfCustomLinkSeven}
  859.  
  860. {block:IfCustomLinkEight}<a href="{block:IfCustomLinkEightURL}{text:Custom Link Eight URL}{/block:IfCustomLinkEightURL}">{text:Custom Link Eight}</a>{/block:IfCustomLinkEight}
  861.  
  862. {block:IfCustomLinkNine}<a href="{block:IfCustomLinkNineURL}{text:Custom Link Nine URL}{/block:IfCustomLinkNineURL}">{text:Custom Link Nine}</a>{/block:IfCustomLinkNine}
  863.  
  864. {block:IfCustomLinkTen}<a href="{block:IfCustomLinkTenURL}{text:Custom Link Ten URL}{/block:IfCustomLinkTenURL}">{text:Custom Link Ten}</a>{/block:IfCustomLinkTen}
  865.  
  866. {block:IfCustomLinkEleven}<a href="{block:IfCustomLinkElevenURL}{text:Custom Link Eleven URL}{/block:IfCustomLinkElevenURL}">{text:Custom Link Eleven}</a>{/block:IfCustomLinkEleven}
  867.  
  868. {block:IfCustomLinkTwelve}<a href="{block:IfCustomLinkTwelveURL}{text:Custom Link Twelve URL}{/block:IfCustomLinkTwelveURL}">{text:Custom Link Twelve}</a>{/block:IfCustomLinkTwelve}
  869. </div>
  870.  
  871.  
  872. </div>
  873.  
  874. </div>
  875.  
  876.  
  877.  
  878.  
  879.  
  880. <div id="content">
  881. <div id="topnav">
  882. <div class="title">{title}</div>
  883. <div class="wrap"><a href="/">Index</a> <a href="/ask">message</a> <a href="/archive">Archives</a></div>
  884. </div>
  885.  
  886. {block:IfNotEndlessScroll}
  887. {block:Pagination}
  888. <div id="pages">
  889. {block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}
  890. {block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}<br>
  891. <span>{CurrentPage}/{TotalPages}</span>
  892. </div>
  893. {/block:Pagination}
  894. {/block:IfNotEndlessScroll}
  895.  
  896. {block:Posts}
  897. <div class="post">
  898.  
  899.  
  900.  
  901.  
  902. {block:Text}
  903. {block:Title}<h1><a href="{permalink}">{Title}</a></h1>{/block:Title}
  904. {Body}
  905. {/block:Text}
  906.  
  907.  
  908.  
  909.  
  910. {block:Link}
  911. <a href="{URL}"><h1>{Name}</h1></a>
  912. {block:Description}{Description}{/block:Description}
  913. {block:Link}
  914.  
  915.  
  916.  
  917. {block:Photo}
  918. {block:IndexPage}
  919. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>
  920. {/block:IndexPage}
  921. {block:PermalinkPage}
  922. <img src="{PhotoURL-500}">
  923. {/block:PermalinkPage}
  924. {/block:photo}
  925.  
  926.  
  927.  
  928. {block:Photoset}
  929. {block:If250px}{Photoset-250}{/block:If250px}
  930. {block:If400px}{Photoset-400}{/block:If400px}
  931. {block:If500px}{Photoset-500}{/block:If500px}
  932. {/block:Photoset}
  933.  
  934.  
  935. {block:Quote}
  936. <h2>{Quote}</h2>
  937. {block:Source}
  938. <div class="source">― {Source}</div>
  939. {/block:Source}
  940. {/block:Quote}
  941.  
  942.  
  943.  
  944. {block:answer}
  945. <div id="ansname"><a href="{Permalink}">{Asker}</a></div>
  946. <div id="question"><div id="ansicon"><img src="{AskerPortraitURL-48}"></div><p>{Question}</p></div>
  947. <div id="answer">{Answer}</div>
  948. {/block:Answer}
  949.  
  950.  
  951.  
  952. {block:Chat}
  953. {block:Title}
  954. <h3><a href="{Permalink}">{Title}</a></h3>
  955. {/block:Title}
  956. <ul class="chat">
  957. {block:Lines}
  958. <li class="{Alt} user_{UserNumber}">
  959. {block:Label}
  960. <span class="label">{Label}
  961. {/block:Label}
  962. {Line}
  963. </li>
  964. {/block:Lines}
  965. </ul>
  966. {/block:Chat}
  967.  
  968.  
  969.  
  970. {block:Audio}{block:TrackName}<i>{TrackName}</i>{/block:TrackName}
  971. <div class="player">{AudioPlayerBlack}</div>
  972. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  973.  
  974. <div id="audiotext">
  975. {block:Artist}<b>ARTIST:</b> <i>{Artist}</i>{/block:Artist}<br>
  976. {block:Album}<b>ALBUM:</b> <i>{Album}</i>{/block:Album}<br>
  977. {block:PlayCount}<b>Plays:</b><i>{FormattedPlayCount}</i> {/block:PlayCount}
  978. </div>
  979. {/block:Audio}
  980.  
  981.  
  982.  
  983.  
  984. {block:Video}
  985. {block:If250px}{Video-250}{/block:If250px}
  986. {block:If400px}{Video-400}{/block:If400px}
  987. {block:If500px}{Video-500}{/block:If500px}
  988. {/block:Video}
  989.  
  990.  
  991.  
  992. {block:PermalinkPage}
  993. {block:Caption}{Caption}{/block:Caption}
  994. <div id="permalink">
  995. <div class="ntes">{NoteCount}</div>
  996. <div class="date">
  997. <a href="{permalink}">{block:Date}{MonthNumberWithZero}.{DayOfMonthWithZero}.{Shortyear}<br>{TimeAgo}{/block:Date}</a>
  998. </div>
  999.  
  1000. {block:HasTags}
  1001. <div class="tags">
  1002. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1003. </div>
  1004. {/block:HasTags}
  1005. </div>
  1006. {/block:PermalinkPage}
  1007.  
  1008.  
  1009.  
  1010.  
  1011. {block:IndexPage}
  1012. {block:IfshowCaption}
  1013. {block:Caption}
  1014. {Caption}{/block:Caption}
  1015. {/block:Caption}
  1016. {/block:IfshowCaption}
  1017.  
  1018.  
  1019. <div id="permalink">
  1020. <div class="ntes">{NoteCount}</div>
  1021. <div class="date">
  1022. <a href="{permalink}">{block:Date}{MonthNumberWithZero}.{DayOfMonthWithZero}.{Shortyear}<br>{TimeAgo}{/block:Date}</a>
  1023. </div>
  1024.  
  1025. {block:HasTags}
  1026. <div class="tags">
  1027. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1028. </div>
  1029. {/block:HasTags}
  1030. </div>
  1031. {/block:IndexPage}
  1032.  
  1033.  
  1034. {block:PostNotes}
  1035. {PostNotes-64}
  1036. {/block:PostNotes}
  1037.  
  1038. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}
  1039.  
  1040. </div>
  1041. {/block:Posts}
  1042. </div>
  1043.  
  1044. </div>
  1045. </body>
  1046. </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!