API tools faq
paste
Advertisement
onediewreckshun

49 - 400 lux - http://kimsjongin.tumblr.com

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