API tools faq
paste
Advertisement
onediewreckshun

13 - morning dew - http://kimsjongin.tumblr.com

onediewreckshun
Apr 19th, 2013
1,262
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.32 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5. <title>{title}</title>
  6.  
  7. <meta name="color:text" content="#9a9a9a"/>
  8. <meta name="color:background" content="#fff"/>
  9. <meta name="color:links" content="#bbb"/>
  10. <meta name="color:linkshover" content="#e9e7e7"/>
  11. <meta name="color:desclink" content="#ffffff"/>
  12. <meta name="color:border" content="#000000"/>
  13. <meta name="color:pagination" content="#000"/>
  14. <meta name="color:paginationhover" content="#fff"/>
  15. <meta name="color:paginationhoverbackground" content="#000"/>
  16. <meta name="color:desctext" content="#fff"/>
  17. <meta name="color:descback" content="#000"/>
  18. <meta name="color:sidelinks" content="#fff"/>
  19. <meta name="color:sidelinksbg" content="#000"/>
  20. <meta name="color:sidelinkshover" content="#000"/>
  21. <meta name="color:tags" content="#ddd"/>
  22. <meta name="color:tagshover" content="#999"/>
  23. <meta name="color:info" content="#999"/>
  24. <meta name="color:infohover" content="#000"/>
  25. <meta name="color:textselect" content="#9a9a9a"/>
  26. <meta name="color:tooltipborder" content="#fff"/>
  27. <meta name="color:tooltipbg" content="#e396a8"/>
  28. <meta name="color:tooltiptext" content="#fff"/>
  29.  
  30.  
  31. <meta name="image:sidebarbackground" content="http://static.tumblr.com/bbd22135ddb21f8636b39881bae578cb/u2cvgr8/fRmmjq7b8/tumblr_static_tumblr_miqyylgwkn1qcz4s2o1_500.jpg"/>
  32.  
  33. <meta name="image:image1" content="http://25.media.tumblr.com/77542e1aa5ca92445ad01b988dd32548/tumblr_mkmw2c77tt1rgunsqo6_250.jpg"/>
  34.  
  35. <meta name="image:image2" content="http://24.media.tumblr.com/894652de7f5f462c59c85ee3f8c12c2a/tumblr_mjw0frBHoD1s8f0oio2_250.png"/>
  36.  
  37. <meta name="image:image3" content="http://24.media.tumblr.com/935f403dacbce67a183df2a358e973a7/tumblr_mjw0frBHoD1s8f0oio5_250.png"/>
  38.  
  39. <meta name="image:image4" content="http://24.media.tumblr.com/f1289d521380ea256e7f5b1991ecf9f6/tumblr_mkmw2c77tt1rgunsqo1_250.jpg"/>
  40.  
  41. <meta name="image:image5" content="http://24.media.tumblr.com/4f3c52b575d568755856f27e6830636c/tumblr_mjw0frBHoD1s8f0oio1_250.png"/>
  42.  
  43. <meta name="image:image6" content="http://25.media.tumblr.com/6a029536727a549c019e7663f7d634f5/tumblr_mjw0frBHoD1s8f0oio8_250.png"/>
  44.  
  45. <meta name="text:link1text" content="home" />
  46. <meta name="text:link1title" content="refresh" />
  47. <meta name="text:link1url" content="/" />
  48. <meta name="text:link2text" content="mail" />
  49. <meta name="text:link2title" content="ask" />
  50. <meta name="text:link2url" content="/" />
  51. <meta name="text:link3text" content="more" />
  52. <meta name="text:link3title" content="link" />
  53. <meta name="text:link3url" content="/" />
  54. <meta name="text:link4text" content="more" />
  55. <meta name="text:link4title" content="link" />
  56. <meta name="text:link4url" content="/" />
  57. <meta name="text:link5text" content="more" />
  58. <meta name="text:link5title" content="link" />
  59. <meta name="text:link5url" content="/" />
  60.  
  61. <meta name="if:hovertags" content="1" />
  62.  
  63. <meta name="color:scrollbar" content="#e396a8"/>
  64.  
  65.  
  66. <link rel="shortcut icon" href="{favicon}" />
  67.  
  68. <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/gyoju49/uF2mjkhe3/layoutcomponent.txt"></script><script type="text/javascript" src="http://static.tumblr.com/bkd4m5b/Citm42m8i/smoothscroll.js"></script>
  69.  
  70. <meta name="description" content="" />
  71.  
  72. <!--
  73. 　　　　　　
  74. ┊ 　 ┊ ┊
  75. ┊ ┊ ┊ ┊ ┊ ┊ ┊
  76. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  77. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  78.  
  79. ᴛʜᴇᴍᴇ 13 | ᴍᴏʀɴɪɴɢ ᴅᴇᴡ | ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ)
  80. ᴘʟᴇᴀsᴇ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏʀ sᴛᴇᴀʟ! ^_^
  81.  
  82. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  83. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  84. ┊ ┊ ┊ ┊ ┊ ┊ ┊
  85. ┊ ┊ ┊
  86.  
  87. -->
  88.  
  89.  
  90.  
  91. <style type="text/css">
  92.  
  93.  
  94.  
  95. @font-face {font-family: "Web";
  96. src: url('http://static.tumblr.com/gs9d5ab/Rj8m7debq/websymbols-regular-webfont.ttf'); format("truetype");}
  97.  
  98.  
  99. #audio {
  100. margin-bottom:5px;
  101. width:500px;
  102. height:105px;
  103. }
  104.  
  105. .albumart {
  106. width:100px;
  107. height:100px;
  108. position:absolute;
  109. }
  110.  
  111. .albumart img {
  112. width:100px;
  113. height:100px;
  114. float:left;
  115. }
  116.  
  117. .playercontainer {
  118. opacity: .2;
  119. display:block;
  120. width:100px;
  121. height:100px;
  122. background-color:white;
  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. .playercontainer:hover {
  132. opacity:.7;
  133. position:absolute;
  134. -webkit-transition:all 0.5s ease-in-out;
  135. -moz-transition:all 0.5s ease-in-out;
  136. -o-transition:all 0.5s ease-in-out;
  137. -ms-transition: all 0.5s ease-in-out;
  138. transition:all 0.5s ease-in-out;
  139. }
  140.  
  141. /* ｔｈｅｍｅ ｂｙ ｍｅｅｍ*/
  142.  
  143. .player {
  144. margin-left:36px;
  145. margin-top:36px;
  146. width:25px;
  147. height:25px;
  148. overflow:hidden;
  149. position:absolute;
  150. background-color:white;
  151. }
  152.  
  153. .audioinfo {
  154. margin-left:110px;
  155. float:left;
  156. color:{color:Text};
  157. width:386px;
  158. padding:2px;
  159. margin-top:3px;
  160. }
  161.  
  162.  
  163. #info {
  164. color:{color:text};
  165. width:490px;
  166. font-family:calibri;
  167. text-transform:uppercase;
  168. letter-spacing:0px;
  169. font-size: 8px;
  170. line-height:120%;
  171. text-align:center;
  172. margin-top:2px;
  173. letter-spacing:1px;
  174. padding:5px;
  175. padding-bottom:5px;
  176. -webkit-transition-duration:0.5s;
  177. }
  178.  
  179. #info a{
  180. color:{color:info};
  181. border:0px;
  182. width:490px;
  183. font-family:calibri;
  184. letter-spacing:0px;
  185. font-size: 8px;
  186. line-height:120%;
  187. text-align:center;
  188. letter-spacing:1px;
  189. -moz-transition-duration:0.5s;
  190. -webkit-transition-duration:0.5s;
  191. -o-transition-duration:0.5s;
  192. }
  193.  
  194. #info a:hover{
  195. color:{color:infohover};
  196. border-bottom:0px solid #fff;
  197. width:490px;
  198. letter-spacing:0px;
  199. font-size: 8px;
  200. line-height:120%;
  201. text-align:center;
  202. margin-top:2px;
  203. letter-spacing:1px;
  204. -moz-transition-duration:0.5s;
  205. -webkit-transition-duration:0.5s;
  206. -o-transition-duration:0.5s;
  207. }
  208.  
  209. {block:ifhovertags}
  210.  
  211. #post:hover #tags {
  212. margin-top:0px;
  213. opacity:1;
  214. -moz-transition-duration:0.5s;
  215. -webkit-transition-duration:0.5s;
  216. -o-transition-duration:0.5s;
  217. }
  218.  
  219. #tags {
  220. margin-top:-10px;
  221. opacity:0;
  222. -moz-transition-duration:0.5s;
  223. -webkit-transition-duration:0.5s;
  224. -o-transition-duration:0.5s;
  225. }
  226.  
  227. {/block:ifhovertags}
  228.  
  229. {block:ifnothovertags}
  230.  
  231. #tags {
  232. margin-top:0px;
  233. opacity:1;
  234. -moz-transition-duration:0.5s;
  235. -webkit-transition-duration:0.5s;
  236. -o-transition-duration:0.5s;
  237. }
  238.  
  239. {/block:ifnothovertags}
  240.  
  241.  
  242. #tags a {
  243. color:{color:tags};
  244. font-family:georgia;
  245. font-style:italic;
  246. border:0px;
  247. text-shadow:0px 0px 0px;
  248. text-transform:lowercase;
  249. padding-top:1px;
  250. padding-bottom:2px;
  251. padding-left:4px;
  252. padding-right:3px;
  253. margin:0px 2px 0px;
  254. font-size:8px;
  255. -moz-transition-duration:0.9s;
  256. -webkit-transition-duration:0.9s;
  257. -o-transition-duration:0.9s;
  258. }
  259.  
  260. #tags a:hover {
  261. border:0px;
  262. text-shadow:0px 0px 0px;
  263. box-shadow:0px 0px 0px #ddd;
  264. background-color:#fff;
  265. color:{color:tagshover};
  266. font-size:8px;
  267. -moz-transition-duration:0.7s;
  268. -webkit-transition-duration:0.7s;
  269. -o-transition-duration:0.7s;
  270. }
  271.  
  272. ::-moz-selection {
  273. background: {color:textselect};
  274. color: #fff;
  275. }
  276.  
  277. ::selection {
  278. background: {color:textselect};
  279. color: #fff;
  280. }
  281.  
  282.  
  283.  
  284. ::-webkit-scrollbar-thumb{
  285. background-color: {color:scrollbar};
  286. height:auto;
  287. }
  288.  
  289. ::-webkit-scrollbar {
  290. height:4px;
  291. width:4px;
  292. background-color: #fff;
  293. }
  294.  
  295.  
  296. body {
  297. text-shadow:0px 0px 0px #eee;
  298. background:{color:background};
  299. margin:0px;
  300. color:{color:text};
  301. font-family: baskerville;
  302. font-size:9px;
  303. line-height:100%;
  304. background:url('http://assets.tumblr.com/images/x.gif');
  305. }
  306.  
  307. a {
  308. color: {color:links}; text-decoration:none;
  309. -moz-transition-duration:0.5s;
  310. -webkit-transition-duration:0.5s;
  311. -o-transition-duration:0.5s;}
  312. a:hover{
  313. color:{color:linkshover};
  314. -moz-transition-duration:0.5s;
  315. -webkit-transition-duration:0.5s;
  316. -o-transition-duration:0.5s;
  317. }
  318.  
  319. #entries {
  320. letter-spacing:1px;
  321. text-align:left;
  322. padding:10px;
  323. width:500px;
  324. margin-left:600px;
  325. margin-top:80px;
  326. }
  327.  
  328. #post {
  329. width:500px;
  330. padding-bottom:20px;
  331. }
  332.  
  333. #post .question{
  334. padding: 10px;
  335. margin:5px 5px 0 5px;
  336. border: 1px solid rgba(0,0,0,0.2);
  337. border-bottom:0;
  338. }
  339. #post .nipple{
  340. margin: 0 5px;
  341. background: url('http://media.tumblr.com/tumblr_mbr0ub239n1qk7o6d.png') top left;
  342. height:6px;
  343. opacity:0.2;
  344. }
  345. #post .questioner{
  346. margin:5px 0 0 19px;
  347. padding-bottom:5px;
  348. }
  349.  
  350. #asker {opacity:1;font-size:10px;
  351. height:12px;
  352. z-index:999999999;margin-left:-6px;
  353. font-family:georgia;font-style:italic;text-transform:lowercase;
  354. position:absolute;
  355. -webkit-transition: all 0.4s ease-out;
  356. -moz-transition: all 0.4s ease-out;
  357. transition: all 0.4s ease-out;}
  358.  
  359.  
  360.  
  361. #post .questioner div{
  362. margin:0 0 0 5px;
  363. padding:3px 0;
  364. height:14px;
  365. display:inline-block;
  366. }
  367. #post .questioner img{
  368. border-radius:200px;padding:5px;
  369. z-index:0;
  370. margin-left:-5px;
  371. margin-bottom:-10px;
  372. background:#fff;
  373. border: 1px solid rgba(0,0,0,0.2);
  374. }
  375.  
  376. img {
  377. border:none;
  378. }
  379.  
  380. blockquote {
  381. margin-left:5px;
  382. padding-left:5px;
  383. border-left:1px solid #eee;
  384. }
  385.  
  386. blockquote blockquote {
  387. margin-left:10px;
  388. padding-left:5px;
  389. border-left:1px solid #eee;
  390. }
  391.  
  392. h1 {
  393. font-family:calibri;
  394. font-weight:normal;
  395. font-size:11px;
  396. text-align:center;
  397. font-style:normal;
  398. letter-spacing:1px;
  399. text-transform:uppercase;
  400. color:{color:text};
  401. }
  402.  
  403. h2 {
  404. font-family:calibri;
  405. font-size:15px;
  406. text-align:center;
  407. line-height:70%;
  408. letter-spacing:-0.5px;
  409. color:{color:text};
  410. font-style:italic;
  411. font-weight:normal;
  412. }
  413.  
  414. h3 {
  415. font-family:calibri;
  416. font-size:9px;
  417. text-align:center;
  418. font-style:normal;
  419. line-height:120%;
  420. letter-spacing:1px;
  421. text-transform:uppercase;
  422. color:{color:text};
  423. }
  424.  
  425. h4 {
  426. font-size:9px;
  427. text-align:center;
  428. font-style:normal;
  429. line-height:120%;
  430. letter-spacing:-0.5px;
  431. color:{color:text};
  432. }
  433.  
  434.  
  435.  
  436. iframe#tumblr_controls {
  437. right:3px !important;
  438. position: fixed !important;
  439. opacity: 0.5;
  440.  
  441. -webkit-transition: opacity 0.7s linear;
  442. -webkit-transition: all 0.8s ease-out;
  443. -moz-transition: all 0.8s ease-out;
  444. transition: all 0.8s ease-out;
  445. -webkit-filter: invert(100%)brightness(.2);
  446. }
  447.  
  448. iframe#tumblr_controls:hover{
  449. -webkit-transition: opacity 0.7s linear;
  450. opacity: 1;
  451. -webkit-transition: all 0.4s ease-out;
  452. -moz-transition: all 0.4s ease-out;
  453. transition: all 0.4s ease-out;
  454. }
  455.  
  456. iframe#tumblr_controls {
  457. top: 0% !important;
  458. right:0% !important;
  459. position: fixed !important;
  460. }
  461.  
  462.  
  463. #container {
  464. width: 500px;
  465. margin:0px auto;
  466. }
  467.  
  468. #s-m-t-tooltip{
  469. font-size: 8px;
  470.  
  471. max-width:300px;
  472.  
  473. padding:3px 3px 2px 4px;
  474.  
  475. margin:20px 0px 0px 20px;
  476.  
  477. z-index:10;
  478.  
  479. background-color:{color:tooltipbg};
  480.  
  481. border:1px solid {color:tooltipborder};
  482.  
  483. font-family:calibri;
  484.  
  485.  
  486. letter-spacing:3px;
  487.  
  488. text-transform:uppercase;
  489.  
  490. color:{color:tooltiptext};
  491.  
  492. z-index:999999999999999999999999999999999999;
  493.  
  494. }
  495.  
  496.  
  497.  
  498.  
  499. em {
  500. font-family:baskerville;
  501. font-style:italic;
  502. }
  503.  
  504. strong {
  505. font-family:baskerville;
  506. font-style:normal;
  507. font-weight:bold;
  508. }
  509.  
  510. .bubble {
  511. color: #6f6f6f;
  512. font-size: 8px;
  513. line-height: 10px;
  514. background: #fff;
  515. border: 1px solid #d5d5d5;
  516. -webkit-border-radius: 4px;
  517. -moz-border-radius: 4px;
  518. border-radius: 4px;
  519. padding: 8px 12px;
  520. position: relative;
  521. display: none;
  522. -webkit-transition: opacity 0.5s linear;
  523. -webkit-transition: all 0.5s linear;
  524. -moz-transition: all 0.5s linear;
  525. transition: all 0.5s linear;
  526. }
  527.  
  528.  
  529. .bubble .arrow {
  530. width: 0;
  531. height: 0;
  532. position: absolute;
  533. display: block;
  534. -webkit-transition: opacity 0.5s linear;
  535. -webkit-transition: all 0.5s linear;
  536. -moz-transition: all 0.5s linear;
  537. transition: all 0.5s linear;
  538. }
  539.  
  540. .bubble .arrow.fill {
  541. border-left: 8px solid transparent;
  542. border-right: 8px solid transparent;
  543. border-top: 8px solid #fff;
  544. bottom: -8px;
  545. left: 25px;
  546. -webkit-transition: opacity 0.5s linear;
  547. -webkit-transition: all 0.5s linear;
  548. -moz-transition: all 0.5s linear;
  549. transition: all 0.5s linear;
  550. }
  551.  
  552. .bubble .arrow.border {
  553. border-left: 10px solid transparent;
  554. border-right: 10px solid transparent;
  555. border-top: 10px solid #d5d5d5;
  556. bottom: -10px;
  557. left: 23px;
  558. -webkit-transition: opacity 0.5s linear;
  559. -webkit-transition: all 0.5s linear;
  560. -moz-transition: all 0.5s linear;
  561. transition: all 0.5s linear;
  562. }
  563.  
  564.  
  565.  
  566. .caption .question {
  567. display: block;
  568. padding: 15px;
  569. font-size: 15px;
  570. }
  571.  
  572. #sidebar {
  573. width:250px;
  574. position:fixed;
  575. margin-left:250px;
  576. margin-top:100px;
  577. }
  578.  
  579. #sidebar {
  580. width:170px;
  581. height:200px;
  582. position:fixed;
  583. margin-left:140px;
  584. margin-top:100px;
  585. }
  586.  
  587. #sidebarimage {border-right:5px solid {color:border};outline:0px;
  588. background:url('{image:sidebarbackground}');
  589. background-repeat:repeat;
  590. background-size:100%;
  591. width:496px;
  592. height:1000px;
  593. background:#ffffff;
  594. padding:7px 0px 7px 0px;
  595. margin-left:-200px;
  596. margin-top:-180px;
  597.  
  598. -webkit-transition: all 0.5s ease-in-out;
  599. -moz-transition: all 0.5s ease-in-out;
  600. -o-transition: all 0.5s ease-in-out;
  601. -ms-transition: all 0.5s ease-in-out;
  602. transition: all 0.5s ease-in-out;
  603. }
  604.  
  605. #uno{
  606. margin-top:-970px;
  607. margin-left:-90px;
  608. }
  609.  
  610. #uno img {
  611. width:130px;
  612. height:130px;
  613. background:#ffffff;
  614. border:5px {color:border} solid;
  615.  
  616. -webkit-transition: all 0.5s ease-in-out;
  617. -moz-transition: all 0.5s ease-in-out;
  618. -o-transition: all 0.5s ease-in-out;
  619. -ms-transition: all 0.5s ease-in-out;
  620. transition: all 0.5s ease-in-out;
  621. }
  622.  
  623. #dos{
  624. margin-top:48px;
  625. margin-left:-90px;
  626. }
  627.  
  628. #dos img {
  629. width:130px;
  630. height:130px;
  631. background:#ffffff;
  632. border:5px {color:border} solid;
  633.  
  634. -webkit-transition: all 0.5s ease-in-out;
  635. -moz-transition: all 0.5s ease-in-out;
  636. -o-transition: all 0.5s ease-in-out;
  637. -ms-transition: all 0.5s ease-in-out;
  638. transition: all 0.5s ease-in-out;
  639. }
  640.  
  641. #tres{
  642. margin-top:51px;
  643. margin-left:-90px;
  644. }
  645.  
  646. #tres img {
  647. width:130px;
  648. height:130px;
  649. background:#ffffff;
  650. border:5px {color:border} solid;
  651.  
  652. -webkit-transition: all 0.5s ease-in-out;
  653. -moz-transition: all 0.5s ease-in-out;
  654. -o-transition: all 0.5s ease-in-out;
  655. -ms-transition: all 0.5s ease-in-out;
  656. transition: all 0.5s ease-in-out;
  657. }
  658.  
  659. #cuatro{
  660. margin-top:-525px;
  661. margin-left:102px;
  662. }
  663.  
  664. #cuatro img {
  665. width:130px;
  666. height:130px;
  667. background:#ffffff;
  668. border:5px {color:border} solid;
  669.  
  670. -webkit-transition: all 0.5s ease-in-out;
  671. -moz-transition: all 0.5s ease-in-out;
  672. -o-transition: all 0.5s ease-in-out;
  673. -ms-transition: all 0.5s ease-in-out;
  674. transition: all 0.5s ease-in-out;
  675. }
  676.  
  677. #cinco{
  678. margin-top:48px;
  679. margin-left:102px;
  680. }
  681.  
  682. #cinco img {
  683. width:130px;
  684. height:130px;
  685. background:#ffffff;
  686. border:5px {color:border} solid;
  687.  
  688. -webkit-transition: all 0.5s ease-in-out;
  689. -moz-transition: all 0.5s ease-in-out;
  690. -o-transition: all 0.5s ease-in-out;
  691. -ms-transition: all 0.5s ease-in-out;
  692. transition: all 0.5s ease-in-out;
  693. }
  694.  
  695. #seis{
  696. margin-top:51px;
  697. margin-left:102px;
  698. }
  699.  
  700. #seis img {
  701. width:130px;
  702. height:130px;
  703. background:#ffffff;
  704. border:5px {color:border} solid;
  705.  
  706. -webkit-transition: all 0.5s ease-in-out;
  707. -moz-transition: all 0.5s ease-in-out;
  708. -o-transition: all 0.5s ease-in-out;
  709. -ms-transition: all 0.5s ease-in-out;
  710. transition: all 0.5s ease-in-out;
  711. }
  712.  
  713.  
  714.  
  715. #links {text-align:center;
  716. position:fixed;
  717. width:150px;
  718. height:150px;
  719. margin-top:352px;
  720. margin-left:55px;
  721. opacity:0;
  722. font-family:garamond;
  723. letter-spacing:1px;
  724. color:#a3a2a2;
  725. transition: all 0.5s ease-out;
  726. -o-transition: all 0.5s ease-out;
  727. -webkit-transition: all 0.5s ease-out;
  728. -moz-transition: all 0.5s ease-out;
  729. }
  730.  
  731. #links a {
  732. padding:2px 5px 3px 5px;
  733. display:block;
  734. font-family:baskerville;
  735. font-style:normal;
  736. text-transform:lowercase;
  737. width:120px;
  738. font-size:10px;
  739. line-height:210%;
  740. text-decoration:none;
  741. opacity:1;
  742. text-align:center;
  743. background:{color:sidelinksbg};
  744. color:{color:sidelinks};
  745.  
  746. -webkit-transition: all 0.5s ease-in-out;
  747. -moz-transition: all 0.5s ease-in-out;
  748. -o-transition: all 0.5s ease-in-out;
  749. -ms-transition: all 0.5s ease-in-out;
  750. transition: all 0.5s ease-in-out;
  751. }
  752.  
  753. #links:hover{
  754. opacity:1;
  755.  
  756. }
  757.  
  758. #links a:hover{
  759. background:#fff;
  760. color:{color:sidelinkshover};
  761. opacity:.7;
  762. -webkit-transition: all 0.5s ease-in-out;
  763. -moz-transition: all 0.5s ease-in-out;
  764. -o-transition: all 0.5s ease-in-out;
  765. -ms-transition: all 0.5s ease-in-out;
  766. transition: all 0.5s ease-in-out;
  767. }
  768.  
  769. #tit {font-size:15px;line-height:20px;font-family:georgia;font-style:italic;position:fixed;margin-top:-31px;padding:55px 15px 5px 15px;text-align:center;margin-left:55px;height:70px;width:100px;background:#000;color:#fff;opacity:0;-webkit-transition: all 0.5s ease-in-out;
  770. -moz-transition: all 0.5s ease-in-out;
  771. -o-transition: all 0.5s ease-in-out;
  772. -ms-transition: all 0.5s ease-in-out;
  773. transition: all 0.5s ease-in-out;}
  774.  
  775. #tit:hover {opacity:1;-webkit-transition: all 0.5s ease-in-out;
  776. -moz-transition: all 0.5s ease-in-out;
  777. -o-transition: all 0.5s ease-in-out;
  778. -ms-transition: all 0.5s ease-in-out;
  779. transition: all 0.5s ease-in-out;}
  780.  
  781. .pagi {
  782. letter-spacing:1px;
  783. margin-top:315px;
  784. margin-left:260px;
  785. text-align:center;
  786. color:#000;
  787. line-height:150%;
  788. border:0px solid #000;
  789. width:100px;
  790. opacity:1;
  791. position:fixed;
  792. }
  793.  
  794. .pagi a {
  795. text-align:center;
  796. font-family:georgia;
  797. font-size:15px;
  798. color:#000;
  799. font-style:italic;
  800. padding:3px 4px 3px 4px;
  801. }
  802.  
  803. .pagi a:hover {
  804. font-family:georgia;
  805. font-size:15px;
  806. color:#fff;
  807. background:#000;
  808. font-style:italic;
  809. }
  810.  
  811.  
  812. #desc {
  813. letter-spacing:1px;
  814. margin-top:159px;
  815. margin-left:247px;
  816. font-family:garamond;
  817. font-size:10px;
  818. font-style:normal;
  819. text-align:justify;
  820. color:#fff;
  821. line-height:150%;
  822. width:110px;
  823. height:110px;
  824. padding:7px 10px 13px 10px;
  825. opacity:0;
  826. background-color:#000;
  827. position:fixed;
  828.  
  829. -webkit-transition: all 0.4s ease-in-out;
  830. -moz-transition: all 0.4s ease-in-out;
  831. -o-transition: all 0.4s ease-in-out;
  832. -ms-transition: all 0.4s ease-in-out;
  833. transition: all 0.4s ease-in-out;
  834. }
  835.  
  836. #desc a {color:{color:desclink};}
  837.  
  838. #desc:hover{
  839. opacity:1;
  840. -webkit-transition: all 0.4s ease-in-out;
  841. -moz-transition: all 0.4s ease-in-out;
  842. -o-transition: all 0.4s ease-in-out;
  843. -ms-transition: all 0.4s ease-in-out;
  844. transition: all 0.4s ease-in-out;
  845. }
  846.  
  847.  
  848.  
  849. #kanye {
  850. position:fixed;
  851. font-size:10px;
  852. width:70px;
  853. height:20px;
  854. font-family:calibri;
  855. letter-spacing:1px;
  856. padding-bottom:4px;
  857. padding-right:4px;
  858. bottom:0;
  859. right:0;
  860. z-index:12;
  861. }
  862.  
  863. #kanye .ville a{ color:#9a9a9a;}
  864.  
  865. #kanye .basker{
  866. color:#9a9a9a;
  867. opacity:1.0;
  868. padding:1px 3px 3px 3px;
  869. margin-top:00px;
  870. margin-left:29px;
  871. text-align:center;
  872. overflow:hidden;
  873. position: absolute;
  874. background:#fff;
  875. font-size:10px;
  876. text-transform:uppercase;
  877. z-index:100;
  878. -webkit-transition: opacity 0.5s linear;
  879. -webkit-transition: all 0.5s linear;
  880. -moz-transition: all 0.5s linear;
  881. transition: all 0.5s linear;
  882. border:1px solid #ece4e4;
  883. }
  884.  
  885. #kanye:hover .basker{
  886. opacity:0;
  887. transition: all 0.5s linear;
  888. -webkit-transition: opacity 0.5s linear;
  889. -webkit-transition: all 0.5s linear;
  890. -moz-transition: all 0.5s linear;
  891. }
  892.  
  893. #kanye .ville{
  894. color:#9a9a9a;
  895. background:#fff;
  896. margin-top:100px;
  897. margin-top:0px;
  898. padding:1px 4px 3px 5px;
  899. margin-left:29px;
  900. font-size:10px;
  901. text-align:left;
  902. text-transform:uppercase;
  903. opacity:0;
  904. overflow:hidden;
  905. position: absolute;
  906. -webkit-transition: opacity 0.5s linear;
  907. -webkit-transition: all 0.5s linear;
  908. -moz-transition: all 0.5s linear;
  909. transition: all 0.5s linear;
  910. z-index:1200;
  911. border:1px solid #ece4e4;
  912. }
  913.  
  914. #kanye:hover .ville{
  915. opacity:1;
  916. margin-bottom:14px;
  917. transition: all 0.5s linear;
  918. -webkit-transition: opacity 0.5s linear;
  919. -webkit-transition: all 0.5s linear;
  920. -moz-transition: all 0.5s linear;
  921. }
  922.  
  923. </style>
  924.  
  925. </head>
  926.  
  927.  
  928. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  929.  
  930. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  931.  
  932. <script>
  933.  
  934. (function($){
  935.  
  936. $(document).ready(function(){
  937.  
  938. $("a[title]").style_my_tooltips({
  939.  
  940. tip_follows_cursor:true,
  941.  
  942. tip_delay_time:50,
  943.  
  944. tip_fade_speed:600,
  945.  
  946. attribute:"title"
  947.  
  948. });
  949.  
  950. });
  951.  
  952. })(jQuery);
  953.  
  954. </script>
  955.  
  956.  
  957. <script type="text/javascript"
  958. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  959.  
  960. <body>
  961.  
  962.  
  963.  
  964.  
  965. <div id="sidebar">
  966.  
  967.  
  968.  
  969. <div id="sidebarimage"></div>
  970.  
  971.  
  972. <div id="uno"><img src="{image:image1}"></div>
  973.  
  974. <div id="dos"><img src="{image:image2}"></div>
  975.  
  976. <div id="tres"><img src="{image:image3}"></div>
  977.  
  978. <div id="cuatro"><img src="{image:image4}"></div>
  979.  
  980. <div id="cinco"><img src="{image:image5}"></div>
  981.  
  982. <div id="seis"><img src="{image:image6}"></div>
  983.  
  984. </div>
  985. <div id="links">
  986. <a title="{text:link1text}" href="{text:link1url}">{text:link1text}</a>
  987. <a title="{text:link2text}" href="{text:link2url}">{text:link2text}</a>
  988. <a title="{text:link3text}" href="{text:link3url}">{text:link3text}</a>
  989. <a title="{text:link4text}" href="{text:link4url}">{text:link4text}</a>
  990. <a title="{text:link5text}" href="{text:link5url}">{text:link5text}</a>
  991. </div></div>
  992.  
  993.  
  994. <div id="desc">
  995. {description}
  996. </div>
  997.  
  998. <div class="pagi">
  999.  
  1000. <center>
  1001.  
  1002. {block:Pagination}{block:PreviousPage}
  1003. <a title="previous page" href="{PreviousPage}">back</a>{/block:PreviousPage}{/block:Pagination} {block:Pagination}{block:NextPage}&nbsp; <a title ="next page" href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  1004.  
  1005. </center>
  1006.  
  1007. </div>
  1008.  
  1009. <a title="refresh" href="/"><div id="tit">{title}</div></a>
  1010.  
  1011. <div id="description">
  1012. </div></div></div>
  1013.  
  1014.  
  1015.  
  1016. <div id="entries">
  1017.  
  1018.  
  1019.  
  1020.  
  1021.  
  1022.  
  1023.  
  1024. {block:Posts}
  1025.  
  1026. <div id="post">
  1027.  
  1028.  
  1029.  
  1030.  
  1031. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1032.  
  1033. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" width="500">{LinkCloseTag}<br><br>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1034.  
  1035. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1036.  
  1037. {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}
  1038.  
  1039. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1040.  
  1041. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  1042.  
  1043. {block:Audio}
  1044. <div id="audio">
  1045. <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>
  1046.  
  1047. {block:TrackName}<div class="audioinfo"><b>Title:</b> {TrackName}</div><br>{/block:TrackName}
  1048. {block:Artist}<div class="audioinfo"><b>Artist:</b> {Artist}</div><br>{/block:Artist}
  1049. {block:Album}<div class="audioinfo"><b>Album:</b> {Album}</div>{/block:Album}
  1050. {block:PlayCount}<div class="audioinfo"><b>Played:</b> {FormattedPlayCount} times</div> {/block:PlayCount}
  1051. </div>{block:Caption}{Caption}{/block:Caption}
  1052. {/block:Audio}
  1053.  
  1054. {block:Video}{Video-500} <br><center>played {PlayCount} times</center> {block:Caption}{Caption}{/block:Caption}{/block:Video}
  1055.  
  1056.  
  1057. {block:Answer}
  1058. <div class="question">
  1059. {question}
  1060. </div>
  1061. <div class="nipple"></div>
  1062.  
  1063. <div class="questioner"><img src="{AskerPortraitURL-24}" width="25" height="25"/><div style="margin-top:10px;" id="asker">{asker}</div></div>
  1064. <div class="textbox"><br><br><br><small>and the queen, ever so lovely, replied:</small><p>{answer}</p></div>
  1065. {/block:Answer}
  1066.  
  1067.  
  1068. <div id="info">
  1069. <br>
  1070. {block:Date} <a title="{ShortDayOfWeek}, {ShortMonth} {dayofmonth}, {year} at {12hour}:{minutes} {capitalampm}" href="{Permalink}">{TimeAgo}</a> / <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:Date} {block:RebloggedFrom} /
  1071.  
  1072. <a title="via" href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}/ <a title="source" href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource} <p></p>{block:HasTags}<div id="tags"><center><font face="Web" color="#c9c2c2"><small>,</small></font>{block:Tags}<a title="#{Tag}"href="/tagged/{Tag}">#{Tag}</a> </small>{/block:Tags}</center> </div>{/block:HasTags}
  1073. </div>
  1074. <br>
  1075.  
  1076. {block:PostNotes}<center><a href="http://kimsjongin.tumblr.com">ᴛʜᴇᴍᴇ&nbsp;ʙʏ&nbsp;ᴍᴇᴇᴍ</a></center><br><br><div id="notes">{PostNotes}{/block:PostNotes}<br>
  1077.  
  1078.  
  1079. {/block:Posts}
  1080.  
  1081. </div>
  1082.  
  1083. </div>
  1084.  
  1085. <div id="kanye">
  1086.  
  1087. <div class="basker">
  1088. ᴛʜᴇᴍᴇ
  1089. </div>
  1090. </div>
  1091.  
  1092. <div id="kanye">
  1093. <div class="ville">
  1094. <a title="theme by kimsjongin" href="http://kimsjongin.tumblr.com/">ᴍᴇᴇᴍ</a>
  1095. </div>
  1096. </div>
  1097.  
  1098.  
  1099.  
  1100.  
  1101. </div>
  1102.  
  1103. </body>
  1104.  
  1105.  
  1106. </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!