API tools faq
paste
Advertisement
onediewreckshun

4 - sweet disposition - http://kimsjongin.tumblr.com

onediewreckshun
Dec 22nd, 2012
1,146
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.66 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5. <meta name="color:sidelinks" content="#ddd">
  6. <meta name="color:sidelinksbg" content="#fff">
  7. <meta name="color:text" content="#ddd">
  8. <meta name="color:textselect" content="#eee">
  9. <meta name="color:border" content="#ececec">
  10. <meta name="color:link" content="#ddd">
  11. <meta name="color:linkhover" content="#ececec">
  12. <meta name="color:scrollbar" content="#ddd">
  13.  
  14. <meta name="text:Link1text" content="link" />
  15. <meta name="text:Link1url" content="/" />
  16. <meta name="text:Link2text" content="link" />
  17. <meta name="text:Link2url" content="/" />
  18. <meta name="text:Link3text" content="link" />
  19. <meta name="text:Link3url" content="/" />
  20. <meta name="text:Link4text" content="link" />
  21. <meta name="text:Link4url" content="/" />
  22.  
  23. <meta name="image:sbimage" content=""/>
  24.  
  25. <meta name="if:hovertags" content="1" />
  26.  
  27. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  28.  
  29. <title>{title}</title>
  30.  
  31. <link rel="shortcut icon" href="{favicon}" />
  32.  
  33. <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/gyoju49/2A6mk8i6o/component.js"></script></script><script type="text/javascript" src="http://static.tumblr.com/bkd4m5b/Citm42m8i/smoothscroll.js"></script>
  34.  
  35. <script src="http://static.tumblr.com/xgofl0y/O7Fm1ufj3/jquery.style-my-tooltips.js" type="text/javascript"></script>
  36.  
  37. <script>
  38. $().ready(function() {
  39. $("[title]").style_my_tooltips({
  40. tip_follows_cursor: "on", //on/off
  41. tip_delay_time: 000 //milliseconds
  42. });
  43. });
  44. </script>
  45.  
  46. <!--
  47. 　　　　　　
  48. ┊ 　 ┊ ┊
  49. ┊ ┊ ┊ ┊ ┊ ┊ ┊
  50. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  51. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  52.  
  53. ᴛʜᴇᴍᴇ 4 | sᴡᴇᴇᴛ ᴅɪsᴘᴏsɪᴛɪᴏɴ | ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ)
  54. ᴘʟᴇᴀsᴇ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏʀ sᴛᴇᴀʟ! ^_^
  55.  
  56. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  57. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  58. ┊ ┊ ┊ ┊ ┊ ┊ ┊
  59. ┊ ┊ ┊
  60.  
  61. -->
  62.  
  63. <style type="text/css">
  64.  
  65. ::-moz-selection {
  66. background-color: {color:textselect};
  67. color: #fff;
  68. }
  69.  
  70. ::selection {
  71. background-color: {color:textselect};
  72. color: #fff;
  73. }
  74.  
  75. img {
  76. border:none;
  77. }
  78.  
  79. blockquote {
  80. padding-left:5px;
  81. border-left:1px solid #eee;
  82. }
  83.  
  84. blockquote blockquote {
  85. padding-left:5px;
  86. border-left:1px dotted;
  87. }
  88.  
  89. blockquote img {
  90. max-width:250px;
  91. }
  92.  
  93. iframe#tumblr_controls {
  94. top: 0% !important;
  95. right:0% !important;
  96. opacity:.3;
  97. position: fixed !important;
  98. filter:alpha(opacity=30);
  99. -webkit-transition: all 0.4s ease;
  100. }
  101.  
  102. iframe#tumblr_controls:hover{
  103. top: 0% !important;
  104. right:0% !important;
  105. opacity:.8;
  106. position: fixed !important;
  107. filter:alpha(opacity=80);
  108. -webkit-transition: all 0.7s ease;
  109. }
  110.  
  111.  
  112.  
  113.  
  114.  
  115. #entries {
  116. text-align:left;
  117. padding:10px;
  118. width:500px;
  119. margin-left:300px;
  120. margin-top:80px;
  121. }
  122.  
  123. #post {
  124. width:500px;
  125. padding-bottom:20px;
  126. }
  127.  
  128. #container a{
  129. color:{color:background};
  130. }
  131.  
  132. #info {
  133. width:490px;
  134. font-family:georgia;
  135. letter-spacing:0px;
  136. font-size: 8px;
  137. line-height:120%;
  138. text-align:center;
  139. margin-top:2px;
  140. letter-spacing:1px;
  141. padding:5px;
  142. padding-bottom:3px;
  143. -webkit-transition-duration:0.5s;
  144. border:1px solid {color:border};
  145.  
  146. }
  147.  
  148. #info a{
  149. width:490px;
  150. font-family:georgia;
  151. letter-spacing:0px;
  152. font-size: 8px;
  153. line-height:120%;
  154. text-align:center;
  155. margin-top:2px;
  156. letter-spacing:1px;
  157. -webkit-transition-duration:0.5s;
  158.  
  159. }
  160.  
  161. #info a:hover{
  162. border-bottom:0px solid #fff;
  163. width:490px;
  164. font-family:georgia;
  165. letter-spacing:0px;
  166. font-size: 8px;
  167. line-height:120%;
  168. text-align:center;
  169. margin-top:2px;
  170. letter-spacing:1px;
  171. -webkit-transition-duration:0.5s;
  172.  
  173. }
  174.  
  175. {block:ifhovertags}
  176.  
  177. #post:hover #tags {
  178. margin-top:0px;
  179. opacity:1;
  180. -moz-transition-duration:0.5s;
  181. -webkit-transition-duration:0.5s;
  182. -o-transition-duration:0.5s;
  183. }
  184.  
  185. #tags {
  186. margin-top:-10px;
  187. opacity:0;
  188. -moz-transition-duration:0.5s;
  189. -webkit-transition-duration:0.5s;
  190. -o-transition-duration:0.5s;
  191. }
  192.  
  193. {/block:ifhovertags}
  194.  
  195. {block:ifnothovertags}
  196.  
  197. #tags {
  198. margin-top:0px;
  199. opacity:1;
  200. -moz-transition-duration:0.5s;
  201. -webkit-transition-duration:0.5s;
  202. -o-transition-duration:0.5s;
  203. }
  204.  
  205. {/block:ifnothovertags}
  206.  
  207. #tags a {
  208. padding:2px;
  209. font-family:georgia;
  210. text-transform:lowercase;
  211. margin:0px 5px 0px;
  212. font-size:8px;
  213. -moz-transition-duration:0.9s;
  214. -webkit-transition-duration:0.9s;
  215. -o-transition-duration:0.9s;
  216. }
  217.  
  218. #tags a:hover {
  219. background-color:{color:linkhover};
  220. color:#fff;
  221. font-family:georgia;
  222. text-transform:lowercase;
  223. margin:0px 5px 0px;
  224. font-size:8px;
  225. -moz-transition-duration:0.7s;
  226. -webkit-transition-duration:0.7s;
  227. -o-transition-duration:0.7s;
  228. }
  229.  
  230.  
  231. #audio {
  232. margin-bottom:5px;
  233. width:500px;
  234. height:105px;
  235. }
  236.  
  237. .albumart {
  238. width:100px;
  239. height:100px;
  240. position:absolute;
  241. }
  242.  
  243. .albumart img {
  244. width:100px;
  245. height:100px;
  246. float:left;
  247. }
  248.  
  249. .playercontainer {
  250. opacity: .2;
  251. display:block;
  252. width:100px;
  253. height:100px;
  254. background-color:white;
  255. position:absolute;
  256. z-index:1;
  257. -webkit-transition:all 0.5s ease-in-out;
  258. -moz-transition:all 0.5s ease-in-out;
  259. -o-transition:all 0.5s ease-in-out;
  260. -ms-transition: all 0.5s ease-in-out;
  261. transition:all 0.5s ease-in-out;
  262. }
  263.  
  264. .playercontainer:hover {
  265. opacity:.7;
  266. position:absolute;
  267. -webkit-transition:all 0.5s ease-in-out;
  268. -moz-transition:all 0.5s ease-in-out;
  269. -o-transition:all 0.5s ease-in-out;
  270. -ms-transition: all 0.5s ease-in-out;
  271. transition:all 0.5s ease-in-out;
  272. }
  273.  
  274. .player {
  275. margin-left:36px;
  276. margin-top:36px;
  277. width:25px;
  278. height:25px;
  279. overflow:hidden;
  280. position:absolute;
  281. background-color:white;
  282. }
  283.  
  284. .audioinfo {
  285. margin-left:110px;
  286. float:left;
  287. color:{color:Text};
  288. width:386px;
  289. padding:2px;
  290. margin-top:3px;
  291. }
  292.  
  293. iframe#tumblr_controls {
  294. right:3px !important;
  295. position: fixed !important;
  296. opacity: 0.1;
  297.  
  298. -webkit-transition: opacity 0.7s linear;
  299. -webkit-transition: all 0.8s ease-out;
  300. -moz-transition: all 0.8s ease-out;
  301. transition: all 0.8s ease-out;
  302.  
  303. -webkit-filter: invert(100%)sepia(.5)brightness(.2);
  304. }
  305.  
  306. iframe#tumblr_controls:hover{
  307. -webkit-transition: opacity 0.7s linear;
  308. opacity: 1;
  309.  
  310. -webkit-transition: all 0.4s ease-out;
  311. -moz-transition: all 0.4s ease-out;
  312. transition: all 0.4s ease-out;
  313. }
  314.  
  315. iframe#tumblr_controls {
  316. top: 0% !important;
  317. right:0% !important;
  318. position: fixed !important;
  319. }
  320.  
  321. a {
  322. text-decoration:none;
  323. border-bottom: 1px solid #fff;
  324. color:{color:link};
  325.  
  326. -webkit-transition: all 0.4s linear;
  327. -moz-transition-duration:0.5s;
  328. -webkit-transition-duration:0.5s;
  329. -o-transition-duration:0.5s;
  330. }
  331.  
  332. a:hover {
  333. text-decoration:none;color:{color:linkhover};
  334. border-bottom: 1px solid {color:linkhover};
  335.  
  336. -moz-transition-duration:0.5s;
  337. -webkit-transition-duration:0.5s;
  338. -o-transition-duration:0.5s;
  339. }
  340.  
  341.  
  342. ::-webkit-scrollbar {background-color:#fff; height:8px; width:8px}
  343. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  344. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  345.  
  346. body {
  347. font-size:10px;
  348. font-family:calibri;
  349. color:{color:text};
  350. font-weight:normal;
  351. }
  352.  
  353.  
  354.  
  355.  
  356. h1 {
  357. font-family:calibri;
  358. font-weight:normal;
  359. font-size:10px;
  360. text-align:center;
  361. font-style:normal;
  362. letter-spacing:1px;
  363. text-transform:uppercase;
  364. color:#706f6f;
  365. }
  366.  
  367. h2 {
  368. font-family:cambria;
  369. font-size:15px;
  370. text-align:center;
  371. line-height:70%;
  372. letter-spacing:-0.5px;
  373. color:#706f6f;
  374. font-style:italic;
  375. font-weight:normal;
  376. }
  377.  
  378. h3 {
  379. font-family:calibri;
  380. font-size:9px;
  381. text-align:center;
  382. font-style:normal;
  383. line-height:120%;
  384. letter-spacing:1px;
  385. text-transform:uppercase;
  386. color:#706f6f;
  387. }
  388.  
  389. h4 {
  390. font-size:9px;
  391. text-align:center;
  392. font-style:normal;
  393. line-height:120%;
  394. letter-spacing:-0.5px;
  395. color:#c5c5c5;
  396. }
  397.  
  398. #theme {
  399. background-color:#FFFFFF;
  400. text-align: center;
  401. width:750px;
  402. margin: 0px auto 0px auto;
  403. }
  404.  
  405. #sb {
  406. margin-left:-100px;
  407. width:250px;
  408. position:fixed;
  409. margin-top:140px;
  410. text-align:center;
  411. z-index:222222;
  412. color:#706f6f;
  413. background-color:#FFFFFF;
  414. }
  415.  
  416. #sb img {
  417. z-index:222222;
  418. width:150px;
  419. height:150px;
  420. margin-left:72px;
  421. opacity:.8;
  422. padding:9px;
  423. border:1px solid #eee;
  424. background-color:#FFFFFF;
  425. -moz-transition-duration:0.6s;
  426. -webkit-transition-duration:0.6s;
  427. -o-transition-duration:0.6s;
  428. }
  429.  
  430. #sb img:hover {
  431. z-index:222222;
  432. width:150px;
  433. height:150px;
  434. margin-left:72px;
  435. opacity:1;
  436. padding:9px;
  437. border:1px solid #eee;
  438. background-color:#FFFFFF;
  439. -moz-transition-duration:0.6s;
  440. -webkit-transition-duration:0.6s;
  441. -o-transition-duration:0.6s;
  442. }
  443.  
  444.  
  445. .desc {
  446. text-align:center;
  447. width:160px;
  448. margin-left:80px;
  449. font-size:9px;
  450. line-height:150%;
  451. letter-spacing:1px;
  452. padding-top:10px;
  453. background-color:#FFFFFF;
  454. }
  455.  
  456. .desctext {
  457. color:{color:text};
  458. padding-bottom:10px;
  459. }
  460.  
  461. .links {
  462. z-index:9999999;
  463. text-align:left;
  464. position:fixed;
  465. text-transform:uppercase;
  466. line-height:150%;
  467. letter-spacing:1px;
  468. margin-top:30px;
  469. -moz-transition-duration:0.1s;
  470. -webkit-transition-duration:0.1s;
  471. -o-transition-duration:0.1s;
  472. }
  473.  
  474.  
  475. .links a{
  476. text-align:right;
  477. letter-spacing:0px;
  478. font-size:8px;
  479. margin-bottom:3px;
  480. margin-right:2px;
  481. display:block;
  482. width:40px;
  483. padding-top:4px;
  484. padding-bottom:4px;
  485. padding-right:4px;
  486. padding-left:27px;
  487. color:{color:sidelinks};
  488. border:1px solid {color:border};
  489. background-color:{color:sidelinksbg};
  490. font-weight:bold;
  491. text-decoration:none;
  492. -moz-transition-duration:0.4s;
  493. -webkit-transition-duration:0.4s;
  494. -o-transition-duration:0.4s;
  495. }
  496.  
  497. .links a:hover{
  498. padding-right:4px;
  499. margin-left:9px;
  500. -moz-transition-duration:0.4s;
  501. -webkit-transition-duration:0.4s;
  502. -o-transition-duration:0.4s;
  503. }
  504.  
  505.  
  506. #s-m-t-tooltip {
  507. font-family:'calibri';
  508. font-style: none;
  509. position:absolute;
  510. z-index:9999999999999999;
  511. color: {color:text};
  512. display:inline-block;
  513. background-color: #fff;
  514. padding: 1px 6px 3px;
  515. max-width:100px;
  516. border: 1px solid {color:border};
  517. font-size: 9px;
  518. text-transform: lowercase;
  519. letter-spacing: 1px;
  520. text-shadow:0px 0px 0px transparent;
  521. word-wrap: break-word;
  522. }
  523.  
  524.  
  525. #pagination {
  526. border:0px solid transparent;
  527. padding-top:3px;
  528. padding-bottom:3px;
  529. margin-left:5px;
  530. margin-right:-50px;
  531. text-align:center;
  532. margin-top:0px;
  533. margin-left:0px;
  534. }
  535. #pagination a {
  536. border-radius:50px;
  537. border:0px solid #999;
  538. font-family:georgia;
  539. font-size:12px;
  540. padding-left:7px;
  541. padding-right:6px;
  542. padding-top:3px;
  543. padding-bottom:4px;
  544. background-color:transparent;
  545. color:{color:link};
  546. -webkit-transition: all 0.7s ease-out;
  547. }
  548.  
  549. #pagination a:hover {
  550. border:0px solid #eee;
  551. text-shadow:0px 0px 0px #fff;
  552. color:#fff;
  553. background-color:{color:linkhover};
  554. }
  555.  
  556. </style>
  557.  
  558. </head>
  559. <body>
  560.  
  561. <div id="theme">
  562. <div id="sb">
  563. <div class="links">
  564. <a href="{text:link1url}" title="{text:link1text}">{text:link1text}</a>
  565. <a href="{text:link2url}" title="{text:link2text}">{text:link2text}</a>
  566. <a href="{text:link3url}" title="{text:link3text}">{text:link3text}</a>
  567. <a href="{text:link4url}" title="{text:link4text}">{text:link4text}</a>
  568.  
  569. </div>
  570. <img src="{image:sbimage}">
  571. <div class="desc">
  572. <div class="desctext">{description}</div></div>
  573.  
  574.  
  575. <div id="pagination">
  576. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a> {/block:PreviousPage}
  577. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}</div>
  578.  
  579. </div>
  580.  
  581. <div id="entries">{block:Posts}<div id="post">
  582.  
  583. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  584.  
  585. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  586.  
  587. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  588.  
  589. {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}
  590.  
  591. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  592.  
  593. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  594.  
  595. {block:Audio}
  596. <div id="audio">
  597. <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>
  598.  
  599. {block:TrackName}<div class="audioinfo"><b>Title:</b> {TrackName}</div><br>{/block:TrackName}
  600. {block:Artist}<div class="audioinfo"><b>Artist:</b> {Artist}</div><br>{/block:Artist}
  601. {block:Album}<div class="audioinfo"><b>Album:</b> {Album}</div>{/block:Album}
  602. {block:PlayCount}<div class="audioinfo"><b>Played:</b> {FormattedPlayCount}times</div> {/block:PlayCount}
  603. </div>{block:Caption}{Caption}{/block:Caption}
  604. {/block:Audio}
  605.  
  606. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  607.  
  608. {block:Answer}
  609. <div style="padding:5px;">
  610. <b>{Asker}:</b> {Question}
  611. </div>
  612. {Answer}
  613. {/block:Answer}
  614.  
  615. <div id="info">
  616. {block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date} • <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom} • <a href="{ReblogParentURL}"></a> {/block:RebloggedFrom} {block:ContentSource} › <a href="{SourceURL}">source</a>{/block:ContentSource} • <a href="{ReblogURL}" target="_blank">reblog</a></div> <div id="tags"><center>{block:HasTags} {block:Tags}<a title="#{Tag}"href="/tagged/{Tag}">#{Tag}</a> </small>{/block:Tags}{/block:HasTags}</center> </div></div>
  617.  
  618.  
  619. {block:PostNotes}<center><a href="http://kimsjongin.tumblr.com">ᴛʜᴇᴍᴇ&nbsp;ʙʏ&nbsp;ᴋɪᴍsᴊᴏɴɢɪɴ</a></center>{PostNotes}{/block:PostNotes}<br>
  620. {/block:Posts}</div>
  621.  
  622.  
  623. </div>
  624.  
  625.  
  626. </body>
  627.  
  628. <!--
  629.  
  630. ᴛʜᴇᴍᴇ 4 | sᴡᴇᴇᴛ ᴅɪsᴘᴏsɪᴛɪᴏɴ | ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ)
  631. ᴘʟᴇᴀsᴇ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏʀ sᴛᴇᴀʟ! ^_^
  632.  
  633. -->
  634.  
  635. </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!