API tools faq
paste
ninpen

yomi

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