API tools faq
paste
Advertisement
onediewreckshun

48 - buzzcut season - http://kimsjongin.tumblr.com

onediewreckshun
Nov 3rd, 2013
985
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.89 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:info" content="#999"/>
  25. <meta name="color:infohover" content="#000"/>
  26. <meta name="color:tags" content="#ddd"/>
  27. <meta name="color:tagshover" content="#999"/>
  28.  
  29. <meta name="color:tooltipbg" content="#999"/>
  30. <meta name="color:tooltipborder" content="#fff"/>
  31. <meta name="color:tooltiptext" content="#fff"/>
  32.  
  33. <meta name="text:font" content="baskerville" />
  34. <meta name="text:fontsize" content="9px" />
  35.  
  36. <meta name="text:link1text" content="home" />
  37. <meta name="text:link1title" content="link title" />
  38. <meta name="text:link1url" content="/" />
  39. <meta name="text:link2text" content="message" />
  40. <meta name="text:link2title" content="link title" />
  41. <meta name="text:link2url" content="/" />
  42. <meta name="text:link3text" content="themes" />
  43. <meta name="text:link3title" content="link title" />
  44. <meta name="text:link3url" content="/" />
  45. <meta name="text:link4text" content="navigation" />
  46. <meta name="text:link4title" content="link title" />
  47. <meta name="text:link4url" content="/" />
  48.  
  49. <meta name="if:updatesbar" content="1" />
  50. <meta name="if:updatestab" content="1" />
  51. <meta name="if:updatesbox" content="1" />
  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. <meta name="image:sidebar" content="http://25.media.tumblr.com/tumblr_mapmsmxSH71qicrsjo1_400.jpg" />
  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. /* ᴛʜᴇᴍᴇ ʙʏ ᴍᴇᴇᴍ (ᴄᴀᴘᴀʙʟʏ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ) */
  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:500px;{/block:if500pxposts}
  382. {block:if400pxposts}margin-left:550px;{/block:if400pxposts}
  383. margin-top:80px;
  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:-310px 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. #words:hover {
  530. margin-top:-200px;
  531. -webkit-transition: all 0.7s ease;
  532. -moz-transition: all 0.7s ease;
  533. -o-transition: all 0.7s ease;
  534. }
  535.  
  536. #sidebarimage {
  537. background:url('{image:sidebar}') bottom;
  538. position:fixed;
  539. height:100%;
  540. width:30px;
  541. left:170px;
  542. top:0px;
  543. background-size:cover;
  544. -webkit-transition: all 0.7s ease;
  545. -moz-transition: all 0.7s ease;
  546. -o-transition: all 0.7s ease;
  547. }
  548. #side:hover #sidebarimage {
  549. -webkit-transition: all 0.7s ease;
  550. -moz-transition: all 0.7s ease;
  551. -o-transition: all 0.7s ease;
  552. }
  553. #sidebar {
  554. background:{color:sidebarbg};
  555. padding-left:35px;
  556. margin-top:-80px;
  557. position:fixed;
  558. width:100px;
  559. height:1000px;
  560. padding-top:200px;
  561. text-align:left;
  562. margin-left: 0px;
  563. padding-right: 35px;
  564. -webkit-transition: all 0.7s ease;
  565. -moz-transition: all 0.7s ease;
  566. -o-transition: all 0.7s ease;
  567. }
  568.  
  569. .links {
  570. z-index:99999999999999999999;
  571. font-size:9px;
  572. font-family:times;
  573. text-align:center;
  574. margin-top:4px;
  575. font-style:normal;
  576. margin-left:0px;
  577. text-align:center;
  578. text-transform:lowercase;
  579. letter-spacing:1px;
  580. line-height:100%;
  581. width:100px;
  582. -moz-transition-duration:0.5s;
  583. -webkit-transition-duration:0.5s;
  584. -o-transition-duration:0.5s;
  585. }
  586.  
  587. .links a{
  588. color:{color:sidelinks};
  589. margin-top: 3px;
  590. margin-right:0px;
  591. text-align:center;
  592. -moz-transition-duration:0.5s;
  593. -webkit-transition-duration:0.5s;
  594. -o-transition-duration:0.5s;
  595. }
  596.  
  597. .links a:hover {
  598. font-style:italic;
  599. color:{color:sidelinkshover};
  600. -moz-transition-duration:0.5s;
  601. -webkit-transition-duration:0.5s;
  602. -o-transition-duration:0.5s;
  603. }
  604.  
  605. .desc {
  606. margin-bottom:-4px;
  607. margin-top:1px;
  608. text-align:justify;
  609. font-family: times new roman;
  610. font-size:9px;
  611. padding: 0px;
  612. color:{color:description};
  613. letter-spacing:0px;
  614. line-height:9.5px;
  615. padding-top: 7px;
  616. -moz-transition-duration:0.5s;
  617. -webkit-transition-duration:0.5s;
  618. -o-transition-duration:0.5s;
  619. }
  620.  
  621. .desc a {
  622. color:{color:descriptionlinks}
  623. }
  624.  
  625. /*.desc:first-letter {
  626. width:16px;
  627. height:16px;
  628. padding:5px;
  629. text-transform:uppercase;
  630. font-style:normal;
  631. margin-bottom:0px;
  632. margin-right:5px;
  633. float:left;
  634. background:{color:firstletterbg};
  635. color:{color:firstletter};
  636. font-family:goudy old style;
  637. font-size:20px;
  638. line-height:15px;
  639. text-align:center;
  640. }*/
  641.  
  642. #pagination {
  643. z-index:99999999999999999999999999999999999999999999999999;
  644. }
  645.  
  646.  
  647. #side:hover #candywrapper {
  648. left:0px;
  649. -webkit-transition: all 0.7s ease;
  650. -moz-transition: all 0.7s ease;
  651. -o-transition: all 0.7s ease;
  652. }
  653.  
  654. #candywrapper {
  655. background:{color:sidebarbg};
  656. letter-spacing:1px;
  657. text-align: center;
  658. font-size: 11px;
  659. position:fixed;
  660. left:0px;
  661. top:-101px;
  662. -webkit-transition: all 0.7s ease;
  663. -moz-transition: all 0.7s ease;
  664. -o-transition: all 0.7s ease;
  665. z-index:99;
  666. }
  667.  
  668. #candywrapper:hover {
  669. top:-1px;
  670. -webkit-transition: all 0.7s ease;
  671. -moz-transition: all 0.7s ease;
  672. -o-transition: all 0.7s ease;
  673. }
  674.  
  675. #in {
  676. overflow:auto;
  677. color:{color:description};
  678. background:{color:sidebarbg};
  679. font-family:calibri;
  680. text-transform:uppercase;
  681. border-bottom:1px solid {color:description};
  682. padding: 10px 10px 10px 10px;
  683. text-align:center;
  684. font-size:8px;
  685. width:150px;
  686. height:80px;
  687. z-index: 9999;
  688. }
  689.  
  690. #in a {
  691. color:{color:descriptionlinks};
  692. }
  693.  
  694. #in::-webkit-scrollbar-thumb{
  695. background: {color:description};
  696. border-left:1px solid {color:sidebarbg};
  697. height:auto;
  698. }
  699.  
  700. #in::-webkit-scrollbar {
  701. height:3px;
  702. width:3px;
  703. background: {color:sidebarbg};
  704. }
  705.  
  706. #titletab {
  707. background:{color:sidebarbg};
  708. color:{color:description};
  709. letter-spacing:0px;
  710. border-bottom:1px solid {color:description};
  711. border-top: 0px solid transparent;
  712. font-family:calibri;
  713. text-transform:uppercase;
  714. font-size:8px;
  715. text-align: center;
  716. height:5px;
  717. padding: 3px 0 7px 0;
  718. border-bottom-right-radius: 0px;
  719. -moz-border-bottom-right-radius: 0px;
  720. -webkit-border-bottom-right-radius: 0px;
  721. -webkit-transition: all .5s ease-in-out;
  722. -moz-transition: all .5s ease-in-out;
  723. -o-transition: all .5s ease-in-out;
  724. }
  725.  
  726.  
  727. #updatesbox {/*tutorial by http://kimsjongin.tumblr.com*/
  728. z-index:9999999999999999999999 !important;
  729. display:block;
  730. height:7px;
  731. width:31px;
  732. padding:0px 5px 10px 5px;
  733. text-align:center;
  734. z-index:0;
  735. top:40px;
  736. right:15px;
  737. color:{color:description};
  738. font-family:calibri;
  739. font-size:8px;
  740. text-transform:uppercase;
  741. position:fixed;
  742. background:{color:sidebarbg};
  743. overflow:hidden;
  744. -moz-transition-duration:0.6s;
  745. -webkit-transition-duration:0.6s;
  746. -o-transition-duration:0.6s;
  747. }
  748. #updatesbox:hover {
  749. width:95px;
  750. height:92px;
  751. -moz-transition-duration:0.5s;
  752. -webkit-transition-duration:0.5s;
  753. -o-transition-duration:0.5s;
  754. }
  755. #inside {
  756. overflow:auto;height:80px;
  757. width:95px;
  758. }
  759. #inside::-webkit-scrollbar-thumb{
  760. background: {color:description};
  761. border-left:1px solid {color:sidebarbg};
  762. height:auto;
  763. }
  764. #inside::-webkit-scrollbar {
  765. height:3px;
  766. width:3px;
  767. background: {color:sidebarbg};
  768. }
  769.  
  770. #tit {
  771. {block:ifnotshowtitle}display:none;{/block:ifnotshowtitle}
  772. font-size:20px;font-family:baskerville;font-style:italic;text-align:center;line-height:100%;margin-bottom:10px;
  773. }
  774.  
  775.  
  776. </style>
  777.  
  778. </head>
  779.  
  780.  
  781.  
  782. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  783.  
  784. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  785.  
  786. <script>
  787.  
  788. (function($){
  789.  
  790. $(document).ready(function(){
  791.  
  792. $("a[title]").style_my_tooltips({
  793.  
  794. tip_follows_cursor:true,
  795.  
  796. tip_delay_time:50,
  797.  
  798. tip_fade_speed:600,
  799.  
  800. attribute:"title"
  801.  
  802. });
  803.  
  804. });
  805.  
  806. })(jQuery);
  807.  
  808. </script>
  809.  
  810. <script type="text/javascript"
  811. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  812.  
  813.  
  814.  
  815. <body>
  816.  
  817. <div id="side">
  818.  
  819.  
  820. {block:ifupdatesbox}
  821. <div id="updatesbox"><!--tutorial by http://kimsjongin.tumblr.com-->
  822. <div style="text-align:center;line-height:17px">updates</div>
  823. <div id="inside">
  824. your text goes here!<br><br>
  825. fill this up with whatever you want!<br><br>
  826. use < br > (without spaces) to bring text to a new line<br><br>
  827. if your info doesn't fit, don't worry; a scrollbar will appear<br>
  828. <a href="http://kimsjongin.tumblr.com">here's a link</a>
  829. </div>
  830. </div>
  831. {/block:ifupdatesbox}
  832.  
  833. {block:ifupdatestab}
  834. <div id="candywrapper">
  835. <div id="in">
  836.  
  837. oo your text goes here!<br><br>
  838. fill this up with whatever you want!<br><br>
  839. use < br > (without spaces) to bring text to a new line<br><br>
  840. if your info doesn't fit, don't worry; a scrollbar will appear<br>
  841. <a href="http://kimsjongin.tumblr.com">here's a link</a>
  842.  
  843. </div>
  844. <div id="titletab">updates</div>
  845. </div>
  846. {/block:ifupdatestab}
  847.  
  848. <div id="sidebarimage"></div>
  849.  
  850. <div id="sidebar">
  851.  
  852. <div class="desc">
  853. {block:ifShowTitle}<div id="tit">{title}</div>{/block:ifShowTitle}
  854. <div class="links">
  855. <center>
  856. <a title="{text:link1title}" href="{text:link1url}">{text:link1text}</a>
  857. <a title="{text:link2title}" href="{text:link2url}">{text:link2text}</a>
  858. <a title="{text:link3title}" href="{text:link3url}">{text:link3text}</a>
  859. <a title="{text:link4title}" href="{text:link4url}">{text:link4text}</a>
  860. </center>
  861. </div><br>
  862.  
  863. {description}
  864.  
  865. <br><br>
  866. <div id="pagination">
  867. {block:pagination}
  868. <center>{block:previouspage}<a href="{previouspage}">back</a> {/block:previouspage}{block:nextpage}— <a href="{nextpage}">next</a>{/block:nextpage}</center>
  869. {/block:pagination}
  870. </div>
  871.  
  872. </div>
  873. </div>
  874.  
  875. </div>
  876.  
  877.  
  878.  
  879.  
  880. <div id="entries">
  881.  
  882. {block:ifupdatesbar}
  883. <div id="words"><!--do not use this on other themes without credit-->
  884. <h1>UPDATES</h1><br>
  885. <div style="font-style:normal;font-size:9px;">
  886. 1. <a href="http://kimsjongin.tumblr.com">wow cool a link</a><br>
  887. 2. type <code>&lt;br&gt;</code> to go to another line! :)<br>
  888. 3. text text text<br>
  889. <br></div>
  890. <br><img src="http://25.media.tumblr.com/a4000ff25ef60e7c7837e7a16ea68ab8/tumblr_mjtrwufvmf1s7gs24o1_250.png"><br><br><br><br>
  891. <font face="meem" size="4">T</font>ype <b>a</b> <i>short</i>
  892. <br> <b>quote</b> <i>here</i> using<br> <b>alternating</b> <i>font</i>
  893. styles.<br>
  894. <br>
  895. </div>
  896. <br>
  897. {/block:ifupdatesbar}
  898.  
  899.  
  900. {block:Posts}
  901. <div id="post">
  902. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  903.  
  904. {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}
  905.  
  906. {block:Photoset}{block:if400pxposts}{Photoset-400}{/block:if400pxposts}{block:if500pxposts}{Photoset-500}{/block:if500pxposts}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  907.  
  908. {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}
  909.  
  910. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  911.  
  912. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  913.  
  914. {block:Audio}
  915. <div id="audio">
  916. <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>
  917.  
  918. {block:TrackName}<div class="audioinfo"><b>Title:</b> {TrackName}</div><br>{/block:TrackName}
  919. {block:Artist}<div class="audioinfo"><b>Artist:</b> {Artist}</div><br>{/block:Artist}
  920. {block:Album}<div class="audioinfo"><b>Album:</b> {Album}</div>{/block:Album}
  921. {block:PlayCount}<div class="audioinfo"><b>Played:</b> {FormattedPlayCount} times</div> {/block:PlayCount}
  922. </div>{block:Caption}{Caption}{/block:Caption}
  923. {/block:Audio}
  924.  
  925. {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}
  926.  
  927.  
  928. {block:Answer}
  929. <span id="asker">{Asker} asked: {Question}</span><p>
  930. {Answer}
  931. {/block:Answer}
  932.  
  933. <div id="info">
  934. <br>
  935. {block:Date} <a href="{permalink}">{TimeAgo}</a> / <a title="click for permalink" href="{Permalink}">{NoteCountWithLabel}</a> {/block:Date} {block:RebloggedFrom} /
  936.  
  937. <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>
  938. </div>{/block:HasTags}
  939. <br>
  940.  
  941. {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>
  942.  
  943. </div>
  944.  
  945. {/block:Posts}
  946.  
  947. </div>
  948.  
  949. </div>
  950.  
  951. <div id="ackles">
  952.  
  953. <div class="dancy">
  954. &#x1d1b;&#x29c;&#x1d07;&#x1d0d;&#x1d07;
  955. </div>
  956.  
  957. <div class="ville">
  958. <a href="http://kimsjongin.tumblr.com">&#x1d0d;&#x1d07;&#x1d07;&#x1d0d;</a>
  959. </div>
  960. </div>
  961.  
  962. <!--
  963. 　　　　　　
  964. ┊ 　 ┊ ┊
  965. ┊ ┊ ┊ ┊ ┊ ┊ ┊
  966. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  967. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  968.  
  969. ᴛʜᴇᴍᴇ ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ)
  970. ᴘʟᴇᴀsᴇ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏʀ sᴛᴇᴀʟ! ^_^
  971.  
  972. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  973. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  974. ┊ ┊ ┊ ┊ ┊ ┊ ┊
  975. ┊ ┊ ┊
  976. -->
  977.  
  978. </body>
  979.  
  980. </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!