API tools faq
paste
ninpen

Prelude

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