API tools faq
paste
ninpen

Ghouls

ninpen
Jul 17th, 2014
2,212
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.82 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2.  
  3.  
  4. <!-------------------------------
  5.  
  6. GHOULS BY NINPEN.TUMBLR.COM
  7. DO NOT REMOVE THE CREDIT.
  8. HOW TO INSTALL
  9.  
  10. 1. Click on customize theme then click on edit HTML
  11. 2. Delete the entire code, and replace it with the code for this theme
  12. 3. Click on update preview then click on appearance.
  13. 4. Click save. Now refresh the screen. Now you can customize the appearance
  14. ___________________________________________________________________________
  15.  
  16. If there's a problem with the theme, or you need help, just ask me.
  17. --------------------------------->
  18.  
  19.  
  20.  
  21.  
  22. <html lang="en">
  23. <title>{Title}</title>
  24.  
  25.  
  26. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  27. <head>
  28.  
  29. <meta name="if:250px" content=""/>
  30. <meta name="if:400px" content="1"/>
  31. <meta name="if:500px" content=""/>
  32. <meta name="if:showCaption" content="0"/>
  33. <meta name="if:grayscale" content="0"/>
  34. <meta name="if:hexagonportrait" content="1"/>
  35. <meta name="if:header" content="1"/>
  36.  
  37.  
  38. <meta name="color:thm link" content="#aaaaaa"/>
  39. <meta name="color:thm link hover" content="#bbbbbb"/>
  40. <meta name="color:bold" content="#45d0ff"/>
  41. <meta name="color:italic" content="#ed3cdb"/>
  42. <meta name="color:underline" content="#ffe74d"/>
  43. <meta name="color:question bg" content ="#030303"/>
  44. <meta name="color:question" content ="#cccccc"/>
  45.  
  46. <meta name="color:captionbg" content ="#151515"/>
  47. <meta name="color:circlenavibg" content ="#00e3ff"/>
  48. <meta name="color:circlenavi" content ="#ffffff"/>
  49. <meta name="color:circlenavibghover" content ="#040404"/>
  50. <meta name="color:border" content ="#010101"/>
  51.  
  52. <meta name="color:Background" content ="#000000"/>
  53. <meta name="color:header bg" content ="#000000"/>
  54. <meta name="color:posts" content ="#000000"/>
  55. <meta name="color:text" content="#d7d7d7"/>
  56. <meta name="color:date" content="#000000"/>
  57. <meta name="color:date-hover" content="##ff8b94"/>
  58.  
  59.  
  60. <meta name="color:tags" content="#ffffff"/>
  61. <meta name="color:tagsbg" content="#121212"/>
  62. <meta name="color:description" content="#ffffff"/>
  63. <meta name="color:description bg" content="#000000"/>
  64. <meta name="color:blockquote bg" content="#040404"/>
  65. <meta name="color:blockquote" content="#fde223"/>
  66. <meta name="color:portraitouterborder" content="#090909"/>
  67. <meta name="color:portraitinnerborder" content="#ffffff"/>
  68.  
  69.  
  70.  
  71. <meta name="color:h1" content="#ffffff"/>
  72. <meta name="color:h1 BG" content="#030303"/>
  73. <meta name="color:h2" content="#cccccc"/>
  74. <meta name="color:chat line 1" content="#070707"/>
  75. <meta name="color:chat line 2" content="#050505"/>
  76. <meta name="color:chatnames" content="#e96cff"/>
  77.  
  78. <meta name="image:background" content=""/>
  79. <meta name="image:portrait" content=""/>
  80. <meta name="image:header BG" content=""/>
  81.  
  82. <meta name="text:Custom Link One" content=""/>
  83. <meta name="text:Custom Link One URL" content=""/>
  84. <meta name="text:Custom Link Two" content=""/>
  85. <meta name="text:Custom Link Two URL" content=""/>
  86. <meta name="text:Custom Link Three" content=""/>
  87. <meta name="text:Custom Link Three URL" content=""/>
  88. <meta name="text:Custom Link Four" content=""/>
  89. <meta name="text:Custom Link Four URL" content=""/>
  90. <meta name="text:Custom Link Five" content=""/>
  91. <meta name="text:Custom Link Five URL" content=""/>
  92. <meta name="text:Custom Link Six" content=""/>
  93. <meta name="text:Custom Link Six URL" content=""/>
  94. <meta name="text:Custom Link Seven" content=""/>
  95. <meta name="text:Custom Link Seven URL" content=""/>
  96. <meta name="text:Custom Link Eight" content=""/>
  97. <meta name="text:Custom Link Eight URL" content=""/>
  98.  
  99.  
  100. <link href='http://fonts.googleapis.com/css?family=Iceland' rel='stylesheet' type='text/css'>
  101.  
  102. <link rel="shortcut icon" href="{Favicon}" />
  103. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  104. <script type="text/javascript" src="http://static.tumblr.com/1f1tzta/0wvmlf1xq/scripted.js"></script>
  105.  
  106.  
  107.  
  108. <style type="text/css">
  109. ::-webkit-scrollbar {
  110. width:6px;
  111. height: 6px;
  112. background-color: {color:Background};
  113. }
  114.  
  115. ::-webkit-scrollbar-thumb {
  116. background-color: {color:bold};
  117. }
  118.  
  119. html{
  120. padding:0;
  121. margin:0;
  122. height:100%;
  123. width:100%;
  124. }
  125.  
  126. html,body{
  127. padding:0;
  128. margin:0;
  129. height:100%;
  130. width:100%;
  131. background:{color:Background} url({image:background}) fixed repeat top left;
  132. word-wrap:break-word;
  133. color: {color:text};
  134. }
  135.  
  136. a{
  137. text-decoration:none;
  138. }
  139.  
  140. #cred{
  141. position:fixed;
  142. bottom:10px;
  143. right:10px;
  144. z-index:123456 !important;
  145. font:12px calibri;
  146. }
  147.  
  148. .NINCREDIT a{
  149. color:{color:thm link};
  150. }
  151.  
  152. .NINCREDIT a:hover{
  153. color:{color:thm link hover};
  154. }
  155.  
  156. b,strong{
  157. color:{color:bold};
  158. }
  159.  
  160. i,em{
  161. color:{color:italic};
  162. }
  163.  
  164. u{
  165. color:{color:underline};
  166. }
  167.  
  168. h1{
  169. text-align:left;
  170. font:8px/8px courier;
  171. padding:2px;
  172. text-transform:uppercase;
  173. letter-spacing:2px;
  174. background-color:{color:h1 BG};
  175. color:{color:h1};
  176. }
  177.  
  178. h1 a:hover{
  179. color:{color:h1hover};
  180. }
  181.  
  182. h1 a{
  183. color:{color:h1};
  184. }
  185.  
  186. h2{
  187. text-align:center;
  188. font:bold italic 18px/18px helvetica;
  189. text-transform:lowercase;
  190. letter-spacing:-1px;
  191. color:{color:h2};
  192. }
  193.  
  194. .source{
  195. font:8px/8px courier;
  196. text-align:right;
  197. text-transform:uppercase;
  198. }
  199.  
  200. img,.photoset{
  201. max-width:100%;
  202. {block:Ifgrayscale}
  203. 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");
  204. filter: gray;
  205. -webkit-filter: grayscale(100%);
  206. {/block:Ifgrayscale}
  207. }
  208.  
  209. #side{
  210. display:inline-block;
  211. width:190px;
  212. position:fixed;
  213. height:500px;
  214. {block:Ifheader}
  215. top:220px;
  216. {/block:Ifheader}
  217. {block:IfNotheader}
  218. top:100px;
  219. {block:IfNotheader}
  220. }
  221.  
  222. #topnav{
  223. width:70px;
  224. height:10px;
  225. position:fixed;
  226. margin:-12px 0 0 60px;
  227. }
  228.  
  229. #topnav img{
  230. margin-left:10px;
  231. display:inline-block;
  232. -webkit-filter: invert(100%);
  233. -moz-filter: invert(100%);
  234. -o-filter: invert(100%);
  235. -ms-filter: invert(100%);
  236. filter: invert(100%);
  237. }
  238.  
  239. #nav{
  240. position:Absolute;
  241. width:185px;
  242. height:185px;
  243. top:13px;
  244. left:13px;
  245. }
  246.  
  247. #num{
  248. height:16px;
  249. width:16px;
  250. position:absolute;
  251. font:9px courier;
  252. letter-spacing:1px;
  253. text-transform:uppercase;
  254. }
  255.  
  256. #num a{
  257. overflow:hidden;
  258. position:absolute;
  259. width:12px;
  260. height:12px;
  261. padding:2px;
  262. border-radius:10px;
  263. background:{color:circlenavibg};
  264. color:{color:circlenavi};
  265. -webkit-transition: all .6s ease;
  266. -moz-transition:all .6s ease;
  267. -o-transition: all .6s ease;
  268. -ms-transition: all .6s ease;
  269. transition: all .6s ease;
  270. }
  271.  
  272. #num a:hover{
  273. background:{color:circlenavibghover};
  274. color:{color:circlenavi};
  275. -webkit-transition: all .6s ease;
  276. -moz-transition:all .6s ease;
  277. -o-transition: all .6s ease;
  278. -ms-transition: all .6s ease;
  279. transition: all .6s ease;
  280. }
  281.  
  282. #num:nth-of-type(1),#num:nth-of-type(2),#num:nth-of-type(3),#num:nth-of-type(4),#num:nth-of-type(5),#num:nth-of-type(6),#num:nth-of-type(7),#num:nth-of-type(8){
  283. opacity:0;
  284. margin:80px 0 0 85px;
  285. -webkit-transition: all .6s ease;
  286. -moz-transition:all .6s ease;
  287. -o-transition: all .6s ease;
  288. -ms-transition: all .6s ease;
  289. transition: all .6s ease;
  290. }
  291.  
  292. #nav:hover #num:nth-of-type(1){
  293. {block:Ifhexagonportrait}
  294. margin:-18px 0 0 75px;
  295. {/block:Ifhexagonportrait}
  296. {block:IfNothexagonportrait}
  297. margin:0px 0 0 75px;
  298. {/block:IfNothexagonportrait}
  299. opacity:1;
  300. }
  301.  
  302. #nav:hover #num:nth-of-type(2){
  303. {block:Ifhexagonportrait}
  304. margin:10px 0 0 12px;
  305. {/block:Ifhexagonportrait}
  306. {block:IfNothexagonportrait}
  307. margin:22px 0 0 23px;
  308. {/block:IfNothexagonportrait}
  309. opacity:1;
  310. }
  311.  
  312. #nav:hover #num:nth-of-type(3){
  313. {block:Ifhexagonportrait}
  314. margin:75px 0 0 -15px;
  315. {/block:Ifhexagonportrait}
  316. {block:IfNothexagonportrait}
  317. margin:64px 0 0 1px;
  318. {/block:IfNothexagonportrait}
  319. opacity:1;}
  320.  
  321. #nav:hover #num:nth-of-type(4){
  322. {block:Ifhexagonportrait}
  323. margin:140px 0 0 13px;
  324. {/block:Ifhexagonportrait}
  325. {block:IfNothexagonportrait}
  326. margin:110px 0 0 11px;
  327. {/block:IfNothexagonportrait}
  328. opacity:1;}
  329.  
  330. #nav:hover #num:nth-of-type(5){
  331. {block:Ifhexagonportrait}
  332. margin:167px 0 0 75px;
  333. {/block:Ifhexagonportrait}
  334. {block:IfNothexagonportrait}
  335. margin:148px 0 0 75px;
  336. {/block:IfNothexagonportrait}
  337. opacity:1;
  338. }
  339.  
  340. #nav:hover #num:nth-of-type(6){
  341. {block:Ifhexagonportrait}
  342. margin:140px 0 0 140px;
  343. {/block:Ifhexagonportrait}
  344. {block:IfNothexagonportrait}
  345. margin:108px 0 0 140px;
  346. {/block:IfNothexagonportrait}
  347. opacity:1;
  348. }
  349.  
  350. #nav:hover #num:nth-of-type(7){
  351. {block:Ifhexagonportrait}
  352. margin:75px 0 0 167px;
  353. {/block:Ifhexagonportrait}
  354. {block:IfNothexagonportrait}
  355. margin:64px 0 0 149px;
  356. {/block:IfNothexagonportrait}
  357. opacity:1;
  358. }
  359.  
  360. #nav:hover #num:nth-of-type(8){
  361. {block:Ifhexagonportrait}
  362. margin:10px 0 0 142px;
  363. {/block:Ifhexagonportrait}
  364. {block:IfNothexagonportrait}
  365. margin:22px 0 0 126px;
  366. {/block:IfNothexagonportrait}
  367. opacity:1;
  368. }
  369.  
  370. #description{
  371. margin:0 auto;
  372. width:160px;
  373. color:{color:description};
  374. background:{color:description bg};
  375. position: relative;
  376. font:8px/10px courier;
  377. text-transform:uppercase;
  378. letter-spacing:2px;
  379. }
  380.  
  381. #picwrap{
  382. display:block;
  383. width:190px;
  384. height:190px;
  385. margin:0 auto 10px auto;
  386. position:relative;
  387. }
  388.  
  389. .portrait{
  390. position:Absolute;
  391. display:block;
  392. {block:IfNothexagonportrait}
  393. top:15px;
  394. left:15px;
  395. width:130px;
  396. height:130px;
  397. overflow:hidden;
  398. border-radius:100px;
  399. border:15px solid {color:portraitouterborder};
  400. {/block:IfNothexagonportrait}
  401. {block:Ifhexagonportrait}
  402. width:189px;
  403. height:189px;
  404. top:2px;
  405. left:2px;
  406. -webkit-mask-image: url(http://static.tumblr.com/1f1tzta/JlCn8irz0/portrait.png);
  407. -webkit-mask-repeat: no-repeat;
  408. -webkit-mask-source-type: luminance;
  409. mask-source-type: luminance;
  410. {/block:Ifhexagonportrait}
  411. }
  412.  
  413. .portrait:after{
  414. content:"";
  415. {block:Ifhexagonportrait}
  416. background:url(http://static.tumblr.com/1f1tzta/TlPn8kbkj/portraitstroke.png);
  417. top:8px;
  418. left:8px;
  419. width:173px;
  420. height:173px;
  421. {/block:Ifhexagonportrait}
  422. position:Absolute;
  423. {block:IfNothexagonportrait}
  424. top:7px;
  425. left:7px;
  426. width:110px;
  427. height:110px;
  428. border-radius:100px;
  429. border:2px solid {color:portraitinnerborder};
  430. {/block:IfNothexagonportrait}
  431. }
  432.  
  433. {block:IfNothexagonportrait}
  434. #side:before{
  435. content:"";
  436. position:Absolute;
  437. top:14px;
  438. left:14px;
  439. width:160px;
  440. height:160px;
  441. border-radius:100px;
  442. }
  443. {/block:IfNothexagonportrait}
  444.  
  445. #center{
  446. position:relative;
  447. {block:IndexPage}
  448. {block:If250px}width:540px;{/block:If250px}
  449. {block:If400px}width:670px;{/block:If400px}
  450. {block:If500px}width:770px;{/block:If500px}
  451. {/block:IndexPage}
  452. {block:PermalinkPage}width:770px;{/block:PermalinkPage}
  453. {block:Ifheader}
  454. margin:230px auto 0 auto;
  455. {/block:Ifheader}
  456. {block:IfNotheader}
  457. margin:100px auto 0 auto;
  458. {block:IfNotheader}
  459. }
  460.  
  461. {block:Ifheader}
  462. #header{
  463. position:absolute;
  464. top:0;
  465. left:0;
  466. width:100%;
  467. height:200px;
  468. background:{color:header bg} url('{image:header BG}')repeat top center;
  469. overflow:hidden;
  470. }
  471. {/block:Ifheader}
  472.  
  473. .content{
  474. position:relative;
  475. height:100%;
  476. background:;
  477. padding:15px 30px 15px 30px;
  478. margin-left:270px;
  479. {block:IndexPage}
  480. {block:If250px}
  481. border-left:1px solid #4d4d4d;
  482. border-right:1px solid #4d4d4d;
  483. width:270px;{/block:If250px}
  484. {block:If400px}width:400px;{/block:If400px}
  485. {block:If500px}width:500px;{/block:If500px}
  486. {/block:IndexPage}
  487. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  488. }
  489.  
  490. {block:IndexPage}
  491. {block:If250px}
  492. .content:before{
  493. content:"";
  494. background:url('http://static.tumblr.com/1f1tzta/2ymn8uewn/crop1.png') no-repeat top left;
  495. width:340px;
  496. height:10px;
  497. position:absolute;
  498. opacity:.3;
  499. top:-10px;
  500. left:-5px;
  501. }
  502.  
  503. .content:after{
  504. content:"";
  505. background:url('http://static.tumblr.com/1f1tzta/ANTn8uexu/crop2.png') repeat top left;
  506. width:340px;
  507. height:30px;
  508. position:absolute;
  509. bottom:30px;
  510. left:-5px;
  511. opacity:.3;
  512. }
  513. {/block:If250px}
  514. {/block:IndexPage}
  515.  
  516. .entry {
  517. font:11px/13px courier;
  518. border-radius:5px;
  519. background-color:{color:posts};
  520. margin-bottom:80px;
  521. padding:10px;
  522. position:relative;
  523. color: {color:text};
  524. {block:IndexPage}
  525. border:1px solid {color:border};
  526. {block:If250px}width:250px;{/block:If250px}
  527. {block:If400px}width:400px;{/block:If400px}
  528. {block:If500px}width:500px;{/block:If500px}
  529. {/block:IndexPage}
  530. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  531. }
  532.  
  533. .entry:hover #date2,.entry:hover #tags2{
  534. opacity:1;
  535. -webkit-transition:all .6s;
  536. -moz-transition:all .6s;
  537. -o-transition:all .6s;
  538. -ms-transition:all .6s;
  539. -transition:all .6s;
  540. }
  541.  
  542. #cap{
  543. width:100%;
  544. margin:0;
  545. background:{color:captionBG};
  546. }
  547.  
  548. .entry a{
  549. color:{color:bold};
  550. }
  551.  
  552. .entry a:hover{
  553. color:{color:underline};
  554. }
  555.  
  556. #perma{
  557. margin:20px 0;
  558. }
  559.  
  560. #perma a{
  561. font:8px/8px courier;
  562. letter-spacing:1px;
  563. text-transform:uppercase;
  564. }
  565.  
  566. #perma .date{
  567. font:bold 25px/20px 'Iceland', cursive;
  568. color:{color:underline};
  569. }
  570.  
  571. #perma #tago{
  572. margin-bottom:5px;
  573. font:9px/8px courier;
  574. letter-spacing:1px;
  575. text-transform:uppercase;
  576. color:{color:text};
  577. }
  578.  
  579. #date2{
  580. font:bold 25px/25px 'Iceland', cursive;
  581. position:absolute;
  582. top:0;
  583. right:-120px;
  584. opacity:0;
  585. -webkit-transition:all .6s;
  586. -moz-transition:all .6s;
  587. -o-transition:all .6s;
  588. -ms-transition:all .6s;
  589. -transition:all .6s;
  590. }
  591.  
  592. #tags2{
  593. z-index:99999;
  594. opacity:0;
  595. position:absolute;
  596. top:40px;
  597. right:-150px;
  598. width:100px;
  599. padding:2px 3px;
  600. text-align:left;
  601. -webkit-transition:all .6s;
  602. -moz-transition:all .6s;
  603. -o-transition:all .6s;
  604. -ms-transition:all .6s;
  605. -transition:all .6s;
  606. }
  607.  
  608. #date{
  609. z-index:99999;
  610. width:140px;
  611. height:50px;
  612. left:50%;
  613. top:50%;
  614. margin:-25px 0 0 -70px;
  615. text-align:center;
  616. position:absolute;
  617. opacity:0;
  618. -webkit-transition:all .8s;
  619. -moz-transition:all .8s;
  620. -o-transition:all .8s;
  621. -ms-transition:all .8s;
  622. -transition:all .8s;
  623. }
  624.  
  625. #date a{
  626. color:{color:date};
  627. letter-spacing:-5px;
  628. font:bold 50px/40px 'Iceland', cursive;
  629. text-shadow:0 0 4px {color:date};
  630. }
  631.  
  632. #date2 a:hover{
  633. color:{color:date-hover};
  634. }
  635.  
  636. .tago{
  637. font:9px/8px courier;
  638. letter-spacing:1px;
  639. text-transform:uppercase;
  640. background:{color:posts};
  641. display:block;
  642. color:{color:Text};
  643. }
  644.  
  645. #tags{
  646. z-index:99999;
  647. opacity:0;
  648. position:absolute;
  649. top:0;
  650. left:0px;
  651. width:100px;
  652. padding:2px 3px;
  653. text-align:left;
  654. -webkit-transition:all .8s;
  655. -moz-transition:all .8s;
  656. -o-transition:all .8s;
  657. -ms-transition:all .8s;
  658. -transition:all .8s;
  659. }
  660.  
  661. .entry:hover #tags,.entry:hover #date{
  662. opacity:1;
  663. -webkit-transition:all .8s;
  664. -moz-transition:all .8s;
  665. -o-transition:all .8s;
  666. -ms-transition:all .8s;
  667. -transition:all .8s;
  668. }
  669.  
  670. #tags a, #tags2 a{
  671. position:relative;
  672. display:block;
  673. text-transform:uppercase;
  674. letter-spacing:1px;
  675. font:8px/8px courier;
  676. background:{color:tagsbg};
  677. margin:0 2px 2px 10px;
  678. color:{color:tags};
  679. }
  680.  
  681. #tags a:before, #tags2 a:before{
  682. content:"";
  683. position:absolute;
  684. top:2px;
  685. left:-8px;
  686. width:3px;
  687. height:3px;
  688. background:{color:underline};
  689. }
  690.  
  691. .audioinfo{
  692. font:8px/11px courier;
  693. text-transform:uppercase;
  694. letter-spacing:1px;
  695. }
  696.  
  697. .askername{
  698. position:relative;
  699. }
  700.  
  701. .askername h1{
  702. padding:10px;
  703. font-size:9px;
  704. text-align:center;
  705. border-bottom:1px dotted {color:underline};
  706. }
  707.  
  708. #question{
  709. padding:10px;
  710. font:8px/11px courier;
  711. letter-spacing:1px;
  712. text-transform:uppercase;
  713. background:{color:question bg};
  714. color:{color:question};
  715. }
  716.  
  717. .askername img{
  718. padding:5px;
  719. background:{color:posts};
  720. border:1px solid {color:italic};
  721. position:Absolute;
  722. top:3px;
  723. left:50px;
  724. border-radius:5px;
  725. }
  726.  
  727. #answer{
  728. border-top:1px solid {color:border};
  729. }
  730.  
  731. blockquote{
  732. font:8px/12px;
  733. letter-spacing:1px;
  734. text-transform:uppercase;
  735. background-color:{color:blockquote bg};
  736. color:{color:blockquote};
  737. border:1px solid {color:border};
  738. }
  739.  
  740. #pagination{
  741. margin:40px 0 0 120px;
  742. text-align:center;
  743. width:70px;
  744. font:9px/9px courier;
  745. letter-spacing:1px;
  746. text-transform:uppercase;
  747. }
  748.  
  749. #pagination a{
  750. font:60px/40px "Arial Black", Gadget, sans-serif;
  751. color:{color:text};
  752. }
  753.  
  754. ul{
  755. list-style-type:square;
  756. }
  757.  
  758. li{
  759. list-style-type:square;
  760. list-style-position:inside;
  761. }
  762.  
  763. .avatar_frame{
  764. display:none;
  765. }
  766.  
  767. ol.notes li.note {
  768. list-style-type:none;
  769. padding: 10px;
  770. font:8px/12px courier;
  771. letter-spacing:1px;
  772. text-transform:uppercase;
  773. }
  774.  
  775. ol.notes li.note img.avatar {
  776. display:none;
  777. }
  778.  
  779. ol.notes li.note span.action {
  780. list-style-type:none;
  781. font-weight:normal;
  782. }
  783.  
  784. ol.notes li.note .answer_content {
  785. list-style-type:none;
  786. font-weight: normal;
  787. }
  788.  
  789. ol.notes li.note blockquote {
  790. padding: 4px 10px;
  791. margin: 10px 0px 0px 25px;
  792. }
  793.  
  794. ol.notes li.note blockquote a {
  795. text-decoration: none;
  796. }
  797.  
  798. ul.chat {
  799. margin: 0;
  800. padding: 0;
  801. }
  802.  
  803. .chat li {
  804. list-style-type: none;
  805. border-bottom:1px solid {color:border};
  806. }
  807.  
  808. .chat li.odd {
  809. background-color:{color:chat line 1};
  810. }
  811.  
  812. .chat li.even {
  813. background-color:{color:chat line 2};
  814. }
  815.  
  816. .label {
  817. color:{color:chatnames};
  818. padding:5px;
  819. margin:3px;
  820. font:8px/8px century gothic;
  821. letter-spacing:1px;
  822. text-transform:uppercase;
  823. font-weight: bold;
  824. }
  825.  
  826. iframe#tumblr_controls{
  827. position:fixed !important;
  828. }
  829. </style>
  830.  
  831. <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>
  832.  
  833. <script type='text/javascript'>
  834. $(window).load(function(){
  835. var text="{description}";
  836. var delay=70;
  837. var elem = $("#description");
  838. var addTextByDelay = function(text,elem,delay){
  839. if(!elem){
  840. elem = $("#description");
  841. }
  842. if(!delay){
  843. delay = 70;
  844. }
  845. if(text.length >0){
  846. elem.append(text[0]);
  847. setTimeout(
  848. function(){
  849. addTextByDelay(text.slice(1),elem,delay);
  850. },delay
  851. );
  852. }
  853. }
  854.  
  855. addTextByDelay(text,elem,delay);
  856. });
  857.  
  858. </script>
  859.  
  860.  
  861. </head>
  862. <body>
  863.  
  864.  
  865.  
  866. {block:Ifheader}
  867. <div id="header">
  868. </div>
  869. {/block:Ifheader}
  870.  
  871. <div id="center">
  872.  
  873.  
  874. <div id="side">
  875.  
  876. <div id="topnav">
  877. <a href="/"><img src="http://static.tumblr.com/1f1tzta/C3Gn8soro/16.png"></a>
  878. <a href="/ask"><img src="http://static.tumblr.com/1f1tzta/uzPn8sosr/36.png"></a>
  879. <a href="/archive"><img src="http://static.tumblr.com/1f1tzta/ouyn8sox0/49.png"></a>
  880. </div>
  881.  
  882.  
  883.  
  884.  
  885. <div id="picwrap">
  886. <div class="portrait"><img src="{image:portrait}"></div>
  887. </div>
  888.  
  889. <div id="description"></div>
  890.  
  891.  
  892. <div id="nav">
  893. {block:IfCustomLinkOne}<div id="num"><a href="{block:IfCustomLinkOneURL}{text:Custom Link One URL}{/block:IfCustomLinkOneURL}"><span>01</span>{text:Custom Link One}</a></div>{/block:IfCustomLinkOne}
  894.  
  895. {block:IfCustomLinkTwo}<div id="num"><a href="{block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/block:IfCustomLinkTwoURL}"><span>02</span>{text:Custom Link Two}</a></div>{/block:IfCustomLinkTwo}
  896.  
  897. {block:IfCustomLinkThree}<div id="num"><a href="{block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/block:IfCustomLinkThreeURL}"><span>03</span>{text:Custom Link Three}</a></div>{/block:IfCustomLinkThree}
  898.  
  899. {block:IfCustomLinkFour}<div id="num"><a href="{block:IfCustomLinkFourURL}{text:Custom Link Four URL}{/block:IfCustomLinkFourURL}"><span>04</span>{text:Custom Link Four}</a></div>{/block:IfCustomLinkFour}
  900.  
  901. {block:IfCustomLinkFive}<div id="num"><a href="{block:IfCustomLinkFiveURL}{text:Custom Link Five URL}{/block:IfCustomLinkFiveURL}"><span>05</span>{text:Custom Link Five}</a></div>{/block:IfCustomLinkFive}
  902.  
  903. {block:IfCustomLinkSix}<div id="num"><a href="{block:IfCustomLinkSixURL}{text:Custom Link Six URL}{/block:IfCustomLinkSixURL}"><span>06</span>{text:Custom Link Six}</a></div>{/block:IfCustomLinkSix}
  904.  
  905. {block:IfCustomLinkSeven}<div id="num"><a href="{block:IfCustomLinkSevenURL}{text:Custom Link Seven URL}{/block:IfCustomLinkSevenURL}"><span>07</span>{text:Custom Link Seven}</a></div>{/block:IfCustomLinkSeven}
  906.  
  907. {block:IfCustomLinkEight}<div id="num"><a href="{block:IfCustomLinkEightURL}{text:Custom Link Eight URL}{/block:IfCustomLinkEightURL}"><span>08</span>{text:Custom Link Eight}</a></div>{/block:IfCustomLinkEight}
  908. </div>
  909.  
  910. {block:Pagination}
  911. <div id="pagination">
  912. {block:PreviousPage}
  913. <a href="{PreviousPage}">-</a>
  914. {/block:PreviousPage}
  915.  
  916.  
  917. {block:NextPage}
  918. <a href="{NextPage}">+</a>
  919. {/block:NextPage}
  920. {CurrentPage}/{TotalPages}
  921. </div>
  922. {/block:Pagination}
  923.  
  924. </div>
  925.  
  926.  
  927.  
  928.  
  929.  
  930.  
  931.  
  932.  
  933. <div class="content">
  934. {block:Posts}
  935.  
  936. <div class="entry">
  937.  
  938.  
  939.  
  940. {block:Text}
  941. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}{Body}
  942.  
  943. {block:IndexPage}
  944. {block:Date}
  945. <div id="date2">
  946. <a href="{permalink}">{12HourWithZero}:{Minutes}</a>
  947. <div class="tago">{TimeAgo}</div>
  948. </div>
  949. {/block:Date}
  950.  
  951. {block:HasTags}
  952. <div id="tags2">
  953. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  954. </div>
  955. {/block:HasTags}
  956. {/block:IndexPage}
  957. {/block:Text}
  958.  
  959.  
  960.  
  961. {block:Photo}
  962. {block:IndexPage}
  963. <a href="{Permalink}"><img style="display:block;" src="{PhotoURL-500}" alt="{PhotoAlt}"></a>
  964. {block:IfshowCaption}
  965. {block:Caption}
  966. <div id="caption">{Caption}</div>
  967. {/block:Caption}
  968. {/block:IfshowCaption}
  969.  
  970. {block:Date}
  971. <div id="date">
  972. <a href="{permalink}">{12HourWithZero}:{Minutes}</a>
  973. <div class="tago">{TimeAgo}</div>
  974. </div>
  975. {/block:Date}
  976.  
  977.  
  978. {block:HasTags}
  979. <div id="tags">
  980. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  981. </div>
  982. {/block:HasTags}
  983. {/block:IndexPage}
  984.  
  985. {block:permalinkpage}
  986. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  987. {/block:permalinkpage}
  988. {/block:Photo}
  989.  
  990.  
  991.  
  992.  
  993.  
  994.  
  995. {block:Photoset}
  996. {block:IndexPage}
  997. {block:If250px}{Photoset-250}{/block:If250px}
  998. {block:If400px}{Photoset-400}{/block:If400px}
  999. {block:If500px}{Photoset-500}{/block:If500px}
  1000. {block:IfshowCaption}
  1001. {block:Caption}
  1002. <div id="caption">{Caption}</div>
  1003. {/block:Caption}
  1004. {/block:IfshowCaption}
  1005.  
  1006. {block:Date}
  1007. <div id="date">
  1008. <a href="{permalink}">{12HourWithZero}:{Minutes}</a>
  1009. <div class="tago">{TimeAgo}</div>
  1010. </div>
  1011. {/block:Date}
  1012. {block:HasTags}
  1013. <div id="tags">
  1014. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1015. </div>
  1016. {/block:HasTags}
  1017. {/block:IndexPage}
  1018.  
  1019. {block:permalinkpage}
  1020. {Photoset-500}
  1021. {/block:permalinkpage}
  1022. {/block:Photoset}
  1023.  
  1024.  
  1025.  
  1026.  
  1027. {block:Quote}
  1028. <h2>{Quote}</h2>
  1029. {block:Source}<div class="source">{Source}</div>{/block:Source}
  1030.  
  1031. {block:IndexPage}
  1032. {block:Date}
  1033. <div id="date2">
  1034. <a href="{permalink}">{12HourWithZero}:{Minutes}</a>
  1035. <div class="tago">{TimeAgo}</div>
  1036. </div>
  1037. {/block:Date}
  1038.  
  1039. {block:HasTags}
  1040. <div id="tags2">
  1041. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1042. </div>
  1043. {/block:HasTags}
  1044. {/block:IndexPage}
  1045. {/block:Quote}
  1046.  
  1047.  
  1048.  
  1049. {block:Link}
  1050. <a href="{URL}"><h1>{Name}</h1></a>
  1051. {block:Description}{Description}{/block:Description}
  1052.  
  1053. {block:IndexPage}
  1054. {block:Date}
  1055. <div id="date2">
  1056. <a href="{permalink}">{12HourWithZero}:{Minutes}</a>
  1057. <div class="tago">{TimeAgo}</div>
  1058. </div>
  1059. {/block:Date}
  1060.  
  1061. {block:HasTags}
  1062. <div id="tags2">
  1063. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1064. </div>
  1065. {/block:HasTags}
  1066. {/block:IndexPage}
  1067. {/block:Link}
  1068.  
  1069.  
  1070.  
  1071.  
  1072. {block:Chat}
  1073. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  1074. <ul class="chat">
  1075. {block:Lines}
  1076. <li class="{Alt} user_{UserNumber}">
  1077. {block:Label}
  1078. <span class="label">{Label}</span>
  1079. {/block:Label}{Line}
  1080. </li>
  1081. {/block:Lines}
  1082.  
  1083. {block:IndexPage}
  1084. {block:Date}
  1085. <div id="date2">
  1086. <a href="{permalink}">{12HourWithZero}:{Minutes}</a>
  1087. <div class="tago">{TimeAgo}</div>
  1088. </div>
  1089. {/block:Date}
  1090.  
  1091. {block:HasTags}
  1092. <div id="tags2">
  1093. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1094. </div>
  1095. {/block:HasTags}
  1096. {/block:IndexPage}
  1097. {/block:Chat}
  1098.  
  1099.  
  1100.  
  1101. {block:Answer}
  1102. <div class="askername">
  1103. <img src="{AskerPortraitURL-24}"><h1>{Asker}</h1>
  1104. </div>
  1105. <div id="question">
  1106. {Question}</div>
  1107. <div id="answer">{Answer}</div>
  1108.  
  1109. {block:IndexPage}
  1110. {block:Date}
  1111. <div id="date2">
  1112. <a href="{permalink}">{12HourWithZero}:{Minutes}</a>
  1113. <div class="tago">{TimeAgo}</div>
  1114. </div>
  1115. {/block:Date}
  1116.  
  1117. {block:HasTags}
  1118. <div id="tags2">
  1119. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1120. </div>
  1121. {/block:HasTags}
  1122. {/block:IndexPage}
  1123. {/block:Answer}
  1124.  
  1125.  
  1126.  
  1127. {block:Video}
  1128. {block:IndexPage}
  1129. {block:If250px}{Video-250}{/block:If250px}
  1130. {block:If400px}{Video-400}{/block:If400px}
  1131. {block:If500px}{Video-500}{/block:If500px}
  1132. {block:IfshowCaption}
  1133. {block:Caption}
  1134. <div id="caption">{Caption}</div>
  1135. {/block:Caption}
  1136. {/block:IfshowCaption}
  1137.  
  1138. {block:Date}
  1139. <div id="date">
  1140. <a href="{permalink}">{12HourWithZero}:{Minutes}</a>
  1141. <div class="tago">{TimeAgo}</div>
  1142. </div>
  1143. {/block:Date}
  1144.  
  1145.  
  1146. {block:HasTags}
  1147. <div id="tags">
  1148. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1149. </div>
  1150. {/block:HasTags}
  1151. {/block:IndexPage}
  1152.  
  1153. {block:permalinkpage}
  1154. {Video-500}
  1155. {/block:permalinkpage}
  1156. {/block:Video}
  1157.  
  1158.  
  1159. {block:Audio}
  1160. {AudioPlayerBlack}
  1161.  
  1162. <div class="audioinfo">
  1163. <h1><a href="{Permalink}">{block:TrackName}{TrackName}{/block:TrackName}</a></h1>
  1164. {block:Artist}{Artist}{/block:Artist}<br>
  1165. {block:Album}{Album}{/block:Album}<br>
  1166. {FormattedPlayCount} plays
  1167. </div>
  1168.  
  1169. {block:IndexPage}
  1170. {block:Date}
  1171. <div id="date2">
  1172. <a href="{permalink}">{12HourWithZero}:{Minutes}</a>
  1173. <div class="tago">{TimeAgo}</div>
  1174. </div>
  1175. {/block:Date}
  1176.  
  1177. {block:HasTags}
  1178. <div id="tags2">
  1179. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1180. </div>
  1181. {/block:HasTags}
  1182. {/block:IndexPage}
  1183. {/block:Audio}
  1184.  
  1185.  
  1186.  
  1187.  
  1188.  
  1189.  
  1190. {block:PermalinkPage}
  1191. {block:Caption}
  1192. <div id="caption">{Caption}</div>
  1193. {/block:Caption}
  1194.  
  1195. <div id="perma">
  1196. {block:Date}
  1197. <div class="date">
  1198. {12HourWithZero}:{Minutes}:{Seconds}
  1199. <div id="tago">{TimeAgo}</div>
  1200. </div>
  1201. {/block:Date}
  1202.  
  1203. <a href="/random">Random</a><br>
  1204.  
  1205. {block:RebloggedFrom} <a href="{ReblogParentURL}">Via</a> / <a href="{ReblogRootURL}">Source</a> {/block:RebloggedFrom}
  1206.  
  1207. {block:HasTags}
  1208. <div class="tags">
  1209. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1210. </div>
  1211. {/block:HasTags}
  1212. </div>
  1213. {/block:PermalinkPage}
  1214.  
  1215. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1216.  
  1217. </div>
  1218.  
  1219. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1220. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{block:NoSourceLogo}{/block:NoSourceLogo}{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1221. {/block:Posts}
  1222.  
  1223.  
  1224. </div>
  1225. </div>
  1226.  
  1227.  
  1228.  
  1229. </body>
  1230. </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!