API tools faq
paste
Advertisement
okesan

yixing theme by ohmilk

okesan
Jun 21st, 2013
122
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.92 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5.  
  6. <!--- Theme coded by Hina (ohmilk.tumblr.com). Please leave the credits untouched, thank you!--->
  7.  
  8.  
  9. <head><title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}"/>
  15. {/block:Description}
  16.  
  17. <meta name="if:InfiniteScroll" content="0"/>
  18. <meta name="if:ShowCaptions" content="1"/>
  19. <meta name="if:ShowAudioPostCaptions" content="1"/>
  20. <meta name="if:ShowViaSource" content="1"/>
  21. <meta name="if:ShowTags" content="1"/>
  22. <meta name="if:250Posts" content="0"/>
  23. <meta name="if:400Posts" content="1"/>
  24. <meta name="if:500Posts" content="0"/>
  25.  
  26. <meta name="if:IconLinks" content="1"/>
  27. <meta name="if:SidebarImg" content="1"/>
  28.  
  29. <meta name="if:LinkOne" content="1"/>
  30. <meta name="if:LinkTwo" content="1"/>
  31. <meta name="if:LinkThree" content="1"/>
  32. <meta name="if:LinkFour" content="1"/>
  33.  
  34. <meta name="color:BG" content="#FFF"/>
  35. <meta name="color:LinkTitleBG" content="#000"/>
  36. <meta name="color:LinkTitleText" content="#FFF"/>
  37.  
  38. <meta name="image:Background" content=""/>
  39. <meta name="image:Sidebar" content=""/>
  40. <meta name="image:BackToTop" content="http://static.tumblr.com/bc7znss/MN5ma27op/373813c8qyd2txyp.gif"/>
  41.  
  42. <meta name="image:HomeIcon" content="http://static.tumblr.com/7qjmkr5/DdYmdsnj4/house.gif"/>
  43.  
  44. <meta name="image:AskIcon" content="http://static.tumblr.com/7qjmkr5/PAYmdsnka/marcadores27.gif"/>
  45.  
  46. <meta name="image:LinkOneIcon" content="http://static.tumblr.com/7qjmkr5/QZCmdsnt1/marcadores19.gif"/>
  47.  
  48. <meta name="image:LinkTwoIcon" content="http://static.tumblr.com/7qjmkr5/1gfmdsnm1/clip.gif"/>
  49.  
  50. <meta name="image:LinkThreeIcon" content="http://static.tumblr.com/7qjmkr5/kiMmdsnzb/lapis.gif"/>
  51.  
  52. <meta name="image:LinkFourIcon" content="http://static.tumblr.com/7qjmkr5/8aTmdso0f/assistindo1.gif"/>
  53.  
  54. <meta name="image:ArchiveIcon" content="http://static.tumblr.com/bc7znss/mwNmduz58/folder_open.gif"/>
  55.  
  56. <meta name="text:Comment" content=""/>
  57. <meta name="text:Header" content=""/>
  58.  
  59. <meta name="text:LinkOneURL" content="/"/>
  60. <meta name="text:LinkOneTitle" content="Link1"/>
  61.  
  62. <meta name="text:LinkTwoURL" content="/"/>
  63. <meta name="text:LinkTwoTitle" content="Link2"/>
  64.  
  65. <meta name="text:LinkThreeURL" content="/"/>
  66. <meta name="text:LinkThreeTitle" content="Link3"/>
  67.  
  68. <meta name="text:LinkFourURL" content="/"/>
  69. <meta name="text:LinkFourTitle" content="Link4"/>
  70.  
  71. <script src="http://static.tumblr.com/bc7znss/7BNmhmczw/document.js"></script>
  72. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  73. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  74. <script>
  75. (function($){
  76. $(document).ready(function(){
  77. $("[title]").style_my_tooltips();
  78. });
  79. })(jQuery);
  80. </script>
  81.  
  82. <style type="text/css">
  83.  
  84. body {
  85. color: #AAA;
  86. background: {color:BG} url('{image:Background}') repeat fixed;
  87. font-family: calibri;
  88.  
  89. {block:If250Posts}
  90. {block:IndexPage}
  91. font-size: 10px;
  92. line-height: 11px;
  93. {/block:IndexPage}
  94. {block:Permalink}
  95. font-size: 11px;
  96. line-height: 12px;
  97. {/block:Permalink}
  98. {/block:If250Posts}
  99.  
  100. {block:IfNot250Posts}
  101. font-size: 11px;
  102. line-height: 12px;
  103. {/block:IfNot250Posts}
  104.  
  105. margin: 0px 0px 15px 0px;
  106. word-wrap: break-word;
  107. }
  108.  
  109. a {
  110. color: #CCC;
  111. text-decoration: none;
  112. -webkit-transition: all 0.6s ease-in-out;
  113. -moz-transition: all 0.6s ease-in-out;
  114. -o-transition: all 0.6s ease-in-out;
  115. }
  116.  
  117. a:hover {
  118. color: #AAA;
  119. }
  120.  
  121. #tags {
  122. padding-top: 5px;
  123. margin-top: 5px;
  124. border-top: 1px solid #F0F0F0;
  125. }
  126.  
  127. #tags a {
  128. color: #CCC;
  129. text-decoration: none;
  130. -webkit-transition: all 0.6s ease-in-out;
  131. -moz-transition: all 0.6s ease-in-out;
  132. -o-transition: all 0.6s ease-in-out;
  133. }
  134.  
  135. #tags a:hover {
  136. color: #AAA;
  137. }
  138.  
  139. b, strong {
  140. color: #888;
  141. font-weight: bold;
  142. }
  143.  
  144. i {
  145. color: #CCC;
  146. font-style: oblique;
  147. }
  148.  
  149. pre, xmp, plaintext, listing {
  150. display: block;
  151. font-family: monospace;
  152. white-space: pre;
  153. background: #FBFBFB;
  154. padding: 5px;
  155. }
  156.  
  157. blockquote {
  158. border-left: 2px solid #F4F4F4;
  159. background: transparent;
  160. display: block;
  161. margin: 5px 0px 5px 0pc;
  162. padding: 1px 1px 1px 10px;
  163. overflow: auto;
  164. }
  165.  
  166. .post blockquote img {
  167. max-width: 100%;
  168. }
  169.  
  170. #notes {
  171. padding-right: 10px;
  172. text-align: left;
  173. text-transform: uppercase;
  174. font-size: 8px;
  175. letter-spacing: 1px;
  176. font-family: consolas;
  177. margin-left: 6px;
  178. {block:If500Posts}width: 530px;{/block:If500Posts}
  179. {block:If400Posts}width: 430px;{/block:If400Posts}
  180. {block:If250Posts}width: 430px;{/block:If250Posts}
  181. }
  182.  
  183. #notes img {
  184. width: 8px;
  185. height: 8px;
  186. margin-bottom: -1px;
  187. }
  188.  
  189. #notes a {
  190. color: #CCC;
  191. }
  192.  
  193. #notes a:hover {
  194. color: #AAA;
  195. }
  196.  
  197. #center {
  198. margin: auto;
  199.  
  200. {block:If400Posts}width: 484px;{/block:If400Posts}
  201. {block:If500Posts}width: 584px;{/block:If500Posts}
  202.  
  203. {block:If250Posts}
  204. {block:IndexPage}width: 334px;{/block:IndexPage}
  205. {block:PermalinkPage}width: 484px;{/block:PermalinkPage}
  206. {/block:If250Posts}
  207. }
  208.  
  209. .post {
  210. overflow: hidden;
  211. margin-left: auto;
  212. margin-right: auto;
  213. background: #FFF;
  214. padding: 25px;
  215. border: 1px solid #F0F0F0;
  216. margin-top: 15px;
  217.  
  218. {block:If400Posts}width: 400px;{/block:If400Posts}
  219. {block:If500Posts}width: 500px;{/block:If500Posts}
  220.  
  221. {block:If250Posts}
  222. {block:IndexPage}width: 250px;{/block:IndexPage}
  223. {block:PermalinkPage}width: 400px;{/block:PermalinkPage}
  224. {/block:If250Posts}
  225. }
  226.  
  227. img {
  228. max-width: 100%;
  229. }
  230.  
  231. #bottom {
  232. color: #777;
  233. margin-left: auto;
  234. margin-right: auto;
  235. text-transform: uppercase;
  236. font-size: 8px;
  237. font-family: calibri;
  238. line-height: 12px;
  239. letter-spacing: 1px;
  240. text-align: center;
  241. padding: 5px;
  242. margin-top: 5px;
  243. border: 3px double #F0F0F0;
  244. background: #FBFBFB;
  245.  
  246. {block:If400Posts}width: 436px;{/block:If400Posts}
  247. {block:If500Posts}width: 536px;{/block:If500Posts}
  248.  
  249. {block:If250Posts}
  250. {block:IndexPage}width: 286px;{/block:IndexPage}
  251. {block:PermalinkPage}width: 436px;{/block:PermalinkPage}
  252. {/block:If250Posts}
  253. }
  254.  
  255. #bottom a {
  256. color: #AAA;
  257. padding: 0px 3px 1px 4px;
  258. }
  259.  
  260. #bottom a:hover {
  261. color: #777;
  262. background: #F0F0F0;
  263. }
  264.  
  265. #captions {
  266. margin-top: 10px;
  267. padding: 5px 10px 5px 10px;
  268. border: 3px double #F0F0F0;
  269. }
  270.  
  271. #piccy img {
  272. max-width: 100%;
  273. margin-bottom: -3px;
  274.  
  275. {block:IfNotShowCaptions}
  276. {block:IndexPage}
  277. padding: 5px;
  278. margin: -6px -6px -9px -6px;
  279. border: 1px dotted #DDD;
  280. {/block:IndexPage}
  281. {/block:IfNotShowCaptions}
  282. }
  283.  
  284. .post li {
  285. list-style: square;
  286. }
  287.  
  288. #texts {
  289. margin: -15px;
  290. }
  291.  
  292. #perma {
  293. position: absolute;
  294. width: 70px;
  295. text-transform: uppercase;
  296. font-family: consolas;
  297. font-size: 8px;
  298. letter-spacing: 1px;
  299. padding: 3px 5px 3px 5px;
  300. margin-top: -25px;
  301. border-left: 1px solid #F0F0F0;
  302. background: #FFF;
  303. opacity: 0;
  304. -webkit-transition: all 0.4s ease-in-out;
  305. -moz-transition: all 0.4s ease-in-out;
  306. -o-transition: all 0.4s ease-in-out;
  307.  
  308. {block:If250Posts}margin-left: 292px;{/block:If250Posts}
  309. {block:If400Posts}margin-left: 442px;{/block:If400Posts}
  310. {block:If500Posts}margin-left: 542px;{/block:If500Posts}
  311. }
  312.  
  313. .post:hover #kyungsoo {
  314. opacity: 1;
  315. }
  316.  
  317. #kyungsoo {
  318. opacity: 0;
  319. position: absolute;
  320. width: 46px;
  321. margin-top: -26px;
  322. margin-left: -77px;
  323. -webkit-transition: all 0.6s ease-in-out;
  324. -moz-transition: all 0.6s ease-in-out;
  325. -o-transition: all 0.6s ease-in-out;
  326. }
  327.  
  328. #kyungsoo img {
  329. opacity: 0.6;
  330. padding: 5px;
  331. border: 3px double #F0F0F0;
  332. background: #FFF;
  333. margin: 0 0 2px 0;
  334. -webkit-transition: all 0.6s ease-in-out;
  335. -moz-transition: all 0.6s ease-in-out;
  336. -o-transition: all 0.6s ease-in-out;
  337. }
  338.  
  339. #kyungsoo img:hover {
  340. opacity: 1;
  341. }
  342.  
  343. .post:hover #perma {
  344. opacity: 1;
  345. }
  346.  
  347. .sidebarholder {
  348. position: fixed;
  349. top: 50px;
  350. width: 150px;
  351.  
  352. {block:If400Posts}margin-left: 504px;{/block:If400Posts}
  353. {block:If500Posts}margin-left: 604px;{/block:If500Posts}
  354.  
  355. {block:If250Posts}
  356. {block:IndexPage}margin-left: 354px;{/block:IndexPage}
  357. {block:PermalinkPage}margin-left: 504px;{/block:PermalinkPage}
  358. {/block:If250Posts}
  359. }
  360.  
  361. #sidebar {
  362. text-align: center;
  363. }
  364.  
  365. #sidebartitle {
  366. color: #CCC;
  367. font-size: 12px;
  368. line-height: 12px;
  369. border-bottom: 1px solid #F0F0F0;
  370. padding-bottom: 5px;
  371. font-family: calibri;
  372. {block:IfSidebarImg}margin-bottom: 5px;{/block:IfSidebarImg}
  373. }
  374.  
  375. #sidebartitle a {
  376. color: #CCC;
  377. }
  378.  
  379. #sidebarimg {
  380. text-align: center;
  381. padding: 7px;
  382. border: 3px double #F0F0F0;
  383. }
  384.  
  385. #sidebarimg img {
  386. width: 130px;
  387. margin-bottom: -3px;
  388. }
  389.  
  390. #description {
  391. padding: 5px;
  392. border-bottom: 1px solid #F0F0F0;
  393. line-height: 8px;
  394. letter-spacing: 1px;
  395. text-transform: uppercase;
  396. font-size: 8px;
  397. }
  398.  
  399. #comment {
  400. letter-spacing: 1px;
  401. text-align: right;
  402. text-transform: uppercase;
  403. font-size: 8px;
  404. line-height: 10px;
  405. font-style: oblique;
  406. }
  407.  
  408. #description a img {
  409. opacity: 0.4;
  410. margin-bottom: 0px;
  411. -webkit-transition: all 0.4s linear;
  412. -moz-transition: all 0.4s linear;
  413. transition: all 0.4s linear;
  414. }
  415.  
  416. #description a:hover img {
  417. -webkit-filter: grayscale(1);
  418. }
  419.  
  420. #description a {
  421. color: #98D6E5;
  422. }
  423.  
  424. #description a:hover {
  425. color: #DDD;
  426. }
  427.  
  428. #links1 {
  429. text-align: center;
  430. line-height: 9px;
  431. font-family: consolas;
  432. text-transform: uppercase;
  433. letter-spacing: 1px;
  434. font-size: 8px;
  435. padding: 0px 0px 5px 0px;
  436. border-bottom: 3px double #F0F0F0;
  437. }
  438.  
  439. #links1 a {
  440. color: #CCC;
  441. padding: 0px 2px 0px 3px;
  442. display: inline-block;
  443. margin-top: 5px;
  444. -webkit-transition: all 0.6s ease-in-out;
  445. -moz-transition: all 0.6s ease-in-out;
  446. -o-transition: all 0.6s ease-in-out;
  447. }
  448.  
  449. #links1 a:hover {
  450. color: #AAA;
  451. background: #F0F0F0;
  452. }
  453.  
  454. #icons a:hover {
  455. background: none;
  456. }
  457.  
  458. #icons img {
  459. -webkit-transition: all 0.6s ease-in-out;
  460. -moz-transition: all 0.6s ease-in-out;
  461. -o-transition: all 0.6s ease-in-out;
  462. }
  463.  
  464. #icons img:hover {
  465. }
  466.  
  467. #pages {
  468. font-size: 10px;
  469. text-align: center;
  470. color: #CCC;
  471. margin-top: 10px;
  472. letter-spacing: 0px;
  473. }
  474.  
  475. #current {
  476. color: #666;
  477. background: none;
  478. padding: 0px 3px 0px 3px;
  479. display: inline-block;
  480. }
  481.  
  482. #pages a {
  483. text-decoration: none;
  484. background: #FFF;
  485. padding: 0px 3px 0px 3px;
  486. margin-left: 1px;
  487. margin-right: 1px;
  488. display: inline-block;
  489. color: #CCC;
  490. -webkit-transition: all 0.4s linear;
  491. -moz-transition: all 0.4s linear;
  492. transition: all 0.4s linear;
  493. }
  494.  
  495. #pages a:hover {
  496. color: #777;
  497. background: #F0F0F0;
  498. -webkit-transition: all 0.4s linear;
  499. -moz-transition: all 0.4s linear;
  500. transition: all 0.4s linear;
  501. }
  502.  
  503. #back:hover,#next:hover {
  504. color: #AAA;
  505. }
  506.  
  507. #asks {
  508. position: absolute;
  509. border: 1px solid #F0F0F0;
  510. background: #FFF;
  511. padding: 5px;
  512. height: 40px;
  513. width: 40px;
  514. }
  515.  
  516. #asks img {
  517. height: 40px;
  518. width: 40px;
  519. }
  520.  
  521. #asksq img {
  522. margin: 0px;
  523. opacity: 0.7;
  524. }
  525.  
  526. #musicart {
  527. position: absolute;
  528. height: 50px;
  529. width: 50px;
  530. border: 1px solid #F0F0F0;
  531. background: #FFF;
  532. padding: 5px;
  533. }
  534.  
  535. #musicart img {
  536. opacity: 0.8;
  537. height: 50px;
  538. width: 50px;
  539. -webkit-transition: all 0.6s ease-in-out;
  540. -moz-transition: all 0.6s ease-in-out;
  541. -o-transition: all 0.6s ease-in-out;
  542. }
  543.  
  544. #player {
  545. opacity: 0.2;
  546. -webkit-transition: all 0.6s ease-in-out;
  547. -moz-transition: all 0.6s ease-in-out;
  548. -o-transition: all 0.6s ease-in-out;
  549. }
  550.  
  551. .post:hover #player {
  552. opacity: 0.6;
  553. }
  554.  
  555. .post:hover #musicart img {
  556. opacity: 0.2;
  557. }
  558.  
  559. ol.notes{
  560. list-style: square;
  561. }
  562.  
  563. :-moz-selection {
  564. background: #FBFBFB;
  565. color: #000;
  566. }
  567.  
  568. ::selection {
  569. background: #FBFBFB;
  570. color: #000;
  571. }
  572.  
  573. ::-webkit-scrollbar-thumb:vertical {
  574. background: #000;
  575. height: 80px;
  576. }
  577.  
  578. ::-webkit-scrollbar {
  579. height: 10px;
  580. width: 8px;
  581. background: {color:BG};
  582. }
  583.  
  584. iframe#tumblr_controls {
  585. position: fixed !important;
  586. -webkit-filter: invert(100%);
  587. z-index: 9999;
  588. opacity: 0.3;
  589. }
  590.  
  591. #s-m-t-tooltip {
  592. z-index: 9999;
  593. background: {color:LinkTitleBG};
  594. font-size: 8px;
  595. line-height: 11px;
  596. font-family: calibri;
  597. letter-spacing: 1px;
  598. text-transform: uppercase;
  599. color: {color:LinkTitleText};
  600. max-width: 150px;
  601. word-wrap: break-word;
  602. padding: 2px 5px 2px 6px;
  603. display: block;
  604. margin: 24px 14px 7px 12px;
  605. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  606. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  607. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  608. }
  609.  
  610. </style>
  611.  
  612. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  613.  
  614. {block:IfInfiniteScroll}
  615. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  616. {/block:IfInfiniteScroll}
  617.  
  618.  
  619. </head>
  620.  
  621.  
  622. {block:IfInfiniteScroll}
  623. <div id="top"><a style="text-decoration: none; text-align: center; position: fixed; bottom: 10px; right: 10px;" href="#top"><img src="{image:BackToTop}"></a></div>
  624. {/block:IfInfiniteScroll}
  625.  
  626.  
  627. <body>
  628.  
  629.  
  630.  
  631. <div id="center">
  632.  
  633.  
  634. <div class="sidebarholder">
  635. <div id="sidebar">
  636. <div id="sidebartitle"><a href="/">{text:Header}</a></div>
  637. {block:IfSidebarImg}
  638. <div id="sidebarimg"><img src="{image:Sidebar}"></div>
  639. {/block:IfSidebarImg}
  640. <div id="description">{Description}</div>
  641. <div id="links1">
  642.  
  643. {block:IfIconLinks}
  644. <div id="icons">
  645.  
  646. <a href="/" title="home"><img src="{image:HomeIcon}"></a>
  647.  
  648. <a href="/ask" title="ask"><img src="{image:AskIcon}"></a>
  649.  
  650. {block:IfLinkOne}<a href="{text:LinkOneURL}" title="{text:LinkOneTitle}"><img src="{image:LinkOneIcon}"></a>{/block:IfLinkOne}
  651.  
  652. {block:IfLinkTwo}<a href="{text:LinkTwoURL}" title="{text:LinkTwoTitle}"><img src="{image:LinkTwoIcon}"></a>{/block:IfLinkTwo}
  653.  
  654. {block:IfLinkThree}<a href="{text:LinkThreeURL}" title="{text:LinkThreeTitle}"><img src="{image:LinkThreeIcon}"></a>{/block:IfLinkThree}
  655.  
  656. {block:IfLinkFour}<a href="{text:LinkFourURL}" title="{text:LinkFourTitle}"><img src="{image:LinkFourIcon}"></a>{/block:IfLinkFour}
  657.  
  658. <a href="/archive" title="archive"><img src="{image:ArchiveIcon}"></a>
  659.  
  660. </div>
  661. {/block:IfIconLinks}
  662.  
  663. {block:IfNotIconLinks}
  664. <a href="/">home</a>
  665. <a href="/ask">ask</a>
  666. {block:IfLinkOne}<a href="{text:LinkOneURL}">{text:LinkOneTitle}</a>{/block:IfLinkOne}
  667. {block:IfLinkTwo}<a href="{text:LinkTwoURL}">{text:LinkTwoTitle}</a>{/block:IfLinkTwo}
  668. {block:IfLinkThree}<a href="{text:LinkThreeURL}">{text:LinkThreeTitle}</a>{/block:IfLinkThree}
  669. {block:IfLinkFour}<a href="{text:LinkFourURL}">{text:LinkFourTitle}</a>{/block:IfLinkFour}
  670. <a href="/archive">archive</a>
  671. {/block:IfNotIconLinks}
  672.  
  673. </div>
  674.  
  675. <div id="comment">{text:Comment}</div>
  676. </div>
  677.  
  678. {block:IfNotInfiniteScroll}
  679. {block:IndexPage}
  680. <div id="pages">
  681. {block:PreviousPage}
  682. <a href="{PreviousPage}">«</a>
  683. {/block:PreviousPage}
  684. {block:JumpPagination length="3"}
  685. {block:CurrentPage}
  686. <div id="current">{PageNumber}</div>
  687. {/block:CurrentPage}
  688.  
  689. {block:JumpPage}
  690. <a class="jump_page" href="{URL}">{PageNumber}</a>
  691. {/block:JumpPage}
  692. {/block:JumpPagination}
  693. {block:NextPage}
  694. <a href="{NextPage}">»</a>
  695. {/block:NextPage}
  696. </div>
  697. {/block:IndexPage}
  698. {/block:IfNotInfiniteScroll}
  699.  
  700. </div>
  701.  
  702. <div class="autopagerize_page_element">
  703.  
  704. {block:Posts}
  705.  
  706. <div class="post">
  707.  
  708.  
  709. {block:IfShowViaSource}
  710. {block:IndexPage}
  711. {block:RebloggedFrom}
  712. <div id="kyungsoo">
  713. <a href="{ReblogParentURL}" title="reblogged from {ReblogParentName}"><img src="{ReblogParentPortraitURL-30}"></a>
  714. <a href="{ReblogRootURL}" title="original post by {ReblogRootName}"><img src="{ReblogRootPortraitURL-30}"></a>
  715. </div>
  716. {/block:RebloggedFrom}
  717. {/block:IndexPage}
  718. {/block:IfShowViaSource}
  719.  
  720.  
  721. {block:Text}
  722.  
  723. <div id="texts">
  724.  
  725. {block:Title}
  726. <div style="font-size: 11px; line-height: 12px; letter-spacing: 1px; color: #787878; font-family: georgia;">
  727. {Title}
  728. </div>
  729. {/block:Title}
  730.  
  731. {Body}
  732.  
  733. {block:ContentSource}
  734. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  735. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  736. {/block:SourceLogo}
  737. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  738. {/block:ContentSource}
  739.  
  740. </div>
  741.  
  742. {/block:Text}
  743.  
  744.  
  745.  
  746.  
  747. {block:Photo}
  748.  
  749. <div id="piccy">
  750. <center>
  751. <img src="{PhotoURL-500}">
  752. </center>
  753. </div>
  754.  
  755. {block:IfShowCaptions}
  756. {block:Caption}<div id="captions">
  757. {Caption}</div>
  758. {/block:Caption}
  759. {/block:IfShowCaptions}
  760.  
  761. {block:IfNotShowCaptions}
  762. {block:PermalinkPage}
  763. {block:Caption}<div id="captions">
  764. {Caption}</div>
  765. {/block:Caption}
  766. {/block:PermalinkPage}
  767. {/block:IfNotShowCaptions}
  768.  
  769. {block:ContentSource}
  770. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  771. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  772. {/block:SourceLogo}
  773. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  774. {/block:ContentSource}
  775.  
  776. {/block:Photo}
  777.  
  778.  
  779.  
  780.  
  781. {block:Photoset}
  782.  
  783. <center>
  784. {block:If400Posts}{Photoset-400}{/block:If400Posts}
  785. {block:If500Posts}{Photoset-500}{/block:If500Posts}
  786.  
  787. {block:If250Posts}
  788. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  789. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  790. {/block:If250Posts}
  791. <div style="margin-bottom: -3px;"></div>
  792. </center>
  793.  
  794. {block:IfShowCaptions}
  795. {block:Caption}<div id="captions">
  796. {Caption}</div>
  797. {/block:Caption}
  798. {/block:IfShowCaptions}
  799.  
  800. {block:IfNotShowCaptions}
  801. {block:PermalinkPage}
  802. {block:Caption}<div id="captions">
  803. {Caption}</div>
  804. {/block:Caption}
  805. {/block:PermalinkPage}
  806. {/block:IfNotShowCaptions}
  807.  
  808. {block:ContentSource}
  809. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  810. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  811. {/block:SourceLogo}
  812. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  813. {/block:ContentSource}
  814.  
  815. {/block:Photoset}
  816.  
  817.  
  818.  
  819.  
  820. {block:Quote}
  821.  
  822. <div id="texts">
  823.  
  824. <div style="color: #F0F0F0; font-size: 30px; line-height: 30px; float: left; font-family: calibri;">
  825. ❝</div>
  826. <div style="{block:If250Posts}font-size: 11px; line-height: 12px;{/block:If250Posts} {block:IfNot250Posts}font-size: 14px; line-height: 16px;{/block:IfNot250Posts} letter-spacing: 1px; font-family: georgia; font-style: oblique; margin-left: 30px; border-left: 1px dotted #DDD; padding-left: 10px;">
  827. {Quote}
  828. </div>
  829. {block:Source}
  830. <div style="text-align: right; margin-top: 10px; font-size: 8px; text-transform: uppercase; font-family: consolas; line-height: 10px; letter-spacing: 2px;">—{Source}</div>
  831. {/block:Source}
  832.  
  833. </div>
  834.  
  835. {/block:Quote}
  836.  
  837.  
  838.  
  839.  
  840. {block:Link}
  841.  
  842. <div id="texts">
  843.  
  844. <div style="font-size: 11px; line-height: 12px; letter-spacing: 1px; font-family: georgia;">
  845. <div id="titlelink"><a href="{URL}" {Target}>➥ {Name}</a></div>
  846. </div>
  847.  
  848. {block:Description}
  849. {Description}
  850. {/block:Description}
  851.  
  852. {block:ContentSource}
  853. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  854. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  855. {/block:SourceLogo}
  856. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  857. {/block:ContentSource}
  858.  
  859. </div>
  860.  
  861. {/block:Link}
  862.  
  863.  
  864.  
  865.  
  866. {block:Chat}
  867.  
  868. <div id="texts">
  869.  
  870. {block:Title}
  871. <div style="font-size: 11px; line-height: 12px; letter-spacing: 1px; color: #787878; font-family: georgia;">
  872. {Title}
  873. </div>
  874. {/block:Title}
  875.  
  876. <div style="text-align: left;">
  877. <ul type="square">
  878. {block:Lines}
  879. <li>{block:Label}<div style="color: #CCC; display: inline;">{Label}</div>{/block:Label} {Line}</li>
  880. {/block:Lines}
  881. </ul>
  882. </div>
  883.  
  884. </div>
  885.  
  886. {/block:Chat}
  887.  
  888.  
  889.  
  890.  
  891. {block:Audio}
  892.  
  893. <div id="texts">
  894.  
  895. <div id="musicart">
  896. {block:AlbumArt}
  897. <img src="{AlbumArtURL}">
  898. {/block:AlbumArt}
  899. </div>
  900.  
  901. <div id="player"><div style="position: absolute; margin: 1px 0px 0px 1px; padding: 17px 16px 16px 17px; background: #FFF;">
  902. <div style="width: 27px; height: 27px; overflow: hidden;">
  903. {AudioPlayerWhite}
  904. </div></div></div>
  905.  
  906. <div style="margin-left: 67px; min-height: 62px; padding-left: 5px; font-size: 8px; font-family: consolas; text-transform: uppercase; letter-spacing: 1px; line-height: 15px;">
  907. {block:TrackName}<b>Track:</b> {TrackName}<br>{/block:TrackName}
  908. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  909. {block:Album}<b>Album:</b> {Album}<br>{/block:Album}
  910. <b>Plays:</b> {PlayCount}<br>
  911. </div>
  912.  
  913. {block:IfShowAudioPostCaptions}
  914. {block:Caption}<div id="audiocaptions">
  915. {Caption}</div>
  916. {/block:Caption}
  917. {/block:IfShowAudioPostCaptions}
  918.  
  919. {block:IfNotShowAudioPostCaptions}
  920. {block:PermalinkPage}
  921. {block:Caption}<div id="audiocaptions">
  922. {Caption}</div>
  923. {/block:Caption}
  924. {/block:PermalinkPage}
  925. {/block:IfNotShowAudioPostCaptions}
  926.  
  927. {block:ContentSource}
  928. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  929. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  930. {/block:SourceLogo}
  931. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  932. {/block:ContentSource}
  933.  
  934. </div>
  935.  
  936. {/block:Audio}
  937.  
  938.  
  939.  
  940.  
  941. {block:Video}
  942.  
  943. <center>
  944. {block:If400Posts}{Video-400}{/block:If400Posts}
  945. {block:If500Posts}{Video-500}{/block:If500Posts}
  946.  
  947. {block:If250Posts}
  948. {block:IndexPage}{Video-250}{/block:IndexPage}
  949. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  950. {/block:If250Posts}
  951. <div style="margin-bottom: -3px;"></div>
  952. </center>
  953.  
  954. {block:IfShowCaptions}
  955. {block:Caption}<div id="captions">
  956. {Caption}</div>
  957. {/block:Caption}
  958. {/block:IfShowCaptions}
  959.  
  960. {block:IfNotShowCaptions}
  961. {block:PermalinkPage}
  962. {block:Caption}<div id="captions">
  963. {Caption}</div>
  964. {/block:Caption}
  965. {/block:PermalinkPage}
  966. {/block:IfNotShowCaptions}
  967.  
  968. {block:ContentSource}
  969. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  970. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  971. {/block:SourceLogo}
  972. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  973. {/block:ContentSource}
  974.  
  975. {/block:Video}
  976.  
  977.  
  978.  
  979.  
  980. {block:Answer}
  981.  
  982. <div id="texts">
  983.  
  984. <div id="asks">
  985. <img src="{AskerPortraitURL-64}">
  986. </div>
  987.  
  988. <div style="margin-left: 58px; border-left: 1px dotted #DDD; padding-left: 5px; min-height: 52px;">
  989. <div id="asksq"><img src="http://static.tumblr.com/7qjmkr5/O8amckiv4/comment.png"> <div style="display: inline; text-decoration: underline;">{Asker}</div>: {Question}</div>
  990. </div>
  991.  
  992. <div style="margin-top: 15px;">
  993. {Answer}</div>
  994.  
  995. </div>
  996.  
  997. {/block:Answer}
  998.  
  999. </div>
  1000.  
  1001.  
  1002.  
  1003. {block:IndexPage}
  1004. <div id="bottom">posted <a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}">Reblog</a>
  1005.  
  1006. {block:IfShowTags}
  1007. {block:HasTags}
  1008. <div id="boo">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
  1009. {/block:HasTags}
  1010. {/block:IfShowTags}
  1011.  
  1012. </div>
  1013. {/block:IndexPage}
  1014.  
  1015.  
  1016.  
  1017. {block:PermalinkPage}
  1018.  
  1019. {block:Date}
  1020. <div style="font-family: calibri; font-size: 10px; line-height: 12px; padding: 10px; border: 3px double #F0F0F0; background: #FBFBFB; letter-spacing: 1px; text-align: left; margin-top: 5px; margin-left: auto; margin-right: auto; {block:If500Posts}width: 526px;{/block:If500Posts}{block:If400Posts}width: 426px;{/block:If400Posts}{block:If250Posts}width: 426px;{/block:If250Posts}">
  1021.  
  1022. » Posted {Month} {DayOfMonth}, {Year} with {NoteCountWithLabel}
  1023. {/block:Date}
  1024.  
  1025. {block:RebloggedFrom}
  1026. <br>» Reblogged via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1027. <br>» Original post: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1028. {/block:RebloggedFrom}{block:ContentSource} (<a href="{SourceURL}">source</a>){/block:ContentSource}
  1029.  
  1030. {block:HasTags}
  1031. <div id="tags">» Tagged: {block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}</div>
  1032. {/block:HasTags}
  1033.  
  1034. </div>
  1035.  
  1036. {/block:PermalinkPage}
  1037.  
  1038.  
  1039.  
  1040. {block:PostNotes}
  1041. <div id="notes">
  1042. {PostNotes}
  1043. </div>
  1044. {/block:PostNotes}
  1045.  
  1046.  
  1047.  
  1048. {/block:Posts}
  1049.  
  1050. </div></div>
  1051.  
  1052. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!