API tools faq
paste
Advertisement
onediewreckshun

37 - rhapsodizes - http://kimsjongin.tumblr.com

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