API tools faq
paste
xmisa0923

del

xmisa0923
Mar 3rd, 2012
58
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.89 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!-- (c) theme #4 by harlequinades
  3. http://harlequinades.tumblr.com
  4. do not remove credit! thank you
  5. -->
  6.  
  7.  
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9. <html xmlns="http://www.w3.org/1999/xhtml">
  10. <html lang="en">
  11.  
  12. <head>
  13.  
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lusyzlTJnO1qi8qo2.png" />
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19. {block:ifinfinitescrolling}
  20. <script type="text/javascript" src="http://k003.kiwi6.com/hotlink/2jbbu56k6h/infinitecode.js"></script>
  21. {/block:ifinfinitescrolling}
  22.  
  23. <meta name="image:avatar" content="/">
  24. <meta name="if:infinite scrolling" content="0"/>
  25. <meta name="image:background" content="" />
  26. <meta name="color:background" content="#F8F8F8" />
  27. <meta name="color:links" content="#aaa" />
  28. <meta name="color:links hover" content="#eee" />
  29. <meta name="color:body font" content="#000" />
  30. <meta name="color:posts background" content="#fff" />
  31. <meta name="color:sidebox background" content="#fff" />
  32. <meta name="color:post titles background" content="#F8C1B8" />
  33. <meta name="color:posts" content="#ffffff" />
  34.  
  35.  
  36. <style type="text/css">
  37.  
  38. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.1;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  39.  
  40. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  41.  
  42. body {
  43. margin: 0px;
  44. padding: 0px;
  45. background:{color:background} url('{image:background}') center center fixed;
  46. cursor: url(), auto;
  47. }
  48.  
  49. a {
  50. color: {color:links};
  51. text-decoration: none;
  52. cursor: url(), auto;
  53. -webkit-transition: all 0.8s ease;
  54. -moz-transition: all 0.8s ease;
  55. -o-transition: all 0.8s ease;
  56. }
  57.  
  58. a:hover {
  59. color: {color:links hover};
  60. text-decoration: none;
  61. cursor: url(), help;
  62. -webkit-transition: all 0.8s ease;
  63. -moz-transition: all 0.8s ease;
  64. -o-transition: all 0.8s ease;
  65. }
  66.  
  67. ::-webkit-scrollbar-thumb:vertical {background-color:#fff;height:100px;}
  68. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;height:10px !important;}
  69. ::-webkit-scrollbar { height:10px;width:12px; background-color:#FFEEF4;}
  70.  
  71. #posts {
  72. width: 400px;
  73. padding: 10px;
  74. margin-top: 0px;
  75. margin-left: 400px;
  76. }
  77.  
  78. .entry {
  79. margin-bottom: 5px;
  80. width: 400px;
  81. padding: 5px;
  82. background-color: {color:posts background};
  83. font-family: lucida console;
  84. font-size: 9px;
  85. color: {color:body font};
  86. text-transform: none;
  87. text-align: justify;
  88. overflow: hidden;
  89. -moz-box-shadow: 3px 3px 4px #ffe5ed;
  90. -webkit-box-shadow: 2px 2px 3px #ffe5ed;
  91. box-shadow: 2px 2px 3px #ffe5ed;
  92. }
  93.  
  94. .caption {
  95. padding-top: 4px;
  96. text-align: none;
  97. font-weight: none;
  98. }
  99.  
  100. #tit {
  101. letter-spacing:1px;
  102. text-decoration: none;
  103. font-family: lucida console;
  104. font-size:9px;
  105. text-transform:uppercase;
  106. background-color:{color:post titles background};
  107. background-image:url('');
  108. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  109. padding:3px;
  110. }
  111.  
  112. #tit:hover {
  113. background:{color:posts};
  114. -webkit-transition: all 0.5s ease;
  115. -moz-transition: all 0.5s ease;
  116. -o-transition: all 0.5s ease;
  117. }
  118.  
  119. #contue {
  120. margin-top:-5px;
  121. margin-bottom:-9px;
  122. }
  123.  
  124. #kiseop {
  125. background:{color:posts};
  126. background-image:url('');
  127. padding:0px;
  128. margin-bottom:0px;
  129. margin-top:0px;
  130. font-family: lucida console;
  131. font-size:9px;
  132. }
  133.  
  134. #kiseop:hover #permalink {display: block; opacity:0.9;}
  135.  
  136. #sidebar {
  137. position: absolute;
  138. top: 110px;
  139. left: 280px;
  140. width: 115px;
  141. height: auto;
  142. padding: 3px;
  143. background-color: {color:sidebox background};
  144. font-family: lucida console;
  145. font-size: 8px;
  146. color: {color:body font};
  147. text-transform: uppercase;
  148. z-index: 999;
  149. -webkit-transition: all 0.5s ease;
  150. -moz-transition: all 0.5s ease;
  151. -o-transition: all 0.5s ease;
  152. -moz-box-shadow: 3px 3px 4px #ffe5ed;
  153. -webkit-box-shadow: 2px 2px 3px #ffe5ed;
  154. box-shadow: 2px 2px 3px #ffe5ed;
  155. }
  156.  
  157. .pagelinks {background:url({image:background});}
  158. .pagelinks a{text-transform:; font-size:8px; font-family:'lucida console', Courier, monospace; text-align:right; padding-bottom:4px; padding-bottom:1px; padding-left:4px; padding-right:4px; color:{color:links};}
  159.  
  160. .pagelinks a:hover {color:{color:body font}; }
  161.  
  162. @font-face {font-family: "slkscr";src: url('http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf');}
  163.  
  164. .entry:hover .perma {
  165. opacity: 1;
  166. z-index: 2;
  167. -webkit-transition: all 1s ease;
  168. -moz-transition: all 1s ease;
  169. -o-transition: all 1s ease;
  170. }
  171.  
  172. .perma {
  173. width: 40px;
  174. background-color: #fff;
  175. height: auto;
  176. margin-left: 415px;
  177. position: absolute;
  178. font-family: slkscr;
  179. font-size: 8px;
  180. text-transform: uppercase;
  181. text-align: center;
  182. padding: 3px;
  183. opacity: 100;
  184. border-bottom-style:solid;
  185. border-bottom-color:{color:links};
  186. -webkit-border-radius: 4px;
  187. -moz-border-radius: 4px;
  188. border-radius: 4px;
  189. -webkit-transition: all 1s ease;
  190. -moz-transition: all 1s ease;
  191. -o-transition: all 1s ease;
  192. -moz-box-shadow: 3px 3px 4px #FFE9DB;
  193. -webkit-box-shadow: 2px 2px 3px #FFE9DB;
  194. box-shadow: 2px 2px 3px #FFE9DB;
  195. }
  196.  
  197. .hyungshik img, .dead img, blockquote img {max-width:400px;}
  198.  
  199. blockquote{padding:0 0 0 4px; margin:0 0 0 5px; border-left: 2px solid {color:link};}
  200. ol.notes li.note { padding:7px;}
  201.  
  202. .img {
  203. width: 400px;
  204. max-width: 400px;
  205. }
  206.  
  207. img{
  208. -webkit-transition: opacity 0.5s linear;
  209. opacity: 100;
  210. }
  211. img:hover{
  212. -webkit-transition: opacity 0.5s linear;
  213. opacity: 0.90;
  214. }
  215.  
  216.  
  217. #musicplayer {text-align: center;font-size: 11px;position:fixed;left:10px; top:-43px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;z-index:999;}
  218.  
  219. #musicplayer:hover {top:-15px;}
  220.  
  221. #music {padding: 15px 0 0px 0;background: #fff;width:140px;border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;z-index: 9999;}
  222.  
  223. #musictab {font-family:century gothic;text-shadow: 0 1px 0 #000;height:25px;padding: 0 0 8px 0;background:#fff;border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;width: 30px;}
  224.  
  225. ::selection {
  226. background: #ff98c1;
  227. color: #ffffff;
  228. }
  229.  
  230. ::-moz-selection {
  231. background: #ff98c1;
  232. color: #ffffff;
  233. }
  234.  
  235. #hyungshik a {display:display}
  236. #hyungshik .heechul {margin-top:-9px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  237. #hyungshik:hover .heechul {margin-top:2px;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; filter: alpha(opacity = 80);filter: alpha(opacity = 100);opacity:100;}
  238.  
  239. </style>
  240.  
  241. <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
  242. <script type="text/javascript">
  243. $(function() {
  244.  
  245. var offset = $("#sidebar").offset();
  246. var topPadding = 110;
  247.  
  248. $(window).scroll(function() {
  249.  
  250. if ($(window).scrollTop() > offset.top) {
  251.  
  252. $("#sidebar").stop().animate({
  253.  
  254. marginTop: $(window).scrollTop() - offset.top + topPadding
  255.  
  256. });
  257.  
  258. } else {
  259.  
  260. $("#sidebar").stop().animate({
  261.  
  262. marginTop: 0
  263.  
  264. });
  265.  
  266. }
  267.  
  268.  
  269. });
  270.  
  271. });
  272. </script>
  273.  
  274.  
  275.  
  276.  
  277. </head>
  278.  
  279. <body>
  280. <div id=sidebar>
  281. <center><a href="/"><img src="{image:avatar}" border="0" width="100%"></a></center>
  282. {block:Description}
  283. {Description}
  284. {/block:Description}
  285.  
  286. </div>
  287.  
  288. {block:ifnotinfinitescrolling}
  289.  
  290. {/block:ifnotinfinitescrolling}
  291.  
  292.  
  293. <div id="posts">
  294. {block:ifinfinitescrolling}
  295. <div class= "autopagerize_page_element">
  296. {/block:ifinfinitescrolling}
  297. {block:Posts}
  298.  
  299.  
  300. {block:Text}
  301. <div class="entry">
  302. <div id="kiseop">
  303. <span class="perma"><a href="{Permalink}">
  304. <br>{block:NoteCount}{notecount}{/block:NoteCount} ★ </a>
  305. </div>
  306. {block:Title}<div id="tit"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  307. <div class="hyungshik" id="contue"><p align=justify>{Body}</p></div>
  308. </div>
  309. {/block:Text}
  310.  
  311. {block:Photo}
  312. <div class="entry">
  313. <span class="perma"><a href="{Permalink}">
  314. {block:NoteCount}{notecount}{/block:NoteCount} ★ </a></span>
  315. <a href="{Permalink}">
  316. <img class="img" src="{PhotoURL-500}" alt="{PhotoAlt}" border="0">
  317. </a>
  318. {block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  319. <div class="caption">{block:HasTags}TAGS:{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  320. </div>
  321. {/block:Photo}
  322.  
  323. {block:Photoset}
  324. <div class="entry">
  325. <span class="perma"><a href="{Permalink}">
  326. {block:NoteCount}{notecount}{/block:NoteCount} ★ </a></span>
  327. {Photoset-400}
  328. {block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  329. <div class="caption">{block:HasTags}TAGS:{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  330. </div>
  331. {/block:Photoset}
  332.  
  333. {block:Quote}
  334. <div class="entry">
  335. <span class="perma"><a href="{Permalink}">
  336. {{block:NoteCount}{notecount}{/block:NoteCount} ★ </a></span>
  337. <div style="padding: 0px; text-align: center;">
  338. <div id="tit">"{Quote}"</div></div><br>
  339. {block:Source}
  340. <div style="text-align: right;"><div class="source">{Source}</div>
  341. {/block:Source}
  342. </div></div>
  343. {/block:Quote}
  344.  
  345. {block:Link}
  346. <div class="entry">
  347. <span class="perma"><a href="{Permalink}">
  348. {block:NoteCount}{notecount}{/block:NoteCount} ★ </a></span>
  349. <div style="padding: 0px">
  350. <div id="tit"><a href="{URL}">{Name}</a></div>
  351. {block:Description}
  352. <div class="description">{Description}</div>
  353. {/block:Description}
  354. </div></div>
  355. {/block:Link}
  356.  
  357. {block:Chat}
  358. <div class="entry">
  359. <span class="perma"><a href="{Permalink}">
  360. {block:NoteCount}{notecount}{/block:NoteCount} ★ </a></span>
  361. <div style="padding: 10px">
  362. {block:Title}
  363. <a href="{Permalink}">{Title}</a>
  364. {/block:Title}
  365. {block:Lines}
  366. {block:Label}
  367. <b>{Label}</b>
  368. {/block:Label}
  369. {Line}<br />
  370. {/block:Lines}
  371. </div></div>
  372. {/block:Chat}
  373.  
  374. {block:Video}
  375. <div class="entry">
  376. <span class="perma"><a href="{Permalink}">
  377. {/block:NoteCount}★ </a></span>
  378. {Video-400}
  379. {block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  380. <div class="caption">{block:HasTags}TAGS:{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  381. </div>
  382. {/block:Video}
  383.  
  384. {block:Audio}
  385. <div class="entry">
  386. <span class="perma"><a href="{Permalink}">
  387. {block:NoteCount}{notecount}{/block:NoteCount} ★ </a></span>
  388. <div style="padding: 0px">
  389. <div class="caption"><br>
  390. <div align="center">
  391. {AudioPlayerWhite}
  392.  
  393. {block:HasTags}TAGS:{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  394. </div></div></div>
  395. {/block:Audio}
  396.  
  397. {block:Answer}
  398. <div class="entry">
  399. <span class="perma"><a href="{Permalink}">
  400. {block:NoteCount}{notecount}{/block:NoteCount} ★ </a></span>
  401. <div id="tit">"{Question}"</div> asked by <b>{Asker}</b><br>
  402. <div class="dead" id="contue"><div style="padding:0px;">{Answer}
  403. <div class="caption">{block:HasTags}TAGS:{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div></div>
  404. </div>
  405. {/block:Answer}
  406.  
  407. {block:PermalinkPage}
  408.  
  409. <br />
  410. {block:RebloggedFrom}reblogged from:<a href="{ReblogRootURL}">{ReblogRootName}</a> origin:<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  411. </div></div>
  412. {block:PostNotes}{PostNotes}{/block:PostNotes}
  413. </div>
  414. {/block:PermalinkPage}
  415.  
  416.  
  417. {/block:Posts}
  418. {block:ifinfinitescrolling}</div>{/block:ifinfinitescrolling}
  419. </div>
  420.  
  421. </body>
  422. </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!