API tools faq
paste
onediewreckshun

46 - i walk alone - http://kimsjongin.tumblr.com

onediewreckshun
Nov 3rd, 2013
1,003
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.79 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <title>{title}</title>
  4.  
  5. <link rel="shortcut icon" href="{favicon}" />
  6.  
  7. <meta name="color:bg" content="#fff"/>
  8. <meta name="color:links" content="#bbb"/>
  9. <meta name="color:linkshover" content="#e9e7e7"/>
  10. <meta name="color:scrollbar" content="#ddd"/>
  11. <meta name="color:scrollbarbg" content="#fff"/>
  12. <meta name="color:text" content="#9a9a9a"/>
  13. <meta name="color:textselect" content="#999"/>
  14.  
  15. <meta name="color:title" content="#fff"/>
  16. <meta name="color:description" content="#fff"/>
  17. <meta name="color:descriptionlinks" content="#fff"/>
  18. <meta name="color:doubleborder" content="#ddd"/>
  19. <meta name="color:sidebarbg" content="#000"/>
  20. <meta name="color:sidelinks" content="#fff"/>
  21. <meta name="color:sidelinkshover" content="#fff"/>
  22. <meta name="color:sidelinkshoverbg" content="#fff"/>
  23.  
  24. <meta name="color:tags" content="#999">
  25. <meta name="color:tagshover" content="#999">
  26. <meta name="color:reblog" content="#555">
  27. <meta name="color:rebloghover" content="#222">
  28. <meta name="color:infoborder" content="#ddd">
  29.  
  30. <meta name="color:tooltipbg" content="#999"/>
  31. <meta name="color:tooltipborder" content="#fff"/>
  32. <meta name="color:tooltiptext" content="#fff"/>
  33.  
  34. <meta name="text:font" content="baskerville" />
  35. <meta name="text:fontsize" content="9px" />
  36.  
  37. <meta name="text:link1title" content="refresh" />
  38. <meta name="text:link1url" content="/" />
  39. <meta name="text:link2title" content="ask" />
  40. <meta name="text:link2url" content="/" />
  41. <meta name="text:link3title" content="link" />
  42. <meta name="text:link3url" content="/" />
  43. <meta name="text:link4title" content="link" />
  44. <meta name="text:link4url" content="/" />
  45.  
  46. <meta name="if:updatesbar" content="1" />
  47. <meta name="if:updatestab" content="1" />
  48.  
  49. <meta name="if:hovertags" content="1" />
  50.  
  51. <meta name="if:tinycursor" content="1" />
  52.  
  53. <meta name="if:500pxposts" content="1" />
  54. <meta name="if:400pxposts" content="0" />
  55.  
  56. <meta name="if:sidebarslide" content="1" />
  57.  
  58. <meta name="if:blackandwhiteposts" content="1" />
  59.  
  60. <meta name="image:sidebar" content="http://media.tumblr.com/84e4fed5325184227d53ebf5c8b2e35e/tumblr_inline_mqmb2xLnyt1qz4rgp.jpg" />
  61.  
  62. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/gyoju49/uF2mjkhe3/layoutcomponent.txt"></script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/bkd4m5b/Citm42m8i/smoothscroll.js"></script>
  63.  
  64. <!--
  65. 　　　　　　
  66. ┊ 　 ┊ ┊
  67. ┊ ┊ ┊ ┊ ┊ ┊ ┊
  68. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  69. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  70.  
  71. ᴛʜᴇᴍᴇ ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ)
  72. ᴘʟᴇᴀsᴇ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏʀ sᴛᴇᴀʟ! ^_^
  73.  
  74. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  75. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  76. ┊ ┊ ┊ ┊ ┊ ┊ ┊
  77. ┊ ┊ ┊
  78. -->
  79.  
  80.  
  81.  
  82. <style type="text/css">
  83.  
  84. @font-face {font-family: "meem2";
  85. src: url('http://static.tumblr.com/gs9d5ab/Rj8m7debq/websymbols-regular-webfont.ttf');}
  86.  
  87. #audio {
  88. margin-bottom:5px;
  89. width:500px;
  90. height:105px;
  91. }
  92.  
  93. .albumart {
  94. width:100px;
  95. height:100px;
  96. position:absolute;
  97. }
  98.  
  99. .albumart img {
  100. width:100px;
  101. height:100px;
  102. float:left;
  103. }
  104.  
  105. .playercontainer {
  106. opacity: .2;
  107. display:block;
  108. width:100px;
  109. height:100px;
  110. background:#fff;
  111. position:absolute;
  112. -webkit-transition:all 0.5s ease-in-out;
  113. -moz-transition:all 0.5s ease-in-out;
  114. -o-transition:all 0.5s ease-in-out;
  115. -ms-transition: all 0.5s ease-in-out;
  116. transition:all 0.5s ease-in-out;
  117. }
  118.  
  119. .playercontainer:hover {
  120. opacity:.7;
  121. position:absolute;
  122. -webkit-transition:all 0.5s ease-in-out;
  123. -moz-transition:all 0.5s ease-in-out;
  124. -o-transition:all 0.5s ease-in-out;
  125. -ms-transition: all 0.5s ease-in-out;
  126. transition:all 0.5s ease-in-out;
  127. }
  128.  
  129. /* ᴛʜᴇᴍᴇ ʙʏ ᴍᴇᴇᴍ (ᴄᴀᴘᴀʙʟʏ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ) */
  130.  
  131. .player {
  132. margin-left:36px;
  133. margin-top:36px;
  134. width:25px;
  135. height:25px;
  136. overflow:hidden;
  137. position:absolute;
  138. background-color:white;
  139. }
  140.  
  141. .audioinfo {
  142. margin-left:110px;
  143. float:left;
  144. color:{color:Text};
  145. width:386px;
  146. padding:2px;
  147. margin-top:3px;
  148. }
  149. {block:iftinycursor}
  150.  
  151. body, a, a:hover{
  152. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;
  153. }
  154.  
  155. {/block:iftinycursor}
  156.  
  157. a.reblog {
  158. color:#fff;
  159. border-right:1px solid #fff;
  160. }
  161. a.reblog:hover {
  162. border-right:1px solid {color:infoborder};
  163. background:#fff;
  164. color:{color:rebloghover};
  165. }
  166.  
  167. .reblog {
  168. margin-right:1px;
  169. padding:3px 5px 3px 5px;
  170. text-transform:uppercase;
  171. font-family:calibri;
  172. font-size:8px;
  173. background:{color:reblog};
  174. color:#fff;
  175. display:inline-block;
  176. }
  177.  
  178. #info {
  179. text-align:left;
  180. margin-top:2px;
  181. text-transform:uppercase;
  182. font-family:calibri;
  183. font-size:8px;
  184. letter-spacing:1px;
  185. padding-right:3px;
  186. border:1px solid {color:infoborder};
  187. }
  188.  
  189. #tags {
  190. padding-top:2px;
  191. margin-top:0px;
  192. text-transform:lowercase;
  193. font-style:italic;
  194. font-family:georgia;
  195. font-size:8px;
  196. {block:ifhovertags}opacity:0;{/block:ifhovertags}
  197. {block:ifnothovertags}opacity:1;{/block:ifnothovertags}
  198. letter-spacing:0px;
  199. -webkit-transition: all 0.4s ease-in-out;
  200. -moz-transition: all 0.4s ease-in-out;
  201. -o-transition: all 0.4s ease-in-out;
  202. -ms-transition: all 0.4s ease-in-out;
  203. transition: all 0.4s ease-in-out;
  204. }
  205. #post:hover #tags {
  206. opacity:1;
  207. -webkit-transition: all 0.4s ease-in-out;
  208. -moz-transition: all 0.4s ease-in-out;
  209. -o-transition: all 0.4s ease-in-out;
  210. -ms-transition: all 0.4s ease-in-out;
  211. transition: all 0.4s ease-in-out;
  212. }
  213.  
  214.  
  215. #ackles {
  216. line-height:100%;
  217. position:fixed;
  218. font-size:10px;
  219. width:70px;
  220. height:20px;
  221. font-family:calibri;
  222. letter-spacing:1px;
  223. padding-bottom:4px;
  224. padding-right:4px;
  225. bottom:0;
  226. right:0;
  227. z-index:12;
  228. }
  229.  
  230. #ackles .ville a {
  231. color:#9a9a9a;
  232. }
  233.  
  234. #ackles .dancy{
  235. color:#9a9a9a;
  236. opacity:1.0;
  237. padding:1px 3px 2px 3px;
  238. margin-top:00px;
  239. margin-left:29px;
  240. text-align:center;
  241. overflow:hidden;
  242. position: absolute;
  243. background:#fff;
  244. font-size:10px;
  245. text-transform:uppercase;
  246. z-index:100;
  247. -webkit-transition: opacity 0.5s linear;
  248. -webkit-transition: all 0.5s linear;
  249. -moz-transition: all 0.5s linear;
  250. transition: all 0.5s linear;
  251. border:1px solid #ece4e4;
  252. }
  253.  
  254. #ackles .ville{
  255. color:#9a9a9a;
  256. background:#fff;
  257. margin-top:100px;
  258. margin-top:0px;
  259. padding:1px 4px 2px 5px;
  260. margin-left:29px;
  261. font-size:10px;
  262. text-align:left;
  263. text-transform:uppercase;
  264. opacity:0;
  265. overflow:hidden;
  266. position: absolute;
  267. -webkit-transition: opacity 0.5s linear;
  268. -webkit-transition: all 0.5s linear;
  269. -moz-transition: all 0.5s linear;
  270. transition: all 0.5s linear;
  271. z-index:1200;
  272. border:1px solid #ece4e4;
  273. }
  274.  
  275. #ackles:hover .ville {
  276. opacity:1;
  277. margin-bottom:14px;
  278. transition: all 0.5s linear;
  279. -webkit-transition: opacity 0.5s linear;
  280. -webkit-transition: all 0.5s linear;
  281. -moz-transition: all 0.5s linear;
  282. }
  283.  
  284. ::-moz-selection {
  285. background: {color:textselect};
  286. color: #fff;
  287. }
  288.  
  289. ::selection {
  290. background: {color:textselect};
  291. color: #fff;
  292. }
  293.  
  294. ::-webkit-scrollbar-thumb{
  295. background: {color:scrollbar};
  296. height:auto;
  297. }
  298.  
  299. ::-webkit-scrollbar {
  300. height:4px;
  301. width:4px;
  302. background: {color:scrollbarbg};
  303. }
  304.  
  305. body {
  306. background:{color:bg};
  307. margin:0px;
  308. color:{color:text};
  309. font-family:{text:font};
  310. font-size:{text:fontsize};
  311. line-height:100%;
  312. }
  313.  
  314. a {
  315. color: {color:links}; text-decoration:none;
  316. -moz-transition-duration:0.5s;
  317. -webkit-transition-duration:0.5s;
  318. -o-transition-duration:0.5s;
  319. }
  320.  
  321. a:hover{
  322. color:{color:linkshover};
  323. -moz-transition-duration:0.5s;
  324. -webkit-transition-duration:0.5s;
  325. -o-transition-duration:0.5s;
  326. }
  327.  
  328. #entries {
  329. letter-spacing:1px;
  330. text-align:left;
  331. padding:10px;
  332. {block:if500pxposts}width:500px;{/block:if500pxposts}
  333. {block:if400pxposts}width: 400px;{/block:if400pxposts}
  334. {block:if500pxposts}margin-left:500px;{/block:if500pxposts}
  335. {block:if400pxposts}margin-left:550px;{/block:if400pxposts}
  336. margin-top:80px;
  337. }
  338.  
  339. #post {
  340. {block:ifblackandwhiteposts}-webkit-filter:grayscale(100%);{/block:ifblackandwhiteposts}
  341. {block:if500pxposts}width:500px;{/block:if500pxposts}
  342. {block:if400pxposts}width: 400px;{/block:if400pxposts}
  343. padding-bottom:20px;
  344. -moz-transition-duration:.7s;
  345. -webkit-transition-duration:.7s;
  346. -o-transition-duration:.7s;
  347. }
  348.  
  349. #post:hover{
  350. {block:ifblackandwhiteposts}-webkit-filter:grayscale(0%);{/block:ifblackandwhiteposts}
  351. -moz-transition-duration:.7s;
  352. -webkit-transition-duration:.7s;
  353. -o-transition-duration:.7s;
  354. }
  355.  
  356. iframe {
  357. {block:ifblackandwhiteposts}-webkit-filter:grayscale(100%);{/block:ifblackandwhiteposts}
  358. -moz-transition-duration:.5s;
  359. -webkit-transition-duration:.5s;
  360. -o-transition-duration:.5s;
  361. }
  362.  
  363. #post:hover iframe{
  364. -webkit-filter:grayscale(0%);
  365. -moz-transition-duration:.5s;
  366. -webkit-transition-duration:.5s;
  367. -o-transition-duration:.5s;
  368. }
  369.  
  370. #asker{
  371. font-family:georgia;
  372. font-style:italic;
  373. font-size:10px;
  374. text-align:center;
  375. }
  376.  
  377. img {
  378. border:none;
  379. }
  380.  
  381. blockquote {
  382. margin-left:5px;
  383. padding-left:5px;
  384. border-left:1px solid #eee;
  385. }
  386.  
  387. blockquote blockquote {
  388. margin-left:10px;
  389. padding-left:5px;
  390. border-left:1px solid #eee;
  391. }
  392.  
  393. h1 {
  394. font-weight:normal;
  395. font-size:11px;
  396. text-align:left;
  397. font-style:italic;
  398. letter-spacing:1px;
  399. text-transform:uppercase;
  400. color:{color:text};
  401. }
  402.  
  403. h2 {
  404. font-family:baskerville;
  405. font-size:15px;
  406. text-align:left;
  407. line-height:70%;
  408. letter-spacing:-0.5px;
  409. color:{color:text};
  410. font-style:italic;
  411. font-weight:normal;
  412. }
  413.  
  414. h3 {
  415. font-family:baskerville;
  416. font-size:9px;
  417. text-align:left;
  418. font-style:normal;
  419. font-weight:normal;
  420. line-height:120%;
  421. letter-spacing:1px;
  422. text-transform:uppercase;
  423. color:{color:text};
  424. }
  425.  
  426. h4 {
  427. font-size:9px;
  428. text-align:left;
  429. font-weight:normal;
  430. font-style:normal;
  431. line-height:120%;
  432. letter-spacing:-0.5px;
  433. color:{color:text};
  434. }
  435.  
  436. #s-m-t-tooltip {
  437. font-size: 8px;
  438. max-width:300px;
  439. padding:3px 3px 2px 4px;
  440. margin:20px 0px 0px 20px;
  441. z-index:10;
  442. background:{color:tooltipbg};
  443. border:1px solid {color:tooltipborder};
  444. font-family:calibri;
  445. letter-spacing:3px;
  446. text-transform:uppercase;
  447. color:{color:tooltiptext};
  448. z-index:999999999999999999999999999999999999;
  449. }
  450.  
  451. #words h1 {
  452. text-align:center;
  453. font-family:georgia;
  454. text-transform:uppercase;
  455. font-weight:normal;
  456. font-size:15px;
  457. }
  458.  
  459. @font-face { font-family: "meem"; src: url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf'); }
  460.  
  461. #words {
  462. color:#777;
  463. z-index:9;
  464. position:fixed;
  465. background: {color:bg};
  466. font-family:georgia;
  467. text-transform:none;
  468. font-size:9px;
  469. {block:if500pxposts}width:500px;{/block:if500pxposts}
  470. {block:if400pxposts}width:400px;{/block:if400pxposts}
  471. margin:-310px 0px 40px -10px;
  472. text-align:center;
  473. height:auto;
  474. font-style:normal;
  475. font-size:9px;
  476. padding:120px 10px 8px 10px;
  477. border-bottom: 1px solid #eee;
  478. -webkit-transition: all 0.7s ease;
  479. -moz-transition: all 0.7s ease;
  480. -o-transition: all 0.7s ease;
  481. }
  482. #words:hover {
  483. margin-top:-200px;
  484. -webkit-transition: all 0.7s ease;
  485. -moz-transition: all 0.7s ease;
  486. -o-transition: all 0.7s ease;
  487. }
  488.  
  489. #sidebarimage {
  490. background:url('{image:sidebar}') bottom;
  491. position:fixed;height:100%;
  492. width:300px;
  493. {block:ifsidebarslide}left:0px;{/block:ifsidebarslide}
  494. {block:ifnotsidebarslide}left:120px;{/block:ifnotsidebarslide}
  495. top:0px;
  496. background-size:cover;
  497. -webkit-transition: all 0.7s ease;
  498. -moz-transition: all 0.7s ease;
  499. -o-transition: all 0.7s ease;
  500. }
  501.  
  502. #side:hover #sidebarimage {
  503. left:120px;
  504. -webkit-transition: all 0.7s ease;
  505. -moz-transition: all 0.7s ease;
  506. -o-transition: all 0.7s ease;
  507. }
  508.  
  509. #side:hover #sidebar {
  510. margin-left:0px;
  511. -webkit-transition: all 0.7s ease;
  512. -moz-transition: all 0.7s ease;
  513. -o-transition: all 0.7s ease;
  514. }
  515.  
  516. #sidebar {
  517. background:{color:sidebarbg};
  518. padding-left:35px;
  519. margin-top:-80px;
  520. position:fixed;
  521. width:50px;
  522. height:1000px;
  523. padding-top:200px;
  524. text-align:left;
  525. {block:ifsidebarslide}margin-left: -120px;{/block:ifsidebarslide}
  526. {block:ifnotsidebarslide}margin-left: 0px;{/block:ifnotsidebarslide}
  527. padding-right: 35px;
  528. -webkit-transition: all 0.7s ease;
  529. -moz-transition: all 0.7s ease;
  530. -o-transition: all 0.7s ease;
  531. }
  532.  
  533. .links {
  534. z-index:99999999999999999999;
  535. font-size:8px;
  536. font-family:calibri;
  537. text-align:center;
  538. margin-top:4px;
  539. font-style:normal;
  540. margin-left:-24px;
  541. text-align:center;
  542. text-transform:uppercase;
  543. letter-spacing:1px;
  544. line-height:100%;
  545. width:100px;
  546. -moz-transition-duration:0.5s;
  547. -webkit-transition-duration:0.5s;
  548. -o-transition-duration:0.5s;
  549. }
  550.  
  551. .links a{
  552. color:{color:sidelinks};
  553. border-bottom:1px solid {color:sidebarbg};
  554. margin-top: 3px;
  555. margin-right:0px;
  556. text-align:center;
  557. -moz-transition-duration:0.5s;
  558. -webkit-transition-duration:0.5s;
  559. -o-transition-duration:0.5s;
  560. }
  561.  
  562. .links a:hover {
  563. color:{color:sidelinkshover};
  564. border-bottom:1px solid {color:sidelinkshover};
  565. -moz-transition-duration:0.5s;
  566. -webkit-transition-duration:0.5s;
  567. -o-transition-duration:0.5s;
  568. }
  569.  
  570. .desc {
  571. margin-bottom:-4px;
  572. margin-top:1px;
  573. text-align:justify;
  574. font-family: times;
  575. font-size:9px;
  576. padding: 0px;
  577. color:{color:description};
  578. letter-spacing:0px;
  579. line-height:9.5px;
  580. padding-top: 7px;
  581. -moz-transition-duration:0.5s;
  582. -webkit-transition-duration:0.5s;
  583. -o-transition-duration:0.5s;
  584. }
  585.  
  586. .desc a {
  587. color:{color:descriptionlinks}
  588. }
  589.  
  590. /*.desc:first-letter {
  591. width:16px;
  592. height:16px;
  593. padding:5px;
  594. text-transform:uppercase;
  595. font-style:normal;
  596. margin-bottom:0px;
  597. margin-right:5px;
  598. float:left;
  599. background:{color:firstletterbg};
  600. color:{color:firstletter};
  601. font-family:goudy old style;
  602. font-size:20px;
  603. line-height:15px;
  604. text-align:center;
  605. }*/
  606.  
  607. #pagination {
  608. z-index:99999999999999999999999999999999999999999999999999;
  609. }
  610.  
  611. #words h1 {
  612. text-align:center;
  613. font-family:georgia;
  614. text-transform:uppercase;
  615. font-weight:normal;
  616. font-size:15px;
  617. }
  618.  
  619. @font-face { font-family: "meem"; src: url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf'); }
  620.  
  621. #side:hover #candywrapper {
  622. left:0px;
  623. -webkit-transition: all 0.7s ease;
  624. -moz-transition: all 0.7s ease;
  625. -o-transition: all 0.7s ease;
  626. }
  627.  
  628. #candywrapper {
  629. background:{color:sidebarbg};
  630. letter-spacing:1px;
  631. text-align: center;
  632. font-size: 11px;
  633. position:fixed;
  634. {block:ifnotsidebarslide}left:0px;{/block:ifnotsidebarslide}
  635. {block:ifsidebarslide}left:-120px;{/block:ifsidebarslide}
  636. top:-101px;
  637. -webkit-transition: all 0.7s ease;
  638. -moz-transition: all 0.7s ease;
  639. -o-transition: all 0.7s ease;
  640. z-index:99;
  641. }
  642.  
  643. #candywrapper:hover {
  644. top:-1px;
  645. -webkit-transition: all 0.7s ease;
  646. -moz-transition: all 0.7s ease;
  647. -o-transition: all 0.7s ease;
  648. }
  649.  
  650. #in {
  651. overflow:auto;
  652. color:{color:description};
  653. background:{color:sidebarbg};
  654. font-family:calibri;
  655. text-transform:uppercase;
  656. border-bottom:1px solid {color:description};
  657. padding: 10px 10px 10px 10px;
  658. text-align:center;
  659. font-size:8px;
  660. width:100px;
  661. height:80px;
  662. z-index: 9999;
  663. }
  664.  
  665. #in a {
  666. color:{color:descriptionlinks};
  667. }
  668.  
  669. #in::-webkit-scrollbar-thumb{
  670. background: {color:description};
  671. border-right:1px solid {color:sidebarbg};
  672. height:auto;
  673. }
  674.  
  675. #in::-webkit-scrollbar {
  676. height:3px;
  677. width:3px;
  678. background: {color:sidebarbg};
  679. }
  680.  
  681. #titletab {
  682. background:{color:sidebarbg};
  683. color:{color:description};
  684. letter-spacing:0px;
  685. border-bottom:1px solid {color:description};
  686. border-top: 0px solid transparent;
  687. font-family:calibri;
  688. text-transform:uppercase;
  689. font-size:8px;
  690. text-align: center;
  691. height:5px;
  692. padding: 3px 0 7px 0;
  693. border-bottom-right-radius: 0px;
  694. -moz-border-bottom-right-radius: 0px;
  695. -webkit-border-bottom-right-radius: 0px;
  696. -webkit-transition: all .5s ease-in-out;
  697. -moz-transition: all .5s ease-in-out;
  698. -o-transition: all .5s ease-in-out;
  699. }
  700.  
  701. </style>
  702.  
  703. </head>
  704.  
  705.  
  706.  
  707. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  708.  
  709. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  710.  
  711. <script>
  712.  
  713. (function($){
  714.  
  715. $(document).ready(function(){
  716.  
  717. $("a[title]").style_my_tooltips({
  718.  
  719. tip_follows_cursor:true,
  720.  
  721. tip_delay_time:50,
  722.  
  723. tip_fade_speed:600,
  724.  
  725. attribute:"title"
  726.  
  727. });
  728.  
  729. });
  730.  
  731. })(jQuery);
  732.  
  733. </script>
  734.  
  735. <script type="text/javascript"
  736. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  737.  
  738.  
  739.  
  740. <body>
  741.  
  742. <div id="side">
  743.  
  744.  
  745. {block:ifupdatestab}
  746. <div id="candywrapper">
  747. <div id="in">
  748.  
  749. oo your text goes here!<br><br>
  750. fill this up with whatever you want!<br><br>
  751. use < br > (without spaces) to bring text to a new line<br><br>
  752. if your info doesn't fit, don't worry; a scrollbar will appear<br>
  753. <a href="http://kimsjongin.tumblr.com">here's a link</a>
  754.  
  755. </div>
  756. <div id="titletab">updates</div>
  757. </div>
  758. {/block:ifupdatestab}
  759.  
  760. <div id="sidebarimage"></div>
  761.  
  762. <div id="sidebar">
  763.  
  764. <div class="desc">
  765.  
  766. <div class="links">
  767. <center>
  768. <a title="{text:link1title}" href="{text:link1url}">01</a>
  769. <a title="{text:link2title}" href="{text:link2url}">02</a>
  770. <a title="{text:link3title}" href="{text:link3url}">03</a>
  771. <a title="{text:link4title}" href="{text:link4url}">04</a>
  772. </center>
  773. </div><br>
  774.  
  775. {description}
  776.  
  777. <br><br>
  778. <div id="pagination">
  779. {block:pagination}
  780. <center>{block:previouspage}<a href="{previouspage}">back</a> {/block:previouspage}{block:nextpage}— <a href="{nextpage}">next</a>{/block:nextpage}</center>
  781. {/block:pagination}
  782. </div>
  783.  
  784. </div>
  785. </div>
  786.  
  787. </div>
  788.  
  789.  
  790.  
  791.  
  792. <div id="entries">
  793.  
  794. {block:ifupdatesbar}
  795. <div id="words">
  796. <h1>UPDATES</h1><br>
  797. <div style="font-style:normal;font-size:9px;">
  798. 1. <a href="http://bangj.tumblr.com">wow cool a link</a><br>
  799. 2. type <code>&lt;br&gt;</code> to go to another line! :)<br>
  800. 3. text text text<br>
  801. <br></div>
  802. <br><img src="http://25.media.tumblr.com/a4000ff25ef60e7c7837e7a16ea68ab8/tumblr_mjtrwufvmf1s7gs24o1_250.png"><br><br><br><br>
  803. <font face="meem" size="4">T</font>ype <b>a</b> <i>short</i>
  804. <br> <b>quote</b> <i>here</i> using<br> <b>alternating</b> <i>font</i>
  805. styles.<br>
  806. <br>
  807. </div>
  808. <br>
  809. {/block:ifupdatesbar}
  810.  
  811.  
  812. {block:Posts}
  813. <div id="post">
  814. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  815.  
  816. {block:Photo}{LinkOpenTag}{block:if400pxposts}<img src="{PhotoURL-400}" width="400">{/block:if400pxposts}{block:if500pxposts}<img src="{PhotoURL-500}" width="500">{/block:if500pxposts}{LinkCloseTag}<br><br>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  817.  
  818. {block:Photoset}{block:if400pxposts}{Photoset-400}{/block:if400pxposts}{block:if500pxposts}{Photoset-500}{/block:if500pxposts}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  819.  
  820. {block:Quote}<div style="text-align:center; font-size:12px;">{Quote}</div> {block:Source}<div style="text-align:center; font-size:10px;">{Source}</div><br>{/block:Source}{/block:Quote}
  821.  
  822. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  823.  
  824. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  825.  
  826. {block:Audio}
  827. <div id="audio">
  828. <div class="albumart"><img src="http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg"></div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playercontainer"><div class="player">{AudioPlayerWhite}</div></div>
  829.  
  830. {block:TrackName}<div class="audioinfo"><b>Title:</b> {TrackName}</div><br>{/block:TrackName}
  831. {block:Artist}<div class="audioinfo"><b>Artist:</b> {Artist}</div><br>{/block:Artist}
  832. {block:Album}<div class="audioinfo"><b>Album:</b> {Album}</div>{/block:Album}
  833. {block:PlayCount}<div class="audioinfo"><b>Played:</b> {FormattedPlayCount} times</div> {/block:PlayCount}
  834. </div>{block:Caption}{Caption}{/block:Caption}
  835. {/block:Audio}
  836.  
  837. {block:Video}{block:if400pxposts}{Video-400}{/block:if400pxposts}{block:if500pxposts}{Video-500}{/block:if500pxposts} <br><center>played {PlayCount} times</center> {block:Caption}{Caption}{/block:Caption}{/block:Video}
  838.  
  839.  
  840. {block:Answer}
  841. <span id="asker">{Asker} asked: {Question}</span><p>
  842. {Answer}
  843. {/block:Answer}
  844.  
  845. <div id="info">
  846. <a class="reblog" href="{ReblogURL}">reblog</a>
  847. <a href="{Permalink}" style=padding-left:2px;>{block:Date}{timeago}{/block:Date} with
  848. {NoteCountWithLabel}</a>
  849. <div style="float:right; padding-top:3px;">
  850. {block:RebloggedFrom} via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>{/block:RebloggedFrom}
  851. {block:ContentSource} - source <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}
  852. </div></div>
  853.  
  854. {block:HasTags}<div id="tags"><span style="font-family:meem2;color:#ddd">,</span> &nbsp; {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  855.  
  856. {block:PostNotes}<center><a href="http://kimsjongin.tumblr.com">&#x1d1b;&#x29c;&#x1d07;&#x1d0d;&#x1d07;&nbsp;&#x299;&#x28f;&nbsp;&#x299;&#x1d00;&#x274;&#x262;&#x1d0a;&#x1d07;&#x274;s&#x1d07;&#x274;</a></center><br><br>{PostNotes}{/block:PostNotes}<br>
  857.  
  858. </div>
  859.  
  860. {/block:Posts}
  861.  
  862. </div>
  863.  
  864. </div>
  865.  
  866. <div id="ackles">
  867.  
  868. <div class="dancy">
  869. &#x1d1b;&#x29c;&#x1d07;&#x1d0d;&#x1d07;
  870. </div>
  871.  
  872. <div class="ville">
  873. <a href="http://kimsjongin.tumblr.com">&#x1d0d;&#x1d07;&#x1d07;&#x1d0d;</a>
  874. </div>
  875. </div>
  876.  
  877. <!--
  878. 　　　　　　
  879. ┊ 　 ┊ ┊
  880. ┊ ┊ ┊ ┊ ┊ ┊ ┊
  881. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  882. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  883.  
  884. ᴛʜᴇᴍᴇ ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ)
  885. ᴘʟᴇᴀsᴇ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏʀ sᴛᴇᴀʟ! ^_^
  886.  
  887. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  888. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  889. ┊ ┊ ┊ ┊ ┊ ┊ ┊
  890. ┊ ┊ ┊
  891. -->
  892.  
  893. </body>
  894.  
  895. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!