API tools faq
paste
xmisa0923

theme edit

xmisa0923
Mar 16th, 2012
74
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.12 KB | None | 0 0
raw download clone embed print report
  1. <!-- (c) theme #4 by harlequinades
  2. http://harlequinades.tumblr.com
  3. do not remove credit! thank you
  4. -->
  5.  
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml">
  9. <html lang="en">
  10.  
  11. <head>
  12.  
  13.  
  14.  
  15.  
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22. <meta name="if:EndlessScroll" content="0"/>
  23.  
  24. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  25.  
  26. {block:IfEndlessScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  27. <meta name="image:side" content="/">
  28. <meta name="color:pagelinks background" content="#fff" />
  29. <meta name="color:pagelinks hover" content="#fff" />
  30. <meta name="text:custom link one url" content="" />
  31. <meta name="text:custom link one" content="" />
  32. <meta name="text:custom link two url" content="" />
  33. <meta name="text:custom link two" content="" />
  34. <meta name="text:custom link three url" content="" />
  35. <meta name="text:custom link three" content="" />
  36. <meta name="if:show captions" content="0" />
  37. <meta name="if:Endless scrolling" content="0"/>
  38.  
  39.  
  40. <style type="text/css">
  41.  
  42.  
  43. body {
  44. margin: 0px;
  45. padding: 0px;
  46. background:#FFF url('') center center fixed;
  47.  
  48. }
  49.  
  50. a {
  51. color: #ffabd9;
  52. text-decoration: none;
  53. text-transform: lowercase;
  54. -webkit-transition: all 0.8s ease;
  55. -moz-transition: all 0.8s ease;
  56. -o-transition: all 0.8s ease;
  57. }
  58.  
  59. a:hover {
  60. color: #eee;
  61. text-decoration: none;
  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:#ffe5ed;height:100px;}
  68. ::-webkit-scrollbar-thumb:horizontal {background-color:#ffe5ed;height:10px !important;}
  69. ::-webkit-scrollbar { height:10px;width:12px; background-color:#FFF;}
  70.  
  71.  
  72. #posts {
  73. width: 500px;
  74. padding: 5px;
  75. margin-top: 0px;
  76. margin-left: 380px;
  77. }
  78.  
  79. .entry {
  80. margin-bottom: 5px;
  81. width: 500px;
  82. padding: 5px;
  83. background-color: #fff;
  84. font-family: lucida console;
  85. font-size: 9px;
  86. font-color: {color:Body};
  87. text-transform: none;
  88. text-align: justify;
  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. text-align: center;
  96. font-weight: bold;
  97. }
  98.  
  99. .title {
  100. text-align: center;
  101. letter-spacing: 2px;
  102. }
  103.  
  104. #contue {
  105. margin-top:-5px;
  106. margin-bottom:-9px;
  107. }
  108.  
  109. #sidebar {
  110. position: fixed;
  111. top: 150px;
  112. left: 200px;
  113. width: 150px;
  114. height: auto;
  115. padding: 3px;
  116. background-color: #fff;
  117. font-family: lucida console;
  118. font-size: 9px;
  119. font-color: {color:body font};
  120. text-transform: none;
  121. z-index: 999;
  122. -webkit-transition: all 0.5s ease;
  123. -moz-transition: all 0.5s ease;
  124. -o-transition: all 0.5s ease;
  125. -moz-box-shadow: 3px 3px 4px #ffe5ed;
  126. -webkit-box-shadow: 2px 2px 3px #ffe5ed;
  127. box-shadow: 2px 2px 3px #ffe5ed;
  128. }
  129.  
  130. .pagelinks {background-color:{color:pagelinks background};}
  131. .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:#ffabd9;}
  132.  
  133. .pagelinks a:hover {color:{color:pagelinks hover}; }
  134.  
  135. .permalink {
  136. width: 50px;
  137. font-family: lucida console;
  138. font-size: 9px;
  139. background-color: #fff;
  140. text-transform: none;
  141. text-align: center;
  142. letter-spacing: 2px;
  143. margin-left: 0px;
  144. margin-bottom: 0px;
  145. position: absolute;
  146. opacity: 0;
  147. -webkit-transition: all 0.5s ease;
  148. -moz-transition: all 0.5s ease;
  149. -o-transition: all 0.5s ease;
  150. -moz-box-shadow: 3px 3px 4px #ffe5ed;
  151. -webkit-box-shadow: 2px 2px 3px #ffe5ed;
  152. box-shadow: 2px 2px 3px #FFF7F7;
  153. }
  154.  
  155. .permalink a {
  156. color: #ffe5ed;
  157. }
  158.  
  159. .permalink a:hover {
  160. color: #ffe5ed;
  161. }
  162.  
  163. .permalink:hover {
  164. background: #fff;
  165. font-color: #000;
  166. }
  167.  
  168. .entry:hover .permalink {
  169. margin-left: 510px;
  170. opacity: 0.8;
  171. text-align: center;
  172. width: 50px;
  173. -webkit-transition: all 1s ease;
  174. -moz-transition: all 1s ease;
  175. -o-transition: all 1s ease;
  176. }
  177. .eli img, .dead img, blockquote img {max-width:500px;}
  178.  
  179. blockquote{padding:0 0 0 4px; margin:0 0 0 5px; border-left: 2px solid {color:link};}
  180. ol.notes li.note { padding:7px;}
  181.  
  182. #next {
  183. position: fixed;
  184. bottom: 5px;
  185. left: 620px;
  186. z-index: 999;
  187. }
  188.  
  189.  
  190. .img {
  191. width: 500px;
  192. min-width: 500px;
  193. max-width: 500px;
  194. }
  195.  
  196. iframe#tumblr_controls {
  197.  
  198. right:3px !important;
  199.  
  200. position: fixed !important;
  201.  
  202. -webkit-transition: opacity 0.7s linear;
  203.  
  204. opacity: 0.2;
  205.  
  206. -webkit-transition: all 0.8s ease-out;
  207.  
  208. -moz-transition: all 0.8s ease-out;
  209.  
  210. transition: all 0.8s ease-out;}
  211.  
  212. iframe#tumblr_controls:hover{
  213.  
  214. -webkit-transition: opacity 0.7s linear;
  215.  
  216. opacity: 1;
  217.  
  218. -webkit-transition: all 0.4s ease-out;
  219.  
  220. -moz-transition: all 0.4s ease-out;
  221.  
  222. transition: all 0.4s ease-out;}
  223.  
  224. #music
  225. {position:fixed; bottom:16px; right:25px;
  226. padding-top:12px; padding-bottom:12px; text-align:center; height:10px; width:34px; overflow:hidden;
  227. border:3px solid #ffe5ed ;
  228. color:#888;
  229. -moz-border-radius: 17px 17px 17px 17px;
  230. border-radius:17px 17px 17px 17px;
  231. -webkit-transition: opacity 0.7s linear;
  232. -webkit-transition: all 0.7s ease-in-out;
  233. -moz-transition: all 0.7s ease-in-out;
  234. -o-transition: all 0.7s ease-in-out;
  235. background-color:#fff;
  236. z-index:999;}
  237.  
  238.  
  239. #musicplayer
  240. {padding-top:15px;}
  241.  
  242.  
  243. #music:hover
  244. {border:3px solid #ffe5ed ; padding:5px; height:50px; width:50px;}
  245.  
  246.  
  247. </style>
  248.  
  249.  
  250.  
  251.  
  252. </head>
  253.  
  254. <body>
  255. {block:IndexPage}
  256. <div id="music"><center><img src="http://static.tumblr.com/rltvkjt/jwflmr3vh/marcadores71.gif"/></center>
  257. <div id="musicplayer"><center><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0= http://dl.dropbox.com/u/30975005/U-KISS%20-%20We%20Set%20Off.mp3&t0=U-KISS%20-%20We%20Set%20Off&f1=http://dl.dropbox.com/u/30975005/U-KISS%20Forbidden%20Love%20%5BMV%20FULL%5D.mp3&t1=U-KISS%20Forbidden%20Love%20%5BMV%20FULL%5D&f2=http://dl.dropbox.com/u/30975005/U-KISS%20-%20T%20he%20Sound%20Of%20Magic.mp3&t2=U-KISS%20-%20T%20he%20Sound%20Of%20Magic&f3=http://dl.dropbox.com/u/30975005/0.mp3&t3=0&f4=http://dl.dropbox.com/u/30975005/U-KISS%20-%20Eeny%2C%20Meeny%2C%20Miny%2C%20Moe.mp3&t4=U-KISS%20-%20Eeny%2C%20Meeny%2C%20Miny%2C%20Moe&total=5" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></center></div>
  258. </div>
  259. {/block:IndexPage}
  260.  
  261. <div id=sidebar>
  262. <center><a href="/"><img src="{image:side}" border="0" width="100%"></a></center>
  263. {block:Description}
  264. {Description}
  265. {/block:Description}
  266. <div class="pagelinks"><center>{block:PreviousPage}<a href="{PreviousPage}">◀</a>
  267. {/block:PreviousPage}
  268. {block:JumpPagination length="3"}
  269. {block:CurrentPage}
  270.  
  271. {/block:CurrentPage}
  272. {block:JumpPage}
  273.  
  274. {/block:JumpPage}
  275. {/block:JumpPagination}
  276.  
  277. </div>
  278. </div>
  279.  
  280. {block:ifnotendlesscrolling}
  281. {/block:ifnotendlesscrolling}
  282.  
  283.  
  284. <div id="posts">
  285. {block:ifendlesscrolling}
  286. <div class= "autopagerize_page_element">
  287. {/block:ifendlesscrolling}
  288. {block:Posts}
  289.  
  290.  
  291. {block:Text}
  292. <div class="entry">
  293. <span class="permalink"><a href="{Permalink}">
  294. {block:NoteCount}({NoteCount}){/block:NoteCount}
  295. {TimeAgo}
  296. </a></span>
  297. <div style="padding: 0px">
  298. <div class="title">{block:Title}
  299. <h3><a href="{Permalink}">{Title}</a></h3>
  300. {/block:Title}</div>
  301. <div class="soohyun" id="contue"><p align=justify>{Body}</p></div>
  302. </div></div>
  303. {/block:Text}
  304.  
  305. {block:Photo}
  306. <div class="entry">
  307. <span class="permalink"><a href="{Permalink}">
  308. {block:NoteCount}({NoteCount}){/block:NoteCount}
  309. {TimeAgo}
  310. </a></span>
  311. <a href="{Permalink}">
  312. <img class="img" src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  313. </a>
  314. {block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  315. </div>
  316. {/block:Photo}
  317.  
  318. {block:Photoset}
  319. <div class="entry">
  320. <span class="permalink"><a href="{Permalink}">
  321. {block:NoteCount}({NoteCount}){/block:NoteCount}
  322. {TimeAgo}
  323. </a></span>
  324. {Photoset-500}
  325. {block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  326. </div>
  327. {/block:Photoset}
  328.  
  329. {block:Quote}
  330. <div class="entry">
  331. <span class="permalink"><a href="{Permalink}">
  332. {block:NoteCount}({NoteCount}){/block:NoteCount}
  333. {TimeAgo}
  334. </a></span>
  335. <div style="padding: 10px; text-align: center;">
  336. "{Quote}"
  337. {block:Source}
  338. <div class="source"><b>{Source}</b></div>
  339. {/block:Source}
  340. </div></div>
  341. {/block:Quote}
  342.  
  343. {block:Link}
  344. <div class="entry">
  345. <span class="permalink"><a href="{Permalink}">
  346. {block:NoteCount}({NoteCount}){/block:NoteCount}
  347. {TimeAgo}
  348. </a></span>
  349. <div style="padding: 10px">
  350. <a href="{URL}" class="link" {Target}>{Name}</a>
  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="permalink"><a href="{Permalink}">
  360. {block:NoteCount}({NoteCount}){/block:NoteCount}
  361. {TimeAgo}
  362. </a></span>
  363. <div style="padding: 10px">
  364. {block:Title}
  365. <a href="{Permalink}">{Title}</a>
  366. {/block:Title}
  367. {block:Lines}
  368. {block:Label}
  369. <b>{Label}</b>
  370. {/block:Label}
  371. {Line}<br />
  372. {/block:Lines}
  373. </div></div>
  374. {/block:Chat}
  375.  
  376. {block:Video}
  377. <div class="entry">
  378. <span class="permalink"><a href="{Permalink}">
  379. {block:NoteCount}({NoteCount}){/block:NoteCount}
  380. {TimeAgo}
  381. </a></span>
  382. {Video-500}
  383. {block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  384. </div>
  385. {/block:Video}
  386.  
  387. {block:Audio}
  388. <div class="entry">
  389. <span class="permalink"><a href="{Permalink}">
  390. {block:NoteCount}({NoteCount}){/block:NoteCount}
  391. {TimeAgo}
  392. </a></span>
  393. <div style="padding: 0px">
  394. <div align="center">
  395. {AudioPlayerWhite}
  396. {block:PermalinkPage}<br>{/block:PermalinkPage}
  397. </div></div></div>
  398. {/block:Audio}
  399.  
  400. {block:Answer}
  401. <div class="entry">
  402. <span class="permalink"><a href="{Permalink}">
  403. {block:NoteCount}({NoteCount}){/block:NoteCount}
  404. {TimeAgo}
  405. </a></span>
  406. <div style="padding: 0px">
  407. <div align="center">
  408. <b>{Asker}</b>: "{Question}"
  409. <br />--------------<br />
  410. <div class="dead" id="contue"><div style="padding:0px;">{Answer}</div></div>
  411. </div></div></div>
  412. {/block:Answer}
  413.  
  414. {block:PermalinkPage}
  415. <div style="font-family:lucida console; font-size:9px; text-transform:uppercase;">
  416. <div align="center"><div style="letter-spacing: 2px; background-color:#fffff; font-color:#000000;">
  417. {block:Date}{12Hour}:{Minutes}{AmPm} on {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}{/block:Date}
  418. <br />
  419. {block:RebloggedFrom}reblogged from:<a href="{ReblogRootURL}">{ReblogRootName}</a> origin:<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  420. <br />
  421. {block:HasTags}tags:{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  422. </div></div>
  423. {block:PostNotes}{PostNotes}{/block:PostNotes}
  424. </div>
  425. {/block:PermalinkPage}
  426.  
  427.  
  428. {/block:Posts}
  429. {block:ifendlesscrolling}</div>{/block:ifendlesscrolling}
  430. </div>
  431.  
  432. </body>
  433. </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!