API tools faq
paste
onediewreckshun

41 - cynosure - http://kimsjongin.tumblr.com

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