API tools faq
paste
Advertisement
Ditasaur

Stolen Theme

Ditasaur
Jul 17th, 2013
28,150
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.41 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. <!-- STOLEN 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:if500pxposts}{block:ifinfinitescrolling}
  41. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}{/block:if500pxposts}
  42.  
  43. {block:if400pxposts} {block:ifinfinitescrolling}
  44. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}{/block:if400pxposts}
  45.  
  46. <!--BASIC FLUFF-->
  47.  
  48. <meta name="if:500px posts" content="0"/>
  49. <meta name="if:400px posts" content="0"/>
  50. <meta name="if:250px posts" content="1"/>
  51. <meta name="if:Show Tags" content="0"/>
  52. <meta name="if:Show Captions" content="1"/>
  53. <meta name="if:Image Opacity" content="1"/>
  54. <meta name="if:Cute Cursor" content="1"/>
  55. <meta name="if:Infinite Scrolling" content="1"/>
  56. <meta name="if:Grayscale Images on Hover" content="1"/>
  57.  
  58.  
  59.  
  60. <meta name="text:Music Player Code" content=""/>
  61. <meta name="text:Music Player Icon" content="http://static.tumblr.com/iuggpng/d86m7blmd/sightmusicicon.gif"/>
  62. <meta name="text:Corner Image Location" content=""/>
  63. <meta name="text:Link 1" content=""/>
  64. <meta name="text:Link 1 URL" content=""/>
  65. <meta name="text:Link 2" content=""/>
  66. <meta name="text:Link 2 URL" content=""/>
  67. <meta name="text:Link 3" content=""/>
  68. <meta name="text:Link 3 URL" content=""/>
  69. <meta name="text:Link 4" content=""/>
  70. <meta name="text:Link 4 URL" content=""/>
  71. <meta name="text:Link 5" content=""/>
  72. <meta name="text:Link 5 URL" content=""/>
  73. <meta name="text:Link 6" content=""/>
  74. <meta name="text:Link 6 URL" content=""/>
  75. <meta name="text:Title 1" content="took my heart"/>
  76. <meta name="text:Title 2" content="and left"/>
  77. <meta name="text:Image Opacity" content=".5"/>
  78. <meta name="text:Image Opacity Hover" content=".8"/>
  79.  
  80.  
  81.  
  82.  
  83. <meta name="image:Background IMG" content=""/>
  84. <meta name="image:Sidebar IMG" content="http://static.tumblr.com/iuggpng/v4Xmq3fcv/tumblr_m2m7jborzc1qaynrlo1_500.jpg"/>
  85. <meta name="image:Header BG" content="http://static.tumblr.com/iuggpng/28vmq3fev/graph_paper.png"/>
  86. <meta name="image:Corner Image" content=""/>
  87.  
  88.  
  89. <meta name="color:Scrollbar" content="#ccc"/>
  90. <meta name="color:Background" content="#fff"/>
  91. <meta name="color:Links" content="#8fc8c9"/>
  92. <meta name="color:Link Hover" content="#eee"/>
  93. <meta name="color:Posts BG" content="#fff"/>
  94. <meta name="color:Posts Border" content="#f7f7f7"/>
  95. <meta name="color:Text" content="#777"/>
  96. <meta name="color:Post Titles" content="#aaa"/>
  97. <meta name="color:Chat Post Underline" content="#eee"/>
  98. <meta name="color:Blockquote Side Border" content="#eee"/>
  99. <meta name="color:Perm BG" content="#fff"/>
  100. <meta name="color:Hover Notes BG" content="#fff"/>
  101. <meta name="color:Hover Notes Color" content="#aaa"/>
  102. <meta name="color:Text Perm" content="#eee"/>
  103. <meta name="color:Header Bottom Border" content="#eee"/>
  104. <meta name="color:Top Nav BG" content="#9be8e9"/>
  105. <meta name="color:Top Nav Color" content="#fff"/>
  106. <meta name="color:Sidebar Main Title" content="#ccc"/>
  107. <meta name="color:Sidebar Small Title" content="#bbb"/>
  108. <meta name="color:Sidebar IMG Border" content="#fff"/>
  109. <meta name="color:Caption BG" content="#f9f9f9"/>
  110. <meta name="color:Caption Color" content="#aaa"/>
  111. <meta name="color:Caption Border" content="#f1f1f1"/>
  112. <meta name="color:Desc Text" content="#aaa"/>
  113. <meta name="color:Drop Down Menu Border" content="#eee"/>
  114. <meta name="color:Drop Down Menu Text" content="#aaa"/>
  115. <meta name="color:Pag BG" content="#fefefe"/>
  116. <meta name="color:Pag Color" content="#ccc"/>
  117. <meta name="color:Pag Current Text" content="#aaa"/>
  118. <meta name="color:Music Player BG" content="#222"/>
  119.  
  120.  
  121. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  122.  
  123.  
  124.  
  125. <style type="text/css">
  126.  
  127. {CustomCSS}
  128.  
  129. ::-moz-selection{
  130. background:#fff;color:#aaa;
  131. }
  132.  
  133. ::selection{
  134. background:#fff;color:#aaa;
  135. }
  136.  
  137. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar};height:40px;}
  138.  
  139. ::-webkit-scrollbar {height:0px;width:4px;background-color:white;}
  140.  
  141. #tumblr_controls {-webkit-filter: invert(100%);}
  142.  
  143. iframe#tumblr_controls {
  144. right:3px !important;
  145. position: fixed !important;
  146. -webkit-transition: opacity 0.7s linear;
  147. opacity: 0.6;
  148. -webkit-transition: all 0.8s ease-out;
  149. -moz-transition: all 0.8s ease-out;
  150. transition: all 0.8s ease-out;
  151. }
  152.  
  153. iframe#tumblr_controls:hover {
  154. -webkit-transition: opacity 0.7s linear;
  155. opacity: 1;
  156. -webkit-transition: all 0.4s ease-out;
  157. -moz-transition: all 0.4s ease-out;
  158. transition: all 0.4s ease-out;
  159. }
  160.  
  161. body{
  162. background-image:url("{image:Background IMG}");
  163. background-color:{color:Background};
  164. background-repeat:repeat;
  165. background-attachment:fixed;
  166. color:{color:Text};
  167. font-family:calibri;
  168. font-size:10px;
  169. {block:ifcutecursor}cursor: url(http://i932.photobucket.com/albums/ad167/DottyDita/1338348137_cursor-small.png), progress !important;{/block:ifcutecursor}
  170. }
  171.  
  172. a, a:link, a:visited, a:active{
  173. color:{color:Links};
  174. z-index:999;
  175. text-decoration:none;
  176. letter-spacing:1px;
  177. -webkit-transition: all 0.4s ease-out;
  178. -moz-transition: all 0.4s ease-out;
  179. transition: all 0.4s ease-out;
  180. }
  181.  
  182. a:hover {
  183. color:{color:Link Hover};
  184. text-decoration:none;
  185. {block:ifcutecursor} cursor: url(http://i932.photobucket.com/albums/ad167/DottyDita/1338348137_cursor-small.png), progress !important;{/block:ifcutecursor}
  186. -webkit-transition: all 0.4s ease-out;
  187. -moz-transition: all 0.4s ease-out;
  188. transition: all 0.4s ease-out;
  189. }
  190.  
  191.  
  192. #posts {
  193. margin-top:55px;
  194. position:relative;
  195. margin-left:380px;
  196. {block:PermalinkPage}width:700px;{/block:PermalinkPage}
  197. {block:IndexPage}{block:if500pxposts}width:700px;{/block:if500pxposts}
  198. {block:if400pxposts}width:500px;{/block:if400pxposts}
  199. {block:if250pxposts}width:800px;{/block:if250pxposts}
  200. {/block:IndexPage}
  201.  
  202. }
  203.  
  204. .posteu {
  205. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  206. {block:IndexPage}{block:if500pxposts}width:500px;{/block:if500pxposts}
  207. {block:if400pxposts}width:400px;{/block:if400pxposts}
  208. {block:if250pxposts}width:250px;{/block:if250pxposts}
  209. {/block:IndexPage}
  210. margin:15px;
  211. {block:ifshowtags}{block:if250pxposts}margin-right:75px !important;{/block:if250pxposts}{/block:ifshowtags}
  212. border:1px solid {color:Posts Border};
  213. font-family:calibri;
  214. font-size:10px;
  215. height:auto;
  216. margin-right:30px;
  217. float:left;
  218. position:relative;
  219. overflow:none;
  220. padding:15px;
  221. color:{color:Text};
  222. background-color:{color:Posts BG};
  223. opacity:1;
  224. -webkit-transition: all 0.4s ease-out;
  225. -moz-transition: all 0.4s ease-out;
  226. transition: all 0.4s ease-out;
  227. }
  228.  
  229.  
  230. .title, .linktitle {
  231. font-family:print;
  232. letter-spacing:5px;
  233. font-size:19px;
  234. line-height:20px;
  235. text-align:center;
  236. color:{color:Post Titles};
  237. text-transform:uppercase;
  238. }
  239.  
  240.  
  241. .title a, .linktitle a{
  242. color:{color:Post Titles};
  243. letter-spacing:4px;
  244. }
  245.  
  246. .texts, .chat, .link, .quote, .audio{
  247. font-family:calibri;
  248. font-size:11px;
  249. line-height:15px;
  250. margin-bottom:5px;
  251. margin-top:5px;
  252. color:{color:Text};
  253. padding:1px;
  254. letter-spacing:0px;
  255.  
  256. }
  257.  
  258. {block:IndexPage}{block:ifimageopacity}
  259.  
  260. .posteu img, .posteu a img {
  261. opacity:{text:Image Opacity};
  262. {block:PermalinkPage}max-width:500px;{/block:PermalinkPage}
  263. {block:IndexPage}{block:if500pxposts}max-width:500px;{/block:if500pxposts}
  264. {block:if400pxposts}max-width:400px;{/block:if400pxposts}
  265. {block:if250pxposts}max-width:250px;{/block:if250pxposts}
  266. {/block:IndexPage}
  267. -webkit-transition: all 0.4s ease-out;
  268. -moz-transition: all 0.4s ease-out;
  269. transition: all 0.4s ease-out;
  270. }
  271.  
  272. .posteu img:hover, .posteu a img:hover {
  273. opacity:{text:Image Opacity Hover};
  274. -webkit-transition: all 0.4s ease-out;
  275. -moz-transition: all 0.4s ease-out;
  276. transition: all 0.4s ease-out;
  277. }
  278. {/block:ifimageopacity}{/block:IndexPage}
  279.  
  280.  
  281. {block:ifgrayscaleimagesonhover}{block:IndexPage}
  282. .posteu .photo img:hover, .posteu .photo a img:hover {
  283. -webkit-filter: grayscale(1);
  284. -webkit-transition: all 0.4s ease-out;
  285. -moz-transition: all 0.4s ease-out;
  286. transition: all 0.4s ease-out;
  287. }
  288. {/block:IndexPage}
  289. {/block:ifgrayscaleimagesonhover}
  290.  
  291. #perm {
  292. font-family:onuava;
  293. font-size:6px;
  294. text-align:center;
  295. background-color:{color:Perm BG};
  296. padding:2px;
  297. width:15px;
  298. position:absolute;
  299. margin-top:0px;
  300. line-height:12px;
  301. {block:IndexPage}{block:if500pxposts}margin-left:515px;{/block:if500pxposts}
  302. {block:if400pxposts}margin-left:415px;{/block:if400pxposts}
  303. {block:if250pxposts}margin-left:265px;{/block:if250pxposts}
  304. {/block:IndexPage}
  305. border-top:1px solid {color:Posts Border};
  306. border-bottom:1px solid {color:Posts Border};
  307. border-right:1px solid {color:Posts Border};
  308. letter-spacing:2px;
  309. color:{color:Perm Text};
  310. opacity:0;
  311. z-index:9999999;
  312. text-transform:uppercase;
  313. -webkit-transition: all 0.8s ease-out;
  314. -moz-transition: all 0.8s ease-out;
  315. transition: all 0.8s ease-out;
  316. }
  317.  
  318.  
  319. #perm a {
  320. color:{color:Perm Text};
  321. }
  322.  
  323.  
  324. #taggies {
  325. position:absolute;
  326. margin-top:10px;
  327. margin-left:10px;
  328. font-size:8px;
  329. font-family:calibri;
  330. {block:ifshowtags}{block:IndexPage}max-width:150px;
  331. {/block:IndexPage}{/block:ifshowtags}
  332. color:#aaa;
  333. text-align:left;
  334. }
  335.  
  336.  
  337. #textperm {
  338. {block:IndexPage}{block:if500pxposts}width:500px;{/block:if500pxposts}
  339. {block:if400pxposts}width:400px;{/block:if400pxposts}
  340. {block:if250pxposts}width:250px;{/block:if250pxposts}
  341. {/block:IndexPage}
  342. text-align:left;
  343. font-family:calibri;
  344. font-size:8px;
  345. display:block;
  346. padding-left:10px;
  347. border-left:25px solid {color:Text Perm};
  348. line-height:10px;
  349. text-transform:uppercase;
  350. -webkit-transition: all 0.8s ease-out;
  351. -moz-transition: all 0.8s ease-out;
  352. transition: all 0.8s ease-out;
  353.  
  354. }
  355.  
  356. #textperm a {
  357. color:{color:Perm Text};
  358. }
  359.  
  360. #textperm:hover {
  361. border-left:35px solid #eee;
  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. {block:IndexPage}.posteu:hover #perm {
  368. opacity:.9;
  369. -webkit-transition: all 0.8s ease-out;
  370. -moz-transition: all 0.8s ease-out;
  371. transition: all 0.8s ease-out;
  372. }
  373. {/block:IndexPage}
  374.  
  375. #permalink {
  376. width:500px;
  377. padding:5px;
  378. height:auto;
  379. background-color:{color:Posts BG};
  380. color:{color:Text};
  381. font-family:consolas;
  382. font-size:8px;
  383. text-transform:uppercase;
  384. letter-spacing:1px;
  385. }
  386.  
  387. #taemin {
  388. display:block;
  389. background-color:{color:Posts BG};
  390. width:500px;
  391. padding:0px;
  392.  
  393. }
  394.  
  395. #askpic {
  396. margin-right:15px;
  397. margin-bottom:15px;
  398. float:left;
  399. padding:5px;
  400. border:1px solid {color:Ask Pic Border};
  401. }
  402.  
  403. blockquote {
  404. padding-left:5px;
  405. border-left:3px solid {color:Blockquote Side Border};
  406. }
  407.  
  408. .texts blockquote, .link blockquote, .audio blockquote {
  409. padding-left:5px;
  410. padding:2px;
  411. background-color:#f9f9f9;
  412. border-left:3px solid #ccc;
  413. font-size:9px;
  414. color:#aaa;
  415. }
  416.  
  417.  
  418. #cap {
  419. {block:if500pxposts}width:493px;{/block:if500pxposts}
  420. {block:if400pxposts}width:393px;{/block:if400pxposts}
  421. {block:if250pxposts}width:243px;{/block:if250pxposts}
  422. background-color:{color:Caption BG};
  423. margin-top:10px;
  424. color:{color:Caption Color};
  425. border:1px solid {color:Caption Border};
  426. padding:3px;
  427. font-size:9px;
  428. }
  429.  
  430. {block:if250pxposts}{block:ifinfinitescrolling}.pagination {
  431. display: none;
  432. }{/block:ifinfinitescrolling}{/block:if250pxposts}
  433.  
  434.  
  435.  
  436. @font-face {font-family: "onuava";src: url('http://static.tumblr.com/iuggpng/OCkm4x5h8/onuava__.ttf');}
  437.  
  438. @font-face {font-family: "sunrise";src: url('http://static.tumblr.com/iuggpng/Hb7m72lin/blackout_sunrise.ttf');}
  439.  
  440. @font-face {font-family: "silkscreen";src: url('http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf');}
  441.  
  442. @font-face {font-family: "print";src: url('http://static.tumblr.com/iuggpng/oQfm4mzne/princ___.ttf');}
  443.  
  444. @font-face {font-family: "open sans";src: url('http://static.tumblr.com/iuggpng/jrXm0dlyf/opensans-condlight.ttf');}
  445.  
  446. @font-face {font-family: "neou bold";src: url('http://static.tumblr.com/iuggpng/0eTm6pndc/neou-bold.ttf');}
  447.  
  448. @font-face {font-family: "neou thin";src: url('http://static.tumblr.com/iuggpng/c0Jm6pnei/neou-thin.ttf');}
  449.  
  450. @font-face {font-family: "directory";src: url('http://static.tumblr.com/iuggpng/pTym6pnf7/directory.ttf');}
  451.  
  452.  
  453. #trans, .trans {
  454. -webkit-transition: all 0.8s ease-out;
  455. -moz-transition: all 0.8s ease-out;
  456. transition: all 0.8s ease-out;
  457. }
  458.  
  459.  
  460. .dongwoo {
  461. width:100%;
  462. height:40px;
  463. border-bottom:5px solid {color:Header Bottom Border};
  464. z-index:999999999;
  465. top:0px;
  466. left:0px;
  467. position:fixed;
  468. background-image:url({image:Header BG});
  469. }
  470.  
  471. #dongwoo {
  472. top:25px;
  473. text-align:center;
  474. position:fixed;
  475. width:100%;
  476.  
  477. }
  478.  
  479. #dongwoo a {
  480. font-family:courier new;
  481. font-size:9px;
  482. background-color:{color:Top Nav BG};
  483. color:{color:Top Nav Color};
  484. padding-bottom:2px;
  485. padding-left:5px;
  486. padding-right:5px;
  487. margin-right:10px;
  488.  
  489. }
  490.  
  491. #dongwoo a:hover {
  492. background-color:{color:Header Bottom Border};
  493. }
  494.  
  495.  
  496. .joon {
  497. top:45px;
  498. left:10px;
  499. position:fixed;
  500. height:100%;
  501. width:360px;
  502. border-right:1px solid {color:Header Bottom Border};
  503. padding-right:10px;
  504. }
  505.  
  506.  
  507. #foto {
  508. float:left;
  509. width:150px;
  510. margin-top:35px;
  511. }
  512.  
  513. #desu {
  514. width:200px;
  515. float:left;
  516. font-family:courier;
  517. line-height:15px;
  518. font-size:9px;
  519. margin-top:35px;
  520. color:{color:Desc Text};
  521. }
  522.  
  523. #oi {
  524. font-style:italic;
  525. font-size:25px;
  526. text-align:right;
  527. margin-right:15px;
  528. color:{color:Sidebar Main Title};
  529. font-family:serif;
  530.  
  531. }
  532.  
  533. #oimini {
  534. margin-top:-3px;
  535. font-style:italic;
  536. font-size:15px;
  537. text-align:right;
  538. margin-right:10px;
  539. color:{color:Sidebar Small Title};
  540. font-family:serif;
  541. }
  542.  
  543.  
  544.  
  545. #fotoo {
  546. padding:5px;
  547. width:150px;
  548. background-color:{color:Sidebar IMG Border};
  549. }
  550.  
  551.  
  552.  
  553. #dhtmltooltip{
  554. position: absolute;
  555. max-width:150px;
  556. text-align:center;
  557. color:{color:Hover Notes Color};
  558. padding:2px;
  559. font-size:8px;
  560. font-family:calibri;
  561. padding:2px;
  562. opacity:.9;
  563. font-style:italic;
  564. background-color:{color:Hover Notes BG};
  565. letter-spacing:1px;
  566. visibility: hidden;
  567. z-index:99999999;
  568. -moz-border-radius:2px;
  569. border-radius:2px;
  570. }
  571.  
  572. {block:ifcornerimagelocation}.corner {
  573. position:fixed;
  574. bottom:0px;
  575. {text:Corner Image Location}:0px;
  576. opacity:1;
  577. z-index:999;
  578. }
  579. {/block:ifcornerimagelocation}
  580.  
  581. {block:ifmusicplayercode}.music {
  582. overflow:hidden;
  583. width:70px;
  584. height:100px;
  585. position:fixed;
  586. bottom:0px;
  587. left:0px;
  588. }
  589.  
  590. .music:hover {
  591. width:400px;
  592. }
  593. {/block:ifmusicplayercode}
  594.  
  595.  
  596.  
  597. {block:ifnotinfinitescrolling}
  598. #normal {
  599. padding:3px;
  600. background-color:{color:Pag BG};
  601. color:{color:Pag Color};
  602. }
  603.  
  604. #current {
  605. background-color:transparent;
  606. color:{color:Pag Current Text};
  607. padding:3px;
  608. font-size:8px;
  609. text-transform:uppercase;
  610. }
  611. {/block:ifnotinfinitescrolling}
  612.  
  613.  
  614. </style>
  615.  
  616. {block:if250pxposts}<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>{/block:if250pxposts}
  617.  
  618.  
  619. {block:if250pxposts}{block:ifinfinitescrolling}<script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>{/block:ifinfinitescrolling}{/block:if250pxposts}
  620.  
  621. {block:if250pxposts}<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  622.  
  623. <script>
  624. $(function(){
  625. var $container = $('#posts');
  626. $container.imagesLoaded(function(){
  627. $container.masonry({
  628. itemSelector: '.posteu',
  629. });
  630. });
  631. $container.infinitescroll({
  632. itemSelector : ".posteu",
  633. navSelector : "div.pagination",
  634. nextSelector : ".pagination a#next",
  635. loadingImg : "",
  636. loadingText : "<em></em>",
  637. bufferPx : 500,
  638. extraScrollPx: 500,
  639. },
  640. function( newElements ) {
  641. var $newElems = $( newElements ).css({ opacity: 0 });
  642. $newElems.imagesLoaded(function(){
  643. $newElems.animate({ opacity: 1 });
  644. $container.masonry( 'appended', $newElems, true );
  645. });
  646. }
  647. );
  648. });
  649. </script>
  650. {/block:if250pxposts}
  651.  
  652.  
  653.  
  654.  
  655. </head>
  656. <body>
  657.  
  658.  
  659.  
  660. <div id="dhtmltooltip"></div>
  661.  
  662. <script type="text/javascript">
  663.  
  664. /***********************************************
  665. * Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
  666. * This notice MUST stay intact for legal use
  667. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  668. ***********************************************/
  669.  
  670. var offsetxpoint=-60 //Customize x offset of tooltip
  671. var offsetypoint=20 //Customize y offset of tooltip
  672. var ie=document.all
  673. var ns6=document.getElementById && !document.all
  674. var enabletip=false
  675. if (ie||ns6)
  676. var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
  677.  
  678. function ietruebody(){
  679. return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
  680. }
  681.  
  682. function ddrivetip(thetext, thecolor, thewidth){
  683. if (ns6||ie){
  684. if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
  685. if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
  686. tipobj.innerHTML=thetext
  687. enabletip=true
  688. return false
  689. }
  690. }
  691.  
  692. function positiontip(e){
  693. if (enabletip){
  694. var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
  695. var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
  696. //Find out how close the mouse is to the corner of the window
  697. var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
  698. var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
  699.  
  700. var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
  701.  
  702. //if the horizontal distance isn't enough to accomodate the width of the context menu
  703. if (rightedge<tipobj.offsetWidth)
  704. //move the horizontal position of the menu to the left by it's width
  705. tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
  706. else if (curX<leftedge)
  707. tipobj.style.left="5px"
  708. else
  709. //position the horizontal position of the menu where the mouse is positioned
  710. tipobj.style.left=curX+offsetxpoint+"px"
  711.  
  712. //same concept with the vertical position
  713. if (bottomedge<tipobj.offsetHeight)
  714. tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
  715. else
  716. tipobj.style.top=curY+offsetypoint+"px"
  717. tipobj.style.visibility="visible"
  718. }
  719. }
  720.  
  721. function hideddrivetip(){
  722. if (ns6||ie){
  723. enabletip=false
  724. tipobj.style.visibility="hidden"
  725. tipobj.style.left="-1000px"
  726. tipobj.style.backgroundColor=''
  727. tipobj.style.width=''
  728. }
  729. }
  730.  
  731. document.onmousemove=positiontip
  732.  
  733. </script>
  734.  
  735.  
  736. {block:ifmusicplayercode}<div class="music" id="trans">
  737. <img src="{text:Music Player Icon}" style="padding:10px; background-color:{color:Music Player BG};">
  738. <div style="margin-top:-40px; margin-left:80px;">{text:Music Player Code}
  739. </div></div>
  740. {/block:ifmusicplayercode}
  741.  
  742.  
  743. {block:ifcornerimagelocation}<img src="{image:Corner Image}" class="corner">{/block:ifcornerimagelocation}
  744.  
  745.  
  746. {block:ifinfinitescrolling}<div class="pagination">
  747. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  748. </div>
  749. {/block:ifinfinitescrolling}
  750.  
  751.  
  752.  
  753. <div class="dongwoo">
  754. <div id="dongwoo">
  755. <a href="/">home</a>
  756. <a href="/ask">message</a>
  757. <a href="/archive">past</a>
  758. <a href="http://hobakjeon.tumblr.com">theme</a>
  759. </div>
  760. </div>
  761.  
  762.  
  763. <div class="joon">
  764.  
  765.  
  766.  
  767.  
  768.  
  769. <div id="desu">
  770.  
  771. {block:iftitle1}<div id="oi">{text:Title 1}</div>
  772. <div id="oimini">{text:Title 2}</div>{/block:iftitle1}
  773.  
  774. <center>{Description}</center>
  775.  
  776.  
  777.  
  778. {block:ifnotinfinitescrolling}
  779. {block:Pagination}
  780. <center><div class="pag" style="margin-top:10px;">
  781. {block:PreviousPage}<a href="{PreviousPage}" id="normal">←</a> {/block:PreviousPage}
  782.  
  783. {block:JumpPagination length="5"}
  784.  
  785. {block:CurrentPage}<span class="current_page" id="current">{PageNumber}</span> {/block:CurrentPage}
  786. {block:JumpPage}<a class="jump_page" href="{URL}" id="normal">{PageNumber}</a> {/block:JumpPage} {/block:JumpPagination}
  787.  
  788. {block:NextPage} <a href="{NextPage}" id="normal">→</a> {/block:NextPage}
  789.  
  790.  
  791. </div></center>{/block:Pagination}
  792. {/block:ifnotinfinitescrolling}
  793. </div>
  794.  
  795.  
  796.  
  797.  
  798.  
  799.  
  800.  
  801.  
  802. <div id="foto">
  803.  
  804.  
  805. <img src="{image:Sidebar IMG}" id="fotoo" style="width:150px; opacity:.7;">
  806.  
  807. {block:iflink1}<div style="padding:2px; border:1px solid {color:Drop Down Menu Border}; width:145px; margin-left:5px;"><form>
  808. <select style="width:145px; height: 16px; color:{color:Drop Down Menu Text}; letter-spacing: 1px; font-size: 8px; font-family:calibri; text-transform:uppercase; border:1px solid {color:Drop Down Menu Border};" onChange="location.href=this.options[this.selectedIndex].value;">
  809.  
  810. <option value="">→ navigation</option>
  811. {block:iflink1}<option value="{text:Link 1 URL}">{text:Link 1}</option>
  812. {/block:iflink1}
  813. {block:iflink2}<option value="{text:Link 2 URL}">{text:Link 2}</option>
  814. {/block:iflink2}
  815. {block:iflink3}<option value="{text:Link 3 URL}">{text:Link 3}</option>
  816. {/block:iflink3}
  817. {block:iflink4}<option value="{text:Link 4 URL}">{text:Link 4}</option>
  818. {/block:iflink4}
  819. {block:iflink5}<option value="{text:Link 5 URL}">{text:Link 5}</option>
  820. {/block:iflink5}
  821. {block:iflink6}<option value="{text:Link 6 URL}">{text:Link 6}</option>
  822. {/block:iflink6}
  823.  
  824. </select>
  825. </form>
  826. </div>
  827. {/block:iflink1}
  828.  
  829. </div>
  830.  
  831.  
  832.  
  833.  
  834. </div>
  835.  
  836.  
  837.  
  838.  
  839.  
  840.  
  841.  
  842.  
  843.  
  844.  
  845.  
  846.  
  847.  
  848.  
  849. <div id="posts">
  850.  
  851. {block:Posts}
  852.  
  853. {block:if500pxposts}{block:ifinfinitescrolling}
  854. <div class="autopagerize_page_element">{/block:ifinfinitescrolling}{/block:if500pxposts}
  855.  
  856. {block:if400pxposts} {block:ifinfinitescrolling}
  857. <div class="autopagerize_page_element">{/block:ifinfinitescrolling}{/block:if400pxposts}
  858.  
  859.  
  860. <div class="posteu">
  861.  
  862. <div id="perm">
  863. <a href="{ReblogURL}" target="new"><img src="http://static.tumblr.com/iuggpng/eV5molvfx/loop.png"></a>
  864. <a href="{Permalink}"><img src="http://static.tumblr.com/iuggpng/5WPmolvgv/heart.png"></a>
  865. <div id="taggies">{block:HasTags}tagged:{block:Tags}
  866. &#160#<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  867. </div>
  868.  
  869.  
  870. {block:Text}
  871. <div class="texts">
  872. {block:Title}
  873. <div class="title"><a href="{Permalink}">{Title}</a></div>
  874. {/block:Title}
  875. {Body}</div>
  876. {block:IndexPage}<div id="textperm"><a href="{Permalink}">{Month} {DayofMonth} {ShortYear}</a> // {NoteCountWithLabel} </div>{/block:IndexPage}
  877. {/block:Text}
  878.  
  879.  
  880. <div class="photo" {block:IndexPage}onMouseover="ddrivetip('{NoteCountWithLabel}')";
  881. onMouseout="hideddrivetip()"{/block:IndexPage}>
  882. {block:Photo}
  883. <a href="{Permalink}"><img class="photo"
  884. {block:IndexPage}
  885. {block:if500pxposts}src="{PhotoURL-500}"{/block:if500pxposts}
  886. {block:if400pxposts}src="{PhotoURL-500}" width="400px"{/block:if400pxposts}
  887. {block:if250pxposts}src="{PhotoURL-250}"{/block:if250pxposts}
  888. {/block:IndexPage}
  889. {block:PermalinkPage}src="{PhotoURL-500}"{/block:PermalinkPage} alt="{PhotoAlt}"/></a>
  890. {/block:Photo}
  891.  
  892. </div>
  893.  
  894. <div class="photosetu" {block:IndexPage}onMouseover="ddrivetip('{NoteCountWithLabel}')";
  895. onMouseout="hideddrivetip()"{/block:IndexPage}>
  896. <div class="photoset">
  897. <a href="{Permalink}">
  898. {block:IndexPage}
  899. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  900. {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  901. {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  902. {/block:IndexPage}
  903. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  904. </a>
  905.  
  906. </div>
  907.  
  908. {/block:Photoset}
  909.  
  910. </div>
  911.  
  912.  
  913. {block:Quote}
  914. <div class="quote">
  915. <div style="font-style:italic; font-size:13px;">" {Quote} "</div>
  916. {block:Source}
  917. <div class="source" style="text-align:right; margin-top:5px;">- {Source}</div>
  918. {/block:Source}
  919. </div>
  920. {block:IndexPage}<div id="textperm"><a href="{Permalink}">{Month} {DayofMonth} {ShortYear}</a> // {NoteCountWithLabel} </div>{/block:IndexPage}
  921. {/block:Quote}
  922.  
  923.  
  924. {block:Link}
  925. <div class="link">
  926. <div class="linktitle"><a href="{URL}" {Target}>{Name}</a></div>
  927. {block:Description}
  928. <div class="description">{Description}</div>
  929. {/block:Description}
  930. </div>
  931. {block:IndexPage}<div id="textperm"><a href="{Permalink}">{Month} {DayofMonth} {ShortYear}</a> // {NoteCountWithLabel} </div>{/block:IndexPage}
  932. {/block:Link}
  933.  
  934.  
  935. {block:Chat}
  936. <div class="post chat">
  937. {block:Title}
  938. <h3><a href="{Permalink}">{Title}</a></h3>
  939. {/block:Title}
  940. <div class="chat">
  941. {block:Lines}
  942. <div style="border-bottom:1px solid {color:Chat Post Underline};"><div class="{Alt} user_{UserNumber}"></div>
  943. {block:Label}
  944. <span class="label">{Label}</span>
  945. {/block:Label}
  946. {Line}</div>
  947. {/block:Lines}
  948. </div>
  949. </div>
  950. {block:IndexPage}<div id="textperm"><a href="{Permalink}">{Month} {DayofMonth} {ShortYear}</a> // {NoteCountWithLabel} </div>{/block:IndexPage}
  951. {/block:Chat}
  952.  
  953.  
  954. <div class="video" {block:IndexPage}onMouseover="ddrivetip('{NoteCountWithLabel}')";
  955. onMouseout="hideddrivetip()"{/block:IndexPage}>
  956. {block:Video}
  957. <div class="video">
  958. {block:IndexPage}{block:if500pxposts}{Video-500}{/block:if500pxposts}
  959. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  960. {block:if250pxposts}{Video-250}{/block:if250pxposts}
  961. {/block:IndexPage}
  962. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  963.  
  964. </div>
  965.  
  966. {/block:Video}
  967. </div>
  968.  
  969. {block:Audio}
  970. <div class="audio">
  971. <div style="width:100%; background-color:white; height:auto;">{AudioPlayerWhite}</div>
  972. {block:AlbumArt}<div style="float:left; margin-top:5px; margin-right:10px;">
  973. {block:PermalinkPage}<img src="{AlbumArtURL}" width="100" style="align:left;">{/block:PermalinkPage}
  974. {block:IndexPage}<img src="{AlbumArtURL}" width="60">{/block:IndexPage}
  975. </div>
  976.  
  977. {/block:AlbumArt}
  978. {block:Caption}
  979. <div class="caption">
  980.  
  981. {block:Artist}
  982. <p><b>ARTIST</b>: {Artist}
  983. {/block:Artist}
  984.  
  985. {block:Album}
  986. <br><b>ALBUM</b>: {Album}
  987. {/block:Album}
  988.  
  989. {block:TrackName}
  990. <br><b>TRACK</b>: {TrackName}
  991. {/block:TrackName}
  992.  
  993. {block:PlayCount}
  994. <br><b>PLAYS</b>: {FormattedPlayCount}
  995. {/block:PlayCount}
  996.  
  997. {block:PermalinkPage}{Caption}{/block:PermalinkPage}</div>
  998. {/block:Caption}
  999. </div>
  1000. {block:IndexPage}<div id="textperm"><a href="{Permalink}">{Month} {DayofMonth} {ShortYear}</a> // {NoteCountWithLabel} </div>{/block:IndexPage}
  1001. {/block:Audio}
  1002.  
  1003.  
  1004. {block:Answer}
  1005. <div class="askeu">
  1006. <div id="asku"><img src="{AskerPortraitURL-24}" id="askpic">
  1007. <div style="font-size:8px; text-transform:uppercase; letter-spacing:1px; line-height:13px; align:right;">{Asker} whispered : {Question}</div></div>
  1008. <div style="border-top:1px dotted #fafafa;">{Answer}</div>
  1009. </div>
  1010. {block:IndexPage}<div id="textperm"><a href="{Permalink}">{Month} {DayofMonth} {ShortYear}</a> // {NoteCountWithLabel} </div>{/block:IndexPage}
  1011. {/block:Answer}
  1012.  
  1013. {block:ifshowcaptions}{block:IndexPage}{block:Caption}<div id="cap">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:ifshowcaptions}
  1014.  
  1015.  
  1016. {block:PermalinkPage}
  1017. <div id="permalink">
  1018. {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>
  1019. {/block:Date}
  1020.  
  1021. <div style="margin-top:5px;">
  1022. Original: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">
  1023. {ReblogRootName}</a>
  1024.  
  1025. {block:RebloggedFrom}<br>Via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
  1026. {/block:RebloggedFrom}
  1027. <br>{NoteCountWithLabel}
  1028. {block:HasTags}<br>tagged:{block:Tags}
  1029. &#160<img src="http://static.tumblr.com/rltvkjt/krwlnxii3/mini.png"> <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  1030.  
  1031. <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>
  1032.  
  1033. </div>
  1034.  
  1035. <div id="taemin">{PostNotes}</div>{/block:PermalinkPage}
  1036.  
  1037. {block:ContentSource}
  1038. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1039. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1040. {/block:SourceLogo}
  1041. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1042. {/block:ContentSource}
  1043.  
  1044. </div>
  1045.  
  1046. {/block:Posts}
  1047.  
  1048. {block:if500pxposts}{block:ifinfinitescrolling}
  1049. </div>{/block:ifinfinitescrolling}{/block:if500pxposts}
  1050.  
  1051. {block:if400pxposts} {block:ifinfinitescrolling}
  1052. </div>{/block:ifinfinitescrolling}{/block:if400pxposts}
  1053.  
  1054. </div>
  1055. </body>
  1056. </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!