API tools faq
paste
ninpen

made

ninpen
May 30th, 2015
3,744
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.46 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.  
  8.  
  9.  
  10.  
  11. <!-------------------------------
  12.  
  13. MADE BY NINPEN.TUMBLR.COM
  14. DO NOT REMOVE THE CREDIT.
  15.  
  16. --------------------------------->
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  
  24.  
  25. <head>
  26. <meta name="if:showheader" content=""/>
  27. <meta name="if:showportrait" content="0"/>
  28.  
  29.  
  30. <meta name="color:link" content="#aaaaaa"/>
  31. <meta name="color:topnav bg" content="#fafafa"/>
  32. <meta name="color:subnav bg" content="#ffffff"/>
  33. <meta name="color:fullscreen nav bg" content="#ffffff"/>
  34. <meta name="color:subnav" content="#aaaaaa"/>
  35. <meta name="color:linkhover" content="#eeeeee"/>
  36. <meta name="color:bold" content="#e26170"/>
  37. <meta name="color:italic" content="#FCEE56"/>
  38. <meta name="color:underline" content="#FFAEA5"/>
  39.  
  40. <meta name="color:background" content="#ffffff"/>
  41. <meta name="color:headerbg" content="#fafafa"/>
  42. <meta name="color:logobg" content="#ffffff"/>
  43. <meta name="color:logo" content="#FFAEA5"/>
  44. <meta name="color:text" content="#555555"/>
  45. <meta name="color:posts" content="#ffffff"/>
  46. <meta name="color:border" content="#f6f6f6"/>
  47. <meta name="color:caption" content="#ffffff"/>
  48.  
  49. <meta name="color:pagination bg" content="#f5f5f5"/>
  50. <meta name="color:counter" content="#f0f0f0"/>
  51.  
  52. <meta name="color:permalinktext" content="#777777"/>
  53. <meta name="color:permalinkhover" content="#aaaaaa"/>
  54. <meta name="color:datetext" content="#bf8080"/>
  55. <meta name="color:tags" content="#aaaaaa"/>
  56.  
  57. <meta name="color:askerlink" content="#e26170"/>
  58. <meta name="color:questionbg" content="#f0f0f0"/>
  59. <meta name="color:blockquote text" content="#777777"/>
  60. <meta name="color:blockquote BG" content="#fafafa"/>
  61.  
  62. <meta name="color:searched" content="#f5f5f5" />
  63.  
  64. <meta name="color:sidebar h1 bg" content="#fafafa"/>
  65. <meta name="color:sidebar h1" content="#aaaaaa"/>
  66. <meta name="color:h1" content="#FFAEA5"/>
  67. <meta name="color:h1 BG" content="#fafafa"/>
  68. <meta name="color:h2" content="#e26170"/>
  69. <meta name="color:chatnamebg" content="#fafafa"/>
  70. <meta name="color:chatname" content="#555555"/>
  71.  
  72. <meta name="image:background" content=""/>
  73. <meta name="image:mainheader" content=""/>
  74. <meta name="image:subheader" content=""/>
  75. <meta name="image:portrait" content=""/>
  76. <meta name="text:mainlogo">
  77. <meta name="text:sublogo">
  78.  
  79.  
  80. <link rel="shortcut icon" href="{Favicon}" />
  81. <title>{Title}</title>
  82. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  83. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  84. <link href='http://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'>
  85. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  86.  
  87.  
  88. <style type="text/css">
  89. 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 {
  90. margin: 0;
  91. padding: 0;
  92. border: 0;
  93. font-size: 100%;
  94. font: inherit;
  95. vertical-align: baseline;
  96. }
  97.  
  98. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  99. display: block;
  100. }
  101.  
  102. body {
  103. line-height: 1;
  104. }
  105.  
  106. ol, ul {
  107. list-style: none;
  108. }
  109.  
  110. table {
  111. border-collapse: collapse;
  112. border-spacing: 0;
  113. }
  114.  
  115. ::-webkit-scrollbar {
  116. width: 4px;
  117. height: 4px;
  118. background: {color:posts};
  119. }
  120.  
  121. ::-webkit-scrollbar-thumb {
  122. background-color: {color:bold};
  123. }
  124.  
  125. body,html{
  126. width:100%;
  127. height:100%;
  128. padding:0;
  129. margin:0;
  130. }
  131.  
  132. body{
  133. word-wrap: break-word;
  134. -webkit-backface-visibility:hidden;
  135. font-family:'Montserrat';
  136. color: {color:text};
  137. background:{color:Background} url({image:background}) repeat right top fixed;
  138. }
  139.  
  140. .cred{font:700 italic 9px/8px 'open sans';letter-spacing:1px;position:Fixed;bottom:2%;right:5%;z-index:1;}
  141. .cred a:hover{color:{color:bold};}
  142.  
  143. a{
  144. text-decoration:none;
  145. color:{color:link};
  146. }
  147.  
  148. a:hover {
  149. color:{color:linkhover};
  150. }
  151.  
  152. b,strong{
  153. color:{color:bold};
  154. }
  155.  
  156. i,em{
  157. color:{color:italic};
  158. }
  159.  
  160. u{
  161. color:{color:underline};
  162. }
  163.  
  164. img,.photoset{
  165. max-width:100%;
  166. }
  167.  
  168. #opacity{
  169. opacity:.5;
  170. }
  171.  
  172. .post h1{
  173. background:{color:h1 bg};
  174. color:{color:h1};
  175. font-size:14px;
  176. font-weight:700;
  177. font-style:italic;
  178. padding:25px;
  179. }
  180.  
  181. .post h2{
  182. font-size:14px;
  183. color:{color:h2};
  184. line-height:16px;
  185. letter-spacing:0px;
  186. font-style:italic;
  187. text-align:center;
  188. position:relative;
  189. }
  190.  
  191. .source{
  192. font-size:8px;
  193. text-transform:uppercase;
  194. letter-spacing:2px;
  195. margin:10px 0 0 20px;
  196. padding:0 2px 2px 2px;
  197. display:inline-block;
  198. position:relative;
  199. }
  200.  
  201. .source:after{
  202. width:80%;
  203. height:1px;
  204. left:10%;
  205. background:{color:border};
  206. position:absolute;
  207. bottom:-2px;
  208. content:"";
  209. }
  210.  
  211. section#head{
  212. width:100%;
  213. height:50px;
  214. padding-top:20px;
  215. position:fixed;
  216. z-index:99999;
  217. background:{color:topnav bg};
  218. }
  219.  
  220. header#header{
  221. width:100%;
  222. height:480px;
  223. z-index:100;
  224. background:url('{image:subheader}')repeat center center;
  225. position:Relative;
  226. }
  227.  
  228. header#header:before{
  229. width:100%;
  230. height:350px;
  231. background:{color:headerbg} url('{image:mainheader}')no-repeat top center;
  232. position:absolute;
  233. content:"";
  234. top:100px;
  235. left:0;
  236. }
  237.  
  238. #logo{
  239. width:200px;
  240. height:38px;
  241. color:{color:logo};
  242. display:inline-block;
  243. letter-spacing:1px;
  244. text-align:Center;
  245. padding:6px 0;
  246. text-transform:uppercase;
  247. font:italic 40px/30px 'Abril Fatface';
  248. }
  249.  
  250. #logo a{
  251. color:{color:logo};
  252. }
  253.  
  254. #logo span{
  255. display:block;
  256. letter-spacing:5px;
  257. font:700 9px/9px 'montserrat';
  258. }
  259.  
  260. nav#topnav{
  261. display:inline-block;
  262. text-transform:uppercase;
  263. font-size:11px;
  264. line-height:12px;
  265. letter-spacing:1px;
  266. height:12px;
  267. vertical-align:top;
  268. padding:19px;
  269. }
  270.  
  271. nav#topnav a:last-child{
  272. margin-right:0;
  273. }
  274.  
  275. nav#topnav a{
  276. color:{color:link};
  277. margin-right:20px;
  278. }
  279.  
  280. nav#topnav #main{
  281. letter-spacing:2px;
  282. padding-bottom:5px;
  283. position:relative;
  284. }
  285.  
  286. nav#topnav #main:after{
  287. content:"";
  288. width:100%;
  289. height:1px;
  290. position:Absolute;
  291. bottom:0;
  292. left:-2.5%;
  293. background:{color:bold};
  294. border:1px solid {color:border};
  295. }
  296.  
  297. section#center{
  298. width:1000px;
  299. background:{color:posts};
  300. margin:0 auto;
  301. padding-top:25px;
  302. padding:0 20px;
  303. }
  304.  
  305. aside#sidebar{
  306. overflow:hidden;
  307. vertical-align:top;
  308. line-height:16px;
  309. letter-spacing:.05em;
  310. position:relative;
  311. width:300px;
  312. height:100%;
  313. z-index:100;
  314. display:inline-block;
  315. margin:100px 55px 0 0;
  316. {block:Ifshowheader}margin:50px 55px 0 0;{block:Ifshowheader}
  317. }
  318.  
  319. aside#sidebar section{
  320. font-size:10px;
  321. letter-spacing:.1em;
  322. margin-bottom:70px;
  323. padding:25px;
  324. }
  325.  
  326. aside#sidebar section:last-child{
  327. margin-bottom:0;
  328. }
  329.  
  330. aside#sidebar h1{
  331. background:{color:sidebar h1 bg};
  332. color:{color:sidebar h1};
  333. display:inline-block;
  334. margin:0;
  335. position:Relative;
  336. padding:11px 15px;
  337. font-size:10px;
  338. letter-spacing:2px;
  339. text-transform:uppercase;
  340. }
  341.  
  342. aside#sidebar section div{
  343. margin:0 0 25px -25px;
  344. overflow:hidden;
  345. width:300px;
  346. }
  347.  
  348. aside#sidebar h1:after{
  349. content:"";
  350. width:98%;
  351. height:2px;
  352. position:Absolute;
  353. bottom:-2px;
  354. left:0;
  355. background:{color:posts};
  356. border:1px solid {color:border};
  357. }
  358.  
  359. aside#sidebar h1:before{
  360. content:"";
  361. width:300px;
  362. height:1px;
  363. position:Absolute;
  364. bottom:-1px;
  365. left:81%;
  366. background:{color:border};
  367. }
  368.  
  369. #portrait{
  370. width:80px;
  371. height:80px;
  372. display:block;
  373. float:left;
  374. margin:0 5px 0 0;
  375. overflow:hidden;
  376. border-radius:5px;
  377. }
  378.  
  379. aside #img{
  380. background:{color:posts};
  381. border:1px solid {color:border};
  382. padding:10px 9px;
  383. margin-right:2px;
  384. vertical-align:bottom;
  385. position:relative;
  386. }
  387.  
  388. #sched{
  389. background:{color:searched};
  390. }
  391.  
  392. #sched td.date{
  393. font-size:8px;
  394. line-height:8px;
  395. letter-spacing:1px;
  396. font-weight:700;
  397. text-transform:uppercase;
  398. margin:5px 5px 5px 0;
  399. padding:3px 10px;
  400. border:3px double {color:border};
  401. }
  402. #sched td{
  403. display:inline-block;
  404. text-align:left;
  405. }
  406.  
  407. #sched tr{
  408. width:100%;
  409. }
  410.  
  411. #sched tr:nth-of-type(even){
  412. padding:4px 0;
  413. margin-top:10px;
  414. border-top:1px solid {color:border};
  415. border-bottom:1px solid {color:border};
  416. }
  417.  
  418. aside section#search{
  419. background: rgba({RGBcolor:searched},{text:searchopacity});
  420. display:block;
  421. padding:10px;
  422. }
  423.  
  424. .search{
  425. border:1px solid {color:border};
  426. font:8px/8px 'montserrat';
  427. letter-spacing:1px;
  428. text-transform:uppercase;
  429. word-spacing:2px;
  430. width:258px;
  431. padding:10px;
  432. }
  433.  
  434. #subnav{
  435. display:block;
  436. }
  437.  
  438. #subnav div{
  439. display:inline-block;
  440. width:230px;
  441. margin: 0 35px 35px 0;
  442. vertical-align:Top;
  443. }
  444.  
  445. #subnav div:nth-of-type(even){
  446. margin: 0 0 35px 0;
  447. }
  448.  
  449. #subnav h1{
  450. font-size: 10px;
  451. letter-spacing: 2px;
  452. text-transform: uppercase;
  453. padding: 5px;
  454. margin-bottom: 20px;
  455. text-align: center;
  456. position:relative;
  457. }
  458.  
  459. #subnav a{
  460. background: {color:subnav bg};
  461. color:{color:subnav};
  462. font-size: 10px;
  463. letter-spacing: .05em;
  464. display: block;
  465. padding: 5px;
  466. border-bottom:1px dotted {color:border};
  467. position: relative;
  468. }
  469.  
  470. #subnav a:hover{
  471. color:{color:bold};
  472. background:{color:posts};
  473. }
  474.  
  475. #subnav h1:after{
  476. width:80%;
  477. height:1px;
  478. left:10%;
  479. background:{color:border};
  480. position:absolute;
  481. bottom:-2px;
  482. content:"";
  483. }
  484.  
  485. #content{
  486. position:relative;
  487. height:100%;
  488. display:inline-block;
  489. margin-top:100px;
  490. {block:Ifshowheader}margin-top:50px;{block:Ifshowheader}
  491. {block:IndexPage}width:640px;{/block:IndexPage}
  492. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  493. }
  494.  
  495. .post{
  496. margin-bottom:100px;
  497. position:relative;
  498. background:{color:posts};
  499. width:500px;
  500. font:11px/16px 'open sans';
  501. letter-spacing:.05em;
  502. }
  503.  
  504. .cap{
  505. padding:10px;
  506. background:{color:caption};
  507. }
  508.  
  509. #postimg{
  510. display:block;
  511. }
  512.  
  513. #pages{
  514. padding:10px;
  515. letter-spacing:2px;
  516. font-size: 11px;
  517. line-height: 11px;
  518. font-weight:700;
  519. text-align:center;
  520. text-transform:uppercase;
  521. background:{color:pagination bg};
  522. position:relative;
  523. color:{color:text};
  524. }
  525.  
  526. #pages a{
  527. padding-right: 25px;
  528. color:{color:link};
  529. }
  530.  
  531. #pages a:hover{
  532. color:{color:italic};
  533. }
  534.  
  535. span.current_page {
  536. padding-right: 25px;
  537. color:{color:bold};
  538. }
  539.  
  540. #counter{
  541. font-size: 9px;
  542. letter-spacing:1px;
  543. font-weight:400;
  544. line-height: 10px;
  545. padding: 11px 30px;
  546. position: absolute;
  547. left: 0;
  548. top: 0;
  549. background:{color:counter};
  550. }
  551.  
  552. #paged{
  553. font-size: 9px;
  554. letter-spacing:1px;
  555. font-weight:400;
  556. line-height: 10px;
  557. padding: 11px 30px;
  558. position: absolute;
  559. right: 0;
  560. top: 0;
  561. background:{color:counter};
  562. }
  563.  
  564. #permalink{
  565. margin-bottom:10px;
  566. font-size:10px;
  567. color:{color:permalinktext};
  568. letter-spacing:1px;
  569. text-transform:uppercase;
  570. {block:IndexPage}
  571. position:absolute;
  572. top:0;
  573. right:-140px;
  574. width:130px;
  575. height:100%;
  576. {/block:IndexPage}
  577. }
  578.  
  579. #permalink a:hover{
  580. color:{color:permalinkhover};
  581. }
  582.  
  583. #permalink date{
  584. font-size:12px;
  585. line-height:12px;
  586. font-weight:700;
  587. }
  588.  
  589. date a{
  590. color:{color:datetext} !important;
  591. }
  592.  
  593. #permalink .tago{
  594. font-weight:700;
  595. }
  596.  
  597. #permalink a,.post a{
  598. color:{color:permalinktext};
  599. }
  600.  
  601. .tags{
  602. font-size:9px;
  603. text-transform:uppercase;
  604. letter-spacing:1px;
  605. border-top:1px solid {color:border};
  606. padding:10px;
  607. {block:IndexPage}
  608. margin-top:30px;
  609. {/block:IndexPage}
  610. {block:PermalinkPage}
  611. margin-bottom:30px;
  612. {/block:PermalinkPage}
  613. }
  614.  
  615. .tags b{
  616. color:{color:bold};
  617. }
  618.  
  619. .tags a{
  620. padding:0 10px;
  621. color:{color:tags};
  622. }
  623.  
  624. .tags a:hover{
  625. color:{color:linkhover};
  626. }
  627.  
  628. blockquote {
  629. padding: 5px;
  630. border-radius:3px;
  631. color:{color:blockquote text};
  632. background:{color:blockquote BG};
  633. }
  634.  
  635. #ansname{
  636. font-style:italic;
  637. font-size:12px;
  638. letter-spacing:1px;
  639. margin-right:15px;
  640. text-transform:uppercase;
  641. position:relative;
  642. text-align:right;
  643. }
  644.  
  645. #ansname:before{
  646. width:5px;
  647. height:5px;
  648. background:{color:bold};
  649. content:"";
  650. position:absolute;
  651. top:2.5px;
  652. right:-10px;
  653. border-radius:2px;
  654. }
  655.  
  656. #ansname a{
  657. color:{color:askerlink};
  658. }
  659.  
  660. #ansicon img{
  661. width:30px;
  662. height:30px;
  663. margin:0 5px 5px 0;
  664. z-index:1;
  665. float:left;
  666. border-radius:3px;
  667. }
  668.  
  669. #question p{
  670. margin-left:35px;
  671. padding:7px;
  672. border-radius:3px;
  673. vertical-align:top;
  674. background:{color:questionbg};
  675. }
  676.  
  677. .player{
  678. width:18px;
  679. overflow:hidden;
  680. position:Absolute;
  681. left:69px;
  682. top:69px;
  683. opacity:.7;
  684. border-left:42px solid {color:posts};
  685. border-right:52px solid {color:posts};
  686. border-top:43px solid {color:posts};
  687. border-bottom:42px solid {color:posts};
  688. transition: opacity .4s ease-in-out;
  689. -moz-transition: opacity .4s ease-in-out;
  690. -webkit-transition: opacity .4s ease-in-out;
  691. }
  692.  
  693. .player:hover{
  694. opacity:1;
  695. transition: opacity .4s ease-in-out;
  696. -moz-transition: opacity .4s ease-in-out;
  697. -webkit-transition: opacity .4s ease-in-out;
  698. }
  699.  
  700. .albumart{
  701. width:250px;
  702. display:inline-block;
  703. margin-right:-4px;
  704. position:relative;
  705. }
  706.  
  707. #audiotext{
  708. background:{color:posts};
  709. vertical-align:Top;
  710. border:1px solid {color:border};
  711. width:238px;
  712. text-align:center;
  713. padding:100px 5px;
  714. display:inline-block;
  715. }
  716.  
  717. #audiotext b{
  718. font-size:9px;
  719. line-height:15px;
  720. font-weight:700;
  721. letter-spacing:1px;
  722. text-transform:uppercase;
  723. }
  724.  
  725. ul, ol, {
  726. list-style:none;
  727. margin:0px;
  728. padding:0px;
  729. }
  730.  
  731. ul.chat {
  732. margin: 0;
  733. padding: 0;
  734. }
  735.  
  736. .chat li {
  737. list-style-type: none;
  738. margin-left: 0px;
  739. padding: 5px;
  740. }
  741.  
  742. .chat li.even {
  743. position:relative;
  744. top:-1px;
  745. }
  746.  
  747. .chat .label{
  748. background:{color:chatnamebg};
  749. font-style:italic;
  750. font-size:9px;
  751. margin-right:20px;
  752. text-transform:uppercase;
  753. letter-spacing:1px;
  754. font-weight:800;
  755. color:{color:chatname};
  756. }
  757.  
  758. li{
  759. list-style-type:square;
  760. font-family:calibri;
  761. }
  762.  
  763. iframe#tumblr_controls{
  764. position:fixed !important;
  765. }
  766.  
  767. ol.notes {
  768. background:{color:posts};
  769. padding: 5px;
  770. }
  771.  
  772. ol.notes li {
  773. line-height: 0;
  774. padding: 0 3px 0 0;
  775. margin: 0;
  776. display: inline-block;
  777. }
  778.  
  779. ol.notes img {
  780. width:20px;
  781.  
  782. }
  783.  
  784. ol.notes li.note blockquote,ol.notes li.note span.action{
  785. display:none;
  786. }
  787.  
  788. a.more_notes_link {
  789. font-style:italic;
  790. font-size:9px;
  791. font-weight:700;
  792. letter-spacing: 2px;
  793. text-transform: uppercase;
  794. line-height: 8px;
  795. display: inline-block;
  796. }
  797.  
  798. ::selection{
  799. background:{color:border};
  800. color:{color:bold};
  801. }
  802.  
  803. ::-moz-selection {
  804. background:{color:border};
  805. color:{color:bold};
  806. }
  807.  
  808. .autofix_sb.fixed {
  809. position: fixed !important;
  810. top:0;
  811. }
  812.  
  813. #fade {
  814. display: none;
  815. background: {color:fullscreen nav bg};
  816. position: fixed;
  817. left: 0;
  818. top: 0;
  819. width: 100%;
  820. height: 100%;
  821. opacity: 1;
  822. z-index: 99999;
  823. }
  824.  
  825. .popup_block{
  826. display: none;
  827. background: {color:fullscreen nav bg};
  828. float: left;
  829. position: fixed;
  830. top: 50%;
  831. left: 50%;
  832. z-index: 999999;
  833. }
  834.  
  835. img.btn_close {
  836. width:16px;
  837. position: absolute;
  838. right: -40px;
  839. top: -40px;
  840. }
  841.  
  842. *html #fade {
  843. position: absolute;
  844. }
  845.  
  846. *html .popup_block {
  847. position: absolute;
  848. }
  849. </style>
  850.  
  851. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  852. <script>
  853. // minimal soundcloud player © shythemes.tumblr
  854. $(document).ready(function(){
  855. var color = '#ed2a32'; // color of play button (hex)
  856. $('.soundcloud_audio_player').each(function(){
  857. $(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%' });
  858. });
  859. });
  860. </script>
  861.  
  862.  
  863. <script type="text/javascript"
  864. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  865. <script>
  866. $(document).ready(function() {
  867. $('a.poplight[href^=#]').click(function() {
  868. var popID = $(this).attr('rel');
  869. var popURL = $(this).attr('href');
  870. var query= popURL.split('?');
  871. var dim= query[1].split('&');
  872. var popWidth = dim[0].split('=')[1];
  873. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/1f1tzta/1Qrnp6sq4/close.png" class="btn_close" title="Close Window" alt="Close" /></a>');
  874. var popMargTop = ($('#' + popID).height() + 80) / 2;
  875. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  876. $('#' + popID).css({
  877. 'margin-top' : -popMargTop,
  878. 'margin-left' : -popMargLeft
  879. });
  880. $('body').append('<div id="fade"></div>');
  881. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  882. });
  883. $('a.close, #fade').live('click', function() {
  884. $('#fade , .popup_block').fadeOut(function() {
  885. $('#fade, a.close').remove();
  886. });
  887. return false;
  888. });});
  889. </script>
  890. </head>
  891. <body>
  892. <div class="cred"><a href="http://ninpen.tumblr.com/">thm.</a></div>
  893.  
  894.  
  895.  
  896. <section id="head">
  897. <a href="/"><div id="logo">{text:mainlogo} <span>{text:sublogo}</span></div></a>
  898. <nav id="topnav">
  899. <a id="main" href="/">Index</a>
  900. <a id="main" href="/ask">inbox</a>
  901. <a id="main" href="ask">mailbox</a>
  902. <a href="#?w=500" rel="popup_name" class="poplight">navigation</a>
  903. <a href="#">Affiliates</a>
  904. <a href="#">members</a>
  905. </nav>
  906. </section>
  907.  
  908. {block:Ifshowheader}<header id="header"></header>{block:Ifshowheader}
  909.  
  910. <section id="center">
  911.  
  912. <div id="popup_name" class="popup_block">
  913. <div id="subnav">
  914.  
  915. <div>
  916. <h1>affiliates</h1>
  917. <a href="">affiliate name</a>
  918. <a href="">affiliate name</a>
  919. <a href="">affiliate name</a>
  920. <a href="">affiliate name</a>
  921. <a href="">affiliate name</a>
  922. <a href="">affiliate name</a>
  923. </div>
  924.  
  925. <div>
  926. <h1>official links</h1>
  927. <a href="">official link</a>
  928. <a href="">official link</a>
  929. <a href="">official link</a>
  930. <a href="">official link</a>
  931. <a href="">official link</a>
  932. </div>
  933.  
  934. <div>
  935. <a href="">tags</a>
  936. <a href="">giveway</a>
  937. <a href="">discography</a>
  938. <a href="">links</a>
  939. <a href="">links</a>
  940. <a href="">links</a>
  941. <a href="">links</a>
  942. </div>
  943.  
  944. <div>
  945. <h1>title name</h1>
  946. <a href="">links</a>
  947. <a href="">links</a>
  948. <a href="">links</a>
  949. <a href="">links</a>
  950. <a href="">links</a>
  951. </div>
  952.  
  953. </div>
  954. </div>
  955.  
  956.  
  957.  
  958.  
  959.  
  960. <aside id="sidebar">
  961.  
  962. <div><img id="img" src="http://static.tumblr.com/1f1tzta/EMEnoxp8g/1432623036_menu.png"><h1>about</h1></div>
  963. <section>
  964. {block:Ifshowportrait}<span id="portrait"><img src="{image:portrait}"></span>{block:Ifshowportrait}Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc urna ligula, porta vitae vestibulum vel, mattis non purus. Nulla facilisi. Sed enim nisi, finibus nec sollicitudin id faucibus et odio. Donec tristique mi enim, sed vulputate elit elementum eu. Duis condimentum nibh sit amet arcu tristique, nec dapibus nisi varius.
  965. </section>
  966.  
  967.  
  968.  
  969.  
  970. <section id="search">
  971. <form action="/search" method="get">
  972. <input type="text" name="q" value="SEARCH" class="search"/>
  973. </form>
  974. </section>
  975.  
  976.  
  977.  
  978.  
  979. <div><img id="img" src="http://static.tumblr.com/1f1tzta/gt4nob51k/1431570423_clock-16.png"><h1>schedule</h1></div>
  980. <section id="sched">
  981. <table>
  982. <tr>
  983. <td class="date">date</td>
  984. <td>Table Cell</td>
  985. </tr>
  986.  
  987.  
  988. <tr>
  989. <td class="date">date</td>
  990. <td>Table Cell</td>
  991. </tr>
  992. </table>
  993. </section>
  994.  
  995.  
  996.  
  997.  
  998.  
  999. <div><img id="img" src="http://static.tumblr.com/1f1tzta/9G0noxpfg/1432623042_attention.png"><h1>disclaimer</h1></div>
  1000. <section>
  1001. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse massa risus, rutrum a dolor id, auctor efficitur metus. Praesent vitae auctor urna. Vivamus vulputate semper ultrices. Maecenas ac sapien blandit, sollicitudin mauris ac, dignissim elit.
  1002. </section>
  1003.  
  1004. </aside>
  1005.  
  1006.  
  1007.  
  1008.  
  1009.  
  1010.  
  1011.  
  1012. <div id="content">
  1013. {block:Posts}
  1014. <div class="post">
  1015.  
  1016.  
  1017. {block:Text}
  1018. {block:Title}<h1><a href="{permalink}">{Title}</a></h1>{/block:Title}
  1019. {Body}
  1020. {/block:Text}
  1021.  
  1022.  
  1023.  
  1024.  
  1025. {block:Link}
  1026. <a href="{URL}"><h1>{Name}</h1></a>
  1027. {block:Description}{Description}{/block:Description}
  1028. {block:Link}
  1029.  
  1030.  
  1031.  
  1032. {block:Photo}
  1033. {block:IndexPage}
  1034. <a href="{Permalink}"><img id="postimg" src="{PhotoURL-500}" alt="{PhotoAlt}"></a>
  1035. {/block:IndexPage}
  1036. {block:PermalinkPage}
  1037. <img id="postimg" src="{PhotoURL-500}">
  1038. {/block:PermalinkPage}
  1039. {/block:photo}
  1040.  
  1041.  
  1042.  
  1043. {block:Photoset}<center>
  1044. {Photoset-500}</center>
  1045. {/block:Photoset}
  1046.  
  1047.  
  1048. {block:Quote}
  1049. <h2>{Quote}</h2>
  1050. {block:Source}
  1051. <div class="source">{Source} </div>
  1052. {/block:Source}
  1053. {/block:Quote}
  1054.  
  1055.  
  1056.  
  1057. {block:answer}
  1058. <div id="ansname"><a href="{Permalink}">{Asker}</a></div>
  1059. <div id="question"><div id="ansicon"><img src="{AskerPortraitURL-48}"></div><p>{Question}</p></div>
  1060. {Answer}
  1061. {/block:Answer}
  1062.  
  1063.  
  1064.  
  1065. {block:Chat}
  1066. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  1067. <ul class="chat">
  1068. {block:Lines}
  1069. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label"><b>{Label}</b></span> {/block:Label}{Line}</li>
  1070. {/block:Lines}
  1071. {/block:Chat}
  1072.  
  1073.  
  1074.  
  1075. {block:Audio}
  1076. <div class="albumart">
  1077. <div class="player">{AudioPlayerWhite}</div>{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1078. <div id="audiotext">
  1079. {block:TrackName}<b>Song</b> {TrackName}{/block:TrackName}<br>
  1080. {block:Artist}<b>ARTIST</b> {Artist}{/block:Artist}<br>
  1081. {block:Album}<b>ALBUM</b> {Album}{/block:Album}<br>
  1082. </div>
  1083. {/block:Audio}
  1084.  
  1085.  
  1086.  
  1087.  
  1088. {block:Video}
  1089. {Video-500}
  1090. {/block:Video}
  1091.  
  1092.  
  1093.  
  1094.  
  1095. {block:IndexPage}
  1096. {block:Caption}
  1097. <div class="cap">{Caption}</div>{/block:Caption}
  1098. {/block:Caption}
  1099.  
  1100.  
  1101. <div id="permalink">
  1102. {block:Date}<date><a href="{permalink}">{TimeAgo}</a></date><br/>
  1103. {ShortDayOfWeek} at {12Hour} : {Minutes} {AmPm}<br/>
  1104. {/block:Date}
  1105.  
  1106. {NoteCount} / <a href="{ReblogUrl}">Reblog</a>
  1107. {block:Photo}<br><img id="opacity" src="http://static.tumblr.com/1f1tzta/oe1np5dx4/download.png"><a href="/image/{PostID}" target="_blank">High Res</a>{/block:Photo}
  1108. {block:RebloggedFrom}
  1109. <div id="vias"><a href="{ReblogParentURL}">Via</a> <a href="{ReblogRootURL}">Source</a></div>
  1110. {/block:RebloggedFrom}
  1111. </div>
  1112.  
  1113.  
  1114. {block:HasTags}
  1115. <div class="tags">
  1116. <b><img id="opacity" src="http://static.tumblr.com/1f1tzta/fl8np5bnc/calendar.png"> Filed Under:</b> {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1117. </div>
  1118. {/block:HasTags}
  1119. {/block:IndexPage}
  1120.  
  1121.  
  1122.  
  1123.  
  1124.  
  1125.  
  1126.  
  1127. {block:PermalinkPage}
  1128. {block:Caption}
  1129. <div class="cap">{Caption}</div>{/block:Caption}
  1130. {/block:Caption}
  1131.  
  1132.  
  1133. <div id="permalink">
  1134. {block:Date}<date><a href="{permalink}">{TimeAgo}</a></date><br/>
  1135. {ShortDayOfWeek} at {12Hour} : {Minutes} {AmPm}<br/>
  1136. {/block:Date}
  1137.  
  1138. {NoteCount} / <a href="/random">Random</a>
  1139. {block:Photo}<br><a href="/image/{PostID}" target="_blank">High Res</a>{/block:Photo}
  1140. {block:RebloggedFrom}
  1141. <div id="vias"><b>Via</b> <a href="{ReblogParentURL}">{ReblogParentName}</a> <b style="margin-left:20px;">Source</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  1142. {/block:RebloggedFrom}
  1143. </div>
  1144.  
  1145.  
  1146. {block:HasTags}
  1147. <div class="tags">
  1148. <b><img id="opacity" src="http://static.tumblr.com/1f1tzta/fl8np5bnc/calendar.png"> Filed Under:</b> {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1149. </div>
  1150. {/block:HasTags}
  1151. {/block:PermalinkPage}
  1152.  
  1153.  
  1154.  
  1155. {block:PostNotes}
  1156. {PostNotes-64}
  1157. {/block:PostNotes}
  1158.  
  1159. </div>
  1160.  
  1161. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}
  1162.  
  1163. {/block:Posts}
  1164. </div>
  1165.  
  1166.  
  1167. {block:Pagination}
  1168. <div id="pages">
  1169. {block:PreviousPage}
  1170. <a href="{PreviousPage}" style="font-size:12px;">back</a>
  1171. {/block:PreviousPage}
  1172. {block:JumpPagination length="5"}
  1173. {block:CurrentPage}
  1174.  
  1175. <span class="current_page">{PageNumber}</span>
  1176. {/block:CurrentPage}
  1177. {block:JumpPage}
  1178.  
  1179. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1180.  
  1181. {/block:JumpPage}
  1182. {/block:JumpPagination}
  1183.  
  1184. {block:NextPage}
  1185. <a href="{NextPage}" style="font-size:12px;">next</a>
  1186. {/block:NextPage}
  1187.  
  1188. <span id="counter"><script language="JavaScript">
  1189. var ref = (''+document.referrer+'');
  1190. var w_h = window.screen.width + " x " + window.screen.height;
  1191. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4702656&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  1192. </script> - <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID1807014&name="></script></span>
  1193.  
  1194. <span id="paged">{CurrentPage} of {TotalPages}</span>
  1195. </div>
  1196. {/block:Pagination}
  1197.  
  1198. </section>
  1199. </body>
  1200. </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!