API tools faq
paste
Advertisement
Ditasaur

Orae Theme

Ditasaur
May 6th, 2012
12,470
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.22 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. <!--ORAE THEME BY RAMYEONS // http://ramyeons.tumblr.com / http://hobakjeon.tumblr.com
  6.  
  7. *DO NOT USE MY THEME CODES AS BASE CODES FOR YOUR OWN THEME
  8. *DO NOT CLAIM AS YOUR OWN OR I WILL HUNT YOU DOWN
  9. *DO NOT BREAK ANY RULES OR YOU WILL BE REPORTED
  10. *YOU MAY EDIT THIS THEME, BUT LEAVE THE CREDITS ALONE
  11. *DO NOT TAKE MY CREDITS OUT
  12.  
  13. -->
  14.  
  15. <head>
  16.  
  17.  
  18.  
  19. <!--BASIC FLUFF-->
  20. <meta name="if:500px posts" content="1"/>
  21. <meta name="if:400px posts" content="0"/>
  22. <meta name="if:250px posts" content="0"/>
  23. <meta name="if:infinite scrolling" content="1"/>
  24. <meta name="if:cute cursor" content="1"/>
  25. <meta name="if:short description" content="1"/>
  26. <meta name="if:long description" content="0"/>
  27.  
  28.  
  29. <meta name="text:link 1 name" content=""/>
  30. <meta name="text:link 1 url" content=""/>
  31. <meta name="text:link 2 name" content=""/>
  32. <meta name="text:link 2 url" content=""/>
  33. <meta name="text:link 3 name" content=""/>
  34. <meta name="text:link 3 url" content=""/>
  35. <meta name="text:link 4 name" content=""/>
  36. <meta name="text:link 4 url" content=""/>
  37. <meta name="text:link 5 name" content=""/>
  38. <meta name="text:link 5 url" content=""/>
  39. <meta name="text:link 6 name" content=""/>
  40. <meta name="text:link 6 url" content=""/>
  41.  
  42. <meta name="image:side pic" content="http://static.tumblr.com/iuggpng/gB0m22iy6/sideflowers.jpg"/>
  43. <meta name="image:background" content="http://static.tumblr.com/iuggpng/Vpam22ivn/grayboxmini.png"/>
  44.  
  45.  
  46. <meta name="color:scrollbar" content="#aaa"/>
  47. <meta name="color:scrollbar bg" content="#eee"/>
  48. <meta name="color:background" content="#ddd"/>
  49. <meta name="color:posts bg" content="#fff"/>
  50. <meta name="color:links" content="#85ccc4"/>
  51. <meta name="color:link hover" content="#eee"/>
  52. <meta name="color:text" content="#000"/>
  53. <meta name="color:ask bg" content="#fff"/>
  54. <meta name="color:ask text" content="#aaa"/>
  55. <meta name="color:blockquote bg" content="#eee"/>
  56. <meta name="color:blockquote text" content="#aaa"/>
  57. <meta name="color:desc bg" content="#000"/>
  58. <meta name="color:desc text" content="#aaa"/>
  59. <meta name="color:perm bg" content="#fff"/>
  60. <meta name="color:perm text" content="#aaa"/>
  61. <meta name="color:nav bg" content="#fff"/>
  62. <meta name="color:nav text" content="#555"/>
  63.  
  64.  
  65. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  66.  
  67. <title>{Title}</title>
  68. <link rel="shortcut icon" href="{Favicon}">
  69. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  70.  
  71. {block:Description}
  72. <meta name="description" content="{MetaDescription}"/>
  73. {/block:Description}
  74.  
  75. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  76. <script type="text/javascript">$(document).ready(function(){$( '.content' ).fadeIn("slow");});</script>
  77.  
  78. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  79. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  80.  
  81. <script type="text/javascript" charset="utf-8">
  82. var $j = jQuery.noConflict();
  83. $j(function() {
  84. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  85. $j("img").lazyload({
  86. placeholder : "",
  87. effect: "fadeIn",
  88. });
  89. });
  90. </script>
  91.  
  92.  
  93. <style type="text/css">
  94. {CustomCSS}
  95. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar};height:75px;}
  96.  
  97. ::-webkit-scrollbar {height:0px;width:3px;background-color:{color:scrollbar bg};}
  98.  
  99.  
  100. iframe#tumblr_controls {
  101. right:3px !important;
  102. position: fixed !important;
  103. -webkit-transition: opacity 0.7s linear;
  104. opacity: 0.7;
  105. -webkit-transition: all 0.8s ease-out;
  106. -moz-transition: all 0.8s ease-out;
  107. transition: all 0.8s ease-out;
  108. }
  109.  
  110. iframe#tumblr_controls:hover {
  111. -webkit-transition: opacity 0.7s linear;
  112. opacity: 1;
  113. -webkit-transition: all 0.4s ease-out;
  114. -moz-transition: all 0.4s ease-out;
  115. transition: all 0.4s ease-out;
  116. }
  117.  
  118. body{
  119. background-image:url("{image:background}");
  120. background-color:{color:background};
  121. background-repeat:repeat;
  122. background-attachment:fixed;
  123. color:{color:text};
  124. font-family:georgia;
  125. font-size:9px;
  126. line-height:14px;
  127. {block:ifcutecursor}cursor: url(http://static.tumblr.com/iuggpng/zbmm1rrrg/cursor.png), progress !important;{/block:ifcutecursor}
  128. }
  129.  
  130. a, a:link, a:visited, a:active{
  131. color:{color:links};
  132. text-decoration:none;
  133. letter-spacing:1px;
  134. -webkit-transition: all 0.4s ease-out;
  135. -moz-transition: all 0.4s ease-out;
  136. transition: all 0.4s ease-out;
  137. }
  138.  
  139. a:hover {
  140. color:{color:link hover};
  141. text-decoration:none;
  142. {block:ifcutecursor}cursor: url(http://static.tumblr.com/iuggpng/zbmm1rrrg/cursor.png), progress !important;{/block:ifcutecursor}
  143. -webkit-transition: all 0.4s ease-out;
  144. -moz-transition: all 0.4s ease-out;
  145. transition: all 0.4s ease-out;
  146. }
  147.  
  148.  
  149. #posts {
  150. overflow:auto;
  151. margin-top:0px;
  152. height:auto;
  153. margin-left:300px;
  154.  
  155. }
  156.  
  157. .posteu {
  158. {block:if500pxposts}width:500px;{/block:if500pxposts}
  159. {block:if400pxposts}width:400px;{/block:if400pxposts}
  160. {block:if250pxposts}width:250px;{/block:if250pxposts}
  161. height:auto;
  162. padding:0px;
  163. margin-top:10px;
  164. border:0px solid {color:posts bg};
  165. color:{color:text};
  166. background-color:transparent;
  167. opacity:1;
  168. -webkit-transition: all 0.4s ease-out;
  169. -moz-transition: all 0.4s ease-out;
  170. transition: all 0.4s ease-out;
  171.  
  172.  
  173. }
  174.  
  175. .posteu:hover{
  176. opacity:1;
  177. -webkit-transition: all 0.4s ease-out;
  178. -moz-transition: all 0.4s ease-out;
  179. transition: all 0.4s ease-out;
  180.  
  181. }
  182.  
  183. .title {
  184. font-family:arial;
  185. font-size:11px;
  186. line-height:16px;
  187. text-align:right;
  188. border-top:0px solid #eee;
  189. letter-spacing:3px;
  190. border-bottom: 0px dashed {color:post titles bottom border};
  191. color:{color:post titles};
  192. text-transform:uppercase;
  193. }
  194.  
  195. .texts, .chat, .link, .quote, .audio{
  196. font-family:georgia;
  197. font-size:9px;
  198. line-height:14px;
  199. padding:1px;
  200. border:2px solid {color:posts bg};
  201. letter-spacing:0px;
  202. background-color:white;
  203. color:{color:text};
  204. -webkit-transition: all 0.4s ease-out;
  205. -moz-transition: all 0.4s ease-out;
  206. transition: all 0.4s ease-out;
  207. }
  208.  
  209.  
  210. .posteu img {
  211. background-color:{color:posts bg};
  212. opacity:1;
  213. -webkit-transition: all 0.4s ease-out;
  214. -moz-transition: all 0.4s ease-out;
  215. transition: all 0.4s ease-out;
  216. }
  217.  
  218. .posteu img:hover, a .posteu img:hover{
  219. opacity:.85;
  220. -webkit-transition: all 0.4s ease-out;
  221. -moz-transition: all 0.4s ease-out;
  222. transition: all 0.4s ease-out;
  223. }
  224.  
  225.  
  226. blockquote {
  227. background-color:{color:blockquote bg};
  228. color:{color:blockquote text};
  229. border-left:0px solid #eee;
  230. padding:3px;
  231. }
  232.  
  233. #perm{
  234. background-color:{color:perm bg};
  235. position:absolute;
  236. height:auto;
  237. text-align:center;
  238. margin-top:-10px;
  239. margin-left:0px;
  240. z-index:998;
  241. font-size:9px;
  242. padding:2px;
  243. color:{color:perm text};
  244. text-transform:uppercase;
  245. font-family:consolas;
  246. font-size:8px;
  247. letter-spacing:1px;
  248. {block:if500pxposts}width:496px;{/block:if500pxposts}
  249. {block:if400pxposts}width:396px;{/block:if400pxposts}
  250. {block:if250pxposts}width:246px;{/block:if250pxposts}
  251. opacity:0;
  252. border-left:0px solid white;
  253. -webkit-transition: all 0.6s ease-out;
  254. -moz-transition: all 0.6s ease-out;
  255. transition: all 0.6s ease-out;
  256. }
  257.  
  258. #inpiniteu:hover #perm{
  259. opacity:.7;
  260. margin-left:0px;
  261. padding-top:10px;
  262. {block:if500pxposts}width:496px;{/block:if500pxposts}
  263. {block:if400pxposts}width:396px;{/block:if400pxposts}
  264. {block:if250pxposts}width:246px;{/block:if250pxposts};
  265. margin-top:0px;
  266. color:#555;
  267. filter: alpha (opacity=7)
  268. -webkit-transition: all 0.4s ease-out;
  269. -moz-transition: all 0.4s ease-out;
  270. transition: all 0.4s ease-out;
  271. }
  272.  
  273.  
  274. #inpiniteu {
  275. {block:if500pxposts}width:500px;{/block:if500pxposts}
  276. {block:if400pxposts}width:400px;{/block:if400pxposts}
  277. {block:if250pxposts}width:250px;{/block:if250pxposts}
  278. -webkit-transition: all 0.6s ease-out;
  279. -moz-transition: all 0.6s ease-out;
  280. transition: all 0.6s ease-out;
  281. }
  282.  
  283.  
  284. #permalink {
  285. display:block;
  286. {block:if500pxposts}width:500px;{/block:if500pxposts}
  287. {block:if400pxposts}width:400px;{/block:if400pxposts}
  288. {block:if250pxposts}width:250px;{/block:if250pxposts}
  289. padding:2px;
  290. height:auto;
  291. background-color:{color:posts bg};
  292. color:{color:text};
  293. }
  294.  
  295. #taemin {
  296. display:block;
  297. background-color:{color:posts bg};
  298. {block:if500pxposts}width:500px;{/block:if500pxposts}
  299. {block:if400pxposts}width:400px;{/block:if400pxposts}
  300. {block:if250pxposts}width:250px;{/block:if250pxposts}
  301. padding:0px;
  302. }
  303.  
  304. #asku {
  305. background-color:{color:ask bg};
  306. color:{color:ask text};
  307. font-size:8px;
  308. font-family:consolas;
  309. letter-spacing:1px;
  310. text-transform:uppercase;
  311. padding:2px;
  312. }
  313.  
  314. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  315.  
  316. @font-face {font-family: "silkscreen";src: url('http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf');}
  317.  
  318. @font-face {font-family: "bitcapital";src: url('http://static.tumblr.com/iuggpng/qZbm10ac9/font__bitcapital_by_emotikonz-d2zem0k.ttf');}
  319.  
  320. @font-face {font-family: "open sans";src: url('http://static.tumblr.com/iuggpng/jrXm0dlyf/opensans-condlight.ttf');}
  321.  
  322.  
  323.  
  324. #eunhyuk {
  325. opacity:1;
  326. position:fixed;
  327. height:auto;
  328. padding:2px;
  329. width:200px;
  330. top:200px;
  331. left:80px;
  332. z-index:10;
  333. background-color:transparent;
  334. }
  335.  
  336. #all {
  337. overflow:hidden;
  338. height:10px;
  339. width:200px;
  340. margin-top:17px;
  341. padding-bottom:3px;
  342. font-size:8px;
  343. font-family:consolas;
  344. color:{color:desc text};
  345. letter-spacing:2px;
  346. text-transform:uppercase;
  347. background-color:{color:desc bg};
  348. -webkit-transition: all 1s ease-out;
  349. -moz-transition: all 1s ease-out;
  350. transition: all 1s ease-out;
  351. }
  352.  
  353. #all:hover {
  354. {block:ifshortdescription}height:50px;{/block:ifshortdescription}
  355. {block:iflongdescription}height:100px;{/block:iflongdescription}
  356. -webkit-transition: all 1s ease-out;
  357. -moz-transition: all 1s ease-out;
  358. transition: all 1s ease-out;
  359. }
  360.  
  361. #show {
  362. height:10px;
  363. text-align:center;
  364. }
  365.  
  366. #hidden {
  367. text-align:right;
  368. padding-right:3px;
  369. margin-top:2px;
  370. {block:ifshortdescription}height:40px;{/block:ifshortdescription}
  371. {block:iflongdescription}height:90px;{/block:iflongdescription}
  372. font-family:consolas;
  373. text-transform:uppercase;
  374. font-size:8px;
  375. color:#aaa;
  376. line-height:10px;
  377. letter-spacing:1px;
  378. }
  379.  
  380. #pag {
  381. overflow:hidden;
  382. height:10px;
  383. width:200px;
  384. margin-top:17px;
  385. padding-bottom:3px;
  386. font-size:9px;
  387. position:absolute;
  388. font-family:consolas;
  389. color:{color:desc text};
  390. letter-spacing:2px;
  391. margin-top:3px;
  392. text-transform:uppercase;
  393. background-color:{color:desc bg};
  394. }
  395.  
  396. </style>
  397. </head>
  398. <body>
  399.  
  400.  
  401. <div id="eunhyuk">
  402. <img src="{image:side pic}" width="200px" style="-moz-border-radius:100px 100px 0px 0px;
  403. border-radius:100px 100px 0px 0px;opacity:.8; z-index:10;">
  404.  
  405. <select style="border:0px; background-color:{color:nav bg}; color:{color:nav text};width: 200px; height: 13px; letter-spacing: 2px; padding-left: 10px; margin-top:0px;margin-left: 0px; font-size: 8px; font-family:arial; margin-bottom: 3px; position:absolute;" onChange="location.href=this.options[this.selectedIndex].value;">
  406.  
  407. <option value="">► {Title} → links </option>
  408. <option value="/">index</option>
  409. <option value="/ask">message</option>
  410. <option value="/archive">history</option>
  411. {block:iflink1name}<option value="{text:link 1 url}">{text:link 1 name}</option>{/block:iflink1name}
  412. {block:iflink2name}<option value="{text:link 2 url}">{text:link 2 name}</option>{/block:iflink2name}
  413. {block:iflink3name}<option value="{text:link 3 url}">{text:link 3 name}</option>{/block:iflink3name}
  414. {block:iflink4name}<option value="{text:link 4 url}">{text:link 4 name}</option>{/block:iflink4name}
  415. {block:iflink5name}<option value="{text:link 5 url}">{text:link 5 name}</option>{/block:iflink5name}
  416. {block:iflink6name}<option value="{text:link 6 url}">{text:link 6 name}</option>{/block:iflink6name}
  417. <option value="http://hobakjeon.tumblr.com" target="new">theme</option>
  418. </select>
  419. </form>
  420.  
  421.  
  422. <div id="all">
  423. <div id="show">+ ABOUT</div>
  424. <div id="hidden">
  425. {Description}
  426. </div>
  427. </div>
  428.  
  429. {/block:Description}
  430.  
  431. {block:ifnotinfinitescrolling}
  432. <div id="pag"><center>{block:Pagination}<center>
  433. {block:PreviousPage}<a href="{PreviousPage}">◀</a>
  434. {/block:PreviousPage}
  435. {block:JumpPagination length="5"}
  436. {block:CurrentPage}
  437. <span class="current_page">{PageNumber}</span>
  438. {/block:CurrentPage}
  439. {block:JumpPage}
  440. <a class="jump_page" href="{URL}">{PageNumber}</a>
  441. {/block:JumpPage}
  442. {/block:JumpPagination}
  443. {block:NextPage}
  444. <a href="{NextPage}">▶</a>
  445. {/block:NextPage}</center>
  446. {/block:Pagination}</center></div>
  447. {/block:ifnotinfinitescrolling}
  448.  
  449. </div>
  450.  
  451.  
  452.  
  453.  
  454.  
  455.  
  456. <div id="posts">
  457. {block:ifinfinitescrolling}<div class="autopagerize_page_element"><script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}{block:Posts}
  458.  
  459. <div id="inpiniteu">
  460.  
  461. {block:IndexPage}<div id="perm">{TimeAgo} → <a href="{permalink}">{notecountwithlabel}</a></div>
  462. {block:IndexPage}
  463.  
  464.  
  465.  
  466. {block:Text}
  467. <div class="posteu">
  468. <div class="texts">
  469. {block:Title}
  470. <div class="title"><a href="{Permalink}">{Title}</a></div>
  471. {/block:Title}
  472.  
  473. {Body}
  474.  
  475. </div>
  476.  
  477.  
  478. </div>
  479. {/block:Text}
  480.  
  481. {block:Photo}<div class="posteu">
  482.  
  483. <div class="photo">
  484. {block:if500pxposts} <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>{/block:if500pxposts}
  485. {block:if400pxposts} <a href="{Permalink}"><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></a>{/block:if400pxposts}
  486. {block:if250pxposts} <a href="{Permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></a>{/block:if250pxposts}
  487. </div>
  488. {block:PermalinkPage}{block:Caption}
  489. {Caption}
  490. {/block:Caption}{/block:PermalinkPage}
  491. </div>
  492. {/block:Photo}
  493.  
  494. {block:Photoset}<div class="posteu">
  495. <div class="photoset">
  496.  
  497. {block:if500pxposts}<a href="{Permalink}">{Photoset-500}</a>{/block:if500pxposts}
  498. {block:if400pxposts}<a href="{Permalink}">{Photoset-400}</a>{/block:if400pxposts}
  499. {block:if250pxposts}<a href="{Permalink}">{Photoset-250}</a>{/block:if250pxposts}
  500.  
  501. {block:PermalinkPage}{block:Caption}
  502. {Caption}
  503. {/block:Caption}{/block:PermalinkPage}
  504. </div>
  505. </div>
  506. {/block:Photoset}
  507.  
  508. {block:Quote}<div class="posteu">
  509. <div class="quote">
  510. <center>"{Quote}"
  511.  
  512. {block:Source}
  513. <div class="source">{Source}</div>
  514. {/block:Source}</center>
  515. </div></div>
  516. {/block:Quote}
  517.  
  518. {block:Link}<div class="posteu">
  519. <div class="link">
  520. <center><a href="{URL}" class="link" {Target}>{Name}</a></center>
  521.  
  522. {block:Description}
  523. <div class="description">{Description}</div>
  524. {/block:Description}
  525. </div></div>
  526. {/block:Link}
  527.  
  528. {block:Chat}<div class="posteu">
  529. <div class="post chat">
  530. {block:Title}
  531. <h3><a href="{Permalink}">{Title}</a></h3>
  532. {/block:Title}
  533.  
  534. <div class="chat">
  535. {block:Lines}
  536. <div class="{Alt} user_{UserNumber}">
  537. {block:Label}
  538. <span class="label">{Label}</span>
  539. {/block:Label}
  540.  
  541. {Line}
  542. </div>
  543. {/block:Lines}
  544. </div>
  545. </div>
  546. </div>
  547. {/block:Chat}
  548.  
  549. {block:Video}<div class="posteu">
  550. <div class="video">
  551.  
  552. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  553. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  554. {block:if250pxposts}{Video-250}{/block:if250pxposts}
  555.  
  556. {block:PermalinkPage}{block:Caption}
  557. <div class="caption">{Caption}</div>
  558. {/block:Caption}{/block:PermalinkPage}
  559. </div></div>
  560. {/block:Video}
  561.  
  562. {block:Audio}<div class="posteu">
  563. <div class="audio">
  564. <center>{AudioPlayerWhite}
  565.  
  566.  
  567. {block:Caption}
  568. <div class="caption">{Caption}</div>
  569. {/block:Caption}</center>
  570. </div></div>
  571. {/block:Audio}
  572.  
  573. {block:Answer}<div class="posteu">
  574. <div class="askeu">
  575. <div id="asku"><img src="{AskerPortraitURL-30}" align="left" style="margin-right:5px; border:3px solid {color:links};"> → <b>{Asker}</b> whispered : {Question}</div>
  576. {Answer}
  577. </div></div>
  578. {/block:Answer}
  579.  
  580. {block:PermalinkPage}
  581. <div id="permalink">
  582. Posted {block:Date}<a href="{Permalink}">{TimeAgo}</a> with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}{block:RebloggedFrom} (via <a href="{ReblogParentURL}">{ReblogParentName}</a> , org. <a href="{ReblogRootURL}">{ReblogRootName}</a> ){/block:RebloggedFrom}
  583. <div>{block:HasTags}{block:IfTags}<div id="tags">tagged :{block:Tags}
  584. &#160<a href="{TagURL}">{Tag}</a>&#160{/block:Tags}</div> {/block:IfTags}{block:IfNotTags} <div id="tags">tagged :{block:Tags}
  585. &#160<a href="{TagURL}">{Tag}</a>&#160{/block:Tags}</div>{/block:IfNotTags}{/block:HasTags}
  586. <div id="taemin">{block:PostNotes}<div style="height:180px;{block:if500pxposts}width:495px;{/block:if500pxposts}
  587. {block:if400pxposts}width:395px;{/block:if400pxposts}
  588. {block:if250pxposts}width:245px;{/block:if250pxposts} padding:3px;text-align:left;
  589. overflow:auto;border:none;">
  590. {PostNotes}</div>{block:PostNotes}</div></div></div> {/block:PermalinkPage}
  591. </div>
  592.  
  593. {/block:Posts}
  594.  
  595. </div>{block:ifinfinitescrolling}</div>{/block:ifinfinitescrolling}
  596.  
  597. </body>
  598. </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!