Ditasaur

Teapot Theme

Jul 1st, 2012
29,748
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.29 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. <!-- TEAPOT 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="0"/>
  47. <meta name="if:400px posts" content="1"/>
  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:Rounded Sidebar Image" content="1"/>
  53. <meta name="if:Thick Post Borders" content="1"/>
  54. <meta name="if:Show Permalink On Hover" content="1"/>
  55. <meta name="if:Crossed Out Title On Hover" content="1"/>
  56. <meta name="if:Show Small Permalink Icons" content="1"/>
  57.  
  58.  
  59. <meta name="text:Music Player Code" content=""/>
  60. <meta name="text:Link 1" content=""/>
  61. <meta name="text:Link 1 URL" content=""/>
  62. <meta name="text:Link 2" content=""/>
  63. <meta name="text:Link 2 URL" content=""/>
  64. <meta name="text:Link 3" content=""/>
  65. <meta name="text:Link 3 URL" content=""/>
  66. <meta name="text:Link 4" content=""/>
  67. <meta name="text:Link 4 URL" content=""/>
  68. <meta name="text:Link 5" content=""/>
  69. <meta name="text:Link 5 URL" content=""/>
  70.  
  71.  
  72. <meta name="image:Background" content="http://static.tumblr.com/iuggpng/SIWm6gqhe/graphpaperwhite.png"/>
  73. <meta name="image:Sidebar" content="http://static.tumblr.com/iuggpng/Mtdm6gqgr/teapotside.jpg"/>
  74.  
  75.  
  76. <meta name="color:Scrollbar" content="#ccc"/>
  77. <meta name="color:Background" content="#fff"/>
  78. <meta name="color:Links" content="#cae9e8"/>
  79. <meta name="color:Links Hover" content="#aaa"/>
  80. <meta name="color:Posts BG" content="#fff"/>
  81. <meta name="color:Posts Border" content="#f7f7f7"/>
  82. <meta name="color:Text" content="#222"/>
  83. <meta name="color:Post Titles" content="#aaa"/>
  84. <meta name="color:Chat Post Underline" content="#eee"/>
  85. <meta name="color:Blockquote Side Border" content="#eee"/>
  86. <meta name="color:Perm BG" content="#fff"/>
  87. <meta name="color:Perm Text" content="#999"/>
  88. <meta name="color:Title" content="#aaa"/>
  89. <meta name="color:Desc Color" content="#bbb"/>
  90. <meta name="color:Sidebar IMG Border" content="#f9f9f9"/>
  91. <meta name="color:Main Links Color" content="#aaa"/>
  92. <meta name="color:Main Links Hover Underline" content="#cae9e8"/>
  93. <meta name="color:Sidebar Dashed Line" content="#ddd"/>
  94. <meta name="color:Button 1" content="#bbb"/>
  95. <meta name="color:Button 2" content="#D8F0C7"/>
  96. <meta name="color:Button 3" content="#b9b9b9"/>
  97. <meta name="color:Button 4" content="#FAD8D5"/>
  98. <meta name="color:Button 5" content="#d9d9d9"/>
  99. <meta name="color:Buttons Hover" content="#e9e9e9"/>
  100. <meta name="color:Button Names BG" content="#fff"/>
  101. <meta name="color:Button Names Color" content="#888"/>
  102. <meta name="color:Music Player BG" content="#fff"/>
  103.  
  104.  
  105.  
  106.  
  107. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  108.  
  109.  
  110. <script src="http://static.tumblr.com/iuggpng/8iplzlvdu/smoothscroll.js" type="text/javascript"></script>
  111.  
  112. <script type="text/javascript">$(document).ready(function(){$( '.content' ).fadeIn("slow");});</script>
  113.  
  114. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  115. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  116.  
  117. <script type="text/javascript" charset="utf-8">
  118. var $j = jQuery.noConflict();
  119. $j(function() {
  120. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  121. $j("img").lazyload({
  122. placeholder : "",
  123. effect: "fadeIn",
  124. });
  125. });
  126. </script>
  127.  
  128. <style type="text/css">
  129. {CustomCSS}
  130.  
  131. ::-moz-selection{
  132. background:#fff;color:#aaa;
  133. }
  134.  
  135. ::selection{
  136. background:#fff;color:#aaa;
  137. }
  138.  
  139. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar};height:40px;}
  140.  
  141. ::-webkit-scrollbar {height:0px;width:4px;background-color:white;}
  142.  
  143.  
  144. iframe#tumblr_controls {
  145. right:3px !important;
  146. position: fixed !important;
  147. -webkit-transition: opacity 0.7s linear;
  148. opacity: 0.6;
  149. -webkit-transition: all 0.8s ease-out;
  150. -moz-transition: all 0.8s ease-out;
  151. transition: all 0.8s ease-out;
  152. }
  153.  
  154. iframe#tumblr_controls:hover {
  155. -webkit-transition: opacity 0.7s linear;
  156. opacity: 1;
  157. -webkit-transition: all 0.4s ease-out;
  158. -moz-transition: all 0.4s ease-out;
  159. transition: all 0.4s ease-out;
  160. }
  161.  
  162. body{
  163. background-image:url("{image:Background}");
  164. background-color:{color:Background};
  165. background-repeat:repeat;
  166. background-attachment:fixed;
  167. color:{color:Text};
  168. font-family:courier new;
  169. font-size:9px;
  170. {block:ifcutecursor}cursor: url(http://i932.photobucket.com/albums/ad167/DottyDita/1338348137_cursor-small.png), progress !important;{/block:ifcutecursor}
  171. }
  172.  
  173. a, a:link, a:visited, a:active{
  174. color:{color:Links};
  175. z-index:999;
  176. text-decoration:none;
  177. letter-spacing:1px;
  178. -webkit-transition: all 0.4s ease-out;
  179. -moz-transition: all 0.4s ease-out;
  180. transition: all 0.4s ease-out;
  181. }
  182.  
  183. a:hover {
  184. color:{color:Links Hover};
  185. text-decoration:none;
  186. {block:ifcutecursor} cursor: url(http://i932.photobucket.com/albums/ad167/DottyDita/1338348137_cursor-small.png), progress !important;{/block:ifcutecursor}
  187. -webkit-transition: all 0.4s ease-out;
  188. -moz-transition: all 0.4s ease-out;
  189. transition: all 0.4s ease-out;
  190. }
  191.  
  192.  
  193. #posts {
  194. margin-top:10px;
  195. margin-left:500px;
  196.  
  197. }
  198.  
  199. .posteu {
  200. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  201. {block:IndexPage}{block:if500pxposts}width:500px;{/block:if500pxposts}
  202. {block:if400pxposts}width:400px;{/block:if400pxposts}
  203. {block:if250pxposts}width:250px;{/block:if250pxposts}{/block:IndexPage}
  204. margin-bottom:15px;
  205. border:1px solid {color:Posts Border};
  206. font-family:courier new;
  207. font-size:9px;
  208. height:auto;
  209. overflow:hidden;
  210. {block:ifthickpostborders}padding-left:30px;
  211. padding-top:15px;
  212. padding-bottom:15px;
  213. padding-right:30px;
  214. {/block:ifthickpostborders}
  215. {block:ifnotthickpostborders}
  216. padding:10px;
  217. {/block:ifnotthickpostborders}
  218. color:{color:Text};
  219. background-color:{color:Posts BG};
  220. opacity:1;
  221. -webkit-transition: all 0.4s ease-out;
  222. -moz-transition: all 0.4s ease-out;
  223. transition: all 0.4s ease-out;
  224.  
  225.  
  226. }
  227.  
  228.  
  229. .title {
  230. font-family:print;
  231. letter-spacing:5px;
  232. font-size:19px;
  233. line-height:20px;
  234. text-align:center;
  235. color:{color:Post Titles};
  236. text-transform:uppercase;
  237. }
  238.  
  239. .linktitle {
  240. font-family:print;
  241. letter-spacing:5px;
  242. font-size:19px;
  243. line-height:20px;
  244. text-align:center;
  245. color:{color:Post Titles};
  246. text-transform:uppercase;
  247. }
  248.  
  249. .title a, .linktitle a{
  250. color:#aaa;
  251. letter-spacing:4px;
  252. }
  253.  
  254. .texts, .chat, .link, .quote, .audio{
  255. font-family:courier new;
  256. font-size:9px;
  257. line-height:15px;
  258. margin-bottom:5px;
  259. margin-top:5px;
  260. color:{color:Text};
  261. padding:0px;
  262. letter-spacing:0px;
  263.  
  264. }
  265.  
  266. {block:ifimageopacity}
  267.  
  268. .posteu img, .posteu a img {
  269. opacity:.78;
  270. -webkit-transition: all 0.4s ease-out;
  271. -moz-transition: all 0.4s ease-out;
  272. transition: all 0.4s ease-out;
  273. }
  274.  
  275. .posteu img:hover, .posteu a img:hover {
  276. opacity:1;
  277. -webkit-transition: all 0.4s ease-out;
  278. -moz-transition: all 0.4s ease-out;
  279. transition: all 0.4s ease-out;
  280. }
  281. {/block:ifimageopacity}
  282.  
  283. {block:ifshowpermalinkonhover}#perm {
  284. font-family:onuava;
  285. font-size:6px;
  286. text-align:left;
  287. background-color:{color:Perm BG};
  288. padding:7px;
  289. min-width:auto;
  290. position:absolute;
  291. margin-top:-10px;
  292. line-height:12px;
  293. {block:IndexPage}{block:if500pxposts}margin-left:510px;{/block:if500pxposts}
  294. {block:if400pxposts}margin-left:410px;{/block:if400pxposts}
  295. {block:if250pxposts}margin-left:260px;{/block:if250pxposts}{/block:IndexPage}
  296. letter-spacing:2px;
  297. color:{color:Perm Text};
  298. opacity:0;
  299. z-index:999;
  300. text-transform:uppercase;
  301. -webkit-transition: all 0.8s ease-out;
  302. -moz-transition: all 0.8s ease-out;
  303. transition: all 0.8s ease-out;
  304. }
  305.  
  306. #perm a {
  307. color:{color:Perm Text};
  308. }
  309.  
  310. {block:IndexPage}.posteu:hover #perm {
  311. opacity:1;
  312. {block:IndexPage}{block:if500pxposts}margin-left:540px;{/block:if500pxposts}
  313. {block:if400pxposts}margin-left:440px;{/block:if400pxposts}
  314. {block:if250pxposts}margin-left:290px;{/block:if250pxposts}{/block:IndexPage}
  315. -webkit-transition: all 0.8s ease-out;
  316. -moz-transition: all 0.8s ease-out;
  317. transition: all 0.8s ease-out;
  318. }
  319. {/block:IndexPage}
  320. {/block:ifshowpermalinkonhover}
  321.  
  322. #permalink {
  323. display:block;
  324. width:500px;
  325. padding:5px;
  326. height:auto;
  327. background-color:{color:Posts BG};
  328. color:{color:Text};
  329. }
  330.  
  331. #taemin {
  332. display:block;
  333. background-color:{color:Posts BG};
  334. width:500px;
  335. padding:0px;
  336.  
  337. }
  338.  
  339. #askpic {
  340. margin-right:5px;
  341. float:left;
  342. -moz-border-radius:100px;
  343. border-radius:100px;
  344. }
  345.  
  346. blockquote {
  347. padding:5px;
  348. border-left:3px solid {color:Blockquote Side Border};
  349. }
  350.  
  351. @font-face {font-family: "onuava";src: url('http://static.tumblr.com/iuggpng/OCkm4x5h8/onuava__.ttf');}
  352.  
  353. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  354.  
  355. @font-face {font-family: "silkscreen";src: url('http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf');}
  356.  
  357. @font-face {font-family: "print";src: url('http://static.tumblr.com/iuggpng/oQfm4mzne/princ___.ttf');}
  358.  
  359. @font-face {font-family: "open sans";src: url('http://static.tumblr.com/iuggpng/jrXm0dlyf/opensans-condlight.ttf');}
  360.  
  361. #trans, .trans {
  362. -webkit-transition: all 0.8s ease-out;
  363. -moz-transition: all 0.8s ease-out;
  364. transition: all 0.8s ease-out;
  365. }
  366.  
  367. #eunhyuk {
  368. position:fixed;
  369. top:200px;
  370. left:200px;
  371. }
  372.  
  373. #single {
  374. z-index:999;
  375. border:5px solid #f9f9f9;
  376. {block:ifroundedsidebarimage}-moz-border-radius:100px;
  377. border-radius:100px;{/block:ifroundedsidebarimage}
  378. width:100px;
  379. height:100px;
  380. float:left;
  381. }
  382.  
  383. #sexy {
  384. z-index:999;
  385. {block:ifroundedsidebarimage}-moz-border-radius:100px;
  386. border-radius:100px;{/block:ifroundedsidebarimage}
  387. width:100px;
  388. height:100px;
  389. float:left;
  390. }
  391.  
  392. {block:ifroundedsidebarimage}#single:hover, #single:hover #sexy {
  393. -moz-border-radius:0px 100px 100px 100px;
  394. border-radius:0px 100px 100px 100px;
  395. }
  396. {/block:ifroundedsidebarimage}
  397.  
  398. #desc {
  399. width:170px;
  400. float:left;
  401. margin-left:5px;
  402. padding:5px;
  403. line-height:13px;
  404. letter-spacing:1px;
  405. color:{color:Desc Color};
  406. }
  407.  
  408. #wrapu {
  409. border-top:1px dashed {color:Sidebar Dashed Line};
  410. width:180px;
  411. padding:5px;
  412. margin-top:30px;
  413. float:left;
  414. margin-left:-5px;
  415. }
  416.  
  417. #main {
  418. position:absolute;
  419. margin-left:117px;
  420. margin-top:13px;
  421. width:170px;
  422. text-align:center;
  423. font-family:consolas;
  424. font-size:8px;
  425. text-transform:uppercase;
  426. }
  427.  
  428. #main a {
  429. letter-spacing:3px;
  430. color:{color:Main Links Color};
  431. border-bottom:0px solid #ccc;
  432. padding-bottom:10px;
  433. }
  434.  
  435. #main a:hover {
  436. padding-bottom:2px;
  437. border-bottom:2px solid {color:Main Links Hover Underline};
  438. }
  439.  
  440. .free {
  441. position:absolute;
  442. margin-top:99px;
  443. margin-left:25px;
  444. }
  445.  
  446. .nav {
  447. width:6px;
  448. border-top:15px solid #f9f9f9;
  449. position:absolute;
  450. overflow:hidden;
  451. }
  452.  
  453. .nav:hover {
  454. padding-top:30px;
  455. -moz-border-radius:0px 0px 100px 100px;
  456. border-radius:0px 0px 100px 100px;
  457. }
  458.  
  459.  
  460. #il:hover, #i:hover, #sam:hover, #sa:hover, #o:hover {
  461. color:{color:Buttons Hover};
  462. background-color:{color:Buttons Hover};
  463. }
  464.  
  465. #il {
  466. background-color:{color:Button 1};
  467. color:{color:Button 1};
  468. height:65px;
  469. {block:ifnotroundedsidebarimage}margin-top:7px;{/block:ifnotroundedsidebarimage}
  470. overflow:hidden;
  471. }
  472.  
  473. #i {
  474. background-color:{color:Button 2};
  475. color:{color:Button 2};
  476. height:73px;
  477. margin-left:13px;
  478. margin-top:7px;
  479. overflow:hidden;
  480. }
  481.  
  482. #sam {
  483. background-color:{color:Button 3};
  484. color:{color:Button 3};
  485. height:50px;
  486. margin-top:7px;
  487. margin-left:27px;
  488. overflow:hidden;
  489. }
  490.  
  491. #sa {
  492. background-color:{color:Button 4};
  493. color:{color:Button 4};
  494. height:82px;
  495. margin-left:40px;
  496. margin-top:7px;
  497. overflow:hidden;
  498. }
  499.  
  500. #o {
  501. background-color:{color:Button 5};
  502. color:{color:Button 5};
  503. {block:ifroundedsidebarimage}margin-top:3px;{/block:ifroundedsidebarimage}
  504. {block:ifnotroundedsidebarimage}margin-top:7px;{/block:ifnotroundedsidebarimage}
  505. height:56px;
  506. margin-left:54px;
  507. overflow:hidden;
  508. }
  509.  
  510. #links:hover #names {
  511. opacity:1;
  512. }
  513.  
  514. #names {
  515. position:absolute;
  516. opacity:0;
  517. {block:ifroundedsidebarimage}margin-top:-51px;{/block:ifroundedsidebarimage}
  518. {block:ifnotroundedsidebarimage}margin-top:-54px;{/block:ifnotroundedsidebarimage}
  519. color:{color:Button Names Color};
  520. letter-spacing:1px;
  521. font-family:consolas;
  522. font-size:8px;
  523. text-transform:uppercase;
  524. background-color:{color:Button Names BG};
  525. padding:3px;
  526. width:55px;
  527. text-align:center;
  528. }
  529.  
  530. #title {
  531. font-size:25px;
  532. text-align:center;
  533. font-family:print;
  534. margin-bottom:10px;
  535. }
  536.  
  537. #title a {
  538. color:{color:Title};
  539. }
  540.  
  541. {block:ifcrossedouttitleonhover}#title a:hover {
  542. text-decoration:line-through;
  543. }{/block:ifcrossedouttitleonhover}
  544.  
  545. {block:ifmusicplayercode}
  546. #music {
  547. position:fixed;
  548. bottom:0px;
  549. left:0px;
  550. overflow:hidden;
  551. width:55px;
  552. background-color:transparent;
  553. }
  554.  
  555. #boom {
  556. background-color:{color:Music Player BG};
  557. padding:20px;
  558. }
  559.  
  560. #music:hover{
  561. width:350px;
  562. }
  563.  
  564. #player {
  565. position:absolute;
  566. margin-left:60px;
  567. margin-top:-37px;
  568. }
  569. {/block:ifmusicplayercode}
  570.  
  571. </style>
  572.  
  573. </head>
  574. <body>
  575.  
  576. {block:ifmusicplayercode}<div id="music" class="trans"><img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif" id="boom">
  577. <div id="player">{text:Music Player Code}
  578. </div>
  579. </div>
  580. {/block:ifmusicplayercode}
  581.  
  582. <div id="eunhyuk">
  583.  
  584.  
  585.  
  586. <div id="single" class="trans"><img src="{image:Sidebar}" id="sexy" class="trans">
  587. </div>
  588.  
  589. <div class="free">
  590.  
  591. {block:iflink1}<div id="links" class="trans"><a href="{text:Link 1 URL}" id="il" class="nav">tea</a> <div id="names" class="trans">{text:Link 1}</div></div>{/block:iflink1}
  592.  
  593. {block:iflink2}<div id="links" class="trans"><a href="{text:Link 2 URL}" id="i" class="nav">tea</a> <div id="names" class="trans">{text:Link 2}</div></div>{/block:iflink2}
  594.  
  595. {block:iflink3}<div id="links" class="trans"><a href="{text:Link 3 URL}" id="sam" class="nav">tea</a> <div id="names" class="trans">{text:Link 3}</div></div>{/block:iflink3}
  596.  
  597. {block:iflink4}<div id="links" class="trans"><a href="{text:Link 4 URL}" id="sa" class="nav">tea</a> <div id="names" class="trans">{text:Link 4}</div></div>{/block:iflink4}
  598.  
  599. {block:iflink5}<div id="links" class="trans"><a href="{text:Link 5 URL}" id="o" class="nav">tea</a> <div id="names" class="trans">{text:Link 5}</div></div>{/block:iflink5}
  600.  
  601. </div>
  602.  
  603.  
  604.  
  605. <div id="main"><a href="/">home</a> • <a href="/ask">ask</a> • <a href="/archive">archive</a> • <a href="http://hobakjeon.tumblr.com">theme</a></div>
  606.  
  607.  
  608. <div id="wrapu"><div id="desc"><div id="title"><a href="/">{Title}</a></div>
  609. {Description}
  610. {block:ifnotinfinitescrolling}
  611. {block:Pagination}<center><p>{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}
  612. </div></div>
  613. </div>
  614.  
  615.  
  616.  
  617. <div id="posts">
  618.  
  619. <div id="inpiniteu">
  620.  
  621. {block:Posts}
  622.  
  623.  
  624. {block:ifinfinitescrolling}<div class="autopagerize_page_element">{/block:ifinfinitescrolling}
  625.  
  626.  
  627.  
  628. <div class="posteu">
  629.  
  630. {block:ifshowpermalinkonhover}{block:IndexPage}<div id="perm"><a href="{Permalink}">
  631. {block:ifshowsmallpermalinkicons}<img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/mini-icone19.gif">{/block:ifshowsmallpermalinkicons} {Month}.{DayOfMonth}.{ShortYear}
  632. <br>{block:ifshowsmallpermalinkicons}<img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Lapis1.gif">{/block:ifshowsmallpermalinkicons} {NoteCountWithLabel}</a>
  633. <br>{block:ifshowsmallpermalinkicons}<img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Mouse-1.gif">{/block:ifshowsmallpermalinkicons} <a href="{ReblogURL}">Reblog</a></div>{/block:IndexPage}{/block:ifshowpermalinkonhover}
  634.  
  635.  
  636. {block:Text}
  637. <div class="texts">
  638. {block:Title}
  639. <div class="title"><a href="{Permalink}">{Title}</a></div>
  640. {/block:Title}
  641. {Body}</div>
  642.  
  643. {/block:Text}
  644.  
  645.  
  646. {block:Photo}
  647. <a href="{Permalink}"><img class="photo"
  648. {block:IndexPage}
  649. {block:if500pxposts}src="{PhotoURL-500}"{/block:if500pxposts}
  650. {block:if400pxposts}src="{PhotoURL-500}" width="400px"{/block:if400pxposts}
  651. {block:if250pxposts}src="{PhotoURL-250}"{/block:if250pxposts}
  652. {/block:IndexPage}
  653. {block:PermalinkPage}src="{PhotoURL-500}"{/block:PermalinkPage} alt="{PhotoAlt}"/></a>
  654. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  655. {/block:Photo}
  656.  
  657.  
  658. {block:Photoset}
  659. <div class="photoset">
  660. <a href="{Permalink}">
  661. {block:IndexPage}
  662. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  663. {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  664. {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  665. {/block:IndexPage}
  666. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  667. </a>
  668. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</div>
  669.  
  670. {/block:Photoset}
  671.  
  672.  
  673. {block:Quote}
  674. <div class="quote">
  675. " {Quote} "
  676. {block:Source}
  677. <div class="source">- {Source}</div>
  678. {/block:Source}
  679. </div>
  680. {/block:Quote}
  681.  
  682.  
  683. {block:Link}
  684. <div class="link">
  685. <div class="linktitle"><a href="{URL}" {Target}>{Name}</a></div>
  686. {block:Description}
  687. <div class="description">{Description}</div>
  688. {/block:Description}
  689. </div>
  690. {/block:Link}
  691.  
  692.  
  693. {block:Chat}
  694. <div class="post chat">
  695. {block:Title}
  696. <h3><a href="{Permalink}">{Title}</a></h3>
  697. {/block:Title}
  698. <div class="chat">
  699. {block:Lines}
  700. <div style="border-bottom:1px solid {color:Chat Post Underline};"><div class="{Alt} user_{UserNumber}"></div>
  701. {block:Label}
  702. <span class="label">{Label}</span>
  703. {/block:Label}
  704. {Line}</div>
  705. {/block:Lines}
  706. </div>
  707. </div>
  708.  
  709. {/block:Chat}
  710.  
  711.  
  712. {block:Video}
  713. <div class="video">
  714. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  715. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  716. {block:if250pxposts}{Video-250}{/block:if250pxposts}
  717. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  718. {block:PermalinkPage}{block:Caption}
  719. <div class="caption">{Caption}</div>
  720. {/block:Caption}{/block:PermalinkPage}
  721. </div>
  722. {/block:Video}
  723.  
  724.  
  725. {block:Audio}
  726. <div class="audio">
  727. <div style="width:100%; background-color:white; height:auto;">{AudioPlayerWhite}</div>
  728. {block:AlbumArt}<div style="float:left; margin-top:5px; margin-right:10px;">
  729. {block:PermalinkPage}<img src="{AlbumArtURL}" width="100" style="align:left;">{/block:PermalinkPage}
  730. {block:IndexPage}<img src="{AlbumArtURL}" width="60">{/block:IndexPage}
  731. </div>
  732.  
  733. {/block:AlbumArt}
  734. {block:Caption}
  735. <div class="caption">
  736.  
  737. {block:Artist}
  738. <p><b>ARTIST</b>: {Artist}
  739. {/block:Artist}
  740.  
  741. {block:Album}
  742. <br><b>ALBUM</b>: {Album}
  743. {/block:Album}
  744.  
  745. {block:TrackName}
  746. <br><b>TRACK</b>: {TrackName}
  747. {/block:TrackName}
  748.  
  749. {block:PlayCount}
  750. <br><b>PLAYS</b>: {FormattedPlayCount}
  751. {/block:PlayCount}
  752.  
  753. {Caption}</div>
  754. {/block:Caption}
  755. </div>
  756. {/block:Audio}
  757.  
  758. {block:Answer}
  759. <div class="askeu">
  760. <div id="asku"><img src="{AskerPortraitURL-48}" id="askpic">
  761. <div style="border-bottom:1px dashed #eee; align:right;">→ {Asker} whispered : {Question}</div></div>
  762. {Answer}
  763. </div>
  764. {/block:Answer}
  765.  
  766.  
  767. {block:PermalinkPage}
  768. <div id="permalink">
  769. <center>Posted {block:Date}<a href="{Permalink}">{TimeAgo}</a> with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}{block:RebloggedFrom} (via <a href="{ReblogParentURL}">{ReblogParentName}</a> , org. <a href="{ReblogRootURL}">{ReblogRootName}</a> ){/block:RebloggedFrom}
  770. <div>
  771. {block:HasTags}tagged :{block:Tags}
  772. &#160<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</center>
  773. <div id="taemin">{PostNotes}</div></div></div> {/block:PermalinkPage}
  774. </div>
  775.  
  776. {/block:Posts}
  777.  
  778. </div>
  779. {block:ifinfinitescrolling}</div>{/block:ifinfinitescrolling}
  780. </div>
  781. </body>
  782. </html>
Advertisement
Add Comment
Please, Sign In to add comment