API tools faq
paste
Advertisement
onediewreckshun

50 - overdose - kimsjongin.tumblr.com

onediewreckshun
Jul 2nd, 2014
2,576
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.92 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. ᴛʜᴇᴍᴇ ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ)
  6. ᴘʟᴇᴀsᴇ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏʀ sᴛᴇᴀʟ!
  7.  
  8. -->
  9.  
  10. <head>
  11. <title>{Title}</title>
  12.  
  13. <link rel="shortcut icon" href="{Favicon}">
  14.  
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.  
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <meta name="select:descriptioncolor" content="http://static.tumblr.com/zmknoao/wnhn7ztxk/hexohyes.png" title="white">
  20. <meta name="select:descriptioncolor" content="http://static.tumblr.com/zmknoao/64nn841pm/hexohno.png" title="black">
  21.  
  22. <meta name="image:sidebar" content="http://psychofriend.files.wordpress.com/2014/04/140415-d-o-exo-new-teaser-picture-for-overdose.jpg" />
  23.  
  24. <meta name="if:hovertags" content="1">
  25. <meta name="if:tinycursor" content="1" />
  26. <meta name="if:updatesbox" content="1" />
  27.  
  28. <meta name="color:background" content="#ffffff">
  29. <meta name="color:text" content="#000">
  30. <meta name="text:fontsize" content="10px"/>
  31. <meta name="color:links" content="#000">
  32. <meta name="color:linkshover" content="#000">
  33. <meta name="color:textselect" content="#000">
  34.  
  35. <meta name="color:sidebar" content="#000">
  36. <meta name="color:description" content="#000">
  37. <meta name="color:sidelinks" content="#fff">
  38. <meta name="color:blogtitle" content="#000">
  39. <meta name="color:blogtitlehover" content="#ddd">
  40.  
  41. <meta name="color:infoborder" content="#000">
  42. <meta name="color:info" content="#fff">
  43. <meta name="color:infobg" content="#000">
  44. <meta name="color:infohover" content="#000">
  45. <meta name="color:infohoverbg" content="#fff">
  46.  
  47. <meta name="color:tags" content="#000">
  48. <meta name="color:tagshover" content="#000">
  49.  
  50. <meta name="color:scrollbar" content="#000">
  51. <meta name="color:scrollbarbg" content="#fff">
  52.  
  53. <meta name="color:tooltipbg" content="#000"/>
  54. <meta name="color:tooltipborder" content="#fff"/>
  55. <meta name="color:tooltiptext" content="#fff"/>
  56.  
  57. <meta name="text:link1title" content="refresh"/>
  58. <meta name="text:link1text" content="home"/>
  59. <meta name="text:link1url" content="/"/>
  60. <meta name="text:link2title" content="read the faq first!"/>
  61. <meta name="text:link2text" content="message"/>
  62. <meta name="text:link2url" content="/"/>
  63. <meta name="text:link3title" content="my themes; please respect the rules!"/>
  64. <meta name="text:link3text" content="themes"/>
  65. <meta name="text:link3url" content="/"/>
  66. <meta name="text:link4title" content="more links"/>
  67. <meta name="text:link4text" content="navi"/>
  68. <meta name="text:link4url" content="/"/>
  69.  
  70. <script type="text/javascript" src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  71. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
  72. <script type="text/javascript" src="http://static.tumblr.com/gyoju49/uF2mjkhe3/layoutcomponent.txt"></script><script type="text/javascript" src="http://static.tumblr.com/bkd4m5b/Citm42m8i/smoothscroll.js"></script>
  73.  
  74. <script src="http://static.tumblr.com/zmknoao/H0Wn82dev/layout.component.js"></script>
  75.  
  76. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  77.  
  78. <script type="text/javascript"
  79. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  80.  
  81. <script type="text/javascript" src="http://static.tumblr.com/gyoju49/RMMmptyok/meemspopup.js"></script>
  82.  
  83. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  84.  
  85. <script>
  86. (function($){
  87. $(document).ready(function(){
  88. $("a[title]").style_my_tooltips({
  89. tip_follows_cursor:true,
  90. tip_delay_time:90,
  91. tip_fade_speed:600,
  92. attribute:"title"
  93. });
  94. });
  95. })(jQuery);
  96. </script>
  97.  
  98. <style type="text/css">
  99.  
  100. #s-m-t-tooltip {
  101. font-size: 8px;
  102. max-width: 300px;
  103. padding: 4px 6px 4px 6px;
  104. margin: 20px 0px 0px 20px;
  105. z-index: 10;
  106. border:1px solid {color:tooltipborder};
  107. background: {color:tooltipbg};
  108. font-family: calibri;
  109. letter-spacing: 1px;
  110. text-transform: uppercase;
  111. color: {color:tooltiptext};
  112. z-index: 999999999999999999999999999999999999999999999999999999999999999999999999;
  113. }
  114.  
  115. ::-webkit-scrollbar {width:8px; height:8px; background:{color:scrollbarbg};}
  116. ::-webkit-scrollbar-thumb {background:{color:scrollbar};border-radius:10px;border:2px solid {color:scrollbarbg};}
  117.  
  118. body {
  119. margin:0px;
  120. padding:0px;
  121. font-family:arial;
  122. font-size:{text:fontsize};
  123. color:{color:text};
  124. background:{color:background};
  125. }
  126.  
  127. a:link, a, a:active, a:visited {
  128. text-decoration:none;
  129. color:{color:links};
  130. -webkit-transition: all 0.4s ease-in-out;
  131. -moz-transition: all 0.4s ease-in-out;
  132. -o-transition: all 0.4s ease-in-out;
  133. -ms-transition: all 0.4s ease-in-out;
  134. transition: all 0.4s ease-in-out;
  135. }
  136.  
  137. a:hover {
  138. color:{color:linkshover};
  139. -webkit-transition: all 0.4s ease-in-out;
  140. -moz-transition: all 0.4s ease-in-out;
  141. -o-transition: all 0.4s ease-in-out;
  142. -ms-transition: all 0.4s ease-in-out;
  143. transition: all 0.4s ease-in-out;
  144. }
  145.  
  146. #entries {
  147. letter-spacing:1px;
  148. text-align:left;
  149. padding:10px;
  150. width: 400px;
  151. margin-left:430px;
  152. margin-top:110px;
  153. }
  154.  
  155. .post {
  156. border-bottom:1px solid {color:infoborder};
  157. overflow:hidden;
  158. float:center;
  159. text-align:left;
  160. margin-top:10px;
  161. margin-bottom:60px;
  162. padding-top:20px;
  163. padding-bottom:13px;
  164. width:400px;
  165. overflow:hidden;
  166. }
  167.  
  168. #info {
  169. margin-top:3px;position:absolute;margin-left:-5px;
  170. width:395px;
  171. font-family:calibri;
  172. font-size:8px;
  173. font-style:none;
  174. text-align:center;
  175. letter-spacing:1px;
  176. padding:5px;
  177. line-height:150%;
  178. text-transform:uppercase;
  179. -webkit-transition: all 0.5s ease-in-out;
  180. -moz-transition: all 0.5s ease-in-out;
  181. -o-transition: all 0.5s ease-in-out;
  182. -ms-transition: all 0.5s ease-in-out;
  183. transition: all 0.5s ease-in-out;
  184. }
  185.  
  186. {block:iftinycursor}
  187.  
  188. body, a, a:hover{
  189. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;
  190. }
  191.  
  192. {/block:iftinycursor}
  193.  
  194. #info a, #reblog a {
  195. border:1px solid {color:infoborder};
  196. color:{color:info};
  197. padding:3px 5px 3px 6px;
  198. margin-right:10px;
  199. background:{color:infobg};
  200. }
  201. #info a:hover, #reblog a:hover {
  202. color:{color:infohover};
  203. background:{color:infohoverbg};
  204. }
  205.  
  206. .post:hover #tags {
  207. opacity:1;
  208. -webkit-transition: all 0.5s ease-in-out;
  209. -moz-transition: all 0.5s ease-in-out;
  210. -o-transition: all 0.5s ease-in-out;
  211. -ms-transition: all 0.5s ease-in-out;
  212. transition: all 0.5s ease-in-out;
  213. }
  214.  
  215. #tags {
  216. {block:ifhovertags}opacity:0;{/block:ifhovertags}
  217. {block:PermalinkPage}opacity:1;{/block:PermalinkPage}
  218. width:390px;
  219. font-size:8px;
  220. font-style:none;
  221. letter-spacing:1px;
  222. padding:5px;
  223. z-index:99999999999999999999;
  224. margin-bottom:-20px;
  225. background:transparent;
  226. text-align:center;
  227. line-height:220%;
  228. -webkit-transition: all 0.5s ease-in-out;
  229. -moz-transition: all 0.5s ease-in-out;
  230. -o-transition: all 0.5s ease-in-out;
  231. -ms-transition: all 0.5s ease-in-out;
  232. transition: all 0.5s ease-in-out;
  233. }
  234. #tags a {
  235. letter-spacing:1px;
  236. text-transform:lowercase;
  237. color:{color:tags};
  238. background:transparent;
  239. padding:0px;
  240. margin-left:-5px;
  241. border:0px;
  242. border-bottom:1px solid transparent;
  243. }
  244. #tags a:hover {
  245. border-bottom:1px solid {color:infobg};
  246. color:{color:infobg};
  247. background:transparent;
  248. }
  249.  
  250.  
  251. h1 {
  252. display:block;
  253. font-family:arial;
  254. letter-spacing:-2px;
  255. text-transform:lowercase;
  256. margin-left:3px;
  257. font-size:25px;
  258. color:#000;
  259. font-weight:bold;
  260. float:left;
  261. margin:0px;
  262. padding:7px 15px 0px 7px;
  263. }
  264.  
  265. #linkpost a {
  266. display:block;
  267. font-family:arial;
  268. letter-spacing:-2px;
  269. text-transform:lowercase;
  270. margin-left:3px;
  271. font-size:25px;
  272. color:#000;
  273. font-weight:bold;
  274. float:left;
  275. padding:7px 15px 5px 7px;
  276. }
  277.  
  278. #linkpost a:after {
  279. content:' »';
  280. }
  281.  
  282. #bar {
  283. z-index:-99999999999999999999999;background:{color:sidebar};height:100%;width:200px;top:0px;left:0px;position:fixed;
  284. }
  285.  
  286.  
  287. #sidebar {
  288. text-align:center;
  289. width:140px;
  290. margin-left:140px;
  291. padding-right:20px;
  292. padding-top:140px;
  293. padding-bottom:100%;
  294. position:fixed;
  295. margin-top:-130px;
  296. z-index:1;
  297. }
  298.  
  299. ::-moz-selection{
  300. color:#fff;
  301. background: {color:textselect};
  302. }
  303.  
  304. ::selection {
  305. color:#fff;
  306. background: {color:textselect};
  307. }
  308.  
  309. #tit {
  310. margin-left:-5px;
  311. margin-top:15px;
  312. margin-bottom:-35px;
  313. padding:7px;
  314. display:block;
  315. font-family:arial;
  316. text-transform:lowercase;
  317. font-size:25px;
  318. letter-spacing:-3px;
  319. font-weight:bold;
  320. text-align:center !important;
  321. }
  322. #tit a {
  323. padding:0px;
  324. color:{color:blogtitle};
  325. margin-top:-15px;
  326. }
  327.  
  328. #tit a:hover {
  329. color:{color:blogtitlehover};
  330. }
  331.  
  332. #links {
  333. position:fixed;
  334. width:120px;
  335. display:block;
  336. margin-top:25px;
  337. margin-left:-80px;
  338. font-size:20px;
  339. font-family:arial;
  340. letter-spacing:1px;
  341. text-align:right;
  342. text-transform:lowercase;
  343. line-height:130%;
  344. padding:5px 7px 5px 7px;
  345. }
  346.  
  347. #links a {
  348. margin-right:5px;
  349. letter-spacing:-1px;
  350. font-weight:bold;
  351. display:block;
  352. color:{color:sidelinks};
  353. padding: 1px 5px 1px 5px;
  354. -webkit-transition: all 0.4s ease-in-out;
  355. -moz-transition: all 0.4s ease-in-out;
  356. -o-transition: all 0.4s ease-in-out;
  357. -ms-transition: all 0.4s ease-in-out;
  358. transition: all 0.4s ease-in-out;
  359. }
  360.  
  361. #links a:after {
  362. height:1px;
  363. margin-top:13px;
  364. margin-left:22px;
  365. background:{color:sidelinks};
  366. width:0px;
  367. position:absolute;
  368. content:'';
  369. -webkit-transition: all 0.4s ease-in-out;
  370. -moz-transition: all 0.4s ease-in-out;
  371. -o-transition: all 0.4s ease-in-out;
  372. -ms-transition: all 0.4s ease-in-out;
  373. transition: all 0.4s ease-in-out;
  374. }
  375.  
  376. #links a:hover:after {
  377. margin-left:10px;
  378. width:30px;
  379. -webkit-transition: all 0.4s ease-in-out;
  380. -moz-transition: all 0.4s ease-in-out;
  381. -o-transition: all 0.4s ease-in-out;
  382. -ms-transition: all 0.4s ease-in-out;
  383. transition: all 0.4s ease-in-out;
  384. }
  385.  
  386. #links a:hover {
  387. color:{color:sidelinks};
  388. -webkit-transition: all 0.4s ease-in-out;
  389. -moz-transition: all 0.4s ease-in-out;
  390. -o-transition: all 0.4s ease-in-out;
  391. -ms-transition: all 0.4s ease-in-out;
  392. transition: all 0.4s ease-in-out;
  393. }
  394.  
  395. #next {
  396. position:fixed;bottom:5px;left:210px;
  397. }
  398. #next a {
  399. color:{color:sidebar};
  400. }
  401.  
  402. #prev {
  403. position:fixed;bottom:5px;left:180px;
  404. }
  405. #prev a {
  406. color:{color:sidelinks};
  407. }
  408.  
  409. #desc {
  410. color:{color:description};
  411. width:135px;
  412. margin-left:10px;
  413. margin-top:24px;
  414. margin-bottom:15px;
  415. padding:10px;
  416. font-family:arial;
  417. font-size:9px;
  418. text-align:center;
  419. letter-spacing:1px;
  420. line-height:200%;
  421. }
  422.  
  423. .quote {
  424. font-family:arial;
  425. font-weight:bold;
  426. text-transform:lowercase;
  427. font-size:25px;
  428. text-align:right;
  429. letter-spacing:-1px;
  430. line-height:110%;
  431. padding:10px;
  432. margin-bottom:5px;
  433. }
  434.  
  435. #source {
  436. font-size:8px;
  437. text-transform:uppercase;
  438. font-family:calibri;
  439. letter-spacing:1px;
  440. text-align:right;
  441. padding:10px;
  442. }
  443.  
  444. #source a {
  445. color:{color:text};
  446. border-bottom:1px solid {color:links};
  447. }
  448.  
  449. blockquote {
  450. padding-left:10px;
  451. margin-left:10px;
  452. border-left:1px solid {color:border};
  453. }
  454.  
  455. #asker {
  456. text-align:left;
  457. margin-top:0px;
  458. margin-bottom:-10px;
  459. font-size:12px;
  460. font-style:none;
  461. padding:10px;
  462. font-family:times new roman;
  463. background-color:{color:border};
  464. }
  465.  
  466. #asker a {
  467. font-size:10px;
  468. font-family:helvetica;
  469. letter-spacing:0px;
  470. background:none;
  471. color:{color:text}
  472. }
  473.  
  474. #asked {
  475. font-size:10px;
  476. font-family:helvetica;
  477. letter-spacing:0px;
  478. background:none;
  479. }
  480.  
  481.  
  482.  
  483. ol.notes {
  484. padding-bottom:2%;
  485. width:340px;
  486. list-style-type:lower-roman;
  487. text-align:left;
  488. }
  489.  
  490. ol.notes li.note{
  491. border-bottom:1px solid {color:border};
  492. padding:2%;
  493. }
  494.  
  495. ol.notes li.note img.avatar{
  496. width:0px;
  497. height:0px;}
  498.  
  499. .audiobox{
  500. -webkit-transform:scale(1);
  501. display:block;
  502. z-index:0 !important;
  503. margin:0px auto;
  504. background:#000;
  505. border:5px solid #000;
  506. position:relative;
  507. width:220px;
  508. height:210px;
  509. overflow:hidden;
  510. }
  511.  
  512. #audiopost {
  513. margin-top:10px;
  514. {block:IndexPage}padding-bottom:60px;{/block:IndexPage}
  515. }
  516.  
  517. .audio {
  518. overflow:hidden;
  519. width:25px;
  520. position:relative;
  521. margin-top:159px;
  522. padding-left:95px;
  523. padding-right:5px;
  524. padding-top:5px;
  525. padding-bottom:10px;
  526. background:#000;
  527. }
  528.  
  529. .art {
  530. margin-top:-211px;
  531. width:220px;
  532. height:220px;
  533. overflow:hidden;
  534. -webkit-transition: all 0.5s ease-in-out;
  535. -moz-transition: all 0.5s ease-in-out;
  536. transition: all 0.5s ease-in-out;
  537. }
  538.  
  539. .art img{
  540. display:block;
  541. }
  542.  
  543. .art1 img {
  544. display:block;
  545. }
  546.  
  547. .art1{
  548. position:relative;
  549. width:100px;
  550. height:100px;
  551. overflow:hidden;
  552. background:#ffffff;
  553. padding:60px 65px 60px 55px;
  554. -webkit-transition: all 0.5s ease-in-out;
  555. -moz-transition: all 0.5s ease-in-out;
  556. transition: all 0.5s ease-in-out;
  557. }
  558.  
  559. .art2{
  560. position:relative;
  561. }
  562.  
  563. .art2 img{
  564. z-index:0;
  565. overflow:hidden;
  566. opacity:1;
  567. width:220px;
  568. height:220px;
  569. margin-top:-220px;
  570. }
  571.  
  572. .post:hover .art{
  573. margin-top:-281px;
  574. -webkit-transition: all 0.5s ease-in-out;
  575. -moz-transition: all 0.5s ease-in-out;
  576. transition: all 0.5s ease-in-out;
  577. }
  578.  
  579. .post:hover .art1{
  580. margin-top:30px;
  581. -webkit-transition: all 0.5s ease-in-out;
  582. -moz-transition: all 0.5s ease-in-out;
  583. transition: all 0.5s ease-in-out;
  584. }
  585.  
  586. .audioinfo{
  587. z-index:99999999999999999999999999999999999999999999999999999999999999999;
  588. width:150px;
  589. opacity:0;
  590. position:absolute;
  591. display:block;
  592. margin-top:-140px;
  593. margin-left:125px;
  594. overflow:hidden;
  595. text-align:center;
  596. -webkit-transition: all 0.5s ease-in-out;
  597. -moz-transition: all 0.5s ease-in-out;
  598. transition: all 0.5s ease-in-out;
  599. }
  600.  
  601. .post:hover .audioinfo {
  602. margin-top:-180px;
  603. opacity:1;
  604. -webkit-transition: all 0.5s ease-in-out;
  605. -moz-transition: all 0.5s ease-in-out;
  606. transition: all 0.5s ease-in-out;
  607. }
  608.  
  609. #audiolabel {
  610. line-height:200%;
  611. z-index:-1;
  612. color:#fff;
  613. background:rgba(0,0,0,.6);
  614. padding:2px 3px 2px 4px;
  615. font-family:calibri;
  616. text-transform:uppercase;
  617. font-size:8px
  618. }
  619. .label{
  620. font-family:calibri;
  621. font-size:8px;
  622. margin-right:4px;
  623. letter-spacing:1px;
  624. background:#fff;
  625. padding:0 0 0px 0;
  626. text-transform:uppercase;
  627. border-bottom:1px solid {color:text};
  628. }
  629.  
  630. @font-face {
  631. font-family: "meem2";
  632. src: url('http://static.tumblr.com/gs9d5ab/Rj8m7debq/websymbols-regular-webfont.ttf');
  633. format("truetype");
  634. }
  635.  
  636. #m {
  637. margin-top:3px;margin-left:8px
  638. }
  639.  
  640. #if_you_remove_this_you_are_a_fucking_piece_of_shit a {
  641. font-size:15px;
  642. font-weight:bold;
  643. height:30px;
  644. width:30px;
  645. background:#fff url('https://31.media.tumblr.com/0a3943078506fe7b0dfe47e685a3e41e/tumblr_inline_n7ww60CMpd1sr8w60.png');
  646. background-size:30px;
  647. background-repeat:no-repeat;
  648. border:0px;
  649. position:fixed;
  650. bottom:5px;
  651. right:5px;
  652. }
  653.  
  654. #if_you_remove_this_you_are_a_fucking_piece_of_shit a:hover {
  655. background:#fff url('https://31.media.tumblr.com/e4e16674dea600c114bf0fe696c1379b/tumblr_inline_n7wwbuTuu91sr8w60.png');
  656. background-size:30px;
  657. background-repeat:no-repeat;
  658. }
  659.  
  660. .hexagon {
  661. z-index:-9;
  662. position:fixed;
  663. top:150px;
  664. left:130px;
  665. overflow: hidden;
  666. visibility: hidden;
  667. -webkit-transform: rotate(120deg);
  668. -moz-transform: rotate(120deg);
  669. -ms-transform: rotate(120deg);
  670. -o-transform: rotate(120deg);
  671. transform: rotate(120deg);
  672. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;
  673. }
  674. .hexagon-in1 {
  675. overflow: hidden;
  676. width: 100%;
  677. height: 100%;
  678. -webkit-transform: rotate(-60deg);
  679. -moz-transform: rotate(-60deg);
  680. -ms-transform: rotate(120deg);
  681. -o-transform: rotate(-60deg);
  682. transform: rotate(-60deg);
  683. }
  684. .hexagon-in2 {
  685. width: 100%;
  686. height: 100%;
  687. background-repeat: no-repeat;
  688. background-position: 50%;
  689. background-image: url('{image:sidebar}');
  690. background-size:250px;
  691. visibility: visible;
  692. -webkit-transform: rotate(-60deg);
  693. -moz-transform: rotate(-60deg);
  694. -ms-transform: rotate(120deg);
  695. -o-transform: rotate(-60deg);
  696. transform: rotate(-60deg);
  697. }
  698.  
  699. .hexagon1 {
  700. -webkit-transform:scale(1.3)rotate(120deg);
  701. width: 300px;
  702. height: 150px;
  703. margin: 0 0 0 -80px;
  704. }
  705.  
  706. #sb {
  707. opacity:0;
  708. margin-left:-43px;
  709. margin-top:14px;
  710. width:180px;
  711. height:180px;
  712. padding:7px 10px 8px 15px;
  713. background: url('{select:descriptioncolor}') 10px 10px;
  714. background-size:187px;
  715. background-repeat:no-repeat;
  716. -webkit-transition: all 0.4s ease-in-out;
  717. -moz-transition: all 0.4s ease-in-out;
  718. -o-transition: all 0.4s ease-in-out;
  719. -ms-transition: all 0.4s ease-in-out;
  720. transition: all 0.4s ease-in-out;
  721. }
  722.  
  723. #sb:hover {
  724. opacity:1;
  725. -webkit-transition: all 0.4s ease-in-out;
  726. -moz-transition: all 0.4s ease-in-out;
  727. -o-transition: all 0.4s ease-in-out;
  728. -ms-transition: all 0.4s ease-in-out;
  729. transition: all 0.4s ease-in-out;
  730. }
  731.  
  732. #sb:hover #pagination {
  733. opacity:1;
  734. -webkit-transition: all 0.4s ease-in-out;
  735. -moz-transition: all 0.4s ease-in-out;
  736. -o-transition: all 0.4s ease-in-out;
  737. -ms-transition: all 0.4s ease-in-out;
  738. transition: all 0.4s ease-in-out;
  739. }
  740.  
  741. #fade {
  742. background:#fff;
  743. /*background-image:url('http://24.media.tumblr.com/tumblr_mdz5c4qdjh1rq29vjo1_500.gif');*/
  744. display: none;
  745. position: fixed;
  746. left: 0;
  747. top: 0;
  748. width: 100%;
  749. height: 100%;
  750. opacity: 1;
  751. z-index: 999999;
  752. }
  753.  
  754. .popup_block a {
  755. color:#000;
  756. }
  757.  
  758. .popup_block a:hover {
  759. color:#000;
  760. }
  761.  
  762. #left {
  763. margin-top:-46px;
  764. margin-left:27px;
  765. background:#eee;
  766. height:330px;
  767. width:1px;
  768. position:fixed;
  769. }
  770.  
  771. .popup_block{
  772. font-family:meem16, baskerville;
  773. line-height:10px;
  774. font-size:9px;
  775. letter-spacing:1px;
  776. border-top: 1px solid #eee;
  777. outline-offset:5px;
  778. border-radius:0px;
  779. display: none;
  780. background: #fff;
  781. padding-top: 20px;
  782. padding-bottom: 20px;
  783. padding-left: 0px;
  784. padding-right: 20px;
  785. float: left;
  786. position: fixed;
  787. top: 50%;
  788. left: 50%;
  789. z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  790. }
  791.  
  792. img.btn_close {
  793. border-top:1px solid transparent;
  794. border-right:1px solid transparent;
  795. z-index:999999999999999999999999999999999999999999999;
  796. opacity:.3 !important;
  797. background:transparent;
  798. border-radius:0px;
  799. box-shadow:inset 0px 0px 0px #ddd;
  800. padding:4px 5px 5px 5px;
  801. float: left;
  802. margin-top:-46px;
  803. margin-bottom:-20px;
  804. margin-right:-50px;
  805. margin-left:0px;
  806. -webkit-transition: opacity 0.5s linear;
  807. -webkit-transition: all 0.5s ease-in-out;
  808. -moz-transition: all 0.5s ease-in-out;
  809. -o-transition: all 0.5s ease-in-out;
  810. }
  811.  
  812. img.btn_close:hover {
  813. background:#666;
  814. -webkit-filter:invert(100%);
  815. /*
  816. background:#FF9B90;*/
  817. opacity:1 !important;
  818. -webkit-transition: opacity 0.5s linear;
  819. -webkit-transition: all 0.5s ease-in-out;
  820. -moz-transition: all 0.5s ease-in-out;
  821. -o-transition: all 0.5s ease-in-out;
  822. }
  823.  
  824. *html #fade {
  825. position: absolute;
  826. }
  827.  
  828. *html .popup_block {
  829. position: absolute;
  830. }
  831.  
  832. #linkies {
  833. position:fixed;
  834. margin-top:-41px;
  835. margin-left:32px;
  836. }
  837.  
  838. #linkies a {
  839. border:0px solid #ddd;
  840. font-style:italic;
  841. font-family:georgia;
  842. color:#000;
  843. display:inline-block;
  844. padding:5px 6px 5px 6px;
  845. letter-spacing:1px;
  846. text-transform:lowercase;
  847. margin-left:0px;
  848. margin-right:-3px;
  849. margin-top:-2px;
  850. -moz-transition-duration:0.5s;
  851. -webkit-transition-duration:0.5s;
  852. -o-transition-duration:0.5s;
  853. }
  854.  
  855. #linkies a:hover {
  856. background:#fff;
  857. color:#000;
  858. -moz-transition-duration:0.5s;
  859. -webkit-transition-duration:0.5s;
  860. -o-transition-duration:0.5s;
  861. }
  862.  
  863. ul {
  864. margin-left:-15px;
  865. list-style-type:circle;
  866. }
  867.  
  868. #candywrapper {/*the container for all 3 boxes (this is why the other boxes get pushed down when you hover one of them)*/
  869. position:fixed;
  870. right:15px;
  871. top:11px;
  872. width:130px;
  873. z-index:9999999999999999;
  874. -webkit-transition: all 0.5s ease-in-out;
  875. -moz-transition: all 0.5s ease-in-out;
  876. -o-transition: all 0.5s ease-in-out;
  877. }
  878.  
  879. /* tutorial by kimsjongin.tumblr.com (please leave this note!)
  880. if you only want one updates tab, erase anything that says #tab2 or #tab3; for instance, on the line that says #tab1, #tab2, #tab3 { change it to just #tab1 { */
  881.  
  882. #titletab {
  883. display:inline-block;
  884. color:#000;/*color of the titles on the updates boxes*/
  885. letter-spacing:0px;
  886. background:#fff;/*background color of the title tab (just make sure it's the same color as your theme background is)*/
  887. font-family:calibri;
  888. font-size:8px;
  889. text-transform:uppercase;
  890. margin-top:10px;
  891. margin-left:75px;
  892. padding:4px 5px 3px 5px;
  893. -webkit-transition: all 0.5s ease-in-out;
  894. -moz-transition: all 0.5s ease-in-out;
  895. -o-transition: all 0.5s ease-in-out;
  896. }
  897.  
  898. #tab2, #tab1, #tab3 {
  899. margin-bottom:5px;/*space between the tabs*/
  900. }
  901.  
  902. #tab1:hover #titletab, #tab2:hover #titletab, #tab3:hover #titletab {
  903. margin-left:5px;/*how far the title moves after you hover*/
  904. letter-spacing:1px;
  905. -webkit-transition: all 0.5s ease-in-out;
  906. -moz-transition: all 0.5s ease-in-out;
  907. -o-transition: all 0.5s ease-in-out;
  908. }
  909.  
  910. #titletab:after {/*the top border (the one that extends first)*/
  911. content:'';
  912. position:fixed;
  913. width:0px;
  914. height:1px;
  915. top:30px;
  916. right:28px;
  917. background:#000;/*color of the border*/
  918. -webkit-transition: all 0.5s ease-in-out;
  919. -moz-transition: all 0.5s ease-in-out;
  920. -o-transition: all 0.5s ease-in-out;
  921. }
  922.  
  923. #tab1:hover #titletab:after, #tab2:hover #titletab:after, #tab3:hover #titletab:after{
  924. width:65px;/*width of top line after hover*/
  925. -webkit-transition: all 0.5s ease-in-out;
  926. -moz-transition: all 0.5s ease-in-out;
  927. -o-transition: all 0.5s ease-in-out;
  928. }
  929.  
  930. #titletab:before {
  931. background: url('https://31.media.tumblr.com/0a3943078506fe7b0dfe47e685a3e41e/tumblr_inline_n7ww60CMpd1sr8w60.png');background-size:13px;background-repeat:no-repeat;
  932. z-index:999999999999;
  933. content:'';
  934. position:fixed;
  935. width:13px;/*width of lil box*/
  936. height:13px;/*height of lil box*/
  937. top:25px;
  938. right:15px;
  939. -webkit-transition: all 0.5s ease-in-out;
  940. -moz-transition: all 0.5s ease-in-out;
  941. -o-transition: all 0.5s ease-in-out;
  942. }
  943.  
  944. #tab1:hover #titletab:before, #tab2:hover #titletab:before, #tab3:hover #titletab:before {
  945. background: url('https://31.media.tumblr.com/e4e16674dea600c114bf0fe696c1379b/tumblr_inline_n7wwbuTuu91sr8w60.png'); background-size:13px;background-repeat:no-repeat;
  946. -webkit-transition: all 0.5s ease-in-out;
  947. -moz-transition: all 0.5s ease-in-out;
  948. -o-transition: all 0.5s ease-in-out;
  949. }
  950.  
  951. #in {/*here, you can style the text on the inside as well as the color of the second border*/
  952. text-align:right;
  953. font-size:9px;/*font size*/
  954. font-family:calibri;/*font; can be arial, baskerville, whatever*/
  955. padding:0px 10px;
  956. height:0px;
  957. width:100px;
  958. margin-top:-2px;
  959. margin-left:3px;
  960. border-right:1px solid #000;/*color of the second border; just change #000 to whatever color you want (pick one at colorpicker.com)*/
  961. color:transparent;
  962. overflow:hidden;
  963. -webkit-transition: all 0.5s ease-in-out;
  964. -moz-transition: all 0.5s ease-in-out;
  965. -o-transition: all 0.5s ease-in-out;
  966. }
  967.  
  968. #tab1:hover #in, #tab3:hover #in, #tab2:hover #in{
  969. color:#000;/*color of the text on the inside*/
  970. height:85px;/*height of border/text after hovering; if your text doesn't fit in the box, make this bigger*/
  971. padding:10px;
  972. margin-top:-9px;
  973. -webkit-transition: all 0.5s ease-in-out;
  974. -moz-transition: all 0.5s ease-in-out;
  975. -o-transition: all 0.5s ease-in-out;
  976. transition-delay: 0.4s;/*this and the line below are how long you wait before the second line starts to extend down */
  977. -webkit-transition-delay: 0.4s;
  978. }
  979.  
  980. </style></head>
  981. <body>
  982.  
  983. <!-- start of updates boxes -->
  984. <div id="candywrapper">
  985. <!-- tutorial by kimsjongin.tumblr.com! -->
  986.  
  987. {block:ifupdatesbox}
  988. <!-- start of second updates box -->
  989. <div id="tab1">
  990.  
  991. <div id="titletab">updates</div>
  992.  
  993. <div id="in">
  994. your text for the updates box goes here<br><br>
  995.  
  996. &bull; use < br > (without spaces) to bring text to a new line<br><br>
  997. &bull; <a href="http://kimsjongin.tumblr.com">here's a link</a>
  998.  
  999. </div>
  1000. </div>
  1001. </div>
  1002. {/block:ifupdatesbox}
  1003.  
  1004. <div class="hexagon hexagon1"><div class="hexagon-in1"><div class="hexagon-in2"></div></div></div>
  1005.  
  1006. <!--<div style="position:fixed;bottom:10px;left:10px;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:1px"><script type="text/javascript">
  1007. var ref = (''+document.referrer+'');
  1008. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID2007539&e1=&e2=&r=' + ref + '"><\/script>');
  1009. </script> &middot;&nbsp; <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2097148&name="></script></div>
  1010. -->
  1011.  
  1012.  
  1013. <!--<div style="position:fixed;margin-top:2px;margin-left:72px;z-index:-999"><img height="226" src="https://31.media.tumblr.com/9951ecbc90d04b8b3e3f630ebb1e3587/tumblr_inline_n7zqluYjCc1sr8w60.png"></div>
  1014.  
  1015. <div style="position:fixed;margin-top:2px;margin-left:198px;z-index:-999"><img height="226" src="https://31.media.tumblr.com/4fa45fc0bbc7b890d953a00f1c3bb826/tumblr_inline_n7zqmpeBQI1sr8w60.png"></div>-->
  1016.  
  1017.  
  1018. <div style="position:fixed;margin-top:-3px;margin-left:65px;z-index:-999"><img height="236" src="http://static.tumblr.com/zmknoao/wnhn7ztxk/hexohyes.png"></div>
  1019.  
  1020. <div id="bar"></div>
  1021.  
  1022. <div class="hexagon hexagon1"><div class="hexagon-in1"><div class="hexagon-in2"></div></div></div>
  1023.  
  1024. <div id="sidebar">
  1025.  
  1026. <div id="sb">
  1027. <!--
  1028. <div id="overlay"><img src="https://31.media.tumblr.com/06d6ecbe9f09c9e19a83a70054562360/tumblr_inline_n7qb622qRW1sr8w60.png"></div>-->
  1029. <div id="tit"><a href="/">{Title}</a></div>
  1030. <div id="desc">{block:Description}{Description}{/block:Description}</div><!-- end description -->
  1031. </div>
  1032. <div id="links">
  1033. <a title="{text:link1title}" href="{text:link1url}">{text:link1text}</a><a title="{text:link2title}" href="{text:link2url}">{text:link2text}</a><a title="{text:link3title}" href="{text:link3url}">{text:link3text}</a><a title="{text:link4title}" href="{text:link4url}">{text:link4text}</a>
  1034. </div><!-- end linkies -->
  1035. {block:Pagination}{block:PreviousPage}<div id="prev"><a href="{PreviousPage}">&larr;</a></div>{/block:PreviousPage} {block:NextPage}<div id="next"><a href="{NextPage}">&rarr;</a></div>{/block:NextPage}{/block:Pagination}
  1036. </div>
  1037. </div><!-- end sidebar-->
  1038.  
  1039. <div id="entries">
  1040.  
  1041. <div style="margin-top:-40px;">
  1042. {block:Posts}
  1043.  
  1044.  
  1045.  
  1046. <div class="post">
  1047.  
  1048. {block:Text}
  1049. {block:Title}<h1>{Title}</h1>{/block:Title}
  1050. {Body}
  1051. {/block:Text}
  1052.  
  1053.  
  1054. {block:Photo}
  1055. <center><a href="{Permalink}"><img src="{PhotoURL-400}"></a></center>
  1056. {block:Caption}
  1057. {caption}
  1058. {/block:Caption}
  1059. {/block:Photo}
  1060.  
  1061.  
  1062. {block:Photoset}
  1063. {Photoset-400}
  1064. {block:Caption}
  1065. {caption}
  1066. {/block:Caption}
  1067. {/block:Photoset}
  1068.  
  1069. {block:Quote}
  1070. <div style="position:absolute;font-size:30px;z-index:-5;color:#000;margin-top:-5px;margin-left:-10px">❝</div><div class="quote">{Quote}</div>
  1071. {block:Source}
  1072. <div id="source">- {Source}</div>
  1073. {/block:Source}
  1074. {/block:Quote}
  1075.  
  1076.  
  1077. {block:Link}
  1078. <div id="linkpost"><a href="{URL}" {Target}>{Name}</a></div>
  1079. {block:Description}
  1080. <div style="padding-left:5px;padding-right:5px;">{Description}</div>
  1081. {/block:Description}
  1082. {/block:Link}
  1083.  
  1084.  
  1085. {block:Chat}
  1086. {block:Title}<h1>{Title}</h1>{/block:Title}
  1087. {block:Lines}
  1088. <ul style="list-style-type:none">
  1089. <li class="user_{UserNumber}">
  1090. {block:Label}
  1091. <span class="label">{Label}</span>
  1092. {/block:Label}
  1093.  
  1094. {Line}<br>
  1095. </ul>
  1096. {/block:Lines}
  1097. {/block:Chat}
  1098.  
  1099. {block:Audio}
  1100. <div id="audiopost">
  1101. <div class="audiobox"><!--begin audio container-->
  1102. <div class="audio">{AudioPlayerBlack}</div><!--begin/end player-->
  1103. <div class="art"><!--begin album art container-->
  1104. <div class="art1"><img src="http://24.media.tumblr.com/d6b9b7a76bccffee6dbc1d69e5e625bd/tumblr_mjcin8WReA1rb8evoo3_r1_500.png"/></div><!--begin/end default album art-->
  1105. {block:AlbumArt}<div class="art2"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}<!--begin/end actual album art-->
  1106. </div><!--end album art container-->
  1107. </div><!--end audio container-->
  1108. <div class="audioinfo"><!--begin info-->
  1109. {block:TrackName}<span id="audiolabel"><b>TITLE: </b>{TrackName}</span><br>{/block:TrackName}<!--begin/end song title-->
  1110. {block:Artist}<span id="audiolabel"><b>ARTIST:</b> {Artist}</span><br>{/block:Artist}<!--begin/end song artist-->
  1111. {block:Album}<span id="audiolabel"><b>ALBUM:</b> {Album}</span><br>{/block:Album}
  1112. <!--begin/end song album-->
  1113. {block:PlayCount}<span id="audiolabel"><b>PLAYS:</b> {FormattedPlayCount}</span>{/block:PlayCount}<!--begin/end song plays-->
  1114. </div>
  1115. </div>
  1116. {block:Caption}
  1117. {caption}
  1118. {/block:Caption}
  1119. {/block:Audio}
  1120.  
  1121.  
  1122.  
  1123. {block:Video}
  1124. {Video-400}
  1125. {block:Caption}
  1126. {caption}
  1127. {/block:Caption}
  1128. {/block:Video}
  1129.  
  1130.  
  1131. {block:Answer}
  1132. <div id="asker"><b>{Asker}</b> <font id="asked">asked:</font>
  1133. <i>{Question}</i></div>
  1134. <font style="padding:10px;font-size:11px;">{Answer}</font>
  1135. {/block:Answer}
  1136.  
  1137. <div id="info">{block:Date}<a title="{ShortMonth} {DayofMonth}, {Year}" href="{Permalink}">{TimeAgo}</a>{/block:Date} <a href="{Permalink}">{NoteCountWithLabel}</a> <a title="reblog this post" style="padding-top:4px;font-family:meem2" href="{ReblogURL}">J</a>
  1138.  
  1139. {block:IndexPage}<div id="tags" style="text-align:center">{block:HasTags}{block:Tags}
  1140. <a title="posts tagged '{tag}'" href="/tagged/{Tag}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>{/block:IndexPage}
  1141.  
  1142. {block:PermalinkPage}<div id="tags">{block:HasTags}{block:Tags}
  1143. <a title="posts tagged '{tag}'" href="/tagged/{Tag}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags} </div>
  1144. <br><font style="padding:5px;font-size:9px;">{block:ContentSource}by: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource} {block:RebloggedFrom} &nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</a></font>
  1145. {/block:PermalinkPage}
  1146.  
  1147. </div>
  1148.  
  1149.  
  1150. </div>
  1151. {/block:Posts}
  1152. </div>
  1153.  
  1154.  
  1155. {block:PermalinkPage}
  1156. {block:PostNotes}
  1157. <div id="notes">{PostNotes}</div>
  1158. {/block:PostNotes}
  1159. {/block:permalinkpage}
  1160.  
  1161. </div>
  1162.  
  1163. </div>
  1164.  
  1165. <div id="if_you_remove_this_you_are_a_fucking_piece_of_shit">
  1166. <a href="http://kimsjongin.tumblr.com"><div id="m">m</div></a>
  1167. </div>
  1168.  
  1169. </body>
  1170. </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!