API tools faq
paste
Advertisement
onediewreckshun

2 - beautiful - http://kimsjongin.tumblr.com

onediewreckshun
Nov 29th, 2012
1,448
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.58 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head><title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}">
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13.  
  14. <meta name="color:background" content="#ffffff"/>
  15. <meta name="color:body" content="#9a9a9a"/>
  16. <meta name="color:link" content="#867777"/>
  17. <meta name="color:link hover" content="#a7bdc2"/>
  18. <meta name="color:border" content="#f2f2f2"/>
  19. <meta name="color:scrollbar" content="#eeeeee"/>
  20. <meta name="color:sidelinks bg" content="#ffffff"/>
  21. <meta name="color:sidelinks shadow" content="#585858"/>
  22. <meta name="color:sidelinks hover bg" content="#585858"/>
  23. <meta name="color:text select" content="#585858"/>
  24.  
  25.  
  26. <meta name="text:Link1 text" content="link" />
  27. <meta name="text:Link1 url" content="/" />
  28. <meta name="text:Link2 text" content="link" />
  29. <meta name="text:Link2 url" content="/" />
  30. <meta name="text:Link3 text" content="link" />
  31. <meta name="text:Link3 url" content="/" />
  32. <meta name="text:Link4 text" content="link" />
  33. <meta name="text:Link4 url" content="/" />
  34. <meta name="text:Link5 text" content="link" />
  35. <meta name="text:Link5 url" content="/" />
  36. <meta name="text:Link6 text" content="link" />
  37. <meta name="text:Link6 url" content="/" />
  38.  
  39. <meta name="if:hovertags" content="1" />
  40.  
  41. <meta name="image:sidebar" content=""/>
  42.  
  43.  
  44. <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 type="text/javascript" src="http://static.tumblr.com/bkd4m5b/Citm42m8i/smoothscroll.js"></script>
  45.  
  46. <!--
  47. 　　　　　　
  48. ┊ 　 ┊ ┊
  49. ┊ ┊ ┊ ┊ ┊ ┊ ┊
  50. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  51. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  52.  
  53. ᴛʜᴇᴍᴇ 2 | ʙᴇᴀᴜᴛɪғᴜʟ | ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ)
  54. ᴘʟᴇᴀsᴇ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏʀ sᴛᴇᴀʟ! ^_^
  55.  
  56. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  57. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  58. ┊ ┊ ┊ ┊ ┊ ┊ ┊
  59. ┊ ┊ ┊
  60.  
  61. -->
  62.  
  63. <style type="text/css">
  64.  
  65. body {
  66. background:{color:background};
  67. margin:0px;
  68. color:{color:body};
  69. font-family:georgia;
  70. font-size:10px;
  71. line-height:100%;
  72. }
  73.  
  74. a {text-decoration:none;
  75. color:{color:link};
  76. -webkit-transition: opacity 0.5s linear;
  77. -webkit-transition: all 0.5s ease-in-out;
  78. -moz-transition: all 0.5s ease-in-out;
  79. -o-transition: all 0.5s ease-in-out;
  80. }
  81.  
  82. a:hover {
  83. color:{color:link hover};
  84. -webkit-transition: opacity 0.5s linear;
  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. }
  89.  
  90. ::-moz-selection {
  91. background-color: transparent;
  92. color: {color:text select};
  93. }
  94.  
  95. ::selection {
  96. background-color: transparent;
  97. color: {color:text select};
  98. }
  99.  
  100. img {
  101. border:none;
  102. }
  103.  
  104. blockquote {
  105. padding-left:5px;
  106. border-left:1px dotted;
  107. }
  108.  
  109. blockquote blockquote {
  110. padding-left:5px;
  111. border-left:1px dotted;
  112. }
  113.  
  114. blockquote img {
  115. max-width:250px;
  116. }
  117.  
  118. h1 {
  119. font-size:15px;
  120. }
  121.  
  122. iframe#tumblr_controls {
  123. top: 0% !important;
  124. right:0% !important;
  125. opacity:.3;
  126. position: fixed !important;
  127. filter:alpha(opacity=30);
  128. -webkit-transition: all 0.4s ease;
  129. }
  130.  
  131. iframe#tumblr_controls:hover{
  132. top: 0% !important;
  133. right:0% !important;
  134. opacity:.8;
  135. position: fixed !important;
  136. filter:alpha(opacity=80);
  137. -webkit-transition: all 0.7s ease;
  138. }
  139.  
  140. ::-webkit-scrollbar {width: 5px; height:auto; background:#ffffff}
  141. ::-webkit-scrollbar-corner {background:#ffffff}
  142. ::-webkit-scrollbar-button:vertical {height:4px; display: block; background:{color:scrollbar}}
  143. ::-webkit-scrollbar-button:horizontal {width: 10px; height: 4px; display: block; background:{color:scrollbar}}
  144. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff}
  145. ::-webkit-scrollbar-thumb:horizontal {background: #ffffff; border: 0px solid #ffffff}
  146. ::-webkit-scrollbar-thumb {background: {color:scrollbar}; border-top: 0pt solid #ffffff; border-bottom: 0pt solid #ffffff}
  147. ::-webkit-scrollbar-thumb:hover {background: {color:scrollbar}; cursor:url(http://i53.tinypic.com/zycxmw.png), auto}
  148. ::-webkit-scrollbar-track-piece {background: #ffffff; border-top: 1pt solid #ffffff; border-bottom: 1pt solid #ffffff; width:4pt}
  149.  
  150. #container a{
  151. color:{color:background};
  152. }
  153.  
  154. #entries {
  155. padding:10px;
  156. width:500px;
  157. margin-left:440px;
  158. margin-top:80px;
  159. }
  160.  
  161. #post {
  162. width:500px;
  163. padding-bottom:20px;
  164. }
  165.  
  166.  
  167. #sidebar {
  168. width:150px;
  169. position:fixed;
  170. margin-left:200px;
  171. margin-top:150px;
  172. }
  173.  
  174. #sidebarimage {
  175. width: 250px;
  176. }
  177.  
  178. #sidebarimage img {
  179. width:150px;
  180. height:150px;
  181. padding:7px;
  182. margin-top:-140px;
  183. border:1px solid {color:border};
  184. }
  185.  
  186. #sidebar:hover #links {
  187. opacity:1;
  188. margin-top:-100px;
  189. text-align:center;
  190. z-index:999;
  191. -webkit-transition: opacity 0.5s linear;
  192. -webkit-transition: all 0.5s ease-in-out;
  193. -moz-transition: all 0.5s ease-in-out;
  194. -o-transition: all 0.5s ease-in-out;
  195. }
  196.  
  197. #description {
  198. margin-left:15px;
  199. padding:5px;
  200. text-align:center;
  201. }
  202.  
  203.  
  204. #links {
  205. width:100px;
  206. position:fixed;
  207. font-family:cambria;
  208. font-size:9px;
  209. float:center;
  210. text-align:center;
  211. margin-top:-100px;
  212. margin-left:37px;
  213. opacity:0;
  214. z-index:0;
  215. overflow:hidden;
  216. -webkit-transition: all 0.7s ease;
  217. }
  218.  
  219. #links a {
  220. text-transform:uppercase;
  221. font-family:cambria;
  222. width:45px;
  223. text-align:center;
  224. margin-right:4px;
  225. float:left;
  226. margin-bottom:4px;
  227. display:block;
  228. opacity:.9;
  229. background-color:{color:sidelinks bg};
  230. color:{color:sidelinks hover bg};
  231. line-height:26px;
  232. padding:1;
  233. -webkit-transition: all 0.7s ease-out;
  234. }
  235.  
  236. #links a:hover {
  237. text-shadow:0px 0px 10px #000;
  238. box-shadow:inset 0px 0px 10px #000;
  239. color:{color:sidelinks bg};
  240. background-color:{color:sidelinks hover bg};
  241. -webkit-transition: all 0.7s ease-out;
  242. }
  243.  
  244.  
  245.  
  246.  
  247. #info {
  248. width:490px;
  249. font-family:georgia;
  250. letter-spacing:0px;
  251. font-size: 8px;
  252. line-height:120%;
  253. text-align:center;
  254. margin-top:2px;
  255. letter-spacing:1px;
  256. padding:5px;
  257. padding-bottom:3px;
  258. -webkit-transition-duration:0.2s;
  259. border:1px solid {color:border};
  260. }
  261.  
  262. {block:ifhovertags}
  263.  
  264. #post:hover #tags {
  265. margin-top:0px;
  266. opacity:1;
  267. -moz-transition-duration:0.5s;
  268. -webkit-transition-duration:0.5s;
  269. -o-transition-duration:0.5s;
  270. }
  271.  
  272. #tags {
  273. margin-top:-10px;
  274. opacity:0;
  275. -moz-transition-duration:0.5s;
  276. -webkit-transition-duration:0.5s;
  277. -o-transition-duration:0.5s;
  278. }
  279.  
  280. {/block:ifhovertags}
  281.  
  282. {block:ifnothovertags}
  283.  
  284. #tags {
  285. margin-top:0px;
  286. opacity:1;
  287. -moz-transition-duration:0.5s;
  288. -webkit-transition-duration:0.5s;
  289. -o-transition-duration:0.5s;
  290. }
  291.  
  292. {/block:ifnothovertags}
  293.  
  294. #tags a {
  295. font-family:georgia;
  296. text-transform:lowercase;
  297. padding-top:3px;
  298. padding:1px;
  299. margin:0px 5px 0px;
  300. font-size:8px;
  301. -moz-transition-duration:0.2s;
  302. -webkit-transition-duration:0.2s;
  303. -o-transition-duration:0.2s;
  304. }
  305.  
  306.  
  307. #audio {
  308. margin-bottom:5px;
  309. width:500px;
  310. height:105px;
  311. }
  312.  
  313. .albumart {
  314. width:100px;
  315. height:100px;
  316. position:absolute;
  317. }
  318.  
  319. .albumart img {
  320. width:100px;
  321. height:100px;
  322. float:left;
  323. }
  324.  
  325. .playercontainer {
  326. opacity: .2;
  327. display:block;
  328. width:100px;
  329. height:100px;
  330. background-color:white;
  331. position:absolute;
  332. z-index:1;
  333. -webkit-transition:all 0.5s ease-in-out;
  334. -moz-transition:all 0.5s ease-in-out;
  335. -o-transition:all 0.5s ease-in-out;
  336. -ms-transition: all 0.5s ease-in-out;
  337. transition:all 0.5s ease-in-out;
  338. }
  339.  
  340. .playercontainer:hover {
  341. opacity:.7;
  342. position:absolute;
  343. -webkit-transition:all 0.5s ease-in-out;
  344. -moz-transition:all 0.5s ease-in-out;
  345. -o-transition:all 0.5s ease-in-out;
  346. -ms-transition: all 0.5s ease-in-out;
  347. transition:all 0.5s ease-in-out;
  348. }
  349.  
  350. .player {
  351. margin-left:36px;
  352. margin-top:36px;
  353. width:25px;
  354. height:25px;
  355. overflow:hidden;
  356. position:absolute;
  357. background-color:white;
  358. }
  359.  
  360. .audioinfo {
  361. margin-left:110px;
  362. float:left;
  363. color:{color:Text};
  364. width:386px;
  365. padding:2px;
  366. margin-top:3px;
  367. }
  368.  
  369.  
  370. {CustomCSS}</style></head><body>
  371.  
  372.  
  373. <div id="sidebar">
  374.  
  375. <div id="sidebarimage"><div id="links">
  376. <a href="{text:Link1 url}">{text:Link1 text}</a>
  377. <a href="{text:Link2 url}">{text:Link2 text}</a><br />
  378. <a href="{text:Link3 url}">{text:Link3 text}</a>
  379. <a href="{text:Link4 url}">{text:Link4 text}</a><br />
  380. <a href="{text:Link5 url}">{text:Link5 text}</a>
  381. <a href="{text:Link6 url}">{text:Link6 text}</a>
  382. </div>
  383. <img src="{image:sidebar}">
  384. </div>
  385.  
  386. <div id="description">{Description}</div>
  387.  
  388. <div id="pagination">
  389. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  390. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination} </center>
  391. </div>
  392.  
  393. </div>
  394.  
  395. <div id="entries">{block:Posts}<div id="post">
  396.  
  397. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  398.  
  399. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  400.  
  401. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  402.  
  403. {block:Quote}<div style="text-align:center">{Quote}</div> <br />{block:Source}<center>- {Source}</center>{/block:Source}{/block:Quote}
  404.  
  405. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  406.  
  407. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  408.  
  409. {block:Audio}
  410. <div id="audio">
  411. <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>
  412.  
  413. {block:TrackName}<div class="audioinfo"><b>Title:</b> {TrackName}</div><br>{/block:TrackName}
  414. {block:Artist}<div class="audioinfo"><b>Artist:</b> {Artist}</div><br>{/block:Artist}
  415. {block:Album}<div class="audioinfo"><b>Album:</b> {Album}</div>{/block:Album}
  416. {block:PlayCount}<div class="audioinfo"><b>Played:</b> {FormattedPlayCount}times</div> {/block:PlayCount}
  417. </div>{block:Caption}{Caption}{/block:Caption}
  418. {/block:Audio}
  419.  
  420. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  421.  
  422. {block:Answer}
  423. <div style="padding:5px;">
  424. <b>{Asker}:</b> {Question}
  425. </div>
  426. {Answer}
  427. {/block:Answer}
  428.  
  429. <div id="info">
  430. {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> {block:HasTags}<div id="tags"><center> <small>tags &nbsp;{block:Tags}<small>•</small><a href="/tagged/{Tag}">#{Tag}</a> </small>{/block:Tags}</center> </div>{/block:HasTags}</div>
  431.  
  432.  
  433. {block:PostNotes}<center><a href="http://kimsjongin.tumblr.com">ᴛʜᴇᴍᴇ&nbsp;ʙʏ&nbsp;ᴋɪᴍsᴊᴏɴɢɪɴ</a></center>{PostNotes}{/block:PostNotes}<br>
  434. {/block:Posts}</div>
  435.  
  436.  
  437. </body>
  438.  
  439.  
  440. <!--
  441. ᴛʜᴇᴍᴇ 2 | ʙᴇᴀᴜᴛɪғᴜʟ | ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ)
  442. ᴘʟᴇᴀsᴇ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏʀ sᴛᴇᴀʟ!
  443. -->
  444.  
  445.  
  446. </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!