Advertisement
Ditasaur

Seoli Theme

Jul 27th, 2012
46,876
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.40 KB | None | 0 0
  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. <!-- SEOLI THEME BY RAMYEONS // http://ramyeons.tumblr.com / http://hobakjeon.tumblr.com
  6.  
  7. ---------------------RULES--------------------------------
  8.  
  9. *DO NOT USE MY THEME CODES AS BASE CODES FOR YOUR OWN THEME
  10. *DO NOT CLAIM AS YOUR OWN OR I WILL HUNT YOU DOWN
  11. *DO NOT BREAK ANY RULES OR YOU WILL BE REPORTED
  12. *YOU MAY EDIT THIS THEME, BUT LEAVE THE CREDITS ALONE
  13. *DO NOT TAKE MY CREDITS OUT
  14.  
  15. ----------------------FAQ---------------------------------
  16. 1. I will not help with customizing my themes or other themes.
  17. 2. Check ALL of the appearance options before asking a question.
  18. 3. I do not compile or give any codes for anyone, im not a coding machine.
  19. 4. I do not take theme requests no matter how much you beg.
  20. 5. My themes are not means to be used as base codes for anything.
  21. 6. If you do not want infinite scrolling, just uncheck it.
  22. 7. If your infinite scrolling is not working, thats because you have a SCM music player.
  23. 8. To find the install link, go to the first post of the live previews.
  24. 9. For more questions, please go to http://ramyeons.tumblr.com and visit the FAQ links.
  25.  
  26.  
  27. -->
  28.  
  29. <head>
  30. <title>{Title}</title>
  31. <link rel="shortcut icon" href="{Favicon}" />
  32.  
  33. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  34.  
  35. {block:Description}
  36. <meta name="description" content="{MetaDescription}"/>
  37. {/block:Description}
  38.  
  39.  
  40. {block:ifinfinitescrolling}
  41. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  42.  
  43.  
  44. <!--BASIC FLUFF-->
  45.  
  46. <meta name="if:500px posts" content="1"/>
  47. <meta name="if:400px posts" content="0"/>
  48. <meta name="if:250px posts" content="0"/>
  49. <meta name="if:Image Opacity" content="1"/>
  50. <meta name="if:Cute Cursor" content="1"/>
  51. <meta name="if:Infinite Scrolling" content="1"/>
  52. <meta name="if:Show Tags" content="1"/>
  53. <meta name="if:Show Permalink" content="1"/>
  54.  
  55.  
  56. <meta name="text:Music Player Code" content=""/>
  57. <meta name="text:Corner Image Location" content=""/>
  58. <meta name="text:Link 1" content=""/>
  59. <meta name="text:Link 1 URL" content=""/>
  60. <meta name="text:Link 2" content=""/>
  61. <meta name="text:Link 2 URL" content=""/>
  62. <meta name="text:Link 3" content=""/>
  63. <meta name="text:Link 3 URL" content=""/>
  64. <meta name="text:Link 4" content=""/>
  65. <meta name="text:Link 4 URL" content=""/>
  66. <meta name="text:Link 5" content=""/>
  67. <meta name="text:Link 5 URL" content=""/>
  68.  
  69.  
  70. <meta name="image:Background IMG" content=""/>
  71. <meta name="image:Sidebar" content="http://static.tumblr.com/iuggpng/pgim7lezp/seoliside.png"/>
  72. <meta name="image:Corner Image" content=""/>
  73.  
  74.  
  75. <meta name="color:Scrollbar" content="#ccc"/>
  76. <meta name="color:Background" content="#fff"/>
  77. <meta name="color:Links" content="#ffa78a"/>
  78. <meta name="color:Links Hover" content="#eee"/>
  79. <meta name="color:Posts BG" content="#fff"/>
  80. <meta name="color:Text" content="#222"/>
  81. <meta name="color:Post Titles" content="#aaa"/>
  82. <meta name="color:Chat Post Underline" content="#eee"/>
  83. <meta name="color:Blockquote Side Border" content="#eee"/>
  84. <meta name="color:Perm Text" content="#999"/>
  85. <meta name="color:Perm Top Border" content="#eee"/>
  86. <meta name="color:Perm Decoration" content="#91df9f"/>
  87. <meta name="color:Title" content="#aaa"/>
  88. <meta name="color:Desc Text" content="#aaa"/>
  89. <meta name="color:Triangle Shadow 1" content="#fff"/>
  90. <meta name="color:Triangle Shadow 2" content="#fff"/>
  91. <meta name="color:Main Links Color" content="#ffa78a"/>
  92. <meta name="color:Main Links BG Hover" content="#ffa78a"/>
  93. <meta name="color:Main Links Color Hover" content="#fff"/>
  94. <meta name="color:Triangle Color" content="#555"/>
  95. <meta name="color:Triangle Shadow 1" content="#ffa78a"/>
  96. <meta name="color:Triangle Shadow 2" content="#91df9f"/>
  97. <meta name="color:Links Color" content="#aaa"/>
  98. <meta name="color:Links BG Hover" content="#99ddd3"/>
  99. <meta name="color:Links Color Hover" content="#fff"/>
  100.  
  101.  
  102.  
  103.  
  104.  
  105.  
  106.  
  107. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  108.  
  109.  
  110. <style type="text/css">
  111. {CustomCSS}
  112.  
  113. ::-moz-selection{
  114. background:#fff;color:#aaa;
  115. }
  116.  
  117. ::selection{
  118. background:#fff;color:#aaa;
  119. }
  120.  
  121. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar};height:40px;}
  122.  
  123. ::-webkit-scrollbar {height:0px;width:4px;background-color:white;}
  124.  
  125.  
  126. iframe#tumblr_controls {
  127. right:3px !important;
  128. position: fixed !important;
  129. -webkit-transition: opacity 0.7s linear;
  130. opacity: 0.6;
  131. -webkit-transition: all 0.8s ease-out;
  132. -moz-transition: all 0.8s ease-out;
  133. transition: all 0.8s ease-out;
  134. }
  135.  
  136. iframe#tumblr_controls:hover {
  137. -webkit-transition: opacity 0.7s linear;
  138. opacity: 1;
  139. -webkit-transition: all 0.4s ease-out;
  140. -moz-transition: all 0.4s ease-out;
  141. transition: all 0.4s ease-out;
  142. }
  143.  
  144. body{
  145. background-image:url("{image:Background IMG}");
  146. background-color:{color:Background};
  147. background-repeat:repeat;
  148. background-attachment:fixed;
  149. color:{color:Text};
  150. font-family:calibri;
  151. font-size:11px;
  152. {block:ifcutecursor}cursor: url(http://i932.photobucket.com/albums/ad167/DottyDita/1338348137_cursor-small.png), progress !important;{/block:ifcutecursor}
  153. }
  154.  
  155. a, a:link, a:visited, a:active{
  156. color:{color:Links};
  157. z-index:999;
  158. text-decoration:none;
  159. letter-spacing:1px;
  160. -webkit-transition: all 0.4s ease-out;
  161. -moz-transition: all 0.4s ease-out;
  162. transition: all 0.4s ease-out;
  163. }
  164.  
  165. a:hover {
  166. color:{color:Links Hover};
  167. text-decoration:none;
  168. {block:ifcutecursor} cursor: url(http://i932.photobucket.com/albums/ad167/DottyDita/1338348137_cursor-small.png), progress !important;{/block:ifcutecursor}
  169. -webkit-transition: all 0.4s ease-out;
  170. -moz-transition: all 0.4s ease-out;
  171. transition: all 0.4s ease-out;
  172. }
  173.  
  174.  
  175. #posts {
  176. margin-top:30px;
  177. margin-left:500px;
  178.  
  179. }
  180.  
  181. .posteu {
  182. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  183. {block:IndexPage}{block:if500pxposts}width:500px;{/block:if500pxposts}
  184. {block:if400pxposts}width:400px;{/block:if400pxposts}
  185. {block:if250pxposts}width:250px;{/block:if250pxposts}{/block:IndexPage}
  186. margin-bottom:65px;
  187. font-family:calibri;
  188. font-size:11px;
  189. height:auto;
  190. overflow:hidden;
  191. color:{color:Text};
  192. background-color:{color:Posts BG};
  193. opacity:1;
  194. -webkit-transition: all 0.4s ease-out;
  195. -moz-transition: all 0.4s ease-out;
  196. transition: all 0.4s ease-out;
  197. }
  198.  
  199.  
  200. .title {
  201. font-family:print;
  202. letter-spacing:5px;
  203. font-size:19px;
  204. line-height:20px;
  205. text-align:center;
  206. color:{color:Post Titles};
  207. text-transform:uppercase;
  208. }
  209.  
  210. .linktitle {
  211. font-family:print;
  212. letter-spacing:5px;
  213. font-size:19px;
  214. line-height:20px;
  215. text-align:center;
  216. color:{color:Post Titles};
  217. text-transform:uppercase;
  218. }
  219.  
  220. .title a, .linktitle a{
  221. color:#aaa;
  222. letter-spacing:4px;
  223. }
  224.  
  225. .texts, .chat, .link, .quote, .audio{
  226. font-family:calibri;
  227. font-size:11px;
  228. line-height:15px;
  229. margin-bottom:5px;
  230. margin-top:5px;
  231. color:{color:Text};
  232. padding:5px;
  233. letter-spacing:0px;
  234.  
  235. }
  236.  
  237. {block:IndexPage}{block:ifimageopacity}
  238.  
  239. .posteu img, .posteu a img {
  240. opacity:.9;
  241. -webkit-transition: all 0.4s ease-out;
  242. -moz-transition: all 0.4s ease-out;
  243. transition: all 0.4s ease-out;
  244. }
  245.  
  246. .posteu img:hover, .posteu a img:hover {
  247. opacity:1;
  248. -webkit-transition: all 0.4s ease-out;
  249. -moz-transition: all 0.4s ease-out;
  250. transition: all 0.4s ease-out;
  251. }
  252. {/block:ifimageopacity}{/block:IndexPage}
  253.  
  254. {block:Ifshowpermalink}{block:IndexPage}
  255. #perm {
  256. font-family:consolas;
  257. font-size:8px;
  258. {block:IndexPage}{block:if500pxposts}width:500px;{/block:if500pxposts}
  259. {block:if400pxposts}width:400px;{/block:if400pxposts}
  260. {block:if250pxposts}width:250px;{/block:if250pxposts}{/block:IndexPage}
  261. position:absolute;
  262. color:{color:Perm Text};
  263. z-index:999;
  264. margin-top:4px;
  265. letter-spacing:1px;
  266. border-top:1px solid {color:Perm Top Border};
  267. padding-top:4px;
  268. text-transform:uppercase;
  269. }
  270. {/block:IndexPage}
  271.  
  272. #perm a {
  273. color:{color:Perm Text};
  274. }
  275. {/block:Ifshowpermalink}
  276.  
  277. #permalink {
  278. width:500px;
  279. padding:5px;
  280. height:auto;
  281. background-color:{color:Posts BG};
  282. color:{color:Text};
  283. font-family:consolas;
  284. font-size:8px;
  285. text-transform:uppercase;
  286. letter-spacing:1px;
  287. }
  288.  
  289. #taemin {
  290. display:block;
  291. background-color:{color:Posts BG};
  292. width:500px;
  293. padding:0px;
  294.  
  295. }
  296.  
  297. #askpic {
  298. margin-right:5px;
  299. float:left;
  300. -moz-border-radius:100px;
  301. border-radius:100px;
  302. }
  303.  
  304. blockquote {
  305. padding:5px;
  306. border-left:3px solid {color:Blockquote Side Border};
  307. }
  308.  
  309.  
  310. @font-face {font-family: "onuava";src: url('http://static.tumblr.com/iuggpng/OCkm4x5h8/onuava__.ttf');}
  311.  
  312. @font-face {font-family: "sunrise";src: url('http://static.tumblr.com/iuggpng/Hb7m72lin/blackout_sunrise.ttf');}
  313.  
  314. @font-face {font-family: "silkscreen";src: url('http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf');}
  315.  
  316. @font-face {font-family: "print";src: url('http://static.tumblr.com/iuggpng/oQfm4mzne/princ___.ttf');}
  317.  
  318. @font-face {font-family: "open sans";src: url('http://static.tumblr.com/iuggpng/jrXm0dlyf/opensans-condlight.ttf');}
  319.  
  320. @font-face {font-family: "neou bold";src: url('http://static.tumblr.com/iuggpng/0eTm6pndc/neou-bold.ttf');}
  321.  
  322. @font-face {font-family: "neou thin";src: url('http://static.tumblr.com/iuggpng/c0Jm6pnei/neou-thin.ttf');}
  323.  
  324. @font-face {font-family: "directory";src: url('http://static.tumblr.com/iuggpng/pTym6pnf7/directory.ttf');}
  325.  
  326.  
  327. #trans, .trans {
  328. -webkit-transition: all 0.8s ease-out;
  329. -moz-transition: all 0.8s ease-out;
  330. transition: all 0.8s ease-out;
  331. }
  332.  
  333. {block:ifcornerimagelocation}.corner {
  334. position:fixed;
  335. bottom:0px;
  336. {text:Corner Image Location}:0px;
  337. opacity:1;
  338. z-index:999;
  339. }
  340. {/block:ifcornerimagelocation}
  341.  
  342. {block:ifmusicplayercode}
  343. .music {
  344. overflow:hidden;
  345. width:70px;
  346. height:100px;
  347. position:fixed;
  348. top:0px;
  349. left:0px;
  350. }
  351.  
  352. .music:hover {
  353. width:400px;
  354. }
  355. {/block:ifmusicplayercode}
  356.  
  357.  
  358. .joon {
  359. position:fixed;
  360. top:150px;
  361. left:170px;
  362. }
  363.  
  364. #pic {
  365. width:220px;
  366. opacity:.8;
  367. }
  368.  
  369. .desc {
  370. margin-top:10px;
  371. width:220px;
  372. text-align:center;
  373. color:{color:Desc Text};
  374. }
  375.  
  376. .nav {
  377. position:absolute;
  378. margin-top:58px;
  379. margin-left:-30px;
  380. }
  381.  
  382. {block:iflink1}#triangle {
  383. font-size:70px;
  384. color:{color:Triangle Color};
  385. text-shadow: 0px -5px {color:Triangle Shadow 1}, 0px 5px {color:Triangle Shadow 2};
  386. }{/block:iflink1}
  387.  
  388. {block:iflink1}.side:hover #triangle{
  389. color:transparent;
  390. text-shadow: 0px -60px {color:Triangle Shadow 1}, 0px 65px {color:Triangle Shadow 2};
  391. }{/block:iflink1}
  392.  
  393. .side:hover #links{
  394. opacity:1;
  395. }
  396.  
  397. #main a {
  398. color:{color:Main Links Color};
  399. }
  400.  
  401. #main a:hover {
  402. color:{color:Main Links Color Hover};
  403. }
  404.  
  405. .main {
  406. padding:5px;
  407. margin-bottom:2px;
  408. text-transform:lowercase;
  409. font-family:open sans;
  410. font-size:15px;
  411. display:block;
  412. width:45px;
  413. float:left;
  414. color:{color:Main Links Color};
  415. margin-bottom:5px;
  416. text-align:center;
  417. }
  418.  
  419. .main:hover {
  420. background-color:{color:Main Links BG Hover};
  421. color:{color:Main Links Color Hover};
  422. }
  423.  
  424. .links {
  425. display:block;
  426. padding-right:5px;
  427. margin-bottom:2px;
  428. padding:2px;
  429. font-family:consolas;
  430. font-size:8px;
  431. text-transform:uppercase;
  432. width:75px;
  433. text-align:right;
  434. border-right:0px solid {color:Links BG Hover};
  435. border-left:0px solid {color:Links BG Hover};
  436. }
  437.  
  438. .links:hover {
  439. background-color:{color:Links BG Hover};
  440. color:{color:Links Color Hover};
  441. border-right:10px solid {color:Links BG Hover};
  442. border-left:2px solid {color:Links BG Hover};
  443. }
  444.  
  445. #links {
  446. position:absolute;
  447. margin-left:-62px;
  448. margin-top:15px;
  449. opacity:0;
  450. }
  451.  
  452. #links a {
  453. color:{color:Links Color};
  454. }
  455.  
  456. #links a:hover {
  457. color:{color:Links Color Hover};
  458. }
  459.  
  460.  
  461. </style>
  462.  
  463. </head>
  464. <body>
  465.  
  466. {block:ifmusicplayercode}<div class="music" id="trans">
  467. <img src="http://media.tumblr.com/tumblr_m1zdnpfn881r3we0y.gif" style="padding:10px; background-color:transparent;">
  468. <div style="margin-top:-40px; margin-left:80px;">{text:Music Player Code}
  469. </div></div>
  470. {/block:ifmusicplayercode}
  471.  
  472.  
  473. {block:ifcornerimagelocation}<img src="{image:Corner Image}" class="corner">{/block:ifcornerimagelocation}
  474.  
  475. <div class="joon">
  476.  
  477. <div class="side">
  478. <div class="nav">
  479. <div id="links">
  480. {block:iflink1}<a href="{text:Link 1 URL}" class="links">{text:Link 1}</a>{/block:iflink1}
  481. {block:iflink2}<a href="{text:Link 2 URL}" class="links">{text:Link 2}</a>{/block:iflink2}
  482. {block:iflink3}<a href="{text:Link 3 URL}" class="links">{text:Link 3}</a>{/block:iflink3}
  483. {block:iflink4}<a href="{text:Link 4 URL}" class="links">{text:Link 4}</a>{/block:iflink4}
  484. {block:iflink5}<a href="{text:Link 5 URL}" class="links">{text:Link 5}</a>{/block:iflink5}
  485. </div>
  486. {block:iflink1}<div id="triangle" class="trans">◂</div>{/block:iflink1}
  487. </div>
  488.  
  489. <div class="title" style="margin-bottom:10px; color:{Title};">{Title}</div>
  490. <img src="{image:Sidebar}" id="pic">
  491. </div>
  492.  
  493. <div id="main">
  494. <a href="/" class="main">home</a>
  495. <a href="/ask" class="main">ask</a>
  496. <a href="/archive" class="main">past</a>
  497. <a href="http://hobakjeon.tumblr.com" class="main">theme</a>
  498. </div>
  499.  
  500.  
  501. <div class="desc">{Description}</div>
  502.  
  503. {block:ifnotinfinitescrolling}
  504. {block:Pagination}<p><center>{block:PreviousPage}<a href="{PreviousPage}">◀</a> {/block:PreviousPage} {block:JumpPagination length="5"} {block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage} {block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage} {/block:JumpPagination} {block:NextPage} <a href="{NextPage}">▶</a> {/block:NextPage}</center> {/block:Pagination}{/block:ifnotinfinitescrolling}
  505.  
  506.  
  507. </div>
  508.  
  509. <div id="posts">
  510. <div id="inpiniteu">
  511.  
  512. {block:Posts}
  513.  
  514. {block:ifinfinitescrolling}<div class="autopagerize_page_element">{/block:ifinfinitescrolling}
  515.  
  516.  
  517.  
  518. <div class="posteu">
  519.  
  520.  
  521. {block:Text}
  522. <div class="texts">
  523. {block:Title}
  524. <div class="title"><a href="{Permalink}">{Title}</a></div>
  525. {/block:Title}
  526. {Body}</div>
  527.  
  528. {/block:Text}
  529.  
  530.  
  531. {block:Photo}
  532. <a href="{Permalink}"><img class="photo"
  533. {block:IndexPage}
  534. {block:if500pxposts}src="{PhotoURL-500}"{/block:if500pxposts}
  535. {block:if400pxposts}src="{PhotoURL-500}" width="400px"{/block:if400pxposts}
  536. {block:if250pxposts}src="{PhotoURL-250}"{/block:if250pxposts}
  537. {/block:IndexPage}
  538. {block:PermalinkPage}src="{PhotoURL-500}"{/block:PermalinkPage} alt="{PhotoAlt}"/></a>
  539. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  540. {/block:Photo}
  541.  
  542.  
  543. {block:Photoset}
  544. <div class="photoset">
  545. <a href="{Permalink}">
  546. {block:IndexPage}
  547. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  548. {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  549. {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  550. {/block:IndexPage}
  551. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  552. </a>
  553. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</div>
  554.  
  555. {/block:Photoset}
  556.  
  557.  
  558. {block:Quote}
  559. <div class="quote">
  560. " {Quote} "
  561. {block:Source}
  562. <div class="source">- {Source}</div>
  563. {/block:Source}
  564. </div>
  565. {/block:Quote}
  566.  
  567.  
  568. {block:Link}
  569. <div class="link">
  570. <div class="linktitle"><a href="{URL}" {Target}>{Name}</a></div>
  571. {block:Description}
  572. <div class="description">{Description}</div>
  573. {/block:Description}
  574. </div>
  575. {/block:Link}
  576.  
  577.  
  578. {block:Chat}
  579. <div class="post chat">
  580. {block:Title}
  581. <h3><a href="{Permalink}">{Title}</a></h3>
  582. {/block:Title}
  583. <div class="chat">
  584. {block:Lines}
  585. <div style="border-bottom:1px solid {color:Chat Post Underline};"><div class="{Alt} user_{UserNumber}"></div>
  586. {block:Label}
  587. <span class="label">{Label}</span>
  588. {/block:Label}
  589. {Line}</div>
  590. {/block:Lines}
  591. </div>
  592. </div>
  593.  
  594. {/block:Chat}
  595.  
  596.  
  597. {block:Video}
  598. <div class="video">
  599. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  600. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  601. {block:if250pxposts}{Video-250}{/block:if250pxposts}
  602. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  603. {block:PermalinkPage}{block:Caption}
  604. <div class="caption">{Caption}</div>
  605. {/block:Caption}{/block:PermalinkPage}
  606. </div>
  607. {/block:Video}
  608.  
  609.  
  610. {block:Audio}
  611. <div class="audio">
  612. <div style="width:100%; background-color:white; height:auto;">{AudioPlayerWhite}</div>
  613. {block:AlbumArt}<div style="float:left; margin-top:5px; margin-right:10px;">
  614. {block:PermalinkPage}<img src="{AlbumArtURL}" width="100" style="align:left;">{/block:PermalinkPage}
  615. {block:IndexPage}<img src="{AlbumArtURL}" width="60">{/block:IndexPage}
  616. </div>
  617.  
  618. {/block:AlbumArt}
  619. {block:Caption}
  620. <div class="caption">
  621.  
  622. {block:Artist}
  623. <p><b>ARTIST</b>: {Artist}
  624. {/block:Artist}
  625.  
  626. {block:Album}
  627. <br><b>ALBUM</b>: {Album}
  628. {/block:Album}
  629.  
  630. {block:TrackName}
  631. <br><b>TRACK</b>: {TrackName}
  632. {/block:TrackName}
  633.  
  634. {block:PlayCount}
  635. <br><b>PLAYS</b>: {FormattedPlayCount}
  636. {/block:PlayCount}
  637.  
  638. {Caption}</div>
  639. {/block:Caption}
  640. </div>
  641. {/block:Audio}
  642.  
  643. {block:Answer}
  644. <div class="askeu">
  645. <div id="asku"><img src="{AskerPortraitURL-48}" id="askpic">
  646. <div style="border-bottom:1px dashed #eee; align:right;">→ {Asker} whispered : {Question}</div></div>
  647. {Answer}
  648. </div>
  649. {/block:Answer}
  650.  
  651. {block:Ifshowpermalink}{block:IndexPage}<div id="perm"><a href="{Permalink}">
  652. Posted <span style="border-bottom:1px solid {color:Perm Decoration};">{TimeAgo}</span> <font color="{color:Perm Decoration}">▫</font> <a href="{Permalink}">{NoteCountWithLabel}</a>
  653. <span style="color:{color:Perm Decoration};">|</span> <a href="{ReblogURL}">Reblog</a>
  654. {block:ifshowtags}{block:HasTags}<div style="margin-top:5px;">tagged:{block:Tags}
  655. &#160 <font color="{color:Perm Decoration}">#</font><a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifshowtags}
  656. </div>{/block:IndexPage}
  657. {/block:Ifshowpermalink}
  658.  
  659.  
  660. {block:PermalinkPage}
  661. <div id="permalink">
  662. {block:Date}<div style="padding-bottom:2px; border-bottom:1px dashed #eee; font-family:open sans; text-transform:none; letter-spacing:0px; margin-left:-15px; font-size:15px; padding:3px; text-align:center; width:auto;">{DayOfWeek} {DayOfMonth}{DayOfMonthSuffix} of {Month} {Year}</div>
  663. {/block:Date}
  664. <div style="margin-top:5px;">
  665. Original: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  666.  
  667. {block:RebloggedFrom}<br>Via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
  668. {/block:RebloggedFrom}
  669. <br>{NoteCountWithLabel}
  670. {block:HasTags}<br>tagged:{block:Tags}
  671. &#160<img src="http://static.tumblr.com/rltvkjt/krwlnxii3/mini.png"> <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  672.  
  673. <div style="margin-top:5px; border-bottom:1px solid #f8f8f8; padding-top:3px; padding-bottom:3px;">navigation: &nbsp;<a href="/">home</a> &nbsp; <a href="/ask">message</a> &nbsp; <a href="/archive">history</a> &nbsp; <a href="/random">random</a></div>
  674.  
  675. </div>
  676.  
  677. <div id="taemin">{PostNotes}</div>{/block:PermalinkPage}
  678. </div>
  679.  
  680. {/block:Posts}
  681.  
  682. </div>
  683. </div>
  684. {block:ifinfinitescrolling}</div>{/block:ifinfinitescrolling}
  685.  
  686. </body>
  687. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement