API tools faq
paste
ninpen

Dera

ninpen
Oct 23rd, 2013
4,647
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.28 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-------------------------------
  4.  
  5. DERA BY NINPEN.TUMBLR.COM
  6. DO NOT REMOVE THE CREDIT.
  7. HOW TO INSTALL
  8.  
  9. 1. Click on customize theme then click on edit HTML
  10. 2. delete the entire code, and replace it with the code for this theme
  11. 3. Click on update preview then click on appearance.
  12. 4. Click save. Now refresh the screen. Now you can customize the appearance
  13. ___________________________________________________________________________
  14.  
  15. If there's a problem with the theme, or you need help, just ask me.
  16. --------------------------------->
  17.  
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19. <head>
  20.  
  21. <meta name="if:250px" content=""/>
  22. <meta name="if:400px" content="1"/>
  23. <meta name="if:500px" content=""/>
  24. <meta name="if:showCaption" content="0"/>
  25. <meta name="if:borderposts" content="0"/>
  26. <meta name="if:imagefade" content="0"/>
  27. <meta name="if:padding" content="0"/>
  28. <meta name="if:grayscale" content="0"/>
  29. <meta name="if:EndlessScroll" content="0"/>
  30.  
  31. <meta name="color:description BG" content="#ffffff"/>
  32. <meta name="color:description" content="#a59899"/>
  33. <meta name="color:pagination BG" content="#A8E6CE"/>
  34. <meta name="color:pagination" content="#ffffff"/>
  35. <meta name="color:background" content="#ffffff"/>
  36. <meta name="color:question BG" content="#fafafa"/>
  37. <meta name="color:question text" content="#a59899"/>
  38. <meta name="color:border" content="#fafafa"/>
  39. <meta name="color:text" content="#a59899"/>
  40. <meta name="color:thm link" content="#aaaaaa"/>
  41. <meta name="color:thm link hover" content="#bbbbbb"/>
  42.  
  43. <meta name="color:posts BG" content="#ffffff"/>
  44. <meta name="color:posts border" content="#fafafa"/>
  45. <meta name="color:posts link" content="#fca4a9"/>
  46. <meta name="color:posts link hover" content="#c4f8ff"/>
  47. <meta name="color:caption border" content="#f3f3f3"/>
  48. <meta name="color:caption BG" content="#fafafa"/>
  49.  
  50. <meta name="color:headerBG" content="#c5f4ff"/>
  51. <meta name="color:nav bar" content="#FAF8D3"/>
  52. <meta name="color:nav scrolled" content="#ffffff"/>
  53. <meta name="color:navi links" content="#d6d3a7"/>
  54. <meta name="color:navi border" content="#A8E6CE"/>
  55. <meta name="color:navi links hover" content="#ffb7db"/>
  56.  
  57. <meta name="color:main links" content="#7dd2e8"/>
  58. <meta name="color:main links BG" content="#ffffff"/>
  59. <meta name="color:main links hover" content="#b0e8b2"/>
  60. <meta name="color:main links BG-hover" content="#5CEEFD"/>
  61.  
  62. <meta name="color:audio BG" content="#ffffff"/>
  63. <meta name="color:audio text BG" content="#f7f7f7"/>
  64. <meta name="color:audio border" content="#f4f4f4"/>
  65.  
  66. <meta name="color:chat line 1" content="#f7f7f7"/>
  67. <meta name="color:chat line 2" content="#f5f5f5"/>
  68.  
  69. <meta name="color:right date" content="#DCEDC2"/>
  70. <meta name="color:right date hover" content="#d4fcf9"/>
  71.  
  72. <meta name="color:bottom color1" content="#A8E6CE"/>
  73. <meta name="color:bottom color2" content="#FFD3B5"/>
  74. <meta name="color:bottom color3" content="#A3FFFF"/>
  75. <meta name="color:bottom color4" content="#D1F2A5"/>
  76. <meta name="color:bottom color5" content="#FFAAA6"/>
  77.  
  78. <meta name="color:tagBG" content="#fff2f7"/>
  79. <meta name="color:tag" content="#ead3dc"/>
  80. <meta name="color:bottom date" content="#fca4a9"/>
  81. <meta name="color:bottom date BG" content="#ffffff"/>
  82. <meta name="color:sources" content="#FFAAA6"/>
  83.  
  84. <meta name="color:h1 link" content="#A8E6CE"/>
  85. <meta name="color:h1-border" content="#EAFF87"/>
  86. <meta name="color:h2 BG" content="#ffffff"/>
  87. <meta name="color:h2 link" content="#FFD3B5"/>
  88. <meta name="color:h1 BG" content="#ffffff"/>
  89.  
  90. <meta name="color:bold" content="#7ae1f5"/>
  91. <meta name="color:italic" content="#FF8F97"/>
  92. <meta name="color:underline" content="#7FDBCC"/>
  93.  
  94. <meta name="image:header" content="http://static.tumblr.com/1f1tzta/k3Gmv3lrl/dera3.gif"/>
  95. <meta name="image:background image" content=""/>
  96.  
  97. <meta name="text:Custom Link One" content=""/>
  98. <meta name="text:Custom Link One URL" content=""/>
  99. <meta name="text:Custom Link Two" content=""/>
  100. <meta name="text:Custom Link Two URL" content=""/>
  101. <meta name="text:Custom Link Three" content=""/>
  102. <meta name="text:Custom Link Three URL" content=""/>
  103. <meta name="text:Custom Link Four" content=""/>
  104. <meta name="text:Custom Link Four URL" content=""/>
  105. <meta name="text:Custom Link Five" content=""/>
  106. <meta name="text:Custom Link Five URL" content=""/>
  107. <meta name="text:Custom Link Six" content=""/>
  108. <meta name="text:Custom Link Six URL" content=""/>
  109.  
  110.  
  111. <link rel="stylesheet" type="text/css" href="http://meyerweb.com/eric/tools/css/reset/reset.css">
  112. <script src="http://code.jquery.com/jquery-latest.js"></script>
  113. <script type="text/javascript" src="http://static.tumblr.com/1f1tzta/0wvmlf1xq/scripted.js"></script>
  114. {block:IfEndlessScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  115. <title>{Title}</title>
  116. <link rel="shortcut icon" href="{Favicon}" />
  117. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  118.  
  119.  
  120. <style type="text/css">
  121. #scrlTop{
  122. position:fixed;
  123. z-index:123456 !important;
  124. width:20px;
  125. height:30px;
  126. bottom:20px;
  127. {block:IndexPage}
  128. {block:If250px}margin-left:350px;{/block:If250px}
  129. {block:If400px}margin-left:500px;{/block:If400px}
  130. {block:If500px}margin-left:600px;{/block:If500px}
  131. {/block:IndexPage}
  132. cursor:pointer;
  133. }
  134.  
  135. #scrlTop img{
  136. opacity:1;
  137. }
  138.  
  139. ::-webkit-scrollbar-thumb:vertical {
  140. background-color:#f5f5f5;
  141. height:50px;
  142. }
  143.  
  144. ::-webkit-scrollbar-thumb:horizontal {
  145. background-color:transparent;
  146. }
  147.  
  148. ::-webkit-scrollbar {
  149. margin-left:20px;
  150. height: 5px;
  151. border-left:4px solid #fff;
  152. border-right:4px solid #fff;
  153. width: 9px;
  154. background-color: pink;
  155. }
  156.  
  157. body {
  158. background:{color:background} url({image:background image}) repeat right top fixed;
  159. }
  160.  
  161. .NINCREDIT a{
  162. color:{color:thm link};
  163. }
  164.  
  165. .NINCREDIT a:hover{
  166. color:{color:thm link hover};
  167. }
  168.  
  169. a:link, a:active, a:visited{
  170. text-decoration:none;
  171. -webkit-transition: .6s ease-in-out;
  172. }
  173.  
  174. a:hover {
  175. -webkit-transition: .6s ease-in-out;
  176. }
  177.  
  178. img{
  179. display:block;
  180. max-width:100%;
  181. {block:Ifgrayscale}
  182. 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");
  183. filter: gray;
  184. -webkit-filter: grayscale(100%);
  185. {/block:Ifgrayscale}
  186. }
  187.  
  188. h1{
  189. font:italic bold 15px/11px times new roman;
  190. text-align:center;
  191. text-transform:lowercase;
  192. letter-spacing:-1px;
  193. position:relative;
  194. padding:2px 5px 5px 5px;
  195. background-color:{color:h1 BG};
  196. color:{color:h1 link};
  197. border-bottom:1px dotted {color:h1-border};
  198. }
  199.  
  200. a h1{
  201. color:{color:h1 link};
  202. }
  203.  
  204. h2{
  205. font:italic bold 12px times new roman;
  206. text-align:center;
  207. text-transform:lowercase;
  208. line-height: 11px;
  209. background-color:{color:h2 BG};
  210. color:{color:h2 link};
  211. }
  212.  
  213. a h2{
  214. color:{color:h2 link};
  215. }
  216.  
  217. b,strong{
  218. color:{color:bold};
  219. }
  220.  
  221. i,em{
  222. color:{color:italic};
  223. }
  224.  
  225. u{
  226. color:{color:underline};
  227. }
  228.  
  229. .source{
  230. font:italic 7px/10px trebuchet ms;
  231. text-transform:uppercase;
  232. letter-spacing:1px;
  233. color:{color:Text};
  234. }
  235.  
  236. .stretch{
  237. width: 100%;
  238. }
  239.  
  240. #wrapped,.lin,#icons,#navigation,#header,#description{
  241. transition: all .5s;
  242. -moz-transition: all .5s;
  243. -webkit-transition: all .5s;
  244. -o-transition: all .5s;
  245. }
  246.  
  247. #wrapped{
  248. top:0;
  249. left:0;
  250. position: fixed;
  251. z-index: 10;
  252. width:100%;
  253. height:229px;
  254. overflow:hidden;
  255. background:{color:headerBG} url() repeat center top fixed;
  256. }
  257.  
  258. #wrapped.large{
  259. height:229px;
  260. }
  261.  
  262. #wrapped.small{
  263. height:250px;
  264. }
  265.  
  266. #header{
  267. position:Relative;
  268. top:0;
  269. left:0;
  270. height:200px;
  271. width: 100%;
  272. }
  273.  
  274. #header.small{
  275. top:50px;
  276. }
  277.  
  278. #header img{
  279. margin:0 auto;
  280. }
  281.  
  282. #navigation{
  283. width:100%;
  284. height:9px;
  285. text-align:center;
  286. padding:10px 0;
  287. position:Relative;
  288. background:{color:nav bar};
  289. }
  290.  
  291. #navigation.large{
  292. top:0;
  293. }
  294.  
  295. #navigation.small{
  296. top:-200px;
  297. background:{color:nav scrolled};
  298. }
  299.  
  300. .navi {
  301. position:relative;
  302. top:-6px;
  303. font:italic 10px/10px times new romans;
  304. color:{color:navi links};
  305. letter-spacing:1px;
  306. text-transform:lowercase;
  307. border-bottom:1px solid transparent;
  308. margin-right:5px;
  309. transition: all .5s;
  310. -moz-transition: all .5s;
  311. -webkit-transition: all .5s;
  312. -o-transition: all .5s;
  313. }
  314.  
  315. .navi:hover{
  316. letter-spacing:2px;
  317. color:{color:navi links hover};
  318. background:transparent;
  319. border-bottom:1px solid {color:navi border};
  320. transition: all .5s;
  321. -moz-transition: all .5s;
  322. -webkit-transition: all .5s;
  323. -o-transition: all .5s;
  324. }
  325.  
  326. #links{
  327. position:relative;
  328. top:-6px;
  329. background:{color:main links BG};
  330. color:{color:main links};
  331. padding:3px 4px 4px 4px;
  332. font:italic 10px/10px times new romans;
  333. letter-spacing:1px;
  334. text-transform:lowercase;
  335. transition: all .5s;
  336. -moz-transition: all .5s;
  337. -webkit-transition: all .5s;
  338. -o-transition: all .5s;
  339. }
  340.  
  341. #links:hover{
  342. background:{color:main links BG-hover};
  343. color:{color:main links hover};
  344. transition: all .5s;
  345. -moz-transition: all .5s;
  346. -webkit-transition: all .5s;
  347. -o-transition: all .5s;
  348. }
  349.  
  350. #description{
  351. left:50%;
  352. width:300px;
  353. top:80px;
  354. background:{color:description BG};
  355. color:{color:description};
  356. text-align:center;
  357. position:relative;
  358. margin-left:-150px;
  359. position:absolute;
  360. padding:0 6px;
  361. font:italic 10px times new roman;
  362. letter-spacing:1px;
  363. opacity:0;
  364. }
  365.  
  366. #wrapped:hover #description{
  367. opacity:1;
  368. }
  369.  
  370. #description:before,
  371. #description:after {
  372. box-sizing: border-box;
  373. border-style: solid;
  374. border-color: transparent;
  375. border-width: 10px;
  376. content: "";
  377. display: block;
  378. left: 0;
  379. position: absolute;
  380. width: 100%;
  381. }
  382.  
  383. #description:before {
  384. border-top-width: 0;
  385. border-bottom-color: {color:description BG};
  386. top: -10px;
  387. }
  388.  
  389. #description:after {
  390. border-bottom-width: 0;
  391. border-top-color: {color:description BG};
  392. bottom:-10px;
  393. }
  394.  
  395. #center{
  396. margin:0 auto;
  397. background:;
  398. height:100%;
  399. {block:IndexPage}
  400. {block:If250px}width:304px;{/block:If250px}
  401. {block:If400px}width:454px;{/block:If400px}
  402. {block:If500px}width:554px;{/block:If500px}
  403. {/block:IndexPage}
  404. {block:PermalinkPage}
  405. width:554px;
  406. {/block:PermalinkPage}
  407. }
  408.  
  409. #content {
  410. margin:300px auto 0 auto;
  411. background:;
  412. {block:IndexPage}
  413. {block:If250px}width:297px;{/block:If250px}
  414. {block:If400px}width:447px;{/block:If400px}
  415. {block:If500px}width:547px;{/block:If500px}
  416. {/block:IndexPage}
  417. {block:PermalinkPage}
  418. width:552px;
  419. {/block:PermalinkPage}
  420. }
  421.  
  422. .entry {
  423. font:11px/14px calibri;
  424. margin-bottom:35px;
  425. position:relative;
  426. background:{color:posts BG};
  427. font:11px calibri;
  428. color:{color:text};
  429. {block:Ifborderposts}
  430. border:1px solid {color:posts border};
  431. {/block:Ifborderposts}
  432. {block:Ifpadding}
  433. padding:6px;
  434. {/block:Ifpadding}
  435. {block:IndexPage}
  436. {block:If250px}width:250px;{/block:If250px}
  437. {block:If400px}width:400px;{/block:If400px}
  438. {block:If500px}width:500px;{/block:If500px}
  439. {/block:IndexPage}
  440. {block:PermalinkPage}
  441. width:500px;
  442. {/block:PermalinkPage}
  443. }
  444.  
  445. .entry img,.photoset{
  446. {block:Ifimagefade}
  447. opacity:.7;
  448. transition: all .5s;
  449. -moz-transition: all .5s;
  450. -webkit-transition: all .5s;
  451. -o-transition: all .5s;
  452. {/block:Ifimagefade}
  453. }
  454.  
  455. .entry img:hover,.photoset:hover{
  456. {block:Ifimagefade}
  457. opacity:1;
  458. transition: all .5s;
  459. -moz-transition: all .5s;
  460. -webkit-transition: all .5s;
  461. -o-transition: all .5s;
  462. {/block:Ifimagefade}
  463. }
  464.  
  465. .entry a{
  466. color:{color:posts link};
  467. }
  468.  
  469. .entry a:hover{
  470. color:{color:posts link hover};
  471. }
  472.  
  473. #caption{
  474. margin-top:6px;
  475. border-top:1px solid {color:caption border};
  476. background:{color:caption BG};
  477. color:{color:text};
  478. }
  479.  
  480. #question{
  481. background:{color:question BG};
  482. color:{color:question text};
  483. min-height:58px;
  484. padding:6px;
  485. font:italic 10px/14px calibri;
  486. letter-spacing:1px;
  487. }
  488.  
  489. #question img{
  490. padding:5px;
  491. position:Relative;
  492. float:left;
  493. margin:3px;
  494. z-index:9999;
  495. background:{color:border};
  496. }
  497.  
  498. #question h1{
  499. font:italic bold 15px/11px times new roman;
  500. margin:3px 0 0 59px;
  501. {block:IndexPage}
  502. {block:If250px}width:168px;{/block:If250px}
  503. {block:If400px}width:318px;{/block:If400px}
  504. {block:If500px}width:418px;{/block:If500px}
  505. {/block:IndexPage}
  506. {block:PermalinkPage}
  507. width:418px;
  508. {/block:PermalinkPage}
  509. text-transform:lowercase;
  510. letter-spacing:-1px;
  511. padding:2px 5px 5px 5px;
  512. color:{color:h1 link};
  513. border-bottom:1px dotted {color:h1-border};
  514. }
  515.  
  516. #postinfo{
  517. position:absolute;
  518. width:32px;
  519. top:0;
  520. right:-35px;
  521. background:;
  522. font-size:30px;
  523. line-height:23px;
  524. display:block;
  525. font-family:helvetica;
  526. letter-spacing:-1px;
  527. font-weight:bold;
  528. }
  529.  
  530. #postinfo a{
  531. color:{color:right date};
  532. transition: all .5s;
  533. -moz-transition: all .5s;
  534. -webkit-transition: all .5s;
  535. -o-transition: all .5s;
  536. }
  537.  
  538. #postinfo a:hover{
  539. color:{color:right date hover};
  540. transition: all .5s;
  541. -moz-transition: all .5s;
  542. -webkit-transition: all .5s;
  543. -o-transition: all .5s;
  544. }
  545.  
  546. #postinfo-bot{
  547. position:relative;
  548. margin:6px 0 -6px 0px;
  549. font-size:10px;
  550. font-family:times new roman;
  551. font-style:italic;
  552. vertical-align:top;
  553. letter-spacing:1px;
  554. text-transform:lowercase;
  555. {block:Ifpadding}
  556. padding:13px 6px;
  557. margin:6px 0 -6px -6px;
  558. {/block:Ifpadding}
  559. {block:IndexPage}
  560. {block:If250px}width:250px;{/block:If250px}
  561. {block:If400px}width:400px;{/block:If400px}
  562. {block:If500px}width:500px;{/block:If500px}
  563. {/block:IndexPage}
  564. }
  565.  
  566. #postinfo-bot:before{
  567. height:1px;
  568. position:relative;
  569. top:-0px;
  570. left:0x;
  571. width:100%;
  572. content:"";
  573. display:block;
  574. background:
  575. -webkit-linear-gradient(0deg, {color:bottom color1} 20%,transparent 20%),
  576. -webkit-linear-gradient(0deg, {color:bottom color2} 40%,transparent 40%),
  577. -webkit-linear-gradient(0deg, {color:bottom color3} 60%,transparent 60%),
  578. -webkit-linear-gradient(0deg, {color:bottom color4} 80%,transparent 80%),
  579. {color:bottom color5};
  580. background:
  581. -moz-linear-gradient(0deg, {color:bottom color1} 20%,transparent 20%),
  582. -moz-linear-gradient(0deg, {color:bottom color2} 40%,transparent 40%),
  583. -moz-linear-gradient(0deg, {color:bottom color3} 60%,transparent 60%),
  584. -moz-linear-gradient(0deg, {color:bottom color4} 80%,transparent 80%),
  585. {color:bottom color5};
  586. {block:Ifpadding}
  587. top:-13px;
  588. left:-6px;
  589. padding:0 6px;
  590. {/block:Ifpadding}
  591. }
  592.  
  593. #postinfo-bot .tag {
  594. margin-top:5px;
  595. text-align:center;
  596. }
  597.  
  598. #postinfo-bot .tag a{
  599. background:{color:tagBG};
  600. color:{color:tag};
  601. margin:0 5px;
  602. }
  603.  
  604. .date{
  605. color:{color:bottom date}
  606. background:{color:bottom date BG};
  607. display:inline-block;
  608. }
  609.  
  610. .via{
  611. color:red;
  612. background:#fff;
  613. display:inline-block;
  614. float:right;
  615. }
  616.  
  617. .img img{
  618. margin-top:-1px;
  619. float:left;
  620. opacity:.4;
  621. }
  622.  
  623. .img{
  624. margin-right:10px;
  625. float:right;
  626. display:inline-block;;
  627. }
  628.  
  629. #audio{
  630. width:100%;
  631. height:85px;
  632. border-radius:5px;
  633. border-bottom:1px solid
  634. overflow:hidden;
  635. background:{color:audio text BG};
  636. }
  637.  
  638. #play{
  639. display:inline-block;
  640. margin-right:30px;
  641. width:85px;
  642. height:85px;
  643. background:{color:audio BG};
  644. border-right:1px solid {color:audio border};
  645. }
  646.  
  647. .play{
  648. position:absolute;
  649. margin:33px 0 0 33px;
  650. width:20px;
  651. opacity:.6;
  652. height:20px;
  653. overflow:hidden;
  654. }
  655.  
  656. #autext{
  657. display:inline-block;
  658. vertical-align:top;
  659. margin-top:15px;
  660. font:10px/14px calibri;
  661. text-transform:lowercase;
  662. }
  663.  
  664. blockquote{
  665. padding:6px;
  666. color:{color:text};
  667. border-left:2px solid {color:bottom color4};
  668. }
  669.  
  670. #paged{
  671. position:fixed;
  672. bottom:20px;
  673. {block:IndexPage}
  674. {block:If250px}margin-left:250px;{/block:If250px}
  675. {block:If400px}margin-left:500px;{/block:If400px}
  676. {block:If500px}margin-left:500px;{/block:If500px}
  677. {/block:IndexPage}
  678. }
  679.  
  680. #paged a{
  681. font:italic 10px times new roman;
  682. letter-spacing:1px;
  683. text-transform:lowercase;
  684. background:{color:pagination BG};
  685. padding:2px 7px 4px 7px;
  686. color:{color:pagination};
  687. }
  688.  
  689. ul, ol, li{
  690. list-style:none;
  691. margin:0px;
  692. padding:0px;
  693. }
  694.  
  695. ul.chat {
  696. margin: 0;
  697. padding: 0;
  698. }
  699.  
  700. .chat li {
  701. list-style-type: none;
  702. margin-left: 0px;
  703. padding: 10px;
  704. font:7px trebuchet ms;
  705. letter-spacing:1px;
  706. text-transform:uppercase;
  707. }
  708.  
  709. .chat li.odd {
  710. margin-bottom: 3px;
  711. background-color:{color:chat line 1};
  712. color: {color:text};
  713. }
  714.  
  715. .chat li.even {
  716. margin-bottom: 3px;
  717. background-color:{color:chat line 2};
  718. color: {color:text};
  719. }
  720.  
  721. iframe#tumblr_controls{
  722. position:fixed !important;
  723. z-index: 123456!important;
  724. white-space:nowrap;
  725. -webkit-filter: invert(100%);
  726. -moz-filter: invert(100%);
  727. -o-filter: invert(100%);
  728. -ms-filter: invert(100%);
  729. filter: invert(100%);
  730. opacity:.3;
  731. transition: .8s ease-in-out;
  732. -webkit-transition: .8s ease-in-out;
  733. -moz-transition: .8s ease-in-out;
  734. -o-transition: .8s ease-in-out;
  735. }
  736.  
  737. iframe#tumblr_controls:hover{
  738. opacity:.7;
  739. transition: .8s ease-in-out;
  740. -webkit-transition: .8s ease-in-out;
  741. -moz-transition: .8s ease-in-out;
  742. -o-transition: .8s ease-in-out;
  743. }
  744.  
  745. ul{
  746. list-style-type:none;
  747. }
  748.  
  749. li{
  750. list-style-type:square;
  751. list-style-position:inside;
  752. margin-left:20px;
  753. font-family:calibri;
  754. }
  755.  
  756. ol.notes {
  757. background-color:{color:posts};
  758. width:500px;
  759. text-align:left;
  760. padding: 0px;
  761. margin: 25px 0px;
  762. left:20px;
  763. list-style-type: lower-roman;
  764. border-bottom: solid 1px {color:border};
  765. }
  766.  
  767. ol.notes li.note {
  768. font:italic 10px times new roman;
  769. letter-spacing:1px;
  770. text-transform:lowercase;
  771. list-style-type:none;
  772. padding: 10px;
  773. border-top: solid 1px {color:border};
  774. }
  775.  
  776. ol.notes li.note img.avatar {
  777. list-style-type:none;
  778. display:inline-block;
  779. vertical-align: -4px;
  780. margin-right: 10px;
  781. width: 16px;
  782. height: 16px;
  783. border-radius:3px;
  784. }
  785.  
  786. ol.notes li.note span.action {
  787. list-style-type:none;
  788. font-weight:normal;
  789. }
  790.  
  791. ol.notes li.note .answer_content {
  792. list-style-type:none;
  793. font-weight: normal;
  794. }
  795.  
  796. ol.notes li.note blockquote {
  797. border-color: {color:border};
  798. padding: 4px 10px;
  799. margin: 10px 0px 0px 25px;
  800. }
  801.  
  802. ol.notes li.note blockquote a {
  803. text-decoration: none;
  804. }
  805.  
  806. .pagination {
  807. display: none;
  808. }
  809.  
  810. </style>
  811.  
  812. <script type="text/javascript">
  813. $(document).on("scroll",function(){
  814. if($(document).scrollTop()>100){
  815. $("#wrapped,#navigation,#header").removeClass("large").addClass("small");
  816. }
  817. else{
  818. $("#wrapped,#navigation,#header").removeClass("small").addClass("large");
  819. }
  820. });
  821. </script>
  822.  
  823. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  824. <script type="text/javascript">
  825. $(function() {
  826. $.fn.scrollToTop = function() {
  827. $(this).hide().removeAttr("href");
  828. if ($(window).scrollTop() != "0") {
  829. $(this).fadeIn("slow")
  830. }
  831. var scrollDiv = $(this);
  832. $(window).scroll(function() {
  833. if ($(window).scrollTop() == "0") {
  834. $(scrollDiv).fadeOut("slow")
  835. } else {
  836. $(scrollDiv).fadeIn("slow")
  837. }
  838. });
  839. $(this).click(function() {
  840. $("html, body").animate({
  841. scrollTop: 0
  842. }, "slow")
  843. })
  844. }
  845. });
  846. $(function() {
  847. $("#scrlTop").scrollToTop();
  848. });
  849. </script>
  850.  
  851. </head>
  852. <body>
  853.  
  854. <div id="center">
  855.  
  856. {block:IfEndlessScroll}
  857. <a id="scrlTop" href="#"><img src="http://static.tumblr.com/1f1tzta/aRKmv3vry/up2.png"></a>
  858. {/block:IfEndlessScroll}
  859.  
  860. <div id="wrapped">
  861. <div id="header" class="large">
  862. <div id="description">
  863. <div class="header">
  864. {description}
  865. </div>
  866. </div>
  867. <img src="{image:header}">
  868. </div>
  869.  
  870. <div id="navigation">
  871. <a id="links" href="/">Home</a>
  872. <a id="links" href="/ask">message</a>
  873. <a id="links" href="/archive">archives</a>
  874. <a class="navi" href="{block:IfCustomLinkOneURL}{text:Custom Link One URL}{/block:IfCustomLinkOneURL}"> {text:Custom Link One}{/block:IfCustomLinkOne}</a>
  875. {block:IfCustomLinkTwo}<a class="navi" href="{block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/block:IfCustomLinkTwoURL}"> {text:Custom Link Two}{/block:IfCustomLinkTwo}</a>
  876. {block:IfCustomLinkThree}<a class="navi" href="{block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/block:IfCustomLinkThreeURL}"> {text:Custom Link Three}{/block:IfCustomLinkThree}</a>
  877. {block:IfCustomLinkFour}<a class="navi" href="{block:IfCustomLinkFourURL}{text:Custom Link Four URL}{/block:IfCustomLinkFourURL}"> {text:Custom Link Four}{/block:IfCustomLinkFour}</a>
  878. {block:IfCustomLinkFive}<a class="navi" href="{block:IfCustomLinkFiveURL}{text:Custom Link Five URL}{/block:IfCustomLinkFiveURL}"> {text:Custom Link Five}{/block:IfCustomLinkFive}</a>
  879. {block:IfCustomLinkSix}<a class="navi" href="{block:IfCustomLinkSixURL}{text:Custom Link Six URL}{/block:IfCustomLinkSixURL}"> {text:Custom Link Six}{/block:IfCustomLinkSix}</a>
  880.  
  881. </div>
  882. </div>
  883.  
  884.  
  885.  
  886.  
  887. <div id="content" class="stretch">
  888. {block:Posts}
  889. <div class="entry">
  890.  
  891. {block:IndexPage}
  892. <div id="postinfo">
  893. {block:Date}<A href="{permalink}">{MonthNumberWithZero}<br>{DayOfMonthWithZero}<br>{ShortYear}{/block:Date}.</a>
  894. </div>
  895. {/block:IndexPage}
  896.  
  897.  
  898. {block:Text}
  899. {block:Title}<h1>{Title}</h1>{/block:Title}
  900. {Body}
  901. {/block:Text}
  902.  
  903.  
  904.  
  905.  
  906. {block:Link}
  907. <a href="{URL}" class="title"><h1>{Name}</h1></a>
  908. {block:Description}{Description}{/block:Description}
  909. {block:Link}
  910.  
  911.  
  912.  
  913.  
  914. {block:Photo}
  915. {block:IndexPage}
  916. <a class="ent" href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>
  917. {/block:IndexPage}
  918.  
  919. {block:PermalinkPage}
  920. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  921. {/block:PermalinkPage}
  922. {/block:Photo}
  923.  
  924.  
  925.  
  926.  
  927. {block:Photoset}
  928. {block:IndexPage}
  929. {block:If250px}{Photoset-250}{/block:If250px}
  930. {block:If400px}{Photoset-400}{/block:If400px}
  931. {block:If500px}{Photoset-500}{/block:If500px}
  932. {/block:IndexPage}
  933. {block:PermalinkPage}
  934. {Photoset-500}
  935. {/block:PermalinkPage}
  936. {/block:Photoset}
  937.  
  938.  
  939. {block:Quote}
  940. <h2>"{Quote}"</h2>
  941. {block:Source}
  942. <div class="source">- {Source}</div>
  943. {/block:Source}
  944. {/block:Quote}
  945.  
  946.  
  947. {block:Answer}
  948. <div id="question">
  949. <img src="{AskerPortraitURL-40}">
  950. <h1><a href="{Permalink}">{Asker}</a></h1>
  951. {Question}
  952. </div>
  953. {Answer}
  954. {/block:answer}
  955.  
  956.  
  957. {block:Chat}
  958. {block:Title}
  959. <h3><a href="{Permalink}">{Title}</a></h3>
  960. {/block:Title}
  961. <ul class="chat">
  962. {block:Lines}
  963. <li class="{Alt} user_{UserNumber}">
  964. {block:Label}
  965. <span class="label">{Label}
  966. {/block:Label}
  967. {Line}
  968. </li>
  969. {/block:Lines}
  970. </ul>
  971. {/block:Chat}
  972.  
  973.  
  974.  
  975. {block:Audio}
  976. <div id="audio">
  977. <div id="play"><div class="play">{AudioPlayerWhite}</div></div>
  978. <div id="autext">
  979. {block:TrackName}Song: {TrackName}<br>{/block:TrackName}
  980. {block:Artist}ARTIST: {Artist}<br>{/block:Artist}
  981. {block:Album}ALBUM: {Album}<br>{/block:Album}
  982. {block:PlayCount}Plays: <i>{FormattedPlayCount}</i> {/block:PlayCount}
  983. </div>
  984.  
  985. </div>
  986. {/block:Audio}
  987.  
  988.  
  989.  
  990. {block:Video}
  991. {block:IndexPage}
  992. {block:If250px}{Video-250}{/block:If250px}
  993. {block:If400px}{Video-400}{/block:If400px}
  994. {block:If500px}{Video-500}{/block:If500px}
  995. {/block:IndexPage}
  996. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  997. {/block:Video}
  998.  
  999.  
  1000. {block:IndexPage}
  1001. {block:IfshowCaption}
  1002. {block:Caption}
  1003. <div id="caption">{Caption}</div>
  1004. {/block:Caption}
  1005. {/block:IfshowCaption}
  1006. {/block:IndexPage}
  1007.  
  1008.  
  1009. {block:IndexPage}
  1010. <div id="postinfo-bot">
  1011. {block:Date}<a class="date" href="{permalink}">{TimeAgo}</a>{/block:Date}
  1012.  
  1013. {block:RebloggedFrom}
  1014. <div class="via"><a href="{ReblogParentURL}">Source</a> / <a href="{ReblogRootURL}">Via</a></div>
  1015. {/block:RebloggedFrom}
  1016.  
  1017. <div class="img"><img src="http://static.tumblr.com/1f1tzta/J2Cmuyi8u/1372313018_target.gif">{NoteCount}</div>
  1018.  
  1019. {block:HasTags}<div class="tag">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1020. </div>
  1021. {/block:IndexPage}
  1022.  
  1023.  
  1024.  
  1025.  
  1026. {block:PermalinkPage}
  1027. {block:Caption}
  1028. <div id="caption">{Caption}</div>
  1029. {/block:Caption}
  1030.  
  1031. <div id="postinfo-bot" style="text-align:center;">
  1032. {block:Date}{TimeAgo}{/block:Date} with {NoteCountWithLabel}<br>
  1033. {block:RebloggedFrom}
  1034. <a href="{ReblogParentURL}">Source</a> / <a href="{ReblogRootURL}">Via</a>{/block:RebloggedFrom}
  1035.  
  1036. {block:HasTags}<div class="tag">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1037. </div>
  1038. {/block:PermalinkPage}
  1039.  
  1040.  
  1041.  
  1042.  
  1043. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1044.  
  1045. </div>
  1046.  
  1047.  
  1048.  
  1049. {/block:Posts}
  1050.  
  1051. {block:ContentSource}
  1052. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1053. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1054. {/block:SourceLogo}
  1055. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1056. {/block:ContentSource}
  1057.  
  1058.  
  1059. {block:IfNotEndlessScroll}
  1060. {block:Pagination}
  1061. <div id="paged">
  1062. {block:PreviousPage}
  1063. <a href="{PreviousPage}">previous</a>
  1064. {/block:PreviousPage}
  1065.  
  1066. {block:NextPage}
  1067. <a href="{NextPage}">next</a>
  1068. {/block:NextPage}
  1069. </div>
  1070. {/block:Pagination}
  1071. {/block:IfNotEndlessScroll}
  1072.  
  1073. </div>
  1074.  
  1075. </div>
  1076. </body>
  1077. </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!