API tools faq
paste
onediewreckshun

32 - don't think - http://kimsjongin.tumblr.com

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