API tools faq
paste
ninpen

#000 (triple zero)

ninpen
Mar 4th, 2014
849
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.50 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. <head>
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{FavIcon}" />
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  10.  
  11.  
  12. <meta name="if:200px" content="1"/>
  13. <meta name="if:250px" content=""/>
  14. <meta name="if:300px" content=""/>
  15. <meta name="if:EndlessScroll" content=""/>
  16. <meta name="if:showCaption" content="0"/>
  17. <meta name="if:showTags" content="0"/>
  18. <meta name="if:grayscale" content="0"/>
  19.  
  20. <meta name="color:bold" content="#4dd2ff"/>
  21. <meta name="color:italic" content="#FF8F97"/>
  22. <meta name="color:underline" content="#FFB866"/>
  23.  
  24. <meta name="color:background" content="#fafafa"/>
  25. <meta name="color:text" content="#a0a0a0"/>
  26. <meta name="color:thm link" content="#aaaaaa"/>
  27. <meta name="color:thm link hover" content="#bbbbbb"/>
  28.  
  29. <meta name="color:topBG" content="#000000"/>
  30. <meta name="color:titleBG" content="#ffeae8"/>
  31. <meta name="color:title" content="#d87d7d"/>
  32.  
  33. <meta name="color:posts" content="#ffffff"/>
  34. <meta name="color:dot" content="#7fe3ff"/>
  35. <meta name="color:border" content="#f0f0f0"/>
  36. <meta name="color:postlink" content="#FEBF97"/>
  37. <meta name="color:caption BG" content="#ffffff"/>
  38.  
  39. <meta name="color:date" content="#ff8f97"/>
  40. <meta name="color:permabg" content="#050505"/>
  41. <meta name="color:perma" content="#2e2e2e"/>
  42. <meta name="color:permahover" content="#bebebe"/>
  43.  
  44.  
  45. <meta name="color:tagBG" content="#f0f0f0"/>
  46. <meta name="color:tag" content="#aaaaaa"/>
  47. <meta name="color:tag-hover" content="#cccccc"/>
  48. <meta name="color:blockquote" content="#aaaaaa"/>
  49. <meta name="color:blockquotebg" content="#fafafa"/>
  50.  
  51.  
  52. <meta name="color:description bg" content="#030303"/>
  53. <meta name="color:description text" content="#aaaaaa"/>
  54.  
  55. <meta name="color:h1" content="#e8e8e8"/>
  56. <meta name="color:h1hover" content="#4dd2ff"/>
  57. <meta name="color:h1 BG" content="#191919"/>
  58. <meta name="color:h2" content="#cccccc"/>
  59. <meta name="color:h1 BG" content="#000000"/>
  60. <meta name="color:chat line 1" content="#f7f7f7"/>
  61. <meta name="color:chat line 2" content="#f5f5f5"/>
  62.  
  63.  
  64. <meta name="color:main links" content="#ffb000"/>
  65. <meta name="color:main links BG" content="#fff4b6"/>
  66. <meta name="color:main links BG hover" content="#dbf9fc"/>
  67. <meta name="color:main links hover" content="#00c3e5"/>
  68.  
  69. <meta name="color:pages BG" content="#050505"/>
  70. <meta name="color:pages text" content="#eaeaea"/>
  71. <meta name="color:pages BG-hover" content="#feebd5"/>
  72. <meta name="color:pages text-hover" content="#d55b70"/>
  73.  
  74.  
  75. <meta name="image:background image" content=""/>
  76. <meta name="image:portrait" content=""/>
  77.  
  78. <meta name="text:Custom Link One" content=""/>
  79. <meta name="text:Custom Link One URL" content=""/>
  80. <meta name="text:Custom Link Two" content=""/>
  81. <meta name="text:Custom Link Two URL" content=""/>
  82. <meta name="text:Custom Link Three" content=""/>
  83. <meta name="text:Custom Link Three URL" content=""/>
  84. <meta name="text:Custom Link Four" content=""/>
  85. <meta name="text:Custom Link Four URL" content=""/>
  86. <meta name="text:Custom Link Five" content=""/>
  87. <meta name="text:Custom Link Five URL" content=""/>
  88. <meta name="text:Custom Link Six" content=""/>
  89. <meta name="text:Custom Link Six URL" content=""/>
  90. <meta name="text:Custom Link Seven" content=""/>
  91. <meta name="text:Custom Link Seven URL" content=""/>
  92. <meta name="text:Custom Link Eight" content=""/>
  93. <meta name="text:Custom Link Eight URL" content=""/>
  94. <meta name="text:Custom Link Nine" content=""/>
  95. <meta name="text:Custom Link Nine URL" content=""/>
  96. <meta name="text:Custom Link Ten" content=""/>
  97. <meta name="text:Custom Link Ten URL" content=""/>
  98. <meta name="text:Custom Link Eleven" content=""/>
  99. <meta name="text:Custom Link Eleven URL" content=""/>
  100. <meta name="text:Custom Link Twelve" content=""/>
  101. <meta name="text:Custom Link Twelve URL" content=""/>
  102.  
  103. <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600' rel='stylesheet' type='text/css'>
  104.  
  105. {block:IfEndlessScroll}
  106. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  107. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/1f1tzta/O2kn1qtmp/reset.css">
  108. <script type="text/javascript" src="http://static.tumblr.com/1f1tzta/0wvmlf1xq/scripted.js"></script>
  109.  
  110.  
  111. <style type="text/css">
  112. #scrlTop{
  113. position:fixed;
  114. z-index:123456 !important;
  115. width:20px;
  116. height:30px;
  117. bottom:20px;
  118. {block:IndexPage}
  119. {block:If200px}margin-left:355px;{/block:If200px}
  120. {block:If250px}margin-left:400px;{/block:If250px}
  121. {block:If300px}margin-left:455px;{/block:If300px}
  122. {/block:IndexPage}
  123. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  124. cursor:pointer;
  125. }
  126.  
  127. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  128.  
  129. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.5s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  130.  
  131.  
  132. #scrollToTop:link,#scrollToTop:visited {
  133. color: transparent;
  134. background-color: transparent;
  135. display: none;
  136. position: fixed;
  137. top: 25px;
  138. right: 5px;
  139. }
  140.  
  141. ::-webkit-scrollbar {
  142. width: 7px;
  143. height: 4px;
  144. background-color: #fff;
  145. }
  146.  
  147. ::-webkit-scrollbar-thumb {
  148. background-color: #ccc;
  149. border:3px solid #fff;
  150. }
  151.  
  152. html{
  153. padding:0;
  154. margin:0;
  155. height:100%;
  156. width:100%;
  157. }
  158.  
  159. body {
  160. padding:0;
  161. margin:0;
  162. word-wrap: break-word;
  163. font:10px/12px trebuchet ms;
  164. color: {color:text};
  165. background:{color:Background} url({image:background image}) repeat right top fixed;
  166. }
  167.  
  168. a:link, a:active, a:visited{
  169. text-decoration:none;
  170. -webkit-transition: .6s ease-in-out;
  171. }
  172.  
  173. a:hover {
  174. -webkit-transition: .6s ease-in-out;
  175. }
  176.  
  177. .url{
  178. letter-spacing:2px;
  179. margin-top:0;
  180. padding:3px 0;
  181. text-align:center;
  182. text-transform:uppercase;
  183. font:7px century gothic;
  184. background-color:{color:h1 BG};
  185. color:{color:linkurl};
  186. }
  187.  
  188. h1{
  189. padding:7px 0;
  190. margin:0 0 2px 0;
  191. text-align:center;
  192. font:8px courier;
  193. text-transform:uppercase;
  194. letter-spacing:2px;
  195. background-color:{color:h1 BG};
  196. color:{color:h1};
  197. }
  198.  
  199. h1 a:hover{
  200. color:{color:h1hover};
  201. }
  202.  
  203. h1 a{
  204. color:{color:h1};
  205. }
  206.  
  207. a h2{
  208. color:{color:h2};
  209. }
  210.  
  211. a h2:hover{
  212. background:{color:h2};
  213. color:{color:h2 BG};
  214. }
  215.  
  216. b,strong{
  217. color:{color:bold};
  218. }
  219.  
  220. i,em{
  221. color:{color:italic};
  222. }
  223.  
  224. u{
  225. color:{color:underline};
  226. }
  227.  
  228. .NINCREDIT a{
  229. color:{color:thm link};
  230. }
  231.  
  232. .NINCREDIT a:hover{
  233. color:{color:thm link hover};
  234. }
  235.  
  236. h2 {
  237. text-align:center;
  238. margin:0;
  239. text-transform:lowercase;
  240. background-color:{color:h2 BG};
  241. font:italic 14px times new roman;
  242. color: {color:h2 text};
  243. }
  244.  
  245. .source{
  246. font:italic 7px/8px trebuchet ms;
  247. text-transform:uppercase;
  248. letter-spacing:1px;
  249. color:{color:Text};
  250. }
  251.  
  252. img{
  253. max-width:100%;
  254. {block:Ifgrayscale}
  255. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  256. filter: gray;
  257. -webkit-filter: grayscale(100%);
  258. {/block:Ifgrayscale}
  259. }
  260.  
  261. #top{
  262. position:absolute;
  263. z-index:9999;
  264. width:100%;
  265. height:50px;
  266. top:18px;
  267. padding:25px 0;
  268. background:{color:topBG};
  269. }
  270.  
  271. #title{
  272. z-index:9999;
  273. position:fixed;
  274. background:{color:titleBG};
  275. color:{color:title};
  276. top:0;
  277. left:0;
  278. width:100%;
  279. text-align:center;
  280. padding:5px 0;
  281. font:8px courier;
  282. letter-spacing:5px;
  283. text-transform:uppercase;
  284. }
  285.  
  286. .desc{
  287. height:50px;
  288. overflow:auto;
  289. width:600px;
  290. margin:auto;
  291. text-align:center;
  292. font:italic 7px trebuchet ms;
  293. letter-spacing:1px;
  294. text-transform:uppercase;
  295. color:{color:description text};
  296. background:{color:description bg};
  297. }
  298.  
  299. .desc a{
  300. color:{color:main links};
  301. }
  302.  
  303. .desc a:hover{
  304. color:{color:main links BG};
  305. }
  306.  
  307. #side{
  308. position:fixed;
  309. top:123px;
  310. width:100px;
  311. line-height:8px;
  312. {block:IndexPage}
  313. {block:If200px}left:375px;{/block:If200px}
  314. {block:If250px}left:425px;{/block:If250px}
  315. {block:If300px}left:475px;{/block:If300px}
  316. {/block:IndexPage}
  317. {block:PermalinkPage}top:150px;left:465px;{/block:PermalinkPage}
  318. }
  319.  
  320. .main{
  321. background:{color:main links BG};
  322. color:{color:main links};
  323. font:8px/8px courier;
  324. padding:1px 2px 0 2px;
  325. text-transform:uppercase;
  326. letter-spacing:1px;
  327. }
  328.  
  329. .main:hover{
  330. background:{color:main links BG hover};
  331. color:{color:main links hover};
  332. }
  333.  
  334. .links{
  335. border-radius:0 3px 3px 0;
  336. margin-bottom:1px;
  337. font:8px/8px courier;
  338. padding:1px 2px 0 2px;
  339. text-transform:uppercase;
  340. letter-spacing:1px;
  341. background:{color:main links BG hover};
  342. color:{color:main links hover};
  343. }
  344.  
  345. .links:hover{
  346. background:{color:main links BG};
  347. color:{color:main links};
  348. margin-left:5px;
  349. }
  350.  
  351. #side b{
  352. margin-bottom:1px;
  353. font:8px/8px courier;
  354. }
  355.  
  356. .port{
  357. top:123px;
  358. position:absolute;
  359. width:50px;
  360. padding:10px;
  361. background:{color:permabg};
  362. {block:IndexPage}
  363. {block:If200px}left:300px;{/block:If200px}
  364. {block:If250px}left:350px;{/block:If250px}
  365. {block:If300px}left:400px;{/block:If300px}
  366. {/block:IndexPage}
  367. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  368. }
  369.  
  370. #pages{
  371. display:block;
  372. margin-top:10px;
  373. font:8px/8px courier;
  374. text-transform:uppercase;
  375. letter-spacing:1px;
  376. }
  377.  
  378. #pages a{
  379. color:{color:pages text};
  380. padding:2px 2px 1px 2px;
  381. background:{color:pages BG};
  382. border-radius:3px;
  383. }
  384.  
  385. #pages a:hover{
  386. background:{color:pages text-hover};
  387. color:{color:pages BG-hover};
  388. }
  389.  
  390. #center{
  391. z-index:1;
  392. position:relative;
  393. height:100%;
  394. {block:IndexPage}
  395. padding:50px 50px 0 50px;
  396. {block:If200px}width:200px;{/block:If200px}
  397. {block:If250px}width:250px;{/block:If250px}
  398. {block:If300px}width:300px;{/block:If300px}
  399. {/block:IndexPage}
  400. {block:PermalinkPage}padding:50px 50px 0 50px;width:400px;{/block:PermalinkPage}
  401. }
  402.  
  403. #content{
  404. height:100%;
  405. margin-top:147px;
  406. {block:IndexPage}
  407. {block:If200px}width:200px;{/block:If200px}
  408. {block:If250px}width:250px;{/block:If250px}
  409. {block:If300px}width:300px;{/block:If300px}
  410. {/block:IndexPage}
  411. {block:PermalinkPage}margin-top:100px;width:400px;{/block:PermalinkPage}
  412. }
  413.  
  414. #entry{
  415. color: {color:text};
  416. {block:IndexPage}
  417. margin-bottom:50px;
  418. {/block:IndexPage}
  419. position:relative;
  420. font:11px/13px courier;
  421. line-height:14px;
  422. background:{color:posts};
  423. {block:IndexPage}
  424. {block:If200px}width:200px;{/block:If200px}
  425. {block:If250px}width:250px;{/block:If250px}
  426. {block:If300px}width:300px;{/block:If300px}
  427. {/block:IndexPage}
  428. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  429. }
  430.  
  431. #entry img{
  432. display:block;
  433. }
  434.  
  435. {block:IndexPage}
  436. #entry:before{
  437. top:0;
  438. left:-7px;
  439. width:3px;
  440. height:3px;
  441. background:{color:dot};
  442. content:"";
  443. position:absolute;
  444. -webkit-transition:all .7s ease;
  445. -moz-transition:all .7s ease;
  446. -o-transition:all .7s ease;
  447. }
  448.  
  449. #entry:after{
  450. width:1px;
  451. height:0;
  452. top:0px;
  453. left:-6px;
  454. background:{color:dot};
  455. content:'';
  456. position:absolute;
  457. -webkit-transition:all .7s ease;
  458. -moz-transition:all .7s ease;
  459. -o-transition:all .7s ease;
  460. }
  461.  
  462. #entry:hover:after{
  463. height:100%;
  464. -webkit-transition:all .7s ease;
  465. -moz-transition:all .7s ease;
  466. -o-transition:all .7s ease;
  467. }
  468. {/block:IndexPage}
  469.  
  470. #cap{
  471. width:100%;
  472. margin:0;
  473. background:{color:caption BG};
  474. }
  475.  
  476. #cap a{
  477. color:{color:postlink};
  478. }
  479.  
  480. #cap a:hover{
  481. color:{color:main links};
  482. background:{color:main links BG};
  483. }
  484.  
  485. #audiopl{
  486. width:100%;
  487. overflow:hidden;
  488. }
  489.  
  490. #album{
  491. width:200px;
  492. margin:0 auto;
  493. }
  494.  
  495. #player{
  496. padding:10px 0 10px 15px;
  497. background:black;
  498. width:185px;
  499. margin:0 auto;
  500. overflow:hidden;
  501. }
  502.  
  503. #albuminfo{
  504. width:200px;
  505. margin:0 auto;
  506. padding:5px;
  507. font:8px/12px courier;
  508. letter-spacing:1px;
  509. text-transform:uppercase;
  510. }
  511.  
  512. #ansname{
  513. background:{color:h1 bg};
  514. color:{color:h1};
  515. font:8px/8px courier;
  516. padding:3px;
  517. text-align:center;
  518. letter-spacing:2px;
  519. text-transform:uppercase
  520. }
  521.  
  522. #ansname a{
  523. color:{color:h1};
  524. }
  525.  
  526. #ansname a:hover{
  527. color:{color:bold};
  528. }
  529.  
  530. #question{
  531. font-size:11/14px;
  532. text-align:center;
  533. background:{color:main links bg};
  534. margin-bottom:5px;
  535. color:{color:main links};
  536. }
  537.  
  538. #pinfo{
  539. position:absolute;
  540. overflow:hidden;
  541. width:70px;
  542. height:100%;
  543. padding:0px 0 0 0;
  544. top:0px;
  545. background:{color:permabg};
  546. border-bottom:50px solid {color:permabg};
  547. right:-120px;
  548. }
  549.  
  550. #entry:hover .postinfo{
  551. height:0;
  552. padding:0;
  553. overflow:hidden;
  554. -webkit-transition:all .7s ease;
  555. -moz-transition:all .7s ease;
  556. -o-transition:all .7s ease;
  557. }
  558.  
  559. .postinfo {
  560. overflow:auto;
  561. font:9px/9px century gothic;
  562. letter-spacing:1px;
  563. text-align:center;
  564. text-transform:uppercase;
  565. width:77px;
  566. height:28px;
  567. top:50%;
  568. background:{color:permabg};
  569. margin-top:-14px;
  570. position:absolute;
  571. -webkit-transition:all .7s ease;
  572. -moz-transition:all .7s ease;
  573. -o-transition:all .7s ease;
  574. }
  575.  
  576. .postinfo a{
  577. height:9px;
  578. display:block;
  579. padding:2px 0;
  580. margin-bottom:2px;
  581. color:{color:perma};
  582. -webkit-transition:all .7s ease;
  583. -moz-transition:all .7s ease;
  584. -o-transition:all .7s ease;
  585. }
  586.  
  587. #postsinfo {
  588. font:9px/9px century gothic;
  589. letter-spacing:1px;
  590. text-align:center;
  591. text-transform:uppercase;
  592. width:77px;
  593. height:28px;
  594. top:50%;
  595. margin:-14px 0 0 -3px;
  596. position:absolute;
  597. color:{color:permahover};
  598. -webkit-transition:all .7s ease;
  599. -moz-transition:all .7s ease;
  600. -o-transition:all .7s ease;
  601. }
  602.  
  603. #postsinfo a{
  604. display:block;
  605. padding:2px 0;
  606. margin-bottom:2px;
  607. color:{color:permahover};
  608. -webkit-transition: opacity 0.6s linear;
  609. -webkit-transition: all 0.6s ease-in-out;
  610. -moz-transition: all 0.6s ease-in-out;
  611. -o-transition: all 0.6s ease-in-out;
  612. }
  613.  
  614. blockquote{
  615. width:auto;
  616. margin-left:5%;
  617. width:90%;
  618. text-align:left;
  619. padding:3px;
  620. color:{color:blockquote};
  621. background:{color:blockquotebg};
  622. }
  623.  
  624. #tags{
  625. position:relative;
  626. top:3px;
  627. left:0;
  628. display:block;
  629. text-align:center;
  630. }
  631.  
  632. #tags a{
  633. vertical-align:top;
  634. padding:1px 2px 0 2px;
  635. text-transform:uppercase;
  636. letter-spacing:1px;
  637. font:8px/8px courier;
  638. background:{color:tagBG};
  639. margin:0 2px 2px 0;
  640. color:{color:tag};
  641. }
  642.  
  643. #tags a:hover{
  644. color:{color:tag-hover};
  645. }
  646.  
  647. #postin{
  648. margin-top:20px;
  649. display:block;
  650. text-align:center;
  651. }
  652.  
  653. #dated{
  654. font:20px/20px courier;
  655. letter-spacing:-2px;
  656. margin:0;
  657. color:{color:date};
  658. text-transform:uppercase;
  659. display:block;
  660. }
  661.  
  662. #postin a{
  663. text-transform:uppercase;
  664. letter-spacing:1px;
  665. font:8px/8px courier;
  666. }
  667.  
  668. .postbot a:nth-child(2){
  669. margin-left:30px;
  670. }
  671.  
  672. .postbot a{
  673. color:{color:bold};
  674. }
  675.  
  676. .postbot a:hover{
  677. color:{color:italic};
  678. }
  679.  
  680. .video-container {
  681. position: relative;
  682. padding-bottom: 56.25%;
  683. height: 0;
  684. overflow: hidden;
  685. }
  686.  
  687. .video-container iframe,
  688. .video-container object,
  689. .video-container embed {
  690. position: absolute;
  691. top: 0;
  692. left: 0;
  693. width: 100%;
  694. height: 100%;
  695. }
  696.  
  697. ul.chat {
  698. margin: 0;
  699. padding: 0;
  700. }
  701.  
  702. .chat li {
  703. list-style-type: none;
  704. margin-left: 0px;
  705. padding: 3px;
  706. }
  707.  
  708. .chat li.odd {
  709. background-color: {color:chat line 1};
  710. margin-bottom: 3px;
  711. position:Relative;
  712. }
  713.  
  714. .chat li.even {
  715. background-color:{color:chat line 2};
  716. margin-bottom: 3px;
  717. position:Relative;
  718. }
  719.  
  720. .chat li.odd b,.chat li.even b{
  721. font:italic 9px/9px century gothic;
  722. letter-spacing:1px;
  723. text-transform:uppercase;
  724. }
  725.  
  726. ol.notes {
  727. width:400px;
  728. text-align:left;
  729. padding: 0px;
  730. margin: 25px 0px;
  731. list-style-type: lower-roman;
  732. border-bottom: solid 1px {color:border};
  733. }
  734.  
  735. ul{
  736. list-style-type:square;
  737. }
  738.  
  739. li{
  740. list-style-type:square;
  741. list-style-position:inside;
  742. }
  743.  
  744. #postnotes{
  745. margin-top:0;
  746. width:400px;
  747. }
  748.  
  749. .avatar_frame{
  750. display:none;
  751. }
  752.  
  753. ol.notes li.note {
  754. list-style-type:none;
  755. border-top:1px solid {color:border};
  756. padding: 10px;
  757. font:8px/12px courier;
  758. letter-spacing:1px;
  759. text-transform:uppercase;
  760. }
  761.  
  762. ol.notes li.note img.avatar {
  763. display:none;
  764. }
  765.  
  766. ol.notes li.note span.action {
  767. list-style-type:none;
  768. font-weight:normal;
  769. }
  770.  
  771. ol.notes li.note .answer_content {
  772. list-style-type:none;
  773. font-weight: normal;
  774. }
  775.  
  776. ol.notes li.note blockquote {
  777. padding: 4px 10px;
  778. margin: 10px 0px 0px 25px;
  779. }
  780.  
  781. ol.notes li.note blockquote a {
  782. text-decoration: none;
  783. }
  784.  
  785. .sources p{
  786. opacity:0 !important;
  787. }
  788. </style>
  789. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  790. <script type="text/javascript">
  791. $(function() {
  792. $.fn.scrollToTop = function() {
  793. $(this).hide().removeAttr("href");
  794. if ($(window).scrollTop() != "0") {
  795. $(this).fadeIn("slow")
  796. }
  797. var scrollDiv = $(this);
  798. $(window).scroll(function() {
  799. if ($(window).scrollTop() == "0") {
  800. $(scrollDiv).fadeOut("slow")
  801. } else {
  802. $(scrollDiv).fadeIn("slow")
  803. }
  804. });
  805. $(this).click(function() {
  806. $("html, body").animate({
  807. scrollTop: 0
  808. }, "slow")
  809. })
  810. }
  811. });
  812. $(function() {
  813. $("#scrlTop").scrollToTop();
  814. });
  815. </script>
  816. </head>
  817. <body>
  818.  
  819.  
  820. <div id="title">{title}</div>
  821. <div id="top">
  822. <div class="desc">{description}</div>
  823. </div>
  824.  
  825.  
  826. <div id="center">
  827. {block:IfEndlessScroll}
  828. <a id="scrlTop" href="#"><img src="http://static.tumblr.com/1f1tzta/SMJmu4k4i/up.png"></a>
  829. {/block:IfEndlessScroll}
  830.  
  831.  
  832.  
  833. <div id="side">
  834. <b>I.</b><a class="main" href="/">Index</a><br>
  835. <b>II.</b><a class="main" href="/ask">Inbox</a><br>
  836. <b>III.</b><a class="main" href="/archive">Archive</a><br><br>
  837.  
  838.  
  839. {block:IfCustomLinkOne}<a href="{block:IfCustomLinkOneURL}{text:Custom Link One URL}{/block:IfCustomLinkOneURL}" class="links">{text:Custom Link One}</a><br>{/block:IfCustomLinkOne}
  840.  
  841. {block:IfCustomLinkTwo}<a href="{block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/block:IfCustomLinkTwoURL}" class="links">{text:Custom Link Two}</a><br>{/block:IfCustomLinkTwo}
  842.  
  843. {block:IfCustomLinkThree}<a href="{block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/block:IfCustomLinkThreeURL}" class="links">{text:Custom Link Three}</a><br>{/block:IfCustomLinkThree}
  844.  
  845. {block:IfCustomLinkFour}<a href="{block:IfCustomLinkFourURL}{text:Custom Link Four URL}{/block:IfCustomLinkFourURL}" class="links">{text:Custom Link Four}</a><br>{/block:IfCustomLinkFour}
  846.  
  847. {block:IfCustomLinkFive}<a href="{block:IfCustomLinkFiveURL}{text:Custom Link Five URL}{/block:IfCustomLinkFiveURL}" class="links">{text:Custom Link Five}</a><br>{/block:IfCustomLinkFive}
  848.  
  849. {block:IfCustomLinkSix}<a href="{block:IfCustomLinkSixURL}{text:Custom Link Six URL}{/block:IfCustomLinkSixURL}" class="links">{text:Custom Link Six}</a><br>{/block:IfCustomLinkSix}
  850.  
  851. {block:IfCustomLinkSeven}<a href="{block:IfCustomLinkSevenURL}{text:Custom Link Seven URL}{/block:IfCustomLinkSevenURL}" class="links">{text:Custom Link Seven}</a><br>{/block:IfCustomLinkSeven}
  852.  
  853. {block:IfCustomLinkEight}<a href="{block:IfCustomLinkEightURL}{text:Custom Link Eight URL}{/block:IfCustomLinkEightURL}" class="links">{text:Custom Link Eight}</a><br>{/block:IfCustomLinkEight}
  854.  
  855. {block:IfCustomLinkNine}<a href="{block:IfCustomLinkNineURL}{text:Custom Link Nine URL}{/block:IfCustomLinkNineURL}" class="links">{text:Custom Link Nine}</a><br>{/block:IfCustomLinkNine}
  856.  
  857. {block:IfCustomLinkTen}<a href="{block:IfCustomLinkTenURL}{text:Custom Link Ten URL}{/block:IfCustomLinkTenURL}" class="links">{text:Custom Link Ten}</a><br>{/block:IfCustomLinkTen}
  858.  
  859. {block:IfCustomLinkEleven}<a href="{block:IfCustomLinkElevenURL}{text:Custom Link Eleven URL}{/block:IfCustomLinkElevenURL}" class="links">{text:Custom Link Eleven}</a><br>{/block:IfCustomLinkEleven}
  860.  
  861. {block:IfCustomLinkTwelve}<a href="{block:IfCustomLinkTwelveURL}{text:Custom Link Twelve URL}{/block:IfCustomLinkTwelveURL}" class="links">{text:Custom Link Twelve}</a><br>{/block:IfCustomLinkTwelve}
  862.  
  863.  
  864. <div id="page">
  865. {block:IfNotEndlessScroll}
  866. <div id="pages">
  867. {block:PreviousPage}
  868. <a href="{PreviousPage}">Prev</a> /
  869. {/block:PreviousPage}
  870.  
  871.  
  872. {block:NextPage}
  873. <a href="{NextPage}">Next</a>
  874. {/block:NextPage}
  875. </div>
  876. {/block:IfNotEndlessScroll}
  877. </div>
  878. </div>
  879.  
  880.  
  881.  
  882.  
  883.  
  884.  
  885.  
  886.  
  887. <div class="port"><img src="{image:portrait}"></div>
  888.  
  889. <div id="content">
  890. {block:Posts}
  891. <div id="entry">
  892.  
  893. {block:IndexPage}
  894. <div id="pinfo">
  895. <div id="postsinfo">
  896. <a href="{Permalink}">{NoteCount}</a>
  897. <a href="{ReblogUrl}">reblog</a>
  898. </div>
  899. <div class="postinfo">
  900. <a href="{Permalink}">{NoteCount}</a>
  901. <a href="{ReblogUrl}">reblog</a>
  902. </div></div>
  903. {/block:IndexPage}
  904.  
  905.  
  906.  
  907.  
  908. {block:Text}
  909. {block:Title}<h1>{Title}</h1>{/block:Title}
  910. <div id="cap">{Body}</div>
  911. {/block:Text}
  912.  
  913.  
  914.  
  915.  
  916. {block:Link}
  917. <h1><a href="{URL}">{Name}</a></h1>
  918. <div class="url">{URL}</div>
  919. {block:Description}<div id="cap">{Description}</div>{/block:Description}
  920. {block:Link}
  921.  
  922.  
  923.  
  924.  
  925. {block:Photo}
  926. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>
  927. {/block:photo}
  928.  
  929.  
  930.  
  931. {block:Photoset}
  932. {block:IndexPage}
  933. {block:If200px}
  934. {block:Photos}
  935. <img src="{PhotoURL-250}" class="photoset-image" />
  936. {/block:Photos}
  937. <script type="text/javascript">
  938. var photos = document.getElementsByClassName("photoset-image");
  939. for(var i = 0; i < photos.length; i++)
  940. {
  941. photos[i].style.width = '250px';
  942. var source = photos[i].src;
  943. var pos1 = source.lastIndexOf('_');
  944. var pos2 = source.lastIndexOf('.');
  945. photos[i].src = source.substring(0, pos1 + 1) + '250' + source.substring(pos2);
  946. }
  947. </script>
  948. {/block:If200px}
  949.  
  950. {block:If300px}
  951. {block:Photos}
  952. <img src="{PhotoURL-400}" class="photoset-image" />
  953. {/block:Photos}
  954. <script type="text/javascript">
  955. var photos = document.getElementsByClassName("photoset-image");
  956. for(var i = 0; i < photos.length; i++)
  957. {
  958. photos[i].style.width = '300px';
  959. var source = photos[i].src;
  960. var pos1 = source.lastIndexOf('_');
  961. var pos2 = source.lastIndexOf('.');
  962. photos[i].src = source.substring(0, pos1 + 1) + '250' + source.substring(pos2);
  963. }
  964. </script>
  965. {/block:If300px}
  966. {/block:IndexPage}
  967.  
  968. {block:permalinkpage}
  969. {Photoset-400}
  970. {/block:permalinkpage}
  971. {/block:Photoset}
  972.  
  973.  
  974.  
  975. {block:Quote}
  976. {/block:IndexPage}
  977.  
  978. <h2>"{Quote}"</h2>
  979. {block:Source}
  980. <div id="cap"><div class="source">― {Source}</div></div>
  981. {/block:Source}
  982. {/block:Quote}
  983.  
  984.  
  985. {block:answer}
  986. <div id="ansname"><a href="{Permalink}">{Asker}</a> asked</div>
  987. <div id="question">{Question}</div>
  988. <div id="cap">{Answer}</div>
  989. {/block:Answer}
  990.  
  991.  
  992. {block:Chat}
  993. {block:Title}
  994. <h3><a href="{Permalink}">{Title}</a></h3>
  995. {/block:Title}
  996. <ul class="chat">
  997. {block:Lines}
  998. <li class="{Alt} user_{UserNumber}">
  999. {block:Label}
  1000. <span class="label"><b>{Label}</b>
  1001. {/block:Label}
  1002. {Line}
  1003. </li>
  1004. {/block:Lines}
  1005. </ul>
  1006. {/block:Chat}
  1007.  
  1008.  
  1009.  
  1010.  
  1011.  
  1012. {block:Audio}
  1013. <div id="audiopl">
  1014. <div id="album">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1015.  
  1016. <div id="player">{AudioPlayerBlack}</div>
  1017. </div>
  1018.  
  1019.  
  1020.  
  1021.  
  1022. <div id="albuminfo">
  1023. {block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}<br>
  1024. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  1025. {block:Album}<b>ALBUM:</b> {Album}{/block:Album}<br>
  1026. {block:PlayCount}<b>Plays:</b> {FormattedPlayCount} {/block:PlayCount}
  1027. </div>
  1028. </div>
  1029. {/block:Audio}
  1030.  
  1031.  
  1032.  
  1033.  
  1034. {block:Video}
  1035. <div class="video-container">
  1036. {block:IndexPage}
  1037. {block:If200px}{Video-250}{/block:If200px}
  1038. {block:If250px}{Video-250}{/block:If250px}
  1039. {block:If300px}{Video-400}{/block:If300px}
  1040. {/block:IndexPage}
  1041. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  1042. </div>
  1043. {/block:Video}
  1044.  
  1045.  
  1046.  
  1047.  
  1048. {block:IndexPage}
  1049. {block:IfshowCaption}
  1050. {block:Caption}
  1051. <div id="cap">{Caption}</div>{/block:Caption}
  1052. {/block:Caption}
  1053. {/block:IfshowCaption}
  1054. {/block:IndexPage}
  1055.  
  1056.  
  1057. {block:IndexPage}
  1058. {block:IfshowTags}
  1059. {block:HasTags}
  1060. <div id="tags">
  1061. {block:Tags}
  1062. <a href="{TagURL}">{Tag}</a>
  1063. {/block:Tags}
  1064. </div>
  1065. {/block:HasTags}
  1066. {/block:IfshowTags}
  1067. {/block:IndexPage}
  1068.  
  1069.  
  1070.  
  1071. {block:PermalinkPage}
  1072. {block:Caption}<div id="cap">{Caption}</div>{/block:Caption}
  1073. <div id="postin">
  1074. <div id="dated">
  1075. {block:Date}{ShortMonth} {MonthNumberWithZero} | {TimeAgo}{/block:Date}
  1076. </div>
  1077. <div class="postbot">
  1078. <a href="/random">Random</a>
  1079.  
  1080. {block:RebloggedFrom} <a href="{ReblogParentURL}">Via</a> / <a href="{ReblogRootURL}">Source</a> {/block:RebloggedFrom}
  1081. </div>
  1082. </div>
  1083. {block:HasTags}
  1084. <div id="tags">
  1085. {block:Tags}
  1086. <a href="{TagURL}">{Tag}</a>
  1087. {/block:Tags}
  1088. </div>
  1089. {/block:HasTags}
  1090. {/block:PermalinkPage}
  1091.  
  1092.  
  1093.  
  1094.  
  1095. {block:PostNotes}
  1096. <div id="cap">{PostNotes}</div>
  1097. {/block:PostNotes}
  1098. </div>
  1099.  
  1100. <div class="sources">
  1101. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1102. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{block:NoSourceLogo}{/block:NoSourceLogo}{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1103. </div>
  1104.  
  1105.  
  1106. {/block:Posts}
  1107.  
  1108.  
  1109. </div>
  1110. </div>
  1111.  
  1112. </body>
  1113. </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!